manage-app-sdk 0.0.2

package/dist/components/OfferCard/OfferCard.js

@@ -0,0 +1,100 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireDefault(require("react"));
+var _commonUtils = require("../../utils/commonUtils");
+var _AppConstant = require("../../assets/AppConstant");
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const ratio = _AppConstant.AppConstant.dimension.aspectRatio;
+const OfferCard = ({
+  children
+}) => {
+  const containerWidth = ratio * ((0, _commonUtils.isTablet)() ? 400 : 300);
+  const containerHeight = 70 * ratio;
+  const cutRadius = 9 * ratio;
+  const borderWidth = 2.5 * ratio;
+  const rectBorderWidth = 4 * ratio;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.default, {
+    width: containerWidth,
+    height: containerHeight,
+    style: _reactNative.StyleSheet.absoluteFillObject
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Mask, {
+    id: "ticketMask"
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Rect, {
+    width: containerWidth,
+    height: containerHeight,
+    fill: "white",
+    rx: 12 * ratio,
+    stroke: "gray",
+    strokeWidth: rectBorderWidth,
+    strokeLinecap: "round",
+    strokeDasharray: `${10 * ratio}, ${10 * ratio}`
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Circle, {
+    cx: 0,
+    cy: containerHeight / 2,
+    r: cutRadius,
+    fill: "black"
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Circle, {
+    cx: containerWidth + 0 * ratio,
+    cy: containerHeight / 2,
+    r: cutRadius,
+    fill: "black"
+  })), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Rect, {
+    width: containerWidth,
+    height: containerHeight,
+    fill: "white",
+    rx: 12 * ratio,
+    mask: "url(#ticketMask)"
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Circle, {
+    cx: 0 * ratio,
+    cy: containerHeight / 2,
+    r: cutRadius,
+    stroke: "gray",
+    strokeLinecap: "round",
+    strokeWidth: borderWidth,
+    strokeDasharray: `${5 * ratio}, ${6 * ratio}`,
+    fill: "none"
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Circle, {
+    cx: containerWidth + 0 * ratio,
+    cy: containerHeight / 2,
+    r: cutRadius,
+    strokeLinecap: "round",
+    stroke: "gray",
+    strokeWidth: borderWidth,
+    strokeDasharray: `${5 * ratio}, ${6 * ratio}`,
+    fill: "none"
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.innerContainer
+  }, children));
+};
+var _default = exports.default = /*#__PURE__*/_react.default.memo(OfferCard);
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    position: "relative",
+    height: 70 * ratio,
+    width: ratio * ((0, _commonUtils.isTablet)() ? 400 : 300),
+    alignSelf: "center",
+    overflow: "hidden",
+    marginRight: 12 * ratio
+  },
+  innerContainer: {
+    width: "100%",
+    height: "100%",
+    paddingHorizontal: 18 * ratio,
+    padding: ratio * 10,
+    borderRadius: ratio * 12,
+    // borderWidth: ratio * 2,
+    // borderStyle: "dashed",
+    // borderColor: "gray",
+    flexDirection: "row",
+    alignItems: "center"
+  }
+});

package/dist/components/PaymentMethod/PaymentMethod.js

