ordering-ui-admin-external 1.30.6 → 1.30.7

package/_modules/components/MyProducts/AdvancedLayouts/index.js

@@ -20,7 +20,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var AdvancedLayouts = function AdvancedLayouts(props) {
-  var _themeValuesRef$curre, _themeValuesRef$curre2, _themeValuesRef$curre3, _themeValuesRef$curre4, _themeValuesRef$curre5, _themeValuesRef$curre6, _themeValuesRef$curre7, _themeValuesRef$curre8, _themeValuesRef$curre9, _themeValuesRef$curre10, _themeValuesRef$curre11, _themeValuesRef$curre12, _themeValuesRef$curre13, _themeValuesRef$curre14, _themeValuesRef$curre15, _themeValuesRef$curre16, _themeValuesRef$curre17, _themeValuesRef$curre18, _themeValuesRef$curre19, _themeValuesRef$curre20, _themeValuesRef$curre21, _themeValuesRef$curre22, _themeValuesRef$curre23, _themeValuesRef$curre24, _themeValuesRef$curre25, _themeValuesRef$curre26, _themeValuesRef$curre27, _themeValuesRef$curre28, _themeValuesRef$curre29, _themeValuesRef$curre30, _themeValuesRef$curre31, _themeValuesRef$curre32, _themeValuesRef$curre33;
+  var _themeValuesRef$curre, _themeValuesRef$curre2, _themeValuesRef$curre3, _themeValuesRef$curre4, _themeValuesRef$curre5, _themeValuesRef$curre6, _themeValuesRef$curre7, _themeValuesRef$curre8, _themeValuesRef$curre9;
   var advancedValues = props.advancedValues,
     handleUpdateSiteTheme = props.handleUpdateSiteTheme,
     isApp = props.isApp,
@@ -136,58 +136,58 @@ var AdvancedLayouts = function AdvancedLayouts(props) {
     themeValuesRef.current = JSON.parse(JSON.stringify(advancedValues));
   }, [advancedValues]);
   (0, _react.useEffect)(function () {
-    var _themesList$themes, _themesList$themes$;
+    var _themesList$themes;
     // Don't remove this effect
-    if (!(themesList !== null && themesList !== void 0 && themesList.loading) && themesList !== null && themesList !== void 0 && (_themesList$themes = themesList.themes) !== null && _themesList$themes !== void 0 && (_themesList$themes$ = _themesList$themes[0]) !== null && _themesList$themes$ !== void 0 && _themesList$themes$.structure) {
-      var _themesList$themes2, _themesList$themes2$;
-      setThemeStructure(JSON.parse(JSON.stringify(themesList === null || themesList === void 0 ? void 0 : (_themesList$themes2 = themesList.themes) === null || _themesList$themes2 === void 0 ? void 0 : (_themesList$themes2$ = _themesList$themes2[0]) === null || _themesList$themes2$ === void 0 ? void 0 : _themesList$themes2$.structure)));
+    if (!(themesList !== null && themesList !== void 0 && themesList.loading) && themesList !== null && themesList !== void 0 && (_themesList$themes = themesList.themes) !== null && _themesList$themes !== void 0 && (_themesList$themes = _themesList$themes[0]) !== null && _themesList$themes !== void 0 && _themesList$themes.structure) {
+      var _themesList$themes2;
+      setThemeStructure(JSON.parse(JSON.stringify(themesList === null || themesList === void 0 || (_themesList$themes2 = themesList.themes) === null || _themesList$themes2 === void 0 || (_themesList$themes2 = _themesList$themes2[0]) === null || _themesList$themes2 === void 0 ? void 0 : _themesList$themes2.structure)));
     }
   }, [themesList]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.Container, null, isApp ? /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h1", null, t('CUSTOMER_APP_ADVANCED_LAYOUTS', 'Customer App  Advanced Layouts')), /*#__PURE__*/_react.default.createElement("h2", null, t('HOMEPAGE', 'Homepage')), /*#__PURE__*/_react.default.createElement(_styles2.HeadingWrapper, null, /*#__PURE__*/_react.default.createElement(_LayoutStyleGroup.LayoutStyleGroup, {
     title: t('HOMEPAGE', 'Homepage'),
     layoutList: homeLayoutList,
-    layouts: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre = themeValuesRef.current) === null || _themeValuesRef$curre === void 0 ? void 0 : (_themeValuesRef$curre2 = _themeValuesRef$curre.homepage_view) === null || _themeValuesRef$curre2 === void 0 ? void 0 : (_themeValuesRef$curre3 = _themeValuesRef$curre2.components) === null || _themeValuesRef$curre3 === void 0 ? void 0 : _themeValuesRef$curre3.layout,
+    layouts: themeValuesRef === null || themeValuesRef === void 0 || (_themeValuesRef$curre = themeValuesRef.current) === null || _themeValuesRef$curre === void 0 || (_themeValuesRef$curre = _themeValuesRef$curre.homepage_view) === null || _themeValuesRef$curre === void 0 || (_themeValuesRef$curre = _themeValuesRef$curre.components) === null || _themeValuesRef$curre === void 0 ? void 0 : _themeValuesRef$curre.layout,
     path: "homepage_view.components.layout",
     handleUpdateThemeValue: handleUpdateThemeValue
   }))) : /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h1", null, t('WEBSITE_ADVANCED_LAYOUTS', 'Website Advanced Layouts')), /*#__PURE__*/_react.default.createElement(_styles2.HomePageWrapper, null, /*#__PURE__*/_react.default.createElement("h2", null, t('HOMEPAGE', 'Homepage')), /*#__PURE__*/_react.default.createElement(_styles2.HeadingWrapper, null, /*#__PURE__*/_react.default.createElement(_LayoutStyleGroup.LayoutStyleGroup, {
     title: t('HOMEPAGE', 'Homepage'),
     layoutList: homeLayoutList,
