ordering-ui-admin-external 1.33.1 → 1.35.0

package/_modules/components/BusinessIntelligence/Reports/ReportsSlaOrders/styles.js

@@ -0,0 +1,93 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TitleBlock = exports.Title = exports.TimeZoneAndCalendar = exports.Thead = exports.Tfoot = exports.Tbody = exports.TableWrapper = exports.ReportsTableContainer = exports.ReportsTable = exports.ReportsContainer = exports.EmptyContent = exports.CalendarWrapper = exports.ButtonActionList = exports.AnalyticsTimeZoneWrapper = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
+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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var ReportsContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 25px 15px 70px 15px;\n  width: 100%;\n  overflow: auto;\n\n  @media (min-width: 700px) {\n    padding: 25px 35px 70px 35px;\n  }\n"])));
+exports.ReportsContainer = ReportsContainer;
+var Title = _styledComponents.default.h2(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-weight: bold;\n  font-size: 20px;\n  color: ", ";\n  margin-top: 0;\n  margin-bottom: 30px;\n  margin-right: 35px;\n  ", "\n"])), function (props) {
+  var _props$theme;
+  return (_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.colors.headingColor;
+}, function (props) {
+  var _props$theme2;
+  return ((_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.rtl) && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    margin-right: 0;\n    margin-left: 35px;\n  "])));
+});
+exports.Title = Title;
+var ButtonActionList = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: flex-end;\n"])));
+exports.ButtonActionList = ButtonActionList;
+var CalendarWrapper = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: relative;\n\n  > button {\n    margin-top: 5px;\n    padding: 7px 15px;\n    color: ", ";\n    background: ", ";\n    border-radius: 7.6px;\n    border: none;\n    text-align: left;\n    margin-left: 10px;\n\n    ", "\n\n    svg {\n      font-size: 16px;\n      margin-right: 12px;\n\n      ", "\n    }\n  }\n\n  @media only screen and (min-width: 374px) and (max-width: 450px) {\n    .ordering-calendar {\n      right: calc((100vw - 364px) / 2);\n    }\n  }\n\n  @media (max-width: 450px) {\n    width: 100%;\n    flex-wrap: wrap;\n    > button {\n      width: 100%;\n      margin-left: 0 !important;\n      margin-right: 0 !important;\n    }\n  }\n"])), function (props) {
+  var _props$theme3;
+  return (_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.colors.secundaryContrast;
+}, function (props) {
+  var _props$theme4;
+  return (_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.colors.secundary;
+}, function (props) {
+  var _props$theme5;
+  return ((_props$theme5 = props.theme) === null || _props$theme5 === void 0 ? void 0 : _props$theme5.rtl) && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      margin-right: 10px;\n      margin-left: 0;\n    "])));
+}, function (props) {
+  return props.theme.rtl && (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        margin-right: 0px;\n        margin-left: 12px;\n      "])));
+});
+exports.CalendarWrapper = CalendarWrapper;
+var ReportsTableContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  width: 100%;\n  margin-top: 25px;\n  padding: 20px;\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n  border-radius: 7.6px;\n"])));
+exports.ReportsTableContainer = ReportsTableContainer;
+var TitleBlock = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 20px;\n\n  h2 {\n    font-weight: 600;\n    font-size: 12px;\n    margin: 0;\n    text-transform: uppercase;\n  }\n\n  svg {\n    font-size: 16px;\n    color: #212121;\n    cursor: pointer;\n  }\n\n  ", "\n"])), function (_ref) {
+  var active = _ref.active;
+  return !active && (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    svg {\n      cursor: not-allowed;\n    }\n  "])));
+});
+exports.TitleBlock = TitleBlock;
+var ReportsTable = _styledComponents.default.table(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  width: 100%;\n  min-width: 500px;\n"])));
+exports.ReportsTable = ReportsTable;
+var Thead = _styledComponents.default.thead(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  position: sticky;\n  top: 0px;\n  background: ", ";\n  border-bottom: 1px solid ", ";\n\n  tr {\n    th {\n      padding: 12px 5px;\n      font-weight: 500;\n      font-size: 12px;\n      text-transform: uppercase;\n    }\n\n    &:first-child {\n      th {\n        text-align: center;\n      }\n    }\n\n    &:nth-child(2) {\n      th {\n        text-align: center;\n        &:nth-child(3n-1) {\n          border-left: 1px solid ", ";\n        }\n        &:first-child, &:nth-child(2) {\n          border: none;\n        }\n        &:first-child {\n          border-right: 1px solid ", ";\n        }\n      }\n    }\n  }\n"])), function (props) {
+  var _props$theme$colors;
+  return ((_props$theme$colors = props.theme.colors) === null || _props$theme$colors === void 0 ? void 0 : _props$theme$colors.backgroundPage) || '#FFF';
+}, function (props) {
+  var _props$theme6;
+  return (_props$theme6 = props.theme) === null || _props$theme6 === void 0 ? void 0 : _props$theme6.colors.secundaryDarkContrast;
+}, function (props) {
+  var _props$theme7;
+  return (_props$theme7 = props.theme) === null || _props$theme7 === void 0 ? void 0 : _props$theme7.colors.secundaryDarkContrast;
+}, function (props) {
+  var _props$theme8;
+  return (_props$theme8 = props.theme) === null || _props$theme8 === void 0 ? void 0 : _props$theme8.colors.secundaryDarkContrast;
+});
+exports.Thead = Thead;
+var Tbody = _styledComponents.default.tbody(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  border-bottom: 1px solid ", ";\n\n  tr {\n    td {\n      padding: 12px 5px;\n      font-size: 12px;\n      text-align: center;\n      color: ", ";\n      white-space: nowrap;\n\n      &:nth-child(3n-1) {\n        border-left: 1px solid ", ";\n      }\n      &:first-child, &:nth-child(2) {\n        color: ", ";\n        border: none;\n      }\n      &:first-child {\n        border-right: 1px solid ", ";\n      }\n    }\n  }\n"])), function (props) {
+  var _props$theme9;
+  return (_props$theme9 = props.theme) === null || _props$theme9 === void 0 ? void 0 : _props$theme9.colors.secundaryDarkContrast;
+}, function (props) {
+  var _props$theme10;
+  return (_props$theme10 = props.theme) === null || _props$theme10 === void 0 ? void 0 : _props$theme10.colors.lightGray;
+}, function (props) {
+  var _props$theme11;
+  return (_props$theme11 = props.theme) === null || _props$theme11 === void 0 ? void 0 : _props$theme11.colors.secundaryDarkContrast;
+}, function (props) {
+  var _props$theme12;
+  return (_props$theme12 = props.theme) === null || _props$theme12 === void 0 ? void 0 : _props$theme12.colors.headingColor;
+}, function (props) {
+  var _props$theme13;
+  return (_props$theme13 = props.theme) === null || _props$theme13 === void 0 ? void 0 : _props$theme13.colors.secundaryDarkContrast;
+});
+exports.Tbody = Tbody;
+var Tfoot = _styledComponents.default.tfoot(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  tr {\n    td {\n      font-weight: 500;\n      font-size: 12px;\n      padding: 12px 0;\n\n      &:not(:first-child) {\n        text-align: center;\n      }\n    }\n  }\n"])));
+exports.Tfoot = Tfoot;
+var TableWrapper = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  width: 100%;\n  overflow: auto;\n  max-height: 650px;\n"])));
+exports.TableWrapper = TableWrapper;
+var EmptyContent = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px;\n"])));
+exports.EmptyContent = EmptyContent;
+var AnalyticsTimeZoneWrapper = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  width: 100%;\n  button {\n    margin-top: 5px;\n    background: ", ";\n    border-radius: 7.6px;\n    padding: 7px 15px;\n    font-size: 14px;\n    color: ", ";\n    border: none;\n  }\n\n  @media (min-width: 600px) {\n    width: fit-content;\n    margin-left: 10px;\n    ", "\n  }\n"])), function (props) {
+  return props.theme.colors.secundary;
+}, function (props) {
+  return props.theme.colors.secundaryContrast;
+}, function (props) {
+  return props.theme.rtl && (0, _styledComponents.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n      margin-right: 10px;\n      margin-left: 0;\n    "])));
+});
+exports.AnalyticsTimeZoneWrapper = AnalyticsTimeZoneWrapper;
+var TimeZoneAndCalendar = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  width: 100%;\n\n  @media (min-width: 600px) {\n    flex-direction: row;\n    width: fit-content;\n  }\n"])));
+exports.TimeZoneAndCalendar = TimeZoneAndCalendar;

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

@@ -34,6 +34,8 @@ var _ReportsPaymethodSales = require("../ReportsPaymethodSales");
 var _ReportsSaleAndCategory = require("../ReportsSaleAndCategory");
 var _ReportsAverageSales = require("../ReportsAverageSales");
 var _ReportsGeneralSales = require("../ReportsGeneralSales");
+var _ReportsSlaOrders = require("./ReportsSlaOrders");
+var _utils = require("../../../utils");
 var _styles2 = require("./styles");
 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; }
