ordering-ui-admin-external 1.13.3 → 1.14.0

package/_modules/components/Stores/BusinessServiceProfessionals/index.js

@@ -163,6 +163,7 @@ var BusinessServiceProfessionalsUI = function BusinessServiceProfessionalsUI(pro
     handleDeleteUser: handleDeleteUser
   })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, openDetail && /*#__PURE__*/_react.default.createElement(_Shared.Modal, {
     width: "760px",
+    hideCloseDefault: true,
     open: openDetail,
     onClose: function onClose() {
       return handleCloseDetail();

package/_modules/components/Stores/BusinessSummary/index.js

@@ -15,6 +15,7 @@ var _reactBootstrapIcons = require("react-bootstrap-icons");
 var _styles = require("../../../styles");
 var _Shared = require("../../Shared");
 var _BusinessPreview = require("../BusinessPreview");
+var _useWindowSize2 = require("../../../hooks/useWindowSize");
 var _styles2 = require("./styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -39,7 +40,8 @@ var BusinessSummary = function BusinessSummary(props) {
     selectedItem = props.selectedItem,
     handleSelectedItem = props.handleSelectedItem,
     handleDuplicateBusiness = props.handleDuplicateBusiness,
-    handleDeleteBusiness = props.handleDeleteBusiness;
+    handleDeleteBusiness = props.handleDeleteBusiness,
+    extraOpen = props.extraOpen;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -53,6 +55,8 @@ var BusinessSummary = function BusinessSummary(props) {
   var _useApi = (0, _orderingComponentsAdminExternal.useApi)(),
     _useApi2 = _slicedToArray(_useApi, 1),
     ordering = _useApi2[0];
+  var _useWindowSize = (0, _useWindowSize2.useWindowSize)(),
+    width = _useWindowSize.width;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     isBusinessPreview = _useState2[0],
@@ -61,14 +65,18 @@ var BusinessSummary = function BusinessSummary(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     selectedView = _useState4[0],
     setSelectedView = _useState4[1];
-  var _useState5 = (0, _react.useState)({
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isExpand = _useState6[0],
+    setIsExpand = _useState6[1];
+  var _useState7 = (0, _react.useState)({
       open: false,
       content: null,
       handleOnAccept: null
     }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    confirm = _useState6[0],
-    setConfirm = _useState6[1];
+    _useState8 = _slicedToArray(_useState7, 2),
+    confirm = _useState8[0],
+    setConfirm = _useState8[1];
   var handleOpenCategory = function handleOpenCategory() {
     var _businessState$busine;
     events.emit('go_to_page', {
@@ -125,6 +133,9 @@ var BusinessSummary = function BusinessSummary(props) {
   //   value: t('PUBLISHING', 'Publishing')
   // },
   {
+    key: 'sales_channels',
+    value: t('SALES_CHANNELS', 'Sales channels')
+  }, {
     key: 'layout',
     value: t('LAYOUT', 'Layout')
   }, {
@@ -143,6 +154,17 @@ var BusinessSummary = function BusinessSummary(props) {
       }
     });
   };
+  var expandSideBar = function expandSideBar() {
+    var element = document.getElementById('business_details_bar');
+    if (!element) return;
+    if (isExpand) element.style.width = '500px';else element.style.width = '100vw';
+    setIsExpand(function (prev) {
+      return !prev;
+    });
+  };
+  (0, _react.useEffect)(function () {
+    if (extraOpen) setIsExpand(false);
+  }, [extraOpen]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.BusinessDetailsContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.DetailsHeader, null, /*#__PURE__*/_react.default.createElement(_styles2.LeftHeader, null, businessState !== null && businessState !== void 0 && businessState.loading ? /*#__PURE__*/_react.default.createElement(_styles2.BusinessName, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
     width: 100
   })) : /*#__PURE__*/_react.default.createElement(_styles2.BusinessName, null, businessState === null || businessState === void 0 ? void 0 : (_businessState$busine3 = businessState.business) === null || _businessState$busine3 === void 0 ? void 0 : _businessState$busine3.name), businessState !== null && businessState !== void 0 && businessState.loading ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
@@ -153,7 +175,12 @@ var BusinessSummary = function BusinessSummary(props) {
   })), /*#__PURE__*/_react.default.createElement(_styles2.RightHeader, null, /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
     disabled: true
     // onClick={() => handleSelectedItem('support')}
-  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.LifePreserver, null)), /*#__PURE__*/_react.default.createElement(_styles2.ActionSelectorWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.DropdownButton, {
+  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.LifePreserver, null)), width > 576 && !extraOpen && /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
+    color: "black",
+    onClick: function onClick() {
+      return expandSideBar();
+    }
+  }, isExpand ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ArrowsAngleContract, null) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ArrowsAngleExpand, null)), /*#__PURE__*/_react.default.createElement(_styles2.ActionSelectorWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.DropdownButton, {
     menuAlign: theme !== null && theme !== void 0 && theme.rtl ? 'left' : 'right',
     title: /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ThreeDots, null),
     id: theme !== null && theme !== void 0 && theme.rtl ? 'dropdown-menu-align-left' : 'dropdown-menu-align-right'

package/_modules/components/Stores/BusinessTypeDetail/index.js

@@ -245,7 +245,7 @@ var BusinessTypeDetailUI = function BusinessTypeDetailUI(props) {
     padding: "30px",
     title: t('IMAGE_CROP', 'Image crop'),
     open: cropState === null || cropState === void 0 ? void 0 : cropState.open,
-    onClose: function onClose() {
+    onRemove: function onRemove() {
       return setCropState(_objectSpread(_objectSpread({}, cropState), {}, {
         open: false
       }));

package/_modules/components/Stores/BusinessesList/styles.js

@@ -32,7 +32,7 @@ var BusinessCardContainer = _styledComponents.default.div(_templateObject4 || (_
 });
 exports.BusinessCardContainer = BusinessCardContainer;
 var AddNewButtonLink = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: fit-content;\n  cursor: pointer;\n  color: ", ";\n  font-size: 14px;\n"])), function (props) {
-  return props.theme.colors.lightGray;
+  return props.theme.colors.primary;
 });
 exports.AddNewButtonLink = AddNewButtonLink;
 var BusinessListBottomContainer = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 10px;\n"])));

package/_modules/components/Stores/BusinessesListing/index.js

@@ -61,7 +61,11 @@ var BusinessesListingUI = function BusinessesListingUI(props) {
     handleEnableAllBusiness = props.handleEnableAllBusiness,
     handleDeleteMultiBusinesses = props.handleDeleteMultiBusinesses,
     setBusinessIds = props.setBusinessIds,
-    countriesState = props.countriesState;
+    countriesState = props.countriesState,
+    handleChangeFilterValues = props.handleChangeFilterValues,
+    filterValues = props.filterValues,
+    businessTypeSelected = props.businessTypeSelected,
+    inActiveBusinesses = props.inActiveBusinesses;
   var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
   var theme = (0, _styledComponents.useTheme)();
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
@@ -116,8 +120,8 @@ var BusinessesListingUI = function BusinessesListingUI(props) {
     setIsAdd = _useState22[1];
   var noBusinesses = (0, _react.useMemo)(function () {
     var _businessList$busines;
-    return !(businessList !== null && businessList !== void 0 && businessList.loading) && (businessList === null || businessList === void 0 ? void 0 : (_businessList$busines = businessList.businesses) === null || _businessList$busines === void 0 ? void 0 : _businessList$busines.length) === 0 && (pagination === null || pagination === void 0 ? void 0 : pagination.currentPage) === 1 && !searchValue;
-  }, [businessList === null || businessList === void 0 ? void 0 : businessList.loading, businessList === null || businessList === void 0 ? void 0 : businessList.businesses, pagination, searchValue]);
+    return !(businessList !== null && businessList !== void 0 && businessList.loading) && (businessList === null || businessList === void 0 ? void 0 : (_businessList$busines = businessList.businesses) === null || _businessList$busines === void 0 ? void 0 : _businessList$busines.length) === 0 && (pagination === null || pagination === void 0 ? void 0 : pagination.currentPage) === 1 && !searchValue && Object.keys(filterValues).length === 0 && selectedBusinessActiveState && !businessTypeSelected && (inActiveBusinesses === null || inActiveBusinesses === void 0 ? void 0 : inActiveBusinesses.length) === 0;
+  }, [businessList === null || businessList === void 0 ? void 0 : businessList.loading, businessList === null || businessList === void 0 ? void 0 : businessList.businesses, pagination, searchValue, filterValues, selectedBusinessActiveState, businessTypeSelected, inActiveBusinesses]);
   var handleGotToAdd = function handleGotToAdd() {
     if (countriesState !== null && countriesState !== void 0 && countriesState.enabled) setIsAdd(true);else events.emit('go_to_page', {
       page: 'business_add'
@@ -229,11 +233,13 @@ var BusinessesListingUI = function BusinessesListingUI(props) {
     handleRefreshBusinesses: loadBusinesses,
     loading: businessList.loading,
     noBusinesses: noBusinesses,
-    openAddBusiness: openAddBusiness
-  }), /*#__PURE__*/_react.default.createElement(_styles.ViewContainer, null, /*#__PURE__*/_react.default.createElement(_BusinessActiveStateFilter.BusinessActiveStateFilter, {
+    openAddBusiness: openAddBusiness,
+    handleChangeFilterValues: handleChangeFilterValues,
+    filterValues: filterValues
+  }), !noBusinesses && /*#__PURE__*/_react.default.createElement(_styles.ViewContainer, null, /*#__PURE__*/_react.default.createElement(_BusinessActiveStateFilter.BusinessActiveStateFilter, {
     selectedBusinessActiveState: selectedBusinessActiveState,
     handleChangeBusinessActiveState: handleChangeBusinessActiveState
-  }), !noBusinesses && /*#__PURE__*/_react.default.createElement(_styles.WrapperView, null, /*#__PURE__*/_react.default.createElement(_styles.ViewMethodButton, {
+  }), /*#__PURE__*/_react.default.createElement(_styles.WrapperView, null, /*#__PURE__*/_react.default.createElement(_styles.ViewMethodButton, {
     active: viewMethod === 'card',
     onClick: function onClick() {
       return handleViewMethod('card');

package/_modules/components/Stores/BusinessesListingHeader/index.js

@@ -1,19 +1,24 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BusinessesListingHeader = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 var _reactBootstrapIcons = require("react-bootstrap-icons");
+var _MdcFilterOff = _interopRequireDefault(require("@meronex/icons/mdc/MdcFilterOff"));
 var _styles = require("../../../styles");
 var _Shared = require("../../Shared");
 var _InfoShareContext = require("../../../contexts/InfoShareContext");
 var _reactBootstrap = require("react-bootstrap");
 var _ImportersButton = require("../ImportersButton");
 var _styles2 = require("./styles");
+var _BusinessFilterGroup = require("../BusinessFilterGroup");
 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; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -28,7 +33,9 @@ var BusinessesListingHeader = function BusinessesListingHeader(props) {
     handleRefreshBusinesses = props.handleRefreshBusinesses,
     loading = props.loading,
     noBusinesses = props.noBusinesses,
-    handleGotToAdd = props.handleGotToAdd;
+    handleGotToAdd = props.handleGotToAdd,
+    handleChangeFilterValues = props.handleChangeFilterValues,
+    filterValues = props.filterValues;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -36,6 +43,17 @@ var BusinessesListingHeader = function BusinessesListingHeader(props) {
     _useInfoShare2 = _slicedToArray(_useInfoShare, 2),
     isCollapse = _useInfoShare2[0].isCollapse,
     handleMenuCollapse = _useInfoShare2[1].handleMenuCollapse;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    filterApplied = _useState2[0],
+    setFilterApplied = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isFilterModal = _useState4[0],
+    setIsFilterModal = _useState4[1];
+  (0, _react.useEffect)(function () {
+    setFilterApplied(Object.keys(filterValues).length > 0);
+  }, [filterValues]);
   return /*#__PURE__*/_react.default.createElement(_styles2.HeaderContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.HeaderTitleContainer, null, isCollapse && /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
     color: "black",
     onClick: function onClick() {
@@ -83,6 +101,18 @@ var BusinessesListingHeader = function BusinessesListingHeader(props) {
     search: searchValue,
     placeholder: t('SEARCH', 'Search'),
     customClass: "searchBar"
-  })));
+  }), /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
+    color: "black",
+    onClick: function onClick() {
+      return setIsFilterModal(true);
+    },
+    name: "filter-btn"
+  }, filterApplied ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Funnel, null) : /*#__PURE__*/_react.default.createElement(_MdcFilterOff.default, null))), /*#__PURE__*/_react.default.createElement(_BusinessFilterGroup.BusinessFilterGroup, {
+    handleChangeFilterValues: handleChangeFilterValues,
+    onClose: function onClose() {
+      return setIsFilterModal(false);
+    },
+    isFilterModal: isFilterModal
+  }));
 };
 exports.BusinessesListingHeader = BusinessesListingHeader;

package/_modules/components/Stores/BusinessesListingHeader/styles.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.HeaderTitleContainer = exports.HeaderContainer = exports.ActionsWrapper = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
 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) } })); }
@@ -24,11 +24,14 @@ var HeaderTitleContainer = _styledComponents.default.div(_templateObject2 || (_t
   return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        margin-left: -8px;\n        margin-right: 8px;\n      "]))) : (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        margin-right: -8px;\n        margin-left: 8px;\n      "])));
 });
 exports.HeaderTitleContainer = HeaderTitleContainer;
