ordering-ui-admin-external 1.30.6 → 1.31.0

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

@@ -18,7 +18,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 AppResources = function AppResources(props) {
-  var _advancedValues$andro, _advancedValues$andro2, _advancedValues$andro3, _advancedValues$andro4, _advancedValues$andro5, _advancedValues$andro6, _advancedValues$andro7, _advancedValues$andro8, _advancedValues$andro9, _advancedValues$andro10, _advancedValues$andro11, _advancedValues$andro12, _advancedValues$andro13, _advancedValues$andro14, _advancedValues$andro15, _advancedValues$andro16, _advancedValues$andro17, _advancedValues$andro18, _advancedValues$andro19, _advancedValues$andro20, _advancedValues$andro21, _advancedValues$andro22, _advancedValues$andro23, _advancedValues$andro24, _advancedValues$andro25, _advancedValues$andro26, _advancedValues$andro27, _advancedValues$andro28, _advancedValues$andro29, _advancedValues$andro30, _advancedValues$andro31, _advancedValues$andro32, _advancedValues$andro33, _advancedValues$andro34, _advancedValues$andro35, _advancedValues$andro36, _advancedValues$andro37, _advancedValues$andro38, _advancedValues$andro39, _advancedValues$andro40, _advancedValues$ios, _advancedValues$ios$c, _advancedValues$ios$c2, _advancedValues$ios$c3, _advancedValues$ios$c4, _advancedValues$ios2, _advancedValues$ios2$, _advancedValues$ios2$2, _advancedValues$ios2$3, _advancedValues$ios2$4, _advancedValues$ios3, _advancedValues$ios3$, _advancedValues$ios3$2, _advancedValues$ios3$3, _advancedValues$ios3$4, _advancedValues$ios4, _advancedValues$ios4$, _advancedValues$ios4$2, _advancedValues$ios4$3, _advancedValues$ios4$4, _advancedValues$ios5, _advancedValues$ios5$, _advancedValues$ios5$2, _advancedValues$ios5$3, _advancedValues$ios5$4, _advancedValues$ios6, _advancedValues$ios6$, _advancedValues$ios6$2;
+  var _advancedValues$andro, _advancedValues$andro2, _advancedValues$andro3, _advancedValues$andro4, _advancedValues$andro5, _advancedValues$andro6, _advancedValues$andro7, _advancedValues$andro8, _advancedValues$ios, _advancedValues$ios2, _advancedValues$ios3, _advancedValues$ios4, _advancedValues$ios5, _advancedValues$ios6;
   var handleUpdateSiteTheme = props.handleUpdateSiteTheme,
     advancedValues = props.advancedValues,
     setAdvancedValues = props.setAdvancedValues;
@@ -40,85 +40,85 @@ var AppResources = function AppResources(props) {
   return /*#__PURE__*/_react.default.createElement(_styles2.Container, null, /*#__PURE__*/_react.default.createElement(_styles.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('ANDROID_SPLASH', 'Android splash')), /*#__PURE__*/_react.default.createElement("h2", null, t('PORTRAIT', 'Portrait')), /*#__PURE__*/_react.default.createElement(_styles2.ImageGroup, null, /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
     title: "ldpi",
     ratio: "200 x 320 px",
-    photo: advancedValues === null || advancedValues === void 0 ? void 0 : (_advancedValues$andro = advancedValues.android) === null || _advancedValues$andro === void 0 ? void 0 : (_advancedValues$andro2 = _advancedValues$andro.components) === null || _advancedValues$andro2 === void 0 ? void 0 : (_advancedValues$andro3 = _advancedValues$andro2.portrait) === null || _advancedValues$andro3 === void 0 ? void 0 : (_advancedValues$andro4 = _advancedValues$andro3.dimensions) === null || _advancedValues$andro4 === void 0 ? void 0 : (_advancedValues$andro5 = _advancedValues$andro4.idpi) === null || _advancedValues$andro5 === void 0 ? void 0 : _advancedValues$andro5.image,
+    photo: advancedValues === null || advancedValues === void 0 || (_advancedValues$andro = advancedValues.android) === null || _advancedValues$andro === void 0 || (_advancedValues$andro = _advancedValues$andro.components) === null || _advancedValues$andro === void 0 || (_advancedValues$andro = _advancedValues$andro.portrait) === null || _advancedValues$andro === void 0 || (_advancedValues$andro = _advancedValues$andro.dimensions) === null || _advancedValues$andro === void 0 || (_advancedValues$andro = _advancedValues$andro.idpi) === null || _advancedValues$andro === void 0 ? void 0 : _advancedValues$andro.image,
     path: "android.components.portrait.dimensions.idpi.image",
     handleChangePhoto: handleUpdateThemeValue
   }), /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
     title: "xhdpi",
     ratio: "720 x 1280 px",
-    photo: advancedValues === null || advancedValues === void 0 ? void 0 : (_advancedValues$andro6 = advancedValues.android) === null || _advancedValues$andro6 === void 0 ? void 0 : (_advancedValues$andro7 = _advancedValues$andro6.components) === null || _advancedValues$andro7 === void 0 ? void 0 : (_advancedValues$andro8 = _advancedValues$andro7.portrait) === null || _advancedValues$andro8 === void 0 ? void 0 : (_advancedValues$andro9 = _advancedValues$andro8.dimensions) === null || _advancedValues$andro9 === void 0 ? void 0 : (_advancedValues$andro10 = _advancedValues$andro9.xhdpi) === null || _advancedValues$andro10 === void 0 ? void 0 : _advancedValues$andro10.image,
+    photo: advancedValues === null || advancedValues === void 0 || (_advancedValues$andro2 = advancedValues.android) === null || _advancedValues$andro2 === void 0 || (_advancedValues$andro2 = _advancedValues$andro2.components) === null || _advancedValues$andro2 === void 0 || (_advancedValues$andro2 = _advancedValues$andro2.portrait) === null || _advancedValues$andro2 === void 0 || (_advancedValues$andro2 = _advancedValues$andro2.dimensions) === null || _advancedValues$andro2 === void 0 || (_advancedValues$andro2 = _advancedValues$andro2.xhdpi) === null || _advancedValues$andro2 === void 0 ? void 0 : _advancedValues$andro2.image,
     path: "android.components.portrait.dimensions.xhdpi.image",
     handleChangePhoto: handleUpdateThemeValue
   }), /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
     title: "xxhdpi/hdpi",
     ratio: "960 x 1600 px",
-    photo: advancedValues === null || advancedValues === void 0 ? void 0 : (_advancedValues$andro11 = advancedValues.android) === null || _advancedValues$andro11 === void 0 ? void 0 : (_advancedValues$andro12 = _advancedValues$andro11.components) === null || _advancedValues$andro12 === void 0 ? void 0 : (_advancedValues$andro13 = _advancedValues$andro12.portrait) === null || _advancedValues$andro13 === void 0 ? void 0 : (_advancedValues$andro14 = _advancedValues$andro13.dimensions) === null || _advancedValues$andro14 === void 0 ? void 0 : (_advancedValues$andro15 = _advancedValues$andro14.xxhdpi) === null || _advancedValues$andro15 === void 0 ? void 0 : _advancedValues$andro15.image,
+    photo: advancedValues === null || advancedValues === void 0 || (_advancedValues$andro3 = advancedValues.android) === null || _advancedValues$andro3 === void 0 || (_advancedValues$andro3 = _advancedValues$andro3.components) === null || _advancedValues$andro3 === void 0 || (_advancedValues$andro3 = _advancedValues$andro3.portrait) === null || _advancedValues$andro3 === void 0 || (_advancedValues$andro3 = _advancedValues$andro3.dimensions) === null || _advancedValues$andro3 === void 0 || (_advancedValues$andro3 = _advancedValues$andro3.xxhdpi) === null || _advancedValues$andro3 === void 0 ? void 0 : _advancedValues$andro3.image,
     path: "android.components.portrait.dimensions.xxhdpi.image",
     handleChangePhoto: handleUpdateThemeValue
   }), /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
     title: "xxxhdpi/mdpi",
     ratio: "1280 x 1920 px",
