boxpay-checkout-reactnative-sdk 1.0.0-beta03

package/lib/module/components/selectTenureCard.js

@@ -0,0 +1,382 @@
+"use strict";
+
+import { View, Text, Pressable, StyleSheet } from 'react-native';
+import React from 'react';
+import { RadioButton } from 'react-native-paper';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SelectTenureCard = ({
+  duration,
+  monthlyEmiAmount,
+  interest,
+  discount,
+  totalAmount,
+  debiitedAmount,
+  isLowCostOffer,
+  isNoCostOffer,
+  isSelected,
+  onProceedForward,
+  brandColor,
+  onRadioClick,
+  currencySymbol,
+  interestCharged,
+  processingFee
+}) => {
+  return /*#__PURE__*/_jsx(View, {
+    children: isSelected ? /*#__PURE__*/_jsxs(View, {
+      style: {
+        backgroundColor: '#EFF3FA'
+      },
+      children: [/*#__PURE__*/_jsxs(Pressable, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          paddingHorizontal: 14,
+          paddingTop: 14
+        },
+        onPress: () => onRadioClick(duration, monthlyEmiAmount),
+        children: [/*#__PURE__*/_jsx(RadioButton, {
+          value: monthlyEmiAmount,
+          status: isSelected ? 'checked' : 'unchecked',
+          onPress: () => onRadioClick(duration, monthlyEmiAmount),
+          color: brandColor,
+          uncheckedColor: '#01010273'
+        }), /*#__PURE__*/_jsxs(Text, {
+          style: {
+            fontFamily: 'Poppins-SemiBold',
+            fontSize: 14,
+            color: '#2D2B32'
+          },
+          children: [duration, " months x", /*#__PURE__*/_jsxs(Text, {
+            style: {
+              fontFamily: 'Inter-SemiBold',
+              fontSize: 14,
+              color: '#2D2B32'
+            },
+            children: [' ', currencySymbol]
+          }), monthlyEmiAmount]
+        }), isLowCostOffer && /*#__PURE__*/_jsx(View, {
+          style: styles.tag,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.tagText,
+            children: "LOW COST EMI"
+          })
+        }), isNoCostOffer && /*#__PURE__*/_jsx(View, {
+          style: styles.tag,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.tagText,
+            children: "NO COST EMI"
+          })
+        })]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: {
+          borderColor: '#F1F1F1',
+          borderWidth: 1
+        },
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: {
+            flexDirection: 'row',
+            marginHorizontal: 12,
+            marginTop: 16,
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            backgroundColor: '#F1F1F1',
+            padding: 8,
+            borderTopLeftRadius: 12,
+            borderTopRightRadius: 12
+          },
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: {
+              fontFamily: 'Poppins-SemiBold',
+              fontSize: 12,
+              color: '#2D2B32',
+              flex: 1,
+              textAlign: 'center'
+            },
+            numberOfLines: 2,
+            children: "Monthly EMI"
+          }), /*#__PURE__*/_jsxs(Text, {
+            style: {
+              fontFamily: 'Poppins-SemiBold',
+              fontSize: 12,
+              color: '#2D2B32',
+              flex: 1,
+              textAlign: 'center'
+            },
+            numberOfLines: 2,
+            children: ["Interest @", interest, "% p.a."]
+          }), discount !== '0' && /*#__PURE__*/_jsx(Text, {
+            style: {
+              fontFamily: 'Poppins-SemiBold',
+              fontSize: 12,
+              color: '#2D2B32',
+              flex: 1,
+              textAlign: 'center'
+            },
+            numberOfLines: 2,
+            children: "Discount"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: {
+              fontFamily: 'Poppins-SemiBold',
+              fontSize: 12,
+              color: '#2D2B32',
+              flex: 1,
+              textAlign: 'center'
+            },
+            numberOfLines: 2,
+            children: "Total Cost"
+          })]
+        }), /*#__PURE__*/_jsxs(View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            backgroundColor: 'white',
+            padding: 8,
+            borderBottomEndRadius: 12,
+            justifyContent: 'space-between',
+            borderBottomStartRadius: 12,
+            marginHorizontal: 12
+          },
+          children: [/*#__PURE__*/_jsxs(Text, {
+            style: {
+              fontFamily: 'Poppins-Medium',
+              fontSize: 12,
+              color: '#2D2B32',
+              flex: 1,
+              textAlign: 'center'
+            },
+            numberOfLines: 2,
+            children: [/*#__PURE__*/_jsxs(Text, {
+              style: {
+                fontFamily: 'Inter-Regular',
+                fontSize: 12,
+                color: '#2D2B32'
+              },
+              children: [' ', currencySymbol]
+            }), monthlyEmiAmount]
+          }), /*#__PURE__*/_jsxs(Text, {
+            style: {
+              fontFamily: 'Poppins-Medium',
+              fontSize: 12,
+              color: '#2D2B32',
+              flex: 1,
+              textAlign: 'center'
+            },
+            numberOfLines: 2,
+            children: [/*#__PURE__*/_jsxs(Text, {
+              style: {
+                fontFamily: 'Inter-Regular',
+                fontSize: 12,
+                color: '#2D2B32'
+              },
+              children: [' ', currencySymbol]
+            }), interestCharged]
+          }), discount !== '0' && /*#__PURE__*/_jsxs(Text, {
+            style: {
+              fontFamily: 'Poppins-Medium',
+              fontSize: 12,
+              color: '#1CA672',
+              flex: 1,
+              textAlign: 'center'
+            },
+            numberOfLines: 2,
+            children: [/*#__PURE__*/_jsxs(Text, {
+              style: {
+                fontFamily: 'Inter-Regular',
+                fontSize: 12,
+                color: '#1CA672'
+              },
+              children: [' ', "-", currencySymbol]
+            }), discount]
+          }), /*#__PURE__*/_jsxs(Text, {
+            style: {
+              fontFamily: 'Poppins-Medium',
+              fontSize: 12,
+              color: '#2D2B32',
+              flex: 1,
+              textAlign: 'center'
+            },
+            numberOfLines: 2,
+            children: [/*#__PURE__*/_jsxs(Text, {
+              style: {
+                fontFamily: 'Inter-Regular',
+                fontSize: 12,
+                color: '#2D2B32'
+              },
+              children: [' ', currencySymbol]
+            }), totalAmount]
+          })]
+        })]
+      }), /*#__PURE__*/_jsxs(Text, {
+        style: {
+          padding: 12,
+          color: '#2D2B32',
+          fontSize: 12,
+          lineHeight: 18,
+          fontFamily: 'Poppins-Regular'
+        },
+        children: ["Your card will be charged for an amount of", ' ', /*#__PURE__*/_jsxs(Text, {
+          style: {
+            fontFamily: 'Inter-SemiBold',
+            fontSize: 12,
+            color: '#2D2B32'
+          },
+          children: [' ', currencySymbol]
+        }), /*#__PURE__*/_jsx(Text, {
+          style: {
+            fontFamily: 'Poppins-SemiBold',
+            fontSize: 12,
+            color: '#2D2B32'
+          },
+          children: debiitedAmount
+        }), ' ', "You will be charged an interest of\xA0", /*#__PURE__*/_jsxs(Text, {
+          style: {
+            fontFamily: 'Inter-SemiBold',
+            fontSize: 12,
+            color: '#2D2B32'
+          },
+          children: [' ', currencySymbol]
+        }), /*#__PURE__*/_jsx(Text, {
+          style: {
+            fontFamily: 'Poppins-SemiBold',
+            fontSize: 12,
+            color: '#2D2B32'
+          },
+          children: interestCharged
+        }), ' ', "by the bank making the total payable amount as", ' ', /*#__PURE__*/_jsxs(Text, {
+          style: {
+            fontFamily: 'Inter-SemiBold',
+            fontSize: 12,
+            color: '#2D2B32'
+          },
+          children: [' ', currencySymbol]
+        }), /*#__PURE__*/_jsx(Text, {
+          style: {
+            fontFamily: 'Poppins-SemiBold',
+            fontSize: 12,
+            color: '#2D2B32'
+          },
+          children: totalAmount
+        }), "."]
+      }), /*#__PURE__*/_jsxs(Text, {
+        style: {
+          fontFamily: 'Poppins-Regular',
+          fontSize: 12,
+          color: '#2D2B32',
+          paddingHorizontal: 12,
+          paddingBottom: 12
+        },
+        children: [/*#__PURE__*/_jsxs(Text, {
+          style: {
+            fontFamily: 'Inter-SemiBold',
+            fontSize: 12,
+            color: '#2D2B32'
+          },
+          children: [' ', currencySymbol]
+        }), /*#__PURE__*/_jsx(Text, {
+          style: {
+            fontFamily: 'Poppins-SemiBold',
+            fontSize: 12,
+            color: '#2D2B32'
+          },
+          children: processingFee
+        }), "+GST will be charged by HDFC bank as one-time processing fee."]
+      }), /*#__PURE__*/_jsx(Pressable, {
+        style: {
+          flexDirection: 'row',
+          borderRadius: 8,
+          justifyContent: 'center',
+          marginBottom: 16,
+          marginHorizontal: 12,
+          paddingVertical: 12,
+          backgroundColor: brandColor
+        },
+        onPress: () => {
+          onProceedForward();
+        },
+        children: /*#__PURE__*/_jsx(Text, {
+          style: {
+            color: 'white',
+            fontSize: 16,
+            fontFamily: 'Poppins-SemiBold'
+          },
+          children: "Proceed to Enter Card Details"
+        })
+      })]
+    }) : /*#__PURE__*/_jsx(View, {
+      style: {
+        padding: 14
+      },
+      children: /*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          flexWrap: 'wrap',
+          alignItems: 'center'
+        },
+        children: [/*#__PURE__*/_jsx(RadioButton, {
+          value: monthlyEmiAmount,
+          status: isSelected ? 'checked' : 'unchecked',
+          onPress: () => onRadioClick(duration, monthlyEmiAmount),
+          color: brandColor,
+          uncheckedColor: '#01010273'
+        }), /*#__PURE__*/_jsxs(View, {
+          style: {
+            flexShrink: 1
+          },
+          children: [/*#__PURE__*/_jsxs(Text, {
+            style: {
+              fontFamily: 'Poppins-SemiBold',
+              fontSize: 14,
+              color: '#2D2B32',
+              alignSelf: 'center'
+            },
+            onPress: () => onRadioClick(duration, monthlyEmiAmount),
+            children: [duration, " months x", /*#__PURE__*/_jsxs(Text, {
+              style: {
+                fontFamily: 'Inter-SemiBold',
+                fontSize: 14,
+                color: '#2D2B32'
+              },
+              children: [' ', currencySymbol]
+            }), monthlyEmiAmount, " | @", interest, "% p.a."]
+          }), /*#__PURE__*/_jsxs(View, {
+            style: {
+              flexDirection: 'row',
+              flexWrap: 'wrap',
+              alignSelf: 'flex-start'
+            },
+            children: [isLowCostOffer && /*#__PURE__*/_jsx(View, {
+              style: styles.tag,
+              children: /*#__PURE__*/_jsx(Text, {
+                style: styles.tagText,
+                children: "LOW COST EMI"
+              })
+            }), isNoCostOffer && /*#__PURE__*/_jsx(View, {
+              style: styles.tag,
+              children: /*#__PURE__*/_jsx(Text, {
+                style: styles.tagText,
+                children: "NO COST EMI"
+              })
+            })]
+          })]
+        })]
+      })
+    })
+  });
+};
+export default SelectTenureCard;
+const styles = StyleSheet.create({
+  tag: {
+    borderColor: '#FFADD2',
+    borderRadius: 6,
+    backgroundColor: '#FFF0F6',
+    borderWidth: 1,
+    paddingHorizontal: 4,
+    marginLeft: 4
+  },
+  tagText: {
+    fontSize: 10,
+    fontFamily: 'Poppins-Medium',
+    color: '#EB2F96'
+  }
+});
+//# sourceMappingURL=selectTenureCard.js.map

