ordering-ui-admin-external 1.3.2 → 1.3.4

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

@@ -63,8 +63,6 @@ var _ReportsAverageSales = require("../ReportsAverageSales");
 
 var _ReportsGeneralSales = require("../ReportsGeneralSales");
 
-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); }
@@ -88,14 +86,6 @@ var Reports = function Reports(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 _useInfoShare = (0, _InfoShareContext.useInfoShare)(),
       _useInfoShare2 = _slicedToArray(_useInfoShare, 2),
       isCollapse = _useInfoShare2[0].isCollapse,
@@ -111,15 +101,9 @@ var Reports = function Reports(props) {
       selectedReport = _useState4[0],
       setSelectedReport = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      isDisabledFeature = _useState6[0],
-      setIsDisabledFeature = _useState6[1];
-
   var _useWindowSize = (0, _useWindowSize2.useWindowSize)(),
       width = _useWindowSize.width;
 
-  var featureName = 'advanced_reports';
   var sidebarWidth = 240;
   var advancedReportsList = [{
     id: 1,
@@ -233,27 +217,19 @@ var Reports = function Reports(props) {
     setIsOpen(true);
   };
 
-  (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(_styles2.ReportsContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.HeaderTitleContainer, null, isCollapse && /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
     color: "black",
     onClick: function onClick() {
       return handleMenuCollapse(false);
     }
   }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.List, null)), /*#__PURE__*/_react.default.createElement("h1", null, t('ADVANCED_REPORTS', 'Advanced Reports'))), /*#__PURE__*/_react.default.createElement(_styles2.ReportsList, {
-    className: "row",
-    isDisabledFeature: isDisabledFeature
+    className: "row"
   }, advancedReportsList && advancedReportsList.map(function (report, i) {
     return /*#__PURE__*/_react.default.createElement("div", {
       key: i,
       className: "col-md-6 col-lg-4",
       onClick: function onClick() {
-        return !isDisabledFeature && handleOpenSlider(report.id);
+        return handleOpenSlider(report.id);
       }
     }, /*#__PURE__*/_react.default.createElement(_SettingItemUI.SettingItemUI, {
       title: report.name // description={t('DISTANCE_DESC')}
@@ -262,7 +238,7 @@ var Reports = function Reports(props) {
       icon: report.icon,
       active: selectedReport === report.id
     }));
-  })), isDisabledFeature && /*#__PURE__*/_react.default.createElement(_DisabledFeatureAlert.DisabledFeatureAlert, null), isOpen && /*#__PURE__*/_react.default.createElement(_Shared.SideBar, {
+  })), isOpen && /*#__PURE__*/_react.default.createElement(_Shared.SideBar, {
     sidebarId: "brand-details",
     defaultSideBarWidth: width - sidebarWidth,
     open: isOpen,

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

@@ -9,7 +9,7 @@ exports.ReportsList = exports.ReportsContainer = exports.HeaderTitleContainer =
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 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); }
 
@@ -31,13 +31,6 @@ var HeaderTitleContainer = _styledComponents.default.div(_templateObject2 || (_t
 
 exports.HeaderTitleContainer = HeaderTitleContainer;
 
-var ReportsList = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-top: 10px;\n  ", "\n"])), function (_ref) {
-  var isDisabledFeature = _ref.isDisabledFeature;
-  return isDisabledFeature && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    > div {\n      > div {\n        cursor: not-allowed;\n        background-color: ", ";\n        &:hover {\n          background-color: ", ";\n        }\n      }\n    }\n  "])), function (props) {
-    return props.theme.colors.disabled;
-  }, function (props) {
-    return props.theme.colors.disabled;
-  });
-});
+var ReportsList = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-top: 10px;\n"])));
 
 exports.ReportsList = ReportsList;

package/_modules/components/Loyalty/RewardsPrograms/index.js

@@ -25,8 +25,6 @@ var _PointsWallet = require("../PointsWallet");
 
 var _PointsWalletLevels = require("../PointsWalletLevels");
 
-var _DisabledFeatureAlert = require("../../DisabledFeatureAlert");
-
 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; }