-    layouts: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre4 = themeValuesRef.current) === null || _themeValuesRef$curre4 === void 0 ? void 0 : (_themeValuesRef$curre5 = _themeValuesRef$curre4.homepage_view) === null || _themeValuesRef$curre5 === void 0 ? void 0 : (_themeValuesRef$curre6 = _themeValuesRef$curre5.components) === null || _themeValuesRef$curre6 === void 0 ? void 0 : _themeValuesRef$curre6.layout,
+    layouts: themeValuesRef === null || themeValuesRef === void 0 || (_themeValuesRef$curre2 = themeValuesRef.current) === null || _themeValuesRef$curre2 === void 0 || (_themeValuesRef$curre2 = _themeValuesRef$curre2.homepage_view) === null || _themeValuesRef$curre2 === void 0 || (_themeValuesRef$curre2 = _themeValuesRef$curre2.components) === null || _themeValuesRef$curre2 === void 0 ? void 0 : _themeValuesRef$curre2.layout,
     path: "homepage_view.components.layout",
     handleUpdateThemeValue: handleUpdateThemeValue
   })))), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('BUSINESS_LISTING_VIEW', 'Business Listing view')), /*#__PURE__*/_react.default.createElement(_styles2.HeadingWrapper, null, /*#__PURE__*/_react.default.createElement(_LayoutStyleGroup.LayoutStyleGroup, {
     layoutList: businessListingLayoutList,
-    layouts: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre7 = themeValuesRef.current) === null || _themeValuesRef$curre7 === void 0 ? void 0 : (_themeValuesRef$curre8 = _themeValuesRef$curre7.business_listing_view) === null || _themeValuesRef$curre8 === void 0 ? void 0 : (_themeValuesRef$curre9 = _themeValuesRef$curre8.components) === null || _themeValuesRef$curre9 === void 0 ? void 0 : _themeValuesRef$curre9.layout,
+    layouts: themeValuesRef === null || themeValuesRef === void 0 || (_themeValuesRef$curre3 = themeValuesRef.current) === null || _themeValuesRef$curre3 === void 0 || (_themeValuesRef$curre3 = _themeValuesRef$curre3.business_listing_view) === null || _themeValuesRef$curre3 === void 0 || (_themeValuesRef$curre3 = _themeValuesRef$curre3.components) === null || _themeValuesRef$curre3 === void 0 ? void 0 : _themeValuesRef$curre3.layout,
     path: "business_listing_view.components.layout",
     handleUpdateThemeValue: handleUpdateThemeValue
   }))), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('BUSINESS_VIEW_HEADERS', 'Business View Headers')), /*#__PURE__*/_react.default.createElement(_styles2.HeadingWrapper, null, /*#__PURE__*/_react.default.createElement(_LayoutStyleGroup.LayoutStyleGroup, {
     layoutList: businessViewLayoutList,
-    layouts: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre10 = themeValuesRef.current) === null || _themeValuesRef$curre10 === void 0 ? void 0 : (_themeValuesRef$curre11 = _themeValuesRef$curre10.business_view) === null || _themeValuesRef$curre11 === void 0 ? void 0 : (_themeValuesRef$curre12 = _themeValuesRef$curre11.components) === null || _themeValuesRef$curre12 === void 0 ? void 0 : (_themeValuesRef$curre13 = _themeValuesRef$curre12.header) === null || _themeValuesRef$curre13 === void 0 ? void 0 : (_themeValuesRef$curre14 = _themeValuesRef$curre13.components) === null || _themeValuesRef$curre14 === void 0 ? void 0 : _themeValuesRef$curre14.layout,
+    layouts: themeValuesRef === null || themeValuesRef === void 0 || (_themeValuesRef$curre4 = themeValuesRef.current) === null || _themeValuesRef$curre4 === void 0 || (_themeValuesRef$curre4 = _themeValuesRef$curre4.business_view) === null || _themeValuesRef$curre4 === void 0 || (_themeValuesRef$curre4 = _themeValuesRef$curre4.components) === null || _themeValuesRef$curre4 === void 0 || (_themeValuesRef$curre4 = _themeValuesRef$curre4.header) === null || _themeValuesRef$curre4 === void 0 || (_themeValuesRef$curre4 = _themeValuesRef$curre4.components) === null || _themeValuesRef$curre4 === void 0 ? void 0 : _themeValuesRef$curre4.layout,
     path: "business_view.components.header.components.layout",
     handleUpdateThemeValue: handleUpdateThemeValue
   }))), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('PRODUCT_LAYOUTS', 'Product Layouts')), /*#__PURE__*/_react.default.createElement(_styles2.HeadingWrapper, null, /*#__PURE__*/_react.default.createElement(_LayoutStyleGroup.LayoutStyleGroup, {
     layoutList: productFormLayoutList,
-    layouts: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre15 = themeValuesRef.current) === null || _themeValuesRef$curre15 === void 0 ? void 0 : (_themeValuesRef$curre16 = _themeValuesRef$curre15.business_view) === null || _themeValuesRef$curre16 === void 0 ? void 0 : (_themeValuesRef$curre17 = _themeValuesRef$curre16.components) === null || _themeValuesRef$curre17 === void 0 ? void 0 : (_themeValuesRef$curre18 = _themeValuesRef$curre17.products) === null || _themeValuesRef$curre18 === void 0 ? void 0 : (_themeValuesRef$curre19 = _themeValuesRef$curre18.components) === null || _themeValuesRef$curre19 === void 0 ? void 0 : _themeValuesRef$curre19.layout,
+    layouts: themeValuesRef === null || themeValuesRef === void 0 || (_themeValuesRef$curre5 = themeValuesRef.current) === null || _themeValuesRef$curre5 === void 0 || (_themeValuesRef$curre5 = _themeValuesRef$curre5.business_view) === null || _themeValuesRef$curre5 === void 0 || (_themeValuesRef$curre5 = _themeValuesRef$curre5.components) === null || _themeValuesRef$curre5 === void 0 || (_themeValuesRef$curre5 = _themeValuesRef$curre5.products) === null || _themeValuesRef$curre5 === void 0 || (_themeValuesRef$curre5 = _themeValuesRef$curre5.components) === null || _themeValuesRef$curre5 === void 0 ? void 0 : _themeValuesRef$curre5.layout,
     path: "business_view.components.products.components.layout",
     handleUpdateThemeValue: handleUpdateThemeValue
   }))), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('PRODUCTS_SEARCH', 'Products Search')), /*#__PURE__*/_react.default.createElement(_styles2.HeadingWrapper, null, /*#__PURE__*/_react.default.createElement(_LayoutStyleGroup.LayoutStyleGroup, {
     layoutList: productSearchLayoutList,
-    layouts: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre20 = themeValuesRef.current) === null || _themeValuesRef$curre20 === void 0 ? void 0 : (_themeValuesRef$curre21 = _themeValuesRef$curre20.business_view) === null || _themeValuesRef$curre21 === void 0 ? void 0 : (_themeValuesRef$curre22 = _themeValuesRef$curre21.components) === null || _themeValuesRef$curre22 === void 0 ? void 0 : (_themeValuesRef$curre23 = _themeValuesRef$curre22.product_search) === null || _themeValuesRef$curre23 === void 0 ? void 0 : (_themeValuesRef$curre24 = _themeValuesRef$curre23.components) === null || _themeValuesRef$curre24 === void 0 ? void 0 : _themeValuesRef$curre24.layout,
+    layouts: themeValuesRef === null || themeValuesRef === void 0 || (_themeValuesRef$curre6 = themeValuesRef.current) === null || _themeValuesRef$curre6 === void 0 || (_themeValuesRef$curre6 = _themeValuesRef$curre6.business_view) === null || _themeValuesRef$curre6 === void 0 || (_themeValuesRef$curre6 = _themeValuesRef$curre6.components) === null || _themeValuesRef$curre6 === void 0 || (_themeValuesRef$curre6 = _themeValuesRef$curre6.product_search) === null || _themeValuesRef$curre6 === void 0 || (_themeValuesRef$curre6 = _themeValuesRef$curre6.components) === null || _themeValuesRef$curre6 === void 0 ? void 0 : _themeValuesRef$curre6.layout,
     path: "business_view.components.product_search.components.layout",
     handleUpdateThemeValue: handleUpdateThemeValue
   }))), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('CONFIRMATION', 'Confirmation')), /*#__PURE__*/_react.default.createElement(_styles2.HeadingWrapper, null, /*#__PURE__*/_react.default.createElement(_LayoutStyleGroup.LayoutStyleGroup, {
     layoutList: confirmationLayoutList,
-    layouts: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre25 = themeValuesRef.current) === null || _themeValuesRef$curre25 === void 0 ? void 0 : (_themeValuesRef$curre26 = _themeValuesRef$curre25.confirmation) === null || _themeValuesRef$curre26 === void 0 ? void 0 : (_themeValuesRef$curre27 = _themeValuesRef$curre26.components) === null || _themeValuesRef$curre27 === void 0 ? void 0 : _themeValuesRef$curre27.layout,
+    layouts: themeValuesRef === null || themeValuesRef === void 0 || (_themeValuesRef$curre7 = themeValuesRef.current) === null || _themeValuesRef$curre7 === void 0 || (_themeValuesRef$curre7 = _themeValuesRef$curre7.confirmation) === null || _themeValuesRef$curre7 === void 0 || (_themeValuesRef$curre7 = _themeValuesRef$curre7.components) === null || _themeValuesRef$curre7 === void 0 ? void 0 : _themeValuesRef$curre7.layout,
     path: "confirmation.components.layout",
     handleUpdateThemeValue: handleUpdateThemeValue
   }))), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('PROFILE', 'Profile')), /*#__PURE__*/_react.default.createElement(_styles2.HeadingWrapper, null, /*#__PURE__*/_react.default.createElement(_LayoutStyleGroup.LayoutStyleGroup, {
     layoutList: profileLayoutList,
-    layouts: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre28 = themeValuesRef.current) === null || _themeValuesRef$curre28 === void 0 ? void 0 : (_themeValuesRef$curre29 = _themeValuesRef$curre28.profile) === null || _themeValuesRef$curre29 === void 0 ? void 0 : (_themeValuesRef$curre30 = _themeValuesRef$curre29.components) === null || _themeValuesRef$curre30 === void 0 ? void 0 : _themeValuesRef$curre30.layout,
+    layouts: themeValuesRef === null || themeValuesRef === void 0 || (_themeValuesRef$curre8 = themeValuesRef.current) === null || _themeValuesRef$curre8 === void 0 || (_themeValuesRef$curre8 = _themeValuesRef$curre8.profile) === null || _themeValuesRef$curre8 === void 0 || (_themeValuesRef$curre8 = _themeValuesRef$curre8.components) === null || _themeValuesRef$curre8 === void 0 ? void 0 : _themeValuesRef$curre8.layout,
     path: "profile.components.layout",
     handleUpdateThemeValue: handleUpdateThemeValue
   }))), !isApp && /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('HEADER', 'Header')), /*#__PURE__*/_react.default.createElement(_styles2.HeadingWrapper, null, /*#__PURE__*/_react.default.createElement(_LayoutStyleGroup.LayoutStyleGroup, {
     layoutList: headerLayoutList,
-    layouts: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre31 = themeValuesRef.current) === null || _themeValuesRef$curre31 === void 0 ? void 0 : (_themeValuesRef$curre32 = _themeValuesRef$curre31.header) === null || _themeValuesRef$curre32 === void 0 ? void 0 : (_themeValuesRef$curre33 = _themeValuesRef$curre32.components) === null || _themeValuesRef$curre33 === void 0 ? void 0 : _themeValuesRef$curre33.layout,
+    layouts: themeValuesRef === null || themeValuesRef === void 0 || (_themeValuesRef$curre9 = themeValuesRef.current) === null || _themeValuesRef$curre9 === void 0 || (_themeValuesRef$curre9 = _themeValuesRef$curre9.header) === null || _themeValuesRef$curre9 === void 0 || (_themeValuesRef$curre9 = _themeValuesRef$curre9.components) === null || _themeValuesRef$curre9 === void 0 ? void 0 : _themeValuesRef$curre9.layout,
     path: "header.components.layout",
     handleUpdateThemeValue: handleUpdateThemeValue
   }))), /*#__PURE__*/_react.default.createElement(_styles2.ButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {

package/_modules/components/MyProducts/AdvancedSettings/index.js

@@ -24,7 +24,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var AdvancedSettings = function AdvancedSettings(props) {
-  var _themeValuesRef$curre, _themeValuesRef$curre2, _themeValuesRef$curre3, _themeValuesRef$curre4, _themeValuesRef$curre5, _themeValuesRef$curre6, _themeValuesRef$curre7, _themesList$themes3, _themesList$themes3$, _themesList$themes4, _themesList$themes4$, _themeValuesRef$curre8, _themeValuesRef$curre9, _themeValuesRef$curre10, _themeValuesRef$curre11, _themeValuesRef$curre12, _themeValuesRef$curre13, _themeValuesRef$curre14, _themeValuesRef$curre15, _themeValuesRef$curre16, _themeValuesRef$curre17, _themesList$themes5, _themesList$themes5$, _themeValuesRef$curre18, _themeValuesRef$curre19, _themeValuesRef$curre20, _themeValuesRef$curre21, _themeValuesRef$curre22, _themesList$themes6, _themesList$themes6$, _themesList$themes7, _themesList$themes7$, _themeValuesRef$curre23, _themeValuesRef$curre24, _themeValuesRef$curre25, _themeValuesRef$curre26, _themeValuesRef$curre27, _themeValuesRef$curre28, _themeValuesRef$curre29, _themesList$themes8, _themesList$themes8$, _themeValuesRef$curre30, _themeValuesRef$curre31, _themeValuesRef$curre32, _themeValuesRef$curre33, _themeValuesRef$curre34, _themesList$themes9, _themesList$themes9$, _themesList$themes10, _themesList$themes10$, _themesList$themes11, _themesList$themes11$, _themesList$themes12, _themesList$themes12$, _themesList$themes13, _themesList$themes13$, _themesList$themes14, _themesList$themes14$, _themesList$themes15, _themesList$themes15$, _themesList$themes16, _themesList$themes16$, _themesList$themes17, _themesList$themes17$, _themesList$themes18, _themesList$themes18$, _themesList$themes19, _themesList$themes19$, _themesList$themes20, _themesList$themes20$, _themesList$themes21, _themesList$themes21$, _themesList$themes22, _themesList$themes22$, _themesList$themes23, _themesList$themes23$, _themeValuesRef$curre35, _themeValuesRef$curre36, _themeValuesRef$curre37, _themeValuesRef$curre38, _themeValuesRef$curre39, _themeValuesRef$curre40, _themeValuesRef$curre41, _themeValuesRef$curre42, _themeValuesRef$curre43, _themeValuesRef$curre44, _themeValuesRef$curre45, _themeValuesRef$curre46, _themeValuesRef$curre47, _themeValuesRef$curre48, _themeValuesRef$curre49, _themeValuesRef$curre50, _themeValuesRef$curre51, _themeValuesRef$curre52, _themeValuesRef$curre53, _themeValuesRef$curre54, _themeValuesRef$curre55, _themeValuesRef$curre56, _themeValuesRef$curre57, _themesList$themes24, _themesList$themes24$, _themesList$themes25, _themesList$themes25$;
+  var _themeValuesRef$curre, _themesList$themes3, _themesList$themes4, _themeValuesRef$curre2, _themeValuesRef$curre3, _themesList$themes5, _themeValuesRef$curre4, _themesList$themes6, _themesList$themes7, _themeValuesRef$curre5, _themesList$themes8, _themeValuesRef$curre6, _themesList$themes9, _themesList$themes10, _themesList$themes11, _themesList$themes12, _themesList$themes13, _themesList$themes14, _themesList$themes15, _themesList$themes16, _themesList$themes17, _themesList$themes18, _themesList$themes19, _themesList$themes20, _themesList$themes21, _themesList$themes22, _themesList$themes23, _themeValuesRef$curre7, _themeValuesRef$curre8, _themeValuesRef$curre9, _themeValuesRef$curre10, _themeValuesRef$curre11, _themeValuesRef$curre12, _themesList$themes24, _themesList$themes25;
   var themesList = props.themesList,
     advancedValues = props.advancedValues,
     handleUpdateSiteTheme = props.handleUpdateSiteTheme,
@@ -409,10 +409,10 @@ var AdvancedSettings = function AdvancedSettings(props) {
     themeValuesRef.current = _advancedValues;
   };
   (0, _react.useEffect)(function () {
-    var _themesList$themes, _themesList$themes$;
-    if (!(themesList !== null && themesList !== void 0 && themesList.loading) && themesList !== null && themesList !== void 0 && (_themesList$themes = themesList.themes) !== null && _themesList$themes !== void 0 && (_themesList$themes$ = _themesList$themes[0]) !== null && _themesList$themes$ !== void 0 && _themesList$themes$.structure) {
-      var _themesList$themes2, _themesList$themes2$;
-      setThemeStructure(JSON.parse(JSON.stringify(themesList === null || themesList === void 0 ? void 0 : (_themesList$themes2 = themesList.themes) === null || _themesList$themes2 === void 0 ? void 0 : (_themesList$themes2$ = _themesList$themes2[0]) === null || _themesList$themes2$ === void 0 ? void 0 : _themesList$themes2$.structure)));
+    var _themesList$themes;
+    if (!(themesList !== null && themesList !== void 0 && themesList.loading) && themesList !== null && themesList !== void 0 && (_themesList$themes = themesList.themes) !== null && _themesList$themes !== void 0 && (_themesList$themes = _themesList$themes[0]) !== null && _themesList$themes !== void 0 && _themesList$themes.structure) {
+      var _themesList$themes2;
+      setThemeStructure(JSON.parse(JSON.stringify(themesList === null || themesList === void 0 || (_themesList$themes2 = themesList.themes) === null || _themesList$themes2 === void 0 || (_themesList$themes2 = _themesList$themes2[0]) === null || _themesList$themes2 === void 0 ? void 0 : _themesList$themes2.structure)));
     }
   }, [themesList]);
   (0, _react.useEffect)(function () {
@@ -421,16 +421,16 @@ var AdvancedSettings = function AdvancedSettings(props) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.Container, null, isApp && /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h1", null, t('CUSTOMER_APP_ADVANCED_SETTINGS', 'Customer App  Advanced Settings')), /*#__PURE__*/_react.default.createElement("h2", null, t('HOMEPAGE', 'Homepage')), /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
     title: t('HOMEPAGE_IMAGE', 'Homepage image'),
     ratio: "1350 x 400 px",
-    photo: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre = themeValuesRef.current) === null || _themeValuesRef$curre === void 0 ? void 0 : (_themeValuesRef$curre2 = _themeValuesRef$curre.my_products) === null || _themeValuesRef$curre2 === void 0 ? void 0 : (_themeValuesRef$curre3 = _themeValuesRef$curre2.components) === null || _themeValuesRef$curre3 === void 0 ? void 0 : (_themeValuesRef$curre4 = _themeValuesRef$curre3.images) === null || _themeValuesRef$curre4 === void 0 ? void 0 : (_themeValuesRef$curre5 = _themeValuesRef$curre4.components) === null || _themeValuesRef$curre5 === void 0 ? void 0 : (_themeValuesRef$curre6 = _themeValuesRef$curre5.homepage_background) === null || _themeValuesRef$curre6 === void 0 ? void 0 : (_themeValuesRef$curre7 = _themeValuesRef$curre6.components) === null || _themeValuesRef$curre7 === void 0 ? void 0 : _themeValuesRef$curre7.image,
+    photo: themeValuesRef === null || themeValuesRef === void 0 || (_themeValuesRef$curre = themeValuesRef.current) === null || _themeValuesRef$curre === void 0 || (_themeValuesRef$curre = _themeValuesRef$curre.my_products) === null || _themeValuesRef$curre === void 0 || (_themeValuesRef$curre = _themeValuesRef$curre.components) === null || _themeValuesRef$curre === void 0 || (_themeValuesRef$curre = _themeValuesRef$curre.images) === null || _themeValuesRef$curre === void 0 || (_themeValuesRef$curre = _themeValuesRef$curre.components) === null || _themeValuesRef$curre === void 0 || (_themeValuesRef$curre = _themeValuesRef$curre.homepage_background) === null || _themeValuesRef$curre === void 0 || (_themeValuesRef$curre = _themeValuesRef$curre.components) === null || _themeValuesRef$curre === void 0 ? void 0 : _themeValuesRef$curre.image,
     path: "my_products.components.images.components.homepage_background.components.image",
-    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes3 = themesList.themes) === null || _themesList$themes3 === void 0 ? void 0 : (_themesList$themes3$ = _themesList$themes3[0]) === null || _themesList$themes3$ === void 0 ? void 0 : _themesList$themes3$.id,
+    themeId: themesList === null || themesList === void 0 || (_themesList$themes3 = themesList.themes) === null || _themesList$themes3 === void 0 || (_themesList$themes3 = _themesList$themes3[0]) === null || _themesList$themes3 === void 0 ? void 0 : _themesList$themes3.id,
     handleChangePhoto: handleUpdateThemeValue
   })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, !isApp && /*#__PURE__*/_react.default.createElement("h1", null, t('WEBSITE_ADVANCED_SETTINGS', 'Website  Advanced Settings')), /*#__PURE__*/_react.default.createElement("h2", null, t('BUTTONS', 'Buttons')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: buttonList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
     themeStructure: themeStructure,
-    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes4 = themesList.themes) === null || _themesList$themes4 === void 0 ? void 0 : (_themesList$themes4$ = _themesList$themes4[0]) === null || _themesList$themes4$ === void 0 ? void 0 : _themesList$themes4$.id
+    themeId: themesList === null || themesList === void 0 || (_themesList$themes4 = themesList.themes) === null || _themesList$themes4 === void 0 || (_themesList$themes4 = _themesList$themes4[0]) === null || _themesList$themes4 === void 0 ? void 0 : _themesList$themes4.id
   }), /*#__PURE__*/_react.default.createElement(_styles.Button, {
     color: "primary",
     outline: true,
@@ -440,153 +440,153 @@ var AdvancedSettings = function AdvancedSettings(props) {
     },
     className: "custom"
   }, t('CUSTOM_SOUNDS', 'Custom sounds'))), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('TIPOGRAPHY', 'Tipography')), /*#__PURE__*/_react.default.createElement(_styles2.HeadingWrapper, null, /*#__PURE__*/_react.default.createElement(_FontStyleGroup.FontStyleGroup, {
-    fonts: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre8 = themeValuesRef.current) === null || _themeValuesRef$curre8 === void 0 ? void 0 : (_themeValuesRef$curre9 = _themeValuesRef$curre8.general) === null || _themeValuesRef$curre9 === void 0 ? void 0 : (_themeValuesRef$curre10 = _themeValuesRef$curre9.components) === null || _themeValuesRef$curre10 === void 0 ? void 0 : (_themeValuesRef$curre11 = _themeValuesRef$curre10.fonts) === null || _themeValuesRef$curre11 === void 0 ? void 0 : _themeValuesRef$curre11.primary,
+    fonts: themeValuesRef === null || themeValuesRef === void 0 || (_themeValuesRef$curre2 = themeValuesRef.current) === null || _themeValuesRef$curre2 === void 0 || (_themeValuesRef$curre2 = _themeValuesRef$curre2.general) === null || _themeValuesRef$curre2 === void 0 || (_themeValuesRef$curre2 = _themeValuesRef$curre2.components) === null || _themeValuesRef$curre2 === void 0 || (_themeValuesRef$curre2 = _themeValuesRef$curre2.fonts) === null || _themeValuesRef$curre2 === void 0 ? void 0 : _themeValuesRef$curre2.primary,
     path: "general.components.fonts.primary",
     handleUpdateThemeValue: handleUpdateThemeValue
   }))), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('IMAGES', 'Images')), /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
     title: t('BUSINESS_LOGO_DUMMY_IMAGE', 'Business Logo dummy image'),
     ratio: "512 x 512 px",
