partner_react_native_sdk 0.1.4 → 0.1.6

package/src/helpers/partner_library_react_native.tsx

@@ -10,292 +10,298 @@ import { StatusBar } from 'react-native';
 export type { WebViewCallbackFunction } from './utils/webviewCallback';
 import { AnalyticsLogger } from './analytics/analytics_logger';
 type InitOptions = {
-    whitelistedDomains: string[];
-    deviceBindingEnabled: boolean;
+  whitelistedDomains: string[];
+  deviceBindingEnabled: boolean;
 };
 
-
 export class PartnerLibrary {
+  private static instance: PartnerLibrary | null = null;
+  private static intialized = false;
 
-    private static instance: PartnerLibrary | null = null;
-    private static intialized = false;
-
-    private _apiCall = new APICall();
-    static webViewCallback: WebViewCallbackFunction;
-    private _analyticsLogger!: AnalyticsLogger;
-    private constructor() { }
+  private _apiCall = new APICall();
+  static webViewCallback: WebViewCallbackFunction;
+  private _analyticsLogger!: AnalyticsLogger;
+  private constructor() {}
 
-    static getInstance(): PartnerLibrary {
-        if (!PartnerLibrary.instance) {
-            PartnerLibrary.instance = new PartnerLibrary();
-        }
-        return PartnerLibrary.instance;
+  static getInstance(): PartnerLibrary {
+    if (!PartnerLibrary.instance) {
+      PartnerLibrary.instance = new PartnerLibrary();
     }
-
-    static async init(hostName: string, options: InitOptions = {
-        whitelistedDomains: [],
-        deviceBindingEnabled: false
-    }): Promise<void> {
-        //   console.log("PartnerLibrary.init - initialized:", PartnerLibrary.intialized);
-        if (PartnerLibrary.intialized) return;
-
-        try {
-            // Ensure instance exists before setup
-            if (!PartnerLibrary.instance) {
-                //     console.log("PartnerLibrary.init - creating new instance");
-                PartnerLibrary.instance = new PartnerLibrary();
-            }
-            await PartnerLibrary.instance._setup(hostName, options.whitelistedDomains, options.deviceBindingEnabled);
-            PartnerLibrary.intialized = true;
-        }
-        catch (error) {
-            console.error("Initialization failed: ", error);
-            throw new Error("Initialization failed");
-        }
+    return PartnerLibrary.instance;
+  }
+
+  static async init(
+    hostName: string,
+    options: InitOptions = {
+      whitelistedDomains: [],
+      deviceBindingEnabled: false,
     }
-
-    private async _setup(
-        hostName: string,
-        whitelistedDomains: string[],
-        deviceBindingEnabled: boolean
-    ): Promise<void> {
-
-
-        LibraryConstants.init({
-            host: hostName,
-            whitelistedDomains: whitelistedDomains,
-            deviceBinding: deviceBindingEnabled
-        });
-        this._analyticsLogger = new AnalyticsLogger();
-        this._analyticsLogger.logEvent({ "event": "REACT_NATIVE_INTIALIZED" })
+  ): Promise<void> {
+    //   console.log("PartnerLibrary.init - initialized:", PartnerLibrary.intialized);
+    if (PartnerLibrary.intialized) return;
+
+    try {
+      // Ensure instance exists before setup
+      if (!PartnerLibrary.instance) {
+        //     console.log("PartnerLibrary.init - creating new instance");
+        PartnerLibrary.instance = new PartnerLibrary();
+      }
+      await PartnerLibrary.instance._setup(
+        hostName,
+        options.whitelistedDomains,
+        options.deviceBindingEnabled
+      );
+      PartnerLibrary.intialized = true;
+    } catch (error) {
+      console.error('Initialization failed: ', error);
+      throw new Error('Initialization failed');
     }
-
-    async open(
-        module: string,
-        token: string,
-        WebViewCallbackFunction: WebViewCallbackFunction,
-
-    ): Promise<React.ReactElement> {
-
-        this._analyticsLogger.logEvent({ "event": "REACT_NATIVE_OPEN_FN_CALLED" })
-
-        if (!PartnerLibrary.intialized) {
-            throw new Error('PartnerLibrary not initialized. Call init() first.');
-        }
-        try {
-            let bank = "";
-
-            if (module.includes("banking/")) {
-                const startIndex = module.indexOf("banking/") + "banking/".length;
-                const temp = module.substring(startIndex);
-                const endIndex = temp.indexOf("/");
-                bank = endIndex === -1 ? temp : temp.substring(0, endIndex);
-            }
-
-            return this._loginAndNavigateToWebView(module, bank, token, WebViewCallbackFunction);
-        } catch (e) {
-            console.error('Error opening webview:', e);
-            throw e;
-        }
+  }
+
+  private async _setup(
+    hostName: string,
+    whitelistedDomains: string[],
+    deviceBindingEnabled: boolean
+  ): Promise<void> {
+    LibraryConstants.init({
+      host: hostName,
+      whitelistedDomains: whitelistedDomains,
+      deviceBinding: deviceBindingEnabled,
+    });
+    this._analyticsLogger = new AnalyticsLogger();
+    // this._analyticsLogger.logEvent({ event: 'REACT_NATIVE_INTIALIZED' });
+  }
+
+  async open(
+    module: string,
+    token: string,
+    WebViewCallbackFunction: WebViewCallbackFunction
+  ): Promise<React.ReactElement> {
+    // this._analyticsLogger.logEvent({ event: 'REACT_NATIVE_OPEN_FN_CALLED' });
+
+    if (!PartnerLibrary.intialized) {
+      throw new Error('PartnerLibrary not initialized. Call init() first.');
     }
-
-
-    private async _checkDeviceBinding(
-        bank: string,
-        url: string,
-        WebViewCallbackFunction: WebViewCallbackFunction,
-
-    ): Promise<React.ReactElement> {
-        this._analyticsLogger.logEvent({ "event": "REACT_NATIVE_DEVICE_BINDING_CALLED" })
-
-        console.log("entered in check device binding")
-        if (LibraryConstants.deviceBindingEnabled) {
-            // TODO: Build the device binding flow
-            return Promise.resolve(<></>);
-
-        } else {
-            console.log("calling setup device session")
-
-            return this._setupDeviceSession(bank, url, WebViewCallbackFunction);
-        }
+    try {
+      let bank = '';
+
+      if (module.includes('banking/')) {
+        const startIndex = module.indexOf('banking/') + 'banking/'.length;
+        const temp = module.substring(startIndex);
+        const endIndex = temp.indexOf('/');
+        bank = endIndex === -1 ? temp : temp.substring(0, endIndex);
+      }
+
+      return this._loginAndNavigateToWebView(
+        module,
+        bank,
+        token,
+        WebViewCallbackFunction
+      );
+    } catch (e) {
+      console.error('Error opening webview:', e);
+      throw e;
     }
-
-    private async _loginAndNavigateToWebView(
-        module: string,
-        bank: string,
-        token: string,
-        WebViewCallbackFunction: WebViewCallbackFunction,
-
-    ): Promise<React.ReactElement> {
-        // console.log("PartnerLibrary._loginAndNavigateToWebView - LibraryConstants.hostName:", LibraryConstants.hostName);
-        try {
-            this._analyticsLogger.logEvent({ "event": "REACT_NATIVE_LOGIN_FN_CALLED" })
-            let tokenResponse: any;
-            const url = ServiceNames.LOGIN_URL;
-            console.log("url is : ", url)
-            tokenResponse = await this._apiCall.callAPI(
-                'POST',
-                ServiceNames.LOGIN_URL, {
-                body: {
-                    'token': token
-                }
-            }
-            );
-            this._analyticsLogger.logEvent({ "event": "REACT_NATIVE_LOGIN_FN_RESPONSE :", "response": tokenResponse })
-
-
-            if (tokenResponse?.data?.code === "USER_TOKEN_EXPIRED") {
-                console.log("Token expired");
-                return Promise.resolve(<></>);
-            }
-
-            if (
-                tokenResponse &&
-                tokenResponse.data &&
-                typeof tokenResponse.data === 'object' &&
-                tokenResponse.data !== null &&
-                'RATE_LIMIT_USER' in tokenResponse.data
-            ) {
-                console.log("rate limit user");
-            }
-
-            // console.log("Checking login success condition:", {
-            //     statusCode: tokenResponse?.statusCode,
-            //     code: tokenResponse?.data?.code
-            // });
-
-            if (tokenResponse?.data?.code === "USER_LOGIN_SUCCESS") {
-                console.log("User login success");
-                this.fetchAndSetTheme();
-                return this._checkDeviceBinding(bank, module, WebViewCallbackFunction);
-            } else {
-                console.log("Login not successful. Token Response:", tokenResponse);
-                return Promise.resolve(<></>);
-            }
-
-        } catch (e) {
-            console.error('Error during login:', e);
-            throw e;
-        }
-
-
+  }
+
+  private async _checkDeviceBinding(
+    bank: string,
+    url: string,
+    WebViewCallbackFunction: WebViewCallbackFunction
+  ): Promise<React.ReactElement> {
+    // this._analyticsLogger.logEvent({
+    //   event: 'REACT_NATIVE_DEVICE_BINDING_CALLED',
+    // });
+
+    console.log('SDK:LOG: entered in check device binding');
+    if (LibraryConstants.deviceBindingEnabled) {
+      // TODO: Build the device binding flow
+      return Promise.resolve(<></>);
+    } else {
+      console.log('SDK:LOG: calling setup device session');
+
+      return this._setupDeviceSession(bank, url, WebViewCallbackFunction);
     }
-
-    private async _setupDeviceSession(
-        bank: string,
-        url: string,
-        WebViewCallbackFunction: WebViewCallbackFunction,
-
-    ): Promise<React.ReactElement> {
-        try {
-            console.log("in setup device session")
-
-            const deviceInfo = await DeviceInfoManager.getDeviceInfo();
-            const appVersion = deviceInfo['app_version'] || 'unknown';
-
-            if (__DEV__) {
-                console.log("Device Info:", deviceInfo);
-                console.log("App Version:", appVersion);
-            }
-            console.log("device uuid is : ", deviceInfo[Constants.DEVICE_UUID]);
-
-            const response = await this._apiCall.callAPI(
-                'POST',
-                ServiceNames.DEVICE_SESSION.params({ "partner": bank }),
-                {
-                    body: {
-                        [Constants.MANUFACTURER]: deviceInfo[Constants.MANUFACTURER],
-                        [Constants.MODEL]: deviceInfo[Constants.MODEL],
-                        [Constants.DEVICE_UUID]: deviceInfo[Constants.DEVICE_UUID],
-                        [Constants.OS]: deviceInfo[Constants.OS],
-                        [Constants.OS_VERSION]: deviceInfo[Constants.OS_VERSION],
-                        [Constants.APP_VERSION]: appVersion,
-                    }
-                }
-            );
-            //console.log("response from setup device session is : ", response)
-            if (
-                response &&
-                response.data &&
-                typeof response.data === 'object' &&
-                response.data !== null &&
-                'RATE_LIMIT_USER' in response.data
-            ) {
-                console.log("rate limit user");
-            }
-
-            if (response?.status === 200) {
-
-                return this._openWebView(url, WebViewCallbackFunction);
-            } else {
-                console.warn('Error setting up device session:', response);
-                return this._openWebView(url, WebViewCallbackFunction);
-            }
-        } catch (e) {
-            console.error('Error setting up device session:', e);
-            throw e;
+  }
+
+  private async _loginAndNavigateToWebView(
+    module: string,
+    bank: string,
+    token: string,
+    WebViewCallbackFunction: WebViewCallbackFunction
+  ): Promise<React.ReactElement> {
+    // console.log("PartnerLibrary._loginAndNavigateToWebView - LibraryConstants.hostName:", LibraryConstants.hostName);
+    try {
+      // this._analyticsLogger.logEvent({ event: 'REACT_NATIVE_LOGIN_FN_CALLED' });
+      let tokenResponse: any;
+      const url = ServiceNames.LOGIN_URL;
+      console.log('SDK:LOG: ', url);
+      tokenResponse = await this._apiCall.callAPI(
+        'POST',
+        ServiceNames.LOGIN_URL,
+        {
+          body: {
+            token: token,
+          },
         }
-    }
-
-
-
-    async _openWebView(
-        url: string,
-        WebViewCallbackFunction: WebViewCallbackFunction,
-    ): Promise<React.ReactElement> {
-        console.log("entered in open web view");
-        console.log("url is : ", LibraryConstants.hostName + url);
-        this._analyticsLogger.logEvent({ "event": "REACT_NATIVE_WEBVIEW_OPEN_CALLED" })
-
-
-        return (
-            <SafeAreaView style={{ flex: 1 }}>
-                <WebView
-                    url={LibraryConstants.hostName + url}
-                    onCallback={WebViewCallbackFunction}
-                    whitelistedUrls={LibraryConstants.whitelistedDomains}
-                    hostName={LibraryConstants.hostName}
-                    onPageFinished={() => console.log('WebView page finished loading')}
-                />
-            </SafeAreaView>
+      );
+      // this._analyticsLogger.logEvent({
+      //   event: 'REACT_NATIVE_LOGIN_FN_RESPONSE :',
+      //   response: tokenResponse,
+      // });
+
+      if (tokenResponse?.data?.code === 'USER_TOKEN_EXPIRED') {
+        console.log('SDK:LOG Token expired');
+        return Promise.resolve(<></>);
+      }
+
+      if (
+        tokenResponse &&
+        tokenResponse.data &&
+        typeof tokenResponse.data === 'object' &&
+        tokenResponse.data !== null &&
+        'RATE_LIMIT_USER' in tokenResponse.data
+      ) {
+        console.log('SDK:LOG: rate limit user');
+      }
+
+      // console.log("Checking login success condition:", {
+      //     statusCode: tokenResponse?.statusCode,
+      //     code: tokenResponse?.data?.code
+      // });
+
+      if (tokenResponse?.data?.code === 'USER_LOGIN_SUCCESS') {
+        console.log('SDK:LOG: User login success');
+        this.fetchAndSetTheme();
+        return this._checkDeviceBinding(bank, module, WebViewCallbackFunction);
+      } else {
+        console.log(
+          'SDK:LOG: Login not successful. Token Response:',
+          tokenResponse
         );
+        return Promise.resolve(<></>);
+      }
+    } catch (e) {
+      console.error('SDK:LOG: Error during login:', e);
+      throw e;
     }
-
-    async fetchAndSetTheme(): Promise<void> {
-        try {
-            console.log("Fetching theme from API");
-
-            const themeResponse: any = await this._apiCall.callAPI(
-                'GET',
-                ServiceNames.THEME_URL
-            );
-            const theme = themeResponse?.data;
-
-            if (theme && theme["--color-primary-500"]) {
-                const rgbValues = theme["--color-primary-500"].split(" ").map(Number);
-                if (rgbValues.length === 3) {
-                    const [r, g, b] = rgbValues;
-
-                    // Update LibraryConstants color
-                    LibraryConstants.setPrimaryColorFromRGB(r, g, b);
-
-                    // Set status bar color
-
-                    StatusBar.setBackgroundColor(LibraryConstants.primaryColor);
-                    StatusBar.setBarStyle('light-content');
-
-
-                    console.log("Theme color set successfully:", LibraryConstants.primaryColor);
-                } else {
-                    console.warn("Invalid RGB values in theme response");
-                }
-            } else {
-                console.warn("--color-primary-500 not found in theme response");
-            }
-        } catch (e) {
-            console.error("Error Fetching theme: ", e);
-            throw e;
+  }
+
+  private async _setupDeviceSession(
+    bank: string,
+    url: string,
+    WebViewCallbackFunction: WebViewCallbackFunction
+  ): Promise<React.ReactElement> {
+    try {
+      console.log('SDK:LOG: in setup device session');
+
+      const deviceInfo = await DeviceInfoManager.getDeviceInfo();
+      const appVersion = deviceInfo['app_version'] || 'unknown';
+
+      if (__DEV__) {
+        console.log('Device Info:', deviceInfo);
+        console.log('App Version:', appVersion);
+      }
+      console.log('SDK:LOG device uuid is  ');
+
+      const response = await this._apiCall.callAPI(
+        'POST',
+        ServiceNames.DEVICE_SESSION.params({ partner: bank }),
+        {
+          body: {
+            [Constants.MANUFACTURER]: deviceInfo[Constants.MANUFACTURER],
+            [Constants.MODEL]: deviceInfo[Constants.MODEL],
+            [Constants.DEVICE_UUID]: deviceInfo[Constants.DEVICE_UUID],
+            [Constants.OS]: deviceInfo[Constants.OS],
+            [Constants.OS_VERSION]: deviceInfo[Constants.OS_VERSION],
+            [Constants.APP_VERSION]: appVersion,
+          },
         }
+      );
+      //console.log("response from setup device session is : ", response)
+      if (
+        response &&
+        response.data &&
+        typeof response.data === 'object' &&
+        response.data !== null &&
+        'RATE_LIMIT_USER' in response.data
+      ) {
+        console.log('SDK:LOG: rate limit user');
+      }
+
+      if (response?.status === 200) {
+        return this._openWebView(url, WebViewCallbackFunction);
+      } else {
+        console.warn('SDK:LOG: Error setting up device session:', response);
+        return this._openWebView(url, WebViewCallbackFunction);
+      }
+    } catch (e) {
+      console.error('SDK:LOG: Error setting up device session:', e);
+      throw e;
     }
-
-}
+  }
+
+  async _openWebView(
+    url: string,
+    WebViewCallbackFunction: WebViewCallbackFunction
+  ): Promise<React.ReactElement> {
+    console.log('SDK:LOG: entered in open web view');
+    console.log('SDK:LOG: url is : ', LibraryConstants.hostName + url);
+    // this._analyticsLogger.logEvent({
+    //   event: 'REACT_NATIVE_WEBVIEW_OPEN_CALLED',
+    // });
+
+    return (
+      <SafeAreaView style={{ flex: 1 }}>
+        <WebView
+          url={LibraryConstants.hostName + url}
+          onCallback={WebViewCallbackFunction}
+          whitelistedUrls={LibraryConstants.whitelistedDomains}
+          hostName={LibraryConstants.hostName}
+          onPageFinished={() =>
+            console.log('SDK:LOG: WebView page finished loading')
+          }
+        />
+      </SafeAreaView>
+    );
+  }
+
+  async fetchAndSetTheme(): Promise<void> {
+    try {
+      console.log('SDK:LOG: Fetching theme from API');
+
+      const themeResponse: any = await this._apiCall.callAPI(
+        'GET',
+        ServiceNames.THEME_URL
+      );
+      const theme = themeResponse?.data;
+
+      if (theme && theme['--color-primary-500']) {
+        const rgbValues = theme['--color-primary-500'].split(' ').map(Number);
+        if (rgbValues.length === 3) {
+          const [r, g, b] = rgbValues;
+
+          // Update LibraryConstants color
+          LibraryConstants.setPrimaryColorFromRGB(r, g, b);
+
+          // Set status bar color
+
+          StatusBar.setBackgroundColor(LibraryConstants.primaryColor);
+          StatusBar.setBarStyle('light-content');
+
+          console.log(
+            'SDK:LOG: Theme color set successfully:',
+            LibraryConstants.primaryColor
+          );
+        } else {
+          console.warn('Invalid RGB values in theme response');
+        }
+      } else {
+        console.warn('--color-primary-500 not found in theme response');
+      }
+    } catch (e) {
+      console.error('Error Fetching theme: ', e);
+      throw e;
+    }
+  }
+}

package/src/helpers/webview.tsx

@@ -47,6 +47,14 @@ interface WebViewCustomProps {
   whitelistedUrls?: string[];
   onPageFinished?: () => void;
 }
+const clearAllCookies = async () => {
+  try {
+    await CookieManager.clearAll(true);
+    console.log('clearing cookies');
+  } catch (e) {
+    console.error('Failed to clear cookies:', e);
+  }
+};
 
 export const WebView = ({
   url,
@@ -81,18 +89,32 @@ export const WebView = ({
   };
   const showToast_with_code_message = (syntheticEvent: any) => {
     const { nativeEvent } = syntheticEvent;
-    const errorCodesToHandle = [-6, -8, -10];
+    const errorCodesToHandle = [-2, -6, -8, -10];
     if (errorCodesToHandle.includes(nativeEvent.code)) {
       const message = `WebView Error: [${nativeEvent.code}] ${nativeEvent.description}`;
       setToast({ visible: true, message });
-      if (Platform.OS === 'android') {
-        ToastAndroid.show(
-          'Oops! Something went wrong. Please try again.',
-          ToastAndroid.LONG
-        );
+
+      if (nativeEvent.code === -2) {
+        if (Platform.OS === 'android') {
+          ToastAndroid.show(
+            'There seems to be a network issue. Please try again.',
+            ToastAndroid.LONG
+          );
+        }
+        clearAllCookies();
+        onCallback?.(WebViewCallback.redirect('WEBVIEW_ERROR'));
+      } else {
+        if (Platform.OS === 'android') {
+          ToastAndroid.show(
+            'Oops! Something went wrong. Please try again.',
+            ToastAndroid.LONG
+          );
+        }
+        clearAllCookies();
+        onCallback?.(WebViewCallback.redirect('WEBVIEW_ERROR'));
       }
-      setTimeout(() => setToast(null), 5000);
-      onCallback?.(WebViewCallback.redirect('WEBVIEW_ERROR'));
+
+      setTimeout(() => setToast(null), 6000);
     }
   };
 
@@ -196,9 +218,18 @@ export const WebView = ({
       // });
 
       StatusBar.setBackgroundColor('#7E7E7EFF');
+      clearAllCookies();
       onCallback?.(WebViewCallback.redirect(status ?? undefined));
       return false;
     }
+    if (url?.includes('/api/user/redirect')) {
+      console.log('overriding redirect url');
+
+      StatusBar.setBackgroundColor('#7E7E7EFF');
+      clearAllCookies();
+      onCallback?.(WebViewCallback.redirect('SESSION_EXPIRED'));
+      return false;
+    }
 
     // Handle whitelisted URLs
     const isWhitelisted =
@@ -331,10 +362,6 @@ export const WebView = ({
 
   const handleWebViewLoadEnd = (syntheticEvent: any) => {
     const loadedUrl = syntheticEvent?.nativeEvent?.url || url;
-    // _analyticsLogger.logEvent({
-    //   event: 'REACT_NATIVE_WEBVIEW_LOADED',
-    //   url: loadedUrl,
-    // });
 
     onPageFinished?.();
   };