-var ActionsWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  > button {\n    height: 41px;\n    width: 90px;\n    white-space: nowrap;\n    margin-top: 5px;\n    ", "\n    @media (min-width: 768px) {\n      width: unset;\n    }\n  }\n  > .searchBar {\n    min-width: 100px;\n    margin-top: 5px;\n  }\n  > .importerGroup {\n    margin-top: 5px;\n    ", "\n\n    > button {\n      width: 90px;\n      > svg {\n        display: none;\n        @media (min-width: 768px) {\n          display: inline;\n        }\n      }\n      @media (min-width: 768px) {\n        width: unset;\n      }\n    }\n  }\n\n  @keyframes spinner-content {\n    0% { transform: rotate(0) }\n    100% { transform: rotate(360deg) }\n  }\n\n  > .loading {\n    > svg {\n      animation: spinner-content 1.85s linear infinite;\n    }\n  }\n"])), function (props) {
+var ActionsWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  > button:not(:last-child) {\n    height: 41px;\n    width: 90px;\n    white-space: nowrap;\n    margin-top: 5px;\n    ", "\n    @media (min-width: 768px) {\n      width: unset;\n    }\n  }\n  > button:last-child {\n    margin-top: 5px;\n    height: 41px;\n  }\n  > div {\n    margin-top: 5px;\n  }\n  > .searchBar {\n    min-width: 100px;\n    margin-top: 5px;\n    ", "\n  }\n  > .importerGroup {\n    margin-top: 5px;\n    ", "\n\n    > button {\n      width: 90px;\n      > svg {\n        display: none;\n        @media (min-width: 768px) {\n          display: inline;\n        }\n      }\n      @media (min-width: 768px) {\n        width: unset;\n      }\n    }\n  }\n\n  @keyframes spinner-content {\n    0% { transform: rotate(0) }\n    100% { transform: rotate(360deg) }\n  }\n\n  > .loading {\n    > svg {\n      animation: spinner-content 1.85s linear infinite;\n    }\n  }\n"])), function (props) {
   var _props$theme3;
   return (_props$theme3 = props.theme) !== null && _props$theme3 !== void 0 && _props$theme3.rtl ? (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      margin-left: 15px;\n    "]))) : (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      margin-right: 15px;\n    "])));
 }, function (props) {
   var _props$theme4;
   return (_props$theme4 = props.theme) !== null && _props$theme4 !== void 0 && _props$theme4.rtl ? (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      margin-left: 15px;\n    "]))) : (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      margin-right: 15px;\n    "])));
