@quiltt/react-native 3.6.8 → 3.6.10

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @quiltt/react-native
 
+## 3.6.10
+
+### Patch Changes
+
+- [#268](https://github.com/quiltt/quiltt-js/pull/268) [`8a82094`](https://github.com/quiltt/quiltt-js/commit/8a82094a709d0d7e1478ec32142be33825323708) Thanks [@zubairaziz](https://github.com/zubairaziz)! - Migrate linter to Biome
+
+- Updated dependencies [[`8a82094`](https://github.com/quiltt/quiltt-js/commit/8a82094a709d0d7e1478ec32142be33825323708)]:
+  - @quiltt/react@3.6.10
+  - @quiltt/core@3.6.10
+
+## 3.6.9
+
+### Patch Changes
+
+- [#260](https://github.com/quiltt/quiltt-js/pull/260) [`6e80930`](https://github.com/quiltt/quiltt-js/commit/6e80930f84013f483e2c75fcb37a28dc4996dadc) Thanks [@zubairaziz](https://github.com/zubairaziz)! - Refactor QuilttConnector to remove URL allow list
+
+- Updated dependencies [[`6e80930`](https://github.com/quiltt/quiltt-js/commit/6e80930f84013f483e2c75fcb37a28dc4996dadc)]:
+  - @quiltt/core@3.6.9
+  - @quiltt/react@3.6.9
+
 ## 3.6.8
 
 ### Patch Changes

package/README.md

@@ -27,11 +27,11 @@ Launch the [Quiltt Connector](https://www.quiltt.dev/connector) in a webview.
 
 `@quiltt/react-native` does not include any navigation library, you might want to navigate to a new "page" when using QuilttConnector to get the best result.
 
-For simple usage of `react-navigation`, please see [App.tsx](examples/expo/App.tsx) and [ConnectorScreen.tsx](examples/expo/screens/ConnectorScreen.tsx).
+For simple usage of `react-navigation`, please see [App.tsx](../../examples/react-native-expo/App.tsx) and [ConnectorScreen.tsx](../../examples/react-native-expo/screens/ConnectorScreen.tsx).
 
 #### Example
 
-```typescript
+```tsx
 import { useState } from 'react'
 import { QuilttProvider } from '@quiltt/react'
 import { QuilttConnector } from '@quiltt/react-native'

package/dist/index.cjs

@@ -5,13 +5,101 @@ var core = require('@quiltt/core');
 var react = require('@quiltt/react');
 var jsxRuntime = require('react/jsx-runtime');
 var react$1 = require('react');
+var reactNative = require('react-native');
 var reactNativeUrlPolyfill = require('react-native-url-polyfill');
 var reactNativeWebview = require('react-native-webview');
-var reactNative = require('react-native');
 var util = require('@honeybadger-io/core/build/src/util');
 
 // Generated by genversion.
-const version = '3.6.8';
+const version = '3.6.10';
+
+const ErrorReporterConfig = {
+    honeybadger_api_key: 'undefined'
+};
+
+// Quick hack to send error to Honeybadger to debug why the connector is not routable
+const notifier = {
+    name: 'Quiltt React Native SDK Reporter',
+    url: 'https://www.quiltt.dev/guides/connector/react-native',
+    version: version
+};
+class ErrorReporter {
+    constructor(platform){
+        this.noticeUrl = 'https://api.honeybadger.io/v1/notices';
+        this.apiKey = ErrorReporterConfig.honeybadger_api_key;
+        this.clientName = 'react-native-sdk';
+        this.clientVersion = version;
+        this.platform = platform;
+        this.logger = console;
+        this.userAgent = `${this.clientName} ${this.clientVersion}; ${this.platform}`;
+    }
+    async send(error, context) {
+        const headers = {
+            'X-API-Key': this.apiKey,
+            'Content-Type': 'application/json',
+            Accept: 'application/json',
+            'User-Agent': `${this.clientName} ${this.clientVersion}; ${this.platform}`
+        };
+        const payload = await this.buildPayload(error, context);
+        const method = 'POST';
+        const body = JSON.stringify(payload);
+        const mode = 'cors';
+        fetch(this.noticeUrl, {
+            headers,
+            method,
+            body,
+            mode
+        }).then((response)=>{
+            if (response.status !== 201) {
+                this.logger.warn(`Error report failed: unknown response from server. code=${response.status}`);
+                return;
+            }
+            return response.json();
+        }).then((data)=>{
+            if (data) {
+                this.logger.info(`Error report sent ⚡ https://app.honeybadger.io/notice/${data?.id}`);
+            }
+        });
+    }
+    async buildPayload(error, localContext = {}) {
+        const notice = error;
+        notice.stack = util.generateStackTrace();
+        notice.backtrace = util.makeBacktrace(notice.stack);
+        return {
+            notifier,
+            error: {
+                class: notice.name,
+                message: notice.message,
+                backtrace: notice.backtrace,
+                // fingerprint: this.calculateFingerprint(notice),
+                tags: notice.tags || [],
+                causes: util.getCauses(notice, this.logger)
+            },
+            request: {
+                url: notice.url,
+                component: notice.component,
+                action: notice.action,
+                context: localContext || {},
+                cgi_data: {},
+                params: {},
+                session: {}
+            },
+            server: {
+                project_root: notice.projectRoot,
+                environment_name: this.userAgent,
+                revision: version,
+                hostname: this.platform,
+                time: new Date().toUTCString()
+            },
+            details: notice.details || {}
+        };
+    }
+}
+
+const getErrorMessage = (responseStatus, error)=>{
+    if (error) return `An error occurred while checking the connector URL: ${error?.name} \n${error?.message}`;
+    return responseStatus ? `The URL is not routable. Response status: ${responseStatus}` : 'An error occurred while checking the connector URL';
+};
 
 const AndroidSafeAreaView = ({ testId, children })=>/*#__PURE__*/ jsxRuntime.jsx(reactNative.SafeAreaView, {
         testID: testId,
@@ -126,144 +214,47 @@ const LoadingScreen = ({ testId })=>/*#__PURE__*/ jsxRuntime.jsx(AndroidSafeArea
         })
     });
 
-const ErrorReporterConfig = {
-    honeybadger_api_key: 'undefined'
-};
-
-// Quick hack to send error to Honeybadger to debug why the connector is not routable
-const notifier = {
-    name: 'Quiltt React Native SDK Reporter',
-    url: 'https://www.quiltt.dev/guides/connector/react-native',
-    version: version
-};
-class ErrorReporter {
-    constructor(platform){
-        this.noticeUrl = 'https://api.honeybadger.io/v1/notices';
-        this.apiKey = ErrorReporterConfig.honeybadger_api_key;
-        this.clientName = 'react-native-sdk';
-        this.clientVersion = version;
-        this.platform = platform;
-        this.logger = console;
-        this.userAgent = `${this.clientName} ${this.clientVersion}; ${this.platform}`;
-    }
-    async send(error, context) {
-        const headers = {
-            'X-API-Key': this.apiKey,
-            'Content-Type': 'application/json',
-            Accept: 'application/json',
-            'User-Agent': `${this.clientName} ${this.clientVersion}; ${this.platform}`
-        };
-        const payload = await this.buildPayload(error, context);
-        const method = 'POST';
-        const body = JSON.stringify(payload);
-        const mode = 'cors';
-        fetch(this.noticeUrl, {
-            headers,
-            method,
-            body,
-            mode
-        }).then((response)=>{
-            if (response.status !== 201) {
-                this.logger.warn(`Error report failed: unknown response from server. code=${response.status}`);
-                return;
-            }
-            return response.json();
-        }).then((data)=>{
-            if (data) {
-                this.logger.info(`Error report sent ⚡ https://app.honeybadger.io/notice/${data?.id}`);
-            }
-        });
-    }
-    async buildPayload(error, localContext = {}) {
-        const notice = error;
-        notice.stack = util.generateStackTrace();
-        notice.backtrace = util.makeBacktrace(notice.stack);
-        return {
-            notifier,
-            error: {
-                class: notice.name,
-                message: notice.message,
-                backtrace: notice.backtrace,
-                // fingerprint: this.calculateFingerprint(notice),
-                tags: notice.tags || [],
-                causes: util.getCauses(notice, this.logger)
-            },
-            request: {
-                url: notice.url,
-                component: notice.component,
-                action: notice.action,
-                context: localContext || {},
-                cgi_data: {},
-                params: {},
-                session: {}
-            },
-            server: {
-                project_root: notice.projectRoot,
-                environment_name: this.userAgent,
-                revision: version,
-                hostname: this.platform,
-                time: new Date().toUTCString()
-            },
-            details: notice.details || {}
-        };
-    }
-}
-
-const getErrorMessage = (responseStatus, error)=>{
-    if (error) return `An error occurred while checking the connector URL: ${error?.name} \n${error?.message}`;
-    return responseStatus ? `The URL is not routable. Response status: ${responseStatus}` : 'An error occurred while checking the connector URL';
-};
-
 const errorReporter = new ErrorReporter(`${reactNative.Platform.OS} ${reactNative.Platform.Version}`);
 const PREFLIGHT_RETRY_COUNT = 3;
 const checkConnectorUrl = async (connectorUrl, retryCount = 0)=>{
     let responseStatus;
     let error;
-    let errorOccurred = false;
     try {
         const response = await fetch(connectorUrl);
         if (!response.ok) {
-            console.error(`The URL ${connectorUrl} is not routable.`);
             responseStatus = response.status;
-            errorOccurred = true;
-        } else {
-            console.log(`The URL ${connectorUrl} is routable.`);
-            return {
-                checked: true
-            };
+            throw new Error(`The URL ${connectorUrl} is not routable.`);
         }
+        console.log(`The URL ${connectorUrl} is routable.`);
+        return {
+            checked: true
+        };
     } catch (e) {
         error = e;
         console.error(`An error occurred while checking the connector URL: ${error}`);
-        errorOccurred = true;
-    }
-    if (errorOccurred && retryCount < PREFLIGHT_RETRY_COUNT) {
-        const delay = 50 * Math.pow(2, retryCount);
-        await new Promise((resolve)=>setTimeout(resolve, delay));
-        console.log(`Retrying... Attempt number ${retryCount + 1}`);
-        return checkConnectorUrl(connectorUrl, retryCount + 1);
+        if (retryCount < PREFLIGHT_RETRY_COUNT) {
+            const delay = 50 * 2 ** retryCount;
+            await new Promise((resolve)=>setTimeout(resolve, delay));
+            console.log(`Retrying... Attempt number ${retryCount + 1}`);
+            return checkConnectorUrl(connectorUrl, retryCount + 1);
+        }
+        const errorMessage = getErrorMessage(responseStatus, error);
+        const errorToSend = error || new Error(errorMessage);
+        const context = {
+            connectorUrl,
+            responseStatus
+        };
+        if (responseStatus !== 404) await errorReporter.send(errorToSend, context);
+        return {
+            checked: true,
+            error: errorMessage
+        };
     }
-    const errorMessage = getErrorMessage(responseStatus, error);
-    const errorToSend = error || new Error(errorMessage);
-    const context = {
-        connectorUrl,
-        responseStatus
-    };
-    if (responseStatus !== 404) await errorReporter.send(errorToSend, context);
-    return {
-        checked: true,
-        error: errorMessage
-    };
 };
-
 const handleOAuthUrl = (oauthUrl)=>{
-    if (oauthUrl.protocol !== 'https:') {
-        console.log(`handleOAuthUrl - Skipping non https url - ${oauthUrl.href}`);
-        return;
-    }
-    reactNative.Linking.openURL(oauthUrl.href);
+    console.log(`handleOAuthUrl - Opening URL - ${oauthUrl.toString()}`);
+    reactNative.Linking.openURL(oauthUrl.toString());
 };
-
 const QuilttConnector = ({ testId, connectorId, connectionId, institution, oauthRedirectUrl, onEvent, onLoad, onExit, onExitSuccess, onExitAbort, onExitError })=>{
     const webViewRef = react$1.useRef(null);
     const { session } = react.useQuilttSession();
@@ -319,37 +310,14 @@ const QuilttConnector = ({ testId, connectorId, connectionId, institution, oauth
         institution,
         session?.token
     ]);
-    // allowedListUrl & shouldRender ensure we are only rendering Quiltt, MX and Plaid content in Webview
-    // For other urls, we assume those are bank urls, which need to be handled in external browser.
-    // TODO: Convert it to a list from Quiltt Server to prevent MX/ Plaid changes.
-    const allowedListUrl = react$1.useMemo(()=>[
-            'quiltt.io',
-            'quiltt.app',
-            'quiltt.dev',
-            'moneydesktop.com',
-            'plaid.com',
-            'https://cdn.plaid.com/link',
-            'https://www.google.com/recaptcha',
-            'https://challenges.cloudflare.com',
-            'https://api.stripe.com',
-            'https://cdn.jsdelivr.net',
-            'https://auth0.com'
-        ], []);
     const isQuilttEvent = react$1.useCallback((url)=>url.protocol === 'quilttconnector:', []);
-    const shouldRender = react$1.useCallback((url)=>{
-        if (isQuilttEvent(url)) return false;
-        if (url.protocol !== 'https:') {
-            return false;
-        }
-        return allowedListUrl.some((href)=>url.href.includes(href));
-    }, [
-        allowedListUrl,
+    const shouldRender = react$1.useCallback((url)=>!isQuilttEvent(url), [
         isQuilttEvent
     ]);
-    const clearLocalStorage = ()=>{
+    const clearLocalStorage = react$1.useCallback(()=>{
         const script = 'localStorage.clear();';
         webViewRef.current?.injectJavaScript(script);
-    };
+    }, []);
     const handleQuilttEvent = react$1.useCallback((url)=>{
         url.searchParams.delete('source');
         url.searchParams.append('connectorId', connectorId);
@@ -389,6 +357,7 @@ const QuilttConnector = ({ testId, connectorId, connectionId, institution, oauth
                 break;
         }
     }, [
+        clearLocalStorage,
         connectorId,
         initInjectedJavaScript,
         onEvent,
@@ -417,13 +386,15 @@ const QuilttConnector = ({ testId, connectorId, connectionId, institution, oauth
     if (!preFlightCheck.checked) return /*#__PURE__*/ jsxRuntime.jsx(LoadingScreen, {
         testId: "loading-screen"
     });
-    if (preFlightCheck.error) return /*#__PURE__*/ jsxRuntime.jsx(ErrorScreen, {
-        testId: "error-screen",
-        error: preFlightCheck.error,
-        cta: ()=>onExitError?.({
-                connectorId
-            })
-    });
+    if (preFlightCheck.error) {
+        return /*#__PURE__*/ jsxRuntime.jsx(ErrorScreen, {
+            testId: "error-screen",
+            error: preFlightCheck.error,
+            cta: ()=>onExitError?.({
+                    connectorId
+                })
+        });
+    }
     return /*#__PURE__*/ jsxRuntime.jsx(AndroidSafeAreaView, {
         testId: testId,
         children: /*#__PURE__*/ jsxRuntime.jsx(reactNativeWebview.WebView, {
@@ -489,6 +460,8 @@ Object.defineProperty(exports, "useStorage", {
   get: function () { return react.useStorage; }
 });
 exports.QuilttConnector = QuilttConnector;
+exports.checkConnectorUrl = checkConnectorUrl;
+exports.handleOAuthUrl = handleOAuthUrl;
 Object.keys(core).forEach(function (k) {
   if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,

package/dist/index.d.cts

@@ -2,7 +2,14 @@ export * from '@quiltt/core';
 import { ConnectorSDKCallbacks } from '@quiltt/react';
 export { QuilttAuthProvider, QuilttProvider, QuilttSettingsProvider, useQuilttClient, useQuilttConnector, useQuilttSession, useQuilttSettings, useSession, useStorage } from '@quiltt/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { URL } from 'react-native-url-polyfill';
 
+type PreFlightCheck = {
+    checked: boolean;
+    error?: string;
+};
+declare const checkConnectorUrl: (connectorUrl: string, retryCount?: number) => Promise<PreFlightCheck>;
+declare const handleOAuthUrl: (oauthUrl: URL | string) => void;
 type QuilttConnectorProps = {
     testId?: string;
     connectorId: string;
@@ -15,4 +22,4 @@ declare const QuilttConnector: {
     displayName: string;
 };
 
-export { QuilttConnector };
+export { type PreFlightCheck, QuilttConnector, checkConnectorUrl, handleOAuthUrl };

package/dist/index.d.ts

@@ -2,7 +2,14 @@ export * from '@quiltt/core';
 import { ConnectorSDKCallbacks } from '@quiltt/react';
 export { QuilttAuthProvider, QuilttProvider, QuilttSettingsProvider, useQuilttClient, useQuilttConnector, useQuilttSession, useQuilttSettings, useSession, useStorage } from '@quiltt/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { URL } from 'react-native-url-polyfill';
 
+type PreFlightCheck = {
+    checked: boolean;
+    error?: string;
+};
+declare const checkConnectorUrl: (connectorUrl: string, retryCount?: number) => Promise<PreFlightCheck>;
+declare const handleOAuthUrl: (oauthUrl: URL | string) => void;
 type QuilttConnectorProps = {
     testId?: string;
     connectorId: string;
@@ -15,4 +22,4 @@ declare const QuilttConnector: {
     displayName: string;
 };
 
-export { QuilttConnector };
+export { type PreFlightCheck, QuilttConnector, checkConnectorUrl, handleOAuthUrl };

package/dist/index.js

@@ -4,13 +4,101 @@ import { useQuilttSession, ConnectorSDKEventType } from '@quiltt/react';
 export { QuilttAuthProvider, QuilttProvider, QuilttSettingsProvider, useQuilttClient, useQuilttConnector, useQuilttSession, useQuilttSettings, useSession, useStorage } from '@quiltt/react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRef, useMemo, useState, useEffect, useCallback } from 'react';
+import { StyleSheet, Platform, StatusBar, SafeAreaView, View, Text, Pressable, ActivityIndicator, Linking } from 'react-native';
 import { URL } from 'react-native-url-polyfill';
 import { WebView } from 'react-native-webview';
-import { StyleSheet, Platform, StatusBar, SafeAreaView, View, Text, Pressable, ActivityIndicator, Linking } from 'react-native';
 import { generateStackTrace, makeBacktrace, getCauses } from '@honeybadger-io/core/build/src/util';
 
 // Generated by genversion.
-const version = '3.6.8';
+const version = '3.6.10';
+
+const ErrorReporterConfig = {
+    honeybadger_api_key: 'undefined'
+};
+
+// Quick hack to send error to Honeybadger to debug why the connector is not routable
+const notifier = {
+    name: 'Quiltt React Native SDK Reporter',
+    url: 'https://www.quiltt.dev/guides/connector/react-native',
+    version: version
+};
+class ErrorReporter {
+    constructor(platform){
+        this.noticeUrl = 'https://api.honeybadger.io/v1/notices';
+        this.apiKey = ErrorReporterConfig.honeybadger_api_key;
+        this.clientName = 'react-native-sdk';
+        this.clientVersion = version;
+        this.platform = platform;
+        this.logger = console;
+        this.userAgent = `${this.clientName} ${this.clientVersion}; ${this.platform}`;
+    }
+    async send(error, context) {
+        const headers = {
+            'X-API-Key': this.apiKey,
+            'Content-Type': 'application/json',
+            Accept: 'application/json',
+            'User-Agent': `${this.clientName} ${this.clientVersion}; ${this.platform}`
+        };
+        const payload = await this.buildPayload(error, context);
+        const method = 'POST';
+        const body = JSON.stringify(payload);
+        const mode = 'cors';
+        fetch(this.noticeUrl, {
+            headers,
+            method,
+            body,
+            mode
+        }).then((response)=>{
+            if (response.status !== 201) {
+                this.logger.warn(`Error report failed: unknown response from server. code=${response.status}`);
+                return;
+            }
+            return response.json();
+        }).then((data)=>{
+            if (data) {
+                this.logger.info(`Error report sent ⚡ https://app.honeybadger.io/notice/${data?.id}`);
+            }
+        });
+    }
+    async buildPayload(error, localContext = {}) {
+        const notice = error;
+        notice.stack = generateStackTrace();
+        notice.backtrace = makeBacktrace(notice.stack);
+        return {
+            notifier,
+            error: {
+                class: notice.name,
+                message: notice.message,
+                backtrace: notice.backtrace,
+                // fingerprint: this.calculateFingerprint(notice),
+                tags: notice.tags || [],
+                causes: getCauses(notice, this.logger)
+            },
+            request: {
+                url: notice.url,
+                component: notice.component,
+                action: notice.action,
+                context: localContext || {},
+                cgi_data: {},
+                params: {},
+                session: {}
+            },
+            server: {
+                project_root: notice.projectRoot,
+                environment_name: this.userAgent,
+                revision: version,
+                hostname: this.platform,
+                time: new Date().toUTCString()
+            },
+            details: notice.details || {}
+        };
+    }
+}
+
+const getErrorMessage = (responseStatus, error)=>{
+    if (error) return `An error occurred while checking the connector URL: ${error?.name} \n${error?.message}`;
+    return responseStatus ? `The URL is not routable. Response status: ${responseStatus}` : 'An error occurred while checking the connector URL';
+};
 
 const AndroidSafeAreaView = ({ testId, children })=>/*#__PURE__*/ jsx(SafeAreaView, {
         testID: testId,
@@ -125,144 +213,47 @@ const LoadingScreen = ({ testId })=>/*#__PURE__*/ jsx(AndroidSafeAreaView, {
         })
     });
 
-const ErrorReporterConfig = {
-    honeybadger_api_key: 'undefined'
-};
-
-// Quick hack to send error to Honeybadger to debug why the connector is not routable
-const notifier = {
-    name: 'Quiltt React Native SDK Reporter',
-    url: 'https://www.quiltt.dev/guides/connector/react-native',
-    version: version
-};
-class ErrorReporter {
-    constructor(platform){
-        this.noticeUrl = 'https://api.honeybadger.io/v1/notices';
-        this.apiKey = ErrorReporterConfig.honeybadger_api_key;
-        this.clientName = 'react-native-sdk';
-        this.clientVersion = version;
-        this.platform = platform;
-        this.logger = console;
-        this.userAgent = `${this.clientName} ${this.clientVersion}; ${this.platform}`;
-    }
-    async send(error, context) {
-        const headers = {
-            'X-API-Key': this.apiKey,
-            'Content-Type': 'application/json',
-            Accept: 'application/json',
-            'User-Agent': `${this.clientName} ${this.clientVersion}; ${this.platform}`
-        };
-        const payload = await this.buildPayload(error, context);
-        const method = 'POST';
-        const body = JSON.stringify(payload);
-        const mode = 'cors';
-        fetch(this.noticeUrl, {
-            headers,
-            method,
-            body,
-            mode
-        }).then((response)=>{
-            if (response.status !== 201) {
-                this.logger.warn(`Error report failed: unknown response from server. code=${response.status}`);
-                return;
-            }
-            return response.json();
-        }).then((data)=>{
-            if (data) {
-                this.logger.info(`Error report sent ⚡ https://app.honeybadger.io/notice/${data?.id}`);
-            }
-        });
-    }
-    async buildPayload(error, localContext = {}) {
-        const notice = error;
-        notice.stack = generateStackTrace();
-        notice.backtrace = makeBacktrace(notice.stack);
-        return {
-            notifier,
-            error: {
-                class: notice.name,
-                message: notice.message,
-                backtrace: notice.backtrace,
-                // fingerprint: this.calculateFingerprint(notice),
-                tags: notice.tags || [],
-                causes: getCauses(notice, this.logger)
-            },
-            request: {
-                url: notice.url,
-                component: notice.component,
-                action: notice.action,
-                context: localContext || {},
-                cgi_data: {},
-                params: {},
-                session: {}
-            },
-            server: {
-                project_root: notice.projectRoot,
-                environment_name: this.userAgent,
-                revision: version,
-                hostname: this.platform,
-                time: new Date().toUTCString()
-            },
-            details: notice.details || {}
-        };
-    }
-}
-
-const getErrorMessage = (responseStatus, error)=>{
-    if (error) return `An error occurred while checking the connector URL: ${error?.name} \n${error?.message}`;
-    return responseStatus ? `The URL is not routable. Response status: ${responseStatus}` : 'An error occurred while checking the connector URL';
-};
-
 const errorReporter = new ErrorReporter(`${Platform.OS} ${Platform.Version}`);
 const PREFLIGHT_RETRY_COUNT = 3;
 const checkConnectorUrl = async (connectorUrl, retryCount = 0)=>{
     let responseStatus;
     let error;
-    let errorOccurred = false;
     try {
         const response = await fetch(connectorUrl);
         if (!response.ok) {
-            console.error(`The URL ${connectorUrl} is not routable.`);
             responseStatus = response.status;
-            errorOccurred = true;
-        } else {
-            console.log(`The URL ${connectorUrl} is routable.`);
-            return {
-                checked: true
-            };
+            throw new Error(`The URL ${connectorUrl} is not routable.`);
         }
+        console.log(`The URL ${connectorUrl} is routable.`);
+        return {
+            checked: true
+        };
     } catch (e) {
         error = e;
         console.error(`An error occurred while checking the connector URL: ${error}`);
-        errorOccurred = true;
-    }
-    if (errorOccurred && retryCount < PREFLIGHT_RETRY_COUNT) {
-        const delay = 50 * Math.pow(2, retryCount);
-        await new Promise((resolve)=>setTimeout(resolve, delay));
-        console.log(`Retrying... Attempt number ${retryCount + 1}`);
-        return checkConnectorUrl(connectorUrl, retryCount + 1);
+        if (retryCount < PREFLIGHT_RETRY_COUNT) {
+            const delay = 50 * 2 ** retryCount;
+            await new Promise((resolve)=>setTimeout(resolve, delay));
+            console.log(`Retrying... Attempt number ${retryCount + 1}`);
+            return checkConnectorUrl(connectorUrl, retryCount + 1);
+        }
+        const errorMessage = getErrorMessage(responseStatus, error);
+        const errorToSend = error || new Error(errorMessage);
+        const context = {
+            connectorUrl,
+            responseStatus
+        };
+        if (responseStatus !== 404) await errorReporter.send(errorToSend, context);
+        return {
+            checked: true,
+            error: errorMessage
+        };
     }
-    const errorMessage = getErrorMessage(responseStatus, error);
-    const errorToSend = error || new Error(errorMessage);
-    const context = {
-        connectorUrl,
-        responseStatus
-    };
-    if (responseStatus !== 404) await errorReporter.send(errorToSend, context);
-    return {
-        checked: true,
-        error: errorMessage
-    };
 };
-
 const handleOAuthUrl = (oauthUrl)=>{
-    if (oauthUrl.protocol !== 'https:') {
-        console.log(`handleOAuthUrl - Skipping non https url - ${oauthUrl.href}`);
-        return;
-    }
-    Linking.openURL(oauthUrl.href);
+    console.log(`handleOAuthUrl - Opening URL - ${oauthUrl.toString()}`);
+    Linking.openURL(oauthUrl.toString());
 };
-
 const QuilttConnector = ({ testId, connectorId, connectionId, institution, oauthRedirectUrl, onEvent, onLoad, onExit, onExitSuccess, onExitAbort, onExitError })=>{
     const webViewRef = useRef(null);
     const { session } = useQuilttSession();
@@ -318,37 +309,14 @@ const QuilttConnector = ({ testId, connectorId, connectionId, institution, oauth
         institution,
         session?.token
     ]);
-    // allowedListUrl & shouldRender ensure we are only rendering Quiltt, MX and Plaid content in Webview
-    // For other urls, we assume those are bank urls, which need to be handled in external browser.
-    // TODO: Convert it to a list from Quiltt Server to prevent MX/ Plaid changes.
-    const allowedListUrl = useMemo(()=>[
-            'quiltt.io',
-            'quiltt.app',
-            'quiltt.dev',
-            'moneydesktop.com',
-            'plaid.com',
-            'https://cdn.plaid.com/link',
-            'https://www.google.com/recaptcha',
-            'https://challenges.cloudflare.com',
-            'https://api.stripe.com',
-            'https://cdn.jsdelivr.net',
-            'https://auth0.com'
-        ], []);
     const isQuilttEvent = useCallback((url)=>url.protocol === 'quilttconnector:', []);
-    const shouldRender = useCallback((url)=>{
-        if (isQuilttEvent(url)) return false;
-        if (url.protocol !== 'https:') {
-            return false;
-        }
-        return allowedListUrl.some((href)=>url.href.includes(href));
-    }, [
-        allowedListUrl,
+    const shouldRender = useCallback((url)=>!isQuilttEvent(url), [
         isQuilttEvent
     ]);
-    const clearLocalStorage = ()=>{
+    const clearLocalStorage = useCallback(()=>{
         const script = 'localStorage.clear();';
         webViewRef.current?.injectJavaScript(script);
-    };
+    }, []);
     const handleQuilttEvent = useCallback((url)=>{
         url.searchParams.delete('source');
         url.searchParams.append('connectorId', connectorId);
@@ -388,6 +356,7 @@ const QuilttConnector = ({ testId, connectorId, connectionId, institution, oauth
                 break;
         }
     }, [
+        clearLocalStorage,
         connectorId,
         initInjectedJavaScript,
         onEvent,
@@ -416,13 +385,15 @@ const QuilttConnector = ({ testId, connectorId, connectionId, institution, oauth
     if (!preFlightCheck.checked) return /*#__PURE__*/ jsx(LoadingScreen, {
         testId: "loading-screen"
     });
-    if (preFlightCheck.error) return /*#__PURE__*/ jsx(ErrorScreen, {
-        testId: "error-screen",
-        error: preFlightCheck.error,
-        cta: ()=>onExitError?.({
-                connectorId
-            })
-    });
+    if (preFlightCheck.error) {
+        return /*#__PURE__*/ jsx(ErrorScreen, {
+            testId: "error-screen",
+            error: preFlightCheck.error,
+            cta: ()=>onExitError?.({
+                    connectorId
+                })
+        });
+    }
     return /*#__PURE__*/ jsx(AndroidSafeAreaView, {
         testId: testId,
         children: /*#__PURE__*/ jsx(WebView, {
@@ -451,4 +422,4 @@ if (!global.atob) {
     global.atob = decode;
 }
 
-export { QuilttConnector };
+export { QuilttConnector, checkConnectorUrl, handleOAuthUrl };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quiltt/react-native",
-  "version": "3.6.8",
+  "version": "3.6.10",
   "description": "React Native components for Quiltt Connector",
   "homepage": "https://github.com/quiltt/quiltt-js/tree/main/packages/react-native#readme",
   "repository": {
@@ -27,26 +27,20 @@
   ],
   "dependencies": {
     "@honeybadger-io/core": "6.6.0",
-    "@quiltt/core": "3.6.8",
-    "@quiltt/react": "3.6.8"
+    "base-64": "1.0.0",
+    "react-native-url-polyfill": "2.0.0",
+    "react-native-webview": "13.10.2",
+    "@quiltt/core": "3.6.10",
+    "@quiltt/react": "3.6.10"
   },
   "devDependencies": {
     "@apollo/client": "3.9.9",
-    "@trivago/prettier-plugin-sort-imports": "4.1.1",
-    "@types/base-64": "0.1.0",
-    "@types/node": "20.12.7",
+    "@biomejs/biome": "1.8.1",
+    "@types/base-64": "1.0.2",
+    "@types/node": "20.14.5",
     "@types/react": "18.2.73",
     "@types/react-native": "0.72.5",
-    "@typescript-eslint/eslint-plugin": "5.60.1",
-    "@typescript-eslint/parser": "5.60.1",
     "bunchee": "4.4.8",
-    "eslint": "8.43.0",
-    "eslint-config-prettier": "8.8.0",
-    "eslint-plugin-jsx-a11y": "6.7.1",
-    "eslint-plugin-prettier": "4.2.1",
-    "eslint-plugin-react": "7.32.2",
-    "eslint-plugin-react-hooks": "4.6.0",
-    "prettier": "2.8.8",
     "react": "18.2.0",
     "rimraf": "5.0.5",
     "typescript": "5.4.3"
@@ -67,7 +61,7 @@
     "build": "pnpm run addApiKey && pnpm run addVersion && bunchee",
     "clean": "rimraf .turbo dist",
     "dev": "bunchee --watch",
-    "lint": "TIMING=1 eslint --ext .js,.jsx,.ts,.tsx src/ --fix",
+    "lint": "TIMING=1 biome check src/ --fix",
     "typecheck": "tsc --project tsconfig.json --noEmit"
   }
 }

package/src/components/AndroidSafeAreaView.tsx

@@ -1,6 +1,5 @@
-import { PropsWithChildren } from 'react'
-
-import { SafeAreaView, StyleSheet, Platform, StatusBar } from 'react-native'
+import type { PropsWithChildren } from 'react'
+import { Platform, SafeAreaView, StatusBar, StyleSheet } from 'react-native'
 
 type AndroidSafeAreaViewProps = PropsWithChildren & {
   testId?: string

package/src/components/ErrorScreen.tsx

@@ -1,4 +1,4 @@
-import { View, Text, Pressable, StyleSheet } from 'react-native'
+import { Pressable, StyleSheet, Text, View } from 'react-native'
 
 import { AndroidSafeAreaView } from './AndroidSafeAreaView'
 

package/src/components/QuilttConnector.tsx

@@ -1,24 +1,66 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-
-// React Native's URL implementation is incomplete
-// https://github.com/facebook/react-native/issues/16434
-import { URL } from 'react-native-url-polyfill'
+import { Linking, Platform } from 'react-native'
+import { URL } from 'react-native-url-polyfill' // https://github.com/facebook/react-native/issues/16434
 import { WebView } from 'react-native-webview'
 import type { ShouldStartLoadRequest } from 'react-native-webview/lib/WebViewTypes'
 
 import {
-  ConnectorSDKCallbackMetadata,
-  ConnectorSDKCallbacks,
+  type ConnectorSDKCallbackMetadata,
+  type ConnectorSDKCallbacks,
   ConnectorSDKEventType,
   useQuilttSession,
 } from '@quiltt/react'
 
+import { ErrorReporter, getErrorMessage } from '../utils'
 import { version } from '../version'
 import { AndroidSafeAreaView } from './AndroidSafeAreaView'
 import { ErrorScreen } from './ErrorScreen'
 import { LoadingScreen } from './LoadingScreen'
-import { checkConnectorUrl, handleOAuthUrl } from '../utils'
-import type { PreFlightCheck } from '../utils'
+
+const errorReporter = new ErrorReporter(`${Platform.OS} ${Platform.Version}`)
+const PREFLIGHT_RETRY_COUNT = 3
+
+export type PreFlightCheck = {
+  checked: boolean
+  error?: string
+}
+
+export const checkConnectorUrl = async (
+  connectorUrl: string,
+  retryCount = 0
+): Promise<PreFlightCheck> => {
+  let responseStatus: number | undefined
+  let error: Error | undefined
+  try {
+    const response = await fetch(connectorUrl)
+    if (!response.ok) {
+      responseStatus = response.status
+      throw new Error(`The URL ${connectorUrl} is not routable.`)
+    }
+    console.log(`The URL ${connectorUrl} is routable.`)
+    return { checked: true }
+  } catch (e) {
+    error = e as Error
+    console.error(`An error occurred while checking the connector URL: ${error}`)
+
+    if (retryCount < PREFLIGHT_RETRY_COUNT) {
+      const delay = 50 * 2 ** retryCount
+      await new Promise((resolve) => setTimeout(resolve, delay))
+      console.log(`Retrying... Attempt number ${retryCount + 1}`)
+      return checkConnectorUrl(connectorUrl, retryCount + 1)
+    }
+    const errorMessage = getErrorMessage(responseStatus, error as Error)
+    const errorToSend = (error as Error) || new Error(errorMessage)
+    const context = { connectorUrl, responseStatus }
+    if (responseStatus !== 404) await errorReporter.send(errorToSend, context)
+    return { checked: true, error: errorMessage }
+  }
+}
+
+export const handleOAuthUrl = (oauthUrl: URL | string) => {
+  console.log(`handleOAuthUrl - Opening URL - ${oauthUrl.toString()}`)
+  Linking.openURL(oauthUrl.toString())
+}
 
 type QuilttConnectorProps = {
   testId?: string
@@ -43,17 +85,20 @@ const QuilttConnector = ({
 }: QuilttConnectorProps) => {
   const webViewRef = useRef<WebView>(null)
   const { session } = useQuilttSession()
+
   const encodedOAuthRedirectUrl = useMemo(
     () => encodeURIComponent(oauthRedirectUrl),
     [oauthRedirectUrl]
   )
+
   const connectorUrl = useMemo(() => {
-    const url: URL = new URL(`https://${connectorId}.quiltt.app`)
+    const url = new URL(`https://${connectorId}.quiltt.app`)
     url.searchParams.append('mode', 'webview')
     url.searchParams.append('oauth_redirect_url', encodedOAuthRedirectUrl)
     url.searchParams.append('agent', `react-native-${version}`)
     return url.toString()
   }, [connectorId, encodedOAuthRedirectUrl])
+
   const [preFlightCheck, setPreFlightCheck] = useState<PreFlightCheck>({ checked: false })
 
   useEffect(() => {
@@ -86,43 +131,14 @@ const QuilttConnector = ({
     webViewRef.current?.injectJavaScript(script)
   }, [connectionId, connectorId, institution, session?.token])
 
-  // allowedListUrl & shouldRender ensure we are only rendering Quiltt, MX and Plaid content in Webview
-  // For other urls, we assume those are bank urls, which need to be handled in external browser.
-  // TODO: Convert it to a list from Quiltt Server to prevent MX/ Plaid changes.
-  const allowedListUrl = useMemo(
-    () => [
-      'quiltt.io',
-      'quiltt.app',
-      'quiltt.dev',
-      'moneydesktop.com',
-      'plaid.com',
-      'https://cdn.plaid.com/link',
-      'https://www.google.com/recaptcha',
-      'https://challenges.cloudflare.com',
-      'https://api.stripe.com',
-      'https://cdn.jsdelivr.net',
-      'https://auth0.com',
-    ],
-    []
-  )
-
   const isQuilttEvent = useCallback((url: URL) => url.protocol === 'quilttconnector:', [])
 
-  const shouldRender = useCallback(
-    (url: URL) => {
-      if (isQuilttEvent(url)) return false
-      if (url.protocol !== 'https:') {
-        return false
-      }
-      return allowedListUrl.some((href) => url.href.includes(href))
-    },
-    [allowedListUrl, isQuilttEvent]
-  )
+  const shouldRender = useCallback((url: URL) => !isQuilttEvent(url), [isQuilttEvent])
 
-  const clearLocalStorage = () => {
+  const clearLocalStorage = useCallback(() => {
     const script = 'localStorage.clear();'
     webViewRef.current?.injectJavaScript(script)
-  }
+  }, [])
 
   const handleQuilttEvent = useCallback(
     (url: URL) => {
@@ -167,6 +183,7 @@ const QuilttConnector = ({
       }
     },
     [
+      clearLocalStorage,
       connectorId,
       initInjectedJavaScript,
       onEvent,
@@ -196,7 +213,7 @@ const QuilttConnector = ({
   )
 
   if (!preFlightCheck.checked) return <LoadingScreen testId="loading-screen" />
-  if (preFlightCheck.error)
+  if (preFlightCheck.error) {
     return (
       <ErrorScreen
         testId="error-screen"
@@ -204,6 +221,7 @@ const QuilttConnector = ({
         cta={() => onExitError?.({ connectorId })}
       />
     )
+  }
 
   return (
     <AndroidSafeAreaView testId={testId}>

package/src/utils/error/ErrorReporter.ts

@@ -2,8 +2,8 @@
 import type { Notice, NoticeTransportPayload } from '@honeybadger-io/core/build/src/types'
 import { generateStackTrace, getCauses, makeBacktrace } from '@honeybadger-io/core/build/src/util'
 
-import { ErrorReporterConfig } from './ErrorReporterConfig'
 import { version } from '../../version'
+import { ErrorReporterConfig } from './ErrorReporterConfig'
 
 const notifier = {
   name: 'Quiltt React Native SDK Reporter',

package/src/utils/index.ts

@@ -1,2 +1 @@
-export * from './connector'
 export * from './error'

package/src/version.ts

@@ -1,2 +1,2 @@
 // Generated by genversion.
-export const version = '3.6.8'
+export const version = '3.6.10'

package/src/utils/connector/checkConnectorUrl.ts

@@ -1,47 +0,0 @@
-import { getErrorMessage, ErrorReporter } from '../error'
-import { Platform } from 'react-native'
-
-const errorReporter = new ErrorReporter(`${Platform.OS} ${Platform.Version}`)
-const PREFLIGHT_RETRY_COUNT = 3
-
-export type PreFlightCheck = {
-  checked: boolean
-  error?: string
-}
-
-export const checkConnectorUrl = async (
-  connectorUrl: string,
-  retryCount = 0
-): Promise<PreFlightCheck> => {
-  let responseStatus
-  let error
-  let errorOccurred = false
-  try {
-    const response = await fetch(connectorUrl)
-    if (!response.ok) {
-      console.error(`The URL ${connectorUrl} is not routable.`)
-      responseStatus = response.status
-      errorOccurred = true
-    } else {
-      console.log(`The URL ${connectorUrl} is routable.`)
-      return { checked: true }
-    }
-  } catch (e) {
-    error = e
-    console.error(`An error occurred while checking the connector URL: ${error}`)
-    errorOccurred = true
-  }
-
-  if (errorOccurred && retryCount < PREFLIGHT_RETRY_COUNT) {
-    const delay = 50 * Math.pow(2, retryCount)
-    await new Promise((resolve) => setTimeout(resolve, delay))
-    console.log(`Retrying... Attempt number ${retryCount + 1}`)
-    return checkConnectorUrl(connectorUrl, retryCount + 1)
-  }
-
-  const errorMessage = getErrorMessage(responseStatus, error as Error)
-  const errorToSend = (error as Error) || new Error(errorMessage)
-  const context = { connectorUrl, responseStatus }
-  if (responseStatus !== 404) await errorReporter.send(errorToSend, context)
-  return { checked: true, error: errorMessage }
-}

package/src/utils/connector/handleOAuthUrl.ts

@@ -1,9 +0,0 @@
-import { Linking } from 'react-native'
-
-export const handleOAuthUrl = (oauthUrl: URL) => {
-  if (oauthUrl.protocol !== 'https:') {
-    console.log(`handleOAuthUrl - Skipping non https url - ${oauthUrl.href}`)
-    return
-  }
-  Linking.openURL(oauthUrl.href)
-}

package/src/utils/connector/index.ts

@@ -1,2 +0,0 @@
-export * from './checkConnectorUrl'
-export * from './handleOAuthUrl'