ordering-ui-admin-external 1.15.0 → 1.15.2

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RecoveryActionDetail = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactRouterDom = require("react-router-dom");
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 var _Shared = require("../../Shared");
 var _reactBootstrap = require("react-bootstrap");
@@ -18,6 +19,7 @@ var _RecoveryNotificationList = require("../RecoveryNotificationList");
 var _useWindowSize2 = require("../../../hooks/useWindowSize");
 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 _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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -37,6 +39,8 @@ var RecoveryActionDetailUI = function RecoveryActionDetailUI(props) {
     isAddMode = props.isAddMode,
     actionState = props.actionState,
     handleDeleteRecoveryAction = props.handleDeleteRecoveryAction;
+  var history = (0, _reactRouterDom.useHistory)();
+  var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
   var theme = (0, _styledComponents.useTheme)();
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -73,7 +77,7 @@ var RecoveryActionDetailUI = function RecoveryActionDetailUI(props) {
     key: 'notifications',
     name: t('NOTIFICATIONS', 'Notifications')
   }];
-  var handleSelectOption = function handleSelectOption(key) {
+  var handleSelectOption = function handleSelectOption(key, isInitialRender) {
     if (key === 'notifications' && isAddMode) {
       setAlertState({
         open: true,
@@ -82,6 +86,10 @@ var RecoveryActionDetailUI = function RecoveryActionDetailUI(props) {
       return;
     }
     setSelectedOption(key);
+    if (!isInitialRender) {
+      var id = query.get('id');
+      history.replace("".concat(location.pathname, "?id=").concat(id, "&tab=").concat(key));
+    }
   };
   var closeAlert = function closeAlert() {
     setAlertState({
@@ -115,6 +123,15 @@ var RecoveryActionDetailUI = function RecoveryActionDetailUI(props) {
       content: actionState === null || actionState === void 0 ? void 0 : actionState.error
     });
   }, [actionState]);
+  (0, _react.useEffect)(function () {
+    if (Object.keys(recoveryActionState.action).length === 0) return;
+    var tab = query.get('tab');
+    if (tab) {
+      handleSelectOption(tab, true);
+    } else {
+      handleSelectOption(selectedOption);
+    }
+  }, [recoveryActionState.action]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.RecoveryActionDetailContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.DetailsHeader, null, /*#__PURE__*/_react.default.createElement(_styles2.LeftHeader, null, (((_formState$changes = formState.changes) === null || _formState$changes === void 0 ? void 0 : _formState$changes.name) || (recoveryActionState === null || recoveryActionState === void 0 ? void 0 : (_recoveryActionState$ = recoveryActionState.action) === null || _recoveryActionState$ === void 0 ? void 0 : _recoveryActionState$.name)) && /*#__PURE__*/_react.default.createElement(_styles2.BusinessName, null, (_formState$changes$na = (_formState$changes2 = formState.changes) === null || _formState$changes2 === void 0 ? void 0 : _formState$changes2.name) !== null && _formState$changes$na !== void 0 ? _formState$changes$na : recoveryActionState === null || recoveryActionState === void 0 ? void 0 : (_recoveryActionState$2 = recoveryActionState.action) === null || _recoveryActionState$2 === void 0 ? void 0 : _recoveryActionState$2.name), /*#__PURE__*/_react.default.createElement(_styles.Switch, {
     defaultChecked: typeof ((_formState$changes3 = formState.changes) === null || _formState$changes3 === void 0 ? void 0 : _formState$changes3.enabled) !== 'undefined' ? (_formState$changes4 = formState.changes) === null || _formState$changes4 === void 0 ? void 0 : _formState$changes4.enabled : (_recoveryActionState$3 = (_recoveryActionState$4 = recoveryActionState.action) === null || _recoveryActionState$4 === void 0 ? void 0 : _recoveryActionState$4.enabled) !== null && _recoveryActionState$3 !== void 0 ? _recoveryActionState$3 : false,
     onChange: function onChange(val) {
@@ -141,7 +158,9 @@ var RecoveryActionDetailUI = function RecoveryActionDetailUI(props) {
         return handleSelectOption(option.key);
       }
     }, option.name);
-  })), selectedOption === 'general' && /*#__PURE__*/_react.default.createElement(_RecoveryGeneral.RecoveryGeneral, props), selectedOption === 'notifications' && /*#__PURE__*/_react.default.createElement(_RecoveryNotificationList.RecoveryNotificationList, props)), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {
+  })), selectedOption === 'general' && /*#__PURE__*/_react.default.createElement(_RecoveryGeneral.RecoveryGeneral, props), selectedOption === 'notifications' && /*#__PURE__*/_react.default.createElement(_RecoveryNotificationList.RecoveryNotificationList, _extends({}, props, {
+    action: recoveryActionState.action
+  }))), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {
     title: t('RECOVERY_ACTIONS', 'Recovery actions'),
     content: alertState.content,
     acceptText: t('ACCEPT', 'Accept'),

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RecoveryActionListing = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactRouterDom = require("react-router-dom");
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 var _RecoveryActionHeader = require("../RecoveryActionHeader");
 var _RecoveryActionList = require("../RecoveryActionList");
@@ -27,6 +28,8 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var RecoveryActionListingUI = function RecoveryActionListingUI(props) {
+  var history = (0, _reactRouterDom.useHistory)();
+  var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     isOpenDetail = _useState2[0],
@@ -35,21 +38,37 @@ var RecoveryActionListingUI = function RecoveryActionListingUI(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     selectedAction = _useState4[0],
     setSelectedAction = _useState4[1];
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    selectedActionId = _useState6[0],
+    setSelectedActionId = _useState6[1];
   var handleCloseDetail = function handleCloseDetail() {
     setIsOpenDetail(false);
     setSelectedAction(null);
+    history.replace("".concat(location.pathname));
   };
-  var handleOpenDetail = function handleOpenDetail(action) {
+  var handleOpenDetail = function handleOpenDetail(action, isInitialRender) {
     setSelectedAction(action);
+    setSelectedActionId(action === null || action === void 0 ? void 0 : action.id);
     setIsOpenDetail(true);
+    if (action && !isInitialRender) {
+      history.replace("".concat(location.pathname, "?id=").concat(action.id));
+    }
   };
+  (0, _react.useEffect)(function () {
+    var id = query.get('id');
+    if (id) {
+      setSelectedAction({});
+      setSelectedActionId(Number(id));
+      setIsOpenDetail(true);
+    }
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.RecoveryActionsContainer, null, /*#__PURE__*/_react.default.createElement(_RecoveryActionHeader.RecoveryActionHeader, _extends({}, props, {
     handleOpenDetail: handleOpenDetail
   })), /*#__PURE__*/_react.default.createElement(_RecoveryActionList.RecoveryActionList, _extends({}, props, {
     handleOpenDetail: handleOpenDetail,
     selectedAction: selectedAction
   }))), isOpenDetail && /*#__PURE__*/_react.default.createElement(_Shared.SideBar, {
-    sidebarId: "loyaltyWallet",
     open: isOpenDetail,
     onClose: function onClose() {
       return handleCloseDetail();
@@ -57,6 +76,7 @@ var RecoveryActionListingUI = function RecoveryActionListingUI(props) {
     defaultSideBarWidth: 550
   }, /*#__PURE__*/_react.default.createElement(_RecoveryActionDetail.RecoveryActionDetail, _extends({}, props, {
     action: selectedAction,
+    actionId: selectedActionId,
     onClose: function onClose() {
       return handleCloseDetail();
     }

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

@@ -62,7 +62,10 @@ var DeliveryUsersListingUI = function DeliveryUsersListingUI(props) {
     onUserRedirect = props.onUserRedirect,
     handleSuccessUpdate = props.handleSuccessUpdate,
     handleSuccessAddUser = props.handleSuccessAddUser,
-    handleSuccessDeleteUser = props.handleSuccessDeleteUser;
+    handleSuccessDeleteUser = props.handleSuccessDeleteUser,
+    actionDisabled = props.actionDisabled,
+    driversGroupsState = props.driversGroupsState;
+  var history = (0, _reactRouterDom.useHistory)();
   var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
   var _useState = (0, _react.useState)(null),
     _useState2 = _slicedToArray(_useState, 2),
@@ -99,6 +102,7 @@ var DeliveryUsersListingUI = function DeliveryUsersListingUI(props) {
     setOpenUser(user);
     setOpenUserAddForm(false);
     setIsOpenUserDetails(true);
+    history.replace("".concat(location.pathname, "?id=").concat(user.id));
   };
   var handleOpenUserAddForm = function handleOpenUserAddForm() {
     var id = query.get('id');
@@ -220,7 +224,8 @@ var DeliveryUsersListingUI = function DeliveryUsersListingUI(props) {
     handleOpenUserAddForm: handleOpenUserAddForm,
     handleOpenTour: function handleOpenTour() {
       return _handleOpenTour();
-    }
+    },
+    actionDisabled: actionDisabled
   }), isShowActiveStateFilter && /*#__PURE__*/_react.default.createElement(_UserActiveStateFilter.UserActiveStateFilter, {
     selectedUserActiveState: selectedUserActiveState,
     handleChangeUserActiveState: handleChangeUserActiveState
@@ -240,7 +245,8 @@ var DeliveryUsersListingUI = function DeliveryUsersListingUI(props) {
     handleSelectedUsers: handleSelectedUsers,
     userDetailsId: (openUser === null || openUser === void 0 ? void 0 : openUser.id) || queryId,
     handleOpenUserDetails: handleOpenUserDetails,
-    handleOpenUserAddForm: handleOpenUserAddForm
+    handleOpenUserAddForm: handleOpenUserAddForm,
+    actionDisabled: actionDisabled
   })), isOpenUserDetails && /*#__PURE__*/_react.default.createElement(_UserDetailsLateralBar.UserDetailsLateralBar, {
     isDriversPage: isDriversPage,
     isDriversManagersPage: isDriversManagersPage,
@@ -253,7 +259,8 @@ var DeliveryUsersListingUI = function DeliveryUsersListingUI(props) {
     },
     handleSuccessUpdate: handleSuccessUpdate,
     handleSuccessDeleteUser: handleSuccessDeleteUser,
-    handleChangeActiveUser: handleChangeActiveUser
+    handleChangeActiveUser: handleChangeActiveUser,
+    actionDisabled: actionDisabled
   }), openUserAddForm && /*#__PURE__*/_react.default.createElement(_Shared.SideBar, {
     open: openUserAddForm,
     noAnimation: isTourOpen,
@@ -268,7 +275,8 @@ var DeliveryUsersListingUI = function DeliveryUsersListingUI(props) {
     onClose: function onClose() {
       return setOpenUserAddForm(false);
     },
-    isTourOpen: isTourOpen
+    isTourOpen: isTourOpen,
+    driversGroupsState: driversGroupsState
   })), isTourOpen && /*#__PURE__*/_react.default.createElement(_WizardDelivery.WizardDelivery, {
     isTourOpen: isTourOpen,
     setIsTourOpen: setIsTourOpen,

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DriversCompaniesListing = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactRouterDom = require("react-router-dom");
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 var _InfoShareContext = require("../../../contexts/InfoShareContext");
 var _styles = require("../../../styles");
@@ -39,6 +40,8 @@ var DriversCompaniesListingUI = function DriversCompaniesListingUI(props) {
     selectedCompanyList = props.selectedCompanyList,
     handleAllSelectCompany = props.handleAllSelectCompany,
     handleDeleteSelectedCompanies = props.handleDeleteSelectedCompanies;
+  var history = (0, _reactRouterDom.useHistory)();
+  var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -54,24 +57,32 @@ var DriversCompaniesListingUI = function DriversCompaniesListingUI(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     curDriversCompany = _useState4[0],
     setCurDriversCompany = _useState4[1];
-  var _useState5 = (0, _react.useState)({
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    curDriversCompanyId = _useState6[0],
+    setCurDriversCompanyId = _useState6[1];
+  var _useState7 = (0, _react.useState)({
       open: false,
       content: []
     }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    alertState = _useState6[0],
-    setAlertState = _useState6[1];
-  var _useState7 = (0, _react.useState)({
+    _useState8 = _slicedToArray(_useState7, 2),
+    alertState = _useState8[0],
+    setAlertState = _useState8[1];
+  var _useState9 = (0, _react.useState)({
       open: false,
       content: null,
       handleOnAccept: null
     }),
-    _useState8 = _slicedToArray(_useState7, 2),
-    confirm = _useState8[0],
-    setConfirm = _useState8[1];
-  var handleOpenDetails = function handleOpenDetails(driverCompany) {
+    _useState10 = _slicedToArray(_useState9, 2),
+    confirm = _useState10[0],
+    setConfirm = _useState10[1];
+  var handleOpenDetails = function handleOpenDetails(driverCompany, isInitialRender) {
     setCurDriversCompany(driverCompany);
+    setCurDriversCompanyId(driverCompany === null || driverCompany === void 0 ? void 0 : driverCompany.id);
     setOpenDetails(true);
+    if (!isInitialRender) {
+      history.replace("".concat(location.pathname, "?id=").concat(driverCompany === null || driverCompany === void 0 ? void 0 : driverCompany.id));
+    }
   };
   (0, _react.useEffect)(function () {
     if (!(actionState !== null && actionState !== void 0 && actionState.error)) return;
@@ -92,6 +103,19 @@ var DriversCompaniesListingUI = function DriversCompaniesListingUI(props) {
       }
     });
   };
+  var handleCloseDetails = function handleCloseDetails() {
+    setCurDriversCompany(null);
+    setCurDriversCompanyId(null);
+    setOpenDetails(false);
+    history.replace("".concat(location.pathname));
+  };
+  (0, _react.useEffect)(function () {
+    var id = query.get('id');
+    if (id) {
+      setCurDriversCompanyId(Number(id));
+      setOpenDetails(true);
+    }
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_styles2.DriversCompaniesListContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.HeaderContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.HeaderLeftContainer, null, isCollapse && /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
     color: "black",
     onClick: function onClick() {
@@ -132,16 +156,15 @@ var DriversCompaniesListingUI = function DriversCompaniesListingUI(props) {
     defaultSideBarWidth: 550,
     open: openDetails,
     onClose: function onClose() {
-      setCurDriversCompany(null);
-      setOpenDetails(false);
+      return handleCloseDetails();
     }
   }, /*#__PURE__*/_react.default.createElement(_DriversCompanyDetailsForm.DriversCompanyDetailsForm, {
     driversCompaniesState: driversCompaniesState,
     setDriversCompaniesState: setDriversCompaniesState,
     driversCompany: curDriversCompany,
+    driversCompanyId: curDriversCompanyId,
     onClose: function onClose() {
-      setCurDriversCompany(null);
-      setOpenDetails(false);
+      return handleCloseDetails();
     }
   })), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {
     title: t('WEB_APPNAME', 'Ordering'),

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DriversCompanyDetailsForm = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactRouterDom = require("react-router-dom");
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 var _reactBootstrap = require("react-bootstrap");
 var _reactBootstrapIcons = require("react-bootstrap-icons");
@@ -19,6 +20,7 @@ var _styles2 = require("../../../styles");
 var _useWindowSize2 = require("../../../hooks/useWindowSize");
 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 _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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -31,12 +33,14 @@ 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 DriversCompanyDetailsFormUI = function DriversCompanyDetailsFormUI(props) {
-  var _ref, _changesState$name;
-  var driversCompany = props.driversCompany,
+  var _ref, _changesState$name, _companyState$company;
+  var companyState = props.companyState,
     changesState = props.changesState,
     actionState = props.actionState,
     cleanActionState = props.cleanActionState,
     handleDeleteDriversCompany = props.handleDeleteDriversCompany;
+  var history = (0, _reactRouterDom.useHistory)();
+  var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -111,10 +115,25 @@ var DriversCompanyDetailsFormUI = function DriversCompanyDetailsFormUI(props) {
       });
     }
   }, [actionState]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.DetailsContainer, null, /*#__PURE__*/_react.default.createElement(_styles.Header, null, /*#__PURE__*/_react.default.createElement("h1", null, driversCompany ? (_ref = (_changesState$name = changesState === null || changesState === void 0 ? void 0 : changesState.name) !== null && _changesState$name !== void 0 ? _changesState$name : driversCompany === null || driversCompany === void 0 ? void 0 : driversCompany.name) !== null && _ref !== void 0 ? _ref : '' : t('DRIVER_COMPANY_SETTINGS', 'Driver company settings')), /*#__PURE__*/_react.default.createElement(_styles.RightHeader, null, width > 576 && /*#__PURE__*/_react.default.createElement(_styles2.IconButton, {
+  var handleTabClick = function handleTabClick(tab, isInitialRender) {
+    setCurrentTabItem(tab);
+    if (!isInitialRender) {
+      var id = query.get('id');
+      history.replace("".concat(location.pathname, "?id=").concat(id, "&tab=").concat(tab));
+    }
+  };
+  (0, _react.useEffect)(function () {
+    var tab = query.get('tab');
+    if (tab) {
+      handleTabClick(tab, true);
+    } else {
+      handleTabClick(currentTabItem);
+    }
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.DetailsContainer, null, /*#__PURE__*/_react.default.createElement(_styles.Header, null, /*#__PURE__*/_react.default.createElement("h1", null, companyState.company ? (_ref = (_changesState$name = changesState === null || changesState === void 0 ? void 0 : changesState.name) !== null && _changesState$name !== void 0 ? _changesState$name : (_companyState$company = companyState.company) === null || _companyState$company === void 0 ? void 0 : _companyState$company.name) !== null && _ref !== void 0 ? _ref : '' : t('DRIVER_COMPANY_SETTINGS', 'Driver company settings')), /*#__PURE__*/_react.default.createElement(_styles.RightHeader, null, width > 576 && /*#__PURE__*/_react.default.createElement(_styles2.IconButton, {
     color: "black",
     onClick: expandSidebar
-  }, isExpand ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ArrowsAngleContract, null) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ArrowsAngleExpand, null)), driversCompany && /*#__PURE__*/_react.default.createElement(_styles.ActionSelectorWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.DropdownButton, {
+  }, isExpand ? /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ArrowsAngleContract, null) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.ArrowsAngleExpand, null)), companyState.company && /*#__PURE__*/_react.default.createElement(_styles.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'
@@ -127,10 +146,16 @@ var DriversCompanyDetailsFormUI = function DriversCompanyDetailsFormUI(props) {
       key: item.key,
       active: item.key === currentTabItem,
       onClick: function onClick() {
-        return setCurrentTabItem(item.key);
+        return handleTabClick(item.key);
       }
     }, item.content);
-  }))), currentTabItem === 'general' && /*#__PURE__*/_react.default.createElement(_DriversCompanyGeneralDetails.DriversCompanyGeneralDetails, props), currentTabItem === 'schedule' && /*#__PURE__*/_react.default.createElement(_DriversCompanyScheduleDetails.DriversCompanyScheduleDetails, props), currentTabItem === 'webhooks' && /*#__PURE__*/_react.default.createElement(_DriversCompanyWebhooksDetails.DriversCompanyWebhooksDetails, props)), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {
+  }))), currentTabItem === 'general' && /*#__PURE__*/_react.default.createElement(_DriversCompanyGeneralDetails.DriversCompanyGeneralDetails, _extends({}, props, {
+    driversCompany: companyState.company
+  })), currentTabItem === 'schedule' && /*#__PURE__*/_react.default.createElement(_DriversCompanyScheduleDetails.DriversCompanyScheduleDetails, _extends({}, props, {
+    driversCompany: companyState.company
+  })), currentTabItem === 'webhooks' && /*#__PURE__*/_react.default.createElement(_DriversCompanyWebhooksDetails.DriversCompanyWebhooksDetails, _extends({}, props, {
+    driversCompany: companyState.company
+  }))), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {
     title: t('ERROR'),
     content: alertState.content,
     acceptText: t('ACCEPT'),

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

@@ -32,7 +32,8 @@ var DriversGroupBusinesses = function DriversGroupBusinesses(props) {
     handleUpdateDriversGroup = props.handleUpdateDriversGroup,
     handleAddDriversGroup = props.handleAddDriversGroup,
     handleSelectAllBusiness = props.handleSelectAllBusiness,
-    selectedBusinessIds = props.selectedBusinessIds;
+    selectedBusinessIds = props.selectedBusinessIds,
+    actionDisabled = props.actionDisabled;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -67,7 +68,8 @@ var DriversGroupBusinesses = function DriversGroupBusinesses(props) {
   };
   return /*#__PURE__*/_react.default.createElement(_styles2.Container, {
     "data-tour": "tour_select_business",
-    onSubmit: handleSubmit(onSubmit)
+    onSubmit: handleSubmit(onSubmit),
+    disabled: actionDisabled
   }, /*#__PURE__*/_react.default.createElement(_styles2.SearchBarWrapper, null, /*#__PURE__*/_react.default.createElement(_Shared.SearchBar, {
     placeholder: t('SEARCH', 'Search'),
     isCustomLayout: true,

package/_modules/components/Delivery/DriversGroupBusinesses/styles.js

@@ -7,36 +7,39 @@ Object.defineProperty(exports, "__esModule", {
 exports.WrapperImage = exports.SearchBarWrapper = exports.Image = exports.Container = exports.ButtonGroup = exports.BusinessesContainer = exports.BusinessWrapper = 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;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
 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 Container = _styledComponents.default.form(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: calc(100% - 130px);\n  > button {\n    position: sticky;\n    top: 100%;\n    height: 42px;\n    margin-top: 20px;\n  }\n"])));
+var Container = _styledComponents.default.form(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: calc(100% - 130px);\n  ", "\n  > button {\n    position: sticky;\n    top: 100%;\n    height: 42px;\n    margin-top: 20px;\n  }\n"])), function (_ref) {
+  var disabled = _ref.disabled;
+  return disabled && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    opacity: 0.7;\n    pointer-events: none;\n  "])));
+});
 exports.Container = Container;
-var SearchBarWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: 10px;\n"])));
+var SearchBarWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-bottom: 10px;\n"])));
 exports.SearchBarWrapper = SearchBarWrapper;
-var ButtonGroup = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-bottom: 20px;\n  button:first-child {\n    ", "\n  }\n"])), function (props) {
+var ButtonGroup = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-bottom: 20px;\n  button:first-child {\n    ", "\n  }\n"])), 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: 7px;\n    "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      margin-right: 7px;\n    "])));
+  return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      margin-left: 7px;\n    "]))) : (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      margin-right: 7px;\n    "])));
 });
 exports.ButtonGroup = ButtonGroup;
-var BusinessesContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  height: calc(100% - 175px);\n  overflow: auto;\n"])));
+var BusinessesContainer = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  height: calc(100% - 175px);\n  overflow: auto;\n"])));
 exports.BusinessesContainer = BusinessesContainer;
-var BusinessWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 10px 0;\n  border-bottom: 1px solid ", ";\n\n  p {\n    margin: 0px;\n    font-size: 12px;\n  }\n\n  ", "\n"])), function (props) {
+var BusinessWrapper = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 10px 0;\n  border-bottom: 1px solid ", ";\n\n  p {\n    margin: 0px;\n    font-size: 12px;\n  }\n\n  ", "\n"])), function (props) {
   return props.theme.colors.borderColor;
-}, function (_ref) {
-  var isDisabed = _ref.isDisabed;
-  return isDisabed && (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    pointer-events: none;\n  "])));
+}, function (_ref2) {
+  var isDisabed = _ref2.isDisabed;
+  return isDisabed && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    pointer-events: none;\n  "])));
 });
 exports.BusinessWrapper = BusinessWrapper;
-var WrapperImage = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  max-width: 40px;\n  max-height: 40px;\n  height: 40px;\n  width: 40px;\n  ", "\n  border-radius: 8px;\n\n  svg {\n    width: 100%;\n    height: 100%;\n    padding: 7px;\n    box-sizing: border-box;\n    border-radius: 50%;\n  }\n\n  margin: 0 10px;\n"])), function (_ref2) {
-  var isSkeleton = _ref2.isSkeleton;
-  return !isSkeleton && (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    border: 1px solid #E3E3E3;\n  "])));
+var WrapperImage = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  max-width: 40px;\n  max-height: 40px;\n  height: 40px;\n  width: 40px;\n  ", "\n  border-radius: 8px;\n\n  svg {\n    width: 100%;\n    height: 100%;\n    padding: 7px;\n    box-sizing: border-box;\n    border-radius: 50%;\n  }\n\n  margin: 0 10px;\n"])), function (_ref3) {
+  var isSkeleton = _ref3.isSkeleton;
+  return !isSkeleton && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    border: 1px solid #E3E3E3;\n  "])));
 });
 exports.WrapperImage = WrapperImage;
-var ImageStyled = _styledComponents.default.div(_templateObject11 || (_templateObject11 = _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(_templateObject12 || (_templateObject12 = _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: {

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

@@ -38,7 +38,8 @@ var DriverGroupDeliveryDetailsUI = function DriverGroupDeliveryDetailsUI(props)
     zoneList = props.zoneList,
     setZoneList = props.setZoneList,
     setIsOpenDetails = props.setIsOpenDetails,
-    isOpenDetails = props.isOpenDetails;
+    isOpenDetails = props.isOpenDetails,
+    actionDisabled = props.actionDisabled;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -56,7 +57,9 @@ var DriverGroupDeliveryDetailsUI = function DriverGroupDeliveryDetailsUI(props)
       content: actionState === null || actionState === void 0 ? void 0 : actionState.error
     });
   }, [actionState === null || actionState === void 0 ? void 0 : actionState.error]);
-  return /*#__PURE__*/_react.default.createElement(_styles2.Container, null, /*#__PURE__*/_react.default.createElement(_DriversGroupDeliveryZoneList.DriverGroupDeliveryZoneList, {
+  return /*#__PURE__*/_react.default.createElement(_styles2.Container, {
+    disabled: actionDisabled
+  }, /*#__PURE__*/_react.default.createElement(_DriversGroupDeliveryZoneList.DriverGroupDeliveryZoneList, {
     setZoneList: setZoneList,
     handleParentSidebarMove: handleParentSidebarMove,
     drivergroup: drivergroup,

package/_modules/components/Delivery/DriversGroupDeliveryDetails/styles.js

@@ -1,12 +1,17 @@
 "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.Container = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _templateObject;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _templateObject, _templateObject2;
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: calc(100% - 130px);\n  > button {\n    position: sticky;\n    top: 100%;\n    margin-top: 30px;\n    height: 44px;\n  }\n"])));
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: calc(100% - 130px);\n  ", "\n  > button {\n    position: sticky;\n    top: 100%;\n    margin-top: 30px;\n    height: 44px;\n  }\n"])), function (_ref) {
+  var disabled = _ref.disabled;
+  return disabled && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    opacity: 0.7;\n    pointer-events: none;\n  "])));
+});
 exports.Container = Container;

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DriversGroupDetails = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactRouterDom = require("react-router-dom");
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 var _reactBootstrap = require("react-bootstrap");
 var _reactBootstrapIcons = require("react-bootstrap-icons");
@@ -42,7 +43,10 @@ var DriversGroupDetailsUI = function DriversGroupDetailsUI(props) {
     handleDeleteDriversGroup = props.handleDeleteDriversGroup,
     handleNextTour = props.handleNextTour,
     handleUpdateDriversGroup = props.handleUpdateDriversGroup,
-    setIsExtendExtraOpen = props.setIsExtendExtraOpen;
+    setIsExtendExtraOpen = props.setIsExtendExtraOpen,
+    actionDisabled = props.actionDisabled;
+  var history = (0, _reactRouterDom.useHistory)();
+  var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
   var theme = (0, _styledComponents.useTheme)();
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -174,13 +178,30 @@ var DriversGroupDetailsUI = function DriversGroupDetailsUI(props) {
       content: actionState === null || actionState === void 0 ? void 0 : actionState.error
     });
   }, [actionState === null || actionState === void 0 ? void 0 : actionState.error]);
+  var handleTabClick = function handleTabClick(tab, isInitialRender) {
+    setShowMenu(tab);
+    if (!isInitialRender) {
+      var id = query.get('id');
+      history.replace("".concat(location.pathname, "?id=").concat(id, "&tab=").concat(tab));
+    }
+  };
+  (0, _react.useEffect)(function () {
+    if (driversGroupState.loading) return;
+    var tab = query.get('tab');
+    if (tab) {
+      handleTabClick(tab, true);
+    } else {
+      handleTabClick(showMenu);
+    }
+  }, [driversGroupState.loading]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.DetailsContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.Header, null, driversGroupState.driversGroup ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h1", null, (_driversGroupState$dr4 = driversGroupState.driversGroup) === null || _driversGroupState$dr4 === void 0 ? void 0 : _driversGroupState$dr4.name), /*#__PURE__*/_react.default.createElement(_styles.Switch, {
     defaultChecked: (_driversGroupState$dr5 = driversGroupState.driversGroup) === null || _driversGroupState$dr5 === void 0 ? void 0 : _driversGroupState$dr5.enabled,
     onChange: function onChange(enabled) {
       return handleUpdateDriversGroup({
         enabled: enabled
       });
-    }
+    },
+    disabled: actionDisabled
   })), /*#__PURE__*/_react.default.createElement(_styles2.RightHeader, null, width > 576 && /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
     color: "black",
     onClick: expandSidebar
@@ -191,7 +212,8 @@ var DriversGroupDetailsUI = function DriversGroupDetailsUI(props) {
   }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Dropdown.Item, {
     onClick: function onClick() {
       return onDeleteGroup();
-    }
+    },
+    disabled: actionDisabled
   }, t('DELETE', 'Delete')))))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h1", null, t('ADD_NEW_DRIVER_GROUP', 'Add new driver group'))), width > 576 && /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
     color: "black",
     onClick: expandSidebar
@@ -200,16 +222,24 @@ var DriversGroupDetailsUI = function DriversGroupDetailsUI(props) {
       key: menu.key,
       active: menu.key === showMenu,
       onClick: function onClick() {
-        return setShowMenu(menu.key);
+        return handleTabClick(menu.key);
       }
     }, menu.value);
   }))), showMenu === 'general' && /*#__PURE__*/_react.default.createElement(_DriversGroupGeneralForm.DriversGroupGeneralForm, _extends({}, props, {
+    curDriversGroup: driversGroupState.driversGroup,
     useAdvanced: useAdvanced,
     setUseAdvanced: setUseAdvanced,
     handleNextClick: handleNextClick
-  })), showMenu === 'businesses' && /*#__PURE__*/_react.default.createElement(_DriversGroupBusinesses.DriversGroupBusinesses, props), showMenu === 'paymethods' && /*#__PURE__*/_react.default.createElement(_DriversGroupPaymethods.DriversGroupPaymethods, props), showMenu === 'advanced_logistics' && /*#__PURE__*/_react.default.createElement(_DriversGroupLogistics.DriversGroupLogistics, props), showMenu === 'logs' && /*#__PURE__*/_react.default.createElement(_DriversGroupLogs.DriversGroupLogs, {
+  })), showMenu === 'businesses' && /*#__PURE__*/_react.default.createElement(_DriversGroupBusinesses.DriversGroupBusinesses, _extends({}, props, {
+    curDriversGroup: driversGroupState.driversGroup
+  })), showMenu === 'paymethods' && /*#__PURE__*/_react.default.createElement(_DriversGroupPaymethods.DriversGroupPaymethods, _extends({}, props, {
+    curDriversGroup: driversGroupState.driversGroup
+  })), showMenu === 'advanced_logistics' && /*#__PURE__*/_react.default.createElement(_DriversGroupLogistics.DriversGroupLogistics, _extends({}, props, {
+    curDriversGroup: driversGroupState.driversGroup
+  })), showMenu === 'logs' && /*#__PURE__*/_react.default.createElement(_DriversGroupLogs.DriversGroupLogs, {
     driversGroupId: (_driversGroupState$dr6 = driversGroupState.driversGroup) === null || _driversGroupState$dr6 === void 0 ? void 0 : _driversGroupState$dr6.id
   }), showMenu === 'delivery_zones' && /*#__PURE__*/_react.default.createElement(_DriversGroupDeliveryDetails.DriverGroupDeliveryDetails, _extends({}, props, {
+    curDriversGroup: driversGroupState.driversGroup,
     handleParentSidebarMove: handleParentSidebarMove,
     drivergroup: driversGroupState.driversGroup,
     setIsExtendExtraOpen: setIsExtendExtraOpen,

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

@@ -31,6 +31,7 @@ var DriversGroupGeneralForm = function DriversGroupGeneralForm(props) {
     setUseAdvanced = props.setUseAdvanced,
     handleUpdateDriversGroup = props.handleUpdateDriversGroup,
     handleAddDriversGroup = props.handleAddDriversGroup,
+    actionDisabled = props.actionDisabled,
     isTourOpen = props.isTourOpen,
     handleNextClick = props.handleNextClick;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
@@ -148,7 +149,8 @@ var DriversGroupGeneralForm = function DriversGroupGeneralForm(props) {
   }, [errors]);
   return /*#__PURE__*/_react.default.createElement(_styles2.Container, {
     "data-tour": "tour_fill_group",
-    onSubmit: handleSubmit(onSubmit)
+    onSubmit: handleSubmit(onSubmit),
+    disabled: actionDisabled
   }, /*#__PURE__*/_react.default.createElement(_styles2.InputWrapper, null, /*#__PURE__*/_react.default.createElement("label", null, t('NAME', 'Name')), /*#__PURE__*/_react.default.createElement(_styles.Input, {
     name: "name",
     value: (_ref = (_changesState$name = changesState === null || changesState === void 0 ? void 0 : changesState.name) !== null && _changesState$name !== void 0 ? _changesState$name : (_driversGroupState$dr = driversGroupState.driversGroup) === null || _driversGroupState$dr === void 0 ? void 0 : _driversGroupState$dr.name) !== null && _ref !== void 0 ? _ref : '',