@@ -44,7 +46,6 @@ 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 Reports = function Reports(props) {
-  var history = (0, _reactRouterDom.useHistory)();
   var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -164,17 +165,24 @@ var Reports = function Reports(props) {
     name: t('TOP_SELLING_AND_CATEOGRY', 'Top selling and category'),
     description: t('TOP_SELLING_AND_CATEOGRY_DESC', 'Top selling and category description'),
     icon: /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Tag, null)
+  }, {
+    id: 21,
+    name: t('SLA_ORDERS', 'SLA orders'),
+    description: t('SLA_ORDERS_DESC', 'SLA orders description'),
+    icon: /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ListTask, null)
   }];
   var handleCloseSidebar = function handleCloseSidebar() {
     setIsOpen(false);
     setSelectedReport(0);
-    history.replace("".concat(location.pathname));
+    (0, _utils.removeQueryToUrl)(['id']);
   };
   var handleOpenSlider = function handleOpenSlider(index, isInitialRender) {
     setSelectedReport(index);
     setIsOpen(true);
     if (!isInitialRender) {
-      history.replace("".concat(location.pathname, "?id=").concat(index));
+      (0, _utils.addQueryToUrl)({
+        id: index
+      });
     }
   };
   (0, _react.useEffect)(function () {
@@ -212,6 +220,6 @@ var Reports = function Reports(props) {
     onClose: function onClose() {
       return handleCloseSidebar();
     }
-  }, selectedReport === 1 && /*#__PURE__*/_react.default.createElement(_ReportsBusinessDistance.ReportsBusinessDistance, null), selectedReport === 2 && /*#__PURE__*/_react.default.createElement(_ReportsOrderDistance.ReportsOrderDistance, null), selectedReport === 3 && /*#__PURE__*/_react.default.createElement(_ReportsBusinessSpend.ReportsBusinessSpend, null), selectedReport === 4 && /*#__PURE__*/_react.default.createElement(_ReportsDriverOrderTime.ReportsDriverOrderTime, null), selectedReport === 5 && /*#__PURE__*/_react.default.createElement(_ReportsDriverSpend.ReportsDriverSpend, null), selectedReport === 6 && /*#__PURE__*/_react.default.createElement(_ReportsDriverOrder.ReportsDriverOrder, null), selectedReport === 7 && /*#__PURE__*/_react.default.createElement(_ReportsDriverSchedule.ReportsDriverSchedule, null), selectedReport === 8 && /*#__PURE__*/_react.default.createElement(_ReportsOrderStatus.ReportsOrderStatus, null), selectedReport === 9 && /*#__PURE__*/_react.default.createElement(_ReportsHeatMap.ReportsHeatMap, null), selectedReport === 10 && /*#__PURE__*/_react.default.createElement(_ReportsDriverDistance.ReportsDriverDistance, null), selectedReport === 11 && /*#__PURE__*/_react.default.createElement(_ReportsSpentTime.ReportsSpentTime, null), selectedReport === 12 && /*#__PURE__*/_react.default.createElement(_ReportsTopDrivers.ReportsTopDrivers, null), selectedReport === 13 && /*#__PURE__*/_react.default.createElement(_ReportsOrders.ReportsOrders, null), selectedReport === 14 && /*#__PURE__*/_react.default.createElement(_ReportsSales.ReportsSales, null), selectedReport === 15 && /*#__PURE__*/_react.default.createElement(_ReportsUsers.ReportsUsers, null), selectedReport === 16 && /*#__PURE__*/_react.default.createElement(_ReportsCustomer.ReportsCustomer, null), selectedReport === 17 && /*#__PURE__*/_react.default.createElement(_ReportsPaymethodSales.ReportsPaymethodSales, null), selectedReport === 18 && /*#__PURE__*/_react.default.createElement(_ReportsAverageSales.ReportsAverageSales, null), selectedReport === 19 && /*#__PURE__*/_react.default.createElement(_ReportsGeneralSales.ReportsGeneralSales, null), selectedReport === 20 && /*#__PURE__*/_react.default.createElement(_ReportsSaleAndCategory.ReportsSaleAndCategory, null)));
+  }, selectedReport === 1 && /*#__PURE__*/_react.default.createElement(_ReportsBusinessDistance.ReportsBusinessDistance, null), selectedReport === 2 && /*#__PURE__*/_react.default.createElement(_ReportsOrderDistance.ReportsOrderDistance, null), selectedReport === 3 && /*#__PURE__*/_react.default.createElement(_ReportsBusinessSpend.ReportsBusinessSpend, null), selectedReport === 4 && /*#__PURE__*/_react.default.createElement(_ReportsDriverOrderTime.ReportsDriverOrderTime, null), selectedReport === 5 && /*#__PURE__*/_react.default.createElement(_ReportsDriverSpend.ReportsDriverSpend, null), selectedReport === 6 && /*#__PURE__*/_react.default.createElement(_ReportsDriverOrder.ReportsDriverOrder, null), selectedReport === 7 && /*#__PURE__*/_react.default.createElement(_ReportsDriverSchedule.ReportsDriverSchedule, null), selectedReport === 8 && /*#__PURE__*/_react.default.createElement(_ReportsOrderStatus.ReportsOrderStatus, null), selectedReport === 9 && /*#__PURE__*/_react.default.createElement(_ReportsHeatMap.ReportsHeatMap, null), selectedReport === 10 && /*#__PURE__*/_react.default.createElement(_ReportsDriverDistance.ReportsDriverDistance, null), selectedReport === 11 && /*#__PURE__*/_react.default.createElement(_ReportsSpentTime.ReportsSpentTime, null), selectedReport === 12 && /*#__PURE__*/_react.default.createElement(_ReportsTopDrivers.ReportsTopDrivers, null), selectedReport === 13 && /*#__PURE__*/_react.default.createElement(_ReportsOrders.ReportsOrders, null), selectedReport === 14 && /*#__PURE__*/_react.default.createElement(_ReportsSales.ReportsSales, null), selectedReport === 15 && /*#__PURE__*/_react.default.createElement(_ReportsUsers.ReportsUsers, null), selectedReport === 16 && /*#__PURE__*/_react.default.createElement(_ReportsCustomer.ReportsCustomer, null), selectedReport === 17 && /*#__PURE__*/_react.default.createElement(_ReportsPaymethodSales.ReportsPaymethodSales, null), selectedReport === 18 && /*#__PURE__*/_react.default.createElement(_ReportsAverageSales.ReportsAverageSales, null), selectedReport === 19 && /*#__PURE__*/_react.default.createElement(_ReportsGeneralSales.ReportsGeneralSales, null), selectedReport === 20 && /*#__PURE__*/_react.default.createElement(_ReportsSaleAndCategory.ReportsSaleAndCategory, null), selectedReport === 21 && /*#__PURE__*/_react.default.createElement(_ReportsSlaOrders.ReportsSlaOrders, null)));
 };
 exports.Reports = Reports;

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

