ordering-ui-admin-external 1.30.6 → 1.30.7

package/_modules/components/Loyalty/PointsWalletBusinessDetail/index.js

@@ -116,14 +116,14 @@ var PointsWalletBusinessDetailUI = function PointsWalletBusinessDetailUI(props)
     }
     if (Object.keys(formState === null || formState === void 0 ? void 0 : formState.changes).length > 0) {
       var _formState$changes, _formState$changes2;
-      if ((formState === null || formState === void 0 ? void 0 : (_formState$changes = formState.changes) === null || _formState$changes === void 0 ? void 0 : _formState$changes.redemption_rate) === '') {
+      if ((formState === null || formState === void 0 || (_formState$changes = formState.changes) === null || _formState$changes === void 0 ? void 0 : _formState$changes.redemption_rate) === '') {
         setAlertState({
           open: true,
           content: t('VALIDATION_ERROR_REQUIRED', 'Value is required').replace('_attribute_', 'redemption_rate')
         });
         return;
       }
-      if ((formState === null || formState === void 0 ? void 0 : (_formState$changes2 = formState.changes) === null || _formState$changes2 === void 0 ? void 0 : _formState$changes2.accumulation_rate) === '') {
+      if ((formState === null || formState === void 0 || (_formState$changes2 = formState.changes) === null || _formState$changes2 === void 0 ? void 0 : _formState$changes2.accumulation_rate) === '') {
         setAlertState({
           open: true,
           content: t('VALIDATION_ERROR_REQUIRED', 'Value is required').replace('_attribute_', 'accumulation_rate')
@@ -150,7 +150,7 @@ var PointsWalletBusinessDetailUI = function PointsWalletBusinessDetailUI(props)
   }, [formState === null || formState === void 0 ? void 0 : formState.error]);
   (0, _react.useEffect)(function () {
     var _formState$changes3, _formState$changes4;
-    if (formState !== null && formState !== void 0 && (_formState$changes3 = formState.changes) !== null && _formState$changes3 !== void 0 && _formState$changes3.maximum_accumulation ? formState === null || formState === void 0 ? void 0 : (_formState$changes4 = formState.changes) === null || _formState$changes4 === void 0 ? void 0 : _formState$changes4.maximum_accumulation : walletData === null || walletData === void 0 ? void 0 : walletData.maximum_accumulation) {
+    if (formState !== null && formState !== void 0 && (_formState$changes3 = formState.changes) !== null && _formState$changes3 !== void 0 && _formState$changes3.maximum_accumulation ? formState === null || formState === void 0 || (_formState$changes4 = formState.changes) === null || _formState$changes4 === void 0 ? void 0 : _formState$changes4.maximum_accumulation : walletData === null || walletData === void 0 ? void 0 : walletData.maximum_accumulation) {
       setIsMaximum(true);
     } else {
       setIsMaximum(false);
@@ -173,7 +173,7 @@ var PointsWalletBusinessDetailUI = function PointsWalletBusinessDetailUI(props)
     placeholder: "00 points",
     name: "redemption_rate",
     autoComplete: "off",
-    value: typeof (formState === null || formState === void 0 ? void 0 : (_formState$changes5 = formState.changes) === null || _formState$changes5 === void 0 ? void 0 : _formState$changes5.redemption_rate) !== 'undefined' ? formState === null || formState === void 0 ? void 0 : (_formState$changes6 = formState.changes) === null || _formState$changes6 === void 0 ? void 0 : _formState$changes6.redemption_rate : (_walletData$redemptio = walletData === null || walletData === void 0 ? void 0 : walletData.redemption_rate) !== null && _walletData$redemptio !== void 0 ? _walletData$redemptio : '',
+    value: typeof (formState === null || formState === void 0 || (_formState$changes5 = formState.changes) === null || _formState$changes5 === void 0 ? void 0 : _formState$changes5.redemption_rate) !== 'undefined' ? formState === null || formState === void 0 || (_formState$changes6 = formState.changes) === null || _formState$changes6 === void 0 ? void 0 : _formState$changes6.redemption_rate : (_walletData$redemptio = walletData === null || walletData === void 0 ? void 0 : walletData.redemption_rate) !== null && _walletData$redemptio !== void 0 ? _walletData$redemptio : '',
     onChange: handleChangeInput,
     onKeyPress: function onKeyPress(e) {
       if (!/^[0-9.]$/.test(e.key)) {
@@ -187,7 +187,7 @@ var PointsWalletBusinessDetailUI = function PointsWalletBusinessDetailUI(props)
     placeholder: "00 points",
     name: "accumulation_rate",
     autoComplete: "off",
-    value: typeof (formState === null || formState === void 0 ? void 0 : (_formState$changes7 = formState.changes) === null || _formState$changes7 === void 0 ? void 0 : _formState$changes7.accumulation_rate) !== 'undefined' ? formState === null || formState === void 0 ? void 0 : (_formState$changes8 = formState.changes) === null || _formState$changes8 === void 0 ? void 0 : _formState$changes8.accumulation_rate : (_walletData$accumulat = walletData === null || walletData === void 0 ? void 0 : walletData.accumulation_rate) !== null && _walletData$accumulat !== void 0 ? _walletData$accumulat : '',
+    value: typeof (formState === null || formState === void 0 || (_formState$changes7 = formState.changes) === null || _formState$changes7 === void 0 ? void 0 : _formState$changes7.accumulation_rate) !== 'undefined' ? formState === null || formState === void 0 || (_formState$changes8 = formState.changes) === null || _formState$changes8 === void 0 ? void 0 : _formState$changes8.accumulation_rate : (_walletData$accumulat = walletData === null || walletData === void 0 ? void 0 : walletData.accumulation_rate) !== null && _walletData$accumulat !== void 0 ? _walletData$accumulat : '',
     onChange: handleChangeInput,
     onKeyPress: function onKeyPress(e) {
       if (!/^[0-9.]$/.test(e.key)) {
@@ -203,7 +203,7 @@ var PointsWalletBusinessDetailUI = function PointsWalletBusinessDetailUI(props)
     type: "text",
     placeholder: "00 points",
     name: "maximum_accumulation",
-    value: (_ref = (_formState$changes$ma = formState === null || formState === void 0 ? void 0 : (_formState$changes9 = formState.changes) === null || _formState$changes9 === void 0 ? void 0 : _formState$changes9.maximum_accumulation) !== null && _formState$changes$ma !== void 0 ? _formState$changes$ma : walletData === null || walletData === void 0 ? void 0 : walletData.maximum_accumulation) !== null && _ref !== void 0 ? _ref : '',
+    value: (_ref = (_formState$changes$ma = formState === null || formState === void 0 || (_formState$changes9 = formState.changes) === null || _formState$changes9 === void 0 ? void 0 : _formState$changes9.maximum_accumulation) !== null && _formState$changes$ma !== void 0 ? _formState$changes$ma : walletData === null || walletData === void 0 ? void 0 : walletData.maximum_accumulation) !== null && _ref !== void 0 ? _ref : '',
     onChange: handleChangeInput,
     onKeyPress: function onKeyPress(e) {
       if (!/^[0-9.]$/.test(e.key)) {

package/_modules/components/Loyalty/PointsWalletBusinessList/index.js

@@ -164,7 +164,7 @@ var PointsWalletBusinessListUI = function PointsWalletBusinessListUI(props) {
       if (searchVal) {
         filteredBusinessList = businessList.businesses.filter(function (business) {
           var _business$name;
-          return business === null || business === void 0 ? void 0 : (_business$name = business.name) === null || _business$name === void 0 ? void 0 : _business$name.toLowerCase().includes(searchVal === null || searchVal === void 0 ? void 0 : searchVal.toLowerCase());
+          return business === null || business === void 0 || (_business$name = business.name) === null || _business$name === void 0 ? void 0 : _business$name.toLowerCase().includes(searchVal === null || searchVal === void 0 ? void 0 : searchVal.toLowerCase());
         });
       } else {
         filteredBusinessList = _toConsumableArray(businessList.businesses);
@@ -254,7 +254,7 @@ var PointsWalletBusinessListUI = function PointsWalletBusinessListUI(props) {
   })) : /*#__PURE__*/_react.default.createElement(_styles2.BusinessTable, null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", {
     className: "business-info"
   }, t('BUSINESSES', 'Businesses')), /*#__PURE__*/_react.default.createElement("th", null, t('ORDERS_BOX_STATUS_HEADER', 'Status')), /*#__PURE__*/_react.default.createElement("th", null, t('REDEEEM', 'Redeeem')), /*#__PURE__*/_react.default.createElement("th", null, t('ACCUMULATION', 'Accumulation')), /*#__PURE__*/_react.default.createElement("th", null))), currentPages.map(function (business, i) {
-    var _theme$images, _theme$images$dummies;
+    var _theme$images;
     return /*#__PURE__*/_react.default.createElement(_styles2.TBoday, {
       key: i,
       active: (business === null || business === void 0 ? void 0 : business.id) === (selectedBusiness === null || selectedBusiness === void 0 ? void 0 : selectedBusiness.id),
@@ -262,7 +262,7 @@ var PointsWalletBusinessListUI = function PointsWalletBusinessListUI(props) {
         return handleClickBusiness(business, e);
       }
     }, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles2.BusinessInfoWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.WrapperImage, null, /*#__PURE__*/_react.default.createElement(_styles2.Image, {
-      bgimage: 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_120,c_limit')
+      bgimage: 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_120,c_limit')
     })), /*#__PURE__*/_react.default.createElement("span", null, business === null || business === void 0 ? void 0 : business.name))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles2.CheckBoxWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Switch, {
       className: "wallet_enabled",
       defaultChecked: business === null || business === void 0 ? void 0 : business.wallet_enabled,

package/_modules/components/Loyalty/PointsWalletLevels/index.js

@@ -121,8 +121,8 @@ var PointsWalletLevelsUI = function PointsWalletLevelsUI(props) {
       width: 16,
       height: 16
     }));
-  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (levelList === null || levelList === void 0 ? void 0 : (_levelList$levels = levelList.levels) === null || _levelList$levels === void 0 ? void 0 : _levelList$levels.length) > 0 && (levelList === null || levelList === void 0 ? void 0 : levelList.levels.map(function (level, i) {
-    var _theme$images, _theme$images$dummies;
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (levelList === null || levelList === void 0 || (_levelList$levels = levelList.levels) === null || _levelList$levels === void 0 ? void 0 : _levelList$levels.length) > 0 && (levelList === null || levelList === void 0 ? void 0 : levelList.levels.map(function (level, i) {
+    var _theme$images;
     return /*#__PURE__*/_react.default.createElement(_styles.LevelItemContainer, {
       key: i,
       onClick: function onClick() {
@@ -130,7 +130,7 @@ var PointsWalletLevelsUI = function PointsWalletLevelsUI(props) {
       },
       active: (level === null || level === void 0 ? void 0 : level.id) === (selectedLevel === null || selectedLevel === void 0 ? void 0 : selectedLevel.id)
     }, /*#__PURE__*/_react.default.createElement(_styles.InfoWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.WrapperImage, null, /*#__PURE__*/_react.default.createElement(_styles.Image, {
-      bgimage: optimizeImage((level === null || level === void 0 ? void 0 : level.image) || ((_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))
+      bgimage: optimizeImage((level === null || level === void 0 ? void 0 : level.image) || ((_theme$images = theme.images) === null || _theme$images === void 0 || (_theme$images = _theme$images.dummies) === null || _theme$images === void 0 ? void 0 : _theme$images.businessLogo))
     })), /*#__PURE__*/_react.default.createElement(_styles.LevelName, null, level === null || level === void 0 ? void 0 : level.name)), /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ChevronRight, null));
   })))), /*#__PURE__*/_react.default.createElement(_styles.LevelBottomContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.Button, {
     color: "primary",

package/_modules/components/Marketing/BannerDetails/Businesses/index.js

@@ -49,7 +49,7 @@ var Businesses = function Businesses(props) {
     if (searchValue) {
       _filteredBusinesses = businessList.businesses.filter(function (business) {
         var _business$name;
-        return business === null || business === void 0 ? void 0 : (_business$name = business.name) === null || _business$name === void 0 ? void 0 : _business$name.toLowerCase().includes(searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase());
+        return business === null || business === void 0 || (_business$name = business.name) === null || _business$name === void 0 ? void 0 : _business$name.toLowerCase().includes(searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase());
       });
     } else {
       _filteredBusinesses = _toConsumableArray(businessList.businesses);

package/_modules/components/Marketing/BannerDetails/index.js

@@ -72,7 +72,7 @@ var BannerDetailsUI = function BannerDetailsUI(props) {
     setConfirm = _useState6[1];
   var tabOptions = (0, _react.useMemo)(function () {
     var _bannerState$banner, _bannerState$banner2;
-    if ((bannerState === null || bannerState === void 0 ? void 0 : (_bannerState$banner = bannerState.banner) === null || _bannerState$banner === void 0 ? void 0 : _bannerState$banner.position) === 'web_business_page' || (bannerState === null || bannerState === void 0 ? void 0 : (_bannerState$banner2 = bannerState.banner) === null || _bannerState$banner2 === void 0 ? void 0 : _bannerState$banner2.position) === 'app_business_page') {
+    if ((bannerState === null || bannerState === void 0 || (_bannerState$banner = bannerState.banner) === null || _bannerState$banner === void 0 ? void 0 : _bannerState$banner.position) === 'web_business_page' || (bannerState === null || bannerState === void 0 || (_bannerState$banner2 = bannerState.banner) === null || _bannerState$banner2 === void 0 ? void 0 : _bannerState$banner2.position) === 'app_business_page') {
       return [{
         key: 'images',
         content: t('IMAGES', 'Images')
@@ -120,7 +120,7 @@ var BannerDetailsUI = function BannerDetailsUI(props) {
     }, 750);
     setTimer(_timer);
   };
-  return /*#__PURE__*/_react.default.createElement(_styles2.Container, null, /*#__PURE__*/_react.default.createElement(_styles2.HeaderContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.LeftHeader, null, /*#__PURE__*/_react.default.createElement("h1", null, isAddMode ? t('ADD_BANNER', 'Add banner') : bannerState === null || bannerState === void 0 ? void 0 : (_bannerState$banner3 = bannerState.banner) === null || _bannerState$banner3 === void 0 ? void 0 : _bannerState$banner3.name), !isAddMode && /*#__PURE__*/_react.default.createElement(_styles.Switch, {
+  return /*#__PURE__*/_react.default.createElement(_styles2.Container, null, /*#__PURE__*/_react.default.createElement(_styles2.HeaderContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.LeftHeader, null, /*#__PURE__*/_react.default.createElement("h1", null, isAddMode ? t('ADD_BANNER', 'Add banner') : bannerState === null || bannerState === void 0 || (_bannerState$banner3 = bannerState.banner) === null || _bannerState$banner3 === void 0 ? void 0 : _bannerState$banner3.name), !isAddMode && /*#__PURE__*/_react.default.createElement(_styles.Switch, {
     defaultChecked: (_bannerState$banner4 = bannerState.banner) === null || _bannerState$banner4 === void 0 ? void 0 : _bannerState$banner4.enabled,
     onChange: function onChange(enabled) {
       return handleUpdateClick({
@@ -136,9 +136,9 @@ var BannerDetailsUI = function BannerDetailsUI(props) {
       return onClickDeleteBanner();
     }
   }, t('DELETE', 'Delete')))))), !isAddMode && /*#__PURE__*/_react.default.createElement(_styles2.FormController, {
-    key: bannerState === null || bannerState === void 0 ? void 0 : (_bannerState$banner5 = bannerState.banner) === null || _bannerState$banner5 === void 0 ? void 0 : _bannerState$banner5.id
+    key: bannerState === null || bannerState === void 0 || (_bannerState$banner5 = bannerState.banner) === null || _bannerState$banner5 === void 0 ? void 0 : _bannerState$banner5.id
   }, /*#__PURE__*/_react.default.createElement("label", null, t('NAME', 'Name')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
-    defaultValue: (bannerState === null || bannerState === void 0 ? void 0 : (_bannerState$banner6 = bannerState.banner) === null || _bannerState$banner6 === void 0 ? void 0 : _bannerState$banner6.name) || '',
+    defaultValue: (bannerState === null || bannerState === void 0 || (_bannerState$banner6 = bannerState.banner) === null || _bannerState$banner6 === void 0 ? void 0 : _bannerState$banner6.name) || '',
     onChange: function onChange(e) {
       return handleChangeBannerName(e.target.value);
     }
@@ -162,7 +162,7 @@ var BannerDetailsUI = function BannerDetailsUI(props) {
       }
     }, option.content);
   })), selectedTab === 'images' && /*#__PURE__*/_react.default.createElement(_BannerImages.BannerImages, _extends({}, props, {
-    bannerId: bannerState === null || bannerState === void 0 ? void 0 : (_bannerState$banner7 = bannerState.banner) === null || _bannerState$banner7 === void 0 ? void 0 : _bannerState$banner7.id,
+    bannerId: bannerState === null || bannerState === void 0 || (_bannerState$banner7 = bannerState.banner) === null || _bannerState$banner7 === void 0 ? void 0 : _bannerState$banner7.id,
     setBannerMoveDistance: setBannerMoveDistance
   })), selectedTab === 'businesses' && /*#__PURE__*/_react.default.createElement(_Businesses.Businesses, {
     actionState: actionState,

package/_modules/components/Marketing/BannerImageDetails/BusinessLink.js

@@ -55,7 +55,7 @@ var BusinessLink = function BusinessLink(props) {
       width: 100
     })));
   })) : /*#__PURE__*/_react.default.createElement(_styles.BusinessListWrapper, null, businessList.businesses.length > 0 ? businessList.businesses.map(function (business) {
-    var _theme$images, _theme$images$dummies;
+    var _theme$images;
     return /*#__PURE__*/_react.default.createElement(_styles.BusinessItemContainer, {
       key: business.id
     }, /*#__PURE__*/_react.default.createElement(_styles.RadioButton, {
@@ -67,7 +67,7 @@ var BusinessLink = function BusinessLink(props) {
     }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, {
       color: theme.colors.secundaryLight
     })), /*#__PURE__*/_react.default.createElement(_styles.WrapperImage, null, /*#__PURE__*/_react.default.createElement(_styles.Image, {
-      bgimage: 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_40,c_limit')
+      bgimage: 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_40,c_limit')
     })), /*#__PURE__*/_react.default.createElement(_styles.BusinessName, null, business === null || business === void 0 ? void 0 : business.name));
   }) : /*#__PURE__*/_react.default.createElement(_Shared.NotFoundSource, null)));
 };

package/_modules/components/Marketing/BannerImageDetails/ProductLink.js

@@ -45,13 +45,13 @@ var ProductLink = function ProductLink(props) {
   (0, _react.useEffect)(function () {
     if (businessList.loading) return;
     var _businessOptions = businessList.businesses.map(function (business) {
-      var _theme$images, _theme$images$dummies, _business$city;
+      var _theme$images, _business$city;
       return {
         value: business.id,
         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, /*#__PURE__*/_react.default.createElement("b", null, business === null || business === void 0 ? void 0 : business.name), business === null || business === void 0 ? void 0 : (_business$city = business.city) === null || _business$city === void 0 ? void 0 : _business$city.name))
+        }), /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("b", null, business === null || business === void 0 ? void 0 : business.name), business === null || business === void 0 || (_business$city = business.city) === null || _business$city === void 0 ? void 0 : _business$city.name))
       };
     });
     setBusinessOptions(_businessOptions);

package/_modules/components/Marketing/BannerImageDetails/SelectBusinessProducts/index.js

@@ -32,7 +32,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 CategoryTreeNode = function CategoryTreeNode(props) {
-  var _subCategoriesList$fi, _subCategoriesList$fi2, _category$subcategori;
+  var _subCategoriesList$fi, _category$subcategori;
   var category = props.category,
     index = props.index,
     selectedProductId = props.selectedProductId,
@@ -68,7 +68,7 @@ var CategoryTreeNode = function CategoryTreeNode(props) {
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ((_subCategoriesList$fi = subCategoriesList.find(function (_category) {
     return _category.id === category.id;
-  })) === null || _subCategoriesList$fi === void 0 ? void 0 : (_subCategoriesList$fi2 = _subCategoriesList$fi.productIds) === null || _subCategoriesList$fi2 === void 0 ? void 0 : _subCategoriesList$fi2.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles.AccordionSection, null, /*#__PURE__*/_react.default.createElement(_styles.Accordion, {
+  })) === null || _subCategoriesList$fi === void 0 || (_subCategoriesList$fi = _subCategoriesList$fi.productIds) === null || _subCategoriesList$fi === void 0 ? void 0 : _subCategoriesList$fi.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles.AccordionSection, null, /*#__PURE__*/_react.default.createElement(_styles.Accordion, {
     onClick: function onClick(e) {
       return toggleAccordion(e, category.id);
     }
@@ -84,7 +84,7 @@ var CategoryTreeNode = function CategoryTreeNode(props) {
   }, category === null || category === void 0 ? void 0 : category.products.filter(function (product) {
     return product === null || product === void 0 ? void 0 : product.enabled;
   }).map(function (product) {
-    var _theme$images, _theme$images$dummies;
+    var _theme$images;
     return /*#__PURE__*/_react.default.createElement(_styles.AccordionItem, {
       key: product.id,
       margin: 20 * (index + 1),
@@ -99,9 +99,9 @@ var CategoryTreeNode = function CategoryTreeNode(props) {
     }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, {
       color: theme.colors.secundaryLight
     })), /*#__PURE__*/_react.default.createElement(_styles.WrapperImage, null, /*#__PURE__*/_react.default.createElement(_styles.Image, {
-      bgimage: optimizeImage((product === null || product === void 0 ? void 0 : product.images) || ((_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.product), 'h_50,c_limit')
+      bgimage: optimizeImage((product === null || product === void 0 ? void 0 : product.images) || ((_theme$images = theme.images) === null || _theme$images === void 0 || (_theme$images = _theme$images.dummies) === null || _theme$images === void 0 ? void 0 : _theme$images.product), 'h_50,c_limit')
     })), /*#__PURE__*/_react.default.createElement("span", null, product.name)));
-  }), (category === null || category === void 0 ? void 0 : category.subcategories) && (category === null || category === void 0 ? void 0 : (_category$subcategori = category.subcategories) === null || _category$subcategori === void 0 ? void 0 : _category$subcategori.length) > 0 && category.subcategories.map(function (subCategory) {
+  }), (category === null || category === void 0 ? void 0 : category.subcategories) && (category === null || category === void 0 || (_category$subcategori = category.subcategories) === null || _category$subcategori === void 0 ? void 0 : _category$subcategori.length) > 0 && category.subcategories.map(function (subCategory) {
     return /*#__PURE__*/_react.default.createElement(CategoryTreeNode, _extends({}, props, {
       key: subCategory.id,
       category: subCategory,
@@ -110,7 +110,7 @@ var CategoryTreeNode = function CategoryTreeNode(props) {
   }))));
 };
 var SelectBusinessProductsUI = function SelectBusinessProductsUI(props) {
-  var _businessState$busine2, _businessState$busine3, _businessState$busine4;
+  var _businessState$busine2, _businessState$busine3;
   var businessState = props.businessState,
     selectedProductId = props.selectedProductId,
     setSelectedProductId = props.setSelectedProductId,
@@ -163,7 +163,7 @@ var SelectBusinessProductsUI = function SelectBusinessProductsUI(props) {
       width: 120,
       height: 20
     }));
-  })) : (_businessState$busine3 = businessState.business) === null || _businessState$busine3 === void 0 ? void 0 : (_businessState$busine4 = _businessState$busine3.categories) === null || _businessState$busine4 === void 0 ? void 0 : _businessState$busine4.filter(function (category) {
+  })) : (_businessState$busine3 = businessState.business) === null || _businessState$busine3 === void 0 || (_businessState$busine3 = _businessState$busine3.categories) === null || _businessState$busine3 === void 0 ? void 0 : _businessState$busine3.filter(function (category) {
     return category === null || category === void 0 ? void 0 : category.enabled;
   }).sort(function (a, b) {
     return a.rank - b.rank;

package/_modules/components/Marketing/BannerImageDetails/index.js

@@ -193,7 +193,7 @@ var BannerImageDetailsUI = function BannerImageDetailsUI(props) {
     accept: "image/png, image/jpeg, image/jpg",
     disabled: changesState.loading
   }, changesState !== null && changesState !== void 0 && (_changesState$changes = changesState.changes) !== null && _changesState$changes !== void 0 && _changesState$changes.image ? /*#__PURE__*/_react.default.createElement("img", {
-    src: changesState === null || changesState === void 0 ? void 0 : (_changesState$changes2 = changesState.changes) === null || _changesState$changes2 === void 0 ? void 0 : _changesState$changes2.image,
+    src: changesState === null || changesState === void 0 || (_changesState$changes2 = changesState.changes) === null || _changesState$changes2 === void 0 ? void 0 : _changesState$changes2.image,
     alt: "item image",
     loading: "lazy"
   }) : ((_imageState$image2 = imageState.image) === null || _imageState$image2 === void 0 ? void 0 : _imageState$image2.url) && /*#__PURE__*/_react.default.createElement("img", {

package/_modules/components/Marketing/CampaignAmountOption/index.js

@@ -82,14 +82,14 @@ var CampaignAmountOptionUI = function CampaignAmountOptionUI(props) {
       return;
     }
     if (isAddMode) {
-      var _formState$changes, _formState$changes$co, _formState$changes2;
-      var found = formState === null || formState === void 0 ? void 0 : (_formState$changes = formState.changes) === null || _formState$changes === void 0 ? void 0 : (_formState$changes$co = _formState$changes.conditions) === null || _formState$changes$co === void 0 ? void 0 : _formState$changes$co.find(function (item) {
+      var _formState$changes, _formState$changes2;
+      var found = formState === null || formState === void 0 || (_formState$changes = formState.changes) === null || _formState$changes === void 0 || (_formState$changes = _formState$changes.conditions) === null || _formState$changes === void 0 ? void 0 : _formState$changes.find(function (item) {
         return item.type === type;
       });
-      var updatedConditions = _toConsumableArray(formState === null || formState === void 0 ? void 0 : (_formState$changes2 = formState.changes) === null || _formState$changes2 === void 0 ? void 0 : _formState$changes2.conditions);
+      var updatedConditions = _toConsumableArray(formState === null || formState === void 0 || (_formState$changes2 = formState.changes) === null || _formState$changes2 === void 0 ? void 0 : _formState$changes2.conditions);
       if (found) {
         var _formState$changes3;
-        updatedConditions = formState === null || formState === void 0 ? void 0 : (_formState$changes3 = formState.changes) === null || _formState$changes3 === void 0 ? void 0 : _formState$changes3.conditions.map(function (condition) {
+        updatedConditions = formState === null || formState === void 0 || (_formState$changes3 = formState.changes) === null || _formState$changes3 === void 0 ? void 0 : _formState$changes3.conditions.map(function (condition) {
           if (condition.type === type) {
             return _objectSpread(_objectSpread({}, condition), ruleFormState.changes);
           }

package/_modules/components/Marketing/CampaignDetail/index.js

@@ -122,7 +122,7 @@ var CampaignDetailUI = function CampaignDetailUI(props) {
       handleTabClick(selectedOption);
     }
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.CampaignDetailContainer, null, /*#__PURE__*/_react.default.createElement(_styles.DetailsHeader, null, /*#__PURE__*/_react.default.createElement(_styles.LeftHeader, null, ((formState === null || formState === void 0 ? void 0 : (_formState$changes = formState.changes) === null || _formState$changes === void 0 ? void 0 : _formState$changes.name) || (campaignState === null || campaignState === void 0 ? void 0 : (_campaignState$campai = campaignState.campaign) === null || _campaignState$campai === void 0 ? void 0 : _campaignState$campai.name)) && /*#__PURE__*/_react.default.createElement(_styles.CampaignName, null, (_formState$changes$na = formState === null || formState === void 0 ? void 0 : (_formState$changes2 = formState.changes) === null || _formState$changes2 === void 0 ? void 0 : _formState$changes2.name) !== null && _formState$changes$na !== void 0 ? _formState$changes$na : campaignState === null || campaignState === void 0 ? void 0 : (_campaignState$campai2 = campaignState.campaign) === null || _campaignState$campai2 === void 0 ? void 0 : _campaignState$campai2.name)), /*#__PURE__*/_react.default.createElement(_styles.RightHeader, null, width > 576 && /*#__PURE__*/_react.default.createElement(_styles2.IconButton, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.CampaignDetailContainer, null, /*#__PURE__*/_react.default.createElement(_styles.DetailsHeader, null, /*#__PURE__*/_react.default.createElement(_styles.LeftHeader, null, ((formState === null || formState === void 0 || (_formState$changes = formState.changes) === null || _formState$changes === void 0 ? void 0 : _formState$changes.name) || (campaignState === null || campaignState === void 0 || (_campaignState$campai = campaignState.campaign) === null || _campaignState$campai === void 0 ? void 0 : _campaignState$campai.name)) && /*#__PURE__*/_react.default.createElement(_styles.CampaignName, null, (_formState$changes$na = formState === null || formState === void 0 || (_formState$changes2 = formState.changes) === null || _formState$changes2 === void 0 ? void 0 : _formState$changes2.name) !== null && _formState$changes$na !== void 0 ? _formState$changes$na : campaignState === null || campaignState === void 0 || (_campaignState$campai2 = campaignState.campaign) === null || _campaignState$campai2 === void 0 ? void 0 : _campaignState$campai2.name)), /*#__PURE__*/_react.default.createElement(_styles.RightHeader, null, width > 576 && /*#__PURE__*/_react.default.createElement(_styles2.IconButton, {
     color: "black",
     onClick: expandSidebar
   }, isExpand ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ArrowsAngleContract, null) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ArrowsAngleExpand, null)), !isAddMode && /*#__PURE__*/_react.default.createElement(_styles.ActionSelectorWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.DropdownButton, {

package/_modules/components/Marketing/CampaignDetailContent/index.js

@@ -91,7 +91,7 @@ var CampaignDetailContentUI = function CampaignDetailContentUI(props) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.Container, null, /*#__PURE__*/_react.default.createElement(_styles.SelectWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('CONTACT_TYPE', 'Contact type')), /*#__PURE__*/_react.default.createElement(_FirstSelect.Select, {
     options: typeOptions,
     className: "select",
-    defaultValue: (contactState === null || contactState === void 0 ? void 0 : (_contactState$changes = contactState.changes) === null || _contactState$changes === void 0 ? void 0 : _contactState$changes.contact_type) || '',
+    defaultValue: (contactState === null || contactState === void 0 || (_contactState$changes = contactState.changes) === null || _contactState$changes === void 0 ? void 0 : _contactState$changes.contact_type) || '',
     placeholder: t('SELECT_OPTION', 'Select an option'),
     onChange: function onChange(value) {
       return handleChangeType('contact_type', value);
@@ -105,7 +105,7 @@ var CampaignDetailContentUI = function CampaignDetailContentUI(props) {
     handleChangeSearch: function handleChangeSearch(val) {
       return setContactTypeSearchVal(val);
     }
-  })), (contactState === null || contactState === void 0 ? void 0 : (_contactState$changes2 = contactState.changes) === null || _contactState$changes2 === void 0 ? void 0 : _contactState$changes2.contact_type) === 'email' && /*#__PURE__*/_react.default.createElement(_CampaignEmail.CampaignEmail, props), (contactState === null || contactState === void 0 ? void 0 : (_contactState$changes3 = contactState.changes) === null || _contactState$changes3 === void 0 ? void 0 : _contactState$changes3.contact_type) === 'sms' && /*#__PURE__*/_react.default.createElement(_CampaignSMS.CampaignSMS, props), (contactState === null || contactState === void 0 ? void 0 : (_contactState$changes4 = contactState.changes) === null || _contactState$changes4 === void 0 ? void 0 : _contactState$changes4.contact_type) === 'whatsapp' && /*#__PURE__*/_react.default.createElement(_CampaignWhatsapp.CampaignWhatsapp, props), (contactState === null || contactState === void 0 ? void 0 : (_contactState$changes5 = contactState.changes) === null || _contactState$changes5 === void 0 ? void 0 : _contactState$changes5.contact_type) === 'notification' && /*#__PURE__*/_react.default.createElement(_CampaignNotification.CampaignNotification, props), (contactState === null || contactState === void 0 ? void 0 : (_contactState$changes6 = contactState.changes) === null || _contactState$changes6 === void 0 ? void 0 : _contactState$changes6.contact_type) === 'popup' && /*#__PURE__*/_react.default.createElement(_CampaignPopup.CampaignPopup, props), (contactState === null || contactState === void 0 ? void 0 : (_contactState$changes7 = contactState.changes) === null || _contactState$changes7 === void 0 ? void 0 : _contactState$changes7.contact_type) === 'webhook' && /*#__PURE__*/_react.default.createElement(_CampaignWebHook.CampaignWebHook, props)), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {
+  })), (contactState === null || contactState === void 0 || (_contactState$changes2 = contactState.changes) === null || _contactState$changes2 === void 0 ? void 0 : _contactState$changes2.contact_type) === 'email' && /*#__PURE__*/_react.default.createElement(_CampaignEmail.CampaignEmail, props), (contactState === null || contactState === void 0 || (_contactState$changes3 = contactState.changes) === null || _contactState$changes3 === void 0 ? void 0 : _contactState$changes3.contact_type) === 'sms' && /*#__PURE__*/_react.default.createElement(_CampaignSMS.CampaignSMS, props), (contactState === null || contactState === void 0 || (_contactState$changes4 = contactState.changes) === null || _contactState$changes4 === void 0 ? void 0 : _contactState$changes4.contact_type) === 'whatsapp' && /*#__PURE__*/_react.default.createElement(_CampaignWhatsapp.CampaignWhatsapp, props), (contactState === null || contactState === void 0 || (_contactState$changes5 = contactState.changes) === null || _contactState$changes5 === void 0 ? void 0 : _contactState$changes5.contact_type) === 'notification' && /*#__PURE__*/_react.default.createElement(_CampaignNotification.CampaignNotification, props), (contactState === null || contactState === void 0 || (_contactState$changes6 = contactState.changes) === null || _contactState$changes6 === void 0 ? void 0 : _contactState$changes6.contact_type) === 'popup' && /*#__PURE__*/_react.default.createElement(_CampaignPopup.CampaignPopup, props), (contactState === null || contactState === void 0 || (_contactState$changes7 = contactState.changes) === null || _contactState$changes7 === void 0 ? void 0 : _contactState$changes7.contact_type) === 'webhook' && /*#__PURE__*/_react.default.createElement(_CampaignWebHook.CampaignWebHook, props)), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {
     title: t('CAMPAIGN', 'Campaign'),
     content: alertState.content,
     acceptText: t('ACCEPT', 'Accept'),

package/_modules/components/Marketing/CampaignDetailGeneral/index.js

@@ -108,7 +108,7 @@ var CampaignDetailGeneral = function CampaignDetailGeneral(props) {
       setIsRuleModal(true);
       return;
     }
-    var conditions = isAddMode ? formState === null || formState === void 0 ? void 0 : (_formState$changes = formState.changes) === null || _formState$changes === void 0 ? void 0 : _formState$changes.conditions : campaignState === null || campaignState === void 0 ? void 0 : (_campaignState$campai = campaignState.campaign) === null || _campaignState$campai === void 0 ? void 0 : _campaignState$campai.conditions;
+    var conditions = isAddMode ? formState === null || formState === void 0 || (_formState$changes = formState.changes) === null || _formState$changes === void 0 ? void 0 : _formState$changes.conditions : campaignState === null || campaignState === void 0 || (_campaignState$campai = campaignState.campaign) === null || _campaignState$campai === void 0 ? void 0 : _campaignState$campai.conditions;
     if ((conditions === null || conditions === void 0 ? void 0 : conditions.length) < 2) {
       setAlertState({
         open: true,
@@ -118,7 +118,7 @@ var CampaignDetailGeneral = function CampaignDetailGeneral(props) {
     }
     if (isAddMode) {
       var _formState$changes2;
-      var updatedConditions = formState === null || formState === void 0 ? void 0 : (_formState$changes2 = formState.changes) === null || _formState$changes2 === void 0 ? void 0 : _formState$changes2.conditions.filter(function (item) {
+      var updatedConditions = formState === null || formState === void 0 || (_formState$changes2 = formState.changes) === null || _formState$changes2 === void 0 ? void 0 : _formState$changes2.conditions.filter(function (item) {
         return item.type !== key;
       });
       handleChangeItem('conditions', updatedConditions);
@@ -129,10 +129,10 @@ var CampaignDetailGeneral = function CampaignDetailGeneral(props) {
   var handleSubmitBtnClick = function handleSubmitBtnClick() {
     if (Object.keys(formState.changes).length > 0) {
       if (isAddMode) {
-        var _formState$changes3, _formState$changes3$c;
-        if ((formState === null || formState === void 0 ? void 0 : (_formState$changes3 = formState.changes) === null || _formState$changes3 === void 0 ? void 0 : (_formState$changes3$c = _formState$changes3.conditions) === null || _formState$changes3$c === void 0 ? void 0 : _formState$changes3$c.length) > 0) {
+        var _formState$changes3;
+        if ((formState === null || formState === void 0 || (_formState$changes3 = formState.changes) === null || _formState$changes3 === void 0 || (_formState$changes3 = _formState$changes3.conditions) === null || _formState$changes3 === void 0 ? void 0 : _formState$changes3.length) > 0) {
           var _formState$changes4;
-          var _iterator = _createForOfIteratorHelper(formState === null || formState === void 0 ? void 0 : (_formState$changes4 = formState.changes) === null || _formState$changes4 === void 0 ? void 0 : _formState$changes4.conditions),
+          var _iterator = _createForOfIteratorHelper(formState === null || formState === void 0 || (_formState$changes4 = formState.changes) === null || _formState$changes4 === void 0 ? void 0 : _formState$changes4.conditions),
             _step;
           try {
             for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -166,7 +166,7 @@ var CampaignDetailGeneral = function CampaignDetailGeneral(props) {
   };
   var isConditionStatus = function isConditionStatus(index) {
     var _formState$changes5, _campaignState$campai2;
-    var conditions = isAddMode ? formState === null || formState === void 0 ? void 0 : (_formState$changes5 = formState.changes) === null || _formState$changes5 === void 0 ? void 0 : _formState$changes5.conditions : campaignState === null || campaignState === void 0 ? void 0 : (_campaignState$campai2 = campaignState.campaign) === null || _campaignState$campai2 === void 0 ? void 0 : _campaignState$campai2.conditions;
+    var conditions = isAddMode ? formState === null || formState === void 0 || (_formState$changes5 = formState.changes) === null || _formState$changes5 === void 0 ? void 0 : _formState$changes5.conditions : campaignState === null || campaignState === void 0 || (_campaignState$campai2 = campaignState.campaign) === null || _campaignState$campai2 === void 0 ? void 0 : _campaignState$campai2.conditions;
     var isClosed = true;
     conditions.forEach(function (item) {
       if (item.type === index && (item !== null && item !== void 0 && item.condition || item !== null && item !== void 0 && item.date_condition)) isClosed = false;
@@ -175,7 +175,7 @@ var CampaignDetailGeneral = function CampaignDetailGeneral(props) {
   };
   var isEnableStatus = function isEnableStatus(key) {
     var _formState$changes$co, _formState$changes6, _campaignState$campai3;
-    var conditions = (_formState$changes$co = formState === null || formState === void 0 ? void 0 : (_formState$changes6 = formState.changes) === null || _formState$changes6 === void 0 ? void 0 : _formState$changes6.conditions) !== null && _formState$changes$co !== void 0 ? _formState$changes$co : campaignState === null || campaignState === void 0 ? void 0 : (_campaignState$campai3 = campaignState.campaign) === null || _campaignState$campai3 === void 0 ? void 0 : _campaignState$campai3.conditions;
+    var conditions = (_formState$changes$co = formState === null || formState === void 0 || (_formState$changes6 = formState.changes) === null || _formState$changes6 === void 0 ? void 0 : _formState$changes6.conditions) !== null && _formState$changes$co !== void 0 ? _formState$changes$co : campaignState === null || campaignState === void 0 || (_campaignState$campai3 = campaignState.campaign) === null || _campaignState$campai3 === void 0 ? void 0 : _campaignState$campai3.conditions;
     if (!conditions) {
       return false;
     } else {
@@ -187,23 +187,23 @@ var CampaignDetailGeneral = function CampaignDetailGeneral(props) {
   };
   (0, _react.useEffect)(function () {
     var _formState$changes7, _campaignState$campai4, _formState$changes8;
-    if (typeof (formState === null || formState === void 0 ? void 0 : (_formState$changes7 = formState.changes) === null || _formState$changes7 === void 0 ? void 0 : _formState$changes7.scheduled_at) === 'undefined' ? campaignState === null || campaignState === void 0 ? void 0 : (_campaignState$campai4 = campaignState.campaign) === null || _campaignState$campai4 === void 0 ? void 0 : _campaignState$campai4.scheduled_at : formState === null || formState === void 0 ? void 0 : (_formState$changes8 = formState.changes) === null || _formState$changes8 === void 0 ? void 0 : _formState$changes8.scheduled_at) setIsASAP(false);else setIsASAP(true);
-  }, [campaignState === null || campaignState === void 0 ? void 0 : (_campaignState$campai5 = campaignState.campaign) === null || _campaignState$campai5 === void 0 ? void 0 : _campaignState$campai5.scheduled_at, formState === null || formState === void 0 ? void 0 : (_formState$changes9 = formState.changes) === null || _formState$changes9 === void 0 ? void 0 : _formState$changes9.scheduled_at]);
+    if (typeof (formState === null || formState === void 0 || (_formState$changes7 = formState.changes) === null || _formState$changes7 === void 0 ? void 0 : _formState$changes7.scheduled_at) === 'undefined' ? campaignState === null || campaignState === void 0 || (_campaignState$campai4 = campaignState.campaign) === null || _campaignState$campai4 === void 0 ? void 0 : _campaignState$campai4.scheduled_at : formState === null || formState === void 0 || (_formState$changes8 = formState.changes) === null || _formState$changes8 === void 0 ? void 0 : _formState$changes8.scheduled_at) setIsASAP(false);else setIsASAP(true);
+  }, [campaignState === null || campaignState === void 0 || (_campaignState$campai5 = campaignState.campaign) === null || _campaignState$campai5 === void 0 ? void 0 : _campaignState$campai5.scheduled_at, formState === null || formState === void 0 || (_formState$changes9 = formState.changes) === null || _formState$changes9 === void 0 ? void 0 : _formState$changes9.scheduled_at]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.Container, null, /*#__PURE__*/_react.default.createElement(_styles2.InputWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('NAME', 'Name')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
     placeholder: t('NAME', 'Name'),
     name: "name",
-    value: (_ref = (_formState$changes$na = formState === null || formState === void 0 ? void 0 : (_formState$changes10 = formState.changes) === null || _formState$changes10 === void 0 ? void 0 : _formState$changes10.name) !== null && _formState$changes$na !== void 0 ? _formState$changes$na : campaignState === null || campaignState === void 0 ? void 0 : (_campaignState$campai6 = campaignState.campaign) === null || _campaignState$campai6 === void 0 ? void 0 : _campaignState$campai6.name) !== null && _ref !== void 0 ? _ref : '',
+    value: (_ref = (_formState$changes$na = formState === null || formState === void 0 || (_formState$changes10 = formState.changes) === null || _formState$changes10 === void 0 ? void 0 : _formState$changes10.name) !== null && _formState$changes$na !== void 0 ? _formState$changes$na : campaignState === null || campaignState === void 0 || (_campaignState$campai6 = campaignState.campaign) === null || _campaignState$campai6 === void 0 ? void 0 : _campaignState$campai6.name) !== null && _ref !== void 0 ? _ref : '',
     onChange: handleChangeInput
   })), /*#__PURE__*/_react.default.createElement(_styles2.AudienceWrapper, null, /*#__PURE__*/_react.default.createElement("h2", null, t('AUDIENCE', 'Audience')), /*#__PURE__*/_react.default.createElement(_styles2.DynamicWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.RadioCheckWrapper, {
     onClick: function onClick() {
       return handleChangeItem('audience_type', 'dynamic');
     }
-  }, ((_formState$changes$au = formState === null || formState === void 0 ? void 0 : (_formState$changes11 = formState.changes) === null || _formState$changes11 === void 0 ? void 0 : _formState$changes11.audience_type) !== null && _formState$changes$au !== void 0 ? _formState$changes$au : campaignState === null || campaignState === void 0 ? void 0 : (_campaignState$campai7 = campaignState.campaign) === null || _campaignState$campai7 === void 0 ? void 0 : _campaignState$campai7.audience_type) === 'dynamic' ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, {
+  }, ((_formState$changes$au = formState === null || formState === void 0 || (_formState$changes11 = formState.changes) === null || _formState$changes11 === void 0 ? void 0 : _formState$changes11.audience_type) !== null && _formState$changes$au !== void 0 ? _formState$changes$au : campaignState === null || campaignState === void 0 || (_campaignState$campai7 = campaignState.campaign) === null || _campaignState$campai7 === void 0 ? void 0 : _campaignState$campai7.audience_type) === 'dynamic' ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, {
     className: "fill"
-  }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null), /*#__PURE__*/_react.default.createElement("span", null, t('DYNAMIC', 'Dynamic'))), /*#__PURE__*/_react.default.createElement(_styles2.DynamicContentWrapper, null, /*#__PURE__*/_react.default.createElement("p", null, t('CAMPAIGN_DYNAMIC_DESCRIPTION', 'People who match rules now and in the future')), ((_formState$changes$au2 = formState === null || formState === void 0 ? void 0 : (_formState$changes12 = formState.changes) === null || _formState$changes12 === void 0 ? void 0 : _formState$changes12.audience_type) !== null && _formState$changes$au2 !== void 0 ? _formState$changes$au2 : campaignState === null || campaignState === void 0 ? void 0 : (_campaignState$campai8 = campaignState.campaign) === null || _campaignState$campai8 === void 0 ? void 0 : _campaignState$campai8.audience_type) === 'dynamic' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.SwitchWrapper, null, /*#__PURE__*/_react.default.createElement("span", {
+  }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null), /*#__PURE__*/_react.default.createElement("span", null, t('DYNAMIC', 'Dynamic'))), /*#__PURE__*/_react.default.createElement(_styles2.DynamicContentWrapper, null, /*#__PURE__*/_react.default.createElement("p", null, t('CAMPAIGN_DYNAMIC_DESCRIPTION', 'People who match rules now and in the future')), ((_formState$changes$au2 = formState === null || formState === void 0 || (_formState$changes12 = formState.changes) === null || _formState$changes12 === void 0 ? void 0 : _formState$changes12.audience_type) !== null && _formState$changes$au2 !== void 0 ? _formState$changes$au2 : campaignState === null || campaignState === void 0 || (_campaignState$campai8 = campaignState.campaign) === null || _campaignState$campai8 === void 0 ? void 0 : _campaignState$campai8.audience_type) === 'dynamic' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.SwitchWrapper, null, /*#__PURE__*/_react.default.createElement("span", {
     className: "campaign-enabled"
   }, t('ENABLE', 'Enable')), /*#__PURE__*/_react.default.createElement(_styles.Switch, {
-    defaultChecked: (_ref2 = (_formState$changes$en = formState === null || formState === void 0 ? void 0 : (_formState$changes13 = formState.changes) === null || _formState$changes13 === void 0 ? void 0 : _formState$changes13.enabled) !== null && _formState$changes$en !== void 0 ? _formState$changes$en : campaignState === null || campaignState === void 0 ? void 0 : (_campaignState$campai9 = campaignState.campaign) === null || _campaignState$campai9 === void 0 ? void 0 : _campaignState$campai9.enabled) !== null && _ref2 !== void 0 ? _ref2 : false,
+    defaultChecked: (_ref2 = (_formState$changes$en = formState === null || formState === void 0 || (_formState$changes13 = formState.changes) === null || _formState$changes13 === void 0 ? void 0 : _formState$changes13.enabled) !== null && _formState$changes$en !== void 0 ? _formState$changes$en : campaignState === null || campaignState === void 0 || (_campaignState$campai9 = campaignState.campaign) === null || _campaignState$campai9 === void 0 ? void 0 : _campaignState$campai9.enabled) !== null && _ref2 !== void 0 ? _ref2 : false,
     onChange: function onChange(val) {
       return handleChangeItem('enabled', val);
     }
@@ -211,7 +211,7 @@ var CampaignDetailGeneral = function CampaignDetailGeneral(props) {
     withTime: true,
     isLeft: true,
     isSingleDate: true,
-    defaultValue: (_formState$changes$en2 = formState === null || formState === void 0 ? void 0 : (_formState$changes14 = formState.changes) === null || _formState$changes14 === void 0 ? void 0 : _formState$changes14.end_at) !== null && _formState$changes$en2 !== void 0 ? _formState$changes$en2 : campaignState === null || campaignState === void 0 ? void 0 : (_campaignState$campai10 = campaignState.campaign) === null || _campaignState$campai10 === void 0 ? void 0 : _campaignState$campai10.end_at,
+    defaultValue: (_formState$changes$en2 = formState === null || formState === void 0 || (_formState$changes14 = formState.changes) === null || _formState$changes14 === void 0 ? void 0 : _formState$changes14.end_at) !== null && _formState$changes$en2 !== void 0 ? _formState$changes$en2 : campaignState === null || campaignState === void 0 || (_campaignState$campai10 = campaignState.campaign) === null || _campaignState$campai10 === void 0 ? void 0 : _campaignState$campai10.end_at,
     handleChangeDate: function handleChangeDate(date) {
       return handleChangeDateTime('end_at', date);
     },
@@ -220,11 +220,11 @@ var CampaignDetailGeneral = function CampaignDetailGeneral(props) {
     onClick: function onClick() {
       return handleChangeItem('audience_type', 'fixed');
     }
-  }, ((_formState$changes$au3 = formState === null || formState === void 0 ? void 0 : (_formState$changes15 = formState.changes) === null || _formState$changes15 === void 0 ? void 0 : _formState$changes15.audience_type) !== null && _formState$changes$au3 !== void 0 ? _formState$changes$au3 : campaignState === null || campaignState === void 0 ? void 0 : (_campaignState$campai11 = campaignState.campaign) === null || _campaignState$campai11 === void 0 ? void 0 : _campaignState$campai11.audience_type) === 'fixed' ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, {
+  }, ((_formState$changes$au3 = formState === null || formState === void 0 || (_formState$changes15 = formState.changes) === null || _formState$changes15 === void 0 ? void 0 : _formState$changes15.audience_type) !== null && _formState$changes$au3 !== void 0 ? _formState$changes$au3 : campaignState === null || campaignState === void 0 || (_campaignState$campai11 = campaignState.campaign) === null || _campaignState$campai11 === void 0 ? void 0 : _campaignState$campai11.audience_type) === 'fixed' ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.RecordCircleFill, {
     className: "fill"
-  }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null), /*#__PURE__*/_react.default.createElement("span", null, t('FIXED', 'Fixed'))), /*#__PURE__*/_react.default.createElement(_styles2.FixedContent, null, /*#__PURE__*/_react.default.createElement("p", null, t('CAMPAIGN_FIXED_DESCRIPTION', 'Only people who match rules right now')), ((_formState$changes$au4 = formState === null || formState === void 0 ? void 0 : (_formState$changes16 = formState.changes) === null || _formState$changes16 === void 0 ? void 0 : _formState$changes16.audience_type) !== null && _formState$changes$au4 !== void 0 ? _formState$changes$au4 : campaignState === null || campaignState === void 0 ? void 0 : (_campaignState$campai12 = campaignState.campaign) === null || _campaignState$campai12 === void 0 ? void 0 : _campaignState$campai12.audience_type) === 'fixed' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ((formState === null || formState === void 0 ? void 0 : (_formState$changes17 = formState.changes) === null || _formState$changes17 === void 0 ? void 0 : _formState$changes17.status) || (campaignState === null || campaignState === void 0 ? void 0 : (_campaignState$campai13 = campaignState.campaign) === null || _campaignState$campai13 === void 0 ? void 0 : _campaignState$campai13.status)) && /*#__PURE__*/_react.default.createElement(_styles2.FixedStatusWrapper, null, /*#__PURE__*/_react.default.createElement("span", null, (_formState$changes$st = formState === null || formState === void 0 ? void 0 : (_formState$changes18 = formState.changes) === null || _formState$changes18 === void 0 ? void 0 : _formState$changes18.status) !== null && _formState$changes$st !== void 0 ? _formState$changes$st : campaignState === null || campaignState === void 0 ? void 0 : (_campaignState$campai14 = campaignState.campaign) === null || _campaignState$campai14 === void 0 ? void 0 : _campaignState$campai14.status), /*#__PURE__*/_react.default.createElement(_styles2.StatusPoint, {
+  }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Circle, null), /*#__PURE__*/_react.default.createElement("span", null, t('FIXED', 'Fixed'))), /*#__PURE__*/_react.default.createElement(_styles2.FixedContent, null, /*#__PURE__*/_react.default.createElement("p", null, t('CAMPAIGN_FIXED_DESCRIPTION', 'Only people who match rules right now')), ((_formState$changes$au4 = formState === null || formState === void 0 || (_formState$changes16 = formState.changes) === null || _formState$changes16 === void 0 ? void 0 : _formState$changes16.audience_type) !== null && _formState$changes$au4 !== void 0 ? _formState$changes$au4 : campaignState === null || campaignState === void 0 || (_campaignState$campai12 = campaignState.campaign) === null || _campaignState$campai12 === void 0 ? void 0 : _campaignState$campai12.audience_type) === 'fixed' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ((formState === null || formState === void 0 || (_formState$changes17 = formState.changes) === null || _formState$changes17 === void 0 ? void 0 : _formState$changes17.status) || (campaignState === null || campaignState === void 0 || (_campaignState$campai13 = campaignState.campaign) === null || _campaignState$campai13 === void 0 ? void 0 : _campaignState$campai13.status)) && /*#__PURE__*/_react.default.createElement(_styles2.FixedStatusWrapper, null, /*#__PURE__*/_react.default.createElement("span", null, (_formState$changes$st = formState === null || formState === void 0 || (_formState$changes18 = formState.changes) === null || _formState$changes18 === void 0 ? void 0 : _formState$changes18.status) !== null && _formState$changes$st !== void 0 ? _formState$changes$st : campaignState === null || campaignState === void 0 || (_campaignState$campai14 = campaignState.campaign) === null || _campaignState$campai14 === void 0 ? void 0 : _campaignState$campai14.status), /*#__PURE__*/_react.default.createElement(_styles2.StatusPoint, {
     style: {
-      background: checkColor((_formState$changes$st2 = formState === null || formState === void 0 ? void 0 : (_formState$changes19 = formState.changes) === null || _formState$changes19 === void 0 ? void 0 : _formState$changes19.status) !== null && _formState$changes$st2 !== void 0 ? _formState$changes$st2 : campaignState === null || campaignState === void 0 ? void 0 : (_campaignState$campai15 = campaignState.campaign) === null || _campaignState$campai15 === void 0 ? void 0 : _campaignState$campai15.status)
+      background: checkColor((_formState$changes$st2 = formState === null || formState === void 0 || (_formState$changes19 = formState.changes) === null || _formState$changes19 === void 0 ? void 0 : _formState$changes19.status) !== null && _formState$changes$st2 !== void 0 ? _formState$changes$st2 : campaignState === null || campaignState === void 0 || (_campaignState$campai15 = campaignState.campaign) === null || _campaignState$campai15 === void 0 ? void 0 : _campaignState$campai15.status)
     }
   })), /*#__PURE__*/_react.default.createElement("h3", null, ('DELIVERY_SCHEDULE', 'Delivery Schedule')), /*#__PURE__*/_react.default.createElement(_styles2.RadioCheckWrapper, {
     onClick: function onClick() {
@@ -243,7 +243,7 @@ var CampaignDetailGeneral = function CampaignDetailGeneral(props) {
     withTime: true,
     isLeft: true,
     isSingleDate: true,
-    defaultValue: (_formState$changes$sc = formState === null || formState === void 0 ? void 0 : (_formState$changes20 = formState.changes) === null || _formState$changes20 === void 0 ? void 0 : _formState$changes20.scheduled_at) !== null && _formState$changes$sc !== void 0 ? _formState$changes$sc : campaignState === null || campaignState === void 0 ? void 0 : (_campaignState$campai16 = campaignState.campaign) === null || _campaignState$campai16 === void 0 ? void 0 : _campaignState$campai16.scheduled_at,
+    defaultValue: (_formState$changes$sc = formState === null || formState === void 0 || (_formState$changes20 = formState.changes) === null || _formState$changes20 === void 0 ? void 0 : _formState$changes20.scheduled_at) !== null && _formState$changes$sc !== void 0 ? _formState$changes$sc : campaignState === null || campaignState === void 0 || (_campaignState$campai16 = campaignState.campaign) === null || _campaignState$campai16 === void 0 ? void 0 : _campaignState$campai16.scheduled_at,
     handleChangeDate: function handleChangeDate(date) {
       return handleChangeDateTime('scheduled_at', date);
     },
@@ -251,7 +251,7 @@ var CampaignDetailGeneral = function CampaignDetailGeneral(props) {
   })))))), /*#__PURE__*/_react.default.createElement(_styles2.RulesWrapper, null, /*#__PURE__*/_react.default.createElement("h2", null, t('RULES', 'Rules')), (audienceState === null || audienceState === void 0 ? void 0 : audienceState.loading) && /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
     width: 120,
     height: 20
-  }), !(audienceState !== null && audienceState !== void 0 && audienceState.loading) && !(audienceState !== null && audienceState !== void 0 && audienceState.error) && /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("span", null, t('REACHING', 'Reaching'), ": "), (audienceState === null || audienceState === void 0 ? void 0 : (_audienceState$pagina = audienceState.pagination) === null || _audienceState$pagina === void 0 ? void 0 : _audienceState$pagina.total) || 0, " ", t('PEOPLE', 'People')), /*#__PURE__*/_react.default.createElement(_styles2.CheckBoxListWrapper, null, ruleList.map(function (rule, i) {
+  }), !(audienceState !== null && audienceState !== void 0 && audienceState.loading) && !(audienceState !== null && audienceState !== void 0 && audienceState.error) && /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("span", null, t('REACHING', 'Reaching'), ": "), (audienceState === null || audienceState === void 0 || (_audienceState$pagina = audienceState.pagination) === null || _audienceState$pagina === void 0 ? void 0 : _audienceState$pagina.total) || 0, " ", t('PEOPLE', 'People')), /*#__PURE__*/_react.default.createElement(_styles2.CheckBoxListWrapper, null, ruleList.map(function (rule, i) {
     return /*#__PURE__*/_react.default.createElement(_styles2.CheckBoxWrapper, {
       key: i,
       borderTop: i === 0,