ordering-ui-admin-external 1.12.5 → 1.13.0

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

@@ -32,6 +32,7 @@ var BusinessReviewDetailsUI = function BusinessReviewDetailsUI(props) {
   var _theme$images, _theme$images$dummies;
   var business = props.business,
     reviewsList = props.reviewsList,
+    handleOpenProducts = props.handleOpenProducts,
     handleChangeReviewEnabled = props.handleChangeReviewEnabled;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -42,25 +43,14 @@ var BusinessReviewDetailsUI = function BusinessReviewDetailsUI(props) {
     _useUtils2$ = _useUtils2[0],
     optimizeImage = _useUtils2$.optimizeImage,
     parseDate = _useUtils2$.parseDate;
-  var _useEvent = (0, _orderingComponentsAdminExternal.useEvent)(),
-    _useEvent2 = _slicedToArray(_useEvent, 1),
-    events = _useEvent2[0];
   var getReviewPercent = function getReviewPercent(quality) {
     return quality / 5 * 100;
   };
-  var handleGoToPage = function handleGoToPage(data) {
-    events.emit('go_to_page', data);
-  };
   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, {
     color: "lightPrimary",
     borderRadius: "8px",
     onClick: function onClick() {
-      return handleGoToPage({
-        page: 'reviewProducts',
-        params: {
-          store: business === null || business === void 0 ? void 0 : business.slug
-        }
-      });
+      return handleOpenProducts(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')

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

@@ -38,7 +38,8 @@ var BusinessReviewsListingUI = function BusinessReviewsListingUI(props) {
     parentSearchValue = props.parentSearchValue,
     getPageBusinesses = props.getPageBusinesses,
     handleUpdateReview = props.handleUpdateReview,
-    onSearch = props.onSearch;
+    onSearch = props.onSearch,
+    handleOpenProducts = props.handleOpenProducts;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -108,7 +109,7 @@ var BusinessReviewsListingUI = function BusinessReviewsListingUI(props) {
       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_50,c_limit')
     })), /*#__PURE__*/_react.default.createElement(_styles.InfoBlock, null, /*#__PURE__*/_react.default.createElement("p", {
       className: "bold"
-    }, business === null || business === void 0 ? void 0 : business.name), /*#__PURE__*/_react.default.createElement("p", null, business === null || business === void 0 ? void 0 : business.address)))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles.ReviewMarkerWrapper, null, (business === null || business === void 0 ? void 0 : (_business$reviews = business.reviews) === null || _business$reviews === void 0 ? void 0 : _business$reviews.total) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.StarFill, null), /*#__PURE__*/_react.default.createElement("p", null, business === null || business === void 0 ? void 0 : (_business$reviews2 = business.reviews) === null || _business$reviews2 === void 0 ? void 0 : _business$reviews2.total))))));
+    }, business === null || business === void 0 ? void 0 : business.name), /*#__PURE__*/_react.default.createElement("p", null, business === null || business === void 0 ? void 0 : business.address)))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_styles.ReviewMarkerWrapper, null, (business === null || business === void 0 ? void 0 : (_business$reviews = business.reviews) === null || _business$reviews === void 0 ? void 0 : _business$reviews.total) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.StarFill, null), /*#__PURE__*/_react.default.createElement("p", null, business === null || business === void 0 ? void 0 : (_business$reviews2 = business.reviews) === null || _business$reviews2 === void 0 ? void 0 : _business$reviews2.total)))))));
   })), pagination && /*#__PURE__*/_react.default.createElement(_styles.PagesBottomContainer, null, (pagination === null || pagination === void 0 ? void 0 : pagination.total) > 0 && /*#__PURE__*/_react.default.createElement(_Shared.Pagination, {
     currentPage: pagination.currentPage,
     totalPages: Math.ceil((pagination === null || pagination === void 0 ? void 0 : pagination.total) / pagination.pageSize),
@@ -126,7 +127,8 @@ var BusinessReviewsListingUI = function BusinessReviewsListingUI(props) {
     business: curBusiness,
     businessId: curBusiness === null || curBusiness === void 0 ? void 0 : curBusiness.id,
     reviews: curBusiness === null || curBusiness === void 0 ? void 0 : (_curBusiness$reviews = curBusiness.reviews) === null || _curBusiness$reviews === void 0 ? void 0 : _curBusiness$reviews.reviews,
-    handleUpdateReview: handleUpdateReview
+    handleUpdateReview: handleUpdateReview,
+    handleOpenProducts: handleOpenProducts
   })), /*#__PURE__*/_react.default.createElement(_Shared.Confirm, {
     title: t('WEB_APPNAME', 'Ordering'),
     content: confirm.content,

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

@@ -64,7 +64,7 @@ var ReviewMarkerWrapper = _styledComponents.default.div(_templateObject13 || (_t
   return props.theme.colors.rtl ? (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    padding-right: 15px;\n  "]))) : (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n    padding-left: 15px;\n  "])));
 }, function (_ref3) {
   var isHeader = _ref3.isHeader;
-  return !isHeader && (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n    height: 40px;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n    ", "\n  "])), function (props) {
+  return !isHeader && (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n    height: 40px;\n    width: 45px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    ", "\n  "])), function (props) {
     return props.theme.colors.rtl ? (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n      border-right: 1px solid ", ";\n    "])), function (props) {
       return props.theme.colors.borderColor;
     }) : (0, _styledComponents.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n      border-left: 1px solid ", ";\n    "])), function (props) {

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

@@ -7,13 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.ReviewProductsListingUI = exports.ReviewProductsListing = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
-var _InfoShareContext = require("../../../contexts/InfoShareContext");
 var _reactBootstrapIcons = require("react-bootstrap-icons");
 var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
 var _Shared = require("../../Shared");
-var _styles = require("../../../styles");
 var _ProductReviewDetails = require("../ProductReviewDetails");
-var _styles2 = require("./styles");
+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); }
 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; }
@@ -33,21 +31,18 @@ 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 ReviewProductsListingUI = function ReviewProductsListingUI(props) {
-  var _businessState$busine, _categoryState$produc, _businessState$busine2;
-  var businessState = props.businessState,
-    categoryState = props.categoryState,
+  var _productState$product;
+  var productState = props.productState,
     handleChangeSearch = props.handleChangeSearch,
-    searchValue = props.searchValue;
+    searchValue = props.searchValue,
+    parentSearchValue = props.parentSearchValue,
+    businessId = props.businessId;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
   var _useUtils = (0, _orderingComponentsAdminExternal.useUtils)(),
     _useUtils2 = _slicedToArray(_useUtils, 1),
     optimizeImage = _useUtils2[0].optimizeImage;
-  var _useInfoShare = (0, _InfoShareContext.useInfoShare)(),
-    _useInfoShare2 = _slicedToArray(_useInfoShare, 2),
-    isCollapse = _useInfoShare2[0].isCollapse,
-    handleMenuCollapse = _useInfoShare2[1].handleMenuCollapse;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     openReview = _useState2[0],
@@ -81,17 +76,17 @@ var ReviewProductsListingUI = function ReviewProductsListingUI(props) {
     setProductsPerPage(pageSize);
   };
   (0, _react.useEffect)(function () {
-    if (categoryState.loading) return;
+    if (productState.loading) return;
     var _totalPages;
-    if (categoryState.products.length > 0) {
-      _totalPages = Math.ceil(categoryState.products.length / productsPerPage);
+    if (productState.products.length > 0) {
+      _totalPages = Math.ceil(productState.products.length / productsPerPage);
     }
     var indexOfLastPost = currentPage * productsPerPage;
     var indexOfFirstPost = indexOfLastPost - productsPerPage;
-    var _currentProducts = categoryState.products.slice(indexOfFirstPost, indexOfLastPost);
+    var _currentProducts = productState.products.slice(indexOfFirstPost, indexOfLastPost);
     setTotalPages(_totalPages);
     setCurrentProducts(_currentProducts);
-  }, [categoryState, currentPage, productsPerPage]);
+  }, [productState, currentPage, productsPerPage]);
   var handleOpenReview = function handleOpenReview(product) {
     setCurProduct(product);
     setOpenReview(true);
@@ -99,42 +94,38 @@ var ReviewProductsListingUI = function ReviewProductsListingUI(props) {
   (0, _react.useEffect)(function () {
     setCurrentPage(1);
   }, [searchValue]);
-  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() {
-      return handleMenuCollapse(false);
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.List, null)), /*#__PURE__*/_react.default.createElement("h1", null, businessState !== null && businessState !== void 0 && businessState.loading ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
-    width: 150
-  }) : businessState === null || businessState === void 0 ? void 0 : (_businessState$busine = businessState.business) === null || _businessState$busine === void 0 ? void 0 : _businessState$busine.name)), /*#__PURE__*/_react.default.createElement(_styles2.HeaderRight, null, /*#__PURE__*/_react.default.createElement(_Shared.SearchBar, {
-    lazyLoad: true,
-    placeholder: t('SEARCH', 'Search'),
-    searchValue: searchValue,
-    onSearch: handleChangeSearch
-  }))), /*#__PURE__*/_react.default.createElement(_styles2.ReviewsTable, null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", null, /*#__PURE__*/_react.default.createElement(_styles2.ReviewObject, {
+  (0, _react.useEffect)(function () {
+    handleChangeSearch(parentSearchValue);
+  }, [parentSearchValue]);
+  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'))))), businessState !== null && businessState !== void 0 && businessState.loading || categoryState !== null && categoryState !== void 0 && categoryState.loading ? _toConsumableArray(Array(10).keys()).map(function (i) {
-    return /*#__PURE__*/_react.default.createElement(_styles2.ReviewTbody, {
+  }, t('PRODUCT', 'Product'))), /*#__PURE__*/_react.default.createElement("th", null, /*#__PURE__*/_react.default.createElement(_styles.ReviewMarkerWrapper, {
+    isHeader: true
+  }, t('REVIEWS', 'Reviews'))))), productState !== null && productState !== void 0 && productState.loading ? _toConsumableArray(Array(10).keys()).map(function (i) {
+    return /*#__PURE__*/_react.default.createElement(_styles.ReviewTbody, {
       key: i
-    }, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles2.ReviewObject, null, /*#__PURE__*/_react.default.createElement(_styles2.WrapperImage, {
+    }, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles.ReviewObject, null, /*#__PURE__*/_react.default.createElement(_styles.WrapperImage, {
       isSkeleton: true
     }, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
       width: 45,
       height: 45
     })), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
       width: 80
-    }))))));
+    })))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles.ReviewMarkerWrapper, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
+      width: 20
+    })))));
   }) : currentProducts.map(function (product) {
-    return /*#__PURE__*/_react.default.createElement(_styles2.ReviewTbody, {
+    var _product$reviews, _product$reviews2;
+    return /*#__PURE__*/_react.default.createElement(_styles.ReviewTbody, {
       key: product.id,
       active: product.id === (curProduct === null || curProduct === void 0 ? void 0 : curProduct.id),
       onClick: function onClick() {
         return handleOpenReview(product);
       }
-    }, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles2.ReviewObject, null, /*#__PURE__*/_react.default.createElement(_styles2.WrapperImage, null, product !== null && product !== void 0 && product.images ? /*#__PURE__*/_react.default.createElement(_styles2.Image, {
+    }, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles.ReviewObject, 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_50,c_limit')
-    }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ImageFill, null)), /*#__PURE__*/_react.default.createElement("p", null, product === null || product === void 0 ? void 0 : product.name)))));
-  })), !businessState.loading && (categoryState === null || categoryState === void 0 ? void 0 : (_categoryState$produc = categoryState.products) === null || _categoryState$produc === void 0 ? void 0 : _categoryState$produc.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles2.PagesBottomContainer, null, /*#__PURE__*/_react.default.createElement(_Shared.Pagination, {
+    }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ImageFill, null)), /*#__PURE__*/_react.default.createElement("p", null, product === null || product === void 0 ? void 0 : product.name))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles.ReviewMarkerWrapper, null, (product === null || product === void 0 ? void 0 : (_product$reviews = product.reviews) === null || _product$reviews === void 0 ? void 0 : _product$reviews.total) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.StarFill, null), /*#__PURE__*/_react.default.createElement("p", null, product === null || product === void 0 ? void 0 : (_product$reviews2 = product.reviews) === null || _product$reviews2 === void 0 ? void 0 : _product$reviews2.total))))));
+  })), !productState.loading && (productState === null || productState === void 0 ? void 0 : (_productState$product = productState.products) === null || _productState$product === void 0 ? void 0 : _productState$product.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles.PagesBottomContainer, null, /*#__PURE__*/_react.default.createElement(_Shared.Pagination, {
     currentPage: currentPage,
     totalPages: totalPages,
     handleChangePage: handleChangePage,
@@ -149,27 +140,18 @@ var ReviewProductsListingUI = function ReviewProductsListingUI(props) {
       setOpenReview(false);
     }
   }, /*#__PURE__*/_react.default.createElement(_ProductReviewDetails.ProductReviewDetails, {
-    businessId: businessState === null || businessState === void 0 ? void 0 : (_businessState$busine2 = businessState.business) === null || _businessState$busine2 === void 0 ? void 0 : _businessState$busine2.id,
+    businessId: businessId,
     product: curProduct,
     productId: curProduct === null || curProduct === void 0 ? void 0 : curProduct.id
   })));
 };
 exports.ReviewProductsListingUI = ReviewProductsListingUI;
 var ReviewProductsListing = function ReviewProductsListing(props) {
-  var _useState13 = (0, _react.useState)(false),
-    _useState14 = _slicedToArray(_useState13, 2),
-    isInitialRender = _useState14[0],
-    setIsInitialRender = _useState14[1];
   var businessProductslistingProps = _objectSpread(_objectSpread({}, props), {}, {
-    isAllCategoryProducts: true,
     UIComponent: ReviewProductsListingUI,
-    isInitialRender: isInitialRender,
     isSearchByName: true,
-    isSearchByDescription: true,
-    handleUpdateInitialRender: function handleUpdateInitialRender(val) {
-      return setIsInitialRender(val);
-    }
+    isSearchByDescription: true
   });
-  return /*#__PURE__*/_react.default.createElement(_orderingComponentsAdminExternal.BusinessProductsListing, businessProductslistingProps);
+  return /*#__PURE__*/_react.default.createElement(_orderingComponentsAdminExternal.ReviewProductList, businessProductslistingProps);
 };
 exports.ReviewProductsListing = ReviewProductsListing;

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