@@ -56,40 +54,25 @@ var RewardsProgramsUI = function RewardsProgramsUI(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 _useInfoShare = (0, _InfoShareContext.useInfoShare)(),
       _useInfoShare2 = _slicedToArray(_useInfoShare, 2),
       isCollapse = _useInfoShare2[0].isCollapse,
       handleMenuCollapse = _useInfoShare2[1].handleMenuCollapse;
 
-  var _useState = (0, _react.useState)(false),
+  var _useState = (0, _react.useState)(null),
       _useState2 = _slicedToArray(_useState, 2),
-      isDisabledFeature = _useState2[0],
-      setIsDisabledFeature = _useState2[1];
+      showOption = _useState2[0],
+      setShowOption = _useState2[1];
 
-  var featureName = 'loyalty_levels_points';
-
-  var _useState3 = (0, _react.useState)(null),
+  var _useState3 = (0, _react.useState)(0),
       _useState4 = _slicedToArray(_useState3, 2),
-      showOption = _useState4[0],
-      setShowOption = _useState4[1];
+      moveDistance = _useState4[0],
+      setMoveDistance = _useState4[1];
 
   var _useState5 = (0, _react.useState)(0),
       _useState6 = _slicedToArray(_useState5, 2),
-      moveDistance = _useState6[0],
-      setMoveDistance = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(0),
-      _useState8 = _slicedToArray(_useState7, 2),
-      levelMoveDistance = _useState8[0],
-      setLevelMoveDistance = _useState8[1];
+      levelMoveDistance = _useState6[0],
+      setLevelMoveDistance = _useState6[1];
 
   var hanldeClosePointsWallet = function hanldeClosePointsWallet() {
     setMoveDistance(0);
@@ -101,29 +84,20 @@ var RewardsProgramsUI = function RewardsProgramsUI(props) {
     setShowOption(null);
   };
 
-  (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.Container, null, /*#__PURE__*/_react.default.createElement(_styles2.HeaderTitleContainer, null, isCollapse && /*#__PURE__*/_react.default.createElement(_styles.IconButton, {
     color: "black",
     onClick: function onClick() {
       return handleMenuCollapse(false);
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.List, null)), /*#__PURE__*/_react.default.createElement("h1", null, t('LOYALTY', 'Loyalty'))), /*#__PURE__*/_react.default.createElement(_styles2.LoyaltyListContainer, {
-    isDisabledFeature: isDisabledFeature
-  }, /*#__PURE__*/_react.default.createElement(_styles2.LoyaltyItemWrapper, {
+  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.List, null)), /*#__PURE__*/_react.default.createElement("h1", null, t('LOYALTY', 'Loyalty'))), /*#__PURE__*/_react.default.createElement(_styles2.LoyaltyListContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.LoyaltyItemWrapper, {
     onClick: function onClick() {
-      return !isDisabledFeature && setShowOption('points_wallet');
+      return setShowOption('points_wallet');
     }
   }, /*#__PURE__*/_react.default.createElement(_styles2.IconWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.Wallet, null)), /*#__PURE__*/_react.default.createElement(_styles2.LoyaltyItemContent, null, /*#__PURE__*/_react.default.createElement("h5", null, t('POINTS_WALLET', 'Points wallet')), /*#__PURE__*/_react.default.createElement("p", null, t('POINTS_WALLET_DESCRIPTION', 'Points wallet general and per business setup.')))), /*#__PURE__*/_react.default.createElement(_styles2.LoyaltyItemWrapper, {
     onClick: function onClick() {
-      return !isDisabledFeature && setShowOption('levels');
+      return setShowOption('levels');
     }
-  }, /*#__PURE__*/_react.default.createElement(_styles2.IconWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.BarChartSteps, null)), /*#__PURE__*/_react.default.createElement(_styles2.LoyaltyItemContent, null, /*#__PURE__*/_react.default.createElement("h5", null, t('LEVELS', 'Levels')), /*#__PURE__*/_react.default.createElement("p", null, t('LEVELS_DESCRIPTION', 'Setup different loyalty levels for your users.')))))), isDisabledFeature && /*#__PURE__*/_react.default.createElement(_DisabledFeatureAlert.DisabledFeatureAlert, null), showOption === 'points_wallet' && /*#__PURE__*/_react.default.createElement(_Shared.SideBar, {
+  }, /*#__PURE__*/_react.default.createElement(_styles2.IconWrapper, null, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.BarChartSteps, null)), /*#__PURE__*/_react.default.createElement(_styles2.LoyaltyItemContent, null, /*#__PURE__*/_react.default.createElement("h5", null, t('LEVELS', 'Levels')), /*#__PURE__*/_react.default.createElement("p", null, t('LEVELS_DESCRIPTION', 'Setup different loyalty levels for your users.')))))), showOption === 'points_wallet' && /*#__PURE__*/_react.default.createElement(_Shared.SideBar, {
     sidebarId: "loyaltyWallet",
     open: showOption === 'points_wallet',
     onClose: hanldeClosePointsWallet,

package/_modules/components/Loyalty/RewardsPrograms/styles.js

@@ -9,7 +9,7 @@ exports.LoyaltyListContainer = exports.LoyaltyItemWrapper = exports.LoyaltyItemC
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 
 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); }
 
