boxpay-checkout-reactnative-sdk 1.0.1-beta21 → 1.0.2-beta2

package/lib/typescript/src/sharedContext/handlePaymentResponseHandler.d.ts

@@ -1,6 +1,6 @@
 import { type HandleFetchStatusOptions, type HandlePaymentOptions, type PaymentClass } from "../interface";
 export declare function handlePaymentResponse({ response, upiId, checkoutDetailsErrorMessage, onSetStatus, onSetTransactionId, onSetPaymentUrl, onSetPaymentHtml, onSetFailedMessage, onShowFailedModal, onShowSuccessModal, onShowSessionExpiredModal, onNavigateToTimer, onOpenQr, onOpenUpiIntent, setLoading }: HandlePaymentOptions): void;
-export declare function handleFetchStatusResponseHandler({ response, checkoutDetailsErrorMessage, onSetStatus, onSetTransactionId, onSetFailedMessage, onShowFailedModal, onShowSuccessModal, onShowSessionExpiredModal, setLoading, stopBackgroundApiTask }: HandleFetchStatusOptions): void;
+export declare function handleFetchStatusResponseHandler({ response, checkoutDetailsErrorMessage, onSetStatus, onSetTransactionId, onSetFailedMessage, onShowFailedModal, onShowSuccessModal, onShowSessionExpiredModal, setLoading, stopBackgroundApiTask, isFromUPIIntentFlow }: HandleFetchStatusOptions): void;
 interface fetchPaymentMethodHandlerArgs {
     paymentType: string;
     setList: (list: PaymentClass[]) => void;

package/lib/typescript/src/sharedContext/handlePaymentResponseHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"handlePaymentResponseHandler.d.ts","sourceRoot":"","sources":["../../../../src/sharedContext/handlePaymentResponseHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAE,KAAK,oBAAoB,EAAE,KAAK,YAAY,EAA6D,MAAM,cAAc,CAAC;AAMtK,wBAAgB,qBAAqB,CAAC,EAClC,QAAQ,EACR,KAAK,EACL,2BAA2B,EAC3B,WAAW,EACX,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,yBAAyB,EACzB,iBAAiB,EACjB,QAAQ,EACR,eAAe,EACf,UAAU,EACX,EAAE,oBAAoB,QA4GxB;AAED,wBAAgB,gCAAgC,CAAC,EAC7C,QAAQ,EACR,2BAA2B,EAC3B,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,yBAAyB,EACzB,UAAU,EACV,qBAAqB,EACxB,EAAG,wBAAwB,QA4D3B;AAED,UAAU,6BAA6B;IACnC,WAAW,EAAG,MAAM,CAAC;IACrB,OAAO,EAAG,CAAC,IAAI,EAAC,YAAY,EAAE,KAAK,IAAI,CAAA;CAC1C;AAED,wBAAsB,yBAAyB,CAAC,EAC5C,WAAW,EACX,OAAO,EACV,EAAC,6BAA6B,iBAsB9B;AAED,UAAU,yBAAyB;IAC/B,kBAAkB,EAAG,CAAC,IAAI,EAAC,YAAY,EAAE,KAAK,IAAI,CAAC;IACnD,oBAAoB,EAAG,CAAC,IAAI,EAAG,YAAY,EAAE,KAAK,IAAI,CAAC;IACvD,qBAAqB,EAAG,CAAC,IAAI,EAAG,YAAY,EAAE,KAAK,IAAI,CAAA;CAC1D;AAGD,wBAAsB,4BAA4B,CAAC,EAAC,kBAAkB,EAAE,oBAAoB,EAAE,qBAAqB,EAAC,EAAG,yBAAyB,iBAwC/I"}
+{"version":3,"file":"handlePaymentResponseHandler.d.ts","sourceRoot":"","sources":["../../../../src/sharedContext/handlePaymentResponseHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAE,KAAK,oBAAoB,EAAE,KAAK,YAAY,EAA6D,MAAM,cAAc,CAAC;AAMtK,wBAAgB,qBAAqB,CAAC,EAClC,QAAQ,EACR,KAAK,EACL,2BAA2B,EAC3B,WAAW,EACX,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,yBAAyB,EACzB,iBAAiB,EACjB,QAAQ,EACR,eAAe,EACf,UAAU,EACX,EAAE,oBAAoB,QA4GxB;AAED,wBAAgB,gCAAgC,CAAC,EAC7C,QAAQ,EACR,2BAA2B,EAC3B,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,yBAAyB,EACzB,UAAU,EACV,qBAAqB,EACrB,mBAAmB,EACtB,EAAG,wBAAwB,QA2E3B;AAED,UAAU,6BAA6B;IACnC,WAAW,EAAG,MAAM,CAAC;IACrB,OAAO,EAAG,CAAC,IAAI,EAAC,YAAY,EAAE,KAAK,IAAI,CAAA;CAC1C;AAED,wBAAsB,yBAAyB,CAAC,EAC5C,WAAW,EACX,OAAO,EACV,EAAC,6BAA6B,iBAsB9B;AAED,UAAU,yBAAyB;IAC/B,kBAAkB,EAAG,CAAC,IAAI,EAAC,YAAY,EAAE,KAAK,IAAI,CAAC;IACnD,oBAAoB,EAAG,CAAC,IAAI,EAAG,YAAY,EAAE,KAAK,IAAI,CAAC;IACvD,qBAAqB,EAAG,CAAC,IAAI,EAAG,YAAY,EAAE,KAAK,IAAI,CAAA;CAC1D;AAGD,wBAAsB,4BAA4B,CAAC,EAAC,kBAAkB,EAAE,oBAAoB,EAAE,qBAAqB,EAAC,EAAG,yBAAyB,iBAwC/I"}

package/lib/typescript/src/utility.d.ts

@@ -8,8 +8,8 @@ export declare function getDeviceDetails(): {
     deviceBrandName: string;
 };
 export declare function getBrowserData(): {
-    screenHeight: number;
-    screenWidth: number;
+    screenHeight: string;
+    screenWidth: string;
     acceptHeader: string;
     userAgentHeader: string;
     browserLanguage: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "boxpay-checkout-reactnative-sdk",
-  "version": "1.0.1-beta21",
+  "version": "1.0.2-beta2",
   "description": "Boxpay Payment Gateway",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -32,7 +32,8 @@
     "typecheck": "tsc",
     "clean": "del-cli lib",
     "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
-    "prepare": "echo \"{ \\\"version\\\": \\\"$(node -p 'require(\"./package.json\").version')\\\" }\" > src/sdk-version.json && bob build && cp -r assets lib/assets",
+    "build" : "bob build",
+    "prepare": "echo \"{ \\\"version\\\": \\\"$(node -p 'require(\"./package.json\").version')\\\" }\" > src/sdk-version.json && cp -r assets lib/assets",
     "release": "release-it --only-version"
   },
   "keywords": [

package/src/interface.ts

@@ -378,6 +378,7 @@ export interface HandleFetchStatusOptions {
   onShowSessionExpiredModal: () => void;
   setLoading?: (loading: boolean) => void;
   stopBackgroundApiTask? : () => void
+  isFromUPIIntentFlow : boolean
 }
 
 export enum TransactionStatus {

package/src/postRequest/fetchCardDetails.ts

@@ -6,7 +6,7 @@ const fetchCardDetails = async (
 ) : Promise<FetchCardDetailsResponse>=> {
   const API_URL = `/bank-identification-numbers/${cardNumber}`;
   try {
-    const response = await api.get(API_URL);
+    const response = await api.post(API_URL);
     return {apiStatus : APIStatus.Success, data : response.data}
   } catch (error) {
     return { apiStatus : APIStatus.Failed, data : {status: { reasonCode: 'API_FAILED', reason: `${error}` }} };

package/src/screens/bnplScreen.tsx

@@ -117,7 +117,8 @@ const BNPLScreen = ({ navigation }: Props) => {
         setSessionExppireModalState(true)
       },
       setLoading: setLoading,
-      stopBackgroundApiTask: stopBackgroundApiTask
+      stopBackgroundApiTask: stopBackgroundApiTask,
+      isFromUPIIntentFlow : false
     });
   };
 
@@ -134,10 +135,10 @@ const BNPLScreen = ({ navigation }: Props) => {
   };
 
   useEffect(() => {
-    if (paymentUrl) {
+    if (paymentUrl || paymentHtml) {
       setShowWebView(true);
     }
-  }, [paymentUrl]);
+  }, [paymentUrl, paymentHtml]);
 
   const onProceedForward = async (_: string, instrumentType: string) => {
     setLoading(true);

package/src/screens/cardScreen.tsx

@@ -476,7 +476,8 @@ const CardScreen = ({ route, navigation }: Props) => {
         setSessionExppireModalState(true)
       },
       setLoading: setLoading,
-      stopBackgroundApiTask: stopBackgroundApiTask
+      stopBackgroundApiTask: stopBackgroundApiTask,
+      isFromUPIIntentFlow : false
     });
   };
 