@@ -4,41 +4,28 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WrapperImage = exports.ReviewsTable = exports.ReviewsListingContainer = exports.ReviewTbody = exports.ReviewObject = exports.ReviewMarkerWrapper = exports.PagesBottomContainer = exports.Image = exports.HeaderRight = exports.HeaderLeft = exports.Header = void 0;
+exports.WrapperImage = exports.ReviewsTable = exports.ReviewsListingContainer = exports.ReviewTbody = exports.ReviewObject = exports.ReviewMarkerWrapper = exports.PagesBottomContainer = exports.Image = void 0;
 var _react = _interopRequireDefault(require("react"));
 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, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var ReviewsListingContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex: 1;\n  padding: 20px;\n  box-sizing: border-box;\n  transition: all 0.5s;\n  max-height: 100vh;\n  overflow: auto;\n"])));
+var ReviewsListingContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));
 exports.ReviewsListingContainer = ReviewsListingContainer;
-var Header = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 20px;\n  flex-wrap: wrap;\n  row-gap: 20px;\n"])));
-exports.Header = Header;
-var HeaderLeft = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  h1 {\n    font-size: 20px;\n    font-weight: 700;\n    color: ", ";\n    margin: 0px;\n  }\n  > button {\n    ", "\n\n    svg {\n      width: 25px;\n      height: 25px;\n    }\n  }\n"])), function (props) {
-  return props.theme.colors.headingColor;
-}, function (props) {
-  var _props$theme;
-  return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      margin-left: 8px;\n      margin-right: -8px;\n    "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      margin-right: 8px;\n      margin-left: -8px;\n    "])));
-});
-exports.HeaderLeft = HeaderLeft;
-var HeaderRight = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  input {\n    border: none;\n    background-color: ", ";\n  }\n"])), function (props) {
-  return props.theme.colors.secundary;
-});
-exports.HeaderRight = HeaderRight;
-var ReviewsTable = _styledComponents.default.table(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  margin: 10px 0;\n  width: 100%;\n  thead {\n    tr {\n      border-bottom: solid 1px ", ";\n    }\n  }\n\n  th {\n    font-size: 12px;\n    font-weight: 700;\n  }\n\n  th, td {\n    padding: 10px 0;\n  }\n"])), function (props) {
+var ReviewsTable = _styledComponents.default.table(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: 10px 0;\n  width: 100%;\n  thead {\n    tr {\n      border-bottom: solid 1px ", ";\n    }\n  }\n\n  th {\n    font-size: 12px;\n    font-weight: 700;\n  }\n\n  th, td {\n    padding: 10px 0;\n  }\n"])), function (props) {
   return props.theme.colors.disabled;
 });
 exports.ReviewsTable = ReviewsTable;