-    photo: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre12 = themeValuesRef.current) === null || _themeValuesRef$curre12 === void 0 ? void 0 : (_themeValuesRef$curre13 = _themeValuesRef$curre12.business_view) === null || _themeValuesRef$curre13 === void 0 ? void 0 : (_themeValuesRef$curre14 = _themeValuesRef$curre13.components) === null || _themeValuesRef$curre14 === void 0 ? void 0 : (_themeValuesRef$curre15 = _themeValuesRef$curre14.header) === null || _themeValuesRef$curre15 === void 0 ? void 0 : (_themeValuesRef$curre16 = _themeValuesRef$curre15.components) === null || _themeValuesRef$curre16 === void 0 ? void 0 : (_themeValuesRef$curre17 = _themeValuesRef$curre16.logo) === null || _themeValuesRef$curre17 === void 0 ? void 0 : _themeValuesRef$curre17.dummy_image,
+    photo: themeValuesRef === null || themeValuesRef === void 0 || (_themeValuesRef$curre3 = themeValuesRef.current) === null || _themeValuesRef$curre3 === void 0 || (_themeValuesRef$curre3 = _themeValuesRef$curre3.business_view) === null || _themeValuesRef$curre3 === void 0 || (_themeValuesRef$curre3 = _themeValuesRef$curre3.components) === null || _themeValuesRef$curre3 === void 0 || (_themeValuesRef$curre3 = _themeValuesRef$curre3.header) === null || _themeValuesRef$curre3 === void 0 || (_themeValuesRef$curre3 = _themeValuesRef$curre3.components) === null || _themeValuesRef$curre3 === void 0 || (_themeValuesRef$curre3 = _themeValuesRef$curre3.logo) === null || _themeValuesRef$curre3 === void 0 ? void 0 : _themeValuesRef$curre3.dummy_image,
     path: "business_view.components.header.components.logo.dummy_image",