@@ -0,0 +1,370 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
+var _native = require("@react-navigation/native");
+var _AppConstant = require("../../assets/AppConstant");
+var _commonUtils = require("../../utils/commonUtils");
+var _action = require("../../services/global/action");
+var _action2 = require("../../services/apiCall/action");
+var _serviceCommonHandler = require("../../services/serviceCommonHandler");
+var _OtpPopup = _interopRequireDefault(require("../PopUps/OtpPopup/OtpPopup"));
+var _Home = require("../../Constants/Home");
+var _string = require("../../utils/string");
+var _BingeLogoSvg = _interopRequireDefault(require("../../assets/svg/BingeLogoSvg"));
+var _CrossSvg = _interopRequireDefault(require("../../assets/svg/CrossSvg"));
+var _arrowBack = _interopRequireDefault(require("../../assets/svg/arrowBack"));
+var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
+var _fontUtils = require("../../utils/fontUtils");
+var _RadioButton = _interopRequireDefault(require("../Buttons/RadioButton/RadioButton"));
+var _lodash = require("lodash");
+var _PrimaryButton = _interopRequireDefault(require("../Buttons/PrimaryButton/PrimaryButton"));
+var _PopUp = _interopRequireDefault(require("../PopUps/PopUp/PopUp"));
+var _ModalTypes = require("../CommonModal/ModalTypes");
+var _MpinPopUp = _interopRequireDefault(require("../PopUps/MpinPopUp/MpinPopUp"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const PaymentMethod = ({
+  pageData,
+  modalData,
+  identifyMixpanelId,
+  onClose
+}) => {
+  var _AppConstant$getManif, _pageData$paymentPopu;
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const navigation = (0, _native.useNavigation)();
+  const [error, setError] = (0, _react.useState)(false);
+  const [lowBlsError, setLowBlsError] = (0, _react.useState)(false);
+  const {
+    selectedPayment = "",
+    createSessionResponse,
+    cartId
+  } = (0, _reactRedux.useSelector)(state => state.manageAppReducer);
+  const scaleAnim = (0, _reactNative.useAnimatedValue)(0.8);
+  const opacityAnim = (0, _reactNative.useAnimatedValue)(0);
+  (0, _react.useEffect)(() => {
+    if (!(0, _commonUtils.isTablet)()) return;
+    _reactNative.Animated.parallel([_reactNative.Animated.spring(scaleAnim, {
+      toValue: 1,
+      friction: 6,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(opacityAnim, {
+      toValue: 1,
+      duration: 250,
+      useNativeDriver: true
+    })]).start();
+  }, [scaleAnim, opacityAnim]);
+  const {
+    source = "",
+    agentType = "",
+    subscriberId,
+    accountId,
+    mixpanelId,
+    journeyType = "",
+    journey,
+    rmn = ""
+  } = createSessionResponse;
+  const errorData = (_AppConstant$getManif = _AppConstant.AppConstant.getManifestJson()) === null || _AppConstant$getManif === void 0 ? void 0 : _AppConstant$getManif.errorMsg;
+  const closeModal = () => {
+    if ((0, _commonUtils.isTablet)()) {
+      _reactNative.Animated.parallel([_reactNative.Animated.timing(scaleAnim, {
+        toValue: 0.8,
+        duration: 150,
+        useNativeDriver: true
+      }), _reactNative.Animated.timing(opacityAnim, {
+        toValue: 0,
+        duration: 150,
+        useNativeDriver: true
+      })]).start(() => {
+        onClose();
+      });
+    } else {
+      onClose();
+    }
+  };
+  const selectPack = (rechargeType, checked) => {
+    setError(false);
+    setLowBlsError(false);
+    if (checked) {
+      dispatch((0, _action2.setSelectedPayment)(rechargeType));
+    }
+  };
+  const fetchOtpApi = async () => {
+    try {
+      const apiPath = _AppConstant.AppConstant.getApiUrlFromManifest("getOtp");
+      const getPlansApi = (0, _commonUtils.replaceStringWithParams)(apiPath, {
+        "<source>": `${source}`
+      });
+      const resObj = await (0, _commonUtils.fetchWithHeaders)(getPlansApi, _serviceCommonHandler.serviceConsts.method.post, {});
+      if (resObj !== null && resObj !== void 0 && resObj.status) {
+        dispatch((0, _action.showModal)({
+          modalType: (0, _commonUtils.isTablet)() ? _ModalTypes.MODAL_TYPES.Modal : _ModalTypes.MODAL_TYPES.BottomSheet,
+          pageData: pageData,
+          type: "mService",
+          Component: _OtpPopup.default
+        }));
+      }
+    } catch (error) {
+      (0, _commonUtils.handleError)(error);
+    }
+  };
+  const fetchDthApi = async () => {
+    if (["APPDISCONTINUE", "APPREPLACE", "ZEROAPPSELECTION"].includes(journey)) {
+      fetchOtpApi();
+    } else {
+      try {
+        const apiPath = _AppConstant.AppConstant.getApiUrlFromManifest("validateDhamaka");
+        const dhamakaApi = (0, _commonUtils.replaceStringWithParams)(apiPath, {
+          "<source>": `${source}`
+        });
+        const payload = {
+          uuid: cartId,
+          subscriberId: subscriberId,
+          rmn: rmn
+        };
+        const responseObj = await (0, _commonUtils.fetchWithHeaders)(dhamakaApi, _serviceCommonHandler.serviceConsts.method.post, payload);
+        if (responseObj && responseObj.status) {
+          fetchOtpApi();
+        } else {
+          dispatch((0, _action.showModal)({
+            modalData: responseObj.error,
+            type: "success",
+            Component: _PopUp.default,
+            popType: "msales"
+          }));
+        }
+      } catch (error) {
+        (0, _commonUtils.handleError)(error);
+      }
+    }
+  };
+  const redirectionApi = () => {
+    const apiPath1 = _AppConstant.AppConstant.getApiUrlFromManifest("pageRedirection");
+    const type = source === "MSALES" && journeyType === "CUSTOMER" ? journeyType : "";
+    const redirectionApi = (0, _commonUtils.replaceStringWithParams)(apiPath1, {
+      "<source>": `${source}`
+    });
+    (0, _commonUtils.fetchRedirectionApi)(_Home.pageConstants.PlanSummaryPage, cartId, navigation, redirectionApi, type);
+  };
+  const redirecToPayment = () => {
+    if (selectedPayment === _Home.mSalesConstants.EVD && (modalData === null || modalData === void 0 ? void 0 : modalData.evdBalAvailable) === false) {
+      setError(true);
+    } else {
+      if (selectedPayment === _Home.mSalesConstants.EVD && (modalData === null || modalData === void 0 ? void 0 : modalData.evdBalAvailable) === true) {
+        dispatch((0, _action.showModal)({
+          modalType: (0, _commonUtils.isTablet)() ? _ModalTypes.MODAL_TYPES.Modal : _ModalTypes.MODAL_TYPES.BottomSheet,
+          pageData: pageData,
+          type: "MSALES",
+          Component: _MpinPopUp.default
+        }));
+      } else if (selectedPayment === _Home.mSalesConstants.DTH && !(0, _lodash.isEmpty)(modalData === null || modalData === void 0 ? void 0 : modalData.rechargeUrl) && (source !== "MSALES" || source === "MSALES" && journeyType === "CUSTOMER")) {
+        // TODO  rechargeFormSubmit(modalData?.rechargeUrl)
+      } else if (selectedPayment === _Home.mSalesConstants.DTH && !(0, _lodash.isEmpty)(modalData === null || modalData === void 0 ? void 0 : modalData.rechargeUrl) && source === "MSALES" && journeyType !== "CUSTOMER") {
+        setLowBlsError(true);
+      } else if (selectedPayment === _Home.mSalesConstants.DTH && (0, _lodash.isEmpty)(modalData === null || modalData === void 0 ? void 0 : modalData.rechargeUrl)) {
+        fetchDthApi();
+      } else if (selectedPayment === _Home.mSalesConstants.LINK) {
+        (0, _commonUtils.fetchSendLinkApi)(pageData);
+      } else {
+        if ((0, _lodash.isEmpty)(accountId) && (0, _lodash.isEmpty)(mixpanelId)) {
+          // fetchMixpanelId();
+        } else {
+          redirectionApi();
+        }
+      }
+    }
+  };
+  const Data = (0, _string.jsonCopy)(pageData.paymentData);
+  const paymentData = Data.map(item => {
+    if (item.id === "EVD" && ["Binge EVD"].includes(agentType)) {
+      return {
+        ...item,
+        isSelect: true
+      };
+    } else if (item.id === "DTH") {
+      return {
+        ...item,
+        isSelect: (modalData === null || modalData === void 0 ? void 0 : modalData.redirectionFlag) === false ? true : false
+      };
+    } else if (item.id === "OTHER") {
+      return {
+        ...item,
+        isSelect: false
+      };
+    } else if (item.id === "LINK") {
+      return {
+        ...item,
+        isSelect: true
+      };
+    } else {
+      return {
+        ...item,
+        isSelect: false
+      };
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styles.container, (0, _commonUtils.isTablet)() && styles.tabletStyle, (0, _commonUtils.isTablet)() && {
+      transform: [{
+        scale: scaleAnim
+      }],
+      opacity: opacityAnim
+    }]
+  }, (0, _commonUtils.isTablet)() && /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
+    colors: ["#200042", "#170134ff", "#0a0013ff"],
+    start: {
+      x: 0,
+      y: 0
+    },
+    end: {
+      x: 1,
+      y: 0
+    },
+    style: styles.backgroundGradient
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.header
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: closeModal,
+    activeOpacity: 0.7
+  }, (0, _commonUtils.isTablet)() ? /*#__PURE__*/_react.default.createElement(_CrossSvg.default, {
+    style: styles.navigationSvg
+  }) : /*#__PURE__*/_react.default.createElement(_arrowBack.default, {
+    style: styles.navigationSvg
+  })), !(0, _commonUtils.isTablet)() && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.bingeLogo
+  }, /*#__PURE__*/_react.default.createElement(_BingeLogoSvg.default, {
+    width: 100,
+    height: 20
+  }))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.content
+  }, (0, _commonUtils.isTablet)() && /*#__PURE__*/_react.default.createElement(_BingeLogoSvg.default, null), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.heading
+  }, pageData === null || pageData === void 0 || (_pageData$paymentPopu = pageData.paymentPopup) === null || _pageData$paymentPopu === void 0 ? void 0 : _pageData$paymentPopu.heading), !(0, _lodash.isEmpty)(paymentData) && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.paymentOptions
+  }, paymentData.map((item, index) => item.isSelect && /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    activeOpacity: 0.9,
+    key: `${index}_${item.id}`,
+    style: styles.paymentOption,
+    onPress: () => selectPack(item.title, !(selectedPayment == item.title))
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.buttonNdText
+  }, /*#__PURE__*/_react.default.createElement(_RadioButton.default, {
+    selected: selectedPayment == item.title,
+    onPress: checked => selectPack(item.title, checked)
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.optionText
+  }, item.title)), item.id != "OTHER" && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.balanceText
+  }, item.id === "EVD" ? (modalData === null || modalData === void 0 ? void 0 : modalData.evdBalance) && `₹${modalData === null || modalData === void 0 ? void 0 : modalData.evdBalance}` : item.id === "LINK" ? "" : `₹${modalData === null || modalData === void 0 ? void 0 : modalData.dthBalance}`)))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.buttonContainer
+  }, error && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.error
+  }, pageData === null || pageData === void 0 ? void 0 : pageData.evdMessage), lowBlsError && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.error
+  }, pageData === null || pageData === void 0 ? void 0 : pageData.insufficientBls), /*#__PURE__*/_react.default.createElement(_PrimaryButton.default, {
+    style: styles.button,
+    title: pageData === null || pageData === void 0 ? void 0 : pageData.btnLabel,
+    onPress: redirecToPayment
+  }))));
+};
+var _default = exports.default = PaymentMethod;
+const ratio = _AppConstant.AppConstant.dimension.aspectRatio;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    padding: 15 * ratio,
+    paddingHorizontal: 20 * ratio,
+    alignItems: "center"
+  },
+  header: {
+    flexDirection: "row",
+    width: "100%",
+    alignItems: "center",
+    marginBottom: 15 * ratio
+  },
+  navigationSvg: {
+    paddingStart: 20 * ratio,
+    width: 50,
+    height: 50
+  },
+  bingeLogo: {
+    width: "100%",
+    position: "absolute",
+    left: 0,
+    right: 0,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  backgroundGradient: {
+    borderRadius: 14 * ratio,
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  },
+  tabletStyle: {
+    width: ratio * 450,
+    borderWidth: 1,
+    borderColor: "#554372",
+    borderRadius: 14 * ratio,
+    padding: 25 * ratio
+  },
+  content: {
+    width: "100%",
+    alignItems: "center"
+  },
+  heading: {
+    color: "white",
+    fontSize: (0, _AppConstant.normalizeFont)(23),
+    fontFamily: _fontUtils.FONTS.Medium,
+    marginTop: 15 * ratio
+  },
+  paymentOptions: {
+    gap: 15 * ratio,
+    alignItems: "center",
+    marginTop: 40 * ratio,
+    width: "90%"
+  },
+  paymentOption: {
+    flexDirection: "row",
+    alignItems: "center",
+    width: "100%",
+    justifyContent: "space-between"
+  },
+  optionText: {
+    fontSize: (0, _AppConstant.normalizeFont)(18),
+    color: "white",
+    fontFamily: _fontUtils.FONTS.Medium,
+    marginLeft: 10 * ratio
+  },
+  balanceText: {
+    fontSize: (0, _AppConstant.normalizeFont)(18),
+    color: "#8e82a1",
+    fontFamily: _fontUtils.FONTS.Medium,
+    marginLeft: 10 * ratio
+  },
+  buttonNdText: {
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  buttonContainer: {
+    width: "100%",
+    alignItems: "center",
+    marginTop: 25 * ratio,
+    paddingHorizontal: 15 * ratio
+  },
+  error: {
+    color: "#e53835cf",
+    fontSize: (0, _AppConstant.normalizeFont)(13),
+    fontFamily: _fontUtils.FONTS.Medium,
+    alignSelf: "baseline"
+  },
+  button: {
+    width: "100%"
+  }
+});

