@capillarytech/creatives-library 1.0.1-alpha.0 → 1.0.2

package/components/organisms/Tiers/Tiers.js

@@ -24,10 +24,6 @@ import CapButton from '@capillarytech/cap-ui-library/CapButton';
 import CapRow from '@capillarytech/cap-ui-library/CapRow';
 import CapAlert from '@capillarytech/cap-ui-library/CapAlert';
 import CapNotification from '@capillarytech/cap-ui-library/CapNotification';
-import CapLabel from '@capillarytech/cap-ui-library/CapLabel';
-import CapDivider from '@capillarytech/cap-ui-library/CapDivider';
-import CapIcon from '@capillarytech/cap-ui-library/CapIcon';
-import CapTooltip from '@capillarytech/cap-ui-library/CapTooltip';
 
 import clearDataOnUnmount from 'utils/clearDataOnUnmount';
 import injectReducer from 'utils/injectReducer';
@@ -38,7 +34,6 @@ import {
   getUICompatibleRenewTrackerObj,
 } from 'utils/tiers';
 
-import { populateDefaultTiersColor, isTrue } from 'utils/commonUtils';
 import AddTier from '../AddTier';
 import TierCard from '../../molecules/TierCard';
 import CreateTier from '../CreateTier';
@@ -47,6 +42,7 @@ import EmptyStateIllustration from '../../molecules/EmptyStateIllustration';
 import AddMoreCard from '../../molecules/AddMoreCard';
 
 import * as globalSelectors from '../../pages/Cap/selectors';
+import * as selectors from './selectors';
 import * as actions from './actions';
 import reducer from './reducer';
 import saga from './saga';
@@ -55,31 +51,21 @@ import * as style from './style';
 import * as constants from './constants';
 import messages from './messages';
 import globalMessages from '../../pages/Cap/messages';
-import programSummaryMessages from '../../pages/ProgramSummary/messages';
 import * as globalActions from '../../pages/Cap/actions';
-import * as utils from './utils';
 
 import * as context from './context';
 import * as programContext from '../../pages/ProgramSummary/context';
 import * as programSummarySelectors from '../../pages/ProgramSummary/selectors';
-import * as tiersSelectors from './selectors';
+import { populateDefaultTiersColor, isTrue } from 'utils/commonUtils';
 import { gtmPush } from '../../../utils/gtmTrackers';
 
 import AddTierSetting from '../AddTierSetting';
 import ErrorBoundaryWrapper from '../../molecules/ErrorBoundaryWrapper';
 import * as programSummaryActions from '../../pages/ProgramSummary/actions';
-import CapReportLink from '../../molecules/CapReportLink';
 
-const {
-  makeSelectCap,
-  makeSelectTierSecondaryCriteria,
-  makeSelectTiers,
-  makeSelectCheckReconfigureProgram,
-  makeSelectGlobal,
-  makeSelectAdditionalSlabUpgradeAndRenewal,
-} = globalSelectors;
-const { makeSelectAuditLogs } = tiersSelectors;
+const { makeSelectCap, makeSelectTierSecondaryCriteria } = globalSelectors;
 const { styles, SpinnerSpace } = style;
+const { makeSelectTiers } = selectors;
 const { Provider } = context;
 const { getProgramContext } = programContext;
 const { makeSelectTrackers } = programSummarySelectors;