@@ -31,24 +31,17 @@ var HeaderTitleContainer = _styledComponents.default.div(_templateObject2 || (_t
 
 exports.HeaderTitleContainer = HeaderTitleContainer;
 
-var LoyaltyListContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n\n  > div {\n    ", "\n  }\n"])), function (_ref) {
-  var isDisabledFeature = _ref.isDisabledFeature;
-  return isDisabledFeature && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      cursor: not-allowed;\n      background-color: ", ";\n      &:hover {\n        background-color: ", ";\n      }\n    "])), function (props) {
-    return props.theme.colors.disabled;
-  }, function (props) {
-    return props.theme.colors.disabled;
-  });
-});
+var LoyaltyListContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n"])));
 
 exports.LoyaltyListContainer = LoyaltyListContainer;
 
-var LoyaltyItemWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: calc(100% - 20px);\n  margin: 10px;\n  display: flex;\n  border-radius: 8px;\n  padding: 10px;\n  cursor: pointer;\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  @media (min-width: 576px) {\n    width: calc(50% - 20px);\n  }\n\n  @media (min-width: 992px) {\n    width: calc(33% - 20px);\n  }\n"])), function (props) {
+var LoyaltyItemWrapper = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: calc(100% - 20px);\n  margin: 10px;\n  display: flex;\n  border-radius: 8px;\n  padding: 10px;\n  cursor: pointer;\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  @media (min-width: 576px) {\n    width: calc(50% - 20px);\n  }\n\n  @media (min-width: 992px) {\n    width: calc(33% - 20px);\n  }\n"])), function (props) {
   return props.theme.colors.borderColor;
 });
 
 exports.LoyaltyItemWrapper = LoyaltyItemWrapper;
 
-var IconWrapper = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border-radius: 8px;\n  width: 64px;\n  height: 64px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  svg {\n    font-size: 24px;\n    color: ", ";\n  }\n"])), function (props) {
+var IconWrapper = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border-radius: 8px;\n  width: 64px;\n  height: 64px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  svg {\n    font-size: 24px;\n    color: ", ";\n  }\n"])), function (props) {
   return props.theme.colors.secundary;
 }, function (props) {
   return props.theme.colors.secundaryLight;
@@ -56,10 +49,10 @@ var IconWrapper = _styledComponents.default.div(_templateObject8 || (_templateOb
 
 exports.IconWrapper = IconWrapper;
 
-var LoyaltyItemContent = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  flex: 1;\n  ", "\n  h5 {\n    font-size: 14px;\n    font-weight: 500;\n    margin-bottom: 6px;\n  }\n  p {\n    color: ", ";\n    font-size: 12px;\n    margin: 0px;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    overflow: hidden;\n  }\n"])), function (props) {
+var LoyaltyItemContent = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  flex: 1;\n  ", "\n  h5 {\n    font-size: 14px;\n    font-weight: 500;\n    margin-bottom: 6px;\n  }\n  p {\n    color: ", ";\n    font-size: 12px;\n    margin: 0px;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    overflow: hidden;\n  }\n"])), function (props) {
   var _props$theme2;
 
-  return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    margin-right: 13px;\n  "]))) : (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    margin-left: 13px;\n  "])));
+  return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    margin-right: 13px;\n  "]))) : (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    margin-left: 13px;\n  "])));
 }, function (props) {
   return props.theme.colors.lightGray;
 });

package/_modules/components/Marketing/CampaignHeader/index.js

