← All changes | assets/js/e-home-screen.js +277 -141 4.2.0-beta2 → 4.1.3 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);
		@@ -2778,8 +2777,122 @@
2778	2777	var _default = exports["default"] = TopSection;
2779	2778
2780	2779	/***/ }),
2781	2780
	2781	+/***/ "../modules/home/assets/js/icons/ai-loader-icon.js":
	2782	+/*!*********************************************************!*\
	2783	+ !*** ../modules/home/assets/js/icons/ai-loader-icon.js ***!
	2784	+ \*********************************************************/
	2785	+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
	2786	+
	2787	+"use strict";
	2788	+
	2789	+
	2790	+var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
	2791	+Object.defineProperty(exports, "__esModule", ({
	2792	+ value: true
	2793	+}));
	2794	+exports["default"] = void 0;
	2795	+var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
	2796	+var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
	2797	+var _aiStarsIcon = _interopRequireDefault(__webpack_require__(/*! ./ai-stars-icon */ "../modules/home/assets/js/icons/ai-stars-icon.js"));
	2798	+var AiLoaderIcon = function AiLoaderIcon() {
	2799	+ return /*#__PURE__*/_react.default.createElement(_ui.Box, {
	2800	+ sx: {
	2801	+ position: 'relative',
	2802	+ width: 40,
	2803	+ height: 40
	2804	+ }
	2805	+ }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
	2806	+ sx: {
	2807	+ position: 'relative',
	2808	+ width: 40,
	2809	+ height: 40,
	2810	+ borderRadius: '50%',
	2811	+ background: 'linear-gradient(180deg, #FFFFFF 0%, #F3F1FA 100%)',
	2812	+ boxShadow: '0px 6px 14px rgba(0, 0, 0, 0.28)'
	2813	+ }
	2814	+ }), /*#__PURE__*/_react.default.createElement(_ui.Box, {
	2815	+ sx: {
	2816	+ position: 'absolute',
	2817	+ top: 8,
	2818	+ left: 8,
	2819	+ width: 24,
	2820	+ height: 24,
	2821	+ pointerEvents: 'none'
	2822	+ }
	2823	+ }, /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, {
	2824	+ viewBox: "0 0 24 24",
	2825	+ sx: {
	2826	+ width: 24,
	2827	+ height: 24
	2828	+ }
	2829	+ }, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
	2830	+ id: "siteBuilderLoaderGradient",
	2831	+ x1: "10.6213",
	2832	+ y1: "18.7556",
	2833	+ x2: "21.3988",
	2834	+ y2: "18.6768",
	2835	+ gradientUnits: "userSpaceOnUse"
	2836	+ }, /*#__PURE__*/_react.default.createElement("stop", {
	2837	+ offset: "0",
	2838	+ stopColor: "#696199"
	2839	+ }), /*#__PURE__*/_react.default.createElement("stop", {
	2840	+ offset: "1",
	2841	+ stopColor: "#C945C9"
	2842	+ }))), /*#__PURE__*/_react.default.createElement("path", {
	2843	+ fillRule: "evenodd",
	2844	+ clipRule: "evenodd",
	2845	+ 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",
	2846	+ fill: "url(#siteBuilderLoaderGradient)"
	2847	+ }))), /*#__PURE__*/_react.default.createElement(_aiStarsIcon.default, {
	2848	+ sx: {
	2849	+ position: 'absolute',
	2850	+ top: '50%',
	2851	+ left: '50%',
	2852	+ transform: 'translate(-50%, -50%)',
	2853	+ width: 10,
	2854	+ height: 10
	2855	+ }
	2856	+ }));
	2857	+};
	2858	+var _default = exports["default"] = AiLoaderIcon;
	2859	+
	2860	+/***/ }),
	2861	+
	2862	+/***/ "../modules/home/assets/js/icons/ai-stars-icon.js":
	2863	+/*!********************************************************!*\
	2864	+ !*** ../modules/home/assets/js/icons/ai-stars-icon.js ***!
	2865	+ \********************************************************/
	2866	+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
	2867	+
	2868	+"use strict";
	2869	+
	2870	+
	2871	+var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
	2872	+Object.defineProperty(exports, "__esModule", ({
	2873	+ value: true
	2874	+}));
	2875	+exports["default"] = void 0;
	2876	+var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
	2877	+var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
	2878	+var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
	2879	+var AiStarsIcon = function AiStarsIcon(props) {
	2880	+ return /*#__PURE__*/_react.default.createElement(_ui.SvgIcon, (0, _extends2.default)({
	2881	+ viewBox: "0 0 10 10",
	2882	+ sx: {
	2883	+ width: 10,
	2884	+ height: 10
	2885	+ }
	2886	+ }, props), /*#__PURE__*/_react.default.createElement("path", {
	2887	+ 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",
	2888	+ fill: "#0C0D0E"
	2889	+ }));
	2890	+};
	2891	+var _default = exports["default"] = AiStarsIcon;
	2892	+
	2893	+/***/ }),
	2894	+
