PluginProbe
Elementor Website Builder – more than just a page builder / 4.1.0-beta1
Elementor Website Builder – more than just a page builder v4.1.0-beta1
4.3.3 4.3.2 4.3.1 4.3.0 4.3.0-beta3 4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 4.1.0-beta2 All 456 releases
← All changes | assets/js/e-home-screen.js +284 -159 4.2.3 → 4.1.0-beta1 View file →
@@ -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