@@ -36,8 +36,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var CampaignHeader = function CampaignHeader(props) {
   var searchValue = props.searchValue,
       handleChangeSearch = props.handleChangeSearch,
-      handleOpenDetail = props.handleOpenDetail,
-      isDisabledFeature = props.isDisabledFeature;
+      handleOpenDetail = props.handleOpenDetail;
 
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -53,9 +52,7 @@ var CampaignHeader = function CampaignHeader(props) {
     onClick: function onClick() {
       return handleMenuCollapse(false);
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.List, null)), /*#__PURE__*/_react.default.createElement(_styles2.HeaderTitle, null, t('CAMPAIGN', 'Campaign'))), /*#__PURE__*/_react.default.createElement(_styles2.TopRightSection, {
-    isDisabledFeature: isDisabledFeature
-  }, /*#__PURE__*/_react.default.createElement(_styles2.WrapperSearch, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
+  }, /*#__PURE__*/_react.default.createElement(_reactBootstrapIcons.List, null)), /*#__PURE__*/_react.default.createElement(_styles2.HeaderTitle, null, t('CAMPAIGN', 'Campaign'))), /*#__PURE__*/_react.default.createElement(_styles2.TopRightSection, null, /*#__PURE__*/_react.default.createElement(_styles2.WrapperSearch, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
     borderRadius: "8px",
     color: "lightPrimary",
     onClick: function onClick() {

package/_modules/components/Marketing/CampaignHeader/styles.js

@@ -9,7 +9,7 @@ exports.WrapperSearch = exports.TopRightSection = exports.HeaderTitle = exports.
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 
 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); }
 
@@ -34,19 +34,16 @@ var HeaderTitle = _styledComponents.default.p(_templateObject4 || (_templateObje
 
 exports.HeaderTitle = HeaderTitle;
 
-var TopRightSection = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  justify-content: flex-end;\n  flex-direction: column;\n  \n  @media (min-width: 992px) {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  ", "\n"])), function (_ref2) {
-  var isDisabledFeature = _ref2.isDisabledFeature;
-  return isDisabledFeature && (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      cursor: not-allowed;\n      > div {\n        pointer-events: none;\n        opacity: 0.5;\n      }\n  "])));
-});
+var TopRightSection = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  justify-content: flex-end;\n  flex-direction: column;\n  \n  @media (min-width: 992px) {\n    flex-direction: row;\n    align-items: center;\n  }\n"])));
 
 exports.TopRightSection = TopRightSection;
 
-var WrapperSearch = _styledComponents.default.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-top: 10px;\n\n  input {\n    background: ", ";\n    border: none !important;\n  }\n\n  > button {\n    height: 41px;\n    ", "\n  }\n\n  @media (min-width: 760px) {\n    margin: 20px 0 10px 0;\n  }\n\n  @media (min-width: 992px) {\n    margin: 0px;\n  }\n"])), function (props) {
+var WrapperSearch = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-top: 10px;\n\n  input {\n    background: ", ";\n    border: none !important;\n  }\n\n  > button {\n    height: 41px;\n    ", "\n  }\n\n  @media (min-width: 760px) {\n    margin: 20px 0 10px 0;\n  }\n\n  @media (min-width: 992px) {\n    margin: 0px;\n  }\n"])), function (props) {
   return props.theme.colors.secundary;
 }, 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      margin-left: 8px;\n    "]))) : (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      margin-right: 8px;\n    "])));
+  return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      margin-left: 8px;\n    "]))) : (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      margin-right: 8px;\n    "])));
 });
 
 exports.WrapperSearch = WrapperSearch;

package/_modules/components/Marketing/CampaignList/index.js

@@ -60,8 +60,7 @@ var CampaignList = function CampaignList(props) {
       setPaginationProps = props.setPaginationProps,
       handleOpenDetail = props.handleOpenDetail,
       selectedCampaign = props.selectedCampaign,
-      handleUpdateCampaign = props.handleUpdateCampaign,
-      isDisabledFeature = props.isDisabledFeature;
+      handleUpdateCampaign = props.handleUpdateCampaign;
 
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
       _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -137,9 +136,7 @@ var CampaignList = function CampaignList(props) {
     handleOpenDetail(campaign);
   };
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.Container, {
-    isDisabledFeature: isDisabledFeature
-  }, /*#__PURE__*/_react.default.createElement(_styles2.Table, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.Container, null, /*#__PURE__*/_react.default.createElement(_styles2.Table, {
     isRelative: (campaignList === null || campaignList === void 0 ? void 0 : (_campaignList$campaig = campaignList.campaigns) === null || _campaignList$campaig === void 0 ? void 0 : _campaignList$campaig.length) > 5
   }, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, (allowColumns === null || allowColumns === void 0 ? void 0 : allowColumns.campaign) && /*#__PURE__*/_react.default.createElement("th", null, t('CAMPAIGN', 'Campaign')), (allowColumns === null || allowColumns === void 0 ? void 0 : allowColumns.contact_type) && /*#__PURE__*/_react.default.createElement("th", null, t('CONTACT_TYPE', 'Contact type')), (allowColumns === null || allowColumns === void 0 ? void 0 : allowColumns.audience) && /*#__PURE__*/_react.default.createElement("th", null, t('AUDIENCE', 'Audience')), /*#__PURE__*/_react.default.createElement("th", {
     className: "allow-colums action"
@@ -197,9 +194,8 @@ var CampaignList = function CampaignList(props) {
     })))));
   }))), !campaignList.loading && /*#__PURE__*/_react.default.createElement(_styles2.PagesBottomContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.AddNewPageButton, {
     onClick: function onClick() {
-      return !isDisabledFeature && handleOpenDetail({});
-    },
-    isDisabledFeature: isDisabledFeature
+      return handleOpenDetail({});
+    }
   }, t('ADD_NEW_CAMPAIGN', 'Add new campaign')), (campaignList === null || campaignList === void 0 ? void 0 : (_campaignList$campaig2 = campaignList.campaigns) === null || _campaignList$campaig2 === void 0 ? void 0 : _campaignList$campaig2.length) > 0 && /*#__PURE__*/_react.default.createElement(_Shared.Pagination, {
     currentPage: paginationProps === null || paginationProps === void 0 ? void 0 : paginationProps.currentPage,
     totalPages: paginationProps === null || paginationProps === void 0 ? void 0 : paginationProps.totalPages,

package/_modules/components/Marketing/CampaignList/styles.js

@@ -9,7 +9,7 @@ exports.Tbody = exports.Table = exports.SwitchWrapper = exports.StatusWrapper =
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
 
 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); }
 