-    photo: advancedValues === null || advancedValues === void 0 ? void 0 : (_advancedValues$andro16 = advancedValues.android) === null || _advancedValues$andro16 === void 0 ? void 0 : (_advancedValues$andro17 = _advancedValues$andro16.components) === null || _advancedValues$andro17 === void 0 ? void 0 : (_advancedValues$andro18 = _advancedValues$andro17.portrait) === null || _advancedValues$andro18 === void 0 ? void 0 : (_advancedValues$andro19 = _advancedValues$andro18.dimensions) === null || _advancedValues$andro19 === void 0 ? void 0 : (_advancedValues$andro20 = _advancedValues$andro19.xxxhdpi) === null || _advancedValues$andro20 === void 0 ? void 0 : _advancedValues$andro20.image,
+    photo: advancedValues === null || advancedValues === void 0 || (_advancedValues$andro4 = advancedValues.android) === null || _advancedValues$andro4 === void 0 || (_advancedValues$andro4 = _advancedValues$andro4.components) === null || _advancedValues$andro4 === void 0 || (_advancedValues$andro4 = _advancedValues$andro4.portrait) === null || _advancedValues$andro4 === void 0 || (_advancedValues$andro4 = _advancedValues$andro4.dimensions) === null || _advancedValues$andro4 === void 0 || (_advancedValues$andro4 = _advancedValues$andro4.xxxhdpi) === null || _advancedValues$andro4 === void 0 ? void 0 : _advancedValues$andro4.image,
     path: "android.components.portrait.dimensions.xxxhdpi.image",
     handleChangePhoto: handleUpdateThemeValue
   })), /*#__PURE__*/_react.default.createElement("h2", null, t('LANDSCAPE', 'Landscape')), /*#__PURE__*/_react.default.createElement(_styles2.ImageGroup, null, /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
     title: "ldpi",
     ratio: "200 x 320 px",
-    photo: advancedValues === null || advancedValues === void 0 ? void 0 : (_advancedValues$andro21 = advancedValues.android) === null || _advancedValues$andro21 === void 0 ? void 0 : (_advancedValues$andro22 = _advancedValues$andro21.components) === null || _advancedValues$andro22 === void 0 ? void 0 : (_advancedValues$andro23 = _advancedValues$andro22.landscape) === null || _advancedValues$andro23 === void 0 ? void 0 : (_advancedValues$andro24 = _advancedValues$andro23.dimensions) === null || _advancedValues$andro24 === void 0 ? void 0 : (_advancedValues$andro25 = _advancedValues$andro24.idpi) === null || _advancedValues$andro25 === void 0 ? void 0 : _advancedValues$andro25.image,
+    photo: advancedValues === null || advancedValues === void 0 || (_advancedValues$andro5 = advancedValues.android) === null || _advancedValues$andro5 === void 0 || (_advancedValues$andro5 = _advancedValues$andro5.components) === null || _advancedValues$andro5 === void 0 || (_advancedValues$andro5 = _advancedValues$andro5.landscape) === null || _advancedValues$andro5 === void 0 || (_advancedValues$andro5 = _advancedValues$andro5.dimensions) === null || _advancedValues$andro5 === void 0 || (_advancedValues$andro5 = _advancedValues$andro5.idpi) === null || _advancedValues$andro5 === void 0 ? void 0 : _advancedValues$andro5.image,
     path: "android.components.landscape.dimensions.idpi.image",
     handleChangePhoto: handleUpdateThemeValue
   }), /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
     title: "xhdpi",
     ratio: "720 x 1280 px",
-    photo: advancedValues === null || advancedValues === void 0 ? void 0 : (_advancedValues$andro26 = advancedValues.android) === null || _advancedValues$andro26 === void 0 ? void 0 : (_advancedValues$andro27 = _advancedValues$andro26.components) === null || _advancedValues$andro27 === void 0 ? void 0 : (_advancedValues$andro28 = _advancedValues$andro27.landscape) === null || _advancedValues$andro28 === void 0 ? void 0 : (_advancedValues$andro29 = _advancedValues$andro28.dimensions) === null || _advancedValues$andro29 === void 0 ? void 0 : (_advancedValues$andro30 = _advancedValues$andro29.xhdpi) === null || _advancedValues$andro30 === void 0 ? void 0 : _advancedValues$andro30.image,
+    photo: advancedValues === null || advancedValues === void 0 || (_advancedValues$andro6 = advancedValues.android) === null || _advancedValues$andro6 === void 0 || (_advancedValues$andro6 = _advancedValues$andro6.components) === null || _advancedValues$andro6 === void 0 || (_advancedValues$andro6 = _advancedValues$andro6.landscape) === null || _advancedValues$andro6 === void 0 || (_advancedValues$andro6 = _advancedValues$andro6.dimensions) === null || _advancedValues$andro6 === void 0 || (_advancedValues$andro6 = _advancedValues$andro6.xhdpi) === null || _advancedValues$andro6 === void 0 ? void 0 : _advancedValues$andro6.image,
     path: "android.components.landscape.dimensions.xhdpi.image",
     handleChangePhoto: handleUpdateThemeValue
   }), /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
     title: "xxhdpi/hdpi",
     ratio: "960 x 1600 px",
-    photo: advancedValues === null || advancedValues === void 0 ? void 0 : (_advancedValues$andro31 = advancedValues.android) === null || _advancedValues$andro31 === void 0 ? void 0 : (_advancedValues$andro32 = _advancedValues$andro31.components) === null || _advancedValues$andro32 === void 0 ? void 0 : (_advancedValues$andro33 = _advancedValues$andro32.landscape) === null || _advancedValues$andro33 === void 0 ? void 0 : (_advancedValues$andro34 = _advancedValues$andro33.dimensions) === null || _advancedValues$andro34 === void 0 ? void 0 : (_advancedValues$andro35 = _advancedValues$andro34.xxhdpi) === null || _advancedValues$andro35 === void 0 ? void 0 : _advancedValues$andro35.image,
+    photo: advancedValues === null || advancedValues === void 0 || (_advancedValues$andro7 = advancedValues.android) === null || _advancedValues$andro7 === void 0 || (_advancedValues$andro7 = _advancedValues$andro7.components) === null || _advancedValues$andro7 === void 0 || (_advancedValues$andro7 = _advancedValues$andro7.landscape) === null || _advancedValues$andro7 === void 0 || (_advancedValues$andro7 = _advancedValues$andro7.dimensions) === null || _advancedValues$andro7 === void 0 || (_advancedValues$andro7 = _advancedValues$andro7.xxhdpi) === null || _advancedValues$andro7 === void 0 ? void 0 : _advancedValues$andro7.image,
     path: "android.components.landscape.dimensions.xxhdpi.image",
     handleChangePhoto: handleUpdateThemeValue
   }), /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
     title: "xxxhdpi/mdpi",
     ratio: "1280 x 1920 px",
-    photo: advancedValues === null || advancedValues === void 0 ? void 0 : (_advancedValues$andro36 = advancedValues.android) === null || _advancedValues$andro36 === void 0 ? void 0 : (_advancedValues$andro37 = _advancedValues$andro36.components) === null || _advancedValues$andro37 === void 0 ? void 0 : (_advancedValues$andro38 = _advancedValues$andro37.landscape) === null || _advancedValues$andro38 === void 0 ? void 0 : (_advancedValues$andro39 = _advancedValues$andro38.dimensions) === null || _advancedValues$andro39 === void 0 ? void 0 : (_advancedValues$andro40 = _advancedValues$andro39.xxxhdpi) === null || _advancedValues$andro40 === void 0 ? void 0 : _advancedValues$andro40.image,
+    photo: advancedValues === null || advancedValues === void 0 || (_advancedValues$andro8 = advancedValues.android) === null || _advancedValues$andro8 === void 0 || (_advancedValues$andro8 = _advancedValues$andro8.components) === null || _advancedValues$andro8 === void 0 || (_advancedValues$andro8 = _advancedValues$andro8.landscape) === null || _advancedValues$andro8 === void 0 || (_advancedValues$andro8 = _advancedValues$andro8.dimensions) === null || _advancedValues$andro8 === void 0 || (_advancedValues$andro8 = _advancedValues$andro8.xxxhdpi) === null || _advancedValues$andro8 === void 0 ? void 0 : _advancedValues$andro8.image,
     path: "android.components.landscape.dimensions.xxxhdpi.image",
     handleChangePhoto: handleUpdateThemeValue
   }))), /*#__PURE__*/_react.default.createElement(_styles.BoxLayout, null, /*#__PURE__*/_react.default.createElement("h2", null, t('iOS_SPLASH', 'iOS splash')), /*#__PURE__*/_react.default.createElement("h2", null, t('PORTRAIT', 'Portrait')), /*#__PURE__*/_react.default.createElement(_styles2.ImageGroup, null, /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
     title: "Ipad",
     ratio: "1536 x 2048 px",
-    photo: advancedValues === null || advancedValues === void 0 ? void 0 : (_advancedValues$ios = advancedValues.ios) === null || _advancedValues$ios === void 0 ? void 0 : (_advancedValues$ios$c = _advancedValues$ios.components) === null || _advancedValues$ios$c === void 0 ? void 0 : (_advancedValues$ios$c2 = _advancedValues$ios$c.portrait) === null || _advancedValues$ios$c2 === void 0 ? void 0 : (_advancedValues$ios$c3 = _advancedValues$ios$c2.dimensions) === null || _advancedValues$ios$c3 === void 0 ? void 0 : (_advancedValues$ios$c4 = _advancedValues$ios$c3.ipad) === null || _advancedValues$ios$c4 === void 0 ? void 0 : _advancedValues$ios$c4.image,
+    photo: advancedValues === null || advancedValues === void 0 || (_advancedValues$ios = advancedValues.ios) === null || _advancedValues$ios === void 0 || (_advancedValues$ios = _advancedValues$ios.components) === null || _advancedValues$ios === void 0 || (_advancedValues$ios = _advancedValues$ios.portrait) === null || _advancedValues$ios === void 0 || (_advancedValues$ios = _advancedValues$ios.dimensions) === null || _advancedValues$ios === void 0 || (_advancedValues$ios = _advancedValues$ios.ipad) === null || _advancedValues$ios === void 0 ? void 0 : _advancedValues$ios.image,
     path: "ios.components.portrait.dimensions.ipad.image",
     handleChangePhoto: handleUpdateThemeValue
   }), /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
     title: "Iphone 3/4",
     ratio: "640 x 960 px",
