ordering-ui-admin-external 1.5.1 → 1.6.0

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

@@ -68,6 +68,13 @@ var PaymentOption = function PaymentOption(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     confirm = _useState6[0],
     setConfirm = _useState6[1];
+  var _useState7 = (0, _react.useState)({
+      allowed_order_types: businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.allowed_order_types,
+      sites: businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.sites
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    localState = _useState8[0],
+    setLocalState = _useState8[1];
   var setPaymethodInfo = function setPaymethodInfo(values) {
     var _ref, _changesState$values$, _businessPaymethod$va;
     var data = {};
@@ -122,6 +129,18 @@ var PaymentOption = function PaymentOption(props) {
       allowed_order_types: (businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.allowed_order_types) || [1, 2, 3, 4, 5]
     });
   }, [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
+      });
+    }
+  }, [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"
   }, /*#__PURE__*/_react.default.createElement(_styles3.Header, null, /*#__PURE__*/_react.default.createElement("h1", null, businessPaymethod === null || businessPaymethod === void 0 ? void 0 : (_businessPaymethod$pa2 = businessPaymethod.paymethod) === null || _businessPaymethod$pa2 === void 0 ? void 0 : _businessPaymethod$pa2.name), /*#__PURE__*/_react.default.createElement(_styles3.ActionSelectorWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.DropdownButton, {
@@ -148,7 +167,7 @@ var PaymentOption = function PaymentOption(props) {
       return setPaymentTabs(1);
     }
   }, t('ORDER_TYPE', 'Order type'))), paymentTabs === 0 && (sitesState === null || sitesState === void 0 ? void 0 : (_sitesState$sites4 = sitesState.sites) === null || _sitesState$sites4 === void 0 ? void 0 : _sitesState$sites4.length) > 0 && (sitesState === null || sitesState === void 0 ? void 0 : sitesState.sites.map(function (site) {
-    var _ref2, _changesState$sites, _businessPaymethod$si;
+    var _ref2, _localState$sites, _businessPaymethod$si;
     return /*#__PURE__*/_react.default.createElement(_styles3.TabOption, {
       key: site.id,
       onClick: function onClick() {
@@ -157,13 +176,13 @@ var PaymentOption = function PaymentOption(props) {
           value: site.id
         });
       }
-    }, (_ref2 = (_changesState$sites = changesState === null || changesState === void 0 ? void 0 : changesState.sites) !== null && _changesState$sites !== void 0 ? _changesState$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$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) {
       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(_styles3.TabOptionName, null, site.name));
   })), paymentTabs === 1 && orderTypes.map(function (type) {
-    var _ref3, _changesState$allowed;
+    var _ref3, _localState$allowed_o;
     return /*#__PURE__*/_react.default.createElement(_styles3.TabOption, {
       key: type.value,
       onClick: function onClick() {
@@ -172,7 +191,7 @@ var PaymentOption = function PaymentOption(props) {
           value: type.value
         });
       }
-    }, (_ref3 = (_changesState$allowed = changesState === null || changesState === void 0 ? void 0 : changesState.allowed_order_types) !== null && _changesState$allowed !== void 0 ? _changesState$allowed : businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.allowed_order_types) !== null && _ref3 !== void 0 && _ref3.includes(type.value) ? /*#__PURE__*/_react.default.createElement(_RiCheckboxFill.default, {
+    }, (_ref3 = (_localState$allowed_o = localState === null || localState === void 0 ? void 0 : localState.allowed_order_types) !== null && _localState$allowed_o !== void 0 ? _localState$allowed_o : businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.allowed_order_types) !== null && _ref3 !== void 0 && _ref3.includes(type.value) ? /*#__PURE__*/_react.default.createElement(_RiCheckboxFill.default, {
       className: "fill"
     }) : /*#__PURE__*/_react.default.createElement(_RiCheckboxBlankLine.default, null), /*#__PURE__*/_react.default.createElement(_styles3.TabOptionName, null, type.text));
   }), /*#__PURE__*/_react.default.createElement(_styles.Button, {

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

@@ -72,6 +72,13 @@ var PaymentOptionMethods = function PaymentOptionMethods(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     confirm = _useState6[0],
     setConfirm = _useState6[1];
+  var _useState7 = (0, _react.useState)({
+      allowed_order_types: businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.allowed_order_types,
+      sites: businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.sites
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    localState = _useState8[0],
+    setLocalState = _useState8[1];
   var setPaymethodInfo = function setPaymethodInfo(values) {
     var _ref, _changesState$values$, _businessPaymethod$va;
     var data = {};
@@ -129,6 +136,18 @@ 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
+      });
+    }
+  }, [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
   }, /*#__PURE__*/_react.default.createElement(_styles2.Header, null, /*#__PURE__*/_react.default.createElement("h1", null, t(id.toUpperCase(), title)), /*#__PURE__*/_react.default.createElement(_styles2.ActionSelectorWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.DropdownButton, {
@@ -194,7 +213,7 @@ var PaymentOptionMethods = function PaymentOptionMethods(props) {
       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, _changesState$sites, _businessPaymethod$si;
+    var _ref2, _localState$sites, _businessPaymethod$si;
     return /*#__PURE__*/_react.default.createElement(_styles2.TabOption, {
       key: site.id,
       onClick: function onClick() {
@@ -203,13 +222,13 @@ var PaymentOptionMethods = function PaymentOptionMethods(props) {
           value: site.id
         });
       }
-    }, (_ref2 = (_changesState$sites = changesState === null || changesState === void 0 ? void 0 : changesState.sites) !== null && _changesState$sites !== void 0 ? _changesState$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$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) {
       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(_styles2.TabOptionName, null, site.name));
   })), paymentTabs === 2 && orderTypes.map(function (type) {
-    var _ref3, _changesState$allowed;
+    var _ref3, _localState$allowed_o;
     return /*#__PURE__*/_react.default.createElement(_styles2.TabOption, {
       key: type.value,
       onClick: function onClick() {
@@ -218,7 +237,7 @@ var PaymentOptionMethods = function PaymentOptionMethods(props) {
           value: type.value
         });
       }
-    }, (_ref3 = (_changesState$allowed = changesState === null || changesState === void 0 ? void 0 : changesState.allowed_order_types) !== null && _changesState$allowed !== void 0 ? _changesState$allowed : businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.allowed_order_types) !== null && _ref3 !== void 0 && _ref3.includes(type.value) ? /*#__PURE__*/_react.default.createElement(_RiCheckboxFill.default, {
+    }, (_ref3 = (_localState$allowed_o = localState === null || localState === void 0 ? void 0 : localState.allowed_order_types) !== null && _localState$allowed_o !== void 0 ? _localState$allowed_o : businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.allowed_order_types) !== null && _ref3 !== void 0 && _ref3.includes(type.value) ? /*#__PURE__*/_react.default.createElement(_RiCheckboxFill.default, {
       className: "fill"
     }) : /*#__PURE__*/_react.default.createElement(_RiCheckboxBlankLine.default, null), /*#__PURE__*/_react.default.createElement(_styles2.TabOptionName, null, type.text));
   }), /*#__PURE__*/_react.default.createElement(_styles.Button, {

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

@@ -71,6 +71,13 @@ var PaymentOptionPaypal = function PaymentOptionPaypal(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     confirm = _useState6[0],
     setConfirm = _useState6[1];
+  var _useState7 = (0, _react.useState)({
+      allowed_order_types: businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.allowed_order_types,
+      sites: businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.sites
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    localState = _useState8[0],
+    setLocalState = _useState8[1];
   var actionSidebar = function actionSidebar(value) {
     if (!value) {
       props.onClose();
@@ -128,6 +135,18 @@ 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
+      });
+    }
+  }, [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"
   }, /*#__PURE__*/_react.default.createElement(_styles2.Header, null, /*#__PURE__*/_react.default.createElement("h1", null, t('PAYPAL', 'Paypal')), /*#__PURE__*/_react.default.createElement(_styles2.ActionSelectorWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.DropdownButton, {
@@ -193,7 +212,7 @@ var PaymentOptionPaypal = function PaymentOptionPaypal(props) {
       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, _changesState$sites, _businessPaymethod$si;
+    var _ref2, _localState$sites, _businessPaymethod$si;
     return /*#__PURE__*/_react.default.createElement(_styles4.TabOption, {
       key: site.id,
       onClick: function onClick() {
@@ -202,13 +221,13 @@ var PaymentOptionPaypal = function PaymentOptionPaypal(props) {
           value: site.id
         });
       }
-    }, (_ref2 = (_changesState$sites = changesState === null || changesState === void 0 ? void 0 : changesState.sites) !== null && _changesState$sites !== void 0 ? _changesState$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$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) {
       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) {
-    var _ref3, _changesState$allowed;
+    var _ref3, _localState$allowed_o;
     return /*#__PURE__*/_react.default.createElement(_styles4.TabOption, {
       key: type.value,
       onClick: function onClick() {
@@ -217,7 +236,7 @@ var PaymentOptionPaypal = function PaymentOptionPaypal(props) {
           value: type.value
         });
       }
-    }, (_ref3 = (_changesState$allowed = changesState === null || changesState === void 0 ? void 0 : changesState.allowed_order_types) !== null && _changesState$allowed !== void 0 ? _changesState$allowed : businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.allowed_order_types) !== null && _ref3 !== void 0 && _ref3.includes(type.value) ? /*#__PURE__*/_react.default.createElement(_RiCheckboxFill.default, {
+    }, (_ref3 = (_localState$allowed_o = localState === null || localState === void 0 ? void 0 : localState.allowed_order_types) !== null && _localState$allowed_o !== void 0 ? _localState$allowed_o : businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.allowed_order_types) !== null && _ref3 !== void 0 && _ref3.includes(type.value) ? /*#__PURE__*/_react.default.createElement(_RiCheckboxFill.default, {
       className: "fill"
     }) : /*#__PURE__*/_react.default.createElement(_RiCheckboxBlankLine.default, null), /*#__PURE__*/_react.default.createElement(_styles4.TabOptionName, null, type.text));
   }), /*#__PURE__*/_react.default.createElement(_styles.Button, {

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

@@ -70,6 +70,13 @@ var PaymentOptionStripeDirect = function PaymentOptionStripeDirect(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     confirm = _useState6[0],
     setConfirm = _useState6[1];
+  var _useState7 = (0, _react.useState)({
+      allowed_order_types: businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.allowed_order_types,
+      sites: businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.sites
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    localState = _useState8[0],
+    setLocalState = _useState8[1];
   var setPaymethodInfo = function setPaymethodInfo(values) {
     var _ref, _changesState$values$, _businessPaymethod$va;
     var data = {};
@@ -127,6 +134,18 @@ var PaymentOptionStripeDirect = function PaymentOptionStripeDirect(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
+      });
+    }
+  }, [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: "stripe_direct"
   }, /*#__PURE__*/_react.default.createElement(_styles2.Header, null, /*#__PURE__*/_react.default.createElement("h1", null, t('STRIPE_DIRECT', 'Stripe direct')), /*#__PURE__*/_react.default.createElement(_styles2.ActionSelectorWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.DropdownButton, {
@@ -192,7 +211,7 @@ var PaymentOptionStripeDirect = function PaymentOptionStripeDirect(props) {
       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, _changesState$sites, _businessPaymethod$si;
+    var _ref2, _localState$sites, _businessPaymethod$si;
     return /*#__PURE__*/_react.default.createElement(_styles2.TabOption, {
       key: site.id,
       onClick: function onClick() {
@@ -201,13 +220,13 @@ var PaymentOptionStripeDirect = function PaymentOptionStripeDirect(props) {
           value: site.id
         });
       }
-    }, (_ref2 = (_changesState$sites = changesState === null || changesState === void 0 ? void 0 : changesState.sites) !== null && _changesState$sites !== void 0 ? _changesState$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$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) {
       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(_styles2.TabOptionName, null, site.name));
   })), paymentTabs === 2 && orderTypes.map(function (type) {
-    var _ref3, _changesState$allowed;
+    var _ref3, _localState$allowed_o;
     return /*#__PURE__*/_react.default.createElement(_styles2.TabOption, {
       key: type.value,
       onClick: function onClick() {
@@ -216,7 +235,7 @@ var PaymentOptionStripeDirect = function PaymentOptionStripeDirect(props) {
           value: type.value
         });
       }
-    }, (_ref3 = (_changesState$allowed = changesState === null || changesState === void 0 ? void 0 : changesState.allowed_order_types) !== null && _changesState$allowed !== void 0 ? _changesState$allowed : businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.allowed_order_types) !== null && _ref3 !== void 0 && _ref3.includes(type.value) ? /*#__PURE__*/_react.default.createElement(_RiCheckboxFill.default, {
+    }, (_ref3 = (_localState$allowed_o = localState === null || localState === void 0 ? void 0 : localState.allowed_order_types) !== null && _localState$allowed_o !== void 0 ? _localState$allowed_o : businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.allowed_order_types) !== null && _ref3 !== void 0 && _ref3.includes(type.value) ? /*#__PURE__*/_react.default.createElement(_RiCheckboxFill.default, {
       className: "fill"
     }) : /*#__PURE__*/_react.default.createElement(_RiCheckboxBlankLine.default, null), /*#__PURE__*/_react.default.createElement(_styles2.TabOptionName, null, type.text));
   }), /*#__PURE__*/_react.default.createElement(_styles.Button, {

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

@@ -71,6 +71,13 @@ var PaymethodOptionPaypalExpress = function PaymethodOptionPaypalExpress(props)
     _useState6 = _slicedToArray(_useState5, 2),
     confirm = _useState6[0],
     setConfirm = _useState6[1];
+  var _useState7 = (0, _react.useState)({
+      allowed_order_types: businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.allowed_order_types,
+      sites: businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.sites
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    localState = _useState8[0],
+    setLocalState = _useState8[1];
   var setPaymethodInfo = function setPaymethodInfo(values) {
     var _ref, _changesState$values$, _businessPaymethod$va;
     var data = {};
@@ -129,6 +136,18 @@ var PaymethodOptionPaypalExpress = function PaymethodOptionPaypalExpress(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
+      });
+    }
+  }, [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_express"
   }, /*#__PURE__*/_react.default.createElement(_styles2.Header, null, /*#__PURE__*/_react.default.createElement("h1", null, t('PAYPAL_EXPRESS', 'Paypal express')), /*#__PURE__*/_react.default.createElement(_styles2.ActionSelectorWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.DropdownButton, {
@@ -180,7 +199,7 @@ var PaymethodOptionPaypalExpress = function PaymethodOptionPaypalExpress(props)
       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, _changesState$sites, _businessPaymethod$si;
+    var _ref2, _localState$sites, _businessPaymethod$si;
     return /*#__PURE__*/_react.default.createElement(_styles4.TabOption, {
       key: site.id,
       onClick: function onClick() {
@@ -189,13 +208,13 @@ var PaymethodOptionPaypalExpress = function PaymethodOptionPaypalExpress(props)
           value: site.id
         });
       }
-    }, (_ref2 = (_changesState$sites = changesState === null || changesState === void 0 ? void 0 : changesState.sites) !== null && _changesState$sites !== void 0 ? _changesState$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$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) {
       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) {
-    var _ref3, _changesState$allowed;
+    var _ref3, _localState$allowed_o;
     return /*#__PURE__*/_react.default.createElement(_styles4.TabOption, {
       key: type.value,
       onClick: function onClick() {
@@ -204,7 +223,7 @@ var PaymethodOptionPaypalExpress = function PaymethodOptionPaypalExpress(props)
           value: type.value
         });
       }
-    }, (_ref3 = (_changesState$allowed = changesState === null || changesState === void 0 ? void 0 : changesState.allowed_order_types) !== null && _changesState$allowed !== void 0 ? _changesState$allowed : businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.allowed_order_types) !== null && _ref3 !== void 0 && _ref3.includes(type.value) ? /*#__PURE__*/_react.default.createElement(_RiCheckboxFill.default, {
+    }, (_ref3 = (_localState$allowed_o = localState === null || localState === void 0 ? void 0 : localState.allowed_order_types) !== null && _localState$allowed_o !== void 0 ? _localState$allowed_o : businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.allowed_order_types) !== null && _ref3 !== void 0 && _ref3.includes(type.value) ? /*#__PURE__*/_react.default.createElement(_RiCheckboxFill.default, {
       className: "fill"
     }) : /*#__PURE__*/_react.default.createElement(_RiCheckboxBlankLine.default, null), /*#__PURE__*/_react.default.createElement(_styles4.TabOptionName, null, type.text));
   }), /*#__PURE__*/_react.default.createElement(_styles.Button, {

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

@@ -72,6 +72,13 @@ var PaymethodOptionStripeConnect = function PaymethodOptionStripeConnect(props)
     _useState6 = _slicedToArray(_useState5, 2),
     confirm = _useState6[0],
     setConfirm = _useState6[1];
+  var _useState7 = (0, _react.useState)({
+      allowed_order_types: businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.allowed_order_types,
+      sites: businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.sites
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    localState = _useState8[0],
+    setLocalState = _useState8[1];
   var setPaymethodInfo = function setPaymethodInfo(values) {
     var _ref, _changesState$values$, _businessPaymethod$va;
     var data = {};
@@ -121,6 +128,18 @@ var PaymethodOptionStripeConnect = function PaymethodOptionStripeConnect(props)
       allowed_order_types: (businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.allowed_order_types) || [1, 2, 3, 4, 5]
     });
   }, [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
+      });
+    }
+  }, [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: "stripe_connect"
   }, /*#__PURE__*/_react.default.createElement(_styles2.Header, null, /*#__PURE__*/_react.default.createElement("h1", null, t('STRIPE_CONNECT', 'Stripe connect')), /*#__PURE__*/_react.default.createElement(_styles2.ActionSelectorWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.DropdownButton, {
@@ -192,7 +211,7 @@ var PaymethodOptionStripeConnect = function PaymethodOptionStripeConnect(props)
       return handleChangeStripeInput(e);
     }
   })))), 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, _changesState$sites, _businessPaymethod$si;
+    var _ref2, _localState$sites, _businessPaymethod$si;
     return /*#__PURE__*/_react.default.createElement(_styles4.TabOption, {
       key: site.id,
       onClick: function onClick() {
@@ -201,13 +220,13 @@ var PaymethodOptionStripeConnect = function PaymethodOptionStripeConnect(props)
           value: site.id
         });
       }
-    }, (_ref2 = (_changesState$sites = changesState === null || changesState === void 0 ? void 0 : changesState.sites) !== null && _changesState$sites !== void 0 ? _changesState$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$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) {
       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) {
-    var _ref3, _changesState$allowed;
+    var _ref3, _localState$allowed_o;
     return /*#__PURE__*/_react.default.createElement(_styles4.TabOption, {
       key: type.value,
       onClick: function onClick() {
@@ -216,7 +235,7 @@ var PaymethodOptionStripeConnect = function PaymethodOptionStripeConnect(props)
           value: type.value
         });
       }
-    }, (_ref3 = (_changesState$allowed = changesState === null || changesState === void 0 ? void 0 : changesState.allowed_order_types) !== null && _changesState$allowed !== void 0 ? _changesState$allowed : businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.allowed_order_types) !== null && _ref3 !== void 0 && _ref3.includes(type.value) ? /*#__PURE__*/_react.default.createElement(_RiCheckboxFill.default, {
+    }, (_ref3 = (_localState$allowed_o = localState === null || localState === void 0 ? void 0 : localState.allowed_order_types) !== null && _localState$allowed_o !== void 0 ? _localState$allowed_o : businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.allowed_order_types) !== null && _ref3 !== void 0 && _ref3.includes(type.value) ? /*#__PURE__*/_react.default.createElement(_RiCheckboxFill.default, {
       className: "fill"
     }) : /*#__PURE__*/_react.default.createElement(_RiCheckboxBlankLine.default, null), /*#__PURE__*/_react.default.createElement(_styles4.TabOptionName, null, type.text));
   }), /*#__PURE__*/_react.default.createElement(_styles.Button, {

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

@@ -71,6 +71,13 @@ var PaymethodOptionStripeRedirect = function PaymethodOptionStripeRedirect(props
     _useState6 = _slicedToArray(_useState5, 2),
     confirm = _useState6[0],
     setConfirm = _useState6[1];
+  var _useState7 = (0, _react.useState)({
+      allowed_order_types: businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.allowed_order_types,
+      sites: businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.sites
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    localState = _useState8[0],
+    setLocalState = _useState8[1];
   var setPaymethodInfo = function setPaymethodInfo(values) {
     var _ref, _changesState$values$, _businessPaymethod$va;
     var data = {};
@@ -128,6 +135,18 @@ var PaymethodOptionStripeRedirect = function PaymethodOptionStripeRedirect(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
+      });
+    }
+  }, [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: "stripe_redirect"
   }, /*#__PURE__*/_react.default.createElement(_styles2.Header, null, /*#__PURE__*/_react.default.createElement("h1", null, t('STRIPE_REDIRECT', 'Stripe redirect')), /*#__PURE__*/_react.default.createElement(_styles2.ActionSelectorWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.DropdownButton, {
@@ -193,7 +212,7 @@ var PaymethodOptionStripeRedirect = function PaymethodOptionStripeRedirect(props
       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, _changesState$sites, _businessPaymethod$si;
+    var _ref2, _localState$sites, _businessPaymethod$si;
     return /*#__PURE__*/_react.default.createElement(_styles4.TabOption, {
       key: site.id,
       onClick: function onClick() {
@@ -202,13 +221,13 @@ var PaymethodOptionStripeRedirect = function PaymethodOptionStripeRedirect(props
           value: site.id
         });
       }
-    }, (_ref2 = (_changesState$sites = changesState === null || changesState === void 0 ? void 0 : changesState.sites) !== null && _changesState$sites !== void 0 ? _changesState$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$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) {
       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) {
-    var _ref3, _changesState$allowed;
+    var _ref3, _localState$allowed_o;
     return /*#__PURE__*/_react.default.createElement(_styles4.TabOption, {
       key: type.value,
       onClick: function onClick() {
@@ -217,7 +236,7 @@ var PaymethodOptionStripeRedirect = function PaymethodOptionStripeRedirect(props
           value: type.value
         });
       }
-    }, (_ref3 = (_changesState$allowed = changesState === null || changesState === void 0 ? void 0 : changesState.allowed_order_types) !== null && _changesState$allowed !== void 0 ? _changesState$allowed : businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.allowed_order_types) !== null && _ref3 !== void 0 && _ref3.includes(type.value) ? /*#__PURE__*/_react.default.createElement(_RiCheckboxFill.default, {
+    }, (_ref3 = (_localState$allowed_o = localState === null || localState === void 0 ? void 0 : localState.allowed_order_types) !== null && _localState$allowed_o !== void 0 ? _localState$allowed_o : businessPaymethod === null || businessPaymethod === void 0 ? void 0 : businessPaymethod.allowed_order_types) !== null && _ref3 !== void 0 && _ref3.includes(type.value) ? /*#__PURE__*/_react.default.createElement(_RiCheckboxFill.default, {
       className: "fill"
     }) : /*#__PURE__*/_react.default.createElement(_RiCheckboxBlankLine.default, null), /*#__PURE__*/_react.default.createElement(_styles4.TabOptionName, null, type.text));
   }), /*#__PURE__*/_react.default.createElement(_styles.Button, {

package/_modules/components/Users/CustomerDetails/index.js

@@ -30,7 +30,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var CustomerDetailsUI = function CustomerDetailsUI(props) {
-  var _userState$user, _userState$user2, _userState$user3, _userState$user4, _userState$user6, _userState$user7, _userState$user8, _userState$user9, _userState$user10, _userState$user11;
+  var _userState$user, _userState$user2, _userState$user3, _userState$user4, _userState$user5, _userState$user6, _userState$user7, _userState$user8, _userState$user9, _userState$user10;
   var userState = props.userState,
     handleDeleteUser = props.handleDeleteUser,
     handleParentSidebarMove = props.handleParentSidebarMove,
@@ -115,13 +115,11 @@ var CustomerDetailsUI = function CustomerDetailsUI(props) {
   }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, handleChangeActiveUser && /*#__PURE__*/_react.default.createElement(_styles.Switch, {
     defaultChecked: (userState === null || userState === void 0 ? void 0 : (_userState$user4 = userState.user) === null || _userState$user4 === void 0 ? void 0 : _userState$user4.enabled) || false,
     onChange: function onChange(enabled) {
-      var _userState$user5;
-      return handleChangeActiveUser({
-        id: userState === null || userState === void 0 ? void 0 : (_userState$user5 = userState.user) === null || _userState$user5 === void 0 ? void 0 : _userState$user5.id,
+      return handleChangeActiveUser(_objectSpread(_objectSpread({}, userState === null || userState === void 0 ? void 0 : userState.user), {}, {
         enabled: enabled
-      });
+      }));
     }
-  }))), !!((_userState$user6 = userState.user) !== null && _userState$user6 !== void 0 && _userState$user6.phone_verified) && /*#__PURE__*/_react.default.createElement(_styles2.VerifiedItem, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Phone, null), t('VERIFIED', 'Verified')), !!((_userState$user7 = userState.user) !== null && _userState$user7 !== void 0 && _userState$user7.email_verified) && /*#__PURE__*/_react.default.createElement(_styles2.VerifiedItem, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Envelope, null), t('VERIFIED', 'Verified'))), /*#__PURE__*/_react.default.createElement(_styles2.ActionSelectorWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.DropdownButton, {
+  }))), !!((_userState$user5 = userState.user) !== null && _userState$user5 !== void 0 && _userState$user5.phone_verified) && /*#__PURE__*/_react.default.createElement(_styles2.VerifiedItem, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Phone, null), t('VERIFIED', 'Verified')), !!((_userState$user6 = userState.user) !== null && _userState$user6 !== void 0 && _userState$user6.email_verified) && /*#__PURE__*/_react.default.createElement(_styles2.VerifiedItem, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Envelope, null), t('VERIFIED', 'Verified'))), /*#__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'
@@ -129,8 +127,8 @@ var CustomerDetailsUI = function CustomerDetailsUI(props) {
     onClick: function onClick() {
       return onDeleteCustomer();
     }
-  }, t('DELETE', 'Delete'))))), /*#__PURE__*/_react.default.createElement(_styles2.PhotoWrapper, null, userState.loading ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, null) : (_userState$user8 = userState.user) !== null && _userState$user8 !== void 0 && _userState$user8.photo ? /*#__PURE__*/_react.default.createElement("img", {
-    src: optimizeImage((_userState$user9 = userState.user) === null || _userState$user9 === void 0 ? void 0 : _userState$user9.photo, 'w_220,c_limit'),
+  }, t('DELETE', 'Delete'))))), /*#__PURE__*/_react.default.createElement(_styles2.PhotoWrapper, null, userState.loading ? /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, null) : (_userState$user7 = userState.user) !== null && _userState$user7 !== void 0 && _userState$user7.photo ? /*#__PURE__*/_react.default.createElement("img", {
+    src: optimizeImage((_userState$user8 = userState.user) === null || _userState$user8 === void 0 ? void 0 : _userState$user8.photo, 'w_220,c_limit'),
     alt: ""
   }) : /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.PersonFill, null)), /*#__PURE__*/_react.default.createElement(_styles2.MenusContainer, {
     isLoading: userState.loading
@@ -176,9 +174,9 @@ var CustomerDetailsUI = function CustomerDetailsUI(props) {
       return setMenuMoveDistance(isOpen ? 500 : 0);
     }
   })), showOption === 'cash_wallet' && /*#__PURE__*/_react.default.createElement(_CustomerCashWallet.CustomerCashWallet, {
-    userId: (_userState$user10 = userState.user) === null || _userState$user10 === void 0 ? void 0 : _userState$user10.id
+    userId: (_userState$user9 = userState.user) === null || _userState$user9 === void 0 ? void 0 : _userState$user9.id
   }), showOption === 'points_wallet' && /*#__PURE__*/_react.default.createElement(_CustomerPointsWallet.CustomerPointsWallet, {
-    userId: (_userState$user11 = userState.user) === null || _userState$user11 === void 0 ? void 0 : _userState$user11.id,
+    userId: (_userState$user10 = userState.user) === null || _userState$user10 === void 0 ? void 0 : _userState$user10.id,
     user: userState.user
   })));
 };