package/dist/components/Plan/CurrentPlanCard.js

@@ -0,0 +1,138 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _PlanCardStyles = _interopRequireDefault(require("./PlanCardStyles"));
+var _reactRedux = require("react-redux");
+var _string = require("../../utils/string");
+var _lodash = require("lodash");
+var _RenderAppIcons = require("./RenderAppIcons");
+var _react = _interopRequireWildcard(require("react"));
+var _commonUtils = require("../../utils/commonUtils");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _PrimaryButton = _interopRequireDefault(require("../Buttons/PrimaryButton/PrimaryButton"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const CurrentPlanCard = ({
+  drupal,
+  plan,
+  userExistingPacks,
+  selectTenure,
+  onButtonClick
+}) => {
+  var _plan$appList, _appsList$BUCKET, _appsList$BUCKET2, _plan$devicesList, _plan$deviceListInfo2;
+  const {
+    journey,
+    existingPacks: {
+      appsList = {},
+      entitledAppCount = ""
+    } = {}
+  } = (0, _reactRedux.useSelector)(state => state.manageAppReducer.createSessionResponse);
+  const planAppList = (plan === null || plan === void 0 || (_plan$appList = plan.appList) === null || _plan$appList === void 0 ? void 0 : _plan$appList["BUCKET1"]) ?? [];
+  const tenuresList = (plan === null || plan === void 0 ? void 0 : plan.tenureList) ?? [];
+  const complimentaryCount = planAppList === null || planAppList === void 0 ? void 0 : planAppList.filter(it => it.isComplimentary).length;
+  const appCount = (plan === null || plan === void 0 ? void 0 : plan.productType) === "Flexi" ? ((_appsList$BUCKET = appsList["BUCKET1"]) === null || _appsList$BUCKET === void 0 ? void 0 : _appsList$BUCKET.length) || entitledAppCount : planAppList.length;
+  const isSportsPlus = ["BINGEMON86", "BINGEMON71"].find(id => (plan === null || plan === void 0 ? void 0 : plan.packId) == id);
+  const couponCodeExist = () => {
+    const couponOfferExist = tenuresList.filter(item => item.couponOfferId !== null);
+    if (!(0, _lodash.isEmpty)(couponOfferExist) && Array.isArray(couponOfferExist)) {
+      return true;
+    }
+    return false;
+  };
+  const tagArray = (0, _react.useMemo)(() => {
+    const tags = [];
+    if (plan !== null && plan !== void 0 && plan.isCurrentPlan && drupal !== null && drupal !== void 0 && drupal.currentPlanTag) tags.push(drupal === null || drupal === void 0 ? void 0 : drupal.currentPlanTag);
+    if (couponCodeExist() && drupal !== null && drupal !== void 0 && drupal.superSaverTag) tags.push(drupal === null || drupal === void 0 ? void 0 : drupal.superSaverTag);
+    if (journey !== "COUPONS" && !couponCodeExist() && (plan === null || plan === void 0 ? void 0 : plan.packType.toUpperCase()) == "BS" && drupal !== null && drupal !== void 0 && drupal.BingeBestsellers) tags.push(drupal === null || drupal === void 0 ? void 0 : drupal.BingeBestsellers);
+    if (isSportsPlus && drupal !== null && drupal !== void 0 && drupal.SportsTagName) tags.push(drupal === null || drupal === void 0 ? void 0 : drupal.SportsTagName);
+    if (["BINGEMON112"].includes(plan === null || plan === void 0 ? void 0 : plan.packId)) tags.push(drupal === null || drupal === void 0 ? void 0 : drupal.englishTag);
+    return tags;
+  }, [isSportsPlus, plan, drupal]);
+  const getMainHeading = () => {
+    const text = (0, _string.replacePlaceholderInString)(drupal === null || drupal === void 0 ? void 0 : drupal.choosePlanTitle, "appCount", appCount + complimentaryCount);
+    return text;
+  };
+  const getBenefitsText = () => {
+    if ((plan === null || plan === void 0 ? void 0 : plan.productType) === "Flexi") {
+      return appCount + " Apps + " + complimentaryCount + " Complimentary";
+    } else {
+      return appCount + " Apps included";
+    }
+  };
+  const getWatchOnDevices = () => (0, _string.replacePlaceholderInString)((0, _commonUtils.isTablet)() ? drupal === null || drupal === void 0 ? void 0 : drupal.watchLDevice : drupal === null || drupal === void 0 ? void 0 : drupal.watchDevice, "deviceCount", plan === null || plan === void 0 ? void 0 : plan.totalDevices);
+  const getWatchDevices = () => {
+    var _plan$deviceListInfo;
+    return (plan === null || plan === void 0 || (_plan$deviceListInfo = plan.deviceListInfo) === null || _plan$deviceListInfo === void 0 ? void 0 : _plan$deviceListInfo.title) ?? "";
+  };
+  const appsToRender = (plan === null || plan === void 0 ? void 0 : plan.productType) == "Flexi" ? appsList === null || appsList === void 0 || (_appsList$BUCKET2 = appsList["BUCKET1"]) === null || _appsList$BUCKET2 === void 0 ? void 0 : _appsList$BUCKET2.slice(0, 3) : planAppList;
+  const shouldAlignCenter = !((appsToRender === null || appsToRender === void 0 ? void 0 : appsToRender.length) > ((0, _commonUtils.isTablet)() ? 5 : 4));
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _PlanCardStyles.default.container
+  }, !(0, _lodash.isEmpty)(tagArray) && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flexDirection: "row",
+      gap: 2
+    }
+  }, tagArray.map((tag, idx) => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    key: idx,
+    style: _PlanCardStyles.default.tagContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _PlanCardStyles.default.tagText
+  }, tag)))), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    layout: _reactNativeReanimated.LinearTransition.easing(_reactNativeReanimated.Easing.linear).duration(120),
+    style: _PlanCardStyles.default.card
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, null, (plan === null || plan === void 0 ? void 0 : plan.packId) === "BINGETRL04" ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _PlanCardStyles.default.heading
+  }, (plan === null || plan === void 0 ? void 0 : plan.productType) == "Flexi" ? (0, _string.replacePlaceholderInString)(drupal === null || drupal === void 0 ? void 0 : drupal.flexiHeading, "appCount", appCount) : (0, _string.replacePlaceholderInString)(drupal === null || drupal === void 0 ? void 0 : drupal.fixedHeading, "appCount", appCount)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_PlanCardStyles.default.watchDevicesContainer, (0, _commonUtils.isTablet)() && _PlanCardStyles.default.flexDirectionRow]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _PlanCardStyles.default.deviceText
+  }, (0, _string.replacePlaceholderInString)((0, _commonUtils.isTablet)() ? drupal === null || drupal === void 0 ? void 0 : drupal.watchLDevice : drupal === null || drupal === void 0 ? void 0 : drupal.watchDevice, "deviceCount", plan === null || plan === void 0 || (_plan$devicesList = plan.devicesList) === null || _plan$devicesList === void 0 ? void 0 : _plan$devicesList.length)), (0, _commonUtils.isTablet)() && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _PlanCardStyles.default.deviceText
+  }, " | "), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _PlanCardStyles.default.deviceText
+  }, plan === null || plan === void 0 || (_plan$deviceListInfo2 = plan.deviceListInfo) === null || _plan$deviceListInfo2 === void 0 ? void 0 : _plan$deviceListInfo2.title))) : /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _PlanCardStyles.default.heading
+  }, getMainHeading()), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _PlanCardStyles.default.benefitsContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _PlanCardStyles.default.benefitsText
+  }, getBenefitsText()))), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, (plan === null || plan === void 0 ? void 0 : plan.packId) !== "BINGETRL04" && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_PlanCardStyles.default.watchDevicesContainer, (0, _commonUtils.isTablet)() && _PlanCardStyles.default.flexDirectionRow]
+  }, (plan === null || plan === void 0 ? void 0 : plan.totalDevices) && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _PlanCardStyles.default.deviceText
+  }, getWatchOnDevices()), (0, _commonUtils.isTablet)() && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _PlanCardStyles.default.deviceText
+  }, " | "), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _PlanCardStyles.default.deviceText
+  }, getWatchDevices())), /*#__PURE__*/_react.default.createElement(_RenderAppIcons.RenderAppIcons, {
+    appList: appsToRender,
+    productType: plan === null || plan === void 0 ? void 0 : plan.productType,
+    isFreeTrialPack: plan === null || plan === void 0 ? void 0 : plan.isFreeTrialPack,
+    drupal: drupal,
+    iconWidth: 56,
+    iconHeight: 56,
+    rowStyle: [_PlanCardStyles.default.currentPlanAppRowPadding, shouldAlignCenter && {
+      justifyContent: "center"
+    }],
+    maxSlots: (0, _commonUtils.isTablet)() ? 10 : 8
+  }), !(0, _lodash.isEmpty)(entitledAppCount) && (plan === null || plan === void 0 ? void 0 : plan.productType) === "Flexi" && (plan === null || plan === void 0 ? void 0 : plan.isCurrentPlan) && (plan === null || plan === void 0 ? void 0 : plan.packId) !== "BINGETRL04" && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _PlanCardStyles.default.app
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _PlanCardStyles.default.appIconsRow
+  }, Array.from({
+    length: entitledAppCount
+  }).map((_, index) => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    key: `entitled-app-${index}`,
+    style: _PlanCardStyles.default.appIconWrapper
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    source: require("../../assets/images/PartnerLogosSmall.png"),
+    style: _PlanCardStyles.default.appIcon,
+    resizeMode: "contain"
+  })))))))));
+};
+var _default = exports.default = /*#__PURE__*/_react.default.memo(CurrentPlanCard);