ordering-ui-admin-external 1.3.2 → 1.3.3

package/_modules/components/Stores/PaymentOptionStripeDirect/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");
@@ -80,8 +78,7 @@ var PaymentOptionStripeDirect = function PaymentOptionStripeDirect(props) {
       handleChangeInput = props.handleChangeInput,
       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)(),
@@ -246,12 +243,11 @@ var PaymentOptionStripeDirect = function PaymentOptionStripeDirect(props) {
     return /*#__PURE__*/_react.default.createElement(_styles2.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, {
@@ -262,9 +258,8 @@ var PaymentOptionStripeDirect = function PaymentOptionStripeDirect(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
         });
@@ -279,7 +274,7 @@ var PaymentOptionStripeDirect = function PaymentOptionStripeDirect(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/PaymentOptionStripeDirect/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); }
 
@@ -57,30 +57,25 @@ var CloseButton = _styledComponents.default.div(_templateObject9 || (_templateOb
 
 exports.CloseButton = CloseButton;
 
-var TabOption = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 12px 0;\n  cursor: pointer;\n  color: ", ";\n  \n  > svg {\n    font-size: 20px;\n    &.fill {\n      color: ", ";\n    }\n  }\n\n  ", "\n"])), function (props) {
+var TabOption = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 12px 0;\n  cursor: pointer;\n  color: ", ";\n  \n  > svg {\n    font-size: 20px;\n    &.fill {\n      color: ", ";\n    }\n  }\n"])), function (props) {
   return props.theme.colors.headingColor;
 }, function (props) {
   return props.theme.colors.primary;
-}, function (_ref) {
-  var isDisabledFeature = _ref.isDisabledFeature;
-  return isDisabledFeature && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      cursor: not-allowed;\n      opacity: 0.4;\n      &:hover {\n        background-color: ", ";\n      }\n  "])), function (props) {
-    return props.theme.colors.white;
-  });
 });
 
 exports.TabOption = TabOption;
 
-var TabOptionName = _styledComponents.default.span(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  color: ", ";\n  ", "\n"])), function (props) {
+var TabOptionName = _styledComponents.default.span(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  color: ", ";\n  ", "\n"])), function (props) {
   return props.theme.colors.headingColor;
 }, function (props) {
   var _props$theme3;
 
-  return (_props$theme3 = props.theme) !== null && _props$theme3 !== void 0 && _props$theme3.rtl ? (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    margin-right: 10px;\n  "]))) : (0, _styledComponents.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    margin-left: 10px;\n  "])));
+  return (_props$theme3 = props.theme) !== null && _props$theme3 !== void 0 && _props$theme3.rtl ? (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    margin-right: 10px;\n  "]))) : (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    margin-left: 10px;\n  "])));
 });
 
 exports.TabOptionName = TabOptionName;
 