-var ReviewTbody = _styledComponents.default.tbody(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  border-bottom: 1px solid ", ";\n  &:hover {\n    background-color: ", ";\n  }\n  ", "\n"])), function (props) {
+var ReviewTbody = _styledComponents.default.tbody(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  border-bottom: 1px solid ", ";\n  &:hover {\n    background-color: ", ";\n  }\n  ", "\n"])), function (props) {
   return props.theme.colors.borderColor;
 }, function (props) {
   return props.theme.colors.borderColor;
 }, function (_ref) {
   var active = _ref.active;
-  return active && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    background-color: ", " !important;\n    td {\n      border-top: 1px solid ", ";\n      border-bottom: 1px solid ", ";\n    }\n  "])), function (props) {
+  return active && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    background-color: ", " !important;\n    td {\n      border-top: 1px solid ", ";\n      border-bottom: 1px solid ", ";\n    }\n  "])), function (props) {
     return props.theme.colors.lightPrimary;
   }, function (props) {
     return props.theme.colors.primary;
@@ -47,15 +34,15 @@ var ReviewTbody = _styledComponents.default.tbody(_templateObject8 || (_template
   });
 });
 exports.ReviewTbody = ReviewTbody;
-var WrapperImage = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  max-width: 45px;\n  max-height: 45px;\n  height: 45px;\n  width: 45px;\n  ", "\n  border-radius: 10px;\n\n  ", "\n\n  > svg {\n    width: 100%;\n    height: 100%;\n  }\n"])), function (_ref2) {
+var WrapperImage = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  max-width: 45px;\n  max-height: 45px;\n  height: 45px;\n  width: 45px;\n  ", "\n  border-radius: 10px;\n\n  ", "\n\n  > svg {\n    width: 100%;\n    height: 100%;\n  }\n"])), function (_ref2) {
   var isSkeleton = _ref2.isSkeleton;
