manage-app-sdk 0.0.2

package/dist/components/Coupon/CouponCard.js

@@ -0,0 +1,47 @@
+"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 _CouponStyles = _interopRequireDefault(require("./CouponStyles"));
+var _string = require("../../utils/string");
+var _OfferCard = _interopRequireDefault(require("../OfferCard/OfferCard"));
+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 CouponCard = ({
+  couponDetails,
+  drupal
+}) => {
+  if (couponDetails == null || Array.isArray(couponDetails) || typeof couponDetails !== "object") {
+    return null;
+  }
+  console.log("COUPON", couponDetails);
+  const congratsDetailArr = (0, _react.useMemo)(() => {
+    if (!(drupal !== null && drupal !== void 0 && drupal.congratsDetail)) return ["", ""];
+    const str = (0, _string.splitHtmlString)(drupal === null || drupal === void 0 ? void 0 : drupal.congratsDetail);
+    return [str[0] + " ", (0, _string.replacePlaceholderInString)(str[1], "percentage", couponDetails === null || couponDetails === void 0 ? void 0 : couponDetails.amountDiscount) + " "];
+  }, [drupal === null || drupal === void 0 ? void 0 : drupal.congratsDetail, couponDetails]);
+  const sale_tenureSelectText = (0, _string.splitHtmlString)(drupal === null || drupal === void 0 ? void 0 : drupal.saleTag);
+  return /*#__PURE__*/_react.default.createElement(_OfferCard.default, null, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    source: {
+      uri: drupal === null || drupal === void 0 ? void 0 : drupal.congoImg
+    },
+    style: _CouponStyles.default.confetti
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _CouponStyles.default.couponSubheadingContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _CouponStyles.default.couponSubheading
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _CouponStyles.default.subHeading
+  }, congratsDetailArr[0], /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [_CouponStyles.default.percentageText]
+  }, congratsDetailArr[1]), ["Monthly", "2 Months"].includes(couponDetails === null || couponDetails === void 0 ? void 0 : couponDetails.tenure) ? drupal === null || drupal === void 0 ? void 0 : drupal.onTenureSelect : /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, sale_tenureSelectText[0], " ", /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _CouponStyles.default.lineThrough
+  }, sale_tenureSelectText[1]), " ", sale_tenureSelectText[2]))), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: _CouponStyles.default.validityText
+  }, ["Monthly", "2 Months"].includes(couponDetails === null || couponDetails === void 0 ? void 0 : couponDetails.tenure) ? drupal === null || drupal === void 0 ? void 0 : drupal.offerValid : drupal === null || drupal === void 0 ? void 0 : drupal.tenureTag)));
+};
+var _default = exports.default = CouponCard;

package/dist/components/Coupon/CouponStyles.js

@@ -0,0 +1,54 @@
+"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 = CouponStyles = _reactNative.StyleSheet.create({
+  heading: {
+    fontSize: (0, _AppConstant.normalizeFont)(14),
+    color: "black",
+    marginVertical: ratio * 4,
+    marginLeft: 2 * ratio,
+    fontFamily: _fontUtils.FONTS.SemiBold
+  },
+  subHeading: {
+    fontSize: (0, _AppConstant.normalizeFont)(14),
+    color: "#474545ff",
+    fontFamily: _fontUtils.FONTS.Medium,
+    flexWrap: "wrap",
+    paddingEnd: 20 * ratio,
+    lineHeight: 17 * ratio
+  },
+  validityText: {
+    color: "#8E81A1",
+    fontSize: (0, _AppConstant.normalizeFont)(11),
+    fontFamily: _fontUtils.FONTS.Medium,
+    marginTop: 5 * ratio
+  },
+  confetti: {
+    width: 30 * ratio,
+    height: 30 * ratio
+  },
+  percentageText: {
+    fontFamily: _fontUtils.FONTS.SemiBold,
+    color: "#6B00DD"
+  },
+  couponSubheading: {
+    flexDirection: "row"
+  },
+  couponSubheadingContainer: {
+    margin: 4 * ratio,
+    paddingStart: 5 * ratio,
+    paddingEnd: 10 * ratio,
+    height: "100%",
+    justifyContent: "space-around"
+  },
+  lineThrough: {
+    textDecorationLine: "line-through"
+  }
+});