+}, function (props) {
+  var _props$theme5;
+  return (_props$theme5 = props.theme) !== null && _props$theme5 !== void 0 && _props$theme5.rtl ? (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      margin-left: 15px;\n    "]))) : (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      margin-right: 15px;\n    "])));
 });
 exports.ActionsWrapper = ActionsWrapper;

package/_modules/components/Stores/ImportersButton/index.js

@@ -44,7 +44,8 @@ var ImportersButton = function ImportersButton(props) {
     open: openImporters,
     onClose: function onClose() {
       return setOpenImporters(false);
-    }
+    },
+    showExpandIcon: true
   }, /*#__PURE__*/_react.default.createElement(_ImportersListing.ImportersListing, {
     setExtraOpen: setExtraOpen
   })));

package/_modules/components/Stores/PaymentOption/index.js

@@ -151,16 +151,10 @@ var PaymentOption = function PaymentOption(props) {
     });
   }, [businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.id, businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.sandbox, businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.allowed_order_types]);
   (0, _react.useEffect)(function () {
-    if (changesState !== null && changesState !== void 0 && changesState.allowed_order_types) {
-      setLocalState({
-        allowed_order_types: changesState === null || changesState === void 0 ? void 0 : changesState.allowed_order_types
-      });
-    }
-    if (changesState !== null && changesState !== void 0 && changesState.sites) {
-      setLocalState({
-        sites: changesState === null || changesState === void 0 ? void 0 : changesState.sites
-      });
-    }
+    var changes = {};
+    if (changesState !== null && changesState !== void 0 && changesState.allowed_order_types) changes.allowed_order_types = changesState === null || changesState === void 0 ? void 0 : changesState.allowed_order_types;
+    if (changesState !== null && changesState !== void 0 && changesState.sites) changes.sites = changesState === null || changesState === void 0 ? void 0 : changesState.sites;
+    if (Object.keys(changes).length > 0) setLocalState(JSON.parse(JSON.stringify(changes)));
   }, [changesState === null || changesState === void 0 ? void 0 : changesState.allowed_order_types, changesState === null || changesState === void 0 ? void 0 : changesState.sites]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles3.Container, {
     id: "payment_method_option"

package/_modules/components/Stores/PaymentOptionMethods/index.js

@@ -36,7 +36,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var PaymentOptionMethods = function PaymentOptionMethods(props) {
-  var _sitesState$sites, _ref2, _changesState$sandbox, _changesState$data, _changesState$data2, _businessPaymethod$da, _changesState$data3, _changesState$data4, _businessPaymethod$da2, _changesState$data_sa, _changesState$data_sa2, _businessPaymethod$da3, _changesState$data_sa3, _changesState$data_sa4, _businessPaymethod$da4, _sitesState$sites2;
+  var _localState$sites, _businessPaymethod$si, _sitesState$sites2, _ref2, _changesState$sandbox, _changesState$data, _changesState$data2, _businessPaymethod$da, _changesState$data3, _changesState$data4, _businessPaymethod$da2, _changesState$data_sa, _changesState$data_sa2, _businessPaymethod$da3, _changesState$data_sa3, _changesState$data_sa4, _businessPaymethod$da4, _sitesState$sites3;
   var open = props.open,
     onClose = props.onClose,
     orderTypes = props.orderTypes,
@@ -81,16 +81,35 @@ var PaymentOptionMethods = function PaymentOptionMethods(props) {
     _useState8 = _slicedToArray(_useState7, 2),
     localState = _useState8[0],
     setLocalState = _useState8[1];
+  var filteredOptions = (_localState$sites = localState === null || localState === void 0 ? void 0 : localState.sites) !== null && _localState$sites !== void 0 ? _localState$sites : businessPaymethod === null || businessPaymethod === void 0 ? void 0 : (_businessPaymethod$si = businessPaymethod.sites) === null || _businessPaymethod$si === void 0 ? void 0 : _businessPaymethod$si.filter(function (a) {
+    var _sitesState$sites;
+    return sitesState === null || sitesState === void 0 ? void 0 : (_sitesState$sites = sitesState.sites) === null || _sitesState$sites === void 0 ? void 0 : _sitesState$sites.find(function (b) {
+      return a.id === b.id;
+    });
+  });
+  var _useState9 = (0, _react.useState)(!(filteredOptions !== null && filteredOptions !== void 0 && filteredOptions.length)),
+    _useState10 = _slicedToArray(_useState9, 2),
+    all = _useState10[0],
+    setAll = _useState10[1];
   var setPaymethodInfo = function setPaymethodInfo(values) {
-    var _ref, _changesState$values$, _businessPaymethod$va;
     var data = {};
-    var array = (_ref = (_changesState$values$ = changesState === null || changesState === void 0 ? void 0 : changesState[values.key]) !== null && _changesState$values$ !== void 0 ? _changesState$values$ : values.key === 'allowed_order_types' ? businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod[values.key] : businessPaymethod === null || businessPaymethod === void 0 ? void 0 : (_businessPaymethod$va = businessPaymethod[values.key]) === null || _businessPaymethod$va === void 0 ? void 0 : _businessPaymethod$va.map(function (i) {
-      return i.id;
-    })) !== null && _ref !== void 0 ? _ref : [];
-    array = _toConsumableArray(new Set(array.includes(values.value) ? array.filter(function (item) {
-      return item !== values.value;
-    }) : [].concat(_toConsumableArray(array), [values.value])));
-    data[values.key] = array.length > 0 ? array : [];
+    if ((values === null || values === void 0 ? void 0 : values.value) === 'All') {
+      data[values.key] = [];
+      setAll(!all);
+    } else {
+      var _ref, _changesState$values$, _businessPaymethod$va;
+      var array = (_ref = (_changesState$values$ = changesState === null || changesState === void 0 ? void 0 : changesState[values.key]) !== null && _changesState$values$ !== void 0 ? _changesState$values$ : values.key === 'allowed_order_types' ? businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod[values.key] : businessPaymethod === null || businessPaymethod === void 0 ? void 0 : (_businessPaymethod$va = businessPaymethod[values.key]) === null || _businessPaymethod$va === void 0 ? void 0 : _businessPaymethod$va.map(function (i) {
+        return i.id;
+      })) !== null && _ref !== void 0 ? _ref : [];
+      array = _toConsumableArray(new Set(array.includes(values.value) ? array.filter(function (item) {
+        return item !== values.value;
+      }) : [].concat(_toConsumableArray(array), [values.value])));
+      data[values.key] = array.length > 0 ? array : [];
+      if (values.key === 'sites') {
+        var _data$sites;
+        setAll(!(data !== null && data !== void 0 && (_data$sites = data.sites) !== null && _data$sites !== void 0 && _data$sites.length));
+      }
+    }
     handleChangeBusinessPaymentState(data);
   };
   var actionSidebar = function actionSidebar(value) {
@@ -139,16 +158,10 @@ var PaymentOptionMethods = function PaymentOptionMethods(props) {
     cleanChangesState(initState);
   }, []);
   (0, _react.useEffect)(function () {
-    if (changesState !== null && changesState !== void 0 && changesState.allowed_order_types) {
-      setLocalState({
-        allowed_order_types: changesState === null || changesState === void 0 ? void 0 : changesState.allowed_order_types
-      });
-    }
-    if (changesState !== null && changesState !== void 0 && changesState.sites) {
-      setLocalState({
-        sites: changesState === null || changesState === void 0 ? void 0 : changesState.sites
-      });
-    }
+    var changes = {};
+    if (changesState !== null && changesState !== void 0 && changesState.allowed_order_types) changes.allowed_order_types = changesState === null || changesState === void 0 ? void 0 : changesState.allowed_order_types;
+    if (changesState !== null && changesState !== void 0 && changesState.sites) changes.sites = changesState === null || changesState === void 0 ? void 0 : changesState.sites;
+    if (Object.keys(changes).length > 0) setLocalState(JSON.parse(JSON.stringify(changes)));
   }, [changesState === null || changesState === void 0 ? void 0 : changesState.sites, changesState === null || changesState === void 0 ? void 0 : changesState.allowed_order_types]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.Container, {
     id: id
@@ -170,7 +183,7 @@ var PaymentOptionMethods = function PaymentOptionMethods(props) {
     onClick: function onClick() {
       return setPaymentTabs(0);
     }
-  }, t('GENERAL', 'General')), (sitesState === null || sitesState === void 0 ? void 0 : (_sitesState$sites = sitesState.sites) === null || _sitesState$sites === void 0 ? void 0 : _sitesState$sites.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles3.Tab, {
+  }, t('GENERAL', 'General')), (sitesState === null || sitesState === void 0 ? void 0 : (_sitesState$sites2 = sitesState.sites) === null || _sitesState$sites2 === void 0 ? void 0 : _sitesState$sites2.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles3.Tab, {
     active: paymentTabs === 1,
     onClick: function onClick() {
       return setPaymentTabs(1);
@@ -213,8 +226,18 @@ var PaymentOptionMethods = function PaymentOptionMethods(props) {
     onChange: function onChange(e) {
       return handleChangeInput(e, true);
     }
-  })), paymentTabs === 1 && (sitesState === null || sitesState === void 0 ? void 0 : (_sitesState$sites2 = sitesState.sites) === null || _sitesState$sites2 === void 0 ? void 0 : _sitesState$sites2.length) > 0 && (sitesState === null || sitesState === void 0 ? void 0 : sitesState.sites.map(function (site) {
-    var _ref3, _localState$sites, _businessPaymethod$si;
+  })), paymentTabs === 1 && (sitesState === null || sitesState === void 0 ? void 0 : (_sitesState$sites3 = sitesState.sites) === null || _sitesState$sites3 === void 0 ? void 0 : _sitesState$sites3.length) > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.TabOption, {
+    key: "all",
+    onClick: function onClick() {
+      return setPaymethodInfo({
+        key: 'sites',
+        value: 'All'
+      });
+    }
+  }, all ? /*#__PURE__*/_react.default.createElement(_RiCheckboxFill.default, {
+    className: "fill"
+  }) : /*#__PURE__*/_react.default.createElement(_RiCheckboxBlankLine.default, null), /*#__PURE__*/_react.default.createElement(_styles2.TabOptionName, null, t('ALL', 'All'))), !all && (sitesState === null || sitesState === void 0 ? void 0 : sitesState.sites.map(function (site) {
+    var _ref3, _localState$sites2, _businessPaymethod$si2;
     return /*#__PURE__*/_react.default.createElement(_styles2.TabOption, {
       key: site.id,
       onClick: function onClick() {
@@ -223,12 +246,12 @@ var PaymentOptionMethods = function PaymentOptionMethods(props) {
           value: site.id
         });
       }
-    }, (_ref3 = (_localState$sites = localState === null || localState === void 0 ? void 0 : localState.sites) !== null && _localState$sites !== void 0 ? _localState$sites : businessPaymethod === null || businessPaymethod === void 0 ? void 0 : (_businessPaymethod$si = businessPaymethod.sites) === null || _businessPaymethod$si === void 0 ? void 0 : _businessPaymethod$si.map(function (s) {
+    }, (_ref3 = (_localState$sites2 = localState === null || localState === void 0 ? void 0 : localState.sites) !== null && _localState$sites2 !== void 0 ? _localState$sites2 : businessPaymethod === null || businessPaymethod === void 0 ? void 0 : (_businessPaymethod$si2 = businessPaymethod.sites) === null || _businessPaymethod$si2 === void 0 ? void 0 : _businessPaymethod$si2.map(function (s) {
       return s.id;
     })) !== null && _ref3 !== void 0 && _ref3.includes(site.id) ? /*#__PURE__*/_react.default.createElement(_RiCheckboxFill.default, {
       className: "fill"
     }) : /*#__PURE__*/_react.default.createElement(_RiCheckboxBlankLine.default, null), /*#__PURE__*/_react.default.createElement(_styles2.TabOptionName, null, site.name));
-  })), paymentTabs === 2 && orderTypes.map(function (type) {
+  }))), paymentTabs === 2 && orderTypes.map(function (type) {
     var _ref4, _localState$allowed_o;
     return /*#__PURE__*/_react.default.createElement(_styles2.TabOption, {
       key: type.value,

package/_modules/components/Stores/PaymentOptionPaypal/index.js

@@ -37,7 +37,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var PaymentOptionPaypal = function PaymentOptionPaypal(props) {
-  var _sitesState$sites, _changesState$sandbox, _changesState$data, _changesState$data2, _businessPaymethod$da, _changesState$data3, _changesState$data4, _businessPaymethod$da2, _changesState$data_sa, _changesState$data_sa2, _businessPaymethod$da3, _changesState$data_sa3, _changesState$data_sa4, _businessPaymethod$da4, _sitesState$sites2;
+  var _localState$sites, _businessPaymethod$si, _sitesState$sites2, _changesState$sandbox, _changesState$data, _changesState$data2, _businessPaymethod$da, _changesState$data3, _changesState$data4, _businessPaymethod$da2, _changesState$data_sa, _changesState$data_sa2, _businessPaymethod$da3, _changesState$data_sa3, _changesState$data_sa4, _businessPaymethod$da4, _sitesState$sites3;
   var open = props.open,
     onClose = props.onClose,
     changesState = props.changesState,
@@ -80,6 +80,16 @@ var PaymentOptionPaypal = function PaymentOptionPaypal(props) {
     _useState8 = _slicedToArray(_useState7, 2),
     localState = _useState8[0],
     setLocalState = _useState8[1];
+  var filteredOptions = (_localState$sites = localState === null || localState === void 0 ? void 0 : localState.sites) !== null && _localState$sites !== void 0 ? _localState$sites : businessPaymethod === null || businessPaymethod === void 0 ? void 0 : (_businessPaymethod$si = businessPaymethod.sites) === null || _businessPaymethod$si === void 0 ? void 0 : _businessPaymethod$si.filter(function (a) {
+    var _sitesState$sites;
+    return sitesState === null || sitesState === void 0 ? void 0 : (_sitesState$sites = sitesState.sites) === null || _sitesState$sites === void 0 ? void 0 : _sitesState$sites.find(function (b) {
+      return a.id === b.id;
+    });
+  });
+  var _useState9 = (0, _react.useState)(!(filteredOptions !== null && filteredOptions !== void 0 && filteredOptions.length)),
+    _useState10 = _slicedToArray(_useState9, 2),
+    all = _useState10[0],
+    setAll = _useState10[1];
   var actionSidebar = function actionSidebar(value) {
     if (!value) {
       props.onClose();
@@ -87,15 +97,24 @@ var PaymentOptionPaypal = function PaymentOptionPaypal(props) {
     setIsMenuOpen(value);
   };
   var setPaymethodInfo = function setPaymethodInfo(values) {
-    var _ref, _changesState$values$, _businessPaymethod$va;
     var data = {};
-    var array = (_ref = (_changesState$values$ = changesState === null || changesState === void 0 ? void 0 : changesState[values.key]) !== null && _changesState$values$ !== void 0 ? _changesState$values$ : values.key === 'allowed_order_types' ? businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod[values.key] : businessPaymethod === null || businessPaymethod === void 0 ? void 0 : (_businessPaymethod$va = businessPaymethod[values.key]) === null || _businessPaymethod$va === void 0 ? void 0 : _businessPaymethod$va.map(function (i) {
-      return i.id;
-    })) !== null && _ref !== void 0 ? _ref : [];
-    array = _toConsumableArray(new Set(array.includes(values.value) ? array.filter(function (item) {
-      return item !== values.value;
-    }) : [].concat(_toConsumableArray(array), [values.value])));
-    data[values.key] = array.length > 0 ? array : [];
+    if ((values === null || values === void 0 ? void 0 : values.value) === 'All') {
+      data[values.key] = [];
+      setAll(!all);
+    } else {
+      var _ref, _changesState$values$, _businessPaymethod$va;
+      var array = (_ref = (_changesState$values$ = changesState === null || changesState === void 0 ? void 0 : changesState[values.key]) !== null && _changesState$values$ !== void 0 ? _changesState$values$ : values.key === 'allowed_order_types' ? businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod[values.key] : businessPaymethod === null || businessPaymethod === void 0 ? void 0 : (_businessPaymethod$va = businessPaymethod[values.key]) === null || _businessPaymethod$va === void 0 ? void 0 : _businessPaymethod$va.map(function (i) {
+        return i.id;
+      })) !== null && _ref !== void 0 ? _ref : [];
+      array = _toConsumableArray(new Set(array.includes(values.value) ? array.filter(function (item) {
+        return item !== values.value;
+      }) : [].concat(_toConsumableArray(array), [values.value])));
+      data[values.key] = array.length > 0 ? array : [];
+      if (values.key === 'sites') {
+        var _data$sites;
+        setAll(!(data !== null && data !== void 0 && (_data$sites = data.sites) !== null && _data$sites !== void 0 && _data$sites.length));
+      }
+    }
     handleChangeBusinessPaymentState(data);
   };
   var onClickDeletePaymethod = function onClickDeletePaymethod() {
@@ -138,16 +157,10 @@ var PaymentOptionPaypal = function PaymentOptionPaypal(props) {
     cleanChangesState(initState);
   }, []);
   (0, _react.useEffect)(function () {
-    if (changesState !== null && changesState !== void 0 && changesState.allowed_order_types) {
-      setLocalState({
-        allowed_order_types: changesState === null || changesState === void 0 ? void 0 : changesState.allowed_order_types
-      });
-    }
-    if (changesState !== null && changesState !== void 0 && changesState.sites) {
-      setLocalState({
-        sites: changesState === null || changesState === void 0 ? void 0 : changesState.sites
-      });
-    }
+    var changes = {};
+    if (changesState !== null && changesState !== void 0 && changesState.allowed_order_types) changes.allowed_order_types = changesState === null || changesState === void 0 ? void 0 : changesState.allowed_order_types;
+    if (changesState !== null && changesState !== void 0 && changesState.sites) changes.sites = changesState === null || changesState === void 0 ? void 0 : changesState.sites;
+    if (Object.keys(changes).length > 0) setLocalState(JSON.parse(JSON.stringify(changes)));
   }, [changesState === null || changesState === void 0 ? void 0 : changesState.sites, changesState === null || changesState === void 0 ? void 0 : changesState.allowed_order_types]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.Container, {
     id: "paypal"
@@ -169,7 +182,7 @@ var PaymentOptionPaypal = function PaymentOptionPaypal(props) {
     onClick: function onClick() {
       return setPaymentTabs(0);
     }
-  }, t('GENERAL', 'General')), (sitesState === null || sitesState === void 0 ? void 0 : (_sitesState$sites = sitesState.sites) === null || _sitesState$sites === void 0 ? void 0 : _sitesState$sites.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles3.Tab, {
+  }, t('GENERAL', 'General')), (sitesState === null || sitesState === void 0 ? void 0 : (_sitesState$sites2 = sitesState.sites) === null || _sitesState$sites2 === void 0 ? void 0 : _sitesState$sites2.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles3.Tab, {
     active: paymentTabs === 1,
     onClick: function onClick() {
       return setPaymentTabs(1);
@@ -212,8 +225,18 @@ var PaymentOptionPaypal = function PaymentOptionPaypal(props) {
     onChange: function onChange(e) {
       return handleChangeInput(e, true);
     }
-  })), paymentTabs === 1 && (sitesState === null || sitesState === void 0 ? void 0 : (_sitesState$sites2 = sitesState.sites) === null || _sitesState$sites2 === void 0 ? void 0 : _sitesState$sites2.length) > 0 && (sitesState === null || sitesState === void 0 ? void 0 : sitesState.sites.map(function (site) {
-    var _ref2, _localState$sites, _businessPaymethod$si;
+  })), paymentTabs === 1 && (sitesState === null || sitesState === void 0 ? void 0 : (_sitesState$sites3 = sitesState.sites) === null || _sitesState$sites3 === void 0 ? void 0 : _sitesState$sites3.length) > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles4.TabOption, {
+    key: "all",
+    onClick: function onClick() {
+      return setPaymethodInfo({
+        key: 'sites',
+        value: 'All'
+      });
+    }
+  }, all ? /*#__PURE__*/_react.default.createElement(_RiCheckboxFill.default, {
+    className: "fill"
+  }) : /*#__PURE__*/_react.default.createElement(_RiCheckboxBlankLine.default, null), /*#__PURE__*/_react.default.createElement(_styles4.TabOptionName, null, t('ALL', 'All'))), !all && (sitesState === null || sitesState === void 0 ? void 0 : sitesState.sites.map(function (site) {
+    var _ref2, _localState$sites2, _businessPaymethod$si2;
     return /*#__PURE__*/_react.default.createElement(_styles4.TabOption, {
       key: site.id,
       onClick: function onClick() {
@@ -222,12 +245,12 @@ var PaymentOptionPaypal = function PaymentOptionPaypal(props) {
           value: site.id
         });
       }
-    }, (_ref2 = (_localState$sites = localState === null || localState === void 0 ? void 0 : localState.sites) !== null && _localState$sites !== void 0 ? _localState$sites : businessPaymethod === null || businessPaymethod === void 0 ? void 0 : (_businessPaymethod$si = businessPaymethod.sites) === null || _businessPaymethod$si === void 0 ? void 0 : _businessPaymethod$si.map(function (s) {
+    }, (_ref2 = (_localState$sites2 = localState === null || localState === void 0 ? void 0 : localState.sites) !== null && _localState$sites2 !== void 0 ? _localState$sites2 : businessPaymethod === null || businessPaymethod === void 0 ? void 0 : (_businessPaymethod$si2 = businessPaymethod.sites) === null || _businessPaymethod$si2 === void 0 ? void 0 : _businessPaymethod$si2.map(function (s) {
       return s.id;
     })) !== null && _ref2 !== void 0 && _ref2.includes(site.id) ? /*#__PURE__*/_react.default.createElement(_RiCheckboxFill.default, {
       className: "fill"
     }) : /*#__PURE__*/_react.default.createElement(_RiCheckboxBlankLine.default, null), /*#__PURE__*/_react.default.createElement(_styles4.TabOptionName, null, site.name));
-  })), paymentTabs === 2 && orderTypes.map(function (type) {
+  }))), paymentTabs === 2 && orderTypes.map(function (type) {
     var _ref3, _localState$allowed_o;
     return /*#__PURE__*/_react.default.createElement(_styles4.TabOption, {
       key: type.value,