manage-app-sdk 0.0.2

package/dist/screens/PlanSummary/PlanSummaryStyles.js

@@ -0,0 +1,385 @@
+"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");
+var _commonUtils = require("../../utils/commonUtils");
+const ratio = _AppConstant.AppConstant.dimension.aspectRatio;
+var _default = exports.default = planSummaryStyles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+    // alignItems: 'center',
+  },
+  innerContainer: {
+    flex: 1
+  },
+  header: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingHorizontal: 20 * ratio,
+    paddingTop: 50 * ratio,
+    paddingBottom: 20 * ratio
+  },
+  backButton: {
+    marginRight: 15 * ratio
+  },
+  backArrow: {
+    color: "white",
+    fontSize: _AppConstant.AppConstant.normalizeFont(24)
+  },
+  headerTitle: {
+    color: "white",
+    fontSize: _AppConstant.AppConstant.normalizeFont(20),
+    flex: 1,
+    textAlign: "center",
+    marginRight: 39 * ratio,
+    fontFamily: _fontUtils.FONTS.SemiBold
+  },
+  scrollView: {
+    flex: 1
+  },
+  scrollContent: {
+    paddingHorizontal: 10 * ratio,
+    paddingBottom: 200 * ratio,
+    alignItems: "center",
+    paddingTop: 10 * ratio
+  },
+  planCard: {
+    width: ratio * ((0, _commonUtils.isTablet)() ? 400 : 330),
+    backgroundColor: "#E8E0F5",
+    borderRadius: 10 * ratio,
+    marginBottom: 5 * ratio,
+    paddingHorizontal: 13 * ratio,
+    paddingTop: 14 * ratio,
+    overflow: "hidden"
+  },
+  planTitle: {
+    fontSize: _AppConstant.AppConstant.normalizeFont(24),
+    color: "#220046",
+    marginBottom: 15 * ratio,
+    fontFamily: _fontUtils.FONTS.SemiBold,
+    textAlign: "center",
+    marginTop: 5 * ratio
+  },
+  appsContainer: {
+    width: "100%",
+    justifyContent: "center",
+    alignItems: "center",
+    marginTop: 12 * ratio,
+    marginBottom: 8 * ratio,
+    paddingHorizontal: 22.5 * ratio,
+    overflow: "hidden"
+  },
+  divider: {
+    width: "100%",
+    height: 1,
+    backgroundColor: "#8E81A1",
+    alignSelf: "center",
+    marginTop: 10 * ratio
+  },
+  deviceInfo: {
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  deviceIcons: {
+    marginRight: 10 * ratio
+  },
+  deviceText: {
+    fontSize: _AppConstant.AppConstant.normalizeFont(12),
+    fontFamily: _fontUtils.FONTS.Medium
+  },
+  deviceLabel: {
+    fontSize: _AppConstant.AppConstant.normalizeFont(12),
+    color: "#2D1B69",
+    fontFamily: _fontUtils.FONTS.Medium
+  },
+  appsRow: {
+    flexDirection: "row",
+    marginBottom: 15 * ratio,
+    flexWrap: "wrap",
+    rowGap: 14 * ratio,
+    columnGap: 16 * ratio
+  },
+  appIcon: {
+    borderRadius: 4,
+    overflow: "hidden"
+  },
+  appImage: {
+    width: 50 * ratio,
+    height: 50 * ratio,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  complimentaryAppShadow: {
+    shadowColor: "#FFFFFF",
+    shadowOffset: {
+      width: 1,
+      height: 1
+    },
+    shadowOpacity: 0.3,
+    shadowRadius: 5,
+    elevation: 5,
+    backgroundColor: "#050308",
+    borderRadius: 6
+  },
+  complimentaryColumnGap: {
+    columnGap: 24 * ratio
+  },
+  complimentaryAppSection: {
+    width: 340 * ratio,
+    paddingHorizontal: 12 * ratio
+  },
+  showAllButton: {
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  showAllIcon: {
+    width: 60 * ratio,
+    height: 60 * ratio,
+    borderRadius: 12,
+    backgroundColor: "#E91E63",
+    alignItems: "center",
+    justifyContent: "center",
+    marginBottom: 5 * ratio
+  },
+  showAllText: {
+    color: "white",
+    fontSize: _AppConstant.AppConstant.normalizeFont(16)
+  },
+  showAllLabel: {
+    fontSize: _AppConstant.AppConstant.normalizeFont(12),
+    color: "#2D1B69"
+  },
+  changeAppText: {
+    fontSize: _AppConstant.AppConstant.normalizeFont(12),
+    color: "#8e81a1",
+    fontFamily: _fontUtils.FONTS.Medium,
+    marginBottom: 10 * ratio,
+    width: "100%",
+    textAlign: "center"
+  },
+  complimentaryCard: {
+    width: 340 * ratio,
+    backgroundColor: "#050308",
+    borderRadius: 10,
+    borderWidth: 1,
+    borderColor: "#FFB800",
+    paddingVertical: 14 * ratio,
+    paddingHorizontal: 12 * ratio
+  },
+  complimentaryHeader: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    marginTop: 5 * ratio
+  },
+  giftIcon: {
+    width: 30 * ratio,
+    height: 30 * ratio,
+    marginRight: 4.5 * ratio
+  },
+  complimentaryTitle: {
+    fontSize: _AppConstant.AppConstant.normalizeFont(16),
+    color: "#220046",
+    fontFamily: _fontUtils.FONTS.SemiBold
+  },
+  complimentaryAppsGrid: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    marginBottom: 20 * ratio
+  },
+  complimentaryAppIcon: {
+    width: 53 * ratio,
+    height: 53 * ratio
+  },
+  complimentaryAppPlaceholder: {
+    width: "100%",
+    height: 60 * ratio,
+    backgroundColor: "#333333",
+    borderRadius: 12 * ratio,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  complimentaryAppText: {
+    color: "white",
+    fontSize: _AppConstant.AppConstant.normalizeFont(10),
+    textAlign: "center"
+  },
+  viewMoreButton: {
+    alignItems: "center",
+    justifyContent: "center",
+    marginBottom: 10 * ratio
+  },
+  viewMoreText: {
+    color: "#E10092",
+    fontSize: _AppConstant.AppConstant.normalizeFont(14),
+    fontFamily: _fontUtils.FONTS.SemiBold
+  },
+  additionalInfo: {
+    flexDirection: "row",
+    marginBottom: 15 * ratio,
+    paddingHorizontal: 5 * ratio
+  },
+  bullet: {
+    color: "#d6c6f4",
+    fontSize: _AppConstant.AppConstant.normalizeFont(14),
+    marginRight: 8 * ratio,
+    lineHeight: 20,
+    fontFamily: _fontUtils.FONTS.SemiBold
+  },
+  additionalInfoText: {
+    color: "#d6c6f4",
+    fontSize: _AppConstant.AppConstant.normalizeFont(14),
+    lineHeight: 20,
+    flex: 1
+  },
+  belowMessage: {
+    color: "#C7C0CF",
+    fontSize: _AppConstant.AppConstant.normalizeFont(12),
+    textAlign: "left",
+    lineHeight: 16,
+    fontFamily: _fontUtils.FONTS.Medium,
+    justifyContent: "center"
+  },
+  effectiveDate: {
+    color: "#d6c6f4",
+    fontSize: _AppConstant.AppConstant.normalizeFont(12),
+    textAlign: "center",
+    fontFamily: _fontUtils.FONTS.Medium,
+    alignSelf: "center",
+    marginVertical: 15 * ratio,
+    width: "100%"
+  },
+  bottomSection: {
+    backgroundColor: "#2D1B69",
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 20 * ratio,
+    paddingVertical: 15 * ratio,
+    borderTopLeftRadius: 0 * ratio,
+    borderTopRightRadius: 0 * ratio
+  },
+  priceSection: {
+    flexDirection: "row",
+    alignItems: "baseline"
+  },
+  priceText: {
+    color: "white",
+    fontSize: _AppConstant.AppConstant.normalizeFont(28)
+  },
+  durationText: {
+    color: "white",
+    fontSize: _AppConstant.AppConstant.normalizeFont(16),
+    marginLeft: 8 * ratio
+  },
+  proceedButton: {
+    backgroundColor: "#E91E63",
+    paddingHorizontal: 30 * ratio,
+    paddingVertical: 12 * ratio,
+    borderRadius: 8 * ratio
+  },
+  proceedText: {
+    color: "white",
+    fontSize: _AppConstant.AppConstant.normalizeFont(16)
+  },
+  arrowSvgContainer: {
+    width: 16 * ratio,
+    height: 16 * ratio,
+    backgroundColor: "#E10092",
+    borderRadius: 510 * ratio,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  expandedArrowSvg: {
+    transform: [{
+      rotate: "180deg"
+    }]
+  },
+  expandButtonText: {
+    fontSize: _AppConstant.AppConstant.normalizeFont(12),
+    textAlign: "center",
+    fontFamily: _fontUtils.FONTS.SemiBold,
+    marginTop: 2 * ratio
+  },
+  expandButton: {
+    justifyContent: "center",
+    alignItems: "center",
+    paddingVertical: 10 * ratio
+  },
+  extraInformationContainer: {
+    width: ratio * ((0, _commonUtils.isTablet)() ? 400 : 340),
+    marginTop: 12 * ratio,
+    paddingHorizontal: 10 * ratio,
+    marginRight: 10 * ratio
+  },
+  deviceSvg: {
+    width: 40,
+    height: 40,
+    marginRight: 4 * ratio
+  },
+  imageBackground: {
+    width: "100%",
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    height: "30%"
+  },
+  autoRenewalContainer: {
+    width: ratio * ((0, _commonUtils.isTablet)() ? 400 : 320),
+    flexDirection: "row",
+    alignItems: "center",
+    marginTop: 12 * ratio
+  },
+  autoRenewalImage: {
+    width: 22 * ratio,
+    height: 22 * ratio
+  },
+  autoRenewalText: {
+    fontSize: (0, _AppConstant.normalizeFont)(12),
+    lineHeight: 14 * ratio,
+    color: "white",
+    fontFamily: _fontUtils.FONTS.Medium,
+    textAlign: "left",
+    paddingStart: 12 * ratio,
+    paddingEnd: 35 * ratio
+  },
+  alignCenter: {
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  planFailiureText: {
+    fontSize: (0, _AppConstant.normalizeFont)(22),
+    color: "white",
+    fontFamily: _fontUtils.FONTS.Medium
+  },
+  replaceBannerArea: {
+    width: "100%",
+    backgroundColor: "#D6C6F4",
+    flexDirection: "row",
+    alignItems: "center",
+    borderRadius: 8,
+    marginBottom: 10 * ratio,
+    padding: 6 * ratio
+  },
+  replaceIconImage: {
+    width: 30 * ratio,
+    height: 30 * ratio
+  },
+  icon: {
+    marginRight: 10 * ratio
+  },
+  replaceBannerText: {
+    color: "#220046",
+    fontFamily: _fontUtils.FONTS.Medium,
+    fontSize: (0, _AppConstant.normalizeFont)(13)
+  },
+  boldText: {
+    fontFamily: _fontUtils.FONTS.SemiBold
+  },
+  alignItemsCenter: {
+    alignItems: "center"
+  }
+});

package/dist/screens/PrimePlanSummary/PrimePlanSummary.js

@@ -0,0 +1,252 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _reactNative = require("react-native");
+var _react = _interopRequireWildcard(require("react"));
+var _PrimePlanSummaryStyles = _interopRequireDefault(require("./PrimePlanSummaryStyles"));
+var _native = require("@react-navigation/native");
+var _reactRedux = require("react-redux");
+var _ManageAppHeader = _interopRequireDefault(require("../../components/Header/ManageAppHeader"));
+var _AppConstant = require("../../assets/AppConstant");
+var _action = require("../../services/global/action");
+var _commonUtils = require("../../utils/commonUtils");
+var _serviceCommonHandler = require("../../services/serviceCommonHandler");
+var _action2 = require("../../services/apiCall/action");
+var _InternetErrorPopUp = _interopRequireDefault(require("../../components/PopUps/InternetErrorPopUp/InternetErrorPopUp"));
+var _PopUp = _interopRequireDefault(require("../../components/PopUps/PopUp/PopUp"));
+var _lodash = require("lodash");
+var _string = require("../../utils/string");
+var _Loader = _interopRequireDefault(require("../../components/Loader/Loader"));
+var _Footer = _interopRequireDefault(require("../../components/Footer/Footer"));
+var _HighlightedText = _interopRequireDefault(require("../../components/HighlightedText/HighlightedText"));
+var _Home = require("../../Constants/Home");
+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 PrimePlanSummary = () => {
+  const navigation = (0, _native.useNavigation)();
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const route = (0, _native.useRoute)();
+  const {
+    onClose,
+    onReady
+  } = route === null || route === void 0 ? void 0 : route.params;
+  const isFocused = (0, _native.useIsFocused)();
+  const [pageData, setPageData] = (0, _react.useState)();
+  const [summaryData, setSummaryData] = (0, _react.useState)({});
+  const [render, setRender] = (0, _react.useState)(false);
+  const {
+    errorCode,
+    evdErrorCode,
+    unauthorizedPopUpKey,
+    isLoading
+  } = (0, _reactRedux.useSelector)(state => state.commonReducer);
+  const {
+    cartId,
+    createSessionResponse,
+    summaryResponse
+  } = (0, _reactRedux.useSelector)(state => state.manageAppReducer);
+  const {
+    source = "",
+    journey = ""
+  } = createSessionResponse;
+  (0, _react.useEffect)(() => {
+    if (!isFocused) return; // only show modal when this screen is focused
+
+    if (errorCode) {
+      setRender(true);
+      if (evdErrorCode == 11111) {
+        dispatch((0, _action.hideLoader)());
+        dispatch((0, _action.showModal)({
+          onRetry: () => console.log("INTERNET NOT WORKING"),
+          Component: _InternetErrorPopUp.default
+        }));
+      } else {
+        var _AppConstant$getManif;
+        dispatch((0, _action.showModal)({
+          modalData: (_AppConstant$getManif = _AppConstant.AppConstant.getManifestJson()) === null || _AppConstant$getManif === void 0 ? void 0 : _AppConstant$getManif.errorData,
+          type: "Plan-summary",
+          Component: _PopUp.default
+        }));
+      }
+    }
+    if (unauthorizedPopUpKey) {
+      // TODO : SHOW POPUP OR REDIRECT TO BINGE
+    }
+  }, [errorCode, evdErrorCode, unauthorizedPopUpKey, isFocused]);
+  const fetchData = async () => {
+    const url = _AppConstant.AppConstant.getApiUrlFromManifest("prime_add_on");
+    dispatch((0, _action.showLoader)());
+    try {
+      const response = await (0, _commonUtils.fetchWithHeaders)(url, _serviceCommonHandler.serviceConsts.method.get);
+      const respObj = response === null || response === void 0 ? void 0 : response.data;
+      if (respObj !== null && respObj !== void 0 && respObj.status) {
+        setPageData(respObj === null || respObj === void 0 ? void 0 : respObj.field_json_data);
+        fetchSummaryApi();
+      } else {
+        setRender(true);
+        dispatch((0, _action.setApiError)("Something went wrong. Please try again later", true));
+      }
+      dispatch((0, _action.hideLoader)());
+    } catch (error) {
+      setRender(true);
+      dispatch((0, _action.hideLoader)());
+      (0, _commonUtils.handleError)(error, dispatch);
+    } finally {
+      onReady === null || onReady === void 0 || onReady();
+    }
+  };
+  const fetchSummaryApi = async () => {
+    try {
+      const api = _AppConstant.AppConstant.getApiUrlFromManifest("getSummary");
+      const apiPath = (0, _commonUtils.replaceStringWithParams)(api, {
+        "<source>": `${source}`
+      });
+      const responseObj = await (0, _commonUtils.fetchWithHeaders)(`${apiPath}/${cartId}`, _serviceCommonHandler.serviceConsts.method.get);
+      if (responseObj && responseObj !== null && responseObj !== void 0 && responseObj.status) {
+        var _responseObj$data;
+        setSummaryData(responseObj === null || responseObj === void 0 ? void 0 : responseObj.data);
+        const rechargeUrl = responseObj === null || responseObj === void 0 || (_responseObj$data = responseObj.data) === null || _responseObj$data === void 0 ? void 0 : _responseObj$data.rechargeUrl;
+        if (!(0, _lodash.isEmpty)(rechargeUrl) && !(0, _lodash.isEmpty)(rechargeUrl === null || rechargeUrl === void 0 ? void 0 : rechargeUrl.url) && checkSourceRedirect()) {
+          // TODO rechargeFormSubmit(rechargeUrl); RECHARGE FORM ?
+        } else {
+          var _responseObj$data2, _responseObj$data3, _responseObj$data4, _responseObj$data5, _responseObj$data6, _responseObj$data7, _responseObj$data8, _responseObj$data9, _responseObj$data0;
+          const summaryResponse = {
+            userAction: responseObj === null || responseObj === void 0 || (_responseObj$data2 = responseObj.data) === null || _responseObj$data2 === void 0 ? void 0 : _responseObj$data2.userAction,
+            redirectionFlag: responseObj === null || responseObj === void 0 || (_responseObj$data3 = responseObj.data) === null || _responseObj$data3 === void 0 ? void 0 : _responseObj$data3.redirectionFlag,
+            packageType: responseObj === null || responseObj === void 0 || (_responseObj$data4 = responseObj.data) === null || _responseObj$data4 === void 0 ? void 0 : _responseObj$data4.packageType,
+            packTenure: responseObj === null || responseObj === void 0 || (_responseObj$data5 = responseObj.data) === null || _responseObj$data5 === void 0 ? void 0 : _responseObj$data5.tenure,
+            userApps: responseObj === null || responseObj === void 0 || (_responseObj$data6 = responseObj.data) === null || _responseObj$data6 === void 0 ? void 0 : _responseObj$data6.userApps,
+            packType: responseObj === null || responseObj === void 0 || (_responseObj$data7 = responseObj.data) === null || _responseObj$data7 === void 0 ? void 0 : _responseObj$data7.productType,
+            packPrice: (responseObj === null || responseObj === void 0 || (_responseObj$data8 = responseObj.data) === null || _responseObj$data8 === void 0 ? void 0 : _responseObj$data8.planAmount) || (responseObj === null || responseObj === void 0 || (_responseObj$data9 = responseObj.data) === null || _responseObj$data9 === void 0 ? void 0 : _responseObj$data9.payableAmount),
+            packId: responseObj === null || responseObj === void 0 || (_responseObj$data0 = responseObj.data) === null || _responseObj$data0 === void 0 ? void 0 : _responseObj$data0.packId
+          };
+          dispatch(setSummaryData(summaryResponse));
+          setRender(true);
+        }
+      } else {
+        setRender(true);
+        setSummaryData({});
+      }
+    } catch (error) {
+      (0, _commonUtils.handleError)(error, dispatch);
+    }
+  };
+  const checkSourceRedirect = () => {
+    if (["MSERVICE", "MSERVICEFTV", "MSALES", "PULSEFTV", "BINGEMICROSITE", "PULSEBINGE_OB", "PULSEBINGE_IB", "PULSEOBNDTH", "PULSEIBNDTH"].includes(source) || ["ZEROAPPSELECTION"].includes(journey)) {
+      return false;
+    } else {
+      return true;
+    }
+  };
+  (0, _react.useEffect)(() => {
+    fetchData();
+  }, []);
+  (0, _react.useLayoutEffect)(() => {
+    navigation.setOptions({
+      header: props => /*#__PURE__*/_react.default.createElement(_ManageAppHeader.default, (0, _extends2.default)({}, props, {
+        title: (pageData === null || pageData === void 0 ? void 0 : pageData.title) ?? "Plan Summary",
+        onBackPress:
+        //TODO handle on back press in header in prime plan summary
+        // () => {
+        //   if (!navigation.canGoBack()) {
+        //     navigation.reset({
+        //       index: 0,
+        //       routes: [{ name: "ChooseYourPlan" }],
+        //     });
+        //   }
+        // }
+        null,
+        onClosePress:
+        //TODO handle on close in header in prime plan summary
+        null
+      }))
+    });
+  }, [pageData, navigation]);
+  const redirectToPage = () => {
+    try {
+      if (summaryData !== null && summaryData !== void 0 && summaryData.redirectionFlag) {
+        const apiPath1 = _AppConstant.AppConstant.getApiUrlFromManifest("pageRedirection");
+        const redirectionApi = (0, _commonUtils.replaceStringWithParams)(apiPath1, {
+          "<source>": `${source}`
+        });
+        const type = "";
+        (0, _commonUtils.fetchRedirectionApi)(_Home.pageConstants.PlanSummaryPage, cartId, navigation, redirectionApi, type, journey);
+      }
+    } catch (error) {
+      (0, _commonUtils.handleError)(error, dispatch);
+    }
+  };
+  if (!render || !render && (0, _lodash.isEmpty)(summaryData)) {
+    return /*#__PURE__*/_react.default.createElement(_Loader.default, null);
+  }
+  if (render && (0, _lodash.isEmpty)(summaryData)) {
+    var _AppConstant$getManif2;
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: [_PrimePlanSummaryStyles.default.container, _PrimePlanSummaryStyles.default.justifyContent]
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: _PrimePlanSummaryStyles.default.errorText
+    }, (_AppConstant$getManif2 = _AppConstant.AppConstant.getManifestJson()) === null || _AppConstant$getManif2 === void 0 ? void 0 : _AppConstant$getManif2.addOnErrMsg));
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _PrimePlanSummaryStyles.default.container
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _PrimePlanSummaryStyles.default.innerContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+    showsHorizontalScrollIndicator: false
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    source: {
+      uri: pageData === null || pageData === void 0 ? void 0 : pageData.bannerImg
+    },
+    resizeMode: "contain",
+    style: _PrimePlanSummaryStyles.default.image
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _PrimePlanSummaryStyles.default.primeContentDetails
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    source: {
+      uri: pageData === null || pageData === void 0 ? void 0 : pageData.primeLogo
+    },
+    resizeMode: "contain",
+    style: _PrimePlanSummaryStyles.default.primeLogo
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _PrimePlanSummaryStyles.default.heading
+  }, (0, _string.replacePlaceholderInString)(pageData === null || pageData === void 0 ? void 0 : pageData.desc, ["amount", "tenure"], [summaryData === null || summaryData === void 0 ? void 0 : summaryData.payableAmount, _Home.tenureConstants[summaryData === null || summaryData === void 0 ? void 0 : summaryData.tenure]])), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _PrimePlanSummaryStyles.default.subHeading
+  }, pageData === null || pageData === void 0 ? void 0 : pageData.primeLite), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _PrimePlanSummaryStyles.default.benefitsContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _PrimePlanSummaryStyles.default.benefitItem
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    source: {
+      uri: pageData === null || pageData === void 0 ? void 0 : pageData.popImg
+    },
+    style: _PrimePlanSummaryStyles.default.benefitImg,
+    resizeMode: "contain"
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _PrimePlanSummaryStyles.default.benefitText
+  }, pageData === null || pageData === void 0 ? void 0 : pageData.popTxt)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _PrimePlanSummaryStyles.default.benefitItem
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    source: {
+      uri: pageData === null || pageData === void 0 ? void 0 : pageData.deliveryImg
+    },
+    style: _PrimePlanSummaryStyles.default.benefitImg,
+    resizeMode: "contain"
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _PrimePlanSummaryStyles.default.benefitText
+  }, pageData === null || pageData === void 0 ? void 0 : pageData.deliveryTxt))), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _PrimePlanSummaryStyles.default.summaryText
+  }, "By continuing you agree to terms on ", /*#__PURE__*/_react.default.createElement(_HighlightedText.default, null, "amazon.in/primeterms"), " and ", /*#__PURE__*/_react.default.createElement(_HighlightedText.default, null, "https://www.tataplay.com/dth/tnc/primeterms")))), /*#__PURE__*/_react.default.createElement(_Footer.default, {
+    packData: {
+      selectedDiscountedPrice: summaryData === null || summaryData === void 0 ? void 0 : summaryData.payableAmount,
+      selectedPackTenure: summaryData === null || summaryData === void 0 ? void 0 : summaryData.tenure
+    },
+    style: _PrimePlanSummaryStyles.default.footer,
+    buttonText: pageData === null || pageData === void 0 ? void 0 : pageData.primaryBtnLabel,
+    onButtonClick: redirectToPage
+  }), isLoading && /*#__PURE__*/_react.default.createElement(_Loader.default, null)));
+};
+var _default = exports.default = PrimePlanSummary;