package/dist/components/Footer/Footer.js

@@ -0,0 +1,177 @@
+"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 _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _PrimaryButton = _interopRequireDefault(require("../Buttons/PrimaryButton/PrimaryButton"));
+var _AppConstant = require("../../assets/AppConstant");
+var _serviceCommonHandler = require("../../services/serviceCommonHandler");
+var _string = require("../../utils/string");
+var _reactNativeLinearGradient = require("react-native-linear-gradient");
+var _fontUtils = require("../../utils/fontUtils");
+var _react = require("react");
+var _lodash = require("lodash");
+var _Home = require("../../Constants/Home");
+const Footer = ({
+  pageData,
+  packData,
+  selectedCount,
+  maxSelectableCount,
+  buttonText,
+  onButtonClick,
+  isButtonEnabled = true,
+  showCoupon = true,
+  onViewMoreClick = null,
+  style
+}) => {
+  const finalPrice = packData === null || packData === void 0 ? void 0 : packData.selectedDiscountedPrice;
+  const originalPrice = packData === null || packData === void 0 ? void 0 : packData.selectedPackPrice;
+  const tenure = _Home.tenureConstants[packData === null || packData === void 0 ? void 0 : packData.selectedPackTenure];
+  const couponOfferName = packData === null || packData === void 0 ? void 0 : packData.selectedOfferName;
+  const couponName = (0, _react.useMemo)(() => {
+    return (0, _string.replacePlaceholderInString)(pageData === null || pageData === void 0 ? void 0 : pageData.discountDetail, ["offerName", "percentage"], [couponOfferName, packData === null || packData === void 0 ? void 0 : packData.selectedAmtVal]);
+  }, [pageData, couponOfferName]);
+  const couponTenure = (0, _react.useMemo)(() => {
+    if ((0, _lodash.isEmpty)(packData === null || packData === void 0 ? void 0 : packData.couponTenure)) return "";
+    return (0, _string.replacePlaceholderInString)(pageData === null || pageData === void 0 ? void 0 : pageData.discountDetail2, "tenure", _Home.bingeOfferTenure[packData === null || packData === void 0 ? void 0 : packData.couponTenure]);
+  }, [pageData, packData === null || packData === void 0 ? void 0 : packData.couponTenure]);
+  return /*#__PURE__*/React.createElement(_reactNativeLinearGradient.LinearGradient, {
+    colors: ["#220046", "#020005"],
+    start: {
+      x: 0,
+      y: 0
+    },
+    end: {
+      x: 1,
+      y: 0
+    },
+    style: [styles.container, style]
+  }, /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+    edges: ["bottom"],
+    style: styles.mainContainer
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.footerDetailsAndBtnContainer
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.textContainer
+  }, maxSelectableCount != null && /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.selectionCount
+  }, `${selectedCount} of ${maxSelectableCount} selected`), /*#__PURE__*/React.createElement(_reactNative.Text, null, originalPrice && finalPrice && /*#__PURE__*/React.createElement(_reactNative.Text, null, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.originalPrice
+  }, "\u20B9", originalPrice), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.priceText
+  }, " \u20B9", finalPrice)), !couponOfferName && /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.priceText
+  }, " \u20B9", finalPrice || originalPrice), !(0, _lodash.isEmpty)(tenure) && /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.tenure
+  }, " for ", tenure))), /*#__PURE__*/React.createElement(_PrimaryButton.default, {
+    title: buttonText,
+    onPress: onButtonClick,
+    style: {
+      width: 120 * ratio
+    },
+    disabled: !isButtonEnabled
+  })), couponOfferName && showCoupon && /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.couponDetailsContainer
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.couponContainer
+  }, /*#__PURE__*/React.createElement(_reactNative.Image, {
+    source: {
+      uri: _serviceCommonHandler.serviceConsts.baseUrls.imageBaseUrl + "disImg.png"
+    },
+    style: styles.couponImage
+  }), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.couponText
+  }, couponName), couponTenure && /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.discountDetail2
+  }, couponTenure))), (pageData === null || pageData === void 0 ? void 0 : pageData.footerBottom) && couponOfferName && /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.footerBottomText
+  }, (0, _string.replacePlaceholderInString)(pageData === null || pageData === void 0 ? void 0 : pageData.footerBottom, ["amount", "tenure"], [originalPrice, tenure]))));
+};
+var _default = exports.default = Footer;
+const ratio = _AppConstant.AppConstant.dimension.aspectRatio;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: "100%",
+    backgroundColor: "#220046",
+    justifyContent: "center",
+    alignItems: "center",
+    borderTopWidth: 1,
+    borderTopColor: "#564372"
+  },
+  mainContainer: {
+    paddingHorizontal: 16 * ratio,
+    paddingTop: 8 * ratio,
+    maxWidth: 400 * ratio,
+    alignItems: "flex-start",
+    paddingBottom: 5
+  },
+  footerDetailsAndBtnContainer: {
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  textContainer: {
+    flex: 1,
+    gap: 8 * ratio
+  },
+  selectionCount: {
+    color: "white",
+    fontSize: (0, _AppConstant.normalizeFont)(12),
+    fontFamily: _fontUtils.FONTS.Medium
+  },
+  tenure: {
+    fontSize: (0, _AppConstant.normalizeFont)(14),
+    color: "white",
+    fontFamily: _fontUtils.FONTS.SemiBold
+  },
+  originalPrice: {
+    textDecorationLine: "line-through",
+    color: "#ccc",
+    fontSize: (0, _AppConstant.normalizeFont)(15),
+    fontFamily: _fontUtils.FONTS.SemiBold
+  },
+  priceText: {
+    color: "white",
+    fontSize: (0, _AppConstant.normalizeFont)(22),
+    fontFamily: _fontUtils.FONTS.SemiBold
+  },
+  couponContainer: {
+    flexDirection: "row",
+    marginTop: 8 * ratio,
+    alignItems: "center",
+    alignSelf: "flex-start"
+  },
+  couponText: {
+    color: "white",
+    fontSize: (0, _AppConstant.normalizeFont)(12),
+    fontFamily: _fontUtils.FONTS.SemiBold
+  },
+  couponImage: {
+    width: 18 * ratio,
+    height: 18 * ratio,
+    marginRight: 4 * ratio
+  },
+  couponDetailsContainer: {
+    width: "100%"
+  },
+  discountDetail2: {
+    fontSize: (0, _AppConstant.normalizeFont)(12),
+    color: "white",
+    marginLeft: 10 * ratio,
+    fontFamily: _fontUtils.FONTS.Medium
+  },
+  footerBottomText: {
+    color: "#cdbcea",
+    fontSize: (0, _AppConstant.normalizeFont)(12),
+    marginVertical: 6 * ratio,
+    fontFamily: _fontUtils.FONTS.Medium
+  },
+  viewDetails: {
+    fontSize: (0, _AppConstant.normalizeFont)(16),
+    color: "#F4CCE4",
+    fontFamily: _fontUtils.FONTS.SemiBold
+  }
+});