package/lib/module/components/selectTenureCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","Pressable","StyleSheet","React","RadioButton","jsx","_jsx","jsxs","_jsxs","SelectTenureCard","duration","monthlyEmiAmount","interest","discount","totalAmount","debiitedAmount","isLowCostOffer","isNoCostOffer","isSelected","onProceedForward","brandColor","onRadioClick","currencySymbol","interestCharged","processingFee","children","style","backgroundColor","flexDirection","alignItems","paddingHorizontal","paddingTop","onPress","value","status","color","uncheckedColor","fontFamily","fontSize","styles","tag","tagText","borderColor","borderWidth","marginHorizontal","marginTop","justifyContent","padding","borderTopLeftRadius","borderTopRightRadius","flex","textAlign","numberOfLines","borderBottomEndRadius","borderBottomStartRadius","lineHeight","paddingBottom","borderRadius","marginBottom","paddingVertical","flexWrap","flexShrink","alignSelf","create","marginLeft"],"sourceRoot":"../../../src","sources":["components/selectTenureCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/sessionExpire.js

@@ -0,0 +1,97 @@
+"use strict";
+
+import { View, Text, StyleSheet, Pressable } from 'react-native';
+import React from 'react';
+import Modal from 'react-native-modal';
+import LottieView from 'lottie-react-native';
+import { checkoutDetailsHandler } from "../sharedContext/checkoutDetailsHandler.js";
+import callUIAnalytics from "../postRequest/callUIAnalytics.js";
+import { AnalyticsEvents } from "../interface.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SessionExpire = ({
+  onClick
+}) => {
+  const {
+    checkoutDetails
+  } = checkoutDetailsHandler;
+  return /*#__PURE__*/_jsx(View, {
+    children: /*#__PURE__*/_jsx(Modal, {
+      isVisible: true,
+      style: styles.modal,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.sheet,
+        children: [/*#__PURE__*/_jsx(LottieView, {
+          source: require('../../assets/animations/payment_status_pending.json'),
+          autoPlay: true,
+          loop: false,
+          style: {
+            width: 90,
+            height: 90,
+            alignSelf: 'center'
+          }
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.successfulHeading,
+          children: "Payment session has expired."
+        }), /*#__PURE__*/_jsx(Text, {
+          style: {
+            fontSize: 14,
+            fontFamily: 'Poppins-Regular',
+            color: '#000000',
+            textAlign: 'center',
+            alignSelf: 'center',
+            paddingTop: 8,
+            paddingBottom: 16,
+            lineHeight: 20
+          },
+          children: "For your security, your session has expired due to inactivity. Please restart the payment process."
+        }), /*#__PURE__*/_jsx(Pressable, {
+          style: [styles.buttonContainer, {
+            backgroundColor: checkoutDetails.brandColor
+          }],
+          onPress: () => {
+            callUIAnalytics(AnalyticsEvents.PAYMENT_RESULT_SCREEN_DISPLAYED, "Session Expired button clicked", "");
+            onClick();
+          },
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.buttonText,
+            children: "Go back to Home"
+          })
+        })]
+      })
+    })
+  });
+};
+export default SessionExpire;
+const styles = StyleSheet.create({
+  modal: {
+    justifyContent: 'flex-end',
+    margin: 0
+  },
+  sheet: {
+    backgroundColor: 'white',
+    padding: 20,
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20
+  },
+  successfulHeading: {
+    color: '#DB7C1D',
+    fontSize: 22,
+    alignSelf: 'center',
+    paddingTop: 8,
+    fontFamily: 'Poppins-SemiBold'
+  },
+  buttonContainer: {
+    flexDirection: 'row',
+    borderRadius: 8,
+    justifyContent: 'center',
+    marginTop: 12,
+    backgroundColor: '#1CA672'
+  },
+  buttonText: {
+    color: 'white',
+    fontSize: 16,
+    paddingVertical: 12,
+    fontFamily: 'Poppins-SemiBold'
+  }
+});
+//# sourceMappingURL=sessionExpire.js.map

