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.
Files changed (30) hide show
  1. package/lib/module/components/bankCard.js +5 -30
  2. package/lib/module/components/bankCard.js.map +1 -1
  3. package/lib/module/components/imageLoader.js +91 -0
  4. package/lib/module/components/imageLoader.js.map +1 -0
  5. package/lib/module/components/paymentSelector.js +5 -44
  6. package/lib/module/components/paymentSelector.js.map +1 -1
  7. package/lib/module/components/savedCardComponent.js +4 -43
  8. package/lib/module/components/savedCardComponent.js.map +1 -1
  9. package/lib/module/screens/cardScreen.js +55 -54
  10. package/lib/module/screens/cardScreen.js.map +1 -1
  11. package/lib/module/sdk-version.json +1 -1
  12. package/lib/module/styles/screens/cardScreenStyles.js +8 -0
  13. package/lib/module/styles/screens/cardScreenStyles.js.map +1 -1
  14. package/lib/typescript/src/components/bankCard.d.ts.map +1 -1
  15. package/lib/typescript/src/components/imageLoader.d.ts +8 -0
  16. package/lib/typescript/src/components/imageLoader.d.ts.map +1 -0
  17. package/lib/typescript/src/components/paymentSelector.d.ts.map +1 -1
  18. package/lib/typescript/src/components/savedCardComponent.d.ts.map +1 -1
  19. package/lib/typescript/src/screens/cardScreen.d.ts.map +1 -1
  20. package/lib/typescript/src/styles/screens/cardScreenStyles.d.ts +8 -0
  21. package/lib/typescript/src/styles/screens/cardScreenStyles.d.ts.map +1 -1
  22. package/package.json +9 -4
  23. package/src/components/bankCard.tsx +3 -36
  24. package/src/components/imageLoader.tsx +108 -0
  25. package/src/components/paymentSelector.tsx +5 -39
  26. package/src/components/savedCardComponent.tsx +3 -38
  27. package/src/screens/cardScreen.tsx +53 -54
  28. package/src/sdk-version.json +1 -1
  29. package/src/styles/screens/cardScreenStyles.ts +8 -0
  30. package/android/build/kotlin/compileDebugKotlin/local-state/build-history.bin +0 -0
package/src/screens/cardScreen.tsx CHANGED
@@ -153,61 +153,61 @@ const CardScreen = ({ route, navigation }: Props) => {
153
153
  setCardNumberValid(true);
154
154
  }
155
155
  }