-    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes5 = themesList.themes) === null || _themesList$themes5 === void 0 ? void 0 : (_themesList$themes5$ = _themesList$themes5[0]) === null || _themesList$themes5$ === void 0 ? void 0 : _themesList$themes5$.id,
+    themeId: themesList === null || themesList === void 0 || (_themesList$themes5 = themesList.themes) === null || _themesList$themes5 === void 0 || (_themesList$themes5 = _themesList$themes5[0]) === null || _themesList$themes5 === void 0 ? void 0 : _themesList$themes5.id,
     handleChangePhoto: handleUpdateThemeValue
   }), /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
     title: t('BUSINESS_HEADER_DUMMY_IMAGE', 'Business header dummy image'),
     ratio: "1350 x 400 px",
     isBig: true,
-    photo: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre18 = themeValuesRef.current) === null || _themeValuesRef$curre18 === void 0 ? void 0 : (_themeValuesRef$curre19 = _themeValuesRef$curre18.business_view) === null || _themeValuesRef$curre19 === void 0 ? void 0 : (_themeValuesRef$curre20 = _themeValuesRef$curre19.components) === null || _themeValuesRef$curre20 === void 0 ? void 0 : (_themeValuesRef$curre21 = _themeValuesRef$curre20.header) === null || _themeValuesRef$curre21 === void 0 ? void 0 : (_themeValuesRef$curre22 = _themeValuesRef$curre21.components) === null || _themeValuesRef$curre22 === void 0 ? void 0 : _themeValuesRef$curre22.dummy_image,
+    photo: themeValuesRef === null || themeValuesRef === void 0 || (_themeValuesRef$curre4 = themeValuesRef.current) === null || _themeValuesRef$curre4 === void 0 || (_themeValuesRef$curre4 = _themeValuesRef$curre4.business_view) === null || _themeValuesRef$curre4 === void 0 || (_themeValuesRef$curre4 = _themeValuesRef$curre4.components) === null || _themeValuesRef$curre4 === void 0 || (_themeValuesRef$curre4 = _themeValuesRef$curre4.header) === null || _themeValuesRef$curre4 === void 0 || (_themeValuesRef$curre4 = _themeValuesRef$curre4.components) === null || _themeValuesRef$curre4 === void 0 ? void 0 : _themeValuesRef$curre4.dummy_image,
     path: "business_view.components.header.components.dummy_image",
