| @@ -430,10 +430,9 @@ | ||
| 430 | 430 | var _baseTracking = _interopRequireDefault(__webpack_require__(/*! ./base-tracking */ "../app/assets/js/event-track/dashboard/base-tracking.js")); |
| 431 | 431 | function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } |
| 432 | 432 | function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } |
| 433 | 433 | var PROMO_MENU_ITEMS = { |
| 434 | - go_elementor_pro: 'Upgrade', | |
| 435 | - 'elementor-one-upgrade': 'Upgrade' | |
| 434 | + go_elementor_pro: 'Upgrade' | |
| 436 | 435 | }; |
| 437 | 436 | var MenuPromotionTracking = /*#__PURE__*/function (_BaseTracking) { |
| 438 | 437 | function MenuPromotionTracking() { |
| 439 | 438 | (0, _classCallCheck2.default)(this, MenuPromotionTracking); |
| @@ -1030,12 +1029,8 @@ | ||
| 1030 | 1029 | value: function init() { |
| 1031 | 1030 | if (!_utils.DashboardUtils.isElementorPage()) { |
| 1032 | 1031 | return; |
| 1033 | 1032 | } |
| 1034 | - var screenData = this.getScreenData(); | |
| 1035 | - if (screenData) { | |
| 1036 | - this.trackScreen(screenData.screenId, screenData.screenType); | |
| 1037 | - } | |
| 1038 | 1033 | this.attachTabChangeTracking(); |
| 1039 | 1034 | } |
| 1040 | 1035 | }, { |
| 1041 | 1036 | key: "destroy", |
| @@ -1269,30 +1264,26 @@ | ||
| 1269 | 1264 | /***/ "../app/assets/js/event-track/dashboard/utils.js": |
| 1270 | 1265 | /*!*******************************************************!*\ |
| 1271 | 1266 | !*** ../app/assets/js/event-track/dashboard/utils.js ***! |
| 1272 | 1267 | \*******************************************************/ |
| 1273 | -/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
| 1268 | +/***/ ((__unused_webpack_module, exports) => { | |
| 1274 | 1269 | |
| 1275 | 1270 | "use strict"; |
| 1276 | 1271 | |
| 1277 | 1272 | |
| 1278 | -var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); | |
| 1279 | 1273 | Object.defineProperty(exports, "__esModule", ({ |
| 1280 | 1274 | value: true |
| 1281 | 1275 | })); |
| 1282 | 1276 | exports.DashboardUtils = void 0; |
| 1283 | -var _wpDashboardTracking = _interopRequireDefault(__webpack_require__(/*! ../wp-dashboard-tracking */ "../app/assets/js/event-track/wp-dashboard-tracking.js")); | |
| 1284 | 1277 | var DashboardUtils = exports.DashboardUtils = { |
| 1285 | 1278 | isElementorPage: function isElementorPage() { |
| 1286 | 1279 | var urlParams = new URLSearchParams(window.location.search); |
| 1287 | 1280 | var page = urlParams.get('page'); |
| 1288 | - if (page && _wpDashboardTracking.default.elementorPages.some(function (p) { | |
| 1289 | - return page.includes(p); | |
| 1290 | - })) { | |
| 1281 | + if (page && (page.startsWith('elementor') || page.includes('elementor'))) { | |
| 1291 | 1282 | return true; |
| 1292 | 1283 | } |
| 1293 | 1284 | var postType = urlParams.get('post_type'); |
| 1294 | - if (_wpDashboardTracking.default.elementorPostTypes.includes(postType)) { | |
| 1285 | + if ('elementor_library' === postType || 'e-floating-buttons' === postType) { | |
| 1295 | 1286 | return true; |
| 1296 | 1287 | } |
| 1297 | 1288 | var body = document.body; |
| 1298 | 1289 | var bodyClasses = body.className.split(' '); |
| @@ -1326,9 +1317,8 @@ | ||
| 1326 | 1317 | var _promotion = _interopRequireDefault(__webpack_require__(/*! ./dashboard/promotion */ "../app/assets/js/event-track/dashboard/promotion.js")); |
| 1327 | 1318 | var _screenView = _interopRequireDefault(__webpack_require__(/*! ./dashboard/screen-view */ "../app/assets/js/event-track/dashboard/screen-view.js")); |
| 1328 | 1319 | var _menuPromotion = _interopRequireDefault(__webpack_require__(/*! ./dashboard/menu-promotion */ "../app/assets/js/event-track/dashboard/menu-promotion.js")); |
| 1329 | 1320 | var _actionControls = _interopRequireDefault(__webpack_require__(/*! ./dashboard/action-controls */ "../app/assets/js/event-track/dashboard/action-controls.js")); |
| 1330 | -var _WpDashboardTracking; | |
| 1331 | 1321 | var SESSION_TIMEOUT_MINUTES = 30; |
| 1332 | 1322 | var MINUTE_MS = 60 * 1000; |
| 1333 | 1323 | var SESSION_TIMEOUT = SESSION_TIMEOUT_MINUTES * MINUTE_MS; |
| 1334 | 1324 | var ACTIVITY_CHECK_INTERVAL = 1 * MINUTE_MS; |
| @@ -1513,11 +1503,13 @@ | ||
| 1513 | 1503 | var params = urlObj.searchParams; |
| 1514 | 1504 | var page = params.get('page'); |
| 1515 | 1505 | var postType = params.get('post_type'); |
| 1516 | 1506 | var action = params.get('action'); |
| 1517 | - return !!(page && this.elementorPages.some(function (p) { | |
| 1507 | + var elementorPages = ['elementor-home', 'e-form-submissions']; | |
| 1508 | + var elementorPostTypes = ['elementor_library', 'e-floating-buttons']; | |
| 1509 | + return page && elementorPages.some(function (p) { | |
| 1518 | 1510 | return page.includes(p); |
| 1519 | - }) || postType && this.elementorPostTypes.includes(postType) || action && action.includes(this.anyPageWithElementorString)); | |
| 1511 | + }) || postType && elementorPostTypes.includes(postType) || action && action.includes('elementor'); | |
| 1520 | 1512 | } catch (error) { |
| 1521 | 1513 | return false; |
| 1522 | 1514 | } |
| 1523 | 1515 | } |
| @@ -1716,12 +1708,8 @@ | ||
| 1716 | 1708 | this.initialized = false; |
| 1717 | 1709 | } |
| 1718 | 1710 | }]); |
| 1719 | 1711 | }(); |
| 1720 | -_WpDashboardTracking = WpDashboardTracking; | |
| 1721 | -(0, _defineProperty2.default)(WpDashboardTracking, "anyPageWithElementorString", 'elementor'); | |
| 1722 | -(0, _defineProperty2.default)(WpDashboardTracking, "elementorPages", [_WpDashboardTracking.anyPageWithElementorString, 'e-form-submissions', 'popup_templates']); | |
| 1723 | -(0, _defineProperty2.default)(WpDashboardTracking, "elementorPostTypes", ['elementor_library', 'e-floating-buttons', 'elementor_snippet', 'elementor_font', 'elementor_icons']); | |
| 1724 | 1712 | (0, _defineProperty2.default)(WpDashboardTracking, "sessionStartTime", Date.now()); |
| 1725 | 1713 | (0, _defineProperty2.default)(WpDashboardTracking, "lastActivityTime", Date.now()); |
| 1726 | 1714 | (0, _defineProperty2.default)(WpDashboardTracking, "sessionEnded", false); |
| 1727 | 1715 | (0, _defineProperty2.default)(WpDashboardTracking, "navItemsVisited", new Set()); |
| @@ -2778,8 +2766,122 @@ | ||
| 2778 | 2766 | var _default = exports["default"] = TopSection; |
| 2779 | 2767 | |
| 2780 | 2768 | /***/ }), |
| 2781 | 2769 | |
| 2770 | +/***/ "../modules/home/assets/js/icons/ai-loader-icon.js": | |
| 2771 | +/*!*********************************************************!*\ | |
| 2772 | + !*** ../modules/home/assets/js/icons/ai-loader-icon.js ***! | |
| 2773 | + \*********************************************************/ | |
| 2774 | +/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
| 2775 | + | |
| 2776 | +"use strict"; | |
| 2777 | + | |
| 2778 | + | |
| 2779 | +var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); | |
| 2780 | +Object.defineProperty(exports, "__esModule", ({ | |
| 2781 | + value: true | |
| 2782 | +})); | |
| 2783 | +exports["default"] = void 0; | |
| 2784 | +var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); | |
| 2785 | +var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui"); | |
| 2786 | +var _aiStarsIcon = _interopRequireDefault(__webpack_require__(/*! ./ai-stars-icon */ "../modules/home/assets/js/icons/ai-stars-icon.js")); | |
| 2787 | +var AiLoaderIcon = function AiLoaderIcon() { | |
| 2788 | + return /*#__PURE__*/_react.default.createElement(_ui.Box, { | |
| 2789 | + sx: { | |
| 2790 | + position: 'relative', | |
| 2791 | + width: 40, | |
| 2792 | + height: 40 | |
| 2793 | + } | |
| 2794 | + }, /*#__PURE__*/_react.default.createElement(_ui.Box, { | |
| 2795 | + sx: { | |
| 2796 | + position: 'relative', | |
| 2797 | + width: 40, | |
| 2798 | + height: 40, | |
| 2799 | + borderRadius: '50%', | |
| 2800 | + background: 'linear-gradient(180deg, #FFFFFF 0%, #F3F1FA 100%)', | |
| 2801 | + boxShadow: '0px 6px 14px rgba(0, 0, 0, 0.28)' | |
| 2802 | + } | |
| 2803 | + }), /*#__PURE__*/_react.default.createElement(_ui.Box, { | |
| 2804 | + sx: { | |
| 2805 | + position: 'absolute', | |
| 2806 | + top: 8, | |
| 2807 | + left: 8, | |
| 2808 | + width: 24, | |
| 2809 | + height: 24, | |
| 2810 | + pointerEvents: 'none' | |
| 2811 | + } | |
| 2812 | + }, /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, { | |
| 2813 | + viewBox: "0 0 24 24", | |
| 2814 | + sx: { | |
| 2815 | + width: 24, | |
| 2816 | + height: 24 | |
| 2817 | + } | |
| 2818 | + }, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", { | |
| 2819 | + id: "siteBuilderLoaderGradient", | |
| 2820 | + x1: "10.6213", | |
| 2821 | + y1: "18.7556", | |
| 2822 | + x2: "21.3988", | |
| 2823 | + y2: "18.6768", | |
| 2824 | + gradientUnits: "userSpaceOnUse" | |
| 2825 | + }, /*#__PURE__*/_react.default.createElement("stop", { | |
| 2826 | + offset: "0", | |
| 2827 | + stopColor: "#696199" | |
| 2828 | + }), /*#__PURE__*/_react.default.createElement("stop", { | |
| 2829 | + offset: "1", | |
| 2830 | + stopColor: "#C945C9" | |
| 2831 | + }))), /*#__PURE__*/_react.default.createElement("path", { | |
| 2832 | + fillRule: "evenodd", | |
| 2833 | + clipRule: "evenodd", | |
| 2834 | + d: "M6.58319 3.89317C8.18657 2.82183 10.0716 2.25 12 2.25C12.4142 2.25 12.75 2.58579 12.75 3C12.75 3.41421 12.4142 3.75 12 3.75C10.3683 3.75 8.77326 4.23385 7.41655 5.14038C6.05984 6.0469 5.00242 7.33537 4.378 8.84286C3.75358 10.3504 3.5902 12.0092 3.90853 13.6095C4.22685 15.2098 5.01259 16.6798 6.16637 17.8336C7.32016 18.9874 8.79017 19.7732 10.3905 20.0915C11.9909 20.4098 13.6497 20.2464 15.1571 19.622C16.6646 18.9976 17.9531 17.9402 18.8596 16.5835C19.7661 15.2267 20.25 13.6317 20.25 12C20.25 11.5858 20.5858 11.25 21 11.25C21.4142 11.25 21.75 11.5858 21.75 12C21.75 13.9284 21.1782 15.8134 20.1068 17.4168C19.0355 19.0202 17.5127 20.2699 15.7312 21.0078C13.9496 21.7458 11.9892 21.9389 10.0979 21.5627C8.20656 21.1865 6.46927 20.2579 5.10571 18.8943C3.74215 17.5307 2.81355 15.7934 2.43735 13.9021C2.06114 12.0108 2.25422 10.0504 2.99218 8.26884C3.73013 6.48726 4.97982 4.96452 6.58319 3.89317Z", | |
| 2835 | + fill: "url(#siteBuilderLoaderGradient)" | |
| 2836 | + }))), /*#__PURE__*/_react.default.createElement(_aiStarsIcon.default, { | |
| 2837 | + sx: { | |
| 2838 | + position: 'absolute', | |
| 2839 | + top: '50%', | |
| 2840 | + left: '50%', | |
| 2841 | + transform: 'translate(-50%, -50%)', | |
| 2842 | + width: 10, | |
| 2843 | + height: 10 | |
| 2844 | + } | |
| 2845 | + })); | |
| 2846 | +}; | |
| 2847 | +var _default = exports["default"] = AiLoaderIcon; | |
| 2848 | + | |
| 2849 | +/***/ }), | |
| 2850 | + | |
| 2851 | +/***/ "../modules/home/assets/js/icons/ai-stars-icon.js": | |
| 2852 | +/*!********************************************************!*\ | |
| 2853 | + !*** ../modules/home/assets/js/icons/ai-stars-icon.js ***! | |
| 2854 | + \********************************************************/ | |
| 2855 | +/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | |
| 2856 | + | |
| 2857 | +"use strict"; | |
| 2858 | + | |
| 2859 | + | |
| 2860 | +var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); | |
| 2861 | +Object.defineProperty(exports, "__esModule", ({ | |
| 2862 | + value: true | |
| 2863 | +})); | |
| 2864 | +exports["default"] = void 0; | |
| 2865 | +var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); | |
| 2866 | +var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js")); | |
| 2867 | +var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui"); | |
| 2868 | +var AiStarsIcon = function AiStarsIcon(props) { | |
| 2869 | + return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({ | |
| 2870 | + viewBox: "0 0 10 10", | |
| 2871 | + sx: { | |
| 2872 | + width: 10, | |
| 2873 | + height: 10 | |
| 2874 | + } | |
| 2875 | + }, props), /*#__PURE__*/_react.default.createElement("path", { | |
| 2876 | + d: "M4.79985 0.226562L5.07501 0.970157C5.72321 2.72191 7.10436 4.10306 8.85611 4.75126L9.59971 5.02642L8.85611 5.30157C7.10436 5.94978 5.72321 7.33092 5.07501 9.08267L4.79985 9.82627L4.5247 9.08267C3.87649 7.33092 2.49534 5.94978 0.743595 5.30157L0 5.02642L0.743594 4.75126C2.49534 4.10306 3.87649 2.72191 4.5247 0.970157L4.79985 0.226562Z", | |
| 2877 | + fill: "#0C0D0E" | |
| 2878 | + })); | |
| 2879 | +}; | |
| 2880 | +var _default = exports["default"] = AiStarsIcon; | |
| 2881 | + | |
| 2882 | +/***/ }), | |
| 2883 | + | |
| 2782 | 2884 | /***/ "../modules/home/assets/js/icons/arrow-right-icon.js": |
| 2783 | 2885 | /*!***********************************************************!*\ |
| 2784 | 2886 | !*** ../modules/home/assets/js/icons/arrow-right-icon.js ***! |
| 2785 | 2887 | \***********************************************************/ |
| @@ -2895,8 +2997,9 @@ | ||
| 2895 | 2997 | exports["default"] = void 0; |
| 2896 | 2998 | var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react")); |
| 2897 | 2999 | var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js")); |
| 2898 | 3000 | var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); |
| 3001 | +var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui"); | |
| 2899 | 3002 | var _CopyPageIcon = _interopRequireDefault(__webpack_require__(/*! @elementor/icons/CopyPageIcon */ "@elementor/icons/CopyPageIcon")); |
| 2900 | 3003 | var _WebsiteIcon = _interopRequireDefault(__webpack_require__(/*! @elementor/icons/WebsiteIcon */ "@elementor/icons/WebsiteIcon")); |
| 2901 | 3004 | var _styledComponents = __webpack_require__(/*! ./styled-components */ "../modules/home/assets/js/site-builder/components/styled-components.js"); |
| 2902 | 3005 | var SiteTypeLayoutToggle = function SiteTypeLayoutToggle(_ref) { |
| @@ -2901,11 +3004,18 @@ | ||
| 2901 | 3004 | var _styledComponents = __webpack_require__(/*! ./styled-components */ "../modules/home/assets/js/site-builder/components/styled-components.js"); |
| 2902 | 3005 | var SiteTypeLayoutToggle = function SiteTypeLayoutToggle(_ref) { |
| 2903 | 3006 | var isOnePage = _ref.isOnePage, |
| 2904 | 3007 | onIsOnePageChange = _ref.onIsOnePageChange; |
| 3008 | + var theme = (0, _ui.useTheme)(); | |
| 3009 | + var multiColor = !isOnePage ? theme.palette.secondary.contrastText : theme.palette.text.secondary; | |
| 3010 | + var onePageColor = isOnePage ? theme.palette.secondary.contrastText : theme.palette.text.secondary; | |
| 2905 | 3011 | return /*#__PURE__*/_react.default.createElement(_styledComponents.LayoutToggleContainer, null, /*#__PURE__*/_react.default.createElement(_styledComponents.LayoutChip, { |
| 2906 | 3012 | isSelected: !isOnePage, |
| 2907 | - icon: /*#__PURE__*/_react.default.createElement(_CopyPageIcon.default, null), | |
| 3013 | + icon: /*#__PURE__*/_react.default.createElement(_CopyPageIcon.default, { | |
| 3014 | + sx: { | |
| 3015 | + color: multiColor | |
| 3016 | + } | |
| 3017 | + }), | |
| 2908 | 3018 | label: (0, _i18n.__)('Multi-page', 'elementor'), |
| 2909 | 3019 | onClick: function onClick() { |
| 2910 | 3020 | return onIsOnePageChange(false); |
| 2911 | 3021 | } |
| @@ -2910,9 +3020,13 @@ | ||
| 2910 | 3020 | return onIsOnePageChange(false); |
| 2911 | 3021 | } |
| 2912 | 3022 | }), /*#__PURE__*/_react.default.createElement(_styledComponents.LayoutChip, { |
| 2913 | 3023 | isSelected: isOnePage, |
| 2914 | - icon: /*#__PURE__*/_react.default.createElement(_WebsiteIcon.default, null), | |
| 3024 | + icon: /*#__PURE__*/_react.default.createElement(_WebsiteIcon.default, { | |
| 3025 | + sx: { | |
| 3026 | + color: onePageColor | |
| 3027 | + } | |
| 3028 | + }), | |
| 2915 | 3029 | label: (0, _i18n.__)('One-page', 'elementor'), |
| 2916 | 3030 | onClick: function onClick() { |
| 2917 | 3031 | return onIsOnePageChange(true); |
| 2918 | 3032 | } |
| @@ -2981,8 +3095,9 @@ | ||
| 2981 | 3095 | onInputChange = _ref.onInputChange, |
| 2982 | 3096 | onKeyDown = _ref.onKeyDown, |
| 2983 | 3097 | onSubmit = _ref.onSubmit, |
| 2984 | 3098 | placeholder = _ref.placeholder; |
| 3099 | + var canSubmit = Boolean(inputValue.trim()); | |
| 2985 | 3100 | return /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerInputRow, null, /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerTextField, { |
| 2986 | 3101 | placeholder: placeholder, |
| 2987 | 3102 | variant: "outlined", |
| 2988 | 3103 | size: "small", |
| @@ -2993,11 +3108,10 @@ | ||
| 2993 | 3108 | }), /*#__PURE__*/_react.default.createElement(_styledComponents.CreateSiteButton, { |
| 2994 | 3109 | variant: "contained", |
| 2995 | 3110 | size: "medium", |
| 2996 | 3111 | endIcon: /*#__PURE__*/_react.default.createElement(_arrowRightIcon.default, null), |
| 2997 | - onClick: function onClick() { | |
| 2998 | - return inputValue.trim() && onSubmit(); | |
| 2999 | - } | |
| 3112 | + onClick: onSubmit, | |
| 3113 | + disabled: !canSubmit | |
| 3000 | 3114 | }, buttonLabel)); |
| 3001 | 3115 | }; |
| 3002 | 3116 | StepWithInput.propTypes = { |
| 3003 | 3117 | buttonLabel: _propTypes.default.string.isRequired, |
| @@ -3041,9 +3155,9 @@ | ||
| 3041 | 3155 | var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); |
| 3042 | 3156 | Object.defineProperty(exports, "__esModule", ({ |
| 3043 | 3157 | value: true |
| 3044 | 3158 | })); |
| 3045 | -exports.SuggestionChip = exports.PlannerTextField = exports.PlannerRoot = exports.PlannerPreviewImage = exports.PlannerPreviewContainer = exports.PlannerInputRow = exports.PlannerInputColumn = exports.PlannerHeading = exports.PlannerGrid = exports.PlannerContent = exports.PlannerChipsRow = exports.PlannerBackground = exports.LayoutToggleContainer = exports.LayoutChip = exports.GenerateSiteButton = exports.CreateSiteButton = void 0; | |
| 3159 | +exports.SuggestionChip = exports.PlannerTextField = exports.PlannerRoot = exports.PlannerPreviewInner = exports.PlannerPreviewImage2 = exports.PlannerPreviewImage1 = exports.PlannerPreviewFrame = exports.PlannerPreviewContainer = exports.PlannerLoaderBadge = exports.PlannerInputRow = exports.PlannerInputColumn = exports.PlannerHeading = exports.PlannerGrid = exports.PlannerContent = exports.PlannerChipsRow = exports.PlannerBackground = exports.LayoutToggleContainer = exports.LayoutChip = exports.GenerateSiteButton = exports.CreateSiteButton = void 0; | |
| 3046 | 3160 | var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js")); |
| 3047 | 3161 | var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui"); |
| 3048 | 3162 | function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } |
| 3049 | 3163 | function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } |
| @@ -3057,9 +3171,9 @@ | ||
| 3057 | 3171 | overflow: 'hidden', |
| 3058 | 3172 | borderRadius: theme.spacing(1), |
| 3059 | 3173 | border: '1px solid', |
| 3060 | 3174 | borderColor: theme.palette.divider, |
| 3061 | - minHeight: theme.spacing(23.25), | |
| 3175 | + minHeight: theme.spacing(26.75), | |
| 3062 | 3176 | gap: theme.spacing(2) |
| 3063 | 3177 | }; |
| 3064 | 3178 | }); |
| 3065 | 3179 | var PlannerBackground = exports.PlannerBackground = (0, _ui.styled)(_ui.Box)(function (_ref2) { |
| @@ -3081,9 +3195,8 @@ | ||
| 3081 | 3195 | var theme = _ref3.theme; |
| 3082 | 3196 | return { |
| 3083 | 3197 | position: 'absolute', |
| 3084 | 3198 | inset: 0, |
| 3085 | - insetInlineStart: '-21px', | |
| 3086 | 3199 | backgroundImage: 'linear-gradient(rgba(0,0,0,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,0.03) 1px, transparent 1px)', |
| 3087 | 3200 | backgroundSize: "".concat(theme.spacing(5), " ").concat(theme.spacing(5)), |
| 3088 | 3201 | zIndex: 0 |
| 3089 | 3202 | }; |
| @@ -3090,10 +3203,13 @@ | ||
| 3090 | 3203 | }); |
| 3091 | 3204 | var PlannerPreviewContainer = exports.PlannerPreviewContainer = (0, _ui.styled)(_ui.Box)(function (_ref4) { |
| 3092 | 3205 | var theme = _ref4.theme; |
| 3093 | 3206 | return (0, _defineProperty2.default)({ |
| 3207 | + position: 'relative', | |
| 3208 | + zIndex: 1, | |
| 3094 | 3209 | display: 'none', |
| 3095 | - position: 'relative', | |
| 3210 | + alignItems: 'center', | |
| 3211 | + justifyContent: 'center', | |
| 3096 | 3212 | flexShrink: 0, |
| 3097 | 3213 | width: theme.spacing(31.5), |
| 3098 | 3214 | height: '100%', |
| 3099 | 3215 | marginLeft: theme.spacing(-8) |
| @@ -3100,28 +3216,76 @@ | ||
| 3100 | 3216 | }, theme.breakpoints.up('md'), { |
| 3101 | 3217 | display: 'flex' |
| 3102 | 3218 | }); |
| 3103 | 3219 | }); |
| 3104 | -var PlannerPreviewImage = exports.PlannerPreviewImage = (0, _ui.styled)(_ui.Box)(function () { | |
| 3220 | +var PlannerPreviewInner = exports.PlannerPreviewInner = (0, _ui.styled)(_ui.Box)(function (_ref6) { | |
| 3221 | + var theme = _ref6.theme; | |
| 3105 | 3222 | return { |
| 3106 | - width: '100%', | |
| 3107 | - height: 'auto', | |
| 3108 | - display: 'block' | |
| 3223 | + position: 'relative', | |
| 3224 | + width: theme.spacing(31.5), | |
| 3225 | + height: theme.spacing(18.5) | |
| 3109 | 3226 | }; |
| 3110 | 3227 | }); |
| 3111 | -var PlannerContent = exports.PlannerContent = (0, _ui.styled)(_ui.Stack)(function (_ref6) { | |
| 3112 | - var theme = _ref6.theme; | |
| 3228 | +var PlannerPreviewFrame = exports.PlannerPreviewFrame = (0, _ui.styled)(_ui.Box)(function (_ref7) { | |
| 3229 | + var theme = _ref7.theme; | |
| 3113 | 3230 | return { |
| 3231 | + position: 'absolute', | |
| 3232 | + inset: 0, | |
| 3233 | + border: '1px dashed', | |
| 3234 | + borderColor: '#696199', | |
| 3235 | + borderRadius: theme.spacing(1.75), | |
| 3236 | + display: 'flex', | |
| 3237 | + alignItems: 'center', | |
| 3238 | + justifyContent: 'flex-end', | |
| 3239 | + gap: '3.7px', | |
| 3240 | + padding: '8.5px', | |
| 3241 | + paddingInlineEnd: '0' | |
| 3242 | + }; | |
| 3243 | +}); | |
| 3244 | +var PlannerPreviewImage1 = exports.PlannerPreviewImage1 = (0, _ui.styled)(_ui.Box)(function (_ref8) { | |
| 3245 | + var theme = _ref8.theme; | |
| 3246 | + return { | |
| 3247 | + height: '121px', | |
| 3248 | + width: 'auto', | |
| 3249 | + objectFit: 'cover', | |
| 3250 | + borderRadius: theme.spacing(1.25), | |
| 3251 | + flexShrink: 0 | |
| 3252 | + }; | |
| 3253 | +}); | |
| 3254 | +var PlannerPreviewImage2 = exports.PlannerPreviewImage2 = (0, _ui.styled)(_ui.Box)(function (_ref9) { | |
| 3255 | + var theme = _ref9.theme; | |
| 3256 | + return { | |
| 3257 | + height: '121px', | |
| 3258 | + width: 'auto', | |
| 3259 | + objectFit: 'cover', | |
| 3260 | + borderRadius: theme.spacing(1.25), | |
| 3261 | + flexShrink: 0, | |
| 3262 | + marginInlineEnd: '-1px' | |
| 3263 | + }; | |
| 3264 | +}); | |
| 3265 | +var PlannerLoaderBadge = exports.PlannerLoaderBadge = (0, _ui.styled)(_ui.Box)(function (_ref0) { | |
| 3266 | + var theme = _ref0.theme; | |
| 3267 | + return { | |
| 3268 | + position: 'absolute', | |
| 3269 | + top: theme.spacing(1), | |
| 3270 | + right: theme.spacing(-2.5) | |
| 3271 | + }; | |
| 3272 | +}); | |
| 3273 | +var PlannerContent = exports.PlannerContent = (0, _ui.styled)(_ui.Stack)(function (_ref1) { | |
| 3274 | + var theme = _ref1.theme; | |
| 3275 | + return (0, _defineProperty2.default)({ | |
| 3114 | 3276 | position: 'relative', |
| 3115 | 3277 | zIndex: 1, |
| 3116 | 3278 | flex: 1, |
| 3117 | 3279 | gap: theme.spacing(1), |
| 3118 | 3280 | paddingBlock: theme.spacing(3), |
| 3119 | - paddingInline: theme.spacing(2) | |
| 3120 | - }; | |
| 3281 | + paddingInline: theme.spacing(3) | |
| 3282 | + }, theme.breakpoints.up('md'), { | |
| 3283 | + paddingInline: theme.spacing(4) | |
| 3284 | + }); | |
| 3121 | 3285 | }); |
| 3122 | -var PlannerHeading = exports.PlannerHeading = (0, _ui.styled)(_ui.Typography)(function (_ref7) { | |
| 3123 | - var theme = _ref7.theme; | |
| 3286 | +var PlannerHeading = exports.PlannerHeading = (0, _ui.styled)(_ui.Typography)(function (_ref11) { | |
| 3287 | + var theme = _ref11.theme; | |
| 3124 | 3288 | return { |
| 3125 | 3289 | fontFamily: '"Poppins", sans-serif', |
| 3126 | 3290 | fontWeight: 400, |
| 3127 | 3291 | fontSize: theme.spacing(3), |
| @@ -3135,10 +3299,10 @@ | ||
| 3135 | 3299 | }); |
| 3136 | 3300 | PlannerHeading.defaultProps = { |
| 3137 | 3301 | variant: 'h4' |
| 3138 | 3302 | }; |
| 3139 | -var PlannerInputRow = exports.PlannerInputRow = (0, _ui.styled)(_ui.Box)(function (_ref8) { | |
| 3140 | - var theme = _ref8.theme; | |
| 3303 | +var PlannerInputRow = exports.PlannerInputRow = (0, _ui.styled)(_ui.Box)(function (_ref12) { | |
| 3304 | + var theme = _ref12.theme; | |
| 3141 | 3305 | return (0, _defineProperty2.default)({ |
| 3142 | 3306 | display: 'flex', |
| 3143 | 3307 | flexDirection: 'column', |
| 3144 | 3308 | gap: theme.spacing(1), |
| @@ -3149,10 +3313,10 @@ | ||
| 3149 | 3313 | flexDirection: 'row', |
| 3150 | 3314 | alignItems: 'center' |
| 3151 | 3315 | }); |
| 3152 | 3316 | }); |
| 3153 | -var PlannerInputColumn = exports.PlannerInputColumn = (0, _ui.styled)(_ui.Box)(function (_ref0) { | |
| 3154 | - var theme = _ref0.theme; | |
| 3317 | +var PlannerInputColumn = exports.PlannerInputColumn = (0, _ui.styled)(_ui.Box)(function (_ref14) { | |
| 3318 | + var theme = _ref14.theme; | |
| 3155 | 3319 | return { |
| 3156 | 3320 | display: 'flex', |
| 3157 | 3321 | flexDirection: 'column', |
| 3158 | 3322 | gap: theme.spacing(2), |
| @@ -3158,10 +3322,10 @@ | ||
| 3158 | 3322 | gap: theme.spacing(2), |
| 3159 | 3323 | alignItems: 'flex-start' |
| 3160 | 3324 | }; |
| 3161 | 3325 | }); |
| 3162 | -var PlannerTextField = exports.PlannerTextField = (0, _ui.styled)(_ui.TextField)(function (_ref1) { | |
| 3163 | - var theme = _ref1.theme; | |
| 3326 | +var PlannerTextField = exports.PlannerTextField = (0, _ui.styled)(_ui.TextField)(function (_ref15) { | |
| 3327 | + var theme = _ref15.theme; | |
| 3164 | 3328 | return (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({ |
| 3165 | 3329 | width: '100%' |
| 3166 | 3330 | }, theme.breakpoints.up('sm'), { |
| 3167 | 3331 | width: theme.spacing(50) |
| @@ -3167,19 +3331,16 @@ | ||
| 3167 | 3331 | width: theme.spacing(50) |
| 3168 | 3332 | }), '& .MuiOutlinedInput-root', { |
| 3169 | 3333 | borderRadius: theme.spacing(1), |
| 3170 | 3334 | height: theme.spacing(5), |
| 3171 | - boxShadow: "0px 3px 14px 2px ".concat(theme.palette.divider), | |
| 3335 | + boxShadow: '0px 3px 14px 0px rgba(0, 0, 0, 0.06)', | |
| 3172 | 3336 | overflow: 'hidden', |
| 3173 | - border: '1px solid transparent', | |
| 3174 | - backgroundImage: "linear-gradient(".concat(theme.palette.common.white, ", ").concat(theme.palette.common.white, "), linear-gradient(89deg, #212121 25.85%, #696199 46.02%, #C945C9 60.81%, #212121 82.38%)"), | |
| 3175 | - backgroundOrigin: 'border-box', | |
| 3176 | - backgroundClip: 'padding-box, border-box', | |
| 3177 | 3337 | '& fieldset': { |
| 3178 | - border: 'none' | |
| 3338 | + borderColor: theme.palette.divider | |
| 3179 | 3339 | }, |
| 3180 | 3340 | '&.Mui-focused fieldset': { |
| 3181 | - border: 'none' | |
| 3341 | + borderColor: theme.palette.divider, | |
| 3342 | + borderWidth: '1px' | |
| 3182 | 3343 | } |
| 3183 | 3344 | }), '& .MuiInputBase-input', { |
| 3184 | 3345 | border: 'none', |
| 3185 | 3346 | borderRadius: 0, |
| @@ -3186,10 +3347,10 @@ | ||
| 3186 | 3347 | height: '100%', |
| 3187 | 3348 | paddingInline: theme.spacing(2) |
| 3188 | 3349 | }); |
| 3189 | 3350 | }); |
| 3190 | -var PlannerChipsRow = exports.PlannerChipsRow = (0, _ui.styled)(_ui.Box)(function (_ref11) { | |
| 3191 | - var theme = _ref11.theme; | |
| 3351 | +var PlannerChipsRow = exports.PlannerChipsRow = (0, _ui.styled)(_ui.Box)(function (_ref17) { | |
| 3352 | + var theme = _ref17.theme; | |
| 3192 | 3353 | return { |
| 3193 | 3354 | display: 'flex', |
| 3194 | 3355 | gap: theme.spacing(1), |
| 3195 | 3356 | flexWrap: 'wrap' |
| @@ -3194,10 +3355,10 @@ | ||
| 3194 | 3355 | gap: theme.spacing(1), |
| 3195 | 3356 | flexWrap: 'wrap' |
| 3196 | 3357 | }; |
| 3197 | 3358 | }); |
| 3198 | -var GenerateSiteButton = exports.GenerateSiteButton = (0, _ui.styled)(_ui.Button)(function (_ref12) { | |
| 3199 | - var theme = _ref12.theme; | |
| 3359 | +var GenerateSiteButton = exports.GenerateSiteButton = (0, _ui.styled)(_ui.Button)(function (_ref18) { | |
| 3360 | + var theme = _ref18.theme; | |
| 3200 | 3361 | return { |
| 3201 | 3362 | backgroundColor: theme.palette.text.primary, |
| 3202 | 3363 | color: theme.palette.common.white, |
| 3203 | 3364 | borderRadius: theme.spacing(0.75), |
| @@ -3212,10 +3373,10 @@ | ||
| 3212 | 3373 | backgroundColor: theme.palette.text.secondary |
| 3213 | 3374 | } |
| 3214 | 3375 | }; |
| 3215 | 3376 | }); |
| 3216 | -var CreateSiteButton = exports.CreateSiteButton = (0, _ui.styled)(_ui.Button)(function (_ref13) { | |
| 3217 | - var theme = _ref13.theme; | |
| 3377 | +var CreateSiteButton = exports.CreateSiteButton = (0, _ui.styled)(_ui.Button)(function (_ref19) { | |
| 3378 | + var theme = _ref19.theme; | |
| 3218 | 3379 | return { |
| 3219 | 3380 | backgroundColor: theme.palette.text.primary, |
| 3220 | 3381 | border: '1px solid', |
| 3221 | 3382 | borderColor: theme.palette.text.primary, |
| @@ -3227,29 +3388,32 @@ | ||
| 3227 | 3388 | '&:hover, &:focus': { |
| 3228 | 3389 | backgroundColor: '#22252a', |
| 3229 | 3390 | borderColor: '#22252a', |
| 3230 | 3391 | color: theme.palette.common.white |
| 3392 | + }, | |
| 3393 | + '&&.Mui-disabled': { | |
| 3394 | + borderColor: theme.palette.action.disabledBackground | |
| 3231 | 3395 | } |
| 3232 | 3396 | }; |
| 3233 | 3397 | }); |
| 3234 | -var SuggestionChip = exports.SuggestionChip = (0, _ui.styled)(_ui.Chip)(function (_ref14) { | |
| 3235 | - var theme = _ref14.theme; | |
| 3398 | +var SuggestionChip = exports.SuggestionChip = (0, _ui.styled)(_ui.Chip)(function (_ref20) { | |
| 3399 | + var theme = _ref20.theme, | |
| 3400 | + selected = _ref20.selected; | |
| 3236 | 3401 | return { |
| 3237 | - backgroundColor: theme.palette.common.white, | |
| 3238 | - borderColor: theme.palette.divider, | |
| 3239 | - color: theme.palette.text.secondary, | |
| 3402 | + cursor: selected ? 'default' : 'pointer', | |
| 3403 | + backgroundColor: selected ? theme.palette.text.secondary : theme.palette.common.white, | |
| 3404 | + borderColor: selected ? 'none' : theme.palette.divider, | |
| 3405 | + color: selected ? theme.palette.common.white : theme.palette.text.secondary, | |
| 3240 | 3406 | fontSize: theme.spacing(1.625), |
| 3241 | - '&:not(.Mui-disabled):hover': { | |
| 3242 | - backgroundColor: '#f3f3f4' | |
| 3243 | - }, | |
| 3244 | - '&.Mui-disabled': { | |
| 3245 | - opacity: 1, | |
| 3246 | - color: theme.palette.text.disabled | |
| 3407 | + '&&:hover': { | |
| 3408 | + backgroundColor: theme.palette.text.secondary, | |
| 3409 | + color: theme.palette.common.white, | |
| 3410 | + borderColor: 'none' | |
| 3247 | 3411 | } |
| 3248 | 3412 | }; |
| 3249 | 3413 | }); |
| 3250 | -var LayoutToggleContainer = exports.LayoutToggleContainer = (0, _ui.styled)(_ui.Box)(function (_ref15) { | |
| 3251 | - var theme = _ref15.theme; | |
| 3414 | +var LayoutToggleContainer = exports.LayoutToggleContainer = (0, _ui.styled)(_ui.Box)(function (_ref21) { | |
| 3415 | + var theme = _ref21.theme; | |
| 3252 | 3416 | return { |
| 3253 | 3417 | alignItems: 'center', |
| 3254 | 3418 | backgroundColor: theme.palette.common.white, |
| 3255 | 3419 | borderRadius: theme.spacing(3), |
| @@ -3260,11 +3424,11 @@ | ||
| 3260 | 3424 | var LayoutChip = exports.LayoutChip = (0, _ui.styled)(_ui.Chip, { |
| 3261 | 3425 | shouldForwardProp: function shouldForwardProp(prop) { |
| 3262 | 3426 | return 'isSelected' !== prop; |
| 3263 | 3427 | } |
| 3264 | -})(function (_ref16) { | |
| 3265 | - var theme = _ref16.theme, | |
| 3266 | - isSelected = _ref16.isSelected; | |
| 3428 | +})(function (_ref22) { | |
| 3429 | + var theme = _ref22.theme, | |
| 3430 | + isSelected = _ref22.isSelected; | |
| 3267 | 3431 | return { |
| 3268 | 3432 | backgroundColor: isSelected ? theme.palette.secondary.main : 'transparent', |
| 3269 | 3433 | border: 'none', |
| 3270 | 3434 | borderRadius: theme.spacing(12.5), |
| @@ -3277,17 +3441,9 @@ | ||
| 3277 | 3441 | paddingInlineStart: theme.spacing(0.5), |
| 3278 | 3442 | paddingInlineEnd: theme.spacing(0.5) |
| 3279 | 3443 | }, |
| 3280 | 3444 | '&& .MuiChip-icon': { |
| 3281 | - fontSize: theme.spacing(1.75), | |
| 3282 | - color: isSelected ? theme.palette.secondary.contrastText : theme.palette.text.secondary | |
| 3283 | - }, | |
| 3284 | - '&&:hover': { | |
| 3285 | - backgroundColor: isSelected ? theme.palette.secondary.dark : theme.palette.action.hover, | |
| 3286 | - color: isSelected ? theme.palette.secondary.contrastText : theme.palette.text.primary, | |
| 3287 | - '&& .MuiChip-icon': { | |
| 3288 | - color: isSelected ? theme.palette.secondary.contrastText : theme.palette.text.primary | |
| 3289 | - } | |
| 3445 | + fontSize: theme.spacing(1.75) | |
| 3290 | 3446 | } |
| 3291 | 3447 | }; |
| 3292 | 3448 | }); |
| 3293 | 3449 | |
| @@ -3374,9 +3530,9 @@ | ||
| 3374 | 3530 | return handleChipClick(suggestion); |
| 3375 | 3531 | }, |
| 3376 | 3532 | size: "small", |
| 3377 | 3533 | variant: "outlined", |
| 3378 | - disabled: selectedChip === suggestion | |
| 3534 | + selected: selectedChip === suggestion | |
| 3379 | 3535 | }); |
| 3380 | 3536 | })); |
| 3381 | 3537 | }; |
| 3382 | 3538 | SuggestionChips.propTypes = { |
| @@ -3399,14 +3555,14 @@ | ||
| 3399 | 3555 | var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); |
| 3400 | 3556 | Object.defineProperty(exports, "__esModule", ({ |
| 3401 | 3557 | value: true |
| 3402 | 3558 | })); |
| 3403 | -exports["default"] = exports.clearHomeScreenSnapshot = void 0; | |
| 3559 | +exports["default"] = void 0; | |
| 3404 | 3560 | var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "../node_modules/@babel/runtime/regenerator/index.js")); |
| 3405 | 3561 | var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../node_modules/@babel/runtime/helpers/asyncToGenerator.js")); |
| 3562 | +var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js")); | |
| 3406 | 3563 | var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js")); |
| 3407 | 3564 | var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "../node_modules/@babel/runtime/helpers/toConsumableArray.js")); |
| 3408 | -var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js")); | |
| 3409 | 3565 | var _react = __webpack_require__(/*! react */ "react"); |
| 3410 | 3566 | function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } |
| 3411 | 3567 | function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } |
| 3412 | 3568 | var SETTINGS_PATH = 'elementor/v1/site-builder/snapshot'; |
| @@ -3411,38 +3567,8 @@ | ||
| 3411 | 3567 | function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } |
| 3412 | 3568 | var SETTINGS_PATH = 'elementor/v1/site-builder/snapshot'; |
| 3413 | 3569 | var HOME_SCREEN_PATH = 'elementor/v1/site-builder/home-screen'; |
| 3414 | 3570 | var DEFAULT_SITE_TYPE_SUGGESTIONS = Object.freeze(['Business website', 'Portfolio website', 'E-commerce store']); |
| 3415 | -var buildRestHeaders = function buildRestHeaders() { | |
| 3416 | - var _window$elementorHome; | |
| 3417 | - return { | |
| 3418 | - 'X-WP-Nonce': ((_window$elementorHome = window.elementorHomeScreenData) === null || _window$elementorHome === void 0 ? void 0 : _window$elementorHome.wpRestNonce) || '' | |
| 3419 | - }; | |
| 3420 | -}; | |
| 3421 | -var getRestBaseUrl = function getRestBaseUrl() { | |
| 3422 | - var _window$wpApiSettings; | |
| 3423 | - return ((_window$wpApiSettings = window.wpApiSettings) === null || _window$wpApiSettings === void 0 ? void 0 : _window$wpApiSettings.root) || '/wp-json/'; | |
| 3424 | -}; | |
| 3425 | -var clearHomeScreenSnapshot = exports.clearHomeScreenSnapshot = function clearHomeScreenSnapshot(siteKey, fullSnapshot) { | |
| 3426 | - if (!siteKey) { | |
| 3427 | - return; | |
| 3428 | - } | |
| 3429 | - var remaining = _objectSpread({}, fullSnapshot !== null && fullSnapshot !== void 0 ? fullSnapshot : {}); | |
| 3430 | - delete remaining[siteKey]; | |
| 3431 | - if (fullSnapshot && Object.prototype.hasOwnProperty.call(fullSnapshot, siteKey)) { | |
| 3432 | - delete fullSnapshot[siteKey]; | |
| 3433 | - } | |
| 3434 | - fetch("".concat(getRestBaseUrl()).concat(SETTINGS_PATH), { | |
| 3435 | - method: 'POST', | |
| 3436 | - credentials: 'include', | |
| 3437 | - headers: _objectSpread({ | |
| 3438 | - 'Content-Type': 'application/json' | |
| 3439 | - }, buildRestHeaders()), | |
| 3440 | - body: JSON.stringify({ | |
| 3441 | - value: remaining | |
| 3442 | - }) | |
| 3443 | - }).catch(function () {}); | |
| 3444 | -}; | |
| 3445 | 3571 | var sanitizeSuggestions = function sanitizeSuggestions(value) { |
| 3446 | 3572 | var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}, |
| 3447 | 3573 | limit = _ref.limit; |
| 3448 | 3574 | var list = Array.isArray(value) ? value.filter(function (item) { |
| @@ -3456,16 +3582,19 @@ | ||
| 3456 | 3582 | }); |
| 3457 | 3583 | return stored.length ? stored : (0, _toConsumableArray2.default)(DEFAULT_SITE_TYPE_SUGGESTIONS); |
| 3458 | 3584 | }; |
| 3459 | 3585 | var hasCompleteSnapshot = function hasCompleteSnapshot(snapshotStep, snapshotEntry, plannerSteps) { |
| 3460 | - if (!snapshotEntry) { | |
| 3586 | + if (null === snapshotStep) { | |
| 3461 | 3587 | return false; |
| 3462 | 3588 | } |
| 3463 | - if (null !== snapshotStep && snapshotStep >= plannerSteps.DEPLOYED_TO_PLUGIN) { | |
| 3464 | - return Array.isArray(snapshotEntry.pageSuggestions) && snapshotEntry.pageSuggestions.length > 0; | |
| 3589 | + if (snapshotStep >= plannerSteps.DEPLOYED_TO_PLUGIN) { | |
| 3590 | + return Array.isArray(snapshotEntry === null || snapshotEntry === void 0 ? void 0 : snapshotEntry.pageSuggestions) && snapshotEntry.pageSuggestions.length > 0; | |
| 3465 | 3591 | } |
| 3466 | 3592 | return true; |
| 3467 | 3593 | }; |
| 3594 | +var hasEntryWithoutSession = function hasEntryWithoutSession(snapshotEntry, snapshotStep) { | |
| 3595 | + return snapshotEntry !== undefined && null === snapshotStep; | |
| 3596 | +}; | |
| 3468 | 3597 | var deriveInitialStateForSiteKey = function deriveInitialStateForSiteKey(siteKey, snapshot, plannerSteps) { |
| 3469 | 3598 | if (!siteKey) { |
| 3470 | 3599 | return { |
| 3471 | 3600 | sessionStep: null, |
| @@ -3486,8 +3615,16 @@ | ||
| 3486 | 3615 | isResolved: true |
| 3487 | 3616 | }; |
| 3488 | 3617 | } |
| 3489 | 3618 | var siteTypeSuggestions = withDefaultSiteTypeSuggestions(snapshotEntry === null || snapshotEntry === void 0 ? void 0 : snapshotEntry.siteTypeSuggestions); |
| 3619 | + if (hasEntryWithoutSession(snapshotEntry, snapshotStep)) { | |
| 3620 | + return { | |
| 3621 | + sessionStep: null, | |
| 3622 | + pageSuggestions: [], | |
| 3623 | + siteTypeSuggestions: siteTypeSuggestions, | |
| 3624 | + isResolved: true | |
| 3625 | + }; | |
| 3626 | + } | |
| 3490 | 3627 | return { |
| 3491 | 3628 | sessionStep: null, |
| 3492 | 3629 | pageSuggestions: [], |
| 3493 | 3630 | siteTypeSuggestions: siteTypeSuggestions, |
| @@ -3521,8 +3658,9 @@ | ||
| 3521 | 3658 | _useState0 = (0, _slicedToArray2.default)(_useState9, 2), |
| 3522 | 3659 | error = _useState0[0], |
| 3523 | 3660 | setError = _useState0[1]; |
| 3524 | 3661 | (0, _react.useEffect)(function () { |
| 3662 | + var _window$elementorHome, _window$wpApiSettings; | |
| 3525 | 3663 | var applyState = function applyState(next) { |
| 3526 | 3664 | setSessionStep(next.sessionStep); |
| 3527 | 3665 | setPageSuggestions(next.pageSuggestions); |
| 3528 | 3666 | setSiteTypeSuggestions(next.siteTypeSuggestions); |
| @@ -3548,11 +3686,21 @@ | ||
| 3548 | 3686 | }) |
| 3549 | 3687 | }); |
| 3550 | 3688 | return; |
| 3551 | 3689 | } |
| 3690 | + if (hasEntryWithoutSession(snapshotEntry, snapshotStep)) { | |
| 3691 | + applyState({ | |
| 3692 | + sessionStep: null, | |
| 3693 | + pageSuggestions: [], | |
| 3694 | + siteTypeSuggestions: withDefaultSiteTypeSuggestions(snapshotEntry === null || snapshotEntry === void 0 ? void 0 : snapshotEntry.siteTypeSuggestions) | |
| 3695 | + }); | |
| 3696 | + return; | |
| 3697 | + } | |
| 3552 | 3698 | var isMounted = true; |
| 3553 | - var restHeaders = buildRestHeaders(); | |
| 3554 | - var baseUrl = getRestBaseUrl(); | |
| 3699 | + var restHeaders = { | |
| 3700 | + 'X-WP-Nonce': ((_window$elementorHome = window.elementorHomeScreenData) === null || _window$elementorHome === void 0 ? void 0 : _window$elementorHome.wpRestNonce) || '' | |
| 3701 | + }; | |
| 3702 | + var baseUrl = ((_window$wpApiSettings = window.wpApiSettings) === null || _window$wpApiSettings === void 0 ? void 0 : _window$wpApiSettings.root) || '/wp-json/'; | |
| 3555 | 3703 | var settingsUrl = "".concat(baseUrl).concat(SETTINGS_PATH); |
| 3556 | 3704 | var writeSnapshot = function writeSnapshot(entry) { |
| 3557 | 3705 | return fetch(settingsUrl, { |
| 3558 | 3706 | method: 'POST', |
| @@ -3672,15 +3820,15 @@ | ||
| 3672 | 3820 | exports["default"] = void 0; |
| 3673 | 3821 | var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react")); |
| 3674 | 3822 | var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js")); |
| 3675 | 3823 | var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js")); |
| 3824 | +var _aiLoaderIcon = _interopRequireDefault(__webpack_require__(/*! ../icons/ai-loader-icon */ "../modules/home/assets/js/icons/ai-loader-icon.js")); | |
| 3676 | 3825 | var _siteTypeLayoutToggle = _interopRequireDefault(__webpack_require__(/*! ./components/site-type-layout-toggle */ "../modules/home/assets/js/site-builder/components/site-type-layout-toggle.js")); |
| 3677 | 3826 | var _suggestionChips = _interopRequireDefault(__webpack_require__(/*! ./components/suggestion-chips */ "../modules/home/assets/js/site-builder/components/suggestion-chips.js")); |
| 3678 | 3827 | var _stepActions = __webpack_require__(/*! ./components/step-actions */ "../modules/home/assets/js/site-builder/components/step-actions.js"); |
| 3679 | -var _useSiteBuilderState2 = _interopRequireWildcard(__webpack_require__(/*! ./hooks/use-site-builder-state */ "../modules/home/assets/js/site-builder/hooks/use-site-builder-state.js")); | |
| 3828 | +var _useSiteBuilderState2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/use-site-builder-state */ "../modules/home/assets/js/site-builder/hooks/use-site-builder-state.js")); | |
| 3680 | 3829 | var _styledComponents = __webpack_require__(/*! ./components/styled-components */ "../modules/home/assets/js/site-builder/components/styled-components.js"); |
| 3681 | 3830 | function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); } |
| 3682 | -var SITE_BUILDER_READY_TIMEOUT_MS = 30000; | |
| 3683 | 3831 | var getStepConfig = function getStepConfig(step, stepConfigs, plannerSteps) { |
| 3684 | 3832 | var _plannerSteps$INIT, _configs$initStep, _configs; |
| 3685 | 3833 | var normalizedStep = Number(step); |
| 3686 | 3834 | var configs = stepConfigs !== null && stepConfigs !== void 0 ? stepConfigs : {}; |
| @@ -3688,9 +3836,9 @@ | ||
| 3688 | 3836 | var fallback = (_configs$initStep = configs[initStep]) !== null && _configs$initStep !== void 0 ? _configs$initStep : {}; |
| 3689 | 3837 | return (_configs = configs[Number.isFinite(normalizedStep) ? normalizedStep : initStep]) !== null && _configs !== void 0 ? _configs : fallback; |
| 3690 | 3838 | }; |
| 3691 | 3839 | var SiteBuilder = function SiteBuilder(_ref) { |
| 3692 | - var _siteBuilderData$plan, _plannerSteps$INIT2, _siteBuilderData$step; | |
| 3840 | + var _siteBuilderData$plan, _plannerSteps$INIT2; | |
| 3693 | 3841 | var siteBuilderData = _ref.siteBuilderData; |
| 3694 | 3842 | var _useSiteBuilderState = (0, _useSiteBuilderState2.default)(siteBuilderData), |
| 3695 | 3843 | sessionStep = _useSiteBuilderState.sessionStep, |
| 3696 | 3844 | pageSuggestions = _useSiteBuilderState.pageSuggestions, |
| @@ -3707,9 +3855,8 @@ | ||
| 3707 | 3855 | isOnePage = _useState4[0], |
| 3708 | 3856 | setIsOnePage = _useState4[1]; |
| 3709 | 3857 | var isInitStep = ((_plannerSteps$INIT2 = plannerSteps.INIT) !== null && _plannerSteps$INIT2 !== void 0 ? _plannerSteps$INIT2 : 0) === Number(sessionStep); |
| 3710 | 3858 | var showLayoutToggle = isInitStep && Boolean(inputValue.trim()); |
| 3711 | - var stepImage = siteBuilderData === null || siteBuilderData === void 0 || (_siteBuilderData$step = siteBuilderData.stepImages) === null || _siteBuilderData$step === void 0 ? void 0 : _siteBuilderData$step[sessionStep !== null && sessionStep !== void 0 ? sessionStep : plannerSteps.INIT]; | |
| 3712 | 3859 | var handleInputChange = function handleInputChange(event) { |
| 3713 | 3860 | setInputValue(event.target.value); |
| 3714 | 3861 | }; |
| 3715 | 3862 | var handleCreateClick = function handleCreateClick(nextInputValue) { |
| @@ -3720,44 +3867,18 @@ | ||
| 3720 | 3867 | var requiresInput = stepConfig.hasInput; |
| 3721 | 3868 | if (requiresInput && !prompt.trim()) { |
| 3722 | 3869 | return; |
| 3723 | 3870 | } |
| 3724 | - var newWindow = window.open(siteBuilderData.siteBuilderUrl, '_blank'); | |
| 3725 | - if (!newWindow) { | |
| 3726 | - return; | |
| 3727 | - } | |
| 3728 | - var payload = {}; | |
| 3871 | + var url = new URL(siteBuilderData.siteBuilderUrl, window.location.origin); | |
| 3729 | 3872 | if (prompt) { |
| 3730 | 3873 | var _plannerSteps$WIREFRA; |
| 3731 | - var paramName = sessionStep >= ((_plannerSteps$WIREFRA = plannerSteps.WIREFRAMES) !== null && _plannerSteps$WIREFRA !== void 0 ? _plannerSteps$WIREFRA : 3) ? 'pageTitle' : 'siteType'; | |
| 3732 | - payload[paramName] = prompt; | |
| 3874 | + var paramName = sessionStep >= ((_plannerSteps$WIREFRA = plannerSteps.WIREFRAMES) !== null && _plannerSteps$WIREFRA !== void 0 ? _plannerSteps$WIREFRA : 3) ? 'page_title' : 'site_type'; | |
| 3875 | + url.searchParams.append(paramName, prompt); | |
| 3733 | 3876 | } |
| 3734 | 3877 | if (isInitStep) { |
| 3735 | - payload.isOnePage = isOnePage; | |
| 3878 | + url.searchParams.append('is_one_page', isOnePage ? 'true' : 'false'); | |
| 3736 | 3879 | } |
| 3737 | - var _onReady = function onReady(event) { | |
| 3738 | - var _event$data; | |
| 3739 | - if (event.source !== newWindow) { | |
| 3740 | - return; | |
| 3741 | - } | |
| 3742 | - if (event.origin !== window.location.origin) { | |
| 3743 | - return; | |
| 3744 | - } | |
| 3745 | - if (((_event$data = event.data) === null || _event$data === void 0 ? void 0 : _event$data.type) !== 'site-builder/ready') { | |
| 3746 | - return; | |
| 3747 | - } | |
| 3748 | - clearTimeout(timeoutId); | |
| 3749 | - window.removeEventListener('message', _onReady); | |
| 3750 | - (0, _useSiteBuilderState2.clearHomeScreenSnapshot)(siteBuilderData === null || siteBuilderData === void 0 ? void 0 : siteBuilderData.siteKey, siteBuilderData === null || siteBuilderData === void 0 ? void 0 : siteBuilderData.site_builder_snapshot); | |
| 3751 | - newWindow.postMessage({ | |
| 3752 | - type: 'site-builder/init', | |
| 3753 | - payload: payload | |
| 3754 | - }, window.location.origin); | |
| 3755 | - }; | |
| 3756 | - var timeoutId = setTimeout(function () { | |
| 3757 | - return window.removeEventListener('message', _onReady); | |
| 3758 | - }, SITE_BUILDER_READY_TIMEOUT_MS); | |
| 3759 | - window.addEventListener('message', _onReady); | |
| 3880 | + window.open(url.toString(), '_blank'); | |
| 3760 | 3881 | }; |
| 3761 | 3882 | var handleKeyDown = function handleKeyDown(event) { |
| 3762 | 3883 | if ('Enter' === event.key) { |
| 3763 | 3884 | event.preventDefault(); |
| @@ -3768,13 +3889,17 @@ | ||
| 3768 | 3889 | elevation: 0, |
| 3769 | 3890 | "data-testid": "e-site-builder" |
| 3770 | 3891 | }, /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerBackground, { |
| 3771 | 3892 | bgimage: siteBuilderData === null || siteBuilderData === void 0 ? void 0 : siteBuilderData.bgImage |
| 3772 | - }), /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerGrid, null), isLoading ? /*#__PURE__*/_react.default.createElement(_stepActions.StepLoader, null) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerPreviewContainer, null, stepImage && /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerPreviewImage, { | |
| 3893 | + }), /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerGrid, null), /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerPreviewContainer, null, /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerPreviewInner, null, /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerPreviewFrame, null, (siteBuilderData === null || siteBuilderData === void 0 ? void 0 : siteBuilderData.previewImage1) && /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerPreviewImage1, { | |
| 3773 | 3894 | component: "img", |
| 3774 | - src: stepImage, | |
| 3895 | + src: siteBuilderData.previewImage1, | |
| 3775 | 3896 | alt: "" |
| 3776 | - })), /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerContent, null, /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerHeading, null, stepConfig.title), (0, _stepActions.getStepAction)(stepConfig, { | |
| 3897 | + }), (siteBuilderData === null || siteBuilderData === void 0 ? void 0 : siteBuilderData.previewImage2) && /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerPreviewImage2, { | |
| 3898 | + component: "img", | |
| 3899 | + src: siteBuilderData.previewImage2, | |
| 3900 | + alt: "" | |
| 3901 | + })), /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerLoaderBadge, null, /*#__PURE__*/_react.default.createElement(_aiLoaderIcon.default, null)))), /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerContent, null, isLoading ? /*#__PURE__*/_react.default.createElement(_stepActions.StepLoader, null) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerHeading, null, stepConfig.title), (0, _stepActions.getStepAction)(stepConfig, { | |
| 3777 | 3902 | inputValue: inputValue, |
| 3778 | 3903 | onInputChange: handleInputChange, |
| 3779 | 3904 | onKeyDown: handleKeyDown, |
| 3780 | 3905 | onSubmit: handleCreateClick |