← All changes | assets/js/e-home-screen.js +276 -139 4.2.0-beta1 → 4.1.0-beta3 View file →

		@@ -2777,8 +2777,122 @@
2777	2777	var _default = exports["default"] = TopSection;
2778	2778
2779	2779	/***/ }),
2780	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	+
2781	2895	/***/ "../modules/home/assets/js/icons/arrow-right-icon.js":
2782	2896	/*!***********************************************************!*\
2783	2897	!*** ../modules/home/assets/js/icons/arrow-right-icon.js ***!
2784	2898	\***********************************************************/
		@@ -2894,8 +3008,9 @@
2894	3008	exports["default"] = void 0;
2895	3009	var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
2896	3010	var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
2897	3011	var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
	3012	+var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2898	3013	var _CopyPageIcon = _interopRequireDefault(__webpack_require__(/*! @elementor/icons/CopyPageIcon */ "@elementor/icons/CopyPageIcon"));
2899	3014	var _WebsiteIcon = _interopRequireDefault(__webpack_require__(/*! @elementor/icons/WebsiteIcon */ "@elementor/icons/WebsiteIcon"));
2900	3015	var _styledComponents = __webpack_require__(/*! ./styled-components */ "../modules/home/assets/js/site-builder/components/styled-components.js");
2901	3016	var SiteTypeLayoutToggle = function SiteTypeLayoutToggle(_ref) {
		@@ -2900,11 +3015,18 @@
2900	3015	var _styledComponents = __webpack_require__(/*! ./styled-components */ "../modules/home/assets/js/site-builder/components/styled-components.js");
2901	3016	var SiteTypeLayoutToggle = function SiteTypeLayoutToggle(_ref) {
2902	3017	var isOnePage = _ref.isOnePage,
2903	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;
2904	3022	return /*#__PURE__*/_react.default.createElement(_styledComponents.LayoutToggleContainer, null, /*#__PURE__*/_react.default.createElement(_styledComponents.LayoutChip, {
2905	3023	isSelected: !isOnePage,
2906		- icon: /*#__PURE__*/_react.default.createElement(_CopyPageIcon.default, null),
	3024	+ icon: /*#__PURE__*/_react.default.createElement(_CopyPageIcon.default, {
	3025	+ sx: {
	3026	+ color: multiColor
	3027	+ }
	3028	+ }),
2907	3029	label: (0, _i18n.__)('Multi-page', 'elementor'),
2908	3030	onClick: function onClick() {
2909	3031	return onIsOnePageChange(false);
2910	3032	}
		@@ -2909,9 +3031,13 @@
2909	3031	return onIsOnePageChange(false);
2910	3032	}
2911	3033	}), /*#__PURE__*/_react.default.createElement(_styledComponents.LayoutChip, {
2912	3034	isSelected: isOnePage,
2913		- icon: /*#__PURE__*/_react.default.createElement(_WebsiteIcon.default, null),
	3035	+ icon: /*#__PURE__*/_react.default.createElement(_WebsiteIcon.default, {
	3036	+ sx: {
	3037	+ color: onePageColor
	3038	+ }
	3039	+ }),
2914	3040	label: (0, _i18n.__)('One-page', 'elementor'),
2915	3041	onClick: function onClick() {
2916	3042	return onIsOnePageChange(true);
2917	3043	}
		@@ -2980,8 +3106,9 @@
2980	3106	onInputChange = _ref.onInputChange,
2981	3107	onKeyDown = _ref.onKeyDown,
2982	3108	onSubmit = _ref.onSubmit,
2983	3109	placeholder = _ref.placeholder;
	3110	+ var canSubmit = Boolean(inputValue.trim());
2984	3111	return /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerInputRow, null, /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerTextField, {
2985	3112	placeholder: placeholder,
2986	3113	variant: "outlined",
2987	3114	size: "small",
		@@ -2992,11 +3119,10 @@
2992	3119	}), /*#__PURE__*/_react.default.createElement(_styledComponents.CreateSiteButton, {
2993	3120	variant: "contained",
2994	3121	size: "medium",
2995	3122	endIcon: /*#__PURE__*/_react.default.createElement(_arrowRightIcon.default, null),
2996		- onClick: function onClick() {
2997		- return inputValue.trim() && onSubmit();
2998		- }
	3123	+ onClick: onSubmit,
	3124	+ disabled: !canSubmit
2999	3125	}, buttonLabel));
3000	3126	};
3001	3127	StepWithInput.propTypes = {
3002	3128	buttonLabel: _propTypes.default.string.isRequired,
		@@ -3040,9 +3166,9 @@
3040	3166	var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
3041	3167	Object.defineProperty(exports, "__esModule", ({
3042	3168	value: true
3043	3169	}));
3044		-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;
3045	3171	var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
3046	3172	var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3047	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; }
3048	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; }
		@@ -3056,9 +3182,9 @@
