boxpay-checkout-reactnative-sdk 1.0.0-beta24 → 1.0.0-beta25

package/src/components/savedAddressBottomSheet.tsx

@@ -85,23 +85,24 @@ const styles = StyleSheet.create({
     marginBottom: 12,
   },
   icon: {
-    width: 24,
-    height: 24,
+    width: 20,
+    height: 20,
     marginRight: 12,
-    tintColor: "#000",
+    tintColor: "#2D2B32",
   },
   textContainer: {
     flex: 1,
   },
   label: {
     fontSize: 16,
-    fontWeight: "700",
-    color: "#000",
+    fontFamily:"Poppins-SemiBold",
+    color: "#2D2B32",
   },
   address: {
     fontSize: 14,
-    color: "#555",
+    color: "#4F4D55",
     marginTop: 4,
+    fontFamily:"Poppins-Regular"
   },
   divider: {
     height: 1,

package/src/screens/addressScreen.tsx

@@ -93,7 +93,11 @@ const AddressScreen = ({ navigation }: Props) => {
       }
     );
 
-    return () => backHandler.remove();
+    return () => {
+      if (backHandler) {
+        backHandler.remove();
+      }
+  };
   });
 
   const onChangeFullName = (updatedText: string) => {

package/src/screens/bnplScreen.tsx

@@ -82,7 +82,11 @@ const BNPLScreen = ({ navigation }: Props) => {
       }
     );
 
-    return () => backHandler.remove();
+    return () => {
+      if (backHandler) {
+        backHandler.remove();
+      }
+  };
   });
 
   useEffect(() => {

package/src/screens/cardScreen.tsx

@@ -539,7 +539,11 @@ const CardScreen = ({ route, navigation }: Props) => {
       }
     );
 
-    return () => backHandler.remove();
+    return () => {
+      if (backHandler) {
+        backHandler.remove();
+      }
+  };
   });
 
   useEffect(() => {

package/src/screens/emiScreen.tsx

@@ -395,7 +395,11 @@ const EmiScreen = ({ navigation }: Props) => {
       }
     );
 
-    return () => backHandler.remove();
+    return () => {
+      if (backHandler) {
+        backHandler.remove();
+      }
+  };
   });
 
   const navigateToCardScreen = (

package/src/screens/mainScreen.tsx

@@ -487,7 +487,6 @@ const MainScreen = ({route, navigation} : MainScreenProps) => {
                   onPaymentResult: onPaymentResult,
                 });
                 if(shopperToken != null && shopperToken != "") {
-                  checkoutDetailsHandler.checkoutDetails.shopperToken = shopperToken
                   getRecommendedInstruments()
                 }
                 callUIAnalytics(AnalyticsEvents.CHECKOUT_LOADED,"Index Screen Session Loaded","")

package/src/screens/netBankingScreen.tsx

@@ -110,7 +110,11 @@ const NetBankingScreen = ({ navigation }: Props) => {
       }
     );
 
-    return () => backHandler.remove();
+    return () => {
+      if (backHandler) {
+        backHandler.remove();
+      }
+    };
   });
 
   useEffect(() => {

package/src/screens/savedAddressScreen.tsx

@@ -112,13 +112,21 @@ const SavedAddressScreen = ({ navigation }: Props) => {
 
     useEffect(() => {
         const backHandler = BackHandler.addEventListener(
-            'hardwareBackPress',
-            onProceedBack
+          'hardwareBackPress',
+          () => {
+            if (loading) {
+              return true; 
+            }
+            return onProceedBack(); // Allow back navigation if not loading
+          }
         );
+    
         return () => {
-            backHandler.remove();
+            if (backHandler) {
+              backHandler.remove();
+            }
         };
-    }, []);
+      });
     useEffect(() => {
         if(updateAddress || isEditClicked) {
             const { firstName, lastName } = extractNames(selectedAddress?.name ?? "");

package/src/screens/upiTimerScreen.tsx

@@ -119,7 +119,9 @@ const UpiTimerScreen = ({ route, navigation }: Props) => {
       onProceedBack
     );
     return () => {
-      backHandler.remove();
+      if (backHandler) {
+        backHandler.remove();
+      }
     };
   }, []);
 

package/src/screens/walletScreen.tsx

@@ -98,7 +98,11 @@ const WalletScreen = ({ navigation }: Props) => {
       }
     );
 
-    return () => backHandler.remove();
+    return () => {
+      if (backHandler) {
+        backHandler.remove();
+      }
+    };
   });
 
   useEffect(() => {

package/src/serviceRequest.ts

@@ -2,9 +2,6 @@ import axios from 'axios';
 import { generateRandomAlphanumericString, getEndpoint } from './utils/stringUtils'; // adjust path accordingly
 import { checkoutDetailsHandler } from './sharedContext/checkoutDetailsHandler';
 
-// Create an Axios instance if needed
-
-const { checkoutDetails } = checkoutDetailsHandler;
 // const version = process.env.SDK_VERSION
 
 const api = axios.create({});
@@ -12,6 +9,7 @@ const api = axios.create({});
 // Add request interceptor
 api.interceptors.request.use(
   (config) => {
+    const { checkoutDetails } = checkoutDetailsHandler;
     config.baseURL = `${getEndpoint(checkoutDetails.env)}${checkoutDetails.token}`
     config.headers['X-Request-Id'] = generateRandomAlphanumericString(10);
     config.headers['X-Client-Connector-Name'] = 'React Native SDK';

package/LICENSE

@@ -1,20 +0,0 @@
-MIT License
-
-Copyright (c) 2025 ishika bansal
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.