package/lib/module/components/sessionExpire.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","StyleSheet","Pressable","React","Modal","LottieView","checkoutDetailsHandler","callUIAnalytics","AnalyticsEvents","jsx","_jsx","jsxs","_jsxs","SessionExpire","onClick","checkoutDetails","children","isVisible","style","styles","modal","sheet","source","require","autoPlay","loop","width","height","alignSelf","successfulHeading","fontSize","fontFamily","color","textAlign","paddingTop","paddingBottom","lineHeight","buttonContainer","backgroundColor","brandColor","onPress","PAYMENT_RESULT_SCREEN_DISPLAYED","buttonText","create","justifyContent","margin","padding","borderTopLeftRadius","borderTopRightRadius","flexDirection","borderRadius","marginTop","paddingVertical"],"sourceRoot":"../../../src","sources":["components/sessionExpire.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/shimmerView.js

@@ -0,0 +1,40 @@
+"use strict";
+
+import { View } from 'react-native';
+import ShimmerPlaceHolder from 'react-native-shimmer-placeholder';
+import { jsx as _jsx } from "react/jsx-runtime";
+const shimmerHeights = [{
+  height: 90,
+  marginTop: 10
+}, {
+  height: 50,
+  marginTop: 30
+}, {
+  height: 50,
+  marginTop: 25
+}, {
+  height: 50,
+  marginTop: 25
+}, {
+  height: 50,
+  marginTop: 25
+}];
+const ShimmerView = () => {
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      flex: 1,
+      backgroundColor: 'white'
+    },
+    children: shimmerHeights.map((item, index) => /*#__PURE__*/_jsx(ShimmerPlaceHolder, {
+      visible: false,
+      style: {
+        width: '100%',
+        height: item.height,
+        borderRadius: item.height === 90 ? 0 : 10,
+        marginTop: item.marginTop
+      }
+    }, index))
+  });
+};
+export default ShimmerView;
+//# sourceMappingURL=shimmerView.js.map