-var ActionSelectorWrapper = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  margin: 0 10px;\n  button {\n    background: transparent !important;\n    border: none;\n    padding: 0px 5px;\n    &:active,\n    &:focus {\n      border-color: unset !important;\n      box-shadow: none !important;\n    }\n    svg {\n      color: ", ";\n      font-size: 20px;\n    }\n\n    &:after {\n      display: none;\n    }\n\n    &:hover {\n      background: ", " !important;\n    }\n    &:active {\n      background: ", " !important;\n    }\n  }\n\n  .show {\n    button {\n      background: ", " !important;\n    }\n    >div {\n      border: 1px solid ", ";\n      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n    }\n  }\n\n  > div {\n    > div {\n      border-radius: 8px;\n      .dropdown-item {\n        font-size: 12px;\n        color: ", ";\n        &:active {\n          background: ", " !important;\n        }\n      }\n      .dropdown-item:last-child {\n        color: #E63757;\n      }\n    }\n  }\n"])), function (props) {
+var ActionSelectorWrapper = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  margin: 0 10px;\n  button {\n    background: transparent !important;\n    border: none;\n    padding: 0px 5px;\n    &:active,\n    &:focus {\n      border-color: unset !important;\n      box-shadow: none !important;\n    }\n    svg {\n      color: ", ";\n      font-size: 20px;\n    }\n\n    &:after {\n      display: none;\n    }\n\n    &:hover {\n      background: ", " !important;\n    }\n    &:active {\n      background: ", " !important;\n    }\n  }\n\n  .show {\n    button {\n      background: ", " !important;\n    }\n    >div {\n      border: 1px solid ", ";\n      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.12);\n    }\n  }\n\n  > div {\n    > div {\n      border-radius: 8px;\n      .dropdown-item {\n        font-size: 12px;\n        color: ", ";\n        &:active {\n          background: ", " !important;\n        }\n      }\n      .dropdown-item:last-child {\n        color: #E63757;\n      }\n    }\n  }\n"])), function (props) {
   return props.theme.colors.headingColor;
 }, function (props) {
   return (0, _polished.darken)(0.04, props.theme.colors.secundary);

package/_modules/components/Stores/PaymethodOptionPaypalExpress/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 PaymethodOptionPaypalExpress = function PaymethodOptionPaypalExpress(props)
       businessPaymethod = props.businessPaymethod,
       orderTypes = props.orderTypes,
       handleChangeBusinessPaymentState = props.handleChangeBusinessPaymentState,
-      handleDeletePaymethod = props.handleDeletePaymethod,
-      isDisabledFeature = props.isDisabledFeature;
+      handleDeletePaymethod = props.handleDeletePaymethod;
   var theme = (0, _styledComponents.useTheme)();
 
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
@@ -234,9 +231,8 @@ var PaymethodOptionPaypalExpress = function PaymethodOptionPaypalExpress(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
         });
@@ -251,9 +247,8 @@ var PaymethodOptionPaypalExpress = function PaymethodOptionPaypalExpress(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
         });
@@ -268,7 +263,7 @@ var PaymethodOptionPaypalExpress = function PaymethodOptionPaypalExpress(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/PaymethodOptionStripeConnect/index.js

@@ -29,8 +29,6 @@ var _reactBootstrap = require("react-bootstrap");
 
 var _Shared = require("../../Shared");
 
-var _DisabledFeatureAlert = require("../../DisabledFeatureAlert");
-
 var _styles2 = require("./styles");
 
 var _styles3 = require("../BusinessMenu/styles");
@@ -84,8 +82,7 @@ var PaymethodOptionStripeConnect = function PaymethodOptionStripeConnect(props)
       businessPaymethod = props.businessPaymethod,
       orderTypes = props.orderTypes,
       handleChangeBusinessPaymentState = props.handleChangeBusinessPaymentState,
-      handleDeletePaymethod = props.handleDeletePaymethod,
-      isDisabledFeature = props.isDisabledFeature;
+      handleDeletePaymethod = props.handleDeletePaymethod;
   var theme = (0, _styledComponents.useTheme)();
 
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
@@ -244,9 +241,8 @@ var PaymethodOptionStripeConnect = function PaymethodOptionStripeConnect(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
         });
@@ -261,9 +257,8 @@ var PaymethodOptionStripeConnect = function PaymethodOptionStripeConnect(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
         });
@@ -278,7 +273,7 @@ var PaymethodOptionStripeConnect = function PaymethodOptionStripeConnect(props)
     onClick: function onClick() {
       return handleStripeSave(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/PaymethodOptionStripeRedirect/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 PaymethodOptionStripeRedirect = function PaymethodOptionStripeRedirect(props
       businessPaymethod = props.businessPaymethod,
       orderTypes = props.orderTypes,
       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 PaymethodOptionStripeRedirect = function PaymethodOptionStripeRedirect(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 PaymethodOptionStripeRedirect = function PaymethodOptionStripeRedirect(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 PaymethodOptionStripeRedirect = function PaymethodOptionStripeRedirect(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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-admin-external",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "Ordering UI Admin Components",
   "main": "./_modules/index.js",
   "exports": {

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

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react'
+import React, { useState } from 'react'
 import { useInfoShare } from '../../../contexts/InfoShareContext'
 import { IconButton } from '../../../styles'
 import { useWindowSize } from '../../../hooks/useWindowSize'
@@ -25,7 +25,7 @@ import {
   Bag,
   Tag
 } from 'react-bootstrap-icons'
-import { useLanguage, useConfig, useSession } from 'ordering-components-admin-external'
+import { useLanguage } from 'ordering-components-admin-external'
 import { SideBar } from '../../Shared'
 import { SettingItemUI } from '../SettingItemUI'
 import { ReportsBusinessDistance } from '../ReportsBusinessDistance'
@@ -48,7 +48,6 @@ import { ReportsPaymethodSales } from '../ReportsPaymethodSales'
 import { ReportsSaleAndCategory } from '../ReportsSaleAndCategory'
 import { ReportsAverageSales } from '../ReportsAverageSales'
 import { ReportsGeneralSales } from '../ReportsGeneralSales'
-import { DisabledFeatureAlert } from '../../DisabledFeatureAlert'
 
 import {
   ReportsContainer,
@@ -58,14 +57,10 @@ import {
 
 export const Reports = (props) => {
   const [, t] = useLanguage()
-  const [{ configs }] = useConfig()
-  const [{ user }] = useSession()
   const [{ isCollapse }, { handleMenuCollapse }] = useInfoShare()
   const [isOpen, setIsOpen] = useState(false)
   const [selectedReport, setSelectedReport] = useState(0)
-  const [isDisabledFeature, setIsDisabledFeature] = useState(false)
   const { width } = useWindowSize()
-  const featureName = 'advanced_reports'
   const sidebarWidth = 240
 
   const advancedReportsList = [
@@ -101,14 +96,6 @@ export const Reports = (props) => {
     setIsOpen(true)
   }
 
-  useEffect(() => {
-    if (configs && Object.keys(configs).length > 0 && user) {
-      if (!Object.keys(configs).includes(featureName) && user?.level === 0) {
-        setIsDisabledFeature(true)
-      }
-    }
-  }, [configs])
-
   return (
     <ReportsContainer>
       <HeaderTitleContainer>
@@ -122,12 +109,12 @@ export const Reports = (props) => {
         )}
         <h1>{t('ADVANCED_REPORTS', 'Advanced Reports')}</h1>
       </HeaderTitleContainer>
-      <ReportsList className='row' isDisabledFeature={isDisabledFeature}>
+      <ReportsList className='row'>
         {advancedReportsList && advancedReportsList.map((report, i) => (
           <div
             key={i}
             className='col-md-6 col-lg-4'
-            onClick={() => !isDisabledFeature && handleOpenSlider(report.id)}
+            onClick={() => handleOpenSlider(report.id)}
           >
             <SettingItemUI
               title={report.name}
@@ -139,7 +126,6 @@ export const Reports = (props) => {
           </div>
         ))}
       </ReportsList>
-      {isDisabledFeature && (<DisabledFeatureAlert />)}
       {isOpen && (
         <SideBar
           sidebarId='brand-details'

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

@@ -40,15 +40,4 @@ export const HeaderTitleContainer = styled.div`
 
 export const ReportsList = styled.div`
   margin-top: 10px;
-  ${({ isDisabledFeature }) => isDisabledFeature && css`
-    > div {
-      > div {
-        cursor: not-allowed;
-        background-color: ${props => props.theme.colors.disabled};
-        &:hover {
-          background-color: ${props => props.theme.colors.disabled};
-        }
-      }
-    }
-  `}
 `

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

@@ -1,6 +1,6 @@
-import React, { useState, useEffect } from 'react'
+import React, { useState } from 'react'
 import { List as MenuIcon, Wallet, BarChartSteps } from 'react-bootstrap-icons'
-import { useLanguage, useConfig, useSession, RewardsPrograms as RewardsProgramsController } from 'ordering-components-admin-external'
+import { useLanguage, RewardsPrograms as RewardsProgramsController } from 'ordering-components-admin-external'
 import { useInfoShare } from '../../../contexts/InfoShareContext'
 import { IconButton } from '../../../styles'
 import { SideBar } from '../../Shared'
@@ -15,15 +15,10 @@ import {
 } from './styles'
 import { PointsWallet } from '../PointsWallet'
 import { PointsWalletLevels } from '../PointsWalletLevels'
-import { DisabledFeatureAlert } from '../../DisabledFeatureAlert'
 
 const RewardsProgramsUI = (props) => {
   const [, t] = useLanguage()
-  const [{ configs }] = useConfig()
-  const [{ user }] = useSession()
   const [{ isCollapse }, { handleMenuCollapse }] = useInfoShare()
-  const [isDisabledFeature, setIsDisabledFeature] = useState(false)
-  const featureName = 'loyalty_levels_points'
 
   const [showOption, setShowOption] = useState(null)
   const [moveDistance, setMoveDistance] = useState(0)
@@ -39,13 +34,6 @@ const RewardsProgramsUI = (props) => {
     setShowOption(null)
   }
 
-  useEffect(() => {
-    if (configs && Object.keys(configs).length > 0 && user) {
-      if (!Object.keys(configs).includes(featureName) && user?.level === 0) {
-        setIsDisabledFeature(true)
-      }
-    }
-  }, [configs])
   return (
     <>
       <Container>
@@ -61,8 +49,8 @@ const RewardsProgramsUI = (props) => {
           <h1>{t('LOYALTY', 'Loyalty')}</h1>
         </HeaderTitleContainer>
 
-        <LoyaltyListContainer isDisabledFeature={isDisabledFeature}>
-          <LoyaltyItemWrapper onClick={() => !isDisabledFeature && setShowOption('points_wallet')}>
+        <LoyaltyListContainer>
+          <LoyaltyItemWrapper onClick={() => setShowOption('points_wallet')}>
             <IconWrapper>
               <Wallet />
             </IconWrapper>
@@ -71,7 +59,7 @@ const RewardsProgramsUI = (props) => {
               <p>{t('POINTS_WALLET_DESCRIPTION', 'Points wallet general and per business setup.')}</p>
             </LoyaltyItemContent>
           </LoyaltyItemWrapper>
-          <LoyaltyItemWrapper onClick={() => !isDisabledFeature && setShowOption('levels')}>
+          <LoyaltyItemWrapper onClick={() => setShowOption('levels')}>
             <IconWrapper>
               <BarChartSteps />
             </IconWrapper>
@@ -82,7 +70,6 @@ const RewardsProgramsUI = (props) => {
           </LoyaltyItemWrapper>
         </LoyaltyListContainer>
       </Container>
-      {isDisabledFeature && (<DisabledFeatureAlert />)}
       {showOption === 'points_wallet' && (
         <SideBar
           sidebarId='loyaltyWallet'

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

@@ -41,16 +41,6 @@ export const HeaderTitleContainer = styled.div`
 export const LoyaltyListContainer = styled.div`
   display: flex;
   flex-wrap: wrap;
-
-  > div {
-    ${({ isDisabledFeature }) => isDisabledFeature && css`
-      cursor: not-allowed;
-      background-color: ${props => props.theme.colors.disabled};
-      &:hover {
-        background-color: ${props => props.theme.colors.disabled};
-      }
-    `}
-  }
 `
 
 export const LoyaltyItemWrapper = styled.div`

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

@@ -17,8 +17,7 @@ export const CampaignHeader = (props) => {
   const {
     searchValue,
     handleChangeSearch,
-    handleOpenDetail,
-    isDisabledFeature
+    handleOpenDetail
   } = props
 
   const [, t] = useLanguage()
@@ -37,7 +36,7 @@ export const CampaignHeader = (props) => {
         )}
         <HeaderTitle>{t('CAMPAIGN', 'Campaign')}</HeaderTitle>
       </HeaderSection>
-      <TopRightSection isDisabledFeature={isDisabledFeature}>
+      <TopRightSection>
         <WrapperSearch>
           <Button
             borderRadius='8px'

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

@@ -44,14 +44,6 @@ export const TopRightSection = styled.div`
     flex-direction: row;
     align-items: center;
   }
-
-  ${({ isDisabledFeature }) => isDisabledFeature && css`
-      cursor: not-allowed;
-      > div {
-        pointer-events: none;
-        opacity: 0.5;
-      }
-  `}
 `
 
 export const WrapperSearch = styled.div`

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

@@ -23,8 +23,7 @@ export const CampaignList = (props) => {
     setPaginationProps,
     handleOpenDetail,
     selectedCampaign,
-    handleUpdateCampaign,
-    isDisabledFeature
+    handleUpdateCampaign
   } = props
 
   const [, t] = useLanguage()
@@ -108,7 +107,7 @@ export const CampaignList = (props) => {
 
   return (
     <>
-      <Container isDisabledFeature={isDisabledFeature}>
+      <Container>
         <Table isRelative={campaignList?.campaigns?.length > 5}>
           <thead>
             <tr>
@@ -246,8 +245,7 @@ export const CampaignList = (props) => {
       {!campaignList.loading && (
         <PagesBottomContainer>
           <AddNewPageButton
-            onClick={() => !isDisabledFeature && handleOpenDetail({})}
-            isDisabledFeature={isDisabledFeature}
+            onClick={() => handleOpenDetail({})}
           >
             {t('ADD_NEW_CAMPAIGN', 'Add new campaign')}
           </AddNewPageButton>

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

@@ -25,14 +25,6 @@ export const Container = styled.div`
       max-height: calc(100vh - 345px);
     `}
   }
-
-  ${({ isDisabledFeature }) => isDisabledFeature && css`
-    opacity: 0.5;
-    cursor: not-allowed;
-    > table {
-      pointer-events: none;
-    }
-  `}
 `
 
 export const Table = styled.table`
@@ -208,12 +200,4 @@ export const AddNewPageButton = styled.div`
   &:hover {
     color: ${props => props.theme.colors.primary};
   }
-
-  ${({ isDisabledFeature }) => isDisabledFeature && css`
-    opacity: 0.5;
-    cursor: not-allowed;
-    &:hover {
-      color: ${props => props.theme.colors.lightGray};
-    }
-  `}
 `

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

@@ -1,10 +1,9 @@
-import React, { useState, useEffect } from 'react'
+import React, { useState } from 'react'
 import { SideBar } from '../../Shared'
 import { CampaignDetail } from '../CampaignDetail'
 import { CampaignHeader } from '../CampaignHeader'
 import { CampaignList } from '../CampaignList'
-import { useConfig, useSession, CampaignListing as CampaignListingController } from 'ordering-components-admin-external'
-import { DisabledFeatureAlert } from '../../DisabledFeatureAlert'
+import { CampaignListing as CampaignListingController } from 'ordering-components-admin-external'
 import {
   CampaignListingContainer
 } from './styles'
@@ -12,10 +11,6 @@ import {
 export const CampaignListingUI = (props) => {
   const [isOpenDetail, setIsOpenDetail] = useState(false)
   const [selectedCampaign, setSelectedCampaign] = useState(null)
-  const [{ configs }] = useConfig()
-  const [{ user }] = useSession()
-  const featureName = 'Marketing_dashboard'
-  const [isDisabledFeature, setIsDisabledFeature] = useState(false)
 
   const handleOpenDetail = (action) => {
     setSelectedCampaign(action)
@@ -27,30 +22,19 @@ export const CampaignListingUI = (props) => {
     setSelectedCampaign(null)
   }
 
-  useEffect(() => {
-    if (configs && Object.keys(configs).length > 0 && user) {
-      if (!Object.keys(configs).includes(featureName) && user?.level === 0) {
-        setIsDisabledFeature(false)
-      }
-    }
-  }, [configs])
-
   return (
     <>
       <CampaignListingContainer>
         <CampaignHeader
           {...props}
           handleOpenDetail={handleOpenDetail}
-          isDisabledFeature={isDisabledFeature}
         />
         <CampaignList
           {...props}
           handleOpenDetail={handleOpenDetail}
           selectedCampaign={selectedCampaign}
-          isDisabledFeature={isDisabledFeature}
         />
       </CampaignListingContainer>
-      {isDisabledFeature && (<DisabledFeatureAlert />)}
       {isOpenDetail && (
         <SideBar
           sidebarId='campaignDetail'

package/src/components/OrderingProducts/OrderingProductDetails/index.js

@@ -27,7 +27,7 @@ const OrderingProductDetailsUI = (props) => {
 
   const tabs = [
     { key: 'general', content: t('GENERAL', 'General') },
-    // { key: 'theme', content: t('THEME', 'Theme') }
+    { key: 'theme', content: t('THEME', 'Theme') }
   ]
 
   const moreOptions = [

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

@@ -234,7 +234,7 @@ const PluginListUI = (props) => {
           )}
         </PLuginsSeparator>
 
-        {/* {!pluginListState.loading && pluginListState.sysPlugins?.length > 0 && (
+        {!pluginListState.loading && pluginListState.sysPlugins?.length > 0 && (
           <PLuginsSeparator h='50%'>
             <Header mb={0}>
               <h1 style={{ marginTop: 20 }}>{t('SYSTEM_PLUGINS', 'System Plugins')}</h1>
@@ -282,7 +282,7 @@ const PluginListUI = (props) => {
               )}
             </PagesBottomContainer>
           </PLuginsSeparator>
-        )} */}
+        )}
       </PluginListContainer>
       <Alert
         title={t('WEB_APPNAME', 'Ordering')}