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.2 4.3.1 4.3.0 4.3.0-beta3 4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 4.1.0-beta2 4.1.0-dev2 All 455 releases
← All changes | assets/js/e-home-screen.js +1300 -1502 4.2.0-beta2 → 3.35.0-dev2 View file →
@@ -430,10 +430,9 @@
430 430 var _baseTracking = _interopRequireDefault(__webpack_require__(/*! ./base-tracking */ "../app/assets/js/event-track/dashboard/base-tracking.js"));
431 431 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
432 432 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
433 433 var PROMO_MENU_ITEMS = {
434 - go_elementor_pro: 'Upgrade',
435 - 'elementor-one-upgrade': 'Upgrade'
434 + go_elementor_pro: 'Upgrade'
436 435 };
437 436 var MenuPromotionTracking = /*#__PURE__*/function (_BaseTracking) {
438 437 function MenuPromotionTracking() {
439 438 (0, _classCallCheck2.default)(this, MenuPromotionTracking);
@@ -1030,12 +1029,8 @@
1030 1029 value: function init() {
1031 1030 if (!_utils.DashboardUtils.isElementorPage()) {
1032 1031 return;
1033 1032 }
1034 - var screenData = this.getScreenData();
1035 - if (screenData) {
1036 - this.trackScreen(screenData.screenId, screenData.screenType);
1037 - }
1038 1033 this.attachTabChangeTracking();
1039 1034 }
1040 1035 }, {
1041 1036 key: "destroy",
@@ -1265,34 +1260,195 @@
1265 1260 var _default = exports["default"] = ScreenViewTracking;
1266 1261
1267 1262 /***/ }),
1268 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 +
1269 1429 /***/ "../app/assets/js/event-track/dashboard/utils.js":
1270 1430 /*!*******************************************************!*\
1271 1431 !*** ../app/assets/js/event-track/dashboard/utils.js ***!
1272 1432 \*******************************************************/
1273 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1433 +/***/ ((__unused_webpack_module, exports) => {
1274 1434
1275 1435 "use strict";
1276 1436
1277 1437
1278 -var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1279 1438 Object.defineProperty(exports, "__esModule", ({
1280 1439 value: true
1281 1440 }));
1282 1441 exports.DashboardUtils = void 0;
1283 -var _wpDashboardTracking = _interopRequireDefault(__webpack_require__(/*! ../wp-dashboard-tracking */ "../app/assets/js/event-track/wp-dashboard-tracking.js"));
1284 1442 var DashboardUtils = exports.DashboardUtils = {
1285 1443 isElementorPage: function isElementorPage() {
1286 1444 var urlParams = new URLSearchParams(window.location.search);
1287 1445 var page = urlParams.get('page');
1288 - if (page && _wpDashboardTracking.default.elementorPages.some(function (p) {
1289 - return page.includes(p);
1290 - })) {
1446 + if (page && (page.startsWith('elementor') || page.includes('elementor'))) {
1291 1447 return true;
1292 1448 }
1293 1449 var postType = urlParams.get('post_type');
1294 - if (_wpDashboardTracking.default.elementorPostTypes.includes(postType)) {
1450 + if ('elementor_library' === postType || 'e-floating-buttons' === postType) {
1295 1451 return true;
1296 1452 }
1297 1453 var body = document.body;
1298 1454 var bodyClasses = body.className.split(' ');
@@ -1326,9 +1482,9 @@
1326 1482 var _promotion = _interopRequireDefault(__webpack_require__(/*! ./dashboard/promotion */ "../app/assets/js/event-track/dashboard/promotion.js"));
1327 1483 var _screenView = _interopRequireDefault(__webpack_require__(/*! ./dashboard/screen-view */ "../app/assets/js/event-track/dashboard/screen-view.js"));
1328 1484 var _menuPromotion = _interopRequireDefault(__webpack_require__(/*! ./dashboard/menu-promotion */ "../app/assets/js/event-track/dashboard/menu-promotion.js"));
1329 1485 var _actionControls = _interopRequireDefault(__webpack_require__(/*! ./dashboard/action-controls */ "../app/assets/js/event-track/dashboard/action-controls.js"));
1330 -var _WpDashboardTracking;
1486 +var _topBar = _interopRequireDefault(__webpack_require__(/*! ./dashboard/top-bar */ "../app/assets/js/event-track/dashboard/top-bar.js"));
1331 1487 var SESSION_TIMEOUT_MINUTES = 30;
1332 1488 var MINUTE_MS = 60 * 1000;
1333 1489 var SESSION_TIMEOUT = SESSION_TIMEOUT_MINUTES * MINUTE_MS;
1334 1490 var ACTIVITY_CHECK_INTERVAL = 1 * MINUTE_MS;
@@ -1359,13 +1515,8 @@
1359 1515 function WpDashboardTracking() {
1360 1516 (0, _classCallCheck2.default)(this, WpDashboardTracking);
1361 1517 }
1362 1518 return (0, _createClass2.default)(WpDashboardTracking, null, [{
1363 - key: "getElementorCommon",
1364 - value: function getElementorCommon() {
1365 - return window.elementorCommon;
1366 - }
1367 - }, {
1368 1519 key: "init",
1369 1520 value: function init() {
1370 1521 if (this.initialized) {
1371 1522 return;
@@ -1398,11 +1549,10 @@
1398 1549 }
1399 1550 }, {
1400 1551 key: "isEditorOneActive",
1401 1552 value: function isEditorOneActive() {
1402 - var _elementorCommon$conf, _elementorCommon$conf2;
1403 - var elementorCommon = this.getElementorCommon();
1404 - 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;
1405 1555 }
1406 1556 }, {
1407 1557 key: "processPendingNavClick",
1408 1558 value: function processPendingNavClick() {
@@ -1456,29 +1606,26 @@
1456 1606 }
1457 1607 }, {
1458 1608 key: "isEventsManagerAvailable",
1459 1609 value: function isEventsManagerAvailable() {
1460 - var elementorCommon = this.getElementorCommon();
1461 - 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;
1462 1612 }
1463 1613 }, {
1464 1614 key: "canSendEvents",
1465 1615 value: function canSendEvents() {
1466 - var _elementorCommon$conf3, _elementorCommon$conf4;
1467 - var elementorCommon = this.getElementorCommon();
1468 - 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;
1469 1618 }
1470 1619 }, {
1471 1620 key: "dispatchEvent",
1472 1621 value: function dispatchEvent(eventName) {
1473 - var _elementorCommon$even;
1474 1622 var properties = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
1475 1623 var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
1476 1624 if (!this.isEventsManagerAvailable() || !this.canSendEvents()) {
1477 1625 return;
1478 1626 }
1479 - var elementorCommon = this.getElementorCommon();
1480 - 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);
1481 1628 }
1482 1629 }, {
1483 1630 key: "updateActivity",
1484 1631 value: function updateActivity() {
@@ -1513,11 +1660,13 @@
1513 1660 var params = urlObj.searchParams;
1514 1661 var page = params.get('page');
1515 1662 var postType = params.get('post_type');
1516 1663 var action = params.get('action');
1517 - return !!(page && this.elementorPages.some(function (p) {
1664 + var elementorPages = ['elementor', 'go_knowledge_base_site', 'e-form-submissions'];
1665 + var elementorPostTypes = ['elementor_library', 'e-floating-buttons'];
1666 + return page && elementorPages.some(function (p) {
1518 1667 return page.includes(p);
1519 - }) || postType && this.elementorPostTypes.includes(postType) || action && action.includes(this.anyPageWithElementorString));
1668 + }) || postType && elementorPostTypes.includes(postType) || action && action.includes('elementor');
1520 1669 } catch (error) {
1521 1670 return false;
1522 1671 }
1523 1672 }
@@ -1712,16 +1861,15 @@
1712 1861 _screenView.default.destroy();
1713 1862 _promotion.default.destroy();
1714 1863 _menuPromotion.default.destroy();
1715 1864 _actionControls.default.destroy();
1865 + if (!WpDashboardTracking.isEditorOneActive()) {
1866 + _topBar.default.destroy();
1867 + }
1716 1868 this.initialized = false;
1717 1869 }
1718 1870 }]);
1719 1871 }();
1720 -_WpDashboardTracking = WpDashboardTracking;
1721 -(0, _defineProperty2.default)(WpDashboardTracking, "anyPageWithElementorString", 'elementor');
1722 -(0, _defineProperty2.default)(WpDashboardTracking, "elementorPages", [_WpDashboardTracking.anyPageWithElementorString, 'e-form-submissions', 'popup_templates']);
1723 -(0, _defineProperty2.default)(WpDashboardTracking, "elementorPostTypes", ['elementor_library', 'e-floating-buttons', 'elementor_snippet', 'elementor_font', 'elementor_icons']);
1724 1872 (0, _defineProperty2.default)(WpDashboardTracking, "sessionStartTime", Date.now());
1725 1873 (0, _defineProperty2.default)(WpDashboardTracking, "lastActivityTime", Date.now());
1726 1874 (0, _defineProperty2.default)(WpDashboardTracking, "sessionEnded", false);
1727 1875 (0, _defineProperty2.default)(WpDashboardTracking, "navItemsVisited", new Set());
@@ -1742,8 +1890,11 @@
1742 1890 _screenView.default.init();
1743 1891 _promotion.default.init();
1744 1892 _menuPromotion.default.init();
1745 1893 _actionControls.default.init();
1894 + if (!WpDashboardTracking.isEditorOneActive()) {
1895 + _topBar.default.init();
1896 + }
1746 1897 }
1747 1898 });
1748 1899 window.addEventListener('beforeunload', function () {
1749 1900 _navigation.default.destroy();
@@ -1805,15 +1956,138 @@
1805 1956 };
1806 1957
1807 1958 /***/ }),
1808 1959
1809 -/***/ "../modules/home/assets/js/components/create-new-page-dialog.js":
1810 -/*!**********************************************************************!*\
1811 - !*** ../modules/home/assets/js/components/create-new-page-dialog.js ***!
1812 - \**********************************************************************/
1960 +/***/ "../modules/home/assets/js/components/editor-screen/addons-section.js":
1961 +/*!****************************************************************************!*\
1962 + !*** ../modules/home/assets/js/components/editor-screen/addons-section.js ***!
1963 + \****************************************************************************/
1813 1964 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1814 1965
1815 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";
1816 2090 /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
1817 2091 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
1818 2092
1819 2093
@@ -1892,12 +2166,12 @@
1892 2166 };
1893 2167
1894 2168 /***/ }),
1895 2169
1896 -/***/ "../modules/home/assets/js/components/create-with-ai-banner.js":
1897 -/*!*********************************************************************!*\
1898 - !*** ../modules/home/assets/js/components/create-with-ai-banner.js ***!
1899 - \*********************************************************************/
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 + \***********************************************************************************/
1900 2174 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1901 2175
1902 2176 "use strict";
1903 2177 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
@@ -1915,9 +2189,9 @@
1915 2189 var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
1916 2190 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1917 2191 var _Typography = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Typography */ "@elementor/ui/Typography"));
1918 2192 var _Button = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Button */ "@elementor/ui/Button"));
1919 -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");
1920 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); }
1921 2195 var CreateWithAIBanner = function CreateWithAIBanner(_ref) {
1922 2196 var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
1923 2197 var createWithAIData = props.createWithAIData;
@@ -2030,12 +2304,12 @@
2030 2304 var _default = exports["default"] = CreateWithAIBanner;
2031 2305
2032 2306 /***/ }),
2033 2307
2034 -/***/ "../modules/home/assets/js/components/external-links-section.js":
2035 -/*!**********************************************************************!*\
2036 - !*** ../modules/home/assets/js/components/external-links-section.js ***!
2037 - \**********************************************************************/
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 + \************************************************************************************/
2038 2312 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2039 2313
2040 2314 "use strict";
2041 2315 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
@@ -2115,12 +2389,12 @@
2115 2389 };
2116 2390
2117 2391 /***/ }),
2118 2392
2119 -/***/ "../modules/home/assets/js/components/get-started-list-item.js":
2120 -/*!*********************************************************************!*\
2121 - !*** ../modules/home/assets/js/components/get-started-list-item.js ***!
2122 - \*********************************************************************/
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 + \***********************************************************************************/
2123 2397 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2124 2398
2125 2399 "use strict";
2126 2400 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
@@ -2136,9 +2410,9 @@
2136 2410 var _ListItem = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItem */ "@elementor/ui/ListItem"));
2137 2411 var _ListItemText = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItemText */ "@elementor/ui/ListItemText"));
2138 2412 var _Link = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Link */ "@elementor/ui/Link"));
2139 2413 var _Box = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Box */ "@elementor/ui/Box"));
2140 -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"));
2141 2415 var GetStartedListItem = function GetStartedListItem(_ref) {
2142 2416 var item = _ref.item,
2143 2417 image = _ref.image,
2144 2418 adminUrl = _ref.adminUrl;
@@ -2202,15 +2476,16 @@
2202 2476 };
2203 2477
2204 2478 /***/ }),
2205 2479
2206 -/***/ "../modules/home/assets/js/components/get-started-section.js":
2207 -/*!*******************************************************************!*\
2208 - !*** ../modules/home/assets/js/components/get-started-section.js ***!
2209 - \*******************************************************************/
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 + \*********************************************************************************/
2210 2484 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2211 2485
2212 2486 "use strict";
2487 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
2213 2488
2214 2489
2215 2490 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
2216 2491 Object.defineProperty(exports, "__esModule", ({
@@ -2221,14 +2496,11 @@
2221 2496 var _objectDestructuringEmpty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectDestructuringEmpty */ "../node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js"));
2222 2497 var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
2223 2498 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2224 2499 var _List = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/List */ "@elementor/ui/List"));
2225 -var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
2226 -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"));
2227 2501 var GetStarted = function GetStarted(_ref) {
2228 2502 var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
2229 - var hasSidebarPromotion = props.homeScreenData.hasOwnProperty('sidebar_promotion_variants');
2230 - var mdGridColumns = hasSidebarPromotion ? 'repeat(3, 1fr)' : 'repeat(4, 1fr)';
2231 2503 return /*#__PURE__*/_react.default.createElement(_ui.Paper, {
2232 2504 elevation: 0,
2233 2505 sx: {
2234 2506 py: 3,
@@ -2250,10 +2522,9 @@
2250 2522 }, props.getStartedData.header.description)), /*#__PURE__*/_react.default.createElement(_List.default, {
2251 2523 sx: {
2252 2524 display: 'grid',
2253 2525 gridTemplateColumns: {
2254 - xl: 'repeat(4, 1fr)',
2255 - md: mdGridColumns,
2526 + md: 'repeat(4, 1fr)',
2256 2527 xs: 'repeat(2, 1fr)'
2257 2528 },
2258 2529 columnGap: {
2259 2530 md: 9,
@@ -2271,19 +2542,18 @@
2271 2542 })));
2272 2543 };
2273 2544 var _default = exports["default"] = GetStarted;
2274 2545 GetStarted.propTypes = {
2275 - getStartedData: _propTypes.default.object.isRequired,
2276 - adminUrl: _propTypes.default.string.isRequired,
2277 - homeScreenData: _propTypes.default.object.isRequired
2546 + getStartedData: PropTypes.object.isRequired,
2547 + adminUrl: PropTypes.string.isRequired
2278 2548 };
2279 2549
2280 2550 /***/ }),
2281 2551
2282 -/***/ "../modules/home/assets/js/components/header-section.js":
2283 -/*!**************************************************************!*\
2284 - !*** ../modules/home/assets/js/components/header-section.js ***!
2285 - \**************************************************************/
2552 +/***/ "../modules/home/assets/js/components/editor-screen/header-section.js":
2553 +/*!****************************************************************************!*\
2554 + !*** ../modules/home/assets/js/components/editor-screen/header-section.js ***!
2555 + \****************************************************************************/
2286 2556 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2287 2557
2288 2558 "use strict";
2289 2559
@@ -2326,12 +2596,12 @@
2326 2596 var _default = exports["default"] = HeaderSection;
2327 2597
2328 2598 /***/ }),
2329 2599
2330 -/***/ "../modules/home/assets/js/components/home-screen.js":
2331 -/*!***********************************************************!*\
2332 - !*** ../modules/home/assets/js/components/home-screen.js ***!
2333 - \***********************************************************/
2600 +/***/ "../modules/home/assets/js/components/editor-screen/home-screen.js":
2601 +/*!*************************************************************************!*\
2602 + !*** ../modules/home/assets/js/components/editor-screen/home-screen.js ***!
2603 + \*************************************************************************/
2334 2604 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2335 2605
2336 2606 "use strict";
2337 2607 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
@@ -2343,21 +2613,16 @@
2343 2613 }));
2344 2614 exports["default"] = void 0;
2345 2615 var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
2346 2616 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2347 -var _headerSection = _interopRequireDefault(__webpack_require__(/*! ./header-section */ "../modules/home/assets/js/components/header-section.js"));
2348 -var _topSection = _interopRequireDefault(__webpack_require__(/*! ./top-section */ "../modules/home/assets/js/components/top-section.js"));
2349 -var _sidebarPromotion = _interopRequireDefault(__webpack_require__(/*! ./sidebar-promotion */ "../modules/home/assets/js/components/sidebar-promotion.js"));
2350 -var _externalLinksSection = _interopRequireDefault(__webpack_require__(/*! ./external-links-section */ "../modules/home/assets/js/components/external-links-section.js"));
2351 -var _getStartedSection = _interopRequireDefault(__webpack_require__(/*! ./get-started-section */ "../modules/home/assets/js/components/get-started-section.js"));
2352 -var _createWithAiBanner = _interopRequireDefault(__webpack_require__(/*! ./create-with-ai-banner */ "../modules/home/assets/js/components/create-with-ai-banner.js"));
2353 -var _index = _interopRequireDefault(__webpack_require__(/*! ../site-builder/index */ "../modules/home/assets/js/site-builder/index.js"));
2354 -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"));
2355 2624 var EditorScreen = function EditorScreen(props) {
2356 - var _props$homeScreenData;
2357 - if (!((_props$homeScreenData = props.homeScreenData) !== null && _props$homeScreenData !== void 0 && _props$homeScreenData.get_started)) {
2358 - return /*#__PURE__*/_react.default.createElement(_loadFallbackMessage.default, null);
2359 - }
2360 2625 var hasSidebarPromotion = props.homeScreenData.hasOwnProperty('sidebar_promotion_variants');
2361 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, {
2362 2627 disableGutters: true,
2363 2628 maxWidth: "lg",
@@ -2374,10 +2639,8 @@
2374 2639 editWebsiteUrl: props.homeScreenData.edit_website_url
2375 2640 }), props.homeScreenData.top_with_licences && /*#__PURE__*/_react.default.createElement(_topSection.default, {
2376 2641 topData: props.homeScreenData.top_with_licences,
2377 2642 buttonCtaUrl: props.homeScreenData.button_cta_url
2378 - }), props.homeScreenData.site_builder && /*#__PURE__*/_react.default.createElement(_index.default, {
2379 - siteBuilderData: props.homeScreenData.site_builder
2380 2643 }), /*#__PURE__*/_react.default.createElement(_ui.Box, {
2381 2644 sx: {
2382 2645 display: 'flex',
2383 2646 flexDirection: {
@@ -2395,10 +2658,12 @@
2395 2658 }, props.homeScreenData.create_with_ai && /*#__PURE__*/_react.default.createElement(_createWithAiBanner.default, {
2396 2659 createWithAIData: props.homeScreenData.create_with_ai
2397 2660 }), /*#__PURE__*/_react.default.createElement(_getStartedSection.default, {
2398 2661 getStartedData: props.homeScreenData.get_started,
2399 - adminUrl: props.adminUrl,
2400 - 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
2401 2666 }), /*#__PURE__*/_react.default.createElement(_externalLinksSection.default, {
2402 2667 externalLinksData: props.homeScreenData.external_links
2403 2668 })), hasSidebarPromotion && /*#__PURE__*/_react.default.createElement(_ui.Container, {
2404 2669 maxWidth: "xs",
@@ -2422,59 +2687,15 @@
2422 2687 var _default = exports["default"] = EditorScreen;
2423 2688
2424 2689 /***/ }),
2425 2690
2426 -/***/ "../modules/home/assets/js/components/load-fallback-message.js":
2427 -/*!*********************************************************************!*\
2428 - !*** ../modules/home/assets/js/components/load-fallback-message.js ***!
2429 - \*********************************************************************/
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 + \***************************************************************************************/
2430 2695 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2431 2696
2432 2697 "use strict";
2433 -
2434 -
2435 -var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
2436 -Object.defineProperty(exports, "__esModule", ({
2437 - value: true
2438 -}));
2439 -exports["default"] = void 0;
2440 -var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
2441 -var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2442 -var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
2443 -var LoadFallbackMessage = function LoadFallbackMessage() {
2444 - return /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Container, {
2445 - disableGutters: true,
2446 - maxWidth: "lg",
2447 - sx: {
2448 - px: 4,
2449 - pt: 4
2450 - }
2451 - }, /*#__PURE__*/_react.default.createElement(_ui.Paper, {
2452 - elevation: 0,
2453 - sx: {
2454 - py: 4,
2455 - px: 4,
2456 - borderRadius: 1,
2457 - border: 1,
2458 - borderColor: 'divider',
2459 - textAlign: 'center'
2460 - }
2461 - }, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
2462 - variant: "body1",
2463 - color: "text.secondary"
2464 - }, (0, _i18n.__)("We couldn't load this content right now. Please try again later.", 'elementor')))));
2465 -};
2466 -var _default = exports["default"] = LoadFallbackMessage;
2467 -
2468 -/***/ }),
2469 -
2470 -/***/ "../modules/home/assets/js/components/promotions/sidebar-banner.js":
2471 -/*!*************************************************************************!*\
2472 - !*** ../modules/home/assets/js/components/promotions/sidebar-banner.js ***!
2473 - \*************************************************************************/
2474 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2475 -
2476 -"use strict";
2477 2698 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
2478 2699
2479 2700
2480 2701 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
@@ -2484,9 +2705,9 @@
2484 2705 exports["default"] = void 0;
2485 2706 var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
2486 2707 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2487 2708 var _Link = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Link */ "@elementor/ui/Link"));
2488 -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");
2489 2710 var SidebarBanner = function SidebarBanner(_ref) {
2490 2711 var image = _ref.image,
2491 2712 link = _ref.link;
2492 2713 var handleClick = function handleClick() {
@@ -2531,12 +2752,12 @@
2531 2752 };
2532 2753
2533 2754 /***/ }),
2534 2755
2535 -/***/ "../modules/home/assets/js/components/promotions/sidebar-default.js":
2536 -/*!**************************************************************************!*\
2537 - !*** ../modules/home/assets/js/components/promotions/sidebar-default.js ***!
2538 - \**************************************************************************/
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 + \****************************************************************************************/
2539 2760 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2540 2761
2541 2762 "use strict";
2542 2763 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
@@ -2551,11 +2772,11 @@
2551 2772 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2552 2773 var _Button = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Button */ "@elementor/ui/Button"));
2553 2774 var _List = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/List */ "@elementor/ui/List"));
2554 2775 var _ListItem = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItem */ "@elementor/ui/ListItem"));
2555 -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"));
2556 2777 var _ListItemText = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/ListItemText */ "@elementor/ui/ListItemText"));
2557 -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");
2558 2779 var SidebarDefault = function SidebarDefault(_ref) {
2559 2780 var header = _ref.header,
2560 2781 cta = _ref.cta,
2561 2782 repeater = _ref.repeater;
@@ -2627,12 +2848,12 @@
2627 2848 };
2628 2849
2629 2850 /***/ }),
2630 2851
2631 -/***/ "../modules/home/assets/js/components/sidebar-promotion.js":
2632 -/*!*****************************************************************!*\
2633 - !*** ../modules/home/assets/js/components/sidebar-promotion.js ***!
2634 - \*****************************************************************/
2852 +/***/ "../modules/home/assets/js/components/editor-screen/sidebar-promotion.js":
2853 +/*!*******************************************************************************!*\
2854 + !*** ../modules/home/assets/js/components/editor-screen/sidebar-promotion.js ***!
2855 + \*******************************************************************************/
2635 2856 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2636 2857
2637 2858 "use strict";
2638 2859 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
@@ -2643,10 +2864,10 @@
2643 2864 value: true
2644 2865 }));
2645 2866 exports["default"] = void 0;
2646 2867 var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
2647 -var _sidebarBanner = _interopRequireDefault(__webpack_require__(/*! ./promotions/sidebar-banner */ "../modules/home/assets/js/components/promotions/sidebar-banner.js"));
2648 -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"));
2649 2870 var SideBarPromotion = function SideBarPromotion(_ref) {
2650 2871 var sideData = _ref.sideData;
2651 2872 if ('banner' === sideData.type) {
2652 2873 return /*#__PURE__*/_react.default.createElement(_sidebarBanner.default, sideData.data);
@@ -2659,12 +2880,12 @@
2659 2880 };
2660 2881
2661 2882 /***/ }),
2662 2883
2663 -/***/ "../modules/home/assets/js/components/top-section.js":
2664 -/*!***********************************************************!*\
2665 - !*** ../modules/home/assets/js/components/top-section.js ***!
2666 - \***********************************************************/
2884 +/***/ "../modules/home/assets/js/components/editor-screen/top-section.js":
2885 +/*!*************************************************************************!*\
2886 + !*** ../modules/home/assets/js/components/editor-screen/top-section.js ***!
2887 + \*************************************************************************/
2667 2888 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2668 2889
2669 2890 "use strict";
2670 2891 /* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
@@ -2680,10 +2901,10 @@
2680 2901 var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
2681 2902 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2682 2903 var _Typography = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Typography */ "@elementor/ui/Typography"));
2683 2904 var _Button = _interopRequireDefault(__webpack_require__(/*! @elementor/ui/Button */ "@elementor/ui/Button"));
2684 -var _youtubeIcon = _interopRequireDefault(__webpack_require__(/*! ../icons/youtube-icon */ "../modules/home/assets/js/icons/youtube-icon.js"));
2685 -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");
2686 2907 var TopSection = function TopSection(_ref) {
2687 2908 var props = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
2688 2909 var topData = props.topData,
2689 2910 buttonCtaUrl = props.buttonCtaUrl;
@@ -2720,10 +2941,9 @@
2720 2941 },
2721 2942 gap: {
2722 2943 xs: 2,
2723 2944 sm: 3,
2724 - lg: 10,
2725 - xl: 22
2945 + lg: 22
2726 2946 },
2727 2947 borderRadius: 1,
2728 2948 border: '1px solid rgba(0, 0, 0, 0.12)'
2729 2949 }
@@ -2778,45 +2998,220 @@
2778 2998 var _default = exports["default"] = TopSection;
2779 2999
2780 3000 /***/ }),
2781 3001
2782 -/***/ "../modules/home/assets/js/icons/arrow-right-icon.js":
2783 -/*!***********************************************************!*\
2784 - !*** ../modules/home/assets/js/icons/arrow-right-icon.js ***!
2785 - \***********************************************************/
3002 +/***/ "../modules/home/assets/js/components/home-screen/addons-section.js":
3003 +/*!**************************************************************************!*\
3004 + !*** ../modules/home/assets/js/components/home-screen/addons-section.js ***!
3005 + \**************************************************************************/
2786 3006 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2787 3007
2788 3008 "use strict";
3009 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
2789 3010
2790 3011
2791 3012 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
2792 -var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
2793 3013 Object.defineProperty(exports, "__esModule", ({
2794 3014 value: true
2795 3015 }));
2796 3016 exports["default"] = void 0;
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"));
2797 3019 var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
2798 -var React = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
2799 3020 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
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,
3039 + sx: {
3040 + p: 3,
3041 + display: 'flex',
3042 + flexDirection: 'column',
3043 + gap: 2
3044 + }
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, {
3051 + sx: {
3052 + display: 'grid',
3053 + gridTemplateColumns: {
3054 + md: "repeat(".concat(cardsPerRow, ", 1fr)"),
3055 + xs: 'repeat(1, 1fr)'
3056 + },
3057 + gap: 2
3058 + }
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"));
2800 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); }
2801 -var ArrowRightIcon = function ArrowRightIcon(props) {
2802 - return /*#__PURE__*/React.createElement(_ui.SvgIcon, (0, _extends2.default)({
2803 - viewBox: "0 0 24 24"
2804 - }, props), /*#__PURE__*/React.createElement("path", {
2805 - d: "M12 4L10.59 5.41L16.17 11H4V13H16.17L10.59 18.59L12 20L20 12L12 4Z"
2806 - }));
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, {
3181 + sx: {
3182 + mb: 2
3183 + }
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'))));
2807 3196 };
2808 -var _default = exports["default"] = ArrowRightIcon;
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 +};
2809 3203
2810 3204 /***/ }),
2811 3205
2812 -/***/ "../modules/home/assets/js/icons/side-bar-check-icon.js":
2813 -/*!**************************************************************!*\
2814 - !*** ../modules/home/assets/js/icons/side-bar-check-icon.js ***!
2815 - \**************************************************************/
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 + \*********************************************************************************/
2816 3210 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2817 3211
2818 3212 "use strict";
3213 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
2819 3214
2820 3215
2821 3216 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
2822 3217 var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
@@ -2823,70 +3218,198 @@
2823 3218 Object.defineProperty(exports, "__esModule", ({
2824 3219 value: true
2825 3220 }));
2826 3221 exports["default"] = void 0;
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"));
2827 3225 var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
2828 -var React = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
2829 3226 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
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");
2830 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); }
2831 -var SideBarCheckIcon = function SideBarCheckIcon(props) {
2832 - return /*#__PURE__*/React.createElement(_ui.SvgIcon, (0, _extends2.default)({
2833 - viewBox: "0 0 24 24"
2834 - }, props), /*#__PURE__*/React.createElement("path", {
2835 - fillRule: "evenodd",
2836 - clipRule: "evenodd",
2837 - 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",
2838 - fill: "#93003F"
2839 - }), /*#__PURE__*/React.createElement("path", {
2840 - fillRule: "evenodd",
2841 - clipRule: "evenodd",
2842 - 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",
2843 - fill: "#93003F"
2844 - }));
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,
3281 + sx: {
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'
3291 + }
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)));
2845 3331 };
2846 -var _default = exports["default"] = SideBarCheckIcon;
3332 +CreateWithAIBanner.propTypes = {
3333 + createWithAIData: PropTypes.object
3334 +};
3335 +var _default = exports["default"] = CreateWithAIBanner;
2847 3336
2848 3337 /***/ }),
2849 3338
2850 -/***/ "../modules/home/assets/js/icons/youtube-icon.js":
2851 -/*!*******************************************************!*\
2852 - !*** ../modules/home/assets/js/icons/youtube-icon.js ***!
2853 - \*******************************************************/
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 + \**********************************************************************************/
2854 3343 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2855 3344
2856 3345 "use strict";
3346 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
2857 3347
2858 3348
2859 3349 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
2860 -var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
2861 3350 Object.defineProperty(exports, "__esModule", ({
2862 3351 value: true
2863 3352 }));
2864 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"));
2865 3356 var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
2866 -var React = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
2867 3357 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2868 -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); }
2869 -var YoutubeIcon = function YoutubeIcon(props) {
2870 - return /*#__PURE__*/React.createElement(_ui.SvgIcon, (0, _extends2.default)({
2871 - viewBox: "0 0 24 24"
2872 - }, props), /*#__PURE__*/React.createElement("path", {
2873 - fillRule: "evenodd",
2874 - clipRule: "evenodd",
2875 - 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"
2876 - }));
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 + })));
2877 3396 };
2878 -var _default = exports["default"] = YoutubeIcon;
3397 +var _default = exports["default"] = ExternalLinksSection;
3398 +ExternalLinksSection.propTypes = {
3399 + externalLinksData: PropTypes.array.isRequired
3400 +};
2879 3401
2880 3402 /***/ }),
2881 3403
2882 -/***/ "../modules/home/assets/js/site-builder/components/site-type-layout-toggle.js":
2883 -/*!************************************************************************************!*\
2884 - !*** ../modules/home/assets/js/site-builder/components/site-type-layout-toggle.js ***!
2885 - \************************************************************************************/
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 + \*********************************************************************************/
2886 3408 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2887 3409
2888 3410 "use strict";
3411 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
2889 3412
2890 3413
2891 3414 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
2892 3415 Object.defineProperty(exports, "__esModule", ({
@@ -2893,47 +3416,87 @@
2893 3416 value: true
2894 3417 }));
2895 3418 exports["default"] = void 0;
2896 3419 var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
2897 -var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
2898 -var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
2899 -var _CopyPageIcon = _interopRequireDefault(__webpack_require__(/*! @elementor/icons/CopyPageIcon */ "@elementor/icons/CopyPageIcon"));
2900 -var _WebsiteIcon = _interopRequireDefault(__webpack_require__(/*! @elementor/icons/WebsiteIcon */ "@elementor/icons/WebsiteIcon"));
2901 -var _styledComponents = __webpack_require__(/*! ./styled-components */ "../modules/home/assets/js/site-builder/components/styled-components.js");
2902 -var SiteTypeLayoutToggle = function SiteTypeLayoutToggle(_ref) {
2903 - var isOnePage = _ref.isOnePage,
2904 - onIsOnePageChange = _ref.onIsOnePageChange;
2905 - return /*#__PURE__*/_react.default.createElement(_styledComponents.LayoutToggleContainer, null, /*#__PURE__*/_react.default.createElement(_styledComponents.LayoutChip, {
2906 - isSelected: !isOnePage,
2907 - icon: /*#__PURE__*/_react.default.createElement(_CopyPageIcon.default, null),
2908 - label: (0, _i18n.__)('Multi-page', 'elementor'),
2909 - onClick: function onClick() {
2910 - return onIsOnePageChange(false);
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;
2911 3438 }
2912 - }), /*#__PURE__*/_react.default.createElement(_styledComponents.LayoutChip, {
2913 - isSelected: isOnePage,
2914 - icon: /*#__PURE__*/_react.default.createElement(_WebsiteIcon.default, null),
2915 - label: (0, _i18n.__)('One-page', 'elementor'),
2916 - onClick: function onClick() {
2917 - return onIsOnePageChange(true);
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'
2918 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 + }
2919 3473 }));
2920 3474 };
2921 -SiteTypeLayoutToggle.propTypes = {
2922 - isOnePage: _propTypes.default.bool.isRequired,
2923 - onIsOnePageChange: _propTypes.default.func.isRequired
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
2924 3487 };
2925 -var _default = exports["default"] = SiteTypeLayoutToggle;
2926 3488
2927 3489 /***/ }),
2928 3490
2929 -/***/ "../modules/home/assets/js/site-builder/components/step-actions.js":
2930 -/*!*************************************************************************!*\
2931 - !*** ../modules/home/assets/js/site-builder/components/step-actions.js ***!
2932 - \*************************************************************************/
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 + \*******************************************************************************/
2933 3495 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2934 3496
2935 3497 "use strict";
3498 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
2936 3499
2937 3500
2938 3501 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
2939 3502 Object.defineProperty(exports, "__esModule", ({
@@ -2938,105 +3501,160 @@
2938 3501 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
2939 3502 Object.defineProperty(exports, "__esModule", ({
2940 3503 value: true
2941 3504 }));
2942 -exports.getStepAction = exports.StepWithoutInput = exports.StepWithInput = exports.StepLoader = void 0;
3505 +exports["default"] = void 0;
2943 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"));
3508 +var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js"));
2944 3509 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2945 -var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
2946 -var _arrowRightIcon = _interopRequireDefault(__webpack_require__(/*! ../../icons/arrow-right-icon */ "../modules/home/assets/js/icons/arrow-right-icon.js"));
2947 -var _styledComponents = __webpack_require__(/*! ./styled-components */ "../modules/home/assets/js/site-builder/components/styled-components.js");
2948 -var StepLoader = exports.StepLoader = function StepLoader() {
2949 - return /*#__PURE__*/_react.default.createElement(_ui.Box, {
2950 - display: "flex",
2951 - alignItems: "center",
2952 - justifyContent: "center",
2953 - width: "100%",
2954 - height: "100%"
2955 - }, /*#__PURE__*/_react.default.createElement(_ui.CircularProgress, null));
2956 -};
2957 -var getStepAction = exports.getStepAction = function getStepAction(stepConfig, handlers) {
2958 - if (stepConfig.hasInput) {
2959 - return /*#__PURE__*/_react.default.createElement(StepWithInput, {
2960 - buttonLabel: stepConfig.buttonLabel,
2961 - placeholder: stepConfig.placeholder,
2962 - inputValue: handlers.inputValue,
2963 - onInputChange: handlers.onInputChange,
2964 - onKeyDown: handlers.onKeyDown,
2965 - onSubmit: function onSubmit() {
2966 - return handlers.onSubmit(handlers.inputValue);
2967 - }
2968 - });
2969 - }
2970 - return /*#__PURE__*/_react.default.createElement(StepWithoutInput, {
2971 - text: stepConfig.text,
2972 - buttonLabel: stepConfig.buttonLabel,
2973 - onSubmit: function onSubmit() {
2974 - return handlers.onSubmit('');
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
2975 3521 }
2976 - });
2977 -};
2978 -var StepWithInput = exports.StepWithInput = function StepWithInput(_ref) {
2979 - var buttonLabel = _ref.buttonLabel,
2980 - inputValue = _ref.inputValue,
2981 - onInputChange = _ref.onInputChange,
2982 - onKeyDown = _ref.onKeyDown,
2983 - onSubmit = _ref.onSubmit,
2984 - placeholder = _ref.placeholder;
2985 - return /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerInputRow, null, /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerTextField, {
2986 - placeholder: placeholder,
2987 - variant: "outlined",
2988 - size: "small",
2989 - value: inputValue,
2990 - onChange: onInputChange,
2991 - onKeyDown: onKeyDown,
2992 - autoComplete: "off"
2993 - }), /*#__PURE__*/_react.default.createElement(_styledComponents.CreateSiteButton, {
2994 - variant: "contained",
2995 - size: "medium",
2996 - endIcon: /*#__PURE__*/_react.default.createElement(_arrowRightIcon.default, null),
2997 - onClick: function onClick() {
2998 - return inputValue.trim() && onSubmit();
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
2999 3539 }
3000 - }, buttonLabel));
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 + })));
3001 3548 };
3002 -StepWithInput.propTypes = {
3003 - buttonLabel: _propTypes.default.string.isRequired,
3004 - inputValue: _propTypes.default.string.isRequired,
3005 - onInputChange: _propTypes.default.func.isRequired,
3006 - onKeyDown: _propTypes.default.func.isRequired,
3007 - onSubmit: _propTypes.default.func.isRequired,
3008 - placeholder: _propTypes.default.string.isRequired
3549 +var _default = exports["default"] = GetStarted;
3550 +GetStarted.propTypes = {
3551 + getStartedData: PropTypes.object.isRequired,
3552 + adminUrl: PropTypes.string.isRequired
3009 3553 };
3010 -var StepWithoutInput = exports.StepWithoutInput = function StepWithoutInput(_ref2) {
3011 - var buttonLabel = _ref2.buttonLabel,
3012 - text = _ref2.text,
3013 - onSubmit = _ref2.onSubmit;
3014 - return /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerInputColumn, null, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
3015 - variant: "body2",
3016 - color: "text.secondary"
3017 - }, text), /*#__PURE__*/_react.default.createElement(_styledComponents.CreateSiteButton, {
3018 - variant: "contained",
3019 - size: "medium",
3020 - endIcon: /*#__PURE__*/_react.default.createElement(_arrowRightIcon.default, null),
3021 - onClick: onSubmit
3022 - }, buttonLabel));
3554 +
3555 +/***/ }),
3556 +
3557 +/***/ "../modules/home/assets/js/components/home-screen/home-screen.js":
3558 +/*!***********************************************************************!*\
3559 + !*** ../modules/home/assets/js/components/home-screen/home-screen.js ***!
3560 + \***********************************************************************/
3561 +/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
3562 +
3563 +"use strict";
3564 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
3565 +
3566 +
3567 +var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
3568 +Object.defineProperty(exports, "__esModule", ({
3569 + value: true
3570 +}));
3571 +exports["default"] = void 0;
3572 +var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
3573 +var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
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
3597 + }
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
3610 + }
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 + })))));
3023 3640 };
3024 -StepWithoutInput.propTypes = {
3025 - buttonLabel: _propTypes.default.string.isRequired,
3026 - text: _propTypes.default.string.isRequired,
3027 - onSubmit: _propTypes.default.func.isRequired
3641 +HomeScreen.propTypes = {
3642 + homeScreenData: PropTypes.object,
3643 + adminUrl: PropTypes.string
3028 3644 };
3645 +var _default = exports["default"] = HomeScreen;
3029 3646
3030 3647 /***/ }),
3031 3648
3032 -/***/ "../modules/home/assets/js/site-builder/components/styled-components.js":
3033 -/*!******************************************************************************!*\
3034 - !*** ../modules/home/assets/js/site-builder/components/styled-components.js ***!
3035 - \******************************************************************************/
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 + \*************************************************************************************/
3036 3653 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
3037 3654
3038 3655 "use strict";
3656 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
3039 3657
3040 3658
3041 3659 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
3042 3660 Object.defineProperty(exports, "__esModule", ({
@@ -3041,357 +3659,308 @@
3041 3659 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
3042 3660 Object.defineProperty(exports, "__esModule", ({
3043 3661 value: true
3044 3662 }));
3045 -exports.SuggestionChip = exports.PlannerTextField = exports.PlannerRoot = exports.PlannerPreviewImage = exports.PlannerPreviewContainer = exports.PlannerInputRow = exports.PlannerInputColumn = exports.PlannerHeading = exports.PlannerGrid = exports.PlannerContent = exports.PlannerChipsRow = exports.PlannerBackground = exports.LayoutToggleContainer = exports.LayoutChip = exports.GenerateSiteButton = exports.CreateSiteButton = void 0;
3046 -var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
3663 +exports["default"] = void 0;
3664 +var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
3047 3665 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3048 -function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3049 -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; }
3050 -var PlannerRoot = exports.PlannerRoot = (0, _ui.styled)(_ui.Paper)(function (_ref) {
3051 - var theme = _ref.theme;
3052 - return {
3053 - position: 'relative',
3054 - display: 'flex',
3055 - flexDirection: 'row',
3056 - alignItems: 'center',
3057 - overflow: 'hidden',
3058 - borderRadius: theme.spacing(1),
3059 - border: '1px solid',
3060 - borderColor: theme.palette.divider,
3061 - minHeight: theme.spacing(23.25),
3062 - gap: theme.spacing(2)
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'));
3063 3673 };
3064 -});
3065 -var PlannerBackground = exports.PlannerBackground = (0, _ui.styled)(_ui.Box)(function (_ref2) {
3066 - var bgimage = _ref2.bgimage;
3067 - return _objectSpread(_objectSpread({
3068 - position: 'absolute',
3069 - inset: 0,
3070 - 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(', ')
3071 - }, bgimage && {
3072 - backgroundImage: "url(".concat(bgimage, ")"),
3073 - backgroundPosition: '0px -105.625px',
3074 - backgroundSize: 'cover',
3075 - backgroundRepeat: 'no-repeat'
3076 - }), {}, {
3077 - zIndex: 0
3078 - });
3079 -});
3080 -var PlannerGrid = exports.PlannerGrid = (0, _ui.styled)(_ui.Box)(function (_ref3) {
3081 - var theme = _ref3.theme;
3082 - return {
3083 - position: 'absolute',
3084 - inset: 0,
3085 - insetInlineStart: '-21px',
3086 - backgroundImage: 'linear-gradient(rgba(0,0,0,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,0.03) 1px, transparent 1px)',
3087 - backgroundSize: "".concat(theme.spacing(5), " ").concat(theme.spacing(5)),
3088 - zIndex: 0
3089 - };
3090 -});
3091 -var PlannerPreviewContainer = exports.PlannerPreviewContainer = (0, _ui.styled)(_ui.Box)(function (_ref4) {
3092 - var theme = _ref4.theme;
3093 - return (0, _defineProperty2.default)({
3094 - display: 'none',
3095 - position: 'relative',
3096 - flexShrink: 0,
3097 - width: theme.spacing(31.5),
3098 - height: '100%',
3099 - marginLeft: theme.spacing(-8)
3100 - }, theme.breakpoints.up('md'), {
3101 - display: 'flex'
3102 - });
3103 -});
3104 -var PlannerPreviewImage = exports.PlannerPreviewImage = (0, _ui.styled)(_ui.Box)(function () {
3105 - return {
3106 - width: '100%',
3107 - height: 'auto',
3108 - display: 'block'
3109 - };
3110 -});
3111 -var PlannerContent = exports.PlannerContent = (0, _ui.styled)(_ui.Stack)(function (_ref6) {
3112 - var theme = _ref6.theme;
3113 - return {
3114 - position: 'relative',
3115 - zIndex: 1,
3116 - flex: 1,
3117 - gap: theme.spacing(1),
3118 - paddingBlock: theme.spacing(3),
3119 - paddingInline: theme.spacing(2)
3120 - };
3121 -});
3122 -var PlannerHeading = exports.PlannerHeading = (0, _ui.styled)(_ui.Typography)(function (_ref7) {
3123 - var theme = _ref7.theme;
3124 - return {
3125 - fontFamily: '"Poppins", sans-serif',
3126 - fontWeight: 400,
3127 - fontSize: theme.spacing(3),
3128 - letterSpacing: '0.15px',
3129 - background: 'linear-gradient(89deg, #212121 25.85%, #696199 46.02%, #C945C9 60.81%, #212121 82.38%)',
3130 - backgroundClip: 'text',
3131 - WebkitBackgroundClip: 'text',
3132 - WebkitTextFillColor: 'transparent',
3133 - alignSelf: 'flex-start'
3134 - };
3135 -});
3136 -PlannerHeading.defaultProps = {
3137 - variant: 'h4'
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'
3694 + }
3695 + }
3696 + }, /*#__PURE__*/_react.default.createElement(_ui.Box, {
3697 + component: 'img',
3698 + src: image,
3699 + sx: {
3700 + width: '100%',
3701 + height: '100%'
3702 + }
3703 + })));
3138 3704 };
3139 -var PlannerInputRow = exports.PlannerInputRow = (0, _ui.styled)(_ui.Box)(function (_ref8) {
3140 - var theme = _ref8.theme;
3141 - return (0, _defineProperty2.default)({
3142 - display: 'flex',
3143 - flexDirection: 'column',
3144 - gap: theme.spacing(1),
3145 - alignItems: 'stretch',
3146 - flexWrap: 'wrap',
3147 - marginBlockStart: theme.spacing(1)
3148 - }, theme.breakpoints.up('sm'), {
3149 - flexDirection: 'row',
3150 - alignItems: 'center'
3151 - });
3152 -});
3153 -var PlannerInputColumn = exports.PlannerInputColumn = (0, _ui.styled)(_ui.Box)(function (_ref0) {
3154 - var theme = _ref0.theme;
3155 - return {
3156 - display: 'flex',
3157 - flexDirection: 'column',
3158 - gap: theme.spacing(2),
3159 - alignItems: 'flex-start'
3705 +var _default = exports["default"] = SidebarBanner;
3706 +SidebarBanner.propTypes = {
3707 + image: PropTypes.string.isRequired,
3708 + link: PropTypes.string.isRequired
3709 +};
3710 +
3711 +/***/ }),
3712 +
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 + \**************************************************************************************/
3717 +/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
3718 +
3719 +"use strict";
3720 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
3721 +
3722 +
3723 +var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
3724 +Object.defineProperty(exports, "__esModule", ({
3725 + value: true
3726 +}));
3727 +exports["default"] = void 0;
3728 +var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
3729 +var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
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'));
3160 3742 };
3161 -});
3162 -var PlannerTextField = exports.PlannerTextField = (0, _ui.styled)(_ui.TextField)(function (_ref1) {
3163 - var theme = _ref1.theme;
3164 - return (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
3165 - width: '100%'
3166 - }, theme.breakpoints.up('sm'), {
3167 - width: theme.spacing(50)
3168 - }), '& .MuiOutlinedInput-root', {
3169 - borderRadius: theme.spacing(1),
3170 - height: theme.spacing(5),
3171 - boxShadow: "0px 3px 14px 2px ".concat(theme.palette.divider),
3172 - overflow: 'hidden',
3173 - border: '1px solid transparent',
3174 - backgroundImage: "linear-gradient(".concat(theme.palette.common.white, ", ").concat(theme.palette.common.white, "), linear-gradient(89deg, #212121 25.85%, #696199 46.02%, #C945C9 60.81%, #212121 82.38%)"),
3175 - backgroundOrigin: 'border-box',
3176 - backgroundClip: 'padding-box, border-box',
3177 - '& fieldset': {
3178 - border: 'none'
3179 - },
3180 - '&.Mui-focused fieldset': {
3181 - border: 'none'
3743 + return /*#__PURE__*/_react.default.createElement(_ui.Paper, {
3744 + elevation: 0,
3745 + sx: {
3746 + p: 3
3182 3747 }
3183 - }), '& .MuiInputBase-input', {
3184 - border: 'none',
3185 - borderRadius: 0,
3186 - height: '100%',
3187 - paddingInline: theme.spacing(2)
3188 - });
3189 -});
3190 -var PlannerChipsRow = exports.PlannerChipsRow = (0, _ui.styled)(_ui.Box)(function (_ref11) {
3191 - var theme = _ref11.theme;
3192 - return {
3193 - display: 'flex',
3194 - gap: theme.spacing(1),
3195 - flexWrap: 'wrap'
3196 - };
3197 -});
3198 -var GenerateSiteButton = exports.GenerateSiteButton = (0, _ui.styled)(_ui.Button)(function (_ref12) {
3199 - var theme = _ref12.theme;
3200 - return {
3201 - backgroundColor: theme.palette.text.primary,
3202 - color: theme.palette.common.white,
3203 - borderRadius: theme.spacing(0.75),
3204 - textTransform: 'none',
3205 - fontWeight: 500,
3206 - fontSize: theme.spacing(1.625),
3207 - whiteSpace: 'nowrap',
3208 - minWidth: 'auto',
3209 - paddingBlock: theme.spacing(0.25),
3210 - paddingInline: theme.spacing(1.5),
3211 - '&:hover': {
3212 - 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
3213 3754 }
3214 - };
3215 -});
3216 -var CreateSiteButton = exports.CreateSiteButton = (0, _ui.styled)(_ui.Button)(function (_ref13) {
3217 - var theme = _ref13.theme;
3218 - return {
3219 - backgroundColor: theme.palette.text.primary,
3220 - border: '1px solid',
3221 - borderColor: theme.palette.text.primary,
3222 - color: theme.palette.common.white,
3223 - borderRadius: theme.spacing(1),
3224 - textTransform: 'none',
3225 - whiteSpace: 'nowrap',
3226 - width: 'max-content',
3227 - '&:hover, &:focus': {
3228 - backgroundColor: '#22252a',
3229 - borderColor: '#22252a',
3230 - color: theme.palette.common.white
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'
3231 3779 }
3232 - };
3233 -});
3234 -var SuggestionChip = exports.SuggestionChip = (0, _ui.styled)(_ui.Chip)(function (_ref14) {
3235 - var theme = _ref14.theme;
3236 - return {
3237 - backgroundColor: theme.palette.common.white,
3238 - borderColor: theme.palette.divider,
3239 - color: theme.palette.text.secondary,
3240 - fontSize: theme.spacing(1.625),
3241 - '&:not(.Mui-disabled):hover': {
3242 - backgroundColor: '#f3f3f4'
3243 - },
3244 - '&.Mui-disabled': {
3245 - opacity: 1,
3246 - color: theme.palette.text.disabled
3780 + }, cta.label)), /*#__PURE__*/_react.default.createElement(_List.default, {
3781 + sx: {
3782 + p: 0
3247 3783 }
3248 - };
3249 -});
3250 -var LayoutToggleContainer = exports.LayoutToggleContainer = (0, _ui.styled)(_ui.Box)(function (_ref15) {
3251 - var theme = _ref15.theme;
3252 - return {
3253 - alignItems: 'center',
3254 - backgroundColor: theme.palette.common.white,
3255 - borderRadius: theme.spacing(3),
3256 - display: 'inline-flex',
3257 - width: 'fit-content'
3258 - };
3259 -});
3260 -var LayoutChip = exports.LayoutChip = (0, _ui.styled)(_ui.Chip, {
3261 - shouldForwardProp: function shouldForwardProp(prop) {
3262 - return 'isSelected' !== prop;
3263 - }
3264 -})(function (_ref16) {
3265 - var theme = _ref16.theme,
3266 - isSelected = _ref16.isSelected;
3267 - return {
3268 - backgroundColor: isSelected ? theme.palette.secondary.main : 'transparent',
3269 - border: 'none',
3270 - borderRadius: theme.spacing(12.5),
3271 - color: isSelected ? theme.palette.secondary.contrastText : theme.palette.text.primary,
3272 - height: 'initial',
3273 - padding: "".concat(theme.spacing(0.375), " ").concat(theme.spacing(1.25)),
3274 - '& .MuiChip-label': {
3275 - fontSize: theme.typography.caption.fontSize,
3276 - fontWeight: isSelected ? 500 : 400,
3277 - paddingInlineStart: theme.spacing(0.5),
3278 - paddingInlineEnd: theme.spacing(0.5)
3279 - },
3280 - '&& .MuiChip-icon': {
3281 - fontSize: theme.spacing(1.75),
3282 - color: isSelected ? theme.palette.secondary.contrastText : theme.palette.text.secondary
3283 - },
3284 - '&&:hover': {
3285 - backgroundColor: isSelected ? theme.palette.secondary.dark : theme.palette.action.hover,
3286 - color: isSelected ? theme.palette.secondary.contrastText : theme.palette.text.primary,
3287 - '&& .MuiChip-icon': {
3288 - color: isSelected ? theme.palette.secondary.contrastText : theme.palette.text.primary
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
3289 3790 }
3290 - }
3291 - };
3292 -});
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 +};
3293 3805
3294 3806 /***/ }),
3295 3807
3296 -/***/ "../modules/home/assets/js/site-builder/components/suggestion-chips.js":
3808 +/***/ "../modules/home/assets/js/components/home-screen/sidebar-promotion.js":
3297 3809 /*!*****************************************************************************!*\
3298 - !*** ../modules/home/assets/js/site-builder/components/suggestion-chips.js ***!
3810 + !*** ../modules/home/assets/js/components/home-screen/sidebar-promotion.js ***!
3299 3811 \*****************************************************************************/
3300 3812 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
3301 3813
3302 3814 "use strict";
3815 +/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js");
3303 3816
3304 3817
3305 3818 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
3306 -var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
3307 3819 Object.defineProperty(exports, "__esModule", ({
3308 3820 value: true
3309 3821 }));
3310 3822 exports["default"] = void 0;
3311 -var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
3312 -var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
3313 -var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
3314 -var _styledComponents = __webpack_require__(/*! ./styled-components */ "../modules/home/assets/js/site-builder/components/styled-components.js");
3315 -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); }
3316 -var DEFAULT_SITE_BUILDER_STATE = {
3317 - sessionStep: null,
3318 - pageSuggestions: [],
3319 - siteTypeSuggestions: [],
3320 - plannerSteps: {}
3321 -};
3322 -var shouldShowPageNameSuggestions = function shouldShowPageNameSuggestions(sessionStep, pageSuggestions, plannerSteps) {
3323 - var _plannerSteps$WIREFRA;
3324 - var sessionStepValue = Number(sessionStep);
3325 - if (!Number.isFinite(sessionStepValue)) {
3326 - 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);
3327 3830 }
3328 - if (sessionStepValue < ((_plannerSteps$WIREFRA = plannerSteps === null || plannerSteps === void 0 ? void 0 : plannerSteps.WIREFRAMES) !== null && _plannerSteps$WIREFRA !== void 0 ? _plannerSteps$WIREFRA : 3)) {
3329 - return false;
3330 - }
3331 - return pageSuggestions.length > 0;
3831 + return /*#__PURE__*/_react.default.createElement(_sidebarDefault.default, sideData.data);
3332 3832 };
3333 -var shouldShowSiteTypeSuggestions = function shouldShowSiteTypeSuggestions(sessionStep, siteTypeSuggestions, plannerSteps) {
3334 - var _plannerSteps$INIT;
3335 - if (null !== sessionStep && ((_plannerSteps$INIT = plannerSteps === null || plannerSteps === void 0 ? void 0 : plannerSteps.INIT) !== null && _plannerSteps$INIT !== void 0 ? _plannerSteps$INIT : 0) !== sessionStep) {
3336 - return false;
3337 - }
3338 - return siteTypeSuggestions.length > 0;
3833 +var _default = exports["default"] = SideBarPromotion;
3834 +SideBarPromotion.propTypes = {
3835 + sideData: PropTypes.object.isRequired
3339 3836 };
3340 -var getDisplayChips = function getDisplayChips(sessionStep, pageSuggestions, siteTypeSuggestions, plannerSteps) {
3341 - if (shouldShowSiteTypeSuggestions(sessionStep, siteTypeSuggestions, plannerSteps)) {
3342 - return siteTypeSuggestions;
3343 - }
3344 - if (shouldShowPageNameSuggestions(sessionStep, pageSuggestions, plannerSteps)) {
3345 - return pageSuggestions;
3346 - }
3347 - return [];
3348 -};
3349 -var SuggestionChips = function SuggestionChips(_ref) {
3350 - var onChipSelect = _ref.onChipSelect,
3351 - _ref$siteBuilderState = _ref.siteBuilderState,
3352 - siteBuilderState = _ref$siteBuilderState === void 0 ? DEFAULT_SITE_BUILDER_STATE : _ref$siteBuilderState;
3353 - var _useState = (0, _react.useState)(null),
3354 - _useState2 = (0, _slicedToArray2.default)(_useState, 2),
3355 - selectedChip = _useState2[0],
3356 - setSelectedChip = _useState2[1];
3357 - var sessionStep = siteBuilderState.sessionStep,
3358 - pageSuggestions = siteBuilderState.pageSuggestions,
3359 - siteTypeSuggestions = siteBuilderState.siteTypeSuggestions,
3360 - plannerSteps = siteBuilderState.plannerSteps;
3361 - var displayChips = getDisplayChips(sessionStep, pageSuggestions, siteTypeSuggestions, plannerSteps);
3362 - 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) {
3363 3868 return null;
3364 3869 }
3365 - var handleChipClick = function handleChipClick(value) {
3366 - setSelectedChip(value);
3367 - 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'));
3368 3880 };
3369 - return /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerChipsRow, null, displayChips.map(function (suggestion) {
3370 - return /*#__PURE__*/_react.default.createElement(_styledComponents.SuggestionChip, {
3371 - key: suggestion,
3372 - label: suggestion,
3373 - onClick: function onClick() {
3374 - 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'
3375 3891 },
3376 - size: "small",
3377 - variant: "outlined",
3378 - disabled: selectedChip === suggestion
3379 - });
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 + }
3380 3949 }));
3381 3950 };
3382 -SuggestionChips.propTypes = {
3383 - siteBuilderState: _propTypes.default.object,
3384 - onChipSelect: _propTypes.default.func.isRequired
3951 +TopSection.propTypes = {
3952 + topData: PropTypes.object.isRequired,
3953 + buttonCtaUrl: PropTypes.string.isRequired
3385 3954 };
3386 -var _default = exports["default"] = SuggestionChips;
3955 +var _default = exports["default"] = TopSection;
3387 3956
3388 3957 /***/ }),
3389 3958
3390 -/***/ "../modules/home/assets/js/site-builder/hooks/use-site-builder-state.js":
3391 -/*!******************************************************************************!*\
3392 - !*** ../modules/home/assets/js/site-builder/hooks/use-site-builder-state.js ***!
3393 - \******************************************************************************/
3959 +/***/ "../modules/home/assets/js/icons/side-bar-check-icon.js":
3960 +/*!**************************************************************!*\
3961 + !*** ../modules/home/assets/js/icons/side-bar-check-icon.js ***!
3962 + \**************************************************************/
3394 3963 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
3395 3964
3396 3965 "use strict";
3397 3966
@@ -3396,269 +3965,39 @@
3396 3965 "use strict";
3397 3966
3398 3967
3399 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");
3400 3970 Object.defineProperty(exports, "__esModule", ({
3401 3971 value: true
3402 3972 }));
3403 -exports["default"] = exports.clearHomeScreenSnapshot = void 0;
3404 -var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "../node_modules/@babel/runtime/regenerator/index.js"));
3405 -var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../node_modules/@babel/runtime/helpers/asyncToGenerator.js"));
3406 -var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
3407 -var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "../node_modules/@babel/runtime/helpers/toConsumableArray.js"));
3408 -var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
3409 -var _react = __webpack_require__(/*! react */ "react");
3410 -function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3411 -function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
3412 -var SETTINGS_PATH = 'elementor/v1/site-builder/snapshot';
3413 -var HOME_SCREEN_PATH = 'elementor/v1/site-builder/home-screen';
3414 -var DEFAULT_SITE_TYPE_SUGGESTIONS = Object.freeze(['Business website', 'Portfolio website', 'E-commerce store']);
3415 -var buildRestHeaders = function buildRestHeaders() {
3416 - var _window$elementorHome;
3417 - return {
3418 - 'X-WP-Nonce': ((_window$elementorHome = window.elementorHomeScreenData) === null || _window$elementorHome === void 0 ? void 0 : _window$elementorHome.wpRestNonce) || ''
3419 - };
3973 +exports["default"] = void 0;
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 + }));
3420 3992 };
3421 -var getRestBaseUrl = function getRestBaseUrl() {
3422 - var _window$wpApiSettings;
3423 - return ((_window$wpApiSettings = window.wpApiSettings) === null || _window$wpApiSettings === void 0 ? void 0 : _window$wpApiSettings.root) || '/wp-json/';
3424 -};
3425 -var clearHomeScreenSnapshot = exports.clearHomeScreenSnapshot = function clearHomeScreenSnapshot(siteKey, fullSnapshot) {
3426 - if (!siteKey) {
3427 - return;
3428 - }
3429 - var remaining = _objectSpread({}, fullSnapshot !== null && fullSnapshot !== void 0 ? fullSnapshot : {});
3430 - delete remaining[siteKey];
3431 - if (fullSnapshot && Object.prototype.hasOwnProperty.call(fullSnapshot, siteKey)) {
3432 - delete fullSnapshot[siteKey];
3433 - }
3434 - fetch("".concat(getRestBaseUrl()).concat(SETTINGS_PATH), {
3435 - method: 'POST',
3436 - credentials: 'include',
3437 - headers: _objectSpread({
3438 - 'Content-Type': 'application/json'
3439 - }, buildRestHeaders()),
3440 - body: JSON.stringify({
3441 - value: remaining
3442 - })
3443 - }).catch(function () {});
3444 -};
3445 -var sanitizeSuggestions = function sanitizeSuggestions(value) {
3446 - var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
3447 - limit = _ref.limit;
3448 - var list = Array.isArray(value) ? value.filter(function (item) {
3449 - return 'string' === typeof item && item.trim();
3450 - }) : [];
3451 - return limit ? list.slice(0, limit) : list;
3452 -};
3453 -var withDefaultSiteTypeSuggestions = function withDefaultSiteTypeSuggestions(value) {
3454 - var stored = sanitizeSuggestions(value, {
3455 - limit: 3
3456 - });
3457 - return stored.length ? stored : (0, _toConsumableArray2.default)(DEFAULT_SITE_TYPE_SUGGESTIONS);
3458 -};
3459 -var hasCompleteSnapshot = function hasCompleteSnapshot(snapshotStep, snapshotEntry, plannerSteps) {
3460 - if (!snapshotEntry) {
3461 - return false;
3462 - }
3463 - if (null !== snapshotStep && snapshotStep >= plannerSteps.DEPLOYED_TO_PLUGIN) {
3464 - return Array.isArray(snapshotEntry.pageSuggestions) && snapshotEntry.pageSuggestions.length > 0;
3465 - }
3466 - return true;
3467 -};
3468 -var deriveInitialStateForSiteKey = function deriveInitialStateForSiteKey(siteKey, snapshot, plannerSteps) {
3469 - if (!siteKey) {
3470 - return {
3471 - sessionStep: null,
3472 - pageSuggestions: [],
3473 - siteTypeSuggestions: (0, _toConsumableArray2.default)(DEFAULT_SITE_TYPE_SUGGESTIONS),
3474 - isResolved: true
3475 - };
3476 - }
3477 - var snapshotEntry = snapshot[siteKey];
3478 - var snapshotStep = Number.isFinite(snapshotEntry === null || snapshotEntry === void 0 ? void 0 : snapshotEntry.step) ? snapshotEntry.step : null;
3479 - if (hasCompleteSnapshot(snapshotStep, snapshotEntry, plannerSteps)) {
3480 - return {
3481 - sessionStep: snapshotStep,
3482 - pageSuggestions: sanitizeSuggestions(snapshotEntry === null || snapshotEntry === void 0 ? void 0 : snapshotEntry.pageSuggestions),
3483 - siteTypeSuggestions: sanitizeSuggestions(snapshotEntry === null || snapshotEntry === void 0 ? void 0 : snapshotEntry.siteTypeSuggestions, {
3484 - limit: 3
3485 - }),
3486 - isResolved: true
3487 - };
3488 - }
3489 - var siteTypeSuggestions = withDefaultSiteTypeSuggestions(snapshotEntry === null || snapshotEntry === void 0 ? void 0 : snapshotEntry.siteTypeSuggestions);
3490 - return {
3491 - sessionStep: null,
3492 - pageSuggestions: [],
3493 - siteTypeSuggestions: siteTypeSuggestions,
3494 - isResolved: false
3495 - };
3496 -};
3497 -var useSiteBuilderState = function useSiteBuilderState(siteBuilderData) {
3498 - var _siteBuilderData$site;
3499 - var plannerSteps = siteBuilderData === null || siteBuilderData === void 0 ? void 0 : siteBuilderData.plannerSteps;
3500 - var siteKey = (siteBuilderData === null || siteBuilderData === void 0 ? void 0 : siteBuilderData.siteKey) || '';
3501 - var snapshot = (_siteBuilderData$site = siteBuilderData === null || siteBuilderData === void 0 ? void 0 : siteBuilderData.site_builder_snapshot) !== null && _siteBuilderData$site !== void 0 ? _siteBuilderData$site : {};
3502 - var hasConnectAuth = Boolean(siteKey);
3503 - var initial = deriveInitialStateForSiteKey(siteKey, snapshot, plannerSteps);
3504 - var _useState = (0, _react.useState)(initial.sessionStep),
3505 - _useState2 = (0, _slicedToArray2.default)(_useState, 2),
3506 - sessionStep = _useState2[0],
3507 - setSessionStep = _useState2[1];
3508 - var _useState3 = (0, _react.useState)(initial.pageSuggestions),
3509 - _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
3510 - pageSuggestions = _useState4[0],
3511 - setPageSuggestions = _useState4[1];
3512 - var _useState5 = (0, _react.useState)(initial.siteTypeSuggestions),
3513 - _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
3514 - siteTypeSuggestions = _useState6[0],
3515 - setSiteTypeSuggestions = _useState6[1];
3516 - var _useState7 = (0, _react.useState)(!initial.isResolved && hasConnectAuth),
3517 - _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
3518 - isLoading = _useState8[0],
3519 - setIsLoading = _useState8[1];
3520 - var _useState9 = (0, _react.useState)(null),
3521 - _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
3522 - error = _useState0[0],
3523 - setError = _useState0[1];
3524 - (0, _react.useEffect)(function () {
3525 - var applyState = function applyState(next) {
3526 - setSessionStep(next.sessionStep);
3527 - setPageSuggestions(next.pageSuggestions);
3528 - setSiteTypeSuggestions(next.siteTypeSuggestions);
3529 - setIsLoading(false);
3530 - setError(null);
3531 - };
3532 - if (!hasConnectAuth) {
3533 - applyState({
3534 - sessionStep: null,
3535 - pageSuggestions: [],
3536 - siteTypeSuggestions: (0, _toConsumableArray2.default)(DEFAULT_SITE_TYPE_SUGGESTIONS)
3537 - });
3538 - return;
3539 - }
3540 - var snapshotEntry = snapshot[siteKey];
3541 - var snapshotStep = Number.isFinite(snapshotEntry === null || snapshotEntry === void 0 ? void 0 : snapshotEntry.step) ? snapshotEntry.step : null;
3542 - if (hasCompleteSnapshot(snapshotStep, snapshotEntry, plannerSteps)) {
3543 - applyState({
3544 - sessionStep: snapshotStep,
3545 - pageSuggestions: sanitizeSuggestions(snapshotEntry === null || snapshotEntry === void 0 ? void 0 : snapshotEntry.pageSuggestions),
3546 - siteTypeSuggestions: sanitizeSuggestions(snapshotEntry === null || snapshotEntry === void 0 ? void 0 : snapshotEntry.siteTypeSuggestions, {
3547 - limit: 3
3548 - })
3549 - });
3550 - return;
3551 - }
3552 - var isMounted = true;
3553 - var restHeaders = buildRestHeaders();
3554 - var baseUrl = getRestBaseUrl();
3555 - var settingsUrl = "".concat(baseUrl).concat(SETTINGS_PATH);
3556 - var writeSnapshot = function writeSnapshot(entry) {
3557 - return fetch(settingsUrl, {
3558 - method: 'POST',
3559 - credentials: 'include',
3560 - headers: _objectSpread({
3561 - 'Content-Type': 'application/json'
3562 - }, restHeaders),
3563 - body: JSON.stringify({
3564 - value: _objectSpread(_objectSpread({}, snapshot), {}, (0, _defineProperty2.default)({}, siteKey, entry))
3565 - })
3566 - }).catch(function () {});
3567 - };
3568 - var fetchHomeScreen = /*#__PURE__*/function () {
3569 - var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() {
3570 - var _data$sessionId, response, errorJson, data, nextStep, nextSuggestions, nextSiteTypeSuggestions, _t;
3571 - return _regenerator.default.wrap(function (_context) {
3572 - while (1) switch (_context.prev = _context.next) {
3573 - case 0:
3574 - setIsLoading(true);
3575 - setError(null);
3576 - _context.prev = 1;
3577 - _context.next = 2;
3578 - return fetch("".concat(baseUrl).concat(HOME_SCREEN_PATH), {
3579 - method: 'GET',
3580 - credentials: 'include',
3581 - headers: restHeaders
3582 - });
3583 - case 2:
3584 - response = _context.sent;
3585 - if (response.ok) {
3586 - _context.next = 4;
3587 - break;
3588 - }
3589 - _context.next = 3;
3590 - return response.json().catch(function () {
3591 - return {};
3592 - });
3593 - case 3:
3594 - errorJson = _context.sent;
3595 - throw new Error((errorJson === null || errorJson === void 0 ? void 0 : errorJson.message) || 'Failed to fetch home screen data');
3596 - case 4:
3597 - _context.next = 5;
3598 - return response.json();
3599 - case 5:
3600 - data = _context.sent;
3601 - nextStep = Number.isFinite(data === null || data === void 0 ? void 0 : data.step) ? data.step : null;
3602 - nextSuggestions = sanitizeSuggestions(data === null || data === void 0 ? void 0 : data.pageNameSuggestions);
3603 - nextSiteTypeSuggestions = sanitizeSuggestions(data === null || data === void 0 ? void 0 : data.siteTypeSuggestions, {
3604 - limit: 3
3605 - });
3606 - writeSnapshot({
3607 - sessionId: (_data$sessionId = data === null || data === void 0 ? void 0 : data.sessionId) !== null && _data$sessionId !== void 0 ? _data$sessionId : null,
3608 - step: nextStep,
3609 - pageSuggestions: nextSuggestions,
3610 - siteTypeSuggestions: nextSiteTypeSuggestions
3611 - });
3612 - if (isMounted) {
3613 - applyState({
3614 - sessionStep: nextStep,
3615 - pageSuggestions: nextSuggestions,
3616 - siteTypeSuggestions: nextSiteTypeSuggestions
3617 - });
3618 - }
3619 - _context.next = 7;
3620 - break;
3621 - case 6:
3622 - _context.prev = 6;
3623 - _t = _context["catch"](1);
3624 - if (isMounted) {
3625 - setSessionStep(null);
3626 - setPageSuggestions([]);
3627 - setSiteTypeSuggestions((0, _toConsumableArray2.default)(DEFAULT_SITE_TYPE_SUGGESTIONS));
3628 - setError(_t);
3629 - setIsLoading(false);
3630 - }
3631 - case 7:
3632 - case "end":
3633 - return _context.stop();
3634 - }
3635 - }, _callee, null, [[1, 6]]);
3636 - }));
3637 - return function fetchHomeScreen() {
3638 - return _ref2.apply(this, arguments);
3639 - };
3640 - }();
3641 - fetchHomeScreen();
3642 - return function () {
3643 - isMounted = false;
3644 - };
3645 - }, [siteKey, hasConnectAuth]);
3646 - return {
3647 - sessionStep: sessionStep,
3648 - pageSuggestions: pageSuggestions,
3649 - siteTypeSuggestions: siteTypeSuggestions,
3650 - isLoading: isLoading,
3651 - error: error
3652 - };
3653 -};
3654 -var _default = exports["default"] = useSiteBuilderState;
3993 +var _default = exports["default"] = SideBarCheckIcon;
3655 3994
3656 3995 /***/ }),
3657 3996
3658 -/***/ "../modules/home/assets/js/site-builder/index.js":
3997 +/***/ "../modules/home/assets/js/icons/youtube-icon.js":
3659 3998 /*!*******************************************************!*\
3660 - !*** ../modules/home/assets/js/site-builder/index.js ***!
3999 + !*** ../modules/home/assets/js/icons/youtube-icon.js ***!
3661 4000 \*******************************************************/
3662 4001 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
3663 4002
3664 4003 "use strict";
@@ -3669,133 +4008,22 @@
3669 4008 Object.defineProperty(exports, "__esModule", ({
3670 4009 value: true
3671 4010 }));
3672 4011 exports["default"] = void 0;
3673 -var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
3674 -var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
3675 -var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
3676 -var _siteTypeLayoutToggle = _interopRequireDefault(__webpack_require__(/*! ./components/site-type-layout-toggle */ "../modules/home/assets/js/site-builder/components/site-type-layout-toggle.js"));
3677 -var _suggestionChips = _interopRequireDefault(__webpack_require__(/*! ./components/suggestion-chips */ "../modules/home/assets/js/site-builder/components/suggestion-chips.js"));
3678 -var _stepActions = __webpack_require__(/*! ./components/step-actions */ "../modules/home/assets/js/site-builder/components/step-actions.js");
3679 -var _useSiteBuilderState2 = _interopRequireWildcard(__webpack_require__(/*! ./hooks/use-site-builder-state */ "../modules/home/assets/js/site-builder/hooks/use-site-builder-state.js"));
3680 -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");
3681 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); }
3682 -var SITE_BUILDER_READY_TIMEOUT_MS = 30000;
3683 -var getStepConfig = function getStepConfig(step, stepConfigs, plannerSteps) {
3684 - var _plannerSteps$INIT, _configs$initStep, _configs;
3685 - var normalizedStep = Number(step);
3686 - var configs = stepConfigs !== null && stepConfigs !== void 0 ? stepConfigs : {};
3687 - var initStep = (_plannerSteps$INIT = plannerSteps === null || plannerSteps === void 0 ? void 0 : plannerSteps.INIT) !== null && _plannerSteps$INIT !== void 0 ? _plannerSteps$INIT : 0;
3688 - var fallback = (_configs$initStep = configs[initStep]) !== null && _configs$initStep !== void 0 ? _configs$initStep : {};
3689 - 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 + }));
3690 4024 };
3691 -var SiteBuilder = function SiteBuilder(_ref) {
3692 - var _siteBuilderData$plan, _plannerSteps$INIT2, _siteBuilderData$step;
3693 - var siteBuilderData = _ref.siteBuilderData;
3694 - var _useSiteBuilderState = (0, _useSiteBuilderState2.default)(siteBuilderData),
3695 - sessionStep = _useSiteBuilderState.sessionStep,
3696 - pageSuggestions = _useSiteBuilderState.pageSuggestions,
3697 - siteTypeSuggestions = _useSiteBuilderState.siteTypeSuggestions,
3698 - isLoading = _useSiteBuilderState.isLoading;
3699 - var plannerSteps = (_siteBuilderData$plan = siteBuilderData === null || siteBuilderData === void 0 ? void 0 : siteBuilderData.plannerSteps) !== null && _siteBuilderData$plan !== void 0 ? _siteBuilderData$plan : {};
3700 - var stepConfig = getStepConfig(sessionStep, siteBuilderData === null || siteBuilderData === void 0 ? void 0 : siteBuilderData.stepConfig, plannerSteps);
3701 - var _useState = (0, _react.useState)(''),
3702 - _useState2 = (0, _slicedToArray2.default)(_useState, 2),
3703 - inputValue = _useState2[0],
3704 - setInputValue = _useState2[1];
3705 - var _useState3 = (0, _react.useState)(false),
3706 - _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
3707 - isOnePage = _useState4[0],
3708 - setIsOnePage = _useState4[1];
3709 - var isInitStep = ((_plannerSteps$INIT2 = plannerSteps.INIT) !== null && _plannerSteps$INIT2 !== void 0 ? _plannerSteps$INIT2 : 0) === Number(sessionStep);
3710 - var showLayoutToggle = isInitStep && Boolean(inputValue.trim());
3711 - var stepImage = siteBuilderData === null || siteBuilderData === void 0 || (_siteBuilderData$step = siteBuilderData.stepImages) === null || _siteBuilderData$step === void 0 ? void 0 : _siteBuilderData$step[sessionStep !== null && sessionStep !== void 0 ? sessionStep : plannerSteps.INIT];
3712 - var handleInputChange = function handleInputChange(event) {
3713 - setInputValue(event.target.value);
3714 - };
3715 - var handleCreateClick = function handleCreateClick(nextInputValue) {
3716 - if (!(siteBuilderData !== null && siteBuilderData !== void 0 && siteBuilderData.siteBuilderUrl)) {
3717 - return;
3718 - }
3719 - var prompt = nextInputValue || inputValue;
3720 - var requiresInput = stepConfig.hasInput;
3721 - if (requiresInput && !prompt.trim()) {
3722 - return;
3723 - }
3724 - var newWindow = window.open(siteBuilderData.siteBuilderUrl, '_blank');
3725 - if (!newWindow) {
3726 - return;
3727 - }
3728 - var payload = {};
3729 - if (prompt) {
3730 - var _plannerSteps$WIREFRA;
3731 - var paramName = sessionStep >= ((_plannerSteps$WIREFRA = plannerSteps.WIREFRAMES) !== null && _plannerSteps$WIREFRA !== void 0 ? _plannerSteps$WIREFRA : 3) ? 'pageTitle' : 'siteType';
3732 - payload[paramName] = prompt;
3733 - }
3734 - if (isInitStep) {
3735 - payload.isOnePage = isOnePage;
3736 - }
3737 - var _onReady = function onReady(event) {
3738 - var _event$data;
3739 - if (event.source !== newWindow) {
3740 - return;
3741 - }
3742 - if (event.origin !== window.location.origin) {
3743 - return;
3744 - }
3745 - if (((_event$data = event.data) === null || _event$data === void 0 ? void 0 : _event$data.type) !== 'site-builder/ready') {
3746 - return;
3747 - }
3748 - clearTimeout(timeoutId);
3749 - window.removeEventListener('message', _onReady);
3750 - (0, _useSiteBuilderState2.clearHomeScreenSnapshot)(siteBuilderData === null || siteBuilderData === void 0 ? void 0 : siteBuilderData.siteKey, siteBuilderData === null || siteBuilderData === void 0 ? void 0 : siteBuilderData.site_builder_snapshot);
3751 - newWindow.postMessage({
3752 - type: 'site-builder/init',
3753 - payload: payload
3754 - }, window.location.origin);
3755 - };
3756 - var timeoutId = setTimeout(function () {
3757 - return window.removeEventListener('message', _onReady);
3758 - }, SITE_BUILDER_READY_TIMEOUT_MS);
3759 - window.addEventListener('message', _onReady);
3760 - };
3761 - var handleKeyDown = function handleKeyDown(event) {
3762 - if ('Enter' === event.key) {
3763 - event.preventDefault();
3764 - handleCreateClick();
3765 - }
3766 - };
3767 - return /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerRoot, {
3768 - elevation: 0,
3769 - "data-testid": "e-site-builder"
3770 - }, /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerBackground, {
3771 - bgimage: siteBuilderData === null || siteBuilderData === void 0 ? void 0 : siteBuilderData.bgImage
3772 - }), /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerGrid, null), isLoading ? /*#__PURE__*/_react.default.createElement(_stepActions.StepLoader, null) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerPreviewContainer, null, stepImage && /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerPreviewImage, {
3773 - component: "img",
3774 - src: stepImage,
3775 - alt: ""
3776 - })), /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerContent, null, /*#__PURE__*/_react.default.createElement(_styledComponents.PlannerHeading, null, stepConfig.title), (0, _stepActions.getStepAction)(stepConfig, {
3777 - inputValue: inputValue,
3778 - onInputChange: handleInputChange,
3779 - onKeyDown: handleKeyDown,
3780 - onSubmit: handleCreateClick
3781 - }), showLayoutToggle ? /*#__PURE__*/_react.default.createElement(_siteTypeLayoutToggle.default, {
3782 - isOnePage: isOnePage,
3783 - onIsOnePageChange: setIsOnePage
3784 - }) : /*#__PURE__*/_react.default.createElement(_suggestionChips.default, {
3785 - siteBuilderState: {
3786 - sessionStep: sessionStep,
3787 - pageSuggestions: pageSuggestions,
3788 - siteTypeSuggestions: siteTypeSuggestions,
3789 - plannerSteps: plannerSteps
3790 - },
3791 - onChipSelect: setInputValue
3792 - }))));
3793 -};
3794 -SiteBuilder.propTypes = {
3795 - siteBuilderData: _propTypes.default.object
3796 -};
3797 -var _default = exports["default"] = SiteBuilder;
4025 +var _default = exports["default"] = YoutubeIcon;
3798 4026
3799 4027 /***/ }),
3800 4028
3801 4029 /***/ "../modules/home/assets/js/utils/promo-tracking.js":
@@ -3823,21 +4051,8 @@
3823 4051 };
3824 4052
3825 4053 /***/ }),
3826 4054
3827 -/***/ "../node_modules/@babel/runtime/helpers/OverloadYield.js":
3828 -/*!***************************************************************!*\
3829 - !*** ../node_modules/@babel/runtime/helpers/OverloadYield.js ***!
3830 - \***************************************************************/
3831 -/***/ ((module) => {
3832 -
3833 -function _OverloadYield(e, d) {
3834 - this.v = e, this.k = d;
3835 -}
3836 -module.exports = _OverloadYield, module.exports.__esModule = true, module.exports["default"] = module.exports;
3837 -
3838 -/***/ }),
3839 -
3840 4055 /***/ "../node_modules/@babel/runtime/helpers/arrayLikeToArray.js":
3841 4056 /*!******************************************************************!*\
3842 4057 !*** ../node_modules/@babel/runtime/helpers/arrayLikeToArray.js ***!
3843 4058 \******************************************************************/
@@ -3864,22 +4079,8 @@
3864 4079 module.exports = _arrayWithHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
3865 4080
3866 4081 /***/ }),
3867 4082
3868 -/***/ "../node_modules/@babel/runtime/helpers/arrayWithoutHoles.js":
3869 -/*!*******************************************************************!*\
3870 - !*** ../node_modules/@babel/runtime/helpers/arrayWithoutHoles.js ***!
3871 - \*******************************************************************/
3872 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
3873 -
3874 -var arrayLikeToArray = __webpack_require__(/*! ./arrayLikeToArray.js */ "../node_modules/@babel/runtime/helpers/arrayLikeToArray.js");
3875 -function _arrayWithoutHoles(r) {
3876 - if (Array.isArray(r)) return arrayLikeToArray(r);
3877 -}
3878 -module.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
3879 -
3880 -/***/ }),
3881 -
3882 4083 /***/ "../node_modules/@babel/runtime/helpers/assertThisInitialized.js":
3883 4084 /*!***********************************************************************!*\
3884 4085 !*** ../node_modules/@babel/runtime/helpers/assertThisInitialized.js ***!
3885 4086 \***********************************************************************/
@@ -3892,43 +4093,8 @@
3892 4093 module.exports = _assertThisInitialized, module.exports.__esModule = true, module.exports["default"] = module.exports;
3893 4094
3894 4095 /***/ }),
3895 4096
3896 -/***/ "../node_modules/@babel/runtime/helpers/asyncToGenerator.js":
3897 -/*!******************************************************************!*\
3898 - !*** ../node_modules/@babel/runtime/helpers/asyncToGenerator.js ***!
3899 - \******************************************************************/
3900 -/***/ ((module) => {
3901 -
3902 -function asyncGeneratorStep(n, t, e, r, o, a, c) {
3903 - try {
3904 - var i = n[a](c),
3905 - u = i.value;
3906 - } catch (n) {
3907 - return void e(n);
3908 - }
3909 - i.done ? t(u) : Promise.resolve(u).then(r, o);
3910 -}
3911 -function _asyncToGenerator(n) {
3912 - return function () {
3913 - var t = this,
3914 - e = arguments;
3915 - return new Promise(function (r, o) {
3916 - var a = n.apply(t, e);
3917 - function _next(n) {
3918 - asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
3919 - }
3920 - function _throw(n) {
3921 - asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
3922 - }
3923 - _next(void 0);
3924 - });
3925 - };
3926 -}
3927 -module.exports = _asyncToGenerator, module.exports.__esModule = true, module.exports["default"] = module.exports;
3928 -
3929 -/***/ }),
3930 -
3931 4097 /***/ "../node_modules/@babel/runtime/helpers/classCallCheck.js":
3932 4098 /*!****************************************************************!*\
3933 4099 !*** ../node_modules/@babel/runtime/helpers/classCallCheck.js ***!
3934 4100 \****************************************************************/
@@ -4073,21 +4239,8 @@
4073 4239 module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports;
4074 4240
4075 4241 /***/ }),
4076 4242
4077 -/***/ "../node_modules/@babel/runtime/helpers/iterableToArray.js":
4078 -/*!*****************************************************************!*\
4079 - !*** ../node_modules/@babel/runtime/helpers/iterableToArray.js ***!
4080 - \*****************************************************************/
4081 -/***/ ((module) => {
4082 -
4083 -function _iterableToArray(r) {
4084 - if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
4085 -}
4086 -module.exports = _iterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
4087 -
4088 -/***/ }),
4089 -
4090 4243 /***/ "../node_modules/@babel/runtime/helpers/iterableToArrayLimit.js":
4091 4244 /*!**********************************************************************!*\
4092 4245 !*** ../node_modules/@babel/runtime/helpers/iterableToArrayLimit.js ***!
4093 4246 \**********************************************************************/
@@ -4136,21 +4289,8 @@
4136 4289 module.exports = _nonIterableRest, module.exports.__esModule = true, module.exports["default"] = module.exports;
4137 4290
4138 4291 /***/ }),
4139 4292
4140 -/***/ "../node_modules/@babel/runtime/helpers/nonIterableSpread.js":
4141 -/*!*******************************************************************!*\
4142 - !*** ../node_modules/@babel/runtime/helpers/nonIterableSpread.js ***!
4143 - \*******************************************************************/
4144 -/***/ ((module) => {
4145 -
4146 -function _nonIterableSpread() {
4147 - throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
4148 -}
4149 -module.exports = _nonIterableSpread, module.exports.__esModule = true, module.exports["default"] = module.exports;
4150 -
4151 -/***/ }),
4152 -
4153 4293 /***/ "../node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js":
4154 4294 /*!**************************************************************************!*\
4155 4295 !*** ../node_modules/@babel/runtime/helpers/objectDestructuringEmpty.js ***!
4156 4296 \**************************************************************************/
@@ -4179,344 +4319,8 @@
4179 4319 module.exports = _possibleConstructorReturn, module.exports.__esModule = true, module.exports["default"] = module.exports;
4180 4320
4181 4321 /***/ }),
4182 4322
4183 -/***/ "../node_modules/@babel/runtime/helpers/regenerator.js":
4184 -/*!*************************************************************!*\
4185 - !*** ../node_modules/@babel/runtime/helpers/regenerator.js ***!
4186 - \*************************************************************/
4187 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
4188 -
4189 -var regeneratorDefine = __webpack_require__(/*! ./regeneratorDefine.js */ "../node_modules/@babel/runtime/helpers/regeneratorDefine.js");
4190 -function _regenerator() {
4191 - /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
4192 - var e,
4193 - t,
4194 - r = "function" == typeof Symbol ? Symbol : {},
4195 - n = r.iterator || "@@iterator",
4196 - o = r.toStringTag || "@@toStringTag";
4197 - function i(r, n, o, i) {
4198 - var c = n && n.prototype instanceof Generator ? n : Generator,
4199 - u = Object.create(c.prototype);
4200 - return regeneratorDefine(u, "_invoke", function (r, n, o) {
4201 - var i,
4202 - c,
4203 - u,
4204 - f = 0,
4205 - p = o || [],
4206 - y = !1,
4207 - G = {
4208 - p: 0,
4209 - n: 0,
4210 - v: e,
4211 - a: d,
4212 - f: d.bind(e, 4),
4213 - d: function d(t, r) {
4214 - return i = t, c = 0, u = e, G.n = r, a;
4215 - }
4216 - };
4217 - function d(r, n) {
4218 - for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) {
4219 - var o,
4220 - i = p[t],
4221 - d = G.p,
4222 - l = i[2];
4223 - 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));
4224 - }
4225 - if (o || r > 1) return a;
4226 - throw y = !0, n;
4227 - }
4228 - return function (o, p, l) {
4229 - if (f > 1) throw TypeError("Generator is already running");
4230 - for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) {
4231 - i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u);
4232 - try {
4233 - if (f = 2, i) {
4234 - if (c || (o = "next"), t = i[o]) {
4235 - if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object");
4236 - if (!t.done) return t;
4237 - u = t.value, c < 2 && (c = 0);
4238 - } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1);
4239 - i = e;
4240 - } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break;
4241 - } catch (t) {
4242 - i = e, c = 1, u = t;
4243 - } finally {
4244 - f = 1;
4245 - }
4246 - }
4247 - return {
4248 - value: t,
4249 - done: y
4250 - };
4251 - };
4252 - }(r, o, i), !0), u;
4253 - }
4254 - var a = {};
4255 - function Generator() {}
4256 - function GeneratorFunction() {}
4257 - function GeneratorFunctionPrototype() {}
4258 - t = Object.getPrototypeOf;
4259 - var c = [][n] ? t(t([][n]())) : (regeneratorDefine(t = {}, n, function () {
4260 - return this;
4261 - }), t),
4262 - u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
4263 - function f(e) {
4264 - return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, regeneratorDefine(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e;
4265 - }
4266 - 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 () {
4267 - return this;
4268 - }), regeneratorDefine(u, "toString", function () {
4269 - return "[object Generator]";
4270 - }), (module.exports = _regenerator = function _regenerator() {
4271 - return {
4272 - w: i,
4273 - m: f
4274 - };
4275 - }, module.exports.__esModule = true, module.exports["default"] = module.exports)();
4276 -}
4277 -module.exports = _regenerator, module.exports.__esModule = true, module.exports["default"] = module.exports;
4278 -
4279 -/***/ }),
4280 -
4281 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorAsync.js":
4282 -/*!******************************************************************!*\
4283 - !*** ../node_modules/@babel/runtime/helpers/regeneratorAsync.js ***!
4284 - \******************************************************************/
4285 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
4286 -
4287 -var regeneratorAsyncGen = __webpack_require__(/*! ./regeneratorAsyncGen.js */ "../node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js");
4288 -function _regeneratorAsync(n, e, r, t, o) {
4289 - var a = regeneratorAsyncGen(n, e, r, t, o);
4290 - return a.next().then(function (n) {
4291 - return n.done ? n.value : a.next();
4292 - });
4293 -}
4294 -module.exports = _regeneratorAsync, module.exports.__esModule = true, module.exports["default"] = module.exports;
4295 -
4296 -/***/ }),
4297 -
4298 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js":
4299 -/*!*********************************************************************!*\
4300 - !*** ../node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js ***!
4301 - \*********************************************************************/
4302 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
4303 -
4304 -var regenerator = __webpack_require__(/*! ./regenerator.js */ "../node_modules/@babel/runtime/helpers/regenerator.js");
4305 -var regeneratorAsyncIterator = __webpack_require__(/*! ./regeneratorAsyncIterator.js */ "../node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js");
4306 -function _regeneratorAsyncGen(r, e, t, o, n) {
4307 - return new regeneratorAsyncIterator(regenerator().w(r, e, t, o), n || Promise);
4308 -}
4309 -module.exports = _regeneratorAsyncGen, module.exports.__esModule = true, module.exports["default"] = module.exports;
4310 -
4311 -/***/ }),
4312 -
4313 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js":
4314 -/*!**************************************************************************!*\
4315 - !*** ../node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js ***!
4316 - \**************************************************************************/
4317 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
4318 -
4319 -var OverloadYield = __webpack_require__(/*! ./OverloadYield.js */ "../node_modules/@babel/runtime/helpers/OverloadYield.js");
4320 -var regeneratorDefine = __webpack_require__(/*! ./regeneratorDefine.js */ "../node_modules/@babel/runtime/helpers/regeneratorDefine.js");
4321 -function AsyncIterator(t, e) {
4322 - function n(r, o, i, f) {
4323 - try {
4324 - var c = t[r](o),
4325 - u = c.value;
4326 - return u instanceof OverloadYield ? e.resolve(u.v).then(function (t) {
4327 - n("next", t, i, f);
4328 - }, function (t) {
4329 - n("throw", t, i, f);
4330 - }) : e.resolve(u).then(function (t) {
4331 - c.value = t, i(c);
4332 - }, function (t) {
4333 - return n("throw", t, i, f);
4334 - });
4335 - } catch (t) {
4336 - f(t);
4337 - }
4338 - }
4339 - var r;
4340 - this.next || (regeneratorDefine(AsyncIterator.prototype), regeneratorDefine(AsyncIterator.prototype, "function" == typeof Symbol && Symbol.asyncIterator || "@asyncIterator", function () {
4341 - return this;
4342 - })), regeneratorDefine(this, "_invoke", function (t, o, i) {
4343 - function f() {
4344 - return new e(function (e, r) {
4345 - n(t, i, e, r);
4346 - });
4347 - }
4348 - return r = r ? r.then(f, f) : f();
4349 - }, !0);
4350 -}
4351 -module.exports = AsyncIterator, module.exports.__esModule = true, module.exports["default"] = module.exports;
4352 -
4353 -/***/ }),
4354 -
4355 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorDefine.js":
4356 -/*!*******************************************************************!*\
4357 - !*** ../node_modules/@babel/runtime/helpers/regeneratorDefine.js ***!
4358 - \*******************************************************************/
4359 -/***/ ((module) => {
4360 -
4361 -function _regeneratorDefine(e, r, n, t) {
4362 - var i = Object.defineProperty;
4363 - try {
4364 - i({}, "", {});
4365 - } catch (e) {
4366 - i = 0;
4367 - }
4368 - module.exports = _regeneratorDefine = function regeneratorDefine(e, r, n, t) {
4369 - function o(r, n) {
4370 - _regeneratorDefine(e, r, function (e) {
4371 - return this._invoke(r, n, e);
4372 - });
4373 - }
4374 - r ? i ? i(e, r, {
4375 - value: n,
4376 - enumerable: !t,
4377 - configurable: !t,
4378 - writable: !t
4379 - }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2));
4380 - }, module.exports.__esModule = true, module.exports["default"] = module.exports, _regeneratorDefine(e, r, n, t);
4381 -}
4382 -module.exports = _regeneratorDefine, module.exports.__esModule = true, module.exports["default"] = module.exports;
4383 -
4384 -/***/ }),
4385 -
4386 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorKeys.js":
4387 -/*!*****************************************************************!*\
4388 - !*** ../node_modules/@babel/runtime/helpers/regeneratorKeys.js ***!
4389 - \*****************************************************************/
4390 -/***/ ((module) => {
4391 -
4392 -function _regeneratorKeys(e) {
4393 - var n = Object(e),
4394 - r = [];
4395 - for (var t in n) r.unshift(t);
4396 - return function e() {
4397 - for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = !1, e;
4398 - return e.done = !0, e;
4399 - };
4400 -}
4401 -module.exports = _regeneratorKeys, module.exports.__esModule = true, module.exports["default"] = module.exports;
4402 -
4403 -/***/ }),
4404 -
4405 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorRuntime.js":
4406 -/*!********************************************************************!*\
4407 - !*** ../node_modules/@babel/runtime/helpers/regeneratorRuntime.js ***!
4408 - \********************************************************************/
4409 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
4410 -
4411 -var OverloadYield = __webpack_require__(/*! ./OverloadYield.js */ "../node_modules/@babel/runtime/helpers/OverloadYield.js");
4412 -var regenerator = __webpack_require__(/*! ./regenerator.js */ "../node_modules/@babel/runtime/helpers/regenerator.js");
4413 -var regeneratorAsync = __webpack_require__(/*! ./regeneratorAsync.js */ "../node_modules/@babel/runtime/helpers/regeneratorAsync.js");
4414 -var regeneratorAsyncGen = __webpack_require__(/*! ./regeneratorAsyncGen.js */ "../node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js");
4415 -var regeneratorAsyncIterator = __webpack_require__(/*! ./regeneratorAsyncIterator.js */ "../node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js");
4416 -var regeneratorKeys = __webpack_require__(/*! ./regeneratorKeys.js */ "../node_modules/@babel/runtime/helpers/regeneratorKeys.js");
4417 -var regeneratorValues = __webpack_require__(/*! ./regeneratorValues.js */ "../node_modules/@babel/runtime/helpers/regeneratorValues.js");
4418 -function _regeneratorRuntime() {
4419 - "use strict";
4420 -
4421 - var r = regenerator(),
4422 - e = r.m(_regeneratorRuntime),
4423 - t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor;
4424 - function n(r) {
4425 - var e = "function" == typeof r && r.constructor;
4426 - return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name));
4427 - }
4428 - var o = {
4429 - "throw": 1,
4430 - "return": 2,
4431 - "break": 3,
4432 - "continue": 3
4433 - };
4434 - function a(r) {
4435 - var e, t;
4436 - return function (n) {
4437 - e || (e = {
4438 - stop: function stop() {
4439 - return t(n.a, 2);
4440 - },
4441 - "catch": function _catch() {
4442 - return n.v;
4443 - },
4444 - abrupt: function abrupt(r, e) {
4445 - return t(n.a, o[r], e);
4446 - },
4447 - delegateYield: function delegateYield(r, o, a) {
4448 - return e.resultName = o, t(n.d, regeneratorValues(r), a);
4449 - },
4450 - finish: function finish(r) {
4451 - return t(n.f, r);
4452 - }
4453 - }, t = function t(r, _t, o) {
4454 - n.p = e.prev, n.n = e.next;
4455 - try {
4456 - return r(_t, o);
4457 - } finally {
4458 - e.next = n.n;
4459 - }
4460 - }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n;
4461 - try {
4462 - return r.call(this, e);
4463 - } finally {
4464 - n.p = e.prev, n.n = e.next;
4465 - }
4466 - };
4467 - }
4468 - return (module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
4469 - return {
4470 - wrap: function wrap(e, t, n, o) {
4471 - return r.w(a(e), t, n, o && o.reverse());
4472 - },
4473 - isGeneratorFunction: n,
4474 - mark: r.m,
4475 - awrap: function awrap(r, e) {
4476 - return new OverloadYield(r, e);
4477 - },
4478 - AsyncIterator: regeneratorAsyncIterator,
4479 - async: function async(r, e, t, o, u) {
4480 - return (n(e) ? regeneratorAsyncGen : regeneratorAsync)(a(r), e, t, o, u);
4481 - },
4482 - keys: regeneratorKeys,
4483 - values: regeneratorValues
4484 - };
4485 - }, module.exports.__esModule = true, module.exports["default"] = module.exports)();
4486 -}
4487 -module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports;
4488 -
4489 -/***/ }),
4490 -
4491 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorValues.js":
4492 -/*!*******************************************************************!*\
4493 - !*** ../node_modules/@babel/runtime/helpers/regeneratorValues.js ***!
4494 - \*******************************************************************/
4495 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
4496 -
4497 -var _typeof = (__webpack_require__(/*! ./typeof.js */ "../node_modules/@babel/runtime/helpers/typeof.js")["default"]);
4498 -function _regeneratorValues(e) {
4499 - if (null != e) {
4500 - var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"],
4501 - r = 0;
4502 - if (t) return t.call(e);
4503 - if ("function" == typeof e.next) return e;
4504 - if (!isNaN(e.length)) return {
4505 - next: function next() {
4506 - return e && r >= e.length && (e = void 0), {
4507 - value: e && e[r++],
4508 - done: !e
4509 - };
4510 - }
4511 - };
4512 - }
4513 - throw new TypeError(_typeof(e) + " is not iterable");
4514 -}
4515 -module.exports = _regeneratorValues, module.exports.__esModule = true, module.exports["default"] = module.exports;
4516 -
4517 -/***/ }),
4518 -
4519 4323 /***/ "../node_modules/@babel/runtime/helpers/setPrototypeOf.js":
4520 4324 /*!****************************************************************!*\
4521 4325 !*** ../node_modules/@babel/runtime/helpers/setPrototypeOf.js ***!
4522 4326 \****************************************************************/
@@ -4562,25 +4366,8 @@
4562 4366 module.exports = _superPropBase, module.exports.__esModule = true, module.exports["default"] = module.exports;
4563 4367
4564 4368 /***/ }),
4565 4369
4566 -/***/ "../node_modules/@babel/runtime/helpers/toConsumableArray.js":
4567 -/*!*******************************************************************!*\
4568 - !*** ../node_modules/@babel/runtime/helpers/toConsumableArray.js ***!
4569 - \*******************************************************************/
4570 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
4571 -
4572 -var arrayWithoutHoles = __webpack_require__(/*! ./arrayWithoutHoles.js */ "../node_modules/@babel/runtime/helpers/arrayWithoutHoles.js");
4573 -var iterableToArray = __webpack_require__(/*! ./iterableToArray.js */ "../node_modules/@babel/runtime/helpers/iterableToArray.js");
4574 -var unsupportedIterableToArray = __webpack_require__(/*! ./unsupportedIterableToArray.js */ "../node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js");
4575 -var nonIterableSpread = __webpack_require__(/*! ./nonIterableSpread.js */ "../node_modules/@babel/runtime/helpers/nonIterableSpread.js");
4576 -function _toConsumableArray(r) {
4577 - return arrayWithoutHoles(r) || iterableToArray(r) || unsupportedIterableToArray(r) || nonIterableSpread();
4578 -}
4579 -module.exports = _toConsumableArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
4580 -
4581 -/***/ }),
4582 -
4583 4370 /***/ "../node_modules/@babel/runtime/helpers/toPrimitive.js":
4584 4371 /*!*************************************************************!*\
4585 4372 !*** ../node_modules/@babel/runtime/helpers/toPrimitive.js ***!
4586 4373 \*************************************************************/
@@ -4653,33 +4440,8 @@
4653 4440 module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
4654 4441
4655 4442 /***/ }),
4656 4443
4657 -/***/ "../node_modules/@babel/runtime/regenerator/index.js":
4658 -/*!***********************************************************!*\
4659 - !*** ../node_modules/@babel/runtime/regenerator/index.js ***!
4660 - \***********************************************************/
4661 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
4662 -
4663 -// TODO(Babel 8): Remove this file.
4664 -
4665 -var runtime = __webpack_require__(/*! ../helpers/regeneratorRuntime */ "../node_modules/@babel/runtime/helpers/regeneratorRuntime.js")();
4666 -module.exports = runtime;
4667 -
4668 -// Copied from https://github.com/facebook/regenerator/blob/main/packages/runtime/runtime.js#L736=
4669 -try {
4670 - regeneratorRuntime = runtime;
4671 -} catch (accidentalStrictMode) {
4672 - if (typeof globalThis === "object") {
4673 - globalThis.regeneratorRuntime = runtime;
4674 - } else {
4675 - Function("r", "regeneratorRuntime = r")(runtime);
4676 - }
4677 -}
4678 -
4679 -
4680 -/***/ }),
4681 -
4682 4444 /***/ "../node_modules/object-assign/index.js":
4683 4445 /*!**********************************************!*\
4684 4446 !*** ../node_modules/object-assign/index.js ***!
4685 4447 \**********************************************/
@@ -5817,30 +5579,8 @@
5817 5579
5818 5580
5819 5581 /***/ }),
5820 5582
5821 -/***/ "@elementor/icons/CopyPageIcon":
5822 -/*!****************************************************!*\
5823 - !*** external "elementorV2.icons['CopyPageIcon']" ***!
5824 - \****************************************************/
5825 -/***/ ((module) => {
5826 -
5827 -"use strict";
5828 -module.exports = elementorV2.icons['CopyPageIcon'];
5829 -
5830 -/***/ }),
5831 -
5832 -/***/ "@elementor/icons/WebsiteIcon":
5833 -/*!***************************************************!*\
5834 - !*** external "elementorV2.icons['WebsiteIcon']" ***!
5835 - \***************************************************/
5836 -/***/ ((module) => {
5837 -
5838 -"use strict";
5839 -module.exports = elementorV2.icons['WebsiteIcon'];
5840 -
5841 -/***/ }),
5842 -
5843 5583 /***/ "@elementor/ui":
5844 5584 /*!*********************************!*\
5845 5585 !*** external "elementorV2.ui" ***!
5846 5586 \*********************************/
@@ -5872,8 +5612,52 @@
5872 5612 module.exports = elementorV2.ui['Button'];
5873 5613
5874 5614 /***/ }),
5875 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 +
5876 5660 /***/ "@elementor/ui/Dialog":
5877 5661 /*!*******************************************!*\
5878 5662 !*** external "elementorV2.ui['Dialog']" ***!
5879 5663 \*******************************************/
@@ -5949,8 +5733,19 @@
5949 5733 module.exports = elementorV2.ui['DialogTitle'];
5950 5734
5951 5735 /***/ }),
5952 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 +
5953 5748 /***/ "@elementor/ui/Link":
5954 5749 /*!*****************************************!*\
5955 5750 !*** external "elementorV2.ui['Link']" ***!
5956 5751 \*****************************************/
@@ -6100,15 +5895,18 @@
6100 5895 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
6101 5896 var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
6102 5897 var _react2 = _interopRequireDefault(__webpack_require__(/*! elementor-utils/react */ "../assets/dev/js/utils/react.js"));
6103 5898 var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
6104 -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"));
6105 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;
6106 5904 return /*#__PURE__*/_react.default.createElement(_ui.DirectionProvider, {
6107 5905 rtl: props.isRTL
6108 5906 }, /*#__PURE__*/_react.default.createElement(_ui.LocalizationProvider, null, /*#__PURE__*/_react.default.createElement(_ui.ThemeProvider, {
6109 5907 colorScheme: 'light'
6110 - }, /*#__PURE__*/_react.default.createElement(_homeScreen.default, {
5908 + }, /*#__PURE__*/_react.default.createElement(ScreenComponent, {
6111 5909 homeScreenData: props.homeScreenData,
6112 5910 adminUrl: props.adminUrl
6113 5911 }))));
6114 5912 };