-    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes6 = themesList.themes) === null || _themesList$themes6 === void 0 ? void 0 : (_themesList$themes6$ = _themesList$themes6[0]) === null || _themesList$themes6$ === void 0 ? void 0 : _themesList$themes6$.id,
+    themeId: themesList === null || themesList === void 0 || (_themesList$themes6 = themesList.themes) === null || _themesList$themes6 === void 0 || (_themesList$themes6 = _themesList$themes6[0]) === null || _themesList$themes6 === void 0 ? void 0 : _themesList$themes6.id,
     handleChangePhoto: handleUpdateThemeValue
   }), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: homeImageFullScreen,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
     themeStructure: themeStructure,
-    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes7 = themesList.themes) === null || _themesList$themes7 === void 0 ? void 0 : (_themesList$themes7$ = _themesList$themes7[0]) === null || _themesList$themes7$ === void 0 ? void 0 : _themesList$themes7$.id,
+    themeId: themesList === null || themesList === void 0 || (_themesList$themes7 = themesList.themes) === null || _themesList$themes7 === void 0 || (_themesList$themes7 = _themesList$themes7[0]) === null || _themesList$themes7 === void 0 ? void 0 : _themesList$themes7.id,
     noLabel: true
   }), /*#__PURE__*/_react.default.createElement(_styles2.ImageGroup, null, /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
     title: t('PRODUCT_DUMMY_IMAGE', 'Product dummy image'),
     ratio: "900 x 200 px",
-    photo: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre23 = themeValuesRef.current) === null || _themeValuesRef$curre23 === void 0 ? void 0 : (_themeValuesRef$curre24 = _themeValuesRef$curre23.business_view) === null || _themeValuesRef$curre24 === void 0 ? void 0 : (_themeValuesRef$curre25 = _themeValuesRef$curre24.components) === null || _themeValuesRef$curre25 === void 0 ? void 0 : (_themeValuesRef$curre26 = _themeValuesRef$curre25.products) === null || _themeValuesRef$curre26 === void 0 ? void 0 : (_themeValuesRef$curre27 = _themeValuesRef$curre26.components) === null || _themeValuesRef$curre27 === void 0 ? void 0 : (_themeValuesRef$curre28 = _themeValuesRef$curre27.photo) === null || _themeValuesRef$curre28 === void 0 ? void 0 : (_themeValuesRef$curre29 = _themeValuesRef$curre28.components) === null || _themeValuesRef$curre29 === void 0 ? void 0 : _themeValuesRef$curre29.dummy_image,
+    photo: themeValuesRef === null || themeValuesRef === void 0 || (_themeValuesRef$curre5 = themeValuesRef.current) === null || _themeValuesRef$curre5 === void 0 || (_themeValuesRef$curre5 = _themeValuesRef$curre5.business_view) === null || _themeValuesRef$curre5 === void 0 || (_themeValuesRef$curre5 = _themeValuesRef$curre5.components) === null || _themeValuesRef$curre5 === void 0 || (_themeValuesRef$curre5 = _themeValuesRef$curre5.products) === null || _themeValuesRef$curre5 === void 0 || (_themeValuesRef$curre5 = _themeValuesRef$curre5.components) === null || _themeValuesRef$curre5 === void 0 || (_themeValuesRef$curre5 = _themeValuesRef$curre5.photo) === null || _themeValuesRef$curre5 === void 0 || (_themeValuesRef$curre5 = _themeValuesRef$curre5.components) === null || _themeValuesRef$curre5 === void 0 ? void 0 : _themeValuesRef$curre5.dummy_image,
     path: "business_view.components.products.components.photo.components.dummy_image",
-    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes8 = themesList.themes) === null || _themesList$themes8 === void 0 ? void 0 : (_themesList$themes8$ = _themesList$themes8[0]) === null || _themesList$themes8$ === void 0 ? void 0 : _themesList$themes8$.id,
+    themeId: themesList === null || themesList === void 0 || (_themesList$themes8 = themesList.themes) === null || _themesList$themes8 === void 0 || (_themesList$themes8 = _themesList$themes8[0]) === null || _themesList$themes8 === void 0 ? void 0 : _themesList$themes8.id,
     handleChangePhoto: handleUpdateThemeValue
   }))), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('FAVICON', 'Favicon')), /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
     title: t('FAVICON', 'Favicon'),
     ratio: "512 x 512 px",
