ordering-ui-admin-external 1.30.6 → 1.31.0

package/_modules/components/Stores/BusinessDeviceListing/index.js

@@ -108,7 +108,7 @@ var BusinessDeviceListingUI = function BusinessDeviceListingUI(props) {
   };
   var handleClickBrand = function handleClickBrand(e, brandId, isInitialRender) {
     var _e$target;
-    var isInvalid = e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.closest('.brand_enable_control');
+    var isInvalid = e === null || e === void 0 || (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.closest('.brand_enable_control');
     if (isInvalid) return;
     handleOpenSideBar(brandId);
     if (!isInitialRender) {
@@ -120,11 +120,11 @@ var BusinessDeviceListingUI = function BusinessDeviceListingUI(props) {
   };
   (0, _react.useEffect)(function () {
     var _deviceListState$devi;
-    if ((deviceListState === null || deviceListState === void 0 ? void 0 : (_deviceListState$devi = deviceListState.devices) === null || _deviceListState$devi === void 0 ? void 0 : _deviceListState$devi.length) > 0) {
+    if ((deviceListState === null || deviceListState === void 0 || (_deviceListState$devi = deviceListState.devices) === null || _deviceListState$devi === void 0 ? void 0 : _deviceListState$devi.length) > 0) {
       var devices = [];
       if (searchValue) {
         var _deviceListState$devi2;
-        devices = deviceListState === null || deviceListState === void 0 ? void 0 : (_deviceListState$devi2 = deviceListState.devices) === null || _deviceListState$devi2 === void 0 ? void 0 : _deviceListState$devi2.filter(function (device) {
+        devices = deviceListState === null || deviceListState === void 0 || (_deviceListState$devi2 = deviceListState.devices) === null || _deviceListState$devi2 === void 0 ? void 0 : _deviceListState$devi2.filter(function (device) {
           var _device$name;
           return (_device$name = device.name) === null || _device$name === void 0 ? void 0 : _device$name.toLowerCase().includes(searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase());
         });
@@ -137,7 +137,7 @@ var BusinessDeviceListingUI = function BusinessDeviceListingUI(props) {
   (0, _react.useEffect)(function () {
     if ((deviceList === null || deviceList === void 0 ? void 0 : deviceList.length) > 0 && selectedDevice) {
       var _deviceListState$devi3;
-      var device = deviceListState === null || deviceListState === void 0 ? void 0 : (_deviceListState$devi3 = deviceListState.devices) === null || _deviceListState$devi3 === void 0 ? void 0 : _deviceListState$devi3.find(function (item) {
+      var device = deviceListState === null || deviceListState === void 0 || (_deviceListState$devi3 = deviceListState.devices) === null || _deviceListState$devi3 === void 0 ? void 0 : _deviceListState$devi3.find(function (item) {
         return item.id === (selectedDevice === null || selectedDevice === void 0 ? void 0 : selectedDevice.id);
       });
       setSelectedDevice(device);
@@ -184,7 +184,7 @@ var BusinessDeviceListingUI = function BusinessDeviceListingUI(props) {
       height: 20
     }))))), /*#__PURE__*/_react.default.createElement("td", null)));
   }) : deviceList.map(function (device) {
-    var _device$business, _theme$images, _theme$images$dummies, _device$business2, _device$business3;
+    var _device$business, _theme$images, _device$business2, _device$business3;
     return /*#__PURE__*/_react.default.createElement(_styles2.BrandBody, {
       key: device.id,
       active: device.id === (selectedDevice === null || selectedDevice === void 0 ? void 0 : selectedDevice.id),
@@ -192,8 +192,8 @@ var BusinessDeviceListingUI = function BusinessDeviceListingUI(props) {
         return handleClickBrand(e, device.id);
       }
     }, /*#__PURE__*/_react.default.createElement("tr", null, (allowColumns === null || allowColumns === void 0 ? void 0 : allowColumns.device_name) && /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles2.InfoBlock, null, /*#__PURE__*/_react.default.createElement("p", null, device === null || device === void 0 ? void 0 : device.name))), (allowColumns === null || allowColumns === void 0 ? void 0 : allowColumns.business) && /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles2.BrandGeneralInfo, null, /*#__PURE__*/_react.default.createElement(_styles2.WrapperImage, null, /*#__PURE__*/_react.default.createElement(_styles2.Image, {
-      bgimage: optimizeImage((device === null || device === void 0 ? void 0 : (_device$business = device.business) === null || _device$business === void 0 ? void 0 : _device$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')
-    })), /*#__PURE__*/_react.default.createElement(_styles2.InfoBlock, null, /*#__PURE__*/_react.default.createElement("p", null, device === null || device === void 0 ? void 0 : (_device$business2 = device.business) === null || _device$business2 === void 0 ? void 0 : _device$business2.name), /*#__PURE__*/_react.default.createElement("span", null, device === null || device === void 0 ? void 0 : (_device$business3 = device.business) === null || _device$business3 === void 0 ? void 0 : _device$business3.address)))), /*#__PURE__*/_react.default.createElement("td", null)));
+      bgimage: optimizeImage((device === null || device === void 0 || (_device$business = device.business) === null || _device$business === void 0 ? void 0 : _device$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')
+    })), /*#__PURE__*/_react.default.createElement(_styles2.InfoBlock, null, /*#__PURE__*/_react.default.createElement("p", null, device === null || device === void 0 || (_device$business2 = device.business) === null || _device$business2 === void 0 ? void 0 : _device$business2.name), /*#__PURE__*/_react.default.createElement("span", null, device === null || device === void 0 || (_device$business3 = device.business) === null || _device$business3 === void 0 ? void 0 : _device$business3.address)))), /*#__PURE__*/_react.default.createElement("td", null)));
   }))), /*#__PURE__*/_react.default.createElement(_styles2.BrandListBottomContainer, null, /*#__PURE__*/_react.default.createElement(_styles.LinkButton, {
     onClick: function onClick() {
       return handleOpenSideBar();

package/_modules/components/Stores/BusinessFrontLayout/index.js

@@ -30,7 +30,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 BusinessFrontLayout = function BusinessFrontLayout(props) {
-  var _configState$configs, _configState$configs$;
+  var _configState$configs;
   var formState = props.formState,
     handleUpdateBusinessClick = props.handleUpdateBusinessClick,
     business = props.business,
@@ -41,7 +41,7 @@ var BusinessFrontLayout = function BusinessFrontLayout(props) {
   var _useConfig = (0, _orderingComponentsAdminExternal.useConfig)(),
     _useConfig2 = _slicedToArray(_useConfig, 1),
     configState = _useConfig2[0];
-  var useParentCategory = configState === null || configState === void 0 ? void 0 : (_configState$configs = configState.configs) === null || _configState$configs === void 0 ? void 0 : (_configState$configs$ = _configState$configs.use_parent_category) === null || _configState$configs$ === void 0 ? void 0 : _configState$configs$.value;
+  var useParentCategory = configState === null || configState === void 0 || (_configState$configs = configState.configs) === null || _configState$configs === void 0 || (_configState$configs = _configState$configs.use_parent_category) === null || _configState$configs === void 0 ? void 0 : _configState$configs.value;
   var _useState = (0, _react.useState)(''),
     _useState2 = _slicedToArray(_useState, 2),
     selectedOption = _useState2[0],

package/_modules/components/Stores/BusinessGprsPrinters/index.js

@@ -51,7 +51,7 @@ var BusinessGprsPrintersUI = function BusinessGprsPrintersUI(props) {
   };
   (0, _react.useEffect)(function () {
     var _printersListState$pr;
-    if ((printersListState === null || printersListState === void 0 ? void 0 : (_printersListState$pr = printersListState.printers) === null || _printersListState$pr === void 0 ? void 0 : _printersListState$pr.length) === 0) return;
+    if ((printersListState === null || printersListState === void 0 || (_printersListState$pr = printersListState.printers) === null || _printersListState$pr === void 0 ? void 0 : _printersListState$pr.length) === 0) return;
     var _printers = [];
     var _iterator = _createForOfIteratorHelper(printersListState === null || printersListState === void 0 ? void 0 : printersListState.printers),
       _step;

package/_modules/components/Stores/BusinessImages/index.js

@@ -105,7 +105,7 @@ var BusinessImagesUI = function BusinessImagesUI(props) {
       var _formState$result2;
       setAlertState({
         open: true,
-        content: formState === null || formState === void 0 ? void 0 : (_formState$result2 = formState.result) === null || _formState$result2 === void 0 ? void 0 : _formState$result2.result
+        content: formState === null || formState === void 0 || (_formState$result2 = formState.result) === null || _formState$result2 === void 0 ? void 0 : _formState$result2.result
       });
     }
   }, [formState]);
@@ -139,12 +139,12 @@ var BusinessImagesUI = function BusinessImagesUI(props) {
     },
     accept: "image/png, image/jpeg, image/jpg",
     disabled: formState.loading
-  }, formState.loading ? /*#__PURE__*/_react.default.createElement(_styles.SkeletonWrapper, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, null)) : (formState === null || formState === void 0 ? void 0 : (_formState$changes3 = formState.changes) === null || _formState$changes3 === void 0 ? void 0 : _formState$changes3.file) && /*#__PURE__*/_react.default.createElement("img", {
-    src: formState === null || formState === void 0 ? void 0 : (_formState$changes4 = formState.changes) === null || _formState$changes4 === void 0 ? void 0 : _formState$changes4.file,
+  }, formState.loading ? /*#__PURE__*/_react.default.createElement(_styles.SkeletonWrapper, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, null)) : (formState === null || formState === void 0 || (_formState$changes3 = formState.changes) === null || _formState$changes3 === void 0 ? void 0 : _formState$changes3.file) && /*#__PURE__*/_react.default.createElement("img", {
+    src: formState === null || formState === void 0 || (_formState$changes4 = formState.changes) === null || _formState$changes4 === void 0 ? void 0 : _formState$changes4.file,
     alt: "header image",
     loading: "lazy"
   }), /*#__PURE__*/_react.default.createElement(_styles.UploadImageIconContainer, {
-    isImage: formState === null || formState === void 0 ? void 0 : (_formState$changes5 = formState.changes) === null || _formState$changes5 === void 0 ? void 0 : _formState$changes5.file
+    isImage: formState === null || formState === void 0 || (_formState$changes5 = formState.changes) === null || _formState$changes5 === void 0 ? void 0 : _formState$changes5.file
   }, /*#__PURE__*/_react.default.createElement(_styles.CameraWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Camera, null)), /*#__PURE__*/_react.default.createElement(_styles.UploadImageIcon, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Image, null), /*#__PURE__*/_react.default.createElement("span", null, t('DRAG_DROP', 'Darg and Drop'))))))), /*#__PURE__*/_react.default.createElement(_styles.BusinessImagesContainer, null, /*#__PURE__*/_react.default.createElement(_Shared.DragScroll, null, businessPhotos.map(function (photo) {
     return /*#__PURE__*/_react.default.createElement(_styles.Tab, {
       key: photo.id

package/_modules/components/Stores/BusinessInformation/index.js

@@ -30,7 +30,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 BusinessInformationUI = function BusinessInformationUI(props) {
-  var _formState$changes5, _formState$result3, _businessState$busine2, _businessState$busine3, _formState$changes6, _formState$changes7, _formState$changes8, _formState$result4, _businessState$busine4, _businessState$busine5, _formState$changes9, _formState$changes10, _formState$changes$na, _formState$changes11, _businessState$busine6, _formState$changes$ex, _formState$changes12, _businessState$busine7, _formState$changes$de, _formState$changes13, _businessState$busine8, _formState$changes$ph, _formState$changes14, _businessState$busine9, _formState$changes$ce, _formState$changes15, _businessState$busine10, _businessState$busine11, _businessState$busine12, _businessState$busine13, _formState$changes16, _formState$changes16$, _formState$changes17, _formState$changes17$, _businessState$busine14, _businessState$busine15, _formState$changes$ri, _formState$changes18, _formState$changes18$, _businessState$busine16, _businessState$busine17, _businessState$busine18, _formState$changes19, _formState$changes19$, _formState$changes20, _formState$changes20$, _businessState$busine19, _businessState$busine20, _formState$changes$ri2, _formState$changes21, _formState$changes21$, _businessState$busine21, _businessState$busine22, _formState$changes$fa, _formState$changes28, _businessState$busine29, _formState$changes$in, _formState$changes29, _businessState$busine30, _formState$changes$ti, _formState$changes30, _businessState$busine31, _formState$changes$pi, _formState$changes31, _businessState$busine32, _formState$changes$wh, _formState$changes32, _businessState$busine33, _formState$changes$sn, _formState$changes33, _businessState$busine34;
+  var _formState$changes5, _formState$result3, _businessState$busine2, _businessState$busine3, _formState$changes6, _formState$changes7, _formState$changes8, _formState$result4, _businessState$busine4, _businessState$busine5, _formState$changes9, _formState$changes10, _formState$changes$na, _formState$changes11, _businessState$busine6, _formState$changes$ex, _formState$changes12, _businessState$busine7, _formState$changes$de, _formState$changes13, _businessState$busine8, _formState$changes$ph, _formState$changes14, _businessState$busine9, _formState$changes$ce, _formState$changes15, _businessState$busine10, _businessState$busine11, _businessState$busine12, _formState$changes16, _formState$changes17, _businessState$busine13, _formState$changes$ri, _formState$changes18, _businessState$busine14, _businessState$busine15, _formState$changes19, _formState$changes20, _businessState$busine16, _formState$changes$ri2, _formState$changes21, _businessState$busine17, _formState$changes$fa, _formState$changes28, _businessState$busine22, _formState$changes$in, _formState$changes29, _businessState$busine23, _formState$changes$ti, _formState$changes30, _businessState$busine24, _formState$changes$pi, _formState$changes31, _businessState$busine25, _formState$changes$wh, _formState$changes32, _businessState$busine26, _formState$changes$sn, _formState$changes33, _businessState$busine27;
   var formState = props.formState,
     businessState = props.businessState,
     handlechangeImage = props.handlechangeImage,
@@ -133,14 +133,14 @@ var BusinessInformationUI = function BusinessInformationUI(props) {
   var onSubmit = function onSubmit() {
     if (Object.keys(formState.changes).length > 0) {
       var _formState$changes, _formState$changes2, _formState$changes3, _formState$changes4;
-      if (formState !== null && formState !== void 0 && (_formState$changes = formState.changes) !== null && _formState$changes !== void 0 && _formState$changes.whatsapp_number && (formState === null || formState === void 0 ? void 0 : (_formState$changes2 = formState.changes) === null || _formState$changes2 === void 0 ? void 0 : _formState$changes2.whatsapp_number.search(/^https:\/\/wa\.me\/\+?\d+$/)) === -1) {
+      if (formState !== null && formState !== void 0 && (_formState$changes = formState.changes) !== null && _formState$changes !== void 0 && _formState$changes.whatsapp_number && (formState === null || formState === void 0 || (_formState$changes2 = formState.changes) === null || _formState$changes2 === void 0 ? void 0 : _formState$changes2.whatsapp_number.search(/^https:\/\/wa\.me\/\+?\d+$/)) === -1) {
         setAlertState({
           open: true,
           content: t('WHATS_APP_NUMBER_NOT_VALID', 'Whatsapp number is not valid')
         });
         return;
       }
-      if (formState !== null && formState !== void 0 && (_formState$changes3 = formState.changes) !== null && _formState$changes3 !== void 0 && _formState$changes3.tiktok_profile && (formState === null || formState === void 0 ? void 0 : (_formState$changes4 = formState.changes) === null || _formState$changes4 === void 0 ? void 0 : _formState$changes4.tiktok_profile.search(/^https:\/\/www\.tiktok\.com\/@.+$/)) === -1) {
+      if (formState !== null && formState !== void 0 && (_formState$changes3 = formState.changes) !== null && _formState$changes3 !== void 0 && _formState$changes3.tiktok_profile && (formState === null || formState === void 0 || (_formState$changes4 = formState.changes) === null || _formState$changes4 === void 0 ? void 0 : _formState$changes4.tiktok_profile.search(/^https:\/\/www\.tiktok\.com\/@.+$/)) === -1) {
         setAlertState({
           open: true,
           content: t('TIKTOK_USERNAME_NOT_VALID', 'TikTok user name is not valid')
@@ -186,7 +186,7 @@ var BusinessInformationUI = function BusinessInformationUI(props) {
       var _formState$result2;
       setAlertState({
         open: true,
-        content: formState === null || formState === void 0 ? void 0 : (_formState$result2 = formState.result) === null || _formState$result2 === void 0 ? void 0 : _formState$result2.result
+        content: formState === null || formState === void 0 || (_formState$result2 = formState.result) === null || _formState$result2 === void 0 ? void 0 : _formState$result2.result
       });
     }
   }, [formState === null || formState === void 0 ? void 0 : formState.result]);
@@ -211,12 +211,12 @@ var BusinessInformationUI = function BusinessInformationUI(props) {
     },
     accept: "image/png, image/jpeg, image/jpg",
     disabled: formState.loading
-  }, formState.loading ? /*#__PURE__*/_react.default.createElement(_styles2.SkeletonWrapper, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, null)) : !((_formState$changes5 = formState.changes) !== null && _formState$changes5 !== void 0 && _formState$changes5.header) || ((_formState$result3 = formState.result) === null || _formState$result3 === void 0 ? void 0 : _formState$result3.result) === 'Network Error' || formState.result.error ? (businessState === null || businessState === void 0 ? void 0 : (_businessState$busine2 = businessState.business) === null || _businessState$busine2 === void 0 ? void 0 : _businessState$busine2.header) && /*#__PURE__*/_react.default.createElement("img", {
-    src: businessState === null || businessState === void 0 ? void 0 : (_businessState$busine3 = businessState.business) === null || _businessState$busine3 === void 0 ? void 0 : _businessState$busine3.header,
+  }, formState.loading ? /*#__PURE__*/_react.default.createElement(_styles2.SkeletonWrapper, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, null)) : !((_formState$changes5 = formState.changes) !== null && _formState$changes5 !== void 0 && _formState$changes5.header) || ((_formState$result3 = formState.result) === null || _formState$result3 === void 0 ? void 0 : _formState$result3.result) === 'Network Error' || formState.result.error ? (businessState === null || businessState === void 0 || (_businessState$busine2 = businessState.business) === null || _businessState$busine2 === void 0 ? void 0 : _businessState$busine2.header) && /*#__PURE__*/_react.default.createElement("img", {
+    src: businessState === null || businessState === void 0 || (_businessState$busine3 = businessState.business) === null || _businessState$busine3 === void 0 ? void 0 : _businessState$busine3.header,
     alt: "header image",
     loading: "lazy"
-  }) : (formState === null || formState === void 0 ? void 0 : (_formState$changes6 = formState.changes) === null || _formState$changes6 === void 0 ? void 0 : _formState$changes6.header) && /*#__PURE__*/_react.default.createElement("img", {
-    src: formState === null || formState === void 0 ? void 0 : (_formState$changes7 = formState.changes) === null || _formState$changes7 === void 0 ? void 0 : _formState$changes7.header,
+  }) : (formState === null || formState === void 0 || (_formState$changes6 = formState.changes) === null || _formState$changes6 === void 0 ? void 0 : _formState$changes6.header) && /*#__PURE__*/_react.default.createElement("img", {
+    src: formState === null || formState === void 0 || (_formState$changes7 = formState.changes) === null || _formState$changes7 === void 0 ? void 0 : _formState$changes7.header,
     alt: "header image",
     loading: "lazy"
   }), /*#__PURE__*/_react.default.createElement(_styles2.UploadImageIconContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.UploadImageIcon, null, /*#__PURE__*/_react.default.createElement(_BiImage.default, null), /*#__PURE__*/_react.default.createElement("span", null, t('DRAG_DROP_IMAGE_HERE', 'Put your image here'))))))), /*#__PURE__*/_react.default.createElement(_styles2.LogoImage, {
@@ -238,12 +238,12 @@ var BusinessInformationUI = function BusinessInformationUI(props) {
     },
     accept: "image/png, image/jpeg, image/jpg",
     disabled: formState.loading
-  }, formState.loading ? /*#__PURE__*/_react.default.createElement(_styles2.SkeletonWrapper, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, null)) : !((_formState$changes8 = formState.changes) !== null && _formState$changes8 !== void 0 && _formState$changes8.logo) || ((_formState$result4 = formState.result) === null || _formState$result4 === void 0 ? void 0 : _formState$result4.result) === 'Network Error' || formState.result.error ? (businessState === null || businessState === void 0 ? void 0 : (_businessState$busine4 = businessState.business) === null || _businessState$busine4 === void 0 ? void 0 : _businessState$busine4.logo) && /*#__PURE__*/_react.default.createElement("img", {
-    src: businessState === null || businessState === void 0 ? void 0 : (_businessState$busine5 = businessState.business) === null || _businessState$busine5 === void 0 ? void 0 : _businessState$busine5.logo,
+  }, formState.loading ? /*#__PURE__*/_react.default.createElement(_styles2.SkeletonWrapper, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, null)) : !((_formState$changes8 = formState.changes) !== null && _formState$changes8 !== void 0 && _formState$changes8.logo) || ((_formState$result4 = formState.result) === null || _formState$result4 === void 0 ? void 0 : _formState$result4.result) === 'Network Error' || formState.result.error ? (businessState === null || businessState === void 0 || (_businessState$busine4 = businessState.business) === null || _businessState$busine4 === void 0 ? void 0 : _businessState$busine4.logo) && /*#__PURE__*/_react.default.createElement("img", {
+    src: businessState === null || businessState === void 0 || (_businessState$busine5 = businessState.business) === null || _businessState$busine5 === void 0 ? void 0 : _businessState$busine5.logo,
     alt: "logo image",
     loading: "lazy"
-  }) : (formState === null || formState === void 0 ? void 0 : (_formState$changes9 = formState.changes) === null || _formState$changes9 === void 0 ? void 0 : _formState$changes9.logo) && /*#__PURE__*/_react.default.createElement("img", {
-    src: formState === null || formState === void 0 ? void 0 : (_formState$changes10 = formState.changes) === null || _formState$changes10 === void 0 ? void 0 : _formState$changes10.logo,
+  }) : (formState === null || formState === void 0 || (_formState$changes9 = formState.changes) === null || _formState$changes9 === void 0 ? void 0 : _formState$changes9.logo) && /*#__PURE__*/_react.default.createElement("img", {
+    src: formState === null || formState === void 0 || (_formState$changes10 = formState.changes) === null || _formState$changes10 === void 0 ? void 0 : _formState$changes10.logo,
     alt: "logo image",
     loading: "lazy"
   }), /*#__PURE__*/_react.default.createElement(_styles2.UploadImageIconContainer, {
@@ -253,7 +253,7 @@ var BusinessInformationUI = function BusinessInformationUI(props) {
   }, /*#__PURE__*/_react.default.createElement(_BiImage.default, null)))))), /*#__PURE__*/_react.default.createElement(_styles2.InputWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('NAME', 'Name')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
     name: "name",
     placeholder: t('Name', 'name'),
-    defaultValue: (_formState$changes$na = formState === null || formState === void 0 ? void 0 : (_formState$changes11 = formState.changes) === null || _formState$changes11 === void 0 ? void 0 : _formState$changes11.name) !== null && _formState$changes$na !== void 0 ? _formState$changes$na : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine6 = businessState.business) === null || _businessState$busine6 === void 0 ? void 0 : _businessState$busine6.name,
+    defaultValue: (_formState$changes$na = formState === null || formState === void 0 || (_formState$changes11 = formState.changes) === null || _formState$changes11 === void 0 ? void 0 : _formState$changes11.name) !== null && _formState$changes$na !== void 0 ? _formState$changes$na : businessState === null || businessState === void 0 || (_businessState$busine6 = businessState.business) === null || _businessState$busine6 === void 0 ? void 0 : _businessState$busine6.name,
     onChange: handleChangeInput,
     ref: formMethods.register({
       required: t('BUSINESS_NAME_REQUIRED', 'Business name is required')
@@ -263,7 +263,7 @@ var BusinessInformationUI = function BusinessInformationUI(props) {
   })), /*#__PURE__*/_react.default.createElement(_styles2.InputWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('EXTERNAL_ID', 'External Id')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
     name: "external_id",
     placeholder: t('EXTERNAL_ID', 'External Id'),
-    defaultValue: (_formState$changes$ex = formState === null || formState === void 0 ? void 0 : (_formState$changes12 = formState.changes) === null || _formState$changes12 === void 0 ? void 0 : _formState$changes12.external_id) !== null && _formState$changes$ex !== void 0 ? _formState$changes$ex : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine7 = businessState.business) === null || _businessState$busine7 === void 0 ? void 0 : _businessState$busine7.external_id,
+    defaultValue: (_formState$changes$ex = formState === null || formState === void 0 || (_formState$changes12 = formState.changes) === null || _formState$changes12 === void 0 ? void 0 : _formState$changes12.external_id) !== null && _formState$changes$ex !== void 0 ? _formState$changes$ex : businessState === null || businessState === void 0 || (_businessState$busine7 = businessState.business) === null || _businessState$busine7 === void 0 ? void 0 : _businessState$busine7.external_id,
     onChange: handleChangeInput,
     disabled: formState.loading,
     autoComplete: "off",
@@ -275,38 +275,38 @@ var BusinessInformationUI = function BusinessInformationUI(props) {
   })), /*#__PURE__*/_react.default.createElement(_styles2.InputWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('SHORT_DESCRIPTION', 'Short description')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
     name: "description",
     placeholder: t('TYPE_BUSINESS_SHORT_DESCRIPTION', 'Write a little description'),
-    defaultValue: (_formState$changes$de = formState === null || formState === void 0 ? void 0 : (_formState$changes13 = formState.changes) === null || _formState$changes13 === void 0 ? void 0 : _formState$changes13.description) !== null && _formState$changes$de !== void 0 ? _formState$changes$de : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine8 = businessState.business) === null || _businessState$busine8 === void 0 ? void 0 : _businessState$busine8.description,
+    defaultValue: (_formState$changes$de = formState === null || formState === void 0 || (_formState$changes13 = formState.changes) === null || _formState$changes13 === void 0 ? void 0 : _formState$changes13.description) !== null && _formState$changes$de !== void 0 ? _formState$changes$de : businessState === null || businessState === void 0 || (_businessState$busine8 = businessState.business) === null || _businessState$busine8 === void 0 ? void 0 : _businessState$busine8.description,
     onChange: handleChangeInput,
     disabled: formState.loading,
     autoComplete: "off"
   })), /*#__PURE__*/_react.default.createElement(_styles2.PhoneWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.InputWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('PHONE_NUMBER', 'Phone number')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
     name: "phone",
     placeholder: "(000) 0000 000",
-    defaultValue: (_formState$changes$ph = formState === null || formState === void 0 ? void 0 : (_formState$changes14 = formState.changes) === null || _formState$changes14 === void 0 ? void 0 : _formState$changes14.phone) !== null && _formState$changes$ph !== void 0 ? _formState$changes$ph : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine9 = businessState.business) === null || _businessState$busine9 === void 0 ? void 0 : _businessState$busine9.phone,
+    defaultValue: (_formState$changes$ph = formState === null || formState === void 0 || (_formState$changes14 = formState.changes) === null || _formState$changes14 === void 0 ? void 0 : _formState$changes14.phone) !== null && _formState$changes$ph !== void 0 ? _formState$changes$ph : businessState === null || businessState === void 0 || (_businessState$busine9 = businessState.business) === null || _businessState$busine9 === void 0 ? void 0 : _businessState$busine9.phone,
     onChange: handleChangeInput,
     disabled: formState.loading,
     autoComplete: "off"
   })), /*#__PURE__*/_react.default.createElement(_styles2.InputWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('MOBILE_NUMBER', 'Mobile number'), " ", /*#__PURE__*/_react.default.createElement("span", null, t('OPTIONAL', 'Optional'))), /*#__PURE__*/_react.default.createElement(_styles.Input, {
     name: "cellphone",
     placeholder: "(000) 0000 000",
-    defaultValue: (_formState$changes$ce = formState === null || formState === void 0 ? void 0 : (_formState$changes15 = formState.changes) === null || _formState$changes15 === void 0 ? void 0 : _formState$changes15.cellphone) !== null && _formState$changes$ce !== void 0 ? _formState$changes$ce : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine10 = businessState.business) === null || _businessState$busine10 === void 0 ? void 0 : _businessState$busine10.cellphone,
+    defaultValue: (_formState$changes$ce = formState === null || formState === void 0 || (_formState$changes15 = formState.changes) === null || _formState$changes15 === void 0 ? void 0 : _formState$changes15.cellphone) !== null && _formState$changes$ce !== void 0 ? _formState$changes$ce : businessState === null || businessState === void 0 || (_businessState$busine10 = businessState.business) === null || _businessState$busine10 === void 0 ? void 0 : _businessState$busine10.cellphone,
     onChange: handleChangeInput,
     disabled: formState.loading,
     autoComplete: "off"
   }))), /*#__PURE__*/_react.default.createElement(_styles2.SwitchWrapper, null, /*#__PURE__*/_react.default.createElement("span", null, t('FEATURED', 'Featured')), /*#__PURE__*/_react.default.createElement(_styles.Switch, {
-    defaultChecked: (businessState === null || businessState === void 0 ? void 0 : (_businessState$busine11 = businessState.business) === null || _businessState$busine11 === void 0 ? void 0 : _businessState$busine11.featured) || false,
+    defaultChecked: (businessState === null || businessState === void 0 || (_businessState$busine11 = businessState.business) === null || _businessState$busine11 === void 0 ? void 0 : _businessState$busine11.featured) || false,
     onChange: function onChange(val) {
       return handleChangeSwtich('featured', val);
     }
   })), /*#__PURE__*/_react.default.createElement(_styles2.RibbonSwitchWrapper, null, /*#__PURE__*/_react.default.createElement("span", null, t('RIBBON', 'Ribbon')), /*#__PURE__*/_react.default.createElement(_styles.Switch, {
-    defaultChecked: (businessState === null || businessState === void 0 ? void 0 : (_businessState$busine12 = businessState.business) === null || _businessState$busine12 === void 0 ? void 0 : (_businessState$busine13 = _businessState$busine12.ribbon) === null || _businessState$busine13 === void 0 ? void 0 : _businessState$busine13.enabled) || false,
+    defaultChecked: (businessState === null || businessState === void 0 || (_businessState$busine12 = businessState.business) === null || _businessState$busine12 === void 0 || (_businessState$busine12 = _businessState$busine12.ribbon) === null || _businessState$busine12 === void 0 ? void 0 : _businessState$busine12.enabled) || false,
     onChange: function onChange(val) {
       return handleChangeEnable(val);
     }
-  })), (typeof (formState === null || formState === void 0 ? void 0 : (_formState$changes16 = formState.changes) === null || _formState$changes16 === void 0 ? void 0 : (_formState$changes16$ = _formState$changes16.ribbon) === null || _formState$changes16$ === void 0 ? void 0 : _formState$changes16$.enabled) !== 'undefined' ? formState === null || formState === void 0 ? void 0 : (_formState$changes17 = formState.changes) === null || _formState$changes17 === void 0 ? void 0 : (_formState$changes17$ = _formState$changes17.ribbon) === null || _formState$changes17$ === void 0 ? void 0 : _formState$changes17$.enabled : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine14 = businessState.business) === null || _businessState$busine14 === void 0 ? void 0 : (_businessState$busine15 = _businessState$busine14.ribbon) === null || _businessState$busine15 === void 0 ? void 0 : _businessState$busine15.enabled) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.InputWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('TEXT', 'Text')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
+  })), (typeof (formState === null || formState === void 0 || (_formState$changes16 = formState.changes) === null || _formState$changes16 === void 0 || (_formState$changes16 = _formState$changes16.ribbon) === null || _formState$changes16 === void 0 ? void 0 : _formState$changes16.enabled) !== 'undefined' ? formState === null || formState === void 0 || (_formState$changes17 = formState.changes) === null || _formState$changes17 === void 0 || (_formState$changes17 = _formState$changes17.ribbon) === null || _formState$changes17 === void 0 ? void 0 : _formState$changes17.enabled : businessState === null || businessState === void 0 || (_businessState$busine13 = businessState.business) === null || _businessState$busine13 === void 0 || (_businessState$busine13 = _businessState$busine13.ribbon) === null || _businessState$busine13 === void 0 ? void 0 : _businessState$busine13.enabled) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.InputWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('TEXT', 'Text')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
     name: "text",
     placeholder: t('TEXT', 'Text'),
