@quiltt/react-native 3.6.1 → 3.6.3

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @quiltt/react-native
 
+## 3.6.3
+
+### Patch Changes
+
+- [#240](https://github.com/quiltt/quiltt-js/pull/240) [`96556d4`](https://github.com/quiltt/quiltt-js/commit/96556d4e4d29b1a5623b78f60d97c49a974e44e8) Thanks [@zubairaziz](https://github.com/zubairaziz)! - Pre-transpile '@quiltt/react-native' code before publish
+
+- Updated dependencies [[`96556d4`](https://github.com/quiltt/quiltt-js/commit/96556d4e4d29b1a5623b78f60d97c49a974e44e8)]:
+  - @quiltt/core@3.6.3
+  - @quiltt/react@3.6.3
+
+## 3.6.2
+
+### Patch Changes
+
+- [#236](https://github.com/quiltt/quiltt-js/pull/236) [`85c0be1`](https://github.com/quiltt/quiltt-js/commit/85c0be16803381de5dbd89a7295e326228542080) Thanks [@zubairaziz](https://github.com/zubairaziz)! - Fix config loading
+
+- Updated dependencies [[`85c0be1`](https://github.com/quiltt/quiltt-js/commit/85c0be16803381de5dbd89a7295e326228542080)]:
+  - @quiltt/core@3.6.2
+  - @quiltt/react@3.6.2
+
 ## 3.6.1
 
 ### Patch Changes

package/dist/{index.js → index.cjs}

@@ -1,20 +1,21 @@
-import { decode } from 'base-64';
-export * from '@quiltt/core';
-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, useCallback, useEffect } 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 { generateStackTrace, makeBacktrace, getCauses } from '@honeybadger-io/core/build/src/util';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base64 = require('base-64');
+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 util = require('@honeybadger-io/core/build/src/util');
 
 const ErrorReporterConfig = {
     honeybadger_api_key: 'undefined'
 };
 
 // Generated by genversion.
-const version = '3.6.1';
+const version = '3.6.3';
 
 // Quick hack to send error to Honeybadger to debug why the connector is not routable
 const notifier = {
@@ -62,8 +63,8 @@ class ErrorReporter {
     }
     async buildPayload(error, localContext = {}) {
         const notice = error;
-        notice.stack = generateStackTrace();
-        notice.backtrace = makeBacktrace(notice.stack);
+        notice.stack = util.generateStackTrace();
+        notice.backtrace = util.makeBacktrace(notice.stack);
         return {
             notifier,
             error: {
@@ -72,7 +73,7 @@ class ErrorReporter {
                 backtrace: notice.backtrace,
                 // fingerprint: this.calculateFingerprint(notice),
                 tags: notice.tags || [],
-                causes: getCauses(notice, this.logger)
+                causes: util.getCauses(notice, this.logger)
             },
             request: {
                 url: notice.url,
@@ -100,46 +101,46 @@ const getErrorMessage = (responseStatus, error)=>{
     return responseStatus ? `The URL is not routable. Response status: ${responseStatus}` : 'An error occurred while checking the connector URL';
 };
 
-const AndroidSafeAreaView = ({ children })=>/*#__PURE__*/ jsx(SafeAreaView, {
+const AndroidSafeAreaView = ({ children })=>/*#__PURE__*/ jsxRuntime.jsx(reactNative.SafeAreaView, {
         style: styles$1.AndroidSafeArea,
         children: children
     });
-const styles$1 = StyleSheet.create({
+const styles$1 = reactNative.StyleSheet.create({
     AndroidSafeArea: {
         flex: 1,
         backgroundColor: 'white',
-        paddingTop: Platform.OS === 'android' ? StatusBar.currentHeight : 0
+        paddingTop: reactNative.Platform.OS === 'android' ? reactNative.StatusBar.currentHeight : 0
     }
 });
 
-const ErrorScreen = ({ error, cta })=>/*#__PURE__*/ jsx(AndroidSafeAreaView, {
-        children: /*#__PURE__*/ jsxs(View, {
+const ErrorScreen = ({ error, cta })=>/*#__PURE__*/ jsxRuntime.jsx(AndroidSafeAreaView, {
+        children: /*#__PURE__*/ jsxRuntime.jsxs(reactNative.View, {
             style: [
                 styles.container,
                 styles.padding
             ],
             children: [
-                /*#__PURE__*/ jsxs(View, {
+                /*#__PURE__*/ jsxRuntime.jsxs(reactNative.View, {
                     style: {
                         flex: 1,
                         justifyContent: 'center'
                     },
                     children: [
-                        /*#__PURE__*/ jsx(View, {
+                        /*#__PURE__*/ jsxRuntime.jsx(reactNative.View, {
                             style: {
                                 flexDirection: 'row',
                                 justifyContent: 'space-between',
                                 alignItems: 'center',
                                 marginVertical: 10
                             },
-                            children: /*#__PURE__*/ jsx(Text, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(reactNative.Text, {
                                 style: [
                                     styles.title
                                 ],
                                 children: "Cannot connect to the internet."
                             })
                         }),
-                        /*#__PURE__*/ jsx(Text, {
+                        /*#__PURE__*/ jsxRuntime.jsx(reactNative.Text, {
                             style: [
                                 styles.subtitle
                             ],
@@ -147,12 +148,12 @@ const ErrorScreen = ({ error, cta })=>/*#__PURE__*/ jsx(AndroidSafeAreaView, {
                         })
                     ]
                 }),
-                /*#__PURE__*/ jsx(Pressable, {
+                /*#__PURE__*/ jsxRuntime.jsx(reactNative.Pressable, {
                     style: [
                         styles.pressable
                     ],
                     onPress: cta,
-                    children: /*#__PURE__*/ jsx(Text, {
+                    children: /*#__PURE__*/ jsxRuntime.jsx(reactNative.Text, {
                         style: [
                             styles.pressableText
                         ],
@@ -162,7 +163,7 @@ const ErrorScreen = ({ error, cta })=>/*#__PURE__*/ jsx(AndroidSafeAreaView, {
             ]
         })
     });
-const styles = StyleSheet.create({
+const styles = reactNative.StyleSheet.create({
     container: {
         flex: 1,
         flexDirection: 'column',
@@ -195,30 +196,30 @@ const styles = StyleSheet.create({
     }
 });
 
-const LoadingScreen = ()=>/*#__PURE__*/ jsx(AndroidSafeAreaView, {
-        children: /*#__PURE__*/ jsx(View, {
+const LoadingScreen = ()=>/*#__PURE__*/ jsxRuntime.jsx(AndroidSafeAreaView, {
+        children: /*#__PURE__*/ jsxRuntime.jsx(reactNative.View, {
             style: {
                 flex: 1,
                 justifyContent: 'center',
                 alignItems: 'center'
             },
-            children: /*#__PURE__*/ jsx(ActivityIndicator, {
+            children: /*#__PURE__*/ jsxRuntime.jsx(reactNative.ActivityIndicator, {
                 size: "large",
                 color: "#0000ff"
             })
         })
     });
 
-const errorReporter = new ErrorReporter(`${Platform.OS} ${Platform.Version}`);
+const errorReporter = new ErrorReporter(`${reactNative.Platform.OS} ${reactNative.Platform.Version}`);
 const PREFLIGHT_RETRY_COUNT = 3;
 const QuilttConnector = ({ connectorId, connectionId, institution, oauthRedirectUrl, onEvent, onLoad, onExit, onExitSuccess, onExitAbort, onExitError })=>{
-    const webViewRef = useRef(null);
-    const { session } = useQuilttSession();
-    const encodedOAuthRedirectUrl = useMemo(()=>encodeURIComponent(oauthRedirectUrl), [
+    const webViewRef = react$1.useRef(null);
+    const { session } = react.useQuilttSession();
+    const encodedOAuthRedirectUrl = react$1.useMemo(()=>encodeURIComponent(oauthRedirectUrl), [
         oauthRedirectUrl
     ]);
-    const connectorUrl = useMemo(()=>{
-        const url = new URL(`https://${connectorId}.quiltt.app`);
+    const connectorUrl = react$1.useMemo(()=>{
+        const url = new reactNativeUrlPolyfill.URL(`https://${connectorId}.quiltt.app`);
         url.searchParams.append('mode', 'webview');
         url.searchParams.append('oauth_redirect_url', encodedOAuthRedirectUrl);
         url.searchParams.append('agent', `react-native-${version}`);
@@ -227,10 +228,10 @@ const QuilttConnector = ({ connectorId, connectionId, institution, oauthRedirect
         connectorId,
         encodedOAuthRedirectUrl
     ]);
-    const [preFlightCheck, setPreFlightCheck] = useState({
+    const [preFlightCheck, setPreFlightCheck] = react$1.useState({
         checked: false
     });
-    const checkConnectorUrl = useCallback(async (retryCount = 0)=>{
+    const checkConnectorUrl = react$1.useCallback(async (retryCount = 0)=>{
         let responseStatus;
         let error;
         let errorOccurred = false;
@@ -274,7 +275,7 @@ const QuilttConnector = ({ connectorId, connectionId, institution, oauthRedirect
     }, [
         connectorUrl
     ]);
-    useEffect(()=>{
+    react$1.useEffect(()=>{
         if (preFlightCheck.checked) return;
         const fetchDataAndSetState = async ()=>{
             const connectorUrlStatus = await checkConnectorUrl();
@@ -285,7 +286,7 @@ const QuilttConnector = ({ connectorId, connectionId, institution, oauthRedirect
         checkConnectorUrl,
         preFlightCheck
     ]);
-    const initInjectedJavaScript = useCallback(()=>{
+    const initInjectedJavaScript = react$1.useCallback(()=>{
         const script = `\
       const options = {\
         source: 'quiltt',\
@@ -313,14 +314,14 @@ const QuilttConnector = ({ connectorId, connectionId, institution, oauthRedirect
     // allowedListUrl & shouldRender ensure we are only rendering Quiltt, MX and Plaid content in Webview
     // For other urls, we assume those are bank urls, which needs to be handle in external browser.
     // @todo Convert it to a list from Quiltt Server to prevent MX/ Plaid changes.
-    const allowedListUrl = useMemo(()=>[
+    const allowedListUrl = react$1.useMemo(()=>[
             'quiltt.app',
             'quiltt.dev',
             'moneydesktop.com',
             'cdn.plaid.com/link/v2/stable/link.html'
         ], []);
-    const isQuilttEvent = useCallback((url)=>url.protocol === 'quilttconnector:', []);
-    const shouldRender = useCallback((url)=>{
+    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;
@@ -334,14 +335,14 @@ const QuilttConnector = ({ connectorId, connectionId, institution, oauthRedirect
         const script = 'localStorage.clear();';
         webViewRef.current?.injectJavaScript(script);
     };
-    const handleOAuthUrl = useCallback((oauthUrl)=>{
+    const handleOAuthUrl = react$1.useCallback((oauthUrl)=>{
         if (oauthUrl.protocol !== 'https:') {
             console.log(`handleOAuthUrl - Skipping non https url - ${oauthUrl.href}`);
             return;
         }
-        Linking.openURL(oauthUrl.href);
+        reactNative.Linking.openURL(oauthUrl.href);
     }, []);
-    const handleQuilttEvent = useCallback((url)=>{
+    const handleQuilttEvent = react$1.useCallback((url)=>{
         url.searchParams.delete('source');
         url.searchParams.append('connectorId', connectorId);
         const metadata = Object.fromEntries(url.searchParams);
@@ -349,31 +350,31 @@ const QuilttConnector = ({ connectorId, connectionId, institution, oauthRedirect
         switch(eventType){
             case 'Load':
                 initInjectedJavaScript();
-                onEvent?.(ConnectorSDKEventType.Load, metadata);
+                onEvent?.(react.ConnectorSDKEventType.Load, metadata);
                 onLoad?.(metadata);
                 break;
             case 'ExitAbort':
                 clearLocalStorage();
-                onEvent?.(ConnectorSDKEventType.ExitAbort, metadata);
-                onExit?.(ConnectorSDKEventType.ExitAbort, metadata);
+                onEvent?.(react.ConnectorSDKEventType.ExitAbort, metadata);
+                onExit?.(react.ConnectorSDKEventType.ExitAbort, metadata);
                 onExitAbort?.(metadata);
                 break;
             case 'ExitError':
                 clearLocalStorage();
-                onEvent?.(ConnectorSDKEventType.ExitError, metadata);
-                onExit?.(ConnectorSDKEventType.ExitError, metadata);
+                onEvent?.(react.ConnectorSDKEventType.ExitError, metadata);
+                onExit?.(react.ConnectorSDKEventType.ExitError, metadata);
                 onExitError?.(metadata);
                 break;
             case 'ExitSuccess':
                 clearLocalStorage();
-                onEvent?.(ConnectorSDKEventType.ExitSuccess, metadata);
-                onExit?.(ConnectorSDKEventType.ExitSuccess, metadata);
+                onEvent?.(react.ConnectorSDKEventType.ExitSuccess, metadata);
+                onExit?.(react.ConnectorSDKEventType.ExitSuccess, metadata);
                 onExitSuccess?.(metadata);
                 break;
             case 'Authenticate':
                 break;
             case 'OauthRequested':
-                handleOAuthUrl(new URL(url.searchParams.get('oauthUrl')));
+                handleOAuthUrl(new reactNativeUrlPolyfill.URL(url.searchParams.get('oauthUrl')));
                 break;
             default:
                 console.log('unhandled event', url);
@@ -390,8 +391,8 @@ const QuilttConnector = ({ connectorId, connectionId, institution, oauthRedirect
         onExitSuccess,
         onLoad
     ]);
-    const requestHandler = useCallback((request)=>{
-        const url = new URL(request.url);
+    const requestHandler = react$1.useCallback((request)=>{
+        const url = new reactNativeUrlPolyfill.URL(request.url);
         if (isQuilttEvent(url)) {
             handleQuilttEvent(url);
             return false;
@@ -407,15 +408,15 @@ const QuilttConnector = ({ connectorId, connectionId, institution, oauthRedirect
         isQuilttEvent,
         shouldRender
     ]);
-    if (!preFlightCheck.checked) return /*#__PURE__*/ jsx(LoadingScreen, {});
-    if (preFlightCheck.error) return /*#__PURE__*/ jsx(ErrorScreen, {
+    if (!preFlightCheck.checked) return /*#__PURE__*/ jsxRuntime.jsx(LoadingScreen, {});
+    if (preFlightCheck.error) return /*#__PURE__*/ jsxRuntime.jsx(ErrorScreen, {
         error: preFlightCheck.error,
         cta: ()=>onExitError?.({
                 connectorId
             })
     });
-    return /*#__PURE__*/ jsx(AndroidSafeAreaView, {
-        children: /*#__PURE__*/ jsx(WebView, {
+    return /*#__PURE__*/ jsxRuntime.jsx(AndroidSafeAreaView, {
+        children: /*#__PURE__*/ jsxRuntime.jsx(reactNativeWebview.WebView, {
             ref: webViewRef,
             // Plaid keep sending window.location = 'about:srcdoc' and causes some noise in RN
             // All whitelists are now handled in requestHandler, handleQuilttEvent and handleOAuthUrl
@@ -437,7 +438,49 @@ QuilttConnector.displayName = 'QuilttConnector';
 // Hermes doesn't have atob
 // https://github.com/facebook/hermes/issues/1178
 if (!global.atob) {
-    global.atob = decode;
+    global.atob = base64.decode;
 }
 
-export { QuilttConnector };
+Object.defineProperty(exports, "QuilttAuthProvider", {
+  enumerable: true,
+  get: function () { return react.QuilttAuthProvider; }
+});
+Object.defineProperty(exports, "QuilttProvider", {
+  enumerable: true,
+  get: function () { return react.QuilttProvider; }
+});
+Object.defineProperty(exports, "QuilttSettingsProvider", {
+  enumerable: true,
+  get: function () { return react.QuilttSettingsProvider; }
+});
+Object.defineProperty(exports, "useQuilttClient", {
+  enumerable: true,
+  get: function () { return react.useQuilttClient; }
+});
+Object.defineProperty(exports, "useQuilttConnector", {
+  enumerable: true,
+  get: function () { return react.useQuilttConnector; }
+});
+Object.defineProperty(exports, "useQuilttSession", {
+  enumerable: true,
+  get: function () { return react.useQuilttSession; }
+});
+Object.defineProperty(exports, "useQuilttSettings", {
+  enumerable: true,
+  get: function () { return react.useQuilttSettings; }
+});
+Object.defineProperty(exports, "useSession", {
+  enumerable: true,
+  get: function () { return react.useSession; }
+});
+Object.defineProperty(exports, "useStorage", {
+  enumerable: true,
+  get: function () { return react.useStorage; }
+});
+exports.QuilttConnector = QuilttConnector;
+Object.keys(core).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return core[k]; }
+  });
+});

package/dist/index.d.cts

@@ -0,0 +1,17 @@
+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';
+
+type QuilttConnectorProps = {
+    connectorId: string;
+    connectionId?: string;
+    institution?: string;
+    oauthRedirectUrl: string;
+} & ConnectorSDKCallbacks;
+declare const QuilttConnector: {
+    ({ connectorId, connectionId, institution, oauthRedirectUrl, onEvent, onLoad, onExit, onExitSuccess, onExitAbort, onExitError, }: QuilttConnectorProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { QuilttConnector };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quiltt/react-native",
-  "version": "3.6.1",
+  "version": "3.6.3",
   "description": "React Native components for Quiltt Connector",
   "homepage": "https://github.com/quiltt/quiltt-js/tree/main/packages/react-native#readme",
   "repository": {
@@ -11,13 +11,12 @@
   "license": "MIT",
   "type": "module",
   "exports": {
-    ".": {
-      "import": "./dist/index.js",
+    "require": {
+      "import": "./dist/index.cjs",
       "types": "./dist/index.d.ts"
     }
   },
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
+  "main": "./dist/index.cjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist/**",
@@ -26,8 +25,8 @@
   ],
   "dependencies": {
     "@honeybadger-io/core": "6.6.0",
-    "@quiltt/core": "3.6.1",
-    "@quiltt/react": "3.6.1"
+    "@quiltt/react": "3.6.3",
+    "@quiltt/core": "3.6.3"
   },
   "devDependencies": {
     "@apollo/client": "3.9.9",

package/src/index.ts

@@ -6,19 +6,6 @@ if (!global.atob) {
   global.atob = decode
 }
 
-/* export type {
-  ConnectorSDK,
-  ConnectorSDKCallbacks,
-  ConnectorSDKOnEventCallback,
-  ConnectorSDKOnLoadCallback,
-  ConnectorSDKOnExitSuccessCallback,
-  ConnectorSDKOnExitAbortCallback,
-  ConnectorSDKOnExitErrorCallback,
-  ConnectorSDKEventType,
-  ConnectorSDKCallbackMetadata,
-  ConnectorSDKConnectOptions,
-} */
-
 export * from '@quiltt/core'
 
 export {

package/src/version.ts

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