2782	2895	/***/ "../modules/home/assets/js/icons/arrow-right-icon.js":
2783	2896	/*!***********************************************************!*\
2784	2897	!*** ../modules/home/assets/js/icons/arrow-right-icon.js ***!
2785	2898	\***********************************************************/
		@@ -2895,8 +3008,9 @@
2895	3008	exports["default"] = void 0;
2896	3009	var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
2897	3010	var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
2898	3011	var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
	3012	+var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2899	3013	var _CopyPageIcon = _interopRequireDefault(__webpack_require__(/*! @elementor/icons/CopyPageIcon */ "@elementor/icons/CopyPageIcon"));
2900	3014	var _WebsiteIcon = _interopRequireDefault(__webpack_require__(/*! @elementor/icons/WebsiteIcon */ "@elementor/icons/WebsiteIcon"));
2901	3015	var _styledComponents = __webpack_require__(/*! ./styled-components */ "../modules/home/assets/js/site-builder/components/styled-components.js");
2902	3016	var SiteTypeLayoutToggle = function SiteTypeLayoutToggle(_ref) {
		@@ -2901,11 +3015,18 @@
2901	3015	var _styledComponents = __webpack_require__(/*! ./styled-components */ "../modules/home/assets/js/site-builder/components/styled-components.js");
2902	3016	var SiteTypeLayoutToggle = function SiteTypeLayoutToggle(_ref) {
2903	3017	var isOnePage = _ref.isOnePage,
2904	3018	onIsOnePageChange = _ref.onIsOnePageChange;
	3019	+ var theme = (0, _ui.useTheme)();
	3020	+ var multiColor = !isOnePage ? theme.palette.secondary.contrastText : theme.palette.text.secondary;
	3021	+ var onePageColor = isOnePage ? theme.palette.secondary.contrastText : theme.palette.text.secondary;
2905	3022	return /*#__PURE__*/_react.default.createElement(_styledComponents.LayoutToggleContainer, null, /*#__PURE__*/_react.default.createElement(_styledComponents.LayoutChip, {
2906	3023	isSelected: !isOnePage,
2907		- icon: /*#__PURE__*/_react.default.createElement(_CopyPageIcon.default, null),
	3024	+ icon: /*#__PURE__*/_react.default.createElement(_CopyPageIcon.default, {
	3025	+ sx: {
	3026	+ color: multiColor
	3027	+ }
	3028	+ }),
2908	3029	label: (0, _i18n.__)('Multi-page', 'elementor'),
2909	3030	onClick: function onClick() {
2910	3031	return onIsOnePageChange(false);
2911	3032	}
		@@ -2910,9 +3031,13 @@
2910	3031	return onIsOnePageChange(false);
2911	3032	}
2912	3033	}), /*#__PURE__*/_react.default.createElement(_styledComponents.LayoutChip, {
2913	3034	isSelected: isOnePage,
2914		- icon: /*#__PURE__*/_react.default.createElement(_WebsiteIcon.default, null),
	3035	+ icon: /*#__PURE__*/_react.default.createElement(_WebsiteIcon.default, {
	3036	+ sx: {
	3037	+ color: onePageColor
	3038	+ }
	3039	+ }),
2915	3040	label: (0, _i18n.__)('One-page', 'elementor'),
2916	3041	onClick: function onClick() {
2917	3042	return onIsOnePageChange(true);
2918	3043	}
		@@ -2981,8 +3106,9 @@
2981	3106	onInputChange = _ref.onInputChange,
2982	3107	onKeyDown = _ref.onKeyDown,
2983	3108	onSubmit = _ref.onSubmit,
2984	3109	placeholder = _ref.placeholder;
	3110	+ var canSubmit = Boolean(inputValue.trim());
2985	3111	return /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerInputRow, null, /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerTextField, {
2986	3112	placeholder: placeholder,
2987	3113	variant: "outlined",
2988	3114	size: "small",
		@@ -2993,11 +3119,10 @@
2993	3119	}), /*#__PURE__*/_react.default.createElement(_styledComponents.CreateSiteButton, {
2994	3120	variant: "contained",
2995	3121	size: "medium",
2996	3122	endIcon: /*#__PURE__*/_react.default.createElement(_arrowRightIcon.default, null),
2997		- onClick: function onClick() {
2998		- return inputValue.trim() && onSubmit();
2999		- }
	3123	+ onClick: onSubmit,
	3124	+ disabled: !canSubmit
3000	3125	}, buttonLabel));
3001	3126	};
3002	3127	StepWithInput.propTypes = {
3003	3128	buttonLabel: _propTypes.default.string.isRequired,
		@@ -3041,9 +3166,9 @@
3041	3166	var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
3042	3167	Object.defineProperty(exports, "__esModule", ({
3043	3168	value: true
3044	3169	}));
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;
	3170	+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	3171	var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
3047	3172	var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3048	3173	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	3174	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 +3182,9 @@
3057	3182	overflow: 'hidden',
3058	3183	borderRadius: theme.spacing(1),
3059	3184	border: '1px solid',
3060	3185	borderColor: theme.palette.divider,
3061		- minHeight: theme.spacing(23.25),
	3186	+ minHeight: theme.spacing(26.75),
3062	3187	gap: theme.spacing(2)
3063	3188	};
3064	3189	});
3065	3190	var PlannerBackground = exports.PlannerBackground = (0, _ui.styled)(_ui.Box)(function (_ref2) {
		@@ -3081,9 +3206,8 @@
3081	3206	var theme = _ref3.theme;
3082	3207	return {
3083	3208	position: 'absolute',
3084	3209	inset: 0,
3085		- insetInlineStart: '-21px',
3086	3210	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	3211	backgroundSize: "".concat(theme.spacing(5), " ").concat(theme.spacing(5)),
3088	3212	zIndex: 0
3089	3213	};
		@@ -3090,10 +3214,13 @@
3090	3214	});
3091	3215	var PlannerPreviewContainer = exports.PlannerPreviewContainer = (0, _ui.styled)(_ui.Box)(function (_ref4) {
3092	3216	var theme = _ref4.theme;
3093	3217	return (0, _defineProperty2.default)({
	3218	+ position: 'relative',
	3219	+ zIndex: 1,
3094	3220	display: 'none',
3095		- position: 'relative',
	3221	+ alignItems: 'center',
	3222	+ justifyContent: 'center',
3096	3223	flexShrink: 0,
3097	3224	width: theme.spacing(31.5),
3098	3225	height: '100%',
3099	3226	marginLeft: theme.spacing(-8)
		@@ -3100,28 +3227,76 @@
3100	3227	}, theme.breakpoints.up('md'), {
3101	3228	display: 'flex'
3102	3229	});
3103	3230	});
3104		-var PlannerPreviewImage = exports.PlannerPreviewImage = (0, _ui.styled)(_ui.Box)(function () {
	3231	+var PlannerPreviewInner = exports.PlannerPreviewInner = (0, _ui.styled)(_ui.Box)(function (_ref6) {
	3232	+ var theme = _ref6.theme;
3105	3233	return {
3106		- width: '100%',
3107		- height: 'auto',
3108		- display: 'block'
	3234	+ position: 'relative',
	3235	+ width: theme.spacing(31.5),
	3236	+ height: theme.spacing(18.5)
3109	3237	};
3110	3238	});
3111		-var PlannerContent = exports.PlannerContent = (0, _ui.styled)(_ui.Stack)(function (_ref6) {
3112		- var theme = _ref6.theme;
	3239	+var PlannerPreviewFrame = exports.PlannerPreviewFrame = (0, _ui.styled)(_ui.Box)(function (_ref7) {
	3240	+ var theme = _ref7.theme;
3113	3241	return {
	3242	+ position: 'absolute',
	3243	+ inset: 0,
	3244	+ border: '1px dashed',
	3245	+ borderColor: '#696199',
	3246	+ borderRadius: theme.spacing(1.75),
	3247	+ display: 'flex',
	3248	+ alignItems: 'center',
	3249	+ justifyContent: 'flex-end',
	3250	+ gap: '3.7px',
	3251	+ padding: '8.5px',
	3252	+ paddingInlineEnd: '0'
	3253	+ };
	3254	+});
	3255	+var PlannerPreviewImage1 = exports.PlannerPreviewImage1 = (0, _ui.styled)(_ui.Box)(function (_ref8) {
	3256	+ var theme = _ref8.theme;
	3257	+ return {
	3258	+ height: '121px',
	3259	+ width: 'auto',
	3260	+ objectFit: 'cover',
	3261	+ borderRadius: theme.spacing(1.25),
	3262	+ flexShrink: 0
	3263	+ };
	3264	+});
	3265	+var PlannerPreviewImage2 = exports.PlannerPreviewImage2 = (0, _ui.styled)(_ui.Box)(function (_ref9) {
	3266	+ var theme = _ref9.theme;
	3267	+ return {
	3268	+ height: '121px',
	3269	+ width: 'auto',
	3270	+ objectFit: 'cover',
	3271	+ borderRadius: theme.spacing(1.25),
	3272	+ flexShrink: 0,
	3273	+ marginInlineEnd: '-1px'
	3274	+ };
	3275	+});
	3276	+var PlannerLoaderBadge = exports.PlannerLoaderBadge = (0, _ui.styled)(_ui.Box)(function (_ref0) {
	3277	+ var theme = _ref0.theme;
	3278	+ return {
	3279	+ position: 'absolute',
	3280	+ top: theme.spacing(1),
	3281	+ right: theme.spacing(-2.5)
	3282	+ };
	3283	+});
	3284	+var PlannerContent = exports.PlannerContent = (0, _ui.styled)(_ui.Stack)(function (_ref1) {
	3285	+ var theme = _ref1.theme;
	3286	+ return (0, _defineProperty2.default)({
3114	3287	position: 'relative',
3115	3288	zIndex: 1,
3116	3289	flex: 1,
3117	3290	gap: theme.spacing(1),
3118	3291	paddingBlock: theme.spacing(3),
3119		- paddingInline: theme.spacing(2)
3120		- };
	3292	+ paddingInline: theme.spacing(3)
	3293	+ }, theme.breakpoints.up('md'), {
	3294	+ paddingInline: theme.spacing(4)
	3295	+ });
3121	3296	});
3122		-var PlannerHeading = exports.PlannerHeading = (0, _ui.styled)(_ui.Typography)(function (_ref7) {
3123		- var theme = _ref7.theme;
	3297	+var PlannerHeading = exports.PlannerHeading = (0, _ui.styled)(_ui.Typography)(function (_ref11) {
	3298	+ var theme = _ref11.theme;
3124	3299	return {
3125	3300	fontFamily: '"Poppins", sans-serif',
3126	3301	fontWeight: 400,
3127	3302	fontSize: theme.spacing(3),
		@@ -3135,10 +3310,10 @@
3135	3310	});
3136	3311	PlannerHeading.defaultProps = {
3137	3312	variant: 'h4'
3138	3313	};
3139		-var PlannerInputRow = exports.PlannerInputRow = (0, _ui.styled)(_ui.Box)(function (_ref8) {
3140		- var theme = _ref8.theme;
	3314	+var PlannerInputRow = exports.PlannerInputRow = (0, _ui.styled)(_ui.Box)(function (_ref12) {
	3315	+ var theme = _ref12.theme;
3141	3316	return (0, _defineProperty2.default)({
3142	3317	display: 'flex',
3143	3318	flexDirection: 'column',
3144	3319	gap: theme.spacing(1),
		@@ -3149,10 +3324,10 @@
3149	3324	flexDirection: 'row',
3150	3325	alignItems: 'center'
3151	3326	});
3152	3327	});
3153		-var PlannerInputColumn = exports.PlannerInputColumn = (0, _ui.styled)(_ui.Box)(function (_ref0) {
3154		- var theme = _ref0.theme;
	3328	+var PlannerInputColumn = exports.PlannerInputColumn = (0, _ui.styled)(_ui.Box)(function (_ref14) {
	3329	+ var theme = _ref14.theme;
3155	3330	return {
3156	3331	display: 'flex',
3157	3332	flexDirection: 'column',
3158	3333	gap: theme.spacing(2),
		@@ -3158,10 +3333,10 @@
3158	3333	gap: theme.spacing(2),
3159	3334	alignItems: 'flex-start'
3160	3335	};
3161	3336	});
3162		-var PlannerTextField = exports.PlannerTextField = (0, _ui.styled)(_ui.TextField)(function (_ref1) {
3163		- var theme = _ref1.theme;
	3337	+var PlannerTextField = exports.PlannerTextField = (0, _ui.styled)(_ui.TextField)(function (_ref15) {
	3338	+ var theme = _ref15.theme;
3164	3339	return (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
3165	3340	width: '100%'
3166	3341	}, theme.breakpoints.up('sm'), {
3167	3342	width: theme.spacing(50)
		@@ -3167,19 +3342,16 @@
3167	3342	width: theme.spacing(50)
3168	3343	}), '& .MuiOutlinedInput-root', {
3169	3344	borderRadius: theme.spacing(1),
3170	3345	height: theme.spacing(5),
3171		- boxShadow: "0px 3px 14px 2px ".concat(theme.palette.divider),
	3346	+ boxShadow: '0px 3px 14px 0px rgba(0, 0, 0, 0.06)',
3172	3347	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	3348	'& fieldset': {
3178		- border: 'none'
	3349	+ borderColor: theme.palette.divider
3179	3350	},
3180	3351	'&.Mui-focused fieldset': {
3181		- border: 'none'
	3352	+ borderColor: theme.palette.divider,
	3353	+ borderWidth: '1px'
3182	3354	}
3183	3355	}), '& .MuiInputBase-input', {
3184	3356	border: 'none',
3185	3357	borderRadius: 0,
		@@ -3186,10 +3358,10 @@
3186	3358	height: '100%',
3187	3359	paddingInline: theme.spacing(2)
3188	3360	});
3189	3361	});
3190		-var PlannerChipsRow = exports.PlannerChipsRow = (0, _ui.styled)(_ui.Box)(function (_ref11) {
3191		- var theme = _ref11.theme;
	3362	+var PlannerChipsRow = exports.PlannerChipsRow = (0, _ui.styled)(_ui.Box)(function (_ref17) {
	3363	+ var theme = _ref17.theme;
3192	3364	return {
3193	3365	display: 'flex',
3194	3366	gap: theme.spacing(1),
3195	3367	flexWrap: 'wrap'
		@@ -3194,10 +3366,10 @@
3194	3366	gap: theme.spacing(1),
3195	3367	flexWrap: 'wrap'
3196	3368	};
3197	3369	});
3198		-var GenerateSiteButton = exports.GenerateSiteButton = (0, _ui.styled)(_ui.Button)(function (_ref12) {
3199		- var theme = _ref12.theme;
	3370	+var GenerateSiteButton = exports.GenerateSiteButton = (0, _ui.styled)(_ui.Button)(function (_ref18) {
	3371	+ var theme = _ref18.theme;
3200	3372	return {
3201	3373	backgroundColor: theme.palette.text.primary,
3202	3374	color: theme.palette.common.white,
3203	3375	borderRadius: theme.spacing(0.75),
		@@ -3212,10 +3384,10 @@
3212	3384	backgroundColor: theme.palette.text.secondary
3213	3385	}
3214	3386	};
3215	3387	});
3216		-var CreateSiteButton = exports.CreateSiteButton = (0, _ui.styled)(_ui.Button)(function (_ref13) {
3217		- var theme = _ref13.theme;
	3388	+var CreateSiteButton = exports.CreateSiteButton = (0, _ui.styled)(_ui.Button)(function (_ref19) {
	3389	+ var theme = _ref19.theme;
3218	3390	return {
3219	3391	backgroundColor: theme.palette.text.primary,
3220	3392	border: '1px solid',
3221	3393	borderColor: theme.palette.text.primary,
		@@ -3227,29 +3399,32 @@
3227	3399	'&:hover, &:focus': {
3228	3400	backgroundColor: '#22252a',
3229	3401	borderColor: '#22252a',
3230	3402	color: theme.palette.common.white
	3403	+ },
	3404	+ '&&.Mui-disabled': {
	3405	+ borderColor: theme.palette.action.disabledBackground
3231	3406	}
3232	3407	};
3233	3408	});
3234		-var SuggestionChip = exports.SuggestionChip = (0, _ui.styled)(_ui.Chip)(function (_ref14) {
3235		- var theme = _ref14.theme;
	3409	+var SuggestionChip = exports.SuggestionChip = (0, _ui.styled)(_ui.Chip)(function (_ref20) {
	3410	+ var theme = _ref20.theme,
	3411	+ selected = _ref20.selected;
3236	3412	return {
3237		- backgroundColor: theme.palette.common.white,
3238		- borderColor: theme.palette.divider,
3239		- color: theme.palette.text.secondary,
	3413	+ cursor: selected ? 'default' : 'pointer',
	3414	+ backgroundColor: selected ? theme.palette.text.secondary : theme.palette.common.white,
	3415	+ borderColor: selected ? 'none' : theme.palette.divider,
	3416	+ color: selected ? theme.palette.common.white : theme.palette.text.secondary,
3240	3417	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
	3418	+ '&&:hover': {
	3419	+ backgroundColor: theme.palette.text.secondary,
	3420	+ color: theme.palette.common.white,
	3421	+ borderColor: 'none'
3247	3422	}
3248	3423	};
3249	3424	});
3250		-var LayoutToggleContainer = exports.LayoutToggleContainer = (0, _ui.styled)(_ui.Box)(function (_ref15) {
3251		- var theme = _ref15.theme;
	3425	+var LayoutToggleContainer = exports.LayoutToggleContainer = (0, _ui.styled)(_ui.Box)(function (_ref21) {
	3426	+ var theme = _ref21.theme;
3252	3427	return {
3253	3428	alignItems: 'center',
3254	3429	backgroundColor: theme.palette.common.white,
3255	3430	borderRadius: theme.spacing(3),
		@@ -3260,11 +3435,11 @@
3260	3435	var LayoutChip = exports.LayoutChip = (0, _ui.styled)(_ui.Chip, {
3261	3436	shouldForwardProp: function shouldForwardProp(prop) {
3262	3437	return 'isSelected' !== prop;
3263	3438	}
3264		-})(function (_ref16) {
3265		- var theme = _ref16.theme,
3266		- isSelected = _ref16.isSelected;
	3439	+})(function (_ref22) {
	3440	+ var theme = _ref22.theme,
	3441	+ isSelected = _ref22.isSelected;
3267	3442	return {
3268	3443	backgroundColor: isSelected ? theme.palette.secondary.main : 'transparent',
3269	3444	border: 'none',
3270	3445	borderRadius: theme.spacing(12.5),
		@@ -3277,17 +3452,9 @@
3277	3452	paddingInlineStart: theme.spacing(0.5),
3278	3453	paddingInlineEnd: theme.spacing(0.5)
3279	3454	},
3280	3455	'&& .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		- }
	3456	+ fontSize: theme.spacing(1.75)
3290	3457	}
3291	3458	};
3292	3459	});
3293	3460
		@@ -3374,9 +3541,9 @@
3374	3541	return handleChipClick(suggestion);
3375	3542	},
3376	3543	size: "small",
3377	3544	variant: "outlined",
3378		- disabled: selectedChip === suggestion
	3545	+ selected: selectedChip === suggestion
3379	3546	});
3380	3547	}));
3381	3548	};
3382	3549	SuggestionChips.propTypes = {
		@@ -3399,14 +3566,14 @@
3399	3566	var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
3400	3567	Object.defineProperty(exports, "__esModule", ({
3401	3568	value: true
3402	3569	}));
3403		-exports["default"] = exports.clearHomeScreenSnapshot = void 0;
	3570	+exports["default"] = void 0;
3404	3571	var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "../node_modules/@babel/runtime/regenerator/index.js"));
3405	3572	var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../node_modules/@babel/runtime/helpers/asyncToGenerator.js"));
	3573	+var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
3406	3574	var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
3407	3575	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	3576	var _react = __webpack_require__(/*! react */ "react");
3410	3577	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	3578	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	3579	var SETTINGS_PATH = 'elementor/v1/site-builder/snapshot';
		@@ -3411,38 +3578,8 @@
3411	3578	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	3579	var SETTINGS_PATH = 'elementor/v1/site-builder/snapshot';
3413	3580	var HOME_SCREEN_PATH = 'elementor/v1/site-builder/home-screen';
3414	3581	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	3582	var sanitizeSuggestions = function sanitizeSuggestions(value) {
3446	3583	var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
3447	3584	limit = _ref.limit;
3448	3585	var list = Array.isArray(value) ? value.filter(function (item) {
		@@ -3456,16 +3593,19 @@
3456	3593	});
3457	3594	return stored.length ? stored : (0, _toConsumableArray2.default)(DEFAULT_SITE_TYPE_SUGGESTIONS);
3458	3595	};
3459	3596	var hasCompleteSnapshot = function hasCompleteSnapshot(snapshotStep, snapshotEntry, plannerSteps) {
3460		- if (!snapshotEntry) {
	3597	+ if (null === snapshotStep) {
3461	3598	return false;
3462	3599	}
3463		- if (null !== snapshotStep && snapshotStep >= plannerSteps.DEPLOYED_TO_PLUGIN) {
3464		- return Array.isArray(snapshotEntry.pageSuggestions) && snapshotEntry.pageSuggestions.length > 0;
	3600	+ if (snapshotStep >= plannerSteps.DEPLOYED_TO_PLUGIN) {
	3601	+ return Array.isArray(snapshotEntry === null || snapshotEntry === void 0 ? void 0 : snapshotEntry.pageSuggestions) && snapshotEntry.pageSuggestions.length > 0;
3465	3602	}
3466	3603	return true;
3467	3604	};
	3605	+var hasEntryWithoutSession = function hasEntryWithoutSession(snapshotEntry, snapshotStep) {
	3606	+ return snapshotEntry !== undefined && null === snapshotStep;
	3607	+};
3468	3608	var deriveInitialStateForSiteKey = function deriveInitialStateForSiteKey(siteKey, snapshot, plannerSteps) {
3469	3609	if (!siteKey) {
3470	3610	return {
3471	3611	sessionStep: null,
		@@ -3486,8 +3626,16 @@
3486	3626	isResolved: true
3487	3627	};
3488	3628	}
3489	3629	var siteTypeSuggestions = withDefaultSiteTypeSuggestions(snapshotEntry === null || snapshotEntry === void 0 ? void 0 : snapshotEntry.siteTypeSuggestions);
	3630	+ if (hasEntryWithoutSession(snapshotEntry, snapshotStep)) {
	3631	+ return {
	3632	+ sessionStep: null,
	3633	+ pageSuggestions: [],
	3634	+ siteTypeSuggestions: siteTypeSuggestions,
	3635	+ isResolved: true
	3636	+ };
	3637	+ }
3490	3638	return {
3491	3639	sessionStep: null,
3492	3640	pageSuggestions: [],
3493	3641	siteTypeSuggestions: siteTypeSuggestions,
		@@ -3521,8 +3669,9 @@
3521	3669	_useState0 = (0, _slicedToArray2.default)(_useState9, 2),
3522	3670	error = _useState0[0],
3523	3671	setError = _useState0[1];
3524	3672	(0, _react.useEffect)(function () {
	3673	+ var _window$elementorHome, _window$wpApiSettings;
3525	3674	var applyState = function applyState(next) {
3526	3675	setSessionStep(next.sessionStep);
3527	3676	setPageSuggestions(next.pageSuggestions);
3528	3677	setSiteTypeSuggestions(next.siteTypeSuggestions);
		@@ -3548,11 +3697,21 @@
3548	3697	})
3549	3698	});
3550	3699	return;
3551	3700	}
	3701	+ if (hasEntryWithoutSession(snapshotEntry, snapshotStep)) {
	3702	+ applyState({
	3703	+ sessionStep: null,
	3704	+ pageSuggestions: [],
	3705	+ siteTypeSuggestions: withDefaultSiteTypeSuggestions(snapshotEntry === null || snapshotEntry === void 0 ? void 0 : snapshotEntry.siteTypeSuggestions)
	3706	+ });
	3707	+ return;
	3708	+ }
3552	3709	var isMounted = true;
3553		- var restHeaders = buildRestHeaders();
3554		- var baseUrl = getRestBaseUrl();
	3710	+ var restHeaders = {
	3711	+ 'X-WP-Nonce': ((_window$elementorHome = window.elementorHomeScreenData) === null || _window$elementorHome === void 0 ? void 0 : _window$elementorHome.wpRestNonce) || ''
	3712	+ };
	3713	+ var baseUrl = ((_window$wpApiSettings = window.wpApiSettings) === null || _window$wpApiSettings === void 0 ? void 0 : _window$wpApiSettings.root) || '/wp-json/';
3555	3714	var settingsUrl = "".concat(baseUrl).concat(SETTINGS_PATH);
3556	3715	var writeSnapshot = function writeSnapshot(entry) {
3557	3716	return fetch(settingsUrl, {
3558	3717	method: 'POST',
		@@ -3672,15 +3831,15 @@
3672	3831	exports["default"] = void 0;
3673	3832	var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
3674	3833	var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
3675	3834	var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
	3835	+var _aiLoaderIcon = _interopRequireDefault(__webpack_require__(/*! ../icons/ai-loader-icon */ "../modules/home/assets/js/icons/ai-loader-icon.js"));
3676	3836	var _siteTypeLayoutToggle = _interopRequireDefault(__webpack_require__(/*! ./components/site-type-layout-toggle */ "../modules/home/assets/js/site-builder/components/site-type-layout-toggle.js"));
3677	3837	var _suggestionChips = _interopRequireDefault(__webpack_require__(/*! ./components/suggestion-chips */ "../modules/home/assets/js/site-builder/components/suggestion-chips.js"));
3678	3838	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"));
	3839	+var _useSiteBuilderState2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/use-site-builder-state */ "../modules/home/assets/js/site-builder/hooks/use-site-builder-state.js"));
3680	3840	var _styledComponents = __webpack_require__(/*! ./components/styled-components */ "../modules/home/assets/js/site-builder/components/styled-components.js");
3681	3841	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	3842	var getStepConfig = function getStepConfig(step, stepConfigs, plannerSteps) {
3684	3843	var _plannerSteps$INIT, _configs$initStep, _configs;
3685	3844	var normalizedStep = Number(step);
3686	3845	var configs = stepConfigs !== null && stepConfigs !== void 0 ? stepConfigs : {};
		@@ -3688,9 +3847,9 @@
3688	3847	var fallback = (_configs$initStep = configs[initStep]) !== null && _configs$initStep !== void 0 ? _configs$initStep : {};
3689	3848	return (_configs = configs[Number.isFinite(normalizedStep) ? normalizedStep : initStep]) !== null && _configs !== void 0 ? _configs : fallback;
3690	3849	};
3691	3850	var SiteBuilder = function SiteBuilder(_ref) {
3692		- var _siteBuilderData$plan, _plannerSteps$INIT2, _siteBuilderData$step;
	3851	+ var _siteBuilderData$plan, _plannerSteps$INIT2;
3693	3852	var siteBuilderData = _ref.siteBuilderData;
3694	3853	var _useSiteBuilderState = (0, _useSiteBuilderState2.default)(siteBuilderData),
3695	3854	sessionStep = _useSiteBuilderState.sessionStep,
3696	3855	pageSuggestions = _useSiteBuilderState.pageSuggestions,
		@@ -3707,9 +3866,8 @@
3707	3866	isOnePage = _useState4[0],
3708	3867	setIsOnePage = _useState4[1];
3709	3868	var isInitStep = ((_plannerSteps$INIT2 = plannerSteps.INIT) !== null && _plannerSteps$INIT2 !== void 0 ? _plannerSteps$INIT2 : 0) === Number(sessionStep);
3710	3869	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	3870	var handleInputChange = function handleInputChange(event) {
3713	3871	setInputValue(event.target.value);
3714	3872	};
3715	3873	var handleCreateClick = function handleCreateClick(nextInputValue) {
		@@ -3720,44 +3878,18 @@
3720	3878	var requiresInput = stepConfig.hasInput;
3721	3879	if (requiresInput && !prompt.trim()) {
3722	3880	return;
3723	3881	}
3724		- var newWindow = window.open(siteBuilderData.siteBuilderUrl, '_blank');
3725		- if (!newWindow) {
3726		- return;
3727		- }
3728		- var payload = {};
	3882	+ var url = new URL(siteBuilderData.siteBuilderUrl, window.location.origin);
3729	3883	if (prompt) {
3730	3884	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;
	3885	+ var paramName = sessionStep >= ((_plannerSteps$WIREFRA = plannerSteps.WIREFRAMES) !== null && _plannerSteps$WIREFRA !== void 0 ? _plannerSteps$WIREFRA : 3) ? 'page_title' : 'site_type';
	3886	+ url.searchParams.append(paramName, prompt);
3733	3887	}
3734	3888	if (isInitStep) {
3735		- payload.isOnePage = isOnePage;
	3889	+ url.searchParams.append('is_one_page', isOnePage ? 'true' : 'false');
3736	3890	}
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);
	3891	+ window.open(url.toString(), '_blank');
3760	3892	};
3761	3893	var handleKeyDown = function handleKeyDown(event) {
3762	3894	if ('Enter' === event.key) {
3763	3895	event.preventDefault();
		@@ -3768,13 +3900,17 @@
3768	3900	elevation: 0,
3769	3901	"data-testid": "e-site-builder"
3770	3902	}, /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerBackground, {
3771	3903	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, {
	3904	+ }), /*#__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	3905	component: "img",
3774		- src: stepImage,
	3906	+ src: siteBuilderData.previewImage1,
3775	3907	alt: ""
3776		- })), /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerContent, null, /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerHeading, null, stepConfig.title), (0, _stepActions.getStepAction)(stepConfig, {
	3908	+ }), (siteBuilderData === null || siteBuilderData === void 0 ? void 0 : siteBuilderData.previewImage2) && /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerPreviewImage2, {
	3909	+ component: "img",
	3910	+ src: siteBuilderData.previewImage2,
	3911	+ alt: ""
	3912	+ })), /*#__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	3913	inputValue: inputValue,
3778	3914	onInputChange: handleInputChange,
3779	3915	onKeyDown: handleKeyDown,
3780	3916	onSubmit: handleCreateClick