@@ -12,6 +12,7 @@ var _reactBootstrapIcons = require("react-bootstrap-icons");
 var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
 var _Shared = require("../../Shared");
 var _ProductReviewDetails = require("../ProductReviewDetails");
+var _utils = require("../../../utils");
 var _styles = 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); }
@@ -37,8 +38,11 @@ var ReviewProductsListingUI = function ReviewProductsListingUI(props) {
     handleChangeSearch = props.handleChangeSearch,
     searchValue = props.searchValue,
     parentSearchValue = props.parentSearchValue,
-    businessId = props.businessId;
-  var history = (0, _reactRouterDom.useHistory)();
+    businessId = props.businessId,
+    isUseQuery = props.isUseQuery,
+    defaultPage = props.defaultPage,
+    defaultPageSize = props.defaultPageSize,
+    firstRender = props.firstRender;
   var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -62,11 +66,11 @@ var ReviewProductsListingUI = function ReviewProductsListingUI(props) {
     _useState8 = _slicedToArray(_useState7, 2),
     curCategoryId = _useState8[0],
     setCurCategoryId = _useState8[1];
-  var _useState9 = (0, _react.useState)(1),
+  var _useState9 = (0, _react.useState)(defaultPage || 1),
     _useState10 = _slicedToArray(_useState9, 2),
     currentPage = _useState10[0],
     setCurrentPage = _useState10[1];
-  var _useState11 = (0, _react.useState)(10),
+  var _useState11 = (0, _react.useState)(defaultPageSize || 10),
     _useState12 = _slicedToArray(_useState11, 2),
     productsPerPage = _useState12[0],
     setProductsPerPage = _useState12[1];
@@ -106,19 +110,19 @@ var ReviewProductsListingUI = function ReviewProductsListingUI(props) {
     setOpenReview(true);
     if (!isInitialRender) {
       var _product$category2;
-      var tab = query.get('tab');
-      var business = query.get('business');
-      history.replace("".concat(location.pathname, "?tab=").concat(tab, "&business=").concat(business, "&category=").concat(product === null || product === void 0 || (_product$category2 = product.category) === null || _product$category2 === void 0 ? void 0 : _product$category2.id, "&product=").concat(product.id));
+      (0, _utils.addQueryToUrl)({
+        category: product === null || product === void 0 || (_product$category2 = product.category) === null || _product$category2 === void 0 ? void 0 : _product$category2.id,
+        product: product.id
+      });
     }
   };
   var handleCloseReviewDetails = function handleCloseReviewDetails() {
     setCurProduct(null);
     setOpenReview(false);
-    var tab = query.get('tab');
-    var business = query.get('business');
-    history.replace("".concat(location.pathname, "?tab=").concat(tab, "&business=").concat(business));
+    (0, _utils.removeQueryToUrl)(['category', 'product']);
   };
   (0, _react.useEffect)(function () {
+    if (firstRender) return;
     setCurrentPage(1);
   }, [searchValue]);
   (0, _react.useEffect)(function () {
@@ -133,6 +137,13 @@ var ReviewProductsListingUI = function ReviewProductsListingUI(props) {
       setOpenReview(true);
     }
   }, []);
+  (0, _react.useEffect)(function () {
+    if (!isUseQuery || !currentPage || !productsPerPage || !totalPages) return;
+    (0, _utils.addQueryToUrl)({
+      page: currentPage,
+      pageSize: productsPerPage
+    });
+  }, [currentPage, productsPerPage, totalPages]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.ReviewsListingContainer, null, /*#__PURE__*/_react.default.createElement(_styles.ReviewsTable, null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", null, /*#__PURE__*/_react.default.createElement(_styles.ReviewObject, {
     isHeader: true
   }, t('PRODUCT', 'Product'))), /*#__PURE__*/_react.default.createElement("th", null, /*#__PURE__*/_react.default.createElement(_styles.ReviewMarkerWrapper, {

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

@@ -16,6 +16,7 @@ var _BusinessReviewList = require("../BusinessReviewList");
 var _UsersReviewList = require("../UsersReviewList");
 var _BusinessSelectHeader = require("../../Stores/BusinessSelectHeader");
 var _ReviewProductsListing = require("../ReviewProductsListing");
+var _utils = require("../../../utils");
 var _styles2 = require("./styles");
 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; }
@@ -26,8 +27,11 @@ 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 ReviewsListing = function ReviewsListing(props) {
-  var history = (0, _reactRouterDom.useHistory)();
+  var isUseQuery = props.isUseQuery;
   var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
+  var defaultTab = query.get('tab');
+  var defaultPage = query.get('page') || 1;
+  var defaultPageSize = query.get('pageSize') || 10;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -35,7 +39,8 @@ var ReviewsListing = function ReviewsListing(props) {
     _useInfoShare2 = _slicedToArray(_useInfoShare, 2),
     isCollapse = _useInfoShare2[0].isCollapse,
     handleMenuCollapse = _useInfoShare2[1].handleMenuCollapse;
-  var _useState = (0, _react.useState)('business'),
+  var firstRender = (0, _react.useRef)(true);
+  var _useState = (0, _react.useState)(defaultTab || 'business'),
     _useState2 = _slicedToArray(_useState, 2),
     showOption = _useState2[0],
     setShowOption = _useState2[1];
@@ -59,14 +64,21 @@ var ReviewsListing = function ReviewsListing(props) {
     setShowSelect(false);
     setBusiness(business);
     setBusinessId(business.id);
-    var tab = query.get('tab');
-    history.replace("".concat(location.pathname, "?tab=").concat(tab, "&business=").concat(business.id));
+    (0, _utils.addQueryToUrl)({
+      business: business.id
+    });
   };
   var handleChangeOption = function handleChangeOption(option, isInitialRender) {
-    setShowOption(option);
-    if (option === 'products' && !businessId) setShowSelect(true);
     if (!isInitialRender) {
-      history.replace("".concat(location.pathname, "?tab=").concat(option));
+      firstRender.current = false;
+      (0, _utils.removeQueryToUrl)(['page', 'pageSize', 'business', 'category', 'product', 'id']);
+      (0, _utils.addQueryToUrl)({
+        tab: option
+      });
+    }
+    setShowOption(option);
+    if (option === 'products' && !businessId) {
+      setShowSelect(true);
     }
   };
   var handleOpenProducts = function handleOpenProducts(business) {
@@ -143,19 +155,47 @@ var ReviewsListing = function ReviewsListing(props) {
     }
   }, t('PRODUCTS', 'Products'))), showOption === 'business' && /*#__PURE__*/_react.default.createElement(_BusinessReviewList.BusinessReviewList, {
     parentSearchValue: searchValue,
-    handleOpenProducts: handleOpenProducts
+    handleOpenProducts: handleOpenProducts,
+    isUseQuery: isUseQuery,
+    paginationSettings: {
+      initialPage: isUseQuery && firstRender.current && !isNaN(defaultPage) ? Number(defaultPage) : 1,
+      pageSize: isUseQuery && firstRender.current && !isNaN(defaultPage) ? Number(defaultPageSize) : 10,
+      controlType: 'pages'
+    }
   }), showOption === 'drivers' && /*#__PURE__*/_react.default.createElement(_UsersReviewList.UsersReviewList, {
     defaultUserTypesSelected: [4],
-    parentSearchValue: searchValue
+    parentSearchValue: searchValue,
+    isUseQuery: isUseQuery,
+    paginationSettings: {
+      initialPage: isUseQuery && firstRender.current && !isNaN(defaultPage) ? Number(defaultPage) : 1,
+      pageSize: isUseQuery && firstRender.current && !isNaN(defaultPage) ? Number(defaultPageSize) : 10,
+      controlType: 'pages'
+    }
   }), showOption === 'customers' && /*#__PURE__*/_react.default.createElement(_UsersReviewList.UsersReviewList, {
     defaultUserTypesSelected: [3],
-    parentSearchValue: searchValue
+    parentSearchValue: searchValue,
+    isUseQuery: isUseQuery,
+    paginationSettings: {
+      initialPage: isUseQuery && firstRender.current && !isNaN(defaultPage) ? Number(defaultPage) : 1,
+      pageSize: isUseQuery && firstRender.current && !isNaN(defaultPage) ? Number(defaultPageSize) : 10,
+      controlType: 'pages'
+    }
   }), showOption === 'professionals' && /*#__PURE__*/_react.default.createElement(_UsersReviewList.UsersReviewList, {
     defaultUserTypesSelected: [8],
-    parentSearchValue: searchValue
+    parentSearchValue: searchValue,
+    isUseQuery: isUseQuery,
+    paginationSettings: {
+      initialPage: isUseQuery && firstRender.current && !isNaN(defaultPage) ? Number(defaultPage) : 1,
+      pageSize: isUseQuery && firstRender.current && !isNaN(defaultPage) ? Number(defaultPageSize) : 10,
+      controlType: 'pages'
+    }
   }), showOption === 'products' && businessId && /*#__PURE__*/_react.default.createElement(_ReviewProductsListing.ReviewProductsListing, {
     parentSearchValue: searchValue,
-    businessId: businessId
+    businessId: businessId,
+    isUseQuery: isUseQuery,
+    defaultPage: isUseQuery && firstRender.current && !isNaN(defaultPage) ? Number(defaultPage) : 1,
+    defaultPageSize: isUseQuery && firstRender.current && !isNaN(defaultPage) ? Number(defaultPageSize) : 10,
+    firstRender: firstRender.current
   })));
 };
 exports.ReviewsListing = ReviewsListing;

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