package/_modules/components/Users/CustomersListing/index.js

@@ -50,7 +50,8 @@ var CustomersListingUI = function CustomersListingUI(props) {
     onUserRedirect = props.onUserRedirect,
     handleSuccessUpdate = props.handleSuccessUpdate,
     handleSuccessAddUser = props.handleSuccessAddUser,
-    handleSuccessDeleteUser = props.handleSuccessDeleteUser;
+    handleSuccessDeleteUser = props.handleSuccessDeleteUser,
+    setSelectedUsers = props.setSelectedUsers;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
@@ -145,7 +146,8 @@ var CustomersListingUI = function CustomersListingUI(props) {
     handleSelectedUsers: handleSelectedUsers,
     userDetailsId: (openUser === null || openUser === void 0 ? void 0 : openUser.id) || queryId,
     handleOpenUserDetails: handleOpenUserDetails,
-    handleOpenUserAddForm: handleOpenUserAddForm
+    handleOpenUserAddForm: handleOpenUserAddForm,
+    setSelectedUsers: setSelectedUsers
   })), isOpenUserDetails && /*#__PURE__*/_react.default.createElement(_Shared.SideBar, {
     sidebarId: "customer_details",
     open: isOpenUserDetails,

package/_modules/components/Users/OccupationSelector/index.js

@@ -0,0 +1,48 @@
+"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.OccupationSelector = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
+var _Select = require("../../../styles/Select");
+var _styles = require("./styles");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var OccupationSelector = function OccupationSelector(props) {
+  var occupationId = props.occupationId,
+    occupations = props.occupations,
+    handleChangeOccupation = props.handleChangeOccupation;
+  var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
+    _useLanguage2 = _slicedToArray(_useLanguage, 2),
+    t = _useLanguage2[1];
+  var _useState = (0, _react.useState)([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    options = _useState2[0],
+    setOptions = _useState2[1];
+  (0, _react.useEffect)(function () {
+    if (!occupations.length) return;
+    var _occupationList = occupations.map(function (occupation) {
+      return {
+        value: occupation.id,
+        content: /*#__PURE__*/_react.default.createElement(_styles.Option, null, occupation.name)
+      };
+    });
+    setOptions(_occupationList);
+  }, [occupations]);
+  return /*#__PURE__*/_react.default.createElement(_styles.SelectWrapper, null, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+    placeholder: /*#__PURE__*/_react.default.createElement(_styles.Option, null, t('SELECT_OCCUPATION', 'Select occupation')),
+    defaultValue: occupationId,
+    options: options,
+    onChange: handleChangeOccupation
+  }));
+};
+exports.OccupationSelector = OccupationSelector;