@parafin/core 1.0.12 → 1.1.0

package/index.ts

@@ -1,29 +1,73 @@
-const openParafinDashboard = (
-  props: {
-    token: string
-    product: 'capital' | 'wallet'
-    route?: string
-    externalBusinessId?: string
-    onExit?: () => void
-    openInNewTab?: boolean
-  } & Record<string, any>
+type CapitalOrWalletProps = {
+  product: 'capital' | 'wallet'
+  token?: string
+  route?: string
+  externalBusinessId?: string
+  additionalQueryParams?: Record<string, string>
+  openInNewTab?: boolean
+  onExit?: () => Promise<void> | void
+}
+
+type BNPLProps = {
+  product: 'bnpl'
+} & (
+  | {
+      flow: 'checkout'
+      orderId: string
+      orderAmount: number
+      onExit: (order?: ParafinOrder) => Promise<void> | void
+    }
+  | {
+      flow: 'log_in'
+      onExit: () => Promise<void> | void
+    }
+)
+
+export type ParafinOrder = {
+  id: string
+  status: 'opened' | 'accepted' | 'canceled' | 'declined' | 'finalized'
+  amount: number
+  partner_id: string
+  business_id: string | null
+  external_id: string | null
+  capital_product_id: string | null
+  capital_product_offer_collection_id: string | null
+  currency_code: 'USD' | 'CAD'
+  opened_at: string
+  accepted_at: string | null
+  canceled_at: string | null
+  declined_at: string | null
+  finalized_at: string | null
+}
+
+export const openParafinDashboard = (
+  props: CapitalOrWalletProps | BNPLProps
 ) => {
   try {
     const { origin, searchParams } = new URL(
+      // @ts-ignore
       props.dashboardUrlOverride ?? 'https://app.parafin.com'
     )
-    const route = props.route ?? '/'
+    const route = 'route' in props ? props.route : '/'
     const query = {
-      token: props.token,
       product: props.product,
-      externalBusinessId: props.externalBusinessId ?? '',
       referrer: 'partner',
+      ...('token' in props && { token: props.token }),
+      ...('externalBusinessId' in props && {
+        externalBusinessId: props.externalBusinessId,
+      }),
+      ...('orderId' in props && { orderId: props.orderId }),
+      ...('orderAmount' in props && {
+        orderAmount: props.orderAmount.toString(),
+      }),
+      ...('additionalQueryParams' in props && props.additionalQueryParams),
       ...Object.fromEntries(searchParams),
     }
     const url = `${origin}${route}?${new URLSearchParams(query).toString()}`
 
-    if (props.openInNewTab) {
-      return window.open(url, '_blank')
+    if ('openInNewTab' in props && props.openInNewTab) {
+      window.open(url, '_blank')
+      return
     }
 
     const existingParafinDashboard =
@@ -47,9 +91,15 @@ const openParafinDashboard = (
     frame.src = url
     frame.allow = 'accelerometer; gyroscope; clipboard-read; clipboard-write'
 
+    const parse = (message: any) => (message ? JSON.parse(message) : undefined)
+
     const closeParafinDashboard = (e: MessageEvent) => {
       if (e.origin === origin && e.data?.message === 'close-dashboard') {
-        props.onExit?.()
+        if (props.product === 'bnpl' && props.flow === 'checkout') {
+          props.onExit(parse(e.data.order))
+        } else {
+          props.onExit?.()
+        }
         window.removeEventListener('message', closeParafinDashboard)
         frame.style.opacity = '0'
         setTimeout(() => document.body.removeChild(frame), 200)
@@ -63,5 +113,3 @@ const openParafinDashboard = (
     console.error('Error loading Parafin dashboard', error)
   }
 }
-
-export { openParafinDashboard }

package/out/index.d.ts

@@ -1,9 +1,38 @@
-declare const openParafinDashboard: (props: {
-    token: string;
+type CapitalOrWalletProps = {
     product: 'capital' | 'wallet';
+    token?: string;
     route?: string;
     externalBusinessId?: string;
-    onExit?: () => void;
+    additionalQueryParams?: Record<string, string>;
     openInNewTab?: boolean;
-} & Record<string, any>) => Window;
-export { openParafinDashboard };
+    onExit?: () => Promise<void> | void;
+};
+type BNPLProps = {
+    product: 'bnpl';
+} & ({
+    flow: 'checkout';
+    orderId: string;
+    orderAmount: number;
+    onExit: (order?: ParafinOrder) => Promise<void> | void;
+} | {
+    flow: 'log_in';
+    onExit: () => Promise<void> | void;
+});
+export type ParafinOrder = {
+    id: string;
+    status: 'opened' | 'accepted' | 'canceled' | 'declined' | 'finalized';
+    amount: number;
+    partner_id: string;
+    business_id: string | null;
+    external_id: string | null;
+    capital_product_id: string | null;
+    capital_product_offer_collection_id: string | null;
+    currency_code: 'USD' | 'CAD';
+    opened_at: string;
+    accepted_at: string | null;
+    canceled_at: string | null;
+    declined_at: string | null;
+    finalized_at: string | null;
+};
+export declare const openParafinDashboard: (props: CapitalOrWalletProps | BNPLProps) => void;
+export {};

package/out/index.js

@@ -1,17 +1,27 @@
-const openParafinDashboard = (props) => {
+export const openParafinDashboard = (props) => {
     try {
-        const { origin, searchParams } = new URL(props.dashboardUrlOverride ?? 'https://app.parafin.com');
-        const route = props.route ?? '/';
+        const { origin, searchParams } = new URL(
+        // @ts-ignore
+        props.dashboardUrlOverride ?? 'https://app.parafin.com');
+        const route = 'route' in props ? props.route : '/';
         const query = {
-            token: props.token,
             product: props.product,
-            externalBusinessId: props.externalBusinessId ?? '',
             referrer: 'partner',
+            ...('token' in props && { token: props.token }),
+            ...('externalBusinessId' in props && {
+                externalBusinessId: props.externalBusinessId,
+            }),
+            ...('orderId' in props && { orderId: props.orderId }),
+            ...('orderAmount' in props && {
+                orderAmount: props.orderAmount.toString(),
+            }),
+            ...('additionalQueryParams' in props && props.additionalQueryParams),
             ...Object.fromEntries(searchParams),
         };
         const url = `${origin}${route}?${new URLSearchParams(query).toString()}`;
-        if (props.openInNewTab) {
-            return window.open(url, '_blank');
+        if ('openInNewTab' in props && props.openInNewTab) {
+            window.open(url, '_blank');
+            return;
         }
         const existingParafinDashboard = document.getElementById('parafin-dashboard');
         if (existingParafinDashboard) {
@@ -31,9 +41,15 @@ const openParafinDashboard = (props) => {
         frame.style.transition = 'opacity 0.2s';
         frame.src = url;
         frame.allow = 'accelerometer; gyroscope; clipboard-read; clipboard-write';
+        const parse = (message) => (message ? JSON.parse(message) : undefined);
         const closeParafinDashboard = (e) => {
             if (e.origin === origin && e.data?.message === 'close-dashboard') {
-                props.onExit?.();
+                if (props.product === 'bnpl' && props.flow === 'checkout') {
+                    props.onExit(parse(e.data.order));
+                }
+                else {
+                    props.onExit?.();
+                }
                 window.removeEventListener('message', closeParafinDashboard);
                 frame.style.opacity = '0';
                 setTimeout(() => document.body.removeChild(frame), 200);
@@ -47,4 +63,3 @@ const openParafinDashboard = (props) => {
         console.error('Error loading Parafin dashboard', error);
     }
 };
-export { openParafinDashboard };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parafin/core",
-  "version": "1.0.12",
+  "version": "1.1.0",
   "description": "Parafin embedded core",
   "author": "Parafin (https://www.parafin.com)",
   "module": "out/index.js",