-  return !isSkeleton && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    border: 1px solid #E3E3E3;\n    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n  "])));
+  return !isSkeleton && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    border: 1px solid #E3E3E3;\n    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n  "])));
 }, function (props) {
-  var _props$theme2;
-  return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    margin-left: 10px;\n  "]))) : (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    margin-right: 10px;\n  "])));
+  var _props$theme;
+  return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    margin-left: 10px;\n  "]))) : (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    margin-right: 10px;\n  "])));
 });
 exports.WrapperImage = WrapperImage;
-var ImageStyled = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  position: relative;\n  background-repeat: no-repeat, repeat;\n  background-size: cover;\n  object-fit: cover;\n  background-position: center;\n  border-radius: 8px;\n"])));
+var ImageStyled = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  position: relative;\n  background-repeat: no-repeat, repeat;\n  background-size: cover;\n  object-fit: cover;\n  background-position: center;\n  border-radius: 8px;\n"])));
 var Image = function Image(props) {
   return /*#__PURE__*/_react.default.createElement(ImageStyled, _extends({}, props, {
     style: {
@@ -64,19 +51,19 @@ var Image = function Image(props) {
   }), props.children);
 };
 exports.Image = Image;
-var ReviewObject = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  font-size: 12px;\n  display: flex;\n  align-items: center;\n\n  > div:first-child {\n    ", "\n  }\n\n  p {\n    margin: 0;\n  }\n"])), function (props) {
-  var _props$theme3;
-  return (_props$theme3 = props.theme) !== null && _props$theme3 !== void 0 && _props$theme3.rtl ? (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n      margin-left: 10px;\n    "]))) : (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n      margin-right: 10px;\n    "])));
+var ReviewObject = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  font-size: 12px;\n  display: flex;\n  align-items: center;\n\n  > div:first-child {\n    ", "\n  }\n\n  p {\n    margin: 0;\n  }\n"])), function (props) {
+  var _props$theme2;
+  return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      margin-left: 10px;\n    "]))) : (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      margin-right: 10px;\n    "])));
 });
 exports.ReviewObject = ReviewObject;
