@quiltt/react-native 3.9.7 → 4.0.1

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @quiltt/react-native
 
+## 4.0.1
+
+### Patch Changes
+
+- [#343](https://github.com/quiltt/quiltt-js/pull/343) [`da152b7`](https://github.com/quiltt/quiltt-js/commit/da152b7f42606defde5f55488632bcdc095be592) Thanks [@sirwolfgang](https://github.com/sirwolfgang)! - Add the ability to set nonce for the Quiltt SDK Script
+
+- Updated dependencies [[`da152b7`](https://github.com/quiltt/quiltt-js/commit/da152b7f42606defde5f55488632bcdc095be592)]:
+  - @quiltt/react@4.0.1
+  - @quiltt/core@4.0.1
+
+## 4.0.0
+
+### Major Changes
+
+- [#333](https://github.com/quiltt/quiltt-js/pull/333) [`5afca4a`](https://github.com/quiltt/quiltt-js/commit/5afca4a45f357afbb7f6af02088f86230f351e18) Thanks [@zubairaziz](https://github.com/zubairaziz)! - Migrate to 'Navigate' message for URL handling
+
+### Patch Changes
+
+- Updated dependencies [[`5afca4a`](https://github.com/quiltt/quiltt-js/commit/5afca4a45f357afbb7f6af02088f86230f351e18)]:
+  - @quiltt/core@4.0.0
+  - @quiltt/react@4.0.0
+
 ## 3.9.7
 
 ### Patch Changes

package/dist/index.d.ts

@@ -25,4 +25,5 @@ declare const QuilttConnector: {
     displayName: string;
 };
 
-export { type PreFlightCheck, QuilttConnector, checkConnectorUrl, handleOAuthUrl };
+export { QuilttConnector, checkConnectorUrl, handleOAuthUrl };
+export type { PreFlightCheck };

package/dist/index.js

@@ -4,34 +4,30 @@ 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, useState, useCallback, useMemo, useEffect } from 'react';
-import { StyleSheet, Platform, StatusBar, SafeAreaView, View, Text, Pressable, ActivityIndicator, Linking } from 'react-native';
+import { StyleSheet, StatusBar, Platform, SafeAreaView, View, Text, Pressable, ActivityIndicator, Linking } from 'react-native';
 import { URL } from 'react-native-url-polyfill';
 import { WebView } from 'react-native-webview';
 import { generateStackTrace, makeBacktrace, getCauses } from '@honeybadger-io/core/build/src/util';
 
-var version = "3.9.7";
+var version = "4.0.1";
 
-const ErrorReporterConfig = {
-    honeybadger_api_key: 'undefined'
-};
-
-// Quick hack to send error to Honeybadger to debug why the connector is not routable
+// Custom Error Reporter to avoid hooking into or colliding with a client's Honeybadger singleton
 const notifier = {
     name: 'Quiltt React Native SDK Reporter',
-    url: 'https://www.quiltt.dev/guides/connector/react-native',
+    url: 'https://www.quiltt.dev/connector/sdk/react-native',
     version: version
 };
 class ErrorReporter {
     constructor(platform){
         this.noticeUrl = 'https://api.honeybadger.io/v1/notices';
-        this.apiKey = ErrorReporterConfig.honeybadger_api_key;
+        this.apiKey = process.env.HONEYBADGER_API_KEY_REACT_NATIVE || '';
         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) {
+    async notify(error, context) {
         const headers = {
             'X-API-Key': this.apiKey,
             'Content-Type': 'application/json',
@@ -287,7 +283,7 @@ const checkConnectorUrl = async (connectorUrl, retryCount = 0)=>{
             connectorUrl,
             responseStatus
         };
-        if (responseStatus !== 404) await errorReporter.send(errorToSend, context);
+        if (responseStatus !== 404) await errorReporter.notify(errorToSend, context);
         return {
             checked: true,
             error: errorMessage
@@ -456,27 +452,28 @@ const QuilttConnector = ({ testId, connectorId, connectionId, institution, oauth
                 case 'Authenticate':
                     console.log('Event: Authenticate');
                     break;
-                case 'OauthRequested':
+                case 'Navigate':
                     {
-                        console.log('Event: OauthRequested');
-                        const oauthUrl = url.searchParams.get('oauthUrl');
-                        if (oauthUrl) {
-                            if (isEncoded(oauthUrl)) {
+                        console.log('Event: Navigate');
+                        const navigateUrl = url.searchParams.get('url');
+                        if (navigateUrl) {
+                            if (isEncoded(navigateUrl)) {
                                 try {
-                                    const decodedUrl = decodeURIComponent(oauthUrl);
+                                    const decodedUrl = decodeURIComponent(navigateUrl);
                                     handleOAuthUrl(decodedUrl);
                                 } catch (error) {
-                                    console.error('OAuth URL decoding failed, using original');
-                                    handleOAuthUrl(oauthUrl);
+                                    console.error('Navigate URL decoding failed, using original');
+                                    handleOAuthUrl(navigateUrl);
                                 }
                             } else {
-                                handleOAuthUrl(oauthUrl);
+                                handleOAuthUrl(navigateUrl);
                             }
                         } else {
-                            console.error('OAuth URL missing from request');
+                            console.error('Navigate URL missing from request');
                         }
                         break;
                     }
+                // NOTE: The `OauthRequested` is deprecated and should not be used
                 default:
                     console.log(`Unhandled event: ${eventType}`);
                     break;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quiltt/react-native",
-  "version": "3.9.7",
+  "version": "4.0.1",
   "description": "React Native Components for Quiltt Connector",
   "homepage": "https://github.com/quiltt/quiltt-js/tree/main/packages/react-native#readme",
   "repository": {
@@ -30,15 +30,15 @@
   "dependencies": {
     "@honeybadger-io/core": "6.6.0",
     "lodash.debounce": "4.0.8",
-    "@quiltt/core": "3.9.7",
-    "@quiltt/react": "3.9.7"
+    "@quiltt/core": "4.0.1",
+    "@quiltt/react": "4.0.1"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
     "@types/base-64": "1.0.2",
     "@types/lodash.debounce": "4.0.9",
-    "@types/node": "22.13.10",
-    "@types/react": "18.3.12",
+    "@types/node": "22.14.1",
+    "@types/react": "18.3.20",
     "base-64": "1.0.0",
     "bunchee": "6.3.4",
     "react": "18.3.1",
@@ -46,7 +46,7 @@
     "react-native-url-polyfill": "2.0.0",
     "react-native-webview": "13.12.5",
     "rimraf": "6.0.1",
-    "typescript": "5.7.3"
+    "typescript": "5.8.2"
   },
   "peerDependencies": {
     "base-64": "^1.0.0",
@@ -63,8 +63,7 @@
     "access": "public"
   },
   "scripts": {
-    "addApiKey": "node scripts/addApiKey.js",
-    "build": "pnpm run addApiKey && bunchee",
+    "build": "bunchee",
     "clean": "rimraf .turbo dist",
     "dev": "bunchee --watch",
     "lint": "TIMING=1 biome check src/ tests/ --fix",

package/src/components/QuilttConnector.tsx

@@ -54,7 +54,7 @@ export const checkConnectorUrl = async (
     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)
+    if (responseStatus !== 404) await errorReporter.notify(errorToSend, context)
     return { checked: true, error: errorMessage }
   }
 }
@@ -247,27 +247,28 @@ const QuilttConnector = ({
             console.log('Event: Authenticate')
             // TODO: handle Authenticate
             break
-          case 'OauthRequested': {
-            console.log('Event: OauthRequested')
-            const oauthUrl = url.searchParams.get('oauthUrl')
+          case 'Navigate': {
+            console.log('Event: Navigate')
+            const navigateUrl = url.searchParams.get('url')
 
-            if (oauthUrl) {
-              if (isEncoded(oauthUrl)) {
+            if (navigateUrl) {
+              if (isEncoded(navigateUrl)) {
                 try {
-                  const decodedUrl = decodeURIComponent(oauthUrl)
+                  const decodedUrl = decodeURIComponent(navigateUrl)
                   handleOAuthUrl(decodedUrl)
                 } catch (error) {
-                  console.error('OAuth URL decoding failed, using original')
-                  handleOAuthUrl(oauthUrl)
+                  console.error('Navigate URL decoding failed, using original')
+                  handleOAuthUrl(navigateUrl)
                 }
               } else {
-                handleOAuthUrl(oauthUrl)
+                handleOAuthUrl(navigateUrl)
               }
             } else {
-              console.error('OAuth URL missing from request')
+              console.error('Navigate URL missing from request')
             }
             break
           }
+          // NOTE: The `OauthRequested` is deprecated and should not be used
           default:
             console.log(`Unhandled event: ${eventType}`)
             break

package/src/utils/error/ErrorReporter.ts

@@ -1,13 +1,12 @@
-// Quick hack to send error to Honeybadger to debug why the connector is not routable
+// Custom Error Reporter to avoid hooking into or colliding with a client's Honeybadger singleton
 import type { Notice, NoticeTransportPayload } from '@honeybadger-io/core/build/src/types'
 import { generateStackTrace, getCauses, makeBacktrace } from '@honeybadger-io/core/build/src/util'
 
 import { version } from '@/version'
-import { ErrorReporterConfig } from './ErrorReporterConfig'
 
 const notifier = {
   name: 'Quiltt React Native SDK Reporter',
-  url: 'https://www.quiltt.dev/guides/connector/react-native',
+  url: 'https://www.quiltt.dev/connector/sdk/react-native',
   version: version,
 }
 
@@ -26,7 +25,7 @@ class ErrorReporter {
 
   constructor(platform: string) {
     this.noticeUrl = 'https://api.honeybadger.io/v1/notices'
-    this.apiKey = ErrorReporterConfig.honeybadger_api_key
+    this.apiKey = process.env.HONEYBADGER_API_KEY_REACT_NATIVE || ''
     this.clientName = 'react-native-sdk'
     this.clientVersion = version
     this.platform = platform
@@ -34,7 +33,7 @@ class ErrorReporter {
     this.userAgent = `${this.clientName} ${this.clientVersion}; ${this.platform}`
   }
 
-  async send(error: Error, context?: any): Promise<void> {
+  async notify(error: Error, context?: any): Promise<void> {
     const headers = {
       'X-API-Key': this.apiKey,
       'Content-Type': 'application/json',

package/src/utils/error/ErrorReporterConfig.ts

@@ -1,3 +0,0 @@
-export const ErrorReporterConfig = {
-  honeybadger_api_key: 'undefined',
-}