-    photo: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre30 = themeValuesRef.current) === null || _themeValuesRef$curre30 === void 0 ? void 0 : (_themeValuesRef$curre31 = _themeValuesRef$curre30.general) === null || _themeValuesRef$curre31 === void 0 ? void 0 : (_themeValuesRef$curre32 = _themeValuesRef$curre31.components) === null || _themeValuesRef$curre32 === void 0 ? void 0 : (_themeValuesRef$curre33 = _themeValuesRef$curre32.favicon) === null || _themeValuesRef$curre33 === void 0 ? void 0 : (_themeValuesRef$curre34 = _themeValuesRef$curre33.components) === null || _themeValuesRef$curre34 === void 0 ? void 0 : _themeValuesRef$curre34.image,
+    photo: themeValuesRef === null || themeValuesRef === void 0 || (_themeValuesRef$curre6 = themeValuesRef.current) === null || _themeValuesRef$curre6 === void 0 || (_themeValuesRef$curre6 = _themeValuesRef$curre6.general) === null || _themeValuesRef$curre6 === void 0 || (_themeValuesRef$curre6 = _themeValuesRef$curre6.components) === null || _themeValuesRef$curre6 === void 0 || (_themeValuesRef$curre6 = _themeValuesRef$curre6.favicon) === null || _themeValuesRef$curre6 === void 0 || (_themeValuesRef$curre6 = _themeValuesRef$curre6.components) === null || _themeValuesRef$curre6 === void 0 ? void 0 : _themeValuesRef$curre6.image,
     path: "general.components.favicon.components.image",
-    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes9 = themesList.themes) === null || _themesList$themes9 === void 0 ? void 0 : (_themesList$themes9$ = _themesList$themes9[0]) === null || _themesList$themes9$ === void 0 ? void 0 : _themesList$themes9$.id,
+    themeId: themesList === null || themesList === void 0 || (_themesList$themes9 = themesList.themes) === null || _themesList$themes9 === void 0 || (_themesList$themes9 = _themesList$themes9[0]) === null || _themesList$themes9 === void 0 ? void 0 : _themesList$themes9.id,
     handleChangePhoto: handleUpdateThemeValue
   })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('HEADER', 'Header')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: headerList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
     themeStructure: themeStructure,
-    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes10 = themesList.themes) === null || _themesList$themes10 === void 0 ? void 0 : (_themesList$themes10$ = _themesList$themes10[0]) === null || _themesList$themes10$ === void 0 ? void 0 : _themesList$themes10$.id
+    themeId: themesList === null || themesList === void 0 || (_themesList$themes10 = themesList.themes) === null || _themesList$themes10 === void 0 || (_themesList$themes10 = _themesList$themes10[0]) === null || _themesList$themes10 === void 0 ? void 0 : _themesList$themes10.id
   })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('BUSINESS_LISTING', 'Business listing')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: businessListing,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
     themeStructure: themeStructure,
-    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes11 = themesList.themes) === null || _themesList$themes11 === void 0 ? void 0 : (_themesList$themes11$ = _themesList$themes11[0]) === null || _themesList$themes11$ === void 0 ? void 0 : _themesList$themes11$.id
+    themeId: themesList === null || themesList === void 0 || (_themesList$themes11 = themesList.themes) === null || _themesList$themes11 === void 0 || (_themesList$themes11 = _themesList$themes11[0]) === null || _themesList$themes11 === void 0 ? void 0 : _themesList$themes11.id
   })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('BUSINESS_BLOCK', 'Business block')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: businessBlockList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
     themeStructure: themeStructure,
-    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes12 = themesList.themes) === null || _themesList$themes12 === void 0 ? void 0 : (_themesList$themes12$ = _themesList$themes12[0]) === null || _themesList$themes12$ === void 0 ? void 0 : _themesList$themes12$.id
+    themeId: themesList === null || themesList === void 0 || (_themesList$themes12 = themesList.themes) === null || _themesList$themes12 === void 0 || (_themesList$themes12 = _themesList$themes12[0]) === null || _themesList$themes12 === void 0 ? void 0 : _themesList$themes12.id
   })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('BUSINESS_PAGE', 'Business page')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: businessPageList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
     themeStructure: themeStructure,
-    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes13 = themesList.themes) === null || _themesList$themes13 === void 0 ? void 0 : (_themesList$themes13$ = _themesList$themes13[0]) === null || _themesList$themes13$ === void 0 ? void 0 : _themesList$themes13$.id
+    themeId: themesList === null || themesList === void 0 || (_themesList$themes13 = themesList.themes) === null || _themesList$themes13 === void 0 || (_themesList$themes13 = _themesList$themes13[0]) === null || _themesList$themes13 === void 0 ? void 0 : _themesList$themes13.id
   })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('BUSINESS_INFORMATION', 'Business Information')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: businessInfoList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
     themeStructure: themeStructure,
-    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes14 = themesList.themes) === null || _themesList$themes14 === void 0 ? void 0 : (_themesList$themes14$ = _themesList$themes14[0]) === null || _themesList$themes14$ === void 0 ? void 0 : _themesList$themes14$.id
+    themeId: themesList === null || themesList === void 0 || (_themesList$themes14 = themesList.themes) === null || _themesList$themes14 === void 0 || (_themesList$themes14 = _themesList$themes14[0]) === null || _themesList$themes14 === void 0 ? void 0 : _themesList$themes14.id
   })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('PRODUCTS_BLOCK', 'Products block')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: productBlockList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: advancedValues,
     themeStructure: themeStructure,
-    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes15 = themesList.themes) === null || _themesList$themes15 === void 0 ? void 0 : (_themesList$themes15$ = _themesList$themes15[0]) === null || _themesList$themes15$ === void 0 ? void 0 : _themesList$themes15$.id
+    themeId: themesList === null || themesList === void 0 || (_themesList$themes15 = themesList.themes) === null || _themesList$themes15 === void 0 || (_themesList$themes15 = _themesList$themes15[0]) === null || _themesList$themes15 === void 0 ? void 0 : _themesList$themes15.id
   })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('REVIEWS_POPUPS', 'Reviews popups')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: reviewsPopups,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
     themeStructure: themeStructure,
-    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes16 = themesList.themes) === null || _themesList$themes16 === void 0 ? void 0 : (_themesList$themes16$ = _themesList$themes16[0]) === null || _themesList$themes16$ === void 0 ? void 0 : _themesList$themes16$.id
+    themeId: themesList === null || themesList === void 0 || (_themesList$themes16 = themesList.themes) === null || _themesList$themes16 === void 0 || (_themesList$themes16 = _themesList$themes16[0]) === null || _themesList$themes16 === void 0 ? void 0 : _themesList$themes16.id
   })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('CART_HEADER', 'Cart Header')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: cartHeaderList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: advancedValues,
     themeStructure: themeStructure,
-    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes17 = themesList.themes) === null || _themesList$themes17 === void 0 ? void 0 : (_themesList$themes17$ = _themesList$themes17[0]) === null || _themesList$themes17$ === void 0 ? void 0 : _themesList$themes17$.id
+    themeId: themesList === null || themesList === void 0 || (_themesList$themes17 = themesList.themes) === null || _themesList$themes17 === void 0 || (_themesList$themes17 = _themesList$themes17[0]) === null || _themesList$themes17 === void 0 ? void 0 : _themesList$themes17.id
   })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('CHECKOUT', 'Checkout')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: checkoutList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
     themeStructure: themeStructure,