package/src/screens/emiScreen.tsx

@@ -221,7 +221,8 @@ const EmiScreen = ({ navigation }: Props) => {
         setSessionExppireModalOpen(true)
       },
       setLoading: setLoading,
-      stopBackgroundApiTask: stopBackgroundApiTask
+      stopBackgroundApiTask: stopBackgroundApiTask,
+      isFromUPIIntentFlow : false
     });
   };
 

package/src/screens/mainScreen.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from 'react';
-import { View, Text, BackHandler, AppState, Image, ScrollView, StatusBar, Alert } from 'react-native'; // Added ScrollView
+import { View, Text, BackHandler, AppState, Image, ScrollView, StatusBar, Alert, type AppStateStatus } from 'react-native'; // Added ScrollView
 import Header from '../components/header';
 import upiPostRequest from '../postRequest/upiPostRequest';
 import { decode as atob } from 'base-64';
@@ -217,22 +217,32 @@ const MainScreen = ({route, navigation} : MainScreenProps) => {
 
   const openUPIIntent = async (url: string) => {
     try {
-      await Linking.openURL(url); // Open the UPI app
+      appStateListenerRef.current?.remove?.();
       appStateListenerRef.current = AppState.addEventListener(
-        'change',
+        "change",
         handleAppStateChange
       );
+  
       isUpiOpeningRef.current = true;
+  
+      await Linking.openURL(url);
+  
     } catch (error) {
       isUpiOpeningRef.current = false;
-      callUIAnalytics(AnalyticsEvents.FAILED_TO_LAUNCH_UPI_INTENT,"Index Screen open UPI Intent failed",`${error}`)
+      callUIAnalytics(
+        AnalyticsEvents.FAILED_TO_LAUNCH_UPI_INTENT,
+        "Index Screen open UPI Intent failed",
+        `${error}`
+      );
       setFailedModalState(true);
       setLoadingState(false);
     }
   };
 
-  const handleAppStateChange = () => {
-    if (AppState.currentState === 'active' && isUpiOpeningRef.current) {
+  const handleAppStateChange = (nextState: AppStateStatus) => {
+    console.log(nextState, isUpiOpeningRef.current);
+  
+    if (nextState === "active" && isUpiOpeningRef.current) {
       callFetchStatusApi();
     }
   };
@@ -245,6 +255,7 @@ const MainScreen = ({route, navigation} : MainScreenProps) => {
 
   const callFetchStatusApi = async () => {
     const response = await fetchStatus();
+    console.log(`${response} ===fetchs statur response`)
     handleFetchStatusResponseHandler({
         response: response,
         checkoutDetailsErrorMessage: checkoutDetailsHandler.checkoutDetails.errorMessage,
@@ -257,7 +268,8 @@ const MainScreen = ({route, navigation} : MainScreenProps) => {
           setSuccessModalState(true);
         },
         onShowSessionExpiredModal: () => setSessionExppireModalState(true),
-        setLoading: setLoadingState
+        setLoading: setLoadingState,
+        isFromUPIIntentFlow : isUpiOpeningRef.current
       });
       appStateListenerRef.current?.remove();
       isUpiOpeningRef.current = false;
@@ -500,6 +512,8 @@ const MainScreen = ({route, navigation} : MainScreenProps) => {
                 });
                 if(shopperToken != null && shopperToken != "") {
                   getRecommendedInstruments()
+                } else {
+                  setIsFirstLoading(false)
                 }
                 callUIAnalytics(AnalyticsEvents.CHECKOUT_LOADED,"Index Screen Session Loaded","")
               break;

package/src/screens/netBankingScreen.tsx

@@ -150,7 +150,8 @@ const NetBankingScreen = ({ navigation }: Props) => {
         setSessionExppireModalState(true)
       },
       setLoading: setLoading,
-      stopBackgroundApiTask: stopBackgroundApiTask
+      stopBackgroundApiTask: stopBackgroundApiTask,
+      isFromUPIIntentFlow : false
     });
   };
 
@@ -167,10 +168,10 @@ const NetBankingScreen = ({ navigation }: Props) => {
   };
 
   useEffect(() => {
-    if (paymentUrl) {
+    if (paymentUrl || paymentHtml) {
       setShowWebView(true);
     }
-  }, [paymentUrl]);
+  }, [paymentUrl, paymentHtml]);
 
   const onProceedForward = async (_: string, instrumentType: string) => {
     setLoading(true);

package/src/screens/upiScreen.tsx

@@ -387,7 +387,7 @@ const UpiScreen: React.FC<UpiScreenProps> = ({
                   onPress={() => handleUpiCollectChevronClick()}
                 >
                   {/* Icon and Text Wrapper */}
-                  <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+                  <View style={{ flexDirection: 'row', alignItems: 'center', paddingBottom : 16 }}>
                     <Image
                       source={require('../../assets/images/add_icon.png')}
                       style={[styles.imageStyle,{
@@ -420,7 +420,7 @@ const UpiScreen: React.FC<UpiScreenProps> = ({
         )}
 
         {upiCollectVisible && (
-          <View style={{ paddingBottom: isUpiCollectVisible && (!isUpiQRVisible && !isTablet) ? 16 : 0 }}>
+          <View style={{ paddingBottom: 16 }}>
             <TextInput
               mode="outlined"
               label={

package/src/screens/upiTimerScreen.tsx

@@ -121,7 +121,8 @@ const UpiTimerScreen = ({ route, navigation }: Props) => {
       },
       onShowSessionExpiredModal: () => {
         setSessionExppireModalState(true)
-      }
+      },
+      isFromUPIIntentFlow : false
     });
   };
 

package/src/screens/walletScreen.tsx

@@ -140,7 +140,8 @@ const WalletScreen = ({ navigation }: Props) => {
         setSessionExppireModalState(true)
       },
       setLoading: setLoading,
-      stopBackgroundApiTask: stopBackgroundApiTask
+      stopBackgroundApiTask: stopBackgroundApiTask,
+      isFromUPIIntentFlow : false
     });
   };
 
@@ -157,10 +158,10 @@ const WalletScreen = ({ navigation }: Props) => {
   };
 
   useEffect(() => {
-    if (paymentUrl) {
+    if (paymentUrl || paymentHtml) {
       setShowWebView(true);
     }
-  }, [paymentUrl]);
+  }, [paymentUrl, paymentHtml]);
 
   const onProceedForward = async (_: string, instrumentType: string) => {
     setLoading(true);

package/src/sdk-version.json

@@ -1 +1 @@
-{ "version": "1.0.1-beta21" }
+{ "version": "1.0.2-beta2" }

package/src/sharedContext/handlePaymentResponseHandler.ts

@@ -140,7 +140,8 @@ export function handleFetchStatusResponseHandler({
     onShowSuccessModal,
     onShowSessionExpiredModal,
     setLoading,
-    stopBackgroundApiTask
+    stopBackgroundApiTask,
+    isFromUPIIntentFlow
 } : HandleFetchStatusOptions) {
     switch(response.apiStatus) {
         case APIStatus.Success: {
@@ -189,8 +190,23 @@ export function handleFetchStatusResponseHandler({
         
                 default:
                     {
+                        if(isFromUPIIntentFlow) {
+                            const fallback = checkoutDetailsErrorMessage;
+                    const errorMessage =
+                        reasonCode?.startsWith('UF')
+                        ? reason?.includes(':')
+                            ? reason.split(':')[1]?.trim() ?? fallback
+                            : reason ?? fallback
+                        : fallback;
+            
+                    onSetFailedMessage(errorMessage);
+                    onSetStatus(TransactionStatus.Failed);
+                    onShowFailedModal();
+                    stopBackgroundApiTask?.();
+                    setLoading?.(false);
+                        }
                     break;
-                }
+                    }
             }
         }
         break;

package/src/utility.ts

@@ -36,8 +36,8 @@ export function getDeviceDetails() {
 
 export function getBrowserData() {
   return {
-    screenHeight: height,
-    screenWidth: width,
+    screenHeight: Math.trunc(height).toString(),
+    screenWidth: Math.trunc(width).toString(),
     acceptHeader: 'application/json',
     userAgentHeader: 'Expo App',
     browserLanguage: 'en_US',