PluginProbe
Elementor Website Builder – more than just a page builder / 3.35.0-dev4
Elementor Website Builder – more than just a page builder v3.35.0-dev4
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 4.1.0-dev2 All 455 releases
← All changes | assets/js/e-home-screen.js +1248 -1560 4.1.0-beta2 → 3.35.0-dev4 View file →
@@ -1260,8 +1260,173 @@
1260 1260 var _default = exports["default"] = ScreenViewTracking;
1261 1261
1262 1262 /***/ }),
1263 1263
1264 +/***/ "../app/assets/js/event-track/dashboard/top-bar.js":
1265 +/*!*********************************************************!*\
1266 + !*** ../app/assets/js/event-track/dashboard/top-bar.js ***!
1267 + \*********************************************************/
1268 +/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1269 +
1270 +"use strict";
1271 +
1272 +
1273 +var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1274 +var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
1275 +Object.defineProperty(exports, "__esModule", ({
1276 + value: true
1277 +}));
1278 +exports["default"] = void 0;
1279 +var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
1280 +var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
1281 +var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"));
1282 +var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js"));
1283 +var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js"));
1284 +var _wpDashboardTracking = _interopRequireWildcard(__webpack_require__(/*! ../wp-dashboard-tracking */ "../app/assets/js/event-track/wp-dashboard-tracking.js"));
1285 +var _baseTracking = _interopRequireDefault(__webpack_require__(/*! ./base-tracking */ "../app/assets/js/event-track/dashboard/base-tracking.js"));
1286 +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); }
1287 +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)); }
1288 +function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
1289 +var TOP_BAR_SELECTORS = {
1290 + TOP_BAR_ROOT: '.e-admin-top-bar',
1291 + BAR_BUTTON: '.e-admin-top-bar__bar-button',
1292 + BUTTON_TITLE: '.e-admin-top-bar__bar-button-title',
1293 + MAIN_AREA: '.e-admin-top-bar__main-area',
1294 + SECONDARY_AREA: '.e-admin-top-bar__secondary-area'
1295 +};
1296 +var TopBarTracking = /*#__PURE__*/function (_BaseTracking) {
1297 + function TopBarTracking() {
1298 + (0, _classCallCheck2.default)(this, TopBarTracking);
1299 + return _callSuper(this, TopBarTracking, arguments);
1300 + }
1301 + (0, _inherits2.default)(TopBarTracking, _BaseTracking);
1302 + return (0, _createClass2.default)(TopBarTracking, null, [{
1303 + key: "init",
1304 + value: function init() {
1305 + this.waitForTopBar();
1306 + }
1307 + }, {
1308 + key: "waitForTopBar",
1309 + value: function waitForTopBar() {
1310 + var _this = this;
1311 + var topBar = document.querySelector(TOP_BAR_SELECTORS.TOP_BAR_ROOT);
1312 + if (topBar) {
1313 + this.attachTopBarTracking(topBar);
1314 + return;
1315 + }
1316 + var observer = this.addObserver(document.body, {
1317 + childList: true,
1318 + subtree: true
1319 + }, function () {
1320 + var foundTopBar = document.querySelector(TOP_BAR_SELECTORS.TOP_BAR_ROOT);
1321 + if (foundTopBar) {
1322 + _this.attachTopBarTracking(foundTopBar);
1323 + observer.disconnect();
1324 + clearTimeout(timeoutId);
1325 + }
1326 + });
1327 + var timeoutId = setTimeout(function () {
1328 + observer.disconnect();
1329 + }, 10000);
1330 + }
1331 + }, {
1332 + key: "attachTopBarTracking",
1333 + value: function attachTopBarTracking(topBar) {
1334 + var _this2 = this;
1335 + var buttons = topBar.querySelectorAll(TOP_BAR_SELECTORS.BAR_BUTTON);
1336 + buttons.forEach(function (button) {
1337 + _this2.addEventListenerTracked(button, 'click', function (event) {
1338 + _this2.handleTopBarClick(event);
1339 + });
1340 + });
1341 + this.observeTopBarChanges(topBar);
1342 + }
1343 + }, {
1344 + key: "observeTopBarChanges",
1345 + value: function observeTopBarChanges(topBar) {
1346 + var _this3 = this;
1347 + this.addObserver(topBar, {
1348 + childList: true,
1349 + subtree: true
1350 + }, function (mutations) {
1351 + mutations.forEach(function (mutation) {
1352 + if ('childList' === mutation.type) {
1353 + mutation.addedNodes.forEach(function (node) {
1354 + if (1 === node.nodeType) {
1355 + if (node.matches && node.matches(TOP_BAR_SELECTORS.BAR_BUTTON)) {
1356 + _this3.addEventListenerTracked(node, 'click', function (event) {
1357 + _this3.handleTopBarClick(event);
1358 + });
1359 + } else {
1360 + var buttons = node.querySelectorAll ? node.querySelectorAll(TOP_BAR_SELECTORS.BAR_BUTTON) : [];
1361 + buttons.forEach(function (button) {
1362 + _this3.addEventListenerTracked(button, 'click', function (event) {
1363 + _this3.handleTopBarClick(event);
1364 + });
1365 + });
1366 + }
1367 + }
1368 + });
1369 + }
1370 + });
1371 + });
1372 + }
1373 + }, {
1374 + key: "handleTopBarClick",
1375 + value: function handleTopBarClick(event) {
1376 + var button = event.currentTarget;
1377 + var itemId = this.extractItemId(button);
1378 + _wpDashboardTracking.default.trackNavClicked(itemId, null, _wpDashboardTracking.NAV_AREAS.TOP_BAR);
1379 + }
1380 + }, {
1381 + key: "extractItemId",
1382 + value: function extractItemId(button) {
1383 + var titleElement = button.querySelector(TOP_BAR_SELECTORS.BUTTON_TITLE);
1384 + if (titleElement && titleElement.textContent.trim()) {
1385 + return titleElement.textContent.trim();
1386 + }
1387 + var textContent = button.textContent.trim();
1388 + if (textContent) {
1389 + return textContent;
1390 + }
1391 + var href = button.getAttribute('href');
1392 + if (href) {
1393 + var urlParams = new URLSearchParams(href.split('?')[1] || '');
1394 + var page = urlParams.get('page');
1395 + if (page) {
1396 + return page;
1397 + }
1398 + if (href.includes('/wp-admin/')) {
1399 + var pathParts = href.split('/wp-admin/')[1];
1400 + if (pathParts) {
1401 + return pathParts.split('?')[0];
1402 + }
1403 + }
1404 + try {
1405 + var url = new URL(href, window.location.origin);
1406 + return url.pathname.split('/').filter(Boolean).pop() || url.hostname;
1407 + } catch (error) {
1408 + return href;
1409 + }
1410 + }
1411 + var dataInfo = button.getAttribute('data-info');
1412 + if (dataInfo) {
1413 + return dataInfo;
1414 + }
1415 + var classes = button.className.split(' ').filter(function (cls) {
1416 + return cls && 'e-admin-top-bar__bar-button' !== cls;
1417 + });
1418 + if (classes.length > 0) {
1419 + return classes.join('-');
1420 + }
1421 + return 'unknown-top-bar-button';
1422 + }
1423 + }]);
1424 +}(_baseTracking.default);
1425 +var _default = exports["default"] = TopBarTracking;
1426 +
1427 +/***/ }),
1428 +
1264 1429 /***/ "../app/assets/js/event-track/dashboard/utils.js":
1265 1430 /*!*******************************************************!*\
1266 1431 !*** ../app/assets/js/event-track/dashboard/utils.js ***!
1267 1432 \*******************************************************/
@@ -1317,8 +1482,9 @@
1317 1482 var _promotion = _interopRequireDefault(__webpack_require__(/*! ./dashboard/promotion */ "../app/assets/js/event-track/dashboard/promotion.js"));
1318 1483 var _screenView = _interopRequireDefault(__webpack_require__(/*! ./dashboard/screen-view */ "../app/assets/js/event-track/dashboard/screen-view.js"));
1319 1484 var _menuPromotion = _interopRequireDefault(__webpack_require__(/*! ./dashboard/menu-promotion */ "../app/assets/js/event-track/dashboard/menu-promotion.js"));
1320 1485 var _actionControls = _interopRequireDefault(__webpack_require__(/*! ./dashboard/action-controls */ "../app/assets/js/event-track/dashboard/action-controls.js"));
1486 +var _topBar = _interopRequireDefault(__webpack_require__(/*! ./dashboard/top-bar */ "../app/assets/js/event-track/dashboard/top-bar.js"));
1321 1487 var SESSION_TIMEOUT_MINUTES = 30;
1322 1488 var MINUTE_MS = 60 * 1000;
1323 1489 var SESSION_TIMEOUT = SESSION_TIMEOUT_MINUTES * MINUTE_MS;
1324 1490 var ACTIVITY_CHECK_INTERVAL = 1 * MINUTE_MS;
@@ -1503,9 +1669,9 @@
1503 1669 var params = urlObj.searchParams;
1504 1670 var page = params.get('page');
1505 1671 var postType = params.get('post_type');
1506 1672 var action = params.get('action');
1507 - var elementorPages = ['elementor-home', 'e-form-submissions'];
1673 + var elementorPages = ['elementor', 'go_knowledge_base_site', 'e-form-submissions'];
1508 1674 var elementorPostTypes = ['elementor_library', 'e-floating-buttons'];
1509 1675 return page && elementorPages.some(function (p) {
1510 1676 return page.includes(p);
1511 1677 }) || postType && elementorPostTypes.includes(postType) || action && action.includes('elementor');
@@ -1704,8 +1870,11 @@
1704 1870 _screenView.default.destroy();
1705 1871 _promotion.default.destroy();
1706 1872 _menuPromotion.default.destroy();
1707 1873 _actionControls.default.destroy();
1874 + if (!WpDashboardTracking.isEditorOneActive()) {
1875 + _topBar.default.destroy();
1876 + }
1708 1877 this.initialized = false;
1709 1878 }
1710 1879 }]);
1711 1880 }();
@@ -1730,8 +1899,11 @@
1730 1899 _screenView.default.init();
1731 1900 _promotion.default.init();
1732 1901 _menuPromotion.default.init();
1733 1902 _actionControls.default.init();
1903 + if (!WpDashboardTracking.isEditorOneActive()) {
1904 + _topBar.default.init();
1905 + }
1734 1906 }
1735 1907 });
1736 1908 window.addEventListener('beforeunload', function () {
1737 1909 _navigation.default.destroy();
@@ -1793,15 +1965,138 @@
1793 1965 };
1794 1966
1795 1967 /***/ }),
1796 1968
1797 -/***/ "../modules/home/assets/js/components/create-new-page-dialog.js":
1798 -/*!**********************************************************************!*\
1799 - !*** ../modules/home/assets/js/components/create-new-page-dialog.js ***!
1800 - \**********************************************************************/
1969 +/***/ "../modules/home/assets/js/components/editor-screen/addons-section.js":
1970 +/*!****************************************************************************!*\
1971 + !*** ../modules/home/assets/js/components/editor-screen/addons-section.js ***!
1972 + \****************************************************************************/
1801 1973 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1802 1974
1803 1975 "use strict";
1976 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
1977 +
1978 +
1979 +var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1980 +Object.defineProperty(exports, "__esModule", ({
1981 + value: true
1982 +}));
1983 +exports["default"] = void 0;
1984 +var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
1985 +var _objectDestructuringEmpty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectDestructuringEmpty */ "../node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js"));
1986 +var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
1987 +var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1988 +var _List = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/List */ "@elementor/ui/List"));
1989 +var _Link = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Link */ "@elementor/ui/Link"));
1990 +var _Button = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Button */ "@elementor/ui/Button"));
1991 +var _Card = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Card */ "@elementor/ui/Card"));
1992 +var _CardActions = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/CardActions */ "@elementor/ui/CardActions"));
1993 +var _CardContent = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/CardContent */ "@elementor/ui/CardContent"));
1994 +var _CardMedia = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/CardMedia */ "@elementor/ui/CardMedia"));
1995 +var _promoTracking = __webpack_require__(/*! ../../utils/promo-tracking */ "../modules/home/assets/js/utils/promo-tracking.js");
1996 +var Addons = function Addons(_ref) {
1997 + var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
1998 + var domain = props.adminUrl.replace('wp-admin/', '');
1999 + var addonsArray = props.addonsData.repeater;
2000 + var cardsPerRow = 3 === addonsArray.length ? 3 : 2;
2001 + var handleAddonClick = function handleAddonClick(title, url) {
2002 + (0, _promoTracking.trackPromoClick)(title, url, (0, _promoTracking.getHomeScreenPath)('addons'));
2003 + };
2004 + return /*#__PURE__*/_react.default.createElement(_ui.Paper, {
2005 + elevation: 0,
2006 + sx: {
2007 + py: 3,
2008 + px: {
2009 + xs: 3,
2010 + md: 4
2011 + },
2012 + display: 'flex',
2013 + flexDirection: 'column',
2014 + gap: 2,
2015 + borderRadius: 2,
2016 + border: '1px solid rgba(0, 0, 0, 0.12)'
2017 + }
2018 + }, /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
2019 + variant: "h6"
2020 + }, props.addonsData.header.title), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
2021 + variant: "body2",
2022 + color: "text.secondary"
2023 + }, props.addonsData.header.description)), /*#__PURE__*/_react.default.createElement(_List.default, {
2024 + sx: {
2025 + display: 'grid',
2026 + gridTemplateColumns: {
2027 + md: "repeat(".concat(cardsPerRow, ", 1fr)"),
2028 + xs: 'repeat(1, 1fr)'
2029 + },
2030 + gap: 2
2031 + }
2032 + }, addonsArray.map(function (item) {
2033 + var linkTarget = item.hasOwnProperty('target') ? item.target : '_blank';
2034 + return /*#__PURE__*/_react.default.createElement(_Card.default, {
2035 + key: item.title,
2036 + elevation: 0,
2037 + sx: {
2038 + display: 'flex',
2039 + border: 1,
2040 + borderRadius: 1,
2041 + borderColor: 'action.focus'
2042 + }
2043 + }, /*#__PURE__*/_react.default.createElement(_CardContent.default, {
2044 + sx: {
2045 + display: 'flex',
2046 + flexDirection: 'column',
2047 + justifyContent: 'space-between',
2048 + gap: 3,
2049 + p: 3
2050 + }
2051 + }, /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_CardMedia.default, {
2052 + image: item.image,
2053 + sx: {
2054 + height: '58px',
2055 + width: '58px',
2056 + mb: 2
2057 + }
2058 + }), /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
2059 + variant: "subtitle2"
2060 + }, item.title), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
2061 + variant: "body2",
2062 + color: "text.secondary"
2063 + }, item.description))), /*#__PURE__*/_react.default.createElement(_CardActions.default, {
2064 + sx: {
2065 + p: 0
2066 + }
2067 + }, /*#__PURE__*/_react.default.createElement(_Button.default, {
2068 + variant: "outlined",
2069 + size: "small",
2070 + color: "promotion",
2071 + href: item.url,
2072 + target: linkTarget,
2073 + onClick: function onClick() {
2074 + return handleAddonClick(item.title, item.url);
2075 + }
2076 + }, item.button_label))));
2077 + })), /*#__PURE__*/_react.default.createElement(_Link.default, {
2078 + variant: "body2",
2079 + color: "info.main",
2080 + underline: "none",
2081 + href: "".concat(domain).concat(props.addonsData.footer.file_path)
2082 + }, props.addonsData.footer.label));
2083 +};
2084 +var _default = exports["default"] = Addons;
2085 +Addons.propTypes = {
2086 + addonsData: PropTypes.object.isRequired,
2087 + adminUrl: PropTypes.string.isRequired
2088 +};
2089 +
2090 +/***/ }),
2091 +
2092 +/***/ "../modules/home/assets/js/components/editor-screen/create-new-page-dialog.js":
2093 +/*!************************************************************************************!*\
2094 + !*** ../modules/home/assets/js/components/editor-screen/create-new-page-dialog.js ***!
2095 + \************************************************************************************/
2096 +/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2097 +
2098 +"use strict";
1804 2099 /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
1805 2100 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
1806 2101
1807 2102
@@ -1880,12 +2175,12 @@
1880 2175 };
1881 2176
1882 2177 /***/ }),
1883 2178
1884 -/***/ "../modules/home/assets/js/components/create-with-ai-banner.js":
1885 -/*!*********************************************************************!*\
1886 - !*** ../modules/home/assets/js/components/create-with-ai-banner.js ***!
1887 - \*********************************************************************/
2179 +/***/ "../modules/home/assets/js/components/editor-screen/create-with-ai-banner.js":
2180 +/*!***********************************************************************************!*\
2181 + !*** ../modules/home/assets/js/components/editor-screen/create-with-ai-banner.js ***!
2182 + \***********************************************************************************/
1888 2183 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1889 2184
1890 2185 "use strict";
1891 2186 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
@@ -1903,9 +2198,9 @@
1903 2198 var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
1904 2199 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1905 2200 var _Typography = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Typography */ "@elementor/ui/Typography"));
1906 2201 var _Button = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Button */ "@elementor/ui/Button"));
1907 -var _promoTracking = __webpack_require__(/*! ../utils/promo-tracking */ "../modules/home/assets/js/utils/promo-tracking.js");
2202 +var _promoTracking = __webpack_require__(/*! ../../utils/promo-tracking */ "../modules/home/assets/js/utils/promo-tracking.js");
1908 2203 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); }
1909 2204 var CreateWithAIBanner = function CreateWithAIBanner(_ref) {
1910 2205 var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
1911 2206 var createWithAIData = props.createWithAIData;
@@ -2018,12 +2313,12 @@
2018 2313 var _default = exports["default"] = CreateWithAIBanner;
2019 2314
2020 2315 /***/ }),
2021 2316
2022 -/***/ "../modules/home/assets/js/components/external-links-section.js":
2023 -/*!**********************************************************************!*\
2024 - !*** ../modules/home/assets/js/components/external-links-section.js ***!
2025 - \**********************************************************************/
2317 +/***/ "../modules/home/assets/js/components/editor-screen/external-links-section.js":
2318 +/*!************************************************************************************!*\
2319 + !*** ../modules/home/assets/js/components/editor-screen/external-links-section.js ***!
2320 + \************************************************************************************/
2026 2321 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2027 2322
2028 2323 "use strict";
2029 2324 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
@@ -2103,12 +2398,12 @@
2103 2398 };
2104 2399
2105 2400 /***/ }),
2106 2401
2107 -/***/ "../modules/home/assets/js/components/get-started-list-item.js":
2108 -/*!*********************************************************************!*\
2109 - !*** ../modules/home/assets/js/components/get-started-list-item.js ***!
2110 - \*********************************************************************/
2402 +/***/ "../modules/home/assets/js/components/editor-screen/get-started-list-item.js":
2403 +/*!***********************************************************************************!*\
2404 + !*** ../modules/home/assets/js/components/editor-screen/get-started-list-item.js ***!
2405 + \***********************************************************************************/
2111 2406 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2112 2407
2113 2408 "use strict";
2114 2409 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
@@ -2124,9 +2419,9 @@
2124 2419 var _ListItem = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItem */ "@elementor/ui/ListItem"));
2125 2420 var _ListItemText = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItemText */ "@elementor/ui/ListItemText"));
2126 2421 var _Link = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Link */ "@elementor/ui/Link"));
2127 2422 var _Box = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Box */ "@elementor/ui/Box"));
2128 -var _createNewPageDialog = _interopRequireDefault(__webpack_require__(/*! ./create-new-page-dialog */ "../modules/home/assets/js/components/create-new-page-dialog.js"));
2423 +var _createNewPageDialog = _interopRequireDefault(__webpack_require__(/*! ./create-new-page-dialog */ "../modules/home/assets/js/components/editor-screen/create-new-page-dialog.js"));
2129 2424 var GetStartedListItem = function GetStartedListItem(_ref) {
2130 2425 var item = _ref.item,
2131 2426 image = _ref.image,
2132 2427 adminUrl = _ref.adminUrl;
@@ -2190,12 +2485,12 @@
2190 2485 };
2191 2486
2192 2487 /***/ }),
2193 2488
2194 -/***/ "../modules/home/assets/js/components/get-started-section.js":
2195 -/*!*******************************************************************!*\
2196 - !*** ../modules/home/assets/js/components/get-started-section.js ***!
2197 - \*******************************************************************/
2489 +/***/ "../modules/home/assets/js/components/editor-screen/get-started-section.js":
2490 +/*!*********************************************************************************!*\
2491 + !*** ../modules/home/assets/js/components/editor-screen/get-started-section.js ***!
2492 + \*********************************************************************************/
2198 2493 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2199 2494
2200 2495 "use strict";
2201 2496
@@ -2210,9 +2505,9 @@
2210 2505 var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
2211 2506 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2212 2507 var _List = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/List */ "@elementor/ui/List"));
2213 2508 var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
2214 -var _getStartedListItem = _interopRequireDefault(__webpack_require__(/*! ./get-started-list-item */ "../modules/home/assets/js/components/get-started-list-item.js"));
2509 +var _getStartedListItem = _interopRequireDefault(__webpack_require__(/*! ./get-started-list-item */ "../modules/home/assets/js/components/editor-screen/get-started-list-item.js"));
2215 2510 var GetStarted = function GetStarted(_ref) {
2216 2511 var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
2217 2512 var hasSidebarPromotion = props.homeScreenData.hasOwnProperty('sidebar_promotion_variants');
2218 2513 var mdGridColumns = hasSidebarPromotion ? 'repeat(3, 1fr)' : 'repeat(4, 1fr)';
@@ -2266,12 +2561,12 @@
2266 2561 };
2267 2562
2268 2563 /***/ }),
2269 2564
2270 -/***/ "../modules/home/assets/js/components/header-section.js":
2271 -/*!**************************************************************!*\
2272 - !*** ../modules/home/assets/js/components/header-section.js ***!
2273 - \**************************************************************/
2565 +/***/ "../modules/home/assets/js/components/editor-screen/header-section.js":
2566 +/*!****************************************************************************!*\
2567 + !*** ../modules/home/assets/js/components/editor-screen/header-section.js ***!
2568 + \****************************************************************************/
2274 2569 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2275 2570
2276 2571 "use strict";
2277 2572
@@ -2314,12 +2609,12 @@
2314 2609 var _default = exports["default"] = HeaderSection;
2315 2610
2316 2611 /***/ }),
2317 2612
2318 -/***/ "../modules/home/assets/js/components/home-screen.js":
2319 -/*!***********************************************************!*\
2320 - !*** ../modules/home/assets/js/components/home-screen.js ***!
2321 - \***********************************************************/
2613 +/***/ "../modules/home/assets/js/components/editor-screen/home-screen.js":
2614 +/*!*************************************************************************!*\
2615 + !*** ../modules/home/assets/js/components/editor-screen/home-screen.js ***!
2616 + \*************************************************************************/
2322 2617 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2323 2618
2324 2619 "use strict";
2325 2620 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
@@ -2331,21 +2626,16 @@
2331 2626 }));
2332 2627 exports["default"] = void 0;
2333 2628 var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
2334 2629 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2335 -var _headerSection = _interopRequireDefault(__webpack_require__(/*! ./header-section */ "../modules/home/assets/js/components/header-section.js"));
2336 -var _topSection = _interopRequireDefault(__webpack_require__(/*! ./top-section */ "../modules/home/assets/js/components/top-section.js"));
2337 -var _sidebarPromotion = _interopRequireDefault(__webpack_require__(/*! ./sidebar-promotion */ "../modules/home/assets/js/components/sidebar-promotion.js"));
2338 -var _externalLinksSection = _interopRequireDefault(__webpack_require__(/*! ./external-links-section */ "../modules/home/assets/js/components/external-links-section.js"));
2339 -var _getStartedSection = _interopRequireDefault(__webpack_require__(/*! ./get-started-section */ "../modules/home/assets/js/components/get-started-section.js"));
2340 -var _createWithAiBanner = _interopRequireDefault(__webpack_require__(/*! ./create-with-ai-banner */ "../modules/home/assets/js/components/create-with-ai-banner.js"));
2341 -var _index = _interopRequireDefault(__webpack_require__(/*! ../site-builder/index */ "../modules/home/assets/js/site-builder/index.js"));
2342 -var _loadFallbackMessage = _interopRequireDefault(__webpack_require__(/*! ./load-fallback-message */ "../modules/home/assets/js/components/load-fallback-message.js"));
2630 +var _headerSection = _interopRequireDefault(__webpack_require__(/*! ./header-section */ "../modules/home/assets/js/components/editor-screen/header-section.js"));
2631 +var _topSection = _interopRequireDefault(__webpack_require__(/*! ./top-section */ "../modules/home/assets/js/components/editor-screen/top-section.js"));
2632 +var _sidebarPromotion = _interopRequireDefault(__webpack_require__(/*! ./sidebar-promotion */ "../modules/home/assets/js/components/editor-screen/sidebar-promotion.js"));
2633 +var _addonsSection = _interopRequireDefault(__webpack_require__(/*! ./addons-section */ "../modules/home/assets/js/components/editor-screen/addons-section.js"));
2634 +var _externalLinksSection = _interopRequireDefault(__webpack_require__(/*! ./external-links-section */ "../modules/home/assets/js/components/editor-screen/external-links-section.js"));
2635 +var _getStartedSection = _interopRequireDefault(__webpack_require__(/*! ./get-started-section */ "../modules/home/assets/js/components/editor-screen/get-started-section.js"));
2636 +var _createWithAiBanner = _interopRequireDefault(__webpack_require__(/*! ./create-with-ai-banner */ "../modules/home/assets/js/components/editor-screen/create-with-ai-banner.js"));
2343 2637 var EditorScreen = function EditorScreen(props) {
2344 - var _props$homeScreenData;
2345 - if (!((_props$homeScreenData = props.homeScreenData) !== null && _props$homeScreenData !== void 0 && _props$homeScreenData.get_started)) {
2346 - return /*#__PURE__*/_react.default.createElement(_loadFallbackMessage.default, null);
2347 - }
2348 2638 var hasSidebarPromotion = props.homeScreenData.hasOwnProperty('sidebar_promotion_variants');
2349 2639 return /*#__PURE__*/ /* Box wrapper around the Container is needed to neutralize wp-content area left-padding */_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Container, {
2350 2640 disableGutters: true,
2351 2641 maxWidth: "lg",
@@ -2362,10 +2652,8 @@
2362 2652 editWebsiteUrl: props.homeScreenData.edit_website_url
2363 2653 }), props.homeScreenData.top_with_licences && /*#__PURE__*/_react.default.createElement(_topSection.default, {
2364 2654 topData: props.homeScreenData.top_with_licences,
2365 2655 buttonCtaUrl: props.homeScreenData.button_cta_url
2366 - }), props.homeScreenData.site_builder && /*#__PURE__*/_react.default.createElement(_index.default, {
2367 - siteBuilderData: props.homeScreenData.site_builder
2368 2656 }), /*#__PURE__*/_react.default.createElement(_ui.Box, {
2369 2657 sx: {
2370 2658 display: 'flex',
2371 2659 flexDirection: {
@@ -2385,8 +2673,11 @@
2385 2673 }), /*#__PURE__*/_react.default.createElement(_getStartedSection.default, {
2386 2674 getStartedData: props.homeScreenData.get_started,
2387 2675 adminUrl: props.adminUrl,
2388 2676 homeScreenData: props.homeScreenData
2677 + }), props.homeScreenData.add_ons && /*#__PURE__*/_react.default.createElement(_addonsSection.default, {
2678 + addonsData: props.homeScreenData.add_ons,
2679 + adminUrl: props.adminUrl
2389 2680 }), /*#__PURE__*/_react.default.createElement(_externalLinksSection.default, {
2390 2681 externalLinksData: props.homeScreenData.external_links
2391 2682 })), hasSidebarPromotion && /*#__PURE__*/_react.default.createElement(_ui.Container, {
2392 2683 maxWidth: "xs",
@@ -2410,59 +2701,15 @@
2410 2701 var _default = exports["default"] = EditorScreen;
2411 2702
2412 2703 /***/ }),
2413 2704
2414 -/***/ "../modules/home/assets/js/components/load-fallback-message.js":
2415 -/*!*********************************************************************!*\
2416 - !*** ../modules/home/assets/js/components/load-fallback-message.js ***!
2417 - \*********************************************************************/
2705 +/***/ "../modules/home/assets/js/components/editor-screen/promotions/sidebar-banner.js":
2706 +/*!***************************************************************************************!*\
2707 + !*** ../modules/home/assets/js/components/editor-screen/promotions/sidebar-banner.js ***!
2708 + \***************************************************************************************/
2418 2709 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2419 2710
2420 2711 "use strict";
2421 -
2422 -
2423 -var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
2424 -Object.defineProperty(exports, "__esModule", ({
2425 - value: true
2426 -}));
2427 -exports["default"] = void 0;
2428 -var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
2429 -var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2430 -var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
2431 -var LoadFallbackMessage = function LoadFallbackMessage() {
2432 - return /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Container, {
2433 - disableGutters: true,
2434 - maxWidth: "lg",
2435 - sx: {
2436 - px: 4,
2437 - pt: 4
2438 - }
2439 - }, /*#__PURE__*/_react.default.createElement(_ui.Paper, {
2440 - elevation: 0,
2441 - sx: {
2442 - py: 4,
2443 - px: 4,
2444 - borderRadius: 1,
2445 - border: 1,
2446 - borderColor: 'divider',
2447 - textAlign: 'center'
2448 - }
2449 - }, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
2450 - variant: "body1",
2451 - color: "text.secondary"
2452 - }, (0, _i18n.__)("We couldn't load this content right now. Please try again later.", 'elementor')))));
2453 -};
2454 -var _default = exports["default"] = LoadFallbackMessage;
2455 -
2456 -/***/ }),
2457 -
2458 -/***/ "../modules/home/assets/js/components/promotions/sidebar-banner.js":
2459 -/*!*************************************************************************!*\
2460 - !*** ../modules/home/assets/js/components/promotions/sidebar-banner.js ***!
2461 - \*************************************************************************/
2462 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2463 -
2464 -"use strict";
2465 2712 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
2466 2713
2467 2714
2468 2715 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
@@ -2472,9 +2719,9 @@
2472 2719 exports["default"] = void 0;
2473 2720 var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
2474 2721 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2475 2722 var _Link = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Link */ "@elementor/ui/Link"));
2476 -var _promoTracking = __webpack_require__(/*! ../../utils/promo-tracking */ "../modules/home/assets/js/utils/promo-tracking.js");
2723 +var _promoTracking = __webpack_require__(/*! ../../../utils/promo-tracking */ "../modules/home/assets/js/utils/promo-tracking.js");
2477 2724 var SidebarBanner = function SidebarBanner(_ref) {
2478 2725 var image = _ref.image,
2479 2726 link = _ref.link;
2480 2727 var handleClick = function handleClick() {
@@ -2519,12 +2766,12 @@
2519 2766 };
2520 2767
2521 2768 /***/ }),
2522 2769
2523 -/***/ "../modules/home/assets/js/components/promotions/sidebar-default.js":
2524 -/*!**************************************************************************!*\
2525 - !*** ../modules/home/assets/js/components/promotions/sidebar-default.js ***!
2526 - \**************************************************************************/
2770 +/***/ "../modules/home/assets/js/components/editor-screen/promotions/sidebar-default.js":
2771 +/*!****************************************************************************************!*\
2772 + !*** ../modules/home/assets/js/components/editor-screen/promotions/sidebar-default.js ***!
2773 + \****************************************************************************************/
2527 2774 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2528 2775
2529 2776 "use strict";
2530 2777 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
@@ -2539,11 +2786,11 @@
2539 2786 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2540 2787 var _Button = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Button */ "@elementor/ui/Button"));
2541 2788 var _List = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/List */ "@elementor/ui/List"));
2542 2789 var _ListItem = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItem */ "@elementor/ui/ListItem"));
2543 -var _sideBarCheckIcon = _interopRequireDefault(__webpack_require__(/*! ../../icons/side-bar-check-icon */ "../modules/home/assets/js/icons/side-bar-check-icon.js"));
2790 +var _sideBarCheckIcon = _interopRequireDefault(__webpack_require__(/*! ../../../icons/side-bar-check-icon */ "../modules/home/assets/js/icons/side-bar-check-icon.js"));
2544 2791 var _ListItemText = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItemText */ "@elementor/ui/ListItemText"));
2545 -var _promoTracking = __webpack_require__(/*! ../../utils/promo-tracking */ "../modules/home/assets/js/utils/promo-tracking.js");
2792 +var _promoTracking = __webpack_require__(/*! ../../../utils/promo-tracking */ "../modules/home/assets/js/utils/promo-tracking.js");
2546 2793 var SidebarDefault = function SidebarDefault(_ref) {
2547 2794 var header = _ref.header,
2548 2795 cta = _ref.cta,
2549 2796 repeater = _ref.repeater;
@@ -2615,12 +2862,12 @@
2615 2862 };
2616 2863
2617 2864 /***/ }),
2618 2865
2619 -/***/ "../modules/home/assets/js/components/sidebar-promotion.js":
2620 -/*!*****************************************************************!*\
2621 - !*** ../modules/home/assets/js/components/sidebar-promotion.js ***!
2622 - \*****************************************************************/
2866 +/***/ "../modules/home/assets/js/components/editor-screen/sidebar-promotion.js":
2867 +/*!*******************************************************************************!*\
2868 + !*** ../modules/home/assets/js/components/editor-screen/sidebar-promotion.js ***!
2869 + \*******************************************************************************/
2623 2870 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2624 2871
2625 2872 "use strict";
2626 2873 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
@@ -2631,10 +2878,10 @@
2631 2878 value: true
2632 2879 }));
2633 2880 exports["default"] = void 0;
2634 2881 var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
2635 -var _sidebarBanner = _interopRequireDefault(__webpack_require__(/*! ./promotions/sidebar-banner */ "../modules/home/assets/js/components/promotions/sidebar-banner.js"));
2636 -var _sidebarDefault = _interopRequireDefault(__webpack_require__(/*! ./promotions/sidebar-default */ "../modules/home/assets/js/components/promotions/sidebar-default.js"));
2882 +var _sidebarBanner = _interopRequireDefault(__webpack_require__(/*! ./promotions/sidebar-banner */ "../modules/home/assets/js/components/editor-screen/promotions/sidebar-banner.js"));
2883 +var _sidebarDefault = _interopRequireDefault(__webpack_require__(/*! ./promotions/sidebar-default */ "../modules/home/assets/js/components/editor-screen/promotions/sidebar-default.js"));
2637 2884 var SideBarPromotion = function SideBarPromotion(_ref) {
2638 2885 var sideData = _ref.sideData;
2639 2886 if ('banner' === sideData.type) {
2640 2887 return /*#__PURE__*/_react.default.createElement(_sidebarBanner.default, sideData.data);
@@ -2647,12 +2894,12 @@
2647 2894 };
2648 2895
2649 2896 /***/ }),
2650 2897
2651 -/***/ "../modules/home/assets/js/components/top-section.js":
2652 -/*!***********************************************************!*\
2653 - !*** ../modules/home/assets/js/components/top-section.js ***!
2654 - \***********************************************************/
2898 +/***/ "../modules/home/assets/js/components/editor-screen/top-section.js":
2899 +/*!*************************************************************************!*\
2900 + !*** ../modules/home/assets/js/components/editor-screen/top-section.js ***!
2901 + \*************************************************************************/
2655 2902 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2656 2903
2657 2904 "use strict";
2658 2905 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
@@ -2668,10 +2915,10 @@
2668 2915 var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
2669 2916 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2670 2917 var _Typography = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Typography */ "@elementor/ui/Typography"));
2671 2918 var _Button = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Button */ "@elementor/ui/Button"));
2672 -var _youtubeIcon = _interopRequireDefault(__webpack_require__(/*! ../icons/youtube-icon */ "../modules/home/assets/js/icons/youtube-icon.js"));
2673 -var _promoTracking = __webpack_require__(/*! ../utils/promo-tracking */ "../modules/home/assets/js/utils/promo-tracking.js");
2919 +var _youtubeIcon = _interopRequireDefault(__webpack_require__(/*! ../../icons/youtube-icon */ "../modules/home/assets/js/icons/youtube-icon.js"));
2920 +var _promoTracking = __webpack_require__(/*! ../../utils/promo-tracking */ "../modules/home/assets/js/utils/promo-tracking.js");
2674 2921 var TopSection = function TopSection(_ref) {
2675 2922 var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
2676 2923 var topData = props.topData,
2677 2924 buttonCtaUrl = props.buttonCtaUrl;
@@ -2766,15 +3013,16 @@
2766 3013 var _default = exports["default"] = TopSection;
2767 3014
2768 3015 /***/ }),
2769 3016
2770 -/***/ "../modules/home/assets/js/icons/ai-loader-icon.js":
2771 -/*!*********************************************************!*\
2772 - !*** ../modules/home/assets/js/icons/ai-loader-icon.js ***!
2773 - \*********************************************************/
3017 +/***/ "../modules/home/assets/js/components/home-screen/addons-section.js":
3018 +/*!**************************************************************************!*\
3019 + !*** ../modules/home/assets/js/components/home-screen/addons-section.js ***!
3020 + \**************************************************************************/
2774 3021 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2775 3022
2776 3023 "use strict";
3024 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
2777 3025
2778 3026
2779 3027 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
2780 3028 Object.defineProperty(exports, "__esModule", ({
@@ -2781,214 +3029,555 @@
2781 3029 value: true
2782 3030 }));
2783 3031 exports["default"] = void 0;
2784 3032 var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
3033 +var _objectDestructuringEmpty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectDestructuringEmpty */ "../node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js"));
3034 +var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
2785 3035 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, {
3036 +var _List = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/List */ "@elementor/ui/List"));
3037 +var _Link = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Link */ "@elementor/ui/Link"));
3038 +var _Button = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Button */ "@elementor/ui/Button"));
3039 +var _Card = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Card */ "@elementor/ui/Card"));
3040 +var _CardActions = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/CardActions */ "@elementor/ui/CardActions"));
3041 +var _CardContent = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/CardContent */ "@elementor/ui/CardContent"));
3042 +var _CardMedia = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/CardMedia */ "@elementor/ui/CardMedia"));
3043 +var _promoTracking = __webpack_require__(/*! ../../utils/promo-tracking */ "../modules/home/assets/js/utils/promo-tracking.js");
3044 +var Addons = function Addons(_ref) {
3045 + var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
3046 + var domain = props.adminUrl.replace('wp-admin/', '');
3047 + var addonsArray = props.addonsData.repeater;
3048 + var cardsPerRow = 3 === addonsArray.length ? 3 : 2;
3049 + var handleAddonClick = function handleAddonClick(title, url) {
3050 + (0, _promoTracking.trackPromoClick)(title, url, (0, _promoTracking.getHomeScreenPath)('addons'));
3051 + };
3052 + return /*#__PURE__*/_react.default.createElement(_ui.Paper, {
3053 + elevation: 0,
2789 3054 sx: {
2790 - position: 'relative',
2791 - width: 40,
2792 - height: 40
3055 + p: 3,
3056 + display: 'flex',
3057 + flexDirection: 'column',
3058 + gap: 2
2793 3059 }
2794 - }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
3060 + }, /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
3061 + variant: "h6"
3062 + }, props.addonsData.header.title), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
3063 + variant: "body2",
3064 + color: "text.secondary"
3065 + }, props.addonsData.header.description)), /*#__PURE__*/_react.default.createElement(_List.default, {
2795 3066 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)'
3067 + display: 'grid',
3068 + gridTemplateColumns: {
3069 + md: "repeat(".concat(cardsPerRow, ", 1fr)"),
3070 + xs: 'repeat(1, 1fr)'
3071 + },
3072 + gap: 2
2802 3073 }
2803 - }), /*#__PURE__*/_react.default.createElement(_ui.Box, {
3074 + }, addonsArray.map(function (item) {
3075 + var linkTarget = item.hasOwnProperty('target') ? item.target : '_blank';
3076 + return /*#__PURE__*/_react.default.createElement(_Card.default, {
3077 + key: item.title,
3078 + elevation: 0,
3079 + sx: {
3080 + display: 'flex',
3081 + border: 1,
3082 + borderRadius: 1,
3083 + borderColor: 'action.focus'
3084 + }
3085 + }, /*#__PURE__*/_react.default.createElement(_CardContent.default, {
3086 + sx: {
3087 + display: 'flex',
3088 + flexDirection: 'column',
3089 + justifyContent: 'space-between',
3090 + gap: 3,
3091 + p: 3
3092 + }
3093 + }, /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_CardMedia.default, {
3094 + image: item.image,
3095 + sx: {
3096 + height: '58px',
3097 + width: '58px',
3098 + mb: 2
3099 + }
3100 + }), /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
3101 + variant: "subtitle2"
3102 + }, item.title), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
3103 + variant: "body2",
3104 + color: "text.secondary"
3105 + }, item.description))), /*#__PURE__*/_react.default.createElement(_CardActions.default, {
3106 + sx: {
3107 + p: 0
3108 + }
3109 + }, /*#__PURE__*/_react.default.createElement(_Button.default, {
3110 + variant: "outlined",
3111 + size: "small",
3112 + color: "promotion",
3113 + href: item.url,
3114 + target: linkTarget,
3115 + onClick: function onClick() {
3116 + return handleAddonClick(item.title, item.url);
3117 + }
3118 + }, item.button_label))));
3119 + })), /*#__PURE__*/_react.default.createElement(_Link.default, {
3120 + variant: "body2",
3121 + color: "info.main",
3122 + underline: "none",
3123 + href: "".concat(domain).concat(props.addonsData.footer.file_path)
3124 + }, props.addonsData.footer.label));
3125 +};
3126 +var _default = exports["default"] = Addons;
3127 +Addons.propTypes = {
3128 + addonsData: PropTypes.object.isRequired,
3129 + adminUrl: PropTypes.string.isRequired
3130 +};
3131 +
3132 +/***/ }),
3133 +
3134 +/***/ "../modules/home/assets/js/components/home-screen/create-new-page-dialog.js":
3135 +/*!**********************************************************************************!*\
3136 + !*** ../modules/home/assets/js/components/home-screen/create-new-page-dialog.js ***!
3137 + \**********************************************************************************/
3138 +/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
3139 +
3140 +"use strict";
3141 +/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
3142 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
3143 +
3144 +
3145 +var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
3146 +var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
3147 +Object.defineProperty(exports, "__esModule", ({
3148 + value: true
3149 +}));
3150 +exports["default"] = void 0;
3151 +var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
3152 +var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
3153 +var _DialogHeader = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/DialogHeader */ "@elementor/ui/DialogHeader"));
3154 +var _DialogHeaderGroup = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/DialogHeaderGroup */ "@elementor/ui/DialogHeaderGroup"));
3155 +var _DialogTitle = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/DialogTitle */ "@elementor/ui/DialogTitle"));
3156 +var _DialogContent = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/DialogContent */ "@elementor/ui/DialogContent"));
3157 +var _DialogContentText = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/DialogContentText */ "@elementor/ui/DialogContentText"));
3158 +var _TextField = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/TextField */ "@elementor/ui/TextField"));
3159 +var _DialogActions = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/DialogActions */ "@elementor/ui/DialogActions"));
3160 +var _Button = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Button */ "@elementor/ui/Button"));
3161 +var _Dialog = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Dialog */ "@elementor/ui/Dialog"));
3162 +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); }
3163 +var CreateNewPageDialog = function CreateNewPageDialog(_ref) {
3164 + var url = _ref.url,
3165 + isOpen = _ref.isOpen,
3166 + closedDialogCallback = _ref.closedDialogCallback;
3167 + var _React$useState = _react.default.useState(false),
3168 + _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
3169 + open = _React$useState2[0],
3170 + setOpen = _React$useState2[1];
3171 + var _React$useState3 = _react.default.useState(''),
3172 + _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
3173 + pageName = _React$useState4[0],
3174 + setPageName = _React$useState4[1];
3175 + (0, _react.useEffect)(function () {
3176 + setOpen(isOpen);
3177 + }, [isOpen]);
3178 + var handleDialogClose = function handleDialogClose() {
3179 + setOpen(false);
3180 + closedDialogCallback();
3181 + };
3182 + var handleChange = function handleChange(event) {
3183 + var urlParams = new URLSearchParams();
3184 + urlParams.append('post_data[post_title]', event.target.value);
3185 + setPageName(urlParams.toString());
3186 + };
3187 + return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
3188 + open: open,
3189 + onClose: handleDialogClose,
3190 + maxWidth: "xs",
3191 + width: "xs",
3192 + fullWidth: true
3193 + }, /*#__PURE__*/_react.default.createElement(_DialogHeader.default, null, /*#__PURE__*/_react.default.createElement(_DialogHeaderGroup.default, null, /*#__PURE__*/_react.default.createElement(_DialogTitle.default, null, __('Name your page', 'elementor')))), /*#__PURE__*/_react.default.createElement(_DialogContent.default, {
3194 + dividers: true
3195 + }, /*#__PURE__*/_react.default.createElement(_DialogContentText.default, {
2804 3196 sx: {
2805 - position: 'absolute',
2806 - top: 8,
2807 - left: 8,
2808 - width: 24,
2809 - height: 24,
2810 - pointerEvents: 'none'
3197 + mb: 2
2811 3198 }
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 - }));
3199 + }, __('To proceed, please name your first page,', 'elementor'), /*#__PURE__*/_react.default.createElement("br", null), __('or rename it later.', 'elementor')), /*#__PURE__*/_react.default.createElement(_TextField.default, {
3200 + onChange: handleChange,
3201 + fullWidth: true,
3202 + placeholder: __('New Page', 'elementor')
3203 + })), /*#__PURE__*/_react.default.createElement(_DialogActions.default, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
3204 + onClick: handleDialogClose,
3205 + color: "secondary"
3206 + }, __('Cancel', 'elementor')), /*#__PURE__*/_react.default.createElement(_Button.default, {
3207 + variant: "contained",
3208 + href: pageName ? url + '&' + pageName : url,
3209 + target: "_blank"
3210 + }, __('Save', 'elementor'))));
2846 3211 };
2847 -var _default = exports["default"] = AiLoaderIcon;
3212 +var _default = exports["default"] = CreateNewPageDialog;
3213 +CreateNewPageDialog.propTypes = {
3214 + url: PropTypes.string.isRequired,
3215 + isOpen: PropTypes.bool.isRequired,
3216 + closedDialogCallback: PropTypes.func.isRequired
3217 +};
2848 3218
2849 3219 /***/ }),
2850 3220
2851 -/***/ "../modules/home/assets/js/icons/ai-stars-icon.js":
2852 -/*!********************************************************!*\
2853 - !*** ../modules/home/assets/js/icons/ai-stars-icon.js ***!
2854 - \********************************************************/
3221 +/***/ "../modules/home/assets/js/components/home-screen/create-with-ai-banner.js":
3222 +/*!*********************************************************************************!*\
3223 + !*** ../modules/home/assets/js/components/home-screen/create-with-ai-banner.js ***!
3224 + \*********************************************************************************/
2855 3225 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2856 3226
2857 3227 "use strict";
3228 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
2858 3229
2859 3230
2860 3231 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
3232 +var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
2861 3233 Object.defineProperty(exports, "__esModule", ({
2862 3234 value: true
2863 3235 }));
2864 3236 exports["default"] = void 0;
2865 -var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
3237 +var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
3238 +var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
3239 +var _objectDestructuringEmpty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectDestructuringEmpty */ "../node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js"));
2866 3240 var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
2867 3241 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",
3242 +var _Typography = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Typography */ "@elementor/ui/Typography"));
3243 +var _Button = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Button */ "@elementor/ui/Button"));
3244 +var _promoTracking = __webpack_require__(/*! ../../utils/promo-tracking */ "../modules/home/assets/js/utils/promo-tracking.js");
3245 +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); }
3246 +var CreateWithAIBanner = function CreateWithAIBanner(_ref) {
3247 + var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
3248 + var createWithAIData = props.createWithAIData;
3249 + var _useState = (0, _react.useState)(''),
3250 + _useState2 = (0, _slicedToArray2.default)(_useState, 2),
3251 + inputValue = _useState2[0],
3252 + setInputValue = _useState2[1];
3253 + if (!createWithAIData) {
3254 + return null;
3255 + }
3256 + var title = createWithAIData.title,
3257 + description = createWithAIData.description,
3258 + inputPlaceholder = createWithAIData.input_placeholder,
3259 + buttonTitle = createWithAIData.button_title,
3260 + buttonCtaUrl = createWithAIData.button_cta_url,
3261 + backgroundImage = createWithAIData.background_image,
3262 + utmSource = createWithAIData.utm_source,
3263 + utmMedium = createWithAIData.utm_medium,
3264 + utmCampaign = createWithAIData.utm_campaign;
3265 + var handleInputChange = function handleInputChange(event) {
3266 + setInputValue(event.target.value);
3267 + };
3268 + var getButtonHref = function getButtonHref() {
3269 + if (!inputValue) {
3270 + return buttonCtaUrl;
3271 + }
3272 + var url = new URL(buttonCtaUrl);
3273 + url.searchParams.append('prompt', inputValue);
3274 + url.searchParams.append('utm_source', utmSource);
3275 + url.searchParams.append('utm_medium', utmMedium);
3276 + url.searchParams.append('utm_campaign', utmCampaign);
3277 + return url.toString();
3278 + };
3279 + var handleNavigation = function handleNavigation() {
3280 + if (!inputValue) {
3281 + return;
3282 + }
3283 + var destination = getButtonHref();
3284 + (0, _promoTracking.trackPromoClick)(title, destination, (0, _promoTracking.getHomeScreenPath)('ai_banner'));
3285 + window.open(destination, '_blank');
3286 + setInputValue('');
3287 + };
3288 + var handleKeyDown = function handleKeyDown(event) {
3289 + if ('Enter' === event.key) {
3290 + event.preventDefault();
3291 + handleNavigation();
3292 + }
3293 + };
3294 + return /*#__PURE__*/_react.default.createElement(_ui.Paper, {
3295 + elevation: 0,
2871 3296 sx: {
2872 - width: 10,
2873 - height: 10
3297 + display: 'flex',
3298 + flexDirection: 'column',
3299 + py: 3,
3300 + px: 4,
3301 + gap: 2,
3302 + backgroundImage: "url(".concat(backgroundImage, ")"),
3303 + backgroundSize: 'cover',
3304 + backgroundPosition: 'right center',
3305 + backgroundRepeat: 'no-repeat'
2874 3306 }
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 - }));
3307 + }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
3308 + gap: 1,
3309 + justifyContent: "center"
3310 + }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
3311 + variant: "h6"
3312 + }, title), /*#__PURE__*/_react.default.createElement(_Typography.default, {
3313 + variant: "body2",
3314 + color: "secondary"
3315 + }, description)), /*#__PURE__*/_react.default.createElement(_ui.Box, {
3316 + sx: {
3317 + display: 'flex',
3318 + flexDirection: {
3319 + xs: 'column',
3320 + sm: 'row'
3321 + },
3322 + gap: 2,
3323 + mt: 1
3324 + }
3325 + }, /*#__PURE__*/_react.default.createElement(_ui.TextField, {
3326 + fullWidth: true,
3327 + placeholder: inputPlaceholder,
3328 + variant: "outlined",
3329 + color: "secondary",
3330 + size: "small",
3331 + sx: {
3332 + flex: 1
3333 + },
3334 + value: inputValue,
3335 + onChange: handleInputChange,
3336 + onKeyDown: handleKeyDown
3337 + }), /*#__PURE__*/_react.default.createElement(_Button.default, {
3338 + variant: "outlined",
3339 + size: "small",
3340 + color: "secondary",
3341 + startIcon: /*#__PURE__*/_react.default.createElement("span", {
3342 + className: "eicon-ai"
3343 + }),
3344 + onClick: handleNavigation
3345 + }, buttonTitle)));
2879 3346 };
2880 -var _default = exports["default"] = AiStarsIcon;
3347 +CreateWithAIBanner.propTypes = {
3348 + createWithAIData: PropTypes.object
3349 +};
3350 +var _default = exports["default"] = CreateWithAIBanner;
2881 3351
2882 3352 /***/ }),
2883 3353
2884 -/***/ "../modules/home/assets/js/icons/arrow-right-icon.js":
2885 -/*!***********************************************************!*\
2886 - !*** ../modules/home/assets/js/icons/arrow-right-icon.js ***!
2887 - \***********************************************************/
3354 +/***/ "../modules/home/assets/js/components/home-screen/external-links-section.js":
3355 +/*!**********************************************************************************!*\
3356 + !*** ../modules/home/assets/js/components/home-screen/external-links-section.js ***!
3357 + \**********************************************************************************/
2888 3358 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2889 3359
2890 3360 "use strict";
3361 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
2891 3362
2892 3363
2893 3364 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
2894 -var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
2895 3365 Object.defineProperty(exports, "__esModule", ({
2896 3366 value: true
2897 3367 }));
2898 3368 exports["default"] = void 0;
3369 +var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
3370 +var _objectDestructuringEmpty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectDestructuringEmpty */ "../node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js"));
2899 3371 var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
2900 -var React = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
2901 3372 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2902 -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); }
2903 -var ArrowRightIcon = function ArrowRightIcon(props) {
2904 - return /*#__PURE__*/React.createElement(_ui.SvgIcon, (0, _extends2.default)({
2905 - viewBox: "0 0 24 24"
2906 - }, props), /*#__PURE__*/React.createElement("path", {
2907 - d: "M12 4L10.59 5.41L16.17 11H4V13H16.17L10.59 18.59L12 20L20 12L12 4Z"
2908 - }));
3373 +var _List = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/List */ "@elementor/ui/List"));
3374 +var _ListItemButton = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItemButton */ "@elementor/ui/ListItemButton"));
3375 +var _ListItemText = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItemText */ "@elementor/ui/ListItemText"));
3376 +var _Divider = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Divider */ "@elementor/ui/Divider"));
3377 +var ExternalLinksSection = function ExternalLinksSection(_ref) {
3378 + var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
3379 + return /*#__PURE__*/_react.default.createElement(_ui.Paper, {
3380 + elevation: 0,
3381 + sx: {
3382 + px: 3
3383 + }
3384 + }, /*#__PURE__*/_react.default.createElement(_List.default, null, props.externalLinksData.map(function (item, index) {
3385 + return /*#__PURE__*/_react.default.createElement(_ui.Box, {
3386 + key: item.label
3387 + }, /*#__PURE__*/_react.default.createElement(_ListItemButton.default, {
3388 + href: item.url,
3389 + target: "_blank",
3390 + sx: {
3391 + '&:hover': {
3392 + backgroundColor: 'initial'
3393 + },
3394 + gap: 2,
3395 + px: 0,
3396 + py: 2
3397 + }
3398 + }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
3399 + component: "img",
3400 + src: item.image,
3401 + sx: {
3402 + width: '38px'
3403 + }
3404 + }), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
3405 + sx: {
3406 + color: 'text.secondary'
3407 + },
3408 + primary: item.label
3409 + })), index < props.externalLinksData.length - 1 && /*#__PURE__*/_react.default.createElement(_Divider.default, null));
3410 + })));
2909 3411 };
2910 -var _default = exports["default"] = ArrowRightIcon;
3412 +var _default = exports["default"] = ExternalLinksSection;
3413 +ExternalLinksSection.propTypes = {
3414 + externalLinksData: PropTypes.array.isRequired
3415 +};
2911 3416
2912 3417 /***/ }),
2913 3418
2914 -/***/ "../modules/home/assets/js/icons/side-bar-check-icon.js":
2915 -/*!**************************************************************!*\
2916 - !*** ../modules/home/assets/js/icons/side-bar-check-icon.js ***!
2917 - \**************************************************************/
3419 +/***/ "../modules/home/assets/js/components/home-screen/get-started-list-item.js":
3420 +/*!*********************************************************************************!*\
3421 + !*** ../modules/home/assets/js/components/home-screen/get-started-list-item.js ***!
3422 + \*********************************************************************************/
2918 3423 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2919 3424
2920 3425 "use strict";
3426 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
2921 3427
2922 3428
2923 3429 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
2924 -var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
2925 3430 Object.defineProperty(exports, "__esModule", ({
2926 3431 value: true
2927 3432 }));
2928 3433 exports["default"] = void 0;
2929 -var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
2930 -var React = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
2931 -var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2932 -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); }
2933 -var SideBarCheckIcon = function SideBarCheckIcon(props) {
2934 - return /*#__PURE__*/React.createElement(_ui.SvgIcon, (0, _extends2.default)({
2935 - viewBox: "0 0 24 24"
2936 - }, props), /*#__PURE__*/React.createElement("path", {
2937 - fillRule: "evenodd",
2938 - clipRule: "evenodd",
2939 - d: "M9.09013 3.69078C10.273 3.2008 11.5409 2.94861 12.8213 2.94861C14.1017 2.94861 15.3695 3.2008 16.5525 3.69078C17.7354 4.18077 18.8102 4.89895 19.7156 5.80432C20.621 6.70969 21.3391 7.78452 21.8291 8.96744C22.3191 10.1504 22.5713 11.4182 22.5713 12.6986C22.5713 13.979 22.3191 15.2468 21.8291 16.4298C21.3391 17.6127 20.621 18.6875 19.7156 19.5929C18.8102 20.4983 17.7354 21.2165 16.5525 21.7064C15.3695 22.1964 14.1017 22.4486 12.8213 22.4486C11.5409 22.4486 10.2731 22.1964 9.09013 21.7064C7.9072 21.2165 6.83237 20.4983 5.927 19.5929C5.02163 18.6875 4.30345 17.6127 3.81346 16.4298C3.32348 15.2468 3.07129 13.979 3.07129 12.6986C3.07129 11.4182 3.32348 10.1504 3.81346 8.96744C4.30345 7.78452 5.02163 6.70969 5.927 5.80432C6.83237 4.89895 7.9072 4.18077 9.09013 3.69078ZM12.8213 4.44861C11.7379 4.44861 10.6651 4.662 9.66415 5.0766C8.66321 5.4912 7.75374 6.09889 6.98766 6.86498C6.22157 7.63106 5.61388 8.54053 5.19928 9.54147C4.78468 10.5424 4.57129 11.6152 4.57129 12.6986C4.57129 13.782 4.78468 14.8548 5.19928 15.8557C5.61388 16.8567 6.22157 17.7662 6.98766 18.5322C7.75374 19.2983 8.66322 19.906 9.66415 20.3206C10.6651 20.7352 11.7379 20.9486 12.8213 20.9486C13.9047 20.9486 14.9775 20.7352 15.9784 20.3206C16.9794 19.906 17.8888 19.2983 18.6549 18.5322C19.421 17.7662 20.0287 16.8567 20.4433 15.8557C20.8579 14.8548 21.0713 13.782 21.0713 12.6986C21.0713 11.6152 20.8579 10.5424 20.4433 9.54147C20.0287 8.54053 19.421 7.63106 18.6549 6.86498C17.8888 6.09889 16.9794 5.4912 15.9784 5.0766C14.9775 4.662 13.9047 4.44861 12.8213 4.44861Z",
2940 - fill: "#93003F"
2941 - }), /*#__PURE__*/React.createElement("path", {
2942 - fillRule: "evenodd",
2943 - clipRule: "evenodd",
2944 - d: "M17.3213 9.69424C17.6142 9.98713 17.6142 10.462 17.3213 10.7549L12.3732 15.703C12.0803 15.9959 11.6054 15.9959 11.3125 15.703L8.83851 13.2289C8.54562 12.936 8.54562 12.4612 8.83851 12.1683C9.1314 11.8754 9.60628 11.8754 9.89917 12.1683L11.8429 14.112L16.2606 9.69424C16.5535 9.40135 17.0284 9.40135 17.3213 9.69424Z",
2945 - fill: "#93003F"
3434 +var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
3435 +var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
3436 +var _ListItem = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItem */ "@elementor/ui/ListItem"));
3437 +var _ListItemText = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItemText */ "@elementor/ui/ListItemText"));
3438 +var _Link = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Link */ "@elementor/ui/Link"));
3439 +var _Box = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Box */ "@elementor/ui/Box"));
3440 +var _createNewPageDialog = _interopRequireDefault(__webpack_require__(/*! ./create-new-page-dialog */ "../modules/home/assets/js/components/home-screen/create-new-page-dialog.js"));
3441 +var GetStartedListItem = function GetStartedListItem(_ref) {
3442 + var item = _ref.item,
3443 + image = _ref.image,
3444 + adminUrl = _ref.adminUrl;
3445 + var url = item.is_relative_url ? adminUrl + item.url : item.url;
3446 + var _React$useState = _react.default.useState(false),
3447 + _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
3448 + isOpen = _React$useState2[0],
3449 + openDialog = _React$useState2[1];
3450 + var handleLinkClick = function handleLinkClick(event) {
3451 + if (!item.new_page) {
3452 + return;
3453 + }
3454 + event.preventDefault();
3455 + openDialog(true);
3456 + };
3457 + return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
3458 + alignItems: "flex-start",
3459 + sx: {
3460 + gap: 1,
3461 + p: 0,
3462 + maxWidth: '150px'
3463 + }
3464 + }, /*#__PURE__*/_react.default.createElement(_Box.default, {
3465 + component: "img",
3466 + src: image
3467 + }), /*#__PURE__*/_react.default.createElement(_Box.default, null, /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
3468 + primary: item.title,
3469 + primaryTypographyProps: {
3470 + variant: 'subtitle1'
3471 + },
3472 + sx: {
3473 + my: 0
3474 + }
3475 + }), /*#__PURE__*/_react.default.createElement(_Link.default, {
3476 + variant: "body2",
3477 + color: item.title_small_color ? item.title_small_color : 'text.tertiary',
3478 + underline: "hover",
3479 + href: url,
3480 + target: "_blank",
3481 + onClick: handleLinkClick
3482 + }, item.title_small)), item.new_page && /*#__PURE__*/_react.default.createElement(_createNewPageDialog.default, {
3483 + url: url,
3484 + isOpen: isOpen,
3485 + closedDialogCallback: function closedDialogCallback() {
3486 + return openDialog(false);
3487 + }
2946 3488 }));
2947 3489 };
2948 -var _default = exports["default"] = SideBarCheckIcon;
3490 +var _default = exports["default"] = GetStartedListItem;
3491 +GetStartedListItem.propTypes = {
3492 + item: PropTypes.shape({
3493 + title: PropTypes.string.isRequired,
3494 + title_small: PropTypes.string.isRequired,
3495 + url: PropTypes.string.isRequired,
3496 + new_page: PropTypes.bool,
3497 + is_relative_url: PropTypes.bool,
3498 + title_small_color: PropTypes.string
3499 + }).isRequired,
3500 + adminUrl: PropTypes.string.isRequired,
3501 + image: PropTypes.string
3502 +};
2949 3503
2950 3504 /***/ }),
2951 3505
2952 -/***/ "../modules/home/assets/js/icons/youtube-icon.js":
2953 -/*!*******************************************************!*\
2954 - !*** ../modules/home/assets/js/icons/youtube-icon.js ***!
2955 - \*******************************************************/
3506 +/***/ "../modules/home/assets/js/components/home-screen/get-started-section.js":
3507 +/*!*******************************************************************************!*\
3508 + !*** ../modules/home/assets/js/components/home-screen/get-started-section.js ***!
3509 + \*******************************************************************************/
2956 3510 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2957 3511
2958 3512 "use strict";
3513 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
2959 3514
2960 3515
2961 3516 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
2962 -var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
2963 3517 Object.defineProperty(exports, "__esModule", ({
2964 3518 value: true
2965 3519 }));
2966 3520 exports["default"] = void 0;
3521 +var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
3522 +var _objectDestructuringEmpty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectDestructuringEmpty */ "../node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js"));
2967 3523 var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
2968 -var React = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
2969 3524 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2970 -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); }
2971 -var YoutubeIcon = function YoutubeIcon(props) {
2972 - return /*#__PURE__*/React.createElement(_ui.SvgIcon, (0, _extends2.default)({
2973 - viewBox: "0 0 24 24"
2974 - }, props), /*#__PURE__*/React.createElement("path", {
2975 - fillRule: "evenodd",
2976 - clipRule: "evenodd",
2977 - d: "M7 5.75C5.20507 5.75 3.75 7.20507 3.75 9V15C3.75 16.7949 5.20507 18.25 7 18.25H17C18.7949 18.25 20.25 16.7949 20.25 15V9C20.25 7.20507 18.7949 5.75 17 5.75H7ZM2.25 9C2.25 6.37665 4.37665 4.25 7 4.25H17C19.6234 4.25 21.75 6.37665 21.75 9V15C21.75 17.6234 19.6234 19.75 17 19.75H7C4.37665 19.75 2.25 17.6234 2.25 15V9ZM9.63048 8.34735C9.86561 8.21422 10.1542 8.21786 10.3859 8.35688L15.3859 11.3569C15.6118 11.4924 15.75 11.7366 15.75 12C15.75 12.2634 15.6118 12.5076 15.3859 12.6431L10.3859 15.6431C10.1542 15.7821 9.86561 15.7858 9.63048 15.6526C9.39534 15.5195 9.25 15.2702 9.25 15V9C9.25 8.7298 9.39534 8.48048 9.63048 8.34735ZM10.75 10.3246V13.6754L13.5423 12L10.75 10.3246Z"
2978 - }));
3525 +var _List = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/List */ "@elementor/ui/List"));
3526 +var _getStartedListItem = _interopRequireDefault(__webpack_require__(/*! ./get-started-list-item */ "../modules/home/assets/js/components/home-screen/get-started-list-item.js"));
3527 +var GetStarted = function GetStarted(_ref) {
3528 + var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
3529 + return /*#__PURE__*/_react.default.createElement(_ui.Paper, {
3530 + elevation: 0,
3531 + sx: {
3532 + p: 3,
3533 + display: 'flex',
3534 + flexDirection: 'column',
3535 + gap: 2
3536 + }
3537 + }, /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
3538 + variant: "h6"
3539 + }, props.getStartedData.header.title), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
3540 + variant: "body2",
3541 + color: "text.secondary"
3542 + }, props.getStartedData.header.description)), /*#__PURE__*/_react.default.createElement(_List.default, {
3543 + sx: {
3544 + display: 'grid',
3545 + gridTemplateColumns: {
3546 + md: 'repeat(4, 1fr)',
3547 + xs: 'repeat(2, 1fr)'
3548 + },
3549 + columnGap: {
3550 + md: 9,
3551 + xs: 7
3552 + },
3553 + rowGap: 3
3554 + }
3555 + }, props.getStartedData.repeater.map(function (item) {
3556 + return /*#__PURE__*/_react.default.createElement(_getStartedListItem.default, {
3557 + key: item.title,
3558 + item: item,
3559 + image: item.image,
3560 + adminUrl: props.adminUrl
3561 + });
3562 + })));
2979 3563 };
2980 -var _default = exports["default"] = YoutubeIcon;
3564 +var _default = exports["default"] = GetStarted;
3565 +GetStarted.propTypes = {
3566 + getStartedData: PropTypes.object.isRequired,
3567 + adminUrl: PropTypes.string.isRequired
3568 +};
2981 3569
2982 3570 /***/ }),
2983 3571
2984 -/***/ "../modules/home/assets/js/site-builder/components/site-type-layout-toggle.js":
2985 -/*!************************************************************************************!*\
2986 - !*** ../modules/home/assets/js/site-builder/components/site-type-layout-toggle.js ***!
2987 - \************************************************************************************/
3572 +/***/ "../modules/home/assets/js/components/home-screen/home-screen.js":
3573 +/*!***********************************************************************!*\
3574 + !*** ../modules/home/assets/js/components/home-screen/home-screen.js ***!
3575 + \***********************************************************************/
2988 3576 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2989 3577
2990 3578 "use strict";
3579 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
2991 3580
2992 3581
2993 3582 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
2994 3583 Object.defineProperty(exports, "__esModule", ({
@@ -2995,59 +3584,92 @@
2995 3584 value: true
2996 3585 }));
2997 3586 exports["default"] = void 0;
2998 3587 var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
2999 -var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
3000 -var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
3001 3588 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3002 -var _CopyPageIcon = _interopRequireDefault(__webpack_require__(/*! @elementor/icons/CopyPageIcon */ "@elementor/icons/CopyPageIcon"));
3003 -var _WebsiteIcon = _interopRequireDefault(__webpack_require__(/*! @elementor/icons/WebsiteIcon */ "@elementor/icons/WebsiteIcon"));
3004 -var _styledComponents = __webpack_require__(/*! ./styled-components */ "../modules/home/assets/js/site-builder/components/styled-components.js");
3005 -var SiteTypeLayoutToggle = function SiteTypeLayoutToggle(_ref) {
3006 - var isOnePage = _ref.isOnePage,
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;
3011 - return /*#__PURE__*/_react.default.createElement(_styledComponents.LayoutToggleContainer, null, /*#__PURE__*/_react.default.createElement(_styledComponents.LayoutChip, {
3012 - isSelected: !isOnePage,
3013 - icon: /*#__PURE__*/_react.default.createElement(_CopyPageIcon.default, {
3014 - sx: {
3015 - color: multiColor
3016 - }
3017 - }),
3018 - label: (0, _i18n.__)('Multi-page', 'elementor'),
3019 - onClick: function onClick() {
3020 - return onIsOnePageChange(false);
3589 +var _topSection = _interopRequireDefault(__webpack_require__(/*! ./top-section */ "../modules/home/assets/js/components/home-screen/top-section.js"));
3590 +var _sidebarPromotion = _interopRequireDefault(__webpack_require__(/*! ./sidebar-promotion */ "../modules/home/assets/js/components/home-screen/sidebar-promotion.js"));
3591 +var _addonsSection = _interopRequireDefault(__webpack_require__(/*! ./addons-section */ "../modules/home/assets/js/components/home-screen/addons-section.js"));
3592 +var _externalLinksSection = _interopRequireDefault(__webpack_require__(/*! ./external-links-section */ "../modules/home/assets/js/components/home-screen/external-links-section.js"));
3593 +var _getStartedSection = _interopRequireDefault(__webpack_require__(/*! ./get-started-section */ "../modules/home/assets/js/components/home-screen/get-started-section.js"));
3594 +var _createWithAiBanner = _interopRequireDefault(__webpack_require__(/*! ./create-with-ai-banner */ "../modules/home/assets/js/components/home-screen/create-with-ai-banner.js"));
3595 +var HomeScreen = function HomeScreen(props) {
3596 + var hasSidebarPromotion = props.homeScreenData.hasOwnProperty('sidebar_promotion_variants');
3597 + return /*#__PURE__*/ /* Box wrapper around the Container is needed to neutralize wp-content area left-padding */_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Container, {
3598 + disableGutters: true,
3599 + maxWidth: "lg",
3600 + sx: {
3601 + display: 'flex',
3602 + flexDirection: 'column',
3603 + gap: {
3604 + xs: 1,
3605 + md: 3
3606 + },
3607 + pt: {
3608 + xs: 2,
3609 + md: 6
3610 + },
3611 + pb: 2
3021 3612 }
3022 - }), /*#__PURE__*/_react.default.createElement(_styledComponents.LayoutChip, {
3023 - isSelected: isOnePage,
3024 - icon: /*#__PURE__*/_react.default.createElement(_WebsiteIcon.default, {
3025 - sx: {
3026 - color: onePageColor
3027 - }
3028 - }),
3029 - label: (0, _i18n.__)('One-page', 'elementor'),
3030 - onClick: function onClick() {
3031 - return onIsOnePageChange(true);
3613 + }, props.homeScreenData.top_with_licences && /*#__PURE__*/_react.default.createElement(_topSection.default, {
3614 + topData: props.homeScreenData.top_with_licences,
3615 + buttonCtaUrl: props.homeScreenData.button_cta_url
3616 + }), /*#__PURE__*/_react.default.createElement(_ui.Box, {
3617 + sx: {
3618 + display: 'flex',
3619 + flexDirection: {
3620 + xs: 'column',
3621 + sm: 'row'
3622 + },
3623 + justifyContent: 'space-between',
3624 + gap: 3
3032 3625 }
3033 - }));
3626 + }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
3627 + sx: {
3628 + flex: 1,
3629 + gap: 3
3630 + }
3631 + }, props.homeScreenData.create_with_ai && /*#__PURE__*/_react.default.createElement(_createWithAiBanner.default, {
3632 + createWithAIData: props.homeScreenData.create_with_ai
3633 + }), /*#__PURE__*/_react.default.createElement(_getStartedSection.default, {
3634 + getStartedData: props.homeScreenData.get_started,
3635 + adminUrl: props.adminUrl
3636 + }), props.homeScreenData.add_ons && /*#__PURE__*/_react.default.createElement(_addonsSection.default, {
3637 + addonsData: props.homeScreenData.add_ons,
3638 + adminUrl: props.adminUrl
3639 + })), /*#__PURE__*/_react.default.createElement(_ui.Container, {
3640 + maxWidth: "xs",
3641 + disableGutters: true,
3642 + sx: {
3643 + width: {
3644 + sm: '305px'
3645 + },
3646 + display: 'flex',
3647 + flexDirection: 'column',
3648 + gap: 3
3649 + }
3650 + }, hasSidebarPromotion && /*#__PURE__*/_react.default.createElement(_sidebarPromotion.default, {
3651 + sideData: props.homeScreenData.sidebar_promotion_variants
3652 + }), /*#__PURE__*/_react.default.createElement(_externalLinksSection.default, {
3653 + externalLinksData: props.homeScreenData.external_links
3654 + })))));
3034 3655 };
3035 -SiteTypeLayoutToggle.propTypes = {
3036 - isOnePage: _propTypes.default.bool.isRequired,
3037 - onIsOnePageChange: _propTypes.default.func.isRequired
3656 +HomeScreen.propTypes = {
3657 + homeScreenData: PropTypes.object,
3658 + adminUrl: PropTypes.string
3038 3659 };
3039 -var _default = exports["default"] = SiteTypeLayoutToggle;
3660 +var _default = exports["default"] = HomeScreen;
3040 3661
3041 3662 /***/ }),
3042 3663
3043 -/***/ "../modules/home/assets/js/site-builder/components/step-actions.js":
3044 -/*!*************************************************************************!*\
3045 - !*** ../modules/home/assets/js/site-builder/components/step-actions.js ***!
3046 - \*************************************************************************/
3664 +/***/ "../modules/home/assets/js/components/home-screen/promotions/sidebar-banner.js":
3665 +/*!*************************************************************************************!*\
3666 + !*** ../modules/home/assets/js/components/home-screen/promotions/sidebar-banner.js ***!
3667 + \*************************************************************************************/
3047 3668 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
3048 3669
3049 3670 "use strict";
3671 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
3050 3672
3051 3673
3052 3674 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
3053 3675 Object.defineProperty(exports, "__esModule", ({
@@ -3052,105 +3674,66 @@
3052 3674 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
3053 3675 Object.defineProperty(exports, "__esModule", ({
3054 3676 value: true
3055 3677 }));
3056 -exports.getStepAction = exports.StepWithoutInput = exports.StepWithInput = exports.StepLoader = void 0;
3678 +exports["default"] = void 0;
3057 3679 var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
3058 3680 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3059 -var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
3060 -var _arrowRightIcon = _interopRequireDefault(__webpack_require__(/*! ../../icons/arrow-right-icon */ "../modules/home/assets/js/icons/arrow-right-icon.js"));
3061 -var _styledComponents = __webpack_require__(/*! ./styled-components */ "../modules/home/assets/js/site-builder/components/styled-components.js");
3062 -var StepLoader = exports.StepLoader = function StepLoader() {
3063 - return /*#__PURE__*/_react.default.createElement(_ui.Box, {
3064 - display: "flex",
3065 - alignItems: "center",
3066 - justifyContent: "center",
3067 - width: "100%",
3068 - height: "100%"
3069 - }, /*#__PURE__*/_react.default.createElement(_ui.CircularProgress, null));
3070 -};
3071 -var getStepAction = exports.getStepAction = function getStepAction(stepConfig, handlers) {
3072 - if (stepConfig.hasInput) {
3073 - return /*#__PURE__*/_react.default.createElement(StepWithInput, {
3074 - buttonLabel: stepConfig.buttonLabel,
3075 - placeholder: stepConfig.placeholder,
3076 - inputValue: handlers.inputValue,
3077 - onInputChange: handlers.onInputChange,
3078 - onKeyDown: handlers.onKeyDown,
3079 - onSubmit: function onSubmit() {
3080 - return handlers.onSubmit(handlers.inputValue);
3681 +var _Link = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Link */ "@elementor/ui/Link"));
3682 +var _promoTracking = __webpack_require__(/*! ../../../utils/promo-tracking */ "../modules/home/assets/js/utils/promo-tracking.js");
3683 +var SidebarBanner = function SidebarBanner(_ref) {
3684 + var image = _ref.image,
3685 + link = _ref.link;
3686 + var handleClick = function handleClick() {
3687 + (0, _promoTracking.trackPromoClick)('Sidebar Banner', link, (0, _promoTracking.getHomeScreenPath)('sidebar'));
3688 + };
3689 + return /*#__PURE__*/_react.default.createElement(_ui.Paper, {
3690 + elevation: 0,
3691 + sx: {
3692 + overflow: 'hidden'
3693 + }
3694 + }, /*#__PURE__*/_react.default.createElement(_Link.default, {
3695 + target: "_blank",
3696 + href: link,
3697 + onClick: handleClick,
3698 + sx: {
3699 + lineHeight: 0,
3700 + display: 'block',
3701 + width: '100%',
3702 + height: '100%',
3703 + boxShadow: 'none',
3704 + '&:focus': {
3705 + boxShadow: 'none'
3706 + },
3707 + '&:active': {
3708 + boxShadow: 'none'
3081 3709 }
3082 - });
3083 - }
3084 - return /*#__PURE__*/_react.default.createElement(StepWithoutInput, {
3085 - text: stepConfig.text,
3086 - buttonLabel: stepConfig.buttonLabel,
3087 - onSubmit: function onSubmit() {
3088 - return handlers.onSubmit('');
3089 3710 }
3090 - });
3711 + }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
3712 + component: 'img',
3713 + src: image,
3714 + sx: {
3715 + width: '100%',
3716 + height: '100%'
3717 + }
3718 + })));
3091 3719 };
3092 -var StepWithInput = exports.StepWithInput = function StepWithInput(_ref) {
3093 - var buttonLabel = _ref.buttonLabel,
3094 - inputValue = _ref.inputValue,
3095 - onInputChange = _ref.onInputChange,
3096 - onKeyDown = _ref.onKeyDown,
3097 - onSubmit = _ref.onSubmit,
3098 - placeholder = _ref.placeholder;
3099 - var canSubmit = Boolean(inputValue.trim());
3100 - return /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerInputRow, null, /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerTextField, {
3101 - placeholder: placeholder,
3102 - variant: "outlined",
3103 - size: "small",
3104 - value: inputValue,
3105 - onChange: onInputChange,
3106 - onKeyDown: onKeyDown,
3107 - autoComplete: "off"
3108 - }), /*#__PURE__*/_react.default.createElement(_styledComponents.CreateSiteButton, {
3109 - variant: "contained",
3110 - size: "medium",
3111 - endIcon: /*#__PURE__*/_react.default.createElement(_arrowRightIcon.default, null),
3112 - onClick: onSubmit,
3113 - disabled: !canSubmit
3114 - }, buttonLabel));
3720 +var _default = exports["default"] = SidebarBanner;
3721 +SidebarBanner.propTypes = {
3722 + image: PropTypes.string.isRequired,
3723 + link: PropTypes.string.isRequired
3115 3724 };
3116 -StepWithInput.propTypes = {
3117 - buttonLabel: _propTypes.default.string.isRequired,
3118 - inputValue: _propTypes.default.string.isRequired,
3119 - onInputChange: _propTypes.default.func.isRequired,
3120 - onKeyDown: _propTypes.default.func.isRequired,
3121 - onSubmit: _propTypes.default.func.isRequired,
3122 - placeholder: _propTypes.default.string.isRequired
3123 -};
3124 -var StepWithoutInput = exports.StepWithoutInput = function StepWithoutInput(_ref2) {
3125 - var buttonLabel = _ref2.buttonLabel,
3126 - text = _ref2.text,
3127 - onSubmit = _ref2.onSubmit;
3128 - return /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerInputColumn, null, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
3129 - variant: "body2",
3130 - color: "text.secondary"
3131 - }, text), /*#__PURE__*/_react.default.createElement(_styledComponents.CreateSiteButton, {
3132 - variant: "contained",
3133 - size: "medium",
3134 - endIcon: /*#__PURE__*/_react.default.createElement(_arrowRightIcon.default, null),
3135 - onClick: onSubmit
3136 - }, buttonLabel));
3137 -};
3138 -StepWithoutInput.propTypes = {
3139 - buttonLabel: _propTypes.default.string.isRequired,
3140 - text: _propTypes.default.string.isRequired,
3141 - onSubmit: _propTypes.default.func.isRequired
3142 -};
3143 3725
3144 3726 /***/ }),
3145 3727
3146 -/***/ "../modules/home/assets/js/site-builder/components/styled-components.js":
3147 -/*!******************************************************************************!*\
3148 - !*** ../modules/home/assets/js/site-builder/components/styled-components.js ***!
3149 - \******************************************************************************/
3728 +/***/ "../modules/home/assets/js/components/home-screen/promotions/sidebar-default.js":
3729 +/*!**************************************************************************************!*\
3730 + !*** ../modules/home/assets/js/components/home-screen/promotions/sidebar-default.js ***!
3731 + \**************************************************************************************/
3150 3732 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
3151 3733
3152 3734 "use strict";
3735 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
3153 3736
3154 3737
3155 3738 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
3156 3739 Object.defineProperty(exports, "__esModule", ({
@@ -3155,399 +3738,244 @@
3155 3738 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
3156 3739 Object.defineProperty(exports, "__esModule", ({
3157 3740 value: true
3158 3741 }));
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;
3160 -var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
3742 +exports["default"] = void 0;
3743 +var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
3161 3744 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
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; }
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; }
3164 -var PlannerRoot = exports.PlannerRoot = (0, _ui.styled)(_ui.Paper)(function (_ref) {
3165 - var theme = _ref.theme;
3166 - return {
3167 - position: 'relative',
3168 - display: 'flex',
3169 - flexDirection: 'row',
3170 - alignItems: 'center',
3171 - overflow: 'hidden',
3172 - borderRadius: theme.spacing(1),
3173 - border: '1px solid',
3174 - borderColor: theme.palette.divider,
3175 - minHeight: theme.spacing(26.75),
3176 - gap: theme.spacing(2)
3745 +var _Button = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Button */ "@elementor/ui/Button"));
3746 +var _List = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/List */ "@elementor/ui/List"));
3747 +var _ListItem = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItem */ "@elementor/ui/ListItem"));
3748 +var _sideBarCheckIcon = _interopRequireDefault(__webpack_require__(/*! ../../../icons/side-bar-check-icon */ "../modules/home/assets/js/icons/side-bar-check-icon.js"));
3749 +var _ListItemText = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItemText */ "@elementor/ui/ListItemText"));
3750 +var _promoTracking = __webpack_require__(/*! ../../../utils/promo-tracking */ "../modules/home/assets/js/utils/promo-tracking.js");
3751 +var SidebarDefault = function SidebarDefault(_ref) {
3752 + var header = _ref.header,
3753 + cta = _ref.cta,
3754 + repeater = _ref.repeater;
3755 + var handleCtaClick = function handleCtaClick() {
3756 + (0, _promoTracking.trackPromoClick)(header.title, cta.url, (0, _promoTracking.getHomeScreenPath)('sidebar'));
3177 3757 };
3178 -});
3179 -var PlannerBackground = exports.PlannerBackground = (0, _ui.styled)(_ui.Box)(function (_ref2) {
3180 - var bgimage = _ref2.bgimage;
3181 - return _objectSpread(_objectSpread({
3182 - position: 'absolute',
3183 - inset: 0,
3184 - background: ['radial-gradient(ellipse at 100% 0%, #e8b4f0 0%, #f0d4f8 20%, #f5eafc 40%, transparent 65%)', 'radial-gradient(ellipse at 0% 100%, #d8d8ee 0%, #e8e8f5 25%, transparent 55%)', 'linear-gradient(135deg, #f0f0f8 0%, #f8f4fc 50%, #faf0fc 100%)'].join(', ')
3185 - }, bgimage && {
3186 - backgroundImage: "url(".concat(bgimage, ")"),
3187 - backgroundPosition: '0px -105.625px',
3188 - backgroundSize: 'cover',
3189 - backgroundRepeat: 'no-repeat'
3190 - }), {}, {
3191 - zIndex: 0
3192 - });
3193 -});
3194 -var PlannerGrid = exports.PlannerGrid = (0, _ui.styled)(_ui.Box)(function (_ref3) {
3195 - var theme = _ref3.theme;
3196 - return {
3197 - position: 'absolute',
3198 - inset: 0,
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)',
3200 - backgroundSize: "".concat(theme.spacing(5), " ").concat(theme.spacing(5)),
3201 - zIndex: 0
3202 - };
3203 -});
3204 -var PlannerPreviewContainer = exports.PlannerPreviewContainer = (0, _ui.styled)(_ui.Box)(function (_ref4) {
3205 - var theme = _ref4.theme;
3206 - return (0, _defineProperty2.default)({
3207 - position: 'relative',
3208 - zIndex: 1,
3209 - display: 'none',
3210 - alignItems: 'center',
3211 - justifyContent: 'center',
3212 - flexShrink: 0,
3213 - width: theme.spacing(31.5),
3214 - height: '100%',
3215 - marginLeft: theme.spacing(-8)
3216 - }, theme.breakpoints.up('md'), {
3217 - display: 'flex'
3218 - });
3219 -});
3220 -var PlannerPreviewInner = exports.PlannerPreviewInner = (0, _ui.styled)(_ui.Box)(function (_ref6) {
3221 - var theme = _ref6.theme;
3222 - return {
3223 - position: 'relative',
3224 - width: theme.spacing(31.5),
3225 - height: theme.spacing(18.5)
3226 - };
3227 -});
3228 -var PlannerPreviewFrame = exports.PlannerPreviewFrame = (0, _ui.styled)(_ui.Box)(function (_ref7) {
3229 - var theme = _ref7.theme;
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)({
3276 - position: 'relative',
3277 - zIndex: 1,
3278 - flex: 1,
3279 - gap: theme.spacing(1),
3280 - paddingBlock: theme.spacing(3),
3281 - paddingInline: theme.spacing(3)
3282 - }, theme.breakpoints.up('md'), {
3283 - paddingInline: theme.spacing(4)
3284 - });
3285 -});
3286 -var PlannerHeading = exports.PlannerHeading = (0, _ui.styled)(_ui.Typography)(function (_ref11) {
3287 - var theme = _ref11.theme;
3288 - return {
3289 - fontFamily: '"Poppins", sans-serif',
3290 - fontWeight: 400,
3291 - fontSize: theme.spacing(3),
3292 - letterSpacing: '0.15px',
3293 - background: 'linear-gradient(89deg, #212121 25.85%, #696199 46.02%, #C945C9 60.81%, #212121 82.38%)',
3294 - backgroundClip: 'text',
3295 - WebkitBackgroundClip: 'text',
3296 - WebkitTextFillColor: 'transparent',
3297 - alignSelf: 'flex-start'
3298 - };
3299 -});
3300 -PlannerHeading.defaultProps = {
3301 - variant: 'h4'
3302 -};
3303 -var PlannerInputRow = exports.PlannerInputRow = (0, _ui.styled)(_ui.Box)(function (_ref12) {
3304 - var theme = _ref12.theme;
3305 - return (0, _defineProperty2.default)({
3306 - display: 'flex',
3307 - flexDirection: 'column',
3308 - gap: theme.spacing(1),
3309 - alignItems: 'stretch',
3310 - flexWrap: 'wrap',
3311 - marginBlockStart: theme.spacing(1)
3312 - }, theme.breakpoints.up('sm'), {
3313 - flexDirection: 'row',
3314 - alignItems: 'center'
3315 - });
3316 -});
3317 -var PlannerInputColumn = exports.PlannerInputColumn = (0, _ui.styled)(_ui.Box)(function (_ref14) {
3318 - var theme = _ref14.theme;
3319 - return {
3320 - display: 'flex',
3321 - flexDirection: 'column',
3322 - gap: theme.spacing(2),
3323 - alignItems: 'flex-start'
3324 - };
3325 -});
3326 -var PlannerTextField = exports.PlannerTextField = (0, _ui.styled)(_ui.TextField)(function (_ref15) {
3327 - var theme = _ref15.theme;
3328 - return (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
3329 - width: '100%'
3330 - }, theme.breakpoints.up('sm'), {
3331 - width: theme.spacing(50)
3332 - }), '& .MuiOutlinedInput-root', {
3333 - borderRadius: theme.spacing(1),
3334 - height: theme.spacing(5),
3335 - boxShadow: '0px 3px 14px 0px rgba(0, 0, 0, 0.06)',
3336 - overflow: 'hidden',
3337 - '& fieldset': {
3338 - borderColor: theme.palette.divider
3339 - },
3340 - '&.Mui-focused fieldset': {
3341 - borderColor: theme.palette.divider,
3342 - borderWidth: '1px'
3758 + return /*#__PURE__*/_react.default.createElement(_ui.Paper, {
3759 + elevation: 0,
3760 + sx: {
3761 + p: 3
3343 3762 }
3344 - }), '& .MuiInputBase-input', {
3345 - border: 'none',
3346 - borderRadius: 0,
3347 - height: '100%',
3348 - paddingInline: theme.spacing(2)
3349 - });
3350 -});
3351 -var PlannerChipsRow = exports.PlannerChipsRow = (0, _ui.styled)(_ui.Box)(function (_ref17) {
3352 - var theme = _ref17.theme;
3353 - return {
3354 - display: 'flex',
3355 - gap: theme.spacing(1),
3356 - flexWrap: 'wrap'
3357 - };
3358 -});
3359 -var GenerateSiteButton = exports.GenerateSiteButton = (0, _ui.styled)(_ui.Button)(function (_ref18) {
3360 - var theme = _ref18.theme;
3361 - return {
3362 - backgroundColor: theme.palette.text.primary,
3363 - color: theme.palette.common.white,
3364 - borderRadius: theme.spacing(0.75),
3365 - textTransform: 'none',
3366 - fontWeight: 500,
3367 - fontSize: theme.spacing(1.625),
3368 - whiteSpace: 'nowrap',
3369 - minWidth: 'auto',
3370 - paddingBlock: theme.spacing(0.25),
3371 - paddingInline: theme.spacing(1.5),
3372 - '&:hover': {
3373 - backgroundColor: theme.palette.text.secondary
3763 + }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
3764 + gap: 1.5,
3765 + alignItems: "center",
3766 + textAlign: "center",
3767 + sx: {
3768 + pb: 4
3374 3769 }
3375 - };
3376 -});
3377 -var CreateSiteButton = exports.CreateSiteButton = (0, _ui.styled)(_ui.Button)(function (_ref19) {
3378 - var theme = _ref19.theme;
3379 - return {
3380 - backgroundColor: theme.palette.text.primary,
3381 - border: '1px solid',
3382 - borderColor: theme.palette.text.primary,
3383 - color: theme.palette.common.white,
3384 - borderRadius: theme.spacing(1),
3385 - textTransform: 'none',
3386 - whiteSpace: 'nowrap',
3387 - width: 'max-content',
3388 - '&:hover, &:focus': {
3389 - backgroundColor: '#22252a',
3390 - borderColor: '#22252a',
3391 - color: theme.palette.common.white
3392 - },
3393 - '&&.Mui-disabled': {
3394 - borderColor: theme.palette.action.disabledBackground
3770 + }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
3771 + component: "img",
3772 + src: header.image
3773 + }), /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
3774 + variant: "h6"
3775 + }, header.title), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
3776 + variant: "body2",
3777 + color: "text.secondary"
3778 + }, header.description)), /*#__PURE__*/_react.default.createElement(_Button.default, {
3779 + variant: "contained",
3780 + size: "medium",
3781 + color: "promotion",
3782 + href: cta.url,
3783 + onClick: handleCtaClick,
3784 + startIcon: /*#__PURE__*/_react.default.createElement(_ui.Box, {
3785 + component: "img",
3786 + src: cta.image,
3787 + sx: {
3788 + width: '16px'
3789 + }
3790 + }),
3791 + target: "_blank",
3792 + sx: {
3793 + maxWidth: 'fit-content'
3395 3794 }
3396 - };
3397 -});
3398 -var SuggestionChip = exports.SuggestionChip = (0, _ui.styled)(_ui.Chip)(function (_ref20) {
3399 - var theme = _ref20.theme,
3400 - selected = _ref20.selected;
3401 - return {
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,
3406 - fontSize: theme.spacing(1.625),
3407 - '&&:hover': {
3408 - backgroundColor: theme.palette.text.secondary,
3409 - color: theme.palette.common.white,
3410 - borderColor: 'none'
3795 + }, cta.label)), /*#__PURE__*/_react.default.createElement(_List.default, {
3796 + sx: {
3797 + p: 0
3411 3798 }
3412 - };
3413 -});
3414 -var LayoutToggleContainer = exports.LayoutToggleContainer = (0, _ui.styled)(_ui.Box)(function (_ref21) {
3415 - var theme = _ref21.theme;
3416 - return {
3417 - alignItems: 'center',
3418 - backgroundColor: theme.palette.common.white,
3419 - borderRadius: theme.spacing(3),
3420 - display: 'inline-flex',
3421 - width: 'fit-content'
3422 - };
3423 -});
3424 -var LayoutChip = exports.LayoutChip = (0, _ui.styled)(_ui.Chip, {
3425 - shouldForwardProp: function shouldForwardProp(prop) {
3426 - return 'isSelected' !== prop;
3427 - }
3428 -})(function (_ref22) {
3429 - var theme = _ref22.theme,
3430 - isSelected = _ref22.isSelected;
3431 - return {
3432 - backgroundColor: isSelected ? theme.palette.secondary.main : 'transparent',
3433 - border: 'none',
3434 - borderRadius: theme.spacing(12.5),
3435 - color: isSelected ? theme.palette.secondary.contrastText : theme.palette.text.primary,
3436 - height: 'initial',
3437 - padding: "".concat(theme.spacing(0.375), " ").concat(theme.spacing(1.25)),
3438 - '& .MuiChip-label': {
3439 - fontSize: theme.typography.caption.fontSize,
3440 - fontWeight: isSelected ? 500 : 400,
3441 - paddingInlineStart: theme.spacing(0.5),
3442 - paddingInlineEnd: theme.spacing(0.5)
3443 - },
3444 - '&& .MuiChip-icon': {
3445 - fontSize: theme.spacing(1.75)
3446 - }
3447 - };
3448 -});
3799 + }, repeater.map(function (item, index) {
3800 + return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
3801 + key: index,
3802 + sx: {
3803 + p: 0,
3804 + gap: 1
3805 + }
3806 + }, /*#__PURE__*/_react.default.createElement(_sideBarCheckIcon.default, null), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
3807 + primaryTypographyProps: {
3808 + variant: 'body2'
3809 + },
3810 + primary: item.title
3811 + }));
3812 + })));
3813 +};
3814 +var _default = exports["default"] = SidebarDefault;
3815 +SidebarDefault.propTypes = {
3816 + header: PropTypes.object.isRequired,
3817 + cta: PropTypes.object.isRequired,
3818 + repeater: PropTypes.array
3819 +};
3449 3820
3450 3821 /***/ }),
3451 3822
3452 -/***/ "../modules/home/assets/js/site-builder/components/suggestion-chips.js":
3823 +/***/ "../modules/home/assets/js/components/home-screen/sidebar-promotion.js":
3453 3824 /*!*****************************************************************************!*\
3454 - !*** ../modules/home/assets/js/site-builder/components/suggestion-chips.js ***!
3825 + !*** ../modules/home/assets/js/components/home-screen/sidebar-promotion.js ***!
3455 3826 \*****************************************************************************/
3456 3827 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
3457 3828
3458 3829 "use strict";
3830 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
3459 3831
3460 3832
3461 3833 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
3462 -var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
3463 3834 Object.defineProperty(exports, "__esModule", ({
3464 3835 value: true
3465 3836 }));
3466 3837 exports["default"] = void 0;
3467 -var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
3468 -var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
3469 -var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
3470 -var _styledComponents = __webpack_require__(/*! ./styled-components */ "../modules/home/assets/js/site-builder/components/styled-components.js");
3471 -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); }
3472 -var DEFAULT_SITE_BUILDER_STATE = {
3473 - sessionStep: null,
3474 - pageSuggestions: [],
3475 - siteTypeSuggestions: [],
3476 - plannerSteps: {}
3477 -};
3478 -var shouldShowPageNameSuggestions = function shouldShowPageNameSuggestions(sessionStep, pageSuggestions, plannerSteps) {
3479 - var _plannerSteps$WIREFRA;
3480 - var sessionStepValue = Number(sessionStep);
3481 - if (!Number.isFinite(sessionStepValue)) {
3482 - return false;
3838 +var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
3839 +var _sidebarBanner = _interopRequireDefault(__webpack_require__(/*! ./promotions/sidebar-banner */ "../modules/home/assets/js/components/home-screen/promotions/sidebar-banner.js"));
3840 +var _sidebarDefault = _interopRequireDefault(__webpack_require__(/*! ./promotions/sidebar-default */ "../modules/home/assets/js/components/home-screen/promotions/sidebar-default.js"));
3841 +var SideBarPromotion = function SideBarPromotion(_ref) {
3842 + var sideData = _ref.sideData;
3843 + if ('banner' === sideData.type) {
3844 + return /*#__PURE__*/_react.default.createElement(_sidebarBanner.default, sideData.data);
3483 3845 }
3484 - if (sessionStepValue < ((_plannerSteps$WIREFRA = plannerSteps === null || plannerSteps === void 0 ? void 0 : plannerSteps.WIREFRAMES) !== null && _plannerSteps$WIREFRA !== void 0 ? _plannerSteps$WIREFRA : 3)) {
3485 - return false;
3486 - }
3487 - return pageSuggestions.length > 0;
3846 + return /*#__PURE__*/_react.default.createElement(_sidebarDefault.default, sideData.data);
3488 3847 };
3489 -var shouldShowSiteTypeSuggestions = function shouldShowSiteTypeSuggestions(sessionStep, siteTypeSuggestions, plannerSteps) {
3490 - var _plannerSteps$INIT;
3491 - if (null !== sessionStep && ((_plannerSteps$INIT = plannerSteps === null || plannerSteps === void 0 ? void 0 : plannerSteps.INIT) !== null && _plannerSteps$INIT !== void 0 ? _plannerSteps$INIT : 0) !== sessionStep) {
3492 - return false;
3493 - }
3494 - return siteTypeSuggestions.length > 0;
3848 +var _default = exports["default"] = SideBarPromotion;
3849 +SideBarPromotion.propTypes = {
3850 + sideData: PropTypes.object.isRequired
3495 3851 };
3496 -var getDisplayChips = function getDisplayChips(sessionStep, pageSuggestions, siteTypeSuggestions, plannerSteps) {
3497 - if (shouldShowSiteTypeSuggestions(sessionStep, siteTypeSuggestions, plannerSteps)) {
3498 - return siteTypeSuggestions;
3499 - }
3500 - if (shouldShowPageNameSuggestions(sessionStep, pageSuggestions, plannerSteps)) {
3501 - return pageSuggestions;
3502 - }
3503 - return [];
3504 -};
3505 -var SuggestionChips = function SuggestionChips(_ref) {
3506 - var onChipSelect = _ref.onChipSelect,
3507 - _ref$siteBuilderState = _ref.siteBuilderState,
3508 - siteBuilderState = _ref$siteBuilderState === void 0 ? DEFAULT_SITE_BUILDER_STATE : _ref$siteBuilderState;
3509 - var _useState = (0, _react.useState)(null),
3510 - _useState2 = (0, _slicedToArray2.default)(_useState, 2),
3511 - selectedChip = _useState2[0],
3512 - setSelectedChip = _useState2[1];
3513 - var sessionStep = siteBuilderState.sessionStep,
3514 - pageSuggestions = siteBuilderState.pageSuggestions,
3515 - siteTypeSuggestions = siteBuilderState.siteTypeSuggestions,
3516 - plannerSteps = siteBuilderState.plannerSteps;
3517 - var displayChips = getDisplayChips(sessionStep, pageSuggestions, siteTypeSuggestions, plannerSteps);
3518 - if (0 === displayChips.length) {
3852 +
3853 +/***/ }),
3854 +
3855 +/***/ "../modules/home/assets/js/components/home-screen/top-section.js":
3856 +/*!***********************************************************************!*\
3857 + !*** ../modules/home/assets/js/components/home-screen/top-section.js ***!
3858 + \***********************************************************************/
3859 +/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
3860 +
3861 +"use strict";
3862 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
3863 +
3864 +
3865 +var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
3866 +Object.defineProperty(exports, "__esModule", ({
3867 + value: true
3868 +}));
3869 +exports["default"] = void 0;
3870 +var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
3871 +var _objectDestructuringEmpty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectDestructuringEmpty */ "../node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js"));
3872 +var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
3873 +var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3874 +var _Typography = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Typography */ "@elementor/ui/Typography"));
3875 +var _Button = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Button */ "@elementor/ui/Button"));
3876 +var _youtubeIcon = _interopRequireDefault(__webpack_require__(/*! ../../icons/youtube-icon */ "../modules/home/assets/js/icons/youtube-icon.js"));
3877 +var _promoTracking = __webpack_require__(/*! ../../utils/promo-tracking */ "../modules/home/assets/js/utils/promo-tracking.js");
3878 +var TopSection = function TopSection(_ref) {
3879 + var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
3880 + var topData = props.topData,
3881 + buttonCtaUrl = props.buttonCtaUrl;
3882 + if (!topData) {
3519 3883 return null;
3520 3884 }
3521 - var handleChipClick = function handleChipClick(value) {
3522 - setSelectedChip(value);
3523 - onChipSelect(value);
3885 + var title = topData.title,
3886 + description = topData.description,
3887 + buttonCtaTitle = topData.button_cta_text,
3888 + buttonCreatePageTitle = topData.button_create_page_title,
3889 + youtubeEmbeddedId = topData.youtube_embed_id,
3890 + buttonWatchURL = topData.button_watch_url,
3891 + buttonWatchTitle = topData.button_watch_title;
3892 + var ctaButtonTitle = buttonCtaTitle !== null && buttonCtaTitle !== void 0 ? buttonCtaTitle : buttonCreatePageTitle;
3893 + var handleCtaClick = function handleCtaClick() {
3894 + (0, _promoTracking.trackPromoClick)(ctaButtonTitle, buttonCtaUrl, (0, _promoTracking.getHomeScreenPath)('top_section'));
3524 3895 };
3525 - return /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerChipsRow, null, displayChips.map(function (suggestion) {
3526 - return /*#__PURE__*/_react.default.createElement(_styledComponents.SuggestionChip, {
3527 - key: suggestion,
3528 - label: suggestion,
3529 - onClick: function onClick() {
3530 - return handleChipClick(suggestion);
3896 + var handleWatchClick = function handleWatchClick() {
3897 + (0, _promoTracking.trackPromoClick)(buttonWatchTitle, buttonWatchURL, (0, _promoTracking.getHomeScreenPath)('top_section'));
3898 + };
3899 + return /*#__PURE__*/_react.default.createElement(_ui.Paper, {
3900 + elevation: 0,
3901 + sx: {
3902 + display: 'flex',
3903 + flexDirection: {
3904 + xs: 'column',
3905 + sm: 'row'
3531 3906 },
3532 - size: "small",
3533 - variant: "outlined",
3534 - selected: selectedChip === suggestion
3535 - });
3907 + justifyContent: 'space-between',
3908 + py: {
3909 + xs: 3,
3910 + md: 3
3911 + },
3912 + px: {
3913 + xs: 3,
3914 + md: 4
3915 + },
3916 + gap: {
3917 + xs: 2,
3918 + sm: 3,
3919 + lg: 22
3920 + }
3921 + }
3922 + }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
3923 + gap: 3,
3924 + justifyContent: "center"
3925 + }, /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
3926 + variant: "h6"
3927 + }, title), /*#__PURE__*/_react.default.createElement(_Typography.default, {
3928 + variant: "body2",
3929 + color: "secondary"
3930 + }, description)), /*#__PURE__*/_react.default.createElement(_ui.Box, {
3931 + sx: {
3932 + display: 'flex',
3933 + gap: 1
3934 + }
3935 + }, /*#__PURE__*/_react.default.createElement(_Button.default, {
3936 + "data-testid": "e-create-button",
3937 + variant: "contained",
3938 + size: "small",
3939 + href: buttonCtaUrl,
3940 + target: "_blank",
3941 + onClick: handleCtaClick
3942 + }, ctaButtonTitle), /*#__PURE__*/_react.default.createElement(_Button.default, {
3943 + variant: "outlined",
3944 + color: "secondary",
3945 + size: "small",
3946 + startIcon: /*#__PURE__*/_react.default.createElement(_youtubeIcon.default, null),
3947 + href: buttonWatchURL,
3948 + target: "_blank",
3949 + onClick: handleWatchClick
3950 + }, buttonWatchTitle))), /*#__PURE__*/_react.default.createElement(_ui.Box, {
3951 + component: "iframe",
3952 + src: "https://www.youtube.com/embed/".concat(youtubeEmbeddedId),
3953 + title: "YouTube video player",
3954 + frameBorder: "0",
3955 + allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
3956 + allowFullScreen: true,
3957 + sx: {
3958 + aspectRatio: '16/9',
3959 + borderRadius: 1,
3960 + display: 'flex',
3961 + width: '100%',
3962 + maxWidth: '365px'
3963 + }
3536 3964 }));
3537 3965 };
3538 -SuggestionChips.propTypes = {
3539 - siteBuilderState: _propTypes.default.object,
3540 - onChipSelect: _propTypes.default.func.isRequired
3966 +TopSection.propTypes = {
3967 + topData: PropTypes.object.isRequired,
3968 + buttonCtaUrl: PropTypes.string.isRequired
3541 3969 };
3542 -var _default = exports["default"] = SuggestionChips;
3970 +var _default = exports["default"] = TopSection;
3543 3971
3544 3972 /***/ }),
3545 3973
3546 -/***/ "../modules/home/assets/js/site-builder/hooks/use-site-builder-state.js":
3547 -/*!******************************************************************************!*\
3548 - !*** ../modules/home/assets/js/site-builder/hooks/use-site-builder-state.js ***!
3549 - \******************************************************************************/
3974 +/***/ "../modules/home/assets/js/icons/side-bar-check-icon.js":
3975 +/*!**************************************************************!*\
3976 + !*** ../modules/home/assets/js/icons/side-bar-check-icon.js ***!
3977 + \**************************************************************/
3550 3978 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
3551 3979
3552 3980 "use strict";
3553 3981
@@ -3552,261 +3980,39 @@
3552 3980 "use strict";
3553 3981
3554 3982
3555 3983 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
3984 +var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
3556 3985 Object.defineProperty(exports, "__esModule", ({
3557 3986 value: true
3558 3987 }));
3559 3988 exports["default"] = void 0;
3560 -var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "../node_modules/@babel/runtime/regenerator/index.js"));
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"));
3563 -var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
3564 -var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "../node_modules/@babel/runtime/helpers/toConsumableArray.js"));
3565 -var _react = __webpack_require__(/*! react */ "react");
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; }
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; }
3568 -var SETTINGS_PATH = 'elementor/v1/site-builder/snapshot';
3569 -var HOME_SCREEN_PATH = 'elementor/v1/site-builder/home-screen';
3570 -var DEFAULT_SITE_TYPE_SUGGESTIONS = Object.freeze(['Business website', 'Portfolio website', 'E-commerce store']);
3571 -var sanitizeSuggestions = function sanitizeSuggestions(value) {
3572 - var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
3573 - limit = _ref.limit;
3574 - var list = Array.isArray(value) ? value.filter(function (item) {
3575 - return 'string' === typeof item && item.trim();
3576 - }) : [];
3577 - return limit ? list.slice(0, limit) : list;
3989 +var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
3990 +var React = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
3991 +var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3992 +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); }
3993 +var SideBarCheckIcon = function SideBarCheckIcon(props) {
3994 + return /*#__PURE__*/React.createElement(_ui.SvgIcon, (0, _extends2.default)({
3995 + viewBox: "0 0 24 24"
3996 + }, props), /*#__PURE__*/React.createElement("path", {
3997 + fillRule: "evenodd",
3998 + clipRule: "evenodd",
3999 + d: "M9.09013 3.69078C10.273 3.2008 11.5409 2.94861 12.8213 2.94861C14.1017 2.94861 15.3695 3.2008 16.5525 3.69078C17.7354 4.18077 18.8102 4.89895 19.7156 5.80432C20.621 6.70969 21.3391 7.78452 21.8291 8.96744C22.3191 10.1504 22.5713 11.4182 22.5713 12.6986C22.5713 13.979 22.3191 15.2468 21.8291 16.4298C21.3391 17.6127 20.621 18.6875 19.7156 19.5929C18.8102 20.4983 17.7354 21.2165 16.5525 21.7064C15.3695 22.1964 14.1017 22.4486 12.8213 22.4486C11.5409 22.4486 10.2731 22.1964 9.09013 21.7064C7.9072 21.2165 6.83237 20.4983 5.927 19.5929C5.02163 18.6875 4.30345 17.6127 3.81346 16.4298C3.32348 15.2468 3.07129 13.979 3.07129 12.6986C3.07129 11.4182 3.32348 10.1504 3.81346 8.96744C4.30345 7.78452 5.02163 6.70969 5.927 5.80432C6.83237 4.89895 7.9072 4.18077 9.09013 3.69078ZM12.8213 4.44861C11.7379 4.44861 10.6651 4.662 9.66415 5.0766C8.66321 5.4912 7.75374 6.09889 6.98766 6.86498C6.22157 7.63106 5.61388 8.54053 5.19928 9.54147C4.78468 10.5424 4.57129 11.6152 4.57129 12.6986C4.57129 13.782 4.78468 14.8548 5.19928 15.8557C5.61388 16.8567 6.22157 17.7662 6.98766 18.5322C7.75374 19.2983 8.66322 19.906 9.66415 20.3206C10.6651 20.7352 11.7379 20.9486 12.8213 20.9486C13.9047 20.9486 14.9775 20.7352 15.9784 20.3206C16.9794 19.906 17.8888 19.2983 18.6549 18.5322C19.421 17.7662 20.0287 16.8567 20.4433 15.8557C20.8579 14.8548 21.0713 13.782 21.0713 12.6986C21.0713 11.6152 20.8579 10.5424 20.4433 9.54147C20.0287 8.54053 19.421 7.63106 18.6549 6.86498C17.8888 6.09889 16.9794 5.4912 15.9784 5.0766C14.9775 4.662 13.9047 4.44861 12.8213 4.44861Z",
4000 + fill: "#93003F"
4001 + }), /*#__PURE__*/React.createElement("path", {
4002 + fillRule: "evenodd",
4003 + clipRule: "evenodd",
4004 + d: "M17.3213 9.69424C17.6142 9.98713 17.6142 10.462 17.3213 10.7549L12.3732 15.703C12.0803 15.9959 11.6054 15.9959 11.3125 15.703L8.83851 13.2289C8.54562 12.936 8.54562 12.4612 8.83851 12.1683C9.1314 11.8754 9.60628 11.8754 9.89917 12.1683L11.8429 14.112L16.2606 9.69424C16.5535 9.40135 17.0284 9.40135 17.3213 9.69424Z",
4005 + fill: "#93003F"
4006 + }));
3578 4007 };
3579 -var withDefaultSiteTypeSuggestions = function withDefaultSiteTypeSuggestions(value) {
3580 - var stored = sanitizeSuggestions(value, {
3581 - limit: 3
3582 - });
3583 - return stored.length ? stored : (0, _toConsumableArray2.default)(DEFAULT_SITE_TYPE_SUGGESTIONS);
3584 -};
3585 -var hasCompleteSnapshot = function hasCompleteSnapshot(snapshotStep, snapshotEntry, plannerSteps) {
3586 - if (null === snapshotStep) {
3587 - return false;
3588 - }
3589 - if (snapshotStep >= plannerSteps.DEPLOYED_TO_PLUGIN) {
3590 - return Array.isArray(snapshotEntry === null || snapshotEntry === void 0 ? void 0 : snapshotEntry.pageSuggestions) && snapshotEntry.pageSuggestions.length > 0;
3591 - }
3592 - return true;
3593 -};
3594 -var hasEntryWithoutSession = function hasEntryWithoutSession(snapshotEntry, snapshotStep) {
3595 - return snapshotEntry !== undefined && null === snapshotStep;
3596 -};
3597 -var deriveInitialStateForSiteKey = function deriveInitialStateForSiteKey(siteKey, snapshot, plannerSteps) {
3598 - if (!siteKey) {
3599 - return {
3600 - sessionStep: null,
3601 - pageSuggestions: [],
3602 - siteTypeSuggestions: (0, _toConsumableArray2.default)(DEFAULT_SITE_TYPE_SUGGESTIONS),
3603 - isResolved: true
3604 - };
3605 - }
3606 - var snapshotEntry = snapshot[siteKey];
3607 - var snapshotStep = Number.isFinite(snapshotEntry === null || snapshotEntry === void 0 ? void 0 : snapshotEntry.step) ? snapshotEntry.step : null;
3608 - if (hasCompleteSnapshot(snapshotStep, snapshotEntry, plannerSteps)) {
3609 - return {
3610 - sessionStep: snapshotStep,
3611 - pageSuggestions: sanitizeSuggestions(snapshotEntry === null || snapshotEntry === void 0 ? void 0 : snapshotEntry.pageSuggestions),
3612 - siteTypeSuggestions: sanitizeSuggestions(snapshotEntry === null || snapshotEntry === void 0 ? void 0 : snapshotEntry.siteTypeSuggestions, {
3613 - limit: 3
3614 - }),
3615 - isResolved: true
3616 - };
3617 - }
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 - }
3627 - return {
3628 - sessionStep: null,
3629 - pageSuggestions: [],
3630 - siteTypeSuggestions: siteTypeSuggestions,
3631 - isResolved: false
3632 - };
3633 -};
3634 -var useSiteBuilderState = function useSiteBuilderState(siteBuilderData) {
3635 - var _siteBuilderData$site;
3636 - var plannerSteps = siteBuilderData === null || siteBuilderData === void 0 ? void 0 : siteBuilderData.plannerSteps;
3637 - var siteKey = (siteBuilderData === null || siteBuilderData === void 0 ? void 0 : siteBuilderData.siteKey) || '';
3638 - var snapshot = (_siteBuilderData$site = siteBuilderData === null || siteBuilderData === void 0 ? void 0 : siteBuilderData.site_builder_snapshot) !== null && _siteBuilderData$site !== void 0 ? _siteBuilderData$site : {};
3639 - var hasConnectAuth = Boolean(siteKey);
3640 - var initial = deriveInitialStateForSiteKey(siteKey, snapshot, plannerSteps);
3641 - var _useState = (0, _react.useState)(initial.sessionStep),
3642 - _useState2 = (0, _slicedToArray2.default)(_useState, 2),
3643 - sessionStep = _useState2[0],
3644 - setSessionStep = _useState2[1];
3645 - var _useState3 = (0, _react.useState)(initial.pageSuggestions),
3646 - _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
3647 - pageSuggestions = _useState4[0],
3648 - setPageSuggestions = _useState4[1];
3649 - var _useState5 = (0, _react.useState)(initial.siteTypeSuggestions),
3650 - _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
3651 - siteTypeSuggestions = _useState6[0],
3652 - setSiteTypeSuggestions = _useState6[1];
3653 - var _useState7 = (0, _react.useState)(!initial.isResolved && hasConnectAuth),
3654 - _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
3655 - isLoading = _useState8[0],
3656 - setIsLoading = _useState8[1];
3657 - var _useState9 = (0, _react.useState)(null),
3658 - _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
3659 - error = _useState0[0],
3660 - setError = _useState0[1];
3661 - (0, _react.useEffect)(function () {
3662 - var _window$elementorHome, _window$wpApiSettings;
3663 - var applyState = function applyState(next) {
3664 - setSessionStep(next.sessionStep);
3665 - setPageSuggestions(next.pageSuggestions);
3666 - setSiteTypeSuggestions(next.siteTypeSuggestions);
3667 - setIsLoading(false);
3668 - setError(null);
3669 - };
3670 - if (!hasConnectAuth) {
3671 - applyState({
3672 - sessionStep: null,
3673 - pageSuggestions: [],
3674 - siteTypeSuggestions: (0, _toConsumableArray2.default)(DEFAULT_SITE_TYPE_SUGGESTIONS)
3675 - });
3676 - return;
3677 - }
3678 - var snapshotEntry = snapshot[siteKey];
3679 - var snapshotStep = Number.isFinite(snapshotEntry === null || snapshotEntry === void 0 ? void 0 : snapshotEntry.step) ? snapshotEntry.step : null;
3680 - if (hasCompleteSnapshot(snapshotStep, snapshotEntry, plannerSteps)) {
3681 - applyState({
3682 - sessionStep: snapshotStep,
3683 - pageSuggestions: sanitizeSuggestions(snapshotEntry === null || snapshotEntry === void 0 ? void 0 : snapshotEntry.pageSuggestions),
3684 - siteTypeSuggestions: sanitizeSuggestions(snapshotEntry === null || snapshotEntry === void 0 ? void 0 : snapshotEntry.siteTypeSuggestions, {
3685 - limit: 3
3686 - })
3687 - });
3688 - return;
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 - }
3698 - var isMounted = true;
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/';
3703 - var settingsUrl = "".concat(baseUrl).concat(SETTINGS_PATH);
3704 - var writeSnapshot = function writeSnapshot(entry) {
3705 - return fetch(settingsUrl, {
3706 - method: 'POST',
3707 - credentials: 'include',
3708 - headers: _objectSpread({
3709 - 'Content-Type': 'application/json'
3710 - }, restHeaders),
3711 - body: JSON.stringify({
3712 - value: _objectSpread(_objectSpread({}, snapshot), {}, (0, _defineProperty2.default)({}, siteKey, entry))
3713 - })
3714 - }).catch(function () {});
3715 - };
3716 - var fetchHomeScreen = /*#__PURE__*/function () {
3717 - var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() {
3718 - var _data$sessionId, response, errorJson, data, nextStep, nextSuggestions, nextSiteTypeSuggestions, _t;
3719 - return _regenerator.default.wrap(function (_context) {
3720 - while (1) switch (_context.prev = _context.next) {
3721 - case 0:
3722 - setIsLoading(true);
3723 - setError(null);
3724 - _context.prev = 1;
3725 - _context.next = 2;
3726 - return fetch("".concat(baseUrl).concat(HOME_SCREEN_PATH), {
3727 - method: 'GET',
3728 - credentials: 'include',
3729 - headers: restHeaders
3730 - });
3731 - case 2:
3732 - response = _context.sent;
3733 - if (response.ok) {
3734 - _context.next = 4;
3735 - break;
3736 - }
3737 - _context.next = 3;
3738 - return response.json().catch(function () {
3739 - return {};
3740 - });
3741 - case 3:
3742 - errorJson = _context.sent;
3743 - throw new Error((errorJson === null || errorJson === void 0 ? void 0 : errorJson.message) || 'Failed to fetch home screen data');
3744 - case 4:
3745 - _context.next = 5;
3746 - return response.json();
3747 - case 5:
3748 - data = _context.sent;
3749 - nextStep = Number.isFinite(data === null || data === void 0 ? void 0 : data.step) ? data.step : null;
3750 - nextSuggestions = sanitizeSuggestions(data === null || data === void 0 ? void 0 : data.pageNameSuggestions);
3751 - nextSiteTypeSuggestions = sanitizeSuggestions(data === null || data === void 0 ? void 0 : data.siteTypeSuggestions, {
3752 - limit: 3
3753 - });
3754 - writeSnapshot({
3755 - sessionId: (_data$sessionId = data === null || data === void 0 ? void 0 : data.sessionId) !== null && _data$sessionId !== void 0 ? _data$sessionId : null,
3756 - step: nextStep,
3757 - pageSuggestions: nextSuggestions,
3758 - siteTypeSuggestions: nextSiteTypeSuggestions
3759 - });
3760 - if (isMounted) {
3761 - applyState({
3762 - sessionStep: nextStep,
3763 - pageSuggestions: nextSuggestions,
3764 - siteTypeSuggestions: nextSiteTypeSuggestions
3765 - });
3766 - }
3767 - _context.next = 7;
3768 - break;
3769 - case 6:
3770 - _context.prev = 6;
3771 - _t = _context["catch"](1);
3772 - if (isMounted) {
3773 - setSessionStep(null);
3774 - setPageSuggestions([]);
3775 - setSiteTypeSuggestions((0, _toConsumableArray2.default)(DEFAULT_SITE_TYPE_SUGGESTIONS));
3776 - setError(_t);
3777 - setIsLoading(false);
3778 - }
3779 - case 7:
3780 - case "end":
3781 - return _context.stop();
3782 - }
3783 - }, _callee, null, [[1, 6]]);
3784 - }));
3785 - return function fetchHomeScreen() {
3786 - return _ref2.apply(this, arguments);
3787 - };
3788 - }();
3789 - fetchHomeScreen();
3790 - return function () {
3791 - isMounted = false;
3792 - };
3793 - }, [siteKey, hasConnectAuth]);
3794 - return {
3795 - sessionStep: sessionStep,
3796 - pageSuggestions: pageSuggestions,
3797 - siteTypeSuggestions: siteTypeSuggestions,
3798 - isLoading: isLoading,
3799 - error: error
3800 - };
3801 -};
3802 -var _default = exports["default"] = useSiteBuilderState;
4008 +var _default = exports["default"] = SideBarCheckIcon;
3803 4009
3804 4010 /***/ }),
3805 4011
3806 -/***/ "../modules/home/assets/js/site-builder/index.js":
4012 +/***/ "../modules/home/assets/js/icons/youtube-icon.js":
3807 4013 /*!*******************************************************!*\
3808 - !*** ../modules/home/assets/js/site-builder/index.js ***!
4014 + !*** ../modules/home/assets/js/icons/youtube-icon.js ***!
3809 4015 \*******************************************************/
3810 4016 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
3811 4017
3812 4018 "use strict";
@@ -3817,110 +4023,22 @@
3817 4023 Object.defineProperty(exports, "__esModule", ({
3818 4024 value: true
3819 4025 }));
3820 4026 exports["default"] = void 0;
3821 -var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
3822 -var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
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"));
3825 -var _siteTypeLayoutToggle = _interopRequireDefault(__webpack_require__(/*! ./components/site-type-layout-toggle */ "../modules/home/assets/js/site-builder/components/site-type-layout-toggle.js"));
3826 -var _suggestionChips = _interopRequireDefault(__webpack_require__(/*! ./components/suggestion-chips */ "../modules/home/assets/js/site-builder/components/suggestion-chips.js"));
3827 -var _stepActions = __webpack_require__(/*! ./components/step-actions */ "../modules/home/assets/js/site-builder/components/step-actions.js");
3828 -var _useSiteBuilderState2 = _interopRequireDefault(__webpack_require__(/*! ./hooks/use-site-builder-state */ "../modules/home/assets/js/site-builder/hooks/use-site-builder-state.js"));
3829 -var _styledComponents = __webpack_require__(/*! ./components/styled-components */ "../modules/home/assets/js/site-builder/components/styled-components.js");
4027 +var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
4028 +var React = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
4029 +var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3830 4030 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); }
3831 -var getStepConfig = function getStepConfig(step, stepConfigs, plannerSteps) {
3832 - var _plannerSteps$INIT, _configs$initStep, _configs;
3833 - var normalizedStep = Number(step);
3834 - var configs = stepConfigs !== null && stepConfigs !== void 0 ? stepConfigs : {};
3835 - var initStep = (_plannerSteps$INIT = plannerSteps === null || plannerSteps === void 0 ? void 0 : plannerSteps.INIT) !== null && _plannerSteps$INIT !== void 0 ? _plannerSteps$INIT : 0;
3836 - var fallback = (_configs$initStep = configs[initStep]) !== null && _configs$initStep !== void 0 ? _configs$initStep : {};
3837 - return (_configs = configs[Number.isFinite(normalizedStep) ? normalizedStep : initStep]) !== null && _configs !== void 0 ? _configs : fallback;
4031 +var YoutubeIcon = function YoutubeIcon(props) {
4032 + return /*#__PURE__*/React.createElement(_ui.SvgIcon, (0, _extends2.default)({
4033 + viewBox: "0 0 24 24"
4034 + }, props), /*#__PURE__*/React.createElement("path", {
4035 + fillRule: "evenodd",
4036 + clipRule: "evenodd",
4037 + d: "M7 5.75C5.20507 5.75 3.75 7.20507 3.75 9V15C3.75 16.7949 5.20507 18.25 7 18.25H17C18.7949 18.25 20.25 16.7949 20.25 15V9C20.25 7.20507 18.7949 5.75 17 5.75H7ZM2.25 9C2.25 6.37665 4.37665 4.25 7 4.25H17C19.6234 4.25 21.75 6.37665 21.75 9V15C21.75 17.6234 19.6234 19.75 17 19.75H7C4.37665 19.75 2.25 17.6234 2.25 15V9ZM9.63048 8.34735C9.86561 8.21422 10.1542 8.21786 10.3859 8.35688L15.3859 11.3569C15.6118 11.4924 15.75 11.7366 15.75 12C15.75 12.2634 15.6118 12.5076 15.3859 12.6431L10.3859 15.6431C10.1542 15.7821 9.86561 15.7858 9.63048 15.6526C9.39534 15.5195 9.25 15.2702 9.25 15V9C9.25 8.7298 9.39534 8.48048 9.63048 8.34735ZM10.75 10.3246V13.6754L13.5423 12L10.75 10.3246Z"
4038 + }));
3838 4039 };
3839 -var SiteBuilder = function SiteBuilder(_ref) {
3840 - var _siteBuilderData$plan, _plannerSteps$INIT2;
3841 - var siteBuilderData = _ref.siteBuilderData;
3842 - var _useSiteBuilderState = (0, _useSiteBuilderState2.default)(siteBuilderData),
3843 - sessionStep = _useSiteBuilderState.sessionStep,
3844 - pageSuggestions = _useSiteBuilderState.pageSuggestions,
3845 - siteTypeSuggestions = _useSiteBuilderState.siteTypeSuggestions,
3846 - isLoading = _useSiteBuilderState.isLoading;
3847 - var plannerSteps = (_siteBuilderData$plan = siteBuilderData === null || siteBuilderData === void 0 ? void 0 : siteBuilderData.plannerSteps) !== null && _siteBuilderData$plan !== void 0 ? _siteBuilderData$plan : {};
3848 - var stepConfig = getStepConfig(sessionStep, siteBuilderData === null || siteBuilderData === void 0 ? void 0 : siteBuilderData.stepConfig, plannerSteps);
3849 - var _useState = (0, _react.useState)(''),
3850 - _useState2 = (0, _slicedToArray2.default)(_useState, 2),
3851 - inputValue = _useState2[0],
3852 - setInputValue = _useState2[1];
3853 - var _useState3 = (0, _react.useState)(false),
3854 - _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
3855 - isOnePage = _useState4[0],
3856 - setIsOnePage = _useState4[1];
3857 - var isInitStep = ((_plannerSteps$INIT2 = plannerSteps.INIT) !== null && _plannerSteps$INIT2 !== void 0 ? _plannerSteps$INIT2 : 0) === Number(sessionStep);
3858 - var showLayoutToggle = isInitStep && Boolean(inputValue.trim());
3859 - var handleInputChange = function handleInputChange(event) {
3860 - setInputValue(event.target.value);
3861 - };
3862 - var handleCreateClick = function handleCreateClick(nextInputValue) {
3863 - if (!(siteBuilderData !== null && siteBuilderData !== void 0 && siteBuilderData.siteBuilderUrl)) {
3864 - return;
3865 - }
3866 - var prompt = nextInputValue || inputValue;
3867 - var requiresInput = stepConfig.hasInput;
3868 - if (requiresInput && !prompt.trim()) {
3869 - return;
3870 - }
3871 - var url = new URL(siteBuilderData.siteBuilderUrl, window.location.origin);
3872 - if (prompt) {
3873 - var _plannerSteps$WIREFRA;
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);
3876 - }
3877 - if (isInitStep) {
3878 - url.searchParams.append('is_one_page', isOnePage ? 'true' : 'false');
3879 - }
3880 - window.open(url.toString(), '_blank');
3881 - };
3882 - var handleKeyDown = function handleKeyDown(event) {
3883 - if ('Enter' === event.key) {
3884 - event.preventDefault();
3885 - handleCreateClick();
3886 - }
3887 - };
3888 - return /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerRoot, {
3889 - elevation: 0,
3890 - "data-testid": "e-site-builder"
3891 - }, /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerBackground, {
3892 - bgimage: siteBuilderData === null || siteBuilderData === void 0 ? void 0 : siteBuilderData.bgImage
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, {
3894 - component: "img",
3895 - src: siteBuilderData.previewImage1,
3896 - alt: ""
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, {
3902 - inputValue: inputValue,
3903 - onInputChange: handleInputChange,
3904 - onKeyDown: handleKeyDown,
3905 - onSubmit: handleCreateClick
3906 - }), showLayoutToggle ? /*#__PURE__*/_react.default.createElement(_siteTypeLayoutToggle.default, {
3907 - isOnePage: isOnePage,
3908 - onIsOnePageChange: setIsOnePage
3909 - }) : /*#__PURE__*/_react.default.createElement(_suggestionChips.default, {
3910 - siteBuilderState: {
3911 - sessionStep: sessionStep,
3912 - pageSuggestions: pageSuggestions,
3913 - siteTypeSuggestions: siteTypeSuggestions,
3914 - plannerSteps: plannerSteps
3915 - },
3916 - onChipSelect: setInputValue
3917 - }))));
3918 -};
3919 -SiteBuilder.propTypes = {
3920 - siteBuilderData: _propTypes.default.object
3921 -};
3922 -var _default = exports["default"] = SiteBuilder;
4040 +var _default = exports["default"] = YoutubeIcon;
3923 4041
3924 4042 /***/ }),
3925 4043
3926 4044 /***/ "../modules/home/assets/js/utils/promo-tracking.js":
@@ -3948,21 +4066,8 @@
3948 4066 };
3949 4067
3950 4068 /***/ }),
3951 4069
3952 -/***/ "../node_modules/@babel/runtime/helpers/OverloadYield.js":
3953 -/*!***************************************************************!*\
3954 - !*** ../node_modules/@babel/runtime/helpers/OverloadYield.js ***!
3955 - \***************************************************************/
3956 -/***/ ((module) => {
3957 -
3958 -function _OverloadYield(e, d) {
3959 - this.v = e, this.k = d;
3960 -}
3961 -module.exports = _OverloadYield, module.exports.__esModule = true, module.exports["default"] = module.exports;
3962 -
3963 -/***/ }),
3964 -
3965 4070 /***/ "../node_modules/@babel/runtime/helpers/arrayLikeToArray.js":
3966 4071 /*!******************************************************************!*\
3967 4072 !*** ../node_modules/@babel/runtime/helpers/arrayLikeToArray.js ***!
3968 4073 \******************************************************************/
@@ -3989,22 +4094,8 @@
3989 4094 module.exports = _arrayWithHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
3990 4095
3991 4096 /***/ }),
3992 4097
3993 -/***/ "../node_modules/@babel/runtime/helpers/arrayWithoutHoles.js":
3994 -/*!*******************************************************************!*\
3995 - !*** ../node_modules/@babel/runtime/helpers/arrayWithoutHoles.js ***!
3996 - \*******************************************************************/
3997 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
3998 -
3999 -var arrayLikeToArray = __webpack_require__(/*! ./arrayLikeToArray.js */ "../node_modules/@babel/runtime/helpers/arrayLikeToArray.js");
4000 -function _arrayWithoutHoles(r) {
4001 - if (Array.isArray(r)) return arrayLikeToArray(r);
4002 -}
4003 -module.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
4004 -
4005 -/***/ }),
4006 -
4007 4098 /***/ "../node_modules/@babel/runtime/helpers/assertThisInitialized.js":
4008 4099 /*!***********************************************************************!*\
4009 4100 !*** ../node_modules/@babel/runtime/helpers/assertThisInitialized.js ***!
4010 4101 \***********************************************************************/
@@ -4017,43 +4108,8 @@
4017 4108 module.exports = _assertThisInitialized, module.exports.__esModule = true, module.exports["default"] = module.exports;
4018 4109
4019 4110 /***/ }),
4020 4111
4021 -/***/ "../node_modules/@babel/runtime/helpers/asyncToGenerator.js":
4022 -/*!******************************************************************!*\
4023 - !*** ../node_modules/@babel/runtime/helpers/asyncToGenerator.js ***!
4024 - \******************************************************************/
4025 -/***/ ((module) => {
4026 -
4027 -function asyncGeneratorStep(n, t, e, r, o, a, c) {
4028 - try {
4029 - var i = n[a](c),
4030 - u = i.value;
4031 - } catch (n) {
4032 - return void e(n);
4033 - }
4034 - i.done ? t(u) : Promise.resolve(u).then(r, o);
4035 -}
4036 -function _asyncToGenerator(n) {
4037 - return function () {
4038 - var t = this,
4039 - e = arguments;
4040 - return new Promise(function (r, o) {
4041 - var a = n.apply(t, e);
4042 - function _next(n) {
4043 - asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
4044 - }
4045 - function _throw(n) {
4046 - asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
4047 - }
4048 - _next(void 0);
4049 - });
4050 - };
4051 -}
4052 -module.exports = _asyncToGenerator, module.exports.__esModule = true, module.exports["default"] = module.exports;
4053 -
4054 -/***/ }),
4055 -
4056 4112 /***/ "../node_modules/@babel/runtime/helpers/classCallCheck.js":
4057 4113 /*!****************************************************************!*\
4058 4114 !*** ../node_modules/@babel/runtime/helpers/classCallCheck.js ***!
4059 4115 \****************************************************************/
@@ -4198,21 +4254,8 @@
4198 4254 module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports;
4199 4255
4200 4256 /***/ }),
4201 4257
4202 -/***/ "../node_modules/@babel/runtime/helpers/iterableToArray.js":
4203 -/*!*****************************************************************!*\
4204 - !*** ../node_modules/@babel/runtime/helpers/iterableToArray.js ***!
4205 - \*****************************************************************/
4206 -/***/ ((module) => {
4207 -
4208 -function _iterableToArray(r) {
4209 - if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
4210 -}
4211 -module.exports = _iterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
4212 -
4213 -/***/ }),
4214 -
4215 4258 /***/ "../node_modules/@babel/runtime/helpers/iterableToArrayLimit.js":
4216 4259 /*!**********************************************************************!*\
4217 4260 !*** ../node_modules/@babel/runtime/helpers/iterableToArrayLimit.js ***!
4218 4261 \**********************************************************************/
@@ -4261,21 +4304,8 @@
4261 4304 module.exports = _nonIterableRest, module.exports.__esModule = true, module.exports["default"] = module.exports;
4262 4305
4263 4306 /***/ }),
4264 4307
4265 -/***/ "../node_modules/@babel/runtime/helpers/nonIterableSpread.js":
4266 -/*!*******************************************************************!*\
4267 - !*** ../node_modules/@babel/runtime/helpers/nonIterableSpread.js ***!
4268 - \*******************************************************************/
4269 -/***/ ((module) => {
4270 -
4271 -function _nonIterableSpread() {
4272 - throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
4273 -}
4274 -module.exports = _nonIterableSpread, module.exports.__esModule = true, module.exports["default"] = module.exports;
4275 -
4276 -/***/ }),
4277 -
4278 4308 /***/ "../node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js":
4279 4309 /*!**************************************************************************!*\
4280 4310 !*** ../node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js ***!
4281 4311 \**************************************************************************/
@@ -4304,344 +4334,8 @@
4304 4334 module.exports = _possibleConstructorReturn, module.exports.__esModule = true, module.exports["default"] = module.exports;
4305 4335
4306 4336 /***/ }),
4307 4337
4308 -/***/ "../node_modules/@babel/runtime/helpers/regenerator.js":
4309 -/*!*************************************************************!*\
4310 - !*** ../node_modules/@babel/runtime/helpers/regenerator.js ***!
4311 - \*************************************************************/
4312 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
4313 -
4314 -var regeneratorDefine = __webpack_require__(/*! ./regeneratorDefine.js */ "../node_modules/@babel/runtime/helpers/regeneratorDefine.js");
4315 -function _regenerator() {
4316 - /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
4317 - var e,
4318 - t,
4319 - r = "function" == typeof Symbol ? Symbol : {},
4320 - n = r.iterator || "@@iterator",
4321 - o = r.toStringTag || "@@toStringTag";
4322 - function i(r, n, o, i) {
4323 - var c = n && n.prototype instanceof Generator ? n : Generator,
4324 - u = Object.create(c.prototype);
4325 - return regeneratorDefine(u, "_invoke", function (r, n, o) {
4326 - var i,
4327 - c,
4328 - u,
4329 - f = 0,
4330 - p = o || [],
4331 - y = !1,
4332 - G = {
4333 - p: 0,
4334 - n: 0,
4335 - v: e,
4336 - a: d,
4337 - f: d.bind(e, 4),
4338 - d: function d(t, r) {
4339 - return i = t, c = 0, u = e, G.n = r, a;
4340 - }
4341 - };
4342 - function d(r, n) {
4343 - for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) {
4344 - var o,
4345 - i = p[t],
4346 - d = G.p,
4347 - l = i[2];
4348 - r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0));
4349 - }
4350 - if (o || r > 1) return a;
4351 - throw y = !0, n;
4352 - }
4353 - return function (o, p, l) {
4354 - if (f > 1) throw TypeError("Generator is already running");
4355 - for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) {
4356 - i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u);
4357 - try {
4358 - if (f = 2, i) {
4359 - if (c || (o = "next"), t = i[o]) {
4360 - if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object");
4361 - if (!t.done) return t;
4362 - u = t.value, c < 2 && (c = 0);
4363 - } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1);
4364 - i = e;
4365 - } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break;
4366 - } catch (t) {
4367 - i = e, c = 1, u = t;
4368 - } finally {
4369 - f = 1;
4370 - }
4371 - }
4372 - return {
4373 - value: t,
4374 - done: y
4375 - };
4376 - };
4377 - }(r, o, i), !0), u;
4378 - }
4379 - var a = {};
4380 - function Generator() {}
4381 - function GeneratorFunction() {}
4382 - function GeneratorFunctionPrototype() {}
4383 - t = Object.getPrototypeOf;
4384 - var c = [][n] ? t(t([][n]())) : (regeneratorDefine(t = {}, n, function () {
4385 - return this;
4386 - }), t),
4387 - u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
4388 - function f(e) {
4389 - return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, regeneratorDefine(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e;
4390 - }
4391 - return GeneratorFunction.prototype = GeneratorFunctionPrototype, regeneratorDefine(u, "constructor", GeneratorFunctionPrototype), regeneratorDefine(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", regeneratorDefine(GeneratorFunctionPrototype, o, "GeneratorFunction"), regeneratorDefine(u), regeneratorDefine(u, o, "Generator"), regeneratorDefine(u, n, function () {
4392 - return this;
4393 - }), regeneratorDefine(u, "toString", function () {
4394 - return "[object Generator]";
4395 - }), (module.exports = _regenerator = function _regenerator() {
4396 - return {
4397 - w: i,
4398 - m: f
4399 - };
4400 - }, module.exports.__esModule = true, module.exports["default"] = module.exports)();
4401 -}
4402 -module.exports = _regenerator, module.exports.__esModule = true, module.exports["default"] = module.exports;
4403 -
4404 -/***/ }),
4405 -
4406 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorAsync.js":
4407 -/*!******************************************************************!*\
4408 - !*** ../node_modules/@babel/runtime/helpers/regeneratorAsync.js ***!
4409 - \******************************************************************/
4410 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
4411 -
4412 -var regeneratorAsyncGen = __webpack_require__(/*! ./regeneratorAsyncGen.js */ "../node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js");
4413 -function _regeneratorAsync(n, e, r, t, o) {
4414 - var a = regeneratorAsyncGen(n, e, r, t, o);
4415 - return a.next().then(function (n) {
4416 - return n.done ? n.value : a.next();
4417 - });
4418 -}
4419 -module.exports = _regeneratorAsync, module.exports.__esModule = true, module.exports["default"] = module.exports;
4420 -
4421 -/***/ }),
4422 -
4423 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js":
4424 -/*!*********************************************************************!*\
4425 - !*** ../node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js ***!
4426 - \*********************************************************************/
4427 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
4428 -
4429 -var regenerator = __webpack_require__(/*! ./regenerator.js */ "../node_modules/@babel/runtime/helpers/regenerator.js");
4430 -var regeneratorAsyncIterator = __webpack_require__(/*! ./regeneratorAsyncIterator.js */ "../node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js");
4431 -function _regeneratorAsyncGen(r, e, t, o, n) {
4432 - return new regeneratorAsyncIterator(regenerator().w(r, e, t, o), n || Promise);
4433 -}
4434 -module.exports = _regeneratorAsyncGen, module.exports.__esModule = true, module.exports["default"] = module.exports;
4435 -
4436 -/***/ }),
4437 -
4438 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js":
4439 -/*!**************************************************************************!*\
4440 - !*** ../node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js ***!
4441 - \**************************************************************************/
4442 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
4443 -
4444 -var OverloadYield = __webpack_require__(/*! ./OverloadYield.js */ "../node_modules/@babel/runtime/helpers/OverloadYield.js");
4445 -var regeneratorDefine = __webpack_require__(/*! ./regeneratorDefine.js */ "../node_modules/@babel/runtime/helpers/regeneratorDefine.js");
4446 -function AsyncIterator(t, e) {
4447 - function n(r, o, i, f) {
4448 - try {
4449 - var c = t[r](o),
4450 - u = c.value;
4451 - return u instanceof OverloadYield ? e.resolve(u.v).then(function (t) {
4452 - n("next", t, i, f);
4453 - }, function (t) {
4454 - n("throw", t, i, f);
4455 - }) : e.resolve(u).then(function (t) {
4456 - c.value = t, i(c);
4457 - }, function (t) {
4458 - return n("throw", t, i, f);
4459 - });
4460 - } catch (t) {
4461 - f(t);
4462 - }
4463 - }
4464 - var r;
4465 - this.next || (regeneratorDefine(AsyncIterator.prototype), regeneratorDefine(AsyncIterator.prototype, "function" == typeof Symbol && Symbol.asyncIterator || "@asyncIterator", function () {
4466 - return this;
4467 - })), regeneratorDefine(this, "_invoke", function (t, o, i) {
4468 - function f() {
4469 - return new e(function (e, r) {
4470 - n(t, i, e, r);
4471 - });
4472 - }
4473 - return r = r ? r.then(f, f) : f();
4474 - }, !0);
4475 -}
4476 -module.exports = AsyncIterator, module.exports.__esModule = true, module.exports["default"] = module.exports;
4477 -
4478 -/***/ }),
4479 -
4480 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorDefine.js":
4481 -/*!*******************************************************************!*\
4482 - !*** ../node_modules/@babel/runtime/helpers/regeneratorDefine.js ***!
4483 - \*******************************************************************/
4484 -/***/ ((module) => {
4485 -
4486 -function _regeneratorDefine(e, r, n, t) {
4487 - var i = Object.defineProperty;
4488 - try {
4489 - i({}, "", {});
4490 - } catch (e) {
4491 - i = 0;
4492 - }
4493 - module.exports = _regeneratorDefine = function regeneratorDefine(e, r, n, t) {
4494 - function o(r, n) {
4495 - _regeneratorDefine(e, r, function (e) {
4496 - return this._invoke(r, n, e);
4497 - });
4498 - }
4499 - r ? i ? i(e, r, {
4500 - value: n,
4501 - enumerable: !t,
4502 - configurable: !t,
4503 - writable: !t
4504 - }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2));
4505 - }, module.exports.__esModule = true, module.exports["default"] = module.exports, _regeneratorDefine(e, r, n, t);
4506 -}
4507 -module.exports = _regeneratorDefine, module.exports.__esModule = true, module.exports["default"] = module.exports;
4508 -
4509 -/***/ }),
4510 -
4511 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorKeys.js":
4512 -/*!*****************************************************************!*\
4513 - !*** ../node_modules/@babel/runtime/helpers/regeneratorKeys.js ***!
4514 - \*****************************************************************/
4515 -/***/ ((module) => {
4516 -
4517 -function _regeneratorKeys(e) {
4518 - var n = Object(e),
4519 - r = [];
4520 - for (var t in n) r.unshift(t);
4521 - return function e() {
4522 - for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = !1, e;
4523 - return e.done = !0, e;
4524 - };
4525 -}
4526 -module.exports = _regeneratorKeys, module.exports.__esModule = true, module.exports["default"] = module.exports;
4527 -
4528 -/***/ }),
4529 -
4530 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorRuntime.js":
4531 -/*!********************************************************************!*\
4532 - !*** ../node_modules/@babel/runtime/helpers/regeneratorRuntime.js ***!
4533 - \********************************************************************/
4534 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
4535 -
4536 -var OverloadYield = __webpack_require__(/*! ./OverloadYield.js */ "../node_modules/@babel/runtime/helpers/OverloadYield.js");
4537 -var regenerator = __webpack_require__(/*! ./regenerator.js */ "../node_modules/@babel/runtime/helpers/regenerator.js");
4538 -var regeneratorAsync = __webpack_require__(/*! ./regeneratorAsync.js */ "../node_modules/@babel/runtime/helpers/regeneratorAsync.js");
4539 -var regeneratorAsyncGen = __webpack_require__(/*! ./regeneratorAsyncGen.js */ "../node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js");
4540 -var regeneratorAsyncIterator = __webpack_require__(/*! ./regeneratorAsyncIterator.js */ "../node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js");
4541 -var regeneratorKeys = __webpack_require__(/*! ./regeneratorKeys.js */ "../node_modules/@babel/runtime/helpers/regeneratorKeys.js");
4542 -var regeneratorValues = __webpack_require__(/*! ./regeneratorValues.js */ "../node_modules/@babel/runtime/helpers/regeneratorValues.js");
4543 -function _regeneratorRuntime() {
4544 - "use strict";
4545 -
4546 - var r = regenerator(),
4547 - e = r.m(_regeneratorRuntime),
4548 - t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor;
4549 - function n(r) {
4550 - var e = "function" == typeof r && r.constructor;
4551 - return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name));
4552 - }
4553 - var o = {
4554 - "throw": 1,
4555 - "return": 2,
4556 - "break": 3,
4557 - "continue": 3
4558 - };
4559 - function a(r) {
4560 - var e, t;
4561 - return function (n) {
4562 - e || (e = {
4563 - stop: function stop() {
4564 - return t(n.a, 2);
4565 - },
4566 - "catch": function _catch() {
4567 - return n.v;
4568 - },
4569 - abrupt: function abrupt(r, e) {
4570 - return t(n.a, o[r], e);
4571 - },
4572 - delegateYield: function delegateYield(r, o, a) {
4573 - return e.resultName = o, t(n.d, regeneratorValues(r), a);
4574 - },
4575 - finish: function finish(r) {
4576 - return t(n.f, r);
4577 - }
4578 - }, t = function t(r, _t, o) {
4579 - n.p = e.prev, n.n = e.next;
4580 - try {
4581 - return r(_t, o);
4582 - } finally {
4583 - e.next = n.n;
4584 - }
4585 - }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n;
4586 - try {
4587 - return r.call(this, e);
4588 - } finally {
4589 - n.p = e.prev, n.n = e.next;
4590 - }
4591 - };
4592 - }
4593 - return (module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
4594 - return {
4595 - wrap: function wrap(e, t, n, o) {
4596 - return r.w(a(e), t, n, o && o.reverse());
4597 - },
4598 - isGeneratorFunction: n,
4599 - mark: r.m,
4600 - awrap: function awrap(r, e) {
4601 - return new OverloadYield(r, e);
4602 - },
4603 - AsyncIterator: regeneratorAsyncIterator,
4604 - async: function async(r, e, t, o, u) {
4605 - return (n(e) ? regeneratorAsyncGen : regeneratorAsync)(a(r), e, t, o, u);
4606 - },
4607 - keys: regeneratorKeys,
4608 - values: regeneratorValues
4609 - };
4610 - }, module.exports.__esModule = true, module.exports["default"] = module.exports)();
4611 -}
4612 -module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports;
4613 -
4614 -/***/ }),
4615 -
4616 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorValues.js":
4617 -/*!*******************************************************************!*\
4618 - !*** ../node_modules/@babel/runtime/helpers/regeneratorValues.js ***!
4619 - \*******************************************************************/
4620 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
4621 -
4622 -var _typeof = (__webpack_require__(/*! ./typeof.js */ "../node_modules/@babel/runtime/helpers/typeof.js")["default"]);
4623 -function _regeneratorValues(e) {
4624 - if (null != e) {
4625 - var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"],
4626 - r = 0;
4627 - if (t) return t.call(e);
4628 - if ("function" == typeof e.next) return e;
4629 - if (!isNaN(e.length)) return {
4630 - next: function next() {
4631 - return e && r >= e.length && (e = void 0), {
4632 - value: e && e[r++],
4633 - done: !e
4634 - };
4635 - }
4636 - };
4637 - }
4638 - throw new TypeError(_typeof(e) + " is not iterable");
4639 -}
4640 -module.exports = _regeneratorValues, module.exports.__esModule = true, module.exports["default"] = module.exports;
4641 -
4642 -/***/ }),
4643 -
4644 4338 /***/ "../node_modules/@babel/runtime/helpers/setPrototypeOf.js":
4645 4339 /*!****************************************************************!*\
4646 4340 !*** ../node_modules/@babel/runtime/helpers/setPrototypeOf.js ***!
4647 4341 \****************************************************************/
@@ -4687,25 +4381,8 @@
4687 4381 module.exports = _superPropBase, module.exports.__esModule = true, module.exports["default"] = module.exports;
4688 4382
4689 4383 /***/ }),
4690 4384
4691 -/***/ "../node_modules/@babel/runtime/helpers/toConsumableArray.js":
4692 -/*!*******************************************************************!*\
4693 - !*** ../node_modules/@babel/runtime/helpers/toConsumableArray.js ***!
4694 - \*******************************************************************/
4695 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
4696 -
4697 -var arrayWithoutHoles = __webpack_require__(/*! ./arrayWithoutHoles.js */ "../node_modules/@babel/runtime/helpers/arrayWithoutHoles.js");
4698 -var iterableToArray = __webpack_require__(/*! ./iterableToArray.js */ "../node_modules/@babel/runtime/helpers/iterableToArray.js");
4699 -var unsupportedIterableToArray = __webpack_require__(/*! ./unsupportedIterableToArray.js */ "../node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js");
4700 -var nonIterableSpread = __webpack_require__(/*! ./nonIterableSpread.js */ "../node_modules/@babel/runtime/helpers/nonIterableSpread.js");
4701 -function _toConsumableArray(r) {
4702 - return arrayWithoutHoles(r) || iterableToArray(r) || unsupportedIterableToArray(r) || nonIterableSpread();
4703 -}
4704 -module.exports = _toConsumableArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
4705 -
4706 -/***/ }),
4707 -
4708 4385 /***/ "../node_modules/@babel/runtime/helpers/toPrimitive.js":
4709 4386 /*!*************************************************************!*\
4710 4387 !*** ../node_modules/@babel/runtime/helpers/toPrimitive.js ***!
4711 4388 \*************************************************************/
@@ -4778,33 +4455,8 @@
4778 4455 module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
4779 4456
4780 4457 /***/ }),
4781 4458
4782 -/***/ "../node_modules/@babel/runtime/regenerator/index.js":
4783 -/*!***********************************************************!*\
4784 - !*** ../node_modules/@babel/runtime/regenerator/index.js ***!
4785 - \***********************************************************/
4786 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
4787 -
4788 -// TODO(Babel 8): Remove this file.
4789 -
4790 -var runtime = __webpack_require__(/*! ../helpers/regeneratorRuntime */ "../node_modules/@babel/runtime/helpers/regeneratorRuntime.js")();
4791 -module.exports = runtime;
4792 -
4793 -// Copied from https://github.com/facebook/regenerator/blob/main/packages/runtime/runtime.js#L736=
4794 -try {
4795 - regeneratorRuntime = runtime;
4796 -} catch (accidentalStrictMode) {
4797 - if (typeof globalThis === "object") {
4798 - globalThis.regeneratorRuntime = runtime;
4799 - } else {
4800 - Function("r", "regeneratorRuntime = r")(runtime);
4801 - }
4802 -}
4803 -
4804 -
4805 -/***/ }),
4806 -
4807 4459 /***/ "../node_modules/object-assign/index.js":
4808 4460 /*!**********************************************!*\
4809 4461 !*** ../node_modules/object-assign/index.js ***!
4810 4462 \**********************************************/
@@ -5942,30 +5594,8 @@
5942 5594
5943 5595
5944 5596 /***/ }),
5945 5597
5946 -/***/ "@elementor/icons/CopyPageIcon":
5947 -/*!****************************************************!*\
5948 - !*** external "elementorV2.icons['CopyPageIcon']" ***!
5949 - \****************************************************/
5950 -/***/ ((module) => {
5951 -
5952 -"use strict";
5953 -module.exports = elementorV2.icons['CopyPageIcon'];
5954 -
5955 -/***/ }),
5956 -
5957 -/***/ "@elementor/icons/WebsiteIcon":
5958 -/*!***************************************************!*\
5959 - !*** external "elementorV2.icons['WebsiteIcon']" ***!
5960 - \***************************************************/
5961 -/***/ ((module) => {
5962 -
5963 -"use strict";
5964 -module.exports = elementorV2.icons['WebsiteIcon'];
5965 -
5966 -/***/ }),
5967 -
5968 5598 /***/ "@elementor/ui":
5969 5599 /*!*********************************!*\
5970 5600 !*** external "elementorV2.ui" ***!
5971 5601 \*********************************/
@@ -5997,8 +5627,52 @@
5997 5627 module.exports = elementorV2.ui['Button'];
5998 5628
5999 5629 /***/ }),
6000 5630
5631 +/***/ "@elementor/ui/Card":
5632 +/*!*****************************************!*\
5633 + !*** external "elementorV2.ui['Card']" ***!
5634 + \*****************************************/
5635 +/***/ ((module) => {
5636 +
5637 +"use strict";
5638 +module.exports = elementorV2.ui['Card'];
5639 +
5640 +/***/ }),
5641 +
5642 +/***/ "@elementor/ui/CardActions":
5643 +/*!************************************************!*\
5644 + !*** external "elementorV2.ui['CardActions']" ***!
5645 + \************************************************/
5646 +/***/ ((module) => {
5647 +
5648 +"use strict";
5649 +module.exports = elementorV2.ui['CardActions'];
5650 +
5651 +/***/ }),
5652 +
5653 +/***/ "@elementor/ui/CardContent":
5654 +/*!************************************************!*\
5655 + !*** external "elementorV2.ui['CardContent']" ***!
5656 + \************************************************/
5657 +/***/ ((module) => {
5658 +
5659 +"use strict";
5660 +module.exports = elementorV2.ui['CardContent'];
5661 +
5662 +/***/ }),
5663 +
5664 +/***/ "@elementor/ui/CardMedia":
5665 +/*!**********************************************!*\
5666 + !*** external "elementorV2.ui['CardMedia']" ***!
5667 + \**********************************************/
5668 +/***/ ((module) => {
5669 +
5670 +"use strict";
5671 +module.exports = elementorV2.ui['CardMedia'];
5672 +
5673 +/***/ }),
5674 +
6001 5675 /***/ "@elementor/ui/Dialog":
6002 5676 /*!*******************************************!*\
6003 5677 !*** external "elementorV2.ui['Dialog']" ***!
6004 5678 \*******************************************/
@@ -6074,8 +5748,19 @@
6074 5748 module.exports = elementorV2.ui['DialogTitle'];
6075 5749
6076 5750 /***/ }),
6077 5751
5752 +/***/ "@elementor/ui/Divider":
5753 +/*!********************************************!*\
5754 + !*** external "elementorV2.ui['Divider']" ***!
5755 + \********************************************/
5756 +/***/ ((module) => {
5757 +
5758 +"use strict";
5759 +module.exports = elementorV2.ui['Divider'];
5760 +
5761 +/***/ }),
5762 +
6078 5763 /***/ "@elementor/ui/Link":
6079 5764 /*!*****************************************!*\
6080 5765 !*** external "elementorV2.ui['Link']" ***!
6081 5766 \*****************************************/
@@ -6225,15 +5910,18 @@
6225 5910 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
6226 5911 var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
6227 5912 var _react2 = _interopRequireDefault(__webpack_require__(/*! elementor-utils/react */ "../assets/dev/js/utils/react.js"));
6228 5913 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
6229 -var _homeScreen = _interopRequireDefault(__webpack_require__(/*! ./components/home-screen */ "../modules/home/assets/js/components/home-screen.js"));
5914 +var _homeScreen = _interopRequireDefault(__webpack_require__(/*! ./components/home-screen/home-screen */ "../modules/home/assets/js/components/home-screen/home-screen.js"));
5915 +var _homeScreen2 = _interopRequireDefault(__webpack_require__(/*! ./components/editor-screen/home-screen */ "../modules/home/assets/js/components/editor-screen/home-screen.js"));
6230 5916 var App = function App(props) {
5917 + var _props$homeScreenData;
5918 + var ScreenComponent = !!((_props$homeScreenData = props.homeScreenData) !== null && _props$homeScreenData !== void 0 && _props$homeScreenData.isEditorOneActive) ? _homeScreen2.default : _homeScreen.default;
6231 5919 return /*#__PURE__*/_react.default.createElement(_ui.DirectionProvider, {
6232 5920 rtl: props.isRTL
6233 5921 }, /*#__PURE__*/_react.default.createElement(_ui.LocalizationProvider, null, /*#__PURE__*/_react.default.createElement(_ui.ThemeProvider, {
6234 5922 colorScheme: 'light'
6235 - }, /*#__PURE__*/_react.default.createElement(_homeScreen.default, {
5923 + }, /*#__PURE__*/_react.default.createElement(ScreenComponent, {
6236 5924 homeScreenData: props.homeScreenData,
6237 5925 adminUrl: props.adminUrl
6238 5926 }))));
6239 5927 };