-    photo: advancedValues === null || advancedValues === void 0 ? void 0 : (_advancedValues$ios2 = advancedValues.ios) === null || _advancedValues$ios2 === void 0 ? void 0 : (_advancedValues$ios2$ = _advancedValues$ios2.components) === null || _advancedValues$ios2$ === void 0 ? void 0 : (_advancedValues$ios2$2 = _advancedValues$ios2$.portrait) === null || _advancedValues$ios2$2 === void 0 ? void 0 : (_advancedValues$ios2$3 = _advancedValues$ios2$2.dimensions) === null || _advancedValues$ios2$3 === void 0 ? void 0 : (_advancedValues$ios2$4 = _advancedValues$ios2$3.iphone) === null || _advancedValues$ios2$4 === void 0 ? void 0 : _advancedValues$ios2$4.image,
+    photo: advancedValues === null || advancedValues === void 0 || (_advancedValues$ios2 = advancedValues.ios) === null || _advancedValues$ios2 === void 0 || (_advancedValues$ios2 = _advancedValues$ios2.components) === null || _advancedValues$ios2 === void 0 || (_advancedValues$ios2 = _advancedValues$ios2.portrait) === null || _advancedValues$ios2 === void 0 || (_advancedValues$ios2 = _advancedValues$ios2.dimensions) === null || _advancedValues$ios2 === void 0 || (_advancedValues$ios2 = _advancedValues$ios2.iphone) === null || _advancedValues$ios2 === void 0 ? void 0 : _advancedValues$ios2.image,
     path: "ios.components.portrait.dimensions.iphone.image",
     handleChangePhoto: handleUpdateThemeValue
   }), /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
     title: "Iphone 5/6 plus",
     ratio: "640 x 960 px",
-    photo: advancedValues === null || advancedValues === void 0 ? void 0 : (_advancedValues$ios3 = advancedValues.ios) === null || _advancedValues$ios3 === void 0 ? void 0 : (_advancedValues$ios3$ = _advancedValues$ios3.components) === null || _advancedValues$ios3$ === void 0 ? void 0 : (_advancedValues$ios3$2 = _advancedValues$ios3$.portrait) === null || _advancedValues$ios3$2 === void 0 ? void 0 : (_advancedValues$ios3$3 = _advancedValues$ios3$2.dimensions) === null || _advancedValues$ios3$3 === void 0 ? void 0 : (_advancedValues$ios3$4 = _advancedValues$ios3$3.iphone_plus) === null || _advancedValues$ios3$4 === void 0 ? void 0 : _advancedValues$ios3$4.image,
+    photo: advancedValues === null || advancedValues === void 0 || (_advancedValues$ios3 = advancedValues.ios) === null || _advancedValues$ios3 === void 0 || (_advancedValues$ios3 = _advancedValues$ios3.components) === null || _advancedValues$ios3 === void 0 || (_advancedValues$ios3 = _advancedValues$ios3.portrait) === null || _advancedValues$ios3 === void 0 || (_advancedValues$ios3 = _advancedValues$ios3.dimensions) === null || _advancedValues$ios3 === void 0 || (_advancedValues$ios3 = _advancedValues$ios3.iphone_plus) === null || _advancedValues$ios3 === void 0 ? void 0 : _advancedValues$ios3.image,
     path: "ios.components.portrait.dimensions.iphone_plus.image",
     handleChangePhoto: handleUpdateThemeValue
   })), /*#__PURE__*/_react.default.createElement("h2", null, t('LANDSCAPE', 'Landscape')), /*#__PURE__*/_react.default.createElement(_styles2.ImageGroup, null, /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
     title: "Ipad",
     ratio: "2048 x 1536 px",
-    photo: advancedValues === null || advancedValues === void 0 ? void 0 : (_advancedValues$ios4 = advancedValues.ios) === null || _advancedValues$ios4 === void 0 ? void 0 : (_advancedValues$ios4$ = _advancedValues$ios4.components) === null || _advancedValues$ios4$ === void 0 ? void 0 : (_advancedValues$ios4$2 = _advancedValues$ios4$.landscape) === null || _advancedValues$ios4$2 === void 0 ? void 0 : (_advancedValues$ios4$3 = _advancedValues$ios4$2.dimensions) === null || _advancedValues$ios4$3 === void 0 ? void 0 : (_advancedValues$ios4$4 = _advancedValues$ios4$3.ipad) === null || _advancedValues$ios4$4 === void 0 ? void 0 : _advancedValues$ios4$4.image,
+    photo: advancedValues === null || advancedValues === void 0 || (_advancedValues$ios4 = advancedValues.ios) === null || _advancedValues$ios4 === void 0 || (_advancedValues$ios4 = _advancedValues$ios4.components) === null || _advancedValues$ios4 === void 0 || (_advancedValues$ios4 = _advancedValues$ios4.landscape) === null || _advancedValues$ios4 === void 0 || (_advancedValues$ios4 = _advancedValues$ios4.dimensions) === null || _advancedValues$ios4 === void 0 || (_advancedValues$ios4 = _advancedValues$ios4.ipad) === null || _advancedValues$ios4 === void 0 ? void 0 : _advancedValues$ios4.image,
     path: "ios.components.landscape.dimensions.ipad.image",
     handleChangePhoto: handleUpdateThemeValue
   }), /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
     title: "Iphone",
     ratio: "2208 x 1242 px",