@@ -12,6 +12,7 @@ var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skelet
 var _reactBootstrapIcons = require("react-bootstrap-icons");
 var _Shared = require("../../Shared");
 var _UserReviewDetails = require("../UserReviewDetails");
+var _utils = require("../../../utils");
 var _styles = 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); }
@@ -37,8 +38,8 @@ var DriversReviewListUI = function DriversReviewListUI(props) {
     paginationProps = props.paginationProps,
     getUsers = props.getUsers,
     onSearch = props.onSearch,
-    defaultUserTypesSelected = props.defaultUserTypesSelected;
-  var history = (0, _reactRouterDom.useHistory)();
+    defaultUserTypesSelected = props.defaultUserTypesSelected,
+    isUseQuery = props.isUseQuery;
   var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -83,15 +84,15 @@ var DriversReviewListUI = function DriversReviewListUI(props) {
     if (isInvalid) return;
     handleOpenReview(user);
     if (!isInitialRender) {
-      var tab = query.get('tab');
-      history.replace("".concat(location.pathname, "?tab=").concat(tab, "&id=").concat(user.id));
+      (0, _utils.addQueryToUrl)({
+        id: user.id
+      });
     }
   };
   var handleCloseReviewDetails = function handleCloseReviewDetails() {
     setCurUser(null);
     setOpenReview(false);
-    var tab = query.get('tab');
-    history.replace("".concat(location.pathname, "?tab=").concat(tab));
+    (0, _utils.removeQueryToUrl)(['id']);
   };
   (0, _react.useEffect)(function () {
     var id = query.get('id');
@@ -100,6 +101,13 @@ var DriversReviewListUI = function DriversReviewListUI(props) {
       setOpenReview(true);
     }
   }, []);
+  (0, _react.useEffect)(function () {
+    if (!isUseQuery || !(paginationProps !== null && paginationProps !== void 0 && paginationProps.currentPage) || !(paginationProps !== null && paginationProps !== void 0 && paginationProps.pageSize) || !(paginationProps !== null && paginationProps !== void 0 && paginationProps.totalPages)) return;
+    (0, _utils.addQueryToUrl)({
+      page: paginationProps.currentPage,
+      pageSize: paginationProps.pageSize
+    });
+  }, [paginationProps === null || paginationProps === void 0 ? void 0 : paginationProps.currentPage, paginationProps === null || paginationProps === void 0 ? void 0 : paginationProps.pageSize, paginationProps === null || paginationProps === void 0 ? void 0 : paginationProps.totalPages]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.ReviewsTable, null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", null, /*#__PURE__*/_react.default.createElement(_styles.ReviewObject, {
     isHeader: true
   }, headerTitle)), /*#__PURE__*/_react.default.createElement("th", null, /*#__PURE__*/_react.default.createElement(_styles.ReviewMarkerWrapper, {

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

@@ -11,6 +11,7 @@ var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skelet
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 var _styledComponents = require("styled-components");
 var _Shared = require("../../Shared");
+var _utils = require("../../../utils");
 var _styles = 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); }
@@ -36,7 +37,8 @@ var OpenCartList = function OpenCartList(props) {
     pagination = props.pagination,
     cartDetailId = props.cartDetailId,
     getCartList = props.getCartList,
-    handleOpenCartDetail = props.handleOpenCartDetail;
+    handleOpenCartDetail = props.handleOpenCartDetail,
+    isUseQuery = props.isUseQuery;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -121,6 +123,13 @@ var OpenCartList = function OpenCartList(props) {
   //   setIsAllChecked(_isAllChecked)
   // }, [cartList.carts, selectedCartIds])
 
+  (0, _react.useEffect)(function () {
+    if (!isUseQuery || !(pagination !== null && pagination !== void 0 && pagination.currentPage) || !(pagination !== null && pagination !== void 0 && pagination.pageSize) || !(pagination !== null && pagination !== void 0 && pagination.totalPages)) return;
+    (0, _utils.addQueryToUrl)({
+      page: pagination.currentPage,
+      pageSize: pagination.pageSize
+    });
+  }, [pagination === null || pagination === void 0 ? void 0 : pagination.currentPage, pagination === null || pagination === void 0 ? void 0 : pagination.pageSize, pagination === null || pagination === void 0 ? void 0 : pagination.totalPages]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.CartsContainer, {
     id: "cartTable"
   }, /*#__PURE__*/_react.default.createElement(_styles.Table, {
@@ -198,10 +207,10 @@ var OpenCartList = function OpenCartList(props) {
     }, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
       width: 60
     }))))));
