ordering-ui-admin-external 1.3.2 → 1.3.4

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

@@ -116,10 +116,6 @@ var BusinessPaymentMethodsUI = function BusinessPaymentMethodsUI(props) {
       _useConfig2 = _slicedToArray(_useConfig, 1),
       configs = _useConfig2[0].configs;
 
-  var _useSession = (0, _orderingComponentsAdminExternal.useSession)(),
-      _useSession2 = _slicedToArray(_useSession, 1),
-      user = _useSession2[0].user;
-
   var _useWindowSize = (0, _useWindowSize2.useWindowSize)(),
       width = _useWindowSize.width;
 
@@ -156,13 +152,6 @@ var BusinessPaymentMethodsUI = function BusinessPaymentMethodsUI(props) {
       isOpenWalletDetails = _useState12[0],
       setIsOpenWalletDetails = _useState12[1];
 
-  var featureName = 'payments_advanced';
-
-  var _useState13 = (0, _react.useState)(false),
-      _useState14 = _slicedToArray(_useState13, 2),
-      isDisabledFeature = _useState14[0],
-      setIsDisabledFeature = _useState14[1];
-
   var isWalletCashEnabled = (configs === null || configs === void 0 ? void 0 : (_configs$wallet_enabl = configs.wallet_enabled) === null || _configs$wallet_enabl === void 0 ? void 0 : _configs$wallet_enabl.value) === '1';
   var orderTypes = [{
     value: 1,
@@ -261,16 +250,6 @@ var BusinessPaymentMethodsUI = function BusinessPaymentMethodsUI(props) {
     });
     setSelectedBusinessPaymethod(updatedPaymethod);
   }, [businessPaymethodsState === null || businessPaymethodsState === void 0 ? void 0 : businessPaymethodsState.paymethods, selectedBusinessPaymethod]);
-  (0, _react.useEffect)(function () {
-    if (configs && Object.keys(configs).length > 0 && user) {
-      if (!Object.keys(configs).includes(featureName) && (user === null || user === void 0 ? void 0 : user.level) === 0) {
-        setIsDisabledFeature(true);
-        return;
-      }
-
-      setIsDisabledFeature(false);
-    }
-  }, [configs]);
   return /*#__PURE__*/_react.default.createElement(_styles2.MainContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.PaymentMethodsContainer, {
     isOpenWalletDetails: isOpenWalletDetails
   }, /*#__PURE__*/_react.default.createElement("h1", null, t('PAYMETHODS', 'Payment methods')), /*#__PURE__*/_react.default.createElement(_styles2.SearchBarWrapper, null, /*#__PURE__*/_react.default.createElement(_Shared.SearchBar, {
@@ -350,8 +329,7 @@ var BusinessPaymentMethodsUI = function BusinessPaymentMethodsUI(props) {
     handleChangeSandbox: handleChangeSandbox,
     handleChangeInput: handleChangeInput,
     handleSaveClick: handleSaveClick,
-    handleDeletePaymethod: handleDeleteBusinessPaymethodOption,
-    isDisabledFeature: isDisabledFeature
+    handleDeletePaymethod: handleDeleteBusinessPaymethodOption
   }), selectedPaymethodGateway === 'apple_pay' && /*#__PURE__*/_react.default.createElement(_PaymentOptionMethods.PaymentOptionMethods, {
     sitesState: sitesState,
     open: isEdit,
@@ -369,8 +347,7 @@ var BusinessPaymentMethodsUI = function BusinessPaymentMethodsUI(props) {
     handleSaveClick: handleSaveClick,
     handleDeletePaymethod: handleDeleteBusinessPaymethodOption,
     id: selectedPaymethodGateway,
-    title: "Apple pay",
-    isDisabledFeature: isDisabledFeature
+    title: "Apple pay"
   }), selectedPaymethodGateway === 'google_pay' && /*#__PURE__*/_react.default.createElement(_PaymentOptionMethods.PaymentOptionMethods, {
     sitesState: sitesState,
     open: isEdit,
@@ -388,8 +365,7 @@ var BusinessPaymentMethodsUI = function BusinessPaymentMethodsUI(props) {
     handleSaveClick: handleSaveClick,
     handleDeletePaymethod: handleDeleteBusinessPaymethodOption,
     id: selectedPaymethodGateway,
-    title: "Google pay",
-    isDisabledFeature: isDisabledFeature
+    title: "Google pay"
   }), selectedPaymethodGateway === 'stripe_direct' && /*#__PURE__*/_react.default.createElement(_PaymentOptionStripeDirect.PaymentOptionStripeDirect, {
     sitesState: sitesState,
     open: isEdit,
@@ -405,8 +381,7 @@ var BusinessPaymentMethodsUI = function BusinessPaymentMethodsUI(props) {
     handleChangeSandbox: handleChangeSandbox,
     handleChangeInput: handleChangeInput,
     handleSaveClick: handleSaveClick,
-    handleDeletePaymethod: handleDeleteBusinessPaymethodOption,
-    isDisabledFeature: isDisabledFeature
+    handleDeletePaymethod: handleDeleteBusinessPaymethodOption
   }), selectedPaymethodGateway === 'paypal' && /*#__PURE__*/_react.default.createElement(_PaymentOptionPaypal.PaymentOptionPaypal, {
     open: isEdit,
     sitesState: sitesState,
@@ -422,8 +397,7 @@ var BusinessPaymentMethodsUI = function BusinessPaymentMethodsUI(props) {
     handleChangeSandbox: handleChangeSandbox,
     handleChangeInput: handleChangeInput,
     handleSaveClick: handleSaveClick,
-    handleDeletePaymethod: handleDeleteBusinessPaymethodOption,
-    isDisabledFeature: isDisabledFeature
+    handleDeletePaymethod: handleDeleteBusinessPaymethodOption
   }), selectedPaymethodGateway === 'paypal_express' && /*#__PURE__*/_react.default.createElement(_PaymethodOptionPaypalExpress.PaymethodOptionPaypalExpress, {
     open: isEdit,
     sitesState: sitesState,
@@ -439,8 +413,7 @@ var BusinessPaymentMethodsUI = function BusinessPaymentMethodsUI(props) {
     handleChangeSandbox: handleChangeSandbox,
     handleChangeInput: handleChangeInput,
     handleSaveClick: handleSaveClick,
-    handleDeletePaymethod: handleDeleteBusinessPaymethodOption,
-    isDisabledFeature: isDisabledFeature
+    handleDeletePaymethod: handleDeleteBusinessPaymethodOption
   }), selectedPaymethodGateway === 'stripe_redirect' && /*#__PURE__*/_react.default.createElement(_PaymethodOptionStripeRedirect.PaymethodOptionStripeRedirect, {
     open: isEdit,
     sitesState: sitesState,
@@ -456,8 +429,7 @@ var BusinessPaymentMethodsUI = function BusinessPaymentMethodsUI(props) {
     handleChangeSandbox: handleChangeSandbox,
     handleChangeInput: handleChangeInput,
     handleSaveClick: handleSaveClick,
-    handleDeletePaymethod: handleDeleteBusinessPaymethodOption,
-    isDisabledFeature: isDisabledFeature
+    handleDeletePaymethod: handleDeleteBusinessPaymethodOption
   }), selectedPaymethodGateway === 'stripe_connect' && /*#__PURE__*/_react.default.createElement(_PaymethodOptionStripeConnect.PaymethodOptionStripeConnect, {
     open: isEdit,
     sitesState: sitesState,
@@ -473,8 +445,7 @@ var BusinessPaymentMethodsUI = function BusinessPaymentMethodsUI(props) {
     handleStripeConnect: handleStripeConnect,
     handleChangeStripeInput: handleChangeStripeInput,
     handleStripeSave: handleStripeSave,
-    handleDeletePaymethod: handleDeleteBusinessPaymethodOption,
-    isDisabledFeature: isDisabledFeature
+    handleDeletePaymethod: handleDeleteBusinessPaymethodOption
   }), selectedPaymethodGateway === 'square' && /*#__PURE__*/_react.default.createElement(_PaymentOptionSquare.PaymentOptionSquare, {
     open: isEdit,
     sitesState: sitesState,
@@ -488,8 +459,7 @@ var BusinessPaymentMethodsUI = function BusinessPaymentMethodsUI(props) {
     handleDeletePaymethod: handleDeleteBusinessPaymethodOption,
     handleChangeBusinessPaymentState: handleChangeBusinessPaymentState,
     businessPaymethods: businessPaymethodsState === null || businessPaymethodsState === void 0 ? void 0 : businessPaymethodsState.paymethods,
-    handleSuccessPaymethodUpdate: handleSuccessPaymethodUpdate,
-    isDisabledFeature: isDisabledFeature
+    handleSuccessPaymethodUpdate: handleSuccessPaymethodUpdate
   }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isEdit && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Shared.Modal, {
     width: "80%",
     open: isEdit,
@@ -511,8 +481,7 @@ var BusinessPaymentMethodsUI = function BusinessPaymentMethodsUI(props) {
     handleChangeSandbox: handleChangeSandbox,
     handleChangeInput: handleChangeInput,
     handleSaveClick: handleSaveClick,
-    handleDeletePaymethod: handleDeleteBusinessPaymethodOption,
-    isDisabledFeature: isDisabledFeature
+    handleDeletePaymethod: handleDeleteBusinessPaymethodOption
   }), selectedPaymethodGateway === 'stripe_direct' && /*#__PURE__*/_react.default.createElement(_PaymentOptionStripeDirect.PaymentOptionStripeDirect, {
     sitesState: sitesState,
     open: isEdit,
@@ -528,8 +497,7 @@ var BusinessPaymentMethodsUI = function BusinessPaymentMethodsUI(props) {
     handleChangeSandbox: handleChangeSandbox,
     handleChangeInput: handleChangeInput,
     handleSaveClick: handleSaveClick,
-    handleDeletePaymethod: handleDeleteBusinessPaymethodOption,
-    isDisabledFeature: isDisabledFeature
+    handleDeletePaymethod: handleDeleteBusinessPaymethodOption
   }), selectedPaymethodGateway === 'paypal' && /*#__PURE__*/_react.default.createElement(_PaymentOptionPaypal.PaymentOptionPaypal, {
     open: isEdit,
     sitesState: sitesState,
@@ -545,8 +513,7 @@ var BusinessPaymentMethodsUI = function BusinessPaymentMethodsUI(props) {
     handleChangeSandbox: handleChangeSandbox,
     handleChangeInput: handleChangeInput,
     handleSaveClick: handleSaveClick,
-    handleDeletePaymethod: handleDeleteBusinessPaymethodOption,
-    isDisabledFeature: isDisabledFeature
+    handleDeletePaymethod: handleDeleteBusinessPaymethodOption
   }), selectedPaymethodGateway === 'paypal_express' && /*#__PURE__*/_react.default.createElement(_PaymethodOptionPaypalExpress.PaymethodOptionPaypalExpress, {
     open: isEdit,
     sitesState: sitesState,
@@ -562,8 +529,7 @@ var BusinessPaymentMethodsUI = function BusinessPaymentMethodsUI(props) {
     handleChangeSandbox: handleChangeSandbox,
     handleChangeInput: handleChangeInput,
     handleSaveClick: handleSaveClick,
-    handleDeletePaymethod: handleDeleteBusinessPaymethodOption,
-    isDisabledFeature: isDisabledFeature
+    handleDeletePaymethod: handleDeleteBusinessPaymethodOption
   }), selectedPaymethodGateway === 'stripe_redirect' && /*#__PURE__*/_react.default.createElement(_PaymethodOptionStripeRedirect.PaymethodOptionStripeRedirect, {
     open: isEdit,
     sitesState: sitesState,
@@ -579,8 +545,7 @@ var BusinessPaymentMethodsUI = function BusinessPaymentMethodsUI(props) {
     handleChangeSandbox: handleChangeSandbox,
     handleChangeInput: handleChangeInput,
     handleSaveClick: handleSaveClick,
-    handleDeletePaymethod: handleDeleteBusinessPaymethodOption,
-    isDisabledFeature: isDisabledFeature
+    handleDeletePaymethod: handleDeleteBusinessPaymethodOption
   }), selectedPaymethodGateway === 'stripe_connect' && /*#__PURE__*/_react.default.createElement(_PaymethodOptionStripeConnect.PaymethodOptionStripeConnect, {
     open: isEdit,
     sitesState: sitesState,
@@ -597,8 +562,7 @@ var BusinessPaymentMethodsUI = function BusinessPaymentMethodsUI(props) {
     handleStripeConnect: handleStripeConnect,
     handleChangeStripeInput: handleChangeStripeInput,
     handleStripeSave: handleStripeSave,
-    handleDeletePaymethod: handleDeleteBusinessPaymethodOption,
-    isDisabledFeature: isDisabledFeature
+    handleDeletePaymethod: handleDeleteBusinessPaymethodOption
   }), selectedPaymethodGateway === 'square' && /*#__PURE__*/_react.default.createElement(_PaymentOptionSquare.PaymentOptionSquare, {
     open: isEdit,
     sitesState: sitesState,
@@ -612,8 +576,7 @@ var BusinessPaymentMethodsUI = function BusinessPaymentMethodsUI(props) {
     handleDeletePaymethod: handleDeleteBusinessPaymethodOption,
     handleChangeBusinessPaymentState: handleChangeBusinessPaymentState,
     businessPaymethods: businessPaymethodsState === null || businessPaymethodsState === void 0 ? void 0 : businessPaymethodsState.paymethods,
-    handleSuccessPaymethodUpdate: handleSuccessPaymethodUpdate,
-    isDisabledFeature: isDisabledFeature
+    handleSuccessPaymethodUpdate: handleSuccessPaymethodUpdate
   })))), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {
     title: t('PAYMETHODS', 'Payment methods'),
     content: alertState.content,

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

@@ -106,8 +106,10 @@ var BusinessProductAddFormUI = function BusinessProductAddFormUI(props) {
   var typeList = [{
     value: 'item',
     content: /*#__PURE__*/_react.default.createElement(_styles2.Option, null, t('ITEM', 'Item'))
-  } // { value: 'service', content: <Option>{t('SERVICE', 'Service')}</Option> }
-  ];
+  }, {
+    value: 'service',
+    content: /*#__PURE__*/_react.default.createElement(_styles2.Option, null, t('SERVICE', 'Service'))
+  }];
   var durationList = [{
     value: 15,
     content: /*#__PURE__*/_react.default.createElement(_styles2.Option, null, "15 ", /*#__PURE__*/_react.default.createElement("span", null, t('MINUTES', 'minutes')))

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

@@ -89,7 +89,13 @@ var BusinessesListingHeader = function BusinessesListingHeader(props) {
     onClick: function onClick() {
       return handleOpenAddBusiness();
     }
-  }, t('ADD_NEW_STORE', 'Add new store')), /*#__PURE__*/_react.default.createElement(_Shared.SearchBar, {
+  }, t('ADD_NEW_STORE', 'Add new store')), /*#__PURE__*/_react.default.createElement(_styles.Button, {
+    color: "lightPrimary",
+    borderRadius: "8px",
+    onClick: function onClick() {
+      return handleOpenSync();
+    }
+  }, t('SYNC', 'Sync')), /*#__PURE__*/_react.default.createElement(_Shared.SearchBar, {
     isCustomLayout: true,
     lazyLoad: true,
     onSearch: onSearch,

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

@@ -52,8 +52,7 @@ var ImportersList = function ImportersList(props) {
       handleDeleteImporter = props.handleDeleteImporter,
       selectedImporter = props.selectedImporter,
       setSelectedImporter = props.setSelectedImporter,
-      handleEditImporter = props.handleEditImporter,
-      isDisabledFeature = props.isDisabledFeature;
+      handleEditImporter = props.handleEditImporter;
 
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -69,9 +68,7 @@ var ImportersList = function ImportersList(props) {
     createImporterJob(importer);
   };
 
-  return /*#__PURE__*/_react.default.createElement(_styles2.ImportListContainer, {
-    isDisabledFeature: isDisabledFeature
-  }, /*#__PURE__*/_react.default.createElement(_styles2.ImportersTableWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.ImpotersTable, null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", null, t('NAME', 'Name')), /*#__PURE__*/_react.default.createElement("th", {
+  return /*#__PURE__*/_react.default.createElement(_styles2.ImportListContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.ImportersTableWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.ImpotersTable, null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", null, t('NAME', 'Name')), /*#__PURE__*/_react.default.createElement("th", {
     colSpan: "2"
   }, t('ACTION', 'Action')))), importerList.loading ? _toConsumableArray(Array(10).keys()).map(function (i) {
     return /*#__PURE__*/_react.default.createElement(_styles2.ImoportTbody, {

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

@@ -11,7 +11,7 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 var _polished = require("polished");
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -19,18 +19,15 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var ImportListContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var isDisabledFeature = _ref.isDisabledFeature;
-  return isDisabledFeature && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    cursor: not-allowed;\n    opacity: 0.5;\n    > div {\n      pointer-events: none;\n    }\n  "])));
-});
+var ImportListContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));
 
 exports.ImportListContainer = ImportListContainer;
 
-var ImportersTableWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n"])));
+var ImportersTableWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n"])));
 
 exports.ImportersTableWrapper = ImportersTableWrapper;
 
-var ImpotersTable = _styledComponents.default.table(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100%;\n  color: ", ";\n\n  td, th {\n    padding: 10px 0;\n    font-size: 14px;\n    &:first-child {\n      width: 50%;\n    }\n  }\n\n  thead {\n    border-bottom: solid 1px ", ";\n  }\n"])), function (props) {
+var ImpotersTable = _styledComponents.default.table(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 100%;\n  color: ", ";\n\n  td, th {\n    padding: 10px 0;\n    font-size: 14px;\n    &:first-child {\n      width: 50%;\n    }\n  }\n\n  thead {\n    border-bottom: solid 1px ", ";\n  }\n"])), function (props) {
   var _props$theme$colors;
 
   return (_props$theme$colors = props.theme.colors) === null || _props$theme$colors === void 0 ? void 0 : _props$theme$colors.headingColor;
@@ -40,15 +37,15 @@ var ImpotersTable = _styledComponents.default.table(_templateObject4 || (_templa
 
 exports.ImpotersTable = ImpotersTable;
 
-var ImoportTbody = _styledComponents.default.tbody(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  tr {\n    td {\n      padding-right: 10px;\n      .importer-name {\n        display: flex;\n        width: 100%;\n        border-right: 1px solid ", ";\n      }\n    }\n  }\n  cursor: pointer;\n  border-bottom: 1px solid ", ";\n  &:hover {\n    background-color: ", ";\n  }\n  ", "\n"])), function (props) {
+var ImoportTbody = _styledComponents.default.tbody(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  tr {\n    td {\n      padding-right: 10px;\n      .importer-name {\n        display: flex;\n        width: 100%;\n        border-right: 1px solid ", ";\n      }\n    }\n  }\n  cursor: pointer;\n  border-bottom: 1px solid ", ";\n  &:hover {\n    background-color: ", ";\n  }\n  ", "\n"])), function (props) {
   return props.theme.colors.borderColor;
 }, function (props) {
   return props.theme.colors.borderColor;
 }, function (props) {
   return props.theme.colors.lightPrimary;
-}, function (_ref2) {
-  var active = _ref2.active;
-  return active && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    background-color: ", ";\n    td {\n      border-top: 1px solid ", ";\n      border-bottom: 1px solid ", ";\n    }\n  "])), function (props) {
+}, function (_ref) {
+  var active = _ref.active;
+  return active && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    background-color: ", ";\n    td {\n      border-top: 1px solid ", ";\n      border-bottom: 1px solid ", ";\n    }\n  "])), function (props) {
     return props.theme.colors.lightPrimary;
   }, function (props) {
     return props.theme.colors.primary;
@@ -59,34 +56,34 @@ var ImoportTbody = _styledComponents.default.tbody(_templateObject5 || (_templat
 
 exports.ImoportTbody = ImoportTbody;
 
-var UserEnableWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  width: fit-content;\n\n  span {\n    font-size: 14px;\n\n    ", "\n  }\n"])), function (props) {
+var UserEnableWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  width: fit-content;\n\n  span {\n    font-size: 14px;\n\n    ", "\n  }\n"])), function (props) {
   var _props$theme;
 
-  return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      padding-left: 10px;\n    "]))) : (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      padding-right: 10px;\n    "])));
+  return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      padding-left: 10px;\n    "]))) : (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      padding-right: 10px;\n    "])));
 });
 
 exports.UserEnableWrapper = UserEnableWrapper;
 
-var WrapperUserActionSelector = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-end;\n  button {\n    background: transparent !important;\n    border: none;\n    padding: 0px;\n    &:active,\n    &:focus {\n      border-color: unset !important;\n      box-shadow: none !important;\n    }\n    svg {\n      color: ", ";\n    }\n    &:after {\n      display: none;\n    }\n  }\n  .show {\n    button {\n      background: #F8F9FA !important;\n      border-color: unset !important;\n      box-shadow: none !important;\n    }\n    >div {\n      border: 1px solid #E9ECEF;\n      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n    }\n  }\n  > div {\n    border-radius: 8px;\n    ", "\n    > div {\n      a:last-child {\n        color: #E63757;\n      }\n    }\n    .dropdown-item {\n      font-size: 14px;\n    }\n  }\n"])), function (props) {
+var WrapperUserActionSelector = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-end;\n  button {\n    background: transparent !important;\n    border: none;\n    padding: 0px;\n    &:active,\n    &:focus {\n      border-color: unset !important;\n      box-shadow: none !important;\n    }\n    svg {\n      color: ", ";\n    }\n    &:after {\n      display: none;\n    }\n  }\n  .show {\n    button {\n      background: #F8F9FA !important;\n      border-color: unset !important;\n      box-shadow: none !important;\n    }\n    >div {\n      border: 1px solid #E9ECEF;\n      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n    }\n  }\n  > div {\n    border-radius: 8px;\n    ", "\n    > div {\n      a:last-child {\n        color: #E63757;\n      }\n    }\n    .dropdown-item {\n      font-size: 14px;\n    }\n  }\n"])), function (props) {
   return props.theme.colors.headingColor;
 }, function (props) {
   var _props$theme2;
 
-  return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      margin-left: 5px;\n    "]))) : (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      margin-right: 5px;\n    "])));
+  return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      margin-left: 5px;\n    "]))) : (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      margin-right: 5px;\n    "])));
 });
 
 exports.WrapperUserActionSelector = WrapperUserActionSelector;
 
-var ImportersBottomContainer = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n\n"])));
+var ImportersBottomContainer = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n\n"])));
 
 exports.ImportersBottomContainer = ImportersBottomContainer;
 
-var AddNewImporterButton = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  display: inline-flex;\n  width: fit-content;\n  cursor: pointer;\n  color: rgb(144, 155, 169);\n  font-size: 14px;\n  margin-top: 20px;\n  &:hover {\n    color: ", ";\n  }\n"])), function (props) {
+var AddNewImporterButton = _styledComponents.default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: inline-flex;\n  width: fit-content;\n  cursor: pointer;\n  color: rgb(144, 155, 169);\n  font-size: 14px;\n  margin-top: 20px;\n  &:hover {\n    color: ", ";\n  }\n"])), function (props) {
   return (0, _polished.darken)(0.05, props.theme.colors.primary);
 });
 
 exports.AddNewImporterButton = AddNewImporterButton;
 
-var NotFoundWrapper = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  position: relative;\n  #not-found-source {\n    height: auto;\n    h1 {\n      font-size: 18px;\n      margin-top: 25px;\n    }\n  }\n"])));
+var NotFoundWrapper = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  position: relative;\n  #not-found-source {\n    height: auto;\n    h1 {\n      font-size: 18px;\n      margin-top: 25px;\n    }\n  }\n"])));
 
 exports.NotFoundWrapper = NotFoundWrapper;

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

@@ -25,8 +25,6 @@ var _ImporterHelpContent = require("../ImporterHelpContent");
 
 var _Shared = require("../../Shared");
 
-var _DisabledFeatureAlert = require("../../DisabledFeatureAlert");
-
 var _styles2 = require("./styles");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -63,16 +61,6 @@ var ImportersListingUI = function ImportersListingUI(props) {
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
       t = _useLanguage2[1];
 
-  var _useConfig = (0, _orderingComponentsAdminExternal.useConfig)(),
-      _useConfig2 = _slicedToArray(_useConfig, 1),
-      configs = _useConfig2[0].configs;
-
-  var _useSession = (0, _orderingComponentsAdminExternal.useSession)(),
-      _useSession2 = _slicedToArray(_useSession, 1),
-      user = _useSession2[0].user;
-
-  var featureName = 'massive_importer';
-
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
       openNewImporter = _useState2[0],
@@ -108,11 +96,6 @@ var ImportersListingUI = function ImportersListingUI(props) {
       openMappingDetails = _useState14[0],
       setOpenMappingDetails = _useState14[1];
 
-  var _useState15 = (0, _react.useState)(false),
-      _useState16 = _slicedToArray(_useState15, 2),
-      isDisabledFeature = _useState16[0],
-      setIsDisabledFeature = _useState16[1];
-
   var addNewImporter = function addNewImporter() {
     setSelectedImporter({});
     setOpenImportCsv(false);
@@ -137,26 +120,17 @@ var ImportersListingUI = function ImportersListingUI(props) {
   (0, _react.useEffect)(function () {
     setExtraOpen && setExtraOpen(openNewImporter);
   }, [openNewImporter]);
-  (0, _react.useEffect)(function () {
-    if (configs && Object.keys(configs).length > 0 && user) {
-      if (!Object.keys(configs).includes(featureName) && (user === null || user === void 0 ? void 0 : user.level) === 0) {
-        setIsDisabledFeature(true);
-      }
-    }
-  }, [configs]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.ImportersListingContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.Header, null, /*#__PURE__*/_react.default.createElement(_styles2.Title, null, /*#__PURE__*/_react.default.createElement(_styles2.TitleContent, null, t('IMPORTERS', 'Importers')), /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
     color: "primary",
     onClick: function onClick() {
       return setOpenImporterHelp(true);
-    },
-    disabled: isDisabledFeature
+    }
   }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.InfoCircle, null))), /*#__PURE__*/_react.default.createElement(_styles2.ActionButtons, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
     color: "lightPrimary",
     borderRadius: "5px",
     onClick: function onClick() {
       return addNewImporter();
-    },
-    disabled: isDisabledFeature
+    }
   }, t('ADD_IMPORTER', 'Add importer')))), /*#__PURE__*/_react.default.createElement(_ImportersList.ImportersList, {
     importerList: importerList,
     paginationDetail: paginationDetail,
@@ -165,9 +139,8 @@ var ImportersListingUI = function ImportersListingUI(props) {
     handleDeleteImporter: handleDeleteImporter,
     selectedImporter: selectedImporter,
     setSelectedImporter: setSelectedImporter,
-    handleEditImporter: handleEditImporter,
-    isDisabledFeature: isDisabledFeature
-  }), isDisabledFeature && /*#__PURE__*/_react.default.createElement(_DisabledFeatureAlert.DisabledFeatureAlert, null), openNewImporter && /*#__PURE__*/_react.default.createElement(_Shared.SideBar, {
+    handleEditImporter: handleEditImporter
+  }), openNewImporter && /*#__PURE__*/_react.default.createElement(_Shared.SideBar, {
     isBorderShow: !openMappingDetails,
     open: openNewImporter,
     defaultSideBarWidth: openMappingDetails ? 1000 : 500,

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

@@ -29,8 +29,6 @@ var _reactBootstrap = require("react-bootstrap");
 
 var _Shared = require("../../Shared");
 
-var _DisabledFeatureAlert = require("../../DisabledFeatureAlert");
-
 var _styles3 = require("./styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -78,8 +76,7 @@ var PaymentOption = function PaymentOption(props) {
       actionState = props.actionState,
       handleSaveClick = props.handleSaveClick,
       businessPaymethod = props.businessPaymethod,
-      handleDeletePaymethod = props.handleDeletePaymethod,
-      isDisabledFeature = props.isDisabledFeature;
+      handleDeletePaymethod = props.handleDeletePaymethod;
   var theme = (0, _styledComponents.useTheme)();
 
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
@@ -200,12 +197,11 @@ var PaymentOption = function PaymentOption(props) {
     return /*#__PURE__*/_react.default.createElement(_styles3.TabOption, {
       key: site.id,
       onClick: function onClick() {
-        return !isDisabledFeature && setPaymethodInfo({
+        return setPaymethodInfo({
           key: 'sites',
           value: site.id
         });
-      },
-      isDisabledFeature: isDisabledFeature
+      }
     }, (_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) {
       return s.id;
     })) !== null && _ref2 !== void 0 && _ref2.includes(site.id) ? /*#__PURE__*/_react.default.createElement(_RiCheckboxFill.default, {
@@ -217,23 +213,22 @@ var PaymentOption = function PaymentOption(props) {
     return /*#__PURE__*/_react.default.createElement(_styles3.TabOption, {
       key: type.value,
       onClick: function onClick() {
-        return !isDisabledFeature && setPaymethodInfo({
+        return setPaymethodInfo({
           key: 'allowed_order_types',
           value: type.value
         });
-      },
-      isDisabledFeature: isDisabledFeature
+      }
     }, (_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, {
       className: "fill"
     }) : /*#__PURE__*/_react.default.createElement(_RiCheckboxBlankLine.default, null), /*#__PURE__*/_react.default.createElement(_styles3.TabOptionName, null, type.text));
   }), /*#__PURE__*/_react.default.createElement(_styles.Button, {
     borderRadius: "5px",
     color: "primary",
-    disabled: isDisabledFeature || actionState.loading || Object.keys(changesState).length === 0,
+    disabled: actionState.loading || Object.keys(changesState).length === 0,
     onClick: function onClick() {
       return handleSaveClick(businessPaymethod.id);
     }
-  }, actionState.loading ? t('LOADING', 'Loading') : t('SAVE', 'Save'))), isDisabledFeature && /*#__PURE__*/_react.default.createElement(_DisabledFeatureAlert.DisabledFeatureAlert, null), /*#__PURE__*/_react.default.createElement(_Shared.Confirm, {
+  }, actionState.loading ? t('LOADING', 'Loading') : t('SAVE', 'Save'))), /*#__PURE__*/_react.default.createElement(_Shared.Confirm, {
     width: "700px",
     title: t('WEB_APPNAME', 'Ordering'),
     content: confirm.content,

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

@@ -27,8 +27,6 @@ var _reactBootstrap = require("react-bootstrap");
 
 var _Shared = require("../../Shared");
 
-var _DisabledFeatureAlert = require("../../DisabledFeatureAlert");
-
 var _styles2 = require("./styles");
 
 var _styles3 = require("../BusinessMenu/styles");
@@ -82,8 +80,7 @@ var PaymentOptionMethods = function PaymentOptionMethods(props) {
       businessPaymethod = props.businessPaymethod,
       handleDeletePaymethod = props.handleDeletePaymethod,
       id = props.id,
-      title = props.title,
-      isDisabledFeature = props.isDisabledFeature;
+      title = props.title;
   var theme = (0, _styledComponents.useTheme)();
 
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
@@ -247,9 +244,8 @@ var PaymentOptionMethods = function PaymentOptionMethods(props) {
 
     return /*#__PURE__*/_react.default.createElement(_styles2.TabOption, {
       key: site.id,
-      isDisabledFeature: isDisabledFeature,
       onClick: function onClick() {
-        return !isDisabledFeature && setPaymethodInfo({
+        return setPaymethodInfo({
           key: 'sites',
           value: site.id
         });
@@ -264,9 +260,8 @@ var PaymentOptionMethods = function PaymentOptionMethods(props) {
 
     return /*#__PURE__*/_react.default.createElement(_styles2.TabOption, {
       key: type.value,
-      isDisabledFeature: isDisabledFeature,
       onClick: function onClick() {
-        return !isDisabledFeature && setPaymethodInfo({
+        return setPaymethodInfo({
           key: 'allowed_order_types',
           value: type.value
         });
@@ -281,7 +276,7 @@ var PaymentOptionMethods = function PaymentOptionMethods(props) {
     onClick: function onClick() {
       return handleSaveClick(businessPaymethod.id);
     }
-  }, actionState.loading ? t('LOADING', 'Loading') : t('SAVE', 'Save'))), isDisabledFeature && (paymentTabs === 1 || paymentTabs === 2) && /*#__PURE__*/_react.default.createElement(_DisabledFeatureAlert.DisabledFeatureAlert, null), /*#__PURE__*/_react.default.createElement(_Shared.Confirm, {
+  }, actionState.loading ? t('LOADING', 'Loading') : t('SAVE', 'Save'))), /*#__PURE__*/_react.default.createElement(_Shared.Confirm, {
     width: "700px",
     title: t('WEB_APPNAME', 'Ordering'),
     content: confirm.content,

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

@@ -27,8 +27,6 @@ var _reactBootstrap = require("react-bootstrap");
 
 var _Shared = require("../../Shared");
 
-var _DisabledFeatureAlert = require("../../DisabledFeatureAlert");
-
 var _styles2 = require("./styles");
 
 var _styles3 = require("../BusinessMenu/styles");
@@ -82,8 +80,7 @@ var PaymentOptionPaypal = function PaymentOptionPaypal(props) {
       handleSaveClick = props.handleSaveClick,
       businessPaymethod = props.businessPaymethod,
       handleChangeBusinessPaymentState = props.handleChangeBusinessPaymentState,
-      handleDeletePaymethod = props.handleDeletePaymethod,
-      isDisabledFeature = props.isDisabledFeature;
+      handleDeletePaymethod = props.handleDeletePaymethod;
   var theme = (0, _styledComponents.useTheme)();
 
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
@@ -247,9 +244,8 @@ var PaymentOptionPaypal = function PaymentOptionPaypal(props) {
 
     return /*#__PURE__*/_react.default.createElement(_styles4.TabOption, {
       key: site.id,
-      isDisabledFeature: isDisabledFeature,
       onClick: function onClick() {
-        return !isDisabledFeature && setPaymethodInfo({
+        return setPaymethodInfo({
           key: 'sites',
           value: site.id
         });
@@ -264,9 +260,8 @@ var PaymentOptionPaypal = function PaymentOptionPaypal(props) {
 
     return /*#__PURE__*/_react.default.createElement(_styles4.TabOption, {
       key: type.value,
-      isDisabledFeature: isDisabledFeature,
       onClick: function onClick() {
-        return !isDisabledFeature && setPaymethodInfo({
+        return setPaymethodInfo({
           key: 'allowed_order_types',
           value: type.value
         });
@@ -281,7 +276,7 @@ var PaymentOptionPaypal = function PaymentOptionPaypal(props) {
     onClick: function onClick() {
       return handleSaveClick(businessPaymethod.id);
     }
-  }, actionState.loading ? t('LOADING', 'Loading') : t('SAVE', 'Save'))), isDisabledFeature && (paymentTabs === 1 || paymentTabs === 2) && /*#__PURE__*/_react.default.createElement(_DisabledFeatureAlert.DisabledFeatureAlert, null), /*#__PURE__*/_react.default.createElement(_Shared.Confirm, {
+  }, actionState.loading ? t('LOADING', 'Loading') : t('SAVE', 'Save'))), /*#__PURE__*/_react.default.createElement(_Shared.Confirm, {
     width: "700px",
     title: t('WEB_APPNAME', 'Ordering'),
     content: confirm.content,

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

@@ -33,8 +33,6 @@ var _RiCheckboxFill = _interopRequireDefault(require("@meronex/icons/ri/RiCheckb
 
 var _SiSquare = _interopRequireDefault(require("@meronex/icons/si/SiSquare"));
 
-var _DisabledFeatureAlert = require("../../DisabledFeatureAlert");
-
 var _styles4 = require("./styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -86,8 +84,7 @@ var PaymentOptionSquareUI = function PaymentOptionSquareUI(props) {
       handleSavePaymethod = props.handleSavePaymethod,
       handleChangeDataInput = props.handleChangeDataInput,
       handleChangeSanboxDataInput = props.handleChangeSanboxDataInput,
-      handleChangeSandbox = props.handleChangeSandbox,
-      isDisabledFeature = props.isDisabledFeature;
+      handleChangeSandbox = props.handleChangeSandbox;
   var theme = (0, _styledComponents.useTheme)();
 
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
@@ -261,9 +258,8 @@ var PaymentOptionSquareUI = function PaymentOptionSquareUI(props) {
 
     return /*#__PURE__*/_react.default.createElement(_styles3.TabOption, {
       key: site.id,
-      isDisabledFeature: isDisabledFeature,
       onClick: function onClick() {
-        return !isDisabledFeature && setPaymethodInfo({
+        return setPaymethodInfo({
           key: 'sites',
           value: site.id
         });
@@ -278,9 +274,8 @@ var PaymentOptionSquareUI = function PaymentOptionSquareUI(props) {
 
     return /*#__PURE__*/_react.default.createElement(_styles3.TabOption, {
       key: type.value,
-      isDisabledFeature: isDisabledFeature,
       onClick: function onClick() {
-        return !isDisabledFeature && setPaymethodInfo({
+        return setPaymethodInfo({
           key: 'allowed_order_types',
           value: type.value
         });
@@ -324,7 +319,7 @@ var PaymentOptionSquareUI = function PaymentOptionSquareUI(props) {
       });
     },
     closeOnBackdrop: false
-  })), isDisabledFeature && (paymentTabs === 1 || paymentTabs === 2) && /*#__PURE__*/_react.default.createElement(_DisabledFeatureAlert.DisabledFeatureAlert, null));
+  })));
 };
 
 var PaymentOptionSquare = function PaymentOptionSquare(props) {