-    photo: advancedValues === null || advancedValues === void 0 ? void 0 : (_advancedValues$ios5 = advancedValues.ios) === null || _advancedValues$ios5 === void 0 ? void 0 : (_advancedValues$ios5$ = _advancedValues$ios5.components) === null || _advancedValues$ios5$ === void 0 ? void 0 : (_advancedValues$ios5$2 = _advancedValues$ios5$.landscape) === null || _advancedValues$ios5$2 === void 0 ? void 0 : (_advancedValues$ios5$3 = _advancedValues$ios5$2.dimensions) === null || _advancedValues$ios5$3 === void 0 ? void 0 : (_advancedValues$ios5$4 = _advancedValues$ios5$3.iphone) === null || _advancedValues$ios5$4 === void 0 ? void 0 : _advancedValues$ios5$4.image,
+    photo: advancedValues === null || advancedValues === void 0 || (_advancedValues$ios5 = advancedValues.ios) === null || _advancedValues$ios5 === void 0 || (_advancedValues$ios5 = _advancedValues$ios5.components) === null || _advancedValues$ios5 === void 0 || (_advancedValues$ios5 = _advancedValues$ios5.landscape) === null || _advancedValues$ios5 === void 0 || (_advancedValues$ios5 = _advancedValues$ios5.dimensions) === null || _advancedValues$ios5 === void 0 || (_advancedValues$ios5 = _advancedValues$ios5.iphone) === null || _advancedValues$ios5 === void 0 ? void 0 : _advancedValues$ios5.image,
     path: "ios.components.landscape.dimensions.iphone.image",
     handleChangePhoto: handleUpdateThemeValue
   })), /*#__PURE__*/_react.default.createElement("h2", null, t('ANY', 'Any')), /*#__PURE__*/_react.default.createElement(_styles2.ImageGroup, null, /*#__PURE__*/_react.default.createElement(_ImageBox.ImageBox, {
     title: t('ANY', 'Any'),
     ratio: "2732 x 2732 px",
-    photo: advancedValues === null || advancedValues === void 0 ? void 0 : (_advancedValues$ios6 = advancedValues.ios) === null || _advancedValues$ios6 === void 0 ? void 0 : (_advancedValues$ios6$ = _advancedValues$ios6.components) === null || _advancedValues$ios6$ === void 0 ? void 0 : (_advancedValues$ios6$2 = _advancedValues$ios6$.any) === null || _advancedValues$ios6$2 === void 0 ? void 0 : _advancedValues$ios6$2.image,
+    photo: advancedValues === null || advancedValues === void 0 || (_advancedValues$ios6 = advancedValues.ios) === null || _advancedValues$ios6 === void 0 || (_advancedValues$ios6 = _advancedValues$ios6.components) === null || _advancedValues$ios6 === void 0 || (_advancedValues$ios6 = _advancedValues$ios6.any) === null || _advancedValues$ios6 === void 0 ? void 0 : _advancedValues$ios6.image,
     path: "ios.components.any.image",
     handleChangePhoto: handleUpdateThemeValue
   }))), /*#__PURE__*/_react.default.createElement(_styles2.ButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_styles3.Button, {

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

@@ -92,7 +92,7 @@ var CustomDomainUI = function CustomDomainUI(props) {
     color: "primary"
   }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.InfoCircle, null)), /*#__PURE__*/_react.default.createElement(_styles2.CustomDomainInfoContent, null, /*#__PURE__*/_react.default.createElement("span", null, t('CUSTOM_DOMAIN_NOTIFY', 'Please make sure that your DNS CNAME is pointing {project-name}.tryordering.com'))))), /*#__PURE__*/_react.default.createElement(_styles.Input, {
     placeholder: "www.yourdomain.com",
-    value: (formState === null || formState === void 0 ? void 0 : (_formState$changes5 = formState.changes) === null || _formState$changes5 === void 0 ? void 0 : _formState$changes5.domain) || '',
+    value: (formState === null || formState === void 0 || (_formState$changes5 = formState.changes) === null || _formState$changes5 === void 0 ? void 0 : _formState$changes5.domain) || '',
     onChange: function onChange(e) {
       return handleChangeFormState({
         domain: e.target.value
@@ -101,7 +101,7 @@ var CustomDomainUI = function CustomDomainUI(props) {
   })), /*#__PURE__*/_react.default.createElement(_styles2.FormControl, null, /*#__PURE__*/_react.default.createElement("label", null, t('SLL_SETUP_TYPE', 'SSL setup type')), /*#__PURE__*/_react.default.createElement(_styles2.SelectWrapper, null, /*#__PURE__*/_react.default.createElement(_FirstSelect.Select, {
     options: sslTypeList,
     className: "select",
-    defaultValue: formState === null || formState === void 0 ? void 0 : (_formState$changes6 = formState.changes) === null || _formState$changes6 === void 0 ? void 0 : _formState$changes6.ssl_setup_type,
+    defaultValue: formState === null || formState === void 0 || (_formState$changes6 = formState.changes) === null || _formState$changes6 === void 0 ? void 0 : _formState$changes6.ssl_setup_type,
     placeholder: t('SELECT_OPTION', 'Select an option'),
     onChange: function onChange(value) {
       return handleChangeFormState({

package/_modules/components/MyProducts/OrderingWebsite/SelectBusiness.js

@@ -37,11 +37,11 @@ var SelectBusiness = function SelectBusiness(props) {
     if (businessesList !== null && businessesList !== void 0 && businessesList.loading || !(businessesList !== null && businessesList !== void 0 && businessesList.businesses)) return;
     var _businessOptions = [];
     businessesList.businesses.map(function (business) {
-      var _theme$images, _theme$images$dummies;
+      var _theme$images;
       _businessOptions.push({
         value: business === null || business === void 0 ? void 0 : business.slug,
         content: /*#__PURE__*/_react.default.createElement(_styles2.Option, null, /*#__PURE__*/_react.default.createElement("img", {
-          src: optimizeImage((business === null || business === void 0 ? void 0 : business.logo) || ((_theme$images = theme.images) === null || _theme$images === void 0 ? void 0 : (_theme$images$dummies = _theme$images.dummies) === null || _theme$images$dummies === void 0 ? void 0 : _theme$images$dummies.businessLogo), 'h_50,c_limit'),
+          src: optimizeImage((business === null || business === void 0 ? void 0 : business.logo) || ((_theme$images = theme.images) === null || _theme$images === void 0 || (_theme$images = _theme$images.dummies) === null || _theme$images === void 0 ? void 0 : _theme$images.businessLogo), 'h_50,c_limit'),
           alt: ""
         }), /*#__PURE__*/_react.default.createElement("span", null, business === null || business === void 0 ? void 0 : business.name))
       });

package/_modules/components/MyProducts/OrderingWebsite/SelectFranchise.js

@@ -37,11 +37,11 @@ var SelectFranchise = function SelectFranchise(props) {
     if (franchisesList !== null && franchisesList !== void 0 && franchisesList.loading || !(franchisesList !== null && franchisesList !== void 0 && franchisesList.franchises)) return;
     var _options = [];
     franchisesList.franchises.map(function (franchise) {
-      var _theme$images, _theme$images$dummies;
+      var _theme$images;
       _options.push({
         value: franchise === null || franchise === void 0 ? void 0 : franchise.id,
         content: /*#__PURE__*/_react.default.createElement(_styles2.Option, null, /*#__PURE__*/_react.default.createElement("img", {
-          src: optimizeImage((franchise === null || franchise === void 0 ? void 0 : franchise.logo) || ((_theme$images = theme.images) === null || _theme$images === void 0 ? void 0 : (_theme$images$dummies = _theme$images.dummies) === null || _theme$images$dummies === void 0 ? void 0 : _theme$images$dummies.businessLogo), 'h_50,c_limit'),
+          src: optimizeImage((franchise === null || franchise === void 0 ? void 0 : franchise.logo) || ((_theme$images = theme.images) === null || _theme$images === void 0 || (_theme$images = _theme$images.dummies) === null || _theme$images === void 0 ? void 0 : _theme$images.businessLogo), 'h_50,c_limit'),
           alt: ""
         }), /*#__PURE__*/_react.default.createElement("span", null, franchise === null || franchise === void 0 ? void 0 : franchise.name))
       });

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

@@ -37,7 +37,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 OrderingWebsiteUI = function OrderingWebsiteUI(props) {
-  var _themeValues$website_, _themeValues$website_2, _themeValues$website_3, _themeValues$website_4, _themeValues$website_5, _themeValues$website_6, _themeValues$website_7, _themeValues$website_8, _themeValues$website_9, _themeValues$website_10, _themeValues$website_11, _themeValues$website_12, _themeValues$website_13, _themeValues$website_14, _themeValues$website_15, _themeValues$website_16, _themeValues$website_17, _themeValues$website_18, _themeValues$website_19, _themeValues$website_20, _themeValues$website_21, _themeValues$website_22, _themeValues$website_23, _themeValues$website_24, _themeValues$images, _themeValues$images$c, _themeValues$images$c2, _themeValues$images$c3, _themeValues$images2, _themeValues$images2$, _themeValues$images2$2, _themeValues$images2$3, _themeValues$images3, _themeValues$images3$, _themeValues$images3$2, _themeValues$images3$3, _themeValues$images4, _themeValues$images4$, _themeValues$images4$2, _themeValues$images4$3, _themeValues$images5, _themeValues$images5$, _themeValues$images5$2, _themeValues$images5$3, _themeValues$images6, _themeValues$images6$, _themeValues$images6$2, _themeValues$images6$3, _themeValues$images7, _themeValues$images7$, _themeValues$images7$2, _themeValues$images7$3, _themeValues$images8, _themeValues$images8$, _themeValues$images8$2, _themeValues$images8$3, _themeValues$images9, _themeValues$images9$, _themeValues$images9$2, _themeValues$images9$3, _themeValues$images12, _themeValues$images13, _themeValues$theme_se, _themeValues$theme_se2, _themeValues$theme_se3, _orderingTheme$themes3, _orderingTheme$themes4, _themeValues$theme_se4, _themeValues$theme_se5, _themeValues$theme_se6, _themeValues$theme_se7, _themeValues$theme_se8, _themeValues$theme_se9;
+  var _themeValues$website_, _themeValues$website_2, _themeValues$website_3, _themeValues$website_4, _themeValues$website_5, _themeValues$website_6, _themeValues$website_7, _themeValues$website_8, _themeValues$website_9, _themeValues$images, _themeValues$images2, _themeValues$images3, _themeValues$images4, _themeValues$images5, _themeValues$images6, _themeValues$images7, _themeValues$images8, _themeValues$images9, _themeValues$images11, _themeValues$theme_se, _themeValues$theme_se2, _themeValues$theme_se3, _orderingTheme$themes3, _themeValues$theme_se4, _themeValues$theme_se5;
   var themeValues = props.themeValues,
     orderingTheme = props.orderingTheme,
     setThemeValues = props.setThemeValues,
@@ -48,7 +48,8 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
     site = props.site,
     setSite = props.setSite,
     businessesList = props.businessesList,
-    franchisesList = props.franchisesList;
+    franchisesList = props.franchisesList,
+    handleChangeInput = props.handleChangeInput;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -192,6 +193,7 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
   };
   var handleChangeSiteSettings = function handleChangeSiteSettings(e) {
     handleChangeValue(e.target.value, 'website_settings', "values.".concat(e.target.name));
+    handleChangeInput(e);
   };
   var handleChangeContent = function handleChangeContent(type, content) {
     handleChangeValue(content, 'theme_settings', "values.".concat(type));
@@ -221,7 +223,7 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
     borderRadius: "8px",
     onClick: function onClick() {
       var _configs$site_url;
-      return window.open(site !== null && site !== void 0 && site.domain && (site === null || site === void 0 ? void 0 : site.ssl_process_status) === 'ended' ? "https://".concat(site === null || site === void 0 ? void 0 : site.domain) : (configs === null || configs === void 0 ? void 0 : (_configs$site_url = configs.site_url) === null || _configs$site_url === void 0 ? void 0 : _configs$site_url.value) || "https://".concat(ordering === null || ordering === void 0 ? void 0 : ordering.project, ".tryordering.com"), '_blank');
+      return window.open(site !== null && site !== void 0 && site.domain && (site === null || site === void 0 ? void 0 : site.ssl_process_status) === 'ended' ? "https://".concat(site === null || site === void 0 ? void 0 : site.domain) : (configs === null || configs === void 0 || (_configs$site_url = configs.site_url) === null || _configs$site_url === void 0 ? void 0 : _configs$site_url.value) || "https://".concat(ordering === null || ordering === void 0 ? void 0 : ordering.project, ".tryordering.com"), '_blank');
     }
   }, t('VISIT_MY_WEBSITE', 'Visit My Website')))), /*#__PURE__*/_react.default.createElement("img", {
     src: theme.images.myProducts.orderingWebsite,
@@ -251,7 +253,7 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
   }) : /*#__PURE__*/_react.default.createElement(_styles.Input, {
     name: "name",
     placeholder: t('SOURCE_DEMO_WEBSITE', 'Source demo website'),
-    value: (themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$website_ = themeValues.website_settings) === null || _themeValues$website_ === void 0 ? void 0 : (_themeValues$website_2 = _themeValues$website_.components) === null || _themeValues$website_2 === void 0 ? void 0 : (_themeValues$website_3 = _themeValues$website_2.values) === null || _themeValues$website_3 === void 0 ? void 0 : _themeValues$website_3.name) || '',
+    value: (site === null || site === void 0 ? void 0 : site.name) || '',
     onChange: handleChangeSiteSettings
   })), /*#__PURE__*/_react.default.createElement(_styles2.FormGroup, null, /*#__PURE__*/_react.default.createElement("label", null, orderingTheme !== null && orderingTheme !== void 0 && orderingTheme.loading ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
     height: 20,
@@ -264,7 +266,7 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
   }) : /*#__PURE__*/_react.default.createElement(_styles.TextArea, {
     name: "description",
     placeholder: t('DESCRIPTION', 'Decription'),
-    value: (themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$website_4 = themeValues.website_settings) === null || _themeValues$website_4 === void 0 ? void 0 : (_themeValues$website_5 = _themeValues$website_4.components) === null || _themeValues$website_5 === void 0 ? void 0 : (_themeValues$website_6 = _themeValues$website_5.values) === null || _themeValues$website_6 === void 0 ? void 0 : _themeValues$website_6.description) || '',
+    value: (site === null || site === void 0 ? void 0 : site.description) || '',
     onChange: handleChangeSiteSettings
   })), /*#__PURE__*/_react.default.createElement(_styles2.FormGroup, null, /*#__PURE__*/_react.default.createElement("label", null, orderingTheme !== null && orderingTheme !== void 0 && orderingTheme.loading ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
     height: 20,
@@ -343,16 +345,16 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
     onClick: function onClick() {
       return handleChangeValue('marketplace', 'website_theme', 'type');
     }
-  }, (themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$website_7 = themeValues.website_theme) === null || _themeValues$website_7 === void 0 ? void 0 : (_themeValues$website_8 = _themeValues$website_7.components) === null || _themeValues$website_8 === void 0 ? void 0 : _themeValues$website_8.type) === 'marketplace' ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, {
+  }, (themeValues === null || themeValues === void 0 || (_themeValues$website_ = themeValues.website_theme) === null || _themeValues$website_ === void 0 || (_themeValues$website_ = _themeValues$website_.components) === null || _themeValues$website_ === void 0 ? void 0 : _themeValues$website_.type) === 'marketplace' ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, {
     className: "active"
   }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null), /*#__PURE__*/_react.default.createElement("span", null, t('MARKETPLACE', 'Marketplace'))), /*#__PURE__*/_react.default.createElement(_styles2.RadioItem, {
     onClick: function onClick() {
       return handleChangeValue('franchise', 'website_theme', 'type');
     }
-  }, (themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$website_9 = themeValues.website_theme) === null || _themeValues$website_9 === void 0 ? void 0 : (_themeValues$website_10 = _themeValues$website_9.components) === null || _themeValues$website_10 === void 0 ? void 0 : _themeValues$website_10.type) === 'franchise' ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, {
+  }, (themeValues === null || themeValues === void 0 || (_themeValues$website_2 = themeValues.website_theme) === null || _themeValues$website_2 === void 0 || (_themeValues$website_2 = _themeValues$website_2.components) === null || _themeValues$website_2 === void 0 ? void 0 : _themeValues$website_2.type) === 'franchise' ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, {
     className: "active"
-  }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null), /*#__PURE__*/_react.default.createElement("span", null, t('REPORT_HEADER_FRANCHISES', 'Franchise'))), (themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$website_11 = themeValues.website_theme) === null || _themeValues$website_11 === void 0 ? void 0 : (_themeValues$website_12 = _themeValues$website_11.components) === null || _themeValues$website_12 === void 0 ? void 0 : _themeValues$website_12.type) === 'franchise' && /*#__PURE__*/_react.default.createElement(_SelectFranchise.SelectFranchise, {
-    defaultValue: themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$website_13 = themeValues.website_theme) === null || _themeValues$website_13 === void 0 ? void 0 : (_themeValues$website_14 = _themeValues$website_13.components) === null || _themeValues$website_14 === void 0 ? void 0 : _themeValues$website_14.franchise_slug,
+  }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null), /*#__PURE__*/_react.default.createElement("span", null, t('REPORT_HEADER_FRANCHISES', 'Franchise'))), (themeValues === null || themeValues === void 0 || (_themeValues$website_3 = themeValues.website_theme) === null || _themeValues$website_3 === void 0 || (_themeValues$website_3 = _themeValues$website_3.components) === null || _themeValues$website_3 === void 0 ? void 0 : _themeValues$website_3.type) === 'franchise' && /*#__PURE__*/_react.default.createElement(_SelectFranchise.SelectFranchise, {
+    defaultValue: themeValues === null || themeValues === void 0 || (_themeValues$website_4 = themeValues.website_theme) === null || _themeValues$website_4 === void 0 || (_themeValues$website_4 = _themeValues$website_4.components) === null || _themeValues$website_4 === void 0 ? void 0 : _themeValues$website_4.franchise_slug,
     franchisesList: franchisesList,
     onChange: function onChange(value) {
       return handleChangeValue(value, 'website_theme', 'franchise_slug');
@@ -361,16 +363,16 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
     onClick: function onClick() {
       return handleChangeValue('single_store', 'website_theme', 'type');
     }
-  }, (themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$website_15 = themeValues.website_theme) === null || _themeValues$website_15 === void 0 ? void 0 : (_themeValues$website_16 = _themeValues$website_15.components) === null || _themeValues$website_16 === void 0 ? void 0 : _themeValues$website_16.type) === 'single_store' ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, {
+  }, (themeValues === null || themeValues === void 0 || (_themeValues$website_5 = themeValues.website_theme) === null || _themeValues$website_5 === void 0 || (_themeValues$website_5 = _themeValues$website_5.components) === null || _themeValues$website_5 === void 0 ? void 0 : _themeValues$website_5.type) === 'single_store' ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, {
     className: "active"
-  }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null), /*#__PURE__*/_react.default.createElement("span", null, t('SINGLE_STORE', 'Single Store'))), (themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$website_17 = themeValues.website_theme) === null || _themeValues$website_17 === void 0 ? void 0 : (_themeValues$website_18 = _themeValues$website_17.components) === null || _themeValues$website_18 === void 0 ? void 0 : _themeValues$website_18.type) === 'single_store' && /*#__PURE__*/_react.default.createElement(_SelectBusiness.SelectBusiness, {
-    defaultValue: themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$website_19 = themeValues.website_theme) === null || _themeValues$website_19 === void 0 ? void 0 : (_themeValues$website_20 = _themeValues$website_19.components) === null || _themeValues$website_20 === void 0 ? void 0 : _themeValues$website_20.business_slug,
+  }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null), /*#__PURE__*/_react.default.createElement("span", null, t('SINGLE_STORE', 'Single Store'))), (themeValues === null || themeValues === void 0 || (_themeValues$website_6 = themeValues.website_theme) === null || _themeValues$website_6 === void 0 || (_themeValues$website_6 = _themeValues$website_6.components) === null || _themeValues$website_6 === void 0 ? void 0 : _themeValues$website_6.type) === 'single_store' && /*#__PURE__*/_react.default.createElement(_SelectBusiness.SelectBusiness, {
+    defaultValue: themeValues === null || themeValues === void 0 || (_themeValues$website_7 = themeValues.website_theme) === null || _themeValues$website_7 === void 0 || (_themeValues$website_7 = _themeValues$website_7.components) === null || _themeValues$website_7 === void 0 ? void 0 : _themeValues$website_7.business_slug,
     businessesList: businessesList,
     onChange: function onChange(value) {
       return handleChangeValue(value, 'website_theme', 'business_slug');
     }
-  })), (themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$website_21 = themeValues.website_theme) === null || _themeValues$website_21 === void 0 ? void 0 : (_themeValues$website_22 = _themeValues$website_21.components) === null || _themeValues$website_22 === void 0 ? void 0 : _themeValues$website_22.type) && /*#__PURE__*/_react.default.createElement(_styles2.WebsitePriviewImageWrapper, null, /*#__PURE__*/_react.default.createElement("img", {
-    src: previewImages === null || previewImages === void 0 ? void 0 : previewImages[themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$website_23 = themeValues.website_theme) === null || _themeValues$website_23 === void 0 ? void 0 : (_themeValues$website_24 = _themeValues$website_23.components) === null || _themeValues$website_24 === void 0 ? void 0 : _themeValues$website_24.type]
+  })), (themeValues === null || themeValues === void 0 || (_themeValues$website_8 = themeValues.website_theme) === null || _themeValues$website_8 === void 0 || (_themeValues$website_8 = _themeValues$website_8.components) === null || _themeValues$website_8 === void 0 ? void 0 : _themeValues$website_8.type) && /*#__PURE__*/_react.default.createElement(_styles2.WebsitePriviewImageWrapper, null, /*#__PURE__*/_react.default.createElement("img", {
+    src: previewImages === null || previewImages === void 0 ? void 0 : previewImages[themeValues === null || themeValues === void 0 || (_themeValues$website_9 = themeValues.website_theme) === null || _themeValues$website_9 === void 0 || (_themeValues$website_9 = _themeValues$website_9.components) === null || _themeValues$website_9 === void 0 ? void 0 : _themeValues$website_9.type]
   }))))), /*#__PURE__*/_react.default.createElement(_styles2.InputFormWrapper, null, /*#__PURE__*/_react.default.createElement("h4", null, t('IMAGES', 'Images')), /*#__PURE__*/_react.default.createElement(_styles2.InnerBlock, null, orderingTheme !== null && orderingTheme !== void 0 && orderingTheme.loading ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
     height: 100,
     width: 100,
@@ -403,12 +405,12 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
     },
     accept: "image/png, image/jpeg, image/jpg",
     disabled: orderingTheme.loading
-  }, (themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$images = themeValues.images) === null || _themeValues$images === void 0 ? void 0 : (_themeValues$images$c = _themeValues$images.components) === null || _themeValues$images$c === void 0 ? void 0 : (_themeValues$images$c2 = _themeValues$images$c.logo) === null || _themeValues$images$c2 === void 0 ? void 0 : (_themeValues$images$c3 = _themeValues$images$c2.components) === null || _themeValues$images$c3 === void 0 ? void 0 : _themeValues$images$c3.image) && /*#__PURE__*/_react.default.createElement("img", {
-    src: themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$images2 = themeValues.images) === null || _themeValues$images2 === void 0 ? void 0 : (_themeValues$images2$ = _themeValues$images2.components) === null || _themeValues$images2$ === void 0 ? void 0 : (_themeValues$images2$2 = _themeValues$images2$.logo) === null || _themeValues$images2$2 === void 0 ? void 0 : (_themeValues$images2$3 = _themeValues$images2$2.components) === null || _themeValues$images2$3 === void 0 ? void 0 : _themeValues$images2$3.image,
+  }, (themeValues === null || themeValues === void 0 || (_themeValues$images = themeValues.images) === null || _themeValues$images === void 0 || (_themeValues$images = _themeValues$images.components) === null || _themeValues$images === void 0 || (_themeValues$images = _themeValues$images.logo) === null || _themeValues$images === void 0 || (_themeValues$images = _themeValues$images.components) === null || _themeValues$images === void 0 ? void 0 : _themeValues$images.image) && /*#__PURE__*/_react.default.createElement("img", {
+    src: themeValues === null || themeValues === void 0 || (_themeValues$images2 = themeValues.images) === null || _themeValues$images2 === void 0 || (_themeValues$images2 = _themeValues$images2.components) === null || _themeValues$images2 === void 0 || (_themeValues$images2 = _themeValues$images2.logo) === null || _themeValues$images2 === void 0 || (_themeValues$images2 = _themeValues$images2.components) === null || _themeValues$images2 === void 0 ? void 0 : _themeValues$images2.image,
     alt: "logo image",
     loading: "lazy"
   }), /*#__PURE__*/_react.default.createElement(_styles2.UploadImageIconContainer, {
-    bgimage: themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$images3 = themeValues.images) === null || _themeValues$images3 === void 0 ? void 0 : (_themeValues$images3$ = _themeValues$images3.components) === null || _themeValues$images3$ === void 0 ? void 0 : (_themeValues$images3$2 = _themeValues$images3$.logo) === null || _themeValues$images3$2 === void 0 ? void 0 : (_themeValues$images3$3 = _themeValues$images3$2.components) === null || _themeValues$images3$3 === void 0 ? void 0 : _themeValues$images3$3.image
+    bgimage: themeValues === null || themeValues === void 0 || (_themeValues$images3 = themeValues.images) === null || _themeValues$images3 === void 0 || (_themeValues$images3 = _themeValues$images3.components) === null || _themeValues$images3 === void 0 || (_themeValues$images3 = _themeValues$images3.logo) === null || _themeValues$images3 === void 0 || (_themeValues$images3 = _themeValues$images3.components) === null || _themeValues$images3 === void 0 ? void 0 : _themeValues$images3.image
   }, /*#__PURE__*/_react.default.createElement(_styles2.UploadImageIcon, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Image, null), /*#__PURE__*/_react.default.createElement("span", null, t('DRAG_AND_DROP', 'Drag and drop'))))))), /*#__PURE__*/_react.default.createElement(_styles2.ImgInfoWrapper, null, /*#__PURE__*/_react.default.createElement("h4", null, t('HEADER_LOGO', 'Header logo')), /*#__PURE__*/_react.default.createElement("p", null, "900 x 200 px"), /*#__PURE__*/_react.default.createElement("p", null, t('FORMAT', 'Format'), ": PNG"))), orderingTheme !== null && orderingTheme !== void 0 && orderingTheme.loading ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
     height: 100,
     style: {
@@ -441,12 +443,12 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
     },
     accept: "image/png, image/jpeg, image/jpg",
     disabled: orderingTheme.loading