-  }) : cartList.carts.map(function (cart, i) {
+  }) : cartList.carts.map(function (cart) {
     var _cart$business, _theme$images, _cart$business2, _cart$city, _cart$user, _cart$user2, _cart$user3, _cart$user4, _cart$user5, _cart$user6;
     return /*#__PURE__*/_react.default.createElement(_styles.CartBody, {
-      key: i,
+      key: cart === null || cart === void 0 ? void 0 : cart.id,
       className: parseInt(cartDetailId) === cart.id ? 'active' : '',
       onClick: function onClick(e) {
         return handleClickCart(cart, e);

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

@@ -41,7 +41,9 @@ var OpenCartListingUI = function OpenCartListingUI(props) {
     cartList = props.cartList,
     pagination = props.pagination,
     getCartList = props.getCartList,
-    onCartRedirect = props.onCartRedirect;
+    onCartRedirect = props.onCartRedirect,
+    handleSuccessDeleteCart = props.handleSuccessDeleteCart,
+    isUseQuery = props.isUseQuery;
   var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -121,21 +123,31 @@ var OpenCartListingUI = function OpenCartListingUI(props) {
     cartDetailId: cartDetailId,
     getCartList: getCartList,
     handleSelectedCartIds: handleSelectedCartIds,
-    handleOpenCartDetail: handleOpenCartDetail
+    handleOpenCartDetail: handleOpenCartDetail,
+    isUseQuery: isUseQuery
   }))))), isOpenCartDetail && /*#__PURE__*/_react.default.createElement(_OpenCartsDetail.OpenCartsDetail, {
     open: isOpenCartDetail,
     cart: detailsCart,
     cartId: cartDetailId,
     onClose: function onClose() {
       return handleBackRedirect();
-    }
+    },
+    handleSuccessDeleteCart: handleSuccessDeleteCart
   }), totalSelectedOrder > 0 && /*#__PURE__*/_react.default.createElement(_styles.WrapperIndicator, null, setSelectedCartIds.length, "/", totalSelectedOrder));
 };
 var OpenCartListing = function OpenCartListing(props) {
+  var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
+  var defaultPage = query.get('page') || 1;
+  var defaultPageSize = query.get('pageSize') || 10;
   var openCartsProps = _objectSpread(_objectSpread({}, props), {}, {
     UIComponent: OpenCartListingUI,
     isSearchByCartId: true,
-    isSearchByCityName: true
+    isSearchByCityName: true,
+    paginationSettings: {
+      initialPage: props.isUseQuery && !isNaN(defaultPage) ? Number(defaultPage) : 1,
+      pageSize: props.isUseQuery && !isNaN(defaultPage) ? Number(defaultPageSize) : 10,
+      controlType: 'pages'
+    }
   });
   return /*#__PURE__*/_react.default.createElement(_orderingComponentsAdminExternal.OpenCartListing, openCartsProps);
 };

