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