-  }, (themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$images4 = themeValues.images) === null || _themeValues$images4 === void 0 ? void 0 : (_themeValues$images4$ = _themeValues$images4.components) === null || _themeValues$images4$ === void 0 ? void 0 : (_themeValues$images4$2 = _themeValues$images4$.homepage_background) === null || _themeValues$images4$2 === void 0 ? void 0 : (_themeValues$images4$3 = _themeValues$images4$2.components) === null || _themeValues$images4$3 === void 0 ? void 0 : _themeValues$images4$3.image) && /*#__PURE__*/_react.default.createElement("img", {
-    src: themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$images5 = themeValues.images) === null || _themeValues$images5 === void 0 ? void 0 : (_themeValues$images5$ = _themeValues$images5.components) === null || _themeValues$images5$ === void 0 ? void 0 : (_themeValues$images5$2 = _themeValues$images5$.homepage_background) === null || _themeValues$images5$2 === void 0 ? void 0 : (_themeValues$images5$3 = _themeValues$images5$2.components) === null || _themeValues$images5$3 === void 0 ? void 0 : _themeValues$images5$3.image,
+  }, (themeValues === null || themeValues === void 0 || (_themeValues$images4 = themeValues.images) === null || _themeValues$images4 === void 0 || (_themeValues$images4 = _themeValues$images4.components) === null || _themeValues$images4 === void 0 || (_themeValues$images4 = _themeValues$images4.homepage_background) === null || _themeValues$images4 === void 0 || (_themeValues$images4 = _themeValues$images4.components) === null || _themeValues$images4 === void 0 ? void 0 : _themeValues$images4.image) && /*#__PURE__*/_react.default.createElement("img", {
+    src: themeValues === null || themeValues === void 0 || (_themeValues$images5 = themeValues.images) === null || _themeValues$images5 === void 0 || (_themeValues$images5 = _themeValues$images5.components) === null || _themeValues$images5 === void 0 || (_themeValues$images5 = _themeValues$images5.homepage_background) === null || _themeValues$images5 === void 0 || (_themeValues$images5 = _themeValues$images5.components) === null || _themeValues$images5 === void 0 ? void 0 : _themeValues$images5.image,
     alt: "backgrond image",
     loading: "lazy"
   }), /*#__PURE__*/_react.default.createElement(_styles2.UploadImageIconContainer, {
-    bgimage: !!(themeValues !== null && themeValues !== void 0 && (_themeValues$images6 = themeValues.images) !== null && _themeValues$images6 !== void 0 && (_themeValues$images6$ = _themeValues$images6.components) !== null && _themeValues$images6$ !== void 0 && (_themeValues$images6$2 = _themeValues$images6$.homepage_background) !== null && _themeValues$images6$2 !== void 0 && (_themeValues$images6$3 = _themeValues$images6$2.components) !== null && _themeValues$images6$3 !== void 0 && _themeValues$images6$3.image)
+    bgimage: !!(themeValues !== null && themeValues !== void 0 && (_themeValues$images6 = themeValues.images) !== null && _themeValues$images6 !== void 0 && (_themeValues$images6 = _themeValues$images6.components) !== null && _themeValues$images6 !== void 0 && (_themeValues$images6 = _themeValues$images6.homepage_background) !== null && _themeValues$images6 !== void 0 && (_themeValues$images6 = _themeValues$images6.components) !== null && _themeValues$images6 !== void 0 && _themeValues$images6.image)
   }, /*#__PURE__*/_react.default.createElement(_styles2.UploadImageIcon, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Image, null), /*#__PURE__*/_react.default.createElement("span", null, t('DRAG_AND_DROP', 'Drag and drop'))))))), /*#__PURE__*/_react.default.createElement(_styles2.ImgInfoWrapper, null, /*#__PURE__*/_react.default.createElement("h4", null, t('HOMEPAGE_BACKGROUND', 'Homepage background')), /*#__PURE__*/_react.default.createElement("p", null, "1920 x 1280 px"), /*#__PURE__*/_react.default.createElement("p", null, t('FORMAT', 'Format'), ": PNG"))), orderingTheme !== null && orderingTheme !== void 0 && orderingTheme.loading ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
     height: 100,
     style: {
@@ -479,28 +481,33 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
     },
     accept: "image/png, image/jpeg, image/jpg",
     disabled: orderingTheme.loading
