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

package/src/components/savedAddressBottomSheet.tsx

@@ -37,19 +37,16 @@ const SavedAddressBottomSheet = ({
     >
       <View style={styles.container}>
         {/* Address Info */}
-        <View style={styles.headerContainer}>
-          <Image source={icon} style={styles.icon} />
-          <View style={styles.textContainer}>
+        <View>
+          <View style={styles.headerContainer}>
+            <Image source={icon} style={styles.icon} />
             <Text style={styles.label}>{label}</Text>
-            <Text style={styles.address} numberOfLines={1} ellipsizeMode="tail">
+          </View>
+          <Text style={styles.address} numberOfLines={1} ellipsizeMode="tail">
               {address}
             </Text>
-          </View>
         </View>
 
-        {/* Divider */}
-        <View style={styles.divider} />
-
         {/* Options */}
         <TouchableOpacity style={styles.option} onPress={onEdit}>
           <Text style={styles.optionText}>Edit</Text>
@@ -74,7 +71,7 @@ const styles = StyleSheet.create({
     margin: 0,
   },
   container: {
-    backgroundColor: "#fff",
+    backgroundColor: "#F5F6FB",
     borderTopLeftRadius: 16,
     borderTopRightRadius: 16,
     padding: 16,
@@ -83,6 +80,7 @@ const styles = StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     marginBottom: 12,
+    justifyContent:'center'
   },
   icon: {
     width: 20,
@@ -101,14 +99,9 @@ const styles = StyleSheet.create({
   address: {
     fontSize: 14,
     color: "#4F4D55",
-    marginTop: 4,
+    marginTop: 2,
     fontFamily:"Poppins-Regular"
   },
-  divider: {
-    height: 1,
-    backgroundColor: "#ECECED",
-    marginVertical: 12,
-  },
   option: {
     paddingVertical: 14,
     alignItems: "center",
@@ -120,7 +113,8 @@ const styles = StyleSheet.create({
   },
   optionText: {
     fontSize: 16,
-    color: "#000",
+    color: "#2D2B32",
+    fontFamily:"Poppins-Regular"
   },
   deleteOption: {
     paddingVertical: 14,
@@ -128,8 +122,8 @@ const styles = StyleSheet.create({
   },
   deleteText: {
     fontSize: 16,
-    color: "red",
-    fontWeight: "600",
+    color: "#FF4D4F",
+    fontFamily:"Poppins-Regular"
   },
 });
 

package/src/screens/addressScreen.tsx

@@ -86,18 +86,12 @@ const AddressScreen = ({ navigation }: Props) => {
   };
 
   useEffect(() => {
-    const backHandler = BackHandler.addEventListener(
+   BackHandler.addEventListener(
       'hardwareBackPress',
       () => {
         return onProceedBack(); // Allow back navigation if not loading
       }
     );
-
-    return () => {
-      if (backHandler) {
-        backHandler.remove();
-      }
-  };
   });
 
   const onChangeFullName = (updatedText: string) => {

package/src/screens/bnplScreen.tsx

@@ -65,7 +65,7 @@ const BNPLScreen = ({ navigation }: Props) => {
   };
 
   useEffect(() => {
-    const backHandler = BackHandler.addEventListener(
+    BackHandler.addEventListener(
       'hardwareBackPress',
       () => {
         if (showWebView) {
@@ -81,12 +81,6 @@ const BNPLScreen = ({ navigation }: Props) => {
         return onProceedBack(); // Allow back navigation if not loading
       }
     );
-
-    return () => {
-      if (backHandler) {
-        backHandler.remove();
-      }
-  };
   });
 
   useEffect(() => {

package/src/screens/cardScreen.tsx

@@ -522,7 +522,7 @@ const CardScreen = ({ route, navigation }: Props) => {
   };
 
   useEffect(() => {
-    const backHandler = BackHandler.addEventListener(
+    BackHandler.addEventListener(
       'hardwareBackPress',
       () => {
         if (showWebView) {
@@ -538,12 +538,6 @@ const CardScreen = ({ route, navigation }: Props) => {
         return onProceedBack(); // Allow back navigation if not loading
       }
     );
-
-    return () => {
-      if (backHandler) {
-        backHandler.remove();
-      }
-  };
   });
 
   useEffect(() => {

package/src/screens/emiScreen.tsx

@@ -375,7 +375,7 @@ const EmiScreen = ({ navigation }: Props) => {
     return true;
   };
   useEffect(() => {
-    const backHandler = BackHandler.addEventListener(
+    BackHandler.addEventListener(
       'hardwareBackPress',
       () => {
         if (showWebView) {
@@ -394,12 +394,6 @@ const EmiScreen = ({ navigation }: Props) => {
         return onProceedBack(); // Allow back navigation if not loading
       }
     );
-
-    return () => {
-      if (backHandler) {
-        backHandler.remove();
-      }
-  };
   });
 
   const navigateToCardScreen = (

package/src/screens/mainScreen.tsx

@@ -263,7 +263,7 @@ const MainScreen = ({route, navigation} : MainScreenProps) => {
   };
 
   useEffect(() => {
-    const backHandler = BackHandler.addEventListener(
+    BackHandler.addEventListener(
       'hardwareBackPress',
       () => {
         if (showWebView) {
@@ -280,12 +280,6 @@ const MainScreen = ({route, navigation} : MainScreenProps) => {
         return onExitCheckout();
       }
     );
-
-    return () => {
-      if (backHandler) {
-        backHandler.remove();
-      }
-    };
   });
 
   useEffect(() => {

package/src/screens/netBankingScreen.tsx

@@ -93,7 +93,7 @@ const NetBankingScreen = ({ navigation }: Props) => {
   };
 
   useEffect(() => {
-    const backHandler = BackHandler.addEventListener(
+    BackHandler.addEventListener(
       'hardwareBackPress',
       () => {
         if (showWebView) {
@@ -109,12 +109,6 @@ const NetBankingScreen = ({ navigation }: Props) => {
         return onProceedBack(); // Allow back navigation if not loading
       }
     );
-
-    return () => {
-      if (backHandler) {
-        backHandler.remove();
-      }
-    };
   });
 
   useEffect(() => {

package/src/screens/savedAddressScreen.tsx

@@ -111,7 +111,7 @@ const SavedAddressScreen = ({ navigation }: Props) => {
 
 
     useEffect(() => {
-        const backHandler = BackHandler.addEventListener(
+        BackHandler.addEventListener(
           'hardwareBackPress',
           () => {
             if (loading) {
@@ -120,12 +120,6 @@ const SavedAddressScreen = ({ navigation }: Props) => {
             return onProceedBack(); // Allow back navigation if not loading
           }
         );
-    
-        return () => {
-            if (backHandler) {
-              backHandler.remove();
-            }
-        };
       });
     useEffect(() => {
         if(updateAddress || isEditClicked) {
@@ -220,7 +214,6 @@ const SavedAddressScreen = ({ navigation }: Props) => {
                 onClickAddress={(address : FetchSavedAddress) => {
                     setSelectedAddress(address)
                     setUpdateAddress(true)
-                    console.log(address);
                 }}
                 onClickOtherOptions={(address : FetchSavedAddress) => {
                     setSelectedAddress(address)
@@ -236,7 +229,7 @@ const SavedAddressScreen = ({ navigation }: Props) => {
         visible={isOptionsClicked}
         onClose={() => setIsOptionsClicked(false)}
         onEdit={() => setIsEditClicked(true)}
-        onSetDefault={() => console.log("Set as Default clicked")}
+        onSetDefault={() => setUpdateAddress(true)}
         onDelete={() => setIsDeleteConfirmationVisible(true)}
         label= {selectedAddress?.labelName ? selectedAddress?.labelName ?? "" : selectedAddress?.labelType ?? ""}
         address={formatAddress({

package/src/screens/upiTimerScreen.tsx

@@ -114,15 +114,10 @@ const UpiTimerScreen = ({ route, navigation }: Props) => {
   };
 
   useEffect(() => {
-    const backHandler = BackHandler.addEventListener(
+    BackHandler.addEventListener(
       'hardwareBackPress',
       onProceedBack
     );
-    return () => {
-      if (backHandler) {
-        backHandler.remove();
-      }
-    };
   }, []);
 
   const formatTime = () => {

package/src/sharedContext/handlePaymentResponseHandler.ts

@@ -99,8 +99,7 @@ export function handlePaymentResponse({
                 }
         
                 default:
-                   { onShowFailedModal();
-                    setLoading(false);
+                   { 
                     break;}
             }
         }
@@ -172,10 +171,9 @@ export function handleFetchStatusResponseHandler({
                     break;}
         
                 default:
-                    {onShowFailedModal();
-                    setLoading?.(false);
-                    stopBackgroundApiTask?.();
-                    break;}
+                    {
+                    break;
+                }
             }
         }
         break;

package/src/styles/components/savedAddressCardStyles.ts

@@ -33,6 +33,7 @@ const styles = StyleSheet.create({
       fontSize: 14,
       fontFamily: 'Poppins-SemiBold',
       color: "#2D2B32",
+      marginBottom:10
     },
     selectedTag: {
       backgroundColor: "#FFF0F6",
@@ -40,7 +41,8 @@ const styles = StyleSheet.create({
       paddingVertical: 2,
       borderRadius: 6,
       marginLeft: 8,
-      borderColor:"#FFADD2"
+      borderColor:"#FFADD2",
+      borderWidth:1
     },
     selectedTagText: {
       fontSize: 10,
@@ -48,11 +50,9 @@ const styles = StyleSheet.create({
       color: "#EB2F96",
     },
     addressText: {
-      marginTop: 10,
       fontSize: 12,
       fontFamily: 'Poppins-Regular',
       color: "#7F7D83",
-      lineHeight: 20,
     },
     imageStyle : {
       width : 20,

package/src/styles/screens/savedAddressScreenStyles.ts

@@ -22,7 +22,6 @@ const styles = StyleSheet.create({
     },
     mainHeadingText  :{
         marginTop: 16,
-        marginBottom: 8,
         marginHorizontal: 16,
         color: '#020815B5',
         fontFamily: 'Poppins-SemiBold',
@@ -37,21 +36,18 @@ const styles = StyleSheet.create({
         backgroundColor: 'white',
         flexDirection: 'row',
         borderRadius: 12,
-        alignItems:'center'
+        justifyContent:'center'
       },
       imageStyle : {
         height: 20,
         width: 20,
         marginStart: 12,
-        marginTop: 20,
         tintColor: brandColor
       },
       insideContainerClickableText : {
         fontSize: 14,
         color: brandColor,
         fontFamily: 'Poppins-SemiBold',
-        flexShrink: 1,
-        marginTop: -4,
       }
 })