156
- await fetchCardDetails(
157
- formatted.replace(/ /g, '')
158
- ).then((response) => {
159
- switch (response.apiStatus) {
160
- case APIStatus.Success : {
161
- const data = response.data
162
- if('paymentMethod' in data) {
163
- if (durationNumber != undefined && durationNumber != '') {
164
- setEmiIssuerExist(data.issuerName != '' && data.issuerName != null);
165
- setEmiIssuer(data.issuerName ?? "");
166
- }
167
- setMethodEnabled(data.methodEnabled);
168
- if (data.paymentMethod.brand == 'VISA') {
169
- setCardSelectedIcon(require('../../assets/images/ic_visa.png'));
170
- setMaxCvvLength(3);
171
- setMaxCardNumberLength(19);
172
- } else if (data.paymentMethod.brand == 'Mastercard') {
173
- setCardSelectedIcon(require('../../assets/images/ic_masterCard.png'));
174
- setMaxCvvLength(3);
175
- setMaxCardNumberLength(19);
176
- } else if (data.paymentMethod.brand == 'RUPAY') {
177
- setCardSelectedIcon(require('../../assets/images/ic_rupay.png'));
178
- setMaxCvvLength(3);
179
- setMaxCardNumberLength(19);
180
- } else if (data.paymentMethod.brand == 'AmericanExpress') {
181
- setCardSelectedIcon(require('../../assets/images/ic_amex.png'));
182
- setMaxCvvLength(4);
183
- setMaxCardNumberLength(18);
184
- } else if (data.paymentMethod.brand == 'Maestro') {
185
- setCardSelectedIcon(require('../../assets/images/ic_maestro.png'));
186
- setMaxCvvLength(3);
187
- setMaxCardNumberLength(19);
188
- } else {
189
- setCardSelectedIcon(
190
- require('../../assets/images/ic_default_card.png')
191
- );
192
- setMaxCvvLength(3);
193
- setMaxCardNumberLength(19);
156
+ if(cleaned.length == 9) {
157
+ await fetchCardDetails(cleaned).then((response) => {
158
+ switch (response.apiStatus) {
159
+ case APIStatus.Success : {
160
+ const data = response.data
161
+ if('paymentMethod' in data) {
162
+ if (durationNumber != undefined && durationNumber != '') {
163
+ setEmiIssuerExist(data.issuerName != '' && data.issuerName != null);
164
+ setEmiIssuer(data.issuerName ?? "");
165
+ }
166
+ setMethodEnabled(data.methodEnabled);
167
+ if (data.paymentMethod.brand == 'VISA') {
168
+ setCardSelectedIcon(require('../../assets/images/ic_visa.png'));
169
+ setMaxCvvLength(3);
170
+ setMaxCardNumberLength(19);
171
+ } else if (data.paymentMethod.brand == 'Mastercard') {
172
+ setCardSelectedIcon(require('../../assets/images/ic_masterCard.png'));
173
+ setMaxCvvLength(3);
174
+ setMaxCardNumberLength(19);
175
+ } else if (data.paymentMethod.brand == 'RUPAY') {
176
+ setCardSelectedIcon(require('../../assets/images/ic_rupay.png'));
177
+ setMaxCvvLength(3);
178
+ setMaxCardNumberLength(19);
179
+ } else if (data.paymentMethod.brand == 'AmericanExpress') {
180
+ setCardSelectedIcon(require('../../assets/images/ic_amex.png'));
181
+ setMaxCvvLength(4);
182
+ setMaxCardNumberLength(18);
183
+ } else if (data.paymentMethod.brand == 'Maestro') {
184
+ setCardSelectedIcon(require('../../assets/images/ic_maestro.png'));
185
+ setMaxCvvLength(3);
186
+ setMaxCardNumberLength(19);
187
+ } else {
188
+ setCardSelectedIcon(
189
+ require('../../assets/images/ic_default_card.png')
190
+ );
191
+ setMaxCvvLength(3);
192
+ setMaxCardNumberLength(19);
193
+ }
194
194
  }
195
+ break
196
+ }
197
+ case APIStatus.Failed : {
198
+ Toast.show({
199
+ type: 'error',
200
+ text1: 'Oops!',
201
+ text2: 'Something went wrong. Please try again.',
202
+ });
203
+ break
204
+ }
205
+ default : {
206
+ break
195
207
  }
196
- break
197
- }
198
- case APIStatus.Failed : {
199
- Toast.show({
200
- type: 'error',
201
- text1: 'Oops!',
202
- text2: 'Something went wrong. Please try again.',
203
- });
204
- break
205
- }
206
- default : {
207
- break
208
208
  }
209
- }
210
- });
209
+ });
210
+ }
211
211
  } else {
212
212
  setCardSelectedIcon(require('../../assets/images/ic_default_card.png'));
213
213
  setMaxCvvLength(3);
@@ -1059,7 +1059,7 @@ const CardScreen = ({ route, navigation }: Props) => {
1059
1059
 
1060
1060
  {showWebView && (
1061
1061
  <View
1062
- style={styles.pressableContainer}
1062
+ style={styles.webViewContainer}
1063
1063
  >
1064
1064
  <WebViewScreen
1065
1065
  url={paymentUrl}
@@ -1067,7 +1067,6 @@ const CardScreen = ({ route, navigation }: Props) => {
1067
1067
  onBackPress={() => {
1068
1068
  startBackgroundApiTask();
1069
1069
  setLoading(true);
1070
- setLoading(true);
1071
1070
  setShowWebView(false);
1072
1071
  }}
1073
1072
  />
package/src/sdk-version.json CHANGED
@@ -1 +1 @@
1
- { "version": "1.0.2-beta2" }
1
+ { "version": "1.0.2-beta3" }
package/src/styles/screens/cardScreenStyles.ts CHANGED
@@ -135,6 +135,14 @@ const styles = StyleSheet.create({
135
135
  left: 0,
136
136
  right: 0,
137
137
  paddingBottom: 16,
138
+ },
139
+ webViewContainer : {
140
+ position: 'absolute',
141
+ top: 0,
142
+ left: 0,
143
+ right: 0,
144
+ bottom: 0,
145
+ backgroundColor: 'white',
138
146
  }
139
147
  })
140
148