boxpay-checkout-reactnative-sdk 1.0.2-beta2 → 1.0.2-beta3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/module/components/bankCard.js +5 -30
- package/lib/module/components/bankCard.js.map +1 -1
- package/lib/module/components/imageLoader.js +91 -0
- package/lib/module/components/imageLoader.js.map +1 -0
- package/lib/module/components/paymentSelector.js +5 -44
- package/lib/module/components/paymentSelector.js.map +1 -1
- package/lib/module/components/savedCardComponent.js +4 -43
- package/lib/module/components/savedCardComponent.js.map +1 -1
- package/lib/module/screens/cardScreen.js +55 -54
- package/lib/module/screens/cardScreen.js.map +1 -1
- package/lib/module/sdk-version.json +1 -1
- package/lib/module/styles/screens/cardScreenStyles.js +8 -0
- package/lib/module/styles/screens/cardScreenStyles.js.map +1 -1
- package/lib/typescript/src/components/bankCard.d.ts.map +1 -1
- package/lib/typescript/src/components/imageLoader.d.ts +8 -0
- package/lib/typescript/src/components/imageLoader.d.ts.map +1 -0
- package/lib/typescript/src/components/paymentSelector.d.ts.map +1 -1
- package/lib/typescript/src/components/savedCardComponent.d.ts.map +1 -1
- package/lib/typescript/src/screens/cardScreen.d.ts.map +1 -1
- package/lib/typescript/src/styles/screens/cardScreenStyles.d.ts +8 -0
- package/lib/typescript/src/styles/screens/cardScreenStyles.d.ts.map +1 -1
- package/package.json +9 -4
- package/src/components/bankCard.tsx +3 -36
- package/src/components/imageLoader.tsx +108 -0
- package/src/components/paymentSelector.tsx +5 -39
- package/src/components/savedCardComponent.tsx +3 -38
- package/src/screens/cardScreen.tsx +53 -54
- package/src/sdk-version.json +1 -1
- package/src/styles/screens/cardScreenStyles.ts +8 -0
- package/android/build/kotlin/compileDebugKotlin/local-state/build-history.bin +0 -0
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React
|
|
3
|
+
import React from 'react';
|
|
4
4
|
import { View, Text, Image, TouchableOpacity } from 'react-native';
|
|
5
|
-
import { SvgUri } from 'react-native-svg';
|
|
6
|
-
import ShimmerPlaceHolder from 'react-native-shimmer-placeholder';
|
|
7
5
|
import styles from "../styles/components/bankCardStyles.js";
|
|
6
|
+
import ImageLoader from "./imageLoader.js";
|
|
8
7
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
8
|
const BankCard = ({
|
|
10
9
|
name,
|
|
@@ -13,36 +12,12 @@ const BankCard = ({
|
|
|
13
12
|
hasLowCostEmi,
|
|
14
13
|
onPress
|
|
15
14
|
}) => {
|
|
16
|
-
const [error, setImageError] = useState(false);
|
|
17
|
-
const [load, setLoad] = useState(true);
|
|
18
15
|
return /*#__PURE__*/_jsxs(TouchableOpacity, {
|
|
19
16
|
style: styles.container,
|
|
20
17
|
onPress: onPress,
|
|
21
|
-
children: [/*#__PURE__*/
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
visible: false // Keep shimmer until loading is done
|
|
25
|
-
,
|
|
26
|
-
style: styles.shimmer
|
|
27
|
-
}), !error ? /*#__PURE__*/_jsx(SvgUri, {
|
|
28
|
-
uri: iconUrl,
|
|
29
|
-
width: 100 // Keep original size
|
|
30
|
-
,
|
|
31
|
-
height: 100,
|
|
32
|
-
style: {
|
|
33
|
-
transform: [{
|
|
34
|
-
scale: 0.4
|
|
35
|
-
}]
|
|
36
|
-
},
|
|
37
|
-
onLoad: () => setLoad(false),
|
|
38
|
-
onError: () => {
|
|
39
|
-
setImageError(true);
|
|
40
|
-
setLoad(false);
|
|
41
|
-
}
|
|
42
|
-
}) : /*#__PURE__*/_jsx(Image, {
|
|
43
|
-
source: require('../../assets/images/ic_netbanking_semi_bold.png'),
|
|
44
|
-
style: styles.errorImage
|
|
45
|
-
})]
|
|
18
|
+
children: [/*#__PURE__*/_jsx(ImageLoader, {
|
|
19
|
+
image: iconUrl,
|
|
20
|
+
errorImage: require('../../assets/images/ic_netbanking_semi_bold.png')
|
|
46
21
|
}), /*#__PURE__*/_jsxs(View, {
|
|
47
22
|
style: styles.detailsContainer,
|
|
48
23
|
children: [/*#__PURE__*/_jsx(Text, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","
|
|
1
|
+
{"version":3,"names":["React","View","Text","Image","TouchableOpacity","styles","ImageLoader","jsx","_jsx","jsxs","_jsxs","BankCard","name","iconUrl","hasNoCostEmi","hasLowCostEmi","onPress","style","container","children","image","errorImage","require","detailsContainer","bankName","tagsContainer","tag","tagText","source","chervonImage"],"sourceRoot":"../../../src","sources":["components/bankCard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,KAAK,EAAEC,gBAAgB,QAAQ,cAAc;AAClE,OAAOC,MAAM,MAAM,wCAAqC;AACxD,OAAOC,WAAW,MAAM,kBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUxC,MAAMC,QAAiC,GAAGA,CAAC;EACzCC,IAAI;EACJC,OAAO;EACPC,YAAY;EACZC,aAAa;EACbC;AACF,CAAC,KAAK;EACJ,oBACEN,KAAA,CAACN,gBAAgB;IAACa,KAAK,EAAEZ,MAAM,CAACa,SAAU;IAACF,OAAO,EAAEA,OAAQ;IAAAG,QAAA,gBAC1DX,IAAA,CAACF,WAAW;MAACc,KAAK,EAAEP,OAAQ;MAACQ,UAAU,EAAEC,OAAO,CAAC,iDAAiD;IAAE,CAAC,CAAC,eACtGZ,KAAA,CAACT,IAAI;MAACgB,KAAK,EAAEZ,MAAM,CAACkB,gBAAiB;MAAAJ,QAAA,gBACnCX,IAAA,CAACN,IAAI;QAACe,KAAK,EAAEZ,MAAM,CAACmB,QAAS;QAAAL,QAAA,EAAEP;MAAI,CAAO,CAAC,eAC3CF,KAAA,CAACT,IAAI;QAACgB,KAAK,EAAEZ,MAAM,CAACoB,aAAc;QAAAN,QAAA,GAC/BL,YAAY,iBACXN,IAAA,CAACP,IAAI;UAACgB,KAAK,EAAEZ,MAAM,CAACqB,GAAI;UAAAP,QAAA,eACtBX,IAAA,CAACN,IAAI;YAACe,KAAK,EAAEZ,MAAM,CAACsB,OAAQ;YAAAR,QAAA,EAAC;UAAW,CAAM;QAAC,CAC3C,CACP,EACAJ,aAAa,iBACZP,IAAA,CAACP,IAAI;UAACgB,KAAK,EAAEZ,MAAM,CAACqB,GAAI;UAAAP,QAAA,eACtBX,IAAA,CAACN,IAAI;YAACe,KAAK,EAAEZ,MAAM,CAACsB,OAAQ;YAAAR,QAAA,EAAC;UAAY,CAAM;QAAC,CAC5C,CACP;MAAA,CACG,CAAC;IAAA,CACH,CAAC,eAEPX,IAAA,CAACL,KAAK;MACJyB,MAAM,EAAEN,OAAO,CAAC,sCAAsC,CAAE;MACxDL,KAAK,EAAEZ,MAAM,CAACwB;IAAa,CAC5B,CAAC;EAAA,CACc,CAAC;AAEvB,CAAC;AAED,eAAelB,QAAQ","ignoreList":[]}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useState, useEffect } from "react";
|
|
4
|
+
import { SvgXml } from 'react-native-svg';
|
|
5
|
+
import ShimmerPlaceHolder from 'react-native-shimmer-placeholder';
|
|
6
|
+
import { Image, View } from "react-native";
|
|
7
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
+
const ImageLoader = ({
|
|
9
|
+
image,
|
|
10
|
+
errorImage
|
|
11
|
+
}) => {
|
|
12
|
+
const [error, setImageError] = useState(false);
|
|
13
|
+
const [load, setLoad] = useState(true);
|
|
14
|
+
const [extractedImage, setExtractedImage] = useState("");
|
|
15
|
+
const [svgContent, setSvgContent] = useState("");
|
|
16
|
+
useEffect(() => {
|
|
17
|
+
if (image != "") {
|
|
18
|
+
fetch(image).then(response => response.text()).then(text => {
|
|
19
|
+
// 1. CHECK FOR HIDDEN PNGs (Like the Visa logo)
|
|
20
|
+
const base64Match = text.match(/xlink:href="(data:image\/[^"]+)"/);
|
|
21
|
+
if (base64Match && base64Match[1]) {
|
|
22
|
+
setExtractedImage(base64Match[1]);
|
|
23
|
+
} else {
|
|
24
|
+
// 2. CHECK FOR MISSING VIEWBOX (Fixes the cropping issue)
|
|
25
|
+
let finalSvg = text;
|
|
26
|
+
if (!finalSvg.includes('viewBox')) {
|
|
27
|
+
// Try to find width and height to create a viewBox
|
|
28
|
+
const widthMatch = text.match(/width="([^"]+)"/);
|
|
29
|
+
const heightMatch = text.match(/height="([^"]+)"/);
|
|
30
|
+
if (widthMatch && widthMatch[1] && heightMatch && heightMatch[1]) {
|
|
31
|
+
const w = parseFloat(widthMatch[1]);
|
|
32
|
+
const h = parseFloat(heightMatch[1]);
|
|
33
|
+
|
|
34
|
+
// Inject the viewBox into the <svg> tag
|
|
35
|
+
// We replace "<svg " with "<svg viewBox="0 0 w h" "
|
|
36
|
+
finalSvg = finalSvg.replace('<svg ', `<svg viewBox="0 0 ${w} ${h}" `);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
setSvgContent(finalSvg);
|
|
40
|
+
}
|
|
41
|
+
setLoad(false);
|
|
42
|
+
}).catch(err => {
|
|
43
|
+
console.error("SVG Load Error:", err);
|
|
44
|
+
setImageError(true);
|
|
45
|
+
setLoad(false);
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
}, [image]);
|
|
49
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
50
|
+
style: {
|
|
51
|
+
width: 32,
|
|
52
|
+
height: 32,
|
|
53
|
+
justifyContent: 'center',
|
|
54
|
+
alignItems: 'center'
|
|
55
|
+
},
|
|
56
|
+
children: [load && !error && /*#__PURE__*/_jsx(ShimmerPlaceHolder, {
|
|
57
|
+
visible: false // Keep shimmer until loading is done
|
|
58
|
+
,
|
|
59
|
+
style: {
|
|
60
|
+
width: 32,
|
|
61
|
+
height: 32,
|
|
62
|
+
borderRadius: 8
|
|
63
|
+
}
|
|
64
|
+
}), !error && !load && /*#__PURE__*/_jsxs(_Fragment, {
|
|
65
|
+
children: [extractedImage && /*#__PURE__*/_jsx(Image, {
|
|
66
|
+
source: {
|
|
67
|
+
uri: extractedImage
|
|
68
|
+
},
|
|
69
|
+
style: {
|
|
70
|
+
width: '100%',
|
|
71
|
+
height: '100%',
|
|
72
|
+
resizeMode: 'contain' // Keeps the aspect ratio correct inside the square
|
|
73
|
+
}
|
|
74
|
+
}), svgContent && !extractedImage && /*#__PURE__*/_jsx(SvgXml, {
|
|
75
|
+
xml: svgContent,
|
|
76
|
+
width: "100%",
|
|
77
|
+
height: "100%",
|
|
78
|
+
preserveAspectRatio: "xMidYMid meet" // Keeps vectors sharp and centered
|
|
79
|
+
})]
|
|
80
|
+
}), error && /*#__PURE__*/_jsx(Image, {
|
|
81
|
+
source: errorImage,
|
|
82
|
+
style: {
|
|
83
|
+
transform: [{
|
|
84
|
+
scale: 0.4
|
|
85
|
+
}]
|
|
86
|
+
}
|
|
87
|
+
})]
|
|
88
|
+
});
|
|
89
|
+
};
|
|
90
|
+
export default ImageLoader;
|
|
91
|
+
//# sourceMappingURL=imageLoader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useState","useEffect","SvgXml","ShimmerPlaceHolder","Image","View","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ImageLoader","image","errorImage","error","setImageError","load","setLoad","extractedImage","setExtractedImage","svgContent","setSvgContent","fetch","then","response","text","base64Match","match","finalSvg","includes","widthMatch","heightMatch","w","parseFloat","h","replace","catch","err","console","style","width","height","justifyContent","alignItems","children","visible","borderRadius","source","uri","resizeMode","xml","preserveAspectRatio","transform","scale"],"sourceRoot":"../../../src","sources":["components/imageLoader.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { View, Text, Pressable, StyleSheet
|
|
4
|
-
import { useState } from 'react';
|
|
3
|
+
import { View, Text, Pressable, StyleSheet } from 'react-native';
|
|
5
4
|
import { RadioButton } from 'react-native-paper';
|
|
6
5
|
import { checkoutDetailsHandler } from "../sharedContext/checkoutDetailsHandler.js";
|
|
7
|
-
import
|
|
8
|
-
import ShimmerPlaceHolder from 'react-native-shimmer-placeholder';
|
|
6
|
+
import ImageLoader from "./imageLoader.js";
|
|
9
7
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
8
|
const PaymentSelectorView = ({
|
|
11
9
|
providerList,
|
|
@@ -58,8 +56,6 @@ const PaymentSelector = ({
|
|
|
58
56
|
currencySymbol,
|
|
59
57
|
amount
|
|
60
58
|
}) => {
|
|
61
|
-
const [error, setImageError] = useState(false);
|
|
62
|
-
const [load, setLoad] = useState(true);
|
|
63
59
|
return /*#__PURE__*/_jsxs(View, {
|
|
64
60
|
style: {
|
|
65
61
|
paddingVertical: 16,
|
|
@@ -72,44 +68,9 @@ const PaymentSelector = ({
|
|
|
72
68
|
flexDirection: 'row',
|
|
73
69
|
alignItems: 'center'
|
|
74
70
|
},
|
|
75
|
-
children: [/*#__PURE__*/
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
height: 32,
|
|
79
|
-
justifyContent: 'center',
|
|
80
|
-
alignItems: 'center'
|
|
81
|
-
},
|
|
82
|
-
children: [load && !error && /*#__PURE__*/_jsx(ShimmerPlaceHolder, {
|
|
83
|
-
visible: false // Keep shimmer until loading is done
|
|
84
|
-
,
|
|
85
|
-
style: {
|
|
86
|
-
width: 32,
|
|
87
|
-
height: 32,
|
|
88
|
-
borderRadius: 8
|
|
89
|
-
}
|
|
90
|
-
}), !error ? /*#__PURE__*/_jsx(SvgUri, {
|
|
91
|
-
uri: image,
|
|
92
|
-
width: "100%" // Keep original size
|
|
93
|
-
,
|
|
94
|
-
height: "100%",
|
|
95
|
-
style: {
|
|
96
|
-
transform: [{
|
|
97
|
-
scale: 1
|
|
98
|
-
}]
|
|
99
|
-
},
|
|
100
|
-
onLoad: () => setLoad(false),
|
|
101
|
-
onError: () => {
|
|
102
|
-
setImageError(true);
|
|
103
|
-
setLoad(false);
|
|
104
|
-
}
|
|
105
|
-
}) : /*#__PURE__*/_jsx(Image, {
|
|
106
|
-
source: errorImage,
|
|
107
|
-
style: {
|
|
108
|
-
transform: [{
|
|
109
|
-
scale: 0.4
|
|
110
|
-
}]
|
|
111
|
-
}
|
|
112
|
-
})]
|
|
71
|
+
children: [/*#__PURE__*/_jsx(ImageLoader, {
|
|
72
|
+
image: image,
|
|
73
|
+
errorImage: errorImage
|
|
113
74
|
}), /*#__PURE__*/_jsxs(View, {
|
|
114
75
|
style: {
|
|
115
76
|
paddingStart: 12,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","Text","Pressable","StyleSheet","
|
|
1
|
+
{"version":3,"names":["View","Text","Pressable","StyleSheet","RadioButton","checkoutDetailsHandler","ImageLoader","jsx","_jsx","jsxs","_jsxs","PaymentSelectorView","providerList","onProceedForward","isLastUsed","errorImage","onClickRadio","checkoutDetails","children","map","provider","index","PaymentSelector","id","title","displayValue","image","iconUrl","isSelected","instrumentTypeValue","onPress","instrumentValue","type","brandColor","currencySymbol","amount","length","style","flexDirection","height","backgroundColor","paddingVertical","paddingHorizontal","borderRadius","alignItems","paddingStart","flex","fontFamily","fontSize","color","numberOfLines","ellipsizeMode","styles","tag","tagText","value","status","uncheckedColor","buttonContainer","buttonText","create","justifyContent","marginTop","borderColor","borderWidth","alignSelf"],"sourceRoot":"../../../src","sources":["components/paymentSelector.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { View, Text, Pressable, StyleSheet, Image } from 'react-native';
|
|
4
|
-
import { useState } from 'react';
|
|
5
4
|
import { RadioButton } from 'react-native-paper';
|
|
6
5
|
import { checkoutDetailsHandler } from "../sharedContext/checkoutDetailsHandler.js";
|
|
7
|
-
import
|
|
8
|
-
import ShimmerPlaceHolder from 'react-native-shimmer-placeholder';
|
|
6
|
+
import ImageLoader from "./imageLoader.js";
|
|
9
7
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
8
|
const SavedCardComponentView = ({
|
|
11
9
|
savedCards,
|
|
@@ -102,8 +100,6 @@ const SavedCardRow = ({
|
|
|
102
100
|
currencySymbol,
|
|
103
101
|
amount
|
|
104
102
|
}) => {
|
|
105
|
-
const [error, setImageError] = useState(false);
|
|
106
|
-
const [load, setLoad] = useState(true);
|
|
107
103
|
return /*#__PURE__*/_jsxs(View, {
|
|
108
104
|
style: {
|
|
109
105
|
paddingVertical: 16,
|
|
@@ -116,44 +112,9 @@ const SavedCardRow = ({
|
|
|
116
112
|
flexDirection: 'row',
|
|
117
113
|
alignItems: 'center'
|
|
118
114
|
},
|
|
119
|
-
children: [/*#__PURE__*/
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
height: 32,
|
|
123
|
-
justifyContent: 'center',
|
|
124
|
-
alignItems: 'center'
|
|
125
|
-
},
|
|
126
|
-
children: [load && !error && /*#__PURE__*/_jsx(ShimmerPlaceHolder, {
|
|
127
|
-
visible: false // Keep shimmer until loading is done
|
|
128
|
-
,
|
|
129
|
-
style: {
|
|
130
|
-
width: 32,
|
|
131
|
-
height: 32,
|
|
132
|
-
borderRadius: 8
|
|
133
|
-
}
|
|
134
|
-
}), !error ? /*#__PURE__*/_jsx(SvgUri, {
|
|
135
|
-
uri: image,
|
|
136
|
-
width: "100%" // Keep original size
|
|
137
|
-
,
|
|
138
|
-
height: "100%",
|
|
139
|
-
style: {
|
|
140
|
-
transform: [{
|
|
141
|
-
scale: 1
|
|
142
|
-
}]
|
|
143
|
-
},
|
|
144
|
-
onLoad: () => setLoad(false),
|
|
145
|
-
onError: () => {
|
|
146
|
-
setImageError(true);
|
|
147
|
-
setLoad(false);
|
|
148
|
-
}
|
|
149
|
-
}) : /*#__PURE__*/_jsx(Image, {
|
|
150
|
-
source: errorImage,
|
|
151
|
-
style: {
|
|
152
|
-
transform: [{
|
|
153
|
-
scale: 0.4
|
|
154
|
-
}]
|
|
155
|
-
}
|
|
156
|
-
})]
|
|
115
|
+
children: [/*#__PURE__*/_jsx(ImageLoader, {
|
|
116
|
+
image: image,
|
|
117
|
+
errorImage: errorImage
|
|
157
118
|
}), /*#__PURE__*/_jsxs(View, {
|
|
158
119
|
style: {
|
|
159
120
|
paddingStart: 12,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","Text","Pressable","StyleSheet","Image","
|
|
1
|
+
{"version":3,"names":["View","Text","Pressable","StyleSheet","Image","RadioButton","checkoutDetailsHandler","ImageLoader","jsx","_jsx","jsxs","_jsxs","SavedCardComponentView","savedCards","onProceedForward","errorImage","onClickAddCard","onClickRadio","checkoutDetails","style","paddingBottom","children","map","card","SavedCardRow","id","nickName","displayName","cardNumber","displayValue","image","iconUrl","isSelected","instrumentTypeValue","onPress","brandColor","currencySymbol","amount","flexDirection","height","backgroundColor","alignItems","paddingTop","paddingStart","marginEnd","justifyContent","source","require","width","tintColor","fontSize","color","fontFamily","alignSelf","transform","rotate","paddingVertical","paddingHorizontal","borderRadius","flex","numberOfLines","ellipsizeMode","value","status","uncheckedColor","styles","buttonContainer","buttonText","create","marginTop","tag","borderColor","borderWidth","tagText"],"sourceRoot":"../../../src","sources":["components/savedCardComponent.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -113,60 +113,62 @@ const CardScreen = ({
|
|
|
113
113
|
setCardNumberValid(true);
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
if (
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
116
|
+
if (cleaned.length == 9) {
|
|
117
|
+
await fetchCardDetails(cleaned).then(response => {
|
|
118
|
+
switch (response.apiStatus) {
|
|
119
|
+
case APIStatus.Success:
|
|
120
|
+
{
|
|
121
|
+
const data = response.data;
|
|
122
|
+
if ('paymentMethod' in data) {
|
|
123
|
+
if (durationNumber != undefined && durationNumber != '') {
|
|
124
|
+
setEmiIssuerExist(data.issuerName != '' && data.issuerName != null);
|
|
125
|
+
setEmiIssuer(data.issuerName ?? "");
|
|
126
|
+
}
|
|
127
|
+
setMethodEnabled(data.methodEnabled);
|
|
128
|
+
if (data.paymentMethod.brand == 'VISA') {
|
|
129
|
+
setCardSelectedIcon(require('../../assets/images/ic_visa.png'));
|
|
130
|
+
setMaxCvvLength(3);
|
|
131
|
+
setMaxCardNumberLength(19);
|
|
132
|
+
} else if (data.paymentMethod.brand == 'Mastercard') {
|
|
133
|
+
setCardSelectedIcon(require('../../assets/images/ic_masterCard.png'));
|
|
134
|
+
setMaxCvvLength(3);
|
|
135
|
+
setMaxCardNumberLength(19);
|
|
136
|
+
} else if (data.paymentMethod.brand == 'RUPAY') {
|
|
137
|
+
setCardSelectedIcon(require('../../assets/images/ic_rupay.png'));
|
|
138
|
+
setMaxCvvLength(3);
|
|
139
|
+
setMaxCardNumberLength(19);
|
|
140
|
+
} else if (data.paymentMethod.brand == 'AmericanExpress') {
|
|
141
|
+
setCardSelectedIcon(require('../../assets/images/ic_amex.png'));
|
|
142
|
+
setMaxCvvLength(4);
|
|
143
|
+
setMaxCardNumberLength(18);
|
|
144
|
+
} else if (data.paymentMethod.brand == 'Maestro') {
|
|
145
|
+
setCardSelectedIcon(require('../../assets/images/ic_maestro.png'));
|
|
146
|
+
setMaxCvvLength(3);
|
|
147
|
+
setMaxCardNumberLength(19);
|
|
148
|
+
} else {
|
|
149
|
+
setCardSelectedIcon(require('../../assets/images/ic_default_card.png'));
|
|
150
|
+
setMaxCvvLength(3);
|
|
151
|
+
setMaxCardNumberLength(19);
|
|
152
|
+
}
|
|
151
153
|
}
|
|
154
|
+
break;
|
|
152
155
|
}
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
});
|
|
156
|
+
case APIStatus.Failed:
|
|
157
|
+
{
|
|
158
|
+
Toast.show({
|
|
159
|
+
type: 'error',
|
|
160
|
+
text1: 'Oops!',
|
|
161
|
+
text2: 'Something went wrong. Please try again.'
|
|
162
|
+
});
|
|
163
|
+
break;
|
|
164
|
+
}
|
|
165
|
+
default:
|
|
166
|
+
{
|
|
167
|
+
break;
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
});
|
|
171
|
+
}
|
|
170
172
|
} else {
|
|
171
173
|
setCardSelectedIcon(require('../../assets/images/ic_default_card.png'));
|
|
172
174
|
setMaxCvvLength(3);
|
|
@@ -827,14 +829,13 @@ const CardScreen = ({
|
|
|
827
829
|
setKnowMoreDialog(false);
|
|
828
830
|
}
|
|
829
831
|
}), showWebView && /*#__PURE__*/_jsx(View, {
|
|
830
|
-
style: styles.
|
|
832
|
+
style: styles.webViewContainer,
|
|
831
833
|
children: /*#__PURE__*/_jsx(WebViewScreen, {
|
|
832
834
|
url: paymentUrl,
|
|
833
835
|
html: paymentHtml,
|
|
834
836
|
onBackPress: () => {
|
|
835
837
|
startBackgroundApiTask();
|
|
836
838
|
setLoading(true);
|
|
837
|
-
setLoading(true);
|
|
838
839
|
setShowWebView(false);
|
|
839
840
|
}
|
|
840
841
|
})
|