@@ -17,7 +17,7 @@ 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 Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  max-height: calc(100vh - 410px);\n  overflow: auto;\n\n  ", "\n\n  @media (min-width: 768px) {\n    max-height: calc(100vh - 385px);\n  }\n\n  @media (min-width: 992px) {\n    max-height: calc(100vh - 305px);\n    ", "\n  }\n\n  @media (min-width: 1200px) {\n    max-height: calc(100vh - 273px);\n    ", "\n  }\n\n  ", "\n"])), function (_ref) {
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  max-height: calc(100vh - 410px);\n  overflow: auto;\n\n  ", "\n\n  @media (min-width: 768px) {\n    max-height: calc(100vh - 385px);\n  }\n\n  @media (min-width: 992px) {\n    max-height: calc(100vh - 305px);\n    ", "\n  }\n\n  @media (min-width: 1200px) {\n    max-height: calc(100vh - 273px);\n    ", "\n  }\n"])), function (_ref) {
   var noScroll = _ref.noScroll;
   return noScroll && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    overflow: hidden;\n  "])));
 }, function (_ref2) {
@@ -26,17 +26,14 @@ var Container = _styledComponents.default.div(_templateObject || (_templateObjec
 }, function (_ref3) {
   var isSelectedOrders = _ref3.isSelectedOrders;
   return isSelectedOrders && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      max-height: calc(100vh - 345px);\n    "])));
-}, function (_ref4) {
-  var isDisabledFeature = _ref4.isDisabledFeature;
-  return isDisabledFeature && (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    opacity: 0.5;\n    cursor: not-allowed;\n    > table {\n      pointer-events: none;\n    }\n  "])));
 });
 
 exports.Container = Container;
 
-var Table = _styledComponents.default.table(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: calc(100% - 10px);\n  min-width: 700px;\n\n  th,\n  td {\n    padding: 15px;\n    box-sizing: border-box;\n    font-size: 14px;\n\n    &:first-child {\n      padding-left: 0px;\n      padding-right: 0px;\n    }\n    &.action {\n      padding-left: 0px;\n      padding-right: 0px;\n    }\n  }\n\n  td {\n    &.right-border {\n      height: 0px;\n      > div {\n        padding: 5px 0px;\n        width: 100%;\n        height: 100%;\n        ", "\n      }\n    }\n  }\n\n  th {\n    padding-top: 0px;\n    font-weight: 700;\n    font-size: 12px;\n    padding: 5px 15px;\n    &.allow-colums {\n      width: 50px;\n    }\n  }\n\n  thead {\n    tr {\n      width: 100%;\n      border-bottom: solid 1px ", ";\n      th {\n        color: ", ";\n        white-space: nowrap;\n        z-index: 100;\n        background: ", ";\n      }\n    }\n  }\n\n  ", "\n\n  p {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    margin: 0px;\n    &.bold {\n      font-weight: 500;\n    }\n  }\n"])), function (props) {
+var Table = _styledComponents.default.table(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  width: calc(100% - 10px);\n  min-width: 700px;\n\n  th,\n  td {\n    padding: 15px;\n    box-sizing: border-box;\n    font-size: 14px;\n\n    &:first-child {\n      padding-left: 0px;\n      padding-right: 0px;\n    }\n    &.action {\n      padding-left: 0px;\n      padding-right: 0px;\n    }\n  }\n\n  td {\n    &.right-border {\n      height: 0px;\n      > div {\n        padding: 5px 0px;\n        width: 100%;\n        height: 100%;\n        ", "\n      }\n    }\n  }\n\n  th {\n    padding-top: 0px;\n    font-weight: 700;\n    font-size: 12px;\n    padding: 5px 15px;\n    &.allow-colums {\n      width: 50px;\n    }\n  }\n\n  thead {\n    tr {\n      width: 100%;\n      border-bottom: solid 1px ", ";\n      th {\n        color: ", ";\n        white-space: nowrap;\n        z-index: 100;\n        background: ", ";\n      }\n    }\n  }\n\n  ", "\n\n  p {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    margin: 0px;\n    &.bold {\n      font-weight: 500;\n    }\n  }\n"])), function (props) {
   var _props$theme;
 
-  return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n          border-left: 1px solid #E9ECEF;\n          padding-left: 15px;\n        "]))) : (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n          border-right: 1px solid #E9ECEF;\n          padding-right: 15px;\n        "])));
+  return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n          border-left: 1px solid #E9ECEF;\n          padding-left: 15px;\n        "]))) : (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n          border-right: 1px solid #E9ECEF;\n          padding-right: 15px;\n        "])));
 }, function (props) {
   return props.theme.colors.disabled;
 }, function (props) {
@@ -45,14 +42,14 @@ var Table = _styledComponents.default.table(_templateObject6 || (_templateObject
   return (_props$theme$colors = props.theme.colors) === null || _props$theme$colors === void 0 ? void 0 : _props$theme$colors.headingColor;
 }, function (props) {
   return props.theme.colors.backgroundPage;
-}, function (_ref5) {
-  var isRelative = _ref5.isRelative;
-  return isRelative && (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    thead {\n      tr {\n        th {\n          position: sticky;\n          top: 0px;\n        }\n      }\n    }\n  "])));
+}, function (_ref4) {
+  var isRelative = _ref4.isRelative;
+  return isRelative && (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    thead {\n      tr {\n        th {\n          position: sticky;\n          top: 0px;\n        }\n      }\n    }\n  "])));
 });
 
 exports.Table = Table;
 
-var Tbody = _styledComponents.default.tbody(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  border-bottom: 1px solid ", ";\n  cursor: pointer;\n\n  &:hover {\n    background: ", ";\n  }\n  &.active {\n    background-color: ", ";\n    td {\n      border-top: 1px solid ", " !important;\n      border-bottom: 1px solid ", " !important;\n\n      ", "\n    }\n  }\n"])), function (props) {
+var Tbody = _styledComponents.default.tbody(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  border-bottom: 1px solid ", ";\n  cursor: pointer;\n\n  &:hover {\n    background: ", ";\n  }\n  &.active {\n    background-color: ", ";\n    td {\n      border-top: 1px solid ", " !important;\n      border-bottom: 1px solid ", " !important;\n\n      ", "\n    }\n  }\n"])), function (props) {
   return props.theme.colors.borderColor;
 }, function (props) {
   return props.theme.colors.secundary;
@@ -62,22 +59,22 @@ var Tbody = _styledComponents.default.tbody(_templateObject10 || (_templateObjec
   return props.theme.colors.primary;
 }, function (props) {
   return props.theme.colors.primary;
-}, function (_ref6) {
-  var isCustomStyle = _ref6.isCustomStyle;
-  return isCustomStyle && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n        &:first-child {\n          ", "\n        }\n        &:last-child {\n          ", "\n        }\n      "])), function (props) {
+}, function (_ref5) {
+  var isCustomStyle = _ref5.isCustomStyle;
+  return isCustomStyle && (0, _styledComponents.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n        &:first-child {\n          ", "\n        }\n        &:last-child {\n          ", "\n        }\n      "])), function (props) {
     var _props$theme2;
 
-    return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n            border-right: 1px solid ", " !important;\n          "])), function (props) {
+    return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n            border-right: 1px solid ", " !important;\n          "])), function (props) {
       return props.theme.colors.primary;
-    }) : (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n            border-left: 1px solid ", " !important;\n          "])), function (props) {
+    }) : (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n            border-left: 1px solid ", " !important;\n          "])), function (props) {
       return props.theme.colors.primary;
     });
   }, function (props) {
     var _props$theme3;
 
-    return (_props$theme3 = props.theme) !== null && _props$theme3 !== void 0 && _props$theme3.rtl ? (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n            border-left: 1px solid ", " !important;\n          "])), function (props) {
+    return (_props$theme3 = props.theme) !== null && _props$theme3 !== void 0 && _props$theme3.rtl ? (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n            border-left: 1px solid ", " !important;\n          "])), function (props) {
       return props.theme.colors.primary;
-    }) : (0, _styledComponents.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n            border-right: 1px solid ", " !important;\n          "])), function (props) {
+    }) : (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n            border-right: 1px solid ", " !important;\n          "])), function (props) {
       return props.theme.colors.primary;
     });
   });
@@ -85,35 +82,30 @@ var Tbody = _styledComponents.default.tbody(_templateObject10 || (_templateObjec
 
 exports.Tbody = Tbody;
 
-var SwitchWrapper = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  > .campaign-enabled {\n    margin-bottom: 0px;\n    font-size: 14px;\n    line-height: 24px;\n    margin-right: 7px;\n    ", "\n  }\n"])), function (props) {
-  return props.theme.rtl && (0, _styledComponents.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n      margin-left: 7px;\n      margin-right: 0px;\n    "])));
+var SwitchWrapper = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  > .campaign-enabled {\n    margin-bottom: 0px;\n    font-size: 14px;\n    line-height: 24px;\n    margin-right: 7px;\n    ", "\n  }\n"])), function (props) {
+  return props.theme.rtl && (0, _styledComponents.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n      margin-left: 7px;\n      margin-right: 0px;\n    "])));
 });
 
 exports.SwitchWrapper = SwitchWrapper;
 
-var StatusWrapper = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  p {\n    text-transform: capitalize;\n    margin-right: 12px;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 24px;\n    ", "\n  }\n"])), function (props) {
-  return props.theme.rtl && (0, _styledComponents.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n      margin-left: 12px;\n      margin-right: 0px;\n    "])));
+var StatusWrapper = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  p {\n    text-transform: capitalize;\n    margin-right: 12px;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 24px;\n    ", "\n  }\n"])), function (props) {
+  return props.theme.rtl && (0, _styledComponents.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n      margin-left: 12px;\n      margin-right: 0px;\n    "])));
 });
 
 exports.StatusWrapper = StatusWrapper;
 
-var StatusPoint = _styledComponents.default.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  background-color: #E9ECEF;\n"])));
+var StatusPoint = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  background-color: #E9ECEF;\n"])));
 
 exports.StatusPoint = StatusPoint;
 
-var PagesBottomContainer = _styledComponents.default.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  row-gap: 10px;\n  margin: 15px 0;\n"])));
+var PagesBottomContainer = _styledComponents.default.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  row-gap: 10px;\n  margin: 15px 0;\n"])));
 
 exports.PagesBottomContainer = PagesBottomContainer;
 
-var AddNewPageButton = _styledComponents.default.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  font-size: 14px;\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n  }\n\n  ", "\n"])), function (props) {
+var AddNewPageButton = _styledComponents.default.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  font-size: 14px;\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n  }\n"])), function (props) {
   return props.theme.colors.lightGray;
 }, function (props) {
   return props.theme.colors.primary;
-}, function (_ref7) {
-  var isDisabledFeature = _ref7.isDisabledFeature;
-  return isDisabledFeature && (0, _styledComponents.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n    opacity: 0.5;\n    cursor: not-allowed;\n    &:hover {\n      color: ", ";\n    }\n  "])), function (props) {
-    return props.theme.colors.lightGray;
-  });
 });
 
 exports.AddNewPageButton = AddNewPageButton;