-var ReviewMarkerWrapper = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  font-size: 12px;\n\n  ", "\n\n  ", "\n\n  svg {\n    color: ", ";\n    font-size: 20px;\n  }\n\n  p {\n    margin: 0px;\n    color: ", ";\n  }\n"])), function (props) {
-  return props.theme.colors.rtl ? (0, _styledComponents.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n    padding-right: 15px;\n  "]))) : (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n    padding-left: 15px;\n  "])));
+var ReviewMarkerWrapper = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  font-size: 12px;\n\n  ", "\n\n  ", "\n\n  svg {\n    color: ", ";\n    font-size: 20px;\n  }\n\n  p {\n    margin: 0px;\n    color: ", ";\n  }\n"])), function (props) {
+  return props.theme.colors.rtl ? (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    padding-right: 15px;\n  "]))) : (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n    padding-left: 15px;\n  "])));
 }, function (_ref3) {
   var isHeader = _ref3.isHeader;
-  return !isHeader && (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n    height: 40px;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n    ", "\n  "])), function (props) {
-    return props.theme.colors.rtl ? (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n      border-right: 1px solid ", ";\n    "])), function (props) {
+  return !isHeader && (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n    height: 40px;\n    width: 45px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    ", "\n  "])), function (props) {
+    return props.theme.colors.rtl ? (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n      border-right: 1px solid ", ";\n    "])), function (props) {
       return props.theme.colors.borderColor;
-    }) : (0, _styledComponents.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n      border-left: 1px solid ", ";\n    "])), function (props) {
+    }) : (0, _styledComponents.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n      border-left: 1px solid ", ";\n    "])), function (props) {
       return props.theme.colors.borderColor;
     });
   });
