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

package/src/postRequest/cardPostRequest.ts

@@ -38,7 +38,7 @@ const cardPostRequest = async (
     },
     shopper: shopperData,
     ...(checkoutDetails.isSubscriptionCheckout
-      ? { oneTimePayment: checkoutDetails.isSICheckboxVisible && !isSICheckBoxClicked }
+      ? { oneTimePayment: !isSICheckBoxClicked }
       : {}),
     deviceDetails: deviceDetails,
   };

package/src/postRequest/upiPostRequest.tsx

@@ -15,7 +15,7 @@ const upiPostRequest = async (instrumentDetails: InstrumentDetails, isSICheckBox
     browserData: browserData,
     instrumentDetails,
     ...((checkoutDetails.isSubscriptionCheckout && instrumentDetails.type === 'card/token')
-      ? { oneTimePayment: checkoutDetails.isSICheckboxVisible && !isSICheckBoxClicked }
+      ? { oneTimePayment: !isSICheckBoxClicked }
       : {}),
     shopper: shopperData,
     deviceDetails: deviceDetails

package/src/screens/cardScreen.tsx

@@ -117,7 +117,7 @@ const CardScreen = ({ route, navigation }: Props) => {
   const [isSavedCardCheckBoxClicked, setIsSavedCardCheckBoxClicked] =
     useState(false);
   
-  const [isSICheckBoxClicked, setIsSICheckBoxClicked] = useState(false)
+  const [isSICheckBoxClicked, setIsSICheckBoxClicked] = useState(checkoutDetails.isSICheckboxChecked)
   const [paymentUrl, setPaymentUrl] = useState<string | null>(null);
   const [paymentHtml, setPaymentHtml] = useState<string | null>(null);
   const [showWebView, setShowWebView] = useState(false);
@@ -237,7 +237,7 @@ const CardScreen = ({ route, navigation }: Props) => {
 
   const isSubscriptionDetailsVisible =
   checkoutDetails.isSubscriptionCheckout &&
-  (isSICheckBoxClicked || !checkoutDetails.isSICheckboxVisible);
+  (isSICheckBoxClicked);
 
   const isValidCardNumberByLuhn = (stringInputCardNumber: string): boolean => {
     const minCardLength = 13;
@@ -995,7 +995,7 @@ const CardScreen = ({ route, navigation }: Props) => {
             </>
           )}
 
-          {(checkoutDetails.isSICheckboxVisible && checkoutDetails.isSubscriptionCheckout) && (
+          {((checkoutDetails.isSICheckboxChecked || checkoutDetails.isSICheckboxEnabled) && checkoutDetails.isSubscriptionCheckout) && (
              <CheckBoxContainer
              text = {"Set up Standing Instructions (SI) for this payment."}
              isCheckBoxSelected = {isSICheckBoxClicked}

package/src/screens/mainScreen.tsx

@@ -15,7 +15,7 @@ import type { CheckoutStackParamList } from '../navigation';
 import { paymentHandler, setPaymentHandler } from "../sharedContext/paymentStatusHandler";
 import { loadBoxpayFonts } from '../components/fontFamily';
 import { setUserDataHandler, setUserDataHandlerToDefault, userDataHandler } from '../sharedContext/userdataHandler';
-import { type PaymentResultObject, type PaymentClass, type InstrumentDetails, type PaymentMethod, type OrderItem, APIStatus, AnalyticsEvents, type DeliveryAddress, type BoxpayCheckoutProps, type GetInstantOffersResponse, UIConfigurationOptions, TransactionStatus, type SubscriptionDetails } from '../interface';
+import { type PaymentResultObject, type PaymentClass, type InstrumentDetails, type PaymentMethod, type OrderItem, APIStatus, AnalyticsEvents, type DeliveryAddress, type BoxpayCheckoutProps, type GetInstantOffersResponse, UIConfigurationOptions, TransactionStatus, type SubscriptionDetails, ConfigurationOptions } from '../interface';
 import { checkoutDetailsHandler, setCheckoutDetailsHandler, setCheckOutDetailsHandlerToDefault } from '../sharedContext/checkoutDetailsHandler';
 import WebViewScreen from '../screens/webViewScreen';
 import styles from '../styles/indexStyles';
@@ -30,7 +30,7 @@ import fetchSessionDetails from '../postRequest/fetchSessionDetails';
 import MorePaymentMethods from '../components/morePaymentMethods';
 import { fetchSavedInstrumentsHandler, handleFetchStatusResponseHandler, handlePaymentResponse } from '../sharedContext/handlePaymentResponseHandler';
 import callUIAnalytics from '../postRequest/callUIAnalytics';
-import { formatAddress, formatDate, getPhoneNumberCodeAndCountryName, isEmpty, useCountdown } from '../utility';
+import { formatAddress, formatDate, getCheckboxProps, getPhoneNumberCodeAndCountryName, isEmpty, useCountdown } from '../utility';
 import fetchSurCharge from '../postRequest/fetchSurcharge';
 import fetchInstantOffer from '../postRequest/fetchInstantOffer';
 import ApplyCouponCard from '../components/applyCouponCard';
@@ -532,6 +532,8 @@ const MainScreen = ({route, navigation} : MainScreenProps) => {
                   );
                   return field?.editable === true;
                 };
+
+                const {checked, enabled} = getCheckboxProps(configurationOptions?.[ConfigurationOptions.SICheckBoxState])
          
                 setCheckoutDetailsHandler({
                   checkoutDetails: {
@@ -592,7 +594,8 @@ const MainScreen = ({route, navigation} : MainScreenProps) => {
                     isUPIOtmIntentMethodEnabled : methodFlags.isUPIOtmIntentVisible,
                     isUPIOtmQRMethodEnabled : methodFlags.isUPIOtmQRVisible,
                     isOrderItemDetailsVisible : isFieldEnabled('ORDER_ITEM_DETAILS'),
-                    isSICheckboxVisible : configurationOptions?.SHOW_SI_CHECKBOX ? true : false,
+                    isSICheckboxChecked : checked,
+                    isSICheckboxEnabled : enabled,
                     isSubscriptionCheckout : paymentDetails.subscriptionDetails != null ? true : false,
                     subscriptionDetails : getSubscriptionDetails(paymentDetails.subscriptionDetails, paymentDetails.money.amountLocaleFull, symbol)
                   },

package/src/sdk-version.json

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

package/src/sharedContext/checkoutDetailsHandler.ts

@@ -48,7 +48,8 @@ export let checkoutDetailsHandler: CheckoutDetailsHandler = {
     isUPIOtmCollectMethodEnabled : false,
     isUPIOtmQRMethodEnabled : false,
     isOrderItemDetailsVisible : true,
-    isSICheckboxVisible : false,
+    isSICheckboxChecked : false,
+    isSICheckboxEnabled : false,
     isSubscriptionCheckout : false,
     subscriptionDetails : null
   },
@@ -103,7 +104,8 @@ export const setCheckOutDetailsHandlerToDefault = () => {
       isUPIOtmCollectMethodEnabled: false,
       isUPIOtmQRMethodEnabled: false,
       isOrderItemDetailsVisible : true,
-      isSICheckboxVisible : false,
+      isSICheckboxChecked : false,
+      isSICheckboxEnabled : false,
       isSubscriptionCheckout : false,
       subscriptionDetails : null
     },

package/src/utility.ts

@@ -1,4 +1,5 @@
 import type { PaymentMethod, PaymentClass, DeliveryAddress, CountryDetails } from './interface';
+import { SICheckboxState } from './interface';
 import { Dimensions, Platform } from 'react-native';
 import { userDataHandler } from './sharedContext/userdataHandler';
 import { useState, useRef, useCallback, useEffect } from 'react';
@@ -220,4 +221,14 @@ export const isEmpty = (value: unknown): boolean => {
   if (Array.isArray(value)) return value.length === 0;
   if (typeof value === 'object') return Object.keys(value).length === 0;
   return false;
-};
+};
+
+export const getCheckboxProps = (state?: SICheckboxState | null) => ({
+  checked:
+    state === SICheckboxState.CHECKED_AND_DISABLED ||
+    state === SICheckboxState.CHECKED_AND_ENABLED,
+
+  enabled:
+    state === SICheckboxState.CHECKED_AND_ENABLED ||
+    state === SICheckboxState.UNCHECKED_AND_ENABLED,
+});