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

package/components/molecules/UpgradeTierV2/UpgradeTierV2.js

@@ -1,912 +0,0 @@
-/**
- *
- * UpgradeTierV2
- *
- */
-import React, { useMemo, useEffect } from 'react';
-import { useState } from 'react';
-import PropTypes from 'prop-types';
-import { intlShape, injectIntl } from 'react-intl';
-import classnames from 'classnames';
-import isEqual from 'lodash/isEqual';
-import {
-  validateValueBetweenRange,
-  getMinMaxRangeString,
-} from 'utils/commonUtils';
-import CapLink from '@capillarytech/cap-ui-library/CapLink';
-import CapRow from '@capillarytech/cap-ui-library/CapRow';
-import CapIcon from '@capillarytech/cap-ui-library/CapIcon';
-import CapInput from '@capillarytech/cap-ui-library/CapInput';
-import CapBlock from '@capillarytech/cap-ui-library/CapBlock';
-import CapSelect from '@capillarytech/cap-ui-library/CapSelect';
-import CapLabel from '@capillarytech/cap-ui-library/CapLabel';
-import CapTooltipWithInfo from '@capillarytech/cap-ui-library/CapTooltipWithInfo';
-import CapInfoNote from '@capillarytech/cap-ui-library/CapInfoNote';
-import CapDivider from '@capillarytech/cap-ui-library/CapDivider';
-import CapTooltip from '@capillarytech/cap-ui-library/CapTooltip';
-import messages from './messages';
-import globalMessages from '../../pages/Cap/messages';
-import { Flex } from '../../pages/Cap/style';
-import NumberInput from '../NumberInput';
-import SelectCollection from '../SelectCollection';
-import {
-  TRACKER_VALUE_BASED,
-  TIER_UPGRADE_MODES,
-  TIER_UPGRADE_MODES_KEYWORD,
-  TIER_UPGRADE_TYPES,
-  TIER_UPGRADE_TYPES_TOOLTIP,
-  MAX_INTEGER_LIMIT,
-} from '../../pages/App/constants';
-import SelectOptionLabelWithInfo from '../../atoms/SelectOptionLabelWithInfo';
-import { ALL, ANY, CUSTOM, DYNAMIC, LAZY } from './constants';
-import UpgradeTrackerTierV2 from '../UpgradeTrackerTierV2';
-import { convertExpression, parseLogicalExpression } from './utils';
-
-export const UpgradeTierV2 = ({
-  className,
-  isAdvanceSetting,
-  trackers,
-  showTracker,
-  disableCommons,
-  thresholdValues,
-  upgradeCriteria,
-  setUpgradeCriteria,
-  disabledUpgradeMode,
-  isUpgradeTrackerBased,
-  additionalUpgradeCriteria,
-  setAdditionalUpgradeCriteria,
-  intl: { formatMessage },
-  isSingleTierInAdvSetting,
-  toggleAdvancedSetting,
-  additionalEligibilityCriteria,
-  setAdditionalEligibilityCriteria,
-  currentTier = {},
-  tierData = {},
-  additionalSlabUpgradeAndRenewal: { getAdditionalSlab = {} },
-}) => {
-  const [
-    conditionTypeBetweenTrackers,
-    setConditionTypeBetweenTrackers,
-  ] = useState(ANY);
-  const numberOfPossibleConditions =
-    parseInt(getAdditionalSlab?.value, 10) || 2;
-  const [numberofTrackersCondition, setNumberofTrackersCondition] = useState(1);
-  const [trackerConditionsList, setTrackerConditionsList] = useState([]);
-  const [customEligibiltyCriteria, setCustomEligibiltyCriteria] = useState('');
-  const [isEmptyResult, setIsEmptyResult] = useState(false);
-  const [isError, setIsError] = useState(false);
-  const [isUpgradeModeDynamic, setIsUpgradeModeDynamic] = useState(false);
-  const { upgrade: { min, max } = {} } = thresholdValues;
-  const { periods: trackerPeriods = {}, names: trackerNames } = trackers;
-  const { upgrade: disabledModes = [] } = disabledUpgradeMode;
-  const [disabledUpgradeModes, setDisabledUpgradeModes] = useState([]);
-  const { slabs = [] } = tierData;
-  const {
-    upgradeType,
-    upgradeMode,
-    trackerId,
-    trackerConditionId,
-    value,
-    isValidValue,
-  } = upgradeCriteria;
-
-  const {
-    additionalEligibilityCriteriaArray = [],
-    additionalConditionTrackers = 'ANY',
-    numberOfSecondaryCriteria = 1,
-    customCriteriaExpression = '',
-    secondaryCriteriaEnabled = true,
-  } = additionalUpgradeCriteria;
-
-  const onUpgradeTypeChange = value => {
-    setUpgradeCriteria({
-      ...upgradeCriteria,
-      upgradeType: value,
-    });
-  };
-  const upgradeTypeOptions = Object.keys(TIER_UPGRADE_TYPES).reduce(
-    (acc, type) => {
-      if (showTracker || type !== TRACKER_VALUE_BASED) {
-        acc.push({
-          label: (
-            <SelectOptionLabelWithInfo
-              title={formatMessage(globalMessages[TIER_UPGRADE_TYPES[type]])}
-              tooltipText={formatMessage(
-                globalMessages[TIER_UPGRADE_TYPES_TOOLTIP[type]],
-              )}
-            />
-          ),
-          value: type,
-          key: type,
-        });
-      }
-      return acc;
-    },
-    [],
-  );
-
-  const onUpgradeModeChange = value => {
-
-    if (value === DYNAMIC && conditionTypeBetweenTrackers === ANY && numberofTrackersCondition === 1) {
-      setIsUpgradeModeDynamic(true);
-      setDisabledUpgradeModes([value]);
-    } else {
-      setIsUpgradeModeDynamic(false);
-      conditionTypeBetweenTrackers === ANY && numberofTrackersCondition === 1 && setDisabledUpgradeModes([]);
-    }
-
-    setUpgradeCriteria({
-      ...upgradeCriteria,
-      upgradeMode: value,
-    });
-  };
-
-  const upgradeModeOptions = Object.keys(TIER_UPGRADE_MODES).map(mode => ({
-    label: (
-      <CapRow
-        type="flex"
-        justify="space-between"
-        align="middle"
-        className="upgrade-option-parent"
-      >
-        <CapRow className="upgrade-option-label">
-          {disabledUpgradeModes?.includes(mode) ? (
-            <CapTooltip
-              title={
-                isAdvanceSetting &&
-                formatMessage(messages.upgradeModeDisabledTooltip)  //message was showing in tiers-edit mode
-              }
-            >
-              {formatMessage(globalMessages[TIER_UPGRADE_MODES[mode]])}
-            </CapTooltip>
-          ) : (
-            formatMessage(globalMessages[TIER_UPGRADE_MODES[mode]])
-          )}
-        </CapRow>
-        <CapTooltipWithInfo
-          title={formatMessage(
-            globalMessages[TIER_UPGRADE_MODES_KEYWORD[mode]],
-          )}
-          infoIconProps={{ className: 'upgrade-info-icon' }}
-        />
-      </CapRow>
-    ),
-    title: formatMessage(globalMessages[TIER_UPGRADE_MODES[mode]]),
-    disabled: disabledUpgradeModes?.includes(mode),
-    value: mode,
-    key: mode,
-  }));
-
-  const onUpgradeTrackerConditionIdChange = value =>
-    setUpgradeCriteria({
-      ...upgradeCriteria,
-      trackerConditionId: value,
-    });
-
-  const onUpgradeTrackerIdChange = value =>
-    setUpgradeCriteria({
-      ...upgradeCriteria,
-      trackerId: value,
-      trackerConditionId: null,
-    });
-
-  const onUpgradeValueChange = (event, changeValue) => {
-    if (changeValue <= MAX_INTEGER_LIMIT) {
-      setUpgradeCriteria({
-        ...upgradeCriteria,
-        value: changeValue,
-      });
-    }
-  };
-
-  const onUpgradeValueBlur = () =>
-    setUpgradeCriteria({
-      ...upgradeCriteria,
-      isValidValue: validateValueBetweenRange(value, min, max),
-    });
-
-  const upgradeValueErrorMessage =
-    !isValidValue &&
-    `${formatMessage(globalMessages.thisFieldMustBe)}  ${getMinMaxRangeString(
-      formatMessage,
-      globalMessages,
-      min,
-      max,
-    )}`;
-
-  const valueInputProps = {
-    value,
-    isRequired: true,
-    className: 'upgrade-value-input',
-    style: { width: isUpgradeTrackerBased ? '6.715rem' : '11.857rem' },
-    label: `${formatMessage(globalMessages.ifValue)} >=`,
-    placeholder: formatMessage(globalMessages.addValue),
-    onChange: onUpgradeValueChange,
-    onBlur: onUpgradeValueBlur,
-    errorMessage: upgradeValueErrorMessage,
-  };
-
-  const upgradeModeProps = {
-    value: upgradeMode,
-    label: formatMessage(globalMessages.upgradeType),
-    placeholder: formatMessage(messages.selectUpgradeType),
-    onChange: onUpgradeModeChange,
-    options: upgradeModeOptions,
-    showSearch: false,
-    showArrow: isAdvanceSetting,
-    width: isUpgradeTrackerBased
-      ? (isAdvanceSetting && '24.9rem') || '24.9rem'
-      : (isAdvanceSetting && '34.857rem') || '27.857rem',
-    disabled: disableCommons,
-    dropdownClassName: 'dropdown-option-40px',
-    elementClassName: classnames(
-      !isAdvanceSetting && 'eligibility-tag',
-      {
-        'show-placeholder': !upgradeMode,
-      },
-      'upgrade-mode-dd',
-    ),
-  };
-  const validityTooltipSwitchProps = {
-    getPopupContainer: trigger => trigger,
-    mouseEnterDelay: 1,
-  };
-
-  const handleRedirectToAdvanceSettings = () => {
-    toggleAdvancedSetting({ fromEditTier: true });
-  };
-
-  const getExtendedTooltipContent = () => (
-    <CapRow className="extended-section-container">
-      <CapRow className="editTier-tooltip-content">
-        {formatMessage(messages.redirectToAdvancedSettingsText)}
-      </CapRow>
-      <CapRow className="tooltip-anchor">
-        <CapLink
-          title={
-            <>
-              <CapIcon
-                type="open-in-new"
-                className="go-to-advance-settings"
-                aria-label="go-to-advance-settings-hover"
-              />
-              <CapRow className="go-to-advance-settings-text">
-                {formatMessage(messages.redirectToAdvancedSettingsLink)}
-              </CapRow>
-            </>
-          }
-          onClick={handleRedirectToAdvanceSettings}
-        />
-      </CapRow>
-    </CapRow>
-  );
-
-  const eligibilityProps = {
-    commonClassName: 'truncate-text',
-    inputs: [
-      {
-        value: upgradeType,
-        label: formatMessage(globalMessages.kpiUpperCase),
-        onChange: onUpgradeTypeChange,
-        options: upgradeTypeOptions,
-        showSearch: false,
-        showArrow: isAdvanceSetting,
-        width: '12rem',
-        disabled: disableCommons,
-        showTooltip: !isAdvanceSetting,
-        tooltipProps: validityTooltipSwitchProps,
-        tooltipContent: getExtendedTooltipContent,
-        dropdownClassName: 'dropdown-option-40px',
-        tooltipPlacement: 'bottomLeft',
-        elementClassName: !isAdvanceSetting && 'eligibility-tag',
-      },
-    ].concat(isUpgradeTrackerBased ? [] : upgradeModeProps),
-  };
-  const upgradeTrackerProps = {
-    inputs: [
-      {
-        value: trackerId,
-        label: formatMessage(globalMessages.tracker),
-        onChange: onUpgradeTrackerIdChange,
-        placeholder: formatMessage(messages.selectTracker),
-        options: trackerNames,
-        showSearch: false,
-        showArrow: isAdvanceSetting,
-        width: '11.857rem',
-        disabled: disableCommons,
-        dropdownClassName: 'dropdown-option-40px',
-        elementClassName: classnames(
-          {
-            'show-placeholder': !trackerId,
-            'eligibility-tag': !isAdvanceSetting,
-          },
-          'tracker-id-dd',
-        ),
-      },
-      {
-        value: trackerConditionId,
-        label: formatMessage(globalMessages.trackingPeriod),
-        placeholder: formatMessage(messages.selectPeriod),
-        onChange: onUpgradeTrackerConditionIdChange,
-        options: trackerPeriods?.[trackerId] || [],
-        showSearch: false,
-        showArrow: isAdvanceSetting,
-        width: '12.071rem',
-        disabled: disableCommons,
-        dropdownClassName: 'dropdown-option-40px',
-        elementClassName: classnames(
-          {
-            'show-placeholder': !trackerConditionId,
-            'eligibility-tag': !isAdvanceSetting,
-          },
-          'tracker-cond-id-dd',
-        ),
-      },
-      upgradeModeProps,
-    ],
-  };
-  const optionsForConditionBetweenTrackers = () => {
-    const options = [
-      {
-        label: formatMessage(messages.allDropdownValue),
-        value: ALL,
-      },
-      {
-        label: formatMessage(messages.anyDropdownValue),
-        value: ANY,
-      },
-    ];
-
-    if (trackerConditionsList.length >= 2) {
-      options.push({
-        label: formatMessage(messages.customDropdownValue),
-        value: CUSTOM,
-      });
-    }
-
-    return options;
-  };
-
-  //populating DATA for edit MODE
-  useEffect(
-    () => {
-      if (additionalEligibilityCriteriaArray.length > 0) {
-        if (!isEqual(additionalEligibilityCriteriaArray, trackerConditionsList))
-          setTrackerConditionsList(additionalEligibilityCriteriaArray);
-      }
-    },
-    [additionalEligibilityCriteriaArray],
-  );
-
-  //populating DATA for edit MODE
-  useEffect(
-    () => {
-      if (
-        !isEqual(conditionTypeBetweenTrackers, additionalConditionTrackers) ||
-        !isEqual(numberofTrackersCondition, numberOfSecondaryCriteria)
-      ) {
-        setConditionTypeBetweenTrackers(additionalConditionTrackers);
-        setNumberofTrackersCondition(numberOfSecondaryCriteria);
-      }
-    },
-    [additionalConditionTrackers, numberOfSecondaryCriteria],
-  );
-
-  //populating DATA for edit MODE
-  useEffect(
-    () => {
-      if (
-        customCriteriaExpression.length > 0 &&
-        !isEqual(customCriteriaExpression, customEligibiltyCriteria)
-      ) {
-        setCustomEligibiltyCriteria(customCriteriaExpression);
-      }
-    },
-    [customCriteriaExpression],
-  );
-
-  useEffect(
-    () => {
-      if (
-        conditionTypeBetweenTrackers === CUSTOM &&
-        trackerConditionsList.length < 2
-      ) {
-        setConditionTypeBetweenTrackers(ANY);
-      }
-    },
-    [trackerConditionsList, upgradeType],
-  );
-
-  const optionsForNumberofTrackersCondition = useMemo(
-    () => {
-      const options = [];
-      for (let i = 1; i <= trackerConditionsList.length; i++) {
-        options.push({
-          label: i,
-          value: i,
-        });
-      }
-      return options;
-    },
-    [trackerConditionsList],
-  );
-
-  useEffect(
-    () => {
-      if (
-        conditionTypeBetweenTrackers === ALL ||
-        conditionTypeBetweenTrackers === CUSTOM ||
-        (conditionTypeBetweenTrackers === ANY && numberofTrackersCondition >= 2)
-      ) {
-        const updatedTrackersArray = trackerConditionsList.map(data => {
-          return {
-          ...data,
-          upgradeMode: upgradeMode,
-          };
-        });
-        setTrackerConditionsList(updatedTrackersArray);
-      }
-    },
-    [conditionTypeBetweenTrackers, numberofTrackersCondition, upgradeMode],
-  );
-
-  useEffect(
-    () => {
-      if (
-        
-        conditionTypeBetweenTrackers === ALL ||
-        conditionTypeBetweenTrackers === CUSTOM ||
-        (conditionTypeBetweenTrackers === ANY && numberofTrackersCondition > 1)
-        
-      ) {
-        setDisabledUpgradeModes([DYNAMIC]);
-      } else {
-        setDisabledUpgradeModes([]);
-      }
-    },
-    [conditionTypeBetweenTrackers, numberofTrackersCondition],
-  );
-
-  useEffect(
-    () => {
-      if (
-        customEligibiltyCriteria?.length > 0 &&
-        (conditionTypeBetweenTrackers === ANY ||
-          conditionTypeBetweenTrackers === ALL)
-      ) {
-        setCustomEligibiltyCriteria('');
-      }
-      //need to verify this
-      setIsEmptyResult(false);
-    },
-    [conditionTypeBetweenTrackers],
-  );
-
-  useEffect(
-    () => {
-      if (
-        numberofTrackersCondition > trackerConditionsList.length &&
-        trackerConditionsList.length !== 0
-      ) {
-        setNumberofTrackersCondition(trackerConditionsList.length);
-      }
-    },
-    [upgradeType, trackerConditionsList],
-  );
-
-  //setting the global state for additional upgrade criteria on localStates changes
-  useEffect(
-    () => {
-      const settingSecondaryCriteriaFlag = trackerConditionsList?.length >= 1;
-      setAdditionalUpgradeCriteria({
-        ...additionalUpgradeCriteria,
-        numberOfSecondaryCriteria: numberofTrackersCondition,
-        additionalConditionTrackers: conditionTypeBetweenTrackers,
-        secondaryCriteriaEnabled: settingSecondaryCriteriaFlag,
-        additionalEligibilityCriteriaArray: trackerConditionsList,
-        customCriteriaExpression: !isEmptyResult
-          ? customEligibiltyCriteria
-          : '',
-      });
-    },
-    [
-      numberofTrackersCondition,
-      conditionTypeBetweenTrackers,
-      trackerConditionsList,
-      customEligibiltyCriteria,
-      isEmptyResult,
-    ],
-  );
-
-  // useEffect added for the case when dynamic in the upgradeMode of additional tracker and ALL or Any-2 is the condition.
-  useEffect(
-    () => {
-      if (
-        (conditionTypeBetweenTrackers === ALL ||
-          conditionTypeBetweenTrackers === CUSTOM ||
-          (conditionTypeBetweenTrackers === ANY &&
-            numberofTrackersCondition > 1)) &&
-        isUpgradeModeDynamic
-      ) {
-        const updatedTrackerConditionsList = trackerConditionsList.map(
-          item => ({
-            ...item,
-            upgradeMode: null,
-          }),
-        );
-        setTrackerConditionsList(updatedTrackerConditionsList);
-        setUpgradeCriteria({ ...upgradeCriteria, upgradeMode: null });
-      }
-    },
-    [conditionTypeBetweenTrackers, numberofTrackersCondition, upgradeMode],
-  );
-
-  //This one is correct as it will check whether any of the additonal trackers have dynamic in its upgrade mode.
-  useEffect(
-    () => {
-      const hasDynamicMode =
-        trackerConditionsList.some(item => item.upgradeMode === DYNAMIC) ||
-        upgradeCriteria.upgradeMode === DYNAMIC 
-        upgradeCriteria.upgradeMode === null;
-      if (hasDynamicMode !== isUpgradeModeDynamic && conditionTypeBetweenTrackers === ANY && numberofTrackersCondition === 1) {
-        setIsUpgradeModeDynamic(hasDynamicMode);
-        setDisabledUpgradeModes(hasDynamicMode ? [DYNAMIC] : []);
-      }
-    },
-    [trackerConditionsList, additionalEligibilityCriteriaArray],
-  );
-
-  const onOptionsChangeForConditionBetweenTrackers = value =>
-    setConditionTypeBetweenTrackers(value);
-  const onOptionsChangeForNumberofTrackersCondition = value =>
-    setNumberofTrackersCondition(value);
-  const onCustomCriteriaInputChange = event => {
-    setCustomEligibiltyCriteria(event.target.value);
-    setIsEmptyResult(true);
-  };
-
-  const checkForEligibiltyCriteria = () => {
-    if (customEligibiltyCriteria) {
-      const { convertedExpression, isValid } = convertExpression(
-        customEligibiltyCriteria,
-        trackerConditionsList.length + 1,
-      );
-      let expression_relation = [];
-      if (isValid) {
-        expression_relation = parseLogicalExpression(convertedExpression);
-        if (
-          expression_relation.some(
-            subArray =>
-              !Array.isArray(subArray) ||
-              subArray.some(
-                // Ensure subArray is an array with all values as non null numbers
-                value => isNaN(value),
-              ),
-          )
-        ) {
-          setIsEmptyResult(true);
-          setIsError(true);
-          return [];
-        }
-      }
-      if (
-        (Array.isArray(expression_relation) &&
-          expression_relation.length === 0) ||
-        !isValid
-      ) {
-        setIsEmptyResult(true);
-        setIsError(true);
-      } else {
-        setIsEmptyResult(false);
-        setIsError(false);
-        return expression_relation;
-      }
-    }
-    return [];
-  };
-
-  const settingCustomCriteria = () => {
-    const customExpressionRelation = checkForEligibiltyCriteria();
-    if (customExpressionRelation.length > 0 && !isEmptyResult) {
-      setAdditionalUpgradeCriteria({
-        ...additionalUpgradeCriteria,
-        customCriteriaExpression: customEligibiltyCriteria,
-      });
-    }
-  };
-
-  const clearAllRuleset = () => {
-    setCustomEligibiltyCriteria();
-    setIsEmptyResult(false);
-    setIsError(false);
-  };
-
-  const validationErrorMessage = () => {
-    if (isEmptyResult && isError) {
-      return formatMessage(messages.invalidBrackets);
-    }
-  };
-
-  const customCriteriaInputProps = {
-    key: 'custom-criteria-input',
-    value: customEligibiltyCriteria,
-    className: classnames('custom-criteria-input-margin', {
-      'error-border': isEmptyResult && isError,
-    }),
-    errorMessage: validationErrorMessage(),
-    label: formatMessage(messages.expressions),
-    placeholder: formatMessage(messages.customCasePlaceholder),
-    onChange: onCustomCriteriaInputChange,
-    disabled: !isAdvanceSetting,
-  };
-
-  const showPathBlockTextCondition = () => {
-    return trackerConditionsList.length > 0;
-  };
-
-  const getPathBlockText = () => {
-    return (
-    <>
-      {showPathBlockTextCondition() && (
-          <CapLabel className={`tierUpgrade-block-inductive-text`}>
-            <CapRow type="flex" className={`tierUpgrade-text-flex-container`}>
-              <CapLabel type="label15" className={`tierUpgrade-target-name`}>
-              <CapSelect
-                data-testid="data-type-select"
-                style={{ width: '7.857rem' }}
-                value={conditionTypeBetweenTrackers}
-                options={optionsForConditionBetweenTrackers()}
-                onChange={onOptionsChangeForConditionBetweenTrackers}
-                disabled={!isAdvanceSetting}
-                dropdownClassName= 'dropdown-option-40px'
-              />
-            </CapLabel>
-
-            {conditionTypeBetweenTrackers === ANY && (
-                <CapLabel type="label15" className={`tierUpgrade-target-name`}>
-                <CapSelect
-                  data-testid="data-type-select"
-                  style={{ width: '5.075rem' }}
-                  value={numberofTrackersCondition}
-                  options={optionsForNumberofTrackersCondition}
-                  onChange={onOptionsChangeForNumberofTrackersCondition}
-                  disabled={!isAdvanceSetting}
-                  dropdownClassName= 'dropdown-option-40px'
-                />
-              </CapLabel>
-            )}
-            <CapLabel type="label1" className="parent-container-text">
-              {formatMessage(messages.conditionsToBeSatisfied)}
-            </CapLabel>
-          </CapRow>
-        </CapLabel>
-      )}
-    </>
-  );
-  };
-
-  return (
-    <>
-      <CapBlock
-        className={classnames(
-          isAdvanceSetting
-            ? 'tiers-create-parent-container'
-            : 'tiers-create-parent-container-edit-mode',
-          trackerConditionsList?.length > 0
-            ? 'tracker-condition-block-container'
-            : 'tracker-condition-block-single-mode',
-        )}
-        pathBlockText={getPathBlockText()}
-      >
-        {!isAdvanceSetting ? (
-          <>
-            <Flex
-              className={classnames(
-                className,
-                'eligibilty-condition',
-                'eligibility-condition-disabled',
-                'align-items-flex-start',
-                'extended-section-tooltip',
-                {
-                  'eligibilty-condition-edit-mode': !isAdvanceSetting,
-                },
-              )}
-            >
-              {conditionTypeBetweenTrackers === CUSTOM && upgradeType !== TRACKER_VALUE_BASED && (
-                  <CapRow className="condition-id-default-non-tracker-edit-mode">
-                    A
-                  </CapRow>
-                )}
-              <SelectCollection {...eligibilityProps} />
-              {!isAdvanceSetting &&
-                !isUpgradeTrackerBased && <NumberInput {...valueInputProps} />}
-            </Flex>
-          </>
-        ) : (
-          <>
-            <Flex
-              className={classnames(
-                className,
-                'eligibilty-condition',
-                'align-items-flex-start',
-                { 'default-condition': upgradeType !== TRACKER_VALUE_BASED },
-                {
-                  'default-tracker-condition':
-                    upgradeType === TRACKER_VALUE_BASED,
-                },
-                'flex-gap-12',
-              )}
-            >
-              {conditionTypeBetweenTrackers === CUSTOM && upgradeType !== TRACKER_VALUE_BASED && (
-                <CapRow className="condition-id-default-non-tracker">A</CapRow>
-                )}
-              <SelectCollection {...eligibilityProps} />
-              {!isAdvanceSetting &&
-                !isUpgradeTrackerBased && <NumberInput {...valueInputProps} />}
-            </Flex>
-          </>
-        )}
-        {trackerConditionsList.length > 0 &&
-          (conditionTypeBetweenTrackers === ALL ||
-            (conditionTypeBetweenTrackers === ANY &&
-              numberofTrackersCondition == 1)) &&
-          upgradeType != TRACKER_VALUE_BASED && (
-            <CapDivider orientation="left">
-              <CapLabel type="label4">
-                {conditionTypeBetweenTrackers === ALL
-                  ? formatMessage(messages.andCondition)
-                  : conditionTypeBetweenTrackers === ANY
-                    ? formatMessage(messages.orCondition)
-                    : ''}
-              </CapLabel>
-            </CapDivider>
-          )}
-
-        {isUpgradeTrackerBased && (
-          <>
-            {conditionTypeBetweenTrackers === CUSTOM && <CapRow
-                className="condition-id-default-tracker"
-                style={{ top: '3.786rem' }}
-              >
-                A
-            </CapRow>}
-            <Flex
-              className={classnames(
-                'eligibilty-condition',
-                'eligibilty-tracker-condition',
-                'align-items-flex-start',
-                'tracker-default-condition',
-                {'tracker-default-condition-custom-case':conditionTypeBetweenTrackers === CUSTOM}
-              )}
-            >
-              <SelectCollection {...upgradeTrackerProps} />
-              {!isAdvanceSetting && <NumberInput {...valueInputProps} />}
-            </Flex>
-
-            {trackerConditionsList?.length > 0 
-            && (conditionTypeBetweenTrackers === ALL || 
-              (conditionTypeBetweenTrackers === ANY && numberofTrackersCondition == 1)) 
-              && (
-              <CapDivider orientation="left">
-                <CapLabel type="label4">
-                  {conditionTypeBetweenTrackers === ALL
-                    ? formatMessage(messages.andCondition)
-                    : formatMessage(messages.orCondition)}
-                </CapLabel>
-              </CapDivider>
-              )}
-          </>
-        )}
-        {showTracker &&
-          !isSingleTierInAdvSetting && (
-            <UpgradeTrackerTierV2
-              isAdvanceSetting={isAdvanceSetting}
-              trackers={trackers}
-              disableCommons={disableCommons}
-              thresholdValues={thresholdValues}
-              disabledUpgradeMode={disabledUpgradeMode}
-              additionalUpgradeCriteria={additionalUpgradeCriteria}
-              setAdditionalUpgradeCriteria={setAdditionalUpgradeCriteria}
-              additionalEligibilityCriteria={additionalEligibilityCriteria}
-              setAdditionalEligibilityCriteria={
-                setAdditionalEligibilityCriteria
-              }
-              trackerConditionsList={trackerConditionsList}
-              setTrackerConditionsList={setTrackerConditionsList}
-              upgradeCriteria={upgradeCriteria}
-              setUpgradeCriteria={setUpgradeCriteria}
-              conditionTypeBetweenTrackers={conditionTypeBetweenTrackers}
-              numberofTrackersCondition={numberofTrackersCondition}
-              isUpgradeModeDynamic={isUpgradeModeDynamic}
-              disabledUpgradeModes={disabledUpgradeModes}
-              numberOfPossibleConditions={numberOfPossibleConditions}
-              additionalEligibilityCriteriaArray={
-                additionalEligibilityCriteriaArray
-              }
-              currentTier={currentTier}
-              slabs={slabs}
-              isSingleTierInAdvSetting={isSingleTierInAdvSetting}
-              showTracker={showTracker}
-            />
-          )}
-        {conditionTypeBetweenTrackers === CUSTOM && (
-          <>
-             <CapInfoNote
-              className="ambiguous-expression-note"
-              message={
-                <CapLabel
-                  className="ambiguous-expression-note-label"
-                  type="label2"
-                >
-                  {formatMessage(messages.ambiguousExpressionWarning)}
-                </CapLabel>
-              }
-            />
-            <CapRow
-              className={classnames('ruleset-parent-container', {
-                'error-margin': validationErrorMessage(),
-              })}
-            >
-              <CapInput
-                className="trackers-ruleset-input"
-                {...customCriteriaInputProps}
-              />
-              <CapIcon
-                onClick={() => settingCustomCriteria()}
-                type="tick"
-                className="tick-icon-ruleset"
-                size="s"
-                disabled={!customEligibiltyCriteria || !isAdvanceSetting}
-              />
-              <CapIcon
-                onClick={() => clearAllRuleset()}
-                type="close"
-                className="close-icon-ruleset"
-                size="s"
-                disabled={!isAdvanceSetting}
-              />
-            </CapRow>
-          </>
-        )}
-      </CapBlock>
-    </>
-  );
-};
-
-UpgradeTierV2.propTypes = {
-  isAdvanceSetting: PropTypes.bool,
-  intl: intlShape.isRequired,
-  trackers: PropTypes.object,
-  showTracker: PropTypes.bool,
-  disableCommons: PropTypes.bool,
-  thresholdValues: PropTypes.object,
-  upgradeCriteria: PropTypes.object,
-  setUpgradeCriteria: PropTypes.func,
-  isUpgradeTrackerBased: PropTypes.bool,
-  disabledUpgradeMode: PropTypes.object,
-  additionalUpgradeCriteria: PropTypes.object,
-  setAdditionalUpgradeCriteria: PropTypes.func,
-  isSingleTierInAdvSetting: PropTypes.bool,
-  additionalSlabUpgradeAndRenewal: PropTypes.object,
-};
-
-UpgradeTierV2.defaultProps = {
-  isAdvanceSetting: false,
-  intl: { formatMessage: () => {} },
-  showTracker: false,
-  disableCommons: false,
-  isUpgradeTrackerBased: false,
-  trackers: {},
-  thresholdValues: {},
-  upgradeCriteria: {},
-  disabledUpgradeMode: {},
-  additionalUpgradeCriteria: {},
-  setUpgradeCriteria: () => {},
-  setExpressionRelation: () => {},
-  setAdditionalUpgradeCriteria: () => {},
-  isSingleTierInAdvSetting: false,
-  setAdditionalEligibilityCriteria: () => {},
-  additionalSlabUpgradeAndRenewal: {},
-};
-
-export default injectIntl(UpgradeTierV2);