package/_modules/components/Marketing/CampaignListing/index.js

@@ -19,8 +19,6 @@ var _CampaignList = require("../CampaignList");
 
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 
-var _DisabledFeatureAlert = require("../../DisabledFeatureAlert");
-
 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); }
@@ -58,21 +56,6 @@ var CampaignListingUI = function CampaignListingUI(props) {
       selectedCampaign = _useState4[0],
       setSelectedCampaign = _useState4[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 = 'Marketing_dashboard';
-
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      isDisabledFeature = _useState6[0],
-      setIsDisabledFeature = _useState6[1];
-
   var handleOpenDetail = function handleOpenDetail(action) {
     setSelectedCampaign(action);
     setIsOpenDetail(true);
@@ -83,21 +66,12 @@ var CampaignListingUI = function CampaignListingUI(props) {
     setSelectedCampaign(null);
   };
 
-  (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(false);
-      }
-    }
-  }, [configs]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.CampaignListingContainer, null, /*#__PURE__*/_react.default.createElement(_CampaignHeader.CampaignHeader, _extends({}, props, {
-    handleOpenDetail: handleOpenDetail,
-    isDisabledFeature: isDisabledFeature
+    handleOpenDetail: handleOpenDetail
   })), /*#__PURE__*/_react.default.createElement(_CampaignList.CampaignList, _extends({}, props, {
     handleOpenDetail: handleOpenDetail,
-    selectedCampaign: selectedCampaign,
-    isDisabledFeature: isDisabledFeature
-  }))), isDisabledFeature && /*#__PURE__*/_react.default.createElement(_DisabledFeatureAlert.DisabledFeatureAlert, null), isOpenDetail && /*#__PURE__*/_react.default.createElement(_Shared.SideBar, {
+    selectedCampaign: selectedCampaign
+  }))), isOpenDetail && /*#__PURE__*/_react.default.createElement(_Shared.SideBar, {
     sidebarId: "campaignDetail",
     open: isOpenDetail,
     onClose: function onClose() {

package/_modules/components/Settings/PluginList/index.js

@@ -60,7 +60,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var PluginListUI = function PluginListUI(props) {
-  var _pluginListState$sysP, _currentPlugins$plugi;
+  var _pluginListState$sysP, _currentPlugins$plugi, _pluginListState$sysP2, _currentPlugins$sysPl;
 
   var pluginListState = props.pluginListState,
       isAddMode = props.isAddMode,
@@ -289,6 +289,36 @@ var PluginListUI = function PluginListUI(props) {
     handleChangePageSize: function handleChangePageSize(e) {
       return _handleChangePageSize(e, 'plugins');
     }
+  }))), !pluginListState.loading && ((_pluginListState$sysP2 = pluginListState.sysPlugins) === null || _pluginListState$sysP2 === void 0 ? void 0 : _pluginListState$sysP2.length) > 0 && /*#__PURE__*/_react.default.createElement(_styles2.PLuginsSeparator, {
+    h: "50%"
+  }, /*#__PURE__*/_react.default.createElement(_styles2.Header, {
+    mb: 0
+  }, /*#__PURE__*/_react.default.createElement("h1", {
+    style: {
+      marginTop: 20
+    }
+  }, t('SYSTEM_PLUGINS', 'System Plugins'))), /*#__PURE__*/_react.default.createElement(_styles2.PluginsTable, null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", null, t('PLUGINS', 'Plugins')), /*#__PURE__*/_react.default.createElement("th", null, t('ACTIONS', 'Actions')))), currentPlugins.sysPlugins.map(function (plugin) {
+    return /*#__PURE__*/_react.default.createElement(_styles2.PluginTbody, {
+      key: plugin.id
+    }, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, plugin === null || plugin === void 0 ? void 0 : plugin.name), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles2.ActionsContainer, null, plugin !== null && plugin !== void 0 && plugin.installed ? /*#__PURE__*/_react.default.createElement("span", null, t('SYSTEM_PLUGIN_INSTALLED', 'Installed')) : /*#__PURE__*/_react.default.createElement(_styles.Button, {
+      borderRadius: "8px",
+      color: "lightPrimary",
+      onClick: function onClick() {
+        return handleInstallSysPlugin(plugin.id);
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", null, t('INSTALL', 'Install')))))));
+  })), /*#__PURE__*/_react.default.createElement(_styles2.PagesBottomContainer, {
+    justifyContent: "flex-end"
+  }, ((_currentPlugins$sysPl = currentPlugins.sysPlugins) === null || _currentPlugins$sysPl === void 0 ? void 0 : _currentPlugins$sysPl.length) > 0 && /*#__PURE__*/_react.default.createElement(_Shared.Pagination, {
+    currentPage: currentPage.sysPlugins,
+    totalPages: totalPages.sysPlugins,
+    handleChangePage: function handleChangePage(e) {
+      return _handleChangePage(e, 'sysPlugins');
+    },
+    defaultPageSize: pluginsPerPage.sysPlugins,
+    handleChangePageSize: function handleChangePageSize(e) {
+      return _handleChangePageSize(e, 'sysPlugins');
+    }
   })))), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {
     title: t('WEB_APPNAME', 'Ordering'),
     content: alertState.content,