package/lib/module/components/shimmerView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","ShimmerPlaceHolder","jsx","_jsx","shimmerHeights","height","marginTop","ShimmerView","style","flex","backgroundColor","children","map","item","index","visible","width","borderRadius"],"sourceRoot":"../../../src","sources":["components/shimmerView.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,OAAOC,kBAAkB,MAAM,kCAAkC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElE,MAAMC,cAAc,GAAG,CACrB;EAAEC,MAAM,EAAE,EAAE;EAAEC,SAAS,EAAE;AAAG,CAAC,EAC7B;EAAED,MAAM,EAAE,EAAE;EAAEC,SAAS,EAAE;AAAG,CAAC,EAC7B;EAAED,MAAM,EAAE,EAAE;EAAEC,SAAS,EAAE;AAAG,CAAC,EAC7B;EAAED,MAAM,EAAE,EAAE;EAAEC,SAAS,EAAE;AAAG,CAAC,EAC7B;EAAED,MAAM,EAAE,EAAE;EAAEC,SAAS,EAAE;AAAG,CAAC,CAC9B;AAED,MAAMC,WAAW,GAAGA,CAAA,KAAM;EACxB,oBACEJ,IAAA,CAACH,IAAI;IAACQ,KAAK,EAAE;MAAEC,IAAI,EAAE,CAAC;MAAEC,eAAe,EAAE;IAAQ,CAAE;IAAAC,QAAA,EAChDP,cAAc,CAACQ,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBAC9BX,IAAA,CAACF,kBAAkB;MAEjBc,OAAO,EAAE,KAAM;MACfP,KAAK,EAAE;QACLQ,KAAK,EAAE,MAAM;QACbX,MAAM,EAAEQ,IAAI,CAACR,MAAM;QACnBY,YAAY,EAAEJ,IAAI,CAACR,MAAM,KAAK,EAAE,GAAG,CAAC,GAAG,EAAE;QACzCC,SAAS,EAAEO,IAAI,CAACP;MAClB;IAAE,GAPGQ,KAQN,CACF;EAAC,CACE,CAAC;AAEX,CAAC;AAED,eAAeP,WAAW","ignoreList":[]}