ordering-ui-admin-external 1.15.0 → 1.15.2

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

@@ -29,8 +29,8 @@ 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 BusinessReviewDetailsUI = function BusinessReviewDetailsUI(props) {
-  var _theme$images, _theme$images$dummies;
-  var business = props.business,
+  var _businessState$busine, _businessState$busine2, _theme$images, _theme$images$dummies;
+  var businessState = props.businessState,
     reviewsList = props.reviewsList,
     handleOpenProducts = props.handleOpenProducts,
     handleChangeReviewEnabled = props.handleChangeReviewEnabled;
@@ -46,14 +46,14 @@ var BusinessReviewDetailsUI = function BusinessReviewDetailsUI(props) {
   var getReviewPercent = function getReviewPercent(quality) {
     return quality / 5 * 100;
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.ReviewDetailsContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.Header, null, /*#__PURE__*/_react.default.createElement("h1", null, business === null || business === void 0 ? void 0 : business.name), /*#__PURE__*/_react.default.createElement(_styles.Button, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.ReviewDetailsContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.Header, null, /*#__PURE__*/_react.default.createElement("h1", null, (_businessState$busine = businessState.business) === null || _businessState$busine === void 0 ? void 0 : _businessState$busine.name), /*#__PURE__*/_react.default.createElement(_styles.Button, {
     color: "lightPrimary",
     borderRadius: "8px",
     onClick: function onClick() {
-      return handleOpenProducts(business);
+      return handleOpenProducts(businessState.business);
     }
   }, t('PRODUCT_REVIEW', 'Product review'))), /*#__PURE__*/_react.default.createElement(_styles2.BusinessLogoContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.WrapperImage, null, /*#__PURE__*/_react.default.createElement(_styles2.Image, {
-    bgimage: optimizeImage((business === null || business === void 0 ? void 0 : business.logo) || ((_theme$images = theme.images) === null || _theme$images === void 0 ? void 0 : (_theme$images$dummies = _theme$images.dummies) === null || _theme$images$dummies === void 0 ? void 0 : _theme$images$dummies.businessLogo), 'h_120,c_limit')
+    bgimage: optimizeImage(((_businessState$busine2 = businessState.business) === null || _businessState$busine2 === void 0 ? void 0 : _businessState$busine2.logo) || ((_theme$images = theme.images) === null || _theme$images === void 0 ? void 0 : (_theme$images$dummies = _theme$images.dummies) === null || _theme$images$dummies === void 0 ? void 0 : _theme$images$dummies.businessLogo), 'h_120,c_limit')
   }))), reviewsList !== null && reviewsList !== void 0 && reviewsList.loading ? _toConsumableArray(Array(10).keys()).map(function (i) {
     return /*#__PURE__*/_react.default.createElement(_styles2.ReviewItemContatiner, {
       key: i

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BusinessReviewList = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactRouterDom = require("react-router-dom");
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
 var _styledComponents = require("styled-components");
@@ -40,6 +41,8 @@ var BusinessReviewsListingUI = function BusinessReviewsListingUI(props) {
     handleUpdateReview = props.handleUpdateReview,
     onSearch = props.onSearch,
     handleOpenProducts = props.handleOpenProducts;
+  var history = (0, _reactRouterDom.useHistory)();
+  var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -63,6 +66,10 @@ var BusinessReviewsListingUI = function BusinessReviewsListingUI(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     curBusiness = _useState6[0],
     setCurBusiness = _useState6[1];
+  var _useState7 = (0, _react.useState)(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    curBusinessId = _useState8[0],
+    setCurBusinessId = _useState8[1];
   var handleChangePage = function handleChangePage(page) {
     getPageBusinesses(pagination.pageSize, page);
   };
@@ -70,14 +77,33 @@ var BusinessReviewsListingUI = function BusinessReviewsListingUI(props) {
     var expectedPage = Math.ceil(pagination.from / pageSize);
     getPageBusinesses(pageSize, expectedPage);
   };
-  var handleOpenReview = function handleOpenReview(business) {
+  var handleOpenReview = function handleOpenReview(business, isInitialRender) {
     setCurBusiness(business);
+    setCurBusinessId(business.id);
     setOpenReview(true);
+    if (!isInitialRender) {
+      var tab = query.get('tab');
+      history.replace("".concat(location.pathname, "?tab=").concat(tab, "&id=").concat(business.id));
+    }
   };
   (0, _react.useEffect)(function () {
     if (parentSearchValue === null) return;
     onSearch(parentSearchValue);
   }, [parentSearchValue]);
+  var handleCloseReviewDetails = function handleCloseReviewDetails() {
+    setCurBusiness(null);
+    setOpenReview(false);
+    var tab = query.get('tab');
+    history.replace("".concat(location.pathname, "?tab=").concat(tab));
+  };
+  (0, _react.useEffect)(function () {
+    var tab = query.get('tab');
+    var id = query.get('id');
+    if (tab === 'business' && id) {
+      setCurBusinessId(Number(id));
+      setOpenReview(true);
+    }
+  }, []);
   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
   }, t('BUSINESS', 'Business'))), /*#__PURE__*/_react.default.createElement("th", null, /*#__PURE__*/_react.default.createElement(_styles.ReviewMarkerWrapper, {
@@ -120,13 +146,12 @@ var BusinessReviewsListingUI = function BusinessReviewsListingUI(props) {
     defaultSideBarWidth: 550,
     open: openReview,
     onClose: function onClose() {
-      setCurBusiness(null);
-      setOpenReview(false);
+      return handleCloseReviewDetails();
     },
     showExpandIcon: true
   }, /*#__PURE__*/_react.default.createElement(_BusinessReviewDetails.BusinessReviewDetails, {
     business: curBusiness,
-    businessId: curBusiness === null || curBusiness === void 0 ? void 0 : curBusiness.id,
+    businessId: curBusinessId,
     reviews: curBusiness === null || curBusiness === void 0 ? void 0 : (_curBusiness$reviews = curBusiness.reviews) === null || _curBusiness$reviews === void 0 ? void 0 : _curBusiness$reviews.reviews,
     handleUpdateReview: handleUpdateReview,
     handleOpenProducts: handleOpenProducts

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InvoiceBusinessManager = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactRouterDom = require("react-router-dom");
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 var _Shared = require("../../Shared");
 var _styles = require("./styles");
@@ -30,6 +31,8 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var InvoiceBusinessManagerUI = function InvoiceBusinessManagerUI(props) {
   var exportInvoiceList = props.exportInvoiceList;
+  var history = (0, _reactRouterDom.useHistory)();
+  var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -43,15 +46,27 @@ var InvoiceBusinessManagerUI = function InvoiceBusinessManagerUI(props) {
     _useState2 = _slicedToArray(_useState, 2),
     selectedDetailType = _useState2[0],
     setSelectedDetailType = _useState2[1];
-  var changeSelectedAnalyticsStatus = function changeSelectedAnalyticsStatus(detailType) {
+  var changeSelectedAnalyticsStatus = function changeSelectedAnalyticsStatus(detailType, isInitialRender) {
     window.scrollTo(0, 0);
     setSelectedDetailType(detailType);
+    if (!isInitialRender) {
+      var invoice = query.get('invoice');
+      history.replace("".concat(location.pathname, "?invoice=").concat(invoice, "&tab=").concat(detailType));
+    }
   };
   (0, _react.useEffect)(function () {
     if (!(exportInvoiceList !== null && exportInvoiceList !== void 0 && exportInvoiceList.loading) && exportInvoiceList !== null && exportInvoiceList !== void 0 && exportInvoiceList.invoice) {
       inputRef.current.value = invoicePdfRef === null || invoicePdfRef === void 0 ? void 0 : invoicePdfRef.current.innerHTML;
     }
   }, [exportInvoiceList === null || exportInvoiceList === void 0 ? void 0 : exportInvoiceList.loading]);
+  (0, _react.useEffect)(function () {
+    var tab = query.get('tab');
+    if (tab) {
+      changeSelectedAnalyticsStatus(tab, true);
+    } else {
+      changeSelectedAnalyticsStatus(selectedDetailType);
+    }
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_styles.InvoiceDriversContainer, null, /*#__PURE__*/_react.default.createElement(_styles.DetailsHeader, null, /*#__PURE__*/_react.default.createElement("h2", null, t('BUSINESS_INVOICE', 'Business invoice')), /*#__PURE__*/_react.default.createElement(_styles2.IconButton, {
     color: "black",
     disabled: (exportInvoiceList === null || exportInvoiceList === void 0 ? void 0 : exportInvoiceList.loading) || !(exportInvoiceList !== null && exportInvoiceList !== void 0 && exportInvoiceList.invoice),

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InvoiceDriverManager = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactRouterDom = require("react-router-dom");
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 var _Shared = require("../../Shared");
 var _styles = require("./styles");
@@ -29,6 +30,8 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var InvoiceDriverManagerUI = function InvoiceDriverManagerUI(props) {
   var exportInvoiceList = props.exportInvoiceList;
+  var history = (0, _reactRouterDom.useHistory)();
+  var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -42,15 +45,27 @@ var InvoiceDriverManagerUI = function InvoiceDriverManagerUI(props) {
   var inputRef = (0, _react.useRef)(null);
   var submitBtnRef = (0, _react.useRef)(null);
   var invoicePdfRef = (0, _react.useRef)(null);
-  var changeSelectedAnalyticsStatus = function changeSelectedAnalyticsStatus(detailType) {
+  var changeSelectedAnalyticsStatus = function changeSelectedAnalyticsStatus(detailType, isInitialRender) {
     window.scrollTo(0, 0);
     setSelectedDetailType(detailType);
+    if (!isInitialRender) {
+      var invoice = query.get('invoice');
+      history.replace("".concat(location.pathname, "?invoice=").concat(invoice, "&tab=").concat(detailType));
+    }
   };
   (0, _react.useEffect)(function () {
     if (!(exportInvoiceList !== null && exportInvoiceList !== void 0 && exportInvoiceList.loading) && exportInvoiceList !== null && exportInvoiceList !== void 0 && exportInvoiceList.invoice) {
       inputRef.current.value = invoicePdfRef === null || invoicePdfRef === void 0 ? void 0 : invoicePdfRef.current.innerHTML;
     }
   }, [exportInvoiceList === null || exportInvoiceList === void 0 ? void 0 : exportInvoiceList.loading]);
+  (0, _react.useEffect)(function () {
+    var tab = query.get('tab');
+    if (tab) {
+      changeSelectedAnalyticsStatus(tab, true);
+    } else {
+      changeSelectedAnalyticsStatus(selectedDetailType);
+    }
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_styles.InvoiceDriversContainer, null, /*#__PURE__*/_react.default.createElement(_styles.DetailsHeader, null, /*#__PURE__*/_react.default.createElement("h2", null, t('DRIVER_INVOICE', 'Driver invoice')), /*#__PURE__*/_react.default.createElement(_styles2.IconButton, {
     color: "black",
     disabled: (exportInvoiceList === null || exportInvoiceList === void 0 ? void 0 : exportInvoiceList.loading) || !(exportInvoiceList !== null && exportInvoiceList !== void 0 && exportInvoiceList.invoice),

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InvoiceManager = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactRouterDom = require("react-router-dom");
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 var _InfoShareContext = require("../../../contexts/InfoShareContext");
 var _styles = require("../../../styles");
@@ -22,6 +23,8 @@ 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 InvoiceManager = function InvoiceManager(props) {
+  var history = (0, _reactRouterDom.useHistory)();
+  var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -50,14 +53,24 @@ var InvoiceManager = function InvoiceManager(props) {
     icon: /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Truck, null),
     description: t('DRIVER_INVOICE_DESCRIPTION', 'Driver invoice description')
   }];
-  var handleOpenInvoiceDetail = function handleOpenInvoiceDetail(index) {
+  var handleOpenInvoiceDetail = function handleOpenInvoiceDetail(index, isInitialRender) {
     setOpenInvoiceDetail(true);
     setSelectedInvoice(index);
+    if (!isInitialRender) {
+      history.replace("".concat(location.pathname, "?invoice=").concat(index));
+    }
   };
   var handleCloseInvoiceDetail = function handleCloseInvoiceDetail() {
     setOpenInvoiceDetail(false);
     setSelectedInvoice(null);
+    history.replace("".concat(location.pathname));
   };
+  (0, _react.useEffect)(function () {
+    var invoice = query.get('invoice');
+    if (invoice) {
+      handleOpenInvoiceDetail(invoice, true);
+    }
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.InvoiceManagerContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.HeaderContainer, null, isCollapse && /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
     color: "black",
     onClick: function onClick() {

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

@@ -17,5 +17,5 @@ var CheckboxWrapper = _styledComponents.default.div(_templateObject2 || (_templa
   return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.rtl) && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      margin-left: 20px;\n      margin-right: 0;\n    "])));
 });
 exports.CheckboxWrapper = CheckboxWrapper;
-var ActionBtnWrapper = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: sticky;\n  top: 100%;\n\n  > button {\n    height: 44px;\n  }\n"])));
+var ActionBtnWrapper = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: sticky;\n  top: 100%;\n  margin-top: 30px;\n\n  > button {\n    height: 44px;\n  }\n"])));
 exports.ActionBtnWrapper = ActionBtnWrapper;

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

@@ -27,7 +27,8 @@ 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 ProductReviewDetailsUI = function ProductReviewDetailsUI(props) {
-  var product = props.product,
+  var _productState$product, _productState$product2, _productState$product3;
+  var productState = props.productState,
     productReviewList = props.productReviewList;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -35,8 +36,8 @@ var ProductReviewDetailsUI = function ProductReviewDetailsUI(props) {
   var _useUtils = (0, _orderingComponentsAdminExternal.useUtils)(),
     _useUtils2 = _slicedToArray(_useUtils, 1),
     optimizeImage = _useUtils2[0].optimizeImage;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.ReviewDetailsContainer, null, /*#__PURE__*/_react.default.createElement(_styles.Header, null, /*#__PURE__*/_react.default.createElement("h1", null, product === null || product === void 0 ? void 0 : product.name)), /*#__PURE__*/_react.default.createElement(_styles.ProductImageContainer, null, /*#__PURE__*/_react.default.createElement(_styles.WrapperImage, null, product !== null && product !== void 0 && product.images ? /*#__PURE__*/_react.default.createElement(_styles.Image, {
-    bgimage: optimizeImage(product === null || product === void 0 ? void 0 : product.images, 'h_120,c_limit')
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.ReviewDetailsContainer, null, /*#__PURE__*/_react.default.createElement(_styles.Header, null, /*#__PURE__*/_react.default.createElement("h1", null, (_productState$product = productState.product) === null || _productState$product === void 0 ? void 0 : _productState$product.name)), /*#__PURE__*/_react.default.createElement(_styles.ProductImageContainer, null, /*#__PURE__*/_react.default.createElement(_styles.WrapperImage, null, (_productState$product2 = productState.product) !== null && _productState$product2 !== void 0 && _productState$product2.images ? /*#__PURE__*/_react.default.createElement(_styles.Image, {
+    bgimage: optimizeImage((_productState$product3 = productState.product) === null || _productState$product3 === void 0 ? void 0 : _productState$product3.images, 'h_120,c_limit')
   }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ImageFill, null))), productReviewList !== null && productReviewList !== void 0 && productReviewList.loading ? _toConsumableArray(Array(10).keys()).map(function (i) {
     return /*#__PURE__*/_react.default.createElement(_styles.ReviewContentWrapper, {
       key: i

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Reports = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactRouterDom = require("react-router-dom");
 var _InfoShareContext = require("../../../contexts/InfoShareContext");
 var _styles = require("../../../styles");
 var _useWindowSize2 = require("../../../hooks/useWindowSize");
@@ -43,6 +44,8 @@ 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),
     t = _useLanguage2[1];
@@ -165,11 +168,21 @@ var Reports = function Reports(props) {
   var handleCloseSidebar = function handleCloseSidebar() {
     setIsOpen(false);
     setSelectedReport(0);
+    history.replace("".concat(location.pathname));
   };
-  var handleOpenSlider = function handleOpenSlider(index) {
+  var handleOpenSlider = function handleOpenSlider(index, isInitialRender) {
     setSelectedReport(index);
     setIsOpen(true);
+    if (!isInitialRender) {
+      history.replace("".concat(location.pathname, "?id=").concat(index));
+    }
   };
+  (0, _react.useEffect)(function () {
+    var id = query.get('id');
+    if (id) {
+      handleOpenSlider(Number(id), true);
+    }
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_styles2.ReportsContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.HeaderTitleContainer, null, isCollapse && /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
     color: "black",
     onClick: function onClick() {

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ReviewProductsListingUI = exports.ReviewProductsListing = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactRouterDom = require("react-router-dom");
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 var _reactBootstrapIcons = require("react-bootstrap-icons");
 var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
@@ -37,6 +38,8 @@ var ReviewProductsListingUI = function ReviewProductsListingUI(props) {
     searchValue = props.searchValue,
     parentSearchValue = props.parentSearchValue,
     businessId = props.businessId;
+  var history = (0, _reactRouterDom.useHistory)();
+  var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -51,22 +54,30 @@ var ReviewProductsListingUI = function ReviewProductsListingUI(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     curProduct = _useState4[0],
     setCurProduct = _useState4[1];
-  var _useState5 = (0, _react.useState)(1),
+  var _useState5 = (0, _react.useState)(null),
     _useState6 = _slicedToArray(_useState5, 2),
-    currentPage = _useState6[0],
-    setCurrentPage = _useState6[1];
-  var _useState7 = (0, _react.useState)(10),
+    curProductId = _useState6[0],
+    setCurProductId = _useState6[1];
+  var _useState7 = (0, _react.useState)(null),
     _useState8 = _slicedToArray(_useState7, 2),
-    productsPerPage = _useState8[0],
-    setProductsPerPage = _useState8[1];
-  var _useState9 = (0, _react.useState)([]),
+    curCategoryId = _useState8[0],
+    setCurCategoryId = _useState8[1];
+  var _useState9 = (0, _react.useState)(1),
     _useState10 = _slicedToArray(_useState9, 2),
-    currentProducts = _useState10[0],
-    setCurrentProducts = _useState10[1];
-  var _useState11 = (0, _react.useState)(null),
+    currentPage = _useState10[0],
+    setCurrentPage = _useState10[1];
+  var _useState11 = (0, _react.useState)(10),
     _useState12 = _slicedToArray(_useState11, 2),
-    totalPages = _useState12[0],
-    setTotalPages = _useState12[1];
+    productsPerPage = _useState12[0],
+    setProductsPerPage = _useState12[1];
+  var _useState13 = (0, _react.useState)([]),
+    _useState14 = _slicedToArray(_useState13, 2),
+    currentProducts = _useState14[0],
+    setCurrentProducts = _useState14[1];
+  var _useState15 = (0, _react.useState)(null),
+    _useState16 = _slicedToArray(_useState15, 2),
+    totalPages = _useState16[0],
+    setTotalPages = _useState16[1];
   var handleChangePage = function handleChangePage(page) {
     setCurrentPage(page);
   };
@@ -87,9 +98,25 @@ var ReviewProductsListingUI = function ReviewProductsListingUI(props) {
     setTotalPages(_totalPages);
     setCurrentProducts(_currentProducts);
   }, [productState, currentPage, productsPerPage]);
-  var handleOpenReview = function handleOpenReview(product) {
+  var handleOpenReview = function handleOpenReview(product, isInitialRender) {
+    var _product$category;
     setCurProduct(product);
+    setCurProductId(product === null || product === void 0 ? void 0 : product.id);
+    setCurCategoryId(product === null || product === void 0 ? void 0 : (_product$category = product.category) === null || _product$category === void 0 ? void 0 : _product$category.id);
     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 ? void 0 : (_product$category2 = product.category) === null || _product$category2 === void 0 ? void 0 : _product$category2.id, "&product=").concat(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, _react.useEffect)(function () {
     setCurrentPage(1);
@@ -97,6 +124,15 @@ var ReviewProductsListingUI = function ReviewProductsListingUI(props) {
   (0, _react.useEffect)(function () {
     handleChangeSearch(parentSearchValue);
   }, [parentSearchValue]);
+  (0, _react.useEffect)(function () {
+    var category = query.get('category');
+    var product = query.get('product');
+    if (category && product) {
+      setCurCategoryId(Number(category));
+      setCurProductId(Number(product));
+      setOpenReview(true);
+    }
+  }, []);
   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, {
@@ -136,13 +172,13 @@ var ReviewProductsListingUI = function ReviewProductsListingUI(props) {
     defaultSideBarWidth: 550,
     open: openReview,
     onClose: function onClose() {
-      setCurProduct(null);
-      setOpenReview(false);
+      return handleCloseReviewDetails();
     }
   }, /*#__PURE__*/_react.default.createElement(_ProductReviewDetails.ProductReviewDetails, {
     businessId: businessId,
     product: curProduct,
-    productId: curProduct === null || curProduct === void 0 ? void 0 : curProduct.id
+    productId: curProductId,
+    categoryId: curCategoryId
   })));
 };
 exports.ReviewProductsListingUI = ReviewProductsListingUI;

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ReviewsListing = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactRouterDom = require("react-router-dom");
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 var _InfoShareContext = require("../../../contexts/InfoShareContext");
 var _reactBootstrapIcons = require("react-bootstrap-icons");
@@ -25,6 +26,8 @@ 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 query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -48,19 +51,44 @@ var ReviewsListing = function ReviewsListing(props) {
     _useState8 = _slicedToArray(_useState7, 2),
     business = _useState8[0],
     setBusiness = _useState8[1];
+  var _useState9 = (0, _react.useState)(null),
+    _useState10 = _slicedToArray(_useState9, 2),
+    businessId = _useState10[0],
+    setBusinessId = _useState10[1];
   var changeBusinessState = function changeBusinessState(business) {
     setShowSelect(false);
     setBusiness(business);
+    setBusinessId(business.id);
+    var tab = query.get('tab');
+    history.replace("".concat(location.pathname, "?tab=").concat(tab, "&business=").concat(business.id));
   };
-  var handleChangeOption = function handleChangeOption(option) {
+  var handleChangeOption = function handleChangeOption(option, isInitialRender) {
     setShowOption(option);
-    if (option === 'products' && !business) setShowSelect(true);
+    if (option === 'products' && !businessId) setShowSelect(true);
+    if (!isInitialRender) {
+      history.replace("".concat(location.pathname, "?tab=").concat(option));
+    }
   };
   var handleOpenProducts = function handleOpenProducts(business) {
     setBusiness(business);
     setShowOption('products');
     setShowSelect(false);
   };
+  (0, _react.useEffect)(function () {
+    var tab = query.get('tab');
+    if (tab) {
+      var _businessId = query.get('business');
+      if (tab === 'products' && _businessId) {
+        setShowOption('products');
+        setShowSelect(false);
+        setBusinessId(Number(_businessId));
+      } else {
+        handleChangeOption(tab, true);
+      }
+    } else {
+      handleChangeOption(showOption);
+    }
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.ReviewsListingContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.Header, null, /*#__PURE__*/_react.default.createElement(_styles2.HeaderLeft, null, isCollapse && /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
     color: "black",
     onClick: function onClick() {
@@ -125,9 +153,9 @@ var ReviewsListing = function ReviewsListing(props) {
   }), showOption === 'professionals' && /*#__PURE__*/_react.default.createElement(_UsersReviewList.UsersReviewList, {
     defaultUserTypesSelected: [8],
     parentSearchValue: searchValue
-  }), showOption === 'products' && (business === null || business === void 0 ? void 0 : business.id) && /*#__PURE__*/_react.default.createElement(_ReviewProductsListing.ReviewProductsListing, {
+  }), showOption === 'products' && businessId && /*#__PURE__*/_react.default.createElement(_ReviewProductsListing.ReviewProductsListing, {
     parentSearchValue: searchValue,
-    businessId: business === null || business === void 0 ? void 0 : business.id
+    businessId: businessId
   })));
 };
 exports.ReviewsListing = ReviewsListing;

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

@@ -27,7 +27,8 @@ 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 UserReviewDetailsUI = function UserReviewDetailsUI(props) {
-  var driver = props.driver,
+  var _userState$user, _userState$user2, _userState$user3, _userState$user4;
+  var userState = props.userState,
     userReviewState = props.userReviewState;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -51,8 +52,8 @@ var UserReviewDetailsUI = function UserReviewDetailsUI(props) {
         return quality / 5 * 100;
     }
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.ReviewDetailsContainer, null, /*#__PURE__*/_react.default.createElement(_styles.Header, null, /*#__PURE__*/_react.default.createElement("h1", null, driver === null || driver === void 0 ? void 0 : driver.name, " ", driver === null || driver === void 0 ? void 0 : driver.lastname)), /*#__PURE__*/_react.default.createElement(_styles.DriverPhotoContainer, null, /*#__PURE__*/_react.default.createElement(_styles.WrapperImage, null, driver !== null && driver !== void 0 && driver.photo ? /*#__PURE__*/_react.default.createElement(_styles.Image, {
-    bgimage: optimizeImage(driver === null || driver === void 0 ? void 0 : driver.photo, 'w_120,c_limit')
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.ReviewDetailsContainer, null, /*#__PURE__*/_react.default.createElement(_styles.Header, null, /*#__PURE__*/_react.default.createElement("h1", null, (_userState$user = userState.user) === null || _userState$user === void 0 ? void 0 : _userState$user.name, " ", (_userState$user2 = userState.user) === null || _userState$user2 === void 0 ? void 0 : _userState$user2.lastname)), /*#__PURE__*/_react.default.createElement(_styles.DriverPhotoContainer, null, /*#__PURE__*/_react.default.createElement(_styles.WrapperImage, null, (_userState$user3 = userState.user) !== null && _userState$user3 !== void 0 && _userState$user3.photo ? /*#__PURE__*/_react.default.createElement(_styles.Image, {
+    bgimage: optimizeImage((_userState$user4 = userState.user) === null || _userState$user4 === void 0 ? void 0 : _userState$user4.photo, 'w_120,c_limit')
   }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.PersonFill, null))), userReviewState.loading ? _toConsumableArray(Array(5).keys()).map(function (i) {
     return /*#__PURE__*/_react.default.createElement(_styles.ReviewItemContatiner, {
       key: i

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.UsersReviewList = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactRouterDom = require("react-router-dom");
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
 var _reactBootstrapIcons = require("react-bootstrap-icons");
@@ -37,6 +38,8 @@ var DriversReviewListUI = function DriversReviewListUI(props) {
     getUsers = props.getUsers,
     onSearch = props.onSearch,
     defaultUserTypesSelected = props.defaultUserTypesSelected;
+  var history = (0, _reactRouterDom.useHistory)();
+  var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -51,8 +54,12 @@ var DriversReviewListUI = function DriversReviewListUI(props) {
     setOpenReview = _useState2[1];
   var _useState3 = (0, _react.useState)(null),
     _useState4 = _slicedToArray(_useState3, 2),
-    curDriver = _useState4[0],
-    setCurDriver = _useState4[1];
+    curUser = _useState4[0],
+    setCurUser = _useState4[1];
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    curUserId = _useState6[0],
+    setCurUserId = _useState6[1];
   var headerTitle = defaultUserTypesSelected.length === 1 && defaultUserTypesSelected[0] === 3 ? t('CUSTOMER', 'Customer') : defaultUserTypesSelected[0] === 8 ? t('PROFESSIONAL', 'Professional') : t('DRIVER', 'Driver');
   var handleChangePage = function handleChangePage(page) {
     getUsers(page, 10);
@@ -66,14 +73,33 @@ var DriversReviewListUI = function DriversReviewListUI(props) {
     onSearch(parentSearchValue);
   }, [parentSearchValue]);
   var handleOpenReview = function handleOpenReview(user) {
-    setCurDriver(user);
+    setCurUser(user);
+    setCurUserId(user.id);
     setOpenReview(true);
   };
-  var handleClickReview = function handleClickReview(e, user) {
-    var isInvalid = e.target.closest('.review-enabled') || e.target.closest('.review-actions');
+  var handleClickReview = function handleClickReview(e, user, isInitialRender) {
+    var _e$target;
+    var isInvalid = (e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.closest('.review-enabled')) || e.target.closest('.review-actions');
     if (isInvalid) return;
     handleOpenReview(user);
+    if (!isInitialRender) {
+      var tab = query.get('tab');
+      history.replace("".concat(location.pathname, "?tab=").concat(tab, "&id=").concat(user.id));
+    }
   };
+  var handleCloseReviewDetails = function handleCloseReviewDetails() {
+    setCurUser(null);
+    setOpenReview(false);
+    var tab = query.get('tab');
+    history.replace("".concat(location.pathname, "?tab=").concat(tab));
+  };
+  (0, _react.useEffect)(function () {
+    var id = query.get('id');
+    if (id) {
+      setCurUserId(Number(id));
+      setOpenReview(true);
+    }
+  }, []);
   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, {
@@ -96,7 +122,7 @@ var DriversReviewListUI = function DriversReviewListUI(props) {
   }) : usersList.users.map(function (user) {
     return /*#__PURE__*/_react.default.createElement(_styles.ReviewTbody, {
       key: user.id,
-      active: user.id === (curDriver === null || curDriver === void 0 ? void 0 : curDriver.id),
+      active: user.id === (curUser === null || curUser === void 0 ? void 0 : curUser.id),
       onClick: function onClick(e) {
         return handleClickReview(e, user);
       }
@@ -116,13 +142,12 @@ var DriversReviewListUI = function DriversReviewListUI(props) {
     defaultSideBarWidth: 550,
     open: openReview,
     onClose: function onClose() {
-      setCurDriver(null);
-      setOpenReview(false);
+      return handleCloseReviewDetails();
     },
     showExpandIcon: true
   }, /*#__PURE__*/_react.default.createElement(_UserReviewDetails.UserReviewDetails, {
-    userId: curDriver === null || curDriver === void 0 ? void 0 : curDriver.id,
-    driver: curDriver
+    userId: curUserId,
+    user: curUser
   })));
 };
 var UsersReviewList = function UsersReviewList(props) {