-    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes18 = themesList.themes) === null || _themesList$themes18 === void 0 ? void 0 : (_themesList$themes18$ = _themesList$themes18[0]) === null || _themesList$themes18$ === void 0 ? void 0 : _themesList$themes18$.id
+    themeId: themesList === null || themesList === void 0 || (_themesList$themes18 = themesList.themes) === null || _themesList$themes18 === void 0 || (_themesList$themes18 = _themesList$themes18[0]) === null || _themesList$themes18 === void 0 ? void 0 : _themesList$themes18.id
   })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h3", null, t('CONFIRMATION_PAGE', 'Confirmation page')), /*#__PURE__*/_react.default.createElement("h3", null, t('ORDER_BLOCK', 'Order block')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: orderBlockList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
     themeStructure: themeStructure,
-    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes19 = themesList.themes) === null || _themesList$themes19 === void 0 ? void 0 : (_themesList$themes19$ = _themesList$themes19[0]) === null || _themesList$themes19$ === void 0 ? void 0 : _themesList$themes19$.id
+    themeId: themesList === null || themesList === void 0 || (_themesList$themes19 = themesList.themes) === null || _themesList$themes19 === void 0 || (_themesList$themes19 = _themesList$themes19[0]) === null || _themesList$themes19 === void 0 ? void 0 : _themesList$themes19.id
   })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h3", null, t('POPUP_ADDRESS', 'Popup: Address')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: popupAddressList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
     themeStructure: themeStructure,
-    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes20 = themesList.themes) === null || _themesList$themes20 === void 0 ? void 0 : (_themesList$themes20$ = _themesList$themes20[0]) === null || _themesList$themes20$ === void 0 ? void 0 : _themesList$themes20$.id
+    themeId: themesList === null || themesList === void 0 || (_themesList$themes20 = themesList.themes) === null || _themesList$themes20 === void 0 || (_themesList$themes20 = _themesList$themes20[0]) === null || _themesList$themes20 === void 0 ? void 0 : _themesList$themes20.id
   })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h3", null, t('MY_ACCOUNT_PAGE', 'My account page')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: myAccountList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
     themeStructure: themeStructure,
-    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes21 = themesList.themes) === null || _themesList$themes21 === void 0 ? void 0 : (_themesList$themes21$ = _themesList$themes21[0]) === null || _themesList$themes21$ === void 0 ? void 0 : _themesList$themes21$.id
+    themeId: themesList === null || themesList === void 0 || (_themesList$themes21 = themesList.themes) === null || _themesList$themes21 === void 0 || (_themesList$themes21 = _themesList$themes21[0]) === null || _themesList$themes21 === void 0 ? void 0 : _themesList$themes21.id
   })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h3", null, t('MY_ORDERS', 'My orders')), /*#__PURE__*/_react.default.createElement("h3", null, t('ACTIVE_ORDERS_BLOCK', 'Active Orders Block')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: activeOrderBlockList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
     themeStructure: themeStructure,
-    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes22 = themesList.themes) === null || _themesList$themes22 === void 0 ? void 0 : (_themesList$themes22$ = _themesList$themes22[0]) === null || _themesList$themes22$ === void 0 ? void 0 : _themesList$themes22$.id
+    themeId: themesList === null || themesList === void 0 || (_themesList$themes22 = themesList.themes) === null || _themesList$themes22 === void 0 || (_themesList$themes22 = _themesList$themes22[0]) === null || _themesList$themes22 === void 0 ? void 0 : _themesList$themes22.id
   })), !isApp && /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('MENU_OPTIONS', 'Menu options')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: menuOptionList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: advancedValues,
     themeStructure: themeStructure,
