manage-app-sdk 0.0.2

package/dist/screens/ChooseYourPlan/ChooseYourPlan.js

@@ -0,0 +1,596 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ChooseYourPlan;
+var _native = require("@react-navigation/native");
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactRedux = require("react-redux");
+var _AppConstant = require("../../assets/AppConstant");
+var _action = require("../../services/apiCall/action");
+var _string = require("../../utils/string");
+var _constants = require("../../services/apiCall/constants");
+var _serviceCommonHandler = require("../../services/serviceCommonHandler");
+var _CouponCard = _interopRequireDefault(require("../../components/Coupon/CouponCard"));
+var _PlanCard = _interopRequireDefault(require("../../components/Plan/PlanCard"));
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _ManageAppHeader = _interopRequireDefault(require("../../components/Header/ManageAppHeader"));
+var _commonUtils = require("../../utils/commonUtils");
+var _lodash = require("lodash");
+var _Toast = _interopRequireDefault(require("../../components/Toast/Toast"));
+var _Loader = _interopRequireDefault(require("../../components/Loader/Loader"));
+var _PopUp = _interopRequireDefault(require("../../components/PopUps/PopUp/PopUp"));
+var _action2 = require("../../services/global/action");
+var _InternetErrorPopUp = _interopRequireDefault(require("../../components/PopUps/InternetErrorPopUp/InternetErrorPopUp"));
+var _AppleMusicBanner = _interopRequireDefault(require("../../components/AppleBanner/AppleMusicBanner"));
+var _PrimeBanner = _interopRequireDefault(require("../../components/PrimeBanner/PrimeBanner"));
+var _CurrentPlanCard = _interopRequireDefault(require("../../components/Plan/CurrentPlanCard"));
+var _SectionItem = _interopRequireDefault(require("../../components/SectionItem/SectionItem"));
+var _PlansSvg = _interopRequireDefault(require("../../assets/svg/PlansSvg"));
+var _OffersCarousel = _interopRequireDefault(require("./OffersCarousel"));
+var _SpecialPlanCard = _interopRequireDefault(require("../../components/Plan/SpecialPlanCard"));
+var _RoutesConstants = require("../../navigation/RoutesConstants");
+var _Home = require("../../Constants/Home");
+var _ChooseYourPlanStyles = _interopRequireDefault(require("./ChooseYourPlanStyles"));
+var _MicroDramaCard = _interopRequireDefault(require("../../components/MicroDrama/MicroDramaCard"));
+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); }
+function ChooseYourPlan({
+  route
+}) {
+  var _chooseYourPlanDrupal;
+  let pageType = "CYOP";
+  let nextUserScreen = "";
+  let paymtUserAction = ""; // this is coming from CartCreateSession and from a "userAction" cookie in web
+
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const uniqueKey = (0, _react.useRef)();
+  const navigation = (0, _native.useNavigation)();
+  const isFocused = (0, _native.useIsFocused)();
+  const {
+    onReady,
+    onClose
+  } = route === null || route === void 0 ? void 0 : route.params;
+  const [couponDetails, setCouponDetails] = (0, _react.useState)({});
+  const [chooseYourPlanDrupalInfo, setchooseYourPlanDrupal] = (0, _react.useState)(null);
+  const memoizedDrupal = (0, _react.useMemo)(() => chooseYourPlanDrupalInfo, [chooseYourPlanDrupalInfo]);
+  const createSessionResponse = (0, _reactRedux.useSelector)(state => state.manageAppReducer.createSessionResponse);
+  const getPacksResponse = (0, _reactRedux.useSelector)(state => state.manageAppReducer.getPacksResponse);
+  const pageRedirectionResponse = (0, _reactRedux.useSelector)(state => state.manageAppReducer.pageRedirectionResponse);
+  const {
+    selectedPack,
+    plans = [],
+    productList,
+    userAppsList,
+    couponAlert,
+    userExistingPacks
+  } = (0, _reactRedux.useSelector)(state => state.manageAppReducer);
+  const {
+    showToastMsg,
+    isLoading,
+    errorCode,
+    evdErrorCode,
+    unauthorizedPopUpKey
+  } = (0, _reactRedux.useSelector)(state => state.commonReducer);
+  const {
+    journey,
+    bingeAnywhere,
+    source,
+    journeySourceRefName,
+    journeySourceRefld,
+    subscriberId,
+    accountId,
+    existingPacks: {
+      primeEligible,
+      productId,
+      expiredPlan,
+      appsList = {}
+    } = {},
+    selectedPacks: userSelectedPacks
+  } = createSessionResponse ?? {};
+  const {
+    campaignSources = [],
+    appNamesList = {}
+  } = (0, _react.useMemo)(() => {
+    return _AppConstant.AppConstant.getManifestJson() ?? {};
+  }, [_AppConstant.AppConstant.getManifestJson()]);
+  const getContentHeading = () => {
+    if (journeySourceRefName != null && journeySourceRefName !== "Prime" || journeySourceRefName === "Prime" && primeEligible) {
+      const text = (0, _string.replacePlaceholderInString)(chooseYourPlanDrupalInfo === null || chooseYourPlanDrupalInfo === void 0 ? void 0 : chooseYourPlanDrupalInfo.contentHeading, "contentName", journeySourceRefName);
+      return (0, _commonUtils.renameAppNames)(text, appNamesList);
+    } else {
+      return "Select A Plan";
+    }
+  };
+  const getPageHeading = (0, _react.useCallback)(() => {
+    let pageHeading = "";
+    switch (journey) {
+      case "MYOP":
+      case "CYOP":
+      case "COUPONS":
+        {
+          pageHeading = "Select A Plan";
+        }
+        break;
+      case "CHANGE":
+        pageHeading = chooseYourPlanDrupalInfo === null || chooseYourPlanDrupalInfo === void 0 ? void 0 : chooseYourPlanDrupalInfo.upgradeHeading;
+        break;
+      case "CONTENT":
+        {
+          pageHeading = getContentHeading();
+        }
+        break;
+      case "PACKCONTENT":
+        {
+          pageHeading = chooseYourPlanDrupalInfo === null || chooseYourPlanDrupalInfo === void 0 ? void 0 : chooseYourPlanDrupalInfo.packContentText;
+        }
+        break;
+      default:
+        if (["TP", "TPMA", "MSALES", "BINGEMICROSITE", "PULSEFTV", "MSERVICE", "MSERVICEFTV", "PULSEBINGE_OB", "PULSEBINGE_IB"].includes(source)) {
+          if (["MYOP", "CYOP"].includes(pageType)) {
+            pageHeading = "Select A Plan";
+          }
+        } else {
+          pageHeading = "Select A Plan";
+        }
+    }
+    return pageHeading;
+  }, [journey, source, chooseYourPlanDrupalInfo]);
+  const initializeFlow = async () => {
+    try {
+      dispatch((0, _action2.showLoader)());
+
+      // FETCH DRUPAL
+      const url = _AppConstant.AppConstant.getApiUrlFromManifest("choose_your_plan");
+      const response = await (0, _commonUtils.fetchWithHeaders)(url, _serviceCommonHandler.serviceConsts.method.get);
+      if (response && response.status == "SUCCESS") {
+        var _response$data;
+        const drupalData = response === null || response === void 0 || (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.field_json_data;
+        setchooseYourPlanDrupal(drupalData);
+
+        // PROCEED WITH OTHER FLOWS
+        uniqueKey.current = Math.random();
+        if (!["BINGEPLUSBOX", "SAMSUNGSMARTV", "LGSMARTTV", "SMARTTV", "FTV", "BINGE_QR"].includes(source) || !campaignSources.includes(journey)) {
+          dispatch((0, _action.getPacksApi)({
+            source: source,
+            type: pageType,
+            journey,
+            uniqueKey: uniqueKey.current,
+            userSelectedPacks: userSelectedPacks
+          }));
+        }
+      } else {
+        dispatch((0, _action2.setApiError)("Something went wrong", true));
+      }
+    } catch (error) {
+      dispatch((0, _action2.hideLoader)());
+      (0, _commonUtils.handleError)(error, dispatch);
+    } finally {
+      onReady === null || onReady === void 0 || onReady();
+    }
+  };
+  (0, _react.useEffect)(() => {
+    if (!isFocused) return; // only show modal when this screen is focused
+
+    if (errorCode) {
+      dispatch((0, _action2.hideLoader)());
+      if (evdErrorCode && evdErrorCode === 11111) {
+        dispatch((0, _action2.showModal)({
+          onRetry: () => console.log("INTERNET ERROR"),
+          type: "cyop",
+          Component: _InternetErrorPopUp.default
+        }));
+      } else {
+        var _AppConstant$getManif;
+        dispatch((0, _action2.showModal)({
+          modalData: (_AppConstant$getManif = _AppConstant.AppConstant.getManifestJson()) === null || _AppConstant$getManif === void 0 ? void 0 : _AppConstant$getManif.errorData,
+          type: "cyop",
+          Component: _PopUp.default
+        }));
+      }
+    }
+    if (unauthorizedPopUpKey) {
+      // TODO : SHOW POPUP OR REDIRECT
+    }
+  }, [errorCode, evdErrorCode, unauthorizedPopUpKey, isFocused]);
+  (0, _react.useEffect)(() => {
+    initializeFlow();
+  }, []);
+  (0, _react.useEffect)(() => {
+    var _getPacksResponse$pay;
+    if (getPacksResponse != null && getPacksResponse.payload != null && uniqueKey.current != null && uniqueKey.current == (getPacksResponse === null || getPacksResponse === void 0 || (_getPacksResponse$pay = getPacksResponse.payload) === null || _getPacksResponse$pay === void 0 ? void 0 : _getPacksResponse$pay.uniqueKey)) {
+      const resp = (0, _string.jsonCopy)(getPacksResponse);
+      dispatch({
+        type: _constants.CLEAR_CREATE_SESSION_API_TYPE
+      });
+      _AppConstant.AppConstant.showConsoleLog("getPacksResponse:", resp);
+      if (resp.error == null) {
+        var _resp$data;
+        if ((resp === null || resp === void 0 || (_resp$data = resp.data) === null || _resp$data === void 0 ? void 0 : _resp$data.couponDetails) != null) {
+          var _resp$data2;
+          setCouponDetails(resp === null || resp === void 0 || (_resp$data2 = resp.data) === null || _resp$data2 === void 0 ? void 0 : _resp$data2.couponDetails);
+        }
+      } else {
+        var _AppConstant$getManif2;
+        dispatch((0, _action2.showModal)({
+          modalData: ((_AppConstant$getManif2 = _AppConstant.AppConstant.getManifestJson()) === null || _AppConstant$getManif2 === void 0 ? void 0 : _AppConstant$getManif2.errorData) ?? {},
+          type: "cyop",
+          Component: _PopUp.default
+        }));
+      }
+    }
+  }, [getPacksResponse]);
+  (0, _react.useEffect)(() => {
+    var _pageRedirectionRespo;
+    if (pageRedirectionResponse != null && pageRedirectionResponse.payload != null && uniqueKey.current != null && uniqueKey.current == (pageRedirectionResponse === null || pageRedirectionResponse === void 0 || (_pageRedirectionRespo = pageRedirectionResponse.payload) === null || _pageRedirectionRespo === void 0 ? void 0 : _pageRedirectionRespo.uniqueKey)) {
+      const resp = (0, _string.jsonCopy)(pageRedirectionResponse);
+      _AppConstant.AppConstant.showConsoleLog("pageRedirectionResponse:", resp);
+      if (resp.error == null) {
+        var _resp$data3;
+        if ((resp === null || resp === void 0 || (_resp$data3 = resp.data) === null || _resp$data3 === void 0 || (_resp$data3 = _resp$data3.data) === null || _resp$data3 === void 0 ? void 0 : _resp$data3.ottBingeUrl) != null) {
+          // TODO REDIRECT TO EXISTING USER
+        } else {
+          var _resp$payload;
+          navigation.navigate(_RoutesConstants.RoutesConstants.PlanSummary, {
+            cartId: resp === null || resp === void 0 || (_resp$payload = resp.payload) === null || _resp$payload === void 0 || (_resp$payload = _resp$payload.body) === null || _resp$payload === void 0 ? void 0 : _resp$payload.uuid
+          });
+        }
+      }
+    }
+  }, [pageRedirectionResponse]);
+  (0, _native.useFocusEffect)((0, _react.useCallback)(() => {
+    const onBackPress = () => {
+      handleBackPress();
+      return true;
+    };
+    const subscritption = _reactNative.BackHandler.addEventListener("hardwareBackPress", onBackPress);
+    return () => {
+      subscritption && subscritption.remove();
+    };
+  }, [handleBackPress, navigation]));
+  const handleBackPress = () => {
+    if (navigation.canGoBack()) {
+      navigation.goBack();
+    } else {
+      dispatch({
+        type: _constants.CLEAR_STORE
+      });
+      onClose === null || onClose === void 0 || onClose();
+    }
+  };
+
+  // memoized selectTenure so the function instance is stable across renders
+  const selectTenure = (0, _react.useCallback)(selectedTenure => {
+    const product = productList && productList.find(item => (item === null || item === void 0 ? void 0 : item.packId) == (selectedTenure === null || selectedTenure === void 0 ? void 0 : selectedTenure.packId));
+    const selectedParsedPlan = plans === null || plans === void 0 ? void 0 : plans.find(it => (it === null || it === void 0 ? void 0 : it.packId) === (product === null || product === void 0 ? void 0 : product.packId));
+    dispatch((0, _action.couponApplied)({
+      couponApply: false,
+      showCouponPopup: false
+    }));
+    let couponTenure = null;
+    if (couponDetails && (couponDetails === null || couponDetails === void 0 ? void 0 : couponDetails.couponId) === (selectedTenure === null || selectedTenure === void 0 ? void 0 : selectedTenure.couponOfferId)) {
+      couponTenure = couponDetails === null || couponDetails === void 0 ? void 0 : couponDetails.tenure;
+    }
+    const packObj = {
+      selectedPackID: product === null || product === void 0 ? void 0 : product.packId,
+      selectedPackName: product === null || product === void 0 ? void 0 : product.packName,
+      selectedPackType: product === null || product === void 0 ? void 0 : product.productClass,
+      selectedProductType: product === null || product === void 0 ? void 0 : product.productType,
+      selectedPackShortTenure: selectedTenure === null || selectedTenure === void 0 ? void 0 : selectedTenure.shortTenure,
+      selectedPackTenure: selectedTenure === null || selectedTenure === void 0 ? void 0 : selectedTenure.tenure,
+      selectedPackPrice: selectedTenure === null || selectedTenure === void 0 ? void 0 : selectedTenure.totalAmount,
+      selectedCouponCode: selectedTenure === null || selectedTenure === void 0 ? void 0 : selectedTenure.couponOfferId,
+      selectedPercentDisc: selectedTenure === null || selectedTenure === void 0 ? void 0 : selectedTenure.percentageDiscount,
+      selectedDiscountedPrice: selectedTenure === null || selectedTenure === void 0 ? void 0 : selectedTenure.discountedPackPrice,
+      selectedDiscVal: selectedTenure === null || selectedTenure === void 0 ? void 0 : selectedTenure.discountedAmount,
+      selectedOfferName: selectedTenure === null || selectedTenure === void 0 ? void 0 : selectedTenure.couponOfferName,
+      couponTenure: selectedTenure === null || selectedTenure === void 0 ? void 0 : selectedTenure.tenure,
+      isFreeTrialPack: (selectedTenure === null || selectedTenure === void 0 ? void 0 : selectedTenure.discountType) === "FREETRIAL",
+      totalValidity: product === null || product === void 0 ? void 0 : product.totalValidity,
+      selectedAmtVal: selectedTenure === null || selectedTenure === void 0 ? void 0 : selectedTenure.amountDiscount,
+      isAddOnEligible: !(0, _lodash.isEmpty)(product === null || product === void 0 ? void 0 : product.eligibleAddOnPlans) && !(selectedParsedPlan !== null && selectedParsedPlan !== void 0 && selectedParsedPlan.isCurrentPlan) ? true : false,
+      addOnList: !(0, _lodash.isEmpty)(product === null || product === void 0 ? void 0 : product.eligibleAddOnPlans) ? product === null || product === void 0 ? void 0 : product.eligibleAddOnPlans[0] : ""
+    };
+    dispatch((0, _action.setSelectedPack)({
+      pack: packObj
+    }));
+  }, [dispatch, couponDetails, productList]);
+  const redirectCurrentPlan = (plan, selectedTenure) => {
+    if ((plan === null || plan === void 0 ? void 0 : plan.productType) == "Flexi" && !(plan !== null && plan !== void 0 && plan.isFreeTrialPack)) {
+      navigateTopage(plan, selectedTenure);
+    } else {
+      try {
+        const apiPath = _AppConstant.AppConstant.getApiUrlFromManifest("savePacks");
+        const savePacksApi = (0, _commonUtils.replaceStringWithParams)(apiPath, {
+          "<source>": `${source}`
+        });
+        const apiPath1 = _AppConstant.AppConstant.getApiUrlFromManifest("pageRedirection");
+        const redirectionApi = (0, _commonUtils.replaceStringWithParams)(apiPath1, {
+          "<source>": `${source}`
+        });
+        const obj = {
+          selectedPack: selectedTenure === null || selectedTenure === void 0 ? void 0 : selectedTenure.packId,
+          selectedPackName: plan === null || plan === void 0 ? void 0 : plan.packName,
+          selectedTenure: (selectedTenure === null || selectedTenure === void 0 ? void 0 : selectedTenure.tenure) || "",
+          pageData: chooseYourPlanDrupalInfo,
+          pageConstants: _Home.pageConstants,
+          navigation,
+          savePacksApi,
+          redirectionApi,
+          source,
+          productType: plan === null || plan === void 0 ? void 0 : plan.productType,
+          bingeAnywhere,
+          productClass: plan === null || plan === void 0 ? void 0 : plan.productClass,
+          journey,
+          item: plan,
+          isFreeTrialPack: plan === null || plan === void 0 ? void 0 : plan.isFreeTrialPack
+        };
+        (0, _commonUtils.fetchTenureData)(obj);
+      } catch (error) {
+        (0, _commonUtils.handleError)(error, dispatch);
+      }
+    }
+  };
+  const myopToCyop = () => {
+    let temp = {
+      ...createSessionResponse
+    };
+    temp.pageType = "CYOP";
+    dispatch((0, _action.updateCreateSessionResponse)(temp));
+  };
+  const handleNavigation = (0, _react.useCallback)((plan, selectedTenure) => {
+    var _plan$tenureList;
+    myopToCyop();
+    const isTenurePresent = plan === null || plan === void 0 || (_plan$tenureList = plan.tenureList) === null || _plan$tenureList === void 0 ? void 0 : _plan$tenureList.find(it => it.packId == (selectedTenure === null || selectedTenure === void 0 ? void 0 : selectedTenure.packId));
+    const isFlexi = (plan === null || plan === void 0 ? void 0 : plan.productType) == "Flexi";
+    const isFixed = (plan === null || plan === void 0 ? void 0 : plan.productType) == "Fixed";
+    const isRegionalApp = plan === null || plan === void 0 ? void 0 : plan.isRegionalApp;
+    const isCurrentPlanOrRegional = (plan === null || plan === void 0 ? void 0 : plan.isCurrentPlan) || ["REGIONAL TELUGU", "REGIONAL TAMIL"].includes(plan.productClass) || (plan === null || plan === void 0 ? void 0 : plan.isFreeTrialPack) || (plan === null || plan === void 0 ? void 0 : plan.tenureType) === "2 Months";
+
+    // CASE 1: current plan or regional plan
+    if (isCurrentPlanOrRegional) {
+      selectTenure(selectedTenure);
+      redirectCurrentPlan(plan, selectedTenure);
+      return;
+    }
+
+    //  Case 2: Flexi with accountId
+    if (!plan.isCurrentPlan && isFlexi && isTenurePresent && !(0, _lodash.isEmpty)(accountId)) {
+      navigateTopage(plan, selectedTenure);
+      // navigation.navigate('SelectApps'); // make a function and call getuseraction api there
+      return;
+    }
+
+    // TODO Case 3: Flexi without accountId
+    if (!plan.isCurrentPlan && isFlexi && isTenurePresent && (0, _lodash.isEmpty)(accountId)) {
+      // handleFlexiWithoutAccount()
+      return;
+    }
+
+    // Case 4: Fixed product, not regional app
+    if (isFixed && !isRegionalApp && isTenurePresent) {
+      handleFixedProduct(plan, selectedTenure);
+      return;
+    }
+
+    // TODO Case 5: Regional app navigation
+    if (isRegionalApp) {
+      // handleRegionalApp()
+      return;
+    }
+  }, [selectedPack, userAppsList]);
+
+  // TODO
+  // const handleRegionalApp = item => {
+  //   if (["MSERVICE", "PULSE"].includes(source)) {
+  //     setTenure(item);
+  //   } else {
+  //     navigate(`/${GlobalConfig.manageApp_Path}/check-value-plan/regional-apps`);
+  //   }
+  // };
+
+  // const setTenure = item => {};
+
+  const navigateTopage = (0, _react.useCallback)(async (plan, selectedTenure) => {
+    const payload = {
+      accountId,
+      packId: plan !== null && plan !== void 0 && plan.isCurrentPlan || (plan === null || plan === void 0 ? void 0 : plan.tenureType) === "2 Months" ? plan === null || plan === void 0 ? void 0 : plan.packId : selectedPack.selectedPackID
+    };
+    const getPurchaseRequestTypeAPI = _AppConstant.AppConstant.getApiUrlFromManifest("getUserAction");
+    const apiPath = (0, _commonUtils.replaceStringWithParams)(getPurchaseRequestTypeAPI, {
+      "<source>": `${source}`
+    });
+    try {
+      const apiResponse = await (0, _commonUtils.fetchWithHeaders)(apiPath, _serviceCommonHandler.serviceConsts.method.post, payload);
+      const responseObj = apiResponse;
+      if (responseObj && responseObj.status) {
+        var _responseObj$data, _plan$appList;
+        const userAction = responseObj === null || responseObj === void 0 || (_responseObj$data = responseObj.data) === null || _responseObj$data === void 0 ? void 0 : _responseObj$data.purchaseType;
+        const existingPackData = !(0, _lodash.isEmpty)(productList) && (productList === null || productList === void 0 ? void 0 : productList.find(it => it.packId == productId));
+        const tempAppList = plan === null || plan === void 0 || (_plan$appList = plan.appList) === null || _plan$appList === void 0 ? void 0 : _plan$appList["BUCKET1"];
+        const isCompApp = tempAppList === null || tempAppList === void 0 ? void 0 : tempAppList.find(it => it.appId == journeySourceRefld && it.isComplimentary);
+        // const temp = { ...userAuth }; // TODO from web
+        // temp.isCompApp = isCompApp;
+
+        if (!(0, _lodash.isEmpty)(paymtUserAction) && paymtUserAction == "Payment_Retry" && (userSelectedPacks === null || userSelectedPacks === void 0 ? void 0 : userSelectedPacks.packID) == (selectedPack === null || selectedPack === void 0 ? void 0 : selectedPack.selectedPackID)) {
+          // TODO navigate to select apps Or Regional select apps
+        } else {
+          dispatch((0, _action.createBucketList)({
+            selectedItem: plan,
+            appsList,
+            existingPackData,
+            userAction,
+            journeySourceRefld,
+            journeySourceRefName,
+            journey,
+            isCompApp
+          }));
+          navigation.navigate(_RoutesConstants.RoutesConstants.SelectApps);
+        }
+      } else {
+        var _plan$appList2;
+        const existingPackData = !(0, _lodash.isEmpty)(productList) && (productList === null || productList === void 0 ? void 0 : productList.find(it => (it === null || it === void 0 ? void 0 : it.packId) == productId));
+        const tempAppList = plan === null || plan === void 0 || (_plan$appList2 = plan.appList) === null || _plan$appList2 === void 0 ? void 0 : _plan$appList2["BUCKET1"];
+        const isCompApp = tempAppList === null || tempAppList === void 0 ? void 0 : tempAppList.find(it => it.appId == journeySourceRefld && (it === null || it === void 0 ? void 0 : it.isComplimentary));
+        // const temp = { ...userAuth }; // TODO from web
+        // temp.isCompApp = isCompApp;
+
+        if (!(0, _lodash.isEmpty)(paymtUserAction) && paymtUserAction == "Payment_Retry" && (userSelectedPacks === null || userSelectedPacks === void 0 ? void 0 : userSelectedPacks.packID) == (selectedPack === null || selectedPack === void 0 ? void 0 : selectedPack.selectedPackID)) {
+          // TODO navigate to select apps Or Regional select apps
+        } else {
+          // TODO navigate to select apps Or Regional select apps
+          dispatch((0, _action.createBucketList)({
+            selectedItem: plan,
+            appsList,
+            existingPackData,
+            journeySourceRefld,
+            journeySourceRefName,
+            journey,
+            isCompApp
+          }));
+          navigation.navigate(_RoutesConstants.RoutesConstants.SelectApps);
+        }
+      }
+    } catch (error) {
+      console.log("error", error);
+      (0, _commonUtils.handleError)(error, dispatch);
+    }
+  }, [source, accountId, productList, dispatch, navigation, journeySourceRefld, journeySourceRefName, journey]);
+  const handleFixedProduct = (0, _react.useCallback)((plan, selectedTenure) => {
+    try {
+      const apiPath = _AppConstant.AppConstant.getApiUrlFromManifest("savePacks");
+      const savePacksApi = (0, _commonUtils.replaceStringWithParams)(apiPath, {
+        "<source>": `${source}`
+      });
+      const apiPath1 = _AppConstant.AppConstant.getApiUrlFromManifest("pageRedirection");
+      const redirectionApi = (0, _commonUtils.replaceStringWithParams)(apiPath1, {
+        "<source>": `${source}`
+      });
+      const obj = {
+        selectedPack: selectedTenure === null || selectedTenure === void 0 ? void 0 : selectedTenure.packId,
+        selectedPackName: plan === null || plan === void 0 ? void 0 : plan.packName,
+        selectedTenure: (selectedTenure === null || selectedTenure === void 0 ? void 0 : selectedTenure.tenure) || "",
+        pageData: chooseYourPlanDrupalInfo,
+        pageConstants: _Home.pageConstants,
+        navigation,
+        savePacksApi,
+        redirectionApi,
+        source,
+        productType: plan === null || plan === void 0 ? void 0 : plan.productType,
+        bingeAnywhere,
+        productClass: plan === null || plan === void 0 ? void 0 : plan.productClass,
+        journey,
+        item: plan,
+        isFreeTrialPack: plan === null || plan === void 0 ? void 0 : plan.isFreeTrialPack
+      };
+      (0, _commonUtils.fetchTenureData)(obj);
+    } catch (error) {
+      console.log("abhay", (0, _string.jsonCopy)(error));
+      (0, _commonUtils.handleError)(error, dispatch);
+    }
+  }, [dispatch, source]);
+  const redirectToExistingUser = () => {
+    // TODO REDIRECT TO EXISTING USER
+    // dispatch(
+    //   pageRedirectionApi({
+    //     source: source,
+    //     uniqueKey: uniqueKey.current,
+    //     body: {
+    //       page: 'Login-Selection',
+    //     },
+    //   }),
+    // );
+  };
+  const redirectToPage = () => {};
+  const offersArray = (0, _react.useMemo)(() => {
+    const offers = [];
+    if (!(0, _lodash.isEmpty)(couponDetails) && (couponDetails === null || couponDetails === void 0 ? void 0 : couponDetails.couponId) !== "FREETRIAL") {
+      offers.push(/*#__PURE__*/_react.default.createElement(_CouponCard.default, {
+        key: `coupon-${(couponDetails === null || couponDetails === void 0 ? void 0 : couponDetails.couponId) ?? "0"}`,
+        couponDetails: couponDetails,
+        drupal: chooseYourPlanDrupalInfo === null || chooseYourPlanDrupalInfo === void 0 ? void 0 : chooseYourPlanDrupalInfo.congratsCard
+      }));
+    }
+    if ((0, _commonUtils.showAppleMusicBanner)(journey, source, productId, expiredPlan) && !(0, _lodash.isEmpty)(chooseYourPlanDrupalInfo === null || chooseYourPlanDrupalInfo === void 0 ? void 0 : chooseYourPlanDrupalInfo.appleMusic)) {
+      offers.push(/*#__PURE__*/_react.default.createElement(_AppleMusicBanner.default, {
+        key: `appleMusic`,
+        pageData: chooseYourPlanDrupalInfo === null || chooseYourPlanDrupalInfo === void 0 ? void 0 : chooseYourPlanDrupalInfo.appleMusic
+      }));
+    }
+    if ((0, _commonUtils.showAppleMusicBanner)(journey, source, productId, expiredPlan) && !(0, _lodash.isEmpty)(chooseYourPlanDrupalInfo === null || chooseYourPlanDrupalInfo === void 0 ? void 0 : chooseYourPlanDrupalInfo.offerTrail)) {
+      offers.push(/*#__PURE__*/_react.default.createElement(_MicroDramaCard.default, {
+        key: `offerTrail`,
+        pageData: chooseYourPlanDrupalInfo === null || chooseYourPlanDrupalInfo === void 0 ? void 0 : chooseYourPlanDrupalInfo.offerTrail
+      }));
+    }
+    return offers;
+  }, [couponDetails, chooseYourPlanDrupalInfo, journey, source, productId, expiredPlan]);
+  const renderedPlans = (0, _react.useMemo)(() => {
+    if ((0, _lodash.isEmpty)(plans)) return null;
+    return plans.map((plan, index) => {
+      const key = (plan === null || plan === void 0 ? void 0 : plan.packId) ?? `plan-${index}`;
+      const isRegionalOrSports = ["REGIONAL TELUGU", "REGIONAL TAMIL"].includes(plan === null || plan === void 0 ? void 0 : plan.productClass) || ["BINGEMON86", "BINGEMON71"].includes(plan === null || plan === void 0 ? void 0 : plan.packId);
+      if (plan !== null && plan !== void 0 && plan.isCurrentPlan) {
+        return /*#__PURE__*/_react.default.createElement(_CurrentPlanCard.default, {
+          key: key,
+          drupal: memoizedDrupal,
+          plan: plan,
+          selectTenure: selectTenure,
+          selectedPack: selectedPack,
+          onButtonClick: handleNavigation,
+          journey: journey,
+          userExistingPacks: userExistingPacks
+        });
+      }
+      if (isRegionalOrSports) {
+        return /*#__PURE__*/_react.default.createElement(_SpecialPlanCard.default, {
+          key: key,
+          drupal: memoizedDrupal,
+          plan: plan,
+          selectTenure: selectTenure,
+          onButtonClick: handleNavigation,
+          journey: journey,
+          journeySourceRefld: journeySourceRefld
+        });
+      }
+      return /*#__PURE__*/_react.default.createElement(_PlanCard.default, {
+        key: key,
+        drupal: memoizedDrupal,
+        plan: plan,
+        selectTenure: selectTenure,
+        selectedPack: selectedPack,
+        onButtonClick: handleNavigation,
+        journey: journey,
+        journeySourceRefld: journeySourceRefld
+      });
+    });
+  }, [plans, memoizedDrupal, selectedPack, handleNavigation, journey, journeySourceRefld, userExistingPacks]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _ChooseYourPlanStyles.default.container
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    source: (0, _commonUtils.getBackgroundImageSource)(),
+    style: _ChooseYourPlanStyles.default.imageBackground
+  }), /*#__PURE__*/_react.default.createElement(_ManageAppHeader.default, {
+    title: getPageHeading(),
+    onBackPress: handleBackPress,
+    onClosePress: null
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _ChooseYourPlanStyles.default.innerContainer
+  }, !(0, _lodash.isEmpty)(chooseYourPlanDrupalInfo) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+    contentContainerStyle: _ChooseYourPlanStyles.default.scrollContent
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+    edges: ["bottom"]
+  }, !(0, _lodash.isEmpty)(plans) && !(0, _lodash.isEmpty)(offersArray) && !(0, _lodash.isEmpty)(chooseYourPlanDrupalInfo) && /*#__PURE__*/_react.default.createElement(_OffersCarousel.default, {
+    offersArray: offersArray
+  }), !(0, _lodash.isEmpty)(plans) && /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_SectionItem.default, {
+    Svg: _PlansSvg.default,
+    title: "Plans"
+  }), renderedPlans))), (0, _lodash.isEmpty)(subscriberId) && (0, _lodash.isEmpty)(accountId) && source === "BINGE_OTT" && journey !== "COUPONS" && /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: redirectToExistingUser
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, chooseYourPlanDrupalInfo === null || chooseYourPlanDrupalInfo === void 0 ? void 0 : chooseYourPlanDrupalInfo.existingUser)), journey === "COUPONS" && showToastMsg && !couponAlert && /*#__PURE__*/_react.default.createElement(_Toast.default, {
+    img: require("../..//assets/images/Union.png"),
+    message: chooseYourPlanDrupalInfo === null || chooseYourPlanDrupalInfo === void 0 || (_chooseYourPlanDrupal = chooseYourPlanDrupalInfo.couponSection) === null || _chooseYourPlanDrupal === void 0 ? void 0 : _chooseYourPlanDrupal.couponVerified
+  })), isLoading && /*#__PURE__*/_react.default.createElement(_Loader.default, null)));
+}

package/dist/screens/ChooseYourPlan/ChooseYourPlanStyles.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _AppConstant = require("../../assets/AppConstant");
+var _fontUtils = require("../../utils/fontUtils");
+const ratio = _AppConstant.AppConstant.dimension.aspectRatio;
+var _default = exports.default = styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  scrollContent: {
+    paddingBottom: 20
+  },
+  imageBackground: {
+    width: "100%",
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    height: "30%"
+    // resizeMode: 'contain'
+  },
+  innerContainer: {
+    flex: 1,
+    alignItems: "center"
+  }
+});