@@ -86,5 +73,5 @@ var ReviewMarkerWrapper = _styledComponents.default.div(_templateObject18 || (_t
   return props.theme.colors.lightGray;
 });
 exports.ReviewMarkerWrapper = ReviewMarkerWrapper;
-var PagesBottomContainer = _styledComponents.default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-end;\n  margin-bottom: 10px;\n"])));
+var PagesBottomContainer = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-end;\n  margin-bottom: 10px;\n"])));
 exports.PagesBottomContainer = PagesBottomContainer;

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

@@ -13,6 +13,8 @@ var _Shared = require("../../Shared");
 var _styles = require("../../../styles");
 var _BusinessReviewList = require("../BusinessReviewList");
 var _UsersReviewList = require("../UsersReviewList");
+var _BusinessSelectHeader = require("../../Stores/BusinessSelectHeader");
+var _ReviewProductsListing = require("../ReviewProductsListing");
 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; }
@@ -38,12 +40,48 @@ var ReviewsListing = function ReviewsListing(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     searchValue = _useState4[0],
     setSearchValue = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showSelect = _useState6[0],
+    setShowSelect = _useState6[1];
+  var _useState7 = (0, _react.useState)(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    business = _useState8[0],
+    setBusiness = _useState8[1];
+  var changeBusinessState = function changeBusinessState(business) {
+    setShowSelect(false);
+    setBusiness(business);
+  };
+  var handleChangeOption = function handleChangeOption(option) {
+    setShowOption(option);
+    if (option === 'products' && !business) setShowSelect(true);
+  };
+  var handleOpenProducts = function handleOpenProducts(business) {
+    setBusiness(business);
+    setShowOption('products');
+    setShowSelect(false);
+  };
   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() {
       return handleMenuCollapse(false);
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.List, null)), /*#__PURE__*/_react.default.createElement("h1", null, t('REVIEWS_MANAGER', 'Reviews manager'))), /*#__PURE__*/_react.default.createElement(_styles2.HeaderRight, null, /*#__PURE__*/_react.default.createElement(_Shared.SearchBar, {
+  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.List, null)), showOption === 'products' ? /*#__PURE__*/_react.default.createElement(_styles2.SelectWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.TitleWrapper, {
+    onClick: function onClick() {
+      return setShowSelect(function (prev) {
+        return !prev;
+      });
+    }
+  }, /*#__PURE__*/_react.default.createElement("h1", null, (business === null || business === void 0 ? void 0 : business.name) || t('REVIEWS_MANAGER', 'Reviews manager')), /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.CaretDownFill, {
+    className: "".concat(showSelect && 'rotate')
+  })), showSelect && /*#__PURE__*/_react.default.createElement(_BusinessSelectHeader.BusinessSelectHeader, {
+    close: function close() {
+      return setShowSelect(false);
+    },
+    isOpen: showSelect,
+    noActiveStatusCondition: true,
+    changeBusinessState: changeBusinessState
+  })) : /*#__PURE__*/_react.default.createElement("h1", null, t('REVIEWS_MANAGER', 'Reviews manager'))), /*#__PURE__*/_react.default.createElement(_styles2.HeaderRight, null, /*#__PURE__*/_react.default.createElement(_Shared.SearchBar, {
     lazyLoad: true,
     placeholder: t('SEARCH', 'Search'),
     searchValue: searchValue,
@@ -53,25 +91,31 @@ var ReviewsListing = function ReviewsListing(props) {
   }))), /*#__PURE__*/_react.default.createElement(_styles2.Tabs, null, /*#__PURE__*/_react.default.createElement(_styles2.Tab, {
     active: showOption === 'business',
     onClick: function onClick() {
-      return setShowOption('business');
+      return handleChangeOption('business');
     }
   }, t('BUSINESS', 'Business')), /*#__PURE__*/_react.default.createElement(_styles2.Tab, {
     active: showOption === 'drivers',
     onClick: function onClick() {
-      return setShowOption('drivers');
+      return handleChangeOption('drivers');
     }
   }, t('DRIVERS', 'Drivers')), /*#__PURE__*/_react.default.createElement(_styles2.Tab, {
     active: showOption === 'customers',
     onClick: function onClick() {
-      return setShowOption('customers');
+      return handleChangeOption('customers');
     }
   }, t('CUSTOMERS', 'Customers')), /*#__PURE__*/_react.default.createElement(_styles2.Tab, {
     active: showOption === 'professionals',
     onClick: function onClick() {
-      return setShowOption('professionals');
+      return handleChangeOption('professionals');
     }
-  }, t('PROFESSIONALS', 'Professionals'))), showOption === 'business' && /*#__PURE__*/_react.default.createElement(_BusinessReviewList.BusinessReviewList, {
-    parentSearchValue: searchValue
+  }, t('PROFESSIONALS', 'Professionals')), /*#__PURE__*/_react.default.createElement(_styles2.Tab, {
+    active: showOption === 'products',
+    onClick: function onClick() {
+      return handleChangeOption('products');
+    }
+  }, t('PRODUCTS', 'Products'))), showOption === 'business' && /*#__PURE__*/_react.default.createElement(_BusinessReviewList.BusinessReviewList, {
+    parentSearchValue: searchValue,
+    handleOpenProducts: handleOpenProducts
   }), showOption === 'drivers' && /*#__PURE__*/_react.default.createElement(_UsersReviewList.UsersReviewList, {
     defaultUserTypesSelected: [4],
     parentSearchValue: searchValue
@@ -81,6 +125,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, {
+    parentSearchValue: searchValue,
+    businessId: business === null || business === void 0 ? void 0 : business.id
   })));
 };
 exports.ReviewsListing = ReviewsListing;

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