-    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes23 = themesList.themes) === null || _themesList$themes23 === void 0 ? void 0 : (_themesList$themes23$ = _themesList$themes23[0]) === null || _themesList$themes23$ === void 0 ? void 0 : _themesList$themes23$.id
+    themeId: themesList === null || themesList === void 0 || (_themesList$themes23 = themesList.themes) === null || _themesList$themes23 === void 0 || (_themesList$themes23 = _themesList$themes23[0]) === null || _themesList$themes23 === void 0 ? void 0 : _themesList$themes23.id
   })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('POPUP_ORDER_TYPES', 'Popup: Order types ')), /*#__PURE__*/_react.default.createElement(_styles2.FormControl, null, /*#__PURE__*/_react.default.createElement("label", null, t('TITLE_MENU_OPTIONS', 'Title Menu options')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
     placeholder: t('TITLE_MENU_OPTIONS', 'Title Menu options'),
-    defaultValue: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre35 = themeValuesRef.current) === null || _themeValuesRef$curre35 === void 0 ? void 0 : (_themeValuesRef$curre36 = _themeValuesRef$curre35.order_types) === null || _themeValuesRef$curre36 === void 0 ? void 0 : (_themeValuesRef$curre37 = _themeValuesRef$curre36.components) === null || _themeValuesRef$curre37 === void 0 ? void 0 : _themeValuesRef$curre37.title_menu,
+    defaultValue: themeValuesRef === null || themeValuesRef === void 0 || (_themeValuesRef$curre7 = themeValuesRef.current) === null || _themeValuesRef$curre7 === void 0 || (_themeValuesRef$curre7 = _themeValuesRef$curre7.order_types) === null || _themeValuesRef$curre7 === void 0 || (_themeValuesRef$curre7 = _themeValuesRef$curre7.components) === null || _themeValuesRef$curre7 === void 0 ? void 0 : _themeValuesRef$curre7.title_menu,
     onChange: function onChange(e) {
       return handleUpdateThemeValue(e.target.value, 'order_types.components.title_menu');
     }
   })), /*#__PURE__*/_react.default.createElement("h3", null, t('DELIVERY', 'Delivery')), /*#__PURE__*/_react.default.createElement(_OrderType.OrderType, {
-    typeValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre38 = themeValuesRef.current) === null || _themeValuesRef$curre38 === void 0 ? void 0 : (_themeValuesRef$curre39 = _themeValuesRef$curre38.order_types) === null || _themeValuesRef$curre39 === void 0 ? void 0 : (_themeValuesRef$curre40 = _themeValuesRef$curre39.components) === null || _themeValuesRef$curre40 === void 0 ? void 0 : (_themeValuesRef$curre41 = _themeValuesRef$curre40.delivery) === null || _themeValuesRef$curre41 === void 0 ? void 0 : _themeValuesRef$curre41.components,
+    typeValues: themeValuesRef === null || themeValuesRef === void 0 || (_themeValuesRef$curre8 = themeValuesRef.current) === null || _themeValuesRef$curre8 === void 0 || (_themeValuesRef$curre8 = _themeValuesRef$curre8.order_types) === null || _themeValuesRef$curre8 === void 0 || (_themeValuesRef$curre8 = _themeValuesRef$curre8.components) === null || _themeValuesRef$curre8 === void 0 || (_themeValuesRef$curre8 = _themeValuesRef$curre8.delivery) === null || _themeValuesRef$curre8 === void 0 ? void 0 : _themeValuesRef$curre8.components,
     path: "order_types.components.delivery.components",
     handleUpdateThemeValue: handleUpdateThemeValue
   }), /*#__PURE__*/_react.default.createElement("h3", null, t('PICKUP', 'Pickup')), /*#__PURE__*/_react.default.createElement(_OrderType.OrderType, {
-    typeValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre42 = themeValuesRef.current) === null || _themeValuesRef$curre42 === void 0 ? void 0 : (_themeValuesRef$curre43 = _themeValuesRef$curre42.order_types) === null || _themeValuesRef$curre43 === void 0 ? void 0 : (_themeValuesRef$curre44 = _themeValuesRef$curre43.components) === null || _themeValuesRef$curre44 === void 0 ? void 0 : (_themeValuesRef$curre45 = _themeValuesRef$curre44.pickup) === null || _themeValuesRef$curre45 === void 0 ? void 0 : _themeValuesRef$curre45.components,
+    typeValues: themeValuesRef === null || themeValuesRef === void 0 || (_themeValuesRef$curre9 = themeValuesRef.current) === null || _themeValuesRef$curre9 === void 0 || (_themeValuesRef$curre9 = _themeValuesRef$curre9.order_types) === null || _themeValuesRef$curre9 === void 0 || (_themeValuesRef$curre9 = _themeValuesRef$curre9.components) === null || _themeValuesRef$curre9 === void 0 || (_themeValuesRef$curre9 = _themeValuesRef$curre9.pickup) === null || _themeValuesRef$curre9 === void 0 ? void 0 : _themeValuesRef$curre9.components,
     path: "order_types.components.pickup.components",
     handleUpdateThemeValue: handleUpdateThemeValue
   }), /*#__PURE__*/_react.default.createElement("h3", null, t('EAT_IN', 'Eat in')), /*#__PURE__*/_react.default.createElement(_OrderType.OrderType, {
-    typeValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre46 = themeValuesRef.current) === null || _themeValuesRef$curre46 === void 0 ? void 0 : (_themeValuesRef$curre47 = _themeValuesRef$curre46.order_types) === null || _themeValuesRef$curre47 === void 0 ? void 0 : (_themeValuesRef$curre48 = _themeValuesRef$curre47.components) === null || _themeValuesRef$curre48 === void 0 ? void 0 : (_themeValuesRef$curre49 = _themeValuesRef$curre48.eat_in) === null || _themeValuesRef$curre49 === void 0 ? void 0 : _themeValuesRef$curre49.components,
+    typeValues: themeValuesRef === null || themeValuesRef === void 0 || (_themeValuesRef$curre10 = themeValuesRef.current) === null || _themeValuesRef$curre10 === void 0 || (_themeValuesRef$curre10 = _themeValuesRef$curre10.order_types) === null || _themeValuesRef$curre10 === void 0 || (_themeValuesRef$curre10 = _themeValuesRef$curre10.components) === null || _themeValuesRef$curre10 === void 0 || (_themeValuesRef$curre10 = _themeValuesRef$curre10.eat_in) === null || _themeValuesRef$curre10 === void 0 ? void 0 : _themeValuesRef$curre10.components,
     path: "order_types.components.eat_in.components",
     handleUpdateThemeValue: handleUpdateThemeValue
   }), /*#__PURE__*/_react.default.createElement("h3", null, t('CURBSIDE', 'Curbside')), /*#__PURE__*/_react.default.createElement(_OrderType.OrderType, {
-    typeValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre50 = themeValuesRef.current) === null || _themeValuesRef$curre50 === void 0 ? void 0 : (_themeValuesRef$curre51 = _themeValuesRef$curre50.order_types) === null || _themeValuesRef$curre51 === void 0 ? void 0 : (_themeValuesRef$curre52 = _themeValuesRef$curre51.components) === null || _themeValuesRef$curre52 === void 0 ? void 0 : (_themeValuesRef$curre53 = _themeValuesRef$curre52.curbside) === null || _themeValuesRef$curre53 === void 0 ? void 0 : _themeValuesRef$curre53.components,
+    typeValues: themeValuesRef === null || themeValuesRef === void 0 || (_themeValuesRef$curre11 = themeValuesRef.current) === null || _themeValuesRef$curre11 === void 0 || (_themeValuesRef$curre11 = _themeValuesRef$curre11.order_types) === null || _themeValuesRef$curre11 === void 0 || (_themeValuesRef$curre11 = _themeValuesRef$curre11.components) === null || _themeValuesRef$curre11 === void 0 || (_themeValuesRef$curre11 = _themeValuesRef$curre11.curbside) === null || _themeValuesRef$curre11 === void 0 ? void 0 : _themeValuesRef$curre11.components,
     path: "order_types.components.curbside.components",
     handleUpdateThemeValue: handleUpdateThemeValue
   }), /*#__PURE__*/_react.default.createElement("h3", null, t('DRIVE_THRU', 'Drive thru')), /*#__PURE__*/_react.default.createElement(_OrderType.OrderType, {
-    typeValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : (_themeValuesRef$curre54 = themeValuesRef.current) === null || _themeValuesRef$curre54 === void 0 ? void 0 : (_themeValuesRef$curre55 = _themeValuesRef$curre54.order_types) === null || _themeValuesRef$curre55 === void 0 ? void 0 : (_themeValuesRef$curre56 = _themeValuesRef$curre55.components) === null || _themeValuesRef$curre56 === void 0 ? void 0 : (_themeValuesRef$curre57 = _themeValuesRef$curre56.drive_thru) === null || _themeValuesRef$curre57 === void 0 ? void 0 : _themeValuesRef$curre57.components,
+    typeValues: themeValuesRef === null || themeValuesRef === void 0 || (_themeValuesRef$curre12 = themeValuesRef.current) === null || _themeValuesRef$curre12 === void 0 || (_themeValuesRef$curre12 = _themeValuesRef$curre12.order_types) === null || _themeValuesRef$curre12 === void 0 || (_themeValuesRef$curre12 = _themeValuesRef$curre12.components) === null || _themeValuesRef$curre12 === void 0 || (_themeValuesRef$curre12 = _themeValuesRef$curre12.drive_thru) === null || _themeValuesRef$curre12 === void 0 ? void 0 : _themeValuesRef$curre12.components,
     path: "order_types.components.drive_thru.components",
     handleUpdateThemeValue: handleUpdateThemeValue
   })), /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('THIRD_PARTY_CODE', 'Third-party code')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
@@ -594,13 +594,13 @@ var AdvancedSettings = function AdvancedSettings(props) {
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
     themeStructure: themeStructure,
-    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes24 = themesList.themes) === null || _themesList$themes24 === void 0 ? void 0 : (_themesList$themes24$ = _themesList$themes24[0]) === null || _themesList$themes24$ === void 0 ? void 0 : _themesList$themes24$.id
+    themeId: themesList === null || themesList === void 0 || (_themesList$themes24 = themesList.themes) === null || _themesList$themes24 === void 0 || (_themesList$themes24 = _themesList$themes24[0]) === null || _themesList$themes24 === void 0 ? void 0 : _themesList$themes24.id
   })), isApp && /*#__PURE__*/_react.default.createElement(_styles2.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('NAVIGATION_BAR_MENU', 'Navigation bar menu')), /*#__PURE__*/_react.default.createElement(_SettingComponent.SettingComponent, {
     settingList: navigationBarList,
     handleUpdateThemeValue: handleUpdateThemeValue,
     advancedValues: themeValuesRef === null || themeValuesRef === void 0 ? void 0 : themeValuesRef.current,
     themeStructure: themeStructure,
-    themeId: themesList === null || themesList === void 0 ? void 0 : (_themesList$themes25 = themesList.themes) === null || _themesList$themes25 === void 0 ? void 0 : (_themesList$themes25$ = _themesList$themes25[0]) === null || _themesList$themes25$ === void 0 ? void 0 : _themesList$themes25$.id
+    themeId: themesList === null || themesList === void 0 || (_themesList$themes25 = themesList.themes) === null || _themesList$themes25 === void 0 || (_themesList$themes25 = _themesList$themes25[0]) === null || _themesList$themes25 === void 0 ? void 0 : _themesList$themes25.id
   })), /*#__PURE__*/_react.default.createElement(_styles2.ButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
     color: "primary",
     borderRadius: "8px",