PluginProbe
Elementor Website Builder – more than just a page builder / 3.35.0-dev2
Elementor Website Builder – more than just a page builder v3.35.0-dev2
4.3.3 4.3.2 4.3.1 4.3.0 4.3.0-beta3 4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 4.1.0-beta2 All 456 releases
← All changes | assets/js/e-home-screen.js +1261 -1588 4.1.0-beta2 → 3.35.0-dev2 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;
@@ -1349,13 +1515,8 @@
1349 1515 function WpDashboardTracking() {
1350 1516 (0, _classCallCheck2.default)(this, WpDashboardTracking);
1351 1517 }
1352 1518 return (0, _createClass2.default)(WpDashboardTracking, null, [{
1353 - key: "getElementorCommon",
1354 - value: function getElementorCommon() {
1355 - return window.elementorCommon;
1356 - }
1357 - }, {
1358 1519 key: "init",
1359 1520 value: function init() {
1360 1521 if (this.initialized) {
1361 1522 return;
@@ -1388,11 +1549,10 @@
1388 1549 }
1389 1550 }, {
1390 1551 key: "isEditorOneActive",
1391 1552 value: function isEditorOneActive() {
1392 - var _elementorCommon$conf, _elementorCommon$conf2;
1393 - var elementorCommon = this.getElementorCommon();
1394 - return (_elementorCommon$conf = elementorCommon === null || elementorCommon === void 0 || (_elementorCommon$conf2 = elementorCommon.config) === null || _elementorCommon$conf2 === void 0 || (_elementorCommon$conf2 = _elementorCommon$conf2.editor_events) === null || _elementorCommon$conf2 === void 0 ? void 0 : _elementorCommon$conf2.isEditorOneActive) !== null && _elementorCommon$conf !== void 0 ? _elementorCommon$conf : false;
1553 + var _elementorCommon$conf, _elementorCommon;
1554 + return (_elementorCommon$conf = (_elementorCommon = elementorCommon) === null || _elementorCommon === void 0 || (_elementorCommon = _elementorCommon.config) === null || _elementorCommon === void 0 || (_elementorCommon = _elementorCommon.editor_events) === null || _elementorCommon === void 0 ? void 0 : _elementorCommon.isEditorOneActive) !== null && _elementorCommon$conf !== void 0 ? _elementorCommon$conf : false;
1395 1555 }
1396 1556 }, {
1397 1557 key: "processPendingNavClick",
1398 1558 value: function processPendingNavClick() {
@@ -1446,29 +1606,26 @@
1446 1606 }
1447 1607 }, {
1448 1608 key: "isEventsManagerAvailable",
1449 1609 value: function isEventsManagerAvailable() {
1450 - var elementorCommon = this.getElementorCommon();
1451 - return (elementorCommon === null || elementorCommon === void 0 ? void 0 : elementorCommon.eventsManager) && 'function' === typeof elementorCommon.eventsManager.dispatchEvent;
1610 + var _elementorCommon2;
1611 + return ((_elementorCommon2 = elementorCommon) === null || _elementorCommon2 === void 0 ? void 0 : _elementorCommon2.eventsManager) && 'function' === typeof elementorCommon.eventsManager.dispatchEvent;
1452 1612 }
1453 1613 }, {
1454 1614 key: "canSendEvents",
1455 1615 value: function canSendEvents() {
1456 - var _elementorCommon$conf3, _elementorCommon$conf4;
1457 - var elementorCommon = this.getElementorCommon();
1458 - return (_elementorCommon$conf3 = elementorCommon === null || elementorCommon === void 0 || (_elementorCommon$conf4 = elementorCommon.config) === null || _elementorCommon$conf4 === void 0 || (_elementorCommon$conf4 = _elementorCommon$conf4.editor_events) === null || _elementorCommon$conf4 === void 0 ? void 0 : _elementorCommon$conf4.can_send_events) !== null && _elementorCommon$conf3 !== void 0 ? _elementorCommon$conf3 : false;
1616 + var _elementorCommon3;
1617 + return ((_elementorCommon3 = elementorCommon) === null || _elementorCommon3 === void 0 || (_elementorCommon3 = _elementorCommon3.config) === null || _elementorCommon3 === void 0 || (_elementorCommon3 = _elementorCommon3.editor_events) === null || _elementorCommon3 === void 0 ? void 0 : _elementorCommon3.can_send_events) || false;
1459 1618 }
1460 1619 }, {
1461 1620 key: "dispatchEvent",
1462 1621 value: function dispatchEvent(eventName) {
1463 - var _elementorCommon$even;
1464 1622 var properties = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
1465 1623 var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
1466 1624 if (!this.isEventsManagerAvailable() || !this.canSendEvents()) {
1467 1625 return;
1468 1626 }
1469 - var elementorCommon = this.getElementorCommon();
1470 - elementorCommon === null || elementorCommon === void 0 || (_elementorCommon$even = elementorCommon.eventsManager) === null || _elementorCommon$even === void 0 || _elementorCommon$even.dispatchEvent(eventName, properties, options);
1627 + elementorCommon.eventsManager.dispatchEvent(eventName, properties, options);
1471 1628 }
1472 1629 }, {
1473 1630 key: "updateActivity",
1474 1631 value: function updateActivity() {
@@ -1503,9 +1660,9 @@
1503 1660 var params = urlObj.searchParams;
1504 1661 var page = params.get('page');
1505 1662 var postType = params.get('post_type');
1506 1663 var action = params.get('action');
1507 - var elementorPages = ['elementor-home', 'e-form-submissions'];
1664 + var elementorPages = ['elementor', 'go_knowledge_base_site', 'e-form-submissions'];
1508 1665 var elementorPostTypes = ['elementor_library', 'e-floating-buttons'];
1509 1666 return page && elementorPages.some(function (p) {
1510 1667 return page.includes(p);
1511 1668 }) || postType && elementorPostTypes.includes(postType) || action && action.includes('elementor');
@@ -1704,8 +1861,11 @@
1704 1861 _screenView.default.destroy();
1705 1862 _promotion.default.destroy();
1706 1863 _menuPromotion.default.destroy();
1707 1864 _actionControls.default.destroy();
1865 + if (!WpDashboardTracking.isEditorOneActive()) {
1866 + _topBar.default.destroy();
1867 + }
1708 1868 this.initialized = false;
1709 1869 }
1710 1870 }]);
1711 1871 }();
@@ -1730,8 +1890,11 @@
1730 1890 _screenView.default.init();
1731 1891 _promotion.default.init();
1732 1892 _menuPromotion.default.init();
1733 1893 _actionControls.default.init();
1894 + if (!WpDashboardTracking.isEditorOneActive()) {
1895 + _topBar.default.init();
1896 + }
1734 1897 }
1735 1898 });
1736 1899 window.addEventListener('beforeunload', function () {
1737 1900 _navigation.default.destroy();
@@ -1793,15 +1956,138 @@
1793 1956 };
1794 1957
1795 1958 /***/ }),
1796 1959
1797 -/***/ "../modules/home/assets/js/components/create-new-page-dialog.js":
1798 -/*!**********************************************************************!*\
1799 - !*** ../modules/home/assets/js/components/create-new-page-dialog.js ***!
1800 - \**********************************************************************/
1960 +/***/ "../modules/home/assets/js/components/editor-screen/addons-section.js":
1961 +/*!****************************************************************************!*\
1962 + !*** ../modules/home/assets/js/components/editor-screen/addons-section.js ***!
1963 + \****************************************************************************/
1801 1964 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1802 1965
1803 1966 "use strict";
1967 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
1968 +
1969 +
1970 +var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1971 +Object.defineProperty(exports, "__esModule", ({
1972 + value: true
1973 +}));
1974 +exports["default"] = void 0;
1975 +var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
1976 +var _objectDestructuringEmpty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectDestructuringEmpty */ "../node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js"));
1977 +var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
1978 +var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1979 +var _List = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/List */ "@elementor/ui/List"));
1980 +var _Link = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Link */ "@elementor/ui/Link"));
1981 +var _Button = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Button */ "@elementor/ui/Button"));
1982 +var _Card = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Card */ "@elementor/ui/Card"));
1983 +var _CardActions = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/CardActions */ "@elementor/ui/CardActions"));
1984 +var _CardContent = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/CardContent */ "@elementor/ui/CardContent"));
1985 +var _CardMedia = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/CardMedia */ "@elementor/ui/CardMedia"));
1986 +var _promoTracking = __webpack_require__(/*! ../../utils/promo-tracking */ "../modules/home/assets/js/utils/promo-tracking.js");
1987 +var Addons = function Addons(_ref) {
1988 + var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
1989 + var domain = props.adminUrl.replace('wp-admin/', '');
1990 + var addonsArray = props.addonsData.repeater;
1991 + var cardsPerRow = 3 === addonsArray.length ? 3 : 2;
1992 + var handleAddonClick = function handleAddonClick(title, url) {
1993 + (0, _promoTracking.trackPromoClick)(title, url, (0, _promoTracking.getHomeScreenPath)('addons'));
1994 + };
1995 + return /*#__PURE__*/_react.default.createElement(_ui.Paper, {
1996 + elevation: 0,
1997 + sx: {
1998 + py: 3,
1999 + px: {
2000 + xs: 3,
2001 + md: 4
2002 + },
2003 + display: 'flex',
2004 + flexDirection: 'column',
2005 + gap: 2,
2006 + borderRadius: 2,
2007 + border: '1px solid rgba(0, 0, 0, 0.12)'
2008 + }
2009 + }, /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
2010 + variant: "h6"
2011 + }, props.addonsData.header.title), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
2012 + variant: "body2",
2013 + color: "text.secondary"
2014 + }, props.addonsData.header.description)), /*#__PURE__*/_react.default.createElement(_List.default, {
2015 + sx: {
2016 + display: 'grid',
2017 + gridTemplateColumns: {
2018 + md: "repeat(".concat(cardsPerRow, ", 1fr)"),
2019 + xs: 'repeat(1, 1fr)'
2020 + },
2021 + gap: 2
2022 + }
2023 + }, addonsArray.map(function (item) {
2024 + var linkTarget = item.hasOwnProperty('target') ? item.target : '_blank';
2025 + return /*#__PURE__*/_react.default.createElement(_Card.default, {
2026 + key: item.title,
2027 + elevation: 0,
2028 + sx: {
2029 + display: 'flex',
2030 + border: 1,
2031 + borderRadius: 1,
2032 + borderColor: 'action.focus'
2033 + }
2034 + }, /*#__PURE__*/_react.default.createElement(_CardContent.default, {
2035 + sx: {
2036 + display: 'flex',
2037 + flexDirection: 'column',
2038 + justifyContent: 'space-between',
2039 + gap: 3,
2040 + p: 3
2041 + }
2042 + }, /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_CardMedia.default, {
2043 + image: item.image,
2044 + sx: {
2045 + height: '58px',
2046 + width: '58px',
2047 + mb: 2
2048 + }
2049 + }), /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
2050 + variant: "subtitle2"
2051 + }, item.title), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
2052 + variant: "body2",
2053 + color: "text.secondary"
2054 + }, item.description))), /*#__PURE__*/_react.default.createElement(_CardActions.default, {
2055 + sx: {
2056 + p: 0
2057 + }
2058 + }, /*#__PURE__*/_react.default.createElement(_Button.default, {
2059 + variant: "outlined",
2060 + size: "small",
2061 + color: "promotion",
2062 + href: item.url,
2063 + target: linkTarget,
2064 + onClick: function onClick() {
2065 + return handleAddonClick(item.title, item.url);
2066 + }
2067 + }, item.button_label))));
2068 + })), /*#__PURE__*/_react.default.createElement(_Link.default, {
2069 + variant: "body2",
2070 + color: "info.main",
2071 + underline: "none",
2072 + href: "".concat(domain).concat(props.addonsData.footer.file_path)
2073 + }, props.addonsData.footer.label));
2074 +};
2075 +var _default = exports["default"] = Addons;
2076 +Addons.propTypes = {
2077 + addonsData: PropTypes.object.isRequired,
2078 + adminUrl: PropTypes.string.isRequired
2079 +};
2080 +
2081 +/***/ }),
2082 +
2083 +/***/ "../modules/home/assets/js/components/editor-screen/create-new-page-dialog.js":
2084 +/*!************************************************************************************!*\
2085 + !*** ../modules/home/assets/js/components/editor-screen/create-new-page-dialog.js ***!
2086 + \************************************************************************************/
2087 +/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2088 +
2089 +"use strict";
1804 2090 /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
1805 2091 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
1806 2092
1807 2093
@@ -1880,12 +2166,12 @@
1880 2166 };
1881 2167
1882 2168 /***/ }),
1883 2169
1884 -/***/ "../modules/home/assets/js/components/create-with-ai-banner.js":
1885 -/*!*********************************************************************!*\
1886 - !*** ../modules/home/assets/js/components/create-with-ai-banner.js ***!
1887 - \*********************************************************************/
2170 +/***/ "../modules/home/assets/js/components/editor-screen/create-with-ai-banner.js":
2171 +/*!***********************************************************************************!*\
2172 + !*** ../modules/home/assets/js/components/editor-screen/create-with-ai-banner.js ***!
2173 + \***********************************************************************************/
1888 2174 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1889 2175
1890 2176 "use strict";
1891 2177 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
@@ -1903,9 +2189,9 @@
1903 2189 var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
1904 2190 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1905 2191 var _Typography = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Typography */ "@elementor/ui/Typography"));
1906 2192 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");
2193 +var _promoTracking = __webpack_require__(/*! ../../utils/promo-tracking */ "../modules/home/assets/js/utils/promo-tracking.js");
1908 2194 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 2195 var CreateWithAIBanner = function CreateWithAIBanner(_ref) {
1910 2196 var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
1911 2197 var createWithAIData = props.createWithAIData;
@@ -2018,12 +2304,12 @@
2018 2304 var _default = exports["default"] = CreateWithAIBanner;
2019 2305
2020 2306 /***/ }),
2021 2307
2022 -/***/ "../modules/home/assets/js/components/external-links-section.js":
2023 -/*!**********************************************************************!*\
2024 - !*** ../modules/home/assets/js/components/external-links-section.js ***!
2025 - \**********************************************************************/
2308 +/***/ "../modules/home/assets/js/components/editor-screen/external-links-section.js":
2309 +/*!************************************************************************************!*\
2310 + !*** ../modules/home/assets/js/components/editor-screen/external-links-section.js ***!
2311 + \************************************************************************************/
2026 2312 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2027 2313
2028 2314 "use strict";
2029 2315 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
@@ -2103,12 +2389,12 @@
2103 2389 };
2104 2390
2105 2391 /***/ }),
2106 2392
2107 -/***/ "../modules/home/assets/js/components/get-started-list-item.js":
2108 -/*!*********************************************************************!*\
2109 - !*** ../modules/home/assets/js/components/get-started-list-item.js ***!
2110 - \*********************************************************************/
2393 +/***/ "../modules/home/assets/js/components/editor-screen/get-started-list-item.js":
2394 +/*!***********************************************************************************!*\
2395 + !*** ../modules/home/assets/js/components/editor-screen/get-started-list-item.js ***!
2396 + \***********************************************************************************/
2111 2397 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2112 2398
2113 2399 "use strict";
2114 2400 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
@@ -2124,9 +2410,9 @@
2124 2410 var _ListItem = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItem */ "@elementor/ui/ListItem"));
2125 2411 var _ListItemText = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItemText */ "@elementor/ui/ListItemText"));
2126 2412 var _Link = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Link */ "@elementor/ui/Link"));
2127 2413 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"));
2414 +var _createNewPageDialog = _interopRequireDefault(__webpack_require__(/*! ./create-new-page-dialog */ "../modules/home/assets/js/components/editor-screen/create-new-page-dialog.js"));
2129 2415 var GetStartedListItem = function GetStartedListItem(_ref) {
2130 2416 var item = _ref.item,
2131 2417 image = _ref.image,
2132 2418 adminUrl = _ref.adminUrl;
@@ -2190,15 +2476,16 @@
2190 2476 };
2191 2477
2192 2478 /***/ }),
2193 2479
2194 -/***/ "../modules/home/assets/js/components/get-started-section.js":
2195 -/*!*******************************************************************!*\
2196 - !*** ../modules/home/assets/js/components/get-started-section.js ***!
2197 - \*******************************************************************/
2480 +/***/ "../modules/home/assets/js/components/editor-screen/get-started-section.js":
2481 +/*!*********************************************************************************!*\
2482 + !*** ../modules/home/assets/js/components/editor-screen/get-started-section.js ***!
2483 + \*********************************************************************************/
2198 2484 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2199 2485
2200 2486 "use strict";
2487 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
2201 2488
2202 2489
2203 2490 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
2204 2491 Object.defineProperty(exports, "__esModule", ({
@@ -2209,14 +2496,11 @@
2209 2496 var _objectDestructuringEmpty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectDestructuringEmpty */ "../node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js"));
2210 2497 var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
2211 2498 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2212 2499 var _List = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/List */ "@elementor/ui/List"));
2213 -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"));
2500 +var _getStartedListItem = _interopRequireDefault(__webpack_require__(/*! ./get-started-list-item */ "../modules/home/assets/js/components/editor-screen/get-started-list-item.js"));
2215 2501 var GetStarted = function GetStarted(_ref) {
2216 2502 var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
2217 - var hasSidebarPromotion = props.homeScreenData.hasOwnProperty('sidebar_promotion_variants');
2218 - var mdGridColumns = hasSidebarPromotion ? 'repeat(3, 1fr)' : 'repeat(4, 1fr)';
2219 2503 return /*#__PURE__*/_react.default.createElement(_ui.Paper, {
2220 2504 elevation: 0,
2221 2505 sx: {
2222 2506 py: 3,
@@ -2238,10 +2522,9 @@
2238 2522 }, props.getStartedData.header.description)), /*#__PURE__*/_react.default.createElement(_List.default, {
2239 2523 sx: {
2240 2524 display: 'grid',
2241 2525 gridTemplateColumns: {
2242 - xl: 'repeat(4, 1fr)',
2243 - md: mdGridColumns,
2526 + md: 'repeat(4, 1fr)',
2244 2527 xs: 'repeat(2, 1fr)'
2245 2528 },
2246 2529 columnGap: {
2247 2530 md: 9,
@@ -2259,19 +2542,18 @@
2259 2542 })));
2260 2543 };
2261 2544 var _default = exports["default"] = GetStarted;
2262 2545 GetStarted.propTypes = {
2263 - getStartedData: _propTypes.default.object.isRequired,
2264 - adminUrl: _propTypes.default.string.isRequired,
2265 - homeScreenData: _propTypes.default.object.isRequired
2546 + getStartedData: PropTypes.object.isRequired,
2547 + adminUrl: PropTypes.string.isRequired
2266 2548 };
2267 2549
2268 2550 /***/ }),
2269 2551
2270 -/***/ "../modules/home/assets/js/components/header-section.js":
2271 -/*!**************************************************************!*\
2272 - !*** ../modules/home/assets/js/components/header-section.js ***!
2273 - \**************************************************************/
2552 +/***/ "../modules/home/assets/js/components/editor-screen/header-section.js":
2553 +/*!****************************************************************************!*\
2554 + !*** ../modules/home/assets/js/components/editor-screen/header-section.js ***!
2555 + \****************************************************************************/
2274 2556 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2275 2557
2276 2558 "use strict";
2277 2559
@@ -2314,12 +2596,12 @@
2314 2596 var _default = exports["default"] = HeaderSection;
2315 2597
2316 2598 /***/ }),
2317 2599
2318 -/***/ "../modules/home/assets/js/components/home-screen.js":
2319 -/*!***********************************************************!*\
2320 - !*** ../modules/home/assets/js/components/home-screen.js ***!
2321 - \***********************************************************/
2600 +/***/ "../modules/home/assets/js/components/editor-screen/home-screen.js":
2601 +/*!*************************************************************************!*\
2602 + !*** ../modules/home/assets/js/components/editor-screen/home-screen.js ***!
2603 + \*************************************************************************/
2322 2604 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2323 2605
2324 2606 "use strict";
2325 2607 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
@@ -2331,21 +2613,16 @@
2331 2613 }));
2332 2614 exports["default"] = void 0;
2333 2615 var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
2334 2616 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"));
2617 +var _headerSection = _interopRequireDefault(__webpack_require__(/*! ./header-section */ "../modules/home/assets/js/components/editor-screen/header-section.js"));
2618 +var _topSection = _interopRequireDefault(__webpack_require__(/*! ./top-section */ "../modules/home/assets/js/components/editor-screen/top-section.js"));
2619 +var _sidebarPromotion = _interopRequireDefault(__webpack_require__(/*! ./sidebar-promotion */ "../modules/home/assets/js/components/editor-screen/sidebar-promotion.js"));
2620 +var _addonsSection = _interopRequireDefault(__webpack_require__(/*! ./addons-section */ "../modules/home/assets/js/components/editor-screen/addons-section.js"));
2621 +var _externalLinksSection = _interopRequireDefault(__webpack_require__(/*! ./external-links-section */ "../modules/home/assets/js/components/editor-screen/external-links-section.js"));
2622 +var _getStartedSection = _interopRequireDefault(__webpack_require__(/*! ./get-started-section */ "../modules/home/assets/js/components/editor-screen/get-started-section.js"));
2623 +var _createWithAiBanner = _interopRequireDefault(__webpack_require__(/*! ./create-with-ai-banner */ "../modules/home/assets/js/components/editor-screen/create-with-ai-banner.js"));
2343 2624 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 2625 var hasSidebarPromotion = props.homeScreenData.hasOwnProperty('sidebar_promotion_variants');
2349 2626 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 2627 disableGutters: true,
2351 2628 maxWidth: "lg",
@@ -2362,10 +2639,8 @@
2362 2639 editWebsiteUrl: props.homeScreenData.edit_website_url
2363 2640 }), props.homeScreenData.top_with_licences && /*#__PURE__*/_react.default.createElement(_topSection.default, {
2364 2641 topData: props.homeScreenData.top_with_licences,
2365 2642 buttonCtaUrl: props.homeScreenData.button_cta_url
2366 - }), props.homeScreenData.site_builder && /*#__PURE__*/_react.default.createElement(_index.default, {
2367 - siteBuilderData: props.homeScreenData.site_builder
2368 2643 }), /*#__PURE__*/_react.default.createElement(_ui.Box, {
2369 2644 sx: {
2370 2645 display: 'flex',
2371 2646 flexDirection: {
@@ -2383,10 +2658,12 @@
2383 2658 }, props.homeScreenData.create_with_ai && /*#__PURE__*/_react.default.createElement(_createWithAiBanner.default, {
2384 2659 createWithAIData: props.homeScreenData.create_with_ai
2385 2660 }), /*#__PURE__*/_react.default.createElement(_getStartedSection.default, {
2386 2661 getStartedData: props.homeScreenData.get_started,
2387 - adminUrl: props.adminUrl,
2388 - homeScreenData: props.homeScreenData
2662 + adminUrl: props.adminUrl
2663 + }), props.homeScreenData.add_ons && /*#__PURE__*/_react.default.createElement(_addonsSection.default, {
2664 + addonsData: props.homeScreenData.add_ons,
2665 + adminUrl: props.adminUrl
2389 2666 }), /*#__PURE__*/_react.default.createElement(_externalLinksSection.default, {
2390 2667 externalLinksData: props.homeScreenData.external_links
2391 2668 })), hasSidebarPromotion && /*#__PURE__*/_react.default.createElement(_ui.Container, {
2392 2669 maxWidth: "xs",
@@ -2410,59 +2687,15 @@
2410 2687 var _default = exports["default"] = EditorScreen;
2411 2688
2412 2689 /***/ }),
2413 2690
2414 -/***/ "../modules/home/assets/js/components/load-fallback-message.js":
2415 -/*!*********************************************************************!*\
2416 - !*** ../modules/home/assets/js/components/load-fallback-message.js ***!
2417 - \*********************************************************************/
2691 +/***/ "../modules/home/assets/js/components/editor-screen/promotions/sidebar-banner.js":
2692 +/*!***************************************************************************************!*\
2693 + !*** ../modules/home/assets/js/components/editor-screen/promotions/sidebar-banner.js ***!
2694 + \***************************************************************************************/
2418 2695 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2419 2696
2420 2697 "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 2698 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
2466 2699
2467 2700
2468 2701 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
@@ -2472,9 +2705,9 @@
2472 2705 exports["default"] = void 0;
2473 2706 var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
2474 2707 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2475 2708 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");
2709 +var _promoTracking = __webpack_require__(/*! ../../../utils/promo-tracking */ "../modules/home/assets/js/utils/promo-tracking.js");
2477 2710 var SidebarBanner = function SidebarBanner(_ref) {
2478 2711 var image = _ref.image,
2479 2712 link = _ref.link;
2480 2713 var handleClick = function handleClick() {
@@ -2519,12 +2752,12 @@
2519 2752 };
2520 2753
2521 2754 /***/ }),
2522 2755
2523 -/***/ "../modules/home/assets/js/components/promotions/sidebar-default.js":
2524 -/*!**************************************************************************!*\
2525 - !*** ../modules/home/assets/js/components/promotions/sidebar-default.js ***!
2526 - \**************************************************************************/
2756 +/***/ "../modules/home/assets/js/components/editor-screen/promotions/sidebar-default.js":
2757 +/*!****************************************************************************************!*\
2758 + !*** ../modules/home/assets/js/components/editor-screen/promotions/sidebar-default.js ***!
2759 + \****************************************************************************************/
2527 2760 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2528 2761
2529 2762 "use strict";
2530 2763 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
@@ -2539,11 +2772,11 @@
2539 2772 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2540 2773 var _Button = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Button */ "@elementor/ui/Button"));
2541 2774 var _List = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/List */ "@elementor/ui/List"));
2542 2775 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"));
2776 +var _sideBarCheckIcon = _interopRequireDefault(__webpack_require__(/*! ../../../icons/side-bar-check-icon */ "../modules/home/assets/js/icons/side-bar-check-icon.js"));
2544 2777 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");
2778 +var _promoTracking = __webpack_require__(/*! ../../../utils/promo-tracking */ "../modules/home/assets/js/utils/promo-tracking.js");
2546 2779 var SidebarDefault = function SidebarDefault(_ref) {
2547 2780 var header = _ref.header,
2548 2781 cta = _ref.cta,
2549 2782 repeater = _ref.repeater;
@@ -2615,12 +2848,12 @@
2615 2848 };
2616 2849
2617 2850 /***/ }),
2618 2851
2619 -/***/ "../modules/home/assets/js/components/sidebar-promotion.js":
2620 -/*!*****************************************************************!*\
2621 - !*** ../modules/home/assets/js/components/sidebar-promotion.js ***!
2622 - \*****************************************************************/
2852 +/***/ "../modules/home/assets/js/components/editor-screen/sidebar-promotion.js":
2853 +/*!*******************************************************************************!*\
2854 + !*** ../modules/home/assets/js/components/editor-screen/sidebar-promotion.js ***!
2855 + \*******************************************************************************/
2623 2856 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2624 2857
2625 2858 "use strict";
2626 2859 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
@@ -2631,10 +2864,10 @@
2631 2864 value: true
2632 2865 }));
2633 2866 exports["default"] = void 0;
2634 2867 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"));
2868 +var _sidebarBanner = _interopRequireDefault(__webpack_require__(/*! ./promotions/sidebar-banner */ "../modules/home/assets/js/components/editor-screen/promotions/sidebar-banner.js"));
2869 +var _sidebarDefault = _interopRequireDefault(__webpack_require__(/*! ./promotions/sidebar-default */ "../modules/home/assets/js/components/editor-screen/promotions/sidebar-default.js"));
2637 2870 var SideBarPromotion = function SideBarPromotion(_ref) {
2638 2871 var sideData = _ref.sideData;
2639 2872 if ('banner' === sideData.type) {
2640 2873 return /*#__PURE__*/_react.default.createElement(_sidebarBanner.default, sideData.data);
@@ -2647,12 +2880,12 @@
2647 2880 };
2648 2881
2649 2882 /***/ }),
2650 2883
2651 -/***/ "../modules/home/assets/js/components/top-section.js":
2652 -/*!***********************************************************!*\
2653 - !*** ../modules/home/assets/js/components/top-section.js ***!
2654 - \***********************************************************/
2884 +/***/ "../modules/home/assets/js/components/editor-screen/top-section.js":
2885 +/*!*************************************************************************!*\
2886 + !*** ../modules/home/assets/js/components/editor-screen/top-section.js ***!
2887 + \*************************************************************************/
2655 2888 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2656 2889
2657 2890 "use strict";
2658 2891 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
@@ -2668,10 +2901,10 @@
2668 2901 var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
2669 2902 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2670 2903 var _Typography = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Typography */ "@elementor/ui/Typography"));
2671 2904 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");
2905 +var _youtubeIcon = _interopRequireDefault(__webpack_require__(/*! ../../icons/youtube-icon */ "../modules/home/assets/js/icons/youtube-icon.js"));
2906 +var _promoTracking = __webpack_require__(/*! ../../utils/promo-tracking */ "../modules/home/assets/js/utils/promo-tracking.js");
2674 2907 var TopSection = function TopSection(_ref) {
2675 2908 var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
2676 2909 var topData = props.topData,
2677 2910 buttonCtaUrl = props.buttonCtaUrl;
@@ -2708,10 +2941,9 @@
2708 2941 },
2709 2942 gap: {
2710 2943 xs: 2,
2711 2944 sm: 3,
2712 - lg: 10,
2713 - xl: 22
2945 + lg: 22
2714 2946 },
2715 2947 borderRadius: 1,
2716 2948 border: '1px solid rgba(0, 0, 0, 0.12)'
2717 2949 }
@@ -2766,15 +2998,16 @@
2766 2998 var _default = exports["default"] = TopSection;
2767 2999
2768 3000 /***/ }),
2769 3001
2770 -/***/ "../modules/home/assets/js/icons/ai-loader-icon.js":
2771 -/*!*********************************************************!*\
2772 - !*** ../modules/home/assets/js/icons/ai-loader-icon.js ***!
2773 - \*********************************************************/
3002 +/***/ "../modules/home/assets/js/components/home-screen/addons-section.js":
3003 +/*!**************************************************************************!*\
3004 + !*** ../modules/home/assets/js/components/home-screen/addons-section.js ***!
3005 + \**************************************************************************/
2774 3006 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2775 3007
2776 3008 "use strict";
3009 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
2777 3010
2778 3011
2779 3012 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
2780 3013 Object.defineProperty(exports, "__esModule", ({
@@ -2781,214 +3014,555 @@
2781 3014 value: true
2782 3015 }));
2783 3016 exports["default"] = void 0;
2784 3017 var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
3018 +var _objectDestructuringEmpty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectDestructuringEmpty */ "../node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js"));
3019 +var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
2785 3020 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, {
3021 +var _List = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/List */ "@elementor/ui/List"));
3022 +var _Link = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Link */ "@elementor/ui/Link"));
3023 +var _Button = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Button */ "@elementor/ui/Button"));
3024 +var _Card = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Card */ "@elementor/ui/Card"));
3025 +var _CardActions = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/CardActions */ "@elementor/ui/CardActions"));
3026 +var _CardContent = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/CardContent */ "@elementor/ui/CardContent"));
3027 +var _CardMedia = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/CardMedia */ "@elementor/ui/CardMedia"));
3028 +var _promoTracking = __webpack_require__(/*! ../../utils/promo-tracking */ "../modules/home/assets/js/utils/promo-tracking.js");
3029 +var Addons = function Addons(_ref) {
3030 + var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
3031 + var domain = props.adminUrl.replace('wp-admin/', '');
3032 + var addonsArray = props.addonsData.repeater;
3033 + var cardsPerRow = 3 === addonsArray.length ? 3 : 2;
3034 + var handleAddonClick = function handleAddonClick(title, url) {
3035 + (0, _promoTracking.trackPromoClick)(title, url, (0, _promoTracking.getHomeScreenPath)('addons'));
3036 + };
3037 + return /*#__PURE__*/_react.default.createElement(_ui.Paper, {
3038 + elevation: 0,
2789 3039 sx: {
2790 - position: 'relative',
2791 - width: 40,
2792 - height: 40
3040 + p: 3,
3041 + display: 'flex',
3042 + flexDirection: 'column',
3043 + gap: 2
2793 3044 }
2794 - }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
3045 + }, /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
3046 + variant: "h6"
3047 + }, props.addonsData.header.title), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
3048 + variant: "body2",
3049 + color: "text.secondary"
3050 + }, props.addonsData.header.description)), /*#__PURE__*/_react.default.createElement(_List.default, {
2795 3051 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)'
3052 + display: 'grid',
3053 + gridTemplateColumns: {
3054 + md: "repeat(".concat(cardsPerRow, ", 1fr)"),
3055 + xs: 'repeat(1, 1fr)'
3056 + },
3057 + gap: 2
2802 3058 }
2803 - }), /*#__PURE__*/_react.default.createElement(_ui.Box, {
3059 + }, addonsArray.map(function (item) {
3060 + var linkTarget = item.hasOwnProperty('target') ? item.target : '_blank';
3061 + return /*#__PURE__*/_react.default.createElement(_Card.default, {
3062 + key: item.title,
3063 + elevation: 0,
3064 + sx: {
3065 + display: 'flex',
3066 + border: 1,
3067 + borderRadius: 1,
3068 + borderColor: 'action.focus'
3069 + }
3070 + }, /*#__PURE__*/_react.default.createElement(_CardContent.default, {
3071 + sx: {
3072 + display: 'flex',
3073 + flexDirection: 'column',
3074 + justifyContent: 'space-between',
3075 + gap: 3,
3076 + p: 3
3077 + }
3078 + }, /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_CardMedia.default, {
3079 + image: item.image,
3080 + sx: {
3081 + height: '58px',
3082 + width: '58px',
3083 + mb: 2
3084 + }
3085 + }), /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
3086 + variant: "subtitle2"
3087 + }, item.title), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
3088 + variant: "body2",
3089 + color: "text.secondary"
3090 + }, item.description))), /*#__PURE__*/_react.default.createElement(_CardActions.default, {
3091 + sx: {
3092 + p: 0
3093 + }
3094 + }, /*#__PURE__*/_react.default.createElement(_Button.default, {
3095 + variant: "outlined",
3096 + size: "small",
3097 + color: "promotion",
3098 + href: item.url,
3099 + target: linkTarget,
3100 + onClick: function onClick() {
3101 + return handleAddonClick(item.title, item.url);
3102 + }
3103 + }, item.button_label))));
3104 + })), /*#__PURE__*/_react.default.createElement(_Link.default, {
3105 + variant: "body2",
3106 + color: "info.main",
3107 + underline: "none",
3108 + href: "".concat(domain).concat(props.addonsData.footer.file_path)
3109 + }, props.addonsData.footer.label));
3110 +};
3111 +var _default = exports["default"] = Addons;
3112 +Addons.propTypes = {
3113 + addonsData: PropTypes.object.isRequired,
3114 + adminUrl: PropTypes.string.isRequired
3115 +};
3116 +
3117 +/***/ }),
3118 +
3119 +/***/ "../modules/home/assets/js/components/home-screen/create-new-page-dialog.js":
3120 +/*!**********************************************************************************!*\
3121 + !*** ../modules/home/assets/js/components/home-screen/create-new-page-dialog.js ***!
3122 + \**********************************************************************************/
3123 +/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
3124 +
3125 +"use strict";
3126 +/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
3127 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
3128 +
3129 +
3130 +var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
3131 +var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
3132 +Object.defineProperty(exports, "__esModule", ({
3133 + value: true
3134 +}));
3135 +exports["default"] = void 0;
3136 +var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
3137 +var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
3138 +var _DialogHeader = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/DialogHeader */ "@elementor/ui/DialogHeader"));
3139 +var _DialogHeaderGroup = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/DialogHeaderGroup */ "@elementor/ui/DialogHeaderGroup"));
3140 +var _DialogTitle = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/DialogTitle */ "@elementor/ui/DialogTitle"));
3141 +var _DialogContent = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/DialogContent */ "@elementor/ui/DialogContent"));
3142 +var _DialogContentText = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/DialogContentText */ "@elementor/ui/DialogContentText"));
3143 +var _TextField = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/TextField */ "@elementor/ui/TextField"));
3144 +var _DialogActions = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/DialogActions */ "@elementor/ui/DialogActions"));
3145 +var _Button = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Button */ "@elementor/ui/Button"));
3146 +var _Dialog = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Dialog */ "@elementor/ui/Dialog"));
3147 +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); }
3148 +var CreateNewPageDialog = function CreateNewPageDialog(_ref) {
3149 + var url = _ref.url,
3150 + isOpen = _ref.isOpen,
3151 + closedDialogCallback = _ref.closedDialogCallback;
3152 + var _React$useState = _react.default.useState(false),
3153 + _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
3154 + open = _React$useState2[0],
3155 + setOpen = _React$useState2[1];
3156 + var _React$useState3 = _react.default.useState(''),
3157 + _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
3158 + pageName = _React$useState4[0],
3159 + setPageName = _React$useState4[1];
3160 + (0, _react.useEffect)(function () {
3161 + setOpen(isOpen);
3162 + }, [isOpen]);
3163 + var handleDialogClose = function handleDialogClose() {
3164 + setOpen(false);
3165 + closedDialogCallback();
3166 + };
3167 + var handleChange = function handleChange(event) {
3168 + var urlParams = new URLSearchParams();
3169 + urlParams.append('post_data[post_title]', event.target.value);
3170 + setPageName(urlParams.toString());
3171 + };
3172 + return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
3173 + open: open,
3174 + onClose: handleDialogClose,
3175 + maxWidth: "xs",
3176 + width: "xs",
3177 + fullWidth: true
3178 + }, /*#__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, {
3179 + dividers: true
3180 + }, /*#__PURE__*/_react.default.createElement(_DialogContentText.default, {
2804 3181 sx: {
2805 - position: 'absolute',
2806 - top: 8,
2807 - left: 8,
2808 - width: 24,
2809 - height: 24,
2810 - pointerEvents: 'none'
3182 + mb: 2
2811 3183 }
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 - }));
3184 + }, __('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, {
3185 + onChange: handleChange,
3186 + fullWidth: true,
3187 + placeholder: __('New Page', 'elementor')
3188 + })), /*#__PURE__*/_react.default.createElement(_DialogActions.default, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
3189 + onClick: handleDialogClose,
3190 + color: "secondary"
3191 + }, __('Cancel', 'elementor')), /*#__PURE__*/_react.default.createElement(_Button.default, {
3192 + variant: "contained",
3193 + href: pageName ? url + '&' + pageName : url,
3194 + target: "_blank"
3195 + }, __('Save', 'elementor'))));
2846 3196 };
2847 -var _default = exports["default"] = AiLoaderIcon;
3197 +var _default = exports["default"] = CreateNewPageDialog;
3198 +CreateNewPageDialog.propTypes = {
3199 + url: PropTypes.string.isRequired,
3200 + isOpen: PropTypes.bool.isRequired,
3201 + closedDialogCallback: PropTypes.func.isRequired
3202 +};
2848 3203
2849 3204 /***/ }),
2850 3205
2851 -/***/ "../modules/home/assets/js/icons/ai-stars-icon.js":
2852 -/*!********************************************************!*\
2853 - !*** ../modules/home/assets/js/icons/ai-stars-icon.js ***!
2854 - \********************************************************/
3206 +/***/ "../modules/home/assets/js/components/home-screen/create-with-ai-banner.js":
3207 +/*!*********************************************************************************!*\
3208 + !*** ../modules/home/assets/js/components/home-screen/create-with-ai-banner.js ***!
3209 + \*********************************************************************************/
2855 3210 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2856 3211
2857 3212 "use strict";
3213 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
2858 3214
2859 3215
2860 3216 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
3217 +var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
2861 3218 Object.defineProperty(exports, "__esModule", ({
2862 3219 value: true
2863 3220 }));
2864 3221 exports["default"] = void 0;
2865 -var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
3222 +var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
3223 +var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
3224 +var _objectDestructuringEmpty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectDestructuringEmpty */ "../node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js"));
2866 3225 var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
2867 3226 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",
3227 +var _Typography = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Typography */ "@elementor/ui/Typography"));
3228 +var _Button = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Button */ "@elementor/ui/Button"));
3229 +var _promoTracking = __webpack_require__(/*! ../../utils/promo-tracking */ "../modules/home/assets/js/utils/promo-tracking.js");
3230 +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); }
3231 +var CreateWithAIBanner = function CreateWithAIBanner(_ref) {
3232 + var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
3233 + var createWithAIData = props.createWithAIData;
3234 + var _useState = (0, _react.useState)(''),
3235 + _useState2 = (0, _slicedToArray2.default)(_useState, 2),
3236 + inputValue = _useState2[0],
3237 + setInputValue = _useState2[1];
3238 + if (!createWithAIData) {
3239 + return null;
3240 + }
3241 + var title = createWithAIData.title,
3242 + description = createWithAIData.description,
3243 + inputPlaceholder = createWithAIData.input_placeholder,
3244 + buttonTitle = createWithAIData.button_title,
3245 + buttonCtaUrl = createWithAIData.button_cta_url,
3246 + backgroundImage = createWithAIData.background_image,
3247 + utmSource = createWithAIData.utm_source,
3248 + utmMedium = createWithAIData.utm_medium,
3249 + utmCampaign = createWithAIData.utm_campaign;
3250 + var handleInputChange = function handleInputChange(event) {
3251 + setInputValue(event.target.value);
3252 + };
3253 + var getButtonHref = function getButtonHref() {
3254 + if (!inputValue) {
3255 + return buttonCtaUrl;
3256 + }
3257 + var url = new URL(buttonCtaUrl);
3258 + url.searchParams.append('prompt', inputValue);
3259 + url.searchParams.append('utm_source', utmSource);
3260 + url.searchParams.append('utm_medium', utmMedium);
3261 + url.searchParams.append('utm_campaign', utmCampaign);
3262 + return url.toString();
3263 + };
3264 + var handleNavigation = function handleNavigation() {
3265 + if (!inputValue) {
3266 + return;
3267 + }
3268 + var destination = getButtonHref();
3269 + (0, _promoTracking.trackPromoClick)(title, destination, (0, _promoTracking.getHomeScreenPath)('ai_banner'));
3270 + window.open(destination, '_blank');
3271 + setInputValue('');
3272 + };
3273 + var handleKeyDown = function handleKeyDown(event) {
3274 + if ('Enter' === event.key) {
3275 + event.preventDefault();
3276 + handleNavigation();
3277 + }
3278 + };
3279 + return /*#__PURE__*/_react.default.createElement(_ui.Paper, {
3280 + elevation: 0,
2871 3281 sx: {
2872 - width: 10,
2873 - height: 10
3282 + display: 'flex',
3283 + flexDirection: 'column',
3284 + py: 3,
3285 + px: 4,
3286 + gap: 2,
3287 + backgroundImage: "url(".concat(backgroundImage, ")"),
3288 + backgroundSize: 'cover',
3289 + backgroundPosition: 'right center',
3290 + backgroundRepeat: 'no-repeat'
2874 3291 }
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 - }));
3292 + }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
3293 + gap: 1,
3294 + justifyContent: "center"
3295 + }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
3296 + variant: "h6"
3297 + }, title), /*#__PURE__*/_react.default.createElement(_Typography.default, {
3298 + variant: "body2",
3299 + color: "secondary"
3300 + }, description)), /*#__PURE__*/_react.default.createElement(_ui.Box, {
3301 + sx: {
3302 + display: 'flex',
3303 + flexDirection: {
3304 + xs: 'column',
3305 + sm: 'row'
3306 + },
3307 + gap: 2,
3308 + mt: 1
3309 + }
3310 + }, /*#__PURE__*/_react.default.createElement(_ui.TextField, {
3311 + fullWidth: true,
3312 + placeholder: inputPlaceholder,
3313 + variant: "outlined",
3314 + color: "secondary",
3315 + size: "small",
3316 + sx: {
3317 + flex: 1
3318 + },
3319 + value: inputValue,
3320 + onChange: handleInputChange,
3321 + onKeyDown: handleKeyDown
3322 + }), /*#__PURE__*/_react.default.createElement(_Button.default, {
3323 + variant: "outlined",
3324 + size: "small",
3325 + color: "secondary",
3326 + startIcon: /*#__PURE__*/_react.default.createElement("span", {
3327 + className: "eicon-ai"
3328 + }),
3329 + onClick: handleNavigation
3330 + }, buttonTitle)));
2879 3331 };
2880 -var _default = exports["default"] = AiStarsIcon;
3332 +CreateWithAIBanner.propTypes = {
3333 + createWithAIData: PropTypes.object
3334 +};
3335 +var _default = exports["default"] = CreateWithAIBanner;
2881 3336
2882 3337 /***/ }),
2883 3338
2884 -/***/ "../modules/home/assets/js/icons/arrow-right-icon.js":
2885 -/*!***********************************************************!*\
2886 - !*** ../modules/home/assets/js/icons/arrow-right-icon.js ***!
2887 - \***********************************************************/
3339 +/***/ "../modules/home/assets/js/components/home-screen/external-links-section.js":
3340 +/*!**********************************************************************************!*\
3341 + !*** ../modules/home/assets/js/components/home-screen/external-links-section.js ***!
3342 + \**********************************************************************************/
2888 3343 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2889 3344
2890 3345 "use strict";
3346 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
2891 3347
2892 3348
2893 3349 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 3350 Object.defineProperty(exports, "__esModule", ({
2896 3351 value: true
2897 3352 }));
2898 3353 exports["default"] = void 0;
3354 +var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
3355 +var _objectDestructuringEmpty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectDestructuringEmpty */ "../node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js"));
2899 3356 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 3357 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 - }));
3358 +var _List = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/List */ "@elementor/ui/List"));
3359 +var _ListItemButton = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItemButton */ "@elementor/ui/ListItemButton"));
3360 +var _ListItemText = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItemText */ "@elementor/ui/ListItemText"));
3361 +var _Divider = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Divider */ "@elementor/ui/Divider"));
3362 +var ExternalLinksSection = function ExternalLinksSection(_ref) {
3363 + var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
3364 + return /*#__PURE__*/_react.default.createElement(_ui.Paper, {
3365 + elevation: 0,
3366 + sx: {
3367 + px: 3
3368 + }
3369 + }, /*#__PURE__*/_react.default.createElement(_List.default, null, props.externalLinksData.map(function (item, index) {
3370 + return /*#__PURE__*/_react.default.createElement(_ui.Box, {
3371 + key: item.label
3372 + }, /*#__PURE__*/_react.default.createElement(_ListItemButton.default, {
3373 + href: item.url,
3374 + target: "_blank",
3375 + sx: {
3376 + '&:hover': {
3377 + backgroundColor: 'initial'
3378 + },
3379 + gap: 2,
3380 + px: 0,
3381 + py: 2
3382 + }
3383 + }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
3384 + component: "img",
3385 + src: item.image,
3386 + sx: {
3387 + width: '38px'
3388 + }
3389 + }), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
3390 + sx: {
3391 + color: 'text.secondary'
3392 + },
3393 + primary: item.label
3394 + })), index < props.externalLinksData.length - 1 && /*#__PURE__*/_react.default.createElement(_Divider.default, null));
3395 + })));
2909 3396 };
2910 -var _default = exports["default"] = ArrowRightIcon;
3397 +var _default = exports["default"] = ExternalLinksSection;
3398 +ExternalLinksSection.propTypes = {
3399 + externalLinksData: PropTypes.array.isRequired
3400 +};
2911 3401
2912 3402 /***/ }),
2913 3403
2914 -/***/ "../modules/home/assets/js/icons/side-bar-check-icon.js":
2915 -/*!**************************************************************!*\
2916 - !*** ../modules/home/assets/js/icons/side-bar-check-icon.js ***!
2917 - \**************************************************************/
3404 +/***/ "../modules/home/assets/js/components/home-screen/get-started-list-item.js":
3405 +/*!*********************************************************************************!*\
3406 + !*** ../modules/home/assets/js/components/home-screen/get-started-list-item.js ***!
3407 + \*********************************************************************************/
2918 3408 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2919 3409
2920 3410 "use strict";
3411 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
2921 3412
2922 3413
2923 3414 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 3415 Object.defineProperty(exports, "__esModule", ({
2926 3416 value: true
2927 3417 }));
2928 3418 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"
3419 +var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
3420 +var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
3421 +var _ListItem = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItem */ "@elementor/ui/ListItem"));
3422 +var _ListItemText = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItemText */ "@elementor/ui/ListItemText"));
3423 +var _Link = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Link */ "@elementor/ui/Link"));
3424 +var _Box = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Box */ "@elementor/ui/Box"));
3425 +var _createNewPageDialog = _interopRequireDefault(__webpack_require__(/*! ./create-new-page-dialog */ "../modules/home/assets/js/components/home-screen/create-new-page-dialog.js"));
3426 +var GetStartedListItem = function GetStartedListItem(_ref) {
3427 + var item = _ref.item,
3428 + image = _ref.image,
3429 + adminUrl = _ref.adminUrl;
3430 + var url = item.is_relative_url ? adminUrl + item.url : item.url;
3431 + var _React$useState = _react.default.useState(false),
3432 + _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
3433 + isOpen = _React$useState2[0],
3434 + openDialog = _React$useState2[1];
3435 + var handleLinkClick = function handleLinkClick(event) {
3436 + if (!item.new_page) {
3437 + return;
3438 + }
3439 + event.preventDefault();
3440 + openDialog(true);
3441 + };
3442 + return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
3443 + alignItems: "flex-start",
3444 + sx: {
3445 + gap: 1,
3446 + p: 0,
3447 + maxWidth: '150px'
3448 + }
3449 + }, /*#__PURE__*/_react.default.createElement(_Box.default, {
3450 + component: "img",
3451 + src: image
3452 + }), /*#__PURE__*/_react.default.createElement(_Box.default, null, /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
3453 + primary: item.title,
3454 + primaryTypographyProps: {
3455 + variant: 'subtitle1'
3456 + },
3457 + sx: {
3458 + my: 0
3459 + }
3460 + }), /*#__PURE__*/_react.default.createElement(_Link.default, {
3461 + variant: "body2",
3462 + color: item.title_small_color ? item.title_small_color : 'text.tertiary',
3463 + underline: "hover",
3464 + href: url,
3465 + target: "_blank",
3466 + onClick: handleLinkClick
3467 + }, item.title_small)), item.new_page && /*#__PURE__*/_react.default.createElement(_createNewPageDialog.default, {
3468 + url: url,
3469 + isOpen: isOpen,
3470 + closedDialogCallback: function closedDialogCallback() {
3471 + return openDialog(false);
3472 + }
2946 3473 }));
2947 3474 };
2948 -var _default = exports["default"] = SideBarCheckIcon;
3475 +var _default = exports["default"] = GetStartedListItem;
3476 +GetStartedListItem.propTypes = {
3477 + item: PropTypes.shape({
3478 + title: PropTypes.string.isRequired,
3479 + title_small: PropTypes.string.isRequired,
3480 + url: PropTypes.string.isRequired,
3481 + new_page: PropTypes.bool,
3482 + is_relative_url: PropTypes.bool,
3483 + title_small_color: PropTypes.string
3484 + }).isRequired,
3485 + adminUrl: PropTypes.string.isRequired,
3486 + image: PropTypes.string
3487 +};
2949 3488
2950 3489 /***/ }),
2951 3490
2952 -/***/ "../modules/home/assets/js/icons/youtube-icon.js":
2953 -/*!*******************************************************!*\
2954 - !*** ../modules/home/assets/js/icons/youtube-icon.js ***!
2955 - \*******************************************************/
3491 +/***/ "../modules/home/assets/js/components/home-screen/get-started-section.js":
3492 +/*!*******************************************************************************!*\
3493 + !*** ../modules/home/assets/js/components/home-screen/get-started-section.js ***!
3494 + \*******************************************************************************/
2956 3495 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2957 3496
2958 3497 "use strict";
3498 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
2959 3499
2960 3500
2961 3501 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 3502 Object.defineProperty(exports, "__esModule", ({
2964 3503 value: true
2965 3504 }));
2966 3505 exports["default"] = void 0;
3506 +var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
3507 +var _objectDestructuringEmpty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectDestructuringEmpty */ "../node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js"));
2967 3508 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 3509 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 - }));
3510 +var _List = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/List */ "@elementor/ui/List"));
3511 +var _getStartedListItem = _interopRequireDefault(__webpack_require__(/*! ./get-started-list-item */ "../modules/home/assets/js/components/home-screen/get-started-list-item.js"));
3512 +var GetStarted = function GetStarted(_ref) {
3513 + var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
3514 + return /*#__PURE__*/_react.default.createElement(_ui.Paper, {
3515 + elevation: 0,
3516 + sx: {
3517 + p: 3,
3518 + display: 'flex',
3519 + flexDirection: 'column',
3520 + gap: 2
3521 + }
3522 + }, /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
3523 + variant: "h6"
3524 + }, props.getStartedData.header.title), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
3525 + variant: "body2",
3526 + color: "text.secondary"
3527 + }, props.getStartedData.header.description)), /*#__PURE__*/_react.default.createElement(_List.default, {
3528 + sx: {
3529 + display: 'grid',
3530 + gridTemplateColumns: {
3531 + md: 'repeat(4, 1fr)',
3532 + xs: 'repeat(2, 1fr)'
3533 + },
3534 + columnGap: {
3535 + md: 9,
3536 + xs: 7
3537 + },
3538 + rowGap: 3
3539 + }
3540 + }, props.getStartedData.repeater.map(function (item) {
3541 + return /*#__PURE__*/_react.default.createElement(_getStartedListItem.default, {
3542 + key: item.title,
3543 + item: item,
3544 + image: item.image,
3545 + adminUrl: props.adminUrl
3546 + });
3547 + })));
2979 3548 };
2980 -var _default = exports["default"] = YoutubeIcon;
3549 +var _default = exports["default"] = GetStarted;
3550 +GetStarted.propTypes = {
3551 + getStartedData: PropTypes.object.isRequired,
3552 + adminUrl: PropTypes.string.isRequired
3553 +};
2981 3554
2982 3555 /***/ }),
2983 3556
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 - \************************************************************************************/
3557 +/***/ "../modules/home/assets/js/components/home-screen/home-screen.js":
3558 +/*!***********************************************************************!*\
3559 + !*** ../modules/home/assets/js/components/home-screen/home-screen.js ***!
3560 + \***********************************************************************/
2988 3561 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2989 3562
2990 3563 "use strict";
3564 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
2991 3565
2992 3566
2993 3567 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
2994 3568 Object.defineProperty(exports, "__esModule", ({
@@ -2995,59 +3569,92 @@
2995 3569 value: true
2996 3570 }));
2997 3571 exports["default"] = void 0;
2998 3572 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 3573 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);
3574 +var _topSection = _interopRequireDefault(__webpack_require__(/*! ./top-section */ "../modules/home/assets/js/components/home-screen/top-section.js"));
3575 +var _sidebarPromotion = _interopRequireDefault(__webpack_require__(/*! ./sidebar-promotion */ "../modules/home/assets/js/components/home-screen/sidebar-promotion.js"));
3576 +var _addonsSection = _interopRequireDefault(__webpack_require__(/*! ./addons-section */ "../modules/home/assets/js/components/home-screen/addons-section.js"));
3577 +var _externalLinksSection = _interopRequireDefault(__webpack_require__(/*! ./external-links-section */ "../modules/home/assets/js/components/home-screen/external-links-section.js"));
3578 +var _getStartedSection = _interopRequireDefault(__webpack_require__(/*! ./get-started-section */ "../modules/home/assets/js/components/home-screen/get-started-section.js"));
3579 +var _createWithAiBanner = _interopRequireDefault(__webpack_require__(/*! ./create-with-ai-banner */ "../modules/home/assets/js/components/home-screen/create-with-ai-banner.js"));
3580 +var HomeScreen = function HomeScreen(props) {
3581 + var hasSidebarPromotion = props.homeScreenData.hasOwnProperty('sidebar_promotion_variants');
3582 + 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, {
3583 + disableGutters: true,
3584 + maxWidth: "lg",
3585 + sx: {
3586 + display: 'flex',
3587 + flexDirection: 'column',
3588 + gap: {
3589 + xs: 1,
3590 + md: 3
3591 + },
3592 + pt: {
3593 + xs: 2,
3594 + md: 6
3595 + },
3596 + pb: 2
3021 3597 }
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);
3598 + }, props.homeScreenData.top_with_licences && /*#__PURE__*/_react.default.createElement(_topSection.default, {
3599 + topData: props.homeScreenData.top_with_licences,
3600 + buttonCtaUrl: props.homeScreenData.button_cta_url
3601 + }), /*#__PURE__*/_react.default.createElement(_ui.Box, {
3602 + sx: {
3603 + display: 'flex',
3604 + flexDirection: {
3605 + xs: 'column',
3606 + sm: 'row'
3607 + },
3608 + justifyContent: 'space-between',
3609 + gap: 3
3032 3610 }
3033 - }));
3611 + }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
3612 + sx: {
3613 + flex: 1,
3614 + gap: 3
3615 + }
3616 + }, props.homeScreenData.create_with_ai && /*#__PURE__*/_react.default.createElement(_createWithAiBanner.default, {
3617 + createWithAIData: props.homeScreenData.create_with_ai
3618 + }), /*#__PURE__*/_react.default.createElement(_getStartedSection.default, {
3619 + getStartedData: props.homeScreenData.get_started,
3620 + adminUrl: props.adminUrl
3621 + }), props.homeScreenData.add_ons && /*#__PURE__*/_react.default.createElement(_addonsSection.default, {
3622 + addonsData: props.homeScreenData.add_ons,
3623 + adminUrl: props.adminUrl
3624 + })), /*#__PURE__*/_react.default.createElement(_ui.Container, {
3625 + maxWidth: "xs",
3626 + disableGutters: true,
3627 + sx: {
3628 + width: {
3629 + sm: '305px'
3630 + },
3631 + display: 'flex',
3632 + flexDirection: 'column',
3633 + gap: 3
3634 + }
3635 + }, hasSidebarPromotion && /*#__PURE__*/_react.default.createElement(_sidebarPromotion.default, {
3636 + sideData: props.homeScreenData.sidebar_promotion_variants
3637 + }), /*#__PURE__*/_react.default.createElement(_externalLinksSection.default, {
3638 + externalLinksData: props.homeScreenData.external_links
3639 + })))));
3034 3640 };
3035 -SiteTypeLayoutToggle.propTypes = {
3036 - isOnePage: _propTypes.default.bool.isRequired,
3037 - onIsOnePageChange: _propTypes.default.func.isRequired
3641 +HomeScreen.propTypes = {
3642 + homeScreenData: PropTypes.object,
3643 + adminUrl: PropTypes.string
3038 3644 };
3039 -var _default = exports["default"] = SiteTypeLayoutToggle;
3645 +var _default = exports["default"] = HomeScreen;
3040 3646
3041 3647 /***/ }),
3042 3648
3043 -/***/ "../modules/home/assets/js/site-builder/components/step-actions.js":
3044 -/*!*************************************************************************!*\
3045 - !*** ../modules/home/assets/js/site-builder/components/step-actions.js ***!
3046 - \*************************************************************************/
3649 +/***/ "../modules/home/assets/js/components/home-screen/promotions/sidebar-banner.js":
3650 +/*!*************************************************************************************!*\
3651 + !*** ../modules/home/assets/js/components/home-screen/promotions/sidebar-banner.js ***!
3652 + \*************************************************************************************/
3047 3653 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
3048 3654
3049 3655 "use strict";
3656 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
3050 3657
3051 3658
3052 3659 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
3053 3660 Object.defineProperty(exports, "__esModule", ({
@@ -3052,105 +3659,66 @@
3052 3659 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
3053 3660 Object.defineProperty(exports, "__esModule", ({
3054 3661 value: true
3055 3662 }));
3056 -exports.getStepAction = exports.StepWithoutInput = exports.StepWithInput = exports.StepLoader = void 0;
3663 +exports["default"] = void 0;
3057 3664 var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
3058 3665 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);
3666 +var _Link = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Link */ "@elementor/ui/Link"));
3667 +var _promoTracking = __webpack_require__(/*! ../../../utils/promo-tracking */ "../modules/home/assets/js/utils/promo-tracking.js");
3668 +var SidebarBanner = function SidebarBanner(_ref) {
3669 + var image = _ref.image,
3670 + link = _ref.link;
3671 + var handleClick = function handleClick() {
3672 + (0, _promoTracking.trackPromoClick)('Sidebar Banner', link, (0, _promoTracking.getHomeScreenPath)('sidebar'));
3673 + };
3674 + return /*#__PURE__*/_react.default.createElement(_ui.Paper, {
3675 + elevation: 0,
3676 + sx: {
3677 + overflow: 'hidden'
3678 + }
3679 + }, /*#__PURE__*/_react.default.createElement(_Link.default, {
3680 + target: "_blank",
3681 + href: link,
3682 + onClick: handleClick,
3683 + sx: {
3684 + lineHeight: 0,
3685 + display: 'block',
3686 + width: '100%',
3687 + height: '100%',
3688 + boxShadow: 'none',
3689 + '&:focus': {
3690 + boxShadow: 'none'
3691 + },
3692 + '&:active': {
3693 + boxShadow: 'none'
3081 3694 }
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 3695 }
3090 - });
3696 + }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
3697 + component: 'img',
3698 + src: image,
3699 + sx: {
3700 + width: '100%',
3701 + height: '100%'
3702 + }
3703 + })));
3091 3704 };
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));
3705 +var _default = exports["default"] = SidebarBanner;
3706 +SidebarBanner.propTypes = {
3707 + image: PropTypes.string.isRequired,
3708 + link: PropTypes.string.isRequired
3115 3709 };
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 3710
3144 3711 /***/ }),
3145 3712
3146 -/***/ "../modules/home/assets/js/site-builder/components/styled-components.js":
3147 -/*!******************************************************************************!*\
3148 - !*** ../modules/home/assets/js/site-builder/components/styled-components.js ***!
3149 - \******************************************************************************/
3713 +/***/ "../modules/home/assets/js/components/home-screen/promotions/sidebar-default.js":
3714 +/*!**************************************************************************************!*\
3715 + !*** ../modules/home/assets/js/components/home-screen/promotions/sidebar-default.js ***!
3716 + \**************************************************************************************/
3150 3717 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
3151 3718
3152 3719 "use strict";
3720 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
3153 3721
3154 3722
3155 3723 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
3156 3724 Object.defineProperty(exports, "__esModule", ({
@@ -3155,399 +3723,244 @@
3155 3723 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
3156 3724 Object.defineProperty(exports, "__esModule", ({
3157 3725 value: true
3158 3726 }));
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"));
3727 +exports["default"] = void 0;
3728 +var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
3161 3729 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)
3730 +var _Button = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Button */ "@elementor/ui/Button"));
3731 +var _List = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/List */ "@elementor/ui/List"));
3732 +var _ListItem = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItem */ "@elementor/ui/ListItem"));
3733 +var _sideBarCheckIcon = _interopRequireDefault(__webpack_require__(/*! ../../../icons/side-bar-check-icon */ "../modules/home/assets/js/icons/side-bar-check-icon.js"));
3734 +var _ListItemText = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItemText */ "@elementor/ui/ListItemText"));
3735 +var _promoTracking = __webpack_require__(/*! ../../../utils/promo-tracking */ "../modules/home/assets/js/utils/promo-tracking.js");
3736 +var SidebarDefault = function SidebarDefault(_ref) {
3737 + var header = _ref.header,
3738 + cta = _ref.cta,
3739 + repeater = _ref.repeater;
3740 + var handleCtaClick = function handleCtaClick() {
3741 + (0, _promoTracking.trackPromoClick)(header.title, cta.url, (0, _promoTracking.getHomeScreenPath)('sidebar'));
3177 3742 };
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'
3743 + return /*#__PURE__*/_react.default.createElement(_ui.Paper, {
3744 + elevation: 0,
3745 + sx: {
3746 + p: 3
3343 3747 }
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
3748 + }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
3749 + gap: 1.5,
3750 + alignItems: "center",
3751 + textAlign: "center",
3752 + sx: {
3753 + pb: 4
3374 3754 }
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
3755 + }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
3756 + component: "img",
3757 + src: header.image
3758 + }), /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
3759 + variant: "h6"
3760 + }, header.title), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
3761 + variant: "body2",
3762 + color: "text.secondary"
3763 + }, header.description)), /*#__PURE__*/_react.default.createElement(_Button.default, {
3764 + variant: "contained",
3765 + size: "medium",
3766 + color: "promotion",
3767 + href: cta.url,
3768 + onClick: handleCtaClick,
3769 + startIcon: /*#__PURE__*/_react.default.createElement(_ui.Box, {
3770 + component: "img",
3771 + src: cta.image,
3772 + sx: {
3773 + width: '16px'
3774 + }
3775 + }),
3776 + target: "_blank",
3777 + sx: {
3778 + maxWidth: 'fit-content'
3395 3779 }
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'
3780 + }, cta.label)), /*#__PURE__*/_react.default.createElement(_List.default, {
3781 + sx: {
3782 + p: 0
3411 3783 }
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 -});
3784 + }, repeater.map(function (item, index) {
3785 + return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
3786 + key: index,
3787 + sx: {
3788 + p: 0,
3789 + gap: 1
3790 + }
3791 + }, /*#__PURE__*/_react.default.createElement(_sideBarCheckIcon.default, null), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
3792 + primaryTypographyProps: {
3793 + variant: 'body2'
3794 + },
3795 + primary: item.title
3796 + }));
3797 + })));
3798 +};
3799 +var _default = exports["default"] = SidebarDefault;
3800 +SidebarDefault.propTypes = {
3801 + header: PropTypes.object.isRequired,
3802 + cta: PropTypes.object.isRequired,
3803 + repeater: PropTypes.array
3804 +};
3449 3805
3450 3806 /***/ }),
3451 3807
3452 -/***/ "../modules/home/assets/js/site-builder/components/suggestion-chips.js":
3808 +/***/ "../modules/home/assets/js/components/home-screen/sidebar-promotion.js":
3453 3809 /*!*****************************************************************************!*\
3454 - !*** ../modules/home/assets/js/site-builder/components/suggestion-chips.js ***!
3810 + !*** ../modules/home/assets/js/components/home-screen/sidebar-promotion.js ***!
3455 3811 \*****************************************************************************/
3456 3812 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
3457 3813
3458 3814 "use strict";
3815 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
3459 3816
3460 3817
3461 3818 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 3819 Object.defineProperty(exports, "__esModule", ({
3464 3820 value: true
3465 3821 }));
3466 3822 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;
3823 +var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
3824 +var _sidebarBanner = _interopRequireDefault(__webpack_require__(/*! ./promotions/sidebar-banner */ "../modules/home/assets/js/components/home-screen/promotions/sidebar-banner.js"));
3825 +var _sidebarDefault = _interopRequireDefault(__webpack_require__(/*! ./promotions/sidebar-default */ "../modules/home/assets/js/components/home-screen/promotions/sidebar-default.js"));
3826 +var SideBarPromotion = function SideBarPromotion(_ref) {
3827 + var sideData = _ref.sideData;
3828 + if ('banner' === sideData.type) {
3829 + return /*#__PURE__*/_react.default.createElement(_sidebarBanner.default, sideData.data);
3483 3830 }
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;
3831 + return /*#__PURE__*/_react.default.createElement(_sidebarDefault.default, sideData.data);
3488 3832 };
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;
3833 +var _default = exports["default"] = SideBarPromotion;
3834 +SideBarPromotion.propTypes = {
3835 + sideData: PropTypes.object.isRequired
3495 3836 };
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) {
3837 +
3838 +/***/ }),
3839 +
3840 +/***/ "../modules/home/assets/js/components/home-screen/top-section.js":
3841 +/*!***********************************************************************!*\
3842 + !*** ../modules/home/assets/js/components/home-screen/top-section.js ***!
3843 + \***********************************************************************/
3844 +/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
3845 +
3846 +"use strict";
3847 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
3848 +
3849 +
3850 +var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
3851 +Object.defineProperty(exports, "__esModule", ({
3852 + value: true
3853 +}));
3854 +exports["default"] = void 0;
3855 +var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
3856 +var _objectDestructuringEmpty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectDestructuringEmpty */ "../node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js"));
3857 +var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
3858 +var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3859 +var _Typography = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Typography */ "@elementor/ui/Typography"));
3860 +var _Button = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Button */ "@elementor/ui/Button"));
3861 +var _youtubeIcon = _interopRequireDefault(__webpack_require__(/*! ../../icons/youtube-icon */ "../modules/home/assets/js/icons/youtube-icon.js"));
3862 +var _promoTracking = __webpack_require__(/*! ../../utils/promo-tracking */ "../modules/home/assets/js/utils/promo-tracking.js");
3863 +var TopSection = function TopSection(_ref) {
3864 + var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
3865 + var topData = props.topData,
3866 + buttonCtaUrl = props.buttonCtaUrl;
3867 + if (!topData) {
3519 3868 return null;
3520 3869 }
3521 - var handleChipClick = function handleChipClick(value) {
3522 - setSelectedChip(value);
3523 - onChipSelect(value);
3870 + var title = topData.title,
3871 + description = topData.description,
3872 + buttonCtaTitle = topData.button_cta_text,
3873 + buttonCreatePageTitle = topData.button_create_page_title,
3874 + youtubeEmbeddedId = topData.youtube_embed_id,
3875 + buttonWatchURL = topData.button_watch_url,
3876 + buttonWatchTitle = topData.button_watch_title;
3877 + var ctaButtonTitle = buttonCtaTitle !== null && buttonCtaTitle !== void 0 ? buttonCtaTitle : buttonCreatePageTitle;
3878 + var handleCtaClick = function handleCtaClick() {
3879 + (0, _promoTracking.trackPromoClick)(ctaButtonTitle, buttonCtaUrl, (0, _promoTracking.getHomeScreenPath)('top_section'));
3524 3880 };
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);
3881 + var handleWatchClick = function handleWatchClick() {
3882 + (0, _promoTracking.trackPromoClick)(buttonWatchTitle, buttonWatchURL, (0, _promoTracking.getHomeScreenPath)('top_section'));
3883 + };
3884 + return /*#__PURE__*/_react.default.createElement(_ui.Paper, {
3885 + elevation: 0,
3886 + sx: {
3887 + display: 'flex',
3888 + flexDirection: {
3889 + xs: 'column',
3890 + sm: 'row'
3531 3891 },
3532 - size: "small",
3533 - variant: "outlined",
3534 - selected: selectedChip === suggestion
3535 - });
3892 + justifyContent: 'space-between',
3893 + py: {
3894 + xs: 3,
3895 + md: 3
3896 + },
3897 + px: {
3898 + xs: 3,
3899 + md: 4
3900 + },
3901 + gap: {
3902 + xs: 2,
3903 + sm: 3,
3904 + lg: 22
3905 + }
3906 + }
3907 + }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
3908 + gap: 3,
3909 + justifyContent: "center"
3910 + }, /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
3911 + variant: "h6"
3912 + }, title), /*#__PURE__*/_react.default.createElement(_Typography.default, {
3913 + variant: "body2",
3914 + color: "secondary"
3915 + }, description)), /*#__PURE__*/_react.default.createElement(_ui.Box, {
3916 + sx: {
3917 + display: 'flex',
3918 + gap: 1
3919 + }
3920 + }, /*#__PURE__*/_react.default.createElement(_Button.default, {
3921 + "data-testid": "e-create-button",
3922 + variant: "contained",
3923 + size: "small",
3924 + href: buttonCtaUrl,
3925 + target: "_blank",
3926 + onClick: handleCtaClick
3927 + }, ctaButtonTitle), /*#__PURE__*/_react.default.createElement(_Button.default, {
3928 + variant: "outlined",
3929 + color: "secondary",
3930 + size: "small",
3931 + startIcon: /*#__PURE__*/_react.default.createElement(_youtubeIcon.default, null),
3932 + href: buttonWatchURL,
3933 + target: "_blank",
3934 + onClick: handleWatchClick
3935 + }, buttonWatchTitle))), /*#__PURE__*/_react.default.createElement(_ui.Box, {
3936 + component: "iframe",
3937 + src: "https://www.youtube.com/embed/".concat(youtubeEmbeddedId),
3938 + title: "YouTube video player",
3939 + frameBorder: "0",
3940 + allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
3941 + allowFullScreen: true,
3942 + sx: {
3943 + aspectRatio: '16/9',
3944 + borderRadius: 1,
3945 + display: 'flex',
3946 + width: '100%',
3947 + maxWidth: '365px'
3948 + }
3536 3949 }));
3537 3950 };
3538 -SuggestionChips.propTypes = {
3539 - siteBuilderState: _propTypes.default.object,
3540 - onChipSelect: _propTypes.default.func.isRequired
3951 +TopSection.propTypes = {
3952 + topData: PropTypes.object.isRequired,
3953 + buttonCtaUrl: PropTypes.string.isRequired
3541 3954 };
3542 -var _default = exports["default"] = SuggestionChips;
3955 +var _default = exports["default"] = TopSection;
3543 3956
3544 3957 /***/ }),
3545 3958
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 - \******************************************************************************/
3959 +/***/ "../modules/home/assets/js/icons/side-bar-check-icon.js":
3960 +/*!**************************************************************!*\
3961 + !*** ../modules/home/assets/js/icons/side-bar-check-icon.js ***!
3962 + \**************************************************************/
3550 3963 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
3551 3964
3552 3965 "use strict";
3553 3966
@@ -3552,261 +3965,39 @@
3552 3965 "use strict";
3553 3966
3554 3967
3555 3968 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
3969 +var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
3556 3970 Object.defineProperty(exports, "__esModule", ({
3557 3971 value: true
3558 3972 }));
3559 3973 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;
3974 +var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
3975 +var React = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
3976 +var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3977 +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); }
3978 +var SideBarCheckIcon = function SideBarCheckIcon(props) {
3979 + return /*#__PURE__*/React.createElement(_ui.SvgIcon, (0, _extends2.default)({
3980 + viewBox: "0 0 24 24"
3981 + }, props), /*#__PURE__*/React.createElement("path", {
3982 + fillRule: "evenodd",
3983 + clipRule: "evenodd",
3984 + 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",
3985 + fill: "#93003F"
3986 + }), /*#__PURE__*/React.createElement("path", {
3987 + fillRule: "evenodd",
3988 + clipRule: "evenodd",
3989 + 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",
3990 + fill: "#93003F"
3991 + }));
3578 3992 };
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;
3993 +var _default = exports["default"] = SideBarCheckIcon;
3803 3994
3804 3995 /***/ }),
3805 3996
3806 -/***/ "../modules/home/assets/js/site-builder/index.js":
3997 +/***/ "../modules/home/assets/js/icons/youtube-icon.js":
3807 3998 /*!*******************************************************!*\
3808 - !*** ../modules/home/assets/js/site-builder/index.js ***!
3999 + !*** ../modules/home/assets/js/icons/youtube-icon.js ***!
3809 4000 \*******************************************************/
3810 4001 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
3811 4002
3812 4003 "use strict";
@@ -3817,110 +4008,22 @@
3817 4008 Object.defineProperty(exports, "__esModule", ({
3818 4009 value: true
3819 4010 }));
3820 4011 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");
4012 +var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
4013 +var React = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
4014 +var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3830 4015 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;
4016 +var YoutubeIcon = function YoutubeIcon(props) {
4017 + return /*#__PURE__*/React.createElement(_ui.SvgIcon, (0, _extends2.default)({
4018 + viewBox: "0 0 24 24"
4019 + }, props), /*#__PURE__*/React.createElement("path", {
4020 + fillRule: "evenodd",
4021 + clipRule: "evenodd",
4022 + 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"
4023 + }));
3838 4024 };
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;
4025 +var _default = exports["default"] = YoutubeIcon;
3923 4026
3924 4027 /***/ }),
3925 4028
3926 4029 /***/ "../modules/home/assets/js/utils/promo-tracking.js":
@@ -3948,21 +4051,8 @@
3948 4051 };
3949 4052
3950 4053 /***/ }),
3951 4054
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 4055 /***/ "../node_modules/@babel/runtime/helpers/arrayLikeToArray.js":
3966 4056 /*!******************************************************************!*\
3967 4057 !*** ../node_modules/@babel/runtime/helpers/arrayLikeToArray.js ***!
3968 4058 \******************************************************************/
@@ -3989,22 +4079,8 @@
3989 4079 module.exports = _arrayWithHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
3990 4080
3991 4081 /***/ }),
3992 4082
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 4083 /***/ "../node_modules/@babel/runtime/helpers/assertThisInitialized.js":
4008 4084 /*!***********************************************************************!*\
4009 4085 !*** ../node_modules/@babel/runtime/helpers/assertThisInitialized.js ***!
4010 4086 \***********************************************************************/
@@ -4017,43 +4093,8 @@
4017 4093 module.exports = _assertThisInitialized, module.exports.__esModule = true, module.exports["default"] = module.exports;
4018 4094
4019 4095 /***/ }),
4020 4096
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 4097 /***/ "../node_modules/@babel/runtime/helpers/classCallCheck.js":
4057 4098 /*!****************************************************************!*\
4058 4099 !*** ../node_modules/@babel/runtime/helpers/classCallCheck.js ***!
4059 4100 \****************************************************************/
@@ -4198,21 +4239,8 @@
4198 4239 module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports;
4199 4240
4200 4241 /***/ }),
4201 4242
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 4243 /***/ "../node_modules/@babel/runtime/helpers/iterableToArrayLimit.js":
4216 4244 /*!**********************************************************************!*\
4217 4245 !*** ../node_modules/@babel/runtime/helpers/iterableToArrayLimit.js ***!
4218 4246 \**********************************************************************/
@@ -4261,21 +4289,8 @@
4261 4289 module.exports = _nonIterableRest, module.exports.__esModule = true, module.exports["default"] = module.exports;
4262 4290
4263 4291 /***/ }),
4264 4292
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 4293 /***/ "../node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js":
4279 4294 /*!**************************************************************************!*\
4280 4295 !*** ../node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js ***!
4281 4296 \**************************************************************************/
@@ -4304,344 +4319,8 @@
4304 4319 module.exports = _possibleConstructorReturn, module.exports.__esModule = true, module.exports["default"] = module.exports;
4305 4320
4306 4321 /***/ }),
4307 4322
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 4323 /***/ "../node_modules/@babel/runtime/helpers/setPrototypeOf.js":
4645 4324 /*!****************************************************************!*\
4646 4325 !*** ../node_modules/@babel/runtime/helpers/setPrototypeOf.js ***!
4647 4326 \****************************************************************/
@@ -4687,25 +4366,8 @@
4687 4366 module.exports = _superPropBase, module.exports.__esModule = true, module.exports["default"] = module.exports;
4688 4367
4689 4368 /***/ }),
4690 4369
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 4370 /***/ "../node_modules/@babel/runtime/helpers/toPrimitive.js":
4709 4371 /*!*************************************************************!*\
4710 4372 !*** ../node_modules/@babel/runtime/helpers/toPrimitive.js ***!
4711 4373 \*************************************************************/
@@ -4778,33 +4440,8 @@
4778 4440 module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
4779 4441
4780 4442 /***/ }),
4781 4443
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 4444 /***/ "../node_modules/object-assign/index.js":
4808 4445 /*!**********************************************!*\
4809 4446 !*** ../node_modules/object-assign/index.js ***!
4810 4447 \**********************************************/
@@ -5942,30 +5579,8 @@
5942 5579
5943 5580
5944 5581 /***/ }),
5945 5582
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 5583 /***/ "@elementor/ui":
5969 5584 /*!*********************************!*\
5970 5585 !*** external "elementorV2.ui" ***!
5971 5586 \*********************************/
@@ -5997,8 +5612,52 @@
5997 5612 module.exports = elementorV2.ui['Button'];
5998 5613
5999 5614 /***/ }),
6000 5615
5616 +/***/ "@elementor/ui/Card":
5617 +/*!*****************************************!*\
5618 + !*** external "elementorV2.ui['Card']" ***!
5619 + \*****************************************/
5620 +/***/ ((module) => {
5621 +
5622 +"use strict";
5623 +module.exports = elementorV2.ui['Card'];
5624 +
5625 +/***/ }),
5626 +
5627 +/***/ "@elementor/ui/CardActions":
5628 +/*!************************************************!*\
5629 + !*** external "elementorV2.ui['CardActions']" ***!
5630 + \************************************************/
5631 +/***/ ((module) => {
5632 +
5633 +"use strict";
5634 +module.exports = elementorV2.ui['CardActions'];
5635 +
5636 +/***/ }),
5637 +
5638 +/***/ "@elementor/ui/CardContent":
5639 +/*!************************************************!*\
5640 + !*** external "elementorV2.ui['CardContent']" ***!
5641 + \************************************************/
5642 +/***/ ((module) => {
5643 +
5644 +"use strict";
5645 +module.exports = elementorV2.ui['CardContent'];
5646 +
5647 +/***/ }),
5648 +
5649 +/***/ "@elementor/ui/CardMedia":
5650 +/*!**********************************************!*\
5651 + !*** external "elementorV2.ui['CardMedia']" ***!
5652 + \**********************************************/
5653 +/***/ ((module) => {
5654 +
5655 +"use strict";
5656 +module.exports = elementorV2.ui['CardMedia'];
5657 +
5658 +/***/ }),
5659 +
6001 5660 /***/ "@elementor/ui/Dialog":
6002 5661 /*!*******************************************!*\
6003 5662 !*** external "elementorV2.ui['Dialog']" ***!
6004 5663 \*******************************************/
@@ -6074,8 +5733,19 @@
6074 5733 module.exports = elementorV2.ui['DialogTitle'];
6075 5734
6076 5735 /***/ }),
6077 5736
5737 +/***/ "@elementor/ui/Divider":
5738 +/*!********************************************!*\
5739 + !*** external "elementorV2.ui['Divider']" ***!
5740 + \********************************************/
5741 +/***/ ((module) => {
5742 +
5743 +"use strict";
5744 +module.exports = elementorV2.ui['Divider'];
5745 +
5746 +/***/ }),
5747 +
6078 5748 /***/ "@elementor/ui/Link":
6079 5749 /*!*****************************************!*\
6080 5750 !*** external "elementorV2.ui['Link']" ***!
6081 5751 \*****************************************/
@@ -6225,15 +5895,18 @@
6225 5895 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
6226 5896 var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
6227 5897 var _react2 = _interopRequireDefault(__webpack_require__(/*! elementor-utils/react */ "../assets/dev/js/utils/react.js"));
6228 5898 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"));
5899 +var _homeScreen = _interopRequireDefault(__webpack_require__(/*! ./components/home-screen/home-screen */ "../modules/home/assets/js/components/home-screen/home-screen.js"));
5900 +var _homeScreen2 = _interopRequireDefault(__webpack_require__(/*! ./components/editor-screen/home-screen */ "../modules/home/assets/js/components/editor-screen/home-screen.js"));
6230 5901 var App = function App(props) {
5902 + var _props$homeScreenData;
5903 + var ScreenComponent = !!((_props$homeScreenData = props.homeScreenData) !== null && _props$homeScreenData !== void 0 && _props$homeScreenData.isEditorOneActive) ? _homeScreen2.default : _homeScreen.default;
6231 5904 return /*#__PURE__*/_react.default.createElement(_ui.DirectionProvider, {
6232 5905 rtl: props.isRTL
6233 5906 }, /*#__PURE__*/_react.default.createElement(_ui.LocalizationProvider, null, /*#__PURE__*/_react.default.createElement(_ui.ThemeProvider, {
6234 5907 colorScheme: 'light'
6235 - }, /*#__PURE__*/_react.default.createElement(_homeScreen.default, {
5908 + }, /*#__PURE__*/_react.default.createElement(ScreenComponent, {
6236 5909 homeScreenData: props.homeScreenData,
6237 5910 adminUrl: props.adminUrl
6238 5911 }))));
6239 5912 };