@@ -4,9 +4,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Tabs = exports.Tab = exports.ReviewsListingContainer = exports.HeaderRight = exports.HeaderLeft = exports.Header = void 0;
+exports.TitleWrapper = exports.Tabs = exports.Tab = exports.SelectWrapper = exports.ReviewsListingContainer = exports.HeaderRight = exports.HeaderLeft = exports.Header = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
 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) } })); }
@@ -44,4 +44,8 @@ var Tab = _styledComponents.default.div(_templateObject8 || (_templateObject8 =
     return props.theme.colors.lightGray;
   });
 });
-exports.Tab = Tab;
+exports.Tab = Tab;
+var SelectWrapper = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  position: relative;\n"])));
+exports.SelectWrapper = SelectWrapper;
+var TitleWrapper = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n\n  svg {\n    margin: 0 5px;\n    font-size: 16px;\n    transition: 0.2s ease-in-out;\n    &.rotate {\n      transform: rotate(180deg);\n    }\n  }\n"])));
+exports.TitleWrapper = TitleWrapper;

package/_modules/components/Delivery/DriversGroupGeneralForm/index.js

@@ -101,20 +101,20 @@ var DriversGroupGeneralForm = function DriversGroupGeneralForm(props) {
       }
       handleUpdateDriversGroup(changesState);
     } else {
-      if ((user === null || user === void 0 ? void 0 : user.level) !== 5 && !(changesState !== null && changesState !== void 0 && changesState.administrator_id)) {
-        setAlertState({
-          open: true,
-          content: [t('VALIDATION_ERROR_REQUIRED', 'The manager is required.').replace('_attribute_', t('DRIVER_MANAGER', 'Driver manager'))]
-        });
-        return;
-      }
-      if (typeof (changesState === null || changesState === void 0 ? void 0 : changesState.priority) === 'undefined') {
-        setAlertState({
-          open: true,
-          content: [t('VALIDATION_ERROR_REQUIRED', 'The priority is required.').replace('_attribute_', t('PRIORITY', 'Priority'))]
-        });
-        return;
-      }
+      // if (user?.level !== 5 && !changesState?.administrator_id) {
+      //   setAlertState({
+      //     open: true,
+      //     content: [t('VALIDATION_ERROR_REQUIRED', 'The manager is required.').replace('_attribute_', t('DRIVER_MANAGER', 'Driver manager'))]
+      //   })
+      //   return
+      // }
+      // if (typeof changesState?.priority === 'undefined') {
+      //   setAlertState({
+      //     open: true,
+      //     content: [t('VALIDATION_ERROR_REQUIRED', 'The priority is required.').replace('_attribute_', t('PRIORITY', 'Priority'))]
+      //   })
+      //   return
+      // }
       if ((changesState === null || changesState === void 0 ? void 0 : changesState.type) === 0 && !(changesState !== null && changesState !== void 0 && changesState.drivers)) {
         setAlertState({
           open: true,