package/dist/components/Footer/MServiceFooter/MServiceFooter.js

@@ -0,0 +1,103 @@
+"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 _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _AppConstant = require("../../../assets/AppConstant");
+var _reactRedux = require("react-redux");
+var _Toast = _interopRequireDefault(require("../../Toast/Toast"));
+var _PrimaryButton = _interopRequireDefault(require("../../Buttons/PrimaryButton/PrimaryButton"));
+var _fontUtils = require("../../../utils/fontUtils");
+var _lodash = require("lodash");
+const MServiceFooter = ({
+  pageData,
+  cardData,
+  redirectToPage,
+  otpFlag,
+  redirectToResendOtp,
+  journeyType,
+  redirectToCancel,
+  redirectToOtp
+}) => {
+  var _pageData$paymentFail;
+  const userAction = ""; // TODO this is coming from CartCreateSession and from a "userAction" cookie in web
+  const {
+    showToastMsg,
+    toastMessage
+  } = (0, _reactRedux.useSelector)(state => state.commonReducer);
+  const {
+    createSessionResponse
+  } = (0, _reactRedux.useSelector)(state => state.manageAppReducer);
+  const {
+    source = ""
+  } = createSessionResponse;
+  return /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+    edges: ["bottom"],
+    style: styles.safeAreaViewContainer
+  }, showToastMsg && /*#__PURE__*/React.createElement(_Toast.default, {
+    img: require("../../../assets/images/desktop-alert.png"),
+    title: pageData === null || pageData === void 0 || (_pageData$paymentFail = pageData.paymentFailed) === null || _pageData$paymentFail === void 0 ? void 0 : _pageData$paymentFail.title,
+    message: toastMessage ? toastMessage : "Something went wrong",
+    type: "PaymentFailed",
+    style: styles.toast
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, !(0, _lodash.isEmpty)(journeyType) && journeyType === "CUSTOMER" ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_PrimaryButton.default, {
+    title: userAction === "Payment_Retry" ? pageData === null || pageData === void 0 ? void 0 : pageData.retryBtnLabel : pageData === null || pageData === void 0 ? void 0 : pageData.mServicePrimaryBtn,
+    onPress: redirectToPage
+  }), /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    onPress: redirectToCancel,
+    activeOpacity: 0.7,
+    style: styles.textButton
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.buttonText
+  }, pageData === null || pageData === void 0 ? void 0 : pageData.mServiceSecondaryBtn))) : ["MSERVICE", "MSERVICEFTV"].includes(source) && cardData !== null && cardData !== void 0 && cardData.otpEnabled ? /*#__PURE__*/React.createElement(_PrimaryButton.default, {
+    title: !otpFlag ? pageData === null || pageData === void 0 ? void 0 : pageData.otpBtn : pageData === null || pageData === void 0 ? void 0 : pageData.optEnter,
+    onPress: redirectToOtp
+  }) : /*#__PURE__*/React.createElement(_PrimaryButton.default, {
+    title: userAction === "Payment_Retry" ? pageData === null || pageData === void 0 ? void 0 : pageData.retryBtnLabel : pageData === null || pageData === void 0 ? void 0 : pageData.btnLabel,
+    onPress: redirectToPage
+  }), otpFlag && ["MSERVICE", "MSERVICEFTV"].includes(source) ? /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    onPress: redirectToResendOtp,
+    activeOpacity: 0.7,
+    style: styles.textButton
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.buttonText
+  }, pageData === null || pageData === void 0 ? void 0 : pageData.otpResend)) : null));
+};
+var _default = exports.default = MServiceFooter;
+const ratio = _AppConstant.AppConstant.dimension.aspectRatio;
+const styles = _reactNative.StyleSheet.create({
+  safeAreaViewContainer: {
+    width: "100%",
+    alignItems: "center"
+  },
+  container: {
+    paddingHorizontal: 16 * ratio,
+    paddingTop: 8 * ratio,
+    maxWidth: 400 * ratio,
+    paddingBottom: 6,
+    alignItems: "center"
+  },
+  textButton: {
+    height: 46 * ratio,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  buttonText: {
+    fontSize: (0, _AppConstant.normalizeFont)(16),
+    fontFamily: _fontUtils.FONTS.SemiBold,
+    color: "#F3CBE3"
+  },
+  toast: {
+    position: "absolute",
+    top: -150,
+    right: 0,
+    left: 0,
+    bottom: 0
+  }
+});

package/dist/components/Footer/OnButtonFooter/OneButtonFooter.js

@@ -0,0 +1,65 @@
+"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 _AppConstant = require("../../../assets/AppConstant");
+var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _PrimaryButton = _interopRequireDefault(require("../../Buttons/PrimaryButton/PrimaryButton"));
+var _commonUtils = require("../../../utils/commonUtils");
+const OneButtonFooter = ({
+  buttonText,
+  disabled = false,
+  buttonComponent = null,
+  onClick = {},
+  style = {}
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
+    colors: ["#220046", "#020005"],
+    start: {
+      x: 0,
+      y: 0
+    },
+    end: {
+      x: 1,
+      y: 0
+    },
+    style: [styles.container]
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+    edges: ["bottom"],
+    style: [styles.mainContainer, style]
+  }, typeof buttonComponent == "function" ? buttonComponent() : /*#__PURE__*/_react.default.createElement(_PrimaryButton.default, {
+    onPress: onClick,
+    title: buttonText,
+    disabled: disabled,
+    style: styles.buttonStyle
+  })));
+};
+var _default = exports.default = OneButtonFooter;
+const ratio = _AppConstant.AppConstant.dimension.aspectRatio;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: "100%",
+    backgroundColor: "#220046",
+    justifyContent: "center",
+    alignItems: "center",
+    borderTopWidth: 1,
+    borderTopColor: "#564372"
+  },
+  mainContainer: {
+    paddingHorizontal: 16 * ratio,
+    paddingTop: 8 * ratio,
+    maxWidth: 400 * ratio,
+    paddingBottom: 5,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  buttonStyle: {
+    width: ratio * ((0, _commonUtils.isTablet)() ? 400 : 310)
+  }
+});

