@parafin/react 6.3.1 → 6.4.1

package/README.md

@@ -1,3 +1,3 @@
 ## @parafin/react
 
-Please refer to the [Parafin docs](https://docs.parafin.com/capital/present-offers/embedded/reference) for more details.
+Please refer to the [Parafin docs](https://docs.parafin.com) for more details.

package/out/index.d.ts

@@ -1,6 +1,9 @@
 declare const ParafinWidget: (props: WidgetProps) => import("react/jsx-runtime").JSX.Element;
 export { ParafinWidget };
 export type WidgetEvent = 'opted_in' | 'opted_out';
+export type LinkOpenedMetadata = {
+    type: 'auth' | 'document' | 'webpage' | 'phone' | 'email';
+};
 export type WidgetProps = {
     token: string;
     product: 'capital' | 'spend_card' | 'cash_account';
@@ -10,7 +13,8 @@ export type WidgetProps = {
     /** @deprecated Use onEvent with 'opted_in' event type instead */
     onOptIn?: () => Promise<OptInFields>;
     openInNewTab?: boolean;
-    onLinkOpened?: (url: string) => void;
+    onLinkOpened?: (url: string, metadata: LinkOpenedMetadata) => void;
+    inWebView?: boolean;
 };
 type USStates = 'AL' | 'AK' | 'AZ' | 'AR' | 'CA' | 'CO' | 'CT' | 'DE' | 'DC' | 'FL' | 'GA' | 'HI' | 'ID' | 'IL' | 'IN' | 'IA' | 'KS' | 'KY' | 'LA' | 'ME' | 'MD' | 'MA' | 'MI' | 'MN' | 'MS' | 'MO' | 'MT' | 'NE' | 'NV' | 'NH' | 'NJ' | 'NM' | 'NY' | 'NC' | 'ND' | 'OH' | 'OK' | 'OR' | 'PA' | 'RI' | 'SC' | 'SD' | 'TN' | 'TX' | 'UT' | 'VT' | 'VA' | 'WA' | 'WV' | 'WI' | 'WY';
 type USTerritories = 'AS' | 'GU' | 'MP' | 'PR' | 'VI';

package/out/index.js

@@ -7,19 +7,23 @@ const openParafinDashboard = (props) => {
         // @ts-ignore
         props.dashboardUrlOverride ?? 'https://app.parafin.com');
         const route = 'route' in props ? props.route : '/';
+        const addPropIfExists = (key) => {
+            if (key in props && props[key] !== undefined && props[key] !== null) {
+                return { [key]: props[key] };
+            }
+            else {
+                return {};
+            }
+        };
         const query = {
             product: props.product,
             referrer: 'partner',
-            ...('token' in props && { token: props.token }),
-            ...('partner' in props && { partner: props.partner }),
-            ...('externalBusinessId' in props && {
-                externalBusinessId: props.externalBusinessId,
-            }),
-            ...('orderId' in props && { orderId: props.orderId }),
-            ...('lineOfCreditApplicationId' in props && {
-                lineOfCreditApplicationId: props.lineOfCreditApplicationId,
-            }),
-            ...('additionalQueryParams' in props && props.additionalQueryParams),
+            ...addPropIfExists('token'),
+            ...addPropIfExists('partner'),
+            ...addPropIfExists('externalBusinessId'),
+            ...addPropIfExists('orderId'),
+            ...addPropIfExists('lineOfCreditApplicationId'),
+            ...addPropIfExists('inWebView'),
             ...Object.fromEntries(searchParams),
         };
         const url = `${origin}${route}?${new URLSearchParams(query).toString()}`;
@@ -57,29 +61,32 @@ const openParafinDashboard = (props) => {
         if (!dashboardTargetElement) {
             throw new Error('Dashboard target element not found');
         }
+        const onExit = () => {
+            if ('orderId' in props) {
+                props.onExit?.(props.orderId);
+            }
+            else if ('lineOfCreditApplicationId' in props) {
+                props.onExit?.(props.lineOfCreditApplicationId);
+            }
+            else {
+                props.onExit?.();
+            }
+        };
         const messageListener = async (event) => {
             if (event.origin === origin) {
                 switch (event.data?.message) {
                     case 'close-dashboard':
-                        if ('orderId' in props) {
-                            props.onExit?.(props.orderId);
-                        }
-                        else if ('lineOfCreditApplicationId' in props) {
-                            props.onExit?.(props.lineOfCreditApplicationId);
-                        }
-                        else {
-                            props.onExit?.();
-                        }
                         window.removeEventListener('message', messageListener);
                         frame.style.opacity = '0';
                         setTimeout(() => {
+                            onExit();
                             dashboardTargetElement.removeChild(frame);
                             document.body.style.removeProperty('overflow');
                         }, 200);
                         break;
                     case 'link-opened':
-                        if (props.onLinkOpened && event.data?.url) {
-                            props.onLinkOpened(event.data.url);
+                        if (props.onLinkOpened && event.data?.url && event.data?.metadata) {
+                            props.onLinkOpened(event.data.url, event.data.metadata);
                         }
                         break;
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parafin/react",
-  "version": "6.3.1",
+  "version": "6.4.1",
   "description": "Parafin React widget",
   "author": "Parafin (https://www.parafin.com)",
   "module": "out/index.js",
@@ -10,6 +10,9 @@
   "files": [
     "out"
   ],
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "build": "npx rollup -c",
     "dev": "npx rollup -c -w",