@capitalos/react 1.0.0-rc.2 → 1.0.0-rc.4

package/README.md

@@ -47,6 +47,6 @@ function MyComponent() {
 }
 ```
 
-## Typecsript support
+## TypeScript support
 
 TypeScript definitions for `@capitalos/react` are built into the npm package and should be automatically picked up by your editor.

package/dist/_tsup-dts-rollup.d.mts

@@ -45,11 +45,37 @@ export declare function BillPayApp(props: BillPayAppProps): JSX.Element;
 
 export declare type BillPayAppProps = CommonProps;
 
+/**
+ * Builds the iframe url from token data, rendering context, and theme.
+ */
+export declare function buildIframeUrl({ tokenData, renderingContext, theme, onError, }: {
+    tokenData: TokenData;
+    renderingContext: CapitalOsRenderingContext;
+    theme?: ThemeColorScheme | undefined;
+    onError?: ((error: Error) => void) | undefined;
+}): string | undefined;
+
 /**
  * The internal component that handles all the heavy lifting of connecting to the iframe and rendering the app.
  * all user facing components are basically  a syntactic sugar on top of this.
  */
-export declare function CapitalOS<T extends RenderingContext_2>(props: CapitalOsProps<T>): JSX.Element;
+export declare function CapitalOS<T extends CapitalOsRenderingContext>(props: CapitalOsProps<T>): JSX.Element;
+
+declare type CapitalOsAuthenticationContextType = {
+    tokenData?: TokenData | undefined;
+    isLoading: boolean;
+    error?: Error | undefined;
+    /**
+     * Invalidates the current token..
+     * This is used when the iframe signals that the token has expired.
+     * The authentication flow will automatically refresh the token after invalidation.
+     */
+    invalidateToken: () => void;
+};
+
+declare const CapitalOsAuthenticationProvider: React_2.FC<ProviderProps>;
+export { CapitalOsAuthenticationProvider }
+export { CapitalOsAuthenticationProvider as CapitalOsAuthenticationProvider_alias_1 }
 
 /**
  * Base class for all SDK errors
@@ -62,11 +88,16 @@ export declare class CapitalOSError extends Error {
     });
 }
 
-declare type CapitalOsProps<T extends RenderingContext_2> = CommonProps & {
+declare type CapitalOsProps<T extends CapitalOsRenderingContext> = CommonProps & {
     renderingContext: T;
     methods?: Partial<IframeConnectionMethods>;
 };
 
+export declare type CapitalOsRenderingContext = {
+    entryPoint?: EntryPoint;
+    referer?: string;
+};
+
 export declare type CardApiDto = z_2.infer<typeof cardApiDtoSchema>;
 
 declare const cardApiDtoSchema: z_2.ZodObject<{
@@ -401,7 +432,7 @@ export declare type CommonProps = {
     /**
      * The token provided by initiate-login.
      */
-    token: string;
+    token?: string;
     /**
      * Optional CSS class name for the component.
      */
@@ -419,12 +450,12 @@ export declare type CommonProps = {
      */
     loadingComponent?: ReactNode;
     /**
-     * Optional theme to apply to the app or component.
+     * Optional theme color scheme to apply to the app or component.
      */
-    theme?: 'light' | 'dark' | 'system';
+    theme?: ThemeColorScheme;
 };
 
-export declare function decodeToken(token: string): any;
+export declare function decodeOneTimeToken(token: string): any;
 
 /**
  * Renders the CapitalOS Dispute Transaction experience.
@@ -451,12 +482,13 @@ export declare type DisputeTransactionProps = CommonProps & {
  */
 export declare function encodeRenderingContext<T>(renderingContext: NonNullable<T>): string;
 
-export declare type EntryPoint = RenderingContext_3['entryPoint'];
+export declare type EntryPoint = RenderingContext_2['entryPoint'];
 
 export declare const ErrorCode: {
     readonly unauthorized: "unauthorized";
     readonly invalid_account_status: "invalid_account_status";
     readonly unsupported_entry_point: "unsupported_entry_point";
+    readonly internal_error: "internal_error";
 };
 
 export declare type ErrorCode = (typeof ErrorCode)[keyof typeof ErrorCode];
@@ -464,6 +496,12 @@ export declare type ErrorCode = (typeof ErrorCode)[keyof typeof ErrorCode];
 export declare type IframeConnectionMethods = {
     onLoad: () => void;
     onError: (error: RawErrorDetails) => void;
+    /**
+     * Called when the iframe detects that the JWT token has expired.
+     * This triggers the token refresh flow, which will obtain a new token
+     * and reload the iframe with the fresh token.
+     */
+    onTokenExpired?: () => void;
     createCard?: {
         onDone?: () => void;
         onCancel?: () => void;
@@ -475,6 +513,12 @@ export declare type IframeConnectionMethods = {
     onboarding?: {
         onDone?: (account: Account) => void;
     };
+    tokenExchange?: {
+        onLongLivedToken?: (jwtToken: string) => void;
+    };
+    makePayment?: {
+        onDone?: () => void;
+    };
 };
 
 export declare const IframeResizer: React_2.ForwardRefExoticComponent<Omit<IFrameOptions, "closedCallback" | "scrollCallback" | "resizedCallback" | "messageCallback" | "initCallback"> & {
@@ -508,7 +552,7 @@ export declare type InsightsWidgetProps = CommonProps & {
  * Represents an error that occurs when an invalid token is encountered.
  */
 export declare class InvalidTokenError extends CapitalOSError {
-    constructor();
+    constructor(message?: string);
 }
 
 /**
@@ -555,6 +599,18 @@ export declare type IssueCardProps = CommonProps & {
     onCancel: () => void;
 };
 
+/**
+ * Renders the CapitalOS Make a Payment experience.
+ */
+export declare function MakePayment({ onDone, ...restOfProps }: MakePaymentProps): JSX.Element;
+
+export declare type MakePaymentProps = CommonProps & {
+    /**
+     * Callback to invoke when the payment was made successfully.
+     */
+    onDone: () => void;
+};
+
 export declare function Onboarding<T extends OnboardingEntryPoint>({ onDone, entryPoint: onboardingEntryPoint, exitPoint: onboardingExitPoint, ...restOfProps }: OnboardingProps<T>): JSX.Element;
 
 declare type OnboardingEntryPoint = keyof AllowedExitPoints;
@@ -565,6 +621,12 @@ declare type OnboardingProps<T extends keyof AllowedExitPoints> = CommonProps &
     onDone: (account: Account) => void;
 };
 
+declare type ProviderProps = {
+    getToken: () => Promise<string>;
+    enableLogging?: boolean | undefined;
+    children: React_2.ReactNode;
+};
+
 /**
  * An error type providing a reason code and message.
  * Penpal only passes plain objects, so this does not inherit from Error.
@@ -574,12 +636,7 @@ export declare type RawErrorDetails = {
     message: string;
 };
 
-declare type RenderingContext_2 = {
-    entryPoint?: EntryPoint;
-    referer?: string;
-};
-
-declare type RenderingContext_3 = z.infer<typeof renderingContextSchema>;
+declare type RenderingContext_2 = z.infer<typeof renderingContextSchema>;
 
 declare const renderingContextSchema: z.ZodIntersection<z.ZodDiscriminatedUnion<"entryPoint", [z.ZodObject<{
     entryPoint: z.ZodLiteral<"createCard">;
@@ -692,6 +749,18 @@ declare const renderingContextSchema: z.ZodIntersection<z.ZodDiscriminatedUnion<
     entryPoint: "cardsApp";
 }, {
     entryPoint: "cardsApp";
+}>, z.ZodObject<{
+    entryPoint: z.ZodLiteral<"tokenExchange">;
+}, "strip", z.ZodTypeAny, {
+    entryPoint: "tokenExchange";
+}, {
+    entryPoint: "tokenExchange";
+}>, z.ZodObject<{
+    entryPoint: z.ZodLiteral<"makePayment">;
+}, "strip", z.ZodTypeAny, {
+    entryPoint: "makePayment";
+}, {
+    entryPoint: "makePayment";
 }>]>, z.ZodObject<{
     referer: z.ZodOptional<z.ZodNullable<z.ZodString>>;
 }, "strip", z.ZodTypeAny, {
@@ -700,14 +769,80 @@ declare const renderingContextSchema: z.ZodIntersection<z.ZodDiscriminatedUnion<
     referer?: string | null | undefined;
 }>>;
 
+/**
+ * Safely decodes a URL component, handling potential errors
+ */
+export declare function safeDecodeURIComponent(str: string): string;
+
+export declare type ThemeColorScheme = 'light' | 'dark' | 'system';
+
+export declare type TokenData = {
+    token: string;
+    tokenType: TokenType;
+    baseUrl: string;
+    paramKey: TokenParamKey;
+    paramLocation: TokenParamLocation;
+};
+
+export declare function tokenDataFromOneTimeToken(oneTimeToken: string): TokenData;
+
+/**
+ * The component is hidden from the user and is only used to exchange a one-time token for a JWT in the authentication context.
+ *
+ * The token exchange process works as follows:
+ * 1. Component renders a hidden iframe with the one-time token in the URL
+ * 2. The iframe loads with the long-lived token as part of its url redirect response and establishes a secure connection with the parent window
+ * 3. The iframe passes the long-lived token to the parent via postMessage
+ * 4. onExchangeComplete callback is triggered with the new JWT
+ *
+ * If any errors occur during this process, they are passed to onExchangeError.
+ */
+export declare function TokenExchangeIframe(props: TokenExchangeIframeProps): JSX.Element;
+
+export declare interface TokenExchangeIframeProps {
+    oneTimeToken: string;
+    enableLogging?: boolean | undefined;
+    onExchangeComplete: (jwtToken: string) => void;
+    onExchangeError?: (error: Error) => void;
+}
+
+export declare enum TokenParamKey {
+    token = "token",
+    accessToken = "access_token"
+}
+
+export declare enum TokenParamLocation {
+    search = "search",
+    hash = "hash"
+}
+
+export declare class TokenRefreshError extends CapitalOSError {
+    constructor(originalError?: Error);
+}
+
+export declare enum TokenType {
+    oneTime = "oneTime",
+    longLived = "longLived"
+}
+
+export declare const useCapitalOsAuthContext: () => CapitalOsAuthenticationContextType;
+
 /**
  * connects to child iframe and returns whether the iframe is loaded or not.
+ * token was added to the list of dependencies to make sure that the connection is re-established when the token changes.
  */
 export declare function useIframeConnection({ iframeRef, token, onError, methods, }: {
     iframeRef: React.RefObject<HTMLIFrameElement>;
-    token: string;
+    token: string | undefined;
     onError: ((error: Error) => void) | undefined | null;
     methods: IframeConnectionMethods;
 }): void;
 
+export declare function useIframeUrl({ tokenData, renderingContext, theme, onError, }: {
+    tokenData: TokenData | undefined;
+    renderingContext: CapitalOsRenderingContext;
+    theme?: ThemeColorScheme | undefined;
+    onError?: ((error: Error) => void) | undefined;
+}): string | undefined;
+
 export { }

package/dist/_tsup-dts-rollup.d.ts

@@ -45,11 +45,37 @@ export declare function BillPayApp(props: BillPayAppProps): JSX.Element;
 
 export declare type BillPayAppProps = CommonProps;
 
+/**
+ * Builds the iframe url from token data, rendering context, and theme.
+ */
+export declare function buildIframeUrl({ tokenData, renderingContext, theme, onError, }: {
+    tokenData: TokenData;
+    renderingContext: CapitalOsRenderingContext;
+    theme?: ThemeColorScheme | undefined;
+    onError?: ((error: Error) => void) | undefined;
+}): string | undefined;
+
 /**
  * The internal component that handles all the heavy lifting of connecting to the iframe and rendering the app.
  * all user facing components are basically  a syntactic sugar on top of this.
  */
-export declare function CapitalOS<T extends RenderingContext_2>(props: CapitalOsProps<T>): JSX.Element;
+export declare function CapitalOS<T extends CapitalOsRenderingContext>(props: CapitalOsProps<T>): JSX.Element;
+
+declare type CapitalOsAuthenticationContextType = {
+    tokenData?: TokenData | undefined;
+    isLoading: boolean;
+    error?: Error | undefined;
+    /**
+     * Invalidates the current token..
+     * This is used when the iframe signals that the token has expired.
+     * The authentication flow will automatically refresh the token after invalidation.
+     */
+    invalidateToken: () => void;
+};
+
+declare const CapitalOsAuthenticationProvider: React_2.FC<ProviderProps>;
+export { CapitalOsAuthenticationProvider }
+export { CapitalOsAuthenticationProvider as CapitalOsAuthenticationProvider_alias_1 }
 
 /**
  * Base class for all SDK errors
@@ -62,11 +88,16 @@ export declare class CapitalOSError extends Error {
     });
 }
 
-declare type CapitalOsProps<T extends RenderingContext_2> = CommonProps & {
+declare type CapitalOsProps<T extends CapitalOsRenderingContext> = CommonProps & {
     renderingContext: T;
     methods?: Partial<IframeConnectionMethods>;
 };
 
+export declare type CapitalOsRenderingContext = {
+    entryPoint?: EntryPoint;
+    referer?: string;
+};
+
 export declare type CardApiDto = z_2.infer<typeof cardApiDtoSchema>;
 
 declare const cardApiDtoSchema: z_2.ZodObject<{
@@ -401,7 +432,7 @@ export declare type CommonProps = {
     /**
      * The token provided by initiate-login.
      */
-    token: string;
+    token?: string;
     /**
      * Optional CSS class name for the component.
      */
@@ -419,12 +450,12 @@ export declare type CommonProps = {
      */
     loadingComponent?: ReactNode;
     /**
-     * Optional theme to apply to the app or component.
+     * Optional theme color scheme to apply to the app or component.
      */
-    theme?: 'light' | 'dark' | 'system';
+    theme?: ThemeColorScheme;
 };
 
-export declare function decodeToken(token: string): any;
+export declare function decodeOneTimeToken(token: string): any;
 
 /**
  * Renders the CapitalOS Dispute Transaction experience.
@@ -451,12 +482,13 @@ export declare type DisputeTransactionProps = CommonProps & {
  */
 export declare function encodeRenderingContext<T>(renderingContext: NonNullable<T>): string;
 
-export declare type EntryPoint = RenderingContext_3['entryPoint'];
+export declare type EntryPoint = RenderingContext_2['entryPoint'];
 
 export declare const ErrorCode: {
     readonly unauthorized: "unauthorized";
     readonly invalid_account_status: "invalid_account_status";
     readonly unsupported_entry_point: "unsupported_entry_point";
+    readonly internal_error: "internal_error";
 };
 
 export declare type ErrorCode = (typeof ErrorCode)[keyof typeof ErrorCode];
@@ -464,6 +496,12 @@ export declare type ErrorCode = (typeof ErrorCode)[keyof typeof ErrorCode];
 export declare type IframeConnectionMethods = {
     onLoad: () => void;
     onError: (error: RawErrorDetails) => void;
+    /**
+     * Called when the iframe detects that the JWT token has expired.
+     * This triggers the token refresh flow, which will obtain a new token
+     * and reload the iframe with the fresh token.
+     */
+    onTokenExpired?: () => void;
     createCard?: {
         onDone?: () => void;
         onCancel?: () => void;
@@ -475,6 +513,12 @@ export declare type IframeConnectionMethods = {
     onboarding?: {
         onDone?: (account: Account) => void;
     };
+    tokenExchange?: {
+        onLongLivedToken?: (jwtToken: string) => void;
+    };
+    makePayment?: {
+        onDone?: () => void;
+    };
 };
 
 export declare const IframeResizer: React_2.ForwardRefExoticComponent<Omit<IFrameOptions, "closedCallback" | "scrollCallback" | "resizedCallback" | "messageCallback" | "initCallback"> & {
@@ -508,7 +552,7 @@ export declare type InsightsWidgetProps = CommonProps & {
  * Represents an error that occurs when an invalid token is encountered.
  */
 export declare class InvalidTokenError extends CapitalOSError {
-    constructor();
+    constructor(message?: string);
 }
 
 /**
@@ -555,6 +599,18 @@ export declare type IssueCardProps = CommonProps & {
     onCancel: () => void;
 };
 
+/**
+ * Renders the CapitalOS Make a Payment experience.
+ */
+export declare function MakePayment({ onDone, ...restOfProps }: MakePaymentProps): JSX.Element;
+
+export declare type MakePaymentProps = CommonProps & {
+    /**
+     * Callback to invoke when the payment was made successfully.
+     */
+    onDone: () => void;
+};
+
 export declare function Onboarding<T extends OnboardingEntryPoint>({ onDone, entryPoint: onboardingEntryPoint, exitPoint: onboardingExitPoint, ...restOfProps }: OnboardingProps<T>): JSX.Element;
 
 declare type OnboardingEntryPoint = keyof AllowedExitPoints;
@@ -565,6 +621,12 @@ declare type OnboardingProps<T extends keyof AllowedExitPoints> = CommonProps &
     onDone: (account: Account) => void;
 };
 
+declare type ProviderProps = {
+    getToken: () => Promise<string>;
+    enableLogging?: boolean | undefined;
+    children: React_2.ReactNode;
+};
+
 /**
  * An error type providing a reason code and message.
  * Penpal only passes plain objects, so this does not inherit from Error.
@@ -574,12 +636,7 @@ export declare type RawErrorDetails = {
     message: string;
 };
 
-declare type RenderingContext_2 = {
-    entryPoint?: EntryPoint;
-    referer?: string;
-};
-
-declare type RenderingContext_3 = z.infer<typeof renderingContextSchema>;
+declare type RenderingContext_2 = z.infer<typeof renderingContextSchema>;
 
 declare const renderingContextSchema: z.ZodIntersection<z.ZodDiscriminatedUnion<"entryPoint", [z.ZodObject<{
     entryPoint: z.ZodLiteral<"createCard">;
@@ -692,6 +749,18 @@ declare const renderingContextSchema: z.ZodIntersection<z.ZodDiscriminatedUnion<
     entryPoint: "cardsApp";
 }, {
     entryPoint: "cardsApp";
+}>, z.ZodObject<{
+    entryPoint: z.ZodLiteral<"tokenExchange">;
+}, "strip", z.ZodTypeAny, {
+    entryPoint: "tokenExchange";
+}, {
+    entryPoint: "tokenExchange";
+}>, z.ZodObject<{
+    entryPoint: z.ZodLiteral<"makePayment">;
+}, "strip", z.ZodTypeAny, {
+    entryPoint: "makePayment";
+}, {
+    entryPoint: "makePayment";
 }>]>, z.ZodObject<{
     referer: z.ZodOptional<z.ZodNullable<z.ZodString>>;
 }, "strip", z.ZodTypeAny, {
@@ -700,14 +769,80 @@ declare const renderingContextSchema: z.ZodIntersection<z.ZodDiscriminatedUnion<
     referer?: string | null | undefined;
 }>>;
 
+/**
+ * Safely decodes a URL component, handling potential errors
+ */
+export declare function safeDecodeURIComponent(str: string): string;
+
+export declare type ThemeColorScheme = 'light' | 'dark' | 'system';
+
+export declare type TokenData = {
+    token: string;
+    tokenType: TokenType;
+    baseUrl: string;
+    paramKey: TokenParamKey;
+    paramLocation: TokenParamLocation;
+};
+
+export declare function tokenDataFromOneTimeToken(oneTimeToken: string): TokenData;
+
+/**
+ * The component is hidden from the user and is only used to exchange a one-time token for a JWT in the authentication context.
+ *
+ * The token exchange process works as follows:
+ * 1. Component renders a hidden iframe with the one-time token in the URL
+ * 2. The iframe loads with the long-lived token as part of its url redirect response and establishes a secure connection with the parent window
+ * 3. The iframe passes the long-lived token to the parent via postMessage
+ * 4. onExchangeComplete callback is triggered with the new JWT
+ *
+ * If any errors occur during this process, they are passed to onExchangeError.
+ */
+export declare function TokenExchangeIframe(props: TokenExchangeIframeProps): JSX.Element;
+
+export declare interface TokenExchangeIframeProps {
+    oneTimeToken: string;
+    enableLogging?: boolean | undefined;
+    onExchangeComplete: (jwtToken: string) => void;
+    onExchangeError?: (error: Error) => void;
+}
+
+export declare enum TokenParamKey {
+    token = "token",
+    accessToken = "access_token"
+}
+
+export declare enum TokenParamLocation {
+    search = "search",
+    hash = "hash"
+}
+
+export declare class TokenRefreshError extends CapitalOSError {
+    constructor(originalError?: Error);
+}
+
+export declare enum TokenType {
+    oneTime = "oneTime",
+    longLived = "longLived"
+}
+
+export declare const useCapitalOsAuthContext: () => CapitalOsAuthenticationContextType;
+
 /**
  * connects to child iframe and returns whether the iframe is loaded or not.
+ * token was added to the list of dependencies to make sure that the connection is re-established when the token changes.
  */
 export declare function useIframeConnection({ iframeRef, token, onError, methods, }: {
     iframeRef: React.RefObject<HTMLIFrameElement>;
-    token: string;
+    token: string | undefined;
     onError: ((error: Error) => void) | undefined | null;
     methods: IframeConnectionMethods;
 }): void;
 
+export declare function useIframeUrl({ tokenData, renderingContext, theme, onError, }: {
+    tokenData: TokenData | undefined;
+    renderingContext: CapitalOsRenderingContext;
+    theme?: ThemeColorScheme | undefined;
+    onError?: ((error: Error) => void) | undefined;
+}): string | undefined;
+
 export { }

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-"use client";var H=Object.defineProperty,S=Object.defineProperties;var _=Object.getOwnPropertyDescriptors;var y=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var D=(e,t,n)=>t in e?H(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,i=(e,t)=>{for(var n in t||(t={}))A.call(t,n)&&D(e,n,t[n]);if(y)for(var n of y(t))v.call(t,n)&&D(e,n,t[n]);return e},a=(e,t)=>S(e,_(t));var x=(e,t)=>{var n={};for(var o in e)A.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(e!=null&&y)for(var o of y(e))t.indexOf(o)<0&&v.call(e,o)&&(n[o]=e[o]);return n};import m,{useMemo as l}from"react";import P,{useMemo as Z,useRef as ee,useState as te}from"react";var M="1.0.0-rc.2";var C=class extends Error{constructor({message:t,code:n}){super(t),this.name="CapitalOSError",this.code=n}},W={unauthorized:"unauthorized",invalid_account_status:"invalid_account_status",unsupported_entry_point:"unsupported_entry_point"},g=class extends C{constructor(){super({message:"Invalid token",code:W.unauthorized}),this.name="CapitalOSInvalidTokenError"}};import{connectToChild as j}from"penpal";import{useEffect as B}from"react";var $=1e4;function w({iframeRef:e,token:t,onError:n,methods:o}){B(()=>{let r=j({iframe:e.current,childOrigin:"*",debug:!0,timeout:$,methods:o});return r.promise.catch(s=>{n==null||n(s)}),()=>{r.destroy()}},[t])}import{iframeResizer as V}from"iframe-resizer";import J,{forwardRef as U,useEffect as q,useImperativeHandle as G,useRef as K}from"react";var h=U((e,t)=>{let n=e.title||"iframe",{iframeHTMLAttributes:o,resizerOptions:r}=Y(e),s=K(null);return q(()=>{let d=s.current;return V(i({},r),d),()=>d.iFrameResizer&&d.iFrameResizer.removeListeners()}),G(t,()=>s.current),J.createElement("iframe",a(i({},o),{title:n,ref:s}))});h.displayName="IframeResizer";var Q=["autoResize","bodyBackground","bodyMargin","bodyPadding","checkOrigin","inPageLinks","heightCalculationMethod","interval","log","maxHeight","maxWidth","minHeight","minWidth","resizeFrom","scrolling","sizeHeight","sizeWidth","warningTimeout","tolerance","widthCalculationMethod","onClosed","onInit","onMessage","onResized","onScroll"],X=new Set(Q);function Y(e){return Object.keys(e).reduce((n,o)=>(X.has(o)?n.resizerOptions[o]=e[o]:n.iframeHTMLAttributes[o]=e[o],n),{resizerOptions:{},iframeHTMLAttributes:{}})}function k(e){let t=JSON.stringify(e),n=btoa(t);return encodeURIComponent(n)}function z(e){try{let t=decodeURIComponent(e),n=atob(t);return JSON.parse(n)}catch(t){throw new g}}function c(e){let{token:t,className:n,enableLogging:o,onError:r,loadingComponent:s,renderingContext:d,methods:u,theme:I}=e,[b,E]=te(!1),O=ee(null),L=Z(()=>{try{let p=d?a(i({},d),{referer:window.location.href}):null,f=p?k(p):null,F=z(t),{path:T}=F;if(!T)throw new g;let R=I?`&theme=${I}`:"";return`${T}?token=${t}&sdkVersion=${M}&renderingContext=${f!=null?f:""}${R}`}catch(p){r==null||r(new g);return}},[t,r]);return w({iframeRef:O,token:t,onError:p=>{r==null||r(p),E(!0)},methods:i({onLoad:()=>E(!0),onError:p=>{let f=new C(p);r==null||r(f)}},u)}),P.createElement(P.Fragment,null,!b&&s,P.createElement(h,{src:L,allow:"clipboard-write",checkOrigin:!1,style:{width:"1px",height:"0px",minWidth:"100%"},className:n,log:!!o,ref:O,hidden:!b,onResized:p=>{let f=`${parseInt(p.height)+12}px`;p.iframe.style.height=f}}))}function ne(e){let t="cardsApp",n=l(()=>({entryPoint:t}),[t]);return m.createElement(c,a(i({},e),{renderingContext:n}))}var ze=ne;function Le(r){var s=r,{cardholder:e,onDone:t,onCancel:n}=s,o=x(s,["cardholder","onDone","onCancel"]);let d="createCard",u=l(()=>({entryPoint:d,cardholder:e}),[e]);return m.createElement(c,a(i({},o),{renderingContext:u,methods:{createCard:{onDone:t,onCancel:n}}}))}function Fe(r){var s=r,{transactionId:e,onDone:t,onCancel:n}=s,o=x(s,["transactionId","onDone","onCancel"]);let d="createDispute",u=l(()=>({entryPoint:d,transactionId:e}),[e]);return m.createElement(c,a(i({},o),{renderingContext:u,methods:{createDispute:{onDone:t,onCancel:n}}}))}function Re(e){let t="billPayApp",n=l(()=>({entryPoint:t}),[t]);return m.createElement(c,a(i({},e),{renderingContext:n}))}function He(e){let t="cardDetails",n=l(()=>({entryPoint:t,cardId:e.cardId,cardOnly:e.cardOnly}),[t,e.cardId,e.cardOnly]);return m.createElement(c,a(i({},e),{renderingContext:n}))}function Se(e){let t="accountDetails",n=l(()=>({entryPoint:t}),[t]);return m.createElement(c,a(i({},e),{renderingContext:n}))}function _e(e){let t="accountActions",n=l(()=>({entryPoint:t}),[t]);return m.createElement(c,a(i({},e),{renderingContext:n}))}function Ne(e){let t="insightsDashboard",n=l(()=>({entryPoint:t}),[t]);return m.createElement(c,a(i({},e),{renderingContext:n}))}function We(e){let t="insightsWidget",n=e.widget,o=l(()=>({entryPoint:t,widget:n}),[t,n]);return m.createElement(c,a(i({},e),{renderingContext:o}))}function je(r){var s=r,{onDone:e,entryPoint:t,exitPoint:n}=s,o=x(s,["onDone","entryPoint","exitPoint"]);let d="onboarding",u=l(()=>({entryPoint:d,onboardingEntryPoint:t,onboardingExitPoint:n}),[d,t,n]);return m.createElement(c,a(i({},o),{renderingContext:u,methods:{onboarding:{onDone:e}}}))}export{_e as AccountActions,Se as AccountDetails,ze as App,Re as BillPayApp,He as CardDetails,ne as CardsApp,Fe as DisputeTransaction,Ne as InsightsDashboard,We as InsightsWidget,Le as IssueCard,je as Onboarding};
+"use client";var X=Object.defineProperty,Y=Object.defineProperties;var Z=Object.getOwnPropertyDescriptors;var A=Object.getOwnPropertySymbols;var N=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var _=(e,t,n)=>t in e?X(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,d=(e,t)=>{for(var n in t||(t={}))N.call(t,n)&&_(e,n,t[n]);if(A)for(var n of A(t))j.call(t,n)&&_(e,n,t[n]);return e},c=(e,t)=>Y(e,Z(t));var O=(e,t)=>{var n={};for(var o in e)N.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(e!=null&&A)for(var o of A(e))t.indexOf(o)<0&&j.call(e,o)&&(n[o]=e[o]);return n};var B=(e,t,n)=>new Promise((o,r)=>{var i=p=>{try{a(n.next(p))}catch(m){r(m)}},s=p=>{try{a(n.throw(p))}catch(m){r(m)}},a=p=>p.done?o(p.value):Promise.resolve(p.value).then(i,s);a((n=n.apply(e,t)).next())});import u,{useMemo as f}from"react";import L,{useEffect as G,useMemo as ve,useRef as Q,useState as De,useCallback as Le}from"react";import S,{createContext as Pe,useContext as Ie,useState as D,useMemo as Ee,useCallback as U,useEffect as Oe}from"react";import ye,{useMemo as ke,useRef as Te}from"react";var C=class extends Error{constructor({message:t,code:n}){super(t),this.name="CapitalOSError",this.code=n}},b={unauthorized:"unauthorized",invalid_account_status:"invalid_account_status",unsupported_entry_point:"unsupported_entry_point",internal_error:"internal_error"},P=class extends C{constructor(t){super({message:`Invalid token ${t!=null?t:""}`,code:b.unauthorized}),this.name="CapitalOSInvalidTokenError"}};import{connectToChild as se}from"penpal";import{useEffect as ae,useMemo as de,useRef as V}from"react";var W="1.0.0-rc.4";function re(e){let t=JSON.stringify(e),n=btoa(t);return encodeURIComponent(n)}function H(e){try{let t=decodeURIComponent(e),n=atob(t);return JSON.parse(n)}catch(t){throw new P}}function ie(e){try{return decodeURIComponent(e)}catch(t){return e}}function K({tokenData:e,renderingContext:t,theme:n,onError:o}){try{let r=t?c(d({},t),{referer:window.location.href}):null,i=r?re(r):null,s=new URL(e.baseUrl),a=ie(e.token);return e.paramLocation==="search"?s.searchParams.set(e.paramKey,a):e.paramLocation==="hash"&&(s.hash=e.paramKey+"="+encodeURIComponent(a)),s.searchParams.set("sdkVersion",W),i&&s.searchParams.set("renderingContext",i),n&&s.searchParams.set("theme",n),s.toString()}catch(r){o==null||o(new P);return}}function M(e){let n=H(e).path;if(!n||typeof n!="string")throw new P;return{token:e,tokenType:"oneTime",baseUrl:n,paramKey:"token",paramLocation:"search"}}var ce=1e4;function R({iframeRef:e,token:t,onError:n,methods:o}){ae(()=>{if(!e.current)return;let r=se({iframe:e.current,childOrigin:"*",debug:!0,timeout:ce,methods:o});return r.promise.catch(i=>{n==null||n(i)}),()=>{r.destroy()}},[t,e])}function z({tokenData:e,renderingContext:t,theme:n,onError:o}){let r=V(o),i=V(t);return de(()=>{if(e)return K({tokenData:e,renderingContext:i.current,theme:n,onError:r.current})},[e,n,r,i])}import{iframeResizer as pe}from"iframe-resizer";import me,{forwardRef as le,useEffect as ue,useImperativeHandle as fe,useRef as ge}from"react";var v=le((e,t)=>{let n=e.title||"iframe",{iframeHTMLAttributes:o,resizerOptions:r}=xe(e),i=ge(null);return ue(()=>{let s=i.current;return pe(d({},r),s),()=>s.iFrameResizer&&s.iFrameResizer.removeListeners()}),fe(t,()=>i.current),me.createElement("iframe",c(d({},o),{title:n,ref:i}))});v.displayName="IframeResizer";var Ce=["autoResize","bodyBackground","bodyMargin","bodyPadding","checkOrigin","inPageLinks","heightCalculationMethod","interval","log","maxHeight","maxWidth","minHeight","minWidth","resizeFrom","scrolling","sizeHeight","sizeWidth","warningTimeout","tolerance","widthCalculationMethod","onClosed","onInit","onMessage","onResized","onScroll"],he=new Set(Ce);function xe(e){return Object.keys(e).reduce((n,o)=>(he.has(o)?n.resizerOptions[o]=e[o]:n.iframeHTMLAttributes[o]=e[o],n),{resizerOptions:{},iframeHTMLAttributes:{}})}function J(e){let{oneTimeToken:t,enableLogging:n,onExchangeComplete:o,onExchangeError:r}=e,i=Te(null),s=ke(()=>M(t),[t]),p=z({tokenData:s,onError:r,renderingContext:{entryPoint:"tokenExchange"}});return R({iframeRef:i,token:t,onError:r,methods:{onLoad:()=>{},onError:m=>{r==null||r(new C(m))},tokenExchange:{onLongLivedToken:o}}}),ye.createElement(v,{src:p,checkOrigin:!1,style:{display:"none"},log:!!n,ref:i})}var $=Pe({isLoading:!1,invalidateToken:()=>{}}),be=({getToken:e,enableLogging:t,children:n})=>{let[o,r]=D(void 0),[i,s]=D(void 0),[a,p]=D(void 0),[m,w]=D(!1),[I,x]=D(void 0),k=U(()=>B(void 0,null,function*(){w(!0);try{let g=yield e();r(g),x(void 0);let h=H(g),T=new URL(h.path);T.pathname="",s(T.toString())}catch(g){x(g)}finally{w(!1)}}),[e]),E=U(()=>{p(void 0)},[]);Oe(()=>{a||k()},[a,k]);let y=U(g=>{p(g),r(void 0),x(void 0)},[]),F=Ee(()=>{if(a&&!i)throw new C({message:"baseUrl is required for long lived tokens",code:b.unauthorized});return{tokenData:a?{token:a,tokenType:"longLived",baseUrl:i,paramKey:"access_token",paramLocation:"hash"}:void 0,isLoading:m,error:I,invalidateToken:E}},[a,m,I,E,i]);return S.createElement(S.Fragment,null,S.createElement($.Provider,{value:F},n),o&&!a&&S.createElement(J,{oneTimeToken:o,onExchangeComplete:y,enableLogging:t,onExchangeError:x}))},q=()=>Ie($);function l(e){let{token:t,className:n,enableLogging:o,onError:r,loadingComponent:i,renderingContext:s,methods:a,theme:p}=e,{tokenData:m,error:w,invalidateToken:I}=q(),[x,k]=De(!1),E=Q(null);we(w,r);let y=ve(()=>t?M(t):m,[t,m]),F=Le(()=>{if(o&&console.log("CapitalOS: Token expired, invalidating..."),t){r==null||r(new C({message:"Token expired. Cannot automatically refresh when using token prop.",code:b.unauthorized}));return}I(),k(!1)},[t,I,o,r]);G(()=>{t&&m&&o&&console.warn("CapitalOS: token was provided both from provider and from the token prop. the prop will take precedence")},[t,m,o]);let g=z({tokenData:y,renderingContext:s,theme:p,onError:r});return R({iframeRef:E,token:y==null?void 0:y.token,onError:h=>{r==null||r(h),k(!0)},methods:d({onLoad:()=>k(!0),onError:h=>{let T=new C(h);r==null||r(T)},onTokenExpired:F},a)}),!y||!g?L.createElement(L.Fragment,null,i||null):L.createElement(L.Fragment,null,!x&&i,L.createElement(v,{src:g,allow:"clipboard-write",checkOrigin:!1,style:{width:"1px",height:"0px",minWidth:"100%"},className:n,log:!!o,ref:E,hidden:!x,onResized:h=>{let T=`${parseInt(h.height)+12}px`;h.iframe.style.height=T}}))}function we(e,t){let n=Q(!1);G(()=>{e&&!n.current&&(t==null||t(e),n.current=!0)},[e,t])}function Ae(e){let t="cardsApp",n=f(()=>({entryPoint:t}),[t]);return u.createElement(l,c(d({},e),{renderingContext:n}))}var wt=Ae;function At(r){var i=r,{cardholder:e,onDone:t,onCancel:n}=i,o=O(i,["cardholder","onDone","onCancel"]);let s="createCard",a=f(()=>({entryPoint:s,cardholder:e}),[e]);return u.createElement(l,c(d({},o),{renderingContext:a,methods:{createCard:{onDone:t,onCancel:n}}}))}function Mt(r){var i=r,{transactionId:e,onDone:t,onCancel:n}=i,o=O(i,["transactionId","onDone","onCancel"]);let s="createDispute",a=f(()=>({entryPoint:s,transactionId:e}),[e]);return u.createElement(l,c(d({},o),{renderingContext:a,methods:{createDispute:{onDone:t,onCancel:n}}}))}function Rt(e){let t="billPayApp",n=f(()=>({entryPoint:t}),[t]);return u.createElement(l,c(d({},e),{renderingContext:n}))}function zt(e){let t="cardDetails",n=f(()=>({entryPoint:t,cardId:e.cardId,cardOnly:e.cardOnly}),[t,e.cardId,e.cardOnly]);return u.createElement(l,c(d({},e),{renderingContext:n}))}function St(e){let t="accountDetails",n=f(()=>({entryPoint:t}),[t]);return u.createElement(l,c(d({},e),{renderingContext:n}))}function Ft(e){let t="accountActions",n=f(()=>({entryPoint:t}),[t]);return u.createElement(l,c(d({},e),{renderingContext:n}))}function Ht(e){let t="insightsDashboard",n=f(()=>({entryPoint:t}),[t]);return u.createElement(l,c(d({},e),{renderingContext:n}))}function Ut(e){let t="insightsWidget",n=e.widget,o=f(()=>({entryPoint:t,widget:n}),[t,n]);return u.createElement(l,c(d({},e),{renderingContext:o}))}function _t(r){var i=r,{onDone:e,entryPoint:t,exitPoint:n}=i,o=O(i,["onDone","entryPoint","exitPoint"]);let s="onboarding",a=f(()=>({entryPoint:s,onboardingEntryPoint:t,onboardingExitPoint:n}),[s,t,n]);return u.createElement(l,c(d({},o),{renderingContext:a,methods:{onboarding:{onDone:e}}}))}function Nt(n){var o=n,{onDone:e}=o,t=O(o,["onDone"]);let r="makePayment",i=f(()=>({entryPoint:r}),[r]);return u.createElement(l,c(d({},t),{renderingContext:i,methods:{makePayment:{onDone:e}}}))}export{Ft as AccountActions,St as AccountDetails,wt as App,Rt as BillPayApp,be as CapitalOsAuthenticationProvider,zt as CardDetails,Ae as CardsApp,Mt as DisputeTransaction,Ht as InsightsDashboard,Ut as InsightsWidget,At as IssueCard,Nt as MakePayment,_t as Onboarding};
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.tsx","../../src/capital-os.tsx","../../package.json","../../src/error.ts","../../src/hooks.ts","../../src/iframe-resizer.tsx","../../src/utils.ts"],"sourcesContent":["'use client'\n\nimport React, { useMemo } from 'react'\n\nimport { CapitalOS } from './capital-os'\nimport type { EntryPoint, IssueCardDefaultValues } from './external-types'\nimport type { Account, CommonProps } from './types'\n\n// #region App\n/**\n * Renders the CapitalOS CardsApp.\n */\nexport function CardsApp(props: CommonProps) {\n  const entryPoint: EntryPoint = 'cardsApp'\n  const renderingContext = useMemo(() => ({ entryPoint }), [entryPoint])\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// maintain backwards compatibility\n\n/** @deprecated Use {@link CardsApp} instead */\nconst App = CardsApp\n\nexport { App }\n\n// #region Issue Card\nexport type IssueCardProps = CommonProps & {\n  /**\n   * Default values to prefill the form with.\n   *\n   * Either provide a userId, in which case the default values will be taken from that user's profile, or provide the cardholder's details directly.\n   */\n  cardholder?: IssueCardDefaultValues\n\n  /**\n   * Callback to invoke when the card was created successfully.\n   */\n  onDone: () => void\n\n  /**\n   * Callback to invoke when the card creation was cancelled by the user.\n   */\n  onCancel: () => void\n}\n\n/**\n * Renders the CapitalOS Issue Card experience.\n */\nexport function IssueCard({ cardholder, onDone, onCancel, ...restOfProps }: IssueCardProps) {\n  const entryPoint: EntryPoint = 'createCard'\n  const renderingContext = useMemo(\n    () => ({\n      entryPoint,\n      cardholder,\n    }),\n    [cardholder],\n  )\n\n  return (\n    <CapitalOS {...restOfProps} renderingContext={renderingContext} methods={{ createCard: { onDone, onCancel } }} />\n  )\n}\n// #endregion\n\n// #region Dispute Transaction\nexport type DisputeTransactionProps = CommonProps & {\n  /**\n   * The ID of the transaction to dispute.\n   */\n  transactionId: string\n\n  /**\n   * Callback to invoke when the dispute was successfully submitted.\n   */\n  onDone: () => void\n\n  /**\n   * Callback to invoke when the user cancels the dispute submission.\n   */\n  onCancel: () => void\n}\n\n/**\n * Renders the CapitalOS Dispute Transaction experience.\n */\nexport function DisputeTransaction({ transactionId, onDone, onCancel, ...restOfProps }: DisputeTransactionProps) {\n  const entryPoint: EntryPoint = 'createDispute'\n  const renderingContext = useMemo(() => ({ entryPoint, transactionId }), [transactionId])\n\n  return (\n    <CapitalOS {...restOfProps} renderingContext={renderingContext} methods={{ createDispute: { onDone, onCancel } }} />\n  )\n}\n// #endregion\n\n// #region Bill Payment Dashboard\nexport type BillPayAppProps = CommonProps\n\n/**\n * Renders the CapitalOS Bill Payment Dashboard experience.\n */\nexport function BillPayApp(props: BillPayAppProps) {\n  const entryPoint: EntryPoint = 'billPayApp'\n  const renderingContext = useMemo(() => ({ entryPoint }), [entryPoint])\n\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// #region Card Details\nexport type CardDetailsProps = CommonProps & {\n  /**\n   * The ID of the card to manage.\n   */\n  cardId: string\n  cardOnly?: boolean | undefined\n}\n\n/**\n * Renders the CapitalOS Manage Card experience.\n */\nexport function CardDetails(props: CardDetailsProps) {\n  const entryPoint: EntryPoint = 'cardDetails'\n  const renderingContext = useMemo(\n    () => ({ entryPoint, cardId: props.cardId, cardOnly: props.cardOnly }),\n    [entryPoint, props.cardId, props.cardOnly],\n  )\n\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// #region Account Details\nexport type AccountDetailsProps = CommonProps\n\n/**\n * Renders the CapitalOS Account Details experience.\n */\nexport function AccountDetails(props: AccountDetailsProps) {\n  const entryPoint: EntryPoint = 'accountDetails'\n  const renderingContext = useMemo(() => ({ entryPoint }), [entryPoint])\n\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// #region Account Actions\nexport type AccountActionsProps = CommonProps\n\n/**\n * Renders the CapitalOS Account Actions experience.\n */\nexport function AccountActions(props: AccountActionsProps) {\n  const entryPoint: EntryPoint = 'accountActions'\n  const renderingContext = useMemo(() => ({ entryPoint }), [entryPoint])\n\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// #region Insights Dashboard\nexport type InsightsDashboardProps = CommonProps\n\n/**\n * Renders the CapitalOS Insights Dashboard experience\n */\nexport function InsightsDashboard(props: InsightsDashboardProps) {\n  const entryPoint: EntryPoint = 'insightsDashboard'\n  const renderingContext = useMemo(() => ({ entryPoint }), [entryPoint])\n\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// #region Insights Widget\nexport type InsightsWidgetProps = CommonProps & {\n  /**\n   * The specific widget to render.\n   */\n  widget: 'cards-by-month' | 'top-spenders'\n}\n\n/**\n * Renders a specific CapitalOS Insights Widget\n */\nexport function InsightsWidget(props: InsightsWidgetProps) {\n  const entryPoint: EntryPoint = 'insightsWidget'\n  const widget = props.widget\n  const renderingContext = useMemo(() => ({ entryPoint, widget }), [entryPoint, widget])\n\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// #region Onboarding Types\ntype AllowedExitPoints = {\n  welcome: 'application' | 'activation'\n  application: 'application' | 'activation'\n}\n\ntype OnboardingEntryPoint = keyof AllowedExitPoints\ntype OnboardingProps<T extends keyof AllowedExitPoints> = CommonProps & {\n  entryPoint?: T\n  exitPoint?: AllowedExitPoints[T]\n  onDone: (account: Account) => void\n}\n\nexport function Onboarding<T extends OnboardingEntryPoint>({\n  onDone,\n  entryPoint: onboardingEntryPoint,\n  exitPoint: onboardingExitPoint,\n  ...restOfProps\n}: OnboardingProps<T>) {\n  // This component uses 'entryPoint' in two distinct ways:\n  // 1. As a prop to control the user's starting/ending stages of onboarding\n  // 2. For internal rendering context to determine which client component to display\n  const entryPoint: EntryPoint = 'onboarding'\n  const renderingContext = useMemo(\n    () => ({ entryPoint, onboardingEntryPoint, onboardingExitPoint }),\n    [entryPoint, onboardingEntryPoint, onboardingExitPoint],\n  )\n\n  return <CapitalOS {...restOfProps} renderingContext={renderingContext} methods={{ onboarding: { onDone } }} />\n}\n// #endregion\n","import React, { useMemo, useRef, useState } from 'react'\n\nimport { version as sdkVersion } from '../package.json'\nimport { CapitalOSError, InvalidTokenError } from './error'\nimport { EntryPoint } from './external-types'\nimport { IframeConnectionMethods, useIframeConnection } from './hooks'\nimport { IframeResizer } from './iframe-resizer'\nimport { CommonProps } from './types'\nimport { decodeToken, encodeRenderingContext } from './utils'\n\ntype RenderingContext = {\n  entryPoint?: EntryPoint\n  referer?: string\n}\n\ntype CapitalOsProps<T extends RenderingContext> = CommonProps & {\n  renderingContext: T\n  methods?: Partial<IframeConnectionMethods>\n}\n\n/**\n * The internal component that handles all the heavy lifting of connecting to the iframe and rendering the app.\n * all user facing components are basically  a syntactic sugar on top of this.\n */\nexport function CapitalOS<T extends RenderingContext>(props: CapitalOsProps<T>) {\n  const {\n    token,\n    className,\n    enableLogging,\n    onError,\n    loadingComponent: LoadingComponent,\n    renderingContext,\n    methods,\n    theme,\n  } = props\n  // represents the state of whether all required react queries returned and the page should be visible\n  const [isLoaded, setIsLoaded] = useState(false)\n\n  const iframeRef = useRef<HTMLIFrameElement>(null)\n\n  // memoize the url based on the token so we don't redo the computation on each render.\n  const url = useMemo(() => {\n    try {\n      const enrichedRenderingContext = renderingContext\n        ? {\n            ...renderingContext,\n            referer: window.location.href,\n          }\n        : null\n\n      const encodedRenderingContext = enrichedRenderingContext ? encodeRenderingContext(enrichedRenderingContext) : null\n\n      const tokenObject = decodeToken(token)\n\n      const { path } = tokenObject\n      if (!path) {\n        throw new InvalidTokenError()\n      }\n      const themeChunk = theme ? `&theme=${theme}` : ''\n      return `${path}?token=${token}&sdkVersion=${sdkVersion}&renderingContext=${encodedRenderingContext ?? ''}${themeChunk}`\n    } catch (error) {\n      // communicate a general error about the token being invalid to the parent component, no matter which internal error we encountered during token parsing.\n      onError?.(new InvalidTokenError())\n      return undefined\n    }\n    // renderingContext is not part of the dependencies since we do not want to reload the iframe unless the token changes.\n  }, [token, onError])\n\n  useIframeConnection({\n    iframeRef,\n    token,\n    onError: (error) => {\n      onError?.(error)\n      // when connection fails it's probably a handshake timeout with the iframe. we will stop showing the loader\n      // since the fact we failed communication doesn't necessarily mean the iframe didn't load\n      setIsLoaded(true)\n    },\n    methods: {\n      onLoad: () => setIsLoaded(true),\n      onError: (error) => {\n        const err = new CapitalOSError(error)\n        onError?.(err)\n      },\n      ...methods,\n    },\n  })\n\n  return (\n    <>\n      {/* show loader as long as we're not loaded */}\n      {!isLoaded && LoadingComponent}\n      {/* hide the iframe as long as we're not loaded */}\n      <IframeResizer\n        src={url}\n        allow=\"clipboard-write\"\n        checkOrigin={false}\n        style={{ width: '1px', height: '0px', minWidth: '100%' }}\n        className={className}\n        log={!!enableLogging}\n        ref={iframeRef}\n        hidden={!isLoaded}\n        // Add a constant offset to the height of the iframe to account for css shadows.\n        // This is useful for tooltips that are rendered with shadows below them that extend beyond the bottom of the tooltip.\n        onResized={(data) => {\n          // typing is wrong here. this is a string.\n          const newHeight = `${parseInt(data.height as unknown as string) + 12}px`\n          data.iframe.style.height = newHeight\n        }}\n      />\n    </>\n  )\n}\n","{\n  \"name\": \"@capitalos/react\",\n  \"version\": \"1.0.0-rc.2\",\n  \"description\": \"integrate CapitalOS into your react app\",\n  \"main\": \"dist/index.js\",\n  \"module\": \"dist/esm/index.js\",\n  \"types\": \"dist/_tsup-dts-rollup.d.ts\",\n  \"scripts\": {\n    \"build\": \" pnpm lint && tsup src/index.tsx --experimental-dts --minify --format esm,cjs --clean --no-splitting --sourcemap --legacy-output --out-dir dist\",\n    \"dev\": \"pnpm build --watch\",\n    \"prepublishOnly\": \"pnpm build\",\n    \"lint\": \"eslint . --ext .ts,.tsx --fix\",\n    \"lint-ci\": \"eslint . --ext .ts,.tsx\"\n  },\n  \"keywords\": [\n    \"capitalos\",\n    \"react\"\n  ],\n  \"homepage\": \"https://docs.capitalos.com/docs/using-react-client-library\",\n  \"author\": \"CapitalOS\",\n  \"license\": \"MIT\",\n  \"files\": [\n    \"dist\",\n    \"package.json\"\n  ],\n  \"devDependencies\": {\n    \"@changesets/cli\": \"^2.27.12\",\n    \"@microsoft/api-extractor\": \"^7.39.5\",\n    \"@trivago/prettier-plugin-sort-imports\": \"^4.3.0\",\n    \"@types/iframe-resizer\": \"^3.5.13\",\n    \"@types/react\": \"18.0.20\",\n    \"@typescript-eslint/eslint-plugin\": \"^7.2.0\",\n    \"@typescript-eslint/parser\": \"^7.2.0\",\n    \"eslint\": \"^8.57.0\",\n    \"eslint-config-prettier\": \"^9.1.0\",\n    \"eslint-plugin-prettier\": \"^5.1.3\",\n    \"eslint-plugin-react\": \"^7.34.0\",\n    \"prettier\": \"^3.2.5\",\n    \"react\": \"16.8.0\",\n    \"tsup\": \"^8.1.0\",\n    \"typescript\": \"^5.6.2\"\n  },\n  \"dependencies\": {\n    \"iframe-resizer\": \"^4.3.9\",\n    \"penpal\": \"^6.2.2\"\n  },\n  \"peerDependencies\": {\n    \"react\": \">=16.8.0\"\n  }\n}\n","/**\n * Base class for all SDK errors\n */\nexport class CapitalOSError extends Error {\n  code: ErrorCode\n  constructor({ message, code }: { message: string; code: ErrorCode }) {\n    super(message)\n    this.name = 'CapitalOSError'\n    this.code = code\n  }\n}\n\nexport const ErrorCode = {\n  unauthorized: 'unauthorized',\n  invalid_account_status: 'invalid_account_status',\n  unsupported_entry_point: 'unsupported_entry_point',\n} as const\n\nexport type ErrorCode = (typeof ErrorCode)[keyof typeof ErrorCode]\n\n/**\n * Represents an error that occurs when an invalid token is encountered.\n */\nexport class InvalidTokenError extends CapitalOSError {\n  constructor() {\n    super({ message: 'Invalid token', code: ErrorCode.unauthorized })\n    this.name = 'CapitalOSInvalidTokenError'\n  }\n}\n","import { connectToChild } from 'penpal'\nimport { useEffect } from 'react'\n\nimport { ErrorCode } from './error'\nimport { Account } from './types'\n\nconst IFRAME_CONNECTION_TIMEOUT_MILLISECONDS = 10_000\n\n/**\n * An error type providing a reason code and message.\n * Penpal only passes plain objects, so this does not inherit from Error.\n */\nexport type RawErrorDetails = {\n  code: ErrorCode\n  message: string\n}\n\nexport type IframeConnectionMethods = {\n  onLoad: () => void\n  onError: (error: RawErrorDetails) => void\n  createCard?: {\n    onDone?: () => void\n    onCancel?: () => void\n  }\n  createDispute?: {\n    onDone?: () => void\n    onCancel?: () => void\n  }\n  onboarding?: {\n    onDone?: (account: Account) => void\n  }\n}\n\n/**\n * connects to child iframe and returns whether the iframe is loaded or not.\n */\nexport function useIframeConnection({\n  iframeRef,\n  token,\n  onError,\n  methods,\n}: {\n  iframeRef: React.RefObject<HTMLIFrameElement>\n  token: string\n  onError: ((error: Error) => void) | undefined | null\n  methods: IframeConnectionMethods\n}) {\n  // connect to child iframe\n  useEffect(() => {\n    const connection = connectToChild({\n      iframe: iframeRef.current!,\n      childOrigin: '*',\n      debug: true,\n      timeout: IFRAME_CONNECTION_TIMEOUT_MILLISECONDS,\n      methods,\n    })\n\n    connection.promise.catch((error) => {\n      onError?.(error)\n    })\n\n    return () => {\n      connection.destroy()\n    }\n  }, [token])\n}\n","import {\n  IFrameOptions as BrokenIframeOptions,\n  IFrameComponent,\n  IFrameMessageData,\n  IFrameResizedData,\n  IFrameScrollData,\n  iframeResizer,\n} from 'iframe-resizer'\nimport React, { IframeHTMLAttributes, forwardRef, useEffect, useImperativeHandle, useRef } from 'react'\n\n// the events were renamed but package maintainers didn't update the types.\ntype IFrameOptions = Omit<\n  BrokenIframeOptions,\n  'closedCallback' | 'scrollCallback' | 'resizedCallback' | 'messageCallback' | 'initCallback'\n> & {\n  onClosed?(iframeId: string): void\n  onInit?(iframe: IFrameComponent): void\n  onMessage?(data: IFrameMessageData): void\n  onResized?(data: IFrameResizedData): void\n  onScroll?(data: IFrameScrollData): boolean\n}\n\ntype IframeResizerProps = IFrameOptions & IframeHTMLAttributes<HTMLIFrameElement>\ntype EnrichedHtmlIframeElement = HTMLIFrameElement & { iFrameResizer: { removeListeners: () => void } }\n\nexport const IframeResizer = forwardRef((props: IframeResizerProps, ref: React.Ref<HTMLIFrameElement>) => {\n  const title = props.title || 'iframe'\n  const { iframeHTMLAttributes, resizerOptions } = splitProps(props)\n  const iframeRef = useRef<HTMLIFrameElement>(null)\n\n  useEffect(() => {\n    // effects run after render, so the ref is guaranteed to be set (unless the component conditionally renders the iframe, which is not the case)\n    const iframe = iframeRef.current as EnrichedHtmlIframeElement\n\n    iframeResizer({ ...resizerOptions }, iframe)\n\n    return () => iframe.iFrameResizer && iframe.iFrameResizer.removeListeners()\n  })\n\n  // make the ref provided as a prop point to the same place as the internal iframe ref.\n  useImperativeHandle(ref, () => iframeRef.current as HTMLIFrameElement)\n\n  return <iframe {...iframeHTMLAttributes} title={title} ref={iframeRef} />\n})\n\nIframeResizer.displayName = 'IframeResizer'\n\nconst resizerOptions = [\n  'autoResize',\n  'bodyBackground',\n  'bodyMargin',\n  'bodyPadding',\n  'checkOrigin',\n  'inPageLinks',\n  'heightCalculationMethod',\n  'interval',\n  'log',\n  'maxHeight',\n  'maxWidth',\n  'minHeight',\n  'minWidth',\n  'resizeFrom',\n  'scrolling',\n  'sizeHeight',\n  'sizeWidth',\n  'warningTimeout',\n  'tolerance',\n  'widthCalculationMethod',\n  'onClosed',\n  'onInit',\n  'onMessage',\n  'onResized',\n  'onScroll',\n]\n\nconst resizerOptionsSet = new Set(resizerOptions)\n\n/**\n * split props into the resizer library options and the native iframe attributes.\n * the code is contains many type assertions because typescript doesn't handle reduce well.\n */\nfunction splitProps(props: IframeResizerProps) {\n  const split = Object.keys(props).reduce<{\n    resizerOptions: IFrameOptions\n    iframeHTMLAttributes: IframeHTMLAttributes<HTMLIFrameElement>\n  }>(\n    (acc, key) => {\n      if (resizerOptionsSet.has(key)) {\n        acc.resizerOptions[key as keyof IFrameOptions] = props[key as keyof typeof props]\n      } else {\n        acc.iframeHTMLAttributes[key as keyof IframeHTMLAttributes<HTMLIFrameElement>] =\n          props[key as keyof typeof props]\n      }\n      return acc\n    },\n    { resizerOptions: {}, iframeHTMLAttributes: {} },\n  )\n\n  return split\n}\n","import { InvalidTokenError } from './error'\n\n/**\n * Encodes the rendering context as base64 and then URI encodes it.\n */\nexport function encodeRenderingContext<T>(renderingContext: NonNullable<T>) {\n  const renderingContextJson = JSON.stringify(renderingContext)\n  const renderingContextBase64 = btoa(renderingContextJson)\n  const renderingContextEncoded = encodeURIComponent(renderingContextBase64)\n\n  return renderingContextEncoded\n}\n\nexport function decodeToken(token: string) {\n  try {\n    const urlDecodedToken = decodeURIComponent(token)\n    const base64DecodedToken = atob(urlDecodedToken)\n    return JSON.parse(base64DecodedToken)\n  } catch (error) {\n    throw new InvalidTokenError()\n  }\n}\n"],"mappings":"4lBAEA,OAAOA,GAAS,WAAAC,MAAe,QCF/B,OAAOC,GAAS,WAAAC,EAAS,UAAAC,GAAQ,YAAAC,OAAgB,QCE/C,IAAAC,EAAW,aCCN,IAAMC,EAAN,cAA6B,KAAM,CAExC,YAAY,CAAE,QAAAC,EAAS,KAAAC,CAAK,EAAyC,CACnE,MAAMD,CAAO,EACb,KAAK,KAAO,iBACZ,KAAK,KAAOC,CACd,CACF,EAEaC,EAAY,CACvB,aAAc,eACd,uBAAwB,yBACxB,wBAAyB,yBAC3B,EAOaC,EAAN,cAAgCJ,CAAe,CACpD,aAAc,CACZ,MAAM,CAAE,QAAS,gBAAiB,KAAMG,EAAU,YAAa,CAAC,EAChE,KAAK,KAAO,4BACd,CACF,EC5BA,OAAS,kBAAAE,MAAsB,SAC/B,OAAS,aAAAC,MAAiB,QAK1B,IAAMC,EAAyC,IA8BxC,SAASC,EAAoB,CAClC,UAAAC,EACA,MAAAC,EACA,QAAAC,EACA,QAAAC,CACF,EAKG,CAEDN,EAAU,IAAM,CACd,IAAMO,EAAaR,EAAe,CAChC,OAAQI,EAAU,QAClB,YAAa,IACb,MAAO,GACP,QAASF,EACT,QAAAK,CACF,CAAC,EAED,OAAAC,EAAW,QAAQ,MAAOC,GAAU,CAClCH,GAAA,MAAAA,EAAUG,EACZ,CAAC,EAEM,IAAM,CACXD,EAAW,QAAQ,CACrB,CACF,EAAG,CAACH,CAAK,CAAC,CACZ,CCjEA,OAME,iBAAAK,MACK,iBACP,OAAOC,GAA+B,cAAAC,EAAY,aAAAC,EAAW,uBAAAC,EAAqB,UAAAC,MAAc,QAiBzF,IAAMC,EAAgBC,EAAW,CAACC,EAA2BC,IAAsC,CACxG,IAAMC,EAAQF,EAAM,OAAS,SACvB,CAAE,qBAAAG,EAAsB,eAAAC,CAAe,EAAIC,EAAWL,CAAK,EAC3DM,EAAYC,EAA0B,IAAI,EAEhD,OAAAC,EAAU,IAAM,CAEd,IAAMC,EAASH,EAAU,QAEzB,OAAAI,EAAcC,EAAA,GAAKP,GAAkBK,CAAM,EAEpC,IAAMA,EAAO,eAAiBA,EAAO,cAAc,gBAAgB,CAC5E,CAAC,EAGDG,EAAoBX,EAAK,IAAMK,EAAU,OAA4B,EAE9DO,EAAA,cAAC,SAAAC,EAAAH,EAAA,GAAWR,GAAX,CAAiC,MAAOD,EAAO,IAAKI,GAAW,CACzE,CAAC,EAEDR,EAAc,YAAc,gBAE5B,IAAMM,EAAiB,CACrB,aACA,iBACA,aACA,cACA,cACA,cACA,0BACA,WACA,MACA,YACA,WACA,YACA,WACA,aACA,YACA,aACA,YACA,iBACA,YACA,yBACA,WACA,SACA,YACA,YACA,UACF,EAEMW,EAAoB,IAAI,IAAIX,CAAc,EAMhD,SAASC,EAAWL,EAA2B,CAiB7C,OAhBc,OAAO,KAAKA,CAAK,EAAE,OAI/B,CAACgB,EAAKC,KACAF,EAAkB,IAAIE,CAAG,EAC3BD,EAAI,eAAeC,CAA0B,EAAIjB,EAAMiB,CAAyB,EAEhFD,EAAI,qBAAqBC,CAAoD,EAC3EjB,EAAMiB,CAAyB,EAE5BD,GAET,CAAE,eAAgB,CAAC,EAAG,qBAAsB,CAAC,CAAE,CACjD,CAGF,CC9FO,SAASE,EAA0BC,EAAkC,CAC1E,IAAMC,EAAuB,KAAK,UAAUD,CAAgB,EACtDE,EAAyB,KAAKD,CAAoB,EAGxD,OAFgC,mBAAmBC,CAAsB,CAG3E,CAEO,SAASC,EAAYC,EAAe,CACzC,GAAI,CACF,IAAMC,EAAkB,mBAAmBD,CAAK,EAC1CE,EAAqB,KAAKD,CAAe,EAC/C,OAAO,KAAK,MAAMC,CAAkB,CACtC,OAASC,EAAO,CACd,MAAM,IAAIC,CACZ,CACF,CLGO,SAASC,EAAsCC,EAA0B,CAC9E,GAAM,CACJ,MAAAC,EACA,UAAAC,EACA,cAAAC,EACA,QAAAC,EACA,iBAAkBC,EAClB,iBAAAC,EACA,QAAAC,EACA,MAAAC,CACF,EAAIR,EAEE,CAACS,EAAUC,CAAW,EAAIC,GAAS,EAAK,EAExCC,EAAYC,GAA0B,IAAI,EAG1CC,EAAMC,EAAQ,IAAM,CACxB,GAAI,CACF,IAAMC,EAA2BV,EAC7BW,EAAAC,EAAA,GACKZ,GADL,CAEE,QAAS,OAAO,SAAS,IAC3B,GACA,KAEEa,EAA0BH,EAA2BI,EAAuBJ,CAAwB,EAAI,KAExGK,EAAcC,EAAYrB,CAAK,EAE/B,CAAE,KAAAsB,CAAK,EAAIF,EACjB,GAAI,CAACE,EACH,MAAM,IAAIC,EAEZ,IAAMC,EAAajB,EAAQ,UAAUA,CAAK,GAAK,GAC/C,MAAO,GAAGe,CAAI,UAAUtB,CAAK,eAAeyB,CAAU,qBAAqBP,GAAA,KAAAA,EAA2B,EAAE,GAAGM,CAAU,EACvH,OAASE,EAAO,CAEdvB,GAAA,MAAAA,EAAU,IAAIoB,GACd,MACF,CAEF,EAAG,CAACvB,EAAOG,CAAO,CAAC,EAEnB,OAAAwB,EAAoB,CAClB,UAAAhB,EACA,MAAAX,EACA,QAAU0B,GAAU,CAClBvB,GAAA,MAAAA,EAAUuB,GAGVjB,EAAY,EAAI,CAClB,EACA,QAASQ,EAAA,CACP,OAAQ,IAAMR,EAAY,EAAI,EAC9B,QAAUiB,GAAU,CAClB,IAAME,EAAM,IAAIC,EAAeH,CAAK,EACpCvB,GAAA,MAAAA,EAAUyB,EACZ,GACGtB,EAEP,CAAC,EAGCwB,EAAA,cAAAA,EAAA,cAEG,CAACtB,GAAYJ,EAEd0B,EAAA,cAACC,EAAA,CACC,IAAKlB,EACL,MAAM,kBACN,YAAa,GACb,MAAO,CAAE,MAAO,MAAO,OAAQ,MAAO,SAAU,MAAO,EACvD,UAAWZ,EACX,IAAK,CAAC,CAACC,EACP,IAAKS,EACL,OAAQ,CAACH,EAGT,UAAYwB,GAAS,CAEnB,IAAMC,EAAY,GAAG,SAASD,EAAK,MAA2B,EAAI,EAAE,KACpEA,EAAK,OAAO,MAAM,OAASC,CAC7B,EACF,CACF,CAEJ,CDnGO,SAASC,GAASC,EAAoB,CAC3C,IAAMC,EAAyB,WACzBC,EAAmBC,EAAQ,KAAO,CAAE,WAAAF,CAAW,GAAI,CAACA,CAAU,CAAC,EACrE,OAAOG,EAAA,cAACC,EAAAC,EAAAC,EAAA,GAAcP,GAAd,CAAqB,iBAAkBE,GAAkB,CACnE,CAMA,IAAMM,GAAMT,GA2BL,SAASU,GAAUC,EAAkE,CAAlE,IAAAC,EAAAD,EAAE,YAAAE,EAAY,OAAAC,EAAQ,SAAAC,CAjDhD,EAiD0BH,EAAmCI,EAAAC,EAAnCL,EAAmC,CAAjC,aAAY,SAAQ,aAC9C,IAAMM,EAAyB,aACzBC,EAAmBC,EACvB,KAAO,CACL,WAAAF,EACA,WAAAL,CACF,GACA,CAACA,CAAU,CACb,EAEA,OACEQ,EAAA,cAACC,EAAAC,EAAAC,EAAA,GAAcR,GAAd,CAA2B,iBAAkBG,EAAkB,QAAS,CAAE,WAAY,CAAE,OAAAL,EAAQ,SAAAC,CAAS,CAAE,GAAG,CAEnH,CAwBO,SAASU,GAAmBd,EAA8E,CAA9E,IAAAC,EAAAD,EAAE,eAAAe,EAAe,OAAAZ,EAAQ,SAAAC,CAtF5D,EAsFmCH,EAAsCI,EAAAC,EAAtCL,EAAsC,CAApC,gBAAe,SAAQ,aAC1D,IAAMM,EAAyB,gBACzBC,EAAmBC,EAAQ,KAAO,CAAE,WAAAF,EAAY,cAAAQ,CAAc,GAAI,CAACA,CAAa,CAAC,EAEvF,OACEL,EAAA,cAACC,EAAAC,EAAAC,EAAA,GAAcR,GAAd,CAA2B,iBAAkBG,EAAkB,QAAS,CAAE,cAAe,CAAE,OAAAL,EAAQ,SAAAC,CAAS,CAAE,GAAG,CAEtH,CASO,SAASY,GAAWC,EAAwB,CACjD,IAAMV,EAAyB,aACzBC,EAAmBC,EAAQ,KAAO,CAAE,WAAAF,CAAW,GAAI,CAACA,CAAU,CAAC,EAErE,OAAOG,EAAA,cAACC,EAAAC,EAAAC,EAAA,GAAcI,GAAd,CAAqB,iBAAkBT,GAAkB,CACnE,CAeO,SAASU,GAAYD,EAAyB,CACnD,IAAMV,EAAyB,cACzBC,EAAmBC,EACvB,KAAO,CAAE,WAAAF,EAAY,OAAQU,EAAM,OAAQ,SAAUA,EAAM,QAAS,GACpE,CAACV,EAAYU,EAAM,OAAQA,EAAM,QAAQ,CAC3C,EAEA,OAAOP,EAAA,cAACC,EAAAC,EAAAC,EAAA,GAAcI,GAAd,CAAqB,iBAAkBT,GAAkB,CACnE,CASO,SAASW,GAAeF,EAA4B,CACzD,IAAMV,EAAyB,iBACzBC,EAAmBC,EAAQ,KAAO,CAAE,WAAAF,CAAW,GAAI,CAACA,CAAU,CAAC,EAErE,OAAOG,EAAA,cAACC,EAAAC,EAAAC,EAAA,GAAcI,GAAd,CAAqB,iBAAkBT,GAAkB,CACnE,CASO,SAASY,GAAeH,EAA4B,CACzD,IAAMV,EAAyB,iBACzBC,EAAmBC,EAAQ,KAAO,CAAE,WAAAF,CAAW,GAAI,CAACA,CAAU,CAAC,EAErE,OAAOG,EAAA,cAACC,EAAAC,EAAAC,EAAA,GAAcI,GAAd,CAAqB,iBAAkBT,GAAkB,CACnE,CASO,SAASa,GAAkBJ,EAA+B,CAC/D,IAAMV,EAAyB,oBACzBC,EAAmBC,EAAQ,KAAO,CAAE,WAAAF,CAAW,GAAI,CAACA,CAAU,CAAC,EAErE,OAAOG,EAAA,cAACC,EAAAC,EAAAC,EAAA,GAAcI,GAAd,CAAqB,iBAAkBT,GAAkB,CACnE,CAcO,SAASc,GAAeL,EAA4B,CACzD,IAAMV,EAAyB,iBACzBgB,EAASN,EAAM,OACfT,EAAmBC,EAAQ,KAAO,CAAE,WAAAF,EAAY,OAAAgB,CAAO,GAAI,CAAChB,EAAYgB,CAAM,CAAC,EAErF,OAAOb,EAAA,cAACC,EAAAC,EAAAC,EAAA,GAAcI,GAAd,CAAqB,iBAAkBT,GAAkB,CACnE,CAgBO,SAASgB,GAA2CxB,EAKpC,CALoC,IAAAC,EAAAD,EACzD,QAAAG,EACA,WAAYsB,EACZ,UAAWC,CAnNb,EAgN2DzB,EAItDI,EAAAC,EAJsDL,EAItD,CAHH,SACA,aACA,cAMA,IAAMM,EAAyB,aACzBC,EAAmBC,EACvB,KAAO,CAAE,WAAAF,EAAY,qBAAAkB,EAAsB,oBAAAC,CAAoB,GAC/D,CAACnB,EAAYkB,EAAsBC,CAAmB,CACxD,EAEA,OAAOhB,EAAA,cAACC,EAAAC,EAAAC,EAAA,GAAcR,GAAd,CAA2B,iBAAkBG,EAAkB,QAAS,CAAE,WAAY,CAAE,OAAAL,CAAO,CAAE,GAAG,CAC9G","names":["React","useMemo","React","useMemo","useRef","useState","version","CapitalOSError","message","code","ErrorCode","InvalidTokenError","connectToChild","useEffect","IFRAME_CONNECTION_TIMEOUT_MILLISECONDS","useIframeConnection","iframeRef","token","onError","methods","connection","error","iframeResizer","React","forwardRef","useEffect","useImperativeHandle","useRef","IframeResizer","forwardRef","props","ref","title","iframeHTMLAttributes","resizerOptions","splitProps","iframeRef","useRef","useEffect","iframe","iframeResizer","__spreadValues","useImperativeHandle","React","__spreadProps","resizerOptionsSet","acc","key","encodeRenderingContext","renderingContext","renderingContextJson","renderingContextBase64","decodeToken","token","urlDecodedToken","base64DecodedToken","error","InvalidTokenError","CapitalOS","props","token","className","enableLogging","onError","LoadingComponent","renderingContext","methods","theme","isLoaded","setIsLoaded","useState","iframeRef","useRef","url","useMemo","enrichedRenderingContext","__spreadProps","__spreadValues","encodedRenderingContext","encodeRenderingContext","tokenObject","decodeToken","path","InvalidTokenError","themeChunk","version","error","useIframeConnection","err","CapitalOSError","React","IframeResizer","data","newHeight","CardsApp","props","entryPoint","renderingContext","useMemo","React","CapitalOS","__spreadProps","__spreadValues","App","IssueCard","_a","_b","cardholder","onDone","onCancel","restOfProps","__objRest","entryPoint","renderingContext","useMemo","React","CapitalOS","__spreadProps","__spreadValues","DisputeTransaction","transactionId","BillPayApp","props","CardDetails","AccountDetails","AccountActions","InsightsDashboard","InsightsWidget","widget","Onboarding","onboardingEntryPoint","onboardingExitPoint"]}
+{"version":3,"sources":["../../src/index.tsx","../../src/capital-os.tsx","../../src/context/capital-os-authentication-context.tsx","../../src/common/token-exchange-iframe.tsx","../../src/error.ts","../../src/hooks.ts","../../package.json","../../src/utils.ts","../../src/iframe-resizer.tsx"],"sourcesContent":["'use client'\n\nimport React, { useMemo } from 'react'\n\nimport { CapitalOS } from './capital-os'\nimport { CapitalOsAuthenticationProvider } from './context/capital-os-authentication-context'\nimport type { EntryPoint, IssueCardDefaultValues } from './external-types'\nimport type { Account, CommonProps } from './types'\n\n// #region App\n/**\n * Renders the CapitalOS CardsApp.\n */\nexport function CardsApp(props: CommonProps) {\n  const entryPoint: EntryPoint = 'cardsApp'\n  const renderingContext = useMemo(() => ({ entryPoint }), [entryPoint])\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// maintain backwards compatibility\n\n/** @deprecated Use {@link CardsApp} instead */\nconst App = CardsApp\n\nexport { App }\n\n// #region Issue Card\nexport type IssueCardProps = CommonProps & {\n  /**\n   * Default values to prefill the form with.\n   *\n   * Either provide a userId, in which case the default values will be taken from that user's profile, or provide the cardholder's details directly.\n   */\n  cardholder?: IssueCardDefaultValues\n\n  /**\n   * Callback to invoke when the card was created successfully.\n   */\n  onDone: () => void\n\n  /**\n   * Callback to invoke when the card creation was cancelled by the user.\n   */\n  onCancel: () => void\n}\n\n/**\n * Renders the CapitalOS Issue Card experience.\n */\nexport function IssueCard({ cardholder, onDone, onCancel, ...restOfProps }: IssueCardProps) {\n  const entryPoint: EntryPoint = 'createCard'\n  const renderingContext = useMemo(\n    () => ({\n      entryPoint,\n      cardholder,\n    }),\n    [cardholder],\n  )\n\n  return (\n    <CapitalOS {...restOfProps} renderingContext={renderingContext} methods={{ createCard: { onDone, onCancel } }} />\n  )\n}\n// #endregion\n\n// #region Dispute Transaction\nexport type DisputeTransactionProps = CommonProps & {\n  /**\n   * The ID of the transaction to dispute.\n   */\n  transactionId: string\n\n  /**\n   * Callback to invoke when the dispute was successfully submitted.\n   */\n  onDone: () => void\n\n  /**\n   * Callback to invoke when the user cancels the dispute submission.\n   */\n  onCancel: () => void\n}\n\n/**\n * Renders the CapitalOS Dispute Transaction experience.\n */\nexport function DisputeTransaction({ transactionId, onDone, onCancel, ...restOfProps }: DisputeTransactionProps) {\n  const entryPoint: EntryPoint = 'createDispute'\n  const renderingContext = useMemo(() => ({ entryPoint, transactionId }), [transactionId])\n\n  return (\n    <CapitalOS {...restOfProps} renderingContext={renderingContext} methods={{ createDispute: { onDone, onCancel } }} />\n  )\n}\n// #endregion\n\n// #region Bill Payment Dashboard\nexport type BillPayAppProps = CommonProps\n\n/**\n * Renders the CapitalOS Bill Payment Dashboard experience.\n */\nexport function BillPayApp(props: BillPayAppProps) {\n  const entryPoint: EntryPoint = 'billPayApp'\n  const renderingContext = useMemo(() => ({ entryPoint }), [entryPoint])\n\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// #region Card Details\nexport type CardDetailsProps = CommonProps & {\n  /**\n   * The ID of the card to manage.\n   */\n  cardId: string\n  cardOnly?: boolean | undefined\n}\n\n/**\n * Renders the CapitalOS Manage Card experience.\n */\nexport function CardDetails(props: CardDetailsProps) {\n  const entryPoint: EntryPoint = 'cardDetails'\n  const renderingContext = useMemo(\n    () => ({ entryPoint, cardId: props.cardId, cardOnly: props.cardOnly }),\n    [entryPoint, props.cardId, props.cardOnly],\n  )\n\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// #region Account Details\nexport type AccountDetailsProps = CommonProps\n\n/**\n * Renders the CapitalOS Account Details experience.\n */\nexport function AccountDetails(props: AccountDetailsProps) {\n  const entryPoint: EntryPoint = 'accountDetails'\n  const renderingContext = useMemo(() => ({ entryPoint }), [entryPoint])\n\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// #region Account Actions\nexport type AccountActionsProps = CommonProps\n\n/**\n * Renders the CapitalOS Account Actions experience.\n */\nexport function AccountActions(props: AccountActionsProps) {\n  const entryPoint: EntryPoint = 'accountActions'\n  const renderingContext = useMemo(() => ({ entryPoint }), [entryPoint])\n\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// #region Insights Dashboard\nexport type InsightsDashboardProps = CommonProps\n\n/**\n * Renders the CapitalOS Insights Dashboard experience\n */\nexport function InsightsDashboard(props: InsightsDashboardProps) {\n  const entryPoint: EntryPoint = 'insightsDashboard'\n  const renderingContext = useMemo(() => ({ entryPoint }), [entryPoint])\n\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// #region Insights Widget\nexport type InsightsWidgetProps = CommonProps & {\n  /**\n   * The specific widget to render.\n   */\n  widget: 'cards-by-month' | 'top-spenders'\n}\n\n/**\n * Renders a specific CapitalOS Insights Widget\n */\nexport function InsightsWidget(props: InsightsWidgetProps) {\n  const entryPoint: EntryPoint = 'insightsWidget'\n  const widget = props.widget\n  const renderingContext = useMemo(() => ({ entryPoint, widget }), [entryPoint, widget])\n\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// #region Onboarding\ntype AllowedExitPoints = {\n  welcome: 'application' | 'activation'\n  application: 'application' | 'activation'\n}\n\ntype OnboardingEntryPoint = keyof AllowedExitPoints\ntype OnboardingProps<T extends keyof AllowedExitPoints> = CommonProps & {\n  entryPoint?: T\n  exitPoint?: AllowedExitPoints[T]\n  onDone: (account: Account) => void\n}\n\nexport function Onboarding<T extends OnboardingEntryPoint>({\n  onDone,\n  entryPoint: onboardingEntryPoint,\n  exitPoint: onboardingExitPoint,\n  ...restOfProps\n}: OnboardingProps<T>) {\n  // This component uses 'entryPoint' in two distinct ways:\n  // 1. As a prop to control the user's starting/ending stages of onboarding\n  // 2. For internal rendering context to determine which client component to display\n  const entryPoint: EntryPoint = 'onboarding'\n  const renderingContext = useMemo(\n    () => ({ entryPoint, onboardingEntryPoint, onboardingExitPoint }),\n    [entryPoint, onboardingEntryPoint, onboardingExitPoint],\n  )\n\n  return <CapitalOS {...restOfProps} renderingContext={renderingContext} methods={{ onboarding: { onDone } }} />\n}\n// #endregion\n\n// #region Make a payment\nexport type MakePaymentProps = CommonProps & {\n  /**\n   * Callback to invoke when the payment was made successfully.\n   */\n  onDone: () => void\n}\n\n/**\n * Renders the CapitalOS Make a Payment experience.\n */\nexport function MakePayment({ onDone, ...restOfProps }: MakePaymentProps) {\n  const entryPoint: EntryPoint = 'makePayment'\n  const renderingContext = useMemo(() => ({ entryPoint }), [entryPoint])\n\n  return <CapitalOS {...restOfProps} renderingContext={renderingContext} methods={{ makePayment: { onDone } }} />\n}\n// #endregion\n\n// #region Authentication provider\nexport { CapitalOsAuthenticationProvider }\n// #endregion\n","import React, { useEffect, useMemo, useRef, useState, useCallback } from 'react'\n\nimport { useCapitalOsAuthContext } from './context/capital-os-authentication-context'\nimport { CapitalOSError, ErrorCode } from './error'\nimport { IframeConnectionMethods, useIframeConnection, useIframeUrl } from './hooks'\nimport { IframeResizer } from './iframe-resizer'\nimport { CommonProps, CapitalOsRenderingContext, TokenData } from './types'\nimport { tokenDataFromOneTimeToken } from './utils'\n\ntype CapitalOsProps<T extends CapitalOsRenderingContext> = CommonProps & {\n  renderingContext: T\n  methods?: Partial<IframeConnectionMethods>\n}\n\n/**\n * The internal component that handles all the heavy lifting of connecting to the iframe and rendering the app.\n * all user facing components are basically  a syntactic sugar on top of this.\n */\nexport function CapitalOS<T extends CapitalOsRenderingContext>(props: CapitalOsProps<T>) {\n  const {\n    token: tokenProp,\n    className,\n    enableLogging,\n    onError,\n    loadingComponent: LoadingComponent,\n    renderingContext,\n    methods,\n    theme,\n  } = props\n  const { tokenData: contextTokenData, error, invalidateToken } = useCapitalOsAuthContext()\n  // represents the state of whether all required react queries returned and the page should be visible\n  const [isLoaded, setIsLoaded] = useState(false)\n  const iframeRef = useRef<HTMLIFrameElement>(null)\n  useErrorHandling(error, onError)\n\n  const tokenData: TokenData | undefined = useMemo(\n    () => (tokenProp ? tokenDataFromOneTimeToken(tokenProp) : contextTokenData),\n    [tokenProp, contextTokenData],\n  )\n\n  // Handle token expiration by invalidating the token\n  // The context's useEffect will automatically handle the refresh\n  const handleTokenExpired = useCallback(() => {\n    if (enableLogging) {\n      // eslint-disable-next-line no-console\n      console.log('CapitalOS: Token expired, invalidating...')\n    }\n\n    // If we're using tokenProp, we can't refresh automatically\n    if (tokenProp) {\n      onError?.(\n        new CapitalOSError({\n          message: 'Token expired. Cannot automatically refresh when using token prop.',\n          code: ErrorCode.unauthorized,\n        }),\n      )\n      return\n    }\n\n    // Use the invalidateToken function from the context\n    // This will clear the token and the authentication context's useEffect will handle the refresh\n    invalidateToken()\n\n    // The iframe will be reloaded automatically when tokenData changes\n    setIsLoaded(false)\n  }, [tokenProp, invalidateToken, enableLogging, onError])\n\n  useEffect(() => {\n    if (tokenProp && contextTokenData && enableLogging) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        'CapitalOS: token was provided both from provider and from the token prop. the prop will take precedence',\n      )\n    }\n  }, [tokenProp, contextTokenData, enableLogging])\n\n  const url = useIframeUrl({ tokenData, renderingContext, theme, onError })\n\n  useIframeConnection({\n    iframeRef,\n    token: tokenData?.token,\n    onError: (error) => {\n      onError?.(error)\n      // when connection fails it's probably a handshake timeout with the iframe. we will stop showing the loader\n      // since the fact we failed communication doesn't necessarily mean the iframe didn't load\n      setIsLoaded(true)\n    },\n    methods: {\n      onLoad: () => setIsLoaded(true),\n      onError: (error) => {\n        const err = new CapitalOSError(error)\n        onError?.(err)\n      },\n      onTokenExpired: handleTokenExpired,\n      ...methods,\n    },\n  })\n\n  if (!tokenData || !url) {\n    return <>{LoadingComponent || null}</>\n  }\n\n  return (\n    <>\n      {/* show loader as long as we're not loaded */}\n      {!isLoaded && LoadingComponent}\n      {/* hide the iframe as long as we're not loaded */}\n      <IframeResizer\n        src={url}\n        allow=\"clipboard-write\"\n        checkOrigin={false}\n        style={{ width: '1px', height: '0px', minWidth: '100%' }}\n        className={className}\n        log={!!enableLogging}\n        ref={iframeRef}\n        hidden={!isLoaded}\n        // Add a constant offset to the height of the iframe to account for css shadows.\n        // This is useful for tooltips that are rendered with shadows below them that extend beyond the bottom of the tooltip.\n        onResized={(data) => {\n          // typing is wrong here. this is a string.\n          const newHeight = `${parseInt(data.height as unknown as string) + 12}px`\n          data.iframe.style.height = newHeight\n        }}\n      />\n    </>\n  )\n}\n\n/**\n * Makes sure component only fires the error event once.\n * @param error - The error to handle.\n * @param onError - The function to call when the error occurs.\n */\nfunction useErrorHandling(error: Error | null | undefined, onError?: (error: Error) => void) {\n  const errorFired = useRef(false)\n\n  useEffect(() => {\n    if (error && !errorFired.current) {\n      onError?.(error)\n      errorFired.current = true\n    }\n  }, [error, onError])\n}\n","'use client'\n\nimport React, { createContext, useContext, useState, useMemo, useCallback, useEffect } from 'react'\n\nimport { TokenExchangeIframe } from '../common/token-exchange-iframe'\nimport { CapitalOSError, ErrorCode } from '../error'\nimport { TokenData, TokenParamKey, TokenParamLocation, TokenType } from '../types'\nimport { decodeOneTimeToken } from '../utils'\n\ntype CapitalOsAuthenticationContextType = {\n  tokenData?: TokenData | undefined\n  isLoading: boolean\n  error?: Error | undefined\n  /**\n   * Invalidates the current token..\n   * This is used when the iframe signals that the token has expired.\n   * The authentication flow will automatically refresh the token after invalidation.\n   */\n  invalidateToken: () => void\n}\n\ntype ProviderProps = {\n  getToken: () => Promise<string>\n  enableLogging?: boolean | undefined\n  children: React.ReactNode\n}\n\nconst CapitalOsAuthenticationContext = createContext<CapitalOsAuthenticationContextType>({\n  isLoading: false,\n  invalidateToken: () => {},\n})\n\nexport const CapitalOsAuthenticationProvider: React.FC<ProviderProps> = ({ getToken, enableLogging, children }) => {\n  const [oneTimeToken, setOneTimeToken] = useState<string | undefined>(undefined)\n  const [baseUrl, setBaseUrl] = useState<string | undefined>(undefined)\n  const [longLivedToken, setLongLivedToken] = useState<string | undefined>(undefined)\n  const [isLoading, setIsLoading] = useState(false)\n  const [error, setError] = useState<Error | undefined>(undefined)\n\n  const refreshOneTimeToken = useCallback(async () => {\n    setIsLoading(true)\n    try {\n      const newToken = await getToken()\n      setOneTimeToken(newToken)\n      setError(undefined)\n      const tokenObject = decodeOneTimeToken(newToken)\n      const url = new URL(tokenObject.path)\n      // we don't need the /login part of the path since long lived tokens don't go through the login flow.\n      url.pathname = ''\n      setBaseUrl(url.toString())\n    } catch (error) {\n      setError(error as Error)\n    } finally {\n      setIsLoading(false)\n    }\n  }, [getToken])\n\n  // Add invalidateToken method\n  const invalidateToken = useCallback(() => {\n    setLongLivedToken(undefined)\n  }, [])\n\n  // On mount, if no long-lived token is available, refresh to get a one-time token.\n  useEffect(() => {\n    if (!longLivedToken) {\n      refreshOneTimeToken()\n    }\n  }, [longLivedToken, refreshOneTimeToken])\n\n  const onExchangeComplete = useCallback((jwtToken: string) => {\n    setLongLivedToken(jwtToken)\n    setOneTimeToken(undefined)\n    setError(undefined)\n  }, [])\n\n  const contextValue: CapitalOsAuthenticationContextType = useMemo(() => {\n    if (longLivedToken && !baseUrl) {\n      throw new CapitalOSError({\n        message: 'baseUrl is required for long lived tokens',\n        code: ErrorCode.unauthorized,\n      })\n    }\n    const tokenData: TokenData | undefined = longLivedToken\n      ? ({\n          token: longLivedToken,\n          tokenType: TokenType.longLived,\n          baseUrl: baseUrl!,\n          paramKey: TokenParamKey.accessToken,\n          paramLocation: TokenParamLocation.hash,\n        } as const)\n      : undefined\n\n    return {\n      tokenData,\n      isLoading,\n      error,\n      invalidateToken,\n    }\n  }, [longLivedToken, isLoading, error, invalidateToken, baseUrl])\n\n  return (\n    <>\n      <CapitalOsAuthenticationContext.Provider value={contextValue}>{children}</CapitalOsAuthenticationContext.Provider>\n      {oneTimeToken && !longLivedToken && (\n        <TokenExchangeIframe\n          oneTimeToken={oneTimeToken}\n          onExchangeComplete={onExchangeComplete}\n          enableLogging={enableLogging}\n          onExchangeError={setError}\n        />\n      )}\n    </>\n  )\n}\n\nexport const useCapitalOsAuthContext = () => useContext(CapitalOsAuthenticationContext)\n","import React, { useMemo, useRef } from 'react'\n\nimport { CapitalOSError } from '../error'\nimport { useIframeConnection, useIframeUrl } from '../hooks'\nimport { IframeResizer } from '../iframe-resizer'\nimport { tokenDataFromOneTimeToken } from '../utils'\n\nexport interface TokenExchangeIframeProps {\n  oneTimeToken: string\n  enableLogging?: boolean | undefined\n  onExchangeComplete: (jwtToken: string) => void\n  onExchangeError?: (error: Error) => void\n}\n\n/**\n * The component is hidden from the user and is only used to exchange a one-time token for a JWT in the authentication context.\n *\n * The token exchange process works as follows:\n * 1. Component renders a hidden iframe with the one-time token in the URL\n * 2. The iframe loads with the long-lived token as part of its url redirect response and establishes a secure connection with the parent window\n * 3. The iframe passes the long-lived token to the parent via postMessage\n * 4. onExchangeComplete callback is triggered with the new JWT\n *\n * If any errors occur during this process, they are passed to onExchangeError.\n */\nexport function TokenExchangeIframe(props: TokenExchangeIframeProps) {\n  const { oneTimeToken, enableLogging, onExchangeComplete, onExchangeError } = props\n\n  const iframeRef = useRef<HTMLIFrameElement>(null)\n\n  const tokenData = useMemo(() => tokenDataFromOneTimeToken(oneTimeToken), [oneTimeToken])\n\n  const renderingContext = {\n    entryPoint: 'tokenExchange',\n  } as const\n\n  const url = useIframeUrl({\n    tokenData,\n    onError: onExchangeError,\n    renderingContext,\n  })\n\n  useIframeConnection({\n    iframeRef,\n    token: oneTimeToken,\n    onError: onExchangeError,\n    methods: {\n      onLoad: () => {},\n      onError: (error) => {\n        onExchangeError?.(new CapitalOSError(error))\n      },\n      tokenExchange: {\n        onLongLivedToken: onExchangeComplete,\n      },\n    },\n  })\n\n  // Render the hidden iframe.\n  return (\n    <IframeResizer\n      src={url}\n      checkOrigin={false}\n      style={{ display: 'none' }} // Hidden from view\n      log={!!enableLogging}\n      ref={iframeRef}\n    />\n  )\n}\n","/**\n * Base class for all SDK errors\n */\nexport class CapitalOSError extends Error {\n  code: ErrorCode\n  constructor({ message, code }: { message: string; code: ErrorCode }) {\n    super(message)\n    this.name = 'CapitalOSError'\n    this.code = code\n  }\n}\n\nexport const ErrorCode = {\n  unauthorized: 'unauthorized',\n  invalid_account_status: 'invalid_account_status',\n  unsupported_entry_point: 'unsupported_entry_point',\n  internal_error: 'internal_error',\n} as const\n\nexport type ErrorCode = (typeof ErrorCode)[keyof typeof ErrorCode]\n\n/**\n * Represents an error that occurs when an invalid token is encountered.\n */\nexport class InvalidTokenError extends CapitalOSError {\n  constructor(message?: string) {\n    super({ message: `Invalid token ${message ?? ''}`, code: ErrorCode.unauthorized })\n    this.name = 'CapitalOSInvalidTokenError'\n  }\n}\n\nexport class TokenRefreshError extends CapitalOSError {\n  constructor(originalError?: Error) {\n    super({\n      message: `Failed to refresh token: ${originalError?.message}`,\n      code: ErrorCode.unauthorized,\n    })\n    this.name = 'CapitalOSTokenRefreshError'\n  }\n}\n","import { connectToChild } from 'penpal'\nimport { useEffect, useMemo, useRef } from 'react'\n\nimport { ErrorCode } from './error'\nimport { Account, ThemeColorScheme, CapitalOsRenderingContext, TokenData } from './types'\nimport { buildIframeUrl } from './utils'\n\nconst IFRAME_CONNECTION_TIMEOUT_MILLISECONDS = 10_000\n\n/**\n * An error type providing a reason code and message.\n * Penpal only passes plain objects, so this does not inherit from Error.\n */\nexport type RawErrorDetails = {\n  code: ErrorCode\n  message: string\n}\n\nexport type IframeConnectionMethods = {\n  onLoad: () => void\n  onError: (error: RawErrorDetails) => void\n  /**\n   * Called when the iframe detects that the JWT token has expired.\n   * This triggers the token refresh flow, which will obtain a new token\n   * and reload the iframe with the fresh token.\n   */\n  onTokenExpired?: () => void\n  createCard?: {\n    onDone?: () => void\n    onCancel?: () => void\n  }\n  createDispute?: {\n    onDone?: () => void\n    onCancel?: () => void\n  }\n  onboarding?: {\n    onDone?: (account: Account) => void\n  }\n  tokenExchange?: {\n    onLongLivedToken?: (jwtToken: string) => void\n  }\n  makePayment?: {\n    onDone?: () => void\n  }\n}\n\n/**\n * connects to child iframe and returns whether the iframe is loaded or not.\n * token was added to the list of dependencies to make sure that the connection is re-established when the token changes.\n */\nexport function useIframeConnection({\n  iframeRef,\n  token,\n  onError,\n  methods,\n}: {\n  iframeRef: React.RefObject<HTMLIFrameElement>\n  token: string | undefined\n  onError: ((error: Error) => void) | undefined | null\n  methods: IframeConnectionMethods\n}) {\n  // connect to child iframe\n  useEffect(() => {\n    if (!iframeRef.current) {\n      return\n    }\n\n    const connection = connectToChild({\n      iframe: iframeRef.current,\n      childOrigin: '*',\n      debug: true,\n      timeout: IFRAME_CONNECTION_TIMEOUT_MILLISECONDS,\n      methods,\n    })\n\n    connection.promise.catch((error) => {\n      onError?.(error)\n    })\n\n    return () => {\n      connection.destroy()\n    }\n  }, [token, iframeRef])\n}\n\nexport function useIframeUrl({\n  tokenData,\n  renderingContext,\n  theme,\n  onError,\n}: {\n  tokenData: TokenData | undefined\n  renderingContext: CapitalOsRenderingContext\n  theme?: ThemeColorScheme | undefined\n  onError?: ((error: Error) => void) | undefined\n}) {\n  // We assume that onError and renderingContext do not change over the lifetime of the component.\n  // We put it in a ref to avoid causing unnecessary re-renders.\n  const onErrorRef = useRef(onError)\n  const renderingContextRef = useRef(renderingContext)\n\n  return useMemo(() => {\n    if (!tokenData) {\n      return undefined\n    }\n    return buildIframeUrl({\n      tokenData,\n      renderingContext: renderingContextRef.current,\n      theme,\n      onError: onErrorRef.current,\n    })\n    // wrapped rendering context in a ref since we do not want to reload the iframe unless the token changes.\n  }, [tokenData, theme, onErrorRef, renderingContextRef])\n}\n","{\n  \"name\": \"@capitalos/react\",\n  \"version\": \"1.0.0-rc.4\",\n  \"description\": \"integrate CapitalOS into your react app\",\n  \"main\": \"dist/index.js\",\n  \"module\": \"dist/esm/index.js\",\n  \"types\": \"dist/_tsup-dts-rollup.d.ts\",\n  \"scripts\": {\n    \"build\": \" pnpm lint && tsup src/index.tsx --experimental-dts --minify --format esm,cjs --clean --no-splitting --sourcemap --legacy-output --out-dir dist\",\n    \"dev\": \"pnpm build --watch\",\n    \"prepublishOnly\": \"pnpm build\",\n    \"lint\": \"eslint . --ext .ts,.tsx --fix\",\n    \"lint-ci\": \"eslint . --ext .ts,.tsx\"\n  },\n  \"keywords\": [\n    \"capitalos\",\n    \"react\"\n  ],\n  \"homepage\": \"https://docs.capitalos.com/docs/using-react-client-library\",\n  \"author\": \"CapitalOS\",\n  \"license\": \"MIT\",\n  \"files\": [\n    \"dist\",\n    \"package.json\"\n  ],\n  \"devDependencies\": {\n    \"@changesets/cli\": \"^2.27.12\",\n    \"@microsoft/api-extractor\": \"^7.39.5\",\n    \"@trivago/prettier-plugin-sort-imports\": \"^4.3.0\",\n    \"@types/iframe-resizer\": \"^3.5.13\",\n    \"@types/react\": \"18.0.20\",\n    \"@typescript-eslint/eslint-plugin\": \"^7.2.0\",\n    \"@typescript-eslint/parser\": \"^7.2.0\",\n    \"eslint\": \"^8.57.0\",\n    \"eslint-config-prettier\": \"^9.1.0\",\n    \"eslint-plugin-prettier\": \"^5.1.3\",\n    \"eslint-plugin-react\": \"^7.34.0\",\n    \"prettier\": \"^3.2.5\",\n    \"react\": \"16.8.0\",\n    \"tsup\": \"^8.1.0\",\n    \"typescript\": \"^5.6.2\"\n  },\n  \"dependencies\": {\n    \"iframe-resizer\": \"^4.3.9\",\n    \"penpal\": \"^6.2.2\"\n  },\n  \"peerDependencies\": {\n    \"react\": \">=16.8.0\"\n  }\n}\n","import { version as sdkVersion } from '../package.json'\nimport { InvalidTokenError } from './error'\nimport {\n  ThemeColorScheme,\n  CapitalOsRenderingContext,\n  TokenData,\n  TokenType,\n  TokenParamKey,\n  TokenParamLocation,\n} from './types'\n\n/**\n * Encodes the rendering context as base64 and then URI encodes it.\n */\nexport function encodeRenderingContext<T>(renderingContext: NonNullable<T>) {\n  const renderingContextJson = JSON.stringify(renderingContext)\n  const renderingContextBase64 = btoa(renderingContextJson)\n  const renderingContextEncoded = encodeURIComponent(renderingContextBase64)\n\n  return renderingContextEncoded\n}\n\nexport function decodeOneTimeToken(token: string) {\n  try {\n    const urlDecodedToken = decodeURIComponent(token)\n    const base64DecodedToken = atob(urlDecodedToken)\n    return JSON.parse(base64DecodedToken)\n  } catch (error) {\n    throw new InvalidTokenError()\n  }\n}\n\n/**\n * Safely decodes a URL component, handling potential errors\n */\nexport function safeDecodeURIComponent(str: string): string {\n  try {\n    return decodeURIComponent(str)\n  } catch (e) {\n    // If decoding fails, it might not have been encoded, so return original\n    return str\n  }\n}\n\n/**\n * Builds the iframe url from token data, rendering context, and theme.\n */\nexport function buildIframeUrl({\n  tokenData,\n  renderingContext,\n  theme,\n  onError,\n}: {\n  tokenData: TokenData\n  renderingContext: CapitalOsRenderingContext\n  theme?: ThemeColorScheme | undefined\n  onError?: ((error: Error) => void) | undefined\n}) {\n  try {\n    const enrichedRenderingContext = renderingContext\n      ? {\n          ...renderingContext,\n          referer: window.location.href,\n        }\n      : null\n\n    const encodedRenderingContext = enrichedRenderingContext ? encodeRenderingContext(enrichedRenderingContext) : null\n\n    const url = new URL(tokenData.baseUrl)\n\n    // Always safely decode the token before setting it since search params url encode the token and we do not want to double encode it.\n    // in dev, since we're using 2 separate server for client and server, we have a redirect which prevents the double encoding.\n    const decodedToken = safeDecodeURIComponent(tokenData.token)\n\n    if (tokenData.paramLocation === 'search') {\n      url.searchParams.set(tokenData.paramKey, decodedToken)\n    } else if (tokenData.paramLocation === 'hash') {\n      url.hash = tokenData.paramKey + '=' + encodeURIComponent(decodedToken)\n    }\n\n    url.searchParams.set('sdkVersion', sdkVersion)\n\n    if (encodedRenderingContext) {\n      url.searchParams.set('renderingContext', encodedRenderingContext)\n    }\n\n    if (theme) {\n      url.searchParams.set('theme', theme)\n    }\n\n    const urlString = url.toString()\n    return urlString\n  } catch (error) {\n    // communicate a general error about the token being invalid to the parent component, no matter which internal error we encountered during token parsing.\n    onError?.(new InvalidTokenError())\n    return undefined\n  }\n}\n\nexport function tokenDataFromOneTimeToken(oneTimeToken: string): TokenData {\n  const tokenObject = decodeOneTimeToken(oneTimeToken)\n  const path = tokenObject.path\n  if (!path || typeof path !== 'string') {\n    throw new InvalidTokenError()\n  }\n\n  const tokenData: TokenData = {\n    token: oneTimeToken,\n    tokenType: TokenType.oneTime,\n    baseUrl: path,\n    paramKey: TokenParamKey.token,\n    paramLocation: TokenParamLocation.search,\n  }\n\n  return tokenData\n}\n","import {\n  IFrameOptions as BrokenIframeOptions,\n  IFrameComponent,\n  IFrameMessageData,\n  IFrameResizedData,\n  IFrameScrollData,\n  iframeResizer,\n} from 'iframe-resizer'\nimport React, { IframeHTMLAttributes, forwardRef, useEffect, useImperativeHandle, useRef } from 'react'\n\n// the events were renamed but package maintainers didn't update the types.\ntype IFrameOptions = Omit<\n  BrokenIframeOptions,\n  'closedCallback' | 'scrollCallback' | 'resizedCallback' | 'messageCallback' | 'initCallback'\n> & {\n  onClosed?(iframeId: string): void\n  onInit?(iframe: IFrameComponent): void\n  onMessage?(data: IFrameMessageData): void\n  onResized?(data: IFrameResizedData): void\n  onScroll?(data: IFrameScrollData): boolean\n}\n\ntype IframeResizerProps = IFrameOptions & IframeHTMLAttributes<HTMLIFrameElement>\ntype EnrichedHtmlIframeElement = HTMLIFrameElement & { iFrameResizer: { removeListeners: () => void } }\n\nexport const IframeResizer = forwardRef((props: IframeResizerProps, ref: React.Ref<HTMLIFrameElement>) => {\n  const title = props.title || 'iframe'\n  const { iframeHTMLAttributes, resizerOptions } = splitProps(props)\n  const iframeRef = useRef<HTMLIFrameElement>(null)\n\n  useEffect(() => {\n    // effects run after render, so the ref is guaranteed to be set (unless the component conditionally renders the iframe, which is not the case)\n    const iframe = iframeRef.current as EnrichedHtmlIframeElement\n\n    iframeResizer({ ...resizerOptions }, iframe)\n\n    return () => iframe.iFrameResizer && iframe.iFrameResizer.removeListeners()\n  })\n\n  // make the ref provided as a prop point to the same place as the internal iframe ref.\n  useImperativeHandle(ref, () => iframeRef.current as HTMLIFrameElement)\n\n  return <iframe {...iframeHTMLAttributes} title={title} ref={iframeRef} />\n})\n\nIframeResizer.displayName = 'IframeResizer'\n\nconst resizerOptions = [\n  'autoResize',\n  'bodyBackground',\n  'bodyMargin',\n  'bodyPadding',\n  'checkOrigin',\n  'inPageLinks',\n  'heightCalculationMethod',\n  'interval',\n  'log',\n  'maxHeight',\n  'maxWidth',\n  'minHeight',\n  'minWidth',\n  'resizeFrom',\n  'scrolling',\n  'sizeHeight',\n  'sizeWidth',\n  'warningTimeout',\n  'tolerance',\n  'widthCalculationMethod',\n  'onClosed',\n  'onInit',\n  'onMessage',\n  'onResized',\n  'onScroll',\n]\n\nconst resizerOptionsSet = new Set(resizerOptions)\n\n/**\n * split props into the resizer library options and the native iframe attributes.\n * the code is contains many type assertions because typescript doesn't handle reduce well.\n */\nfunction splitProps(props: IframeResizerProps) {\n  const split = Object.keys(props).reduce<{\n    resizerOptions: IFrameOptions\n    iframeHTMLAttributes: IframeHTMLAttributes<HTMLIFrameElement>\n  }>(\n    (acc, key) => {\n      if (resizerOptionsSet.has(key)) {\n        acc.resizerOptions[key as keyof IFrameOptions] = props[key as keyof typeof props]\n      } else {\n        acc.iframeHTMLAttributes[key as keyof IframeHTMLAttributes<HTMLIFrameElement>] =\n          props[key as keyof typeof props]\n      }\n      return acc\n    },\n    { resizerOptions: {}, iframeHTMLAttributes: {} },\n  )\n\n  return split\n}\n"],"mappings":"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","names":["React","useMemo","React","useEffect","useMemo","useRef","useState","useCallback","React","createContext","useContext","useState","useMemo","useCallback","useEffect","React","useMemo","useRef","CapitalOSError","message","code","ErrorCode","InvalidTokenError","connectToChild","useEffect","useMemo","useRef","version","encodeRenderingContext","renderingContext","renderingContextJson","renderingContextBase64","decodeOneTimeToken","token","urlDecodedToken","base64DecodedToken","error","InvalidTokenError","safeDecodeURIComponent","str","e","buildIframeUrl","tokenData","theme","onError","enrichedRenderingContext","__spreadProps","__spreadValues","encodedRenderingContext","url","decodedToken","version","tokenDataFromOneTimeToken","oneTimeToken","path","IFRAME_CONNECTION_TIMEOUT_MILLISECONDS","useIframeConnection","iframeRef","token","onError","methods","useEffect","connection","connectToChild","error","useIframeUrl","tokenData","renderingContext","theme","onErrorRef","useRef","renderingContextRef","useMemo","buildIframeUrl","iframeResizer","React","forwardRef","useEffect","useImperativeHandle","useRef","IframeResizer","forwardRef","props","ref","title","iframeHTMLAttributes","resizerOptions","splitProps","iframeRef","useRef","useEffect","iframe","iframeResizer","__spreadValues","useImperativeHandle","React","__spreadProps","resizerOptionsSet","acc","key","TokenExchangeIframe","props","oneTimeToken","enableLogging","onExchangeComplete","onExchangeError","iframeRef","useRef","tokenData","useMemo","tokenDataFromOneTimeToken","url","useIframeUrl","useIframeConnection","error","CapitalOSError","React","IframeResizer","CapitalOsAuthenticationContext","createContext","CapitalOsAuthenticationProvider","getToken","enableLogging","children","oneTimeToken","setOneTimeToken","useState","baseUrl","setBaseUrl","longLivedToken","setLongLivedToken","isLoading","setIsLoading","error","setError","refreshOneTimeToken","useCallback","__async","newToken","tokenObject","decodeOneTimeToken","url","invalidateToken","useEffect","onExchangeComplete","jwtToken","contextValue","useMemo","CapitalOSError","ErrorCode","React","TokenExchangeIframe","useCapitalOsAuthContext","useContext","CapitalOS","props","tokenProp","className","enableLogging","onError","LoadingComponent","renderingContext","methods","theme","contextTokenData","error","invalidateToken","useCapitalOsAuthContext","isLoaded","setIsLoaded","useState","iframeRef","useRef","useErrorHandling","tokenData","useMemo","tokenDataFromOneTimeToken","handleTokenExpired","useCallback","CapitalOSError","ErrorCode","useEffect","url","useIframeUrl","useIframeConnection","__spreadValues","err","React","IframeResizer","data","newHeight","errorFired","CardsApp","props","entryPoint","renderingContext","useMemo","React","CapitalOS","__spreadProps","__spreadValues","App","IssueCard","_a","_b","cardholder","onDone","onCancel","restOfProps","__objRest","entryPoint","renderingContext","useMemo","React","CapitalOS","__spreadProps","__spreadValues","DisputeTransaction","transactionId","BillPayApp","props","CardDetails","AccountDetails","AccountActions","InsightsDashboard","InsightsWidget","widget","Onboarding","onboardingEntryPoint","onboardingExitPoint","MakePayment"]}

package/dist/index.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var $=Object.create;var y=Object.defineProperty,V=Object.defineProperties,J=Object.getOwnPropertyDescriptor,U=Object.getOwnPropertyDescriptors,q=Object.getOwnPropertyNames,h=Object.getOwnPropertySymbols,G=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var M=(e,t,n)=>t in e?y(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,s=(e,t)=>{for(var n in t||(t={}))I.call(t,n)&&M(e,n,t[n]);if(h)for(var n of h(t))w.call(t,n)&&M(e,n,t[n]);return e},d=(e,t)=>V(e,U(t));var P=(e,t)=>{var n={};for(var o in e)I.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(e!=null&&h)for(var o of h(e))t.indexOf(o)<0&&w.call(e,o)&&(n[o]=e[o]);return n};var K=(e,t)=>{for(var n in t)y(e,n,{get:t[n],enumerable:!0})},k=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of q(t))!I.call(e,r)&&r!==n&&y(e,r,{get:()=>t[r],enumerable:!(o=J(t,r))||o.enumerable});return e};var b=(e,t,n)=>(n=e!=null?$(G(e)):{},k(t||!e||!e.__esModule?y(n,"default",{value:e,enumerable:!0}):n,e)),Q=e=>k(y({},"__esModule",{value:!0}),e);var ue={};K(ue,{AccountActions:()=>ce,AccountDetails:()=>de,App:()=>oe,BillPayApp:()=>se,CardDetails:()=>ae,CardsApp:()=>N,DisputeTransaction:()=>ie,InsightsDashboard:()=>pe,InsightsWidget:()=>me,IssueCard:()=>re,Onboarding:()=>le});module.exports=Q(ue);var i=b(require("react"));var u=b(require("react"));var z="1.0.0-rc.2";var x=class extends Error{constructor({message:t,code:n}){super(t),this.name="CapitalOSError",this.code=n}},Y={unauthorized:"unauthorized",invalid_account_status:"invalid_account_status",unsupported_entry_point:"unsupported_entry_point"},C=class extends x{constructor(){super({message:"Invalid token",code:Y.unauthorized}),this.name="CapitalOSInvalidTokenError"}};var L=require("penpal"),F=require("react"),Z=1e4;function R({iframeRef:e,token:t,onError:n,methods:o}){(0,F.useEffect)(()=>{let r=(0,L.connectToChild)({iframe:e.current,childOrigin:"*",debug:!0,timeout:Z,methods:o});return r.promise.catch(a=>{n==null||n(a)}),()=>{r.destroy()}},[t])}var H=require("iframe-resizer"),l=b(require("react"));var E=(0,l.forwardRef)((e,t)=>{let n=e.title||"iframe",{iframeHTMLAttributes:o,resizerOptions:r}=ne(e),a=(0,l.useRef)(null);return(0,l.useEffect)(()=>{let c=a.current;return(0,H.iframeResizer)(s({},r),c),()=>c.iFrameResizer&&c.iFrameResizer.removeListeners()}),(0,l.useImperativeHandle)(t,()=>a.current),l.default.createElement("iframe",d(s({},o),{title:n,ref:a}))});E.displayName="IframeResizer";var ee=["autoResize","bodyBackground","bodyMargin","bodyPadding","checkOrigin","inPageLinks","heightCalculationMethod","interval","log","maxHeight","maxWidth","minHeight","minWidth","resizeFrom","scrolling","sizeHeight","sizeWidth","warningTimeout","tolerance","widthCalculationMethod","onClosed","onInit","onMessage","onResized","onScroll"],te=new Set(ee);function ne(e){return Object.keys(e).reduce((n,o)=>(te.has(o)?n.resizerOptions[o]=e[o]:n.iframeHTMLAttributes[o]=e[o],n),{resizerOptions:{},iframeHTMLAttributes:{}})}function S(e){let t=JSON.stringify(e),n=btoa(t);return encodeURIComponent(n)}function _(e){try{let t=decodeURIComponent(e),n=atob(t);return JSON.parse(n)}catch(t){throw new C}}function p(e){let{token:t,className:n,enableLogging:o,onError:r,loadingComponent:a,renderingContext:c,methods:f,theme:O}=e,[T,D]=(0,u.useState)(!1),A=(0,u.useRef)(null),W=(0,u.useMemo)(()=>{try{let m=c?d(s({},c),{referer:window.location.href}):null,g=m?S(m):null,j=_(t),{path:v}=j;if(!v)throw new C;let B=O?`&theme=${O}`:"";return`${v}?token=${t}&sdkVersion=${z}&renderingContext=${g!=null?g:""}${B}`}catch(m){r==null||r(new C);return}},[t,r]);return R({iframeRef:A,token:t,onError:m=>{r==null||r(m),D(!0)},methods:s({onLoad:()=>D(!0),onError:m=>{let g=new x(m);r==null||r(g)}},f)}),u.default.createElement(u.default.Fragment,null,!T&&a,u.default.createElement(E,{src:W,allow:"clipboard-write",checkOrigin:!1,style:{width:"1px",height:"0px",minWidth:"100%"},className:n,log:!!o,ref:A,hidden:!T,onResized:m=>{let g=`${parseInt(m.height)+12}px`;m.iframe.style.height=g}}))}function N(e){let t="cardsApp",n=(0,i.useMemo)(()=>({entryPoint:t}),[t]);return i.default.createElement(p,d(s({},e),{renderingContext:n}))}var oe=N;function re(r){var a=r,{cardholder:e,onDone:t,onCancel:n}=a,o=P(a,["cardholder","onDone","onCancel"]);let c="createCard",f=(0,i.useMemo)(()=>({entryPoint:c,cardholder:e}),[e]);return i.default.createElement(p,d(s({},o),{renderingContext:f,methods:{createCard:{onDone:t,onCancel:n}}}))}function ie(r){var a=r,{transactionId:e,onDone:t,onCancel:n}=a,o=P(a,["transactionId","onDone","onCancel"]);let c="createDispute",f=(0,i.useMemo)(()=>({entryPoint:c,transactionId:e}),[e]);return i.default.createElement(p,d(s({},o),{renderingContext:f,methods:{createDispute:{onDone:t,onCancel:n}}}))}function se(e){let t="billPayApp",n=(0,i.useMemo)(()=>({entryPoint:t}),[t]);return i.default.createElement(p,d(s({},e),{renderingContext:n}))}function ae(e){let t="cardDetails",n=(0,i.useMemo)(()=>({entryPoint:t,cardId:e.cardId,cardOnly:e.cardOnly}),[t,e.cardId,e.cardOnly]);return i.default.createElement(p,d(s({},e),{renderingContext:n}))}function de(e){let t="accountDetails",n=(0,i.useMemo)(()=>({entryPoint:t}),[t]);return i.default.createElement(p,d(s({},e),{renderingContext:n}))}function ce(e){let t="accountActions",n=(0,i.useMemo)(()=>({entryPoint:t}),[t]);return i.default.createElement(p,d(s({},e),{renderingContext:n}))}function pe(e){let t="insightsDashboard",n=(0,i.useMemo)(()=>({entryPoint:t}),[t]);return i.default.createElement(p,d(s({},e),{renderingContext:n}))}function me(e){let t="insightsWidget",n=e.widget,o=(0,i.useMemo)(()=>({entryPoint:t,widget:n}),[t,n]);return i.default.createElement(p,d(s({},e),{renderingContext:o}))}function le(r){var a=r,{onDone:e,entryPoint:t,exitPoint:n}=a,o=P(a,["onDone","entryPoint","exitPoint"]);let c="onboarding",f=(0,i.useMemo)(()=>({entryPoint:c,onboardingEntryPoint:t,onboardingExitPoint:n}),[c,t,n]);return i.default.createElement(p,d(s({},o),{renderingContext:f,methods:{onboarding:{onDone:e}}}))}0&&(module.exports={AccountActions,AccountDetails,App,BillPayApp,CardDetails,CardsApp,DisputeTransaction,InsightsDashboard,InsightsWidget,IssueCard,Onboarding});
+"use strict";"use client";var te=Object.create;var L=Object.defineProperty,ne=Object.defineProperties,oe=Object.getOwnPropertyDescriptor,re=Object.getOwnPropertyDescriptors,ie=Object.getOwnPropertyNames,S=Object.getOwnPropertySymbols,se=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty,W=Object.prototype.propertyIsEnumerable;var B=(e,t,n)=>t in e?L(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,p=(e,t)=>{for(var n in t||(t={}))N.call(t,n)&&B(e,n,t[n]);if(S)for(var n of S(t))W.call(t,n)&&B(e,n,t[n]);return e},l=(e,t)=>ne(e,re(t));var w=(e,t)=>{var n={};for(var o in e)N.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(e!=null&&S)for(var o of S(e))t.indexOf(o)<0&&W.call(e,o)&&(n[o]=e[o]);return n};var ae=(e,t)=>{for(var n in t)L(e,n,{get:t[n],enumerable:!0})},K=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of ie(t))!N.call(e,r)&&r!==n&&L(e,r,{get:()=>t[r],enumerable:!(o=oe(t,r))||o.enumerable});return e};var A=(e,t,n)=>(n=e!=null?te(se(e)):{},K(t||!e||!e.__esModule?L(n,"default",{value:e,enumerable:!0}):n,e)),de=e=>K(L({},"__esModule",{value:!0}),e);var V=(e,t,n)=>new Promise((o,r)=>{var i=u=>{try{d(n.next(u))}catch(f){r(f)}},s=u=>{try{d(n.throw(u))}catch(f){r(f)}},d=u=>u.done?o(u.value):Promise.resolve(u.value).then(i,s);d((n=n.apply(e,t)).next())});var Ae={};ae(Ae,{AccountActions:()=>be,AccountDetails:()=>Oe,App:()=>ke,BillPayApp:()=>Ie,CapitalOsAuthenticationProvider:()=>Y,CardDetails:()=>Ee,CardsApp:()=>ee,DisputeTransaction:()=>Pe,InsightsDashboard:()=>ve,InsightsWidget:()=>De,IssueCard:()=>Te,MakePayment:()=>we,Onboarding:()=>Le});module.exports=de(Ae);var a=A(require("react"));var m=A(require("react"));var c=A(require("react"));var b=A(require("react"));var h=class extends Error{constructor({message:t,code:n}){super(t),this.name="CapitalOSError",this.code=n}},M={unauthorized:"unauthorized",invalid_account_status:"invalid_account_status",unsupported_entry_point:"unsupported_entry_point",internal_error:"internal_error"},O=class extends h{constructor(t){super({message:`Invalid token ${t!=null?t:""}`,code:M.unauthorized}),this.name="CapitalOSInvalidTokenError"}};var q=require("penpal"),P=require("react");var J="1.0.0-rc.4";function ue(e){let t=JSON.stringify(e),n=btoa(t);return encodeURIComponent(n)}function j(e){try{let t=decodeURIComponent(e),n=atob(t);return JSON.parse(n)}catch(t){throw new O}}function fe(e){try{return decodeURIComponent(e)}catch(t){return e}}function $({tokenData:e,renderingContext:t,theme:n,onError:o}){try{let r=t?l(p({},t),{referer:window.location.href}):null,i=r?ue(r):null,s=new URL(e.baseUrl),d=fe(e.token);return e.paramLocation==="search"?s.searchParams.set(e.paramKey,d):e.paramLocation==="hash"&&(s.hash=e.paramKey+"="+encodeURIComponent(d)),s.searchParams.set("sdkVersion",J),i&&s.searchParams.set("renderingContext",i),n&&s.searchParams.set("theme",n),s.toString()}catch(r){o==null||o(new O);return}}function F(e){let n=j(e).path;if(!n||typeof n!="string")throw new O;return{token:e,tokenType:"oneTime",baseUrl:n,paramKey:"token",paramLocation:"search"}}var ge=1e4;function H({iframeRef:e,token:t,onError:n,methods:o}){(0,P.useEffect)(()=>{if(!e.current)return;let r=(0,q.connectToChild)({iframe:e.current,childOrigin:"*",debug:!0,timeout:ge,methods:o});return r.promise.catch(i=>{n==null||n(i)}),()=>{r.destroy()}},[t,e])}function U({tokenData:e,renderingContext:t,theme:n,onError:o}){let r=(0,P.useRef)(o),i=(0,P.useRef)(t);return(0,P.useMemo)(()=>{if(e)return $({tokenData:e,renderingContext:i.current,theme:n,onError:r.current})},[e,n,r,i])}var G=require("iframe-resizer"),x=A(require("react"));var R=(0,x.forwardRef)((e,t)=>{let n=e.title||"iframe",{iframeHTMLAttributes:o,resizerOptions:r}=xe(e),i=(0,x.useRef)(null);return(0,x.useEffect)(()=>{let s=i.current;return(0,G.iframeResizer)(p({},r),s),()=>s.iFrameResizer&&s.iFrameResizer.removeListeners()}),(0,x.useImperativeHandle)(t,()=>i.current),x.default.createElement("iframe",l(p({},o),{title:n,ref:i}))});R.displayName="IframeResizer";var Ce=["autoResize","bodyBackground","bodyMargin","bodyPadding","checkOrigin","inPageLinks","heightCalculationMethod","interval","log","maxHeight","maxWidth","minHeight","minWidth","resizeFrom","scrolling","sizeHeight","sizeWidth","warningTimeout","tolerance","widthCalculationMethod","onClosed","onInit","onMessage","onResized","onScroll"],he=new Set(Ce);function xe(e){return Object.keys(e).reduce((n,o)=>(he.has(o)?n.resizerOptions[o]=e[o]:n.iframeHTMLAttributes[o]=e[o],n),{resizerOptions:{},iframeHTMLAttributes:{}})}function Q(e){let{oneTimeToken:t,enableLogging:n,onExchangeComplete:o,onExchangeError:r}=e,i=(0,b.useRef)(null),s=(0,b.useMemo)(()=>F(t),[t]),u=U({tokenData:s,onError:r,renderingContext:{entryPoint:"tokenExchange"}});return H({iframeRef:i,token:t,onError:r,methods:{onLoad:()=>{},onError:f=>{r==null||r(new h(f))},tokenExchange:{onLongLivedToken:o}}}),b.default.createElement(R,{src:u,checkOrigin:!1,style:{display:"none"},log:!!n,ref:i})}var X=(0,c.createContext)({isLoading:!1,invalidateToken:()=>{}}),Y=({getToken:e,enableLogging:t,children:n})=>{let[o,r]=(0,c.useState)(void 0),[i,s]=(0,c.useState)(void 0),[d,u]=(0,c.useState)(void 0),[f,z]=(0,c.useState)(!1),[v,k]=(0,c.useState)(void 0),I=(0,c.useCallback)(()=>V(void 0,null,function*(){z(!0);try{let C=yield e();r(C),k(void 0);let y=j(C),E=new URL(y.path);E.pathname="",s(E.toString())}catch(C){k(C)}finally{z(!1)}}),[e]),D=(0,c.useCallback)(()=>{u(void 0)},[]);(0,c.useEffect)(()=>{d||I()},[d,I]);let T=(0,c.useCallback)(C=>{u(C),r(void 0),k(void 0)},[]),_=(0,c.useMemo)(()=>{if(d&&!i)throw new h({message:"baseUrl is required for long lived tokens",code:M.unauthorized});return{tokenData:d?{token:d,tokenType:"longLived",baseUrl:i,paramKey:"access_token",paramLocation:"hash"}:void 0,isLoading:f,error:v,invalidateToken:D}},[d,f,v,D,i]);return c.default.createElement(c.default.Fragment,null,c.default.createElement(X.Provider,{value:_},n),o&&!d&&c.default.createElement(Q,{oneTimeToken:o,onExchangeComplete:T,enableLogging:t,onExchangeError:k}))},Z=()=>(0,c.useContext)(X);function g(e){let{token:t,className:n,enableLogging:o,onError:r,loadingComponent:i,renderingContext:s,methods:d,theme:u}=e,{tokenData:f,error:z,invalidateToken:v}=Z(),[k,I]=(0,m.useState)(!1),D=(0,m.useRef)(null);ye(z,r);let T=(0,m.useMemo)(()=>t?F(t):f,[t,f]),_=(0,m.useCallback)(()=>{if(o&&console.log("CapitalOS: Token expired, invalidating..."),t){r==null||r(new h({message:"Token expired. Cannot automatically refresh when using token prop.",code:M.unauthorized}));return}v(),I(!1)},[t,v,o,r]);(0,m.useEffect)(()=>{t&&f&&o&&console.warn("CapitalOS: token was provided both from provider and from the token prop. the prop will take precedence")},[t,f,o]);let C=U({tokenData:T,renderingContext:s,theme:u,onError:r});return H({iframeRef:D,token:T==null?void 0:T.token,onError:y=>{r==null||r(y),I(!0)},methods:p({onLoad:()=>I(!0),onError:y=>{let E=new h(y);r==null||r(E)},onTokenExpired:_},d)}),!T||!C?m.default.createElement(m.default.Fragment,null,i||null):m.default.createElement(m.default.Fragment,null,!k&&i,m.default.createElement(R,{src:C,allow:"clipboard-write",checkOrigin:!1,style:{width:"1px",height:"0px",minWidth:"100%"},className:n,log:!!o,ref:D,hidden:!k,onResized:y=>{let E=`${parseInt(y.height)+12}px`;y.iframe.style.height=E}}))}function ye(e,t){let n=(0,m.useRef)(!1);(0,m.useEffect)(()=>{e&&!n.current&&(t==null||t(e),n.current=!0)},[e,t])}function ee(e){let t="cardsApp",n=(0,a.useMemo)(()=>({entryPoint:t}),[t]);return a.default.createElement(g,l(p({},e),{renderingContext:n}))}var ke=ee;function Te(r){var i=r,{cardholder:e,onDone:t,onCancel:n}=i,o=w(i,["cardholder","onDone","onCancel"]);let s="createCard",d=(0,a.useMemo)(()=>({entryPoint:s,cardholder:e}),[e]);return a.default.createElement(g,l(p({},o),{renderingContext:d,methods:{createCard:{onDone:t,onCancel:n}}}))}function Pe(r){var i=r,{transactionId:e,onDone:t,onCancel:n}=i,o=w(i,["transactionId","onDone","onCancel"]);let s="createDispute",d=(0,a.useMemo)(()=>({entryPoint:s,transactionId:e}),[e]);return a.default.createElement(g,l(p({},o),{renderingContext:d,methods:{createDispute:{onDone:t,onCancel:n}}}))}function Ie(e){let t="billPayApp",n=(0,a.useMemo)(()=>({entryPoint:t}),[t]);return a.default.createElement(g,l(p({},e),{renderingContext:n}))}function Ee(e){let t="cardDetails",n=(0,a.useMemo)(()=>({entryPoint:t,cardId:e.cardId,cardOnly:e.cardOnly}),[t,e.cardId,e.cardOnly]);return a.default.createElement(g,l(p({},e),{renderingContext:n}))}function Oe(e){let t="accountDetails",n=(0,a.useMemo)(()=>({entryPoint:t}),[t]);return a.default.createElement(g,l(p({},e),{renderingContext:n}))}function be(e){let t="accountActions",n=(0,a.useMemo)(()=>({entryPoint:t}),[t]);return a.default.createElement(g,l(p({},e),{renderingContext:n}))}function ve(e){let t="insightsDashboard",n=(0,a.useMemo)(()=>({entryPoint:t}),[t]);return a.default.createElement(g,l(p({},e),{renderingContext:n}))}function De(e){let t="insightsWidget",n=e.widget,o=(0,a.useMemo)(()=>({entryPoint:t,widget:n}),[t,n]);return a.default.createElement(g,l(p({},e),{renderingContext:o}))}function Le(r){var i=r,{onDone:e,entryPoint:t,exitPoint:n}=i,o=w(i,["onDone","entryPoint","exitPoint"]);let s="onboarding",d=(0,a.useMemo)(()=>({entryPoint:s,onboardingEntryPoint:t,onboardingExitPoint:n}),[s,t,n]);return a.default.createElement(g,l(p({},o),{renderingContext:d,methods:{onboarding:{onDone:e}}}))}function we(n){var o=n,{onDone:e}=o,t=w(o,["onDone"]);let r="makePayment",i=(0,a.useMemo)(()=>({entryPoint:r}),[r]);return a.default.createElement(g,l(p({},t),{renderingContext:i,methods:{makePayment:{onDone:e}}}))}0&&(module.exports={AccountActions,AccountDetails,App,BillPayApp,CapitalOsAuthenticationProvider,CardDetails,CardsApp,DisputeTransaction,InsightsDashboard,InsightsWidget,IssueCard,MakePayment,Onboarding});
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.tsx","../src/capital-os.tsx","../package.json","../src/error.ts","../src/hooks.ts","../src/iframe-resizer.tsx","../src/utils.ts"],"sourcesContent":["'use client'\n\nimport React, { useMemo } from 'react'\n\nimport { CapitalOS } from './capital-os'\nimport type { EntryPoint, IssueCardDefaultValues } from './external-types'\nimport type { Account, CommonProps } from './types'\n\n// #region App\n/**\n * Renders the CapitalOS CardsApp.\n */\nexport function CardsApp(props: CommonProps) {\n  const entryPoint: EntryPoint = 'cardsApp'\n  const renderingContext = useMemo(() => ({ entryPoint }), [entryPoint])\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// maintain backwards compatibility\n\n/** @deprecated Use {@link CardsApp} instead */\nconst App = CardsApp\n\nexport { App }\n\n// #region Issue Card\nexport type IssueCardProps = CommonProps & {\n  /**\n   * Default values to prefill the form with.\n   *\n   * Either provide a userId, in which case the default values will be taken from that user's profile, or provide the cardholder's details directly.\n   */\n  cardholder?: IssueCardDefaultValues\n\n  /**\n   * Callback to invoke when the card was created successfully.\n   */\n  onDone: () => void\n\n  /**\n   * Callback to invoke when the card creation was cancelled by the user.\n   */\n  onCancel: () => void\n}\n\n/**\n * Renders the CapitalOS Issue Card experience.\n */\nexport function IssueCard({ cardholder, onDone, onCancel, ...restOfProps }: IssueCardProps) {\n  const entryPoint: EntryPoint = 'createCard'\n  const renderingContext = useMemo(\n    () => ({\n      entryPoint,\n      cardholder,\n    }),\n    [cardholder],\n  )\n\n  return (\n    <CapitalOS {...restOfProps} renderingContext={renderingContext} methods={{ createCard: { onDone, onCancel } }} />\n  )\n}\n// #endregion\n\n// #region Dispute Transaction\nexport type DisputeTransactionProps = CommonProps & {\n  /**\n   * The ID of the transaction to dispute.\n   */\n  transactionId: string\n\n  /**\n   * Callback to invoke when the dispute was successfully submitted.\n   */\n  onDone: () => void\n\n  /**\n   * Callback to invoke when the user cancels the dispute submission.\n   */\n  onCancel: () => void\n}\n\n/**\n * Renders the CapitalOS Dispute Transaction experience.\n */\nexport function DisputeTransaction({ transactionId, onDone, onCancel, ...restOfProps }: DisputeTransactionProps) {\n  const entryPoint: EntryPoint = 'createDispute'\n  const renderingContext = useMemo(() => ({ entryPoint, transactionId }), [transactionId])\n\n  return (\n    <CapitalOS {...restOfProps} renderingContext={renderingContext} methods={{ createDispute: { onDone, onCancel } }} />\n  )\n}\n// #endregion\n\n// #region Bill Payment Dashboard\nexport type BillPayAppProps = CommonProps\n\n/**\n * Renders the CapitalOS Bill Payment Dashboard experience.\n */\nexport function BillPayApp(props: BillPayAppProps) {\n  const entryPoint: EntryPoint = 'billPayApp'\n  const renderingContext = useMemo(() => ({ entryPoint }), [entryPoint])\n\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// #region Card Details\nexport type CardDetailsProps = CommonProps & {\n  /**\n   * The ID of the card to manage.\n   */\n  cardId: string\n  cardOnly?: boolean | undefined\n}\n\n/**\n * Renders the CapitalOS Manage Card experience.\n */\nexport function CardDetails(props: CardDetailsProps) {\n  const entryPoint: EntryPoint = 'cardDetails'\n  const renderingContext = useMemo(\n    () => ({ entryPoint, cardId: props.cardId, cardOnly: props.cardOnly }),\n    [entryPoint, props.cardId, props.cardOnly],\n  )\n\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// #region Account Details\nexport type AccountDetailsProps = CommonProps\n\n/**\n * Renders the CapitalOS Account Details experience.\n */\nexport function AccountDetails(props: AccountDetailsProps) {\n  const entryPoint: EntryPoint = 'accountDetails'\n  const renderingContext = useMemo(() => ({ entryPoint }), [entryPoint])\n\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// #region Account Actions\nexport type AccountActionsProps = CommonProps\n\n/**\n * Renders the CapitalOS Account Actions experience.\n */\nexport function AccountActions(props: AccountActionsProps) {\n  const entryPoint: EntryPoint = 'accountActions'\n  const renderingContext = useMemo(() => ({ entryPoint }), [entryPoint])\n\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// #region Insights Dashboard\nexport type InsightsDashboardProps = CommonProps\n\n/**\n * Renders the CapitalOS Insights Dashboard experience\n */\nexport function InsightsDashboard(props: InsightsDashboardProps) {\n  const entryPoint: EntryPoint = 'insightsDashboard'\n  const renderingContext = useMemo(() => ({ entryPoint }), [entryPoint])\n\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// #region Insights Widget\nexport type InsightsWidgetProps = CommonProps & {\n  /**\n   * The specific widget to render.\n   */\n  widget: 'cards-by-month' | 'top-spenders'\n}\n\n/**\n * Renders a specific CapitalOS Insights Widget\n */\nexport function InsightsWidget(props: InsightsWidgetProps) {\n  const entryPoint: EntryPoint = 'insightsWidget'\n  const widget = props.widget\n  const renderingContext = useMemo(() => ({ entryPoint, widget }), [entryPoint, widget])\n\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// #region Onboarding Types\ntype AllowedExitPoints = {\n  welcome: 'application' | 'activation'\n  application: 'application' | 'activation'\n}\n\ntype OnboardingEntryPoint = keyof AllowedExitPoints\ntype OnboardingProps<T extends keyof AllowedExitPoints> = CommonProps & {\n  entryPoint?: T\n  exitPoint?: AllowedExitPoints[T]\n  onDone: (account: Account) => void\n}\n\nexport function Onboarding<T extends OnboardingEntryPoint>({\n  onDone,\n  entryPoint: onboardingEntryPoint,\n  exitPoint: onboardingExitPoint,\n  ...restOfProps\n}: OnboardingProps<T>) {\n  // This component uses 'entryPoint' in two distinct ways:\n  // 1. As a prop to control the user's starting/ending stages of onboarding\n  // 2. For internal rendering context to determine which client component to display\n  const entryPoint: EntryPoint = 'onboarding'\n  const renderingContext = useMemo(\n    () => ({ entryPoint, onboardingEntryPoint, onboardingExitPoint }),\n    [entryPoint, onboardingEntryPoint, onboardingExitPoint],\n  )\n\n  return <CapitalOS {...restOfProps} renderingContext={renderingContext} methods={{ onboarding: { onDone } }} />\n}\n// #endregion\n","import React, { useMemo, useRef, useState } from 'react'\n\nimport { version as sdkVersion } from '../package.json'\nimport { CapitalOSError, InvalidTokenError } from './error'\nimport { EntryPoint } from './external-types'\nimport { IframeConnectionMethods, useIframeConnection } from './hooks'\nimport { IframeResizer } from './iframe-resizer'\nimport { CommonProps } from './types'\nimport { decodeToken, encodeRenderingContext } from './utils'\n\ntype RenderingContext = {\n  entryPoint?: EntryPoint\n  referer?: string\n}\n\ntype CapitalOsProps<T extends RenderingContext> = CommonProps & {\n  renderingContext: T\n  methods?: Partial<IframeConnectionMethods>\n}\n\n/**\n * The internal component that handles all the heavy lifting of connecting to the iframe and rendering the app.\n * all user facing components are basically  a syntactic sugar on top of this.\n */\nexport function CapitalOS<T extends RenderingContext>(props: CapitalOsProps<T>) {\n  const {\n    token,\n    className,\n    enableLogging,\n    onError,\n    loadingComponent: LoadingComponent,\n    renderingContext,\n    methods,\n    theme,\n  } = props\n  // represents the state of whether all required react queries returned and the page should be visible\n  const [isLoaded, setIsLoaded] = useState(false)\n\n  const iframeRef = useRef<HTMLIFrameElement>(null)\n\n  // memoize the url based on the token so we don't redo the computation on each render.\n  const url = useMemo(() => {\n    try {\n      const enrichedRenderingContext = renderingContext\n        ? {\n            ...renderingContext,\n            referer: window.location.href,\n          }\n        : null\n\n      const encodedRenderingContext = enrichedRenderingContext ? encodeRenderingContext(enrichedRenderingContext) : null\n\n      const tokenObject = decodeToken(token)\n\n      const { path } = tokenObject\n      if (!path) {\n        throw new InvalidTokenError()\n      }\n      const themeChunk = theme ? `&theme=${theme}` : ''\n      return `${path}?token=${token}&sdkVersion=${sdkVersion}&renderingContext=${encodedRenderingContext ?? ''}${themeChunk}`\n    } catch (error) {\n      // communicate a general error about the token being invalid to the parent component, no matter which internal error we encountered during token parsing.\n      onError?.(new InvalidTokenError())\n      return undefined\n    }\n    // renderingContext is not part of the dependencies since we do not want to reload the iframe unless the token changes.\n  }, [token, onError])\n\n  useIframeConnection({\n    iframeRef,\n    token,\n    onError: (error) => {\n      onError?.(error)\n      // when connection fails it's probably a handshake timeout with the iframe. we will stop showing the loader\n      // since the fact we failed communication doesn't necessarily mean the iframe didn't load\n      setIsLoaded(true)\n    },\n    methods: {\n      onLoad: () => setIsLoaded(true),\n      onError: (error) => {\n        const err = new CapitalOSError(error)\n        onError?.(err)\n      },\n      ...methods,\n    },\n  })\n\n  return (\n    <>\n      {/* show loader as long as we're not loaded */}\n      {!isLoaded && LoadingComponent}\n      {/* hide the iframe as long as we're not loaded */}\n      <IframeResizer\n        src={url}\n        allow=\"clipboard-write\"\n        checkOrigin={false}\n        style={{ width: '1px', height: '0px', minWidth: '100%' }}\n        className={className}\n        log={!!enableLogging}\n        ref={iframeRef}\n        hidden={!isLoaded}\n        // Add a constant offset to the height of the iframe to account for css shadows.\n        // This is useful for tooltips that are rendered with shadows below them that extend beyond the bottom of the tooltip.\n        onResized={(data) => {\n          // typing is wrong here. this is a string.\n          const newHeight = `${parseInt(data.height as unknown as string) + 12}px`\n          data.iframe.style.height = newHeight\n        }}\n      />\n    </>\n  )\n}\n","{\n  \"name\": \"@capitalos/react\",\n  \"version\": \"1.0.0-rc.2\",\n  \"description\": \"integrate CapitalOS into your react app\",\n  \"main\": \"dist/index.js\",\n  \"module\": \"dist/esm/index.js\",\n  \"types\": \"dist/_tsup-dts-rollup.d.ts\",\n  \"scripts\": {\n    \"build\": \" pnpm lint && tsup src/index.tsx --experimental-dts --minify --format esm,cjs --clean --no-splitting --sourcemap --legacy-output --out-dir dist\",\n    \"dev\": \"pnpm build --watch\",\n    \"prepublishOnly\": \"pnpm build\",\n    \"lint\": \"eslint . --ext .ts,.tsx --fix\",\n    \"lint-ci\": \"eslint . --ext .ts,.tsx\"\n  },\n  \"keywords\": [\n    \"capitalos\",\n    \"react\"\n  ],\n  \"homepage\": \"https://docs.capitalos.com/docs/using-react-client-library\",\n  \"author\": \"CapitalOS\",\n  \"license\": \"MIT\",\n  \"files\": [\n    \"dist\",\n    \"package.json\"\n  ],\n  \"devDependencies\": {\n    \"@changesets/cli\": \"^2.27.12\",\n    \"@microsoft/api-extractor\": \"^7.39.5\",\n    \"@trivago/prettier-plugin-sort-imports\": \"^4.3.0\",\n    \"@types/iframe-resizer\": \"^3.5.13\",\n    \"@types/react\": \"18.0.20\",\n    \"@typescript-eslint/eslint-plugin\": \"^7.2.0\",\n    \"@typescript-eslint/parser\": \"^7.2.0\",\n    \"eslint\": \"^8.57.0\",\n    \"eslint-config-prettier\": \"^9.1.0\",\n    \"eslint-plugin-prettier\": \"^5.1.3\",\n    \"eslint-plugin-react\": \"^7.34.0\",\n    \"prettier\": \"^3.2.5\",\n    \"react\": \"16.8.0\",\n    \"tsup\": \"^8.1.0\",\n    \"typescript\": \"^5.6.2\"\n  },\n  \"dependencies\": {\n    \"iframe-resizer\": \"^4.3.9\",\n    \"penpal\": \"^6.2.2\"\n  },\n  \"peerDependencies\": {\n    \"react\": \">=16.8.0\"\n  }\n}\n","/**\n * Base class for all SDK errors\n */\nexport class CapitalOSError extends Error {\n  code: ErrorCode\n  constructor({ message, code }: { message: string; code: ErrorCode }) {\n    super(message)\n    this.name = 'CapitalOSError'\n    this.code = code\n  }\n}\n\nexport const ErrorCode = {\n  unauthorized: 'unauthorized',\n  invalid_account_status: 'invalid_account_status',\n  unsupported_entry_point: 'unsupported_entry_point',\n} as const\n\nexport type ErrorCode = (typeof ErrorCode)[keyof typeof ErrorCode]\n\n/**\n * Represents an error that occurs when an invalid token is encountered.\n */\nexport class InvalidTokenError extends CapitalOSError {\n  constructor() {\n    super({ message: 'Invalid token', code: ErrorCode.unauthorized })\n    this.name = 'CapitalOSInvalidTokenError'\n  }\n}\n","import { connectToChild } from 'penpal'\nimport { useEffect } from 'react'\n\nimport { ErrorCode } from './error'\nimport { Account } from './types'\n\nconst IFRAME_CONNECTION_TIMEOUT_MILLISECONDS = 10_000\n\n/**\n * An error type providing a reason code and message.\n * Penpal only passes plain objects, so this does not inherit from Error.\n */\nexport type RawErrorDetails = {\n  code: ErrorCode\n  message: string\n}\n\nexport type IframeConnectionMethods = {\n  onLoad: () => void\n  onError: (error: RawErrorDetails) => void\n  createCard?: {\n    onDone?: () => void\n    onCancel?: () => void\n  }\n  createDispute?: {\n    onDone?: () => void\n    onCancel?: () => void\n  }\n  onboarding?: {\n    onDone?: (account: Account) => void\n  }\n}\n\n/**\n * connects to child iframe and returns whether the iframe is loaded or not.\n */\nexport function useIframeConnection({\n  iframeRef,\n  token,\n  onError,\n  methods,\n}: {\n  iframeRef: React.RefObject<HTMLIFrameElement>\n  token: string\n  onError: ((error: Error) => void) | undefined | null\n  methods: IframeConnectionMethods\n}) {\n  // connect to child iframe\n  useEffect(() => {\n    const connection = connectToChild({\n      iframe: iframeRef.current!,\n      childOrigin: '*',\n      debug: true,\n      timeout: IFRAME_CONNECTION_TIMEOUT_MILLISECONDS,\n      methods,\n    })\n\n    connection.promise.catch((error) => {\n      onError?.(error)\n    })\n\n    return () => {\n      connection.destroy()\n    }\n  }, [token])\n}\n","import {\n  IFrameOptions as BrokenIframeOptions,\n  IFrameComponent,\n  IFrameMessageData,\n  IFrameResizedData,\n  IFrameScrollData,\n  iframeResizer,\n} from 'iframe-resizer'\nimport React, { IframeHTMLAttributes, forwardRef, useEffect, useImperativeHandle, useRef } from 'react'\n\n// the events were renamed but package maintainers didn't update the types.\ntype IFrameOptions = Omit<\n  BrokenIframeOptions,\n  'closedCallback' | 'scrollCallback' | 'resizedCallback' | 'messageCallback' | 'initCallback'\n> & {\n  onClosed?(iframeId: string): void\n  onInit?(iframe: IFrameComponent): void\n  onMessage?(data: IFrameMessageData): void\n  onResized?(data: IFrameResizedData): void\n  onScroll?(data: IFrameScrollData): boolean\n}\n\ntype IframeResizerProps = IFrameOptions & IframeHTMLAttributes<HTMLIFrameElement>\ntype EnrichedHtmlIframeElement = HTMLIFrameElement & { iFrameResizer: { removeListeners: () => void } }\n\nexport const IframeResizer = forwardRef((props: IframeResizerProps, ref: React.Ref<HTMLIFrameElement>) => {\n  const title = props.title || 'iframe'\n  const { iframeHTMLAttributes, resizerOptions } = splitProps(props)\n  const iframeRef = useRef<HTMLIFrameElement>(null)\n\n  useEffect(() => {\n    // effects run after render, so the ref is guaranteed to be set (unless the component conditionally renders the iframe, which is not the case)\n    const iframe = iframeRef.current as EnrichedHtmlIframeElement\n\n    iframeResizer({ ...resizerOptions }, iframe)\n\n    return () => iframe.iFrameResizer && iframe.iFrameResizer.removeListeners()\n  })\n\n  // make the ref provided as a prop point to the same place as the internal iframe ref.\n  useImperativeHandle(ref, () => iframeRef.current as HTMLIFrameElement)\n\n  return <iframe {...iframeHTMLAttributes} title={title} ref={iframeRef} />\n})\n\nIframeResizer.displayName = 'IframeResizer'\n\nconst resizerOptions = [\n  'autoResize',\n  'bodyBackground',\n  'bodyMargin',\n  'bodyPadding',\n  'checkOrigin',\n  'inPageLinks',\n  'heightCalculationMethod',\n  'interval',\n  'log',\n  'maxHeight',\n  'maxWidth',\n  'minHeight',\n  'minWidth',\n  'resizeFrom',\n  'scrolling',\n  'sizeHeight',\n  'sizeWidth',\n  'warningTimeout',\n  'tolerance',\n  'widthCalculationMethod',\n  'onClosed',\n  'onInit',\n  'onMessage',\n  'onResized',\n  'onScroll',\n]\n\nconst resizerOptionsSet = new Set(resizerOptions)\n\n/**\n * split props into the resizer library options and the native iframe attributes.\n * the code is contains many type assertions because typescript doesn't handle reduce well.\n */\nfunction splitProps(props: IframeResizerProps) {\n  const split = Object.keys(props).reduce<{\n    resizerOptions: IFrameOptions\n    iframeHTMLAttributes: IframeHTMLAttributes<HTMLIFrameElement>\n  }>(\n    (acc, key) => {\n      if (resizerOptionsSet.has(key)) {\n        acc.resizerOptions[key as keyof IFrameOptions] = props[key as keyof typeof props]\n      } else {\n        acc.iframeHTMLAttributes[key as keyof IframeHTMLAttributes<HTMLIFrameElement>] =\n          props[key as keyof typeof props]\n      }\n      return acc\n    },\n    { resizerOptions: {}, iframeHTMLAttributes: {} },\n  )\n\n  return split\n}\n","import { InvalidTokenError } from './error'\n\n/**\n * Encodes the rendering context as base64 and then URI encodes it.\n */\nexport function encodeRenderingContext<T>(renderingContext: NonNullable<T>) {\n  const renderingContextJson = JSON.stringify(renderingContext)\n  const renderingContextBase64 = btoa(renderingContextJson)\n  const renderingContextEncoded = encodeURIComponent(renderingContextBase64)\n\n  return renderingContextEncoded\n}\n\nexport function decodeToken(token: string) {\n  try {\n    const urlDecodedToken = decodeURIComponent(token)\n    const base64DecodedToken = atob(urlDecodedToken)\n    return JSON.parse(base64DecodedToken)\n  } catch (error) {\n    throw new InvalidTokenError()\n  }\n}\n"],"mappings":"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","names":["src_exports","__export","AccountActions","AccountDetails","App","BillPayApp","CardDetails","CardsApp","DisputeTransaction","InsightsDashboard","InsightsWidget","IssueCard","Onboarding","__toCommonJS","import_react","import_react","version","CapitalOSError","message","code","ErrorCode","InvalidTokenError","import_penpal","import_react","IFRAME_CONNECTION_TIMEOUT_MILLISECONDS","useIframeConnection","iframeRef","token","onError","methods","connection","error","import_iframe_resizer","import_react","IframeResizer","props","ref","title","iframeHTMLAttributes","resizerOptions","splitProps","iframeRef","iframe","__spreadValues","React","__spreadProps","resizerOptionsSet","acc","key","encodeRenderingContext","renderingContext","renderingContextJson","renderingContextBase64","decodeToken","token","urlDecodedToken","base64DecodedToken","error","InvalidTokenError","CapitalOS","props","token","className","enableLogging","onError","LoadingComponent","renderingContext","methods","theme","isLoaded","setIsLoaded","iframeRef","url","enrichedRenderingContext","__spreadProps","__spreadValues","encodedRenderingContext","encodeRenderingContext","tokenObject","decodeToken","path","InvalidTokenError","themeChunk","version","error","useIframeConnection","err","CapitalOSError","React","IframeResizer","data","newHeight","CardsApp","props","entryPoint","renderingContext","React","CapitalOS","__spreadProps","__spreadValues","App","IssueCard","_a","_b","cardholder","onDone","onCancel","restOfProps","__objRest","entryPoint","renderingContext","React","CapitalOS","__spreadProps","__spreadValues","DisputeTransaction","transactionId","BillPayApp","props","CardDetails","AccountDetails","AccountActions","InsightsDashboard","InsightsWidget","widget","Onboarding","onboardingEntryPoint","onboardingExitPoint"]}
+{"version":3,"sources":["../src/index.tsx","../src/capital-os.tsx","../src/context/capital-os-authentication-context.tsx","../src/common/token-exchange-iframe.tsx","../src/error.ts","../src/hooks.ts","../package.json","../src/utils.ts","../src/iframe-resizer.tsx"],"sourcesContent":["'use client'\n\nimport React, { useMemo } from 'react'\n\nimport { CapitalOS } from './capital-os'\nimport { CapitalOsAuthenticationProvider } from './context/capital-os-authentication-context'\nimport type { EntryPoint, IssueCardDefaultValues } from './external-types'\nimport type { Account, CommonProps } from './types'\n\n// #region App\n/**\n * Renders the CapitalOS CardsApp.\n */\nexport function CardsApp(props: CommonProps) {\n  const entryPoint: EntryPoint = 'cardsApp'\n  const renderingContext = useMemo(() => ({ entryPoint }), [entryPoint])\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// maintain backwards compatibility\n\n/** @deprecated Use {@link CardsApp} instead */\nconst App = CardsApp\n\nexport { App }\n\n// #region Issue Card\nexport type IssueCardProps = CommonProps & {\n  /**\n   * Default values to prefill the form with.\n   *\n   * Either provide a userId, in which case the default values will be taken from that user's profile, or provide the cardholder's details directly.\n   */\n  cardholder?: IssueCardDefaultValues\n\n  /**\n   * Callback to invoke when the card was created successfully.\n   */\n  onDone: () => void\n\n  /**\n   * Callback to invoke when the card creation was cancelled by the user.\n   */\n  onCancel: () => void\n}\n\n/**\n * Renders the CapitalOS Issue Card experience.\n */\nexport function IssueCard({ cardholder, onDone, onCancel, ...restOfProps }: IssueCardProps) {\n  const entryPoint: EntryPoint = 'createCard'\n  const renderingContext = useMemo(\n    () => ({\n      entryPoint,\n      cardholder,\n    }),\n    [cardholder],\n  )\n\n  return (\n    <CapitalOS {...restOfProps} renderingContext={renderingContext} methods={{ createCard: { onDone, onCancel } }} />\n  )\n}\n// #endregion\n\n// #region Dispute Transaction\nexport type DisputeTransactionProps = CommonProps & {\n  /**\n   * The ID of the transaction to dispute.\n   */\n  transactionId: string\n\n  /**\n   * Callback to invoke when the dispute was successfully submitted.\n   */\n  onDone: () => void\n\n  /**\n   * Callback to invoke when the user cancels the dispute submission.\n   */\n  onCancel: () => void\n}\n\n/**\n * Renders the CapitalOS Dispute Transaction experience.\n */\nexport function DisputeTransaction({ transactionId, onDone, onCancel, ...restOfProps }: DisputeTransactionProps) {\n  const entryPoint: EntryPoint = 'createDispute'\n  const renderingContext = useMemo(() => ({ entryPoint, transactionId }), [transactionId])\n\n  return (\n    <CapitalOS {...restOfProps} renderingContext={renderingContext} methods={{ createDispute: { onDone, onCancel } }} />\n  )\n}\n// #endregion\n\n// #region Bill Payment Dashboard\nexport type BillPayAppProps = CommonProps\n\n/**\n * Renders the CapitalOS Bill Payment Dashboard experience.\n */\nexport function BillPayApp(props: BillPayAppProps) {\n  const entryPoint: EntryPoint = 'billPayApp'\n  const renderingContext = useMemo(() => ({ entryPoint }), [entryPoint])\n\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// #region Card Details\nexport type CardDetailsProps = CommonProps & {\n  /**\n   * The ID of the card to manage.\n   */\n  cardId: string\n  cardOnly?: boolean | undefined\n}\n\n/**\n * Renders the CapitalOS Manage Card experience.\n */\nexport function CardDetails(props: CardDetailsProps) {\n  const entryPoint: EntryPoint = 'cardDetails'\n  const renderingContext = useMemo(\n    () => ({ entryPoint, cardId: props.cardId, cardOnly: props.cardOnly }),\n    [entryPoint, props.cardId, props.cardOnly],\n  )\n\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// #region Account Details\nexport type AccountDetailsProps = CommonProps\n\n/**\n * Renders the CapitalOS Account Details experience.\n */\nexport function AccountDetails(props: AccountDetailsProps) {\n  const entryPoint: EntryPoint = 'accountDetails'\n  const renderingContext = useMemo(() => ({ entryPoint }), [entryPoint])\n\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// #region Account Actions\nexport type AccountActionsProps = CommonProps\n\n/**\n * Renders the CapitalOS Account Actions experience.\n */\nexport function AccountActions(props: AccountActionsProps) {\n  const entryPoint: EntryPoint = 'accountActions'\n  const renderingContext = useMemo(() => ({ entryPoint }), [entryPoint])\n\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// #region Insights Dashboard\nexport type InsightsDashboardProps = CommonProps\n\n/**\n * Renders the CapitalOS Insights Dashboard experience\n */\nexport function InsightsDashboard(props: InsightsDashboardProps) {\n  const entryPoint: EntryPoint = 'insightsDashboard'\n  const renderingContext = useMemo(() => ({ entryPoint }), [entryPoint])\n\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// #region Insights Widget\nexport type InsightsWidgetProps = CommonProps & {\n  /**\n   * The specific widget to render.\n   */\n  widget: 'cards-by-month' | 'top-spenders'\n}\n\n/**\n * Renders a specific CapitalOS Insights Widget\n */\nexport function InsightsWidget(props: InsightsWidgetProps) {\n  const entryPoint: EntryPoint = 'insightsWidget'\n  const widget = props.widget\n  const renderingContext = useMemo(() => ({ entryPoint, widget }), [entryPoint, widget])\n\n  return <CapitalOS {...props} renderingContext={renderingContext} />\n}\n// #endregion\n\n// #region Onboarding\ntype AllowedExitPoints = {\n  welcome: 'application' | 'activation'\n  application: 'application' | 'activation'\n}\n\ntype OnboardingEntryPoint = keyof AllowedExitPoints\ntype OnboardingProps<T extends keyof AllowedExitPoints> = CommonProps & {\n  entryPoint?: T\n  exitPoint?: AllowedExitPoints[T]\n  onDone: (account: Account) => void\n}\n\nexport function Onboarding<T extends OnboardingEntryPoint>({\n  onDone,\n  entryPoint: onboardingEntryPoint,\n  exitPoint: onboardingExitPoint,\n  ...restOfProps\n}: OnboardingProps<T>) {\n  // This component uses 'entryPoint' in two distinct ways:\n  // 1. As a prop to control the user's starting/ending stages of onboarding\n  // 2. For internal rendering context to determine which client component to display\n  const entryPoint: EntryPoint = 'onboarding'\n  const renderingContext = useMemo(\n    () => ({ entryPoint, onboardingEntryPoint, onboardingExitPoint }),\n    [entryPoint, onboardingEntryPoint, onboardingExitPoint],\n  )\n\n  return <CapitalOS {...restOfProps} renderingContext={renderingContext} methods={{ onboarding: { onDone } }} />\n}\n// #endregion\n\n// #region Make a payment\nexport type MakePaymentProps = CommonProps & {\n  /**\n   * Callback to invoke when the payment was made successfully.\n   */\n  onDone: () => void\n}\n\n/**\n * Renders the CapitalOS Make a Payment experience.\n */\nexport function MakePayment({ onDone, ...restOfProps }: MakePaymentProps) {\n  const entryPoint: EntryPoint = 'makePayment'\n  const renderingContext = useMemo(() => ({ entryPoint }), [entryPoint])\n\n  return <CapitalOS {...restOfProps} renderingContext={renderingContext} methods={{ makePayment: { onDone } }} />\n}\n// #endregion\n\n// #region Authentication provider\nexport { CapitalOsAuthenticationProvider }\n// #endregion\n","import React, { useEffect, useMemo, useRef, useState, useCallback } from 'react'\n\nimport { useCapitalOsAuthContext } from './context/capital-os-authentication-context'\nimport { CapitalOSError, ErrorCode } from './error'\nimport { IframeConnectionMethods, useIframeConnection, useIframeUrl } from './hooks'\nimport { IframeResizer } from './iframe-resizer'\nimport { CommonProps, CapitalOsRenderingContext, TokenData } from './types'\nimport { tokenDataFromOneTimeToken } from './utils'\n\ntype CapitalOsProps<T extends CapitalOsRenderingContext> = CommonProps & {\n  renderingContext: T\n  methods?: Partial<IframeConnectionMethods>\n}\n\n/**\n * The internal component that handles all the heavy lifting of connecting to the iframe and rendering the app.\n * all user facing components are basically  a syntactic sugar on top of this.\n */\nexport function CapitalOS<T extends CapitalOsRenderingContext>(props: CapitalOsProps<T>) {\n  const {\n    token: tokenProp,\n    className,\n    enableLogging,\n    onError,\n    loadingComponent: LoadingComponent,\n    renderingContext,\n    methods,\n    theme,\n  } = props\n  const { tokenData: contextTokenData, error, invalidateToken } = useCapitalOsAuthContext()\n  // represents the state of whether all required react queries returned and the page should be visible\n  const [isLoaded, setIsLoaded] = useState(false)\n  const iframeRef = useRef<HTMLIFrameElement>(null)\n  useErrorHandling(error, onError)\n\n  const tokenData: TokenData | undefined = useMemo(\n    () => (tokenProp ? tokenDataFromOneTimeToken(tokenProp) : contextTokenData),\n    [tokenProp, contextTokenData],\n  )\n\n  // Handle token expiration by invalidating the token\n  // The context's useEffect will automatically handle the refresh\n  const handleTokenExpired = useCallback(() => {\n    if (enableLogging) {\n      // eslint-disable-next-line no-console\n      console.log('CapitalOS: Token expired, invalidating...')\n    }\n\n    // If we're using tokenProp, we can't refresh automatically\n    if (tokenProp) {\n      onError?.(\n        new CapitalOSError({\n          message: 'Token expired. Cannot automatically refresh when using token prop.',\n          code: ErrorCode.unauthorized,\n        }),\n      )\n      return\n    }\n\n    // Use the invalidateToken function from the context\n    // This will clear the token and the authentication context's useEffect will handle the refresh\n    invalidateToken()\n\n    // The iframe will be reloaded automatically when tokenData changes\n    setIsLoaded(false)\n  }, [tokenProp, invalidateToken, enableLogging, onError])\n\n  useEffect(() => {\n    if (tokenProp && contextTokenData && enableLogging) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        'CapitalOS: token was provided both from provider and from the token prop. the prop will take precedence',\n      )\n    }\n  }, [tokenProp, contextTokenData, enableLogging])\n\n  const url = useIframeUrl({ tokenData, renderingContext, theme, onError })\n\n  useIframeConnection({\n    iframeRef,\n    token: tokenData?.token,\n    onError: (error) => {\n      onError?.(error)\n      // when connection fails it's probably a handshake timeout with the iframe. we will stop showing the loader\n      // since the fact we failed communication doesn't necessarily mean the iframe didn't load\n      setIsLoaded(true)\n    },\n    methods: {\n      onLoad: () => setIsLoaded(true),\n      onError: (error) => {\n        const err = new CapitalOSError(error)\n        onError?.(err)\n      },\n      onTokenExpired: handleTokenExpired,\n      ...methods,\n    },\n  })\n\n  if (!tokenData || !url) {\n    return <>{LoadingComponent || null}</>\n  }\n\n  return (\n    <>\n      {/* show loader as long as we're not loaded */}\n      {!isLoaded && LoadingComponent}\n      {/* hide the iframe as long as we're not loaded */}\n      <IframeResizer\n        src={url}\n        allow=\"clipboard-write\"\n        checkOrigin={false}\n        style={{ width: '1px', height: '0px', minWidth: '100%' }}\n        className={className}\n        log={!!enableLogging}\n        ref={iframeRef}\n        hidden={!isLoaded}\n        // Add a constant offset to the height of the iframe to account for css shadows.\n        // This is useful for tooltips that are rendered with shadows below them that extend beyond the bottom of the tooltip.\n        onResized={(data) => {\n          // typing is wrong here. this is a string.\n          const newHeight = `${parseInt(data.height as unknown as string) + 12}px`\n          data.iframe.style.height = newHeight\n        }}\n      />\n    </>\n  )\n}\n\n/**\n * Makes sure component only fires the error event once.\n * @param error - The error to handle.\n * @param onError - The function to call when the error occurs.\n */\nfunction useErrorHandling(error: Error | null | undefined, onError?: (error: Error) => void) {\n  const errorFired = useRef(false)\n\n  useEffect(() => {\n    if (error && !errorFired.current) {\n      onError?.(error)\n      errorFired.current = true\n    }\n  }, [error, onError])\n}\n","'use client'\n\nimport React, { createContext, useContext, useState, useMemo, useCallback, useEffect } from 'react'\n\nimport { TokenExchangeIframe } from '../common/token-exchange-iframe'\nimport { CapitalOSError, ErrorCode } from '../error'\nimport { TokenData, TokenParamKey, TokenParamLocation, TokenType } from '../types'\nimport { decodeOneTimeToken } from '../utils'\n\ntype CapitalOsAuthenticationContextType = {\n  tokenData?: TokenData | undefined\n  isLoading: boolean\n  error?: Error | undefined\n  /**\n   * Invalidates the current token..\n   * This is used when the iframe signals that the token has expired.\n   * The authentication flow will automatically refresh the token after invalidation.\n   */\n  invalidateToken: () => void\n}\n\ntype ProviderProps = {\n  getToken: () => Promise<string>\n  enableLogging?: boolean | undefined\n  children: React.ReactNode\n}\n\nconst CapitalOsAuthenticationContext = createContext<CapitalOsAuthenticationContextType>({\n  isLoading: false,\n  invalidateToken: () => {},\n})\n\nexport const CapitalOsAuthenticationProvider: React.FC<ProviderProps> = ({ getToken, enableLogging, children }) => {\n  const [oneTimeToken, setOneTimeToken] = useState<string | undefined>(undefined)\n  const [baseUrl, setBaseUrl] = useState<string | undefined>(undefined)\n  const [longLivedToken, setLongLivedToken] = useState<string | undefined>(undefined)\n  const [isLoading, setIsLoading] = useState(false)\n  const [error, setError] = useState<Error | undefined>(undefined)\n\n  const refreshOneTimeToken = useCallback(async () => {\n    setIsLoading(true)\n    try {\n      const newToken = await getToken()\n      setOneTimeToken(newToken)\n      setError(undefined)\n      const tokenObject = decodeOneTimeToken(newToken)\n      const url = new URL(tokenObject.path)\n      // we don't need the /login part of the path since long lived tokens don't go through the login flow.\n      url.pathname = ''\n      setBaseUrl(url.toString())\n    } catch (error) {\n      setError(error as Error)\n    } finally {\n      setIsLoading(false)\n    }\n  }, [getToken])\n\n  // Add invalidateToken method\n  const invalidateToken = useCallback(() => {\n    setLongLivedToken(undefined)\n  }, [])\n\n  // On mount, if no long-lived token is available, refresh to get a one-time token.\n  useEffect(() => {\n    if (!longLivedToken) {\n      refreshOneTimeToken()\n    }\n  }, [longLivedToken, refreshOneTimeToken])\n\n  const onExchangeComplete = useCallback((jwtToken: string) => {\n    setLongLivedToken(jwtToken)\n    setOneTimeToken(undefined)\n    setError(undefined)\n  }, [])\n\n  const contextValue: CapitalOsAuthenticationContextType = useMemo(() => {\n    if (longLivedToken && !baseUrl) {\n      throw new CapitalOSError({\n        message: 'baseUrl is required for long lived tokens',\n        code: ErrorCode.unauthorized,\n      })\n    }\n    const tokenData: TokenData | undefined = longLivedToken\n      ? ({\n          token: longLivedToken,\n          tokenType: TokenType.longLived,\n          baseUrl: baseUrl!,\n          paramKey: TokenParamKey.accessToken,\n          paramLocation: TokenParamLocation.hash,\n        } as const)\n      : undefined\n\n    return {\n      tokenData,\n      isLoading,\n      error,\n      invalidateToken,\n    }\n  }, [longLivedToken, isLoading, error, invalidateToken, baseUrl])\n\n  return (\n    <>\n      <CapitalOsAuthenticationContext.Provider value={contextValue}>{children}</CapitalOsAuthenticationContext.Provider>\n      {oneTimeToken && !longLivedToken && (\n        <TokenExchangeIframe\n          oneTimeToken={oneTimeToken}\n          onExchangeComplete={onExchangeComplete}\n          enableLogging={enableLogging}\n          onExchangeError={setError}\n        />\n      )}\n    </>\n  )\n}\n\nexport const useCapitalOsAuthContext = () => useContext(CapitalOsAuthenticationContext)\n","import React, { useMemo, useRef } from 'react'\n\nimport { CapitalOSError } from '../error'\nimport { useIframeConnection, useIframeUrl } from '../hooks'\nimport { IframeResizer } from '../iframe-resizer'\nimport { tokenDataFromOneTimeToken } from '../utils'\n\nexport interface TokenExchangeIframeProps {\n  oneTimeToken: string\n  enableLogging?: boolean | undefined\n  onExchangeComplete: (jwtToken: string) => void\n  onExchangeError?: (error: Error) => void\n}\n\n/**\n * The component is hidden from the user and is only used to exchange a one-time token for a JWT in the authentication context.\n *\n * The token exchange process works as follows:\n * 1. Component renders a hidden iframe with the one-time token in the URL\n * 2. The iframe loads with the long-lived token as part of its url redirect response and establishes a secure connection with the parent window\n * 3. The iframe passes the long-lived token to the parent via postMessage\n * 4. onExchangeComplete callback is triggered with the new JWT\n *\n * If any errors occur during this process, they are passed to onExchangeError.\n */\nexport function TokenExchangeIframe(props: TokenExchangeIframeProps) {\n  const { oneTimeToken, enableLogging, onExchangeComplete, onExchangeError } = props\n\n  const iframeRef = useRef<HTMLIFrameElement>(null)\n\n  const tokenData = useMemo(() => tokenDataFromOneTimeToken(oneTimeToken), [oneTimeToken])\n\n  const renderingContext = {\n    entryPoint: 'tokenExchange',\n  } as const\n\n  const url = useIframeUrl({\n    tokenData,\n    onError: onExchangeError,\n    renderingContext,\n  })\n\n  useIframeConnection({\n    iframeRef,\n    token: oneTimeToken,\n    onError: onExchangeError,\n    methods: {\n      onLoad: () => {},\n      onError: (error) => {\n        onExchangeError?.(new CapitalOSError(error))\n      },\n      tokenExchange: {\n        onLongLivedToken: onExchangeComplete,\n      },\n    },\n  })\n\n  // Render the hidden iframe.\n  return (\n    <IframeResizer\n      src={url}\n      checkOrigin={false}\n      style={{ display: 'none' }} // Hidden from view\n      log={!!enableLogging}\n      ref={iframeRef}\n    />\n  )\n}\n","/**\n * Base class for all SDK errors\n */\nexport class CapitalOSError extends Error {\n  code: ErrorCode\n  constructor({ message, code }: { message: string; code: ErrorCode }) {\n    super(message)\n    this.name = 'CapitalOSError'\n    this.code = code\n  }\n}\n\nexport const ErrorCode = {\n  unauthorized: 'unauthorized',\n  invalid_account_status: 'invalid_account_status',\n  unsupported_entry_point: 'unsupported_entry_point',\n  internal_error: 'internal_error',\n} as const\n\nexport type ErrorCode = (typeof ErrorCode)[keyof typeof ErrorCode]\n\n/**\n * Represents an error that occurs when an invalid token is encountered.\n */\nexport class InvalidTokenError extends CapitalOSError {\n  constructor(message?: string) {\n    super({ message: `Invalid token ${message ?? ''}`, code: ErrorCode.unauthorized })\n    this.name = 'CapitalOSInvalidTokenError'\n  }\n}\n\nexport class TokenRefreshError extends CapitalOSError {\n  constructor(originalError?: Error) {\n    super({\n      message: `Failed to refresh token: ${originalError?.message}`,\n      code: ErrorCode.unauthorized,\n    })\n    this.name = 'CapitalOSTokenRefreshError'\n  }\n}\n","import { connectToChild } from 'penpal'\nimport { useEffect, useMemo, useRef } from 'react'\n\nimport { ErrorCode } from './error'\nimport { Account, ThemeColorScheme, CapitalOsRenderingContext, TokenData } from './types'\nimport { buildIframeUrl } from './utils'\n\nconst IFRAME_CONNECTION_TIMEOUT_MILLISECONDS = 10_000\n\n/**\n * An error type providing a reason code and message.\n * Penpal only passes plain objects, so this does not inherit from Error.\n */\nexport type RawErrorDetails = {\n  code: ErrorCode\n  message: string\n}\n\nexport type IframeConnectionMethods = {\n  onLoad: () => void\n  onError: (error: RawErrorDetails) => void\n  /**\n   * Called when the iframe detects that the JWT token has expired.\n   * This triggers the token refresh flow, which will obtain a new token\n   * and reload the iframe with the fresh token.\n   */\n  onTokenExpired?: () => void\n  createCard?: {\n    onDone?: () => void\n    onCancel?: () => void\n  }\n  createDispute?: {\n    onDone?: () => void\n    onCancel?: () => void\n  }\n  onboarding?: {\n    onDone?: (account: Account) => void\n  }\n  tokenExchange?: {\n    onLongLivedToken?: (jwtToken: string) => void\n  }\n  makePayment?: {\n    onDone?: () => void\n  }\n}\n\n/**\n * connects to child iframe and returns whether the iframe is loaded or not.\n * token was added to the list of dependencies to make sure that the connection is re-established when the token changes.\n */\nexport function useIframeConnection({\n  iframeRef,\n  token,\n  onError,\n  methods,\n}: {\n  iframeRef: React.RefObject<HTMLIFrameElement>\n  token: string | undefined\n  onError: ((error: Error) => void) | undefined | null\n  methods: IframeConnectionMethods\n}) {\n  // connect to child iframe\n  useEffect(() => {\n    if (!iframeRef.current) {\n      return\n    }\n\n    const connection = connectToChild({\n      iframe: iframeRef.current,\n      childOrigin: '*',\n      debug: true,\n      timeout: IFRAME_CONNECTION_TIMEOUT_MILLISECONDS,\n      methods,\n    })\n\n    connection.promise.catch((error) => {\n      onError?.(error)\n    })\n\n    return () => {\n      connection.destroy()\n    }\n  }, [token, iframeRef])\n}\n\nexport function useIframeUrl({\n  tokenData,\n  renderingContext,\n  theme,\n  onError,\n}: {\n  tokenData: TokenData | undefined\n  renderingContext: CapitalOsRenderingContext\n  theme?: ThemeColorScheme | undefined\n  onError?: ((error: Error) => void) | undefined\n}) {\n  // We assume that onError and renderingContext do not change over the lifetime of the component.\n  // We put it in a ref to avoid causing unnecessary re-renders.\n  const onErrorRef = useRef(onError)\n  const renderingContextRef = useRef(renderingContext)\n\n  return useMemo(() => {\n    if (!tokenData) {\n      return undefined\n    }\n    return buildIframeUrl({\n      tokenData,\n      renderingContext: renderingContextRef.current,\n      theme,\n      onError: onErrorRef.current,\n    })\n    // wrapped rendering context in a ref since we do not want to reload the iframe unless the token changes.\n  }, [tokenData, theme, onErrorRef, renderingContextRef])\n}\n","{\n  \"name\": \"@capitalos/react\",\n  \"version\": \"1.0.0-rc.4\",\n  \"description\": \"integrate CapitalOS into your react app\",\n  \"main\": \"dist/index.js\",\n  \"module\": \"dist/esm/index.js\",\n  \"types\": \"dist/_tsup-dts-rollup.d.ts\",\n  \"scripts\": {\n    \"build\": \" pnpm lint && tsup src/index.tsx --experimental-dts --minify --format esm,cjs --clean --no-splitting --sourcemap --legacy-output --out-dir dist\",\n    \"dev\": \"pnpm build --watch\",\n    \"prepublishOnly\": \"pnpm build\",\n    \"lint\": \"eslint . --ext .ts,.tsx --fix\",\n    \"lint-ci\": \"eslint . --ext .ts,.tsx\"\n  },\n  \"keywords\": [\n    \"capitalos\",\n    \"react\"\n  ],\n  \"homepage\": \"https://docs.capitalos.com/docs/using-react-client-library\",\n  \"author\": \"CapitalOS\",\n  \"license\": \"MIT\",\n  \"files\": [\n    \"dist\",\n    \"package.json\"\n  ],\n  \"devDependencies\": {\n    \"@changesets/cli\": \"^2.27.12\",\n    \"@microsoft/api-extractor\": \"^7.39.5\",\n    \"@trivago/prettier-plugin-sort-imports\": \"^4.3.0\",\n    \"@types/iframe-resizer\": \"^3.5.13\",\n    \"@types/react\": \"18.0.20\",\n    \"@typescript-eslint/eslint-plugin\": \"^7.2.0\",\n    \"@typescript-eslint/parser\": \"^7.2.0\",\n    \"eslint\": \"^8.57.0\",\n    \"eslint-config-prettier\": \"^9.1.0\",\n    \"eslint-plugin-prettier\": \"^5.1.3\",\n    \"eslint-plugin-react\": \"^7.34.0\",\n    \"prettier\": \"^3.2.5\",\n    \"react\": \"16.8.0\",\n    \"tsup\": \"^8.1.0\",\n    \"typescript\": \"^5.6.2\"\n  },\n  \"dependencies\": {\n    \"iframe-resizer\": \"^4.3.9\",\n    \"penpal\": \"^6.2.2\"\n  },\n  \"peerDependencies\": {\n    \"react\": \">=16.8.0\"\n  }\n}\n","import { version as sdkVersion } from '../package.json'\nimport { InvalidTokenError } from './error'\nimport {\n  ThemeColorScheme,\n  CapitalOsRenderingContext,\n  TokenData,\n  TokenType,\n  TokenParamKey,\n  TokenParamLocation,\n} from './types'\n\n/**\n * Encodes the rendering context as base64 and then URI encodes it.\n */\nexport function encodeRenderingContext<T>(renderingContext: NonNullable<T>) {\n  const renderingContextJson = JSON.stringify(renderingContext)\n  const renderingContextBase64 = btoa(renderingContextJson)\n  const renderingContextEncoded = encodeURIComponent(renderingContextBase64)\n\n  return renderingContextEncoded\n}\n\nexport function decodeOneTimeToken(token: string) {\n  try {\n    const urlDecodedToken = decodeURIComponent(token)\n    const base64DecodedToken = atob(urlDecodedToken)\n    return JSON.parse(base64DecodedToken)\n  } catch (error) {\n    throw new InvalidTokenError()\n  }\n}\n\n/**\n * Safely decodes a URL component, handling potential errors\n */\nexport function safeDecodeURIComponent(str: string): string {\n  try {\n    return decodeURIComponent(str)\n  } catch (e) {\n    // If decoding fails, it might not have been encoded, so return original\n    return str\n  }\n}\n\n/**\n * Builds the iframe url from token data, rendering context, and theme.\n */\nexport function buildIframeUrl({\n  tokenData,\n  renderingContext,\n  theme,\n  onError,\n}: {\n  tokenData: TokenData\n  renderingContext: CapitalOsRenderingContext\n  theme?: ThemeColorScheme | undefined\n  onError?: ((error: Error) => void) | undefined\n}) {\n  try {\n    const enrichedRenderingContext = renderingContext\n      ? {\n          ...renderingContext,\n          referer: window.location.href,\n        }\n      : null\n\n    const encodedRenderingContext = enrichedRenderingContext ? encodeRenderingContext(enrichedRenderingContext) : null\n\n    const url = new URL(tokenData.baseUrl)\n\n    // Always safely decode the token before setting it since search params url encode the token and we do not want to double encode it.\n    // in dev, since we're using 2 separate server for client and server, we have a redirect which prevents the double encoding.\n    const decodedToken = safeDecodeURIComponent(tokenData.token)\n\n    if (tokenData.paramLocation === 'search') {\n      url.searchParams.set(tokenData.paramKey, decodedToken)\n    } else if (tokenData.paramLocation === 'hash') {\n      url.hash = tokenData.paramKey + '=' + encodeURIComponent(decodedToken)\n    }\n\n    url.searchParams.set('sdkVersion', sdkVersion)\n\n    if (encodedRenderingContext) {\n      url.searchParams.set('renderingContext', encodedRenderingContext)\n    }\n\n    if (theme) {\n      url.searchParams.set('theme', theme)\n    }\n\n    const urlString = url.toString()\n    return urlString\n  } catch (error) {\n    // communicate a general error about the token being invalid to the parent component, no matter which internal error we encountered during token parsing.\n    onError?.(new InvalidTokenError())\n    return undefined\n  }\n}\n\nexport function tokenDataFromOneTimeToken(oneTimeToken: string): TokenData {\n  const tokenObject = decodeOneTimeToken(oneTimeToken)\n  const path = tokenObject.path\n  if (!path || typeof path !== 'string') {\n    throw new InvalidTokenError()\n  }\n\n  const tokenData: TokenData = {\n    token: oneTimeToken,\n    tokenType: TokenType.oneTime,\n    baseUrl: path,\n    paramKey: TokenParamKey.token,\n    paramLocation: TokenParamLocation.search,\n  }\n\n  return tokenData\n}\n","import {\n  IFrameOptions as BrokenIframeOptions,\n  IFrameComponent,\n  IFrameMessageData,\n  IFrameResizedData,\n  IFrameScrollData,\n  iframeResizer,\n} from 'iframe-resizer'\nimport React, { IframeHTMLAttributes, forwardRef, useEffect, useImperativeHandle, useRef } from 'react'\n\n// the events were renamed but package maintainers didn't update the types.\ntype IFrameOptions = Omit<\n  BrokenIframeOptions,\n  'closedCallback' | 'scrollCallback' | 'resizedCallback' | 'messageCallback' | 'initCallback'\n> & {\n  onClosed?(iframeId: string): void\n  onInit?(iframe: IFrameComponent): void\n  onMessage?(data: IFrameMessageData): void\n  onResized?(data: IFrameResizedData): void\n  onScroll?(data: IFrameScrollData): boolean\n}\n\ntype IframeResizerProps = IFrameOptions & IframeHTMLAttributes<HTMLIFrameElement>\ntype EnrichedHtmlIframeElement = HTMLIFrameElement & { iFrameResizer: { removeListeners: () => void } }\n\nexport const IframeResizer = forwardRef((props: IframeResizerProps, ref: React.Ref<HTMLIFrameElement>) => {\n  const title = props.title || 'iframe'\n  const { iframeHTMLAttributes, resizerOptions } = splitProps(props)\n  const iframeRef = useRef<HTMLIFrameElement>(null)\n\n  useEffect(() => {\n    // effects run after render, so the ref is guaranteed to be set (unless the component conditionally renders the iframe, which is not the case)\n    const iframe = iframeRef.current as EnrichedHtmlIframeElement\n\n    iframeResizer({ ...resizerOptions }, iframe)\n\n    return () => iframe.iFrameResizer && iframe.iFrameResizer.removeListeners()\n  })\n\n  // make the ref provided as a prop point to the same place as the internal iframe ref.\n  useImperativeHandle(ref, () => iframeRef.current as HTMLIFrameElement)\n\n  return <iframe {...iframeHTMLAttributes} title={title} ref={iframeRef} />\n})\n\nIframeResizer.displayName = 'IframeResizer'\n\nconst resizerOptions = [\n  'autoResize',\n  'bodyBackground',\n  'bodyMargin',\n  'bodyPadding',\n  'checkOrigin',\n  'inPageLinks',\n  'heightCalculationMethod',\n  'interval',\n  'log',\n  'maxHeight',\n  'maxWidth',\n  'minHeight',\n  'minWidth',\n  'resizeFrom',\n  'scrolling',\n  'sizeHeight',\n  'sizeWidth',\n  'warningTimeout',\n  'tolerance',\n  'widthCalculationMethod',\n  'onClosed',\n  'onInit',\n  'onMessage',\n  'onResized',\n  'onScroll',\n]\n\nconst resizerOptionsSet = new Set(resizerOptions)\n\n/**\n * split props into the resizer library options and the native iframe attributes.\n * the code is contains many type assertions because typescript doesn't handle reduce well.\n */\nfunction splitProps(props: IframeResizerProps) {\n  const split = Object.keys(props).reduce<{\n    resizerOptions: IFrameOptions\n    iframeHTMLAttributes: IframeHTMLAttributes<HTMLIFrameElement>\n  }>(\n    (acc, key) => {\n      if (resizerOptionsSet.has(key)) {\n        acc.resizerOptions[key as keyof IFrameOptions] = props[key as keyof typeof props]\n      } else {\n        acc.iframeHTMLAttributes[key as keyof IframeHTMLAttributes<HTMLIFrameElement>] =\n          props[key as keyof typeof props]\n      }\n      return acc\n    },\n    { resizerOptions: {}, iframeHTMLAttributes: {} },\n  )\n\n  return split\n}\n"],"mappings":"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","names":["src_exports","__export","AccountActions","AccountDetails","App","BillPayApp","CapitalOsAuthenticationProvider","CardDetails","CardsApp","DisputeTransaction","InsightsDashboard","InsightsWidget","IssueCard","MakePayment","Onboarding","__toCommonJS","import_react","import_react","import_react","import_react","CapitalOSError","message","code","ErrorCode","InvalidTokenError","import_penpal","import_react","version","encodeRenderingContext","renderingContext","renderingContextJson","renderingContextBase64","decodeOneTimeToken","token","urlDecodedToken","base64DecodedToken","error","InvalidTokenError","safeDecodeURIComponent","str","e","buildIframeUrl","tokenData","theme","onError","enrichedRenderingContext","__spreadProps","__spreadValues","encodedRenderingContext","url","decodedToken","version","tokenDataFromOneTimeToken","oneTimeToken","path","IFRAME_CONNECTION_TIMEOUT_MILLISECONDS","useIframeConnection","iframeRef","token","onError","methods","connection","error","useIframeUrl","tokenData","renderingContext","theme","onErrorRef","renderingContextRef","buildIframeUrl","import_iframe_resizer","import_react","IframeResizer","props","ref","title","iframeHTMLAttributes","resizerOptions","splitProps","iframeRef","iframe","__spreadValues","React","__spreadProps","resizerOptionsSet","acc","key","TokenExchangeIframe","props","oneTimeToken","enableLogging","onExchangeComplete","onExchangeError","iframeRef","tokenData","tokenDataFromOneTimeToken","url","useIframeUrl","useIframeConnection","error","CapitalOSError","React","IframeResizer","CapitalOsAuthenticationContext","CapitalOsAuthenticationProvider","getToken","enableLogging","children","oneTimeToken","setOneTimeToken","baseUrl","setBaseUrl","longLivedToken","setLongLivedToken","isLoading","setIsLoading","error","setError","refreshOneTimeToken","__async","newToken","tokenObject","decodeOneTimeToken","url","invalidateToken","onExchangeComplete","jwtToken","contextValue","CapitalOSError","ErrorCode","React","TokenExchangeIframe","useCapitalOsAuthContext","CapitalOS","props","tokenProp","className","enableLogging","onError","LoadingComponent","renderingContext","methods","theme","contextTokenData","error","invalidateToken","useCapitalOsAuthContext","isLoaded","setIsLoaded","iframeRef","useErrorHandling","tokenData","tokenDataFromOneTimeToken","handleTokenExpired","CapitalOSError","ErrorCode","url","useIframeUrl","useIframeConnection","__spreadValues","err","React","IframeResizer","data","newHeight","errorFired","CardsApp","props","entryPoint","renderingContext","React","CapitalOS","__spreadProps","__spreadValues","App","IssueCard","_a","_b","cardholder","onDone","onCancel","restOfProps","__objRest","entryPoint","renderingContext","React","CapitalOS","__spreadProps","__spreadValues","DisputeTransaction","transactionId","BillPayApp","props","CardDetails","AccountDetails","AccountActions","InsightsDashboard","InsightsWidget","widget","Onboarding","onboardingEntryPoint","onboardingExitPoint","MakePayment"]}

package/dist/src/index.d.mts

@@ -8,6 +8,7 @@ export { AccountActions } from '../_tsup-dts-rollup';
 export { InsightsDashboard } from '../_tsup-dts-rollup';
 export { InsightsWidget } from '../_tsup-dts-rollup';
 export { Onboarding } from '../_tsup-dts-rollup';
+export { MakePayment } from '../_tsup-dts-rollup';
 export { App } from '../_tsup-dts-rollup';
 export { IssueCardProps } from '../_tsup-dts-rollup';
 export { DisputeTransactionProps } from '../_tsup-dts-rollup';
@@ -17,3 +18,5 @@ export { AccountDetailsProps } from '../_tsup-dts-rollup';
 export { AccountActionsProps } from '../_tsup-dts-rollup';
 export { InsightsDashboardProps } from '../_tsup-dts-rollup';
 export { InsightsWidgetProps } from '../_tsup-dts-rollup';
+export { MakePaymentProps } from '../_tsup-dts-rollup';
+export { CapitalOsAuthenticationProvider } from '../_tsup-dts-rollup';

package/dist/src/index.d.ts

@@ -8,6 +8,7 @@ export { AccountActions } from '../_tsup-dts-rollup';
 export { InsightsDashboard } from '../_tsup-dts-rollup';
 export { InsightsWidget } from '../_tsup-dts-rollup';
 export { Onboarding } from '../_tsup-dts-rollup';
+export { MakePayment } from '../_tsup-dts-rollup';
 export { App } from '../_tsup-dts-rollup';
 export { IssueCardProps } from '../_tsup-dts-rollup';
 export { DisputeTransactionProps } from '../_tsup-dts-rollup';
@@ -17,3 +18,5 @@ export { AccountDetailsProps } from '../_tsup-dts-rollup';
 export { AccountActionsProps } from '../_tsup-dts-rollup';
 export { InsightsDashboardProps } from '../_tsup-dts-rollup';
 export { InsightsWidgetProps } from '../_tsup-dts-rollup';
+export { MakePaymentProps } from '../_tsup-dts-rollup';
+export { CapitalOsAuthenticationProvider } from '../_tsup-dts-rollup';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@capitalos/react",
-  "version": "1.0.0-rc.2",
+  "version": "1.0.0-rc.4",
   "description": "integrate CapitalOS into your react app",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",