-  }, (themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$images7 = themeValues.images) === null || _themeValues$images7 === void 0 ? void 0 : (_themeValues$images7$ = _themeValues$images7.components) === null || _themeValues$images7$ === void 0 ? void 0 : (_themeValues$images7$2 = _themeValues$images7$.homepage_mobile_background) === null || _themeValues$images7$2 === void 0 ? void 0 : (_themeValues$images7$3 = _themeValues$images7$2.components) === null || _themeValues$images7$3 === void 0 ? void 0 : _themeValues$images7$3.image) && /*#__PURE__*/_react.default.createElement("img", {
-    src: themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$images8 = themeValues.images) === null || _themeValues$images8 === void 0 ? void 0 : (_themeValues$images8$ = _themeValues$images8.components) === null || _themeValues$images8$ === void 0 ? void 0 : (_themeValues$images8$2 = _themeValues$images8$.homepage_mobile_background) === null || _themeValues$images8$2 === void 0 ? void 0 : (_themeValues$images8$3 = _themeValues$images8$2.components) === null || _themeValues$images8$3 === void 0 ? void 0 : _themeValues$images8$3.image,
+  }, (themeValues === null || themeValues === void 0 || (_themeValues$images7 = themeValues.images) === null || _themeValues$images7 === void 0 || (_themeValues$images7 = _themeValues$images7.components) === null || _themeValues$images7 === void 0 || (_themeValues$images7 = _themeValues$images7.homepage_mobile_background) === null || _themeValues$images7 === void 0 || (_themeValues$images7 = _themeValues$images7.components) === null || _themeValues$images7 === void 0 ? void 0 : _themeValues$images7.image) && /*#__PURE__*/_react.default.createElement("img", {
+    src: themeValues === null || themeValues === void 0 || (_themeValues$images8 = themeValues.images) === null || _themeValues$images8 === void 0 || (_themeValues$images8 = _themeValues$images8.components) === null || _themeValues$images8 === void 0 || (_themeValues$images8 = _themeValues$images8.homepage_mobile_background) === null || _themeValues$images8 === void 0 || (_themeValues$images8 = _themeValues$images8.components) === null || _themeValues$images8 === void 0 ? void 0 : _themeValues$images8.image,
     alt: "backgrond image",
     loading: "lazy"
   }), /*#__PURE__*/_react.default.createElement(_styles2.UploadImageIconContainer, {
-    bgimage: !!(themeValues !== null && themeValues !== void 0 && (_themeValues$images9 = themeValues.images) !== null && _themeValues$images9 !== void 0 && (_themeValues$images9$ = _themeValues$images9.components) !== null && _themeValues$images9$ !== void 0 && (_themeValues$images9$2 = _themeValues$images9$.homepage_mobile_background) !== null && _themeValues$images9$2 !== void 0 && (_themeValues$images9$3 = _themeValues$images9$2.components) !== null && _themeValues$images9$3 !== void 0 && _themeValues$images9$3.image)
+    bgimage: !!(themeValues !== null && themeValues !== void 0 && (_themeValues$images9 = themeValues.images) !== null && _themeValues$images9 !== void 0 && (_themeValues$images9 = _themeValues$images9.components) !== null && _themeValues$images9 !== void 0 && (_themeValues$images9 = _themeValues$images9.homepage_mobile_background) !== null && _themeValues$images9 !== void 0 && (_themeValues$images9 = _themeValues$images9.components) !== null && _themeValues$images9 !== void 0 && _themeValues$images9.image)
   }, /*#__PURE__*/_react.default.createElement(_styles2.UploadImageIcon, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Image, null), /*#__PURE__*/_react.default.createElement("span", null, t('DRAG_AND_DROP', 'Drag and drop'))))))), /*#__PURE__*/_react.default.createElement(_styles2.ImgInfoWrapper, null, /*#__PURE__*/_react.default.createElement("h4", null, t('HOMEPAGE_MOBILE_BACKGROUND', 'Homepage mobile background')), /*#__PURE__*/_react.default.createElement("p", null, "1440 x 770 px"), /*#__PURE__*/_react.default.createElement("p", null, t('FORMAT', 'Format'), ": PNG"))), orderingTheme !== null && orderingTheme !== void 0 && orderingTheme.loading ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
     width: 200,
     height: 20
   }) : /*#__PURE__*/_react.default.createElement(_styles2.CheckBoxWrapper, {
     onClick: function onClick() {
-      var _themeValues$images10, _themeValues$images11;
-      return handleChangeValue(!(themeValues !== null && themeValues !== void 0 && (_themeValues$images10 = themeValues.images) !== null && _themeValues$images10 !== void 0 && (_themeValues$images11 = _themeValues$images10.components) !== null && _themeValues$images11 !== void 0 && _themeValues$images11.homepage_image_fullscreen), 'images', 'homepage_image_fullscreen');
+      var _themeValues$images10;
+      return handleChangeValue(!(themeValues !== null && themeValues !== void 0 && (_themeValues$images10 = themeValues.images) !== null && _themeValues$images10 !== void 0 && (_themeValues$images10 = _themeValues$images10.components) !== null && _themeValues$images10 !== void 0 && _themeValues$images10.homepage_image_fullscreen), 'images', 'homepage_image_fullscreen');
     }
-  }, themeValues !== null && themeValues !== void 0 && (_themeValues$images12 = themeValues.images) !== null && _themeValues$images12 !== void 0 && (_themeValues$images13 = _themeValues$images12.components) !== null && _themeValues$images13 !== void 0 && _themeValues$images13.homepage_image_fullscreen ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.CheckSquareFill, {
+  }, themeValues !== null && themeValues !== void 0 && (_themeValues$images11 = themeValues.images) !== null && _themeValues$images11 !== void 0 && (_themeValues$images11 = _themeValues$images11.components) !== null && _themeValues$images11 !== void 0 && _themeValues$images11.homepage_image_fullscreen ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.CheckSquareFill, {
     className: "active"
-  }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Square, null), /*#__PURE__*/_react.default.createElement("span", null, t('HOMEPAGE_IMAGE_FULLSCREEN', 'Homepage  image fullscreen'))))), !(orderingTheme !== null && orderingTheme !== void 0 && orderingTheme.loading) && /*#__PURE__*/_react.default.createElement(_styles2.InputFormWrapper, null, /*#__PURE__*/_react.default.createElement("h4", null, t('THEME_SETTINGS', 'Theme Settings')), /*#__PURE__*/_react.default.createElement(_styles2.InnerBlock, null, /*#__PURE__*/_react.default.createElement(_styles2.ColorPickerWrapper, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, t('PRIMARY_COLOR_BUTTONS', 'Primary Color for Buttons')), /*#__PURE__*/_react.default.createElement(_Shared.ColorPicker, {
-    defaultColor: themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$theme_se = themeValues.theme_settings) === null || _themeValues$theme_se === void 0 ? void 0 : (_themeValues$theme_se2 = _themeValues$theme_se.components) === null || _themeValues$theme_se2 === void 0 ? void 0 : (_themeValues$theme_se3 = _themeValues$theme_se2.style) === null || _themeValues$theme_se3 === void 0 ? void 0 : _themeValues$theme_se3.primary_btn_color,
+  }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Square, null), /*#__PURE__*/_react.default.createElement("span", null, t('HOMEPAGE_IMAGE_FULLSCREEN', 'Homepage  image fullscreen'))))), !(orderingTheme !== null && orderingTheme !== void 0 && orderingTheme.loading) && /*#__PURE__*/_react.default.createElement(_styles2.InputFormWrapper, null, /*#__PURE__*/_react.default.createElement("h4", null, t('THEME_SETTINGS', 'Theme Settings')), /*#__PURE__*/_react.default.createElement(_styles2.InnerBlock, null, /*#__PURE__*/_react.default.createElement(_styles2.ContentWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.ColorPickerWrapper, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, t('BACKGROUND_COLOR', 'Background color')), /*#__PURE__*/_react.default.createElement(_Shared.ColorPicker, {
+    defaultColor: (_themeValues$theme_se = themeValues === null || themeValues === void 0 || (_themeValues$theme_se2 = themeValues.theme_settings) === null || _themeValues$theme_se2 === void 0 || (_themeValues$theme_se2 = _themeValues$theme_se2.components) === null || _themeValues$theme_se2 === void 0 || (_themeValues$theme_se2 = _themeValues$theme_se2.style) === null || _themeValues$theme_se2 === void 0 ? void 0 : _themeValues$theme_se2.background_page) !== null && _themeValues$theme_se !== void 0 ? _themeValues$theme_se : '#FFFFFF',
+    onChangeColor: function onChangeColor(color) {
+      return handleChangeValue(color, 'theme_settings', 'style.background_page');
+    }
+  }))), /*#__PURE__*/_react.default.createElement(_styles2.ColorPickerWrapper, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, t('PRIMARY_COLOR_BUTTONS', 'Primary Color for Buttons')), /*#__PURE__*/_react.default.createElement(_Shared.ColorPicker, {
+    defaultColor: themeValues === null || themeValues === void 0 || (_themeValues$theme_se3 = themeValues.theme_settings) === null || _themeValues$theme_se3 === void 0 || (_themeValues$theme_se3 = _themeValues$theme_se3.components) === null || _themeValues$theme_se3 === void 0 || (_themeValues$theme_se3 = _themeValues$theme_se3.style) === null || _themeValues$theme_se3 === void 0 ? void 0 : _themeValues$theme_se3.primary_btn_color,
     onChangeColor: function onChangeColor(color) {
       return handleChangeValue(color, 'theme_settings', 'style.primary_btn_color');
     }
-  }))), /*#__PURE__*/_react.default.createElement(_styles2.ContentWrapper, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, t('HOMEPAGE_CONTENT', 'Homepage Content')), /*#__PURE__*/_react.default.createElement(_styles.Button, {
+  })))), /*#__PURE__*/_react.default.createElement(_styles2.ContentWrapper, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", null, t('HOMEPAGE_CONTENT', 'Homepage Content')), /*#__PURE__*/_react.default.createElement(_styles.Button, {
     color: "primary",
     borderRadius: "8px",
     outline: true,
@@ -571,7 +578,7 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
       }));
     }
   }, /*#__PURE__*/_react.default.createElement(_Shared.ImageCrop, {
-    themeId: orderingTheme === null || orderingTheme === void 0 ? void 0 : (_orderingTheme$themes3 = orderingTheme.themes) === null || _orderingTheme$themes3 === void 0 ? void 0 : (_orderingTheme$themes4 = _orderingTheme$themes3[0]) === null || _orderingTheme$themes4 === void 0 ? void 0 : _orderingTheme$themes4.theme_id,
+    themeId: orderingTheme === null || orderingTheme === void 0 || (_orderingTheme$themes3 = orderingTheme.themes) === null || _orderingTheme$themes3 === void 0 || (_orderingTheme$themes3 = _orderingTheme$themes3[0]) === null || _orderingTheme$themes3 === void 0 ? void 0 : _orderingTheme$themes3.theme_id,
     useCloudinaryUrl: true,
     photo: cropState === null || cropState === void 0 ? void 0 : cropState.data,
     handleChangePhoto: handleChangePhoto
@@ -583,7 +590,7 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
     }
   }, /*#__PURE__*/_react.default.createElement(_ContentForm.ContentForm, {
     title: t('HOME_PAGE_CONTENT', 'Home Page Content'),
-    content: themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$theme_se4 = themeValues.theme_settings) === null || _themeValues$theme_se4 === void 0 ? void 0 : (_themeValues$theme_se5 = _themeValues$theme_se4.components) === null || _themeValues$theme_se5 === void 0 ? void 0 : (_themeValues$theme_se6 = _themeValues$theme_se5.values) === null || _themeValues$theme_se6 === void 0 ? void 0 : _themeValues$theme_se6.homepage_content,
+    content: themeValues === null || themeValues === void 0 || (_themeValues$theme_se4 = themeValues.theme_settings) === null || _themeValues$theme_se4 === void 0 || (_themeValues$theme_se4 = _themeValues$theme_se4.components) === null || _themeValues$theme_se4 === void 0 || (_themeValues$theme_se4 = _themeValues$theme_se4.values) === null || _themeValues$theme_se4 === void 0 ? void 0 : _themeValues$theme_se4.homepage_content,
     onClose: function onClose() {
       return setHomePageContent(false);
     },
@@ -597,7 +604,7 @@ var OrderingWebsiteUI = function OrderingWebsiteUI(props) {
     }
   }, /*#__PURE__*/_react.default.createElement(_ContentForm.ContentForm, {
     title: t('FOOTER', 'Footer'),
-    content: themeValues === null || themeValues === void 0 ? void 0 : (_themeValues$theme_se7 = themeValues.theme_settings) === null || _themeValues$theme_se7 === void 0 ? void 0 : (_themeValues$theme_se8 = _themeValues$theme_se7.components) === null || _themeValues$theme_se8 === void 0 ? void 0 : (_themeValues$theme_se9 = _themeValues$theme_se8.values) === null || _themeValues$theme_se9 === void 0 ? void 0 : _themeValues$theme_se9.footer_content,
+    content: themeValues === null || themeValues === void 0 || (_themeValues$theme_se5 = themeValues.theme_settings) === null || _themeValues$theme_se5 === void 0 || (_themeValues$theme_se5 = _themeValues$theme_se5.components) === null || _themeValues$theme_se5 === void 0 || (_themeValues$theme_se5 = _themeValues$theme_se5.values) === null || _themeValues$theme_se5 === void 0 ? void 0 : _themeValues$theme_se5.footer_content,
     onClose: function onClose() {
       return setFooterContent(false);
     },

package/_modules/components/MyProducts/OrderingWebsite/styles.js

@@ -89,7 +89,7 @@ var CheckBoxWrapper = _styledComponents.default.div(_templateObject26 || (_templ
   return props.theme.rtl && (0, _styledComponents.css)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n      margin-left: 20px;\n      margin-right: 0px;\n    "])));
 });
 exports.CheckBoxWrapper = CheckBoxWrapper;
-var ColorPickerWrapper = _styledComponents.default.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n  padding-top: 25px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  > div {\n    margin-top: 25px;\n    > p {\n      font-weight: 400;\n      font-size: 14px;\n      line-height: 24px;\n      margin-top: 0px;\n      margin-bottom: 9px;\n    }\n  }\n\n  @media (min-width: 769px) {\n    flex-direction: row;\n  }\n"])));
+var ColorPickerWrapper = _styledComponents.default.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  > div {\n    > p {\n      font-weight: 400;\n      font-size: 14px;\n      line-height: 24px;\n      margin-top: 0px;\n      margin-bottom: 9px;\n    }\n  }\n\n  @media (min-width: 769px) {\n    flex-direction: row;\n  }\n"])));
 exports.ColorPickerWrapper = ColorPickerWrapper;
 var ContentWrapper = _styledComponents.default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n  padding-top: 25px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  > div {\n    margin-top: 25px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    > p {\n      font-weight: 600;\n      font-size: 16px;\n      line-height: 24px;\n      margin-top: 0px;\n      margin-bottom: 20px;\n    }\n    button {\n      width: 200px;\n      height: 44px;\n    }\n  }\n  @media (min-width: 769px) {\n    flex-direction: row;\n  }\n"])));
 exports.ContentWrapper = ContentWrapper;

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

@@ -128,11 +128,11 @@ var UploadAudioUI = function UploadAudioUI(props) {
       return handleFiles(dataTransfer.files);
     },
     accept: ".mp3, .aac, .ogg"
-  }, (formState === null || formState === void 0 ? void 0 : (_formState$changes5 = formState.changes) === null || _formState$changes5 === void 0 ? void 0 : _formState$changes5.file) && /*#__PURE__*/_react.default.createElement(_styles2.PdfIconBox, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.FileMusicFill, null)), /*#__PURE__*/_react.default.createElement(_styles2.UploadIconBox, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.CloudUploadFill, null), /*#__PURE__*/_react.default.createElement("p", null, t('DRAG_AND_DROP', 'Drag and drop'))))))), /*#__PURE__*/_react.default.createElement(_styles2.Or, null, t('OR', 'Or')), /*#__PURE__*/_react.default.createElement(_styles2.FormControl, null, /*#__PURE__*/_react.default.createElement("label", null, t('SHARE_CUSTOM_SOUNDS_LINK', 'Share your custom sounds link')), formState !== null && formState !== void 0 && formState.loading ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
+  }, (formState === null || formState === void 0 || (_formState$changes5 = formState.changes) === null || _formState$changes5 === void 0 ? void 0 : _formState$changes5.file) && /*#__PURE__*/_react.default.createElement(_styles2.PdfIconBox, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.FileMusicFill, null)), /*#__PURE__*/_react.default.createElement(_styles2.UploadIconBox, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.CloudUploadFill, null), /*#__PURE__*/_react.default.createElement("p", null, t('DRAG_AND_DROP', 'Drag and drop'))))))), /*#__PURE__*/_react.default.createElement(_styles2.Or, null, t('OR', 'Or')), /*#__PURE__*/_react.default.createElement(_styles2.FormControl, null, /*#__PURE__*/_react.default.createElement("label", null, t('SHARE_CUSTOM_SOUNDS_LINK', 'Share your custom sounds link')), formState !== null && formState !== void 0 && formState.loading ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
     height: 44
   }) : /*#__PURE__*/_react.default.createElement(_styles.Input, {
     placeholder: t('URL', 'URL'),
-    defaultValue: formState === null || formState === void 0 ? void 0 : (_formState$changes6 = formState.changes) === null || _formState$changes6 === void 0 ? void 0 : _formState$changes6.url,
+    defaultValue: formState === null || formState === void 0 || (_formState$changes6 = formState.changes) === null || _formState$changes6 === void 0 ? void 0 : _formState$changes6.url,
     onChange: function onChange(e) {
       return changeFormState({
         url: e.target.value

package/_modules/components/NotNetworkConnectivity/index.js

@@ -10,7 +10,7 @@ var _useOnlineStatus = require("../../hooks/useOnlineStatus");
 var _styles = require("./styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var NotNetworkConnectivity = function NotNetworkConnectivity() {
-  var _theme$images, _theme$images$general;
+  var _theme$images;
   var onlineStatus = (0, _useOnlineStatus.useOnlineStatus)();
   var theme = (0, _styledComponents.useTheme)();
   return /*#__PURE__*/_react.default.createElement(_styles.Container, {
@@ -20,7 +20,7 @@ var NotNetworkConnectivity = function NotNetworkConnectivity() {
   }, /*#__PURE__*/_react.default.createElement(_styles.Image, null, /*#__PURE__*/_react.default.createElement("img", {
     width: "300px",
     height: "300px",
-    src: (_theme$images = theme.images) === null || _theme$images === void 0 ? void 0 : (_theme$images$general = _theme$images.general) === null || _theme$images$general === void 0 ? void 0 : _theme$images$general.notNetwork,
+    src: (_theme$images = theme.images) === null || _theme$images === void 0 || (_theme$images = _theme$images.general) === null || _theme$images === void 0 ? void 0 : _theme$images.notNetwork,
     alt: "Not network"
   })));
 };