3056	3182	overflow: 'hidden',
3057	3183	borderRadius: theme.spacing(1),
3058	3184	border: '1px solid',
3059	3185	borderColor: theme.palette.divider,
3060		- minHeight: theme.spacing(23.25),
	3186	+ minHeight: theme.spacing(26.75),
3061	3187	gap: theme.spacing(2)
3062	3188	};
3063	3189	});
3064	3190	var PlannerBackground = exports.PlannerBackground = (0, _ui.styled)(_ui.Box)(function (_ref2) {
		@@ -3080,9 +3206,8 @@
3080	3206	var theme = _ref3.theme;
3081	3207	return {
3082	3208	position: 'absolute',
3083	3209	inset: 0,
3084		- insetInlineStart: '-21px',
3085	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)',
3086	3211	backgroundSize: "".concat(theme.spacing(5), " ").concat(theme.spacing(5)),
3087	3212	zIndex: 0
3088	3213	};
		@@ -3089,10 +3214,13 @@
3089	3214	});
3090	3215	var PlannerPreviewContainer = exports.PlannerPreviewContainer = (0, _ui.styled)(_ui.Box)(function (_ref4) {
3091	3216	var theme = _ref4.theme;
3092	3217	return (0, _defineProperty2.default)({
	3218	+ position: 'relative',
	3219	+ zIndex: 1,
3093	3220	display: 'none',
3094		- position: 'relative',
	3221	+ alignItems: 'center',
	3222	+ justifyContent: 'center',
3095	3223	flexShrink: 0,
3096	3224	width: theme.spacing(31.5),
3097	3225	height: '100%',
3098	3226	marginLeft: theme.spacing(-8)
		@@ -3099,28 +3227,76 @@
3099	3227	}, theme.breakpoints.up('md'), {
3100	3228	display: 'flex'
3101	3229	});
3102	3230	});
3103		-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;
3104	3233	return {
3105		- width: '100%',
3106		- height: 'auto',
3107		- display: 'block'
	3234	+ position: 'relative',
	3235	+ width: theme.spacing(31.5),
	3236	+ height: theme.spacing(18.5)
3108	3237	};
3109	3238	});
3110		-var PlannerContent = exports.PlannerContent = (0, _ui.styled)(_ui.Stack)(function (_ref6) {
3111		- var theme = _ref6.theme;
	3239	+var PlannerPreviewFrame = exports.PlannerPreviewFrame = (0, _ui.styled)(_ui.Box)(function (_ref7) {
	3240	+ var theme = _ref7.theme;
3112	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)({
3113	3287	position: 'relative',
3114	3288	zIndex: 1,
3115	3289	flex: 1,
3116	3290	gap: theme.spacing(1),
3117	3291	paddingBlock: theme.spacing(3),
3118		- paddingInline: theme.spacing(2)
3119		- };
	3292	+ paddingInline: theme.spacing(3)
	3293	+ }, theme.breakpoints.up('md'), {
	3294	+ paddingInline: theme.spacing(4)
	3295	+ });
3120	3296	});
3121		-var PlannerHeading = exports.PlannerHeading = (0, _ui.styled)(_ui.Typography)(function (_ref7) {
3122		- var theme = _ref7.theme;
	3297	+var PlannerHeading = exports.PlannerHeading = (0, _ui.styled)(_ui.Typography)(function (_ref11) {
	3298	+ var theme = _ref11.theme;
3123	3299	return {
3124	3300	fontFamily: '"Poppins", sans-serif',
3125	3301	fontWeight: 400,
3126	3302	fontSize: theme.spacing(3),
		@@ -3134,10 +3310,10 @@
3134	3310	});
3135	3311	PlannerHeading.defaultProps = {
3136	3312	variant: 'h4'
3137	3313	};
3138		-var PlannerInputRow = exports.PlannerInputRow = (0, _ui.styled)(_ui.Box)(function (_ref8) {
3139		- var theme = _ref8.theme;
	3314	+var PlannerInputRow = exports.PlannerInputRow = (0, _ui.styled)(_ui.Box)(function (_ref12) {
	3315	+ var theme = _ref12.theme;
3140	3316	return (0, _defineProperty2.default)({
3141	3317	display: 'flex',
3142	3318	flexDirection: 'column',
3143	3319	gap: theme.spacing(1),
		@@ -3148,10 +3324,10 @@
3148	3324	flexDirection: 'row',
3149	3325	alignItems: 'center'
3150	3326	});
3151	3327	});
3152		-var PlannerInputColumn = exports.PlannerInputColumn = (0, _ui.styled)(_ui.Box)(function (_ref0) {
3153		- var theme = _ref0.theme;
	3328	+var PlannerInputColumn = exports.PlannerInputColumn = (0, _ui.styled)(_ui.Box)(function (_ref14) {
	3329	+ var theme = _ref14.theme;
3154	3330	return {
3155	3331	display: 'flex',
3156	3332	flexDirection: 'column',
3157	3333	gap: theme.spacing(2),
		@@ -3157,10 +3333,10 @@
3157	3333	gap: theme.spacing(2),
3158	3334	alignItems: 'flex-start'
3159	3335	};
3160	3336	});
3161		-var PlannerTextField = exports.PlannerTextField = (0, _ui.styled)(_ui.TextField)(function (_ref1) {
3162		- var theme = _ref1.theme;
	3337	+var PlannerTextField = exports.PlannerTextField = (0, _ui.styled)(_ui.TextField)(function (_ref15) {
	3338	+ var theme = _ref15.theme;
3163	3339	return (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
3164	3340	width: '100%'
3165	3341	}, theme.breakpoints.up('sm'), {
3166	3342	width: theme.spacing(50)
		@@ -3166,19 +3342,16 @@
3166	3342	width: theme.spacing(50)
3167	3343	}), '& .MuiOutlinedInput-root', {
3168	3344	borderRadius: theme.spacing(1),
3169	3345	height: theme.spacing(5),
3170		- boxShadow: "0px 3px 14px 2px ".concat(theme.palette.divider),
	3346	+ boxShadow: '0px 3px 14px 0px rgba(0, 0, 0, 0.06)',
3171	3347	overflow: 'hidden',
3172		- border: '1px solid transparent',
3173		- 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%)"),
3174		- backgroundOrigin: 'border-box',
3175		- backgroundClip: 'padding-box, border-box',
3176	3348	'& fieldset': {
3177		- border: 'none'
	3349	+ borderColor: theme.palette.divider
3178	3350	},
3179	3351	'&.Mui-focused fieldset': {
3180		- border: 'none'
	3352	+ borderColor: theme.palette.divider,
	3353	+ borderWidth: '1px'
3181	3354	}
3182	3355	}), '& .MuiInputBase-input', {
3183	3356	border: 'none',
3184	3357	borderRadius: 0,
		@@ -3185,10 +3358,10 @@
3185	3358	height: '100%',
3186	3359	paddingInline: theme.spacing(2)
3187	3360	});
3188	3361	});
3189		-var PlannerChipsRow = exports.PlannerChipsRow = (0, _ui.styled)(_ui.Box)(function (_ref11) {
3190		- var theme = _ref11.theme;
	3362	+var PlannerChipsRow = exports.PlannerChipsRow = (0, _ui.styled)(_ui.Box)(function (_ref17) {
	3363	+ var theme = _ref17.theme;
3191	3364	return {
3192	3365	display: 'flex',
3193	3366	gap: theme.spacing(1),
3194	3367	flexWrap: 'wrap'
		@@ -3193,10 +3366,10 @@
3193	3366	gap: theme.spacing(1),
3194	3367	flexWrap: 'wrap'
3195	3368	};
3196	3369	});
3197		-var GenerateSiteButton = exports.GenerateSiteButton = (0, _ui.styled)(_ui.Button)(function (_ref12) {
3198		- var theme = _ref12.theme;
	3370	+var GenerateSiteButton = exports.GenerateSiteButton = (0, _ui.styled)(_ui.Button)(function (_ref18) {
	3371	+ var theme = _ref18.theme;
3199	3372	return {
3200	3373	backgroundColor: theme.palette.text.primary,
3201	3374	color: theme.palette.common.white,
3202	3375	borderRadius: theme.spacing(0.75),
		@@ -3211,10 +3384,10 @@
3211	3384	backgroundColor: theme.palette.text.secondary
3212	3385	}
3213	3386	};
3214	3387	});
3215		-var CreateSiteButton = exports.CreateSiteButton = (0, _ui.styled)(_ui.Button)(function (_ref13) {
3216		- var theme = _ref13.theme;
	3388	+var CreateSiteButton = exports.CreateSiteButton = (0, _ui.styled)(_ui.Button)(function (_ref19) {
	3389	+ var theme = _ref19.theme;
3217	3390	return {
3218	3391	backgroundColor: theme.palette.text.primary,
3219	3392	border: '1px solid',
3220	3393	borderColor: theme.palette.text.primary,
		@@ -3226,29 +3399,32 @@
3226	3399	'&:hover, &:focus': {
3227	3400	backgroundColor: '#22252a',
3228	3401	borderColor: '#22252a',
3229	3402	color: theme.palette.common.white
	3403	+ },
	3404	+ '&&.Mui-disabled': {
	3405	+ borderColor: theme.palette.action.disabledBackground
3230	3406	}
3231	3407	};
3232	3408	});
3233		-var SuggestionChip = exports.SuggestionChip = (0, _ui.styled)(_ui.Chip)(function (_ref14) {
3234		- 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;
3235	3412	return {
3236		- backgroundColor: theme.palette.common.white,
3237		- borderColor: theme.palette.divider,
3238		- 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,
3239	3417	fontSize: theme.spacing(1.625),
3240		- '&:not(.Mui-disabled):hover': {
3241		- backgroundColor: '#f3f3f4'
3242		- },
3243		- '&.Mui-disabled': {
3244		- opacity: 1,
3245		- color: theme.palette.text.disabled
	3418	+ '&&:hover': {
	3419	+ backgroundColor: theme.palette.text.secondary,
	3420	+ color: theme.palette.common.white,
	3421	+ borderColor: 'none'
3246	3422	}
3247	3423	};
3248	3424	});
3249		-var LayoutToggleContainer = exports.LayoutToggleContainer = (0, _ui.styled)(_ui.Box)(function (_ref15) {
3250		- var theme = _ref15.theme;
	3425	+var LayoutToggleContainer = exports.LayoutToggleContainer = (0, _ui.styled)(_ui.Box)(function (_ref21) {
	3426	+ var theme = _ref21.theme;
3251	3427	return {
3252	3428	alignItems: 'center',
3253	3429	backgroundColor: theme.palette.common.white,
3254	3430	borderRadius: theme.spacing(3),
		@@ -3259,11 +3435,11 @@
3259	3435	var LayoutChip = exports.LayoutChip = (0, _ui.styled)(_ui.Chip, {
3260	3436	shouldForwardProp: function shouldForwardProp(prop) {
3261	3437	return 'isSelected' !== prop;
3262	3438	}
3263		-})(function (_ref16) {
3264		- var theme = _ref16.theme,
3265		- isSelected = _ref16.isSelected;
	3439	+})(function (_ref22) {
	3440	+ var theme = _ref22.theme,
	3441	+ isSelected = _ref22.isSelected;
3266	3442	return {
3267	3443	backgroundColor: isSelected ? theme.palette.secondary.main : 'transparent',
3268	3444	border: 'none',
3269	3445	borderRadius: theme.spacing(12.5),
		@@ -3276,17 +3452,9 @@
3276	3452	paddingInlineStart: theme.spacing(0.5),
3277	3453	paddingInlineEnd: theme.spacing(0.5)
3278	3454	},
3279	3455	'&& .MuiChip-icon': {
3280		- fontSize: theme.spacing(1.75),
3281		- color: isSelected ? theme.palette.secondary.contrastText : theme.palette.text.secondary
3282		- },
3283		- '&&:hover': {
3284		- backgroundColor: isSelected ? theme.palette.secondary.dark : theme.palette.action.hover,
3285		- color: isSelected ? theme.palette.secondary.contrastText : theme.palette.text.primary,
3286		- '&& .MuiChip-icon': {
3287		- color: isSelected ? theme.palette.secondary.contrastText : theme.palette.text.primary
3288		- }
	3456	+ fontSize: theme.spacing(1.75)
3289	3457	}
3290	3458	};
3291	3459	});
3292	3460
		@@ -3373,9 +3541,9 @@
3373	3541	return handleChipClick(suggestion);
3374	3542	},
3375	3543	size: "small",
3376	3544	variant: "outlined",
3377		- disabled: selectedChip === suggestion
	3545	+ selected: selectedChip === suggestion
3378	3546	});
3379	3547	}));
3380	3548	};
3381	3549	SuggestionChips.propTypes = {
		@@ -3398,14 +3566,14 @@
3398	3566	var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
3399	3567	Object.defineProperty(exports, "__esModule", ({
3400	3568	value: true
3401	3569	}));
3402		-exports["default"] = exports.clearHomeScreenSnapshot = void 0;
	3570	+exports["default"] = void 0;
3403	3571	var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "../node_modules/@babel/runtime/regenerator/index.js"));
3404	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"));
3405	3574	var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
3406	3575	var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "../node_modules/@babel/runtime/helpers/toConsumableArray.js"));
3407		-var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
3408	3576	var _react = __webpack_require__(/*! react */ "react");
3409	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; }
3410	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; }
3411	3579	var SETTINGS_PATH = 'elementor/v1/site-builder/snapshot';
		@@ -3410,38 +3578,8 @@
3410	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; }
3411	3579	var SETTINGS_PATH = 'elementor/v1/site-builder/snapshot';
3412	3580	var HOME_SCREEN_PATH = 'elementor/v1/site-builder/home-screen';
3413	3581	var DEFAULT_SITE_TYPE_SUGGESTIONS = Object.freeze(['Business website', 'Portfolio website', 'E-commerce store']);
3414		-var buildRestHeaders = function buildRestHeaders() {
3415		- var _window$elementorHome;
3416		- return {
3417		- 'X-WP-Nonce': ((_window$elementorHome = window.elementorHomeScreenData) === null || _window$elementorHome === void 0 ? void 0 : _window$elementorHome.wpRestNonce) || ''
3418		- };
3419		-};
3420		-var getRestBaseUrl = function getRestBaseUrl() {
3421		- var _window$wpApiSettings;
3422		- return ((_window$wpApiSettings = window.wpApiSettings) === null || _window$wpApiSettings === void 0 ? void 0 : _window$wpApiSettings.root) || '/wp-json/';
3423		-};
3424		-var clearHomeScreenSnapshot = exports.clearHomeScreenSnapshot = function clearHomeScreenSnapshot(siteKey, fullSnapshot) {
3425		- if (!siteKey) {
3426		- return;
3427		- }
3428		- var remaining = _objectSpread({}, fullSnapshot !== null && fullSnapshot !== void 0 ? fullSnapshot : {});
3429		- delete remaining[siteKey];
3430		- if (fullSnapshot && Object.prototype.hasOwnProperty.call(fullSnapshot, siteKey)) {
3431		- delete fullSnapshot[siteKey];
3432		- }
3433		- fetch("".concat(getRestBaseUrl()).concat(SETTINGS_PATH), {
3434		- method: 'POST',
3435		- credentials: 'include',
3436		- headers: _objectSpread({
3437		- 'Content-Type': 'application/json'
3438		- }, buildRestHeaders()),
3439		- body: JSON.stringify({
3440		- value: remaining
3441		- })
3442		- }).catch(function () {});
3443		-};
3444	3582	var sanitizeSuggestions = function sanitizeSuggestions(value) {
3445	3583	var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
3446	3584	limit = _ref.limit;
3447	3585	var list = Array.isArray(value) ? value.filter(function (item) {
		@@ -3455,16 +3593,19 @@
3455	3593	});
3456	3594	return stored.length ? stored : (0, _toConsumableArray2.default)(DEFAULT_SITE_TYPE_SUGGESTIONS);
3457	3595	};
3458	3596	var hasCompleteSnapshot = function hasCompleteSnapshot(snapshotStep, snapshotEntry, plannerSteps) {
3459		- if (!snapshotEntry) {
	3597	+ if (null === snapshotStep) {
3460	3598	return false;
3461	3599	}
3462		- if (null !== snapshotStep && snapshotStep >= plannerSteps.DEPLOYED_TO_PLUGIN) {
3463		- 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;
3464	3602	}
3465	3603	return true;
3466	3604	};
	3605	+var hasEntryWithoutSession = function hasEntryWithoutSession(snapshotEntry, snapshotStep) {
	3606	+ return snapshotEntry !== undefined && null === snapshotStep;
	3607	+};
3467	3608	var deriveInitialStateForSiteKey = function deriveInitialStateForSiteKey(siteKey, snapshot, plannerSteps) {
3468	3609	if (!siteKey) {
3469	3610	return {
3470	3611	sessionStep: null,
		@@ -3485,8 +3626,16 @@
3485	3626	isResolved: true
3486	3627	};
3487	3628	}
3488	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	+ }
3489	3638	return {
3490	3639	sessionStep: null,
3491	3640	pageSuggestions: [],
3492	3641	siteTypeSuggestions: siteTypeSuggestions,
		@@ -3520,8 +3669,9 @@
3520	3669	_useState0 = (0, _slicedToArray2.default)(_useState9, 2),
3521	3670	error = _useState0[0],
3522	3671	setError = _useState0[1];
3523	3672	(0, _react.useEffect)(function () {
	3673	+ var _window$elementorHome, _window$wpApiSettings;
3524	3674	var applyState = function applyState(next) {
3525	3675	setSessionStep(next.sessionStep);
3526	3676	setPageSuggestions(next.pageSuggestions);
3527	3677	setSiteTypeSuggestions(next.siteTypeSuggestions);
		@@ -3547,11 +3697,21 @@
3547	3697	})
3548	3698	});
3549	3699	return;
3550	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	+ }
3551	3709	var isMounted = true;
3552		- var restHeaders = buildRestHeaders();
3553		- 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/';
3554	3714	var settingsUrl = "".concat(baseUrl).concat(SETTINGS_PATH);
3555	3715	var writeSnapshot = function writeSnapshot(entry) {
3556	3716	return fetch(settingsUrl, {
3557	3717	method: 'POST',
		@@ -3671,15 +3831,15 @@
3671	3831	exports["default"] = void 0;
3672	3832	var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
3673	3833	var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
3674	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"));
3675	3836	var _siteTypeLayoutToggle = _interopRequireDefault(__webpack_require__(/*! ./components/site-type-layout-toggle */ "../modules/home/assets/js/site-builder/components/site-type-layout-toggle.js"));
3676	3837	var _suggestionChips = _interopRequireDefault(__webpack_require__(/*! ./components/suggestion-chips */ "../modules/home/assets/js/site-builder/components/suggestion-chips.js"));
3677	3838	var _stepActions = __webpack_require__(/*! ./components/step-actions */ "../modules/home/assets/js/site-builder/components/step-actions.js");
3678		-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"));
3679	3840	var _styledComponents = __webpack_require__(/*! ./components/styled-components */ "../modules/home/assets/js/site-builder/components/styled-components.js");
3680	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); }
3681		-var SITE_BUILDER_READY_TIMEOUT_MS = 30000;
3682	3842	var getStepConfig = function getStepConfig(step, stepConfigs, plannerSteps) {
3683	3843	var _plannerSteps$INIT, _configs$initStep, _configs;
3684	3844	var normalizedStep = Number(step);
3685	3845	var configs = stepConfigs !== null && stepConfigs !== void 0 ? stepConfigs : {};
		@@ -3687,9 +3847,9 @@
3687	3847	var fallback = (_configs$initStep = configs[initStep]) !== null && _configs$initStep !== void 0 ? _configs$initStep : {};
3688	3848	return (_configs = configs[Number.isFinite(normalizedStep) ? normalizedStep : initStep]) !== null && _configs !== void 0 ? _configs : fallback;
3689	3849	};
3690	3850	var SiteBuilder = function SiteBuilder(_ref) {
3691		- var _siteBuilderData$plan, _plannerSteps$INIT2, _siteBuilderData$step;
	3851	+ var _siteBuilderData$plan, _plannerSteps$INIT2;
3692	3852	var siteBuilderData = _ref.siteBuilderData;
3693	3853	var _useSiteBuilderState = (0, _useSiteBuilderState2.default)(siteBuilderData),
3694	3854	sessionStep = _useSiteBuilderState.sessionStep,
3695	3855	pageSuggestions = _useSiteBuilderState.pageSuggestions,
		@@ -3706,9 +3866,8 @@
3706	3866	isOnePage = _useState4[0],
3707	3867	setIsOnePage = _useState4[1];
3708	3868	var isInitStep = ((_plannerSteps$INIT2 = plannerSteps.INIT) !== null && _plannerSteps$INIT2 !== void 0 ? _plannerSteps$INIT2 : 0) === Number(sessionStep);
3709	3869	var showLayoutToggle = isInitStep && Boolean(inputValue.trim());
3710		- 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];
3711	3870	var handleInputChange = function handleInputChange(event) {
3712	3871	setInputValue(event.target.value);
3713	3872	};
3714	3873	var handleCreateClick = function handleCreateClick(nextInputValue) {
		@@ -3719,44 +3878,18 @@
3719	3878	var requiresInput = stepConfig.hasInput;
3720	3879	if (requiresInput && !prompt.trim()) {
3721	3880	return;
3722	3881	}
3723		- var newWindow = window.open(siteBuilderData.siteBuilderUrl, '_blank');
3724		- if (!newWindow) {
3725		- return;
3726		- }
3727		- var payload = {};
	3882	+ var url = new URL(siteBuilderData.siteBuilderUrl, window.location.origin);
3728	3883	if (prompt) {
3729	3884	var _plannerSteps$WIREFRA;
3730		- var paramName = sessionStep >= ((_plannerSteps$WIREFRA = plannerSteps.WIREFRAMES) !== null && _plannerSteps$WIREFRA !== void 0 ? _plannerSteps$WIREFRA : 3) ? 'pageTitle' : 'siteType';
3731		- 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);
3732	3887	}
3733	3888	if (isInitStep) {
3734		- payload.isOnePage = isOnePage;
	3889	+ url.searchParams.append('is_one_page', isOnePage ? 'true' : 'false');
3735	3890	}
3736		- var _onReady = function onReady(event) {
3737		- var _event$data;
3738		- if (event.source !== newWindow) {
3739		- return;
3740		- }
3741		- if (event.origin !== window.location.origin) {
3742		- return;
3743		- }
3744		- if (((_event$data = event.data) === null || _event$data === void 0 ? void 0 : _event$data.type) !== 'site-builder/ready') {
3745		- return;
3746		- }
3747		- clearTimeout(timeoutId);
3748		- window.removeEventListener('message', _onReady);
3749		- (0, _useSiteBuilderState2.clearHomeScreenSnapshot)(siteBuilderData === null || siteBuilderData === void 0 ? void 0 : siteBuilderData.siteKey, siteBuilderData === null || siteBuilderData === void 0 ? void 0 : siteBuilderData.site_builder_snapshot);
3750		- newWindow.postMessage({
3751		- type: 'site-builder/init',
3752		- payload: payload
3753		- }, window.location.origin);
3754		- };
3755		- var timeoutId = setTimeout(function () {
3756		- return window.removeEventListener('message', _onReady);
3757		- }, SITE_BUILDER_READY_TIMEOUT_MS);
3758		- window.addEventListener('message', _onReady);
	3891	+ window.open(url.toString(), '_blank');
3759	3892	};
3760	3893	var handleKeyDown = function handleKeyDown(event) {
3761	3894	if ('Enter' === event.key) {
3762	3895	event.preventDefault();
		@@ -3767,13 +3900,17 @@
3767	3900	elevation: 0,
3768	3901	"data-testid": "e-site-builder"
3769	3902	}, /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerBackground, {
3770	3903	bgimage: siteBuilderData === null || siteBuilderData === void 0 ? void 0 : siteBuilderData.bgImage
3771		- }), /*#__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, {
3772	3905	component: "img",
3773		- src: stepImage,
	3906	+ src: siteBuilderData.previewImage1,
3774	3907	alt: ""
3775		- })), /*#__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, {
3776	3913	inputValue: inputValue,
3777	3914	onInputChange: handleInputChange,
3778	3915	onKeyDown: handleKeyDown,
3779	3916	onSubmit: handleCreateClick