-    defaultValue: (_formState$changes$ri = formState === null || formState === void 0 ? void 0 : (_formState$changes18 = formState.changes) === null || _formState$changes18 === void 0 ? void 0 : (_formState$changes18$ = _formState$changes18.ribbon) === null || _formState$changes18$ === void 0 ? void 0 : _formState$changes18$.text) !== null && _formState$changes$ri !== void 0 ? _formState$changes$ri : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine16 = businessState.business) === null || _businessState$busine16 === void 0 ? void 0 : (_businessState$busine17 = _businessState$busine16.ribbon) === null || _businessState$busine17 === void 0 ? void 0 : _businessState$busine17.text,
+    defaultValue: (_formState$changes$ri = formState === null || formState === void 0 || (_formState$changes18 = formState.changes) === null || _formState$changes18 === void 0 || (_formState$changes18 = _formState$changes18.ribbon) === null || _formState$changes18 === void 0 ? void 0 : _formState$changes18.text) !== null && _formState$changes$ri !== void 0 ? _formState$changes$ri : businessState === null || businessState === void 0 || (_businessState$busine14 = businessState.business) === null || _businessState$busine14 === void 0 || (_businessState$busine14 = _businessState$busine14.ribbon) === null || _businessState$busine14 === void 0 ? void 0 : _businessState$busine14.text,
     onChange: function onChange(e) {
       return handleChangeRibbon({
         text: e.target.value
@@ -315,39 +315,39 @@ var BusinessInformationUI = function BusinessInformationUI(props) {
     disabled: formState.loading,
     autoComplete: "off",
     ref: formMethods.register({
-      required: businessState !== null && businessState !== void 0 && (_businessState$busine18 = businessState.business) !== null && _businessState$busine18 !== void 0 && _businessState$busine18.ribbon && (typeof (formState === null || formState === void 0 ? void 0 : (_formState$changes19 = formState.changes) === null || _formState$changes19 === void 0 ? void 0 : (_formState$changes19$ = _formState$changes19.ribbon) === null || _formState$changes19$ === void 0 ? void 0 : _formState$changes19$.enabled) !== 'undefined' ? formState === null || formState === void 0 ? void 0 : (_formState$changes20 = formState.changes) === null || _formState$changes20 === void 0 ? void 0 : (_formState$changes20$ = _formState$changes20.ribbon) === null || _formState$changes20$ === void 0 ? void 0 : _formState$changes20$.enabled : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine19 = businessState.business) === null || _businessState$busine19 === void 0 ? void 0 : (_businessState$busine20 = _businessState$busine19.ribbon) === null || _businessState$busine20 === void 0 ? void 0 : _businessState$busine20.enabled) ? t('VALIDATION_ERROR_REQUIRED', 'The Ribbon text field is required').replace('_attribute_', t('Ribbon_Text', 'Ribbon text')) : false
+      required: businessState !== null && businessState !== void 0 && (_businessState$busine15 = businessState.business) !== null && _businessState$busine15 !== void 0 && _businessState$busine15.ribbon && (typeof (formState === null || formState === void 0 || (_formState$changes19 = formState.changes) === null || _formState$changes19 === void 0 || (_formState$changes19 = _formState$changes19.ribbon) === null || _formState$changes19 === void 0 ? void 0 : _formState$changes19.enabled) !== 'undefined' ? formState === null || formState === void 0 || (_formState$changes20 = formState.changes) === null || _formState$changes20 === void 0 || (_formState$changes20 = _formState$changes20.ribbon) === null || _formState$changes20 === void 0 ? void 0 : _formState$changes20.enabled : businessState === null || businessState === void 0 || (_businessState$busine16 = businessState.business) === null || _businessState$busine16 === void 0 || (_businessState$busine16 = _businessState$busine16.ribbon) === null || _businessState$busine16 === void 0 ? void 0 : _businessState$busine16.enabled) ? t('VALIDATION_ERROR_REQUIRED', 'The Ribbon text field is required').replace('_attribute_', t('Ribbon_Text', 'Ribbon text')) : false
     })
   })), /*#__PURE__*/_react.default.createElement(_styles2.ColorShapeWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.ColorWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('COLOR', 'Color')), /*#__PURE__*/_react.default.createElement(_Shared.ColorPicker, {
-    defaultColor: (_formState$changes$ri2 = formState === null || formState === void 0 ? void 0 : (_formState$changes21 = formState.changes) === null || _formState$changes21 === void 0 ? void 0 : (_formState$changes21$ = _formState$changes21.ribbon) === null || _formState$changes21$ === void 0 ? void 0 : _formState$changes21$.color) !== null && _formState$changes$ri2 !== void 0 ? _formState$changes$ri2 : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine21 = businessState.business) === null || _businessState$busine21 === void 0 ? void 0 : (_businessState$busine22 = _businessState$busine21.ribbon) === null || _businessState$busine22 === void 0 ? void 0 : _businessState$busine22.color,
+    defaultColor: (_formState$changes$ri2 = formState === null || formState === void 0 || (_formState$changes21 = formState.changes) === null || _formState$changes21 === void 0 || (_formState$changes21 = _formState$changes21.ribbon) === null || _formState$changes21 === void 0 ? void 0 : _formState$changes21.color) !== null && _formState$changes$ri2 !== void 0 ? _formState$changes$ri2 : businessState === null || businessState === void 0 || (_businessState$busine17 = businessState.business) === null || _businessState$busine17 === void 0 || (_businessState$busine17 = _businessState$busine17.ribbon) === null || _businessState$busine17 === void 0 ? void 0 : _businessState$busine17.color,
     onChangeColor: function onChangeColor(color) {
       return handleChangeRibbon({
         color: color
       });
     }
   })), /*#__PURE__*/_react.default.createElement(_styles2.ShapeWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('SHAPE', 'Shape')), /*#__PURE__*/_react.default.createElement(_styles2.ShapeContentWrapper, null, _utils.shape && Object.keys(_utils.shape).map(function (key, i) {
-    var _formState$changes22, _formState$changes22$, _formState$changes23, _formState$changes23$, _businessState$busine23, _businessState$busine24, _formState$changes24, _formState$changes24$, _formState$changes25, _formState$changes25$, _businessState$busine25, _businessState$busine26;
+    var _formState$changes22, _formState$changes23, _businessState$busine18, _formState$changes24, _formState$changes25, _businessState$busine19;
     return /*#__PURE__*/_react.default.createElement(_styles2.ShapeBoxWrapper, {
       key: i,
       shapeRect: _utils.shape[key] === (_utils.shape === null || _utils.shape === void 0 ? void 0 : _utils.shape.rectangleRound),
       round: _utils.shape[key] === (_utils.shape === null || _utils.shape === void 0 ? void 0 : _utils.shape.capsuleShape),
-      active: formState !== null && formState !== void 0 && (_formState$changes22 = formState.changes) !== null && _formState$changes22 !== void 0 && (_formState$changes22$ = _formState$changes22.ribbon) !== null && _formState$changes22$ !== void 0 && _formState$changes22$.shape ? (formState === null || formState === void 0 ? void 0 : (_formState$changes23 = formState.changes) === null || _formState$changes23 === void 0 ? void 0 : (_formState$changes23$ = _formState$changes23.ribbon) === null || _formState$changes23$ === void 0 ? void 0 : _formState$changes23$.shape) === _utils.shape[key] : (businessState === null || businessState === void 0 ? void 0 : (_businessState$busine23 = businessState.business) === null || _businessState$busine23 === void 0 ? void 0 : (_businessState$busine24 = _businessState$busine23.ribbon) === null || _businessState$busine24 === void 0 ? void 0 : _businessState$busine24.shape) === _utils.shape[key],
+      active: formState !== null && formState !== void 0 && (_formState$changes22 = formState.changes) !== null && _formState$changes22 !== void 0 && (_formState$changes22 = _formState$changes22.ribbon) !== null && _formState$changes22 !== void 0 && _formState$changes22.shape ? (formState === null || formState === void 0 || (_formState$changes23 = formState.changes) === null || _formState$changes23 === void 0 || (_formState$changes23 = _formState$changes23.ribbon) === null || _formState$changes23 === void 0 ? void 0 : _formState$changes23.shape) === _utils.shape[key] : (businessState === null || businessState === void 0 || (_businessState$busine18 = businessState.business) === null || _businessState$busine18 === void 0 || (_businessState$busine18 = _businessState$busine18.ribbon) === null || _businessState$busine18 === void 0 ? void 0 : _businessState$busine18.shape) === _utils.shape[key],
       onClick: function onClick() {
         return handleChangeRibbon({
           shape: _utils.shape[key]
         });
       }
-    }, /*#__PURE__*/_react.default.createElement("div", null), (formState !== null && formState !== void 0 && (_formState$changes24 = formState.changes) !== null && _formState$changes24 !== void 0 && (_formState$changes24$ = _formState$changes24.ribbon) !== null && _formState$changes24$ !== void 0 && _formState$changes24$.shape ? (formState === null || formState === void 0 ? void 0 : (_formState$changes25 = formState.changes) === null || _formState$changes25 === void 0 ? void 0 : (_formState$changes25$ = _formState$changes25.ribbon) === null || _formState$changes25$ === void 0 ? void 0 : _formState$changes25$.shape) === _utils.shape[key] : (businessState === null || businessState === void 0 ? void 0 : (_businessState$busine25 = businessState.business) === null || _businessState$busine25 === void 0 ? void 0 : (_businessState$busine26 = _businessState$busine25.ribbon) === null || _businessState$busine26 === void 0 ? void 0 : _businessState$busine26.shape) === _utils.shape[key]) ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, null) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null));
+    }, /*#__PURE__*/_react.default.createElement("div", null), (formState !== null && formState !== void 0 && (_formState$changes24 = formState.changes) !== null && _formState$changes24 !== void 0 && (_formState$changes24 = _formState$changes24.ribbon) !== null && _formState$changes24 !== void 0 && _formState$changes24.shape ? (formState === null || formState === void 0 || (_formState$changes25 = formState.changes) === null || _formState$changes25 === void 0 || (_formState$changes25 = _formState$changes25.ribbon) === null || _formState$changes25 === void 0 ? void 0 : _formState$changes25.shape) === _utils.shape[key] : (businessState === null || businessState === void 0 || (_businessState$busine19 = businessState.business) === null || _businessState$busine19 === void 0 || (_businessState$busine19 = _businessState$busine19.ribbon) === null || _businessState$busine19 === void 0 ? void 0 : _businessState$busine19.shape) === _utils.shape[key]) ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, null) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null));
   }))))), /*#__PURE__*/_react.default.createElement(_styles2.PriceFilterWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('PRICE_FILTER', 'Price filter')), /*#__PURE__*/_react.default.createElement(_styles2.PriceFilterListWrapper, null, priceList.map(function (item, i) {
-    var _formState$changes$pr, _formState$changes26, _businessState$busine27, _formState$changes$pr2, _formState$changes27, _businessState$busine28;
+    var _formState$changes$pr, _formState$changes26, _businessState$busine20, _formState$changes$pr2, _formState$changes27, _businessState$busine21;
     return /*#__PURE__*/_react.default.createElement(_styles2.PriceFilterItem, {
       key: i,
       onClick: function onClick() {
         return handleChangeSwtich('price_level', item.key);
       },
-      active: ((_formState$changes$pr = formState === null || formState === void 0 ? void 0 : (_formState$changes26 = formState.changes) === null || _formState$changes26 === void 0 ? void 0 : _formState$changes26.price_level) !== null && _formState$changes$pr !== void 0 ? _formState$changes$pr : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine27 = businessState.business) === null || _businessState$busine27 === void 0 ? void 0 : _businessState$busine27.price_level) === item.key
-    }, ((_formState$changes$pr2 = formState === null || formState === void 0 ? void 0 : (_formState$changes27 = formState.changes) === null || _formState$changes27 === void 0 ? void 0 : _formState$changes27.price_level) !== null && _formState$changes$pr2 !== void 0 ? _formState$changes$pr2 : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine28 = businessState.business) === null || _businessState$busine28 === void 0 ? void 0 : _businessState$busine28.price_level) === item.key ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, null) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null), /*#__PURE__*/_react.default.createElement("span", null, item.value));
+      active: ((_formState$changes$pr = formState === null || formState === void 0 || (_formState$changes26 = formState.changes) === null || _formState$changes26 === void 0 ? void 0 : _formState$changes26.price_level) !== null && _formState$changes$pr !== void 0 ? _formState$changes$pr : businessState === null || businessState === void 0 || (_businessState$busine20 = businessState.business) === null || _businessState$busine20 === void 0 ? void 0 : _businessState$busine20.price_level) === item.key
+    }, ((_formState$changes$pr2 = formState === null || formState === void 0 || (_formState$changes27 = formState.changes) === null || _formState$changes27 === void 0 ? void 0 : _formState$changes27.price_level) !== null && _formState$changes$pr2 !== void 0 ? _formState$changes$pr2 : businessState === null || businessState === void 0 || (_businessState$busine21 = businessState.business) === null || _businessState$busine21 === void 0 ? void 0 : _businessState$busine21.price_level) === item.key ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, null) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null), /*#__PURE__*/_react.default.createElement("span", null, item.value));
   }))), /*#__PURE__*/_react.default.createElement(_styles2.SocialWrapper, null, /*#__PURE__*/_react.default.createElement("h2", null, t('SOCIAL_NETWORKS', 'Social networks')), /*#__PURE__*/_react.default.createElement(_styles2.SocialItemWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.SocialItemHeader, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Facebook, null)), /*#__PURE__*/_react.default.createElement("span", null, t('FACEBOOK', 'Facebook'))), /*#__PURE__*/_react.default.createElement(_styles2.SocialItemContent, null, /*#__PURE__*/_react.default.createElement(ConvertInput, {
-    value: (_formState$changes$fa = formState === null || formState === void 0 ? void 0 : (_formState$changes28 = formState.changes) === null || _formState$changes28 === void 0 ? void 0 : _formState$changes28.facebook_profile) !== null && _formState$changes$fa !== void 0 ? _formState$changes$fa : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine29 = businessState.business) === null || _businessState$busine29 === void 0 ? void 0 : _businessState$busine29.facebook_profile,
+    value: (_formState$changes$fa = formState === null || formState === void 0 || (_formState$changes28 = formState.changes) === null || _formState$changes28 === void 0 ? void 0 : _formState$changes28.facebook_profile) !== null && _formState$changes$fa !== void 0 ? _formState$changes$fa : businessState === null || businessState === void 0 || (_businessState$busine22 = businessState.business) === null || _businessState$busine22 === void 0 ? void 0 : _businessState$busine22.facebook_profile,
     handleChangeValue: function handleChangeValue(val) {
       return handleChangeSwtich('facebook_profile', val);
     },
@@ -355,7 +355,7 @@ var BusinessInformationUI = function BusinessInformationUI(props) {
     placeholder: t('USER_OR_URL', 'User or url'),
     name: "facebook_profile"
   }))), /*#__PURE__*/_react.default.createElement(_styles2.SocialItemWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.SocialItemHeader, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Instagram, null)), /*#__PURE__*/_react.default.createElement("span", null, t('INSTAGRAM', 'Instagram'))), /*#__PURE__*/_react.default.createElement(_styles2.SocialItemContent, null, /*#__PURE__*/_react.default.createElement(ConvertInput, {
-    value: (_formState$changes$in = formState === null || formState === void 0 ? void 0 : (_formState$changes29 = formState.changes) === null || _formState$changes29 === void 0 ? void 0 : _formState$changes29.instagram_profile) !== null && _formState$changes$in !== void 0 ? _formState$changes$in : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine30 = businessState.business) === null || _businessState$busine30 === void 0 ? void 0 : _businessState$busine30.instagram_profile,
+    value: (_formState$changes$in = formState === null || formState === void 0 || (_formState$changes29 = formState.changes) === null || _formState$changes29 === void 0 ? void 0 : _formState$changes29.instagram_profile) !== null && _formState$changes$in !== void 0 ? _formState$changes$in : businessState === null || businessState === void 0 || (_businessState$busine23 = businessState.business) === null || _businessState$busine23 === void 0 ? void 0 : _businessState$busine23.instagram_profile,
     handleChangeValue: function handleChangeValue(val) {
       return handleChangeSwtich('instagram_profile', val);
     },
@@ -363,7 +363,7 @@ var BusinessInformationUI = function BusinessInformationUI(props) {
     placeholder: t('USER_OR_URL', 'User or url'),
     name: "instagram_profile"
   }))), /*#__PURE__*/_react.default.createElement(_styles2.SocialItemWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.SocialItemHeader, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Tiktok, null)), /*#__PURE__*/_react.default.createElement("span", null, t('TIK_TOK', 'Tik tok'))), /*#__PURE__*/_react.default.createElement(_styles2.SocialItemContent, null, /*#__PURE__*/_react.default.createElement(ConvertInput, {
-    value: (_formState$changes$ti = formState === null || formState === void 0 ? void 0 : (_formState$changes30 = formState.changes) === null || _formState$changes30 === void 0 ? void 0 : _formState$changes30.tiktok_profile) !== null && _formState$changes$ti !== void 0 ? _formState$changes$ti : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine31 = businessState.business) === null || _businessState$busine31 === void 0 ? void 0 : _businessState$busine31.tiktok_profile,
+    value: (_formState$changes$ti = formState === null || formState === void 0 || (_formState$changes30 = formState.changes) === null || _formState$changes30 === void 0 ? void 0 : _formState$changes30.tiktok_profile) !== null && _formState$changes$ti !== void 0 ? _formState$changes$ti : businessState === null || businessState === void 0 || (_businessState$busine24 = businessState.business) === null || _businessState$busine24 === void 0 ? void 0 : _businessState$busine24.tiktok_profile,
     handleChangeValue: function handleChangeValue(val) {
       return handleChangeSwtich('tiktok_profile', val);
     },
@@ -371,7 +371,7 @@ var BusinessInformationUI = function BusinessInformationUI(props) {
     placeholder: t('USER_OR_URL', 'User or url'),
     name: "tiktok_profile"
   }))), /*#__PURE__*/_react.default.createElement(_styles2.SocialItemWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.SocialItemHeader, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Pinterest, null)), /*#__PURE__*/_react.default.createElement("span", null, t('PINTEREST', 'Pinterest'))), /*#__PURE__*/_react.default.createElement(_styles2.SocialItemContent, null, /*#__PURE__*/_react.default.createElement(ConvertInput, {
-    value: (_formState$changes$pi = formState === null || formState === void 0 ? void 0 : (_formState$changes31 = formState.changes) === null || _formState$changes31 === void 0 ? void 0 : _formState$changes31.pinterest_profile) !== null && _formState$changes$pi !== void 0 ? _formState$changes$pi : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine32 = businessState.business) === null || _businessState$busine32 === void 0 ? void 0 : _businessState$busine32.pinterest_profile,
+    value: (_formState$changes$pi = formState === null || formState === void 0 || (_formState$changes31 = formState.changes) === null || _formState$changes31 === void 0 ? void 0 : _formState$changes31.pinterest_profile) !== null && _formState$changes$pi !== void 0 ? _formState$changes$pi : businessState === null || businessState === void 0 || (_businessState$busine25 = businessState.business) === null || _businessState$busine25 === void 0 ? void 0 : _businessState$busine25.pinterest_profile,
     handleChangeValue: function handleChangeValue(val) {
       return handleChangeSwtich('pinterest_profile', val);
     },
@@ -379,7 +379,7 @@ var BusinessInformationUI = function BusinessInformationUI(props) {
     placeholder: t('USER_OR_URL', 'User or url'),
     name: "pinterest_profile"
   }))), /*#__PURE__*/_react.default.createElement(_styles2.SocialItemWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.SocialItemHeader, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Whatsapp, null)), /*#__PURE__*/_react.default.createElement("span", null, t('WHATSAPP', 'Whatsapp'))), /*#__PURE__*/_react.default.createElement(_styles2.SocialItemContent, null, /*#__PURE__*/_react.default.createElement(ConvertInput, {
-    value: (_formState$changes$wh = formState === null || formState === void 0 ? void 0 : (_formState$changes32 = formState.changes) === null || _formState$changes32 === void 0 ? void 0 : _formState$changes32.whatsapp_number) !== null && _formState$changes$wh !== void 0 ? _formState$changes$wh : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine33 = businessState.business) === null || _businessState$busine33 === void 0 ? void 0 : _businessState$busine33.whatsapp_number,
+    value: (_formState$changes$wh = formState === null || formState === void 0 || (_formState$changes32 = formState.changes) === null || _formState$changes32 === void 0 ? void 0 : _formState$changes32.whatsapp_number) !== null && _formState$changes$wh !== void 0 ? _formState$changes$wh : businessState === null || businessState === void 0 || (_businessState$busine26 = businessState.business) === null || _businessState$busine26 === void 0 ? void 0 : _businessState$busine26.whatsapp_number,
     handleChangeValue: function handleChangeValue(val) {
       return handleChangeSwtich('whatsapp_number', val);
     },
@@ -387,7 +387,7 @@ var BusinessInformationUI = function BusinessInformationUI(props) {
     placeholder: t('PHONE_NUMBER', 'Phone number'),
     name: "whatsapp_number"
   }))), /*#__PURE__*/_react.default.createElement(_styles2.SocialItemWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.SocialItemHeader, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Snapchat, null)), /*#__PURE__*/_react.default.createElement("span", null, t('SNAPCHAT', 'Snapchat'))), /*#__PURE__*/_react.default.createElement(_styles2.SocialItemContent, null, /*#__PURE__*/_react.default.createElement(ConvertInput, {
-    value: (_formState$changes$sn = formState === null || formState === void 0 ? void 0 : (_formState$changes33 = formState.changes) === null || _formState$changes33 === void 0 ? void 0 : _formState$changes33.snapchat_profile) !== null && _formState$changes$sn !== void 0 ? _formState$changes$sn : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine34 = businessState.business) === null || _businessState$busine34 === void 0 ? void 0 : _businessState$busine34.snapchat_profile,
+    value: (_formState$changes$sn = formState === null || formState === void 0 || (_formState$changes33 = formState.changes) === null || _formState$changes33 === void 0 ? void 0 : _formState$changes33.snapchat_profile) !== null && _formState$changes$sn !== void 0 ? _formState$changes$sn : businessState === null || businessState === void 0 || (_businessState$busine27 = businessState.business) === null || _businessState$busine27 === void 0 ? void 0 : _businessState$busine27.snapchat_profile,
     handleChangeValue: function handleChangeValue(val) {
       return handleChangeSwtich('snapchat_profile', val);
     },

package/_modules/components/Stores/BusinessLocation/index.js

@@ -27,7 +27,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 BusinessLocation = function BusinessLocation(props) {
-  var _configs$google_maps_, _configs$google_maps_2, _ref2, _formState$changes$ti, _formState$changes, _formState$result, _formState$result2, _formState$result2$re, _ref3, _formState$changes$ad, _formState$changes2, _configs$country_auto, _formState$result3, _formState$result4, _formState$result4$re, _ref4, _formState$changes$ad2, _formState$changes3;
+  var _configs$google_maps_, _configs$google_maps_2, _ref2, _formState$changes$ti, _formState$changes, _formState$result, _formState$result2, _ref3, _formState$changes$ad, _formState$changes2, _configs$country_auto, _formState$result3, _formState$result4, _ref4, _formState$changes$ad2, _formState$changes3;
   var business = props.business,
     formState = props.formState,
     setFormState = props.setFormState,
@@ -38,7 +38,7 @@ var BusinessLocation = function BusinessLocation(props) {
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
-  var googleMapsApiKey = configs === null || configs === void 0 ? void 0 : (_configs$google_maps_ = configs.google_maps_api_key) === null || _configs$google_maps_ === void 0 ? void 0 : _configs$google_maps_.value;
+  var googleMapsApiKey = configs === null || configs === void 0 || (_configs$google_maps_ = configs.google_maps_api_key) === null || _configs$google_maps_ === void 0 ? void 0 : _configs$google_maps_.value;
   var _useState = (0, _react.useState)(),
     _useState2 = _slicedToArray(_useState, 2),
     location = _useState2[0],
@@ -96,7 +96,7 @@ var BusinessLocation = function BusinessLocation(props) {
             date = new Date();
             timestamp = Math.floor(date.getTime() / 1000);
             timezoneApiKey = googleMapsApiKey === 'AIzaSyBvsSkMYPSDSkdk7YFrSf5FoGonIzr6fJ0' ? 'AIzaSyCYPCOfiTo9jxuxLWnWTup6mmICPxfLegI' : googleMapsApiKey;
-            url = "https://maps.googleapis.com/maps/api/timezone/json?location=".concat(address === null || address === void 0 ? void 0 : (_address$location = address.location) === null || _address$location === void 0 ? void 0 : _address$location.lat, ",").concat(address === null || address === void 0 ? void 0 : (_address$location2 = address.location) === null || _address$location2 === void 0 ? void 0 : _address$location2.lng, "&timestamp=").concat(timestamp, "&key=").concat(timezoneApiKey);
+            url = "https://maps.googleapis.com/maps/api/timezone/json?location=".concat(address === null || address === void 0 || (_address$location = address.location) === null || _address$location === void 0 ? void 0 : _address$location.lat, ",").concat(address === null || address === void 0 || (_address$location2 = address.location) === null || _address$location2 === void 0 ? void 0 : _address$location2.lng, "&timestamp=").concat(timestamp, "&key=").concat(timezoneApiKey);
             _context.next = 6;
             return fetch(url, {
               method: 'GET'
@@ -151,7 +151,7 @@ var BusinessLocation = function BusinessLocation(props) {
     setLocation(_objectSpread({}, business === null || business === void 0 ? void 0 : business.location));
   }, [business === null || business === void 0 ? void 0 : business.location]);
   return /*#__PURE__*/_react.default.createElement(_styles2.Container, null, location && /*#__PURE__*/_react.default.createElement(_styles2.WrapperMap, null, /*#__PURE__*/_react.default.createElement(_orderingComponentsAdminExternal.GoogleMapsMap, {
-    apiKey: configs === null || configs === void 0 ? void 0 : (_configs$google_maps_2 = configs.google_maps_api_key) === null || _configs$google_maps_2 === void 0 ? void 0 : _configs$google_maps_2.value,
+    apiKey: configs === null || configs === void 0 || (_configs$google_maps_2 = configs.google_maps_api_key) === null || _configs$google_maps_2 === void 0 ? void 0 : _configs$google_maps_2.value,
     location: location,
     mapControls: googleMapsControls,
     handleChangeCenter: handleChangeCenter,
@@ -172,12 +172,12 @@ var BusinessLocation = function BusinessLocation(props) {
     onChange: function onChange(e) {
       handleChangeInput(e.target.value);
     },
-    defaultValue: formState !== null && formState !== void 0 && (_formState$result = formState.result) !== null && _formState$result !== void 0 && _formState$result.result ? formState === null || formState === void 0 ? void 0 : (_formState$result2 = formState.result) === null || _formState$result2 === void 0 ? void 0 : (_formState$result2$re = _formState$result2.result) === null || _formState$result2$re === void 0 ? void 0 : _formState$result2$re.address : (_ref3 = (_formState$changes$ad = formState === null || formState === void 0 ? void 0 : (_formState$changes2 = formState.changes) === null || _formState$changes2 === void 0 ? void 0 : _formState$changes2.address) !== null && _formState$changes$ad !== void 0 ? _formState$changes$ad : business === null || business === void 0 ? void 0 : business.address) !== null && _ref3 !== void 0 ? _ref3 : '',
+    defaultValue: formState !== null && formState !== void 0 && (_formState$result = formState.result) !== null && _formState$result !== void 0 && _formState$result.result ? formState === null || formState === void 0 || (_formState$result2 = formState.result) === null || _formState$result2 === void 0 || (_formState$result2 = _formState$result2.result) === null || _formState$result2 === void 0 ? void 0 : _formState$result2.address : (_ref3 = (_formState$changes$ad = formState === null || formState === void 0 || (_formState$changes2 = formState.changes) === null || _formState$changes2 === void 0 ? void 0 : _formState$changes2.address) !== null && _formState$changes$ad !== void 0 ? _formState$changes$ad : business === null || business === void 0 ? void 0 : business.address) !== null && _ref3 !== void 0 ? _ref3 : '',
     autoComplete: "new-password",
-    countryCode: (configs === null || configs === void 0 ? void 0 : (_configs$country_auto = configs.country_autocomplete) === null || _configs$country_auto === void 0 ? void 0 : _configs$country_auto.value) || '*'
+    countryCode: (configs === null || configs === void 0 || (_configs$country_auto = configs.country_autocomplete) === null || _configs$country_auto === void 0 ? void 0 : _configs$country_auto.value) || '*'
   })), /*#__PURE__*/_react.default.createElement(_styles2.WrapperAddressnotes, null, /*#__PURE__*/_react.default.createElement("label", null, t('ADDRESS_NOTES', 'Address notes')), /*#__PURE__*/_react.default.createElement(_styles.TextArea, {
     rows: 4,
-    defaultValue: formState !== null && formState !== void 0 && (_formState$result3 = formState.result) !== null && _formState$result3 !== void 0 && _formState$result3.result ? formState === null || formState === void 0 ? void 0 : (_formState$result4 = formState.result) === null || _formState$result4 === void 0 ? void 0 : (_formState$result4$re = _formState$result4.result) === null || _formState$result4$re === void 0 ? void 0 : _formState$result4$re.address_notes : (_ref4 = (_formState$changes$ad2 = formState === null || formState === void 0 ? void 0 : (_formState$changes3 = formState.changes) === null || _formState$changes3 === void 0 ? void 0 : _formState$changes3.address_notes) !== null && _formState$changes$ad2 !== void 0 ? _formState$changes$ad2 : business === null || business === void 0 ? void 0 : business.address_notes) !== null && _ref4 !== void 0 ? _ref4 : '',
+    defaultValue: formState !== null && formState !== void 0 && (_formState$result3 = formState.result) !== null && _formState$result3 !== void 0 && _formState$result3.result ? formState === null || formState === void 0 || (_formState$result4 = formState.result) === null || _formState$result4 === void 0 || (_formState$result4 = _formState$result4.result) === null || _formState$result4 === void 0 ? void 0 : _formState$result4.address_notes : (_ref4 = (_formState$changes$ad2 = formState === null || formState === void 0 || (_formState$changes3 = formState.changes) === null || _formState$changes3 === void 0 ? void 0 : _formState$changes3.address_notes) !== null && _formState$changes$ad2 !== void 0 ? _formState$changes$ad2 : business === null || business === void 0 ? void 0 : business.address_notes) !== null && _ref4 !== void 0 ? _ref4 : '',
     onChange: function onChange(e) {
       return handleChangeTextarea(e.target.value);
     },

package/_modules/components/Stores/BusinessMenu/index.js

@@ -99,7 +99,7 @@ var BusinessMenuUI = function BusinessMenuUI(props) {
   };
   var handleOpenEdit = function handleOpenEdit(e, menu, isInitialRender) {
     var _e$target;
-    var isInvalid = e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.closest('.business_checkbox_control');
+    var isInvalid = e === null || e === void 0 || (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.closest('.business_checkbox_control');
     if (isInvalid) return;
     handleOpenOptions('option', menu);
     if (!isInitialRender) {
@@ -113,7 +113,7 @@ var BusinessMenuUI = function BusinessMenuUI(props) {
     var updatedMenus = _toConsumableArray(isSelectedSharedMenus ? businessMenusState === null || businessMenusState === void 0 ? void 0 : businessMenusState.menusShared : businessMenusState === null || businessMenusState === void 0 ? void 0 : businessMenusState.menus);
     var filteredMenus = updatedMenus.filter(function (menu) {
       var _menu$name;
-      return menu === null || menu === void 0 ? void 0 : (_menu$name = menu.name) === null || _menu$name === void 0 ? void 0 : _menu$name.toLowerCase().includes(searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase());
+      return menu === null || menu === void 0 || (_menu$name = menu.name) === null || _menu$name === void 0 ? void 0 : _menu$name.toLowerCase().includes(searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase());
     });
     setMenuList(filteredMenus);
   }, [JSON.stringify(businessMenusState.menus), JSON.stringify(businessMenusState.menusShared), searchValue, isSelectedSharedMenus]);