ordering-ui-admin-external 1.7.0 → 1.7.2

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

@@ -16,6 +16,7 @@ var _ReportsDriverFilter = require("../ReportsDriverFilter");
 var _ReportsBrandFilter = require("../ReportsBrandFilter");
 var _AnalyticsCalendar = require("../AnalyticsCalendar");
 var _ReportsDriverGroupFilter = require("../ReportsDriverGroupFilter");
+var _CountryFilter = require("../CountryFilter");
 var _styles2 = require("./styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -52,29 +53,33 @@ var ReportsHeatMapUI = function ReportsHeatMapUI(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     isDriverFilter = _useState4[0],
     setIsDriverFilter = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
+  var _useState5 = (0, _react.useState)(true),
     _useState6 = _slicedToArray(_useState5, 2),
-    isDriverGroupFilter = _useState6[0],
-    setIsDriverGroupFilter = _useState6[1];
-  var _useState7 = (0, _react.useState)({
+    openCountryFilter = _useState6[0],
+    setOpenCountryFilter = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isDriverGroupFilter = _useState8[0],
+    setIsDriverGroupFilter = _useState8[1];
+  var _useState9 = (0, _react.useState)({
       open: false,
       content: []
     }),
-    _useState8 = _slicedToArray(_useState7, 2),
-    alertState = _useState8[0],
-    setAlertState = _useState8[1];
-  var _useState9 = (0, _react.useState)(null),
     _useState10 = _slicedToArray(_useState9, 2),
-    availableDriverIds = _useState10[0],
-    setAvailableDriverIds = _useState10[1];
-  var _useState11 = (0, _react.useState)(false),
+    alertState = _useState10[0],
+    setAlertState = _useState10[1];
+  var _useState11 = (0, _react.useState)(null),
     _useState12 = _slicedToArray(_useState11, 2),
-    isBrandFilter = _useState12[0],
-    setIsBrandFilter = _useState12[1];
+    availableDriverIds = _useState12[0],
+    setAvailableDriverIds = _useState12[1];
   var _useState13 = (0, _react.useState)(false),
     _useState14 = _slicedToArray(_useState13, 2),
-    isHeat = _useState14[0],
-    setIsHeat = _useState14[1];
+    isBrandFilter = _useState14[0],
+    setIsBrandFilter = _useState14[1];
+  var _useState15 = (0, _react.useState)(false),
+    _useState16 = _slicedToArray(_useState15, 2),
+    isHeat = _useState16[0],
+    setIsHeat = _useState16[1];
   var theme = (0, _styledComponents.useTheme)();
 
   // const googleMapsApiKey = configs?.google_maps_api_key?.value
@@ -140,7 +145,11 @@ 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(_styles2.CalendarWrapper, null, /*#__PURE__*/_react.default.createElement(_AnalyticsCalendar.AnalyticsCalendar, {
+  }, 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, {
+    onClick: function onClick() {
+      return setOpenCountryFilter(true);
+    }
+  }, t('COUNTRY', 'Country'))), /*#__PURE__*/_react.default.createElement(_styles2.CalendarWrapper, null, /*#__PURE__*/_react.default.createElement(_AnalyticsCalendar.AnalyticsCalendar, {
     handleChangeDate: handleChangeDate,
     defaultValue: filterList
   }))), /*#__PURE__*/_react.default.createElement(_styles2.DistancePerBrandWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.DistanceTitleBlock, {
@@ -219,6 +228,18 @@ var ReportsHeatMapUI = function ReportsHeatMapUI(props) {
     onClose: function onClose() {
       return setIsBrandFilter(false);
     }
+  }))), /*#__PURE__*/_react.default.createElement(_Shared.Modal, {
+    width: "450px",
+    height: "650px",
+    padding: "25px",
+    open: openCountryFilter,
+    onClose: function onClose() {
+      return setOpenCountryFilter(false);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_CountryFilter.CountryFilter, _extends({}, props, {
+    onClose: function onClose() {
+      return setOpenCountryFilter(false);
+    }
   })))), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {
     title: t('HEAT_MAP', 'Heat map'),
     content: alertState.content,

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

@@ -16,6 +16,7 @@ var _Shared = require("../../Shared");
 var _AnalyticsBusinessFilter = require("../AnalyticsBusinessFilter");
 var _ReportsBrandFilter = require("../ReportsBrandFilter");
 var _ReportsBarChart = require("../ReportsBarChart");
+var _CountryFilter = require("../CountryFilter");
 var _styles2 = require("./styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -51,10 +52,14 @@ var ReportsOrderDistanceUI = function ReportsOrderDistanceUI(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     isBrandFilter = _useState4[0],
     setIsBrandFilter = _useState4[1];
-  var _useState5 = (0, _react.useState)(null),
+  var _useState5 = (0, _react.useState)(true),
     _useState6 = _slicedToArray(_useState5, 2),
-    chartData = _useState6[0],
-    setChartData = _useState6[1];
+    openCountryFilter = _useState6[0],
+    setOpenCountryFilter = _useState6[1];
+  var _useState7 = (0, _react.useState)(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    chartData = _useState8[0],
+    setChartData = _useState8[1];
   var handleChangeDate = function handleChangeDate(date1, date2) {
     handleChangeFilterList(_objectSpread(_objectSpread({}, filterList), {}, {
       from: date1,
@@ -167,7 +172,11 @@ var ReportsOrderDistanceUI = function ReportsOrderDistanceUI(props) {
     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(_styles2.CalendarWrapper, null, /*#__PURE__*/_react.default.createElement(_AnalyticsCalendar.AnalyticsCalendar, {
+  }, 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, {
+    onClick: function onClick() {
+      return setOpenCountryFilter(true);
+    }
+  }, t('COUNTRY', 'Country'))), /*#__PURE__*/_react.default.createElement(_styles2.CalendarWrapper, null, /*#__PURE__*/_react.default.createElement(_AnalyticsCalendar.AnalyticsCalendar, {
     handleChangeDate: handleChangeDate,
     defaultValue: filterList
   }))), /*#__PURE__*/_react.default.createElement(_styles2.DistancePerBrandWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.DistanceTitleBlock, {
@@ -245,6 +254,18 @@ var ReportsOrderDistanceUI = function ReportsOrderDistanceUI(props) {
     onClose: function onClose() {
       return setIsBrandFilter(false);
     }
+  }))), /*#__PURE__*/_react.default.createElement(_Shared.Modal, {
+    width: "450px",
+    height: "650px",
+    padding: "25px",
+    open: openCountryFilter,
+    onClose: function onClose() {
+      return setOpenCountryFilter(false);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_CountryFilter.CountryFilter, _extends({}, props, {
+    onClose: function onClose() {
+      return setOpenCountryFilter(false);
+    }
   }))));
 };
 var ReportsOrderDistance = function ReportsOrderDistance(props) {

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

@@ -15,6 +15,7 @@ var _Shared = require("../../Shared");
 var _AnalyticsBusinessFilter = require("../AnalyticsBusinessFilter");
 var _ReportsOrderTypeFilter = require("../ReportsOrderTypeFilter");
 var _ReportsBrandFilter = require("../ReportsBrandFilter");
+var _CountryFilter = require("../CountryFilter");
 var _styles2 = require("./styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -53,17 +54,21 @@ var ReportsOrderStatusUI = function ReportsOrderStatusUI(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     isBrandFilter = _useState4[0],
     setIsBrandFilter = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
+  var _useState5 = (0, _react.useState)(true),
     _useState6 = _slicedToArray(_useState5, 2),
-    isOrderTypeFilter = _useState6[0],
-    setIsOrderTypeFilter = _useState6[1];
-  var _useState7 = (0, _react.useState)({
+    openCountryFilter = _useState6[0],
+    setOpenCountryFilter = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isOrderTypeFilter = _useState8[0],
+    setIsOrderTypeFilter = _useState8[1];
+  var _useState9 = (0, _react.useState)({
       open: false,
       content: []
     }),
-    _useState8 = _slicedToArray(_useState7, 2),
-    alertState = _useState8[0],
-    setAlertState = _useState8[1];
+    _useState10 = _slicedToArray(_useState9, 2),
+    alertState = _useState10[0],
+    setAlertState = _useState10[1];
   var tableRef = (0, _react.useRef)(null);
   var handleChangeDate = function handleChangeDate(date1, date2) {
     handleChangeFilterList(_objectSpread(_objectSpread({}, filterList), {}, {
@@ -141,7 +146,11 @@ 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(_styles2.CalendarWrapper, null, /*#__PURE__*/_react.default.createElement(_AnalyticsCalendar.AnalyticsCalendar, {
+  }, 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, {
+    onClick: function onClick() {
+      return setOpenCountryFilter(true);
+    }
+  }, t('COUNTRY', 'Country'))), /*#__PURE__*/_react.default.createElement(_styles2.CalendarWrapper, null, /*#__PURE__*/_react.default.createElement(_AnalyticsCalendar.AnalyticsCalendar, {
     handleChangeDate: handleChangeDate,
     defaultValue: filterList
   }))), /*#__PURE__*/_react.default.createElement(_styles2.OrderStatusTableWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.DistanceTitleBlock, {
@@ -268,6 +277,18 @@ var ReportsOrderStatusUI = function ReportsOrderStatusUI(props) {
     onClose: function onClose() {
       return setIsOrderTypeFilter(false);
     }
+  }))), /*#__PURE__*/_react.default.createElement(_Shared.Modal, {
+    width: "450px",
+    height: "650px",
+    padding: "25px",
+    open: openCountryFilter,
+    onClose: function onClose() {
+      return setOpenCountryFilter(false);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_CountryFilter.CountryFilter, _extends({}, props, {
+    onClose: function onClose() {
+      return setOpenCountryFilter(false);
+    }
   })))), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {
     title: t('DRIVER_SCHEDULE', 'Driver schedule'),
     content: alertState.content,

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

@@ -12,7 +12,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var OrderTypeFilterContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));
 exports.OrderTypeFilterContainer = OrderTypeFilterContainer;
-var OrderTypeFilterOption = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid #E9ECEF;\n  padding: 10px 0;\n  cursor: pointer;\n\n  svg {\n    font-size: 24px;\n    color: #B1BCCC;\n\n    &.fill {\n      color: ", ";\n    }\n  }\n"])), function (props) {
+var OrderTypeFilterOption = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid #E9ECEF;\n  padding: 10px 0;\n  cursor: pointer;\n\n  svg {\n    font-size: 24px;\n    color: ", ";\n\n    &.fill {\n      color: ", ";\n    }\n  }\n"])), function (props) {
+  return props.theme.colors.secundaryLight;
+}, function (props) {
   return props.theme.colors.primary;
 });
 exports.OrderTypeFilterOption = OrderTypeFilterOption;

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

@@ -13,10 +13,11 @@ var _orderingComponentsAdminExternal = require("ordering-components-admin-extern
 var _styles = require("../../../styles");
 var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
 var _reactBootstrapIcons = require("react-bootstrap-icons");
-var _styles2 = require("./styles");
 var _AnalyticsBusinessFilter = require("../AnalyticsBusinessFilter");
 var _ReportsBrandFilter = require("../ReportsBrandFilter");
+var _CountryFilter = require("../CountryFilter");
 var _Shared = require("../../Shared");
+var _styles2 = require("./styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -47,10 +48,14 @@ var ReportsOrdersUI = function ReportsOrdersUI(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     isBusinessFilter = _useState4[0],
     setIsBusinessFilter = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
+  var _useState5 = (0, _react.useState)(true),
     _useState6 = _slicedToArray(_useState5, 2),
-    isBrandFilter = _useState6[0],
-    setIsBrandFilter = _useState6[1];
+    openCountryFilter = _useState6[0],
+    setOpenCountryFilter = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isBrandFilter = _useState8[0],
+    setIsBrandFilter = _useState8[1];
   var generateData = function generateData() {
     var _reportData$content, _reportData$content$d, _reportData$content$d2, _reportData$content$d3, _reportData$content3, _reportData$content3$;
     var list = [];
@@ -174,7 +179,11 @@ var ReportsOrdersUI = function ReportsOrdersUI(props) {
     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(_styles2.CalendarWrapper, null, /*#__PURE__*/_react.default.createElement(_AnalyticsCalendar.AnalyticsCalendar, {
+  }, 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, {
+    onClick: function onClick() {
+      return setOpenCountryFilter(true);
+    }
+  }, t('COUNTRY', 'Country'))), /*#__PURE__*/_react.default.createElement(_styles2.CalendarWrapper, null, /*#__PURE__*/_react.default.createElement(_AnalyticsCalendar.AnalyticsCalendar, {
     handleChangeDate: handleChangeDate,
     defaultValue: filterList
   }))), /*#__PURE__*/_react.default.createElement(_styles2.ChartBlockWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.ChartTitleBlock, {
@@ -219,6 +228,18 @@ var ReportsOrdersUI = function ReportsOrdersUI(props) {
     onClose: function onClose() {
       return setIsBrandFilter(false);
     }
+  }))), /*#__PURE__*/_react.default.createElement(_Shared.Modal, {
+    width: "450px",
+    height: "650px",
+    padding: "25px",
+    open: openCountryFilter,
+    onClose: function onClose() {
+      return setOpenCountryFilter(false);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_CountryFilter.CountryFilter, _extends({}, props, {
+    onClose: function onClose() {
+      return setOpenCountryFilter(false);
+    }
   }))));
 };
 var ReportsOrders = function ReportsOrders(props) {

package/_modules/components/BusinessIntelligence/ReportsOrders/styles.js

@@ -48,7 +48,9 @@ var ChartWrapper = _styledComponents.default.div(_templateObject12 || (_template
 exports.ChartWrapper = ChartWrapper;
 var EmptyContent = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px;\n"])));
 exports.EmptyContent = EmptyContent;
-var ChartFooterContainer = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  margin-top: 25px;\n\n  h2 {\n    font-weight: 500;\n    font-size: 20px;\n    color: ", ";\n    margin: 0;\n  }\n\n  p {\n    font-size: 14px;\n    color: #909BA9;\n    margin: 0;\n  }\n"])), function (props) {
+var ChartFooterContainer = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  margin-top: 25px;\n\n  h2 {\n    font-weight: 500;\n    font-size: 20px;\n    color: ", ";\n    margin: 0;\n  }\n\n  p {\n    font-size: 14px;\n    color: ", ";\n    margin: 0;\n  }\n"])), function (props) {
   return props.theme.colors.headingColor;
+}, function (props) {
+  return props.theme.colors.lightGray;
 });
 exports.ChartFooterContainer = ChartFooterContainer;

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

@@ -15,6 +15,7 @@ var _Shared = require("../../Shared");
 var _AnalyticsBusinessFilter = require("../AnalyticsBusinessFilter");
 var _AnalyticsCalendar = require("../AnalyticsCalendar");
 var _ReportsBrandFilter = require("../ReportsBrandFilter");
+var _CountryFilter = require("../CountryFilter");
 var _styles2 = require("./styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -47,6 +48,10 @@ var ReportsSaleAndCategoryUI = function ReportsSaleAndCategoryUI(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     isBrandFilter = _useState4[0],
     setIsBrandFilter = _useState4[1];
+  var _useState5 = (0, _react.useState)(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    openCountryFilter = _useState6[0],
+    setOpenCountryFilter = _useState6[1];
   var handleChangeDate = function handleChangeDate(date1, date2) {
     handleChangeFilterList(_objectSpread(_objectSpread({}, filterList), {}, {
       from: date1,
@@ -197,7 +202,11 @@ var ReportsSaleAndCategoryUI = function ReportsSaleAndCategoryUI(props) {
     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(_styles2.CalendarWrapper, null, /*#__PURE__*/_react.default.createElement(_AnalyticsCalendar.AnalyticsCalendar, {
+  }, 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, {
+    onClick: function onClick() {
+      return setOpenCountryFilter(true);
+    }
+  }, t('COUNTRY', 'Country'))), /*#__PURE__*/_react.default.createElement(_styles2.CalendarWrapper, null, /*#__PURE__*/_react.default.createElement(_AnalyticsCalendar.AnalyticsCalendar, {
     handleChangeDate: handleChangeDate,
     defaultValue: filterList
   }))), /*#__PURE__*/_react.default.createElement(_styles2.ChartListWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.ChartBlockWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.ChartTitleBlock, {
@@ -249,6 +258,18 @@ var ReportsSaleAndCategoryUI = function ReportsSaleAndCategoryUI(props) {
     onClose: function onClose() {
       return setIsBrandFilter(false);
     }
+  }))), /*#__PURE__*/_react.default.createElement(_Shared.Modal, {
+    width: "450px",
+    height: "650px",
+    padding: "25px",
+    open: openCountryFilter,
+    onClose: function onClose() {
+      return setOpenCountryFilter(false);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_CountryFilter.CountryFilter, _extends({}, props, {
+    onClose: function onClose() {
+      return setOpenCountryFilter(false);
+    }
   }))));
 };
 var ReportsSaleAndCategory = function ReportsSaleAndCategory(props) {

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

@@ -13,6 +13,7 @@ var _orderingComponentsAdminExternal = require("ordering-components-admin-extern
 var _styles = require("../../../styles");
 var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
 var _reactBootstrapIcons = require("react-bootstrap-icons");
+var _CountryFilter = require("../CountryFilter");
 var _styles2 = require("./styles");
 var _AnalyticsBusinessFilter = require("../AnalyticsBusinessFilter");
 var _ReportsBrandFilter = require("../ReportsBrandFilter");
@@ -54,6 +55,10 @@ var ReportsSalesUI = function ReportsSalesUI(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     isBrandFilter = _useState6[0],
     setIsBrandFilter = _useState6[1];
+  var _useState7 = (0, _react.useState)(true),
+    _useState8 = _slicedToArray(_useState7, 2),
+    openCountryFilter = _useState8[0],
+    setOpenCountryFilter = _useState8[1];
   var generateData = function generateData() {
     var _reportData$content, _reportData$content$d, _reportData$content$d2, _reportData$content$d3, _reportData$content3, _reportData$content3$;
     var list = [];
@@ -179,7 +184,11 @@ var ReportsSalesUI = function ReportsSalesUI(props) {
     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(_styles2.CalendarWrapper, null, /*#__PURE__*/_react.default.createElement(_AnalyticsCalendar.AnalyticsCalendar, {
+  }, 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, {
+    onClick: function onClick() {
+      return setOpenCountryFilter(true);
+    }
+  }, t('COUNTRY', 'Country'))), /*#__PURE__*/_react.default.createElement(_styles2.CalendarWrapper, null, /*#__PURE__*/_react.default.createElement(_AnalyticsCalendar.AnalyticsCalendar, {
     handleChangeDate: handleChangeDate,
     defaultValue: filterList
   }))), /*#__PURE__*/_react.default.createElement(_styles2.ChartBlockWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.ChartTitleBlock, {
@@ -224,6 +233,18 @@ var ReportsSalesUI = function ReportsSalesUI(props) {
     onClose: function onClose() {
       return setIsBrandFilter(false);
     }
+  }))), /*#__PURE__*/_react.default.createElement(_Shared.Modal, {
+    width: "450px",
+    height: "650px",
+    padding: "25px",
+    open: openCountryFilter,
+    onClose: function onClose() {
+      return setOpenCountryFilter(false);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_CountryFilter.CountryFilter, _extends({}, props, {
+    onClose: function onClose() {
+      return setOpenCountryFilter(false);
+    }
   }))));
 };
 var ReportsSales = function ReportsSales(props) {

package/_modules/components/BusinessIntelligence/ReportsSales/styles.js

@@ -48,7 +48,9 @@ var ChartWrapper = _styledComponents.default.div(_templateObject12 || (_template
 exports.ChartWrapper = ChartWrapper;
 var EmptyContent = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px;\n"])));
 exports.EmptyContent = EmptyContent;
-var ChartFooterContainer = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  margin-top: 25px;\n\n  h2 {\n    font-weight: 500;\n    font-size: 20px;\n    color: ", ";\n    margin: 0;\n  }\n\n  p {\n    font-size: 14px;\n    color: #909BA9;\n    margin: 0;\n  }\n"])), function (props) {
+var ChartFooterContainer = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  margin-top: 25px;\n\n  h2 {\n    font-weight: 500;\n    font-size: 20px;\n    color: ", ";\n    margin: 0;\n  }\n\n  p {\n    font-size: 14px;\n    color: ", ";\n    margin: 0;\n  }\n"])), function (props) {
   return props.theme.colors.headingColor;
+}, function (props) {
+  return props.theme.colors.lightGray;
 });
 exports.ChartFooterContainer = ChartFooterContainer;

package/_modules/components/BusinessIntelligence/SettingItemUI/styles.js

@@ -27,7 +27,11 @@ var SettingItemContent = _styledComponents.default.div(_templateObject6 || (_tem
 exports.SettingItemContent = SettingItemContent;
 var TitleContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));
 exports.TitleContainer = TitleContainer;
-var Title = _styledComponents.default.p(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  font-weight: 500;\n  font-size: 13px;\n  color: #344050;\n  margin-bottom: 8px;\n"])));
+var Title = _styledComponents.default.p(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  font-weight: 500;\n  font-size: 13px;\n  color: ", ";\n  margin-bottom: 8px;\n"])), function (props) {
+  return props.theme.colors.headingColor;
+});
 exports.Title = Title;
-var SettingItemDescription = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  font-weight: normal;\n  font-size: 12px;\n  color: #909BA9;\n\n  @media (min-width: 577px) {\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    overflow: hidden;\n  }\n"])));
+var SettingItemDescription = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  font-weight: normal;\n  font-size: 12px;\n  color: ", ";\n\n  @media (min-width: 577px) {\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    overflow: hidden;\n  }\n"])), function (props) {
+  return props.theme.colors.lightGray;
+});
 exports.SettingItemDescription = SettingItemDescription;

package/_modules/components/CartRecovery/OpenCartList/styles.js

@@ -79,14 +79,17 @@ var OrderNumberContainer = _styledComponents.default.div(_templateObject15 || (_
   return (_props$theme4 = props.theme) !== null && _props$theme4 !== void 0 && _props$theme4.rtl ? (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n    border-left: 1px solid #E9ECEF;\n    padding-left: 15px;\n  "]))) : (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n    border-right: 1px solid #E9ECEF;\n    padding-right: 15px;\n  "])));
 });
 exports.OrderNumberContainer = OrderNumberContainer;
-var CheckBox = _styledComponents.default.span(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  ", "\n  svg {\n    font-size: 18px;\n    color: #B1BCCC;\n\n    ", "\n  }\n"])), function (props) {
+var CheckBox = _styledComponents.default.span(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  ", "\n  svg {\n    font-size: 18px;\n    color: ", ";\n\n    ", "\n  }\n"])), function (props) {
   var _props$theme5;
   return (_props$theme5 = props.theme) !== null && _props$theme5 !== void 0 && _props$theme5.rtl ? (0, _styledComponents.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n    margin-left: 20px;\n  "]))) : (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n    margin-right: 20px;\n  "])));
+}, function (props) {
+  var _props$theme$colors4;
+  return (_props$theme$colors4 = props.theme.colors) === null || _props$theme$colors4 === void 0 ? void 0 : _props$theme$colors4.secundaryLight;
 }, function (_ref6) {
   var isChecked = _ref6.isChecked;
   return isChecked && (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), function (props) {
-    var _props$theme$colors4;
-    return (_props$theme$colors4 = props.theme.colors) === null || _props$theme$colors4 === void 0 ? void 0 : _props$theme$colors4.primary;
+    var _props$theme$colors5;
+    return (_props$theme$colors5 = props.theme.colors) === null || _props$theme$colors5 === void 0 ? void 0 : _props$theme$colors5.primary;
   });
 });
 exports.CheckBox = CheckBox;
@@ -98,8 +101,8 @@ exports.BusinessInfo = BusinessInfo;
 var CustomerInfo = (0, _styledComponents.default)(BusinessInfo)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  p {\n    max-width: 150px;\n  }\n"])));
 exports.CustomerInfo = CustomerInfo;
 var DriversInfo = _styledComponents.default.div(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  > div {\n    > div {\n      border: none;\n      padding: 0px;\n      > div:first-child {\n        padding: 0px 10px;\n        p {\n          color: ", ";\n          font-size: 14px;\n        }\n      }\n      > div {\n        > div {\n          > div {\n            padding: 0px;\n          }\n        }\n      }\n    }\n  }\n  ", "\n"])), function (props) {
-  var _props$theme$colors5;
-  return (_props$theme$colors5 = props.theme.colors) === null || _props$theme$colors5 === void 0 ? void 0 : _props$theme$colors5.headingColor;
+  var _props$theme$colors6;
+  return (_props$theme$colors6 = props.theme.colors) === null || _props$theme$colors6 === void 0 ? void 0 : _props$theme$colors6.headingColor;
 }, function (_ref7) {
   var noClick = _ref7.noClick;
   return noClick && (0, _styledComponents.css)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n    pointer-events: none;\n  "])));
@@ -117,8 +120,8 @@ var Image = function Image(props) {
 };
 exports.Image = Image;
 var WrapOrderStatusSelector = _styledComponents.default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  > div {\n    p {\n      font-size: 14px;\n    }\n    > div:first-child {\n      p {\n        color: ", ";\n        max-width: 140px;\n      }\n    }\n  }\n"])), function (props) {
-  var _props$theme$colors6;
-  return (_props$theme$colors6 = props.theme.colors) === null || _props$theme$colors6 === void 0 ? void 0 : _props$theme$colors6.headingColor;
+  var _props$theme$colors7;
+  return (_props$theme$colors7 = props.theme.colors) === null || _props$theme$colors7 === void 0 ? void 0 : _props$theme$colors7.headingColor;
 });
 exports.WrapOrderStatusSelector = WrapOrderStatusSelector;
 var WrapperPagination = _styledComponents.default.div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  padding-top: 5px;\n  width: calc(100% - 10px);\n\n  > div {\n    justify-content: flex-end;\n    ", "\n  }\n"])), function (props) {

package/_modules/components/CartRecovery/OpenCartListing/styles.js

@@ -16,5 +16,7 @@ var OpenCartsInnerContent = _styledComponents.default.div(_templateObject3 || (_
 exports.OpenCartsInnerContent = OpenCartsInnerContent;
 var WrapItemView = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
 exports.WrapItemView = WrapItemView;
-var WrapperIndicator = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  width: 100px;\n  height: 50px;\n  border-radius: 5px;\n  background: #151824;\n  z-index: 9999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff;\n  font-weight: 500;\n  font-size: 24px;\n"])));
+var WrapperIndicator = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  width: 100px;\n  height: 50px;\n  border-radius: 5px;\n  background: #151824;\n  z-index: 9999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ", ";\n  font-weight: 500;\n  font-size: 24px;\n"])), function (props) {
+  return props.theme.colors.white;
+});
 exports.WrapperIndicator = WrapperIndicator;

package/_modules/components/CartRecovery/RecoveryActionDetail/styles.js

@@ -26,7 +26,7 @@ var LeftHeader = _styledComponents.default.div(_templateObject6 || (_templateObj
 exports.LeftHeader = LeftHeader;
 var RightHeader = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-top: 3px;\n  margin-bottom: 24px;\n"])));
 exports.RightHeader = RightHeader;
-var ActionSelectorWrapper = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  padding-right: 35px;\n\n  ", "\n\n  button {\n    background: transparent !important;\n    border: none;\n    padding: 0px 5px;\n    &:active,\n    &:focus {\n      border-color: unset !important;\n      box-shadow: none !important;\n    }\n    svg {\n      color: ", ";\n      font-size: 20px;\n    }\n\n    &:after {\n      display: none;\n    }\n\n    &:hover {\n      background: ", " !important;\n    }\n    &:active {\n      background: ", " !important;\n    }\n  }\n\n  .show {\n    button {\n      background: ", " !important;\n    }\n    >div {\n      border: 1px solid ", ";\n      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n    }\n  }\n\n  > div {\n    > div {\n      border-radius: 8px;\n      .dropdown-item {\n        font-size: 12px;\n        padding: 6px 20px;\n        color: ", ";\n        &:active {\n          background: ", " !important;\n        }\n      }\n      .dropdown-item:last-child {\n        color: #E63757;\n      }\n    }\n  }\n"])), function (props) {
+var ActionSelectorWrapper = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  padding-right: 35px;\n\n  ", "\n\n  button {\n    background: transparent !important;\n    border: none;\n    padding: 0px 5px;\n    &:active,\n    &:focus {\n      border-color: unset !important;\n      box-shadow: none !important;\n    }\n    svg {\n      color: ", ";\n      font-size: 20px;\n    }\n\n    &:after {\n      display: none;\n    }\n\n    &:hover {\n      background: ", " !important;\n    }\n    &:active {\n      background: ", " !important;\n    }\n  }\n\n  .show {\n    button {\n      background: ", " !important;\n    }\n    >div {\n      border: 1px solid ", ";\n      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n    }\n  }\n\n  > div {\n    > div {\n      border-radius: 8px;\n      .dropdown-item {\n        font-size: 12px;\n        padding: 6px 20px;\n        color: ", ";\n        &:active {\n          background: ", " !important;\n        }\n      }\n      .dropdown-item:last-child {\n        color: ", ";\n      }\n    }\n  }\n"])), function (props) {
   return props.theme.rtl && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    padding-left: 35px;\n    padding-right: 0px;\n  "])));
 }, function (props) {
   return props.theme.colors.headingColor;
@@ -42,6 +42,8 @@ var ActionSelectorWrapper = _styledComponents.default.div(_templateObject8 || (_
   return props.theme.colors.headingColor;
 }, function (props) {
   return (0, _polished.darken)(0.1, props.theme.colors.secundary);
+}, function (props) {
+  return props.theme.colors.danger;
 });
 exports.ActionSelectorWrapper = ActionSelectorWrapper;
 var Tabs = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  margin-bottom: 25px;\n  border-bottom: 1px solid #E9ECEF;\n"])));

package/_modules/components/Settings/IntegrationListing/index.js

@@ -18,6 +18,7 @@ var _ApiKeysList = require("../ApiKeysList");
 var _DoordashConnect = require("../DoordashConnect");
 var _styles2 = require("./styles");
 var _styledComponents = require("styled-components");
+var _LalaMoveConnect = require("../LalaMoveConnect");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -109,7 +110,13 @@ var IntegrationListing = function IntegrationListing(props) {
     }
   }, /*#__PURE__*/_react.default.createElement(_styles2.IconWrapper, null, /*#__PURE__*/_react.default.createElement("img", {
     src: theme.images.general.doordash
-  })), /*#__PURE__*/_react.default.createElement(_styles2.SettingItemContent, null, /*#__PURE__*/_react.default.createElement("h5", null, t('CONNECT_WITH_DOORDASH', 'Connect with Doordash')), /*#__PURE__*/_react.default.createElement("p", null, t('CONNECT_DOORDASH_DESCRIPTION', 'Send orders directly to your driver in Doordash and keep customers happy with their deliveries.')))))), showOption === 'plugins' && /*#__PURE__*/_react.default.createElement(_Shared.SideBar, {
+  })), /*#__PURE__*/_react.default.createElement(_styles2.SettingItemContent, null, /*#__PURE__*/_react.default.createElement("h5", null, t('CONNECT_WITH_DOORDASH', 'Connect with Doordash')), /*#__PURE__*/_react.default.createElement("p", null, t('CONNECT_DOORDASH_DESCRIPTION', 'Send orders directly to your driver in Doordash and keep customers happy with their deliveries.')))), /*#__PURE__*/_react.default.createElement(_styles2.SettingItemContainer, {
+    onClick: function onClick() {
+      return handleOpenSetting('lalamove');
+    }
+  }, /*#__PURE__*/_react.default.createElement(_styles2.IconWrapper, null, /*#__PURE__*/_react.default.createElement("img", {
+    src: theme.images.general.lalamove
+  })), /*#__PURE__*/_react.default.createElement(_styles2.SettingItemContent, null, /*#__PURE__*/_react.default.createElement("h5", null, t('CONNECT_WITH_LALAMOVE', 'Connect with lalamove')), /*#__PURE__*/_react.default.createElement("p", null, t('CONNECT_LALAMOVE_DESCRIPTION', 'Send orders directly to your drivers in LalaMove and keep customers happy with their deliveries.')))))), showOption === 'plugins' && /*#__PURE__*/_react.default.createElement(_Shared.SideBar, {
     sidebarId: "plugins-integrations",
     defaultSideBarWidth: 600,
     open: showOption === 'plugins',
@@ -134,6 +141,10 @@ var IntegrationListing = function IntegrationListing(props) {
     onClose: function onClose() {
       return handleCloseSettings();
     }
+  }), showOption === 'lalamove' && /*#__PURE__*/_react.default.createElement(_LalaMoveConnect.LalaMoveConnect, {
+    onClose: function onClose() {
+      return handleCloseSettings();
+    }
   }));
 };
 exports.IntegrationListing = IntegrationListing;