boxpay-checkout-reactnative-sdk 1.0.11 → 1.0.12-beta2

package/src/screens/emiScreen.tsx

@@ -539,6 +539,7 @@ const EmiScreen = ({ navigation, route }: Props) => {
   const onExitCheckout = () => {
     setSuccessModalOpen(false)
     setSessionExppireModalOpen(false)
+    setFailedModalOpen(false)
     const mockPaymentResult: PaymentResultObject = {
       status: status || '',
       transactionId: transactionId || '',
@@ -826,6 +827,7 @@ const EmiScreen = ({ navigation, route }: Props) => {
       {failedModalOpen && (
         <PaymentFailed
           onClick={() => setFailedModalOpen(false)}
+          onExit={onExitCheckout} 
           errorMessage={paymentFailedMessage.current}
         />
       )}

package/src/screens/mainScreen.tsx

@@ -290,6 +290,7 @@ const MainScreen = ({route, navigation} : MainScreenProps) => {
     if (!loadingState) {
       stopExpireTimerCountDown();
       setSessionExppireModalState(false)
+      setFailedModalState(false)
       setSuccessModalState(false)
       const mockPaymentResult: PaymentResultObject = {
         status: status,
@@ -565,7 +566,8 @@ const MainScreen = ({route, navigation} : MainScreenProps) => {
                     errorMessage:
                       'You may have cancelled the payment or there was a delay in response. Please retry.',
                     shopperToken: shopperToken,
-                    isSuccessScreenVisible: configurationOptions?.SHOW_BOXPAY_SUCCESS_SCREEN ? true : false,
+                    isSuccessScreenVisible: !!configurationOptions?.SHOW_BOXPAY_SUCCESS_SCREEN,
+                    isFailedScreenVisible: !!configurationOptions?.SHOW_BOXPAY_FAILED_SCREEN,
                     isShippingAddressEnabled: isFieldEnabled('SHIPPING_ADDRESS'),
                     isShippingAddressEditable: isFieldEditable('SHIPPING_ADDRESS'),
                     isFullNameEnabled: isFieldEnabled('SHOPPER_NAME'),
@@ -1055,6 +1057,7 @@ const MainScreen = ({route, navigation} : MainScreenProps) => {
         <PaymentFailed
           onClick={() => setFailedModalState(false)}
           errorMessage={paymentFailedMessage.current}
+          onExit={onExitCheckout}
         />
       )}
 

package/src/screens/netBankingScreen.tsx

@@ -236,6 +236,7 @@ const NetBankingScreen = ({ navigation, route }: Props) => {
   };
 
   const onExitCheckout = () => {
+    setFailedModalState(false)
     setSuccessModalState(false)
     setSessionExppireModalState(false)
     const mockPaymentResult: PaymentResultObject = {
@@ -427,6 +428,7 @@ const NetBankingScreen = ({ navigation, route }: Props) => {
       {failedModalOpen && (
         <PaymentFailed
           onClick={() => setFailedModalState(false)}
+          onExit={onExitCheckout}
           errorMessage={paymentFailedMessage.current}
         />
       )}

package/src/screens/upiTimerScreen.tsx

@@ -73,6 +73,7 @@ const UpiTimerScreen = ({ route, navigation }: Props) => {
   }, [failedModalOpen, successModalOpen, sessionExpireModalOpen]);
 
   const onExitCheckout = () => {
+    setFailedModalState(false)
     setSuccessModalState(false)
     setSessionExppireModalState(false)
     const mockPaymentResult: PaymentResultObject = {
@@ -231,6 +232,7 @@ const UpiTimerScreen = ({ route, navigation }: Props) => {
             onPaymentFailed();
           }}
           errorMessage={paymentFailedMessage.current}
+          onExit={onExitCheckout}
         />
       )}
 

package/src/screens/walletScreen.tsx

@@ -199,6 +199,7 @@ const WalletScreen = ({ navigation, route }: Props) => {
 
   const onExitCheckout = () => {
     setSuccessModalState(false)
+    setFailedModalState(false)
     setSessionExppireModalState(false)
     const mockPaymentResult: PaymentResultObject = {
       status: status || '',
@@ -367,6 +368,7 @@ const WalletScreen = ({ navigation, route }: Props) => {
       {failedModalOpen && (
         <PaymentFailed
           onClick={() => setFailedModalState(false)}
+          onExit={onExitCheckout}
           errorMessage={paymentFailedMessage.current}
         />
       )}

package/src/screens/webViewScreen.tsx

@@ -69,7 +69,7 @@ const WebViewScreen: React.FC<WebViewScreenProps> = ({
 
 const styles = StyleSheet.create({
   loaderOverlay: {
-    ...StyleSheet.absoluteFillObject,
+    ...StyleSheet.absoluteFill,
     justifyContent: 'center',
     alignItems: 'center',
     backgroundColor: 'rgba(255,255,255,0.6)',

package/src/sdk-version.json

@@ -1 +1 @@
-{ "version": "1.0.11" }
+{ "version": "1.0.12-beta2" }

package/src/sharedContext/checkoutDetailsHandler.ts

@@ -23,6 +23,7 @@ export let checkoutDetailsHandler: CheckoutDetailsHandler = {
     errorMessage: '',
     shopperToken: null,
     isSuccessScreenVisible: false,
+    isFailedScreenVisible: false,
     isShippingAddressEnabled: false,
     isShippingAddressEditable: false,
     isFullNameEnabled: false,
@@ -77,6 +78,7 @@ export const setCheckOutDetailsHandlerToDefault = () => {
       errorMessage: '',
       shopperToken: null,
       isSuccessScreenVisible: false,
+      isFailedScreenVisible: false,
       isShippingAddressEnabled: false,
       isShippingAddressEditable: false,
       isFullNameEnabled: false,

package/src/styles/screens/cardScreenStyles.ts

@@ -12,6 +12,7 @@ const styles = StyleSheet.create({
         justifyContent: 'center',
         marginTop: 20,
         marginHorizontal: 16,
+        marginBottom: 16,
         paddingTop: 14,
         paddingBottom: 12,
     },