package/dist/components/Footer/PlanSummaryFooter/SummaryFooter.js

@@ -0,0 +1,180 @@
+"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 _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _PrimaryButton = _interopRequireDefault(require("../../Buttons/PrimaryButton/PrimaryButton"));
+var _AppConstant = require("../../../assets/AppConstant");
+var _string = require("../../../utils/string");
+var _reactNativeLinearGradient = require("react-native-linear-gradient");
+var _fontUtils = require("../../../utils/fontUtils");
+var _lodash = require("lodash");
+var _Home = require("../../../Constants/Home");
+var _serviceCommonHandler = require("../../../services/serviceCommonHandler");
+var _react = require("react");
+var _commonUtils = require("../../../utils/commonUtils");
+const SummaryFooter = ({
+  pageData,
+  packData,
+  buttonText,
+  onButtonClick,
+  isButtonEnabled = true,
+  showCoupon = true,
+  onViewMoreClick = null,
+  style
+}) => {
+  const finalPrice = packData === null || packData === void 0 ? void 0 : packData.payableAmount;
+  const originalPrice = packData === null || packData === void 0 ? void 0 : packData.planAmount;
+  const tenure = _Home.tenureConstants[(packData === null || packData === void 0 ? void 0 : packData.shortTenure) || (packData === null || packData === void 0 ? void 0 : packData.tenure)];
+  const couponDetails = packData === null || packData === void 0 ? void 0 : packData.bestOffer;
+  const couponOfferName = couponDetails === null || couponDetails === void 0 ? void 0 : couponDetails.offerName;
+  const couponName = (0, _react.useMemo)(() => {
+    return (0, _string.replacePlaceholderInString)(pageData === null || pageData === void 0 ? void 0 : pageData.discountDetail, ["offerName", "percentage"], [couponOfferName, couponDetails === null || couponDetails === void 0 ? void 0 : couponDetails.discountValue]);
+  }, [pageData, couponOfferName]);
+  const couponTenure = (0, _react.useMemo)(() => {
+    if ((0, _lodash.isEmpty)(packData === null || packData === void 0 ? void 0 : packData.shortTenure)) return "";
+    return (0, _string.replacePlaceholderInString)(pageData === null || pageData === void 0 ? void 0 : pageData.discountDetail2, "tenure", _Home.bingeOfferTenure[packData === null || packData === void 0 ? void 0 : packData.shortTenure]);
+  }, [pageData, packData === null || packData === void 0 ? void 0 : packData.couponTenure]);
+  return /*#__PURE__*/React.createElement(_reactNativeLinearGradient.LinearGradient, {
+    colors: ["#220046", "#020005"],
+    start: {
+      x: 0,
+      y: 0
+    },
+    end: {
+      x: 1,
+      y: 0
+    },
+    style: [styles.container, style]
+  }, /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+    edges: ["bottom"],
+    style: styles.mainContainer
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.footerDetailsAndBtnContainer
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.textContainer
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, null, couponOfferName && originalPrice && finalPrice && /*#__PURE__*/React.createElement(_reactNative.Text, null, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.originalPrice
+  }, "\u20B9", originalPrice), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.priceText
+  }, " \u20B9", finalPrice)), !couponOfferName && /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.priceText
+  }, " \u20B9", finalPrice || originalPrice), !(0, _lodash.isEmpty)(tenure) && /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.tenure
+  }, " for ", tenure))), /*#__PURE__*/React.createElement(_PrimaryButton.default, {
+    title: buttonText,
+    onPress: onButtonClick,
+    style: {
+      width: 120 * ratio
+    },
+    disabled: !isButtonEnabled
+  })), couponOfferName && showCoupon && /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.couponDetailsContainer
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.couponContainer
+  }, /*#__PURE__*/React.createElement(_reactNative.Image, {
+    source: {
+      uri: _serviceCommonHandler.serviceConsts.baseUrls.imageBaseUrl + "disImg.png"
+    },
+    style: styles.couponImage
+  }), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.couponText
+  }, couponName), couponTenure && /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.discountDetail2
+  }, couponTenure))), (packData === null || packData === void 0 ? void 0 : packData.shortTenure) !== "2 Months" && /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.footerBottomText
+  }, (0, _commonUtils.replaceStringWithParams)(pageData === null || pageData === void 0 ? void 0 : pageData.footerBottom, {
+    "!amount!": finalPrice || originalPrice,
+    "!tenure!": tenure
+  })), (packData === null || packData === void 0 ? void 0 : packData.shortTenure) === "2 Months" && /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.footerBottomText
+  }, `You will be charged ₹149/month for renewal starting ${packData === null || packData === void 0 ? void 0 : packData.planDate}.`)));
+};
+var _default = exports.default = SummaryFooter;
+const ratio = _AppConstant.AppConstant.dimension.aspectRatio;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: "100%",
+    backgroundColor: "#220046",
+    justifyContent: "center",
+    alignItems: "center",
+    borderTopWidth: 1,
+    borderTopColor: "#564372"
+  },
+  mainContainer: {
+    paddingHorizontal: 16 * ratio,
+    paddingTop: 8 * ratio,
+    maxWidth: 400 * ratio,
+    alignItems: "flex-start",
+    paddingBottom: 5
+  },
+  footerDetailsAndBtnContainer: {
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  textContainer: {
+    flex: 1
+  },
+  selectionCount: {
+    color: "white",
+    fontSize: (0, _AppConstant.normalizeFont)(12),
+    fontFamily: _fontUtils.FONTS.Medium
+  },
+  tenure: {
+    fontSize: (0, _AppConstant.normalizeFont)(14),
+    color: "white",
+    fontFamily: _fontUtils.FONTS.SemiBold
+  },
+  originalPrice: {
+    textDecorationLine: "line-through",
+    color: "#ccc",
+    fontSize: (0, _AppConstant.normalizeFont)(15),
+    fontFamily: _fontUtils.FONTS.SemiBold
+  },
+  priceText: {
+    color: "white",
+    fontSize: (0, _AppConstant.normalizeFont)(22),
+    fontFamily: _fontUtils.FONTS.SemiBold
+  },
+  couponContainer: {
+    flexDirection: "row",
+    marginTop: 8 * ratio,
+    alignItems: "center",
+    alignSelf: "flex-start"
+  },
+  couponText: {
+    color: "white",
+    fontSize: (0, _AppConstant.normalizeFont)(12),
+    fontFamily: _fontUtils.FONTS.SemiBold
+  },
+  couponImage: {
+    width: 18 * ratio,
+    height: 18 * ratio,
+    marginRight: 4 * ratio
+  },
+  couponDetailsContainer: {
+    width: "100%",
+    marginTop: -5 * ratio
+  },
+  discountDetail2: {
+    fontSize: (0, _AppConstant.normalizeFont)(12),
+    color: "white",
+    marginLeft: 10 * ratio,
+    fontFamily: _fontUtils.FONTS.Medium
+  },
+  footerBottomText: {
+    color: "#cdbcea",
+    fontSize: (0, _AppConstant.normalizeFont)(12),
+    marginVertical: 6 * ratio,
+    fontFamily: _fontUtils.FONTS.Medium
+  },
+  viewDetails: {
+    fontSize: (0, _AppConstant.normalizeFont)(16),
+    color: "#F4CCE4",
+    fontFamily: _fontUtils.FONTS.SemiBold
+  }
+});