ordering-ui-admin-external 1.30.5 → 1.30.7

package/_modules/components/BusinessIntelligence/ReportsHeatMap/index.js

@@ -34,7 +34,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 ReportsHeatMapUI = function ReportsHeatMapUI(props) {
-  var _reportData$content, _filterList$franchise, _reportData$content2, _reportData$content2$, _configState$configs, _configState$configs$, _configState$configs2, _configState$configs3, _reportData$content3, _reportData$content4, _theme$images, _theme$images$icons;
+  var _reportData$content, _filterList$franchise, _reportData$content2, _configState$configs, _configState$configs2, _reportData$content3, _reportData$content4, _theme$images;
   var filterList = props.filterList,
     handleChangeFilterList = props.handleChangeFilterList,
     reportData = props.reportData;
@@ -49,39 +49,43 @@ var ReportsHeatMapUI = function ReportsHeatMapUI(props) {
     user = _useSession2[0].user;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
-    isBusinessFilter = _useState2[0],
-    setIsBusinessFilter = _useState2[1];
+    isOneMoreCountry = _useState2[0],
+    setIsOneMoreCountry = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    isDriverFilter = _useState4[0],
-    setIsDriverFilter = _useState4[1];
-  var _useState5 = (0, _react.useState)(true),
+    isBusinessFilter = _useState4[0],
+    setIsBusinessFilter = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    openCountryFilter = _useState6[0],
-    setOpenCountryFilter = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
+    isDriverFilter = _useState6[0],
+    setIsDriverFilter = _useState6[1];
+  var _useState7 = (0, _react.useState)(true),
     _useState8 = _slicedToArray(_useState7, 2),
-    isDriverGroupFilter = _useState8[0],
-    setIsDriverGroupFilter = _useState8[1];
-  var _useState9 = (0, _react.useState)({
+    openCountryFilter = _useState8[0],
+    setOpenCountryFilter = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    isDriverGroupFilter = _useState10[0],
+    setIsDriverGroupFilter = _useState10[1];
+  var _useState11 = (0, _react.useState)({
       open: false,
       content: []
     }),
-    _useState10 = _slicedToArray(_useState9, 2),
-    alertState = _useState10[0],
-    setAlertState = _useState10[1];
-  var _useState11 = (0, _react.useState)(null),
     _useState12 = _slicedToArray(_useState11, 2),
-    availableDriverIds = _useState12[0],
-    setAvailableDriverIds = _useState12[1];
-  var _useState13 = (0, _react.useState)(false),
+    alertState = _useState12[0],
+    setAlertState = _useState12[1];
+  var _useState13 = (0, _react.useState)(null),
     _useState14 = _slicedToArray(_useState13, 2),
-    isBrandFilter = _useState14[0],
-    setIsBrandFilter = _useState14[1];
+    availableDriverIds = _useState14[0],
+    setAvailableDriverIds = _useState14[1];
   var _useState15 = (0, _react.useState)(false),
     _useState16 = _slicedToArray(_useState15, 2),
-    isHeat = _useState16[0],
-    setIsHeat = _useState16[1];
+    isBrandFilter = _useState16[0],
+    setIsBrandFilter = _useState16[1];
+  var _useState17 = (0, _react.useState)(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    isHeat = _useState18[0],
+    setIsHeat = _useState18[1];
   var theme = (0, _styledComponents.useTheme)();
 
   // const googleMapsApiKey = configs?.google_maps_api_key?.value
@@ -130,12 +134,12 @@ var ReportsHeatMapUI = function ReportsHeatMapUI(props) {
   }, [reportData === null || reportData === void 0 ? void 0 : reportData.error]);
   (0, _react.useEffect)(function () {
     setIsHeat(false);
-  }, [reportData === null || reportData === void 0 ? void 0 : (_reportData$content = reportData.content) === null || _reportData$content === void 0 ? void 0 : _reportData$content.locations]);
+  }, [reportData === null || reportData === void 0 || (_reportData$content = reportData.content) === null || _reportData$content === void 0 ? void 0 : _reportData$content.locations]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.HeatMapContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.Title, null, t('HEAT_MAP_WITH', 'Heat map with')), /*#__PURE__*/_react.default.createElement(_styles2.ButtonActionList, null, /*#__PURE__*/_react.default.createElement(_styles2.BrandBusinessWrapper, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
     onClick: function onClick() {
       return setIsBrandFilter(true);
     }
-  }, t('BRAND', 'Brand'), " (", filterList !== null && filterList !== void 0 && filterList.franchises_id ? filterList === null || filterList === void 0 ? void 0 : (_filterList$franchise = filterList.franchises_id) === null || _filterList$franchise === void 0 ? void 0 : _filterList$franchise.length : t('ALL', 'All'), ")"), /*#__PURE__*/_react.default.createElement(_styles.Button, {
+  }, t('BRAND', 'Brand'), " (", filterList !== null && filterList !== void 0 && filterList.franchises_id ? filterList === null || filterList === void 0 || (_filterList$franchise = filterList.franchises_id) === null || _filterList$franchise === void 0 ? void 0 : _filterList$franchise.length : t('ALL', 'All'), ")"), /*#__PURE__*/_react.default.createElement(_styles.Button, {
     onClick: function onClick() {
       return setIsBusinessFilter(true);
     }
@@ -147,7 +151,7 @@ var ReportsHeatMapUI = function ReportsHeatMapUI(props) {
     onClick: function onClick() {
       return setIsDriverFilter(true);
     }
-  }, t('DRIVER', 'Driver'), " (", filterList !== null && filterList !== void 0 && filterList.drivers_ids ? filterList === null || filterList === void 0 ? void 0 : filterList.drivers_ids.length : t('ALL', 'All'), ")"), /*#__PURE__*/_react.default.createElement(_styles.Button, {
+  }, t('DRIVER', 'Driver'), " (", filterList !== null && filterList !== void 0 && filterList.drivers_ids ? filterList === null || filterList === void 0 ? void 0 : filterList.drivers_ids.length : t('ALL', 'All'), ")"), isOneMoreCountry && /*#__PURE__*/_react.default.createElement(_styles.Button, {
     onClick: function onClick() {
       return setOpenCountryFilter(true);
     }
@@ -155,19 +159,19 @@ var ReportsHeatMapUI = function ReportsHeatMapUI(props) {
     handleChangeDate: handleChangeDate,
     defaultValue: filterList
   }))), /*#__PURE__*/_react.default.createElement(_styles2.DistancePerBrandWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.DistanceTitleBlock, {
-    active: (reportData === null || reportData === void 0 ? void 0 : (_reportData$content2 = reportData.content) === null || _reportData$content2 === void 0 ? void 0 : (_reportData$content2$ = _reportData$content2.locations) === null || _reportData$content2$ === void 0 ? void 0 : _reportData$content2$.length) > 0
+    active: (reportData === null || reportData === void 0 || (_reportData$content2 = reportData.content) === null || _reportData$content2 === void 0 || (_reportData$content2 = _reportData$content2.locations) === null || _reportData$content2 === void 0 ? void 0 : _reportData$content2.length) > 0
   }, /*#__PURE__*/_react.default.createElement("h2", null, t('HEAT_MAP_WITH', 'Heat map with'))), reportData !== null && reportData !== void 0 && reportData.loading ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
     height: 350
-  }) : /*#__PURE__*/_react.default.createElement(_styles2.WrapperMap, null, (configState === null || configState === void 0 ? void 0 : (_configState$configs = configState.configs) === null || _configState$configs === void 0 ? void 0 : (_configState$configs$ = _configState$configs.google_maps_api_key) === null || _configState$configs$ === void 0 ? void 0 : _configState$configs$.value) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_orderingComponentsAdminExternal.GoogleMapsMap, {
-    apiKey: configState === null || configState === void 0 ? void 0 : (_configState$configs2 = configState.configs) === null || _configState$configs2 === void 0 ? void 0 : (_configState$configs3 = _configState$configs2.google_maps_api_key) === null || _configState$configs3 === void 0 ? void 0 : _configState$configs3.value,
+  }) : /*#__PURE__*/_react.default.createElement(_styles2.WrapperMap, null, (configState === null || configState === void 0 || (_configState$configs = configState.configs) === null || _configState$configs === void 0 || (_configState$configs = _configState$configs.google_maps_api_key) === null || _configState$configs === void 0 ? void 0 : _configState$configs.value) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_orderingComponentsAdminExternal.GoogleMapsMap, {
+    apiKey: configState === null || configState === void 0 || (_configState$configs2 = configState.configs) === null || _configState$configs2 === void 0 || (_configState$configs2 = _configState$configs2.google_maps_api_key) === null || _configState$configs2 === void 0 ? void 0 : _configState$configs2.value,
     location: (user === null || user === void 0 ? void 0 : user.location) || defaultPosition,
-    locations: reportData === null || reportData === void 0 ? void 0 : (_reportData$content3 = reportData.content) === null || _reportData$content3 === void 0 ? void 0 : _reportData$content3.locations,
-    data: reportData === null || reportData === void 0 ? void 0 : (_reportData$content4 = reportData.content) === null || _reportData$content4 === void 0 ? void 0 : _reportData$content4.zones,
+    locations: reportData === null || reportData === void 0 || (_reportData$content3 = reportData.content) === null || _reportData$content3 === void 0 ? void 0 : _reportData$content3.locations,
+    data: reportData === null || reportData === void 0 || (_reportData$content4 = reportData.content) === null || _reportData$content4 === void 0 ? void 0 : _reportData$content4.zones,
     fillStyle: fillStyle,
     mapControls: googleMapsControls,
     isHeatMap: true,
     isHeat: isHeat,
-    markerIcon: theme === null || theme === void 0 ? void 0 : (_theme$images = theme.images) === null || _theme$images === void 0 ? void 0 : (_theme$images$icons = _theme$images.icons) === null || _theme$images$icons === void 0 ? void 0 : _theme$images$icons.mapMarker
+    markerIcon: theme === null || theme === void 0 || (_theme$images = theme.images) === null || _theme$images === void 0 || (_theme$images = _theme$images.icons) === null || _theme$images === void 0 ? void 0 : _theme$images.mapMarker
   }), /*#__PURE__*/_react.default.createElement(_styles.Button, {
     borderRadius: "7.6px",
     color: "primary",
@@ -231,6 +235,7 @@ var ReportsHeatMapUI = function ReportsHeatMapUI(props) {
       return setIsBrandFilter(false);
     }
   }))), /*#__PURE__*/_react.default.createElement(_CountryFilter.CountryFilter, _extends({}, props, {
+    setIsOneMoreCountry: setIsOneMoreCountry,
     openCountryFilter: openCountryFilter,
     setOpenCountryFilter: setOpenCountryFilter
   }))), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {

package/_modules/components/BusinessIntelligence/ReportsOrderDistance/index.js

@@ -38,30 +38,34 @@ 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 ReportsOrderDistanceUI = function ReportsOrderDistanceUI(props) {
-  var _filterList$franchise, _reportData$content8, _reportData$content8$, _reportData$content8$2, _reportData$content9, _reportData$content9$, _reportData$content9$2, _reportData$content10, _reportData$content11, _reportData$content12, _reportData$content13, _reportData$content14, _reportData$content15, _reportData$content16, _reportData$content17, _reportData$content18, _reportData$content19;
+  var _filterList$franchise, _reportData$content8, _reportData$content9, _reportData$content10, _reportData$content11, _reportData$content12, _reportData$content13, _reportData$content14;
   var filterList = props.filterList,
     handleChangeFilterList = props.handleChangeFilterList,
     reportData = props.reportData;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
-  var tableRef = (0, _react.useRef)(null);
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
-    isBusinessFilter = _useState2[0],
-    setIsBusinessFilter = _useState2[1];
+    isOneMoreCountry = _useState2[0],
+    setIsOneMoreCountry = _useState2[1];
+  var tableRef = (0, _react.useRef)(null);
   var _useState3 = (0, _react.useState)(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    isBrandFilter = _useState4[0],
-    setIsBrandFilter = _useState4[1];
-  var _useState5 = (0, _react.useState)(true),
+    isBusinessFilter = _useState4[0],
+    setIsBusinessFilter = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    openCountryFilter = _useState6[0],
-    setOpenCountryFilter = _useState6[1];
-  var _useState7 = (0, _react.useState)(null),
+    isBrandFilter = _useState6[0],
+    setIsBrandFilter = _useState6[1];
+  var _useState7 = (0, _react.useState)(true),
     _useState8 = _slicedToArray(_useState7, 2),
-    chartData = _useState8[0],
-    setChartData = _useState8[1];
+    openCountryFilter = _useState8[0],
+    setOpenCountryFilter = _useState8[1];
+  var _useState9 = (0, _react.useState)(null),
+    _useState10 = _slicedToArray(_useState9, 2),
+    chartData = _useState10[0],
+    setChartData = _useState10[1];
   var handleChangeDate = function handleChangeDate(date1, date2) {
     handleChangeFilterList(_objectSpread(_objectSpread({}, filterList), {}, {
       from: date1,
@@ -69,29 +73,29 @@ var ReportsOrderDistanceUI = function ReportsOrderDistanceUI(props) {
     }));
   };
   var generateChartValues = function generateChartValues() {
-    var _reportData$content, _reportData$content$h, _reportData$content$h2;
-    if ((reportData === null || reportData === void 0 ? void 0 : (_reportData$content = reportData.content) === null || _reportData$content === void 0 ? void 0 : (_reportData$content$h = _reportData$content.header) === null || _reportData$content$h === void 0 ? void 0 : (_reportData$content$h2 = _reportData$content$h.rows[0]) === null || _reportData$content$h2 === void 0 ? void 0 : _reportData$content$h2.length) > 1) {
+    var _reportData$content;
+    if ((reportData === null || reportData === void 0 || (_reportData$content = reportData.content) === null || _reportData$content === void 0 || (_reportData$content = _reportData$content.header) === null || _reportData$content === void 0 || (_reportData$content = _reportData$content.rows[0]) === null || _reportData$content === void 0 ? void 0 : _reportData$content.length) > 1) {
       var chartValues = [];
       var _loop = function _loop(i) {
-        var _reportData$content3, _reportData$content3$, _reportData$content3$2;
-        var values = reportData === null || reportData === void 0 ? void 0 : (_reportData$content3 = reportData.content) === null || _reportData$content3 === void 0 ? void 0 : (_reportData$content3$ = _reportData$content3.body) === null || _reportData$content3$ === void 0 ? void 0 : (_reportData$content3$2 = _reportData$content3$.rows) === null || _reportData$content3$2 === void 0 ? void 0 : _reportData$content3$2.reduce(function (prev, cur) {
+        var _reportData$content3;
+        var values = reportData === null || reportData === void 0 || (_reportData$content3 = reportData.content) === null || _reportData$content3 === void 0 || (_reportData$content3 = _reportData$content3.body) === null || _reportData$content3 === void 0 || (_reportData$content3 = _reportData$content3.rows) === null || _reportData$content3 === void 0 ? void 0 : _reportData$content3.reduce(function (prev, cur) {
           return [].concat(_toConsumableArray(prev), [cur[i * 2].value]);
         }, []);
         chartValues.push(_toConsumableArray(values));
       };
-      for (var i = 1; i < (reportData === null || reportData === void 0 ? void 0 : (_reportData$content2 = reportData.content) === null || _reportData$content2 === void 0 ? void 0 : (_reportData$content2$ = _reportData$content2.header) === null || _reportData$content2$ === void 0 ? void 0 : (_reportData$content2$2 = _reportData$content2$.rows[0]) === null || _reportData$content2$2 === void 0 ? void 0 : _reportData$content2$2.length); i++) {
-        var _reportData$content2, _reportData$content2$, _reportData$content2$2;
+      for (var i = 1; i < (reportData === null || reportData === void 0 || (_reportData$content2 = reportData.content) === null || _reportData$content2 === void 0 || (_reportData$content2 = _reportData$content2.header) === null || _reportData$content2 === void 0 || (_reportData$content2 = _reportData$content2.rows[0]) === null || _reportData$content2 === void 0 ? void 0 : _reportData$content2.length); i++) {
+        var _reportData$content2;
         _loop(i);
       }
       return chartValues;
     }
   };
   var generateChartLabels = function generateChartLabels() {
-    var _reportData$content4, _reportData$content4$, _reportData$content4$2;
+    var _reportData$content4;
     var labels = [];
-    if ((reportData === null || reportData === void 0 ? void 0 : (_reportData$content4 = reportData.content) === null || _reportData$content4 === void 0 ? void 0 : (_reportData$content4$ = _reportData$content4.header) === null || _reportData$content4$ === void 0 ? void 0 : (_reportData$content4$2 = _reportData$content4$.rows[0]) === null || _reportData$content4$2 === void 0 ? void 0 : _reportData$content4$2.length) > 1) {
-      var _reportData$content5, _reportData$content5$, _reportData$content5$2;
-      labels = _toConsumableArray(reportData === null || reportData === void 0 ? void 0 : (_reportData$content5 = reportData.content) === null || _reportData$content5 === void 0 ? void 0 : (_reportData$content5$ = _reportData$content5.body) === null || _reportData$content5$ === void 0 ? void 0 : (_reportData$content5$2 = _reportData$content5$.rows) === null || _reportData$content5$2 === void 0 ? void 0 : _reportData$content5$2.reduce(function (prev, cur) {
+    if ((reportData === null || reportData === void 0 || (_reportData$content4 = reportData.content) === null || _reportData$content4 === void 0 || (_reportData$content4 = _reportData$content4.header) === null || _reportData$content4 === void 0 || (_reportData$content4 = _reportData$content4.rows[0]) === null || _reportData$content4 === void 0 ? void 0 : _reportData$content4.length) > 1) {
+      var _reportData$content5;
+      labels = _toConsumableArray(reportData === null || reportData === void 0 || (_reportData$content5 = reportData.content) === null || _reportData$content5 === void 0 || (_reportData$content5 = _reportData$content5.body) === null || _reportData$content5 === void 0 || (_reportData$content5 = _reportData$content5.rows) === null || _reportData$content5 === void 0 ? void 0 : _reportData$content5.reduce(function (prev, cur) {
         return [].concat(_toConsumableArray(prev), [cur[0].value]);
       }, []));
     }
@@ -101,9 +105,9 @@ var ReportsOrderDistanceUI = function ReportsOrderDistanceUI(props) {
     var chartValues = generateChartValues();
     var chartData = [];
     chartValues && chartValues.forEach(function (value, i) {
-      var _reportData$content$h3, _reportData$content6, _reportData$content6$;
+      var _reportData$content$h, _reportData$content6;
       chartData.push({
-        label: (_reportData$content$h3 = reportData === null || reportData === void 0 ? void 0 : (_reportData$content6 = reportData.content) === null || _reportData$content6 === void 0 ? void 0 : (_reportData$content6$ = _reportData$content6.header) === null || _reportData$content6$ === void 0 ? void 0 : _reportData$content6$.rows[0][i + 1].value) !== null && _reportData$content$h3 !== void 0 ? _reportData$content$h3 : '',
+        label: (_reportData$content$h = reportData === null || reportData === void 0 || (_reportData$content6 = reportData.content) === null || _reportData$content6 === void 0 || (_reportData$content6 = _reportData$content6.header) === null || _reportData$content6 === void 0 ? void 0 : _reportData$content6.rows[0][i + 1].value) !== null && _reportData$content$h !== void 0 ? _reportData$content$h : '',
         data: value,
         fill: true,
         borderColor: (0, _polished.lighten)(i / 10, '#2C7BE5'),
@@ -116,8 +120,8 @@ var ReportsOrderDistanceUI = function ReportsOrderDistanceUI(props) {
     return chartData;
   };
   var downloadCSV = function downloadCSV() {
-    var _reportData$content7, _reportData$content7$, _reportData$content7$2;
-    if ((reportData === null || reportData === void 0 ? void 0 : (_reportData$content7 = reportData.content) === null || _reportData$content7 === void 0 ? void 0 : (_reportData$content7$ = _reportData$content7.body) === null || _reportData$content7$ === void 0 ? void 0 : (_reportData$content7$2 = _reportData$content7$.rows) === null || _reportData$content7$2 === void 0 ? void 0 : _reportData$content7$2.length) === 0) return;
+    var _reportData$content7;
+    if ((reportData === null || reportData === void 0 || (_reportData$content7 = reportData.content) === null || _reportData$content7 === void 0 || (_reportData$content7 = _reportData$content7.body) === null || _reportData$content7 === void 0 || (_reportData$content7 = _reportData$content7.rows) === null || _reportData$content7 === void 0 ? void 0 : _reportData$content7.length) === 0) return;
     var csv = '';
     reportData.content.header.rows.forEach(function (tr) {
       tr.forEach(function (th) {
@@ -170,11 +174,11 @@ var ReportsOrderDistanceUI = function ReportsOrderDistanceUI(props) {
     onClick: function onClick() {
       return setIsBrandFilter(true);
     }
-  }, t('BRAND', 'Brand'), " (", filterList !== null && filterList !== void 0 && filterList.franchises_id ? filterList === null || filterList === void 0 ? void 0 : (_filterList$franchise = filterList.franchises_id) === null || _filterList$franchise === void 0 ? void 0 : _filterList$franchise.length : t('ALL', 'All'), ")"), /*#__PURE__*/_react.default.createElement(_styles.Button, {
+  }, t('BRAND', 'Brand'), " (", filterList !== null && filterList !== void 0 && filterList.franchises_id ? filterList === null || filterList === void 0 || (_filterList$franchise = filterList.franchises_id) === null || _filterList$franchise === void 0 ? void 0 : _filterList$franchise.length : t('ALL', 'All'), ")"), /*#__PURE__*/_react.default.createElement(_styles.Button, {
     onClick: function onClick() {
       return setIsBusinessFilter(true);
     }
-  }, t('BUSINESS', 'Business'), " (", filterList !== null && filterList !== void 0 && filterList.businessIds ? filterList === null || filterList === void 0 ? void 0 : filterList.businessIds.length : t('ALL', 'All'), ")"), /*#__PURE__*/_react.default.createElement(_styles.Button, {
+  }, t('BUSINESS', 'Business'), " (", filterList !== null && filterList !== void 0 && filterList.businessIds ? filterList === null || filterList === void 0 ? void 0 : filterList.businessIds.length : t('ALL', 'All'), ")"), isOneMoreCountry && /*#__PURE__*/_react.default.createElement(_styles.Button, {
     onClick: function onClick() {
       return setOpenCountryFilter(true);
     }
@@ -182,7 +186,7 @@ var ReportsOrderDistanceUI = function ReportsOrderDistanceUI(props) {
     handleChangeDate: handleChangeDate,
     defaultValue: filterList
   }))), /*#__PURE__*/_react.default.createElement(_styles2.DistancePerBrandWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.DistanceTitleBlock, {
-    active: (reportData === null || reportData === void 0 ? void 0 : (_reportData$content8 = reportData.content) === null || _reportData$content8 === void 0 ? void 0 : (_reportData$content8$ = _reportData$content8.body) === null || _reportData$content8$ === void 0 ? void 0 : (_reportData$content8$2 = _reportData$content8$.rows) === null || _reportData$content8$2 === void 0 ? void 0 : _reportData$content8$2.length) > 0
+    active: (reportData === null || reportData === void 0 || (_reportData$content8 = reportData.content) === null || _reportData$content8 === void 0 || (_reportData$content8 = _reportData$content8.body) === null || _reportData$content8 === void 0 || (_reportData$content8 = _reportData$content8.rows) === null || _reportData$content8 === void 0 ? void 0 : _reportData$content8.length) > 0
   }, /*#__PURE__*/_react.default.createElement("h2", null, t('ORDERS_DELIVERY', 'Orders delivery')), /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Download, {
     onClick: function onClick() {
       return downloadCSV();
@@ -194,9 +198,9 @@ var ReportsOrderDistanceUI = function ReportsOrderDistanceUI(props) {
       className: "col-md-3 col-sm-3 col-3",
       key: i
     }, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, null));
-  })) : /*#__PURE__*/_react.default.createElement(_styles2.TableWrapper, null, (reportData === null || reportData === void 0 ? void 0 : (_reportData$content9 = reportData.content) === null || _reportData$content9 === void 0 ? void 0 : (_reportData$content9$ = _reportData$content9.body) === null || _reportData$content9$ === void 0 ? void 0 : (_reportData$content9$2 = _reportData$content9$.rows) === null || _reportData$content9$2 === void 0 ? void 0 : _reportData$content9$2.length) > 0 ? /*#__PURE__*/_react.default.createElement(_styles2.DistanceTable, {
+  })) : /*#__PURE__*/_react.default.createElement(_styles2.TableWrapper, null, (reportData === null || reportData === void 0 || (_reportData$content9 = reportData.content) === null || _reportData$content9 === void 0 || (_reportData$content9 = _reportData$content9.body) === null || _reportData$content9 === void 0 || (_reportData$content9 = _reportData$content9.rows) === null || _reportData$content9 === void 0 ? void 0 : _reportData$content9.length) > 0 ? /*#__PURE__*/_react.default.createElement(_styles2.DistanceTable, {
     ref: tableRef
-  }, (reportData === null || reportData === void 0 ? void 0 : (_reportData$content10 = reportData.content) === null || _reportData$content10 === void 0 ? void 0 : (_reportData$content11 = _reportData$content10.header) === null || _reportData$content11 === void 0 ? void 0 : _reportData$content11.rows.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles2.Thead, null, reportData === null || reportData === void 0 ? void 0 : (_reportData$content12 = reportData.content) === null || _reportData$content12 === void 0 ? void 0 : (_reportData$content13 = _reportData$content12.header) === null || _reportData$content13 === void 0 ? void 0 : _reportData$content13.rows.map(function (tr, i) {
+  }, (reportData === null || reportData === void 0 || (_reportData$content10 = reportData.content) === null || _reportData$content10 === void 0 || (_reportData$content10 = _reportData$content10.header) === null || _reportData$content10 === void 0 ? void 0 : _reportData$content10.rows.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles2.Thead, null, reportData === null || reportData === void 0 || (_reportData$content11 = reportData.content) === null || _reportData$content11 === void 0 || (_reportData$content11 = _reportData$content11.header) === null || _reportData$content11 === void 0 ? void 0 : _reportData$content11.rows.map(function (tr, i) {
     return /*#__PURE__*/_react.default.createElement("tr", {
       key: i
     }, tr === null || tr === void 0 ? void 0 : tr.map(function (th, j) {
@@ -205,7 +209,7 @@ var ReportsOrderDistanceUI = function ReportsOrderDistanceUI(props) {
         colSpan: th.colspan
       }, i === 0 && j === 0 ? '' : th.value);
     }));
-  })), reportData === null || reportData === void 0 ? void 0 : (_reportData$content14 = reportData.content) === null || _reportData$content14 === void 0 ? void 0 : (_reportData$content15 = _reportData$content14.body) === null || _reportData$content15 === void 0 ? void 0 : _reportData$content15.rows.map(function (tbody, i) {
+  })), reportData === null || reportData === void 0 || (_reportData$content12 = reportData.content) === null || _reportData$content12 === void 0 || (_reportData$content12 = _reportData$content12.body) === null || _reportData$content12 === void 0 ? void 0 : _reportData$content12.rows.map(function (tbody, i) {
     return /*#__PURE__*/_react.default.createElement(_styles2.Tbody, {
       key: i
     }, /*#__PURE__*/_react.default.createElement("tr", null, tbody.map(function (td, j) {
@@ -214,7 +218,7 @@ var ReportsOrderDistanceUI = function ReportsOrderDistanceUI(props) {
         colSpan: td.colspan
       }, td.value, j !== 0 && j % 2 === 0 && '%');
     })));
-  }), (reportData === null || reportData === void 0 ? void 0 : (_reportData$content16 = reportData.content) === null || _reportData$content16 === void 0 ? void 0 : (_reportData$content17 = _reportData$content16.footer) === null || _reportData$content17 === void 0 ? void 0 : _reportData$content17.rows.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles2.Tfoot, null, reportData === null || reportData === void 0 ? void 0 : (_reportData$content18 = reportData.content) === null || _reportData$content18 === void 0 ? void 0 : (_reportData$content19 = _reportData$content18.footer) === null || _reportData$content19 === void 0 ? void 0 : _reportData$content19.rows.map(function (tr, i) {
+  }), (reportData === null || reportData === void 0 || (_reportData$content13 = reportData.content) === null || _reportData$content13 === void 0 || (_reportData$content13 = _reportData$content13.footer) === null || _reportData$content13 === void 0 ? void 0 : _reportData$content13.rows.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles2.Tfoot, null, reportData === null || reportData === void 0 || (_reportData$content14 = reportData.content) === null || _reportData$content14 === void 0 || (_reportData$content14 = _reportData$content14.footer) === null || _reportData$content14 === void 0 ? void 0 : _reportData$content14.rows.map(function (tr, i) {
     return /*#__PURE__*/_react.default.createElement("tr", {
       key: i
     }, tr === null || tr === void 0 ? void 0 : tr.map(function (td, j) {
@@ -257,6 +261,7 @@ var ReportsOrderDistanceUI = function ReportsOrderDistanceUI(props) {
       return setIsBrandFilter(false);
     }
   }))), /*#__PURE__*/_react.default.createElement(_CountryFilter.CountryFilter, _extends({}, props, {
+    setIsOneMoreCountry: setIsOneMoreCountry,
     openCountryFilter: openCountryFilter,
     setOpenCountryFilter: setOpenCountryFilter
   })));

package/_modules/components/BusinessIntelligence/ReportsOrderStatus/index.js

@@ -37,7 +37,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var ReportsOrderStatusUI = function ReportsOrderStatusUI(props) {
-  var _filterList$franchise, _reportData$content2, _reportData$content2$, _reportData$content2$2, _reportData$content3, _reportData$content3$, _reportData$content3$2, _reportData$content4, _reportData$content4$, _reportData$content5, _reportData$content5$, _reportData$content6, _reportData$content6$, _reportData$content7, _reportData$content7$, _reportData$content8, _reportData$content8$, _reportData1$content, _reportData1$content$, _reportData1$content$2, _reportData1$content2, _reportData1$content3, _reportData1$content4, _reportData$content9, _reportData$content9$, _reportData1$content5, _reportData1$content6, _reportData1$content7, _reportData1$content8, _reportData1$content9, _reportData1$content10, _reportData1$content11, _reportData1$content12;
+  var _filterList$franchise, _reportData$content2, _reportData$content3, _reportData$content4, _reportData$content5, _reportData$content6, _reportData$content7, _reportData$content8, _reportData1$content, _reportData1$content2, _reportData$content9, _reportData1$content3, _reportData1$content4, _reportData1$content5, _reportData1$content6;
   var filterList = props.filterList,
     handleChangeFilterList = props.handleChangeFilterList,
     reportData = props.reportData,
@@ -50,27 +50,31 @@ var ReportsOrderStatusUI = function ReportsOrderStatusUI(props) {
     parsePrice = _useUtils2[0].parsePrice;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
-    isBusinessFilter = _useState2[0],
-    setIsBusinessFilter = _useState2[1];
+    isOneMoreCountry = _useState2[0],
+    setIsOneMoreCountry = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    isBrandFilter = _useState4[0],
-    setIsBrandFilter = _useState4[1];
-  var _useState5 = (0, _react.useState)(true),
+    isBusinessFilter = _useState4[0],
+    setIsBusinessFilter = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    openCountryFilter = _useState6[0],
-    setOpenCountryFilter = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
+    isBrandFilter = _useState6[0],
+    setIsBrandFilter = _useState6[1];
+  var _useState7 = (0, _react.useState)(true),
     _useState8 = _slicedToArray(_useState7, 2),
-    isOrderTypeFilter = _useState8[0],
-    setIsOrderTypeFilter = _useState8[1];
-  var _useState9 = (0, _react.useState)({
+    openCountryFilter = _useState8[0],
+    setOpenCountryFilter = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    isOrderTypeFilter = _useState10[0],
+    setIsOrderTypeFilter = _useState10[1];
+  var _useState11 = (0, _react.useState)({
       open: false,
       content: []
     }),
-    _useState10 = _slicedToArray(_useState9, 2),
-    alertState = _useState10[0],
-    setAlertState = _useState10[1];
+    _useState12 = _slicedToArray(_useState11, 2),
+    alertState = _useState12[0],
+    setAlertState = _useState12[1];
   var tableRef = (0, _react.useRef)(null);
   var handleChangeDate = function handleChangeDate(date1, date2) {
     handleChangeFilterList(_objectSpread(_objectSpread({}, filterList), {}, {
@@ -85,8 +89,8 @@ var ReportsOrderStatusUI = function ReportsOrderStatusUI(props) {
     });
   };
   var downloadCSV = function downloadCSV(name) {
-    var _reportData$content, _reportData$content$b, _reportData$content$b2;
-    if ((reportData === null || reportData === void 0 ? void 0 : (_reportData$content = reportData.content) === null || _reportData$content === void 0 ? void 0 : (_reportData$content$b = _reportData$content.body) === null || _reportData$content$b === void 0 ? void 0 : (_reportData$content$b2 = _reportData$content$b.rows) === null || _reportData$content$b2 === void 0 ? void 0 : _reportData$content$b2.length) === 0) return;
+    var _reportData$content;
+    if ((reportData === null || reportData === void 0 || (_reportData$content = reportData.content) === null || _reportData$content === void 0 || (_reportData$content = _reportData$content.body) === null || _reportData$content === void 0 || (_reportData$content = _reportData$content.rows) === null || _reportData$content === void 0 ? void 0 : _reportData$content.length) === 0) return;
     var csv = '';
     reportData.content.header.rows.forEach(function (tr) {
       tr.forEach(function (th) {
@@ -140,7 +144,7 @@ var ReportsOrderStatusUI = function ReportsOrderStatusUI(props) {
     onClick: function onClick() {
       return setIsBrandFilter(true);
     }
-  }, t('BRAND', 'Brand'), " (", filterList !== null && filterList !== void 0 && filterList.franchises_id ? filterList === null || filterList === void 0 ? void 0 : (_filterList$franchise = filterList.franchises_id) === null || _filterList$franchise === void 0 ? void 0 : _filterList$franchise.length : t('ALL', 'All'), ")"), /*#__PURE__*/_react.default.createElement(_styles.Button, {
+  }, t('BRAND', 'Brand'), " (", filterList !== null && filterList !== void 0 && filterList.franchises_id ? filterList === null || filterList === void 0 || (_filterList$franchise = filterList.franchises_id) === null || _filterList$franchise === void 0 ? void 0 : _filterList$franchise.length : t('ALL', 'All'), ")"), /*#__PURE__*/_react.default.createElement(_styles.Button, {
     onClick: function onClick() {
       return setIsBusinessFilter(true);
     }
@@ -148,7 +152,7 @@ var ReportsOrderStatusUI = function ReportsOrderStatusUI(props) {
     onClick: function onClick() {
       return setIsOrderTypeFilter(true);
     }
-  }, t('ORDER_TYPE', 'Order type'), " (", filterList !== null && filterList !== void 0 && filterList.delivery_types_ids ? filterList === null || filterList === void 0 ? void 0 : filterList.delivery_types_ids.length : t('ALL', 'All'), ")"), /*#__PURE__*/_react.default.createElement(_styles.Button, {
+  }, t('ORDER_TYPE', 'Order type'), " (", filterList !== null && filterList !== void 0 && filterList.delivery_types_ids ? filterList === null || filterList === void 0 ? void 0 : filterList.delivery_types_ids.length : t('ALL', 'All'), ")"), isOneMoreCountry && /*#__PURE__*/_react.default.createElement(_styles.Button, {
     onClick: function onClick() {
       return setOpenCountryFilter(true);
     }
@@ -156,7 +160,7 @@ var ReportsOrderStatusUI = function ReportsOrderStatusUI(props) {
     handleChangeDate: handleChangeDate,
     defaultValue: filterList
   }))), /*#__PURE__*/_react.default.createElement(_styles2.OrderStatusTableWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.DistanceTitleBlock, {
-    active: (reportData === null || reportData === void 0 ? void 0 : (_reportData$content2 = reportData.content) === null || _reportData$content2 === void 0 ? void 0 : (_reportData$content2$ = _reportData$content2.body) === null || _reportData$content2$ === void 0 ? void 0 : (_reportData$content2$2 = _reportData$content2$.rows) === null || _reportData$content2$2 === void 0 ? void 0 : _reportData$content2$2.length) > 0
+    active: (reportData === null || reportData === void 0 || (_reportData$content2 = reportData.content) === null || _reportData$content2 === void 0 || (_reportData$content2 = _reportData$content2.body) === null || _reportData$content2 === void 0 || (_reportData$content2 = _reportData$content2.rows) === null || _reportData$content2 === void 0 ? void 0 : _reportData$content2.length) > 0
   }, /*#__PURE__*/_react.default.createElement("h2", null, t('BUSINESS_ORDERS_COUNT_SALES', 'Business orders count sales')), /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Download, {
     onClick: function onClick() {
       return downloadCSV('business_orders_count_sales');
@@ -168,9 +172,9 @@ var ReportsOrderStatusUI = function ReportsOrderStatusUI(props) {
       className: "col-md-3 col-sm-3 col-3",
       key: i
     }, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, null));
-  })) : /*#__PURE__*/_react.default.createElement(_styles2.TableWrapper, null, (reportData === null || reportData === void 0 ? void 0 : (_reportData$content3 = reportData.content) === null || _reportData$content3 === void 0 ? void 0 : (_reportData$content3$ = _reportData$content3.body) === null || _reportData$content3$ === void 0 ? void 0 : (_reportData$content3$2 = _reportData$content3$.rows) === null || _reportData$content3$2 === void 0 ? void 0 : _reportData$content3$2.length) > 0 ? /*#__PURE__*/_react.default.createElement(_styles2.DistanceTable, {
+  })) : /*#__PURE__*/_react.default.createElement(_styles2.TableWrapper, null, (reportData === null || reportData === void 0 || (_reportData$content3 = reportData.content) === null || _reportData$content3 === void 0 || (_reportData$content3 = _reportData$content3.body) === null || _reportData$content3 === void 0 || (_reportData$content3 = _reportData$content3.rows) === null || _reportData$content3 === void 0 ? void 0 : _reportData$content3.length) > 0 ? /*#__PURE__*/_react.default.createElement(_styles2.DistanceTable, {
     ref: tableRef
-  }, (reportData === null || reportData === void 0 ? void 0 : (_reportData$content4 = reportData.content) === null || _reportData$content4 === void 0 ? void 0 : (_reportData$content4$ = _reportData$content4.header) === null || _reportData$content4$ === void 0 ? void 0 : _reportData$content4$.rows.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles2.Thead, null, reportData === null || reportData === void 0 ? void 0 : (_reportData$content5 = reportData.content) === null || _reportData$content5 === void 0 ? void 0 : (_reportData$content5$ = _reportData$content5.header) === null || _reportData$content5$ === void 0 ? void 0 : _reportData$content5$.rows.map(function (tr, i) {
+  }, (reportData === null || reportData === void 0 || (_reportData$content4 = reportData.content) === null || _reportData$content4 === void 0 || (_reportData$content4 = _reportData$content4.header) === null || _reportData$content4 === void 0 ? void 0 : _reportData$content4.rows.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles2.Thead, null, reportData === null || reportData === void 0 || (_reportData$content5 = reportData.content) === null || _reportData$content5 === void 0 || (_reportData$content5 = _reportData$content5.header) === null || _reportData$content5 === void 0 ? void 0 : _reportData$content5.rows.map(function (tr, i) {
     return /*#__PURE__*/_react.default.createElement("tr", {
       key: i
     }, tr === null || tr === void 0 ? void 0 : tr.map(function (th, j) {
@@ -179,7 +183,7 @@ var ReportsOrderStatusUI = function ReportsOrderStatusUI(props) {
         colSpan: th.colspan
       }, th.value);
     }));
-  })), reportData === null || reportData === void 0 ? void 0 : (_reportData$content6 = reportData.content) === null || _reportData$content6 === void 0 ? void 0 : (_reportData$content6$ = _reportData$content6.body) === null || _reportData$content6$ === void 0 ? void 0 : _reportData$content6$.rows.map(function (tbody, i) {
+  })), reportData === null || reportData === void 0 || (_reportData$content6 = reportData.content) === null || _reportData$content6 === void 0 || (_reportData$content6 = _reportData$content6.body) === null || _reportData$content6 === void 0 ? void 0 : _reportData$content6.rows.map(function (tbody, i) {
     return /*#__PURE__*/_react.default.createElement(_styles2.Tbody, {
       key: i
     }, /*#__PURE__*/_react.default.createElement("tr", null, tbody.map(function (td, j) {
@@ -188,7 +192,7 @@ var ReportsOrderStatusUI = function ReportsOrderStatusUI(props) {
         colSpan: td.colspan
       }, td.value_unit === 'currency' ? parsePrice(td.value) : td.value);
     })));
-  }), (reportData === null || reportData === void 0 ? void 0 : (_reportData$content7 = reportData.content) === null || _reportData$content7 === void 0 ? void 0 : (_reportData$content7$ = _reportData$content7.footer) === null || _reportData$content7$ === void 0 ? void 0 : _reportData$content7$.rows.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles2.Tfoot, null, reportData === null || reportData === void 0 ? void 0 : (_reportData$content8 = reportData.content) === null || _reportData$content8 === void 0 ? void 0 : (_reportData$content8$ = _reportData$content8.footer) === null || _reportData$content8$ === void 0 ? void 0 : _reportData$content8$.rows.map(function (tr, i) {
+  }), (reportData === null || reportData === void 0 || (_reportData$content7 = reportData.content) === null || _reportData$content7 === void 0 || (_reportData$content7 = _reportData$content7.footer) === null || _reportData$content7 === void 0 ? void 0 : _reportData$content7.rows.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles2.Tfoot, null, reportData === null || reportData === void 0 || (_reportData$content8 = reportData.content) === null || _reportData$content8 === void 0 || (_reportData$content8 = _reportData$content8.footer) === null || _reportData$content8 === void 0 ? void 0 : _reportData$content8.rows.map(function (tr, i) {
     return /*#__PURE__*/_react.default.createElement("tr", {
       key: i
     }, tr === null || tr === void 0 ? void 0 : tr.map(function (td, j) {
@@ -198,7 +202,7 @@ var ReportsOrderStatusUI = function ReportsOrderStatusUI(props) {
       }, td.value);
     }));
   }))) : /*#__PURE__*/_react.default.createElement(_styles2.EmptyContent, null, t('NO_DATA', 'No Data')))), /*#__PURE__*/_react.default.createElement(_styles2.OrderStatusTableWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.DistanceTitleBlock, {
-    active: (reportData1 === null || reportData1 === void 0 ? void 0 : (_reportData1$content = reportData1.content) === null || _reportData1$content === void 0 ? void 0 : (_reportData1$content$ = _reportData1$content.body) === null || _reportData1$content$ === void 0 ? void 0 : (_reportData1$content$2 = _reportData1$content$.rows) === null || _reportData1$content$2 === void 0 ? void 0 : _reportData1$content$2.length) > 0
+    active: (reportData1 === null || reportData1 === void 0 || (_reportData1$content = reportData1.content) === null || _reportData1$content === void 0 || (_reportData1$content = _reportData1$content.body) === null || _reportData1$content === void 0 || (_reportData1$content = _reportData1$content.rows) === null || _reportData1$content === void 0 ? void 0 : _reportData1$content.length) > 0
   }, /*#__PURE__*/_react.default.createElement("h2", null, t('FRANCHISE_ORDERS_COUNT_SALES', 'Franchise orders count sales')), /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Download, {
     onClick: function onClick() {
       return downloadCSV('franchise_orders_count_sales');
@@ -210,9 +214,9 @@ var ReportsOrderStatusUI = function ReportsOrderStatusUI(props) {
       className: "col-md-3 col-sm-3 col-3",
       key: i
     }, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, null));
-  })) : /*#__PURE__*/_react.default.createElement(_styles2.TableWrapper, null, (reportData1 === null || reportData1 === void 0 ? void 0 : (_reportData1$content2 = reportData1.content) === null || _reportData1$content2 === void 0 ? void 0 : (_reportData1$content3 = _reportData1$content2.body) === null || _reportData1$content3 === void 0 ? void 0 : (_reportData1$content4 = _reportData1$content3.rows) === null || _reportData1$content4 === void 0 ? void 0 : _reportData1$content4.length) > 0 ? /*#__PURE__*/_react.default.createElement(_styles2.DistanceTable, {
+  })) : /*#__PURE__*/_react.default.createElement(_styles2.TableWrapper, null, (reportData1 === null || reportData1 === void 0 || (_reportData1$content2 = reportData1.content) === null || _reportData1$content2 === void 0 || (_reportData1$content2 = _reportData1$content2.body) === null || _reportData1$content2 === void 0 || (_reportData1$content2 = _reportData1$content2.rows) === null || _reportData1$content2 === void 0 ? void 0 : _reportData1$content2.length) > 0 ? /*#__PURE__*/_react.default.createElement(_styles2.DistanceTable, {
     ref: tableRef
-  }, (reportData === null || reportData === void 0 ? void 0 : (_reportData$content9 = reportData.content) === null || _reportData$content9 === void 0 ? void 0 : (_reportData$content9$ = _reportData$content9.header) === null || _reportData$content9$ === void 0 ? void 0 : _reportData$content9$.rows.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles2.Thead, null, reportData1 === null || reportData1 === void 0 ? void 0 : (_reportData1$content5 = reportData1.content) === null || _reportData1$content5 === void 0 ? void 0 : (_reportData1$content6 = _reportData1$content5.header) === null || _reportData1$content6 === void 0 ? void 0 : _reportData1$content6.rows.map(function (tr, i) {
+  }, (reportData === null || reportData === void 0 || (_reportData$content9 = reportData.content) === null || _reportData$content9 === void 0 || (_reportData$content9 = _reportData$content9.header) === null || _reportData$content9 === void 0 ? void 0 : _reportData$content9.rows.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles2.Thead, null, reportData1 === null || reportData1 === void 0 || (_reportData1$content3 = reportData1.content) === null || _reportData1$content3 === void 0 || (_reportData1$content3 = _reportData1$content3.header) === null || _reportData1$content3 === void 0 ? void 0 : _reportData1$content3.rows.map(function (tr, i) {
     return /*#__PURE__*/_react.default.createElement("tr", {
       key: i
     }, tr === null || tr === void 0 ? void 0 : tr.map(function (th, j) {
@@ -221,7 +225,7 @@ var ReportsOrderStatusUI = function ReportsOrderStatusUI(props) {
         colSpan: th.colspan
       }, th.value);
     }));
-  })), reportData1 === null || reportData1 === void 0 ? void 0 : (_reportData1$content7 = reportData1.content) === null || _reportData1$content7 === void 0 ? void 0 : (_reportData1$content8 = _reportData1$content7.body) === null || _reportData1$content8 === void 0 ? void 0 : _reportData1$content8.rows.map(function (tbody, i) {
+  })), reportData1 === null || reportData1 === void 0 || (_reportData1$content4 = reportData1.content) === null || _reportData1$content4 === void 0 || (_reportData1$content4 = _reportData1$content4.body) === null || _reportData1$content4 === void 0 ? void 0 : _reportData1$content4.rows.map(function (tbody, i) {
     return /*#__PURE__*/_react.default.createElement(_styles2.Tbody, {
       key: i
     }, /*#__PURE__*/_react.default.createElement("tr", null, tbody.map(function (td, j) {
@@ -230,7 +234,7 @@ var ReportsOrderStatusUI = function ReportsOrderStatusUI(props) {
         colSpan: td.colspan
       }, td.value_unit === 'currency' ? parsePrice(td.value) : td.value);
     })));
-  }), (reportData1 === null || reportData1 === void 0 ? void 0 : (_reportData1$content9 = reportData1.content) === null || _reportData1$content9 === void 0 ? void 0 : (_reportData1$content10 = _reportData1$content9.footer) === null || _reportData1$content10 === void 0 ? void 0 : _reportData1$content10.rows.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles2.Tfoot, null, reportData1 === null || reportData1 === void 0 ? void 0 : (_reportData1$content11 = reportData1.content) === null || _reportData1$content11 === void 0 ? void 0 : (_reportData1$content12 = _reportData1$content11.footer) === null || _reportData1$content12 === void 0 ? void 0 : _reportData1$content12.rows.map(function (tr, i) {
+  }), (reportData1 === null || reportData1 === void 0 || (_reportData1$content5 = reportData1.content) === null || _reportData1$content5 === void 0 || (_reportData1$content5 = _reportData1$content5.footer) === null || _reportData1$content5 === void 0 ? void 0 : _reportData1$content5.rows.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles2.Tfoot, null, reportData1 === null || reportData1 === void 0 || (_reportData1$content6 = reportData1.content) === null || _reportData1$content6 === void 0 || (_reportData1$content6 = _reportData1$content6.footer) === null || _reportData1$content6 === void 0 ? void 0 : _reportData1$content6.rows.map(function (tr, i) {
     return /*#__PURE__*/_react.default.createElement("tr", {
       key: i
     }, tr === null || tr === void 0 ? void 0 : tr.map(function (td, j) {
@@ -280,6 +284,7 @@ var ReportsOrderStatusUI = function ReportsOrderStatusUI(props) {
       return setIsOrderTypeFilter(false);
     }
   }))), /*#__PURE__*/_react.default.createElement(_CountryFilter.CountryFilter, _extends({}, props, {
+    setIsOneMoreCountry: setIsOneMoreCountry,
     openCountryFilter: openCountryFilter,
     setOpenCountryFilter: setOpenCountryFilter
   }))), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {

package/_modules/components/BusinessIntelligence/ReportsOrderTypeFilter/index.js

@@ -49,7 +49,7 @@ var ReportsOrderTypeFilter = function ReportsOrderTypeFilter(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     orderTypeIds = _useState4[0],
     setOrderTypeIds = _useState4[1];
-  var configTypes = (configs === null || configs === void 0 ? void 0 : (_configs$order_types_ = configs.order_types_allowed) === null || _configs$order_types_ === void 0 ? void 0 : _configs$order_types_.value.split('|').map(function (value) {
+  var configTypes = (configs === null || configs === void 0 || (_configs$order_types_ = configs.order_types_allowed) === null || _configs$order_types_ === void 0 ? void 0 : _configs$order_types_.value.split('|').map(function (value) {
     return Number(value);
   })) || [];
   var defaultOrderTypes = [{
@@ -140,7 +140,7 @@ var ReportsOrderTypeFilter = function ReportsOrderTypeFilter(props) {
       return [].concat(_toConsumableArray(prev), [cur.value]);
     }, []);
     setOrderTypeIds(_toConsumableArray((filterList === null || filterList === void 0 ? void 0 : filterList.delivery_types_ids) || _orderTypeIds));
-    if (!(filterList !== null && filterList !== void 0 && filterList.delivery_types_ids) || (filterList === null || filterList === void 0 ? void 0 : (_filterList$delivery_ = filterList.delivery_types_ids) === null || _filterList$delivery_ === void 0 ? void 0 : _filterList$delivery_.length) === orderTypes.length) setIsAllCheck(true);
+    if (!(filterList !== null && filterList !== void 0 && filterList.delivery_types_ids) || (filterList === null || filterList === void 0 || (_filterList$delivery_ = filterList.delivery_types_ids) === null || _filterList$delivery_ === void 0 ? void 0 : _filterList$delivery_.length) === orderTypes.length) setIsAllCheck(true);
   }, []);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.OrderTypeFilterContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.OrderTypeFilterOption, {
     onClick: handleChangeAllCheck