package/_modules/components/CartRecovery/OpenCartsDetail/index.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.OpenCartsDetail = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
+var _reactBootstrap = require("react-bootstrap");
+var _styledComponents = require("styled-components");
 var _ProductItemAccordion = require("../../Orders/ProductItemAccordion");
 var _useWindowSize2 = require("../../../hooks/useWindowSize");
 var _OpenCartBill = require("../OpenCartBill");
@@ -35,7 +37,9 @@ var OpenCartsDetailUI = function OpenCartsDetailUI(props) {
   var isSelectedOrders = props.isSelectedOrders,
     open = props.open,
     handleBackRedirect = props.handleBackRedirect,
-    cartState = props.cartState;
+    cartState = props.cartState,
+    handleDeleteCart = props.handleDeleteCart;
+  var theme = (0, _styledComponents.useTheme)();
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -52,6 +56,14 @@ var OpenCartsDetailUI = function OpenCartsDetailUI(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     isExpand = _useState4[0],
     setIsExpand = _useState4[1];
+  var _useState5 = (0, _react.useState)({
+      open: false,
+      content: null,
+      handleOnAccept: null
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    confirm = _useState6[0],
+    setConfirm = _useState6[1];
   var actionSidebar = function actionSidebar(value) {
     setIsMenuOpen(value);
     if (!value) {
@@ -86,6 +98,18 @@ var OpenCartsDetailUI = function OpenCartsDetailUI(props) {
       return !prev;
     });
   };
+  var onDeleteCart = function onDeleteCart(cart) {
+    setConfirm({
+      open: true,
+      content: t('QUESTION_DELETE_CART', 'Are you sure that you want to delete this cart?'),
+      handleOnAccept: function handleOnAccept() {
+        setConfirm(_objectSpread(_objectSpread({}, confirm), {}, {
+          open: false
+        }));
+        handleDeleteCart(cart);
+      }
+    });
+  };
   (0, _react.useEffect)(function () {
     if (!open) return;
     document.addEventListener('keydown', onCloseSidebar);
@@ -140,7 +164,15 @@ var OpenCartsDetailUI = function OpenCartsDetailUI(props) {
   }))), /*#__PURE__*/_react.default.createElement(_styles2.ButtonGroup, null, width > 576 && /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
     color: "black",
     onClick: expandSidebar
-  }, isExpand ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ArrowsAngleContract, null) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ArrowsAngleExpand, null)), /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
+  }, isExpand ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ArrowsAngleContract, null) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ArrowsAngleExpand, null)), /*#__PURE__*/_react.default.createElement(_styles2.ActionSelectorWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.DropdownButton, {
+    menuAlign: theme !== null && theme !== void 0 && theme.rtl ? 'left' : 'right',
+    title: /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ThreeDots, null),
+    id: theme !== null && theme !== void 0 && theme.rtl ? 'dropdown-menu-align-left' : 'dropdown-menu-align-right'
+  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Dropdown.Item, {
+    onClick: function onClick() {
+      return onDeleteCart(cartState === null || cartState === void 0 ? void 0 : cartState.cart);
+    }
+  }, t('DELETE', 'Delete')))), /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
     color: "black",
     onClick: function onClick() {
       return props.onClose() && props.onClose();
@@ -158,6 +190,24 @@ var OpenCartsDetailUI = function OpenCartsDetailUI(props) {
     content: t('NOT_FOUND_ORDER', 'Sorry, we couldn\'t find the requested order.'),
     btnTitle: t('PROFILE_ORDERS_REDIRECT', 'Go to Orders'),
     onClickButton: handleBackRedirect
+  }), /*#__PURE__*/_react.default.createElement(_Shared.Confirm, {
+    width: "700px",
+    title: t('WEB_APPNAME', 'Ordering'),
+    content: confirm.content,
+    acceptText: t('ACCEPT', 'Accept'),
+    open: confirm.open,
+    onClose: function onClose() {
+      return setConfirm(_objectSpread(_objectSpread({}, confirm), {}, {
+        open: false
+      }));
+    },
+    onCancel: function onCancel() {
+      return setConfirm(_objectSpread(_objectSpread({}, confirm), {}, {
+        open: false
+      }));
+    },
+    onAccept: confirm.handleOnAccept,
+    closeOnBackdrop: false
   }));
 };
 var OpenCartsDetail = function OpenCartsDetail(props) {

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

@@ -4,9 +4,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SkeletonWrapper = exports.OrderProducts = exports.OrderInfoWrapper = exports.OrderDetailsContent = exports.HeaderContainer = exports.Container = exports.ButtonLink = exports.ButtonGroup = void 0;
+exports.SkeletonWrapper = exports.OrderProducts = exports.OrderInfoWrapper = exports.OrderDetailsContent = exports.HeaderContainer = exports.Container = exports.ButtonLink = exports.ButtonGroup = exports.ActionSelectorWrapper = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
+var _polished = require("polished");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
 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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
@@ -55,4 +56,20 @@ exports.OrderInfoWrapper = OrderInfoWrapper;
 var ButtonGroup = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
 exports.ButtonGroup = ButtonGroup;
 var SkeletonWrapper = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  width: 100%;\n  padding: 20px;\n  box-sizing: border-box;\n  flex-direction: column;\n  > span {\n    width: 100%;\n  }\n"])));
-exports.SkeletonWrapper = SkeletonWrapper;
+exports.SkeletonWrapper = SkeletonWrapper;
+var ActionSelectorWrapper = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\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        color: ", ";\n        &:active {\n          background: ", " !important;\n        }\n      }\n      .dropdown-item:last-child {\n        color: #E63757;\n      }\n    }\n  }\n"])), function (props) {
+  return props.theme.colors.headingColor;
+}, function (props) {
+  return (0, _polished.darken)(0.04, props.theme.colors.secundary);
+}, function (props) {
+  return (0, _polished.darken)(0.1, props.theme.colors.secundary);
+}, function (props) {
+  return (0, _polished.darken)(0.04, props.theme.colors.secundary);
+}, function (props) {
+  return props.theme.colors.borderColor;
+}, function (props) {
+  return props.theme.colors.headingColor;
+}, function (props) {
+  return (0, _polished.darken)(0.1, props.theme.colors.secundary);
+});
+exports.ActionSelectorWrapper = ActionSelectorWrapper;