@@ -91,12 +77,10 @@ const {
   ELE_DISTANCE_CONFIGURE,
   GRAPH_WIDTH_VIEW,
   GRAPH_WIDTH_CONFIGURE,
-  SLAB_UPGRADE,
 } = constants;
 const {
   REQUEST,
   FAILURE,
-  SUCCESS,
   TIER_CARD_DIMENSION,
   TIERS_CONNECTION_LINE_COLOR,
   TIERS_CONNECTION_LINE_WIDTH,
@@ -109,10 +93,6 @@ const {
   LOWEST,
   STEP_POINTS,
   TRACKER_VALUE_BASED,
-  DISABLE_EI_STATS,
-  ENABLE_LOYALTY_CHANGE_LOGS,
-  FIXED_CUSTOMER_REGISTRATION,
-  FIXED,
 } = appConstants;
 const {
   RENEW_HEADER_HEIGHT,
@@ -125,7 +105,7 @@ const {
 } = TIER_CARD_DIMENSION;
 
 const connectionAttrs = {
-  strokeWidth: parseInt(TIERS_CONNECTION_LINE_WIDTH, 10),
+  strokeWidth: parseInt(TIERS_CONNECTION_LINE_WIDTH),
   targetMarker: {
     name: 'classic',
     size: 7,
@@ -152,7 +132,7 @@ const slideboxReducer = (state = SLIDEBOX_DEFAULT, action) => {
   }
 };
 
-export const Tiers = ({
+const Tiers = ({
   actions,
   globalActions,
   className,
@@ -163,7 +143,7 @@ export const Tiers = ({
     tier,
     getTierError,
   } = {},
-  currentDetails = {},
+  userData: { currentOrgDetails = {} } = {},
   mode,
   trackersData: { getTrackersStatus, trackersDetails = [] } = {},
   secCriteriaErrorData: { tierSecondaryCriteria: secCriteriaData = {} } = {},
@@ -172,36 +152,7 @@ export const Tiers = ({
   toggleAdvancedSetting,
   refreshStrategyData = () => {},
   programSummaryActions,
-  checkReconfigureProgram,
-  auditLogs = {},
-  globalState,
-  additionalSlabUpgradeAndRenewal: {
-    getAdditionalSlabStatus = '',
-    getAdditionalSlab = {},
-  },
-  isFixedValueEmptyForUntilTierUpgradeValidity,
-  setIsFixedValueEmptyForUntilTierUpgradeValidity,
 }) => {
-  const { currentOrgDetails = {} } = currentDetails;
-  const { accessibleFeatures = [] } = currentOrgDetails;
-  const {
-    checkReconfigureProgramDetails,
-    checkReconfigureProgramStatus,
-  } = checkReconfigureProgram;
-  const { getAuditLogsData, getPaginationCallsStatus } = auditLogs;
-  const { tierDowngrade } = tier;
-  const propertyValuesString = tierDowngrade?.[0]?.propertyValues;
-  const propertyValues = propertyValuesString ? JSON.parse(propertyValuesString) : null;
-
-  const [
-    isDownloadTierChangesDisabled,
-    setIsDownloadTierChangesDisabled,
-  ] = useState(true);
-
-  const hasInsightsChartDisabled = accessibleFeatures.includes(
-    DISABLE_EI_STATS,
-  );
-
   const { programId, currentProgram = {} } = getProgramContext();
   const [graphKey, setGraphKey] = useState('tier-level-renderer-graph');
 
@@ -231,65 +182,6 @@ export const Tiers = ({
   );
   const [tierSecondaryCriteria, setTierSecondaryCriteria] = useState({});
 
-  useEffect(
-    () => {
-      const tierDowngradeId = tier?.tierDowngrade?.[0]?.id;
-      const tierUpgradeId = tier?.tierUpgrade?.[0]?.id;
-      if (
-        accessibleFeatures?.includes(ENABLE_LOYALTY_CHANGE_LOGS) &&
-        mode === MODE_CONFIGURE &&
-        getTierStatus === appConstants.SUCCESS &&
-        checkReconfigureProgramStatus === appConstants.SUCCESS &&
-        checkReconfigureProgramDetails?.changesMade?.includes(
-          constants.STRATEGY,
-        ) &&
-        !globalState.changeOrg
-      ) {
-        if (tierDowngradeId) {
-          programSummaryActions.getAuditLogs({
-            trackedClass: constants.STRATEGY,
-            trackedItem: tierDowngradeId,
-            limit: constants.DEFAULT_LIMIT,
-          });
-        }
-        if (tierUpgradeId) {
-          programSummaryActions.getAuditLogs({
-            trackedClass: constants.STRATEGY,
-            trackedItem: tierUpgradeId,
-            limit: constants.DEFAULT_LIMIT,
-          });
-        }
-      }
-    },
-    [checkReconfigureProgramStatus, tier],
-  );
-
-  useEffect(
-    () => {
-      if (
-        getPaginationCallsStatus === appConstants.SUCCESS &&
-        getAuditLogsData?.logs?.length > 0
-      ) {
-        setIsDownloadTierChangesDisabled(false);
-      }
-    },
-    [getPaginationCallsStatus, getAuditLogsData],
-  );
-
-  useEffect(
-    () => {
-      const shouldSetTrue = propertyValues?.slabs?.some(
-        slab =>
-          slab?.periodConfig?.type === SLAB_UPGRADE &&
-          slab?.periodConfig?.value === '-1' &&
-          slab?.shouldDowngrade === 'true',
-      );
-
-      setIsFixedValueEmptyForUntilTierUpgradeValidity(shouldSetTrue);
-    },
-    [propertyValues, tier],
-  );
-
   useEffect(
     () => {
       setTierSecondaryCriteria(tierSecondaryCriteria => {
@@ -307,37 +199,13 @@ export const Tiers = ({
   const updateTierSecondaryCriteria = (
     tierThresholdIndex,
     currentThresholdValue,
-    additionalTrackerIndex,
   ) => {
-    if (additionalTrackerIndex !== null) {
-      // Make a shallow copy of the existing additional eligibility criteria array
-      let updatedAdditionalEligibilityCriteria =
-        tierSecondaryCriteria?.additionalEligibilityCriteria || [];
-
-      // Ensure we are accessing the correct object within the array and making a shallow copy of it
-      let additionalCriteria =
-        updatedAdditionalEligibilityCriteria[additionalTrackerIndex] || {};
-      let additionalThresholdArray = additionalCriteria.threshold_value || [];
-      additionalThresholdArray[tierThresholdIndex] = currentThresholdValue;
-
-      // Update the threshold_value for the specific index
-      additionalCriteria.threshold_value = additionalThresholdArray;
-      updatedAdditionalEligibilityCriteria[
-        additionalTrackerIndex
-      ] = additionalCriteria;
-      setTierSecondaryCriteria({
-        ...tierSecondaryCriteria,
-        additionalEligibilityCriteria: updatedAdditionalEligibilityCriteria,
-      });
-    } else {
-      const thresholdValues = tierSecondaryCriteria.threshold_value || [];
-      thresholdValues[tierThresholdIndex] = currentThresholdValue;
-      setTierSecondaryCriteria({
-        ...tierSecondaryCriteria,
-        threshold_value: thresholdValues,
-      });
-    }
-    return;
+    const thresholdValues = tierSecondaryCriteria.threshold_value || [];
+    thresholdValues[tierThresholdIndex] = currentThresholdValue;
+    setTierSecondaryCriteria({
+      ...tierSecondaryCriteria,
+      threshold_value: thresholdValues,
+    });
   };
 
   const toggleSlidebox = (type, isEditMode) =>
@@ -397,13 +265,13 @@ export const Tiers = ({
         break;
       case THRESHOLD:
         break;
-      // THRESHOLD CONNECTION IS COMMETED FOR FUTURE REFERENCE
-      // for (let count = index - 1; count >= 0; count--) {
-      //   connections.push({
-      //     sourceId: `tiers-${index}`,
-      //     targetId: `tiers-${count}`,
-      //   });
-      // }
+        // THRESHOLD CONNECTION IS COMMETED FOR FUTURE REFERENCE
+        for (let count = index - 1; count >= 0; count--) {
+          connections.push({
+            sourceId: `tiers-${index}`,
+            targetId: `tiers-${count}`,
+          });
+        }
       default:
     }
     return downgradeTierName;
@@ -418,9 +286,6 @@ export const Tiers = ({
       hasRenew,
       renewCount,
       renewTrackerCount,
-      isValidityFixedDateWithoutYear,
-      isValidityFixedCustomerReg,
-      isRenewalWindowFixed,
     } = tiersCollection.reduce(
       (acc, tier) => {
         const { bodyContent = {} } = tier;
@@ -430,28 +295,9 @@ export const Tiers = ({
           upgrade: { secondaryCriteriaEnabled, current_value_type } = {},
         } = bodyContent;
         if (!isEmpty(bodyContent)) {
-          const { periodConfig = {} } = bodyContent;
           acc.hasEligibility = true;
           acc.hasTrackerEligibility =
             current_value_type === TRACKER_VALUE_BASED;
-          if (!isEmpty(periodConfig)) {
-            // FOR FIXED DATE WITHOUT YEAR OF VALIDITY PERIOD
-            if (periodConfig?.isFixedTypeWithoutYear) {
-              acc.isValidityFixedDateWithoutYear = true;
-            }
-
-            acc.isRenewalWindowFixed = periodConfig?.type === FIXED;
-
-            // FOR MINIMUM DURATION OF VALIDITY PERIOD
-            if (
-              (periodConfig?.type === FIXED_CUSTOMER_REGISTRATION ||
-                (periodConfig?.type === FIXED &&
-                  periodConfig?.isFixedTypeWithoutYear)) &&
-              periodConfig?.minimumDuration?.length > 0
-            ) {
-              acc.isValidityFixedCustomerReg = true;
-            }
-          }
         }
         if (isTrue(shouldDowngrade)) {
           acc.hasValidity = true;
@@ -499,14 +345,12 @@ export const Tiers = ({
         hasSecondaryEligibility: false,
         renewCount: 0,
         renewTrackerCount: 0,
-        isValidityFixedDateWithoutYear: false,
-        isValidityFixedCustomerReg: false,
       },
     );
-    let height = parseInt(DEFAULT_HEIGHT, 10);
+    let height = parseInt(DEFAULT_HEIGHT);
     //ELIGIBILITY
     if (hasEligibility) {
-      height += parseInt(ELIGIBILITY_HEADER_HEIGHT, 10);
+      height += parseInt(ELIGIBILITY_HEADER_HEIGHT);
       height += hasTrackerEligibility ? 48 : 28;
       if (hasSecondaryEligibility) {
         height += 48;
@@ -515,21 +359,13 @@ export const Tiers = ({
 
     // VALIDITY
     if (hasValidity) {
-      height += parseInt(VALIDITY_HEIGHT, 10) + 25;
-      //RENEW Validity Period
-      if (isRenewalWindowFixed) {
-        height += parseInt(DOWNGRADE_CARD_HEIGHT, 10) + 25;
-      }
+      height += parseInt(VALIDITY_HEIGHT);
       // RENEW
       if (hasRenew && (renewCount > 0 || renewTrackerCount > 0)) {
-        height += parseInt(RENEW_HEADER_HEIGHT, 10);
+        height += parseInt(RENEW_HEADER_HEIGHT);
         height += renewCount ? 28 * renewCount : 0;
         height += renewTrackerCount ? 48 * renewTrackerCount : 0;
       }
-      if (isValidityFixedDateWithoutYear || isValidityFixedCustomerReg) {
-        height += isValidityFixedDateWithoutYear && 25;
-        height += isValidityFixedCustomerReg ? 25 : 0;
-      }
     }
 
     return height;
@@ -546,11 +382,11 @@ export const Tiers = ({
       const { bodyContent = {} } = tier;
       const { downgradeTarget = '', shouldDowngrade = false } = bodyContent;
       const hasBodyContent = !isEmpty(bodyContent);
-      let height = hasBodyContent ? commonHeight : parseInt(DEFAULT_HEIGHT, 10);
+      let height = hasBodyContent ? commonHeight : parseInt(DEFAULT_HEIGHT);
       let downgradeToTierName = '';
       if (isTrue(shouldDowngrade)) {
-        height += parseInt(DOWNGRADE_CARD_HEIGHT, 10);
-        downgradeCardHeight = parseInt(DOWNGRADE_CARD_HEIGHT, 10);
+        height += parseInt(DOWNGRADE_CARD_HEIGHT);
+        downgradeCardHeight = parseInt(DOWNGRADE_CARD_HEIGHT);
         downgradeToTierName = populateNodeConnection({
           tiersCollection,
           downgradeTarget,
@@ -568,7 +404,7 @@ export const Tiers = ({
           tierSecondaryCriteria,
           updateTierSecondaryCriteria,
           downgradeToTierName,
-          height: hasBodyContent ? commonHeight : parseInt(DEFAULT_HEIGHT, 10),
+          height: hasBodyContent ? commonHeight : parseInt(DEFAULT_HEIGHT),
           isEditable: mode === MODE_CONFIGURE && isEmpty(tierSecondaryCriteria),
           onEditClick: () =>
             onTierCardClick({ ...tier, tierIndex: index }, true, index === 0),
@@ -602,14 +438,14 @@ export const Tiers = ({
         width: DEFAULT_WIDTH,
         content: (
           <AddMoreCard
-            title={formatMessage(globalMessages.createNewTier)}
+            title={formatMessage(messages.createNewTier)}
             cardAction={onAddMoreCardClick.bind(this, ADD_TIER, nodes.length)}
           />
         ),
       };
       nodes.push({
         id: `tiers-add-new`,
-        height: parseInt(ADD_MORE_CARD_HEIGHT, 10),
+        height: parseInt(ADD_MORE_CARD_HEIGHT),
         component: CapCardBox,
         props,
       });
@@ -634,11 +470,6 @@ export const Tiers = ({
       secondaryTrackerConditionId,
       secondaryTrackerId,
       trackerThresholdValues = [],
-      additionalEligibilityCriteriaArray = [],
-      secondaryExpressionRelation = [],
-      additionalConditionTrackers = 'ANY',
-      numberOfSecondaryCriteria = 1,
-      customCriteriaExpression = '',
     } = getUpgradeData(upgradePropertyValues, currentProgram);
     const trackers = getTrackers(trackersDetails, formatMessage);
 
@@ -670,11 +501,6 @@ export const Tiers = ({
             secondaryTrackerConditionId,
             secondaryTrackerId,
             trackerThreshold: trackerThresholdValues[tierThresholdIndex],
-            additionalEligibilityCriteriaArray,
-            secondaryExpressionRelation,
-            additionalConditionTrackers,
-            numberOfSecondaryCriteria,
-            customCriteriaExpression,
           };
           bodyContent.trackers = trackers;
         }
@@ -711,12 +537,9 @@ export const Tiers = ({
 
   useEffect(() => {
     getTier();
-    if (getAdditionalSlabStatus !== SUCCESS || isEmpty(getAdditionalSlab)) {
-      globalActions.getAdditionalSlabUpgradeAndRenewal();
-    }
   }, []);
 
-  const getTier = () => globalActions.getTier(programId);
+  const getTier = () => actions.getTier(programId);
 
   const showSpin =
     !getTierStatus ||
@@ -742,14 +565,16 @@ export const Tiers = ({
     graphId: 'tier-graph-renderer',
     graphHeight: `${graphHeight}px`,
     forwardConnProps: connectionAttrs,
-    defaultEleWidth: parseInt(DEFAULT_WIDTH, 10),
+    defaultEleWidth: parseInt(DEFAULT_WIDTH),
     scrollClassName: 'graph-renderer-scroll-container',
     ...nodesAndConnections,
   };
 
   const handleTabChange = () => onChangeTab(STEP_POINTS);
 
-  const getSecondaryThresholdErrorMsg = (thresholdValue = []) => {
+  const getSecondaryThresholdErrorMsg = () => {
+    const { threshold_value: thresholdValue = [] } = tierSecondaryCriteria;
+
     const { slabs = [] } = tier;
     const tiersNameObj = slabs.reduce((acc, { name }, index) => {
       if (index !== 0) {
@@ -768,9 +593,9 @@ export const Tiers = ({
           if (
             !acc.validationErrorTierName &&
             ((thresholdValue[index - 1] &&
-              parseInt(value, 10) <= parseInt(thresholdValue[index - 1], 10)) ||
+              parseInt(value) <= parseInt(thresholdValue[index - 1])) ||
               (thresholdValue[index + 1] &&
-                parseInt(value, 10) >= parseInt(thresholdValue[index + 1], 10)))
+                parseInt(value) >= parseInt(thresholdValue[index + 1])))
           ) {
             acc.validationErrorTierName = tiersNameObj[index];
           }
@@ -798,21 +623,12 @@ export const Tiers = ({
     upgrade: {
       secondary_criteria_enabled: true,
       additional_upgrade_criteria: tierSecondaryCriteria,
-      current_value_type:getConditionalParam(tier)?.[1]?.bodyContent?.upgrade?.current_value_type,
-      tracker_id:getConditionalParam(tier)?.[1]?.bodyContent?.upgrade?.tracker_id,
-      tracker_condition_id:getConditionalParam(tier)?.[1]?.bodyContent?.upgrade?.tracker_condition_id,
     },
   });
 
   const onSaveAndContinueClick = () => {
     if (!isEmpty(tierSecondaryCriteria)) {
-      const additionalEligibilityCriteria =
-        tierSecondaryCriteria?.additionalEligibilityCriteria || [];
-      let errorMsg = '';
-      additionalEligibilityCriteria?.forEach(criteria => {
-        errorMsg =
-          errorMsg || getSecondaryThresholdErrorMsg(criteria?.threshold_value);
-      });
+      const errorMsg = getSecondaryThresholdErrorMsg();
       setSecondaryThresholdErrorMsg(errorMsg || '');
       if (!errorMsg) {
         const payload = getPayload();
@@ -858,15 +674,6 @@ export const Tiers = ({
   const closeCreateTierSlideBox = () =>
     formAttributeChangeAction(CREATE_TIER, 'show', false);
 
-  const handleDownloadTierChanges = data =>
-    utils.downloadTierChanges(data, () => {
-      CapNotification.success({
-        message: formatMessage(
-          programSummaryMessages.tierChangeLogsDownloadSuccess,
-        ),
-      });
-    });
-
   return (
     <CapRow className={className}>
       <CapSpin spinning={showSpin}>
@@ -883,64 +690,6 @@ export const Tiers = ({
           {!showSpin &&
             (nodesAndConnections.nodes.length > 0 ? (
               <>
-                <CapRow className="tier-graph-header" type="flex">
-                  {accessibleFeatures?.includes(ENABLE_LOYALTY_CHANGE_LOGS) &&
-                    mode === MODE_CONFIGURE &&
-                    !isDownloadTierChangesDisabled && (
-                      <>
-                        <CapRow
-                          className="download-tier-changes-container"
-                          type="flex"
-                          onClick={() =>
-                            handleDownloadTierChanges(getAuditLogsData?.logs)
-                          }
-                        >
-                          <CapTooltip
-                            popupClassName="download-tier-btn-tooltip"
-                            getPopupContainer={() =>
-                              document.querySelector('.cap-component-wrapper')
-                            }
-                            placement="top"
-                            title={formatMessage(
-                              messages.tierChangeLogsDownloadTooltip,
-                            )}
-                          >
-                            <CapRow
-                              className="download-tier-changes-subcontainer"
-                              type="flex"
-                            >
-                              <CapIcon
-                                type="download"
-                                className="download-tier-changes-icon"
-                              />
-                              <CapLabel type="label33">
-                                {formatMessage(messages.tierChanges)}
-                              </CapLabel>
-                            </CapRow>
-                          </CapTooltip>
-                        </CapRow>
-                        <CapDivider
-                          className="tiers-graph-header-divider"
-                          type="vertical"
-                        />
-                      </>
-                    )}
-                  {!hasInsightsChartDisabled && (
-                    <div className="report-link">
-                      <CapReportLink
-                        link={appConstants.LOYALTY_STANDARD_REPORT_PATH}
-                        tooltip={formatMessage(
-                          globalMessages.tiersLoyaltyStandardReportToolTip,
-                        )}
-                        isIconOnly={true}
-                      />
-                      <CapDivider
-                        className="tiers-graph-header-divider"
-                        type="vertical"
-                      />
-                    </div>
-                  )}
-                </CapRow>
                 <CapLevelGraphRenderer
                   key={graphKey}
                   showToolTip
@@ -976,13 +725,6 @@ export const Tiers = ({
             ))}
           {mode === MODE_CONFIGURE && (
             <>
-            <CapTooltip
-            overlayClassName={classnames(className, 'disabled-tooltip')}
-            title={isFixedValueEmptyForUntilTierUpgradeValidity && formatMessage(globalMessages.disabledTooltipForSlabUpgradeValidity)}
-            getPopupContainer={() =>document.querySelector('.cap-component-wrapper')}
-            placement="bottom"
-            >
-            <span className="button-disabled-tooltip-wrapper">
               <CapButton
                 className={classnames(
                   'save-continue-button',
@@ -990,7 +732,6 @@ export const Tiers = ({
                 )}
                 onClick={onSaveAndContinueClick}
                 id="loyalty-tier-save-and-continue-button"
-                disabled={isFixedValueEmptyForUntilTierUpgradeValidity}
               >
                 {formatMessage(
                   isEmpty(secCriteriaData)
@@ -998,8 +739,6 @@ export const Tiers = ({
                     : globalMessages.save,
                 )}
               </CapButton>
-              </span>
-          </CapTooltip>
               <Provider value={{ getTier, setAddTierSetting }}>
                 {slideboxState[ADD_TIER]?.show && (
                   <AddTier
@@ -1010,7 +749,6 @@ export const Tiers = ({
                     onAdvancedSettingClick={onAdvancedSettingClick}
                     refreshStrategyData={refreshStrategyData}
                     errorWrapperSlideBoxClose={closeAddTierSlideBox}
-                    toggleAdvancedSetting={toggleAdvancedSetting}
                   />
                 )}
                 {slideboxState[CREATE_TIER]?.show && (
@@ -1055,13 +793,9 @@ Tiers.propTypes = {
 
 const mapStateToProps = createStructuredSelector({
   tiers: makeSelectTiers(),
-  currentDetails: makeSelectCap(),
+  userData: makeSelectCap(),
   trackersData: makeSelectTrackers(),
   secCriteriaErrorData: makeSelectTierSecondaryCriteria(),
-  checkReconfigureProgram: makeSelectCheckReconfigureProgram(),
-  auditLogs: makeSelectAuditLogs(),
-  globalState: makeSelectGlobal(),
-  additionalSlabUpgradeAndRenewal: makeSelectAdditionalSlabUpgradeAndRenewal(),
 });
 
 function mapDispatchToProps(dispatch) {

package/components/organisms/Tiers/actions.js

@@ -6,6 +6,19 @@
 
 import * as types from './constants';
 
+export function defaultAction() {
+  return {
+    type: types.DEFAULT_ACTION,
+  };
+}
+
+export function getTier(programId) {
+  return {
+    type: types.GET_TIER_REQUEST,
+    programId,
+  };
+}
+
 export const addTierSecondaryCriteria = (payload, callback) => ({
   type: types.ADD_TIER_SEC_CRITERIA_REQUEST,
   payload,

package/components/organisms/Tiers/constants.js

@@ -13,6 +13,10 @@ export const ELE_DISTANCE_CONFIGURE = 76;
 export const OFFSET_LINE_DISTANCE = 18;
 export const DASHED = 'DASHED';
 
+export const GET_TIER_REQUEST = 'tiers/GET_TIER_REQUEST';
+export const GET_TIER_SUCCESS = 'tiers/GET_TIER_SUCCESS';
+export const GET_TIER_FAILURE = 'tiers/GET_TIER_FAILURE';
+
 export const CLEAR_DATA = 'tiers/CLEAR_DATA';
 
 export const ADD_TIER_SEC_CRITERIA_REQUEST =
@@ -21,7 +25,3 @@ export const ADD_TIER_SEC_CRITERIA_SUCCESS =
   'tiers/ADD_TIER_SEC_CRITERIA_SUCCESS';
 export const ADD_TIER_SEC_CRITERIA_FAILURE =
   'tiers/ADD_TIER_SEC_CRITERIA_FAILURE';
-
-export const STRATEGY = 'Strategy';
-export const DEFAULT_LIMIT = 10;
-export const SLAB_UPGRADE = 'SLAB_UPGRADE';

package/components/organisms/Tiers/index.js

@@ -1 +1 @@
-export { default } from './Loadable';
+export { default } from './Tiers';

package/components/organisms/Tiers/messages.js

@@ -9,6 +9,10 @@ import { defineMessages } from 'react-intl';
 export const scope = 'loyaltyPlus.components.organisms.Tiers';
 
 export default defineMessages({
+  createNewTier: {
+    id: `${scope}.createNewTier`,
+    defaultMessage: 'Create new tier',
+  },
   allTiersSecondaryThresholdMandatory: {
     id: `${scope}.allTiersSecondaryThresholdMandatory`,
     defaultMessage: 'For all tiers secondary eligibility is mandatory.',
@@ -22,12 +26,4 @@ export default defineMessages({
     defaultMessage:
       'For {tier} secondary eligibility is greater than that of the next tier or lesser than that of the pervious tier.',
   },
-  tierChanges: {
-    id: `${scope}.tierChanges`,
-    defaultMessage: 'Tier changes',
-  },
-  tierChangeLogsDownloadTooltip: {
-    id: `${scope}.tierChangeLogsDownloadTooltip`,
-    defaultMessage: 'To review the tier configuration changes made since the last publish',
-  },
 });