@capitalos/react 1.1.0-rc.1 → 1.2.1-rc.1

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

@@ -1,3 +1,4 @@
+import { Connection } from 'penpal';
 import { IFrameComponent } from 'iframe-resizer';
 import { IFrameMessageData } from 'iframe-resizer';
 import { IFrameOptions } from 'iframe-resizer';
@@ -5,6 +6,7 @@ import { IFrameResizedData } from 'iframe-resizer';
 import { IFrameScrollData } from 'iframe-resizer';
 import { default as React_2 } from 'react';
 import { ReactNode } from 'react';
+import { RefObject } from 'react';
 import { z } from 'zod';
 import * as z_2 from 'zod';
 
@@ -30,6 +32,34 @@ export declare type AccountStatus = z_2.infer<typeof accountStatusSchema>;
 
 declare const accountStatusSchema: z_2.ZodEnum<["eligible", "ineligible", "engaged", "onboarding", "approved", "processing", "pending", "declined", "closed", "waiting"]>;
 
+export declare type ActionResult<T = void> = {
+    success: true;
+    canceled: false;
+    data: T;
+} | {
+    success: false;
+    canceled: true;
+} | {
+    success: false;
+    canceled: false;
+    error: CapitalOSError;
+};
+
+export declare const ActionsIframeContext: React_2.Context<ActionsIframeContextValue | null>;
+
+declare interface ActionsIframeContextValue {
+    childFunctions: ChildFunctions | null;
+    actions: {
+        freezeCard: (cardId: string) => Promise<ActionResult<Card>>;
+        unfreezeCard: (cardId: string) => Promise<ActionResult<Card>>;
+    } | null;
+    isLoading: boolean;
+}
+
+export declare function ActionsIframeProvider({ children }: {
+    children: React_2.ReactNode;
+}): JSX.Element;
+
 declare type AllowedExitPoints = {
     welcome: 'application' | 'activation';
     application: 'application' | 'activation';
@@ -71,6 +101,10 @@ declare type CapitalOsAuthenticationContextType = {
      * The authentication flow will automatically refresh the token after invalidation.
      */
     invalidateToken: () => void;
+    /**
+     * Optional flag indicating whether to log events to the console.
+     */
+    enableLogging: boolean;
 };
 
 declare const CapitalOsAuthenticationProvider: React_2.FC<ProviderProps>;
@@ -90,7 +124,7 @@ export declare class CapitalOSError extends Error {
 
 declare type CapitalOsProps<T extends CapitalOsRenderingContext> = CommonProps & {
     renderingContext: T;
-    methods?: Partial<IframeConnectionMethods>;
+    methods?: Partial<ParentFunctions>;
     sizeWidth?: boolean;
 };
 
@@ -99,6 +133,10 @@ export declare type CapitalOsRenderingContext = {
     referer?: string;
 };
 
+export declare type Card = {
+    status: 'active' | 'inactive' | 'canceled' | 'frozen';
+};
+
 export declare type CardApiDto = z_2.infer<typeof cardApiDtoSchema>;
 
 declare const cardApiDtoSchema: z_2.ZodObject<{
@@ -187,7 +225,7 @@ declare const cardApiDtoSchema: z_2.ZodObject<{
             limit?: number | undefined;
         };
     }>;
-    allowedSpendCategories: z_2.ZodArray<z_2.ZodEnum<["airlines", "carRental", "carService", "education", "electronics", "gasPump", "gasStation", "generalMerchandise", "government", "hardwareAndConstruction", "insurance", "legal", "lodging", "medical", "other", "parking", "phoneAndInternet", "professionalServices", "recreationAndEntertainment", "restaurants", "shipping", "software", "taxisAndRideshare", "transportation", "travelMisc", "utilities"]>, "many">;
+    allowedSpendCategories: z_2.ZodArray<z_2.ZodEnum<["advertisingAndMarketing", "airlines", "carRental", "carService", "education", "electronics", "gasPump", "gasStation", "generalMerchandise", "government", "hardwareAndConstruction", "insurance", "legal", "lodging", "medical", "other", "parking", "phoneAndInternet", "professionalServices", "recreationAndEntertainment", "restaurants", "shipping", "software", "taxisAndRideshare", "transportation", "travelMisc", "utilities"]>, "many">;
     allowedMerchants: z_2.ZodArray<z_2.ZodObject<{
         id: z_2.ZodUnion<[z_2.ZodString, z_2.ZodString]>;
         name: z_2.ZodString;
@@ -206,7 +244,7 @@ declare const cardApiDtoSchema: z_2.ZodObject<{
         shipment: z_2.ZodObject<{
             address: z_2.ZodObject<{
                 addressLine1: z_2.ZodString;
-                addressLine2: z_2.ZodOptional<z_2.ZodNullable<z_2.ZodString>>;
+                addressLine2: z_2.ZodOptional<z_2.ZodNullable<z_2.ZodEffects<z_2.ZodNullable<z_2.ZodString>, string | null, string | null>>>;
                 city: z_2.ZodString;
                 state: z_2.ZodEffects<z_2.ZodString, string, string>;
                 zipcode: z_2.ZodString;
@@ -330,7 +368,7 @@ declare const cardApiDtoSchema: z_2.ZodObject<{
             limit?: number | undefined;
         };
     };
-    allowedSpendCategories: ("airlines" | "carRental" | "carService" | "education" | "electronics" | "gasPump" | "gasStation" | "generalMerchandise" | "government" | "hardwareAndConstruction" | "insurance" | "legal" | "lodging" | "medical" | "other" | "parking" | "phoneAndInternet" | "professionalServices" | "recreationAndEntertainment" | "restaurants" | "shipping" | "software" | "taxisAndRideshare" | "transportation" | "travelMisc" | "utilities")[];
+    allowedSpendCategories: ("advertisingAndMarketing" | "airlines" | "carRental" | "carService" | "education" | "electronics" | "gasPump" | "gasStation" | "generalMerchandise" | "government" | "hardwareAndConstruction" | "insurance" | "legal" | "lodging" | "medical" | "other" | "parking" | "phoneAndInternet" | "professionalServices" | "recreationAndEntertainment" | "restaurants" | "shipping" | "software" | "taxisAndRideshare" | "transportation" | "travelMisc" | "utilities")[];
     allowedMerchants: {
         id: string;
         name: string;
@@ -385,7 +423,7 @@ declare const cardApiDtoSchema: z_2.ZodObject<{
             limit?: number | undefined;
         };
     };
-    allowedSpendCategories: ("airlines" | "carRental" | "carService" | "education" | "electronics" | "gasPump" | "gasStation" | "generalMerchandise" | "government" | "hardwareAndConstruction" | "insurance" | "legal" | "lodging" | "medical" | "other" | "parking" | "phoneAndInternet" | "professionalServices" | "recreationAndEntertainment" | "restaurants" | "shipping" | "software" | "taxisAndRideshare" | "transportation" | "travelMisc" | "utilities")[];
+    allowedSpendCategories: ("advertisingAndMarketing" | "airlines" | "carRental" | "carService" | "education" | "electronics" | "gasPump" | "gasStation" | "generalMerchandise" | "government" | "hardwareAndConstruction" | "insurance" | "legal" | "lodging" | "medical" | "other" | "parking" | "phoneAndInternet" | "professionalServices" | "recreationAndEntertainment" | "restaurants" | "shipping" | "software" | "taxisAndRideshare" | "transportation" | "travelMisc" | "utilities")[];
     allowedMerchants: {
         id: string;
         name: string;
@@ -435,6 +473,24 @@ export declare type CardDetailsProps = CommonProps & {
  */
 export declare function CardsApp(props: CommonProps): JSX.Element;
 
+export declare type ChildFunctions = {
+    freezeCard: (cardId: string) => Promise<ClientActionResult<Card>>;
+    unfreezeCard: (cardId: string) => Promise<ClientActionResult<Card>>;
+};
+
+export declare type ClientActionResult<T> = {
+    success: true;
+    canceled: false;
+    data: T;
+} | {
+    success: false;
+    canceled: true;
+} | {
+    success: false;
+    canceled: false;
+    error: string;
+};
+
 export declare type CommonProps = {
     /**
      * The token provided by initiate-login.
@@ -462,6 +518,13 @@ export declare type CommonProps = {
     theme?: ThemeColorScheme;
 };
 
+export declare function ContactSupport({ onDone, onCancel, ...restOfProps }: ContactSupportProps): JSX.Element;
+
+export declare type ContactSupportProps = CommonProps & {
+    onDone: () => void;
+    onCancel: () => void;
+};
+
 export declare function decodeOneTimeToken(token: string): any;
 
 /**
@@ -517,40 +580,6 @@ export declare const ErrorCode: {
 
 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;
-    };
-    createDispute?: {
-        onDone?: () => void;
-        onCancel?: () => void;
-    };
-    onboarding?: {
-        onDone?: (account: Account) => void;
-    };
-    tokenExchange?: {
-        onLongLivedToken?: (jwtToken: string) => void;
-    };
-    makePayment?: {
-        onDone?: () => void;
-    };
-    devTools?: {
-        onClose?: () => void;
-    };
-    cardDetails?: {
-        onCardCanceled?: () => void;
-    };
-};
-
 export declare const IframeResizer: React_2.ForwardRefExoticComponent<Omit<IFrameOptions, "closedCallback" | "scrollCallback" | "resizedCallback" | "messageCallback" | "initCallback"> & {
     onClosed?(iframeId: string): void;
     onInit?(iframe: IFrameComponent): void;
@@ -648,6 +677,22 @@ export declare type IssueCardProps = CommonProps & {
     onCancel: () => void;
 };
 
+export declare function LegalDocuments({ onDone, ...restOfProps }: LegalDocumentsProps): JSX.Element;
+
+export declare type LegalDocumentsProps = CommonProps & {
+    onDone: () => void;
+};
+
+export declare const logger: {
+    log: (message: string, options?: LoggerOptions) => void;
+    warn: (message: string, options?: LoggerOptions) => void;
+    error: (message: string, options?: LoggerOptions) => void;
+};
+
+declare type LoggerOptions = {
+    enableLogging: boolean | undefined;
+};
+
 /**
  * Renders the CapitalOS Make a Payment experience.
  */
@@ -660,6 +705,81 @@ export declare type MakePaymentProps = CommonProps & {
     onDone: () => void;
 };
 
+export declare function Mfa({ onDone, onCancel, mfaId, destination, codeLength, canResendAfter, operationName, ...restOfProps }: MfaProps): JSX.Element;
+
+export declare type MfaActionResult = ActionResult<void>;
+
+export declare type MfaProps = CommonProps & {
+    /**
+     * The ID of the MFA request.
+     */
+    mfaId: string;
+    /**
+     * The destination of the MFA request.
+     */
+    destination: string;
+    /**
+     * The length of the code to be entered.
+     */
+    codeLength: number;
+    /**
+     * ISO string representation of DateTime in UTC
+     */
+    canResendAfter: string;
+    /**
+     * The name of the operation that is being performed.
+     */
+    operationName?: string;
+    /**
+     * Callback to invoke when the MFA was successfully completed.
+     */
+    onDone: () => void;
+    /**
+     * Callback to invoke when the MFA was cancelled by the user.
+     */
+    onCancel: () => void;
+};
+
+export declare interface MfaRequestContext {
+    mfaId: string;
+    destination: string;
+    codeLength: number;
+    canResendAfter: string;
+    operationName?: string;
+}
+
+export declare interface MfaResult {
+    success: boolean;
+    canceled?: boolean;
+    error?: string;
+}
+
+declare interface MfaState {
+    context: MfaRequestContext;
+    resolve: (result: MfaActionResult) => void;
+    reject: (error: Error) => void;
+}
+
+/**
+ * Generic modal component that displays content with backdrop/blur
+ */
+export declare function Modal({ onClose, children, ariaLabel }: ModalProps): JSX.Element;
+
+export declare interface ModalProps {
+    /**
+     * Callback when modal should be closed (backdrop click)
+     */
+    onClose: () => void;
+    /**
+     * Content to render inside the modal
+     */
+    children: ReactNode;
+    /**
+     * Accessible label for screen readers
+     */
+    ariaLabel?: string;
+}
+
 export declare function Onboarding<T extends OnboardingEntryPoint>({ onDone, entryPoint: onboardingEntryPoint, exitPoint: onboardingExitPoint, ...restOfProps }: OnboardingProps<T>): JSX.Element;
 
 declare type OnboardingEntryPoint = keyof AllowedExitPoints;
@@ -670,6 +790,65 @@ declare type OnboardingProps<T extends keyof AllowedExitPoints> = CommonProps &
     onDone: (account: Account) => void;
 };
 
+export declare type ParentFunctions = {
+    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;
+    cardDetails?: {
+        onCardCanceled?: () => void;
+    };
+    contactSupport?: {
+        onDone?: () => void;
+        onCancel?: () => void;
+    };
+    createCard?: {
+        onDone?: () => void;
+        onCancel?: () => void;
+    };
+    createDispute?: {
+        onDone?: () => void;
+        onCancel?: () => void;
+    };
+    devTools?: {
+        onClose?: () => void;
+    };
+    legalDocuments?: {
+        onDone?: () => void;
+    };
+    makePayment?: {
+        onDone?: () => void;
+    };
+    mfa?: {
+        onDone?: () => void;
+        onCancel?: () => void;
+    };
+    onboarding?: {
+        onDone?: (account: Account) => void;
+    };
+    replaceCard?: {
+        onDone?: () => void;
+        onClose?: () => void;
+    };
+    'system-messages'?: {
+        requestMfa?: (context: MfaRequestContext) => Promise<MfaResult>;
+    };
+    statements?: {
+        onDone?: () => void;
+    };
+    terminateCard?: {
+        onDone?: () => void;
+        onClose?: () => void;
+    };
+    tokenExchange?: {
+        onLongLivedToken?: (jwtToken: string) => void;
+    };
+};
+
 declare type ProviderProps = {
     getToken: () => Promise<string>;
     enableLogging?: boolean | undefined;
@@ -828,6 +1007,69 @@ declare const renderingContextSchema: z.ZodIntersection<z.ZodDiscriminatedUnion<
     entryPoint: "devTools";
 }, {
     entryPoint: "devTools";
+}>, z.ZodObject<{
+    entryPoint: z.ZodLiteral<"contactSupport">;
+}, "strip", z.ZodTypeAny, {
+    entryPoint: "contactSupport";
+}, {
+    entryPoint: "contactSupport";
+}>, z.ZodObject<{
+    entryPoint: z.ZodLiteral<"statements">;
+}, "strip", z.ZodTypeAny, {
+    entryPoint: "statements";
+}, {
+    entryPoint: "statements";
+}>, z.ZodObject<{
+    entryPoint: z.ZodLiteral<"legalDocuments">;
+}, "strip", z.ZodTypeAny, {
+    entryPoint: "legalDocuments";
+}, {
+    entryPoint: "legalDocuments";
+}>, z.ZodObject<{
+    entryPoint: z.ZodLiteral<"replaceCard">;
+    cardId: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    cardId: string;
+    entryPoint: "replaceCard";
+}, {
+    cardId: string;
+    entryPoint: "replaceCard";
+}>, z.ZodObject<{
+    entryPoint: z.ZodLiteral<"terminateCard">;
+    cardId: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    cardId: string;
+    entryPoint: "terminateCard";
+}, {
+    cardId: string;
+    entryPoint: "terminateCard";
+}>, z.ZodObject<{
+    entryPoint: z.ZodLiteral<"actions">;
+}, "strip", z.ZodTypeAny, {
+    entryPoint: "actions";
+}, {
+    entryPoint: "actions";
+}>, z.ZodObject<{
+    entryPoint: z.ZodLiteral<"mfa">;
+    mfaId: z.ZodString;
+    destination: z.ZodString;
+    codeLength: z.ZodNumber;
+    canResendAfter: z.ZodString;
+    operationName: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    entryPoint: "mfa";
+    mfaId: string;
+    destination: string;
+    codeLength: number;
+    canResendAfter: string;
+    operationName?: string | undefined;
+}, {
+    entryPoint: "mfa";
+    mfaId: string;
+    destination: string;
+    codeLength: number;
+    canResendAfter: string;
+    operationName?: string | undefined;
 }>]>, z.ZodObject<{
     referer: z.ZodOptional<z.ZodNullable<z.ZodString>>;
 }, "strip", z.ZodTypeAny, {
@@ -836,11 +1078,33 @@ declare const renderingContextSchema: z.ZodIntersection<z.ZodDiscriminatedUnion<
     referer?: string | null | undefined;
 }>>;
 
+export declare function ReplaceCard({ cardId, onDone, onClose, ...restOfProps }: ReplaceCardProps): JSX.Element;
+
+export declare type ReplaceCardProps = CommonProps & {
+    cardId: string;
+    onDone: () => void;
+    onClose: () => void;
+};
+
 /**
  * Safely decodes a URL component, handling potential errors
  */
 export declare function safeDecodeURIComponent(str: string): string;
 
+export declare function Statements({ onDone, ...restOfProps }: StatementsProps): JSX.Element;
+
+export declare type StatementsProps = CommonProps & {
+    onDone: () => void;
+};
+
+export declare function TerminateCard({ cardId, onDone, onClose, ...restOfProps }: TerminateCardProps): JSX.Element;
+
+export declare type TerminateCardProps = CommonProps & {
+    cardId: string;
+    onDone: () => void;
+    onClose: () => void;
+};
+
 export declare type ThemeColorScheme = 'light' | 'dark' | 'system';
 
 export declare type TokenData = {
@@ -892,8 +1156,61 @@ export declare enum TokenType {
     longLived = "longLived"
 }
 
+/**
+ * Hook to access the actions iframe functions.
+ *
+ * @returns An object containing the actions functions and loading state
+ * @throws {CapitalOSError} If the hook is used outside of a CapitalOS component
+ *
+ * @example
+ * ```tsx
+ * const { actions, isLoading } = useActions()
+ *
+ * if (isLoading) {
+ *   return <LoadingSpinner />
+ * }
+ *
+ * // Use the actions
+ * await actions.freezeCard()
+ * ```
+ */
+export declare function useActions(): {
+    actions: ChildFunctions | null;
+    isLoading: boolean;
+};
+
 export declare const useCapitalOsAuthContext: () => CapitalOsAuthenticationContextType;
 
+/**
+ * Hook to resolve logging preference, with direct prop taking precedence over context.
+ * @param enableLoggingProp Direct prop for enableLogging.
+ * @returns Effective logging flag.
+ */
+export declare function useEnableLogging(enableLoggingProp?: boolean): boolean;
+
+/**
+ * A React hook that manages the iframe connection lifecycle, including:
+ * - Establishing and maintaining the iframe connection
+ * - Handling token expiration and refresh flows
+ * - Managing loading states
+ * - Coordinating between one-time tokens and context-based authentication
+ * - Providing error handling and logging capabilities
+ */
+export declare function useIframe(props: {
+    renderingContext: CapitalOsRenderingContext;
+    oneTimeToken?: string | undefined;
+    enableLogging?: boolean | undefined;
+    onError?: ((error: Error) => void) | undefined;
+    theme?: ThemeColorScheme | undefined;
+    methods?: Partial<Omit<ParentFunctions, 'onLoad' | 'onError' | 'onTokenExpired'>> | undefined;
+}): {
+    isLoaded: boolean;
+    url: string | undefined;
+    tokenData: TokenData | undefined;
+    iframeRef: RefObject<HTMLIFrameElement>;
+    connection: Connection<ChildFunctions> | null;
+};
+
 /**
  * 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.
@@ -902,9 +1219,12 @@ export declare function useIframeConnection({ iframeRef, token, onError, methods
     iframeRef: React.RefObject<HTMLIFrameElement>;
     token: string | undefined;
     onError: ((error: Error) => void) | undefined | null;
-    methods: IframeConnectionMethods;
-}): void;
+    methods: ParentFunctions;
+}): Connection<ChildFunctions> | null;
 
+/**
+ * returns a memoized url of the iframe or undefined if the token is not available yet.
+ */
 export declare function useIframeUrl({ tokenData, renderingContext, theme, onError, }: {
     tokenData: TokenData | undefined;
     renderingContext: CapitalOsRenderingContext;
@@ -912,4 +1232,24 @@ export declare function useIframeUrl({ tokenData, renderingContext, theme, onErr
     onError?: ((error: Error) => void) | undefined;
 }): string | undefined;
 
+/**
+ * Hook that provides stable logging functions (log, warn, error), scoped to the resolved enableLogging flag.
+ * @param enableLoggingProp Optional direct prop to override logging.
+ */
+export declare function useLogger(enableLoggingProp?: boolean): {
+    log: (message: string) => void;
+    warn: (message: string) => void;
+    error: (message: string) => void;
+};
+
+export declare function useMfaState(): {
+    activeMfaRequest: MfaState | null;
+    isMfaActive: boolean;
+    mfaContext: MfaRequestContext | null;
+    requestMfa: (context: MfaRequestContext) => Promise<MfaActionResult>;
+    handleMfaDone: () => void;
+    handleMfaCancel: () => void;
+    handleMfaError: (error: CapitalOSError) => void;
+};
+
 export { }

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-"use client";var ie=Object.defineProperty,se=Object.defineProperties;var ae=Object.getOwnPropertyDescriptors;var R=Object.getOwnPropertySymbols;var J=Object.prototype.hasOwnProperty,$=Object.prototype.propertyIsEnumerable;var V=(e,t,o)=>t in e?ie(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,a=(e,t)=>{for(var o in t||(t={}))J.call(t,o)&&V(e,o,t[o]);if(R)for(var o of R(t))$.call(t,o)&&V(e,o,t[o]);return e},c=(e,t)=>se(e,ae(t));var b=(e,t)=>{var o={};for(var n in e)J.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&R)for(var n of R(e))t.indexOf(n)<0&&$.call(e,n)&&(o[n]=e[n]);return o};var q=(e,t,o)=>new Promise((n,r)=>{var i=p=>{try{d(o.next(p))}catch(f){r(f)}},s=p=>{try{d(o.throw(p))}catch(f){r(f)}},d=p=>p.done?n(p.value):Promise.resolve(p.value).then(i,s);d((o=o.apply(e,t)).next())});import l,{useMemo as u}from"react";import L,{useEffect as te,useMemo as Fe,useRef as oe,useState as Re,useCallback as He}from"react";import _,{createContext as we,useContext as Me,useState as D,useMemo as Ae,useCallback as j,useEffect as Se}from"react";import Oe,{useMemo as De,useRef as Le}from"react";var g=class extends Error{constructor({message:t,code:o}){super(t),this.name="CapitalOSError",this.code=o}},E={unauthorized:"unauthorized",invalid_account_status:"invalid_account_status",unsupported_entry_point:"unsupported_entry_point",internal_error:"internal_error"},v=class extends g{constructor(t){super({message:`Invalid token ${t!=null?t:""}`,code:E.unauthorized}),this.name="CapitalOSInvalidTokenError"}};import{connectToChild as fe}from"penpal";import{useEffect as ge,useMemo as he,useRef as Q}from"react";var Z="1.1.0-rc.1";function le(e){let t=JSON.stringify(e),o=btoa(t);return encodeURIComponent(o)}function W(e){try{let t=decodeURIComponent(e),o=atob(t);return JSON.parse(o)}catch(t){throw new v}}function ue(e){try{return decodeURIComponent(e)}catch(t){return e}}function G({tokenData:e,renderingContext:t,theme:o,onError:n}){try{let r=t?c(a({},t),{referer:window.location.href}):null,i=r?le(r):null,s=new URL(e.baseUrl),d=ue(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",Z),i&&s.searchParams.set("renderingContext",i),o&&s.searchParams.set("theme",o),s.toString()}catch(r){n==null||n(new v);return}}function H(e){let o=W(e).path;if(!o||typeof o!="string")throw new v;return{token:e,tokenType:"oneTime",baseUrl:o,paramKey:"token",paramLocation:"search"}}var Ce=1e4;function B({iframeRef:e,token:t,onError:o,methods:n}){ge(()=>{if(!e.current)return;let r=fe({iframe:e.current,childOrigin:"*",debug:!0,timeout:Ce,methods:n});return r.promise.catch(i=>{o==null||o(i)}),()=>{r.destroy()}},[t,e])}function U({tokenData:e,renderingContext:t,theme:o,onError:n}){let r=Q(n),i=Q(t);return he(()=>{if(e)return G({tokenData:e,renderingContext:i.current,theme:o,onError:r.current})},[e,o,r,i])}import{iframeResizer as xe}from"iframe-resizer";import ye,{forwardRef as Te,useEffect as ke,useImperativeHandle as Pe,useRef as be}from"react";var O=Te((e,t)=>{let o=e.title||"iframe",{iframeHTMLAttributes:n,resizerOptions:r}=Ee(e),i=be(null);return ke(()=>{let s=i.current;return xe(a({},r),s),()=>s.iFrameResizer&&s.iFrameResizer.removeListeners()}),Pe(t,()=>i.current),ye.createElement("iframe",c(a({},n),{title:o,ref:i}))});O.displayName="IframeResizer";var ve=["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"],Ie=new Set(ve);function Ee(e){return Object.keys(e).reduce((o,n)=>{let r=e[n];return Ie.has(n)?r!==void 0&&(o.resizerOptions[n]=e[n]):o.iframeHTMLAttributes[n]=e[n],o},{resizerOptions:{},iframeHTMLAttributes:{}})}function X(e){let{oneTimeToken:t,enableLogging:o,onExchangeComplete:n,onExchangeError:r}=e,i=Le(null),s=De(()=>H(t),[t]),p=U({tokenData:s,onError:r,renderingContext:{entryPoint:"tokenExchange"}});return B({iframeRef:i,token:t,onError:r,methods:{onLoad:()=>{},onError:f=>{r==null||r(new g(f))},tokenExchange:{onLongLivedToken:n}}}),Oe.createElement(O,{src:p,checkOrigin:!1,style:{display:"none"},log:!!o,ref:i})}var Y=we({isLoading:!1,invalidateToken:()=>{}}),ze=({getToken:e,enableLogging:t,children:o})=>{let[n,r]=D(void 0),[i,s]=D(void 0),[d,p]=D(void 0),[f,C]=D(!1),[A,x]=D(void 0),I=j(()=>q(void 0,null,function*(){C(!0);try{let h=yield e();r(h),x(void 0);let z=W(h),F=new URL(z.path);F.pathname="",s(F.toString())}catch(h){x(h)}finally{C(!1)}}),[e]),k=j(()=>{p(void 0)},[]);Se(()=>{d||I()},[d,I]);let S=j(h=>{p(h),r(void 0),x(void 0)},[]),y=Ae(()=>{if(d&&!i)throw new g({message:"baseUrl is required for long lived tokens",code:E.unauthorized});return{tokenData:d?{token:d,tokenType:"longLived",baseUrl:i,paramKey:"access_token",paramLocation:"hash"}:void 0,isLoading:f,error:A,invalidateToken:k}},[d,f,A,k,i]);return _.createElement(_.Fragment,null,_.createElement(Y.Provider,{value:y},o),n&&!d&&_.createElement(X,{oneTimeToken:n,onExchangeComplete:S,enableLogging:t,onExchangeError:x}))},ee=()=>Me(Y);function m(e){let{token:t,className:o,enableLogging:n,onError:r,loadingComponent:i,renderingContext:s,methods:d,theme:p,sizeWidth:f}=e,{tokenData:C,error:A,invalidateToken:x}=ee(),[I,k]=Re(!1),S=oe(null);Be(A,r);let y=Fe(()=>t?H(t):C,[t,C]),h=He(()=>{if(n&&console.log("CapitalOS: Token expired, invalidating..."),t){r==null||r(new g({message:"Token expired. Cannot automatically refresh when using token prop.",code:E.unauthorized}));return}x(),k(!1)},[t,x,n,r]);te(()=>{t&&C&&n&&console.warn("CapitalOS: token was provided both from provider and from the token prop. the prop will take precedence")},[t,C,n]);let z=U({tokenData:y,renderingContext:s,theme:p,onError:r});if(B({iframeRef:S,token:y==null?void 0:y.token,onError:P=>{r==null||r(P),k(!0)},methods:a({onLoad:()=>{k(!0)},onError:P=>{let N=new g(P);r==null||r(N)},onTokenExpired:h},d)}),!y||!z)return L.createElement(L.Fragment,null,i||null);let F=s.entryPoint!=="insightsWidget";return L.createElement(L.Fragment,null,!I&&i,L.createElement(O,{src:z,allow:"clipboard-write",checkOrigin:!1,style:{width:"1px",height:"0px",minWidth:"100%"},className:o,log:!!n,ref:S,hidden:!I,onResized:P=>{if(!F)return;let N=`${parseInt(P.height)+12}px`;P.iframe.style.height=N},sizeWidth:f}))}function Be(e,t){let o=oe(!1);te(()=>{e&&!o.current&&(t==null||t(e),o.current=!0)},[e,t])}import M,{useMemo as Ue}from"react";import{useState as _e}from"react";import T,{useState as ne}from"react";var w={bugButton:{position:"fixed",left:"12px",bottom:"12px",margin:"12px",padding:"4px",display:"inline-flex",alignItems:"center",borderRadius:"9999px",border:"1px solid transparent",backgroundColor:"#2563eb",color:"white",opacity:.4,boxShadow:"0 1px 3px 0 rgb(0 0 0 / 0.1)",cursor:"pointer",zIndex:50,transition:"opacity 0.3s ease-in-out"},bugButtonHover:{backgroundColor:"#1d4ed8",opacity:1},bugButtonFocus:{outline:"none",boxShadow:"0 0 0 2px white, 0 0 0 4px #3b82f6"},bugIcon:{width:"20px",height:"20px"},loadingButton:{cursor:"default",opacity:1,animation:"pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite"}},re=()=>T.createElement("svg",{style:w.bugIcon,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor"},T.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 12.75c1.148 0 2.278.08 3.383.237 1.037.146 1.866.966 1.866 2.013 0 3.728-2.35 6.75-5.25 6.75S6.75 18.728 6.75 15c0-1.046.83-1.867 1.866-2.013A24.204 24.204 0 0 1 12 12.75Zm0 0c2.883 0 5.647.508 8.207 1.44a23.91 23.91 0 0 1-1.152 6.06M12 12.75c-2.883 0-5.647.508-8.208 1.44.125 2.104.52 4.136 1.153 6.06M12 12.75a2.25 2.25 0 0 0 2.248-2.354M12 12.75a2.25 2.25 0 0 1-2.248-2.354M12 8.25c.995 0 1.971-.08 2.922-.236.403-.066.74-.358.795-.762a3.778 3.778 0 0 0-.399-2.25M12 8.25c-.995 0-1.97-.08-2.922-.236-.402-.066-.74-.358-.795-.762a3.734 3.734 0 0 1 .4-2.253M12 8.25a2.25 2.25 0 0 0-2.248 2.146M12 8.25a2.25 2.25 0 0 1 2.248 2.146M8.683 5a6.032 6.032 0 0 1-1.155-1.002c.07-.63.27-1.222.574-1.747m.581 2.749A3.75 3.75 0 0 1 15.318 5m0 0c.427-.283.815-.62 1.155-.999a4.471 4.471 0 0 0-.575-1.752M4.921 6a24.048 24.048 0 0 0-.392 3.314c1.668.546 3.416.914 5.223 1.082M19.08 6c.205 1.08.337 2.187.392 3.314a23.882 23.882 0 0 1-5.223 1.082"}));function K({onClick:e,isLoading:t=!1}){let[o,n]=ne(!1),[r,i]=ne(!1),s=a(a(a(a({},w.bugButton),t&&w.loadingButton),!t&&o&&w.bugButtonHover),!t&&r&&w.bugButtonFocus);return t?T.createElement("div",{style:s},T.createElement("style",null,`
+"use client";var be=Object.defineProperty,ke=Object.defineProperties;var Te=Object.getOwnPropertyDescriptors;var U=Object.getOwnPropertySymbols;var oe=Object.prototype.hasOwnProperty,re=Object.prototype.propertyIsEnumerable;var ne=(e,t,n)=>t in e?be(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,c=(e,t)=>{for(var n in t||(t={}))oe.call(t,n)&&ne(e,n,t[n]);if(U)for(var n of U(t))re.call(t,n)&&ne(e,n,t[n]);return e},l=(e,t)=>ke(e,Te(t));var v=(e,t)=>{var n={};for(var o in e)oe.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(e!=null&&U)for(var o of U(e))t.indexOf(o)<0&&re.call(e,o)&&(n[o]=e[o]);return n};var A=(e,t,n)=>new Promise((o,i)=>{var r=d=>{try{a(n.next(d))}catch(u){i(u)}},s=d=>{try{a(n.throw(d))}catch(u){i(u)}},a=d=>d.done?o(d.value):Promise.resolve(d.value).then(r,s);a((n=n.apply(e,t)).next())});import x,{useMemo as h,useContext as ct}from"react";import B from"react";import z,{createContext as et,useContext as tt,useState as H,useMemo as xe,useCallback as S,useEffect as nt}from"react";import je,{useMemo as $e,useRef as Ke}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"},D=class extends C{constructor(t){super({message:`Invalid token ${t!=null?t:""}`,code:b.unauthorized}),this.name="CapitalOSInvalidTokenError"}};import{connectToChild as De}from"penpal";import{useCallback as we,useEffect as J,useMemo as ae,useRef as W,useState as ce}from"react";var ie="1.2.1-rc.1";function Oe(e){let t=JSON.stringify(e),n=btoa(t);return encodeURIComponent(n)}function V(e){try{let t=decodeURIComponent(e),n=atob(t);return JSON.parse(n)}catch(t){throw new D}}function Ae(e){try{return decodeURIComponent(e)}catch(t){return e}}function se({tokenData:e,renderingContext:t,theme:n,onError:o}){try{let i=t?l(c({},t),{referer:window.location.href}):null,r=i?Oe(i):null,s=new URL(e.baseUrl),a=Ae(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",ie),r&&s.searchParams.set("renderingContext",r),n&&s.searchParams.set("theme",n),s.toString()}catch(i){o==null||o(new D);return}}function q(e){let n=V(e).path;if(!n||typeof n!="string")throw new D;return{token:e,tokenType:"oneTime",baseUrl:n,paramKey:"token",paramLocation:"search"}}var Se=1e4;function X({iframeRef:e,token:t,onError:n,methods:o}){let[i,r]=ce(null);return J(()=>{if(!e.current)return;let s=De({iframe:e.current,childOrigin:"*",debug:!0,timeout:Se,methods:o});return s.promise.then(()=>{r(s)}).catch(a=>{n==null||n(a),r(null)}),()=>{s.destroy(),r(null)}},[t,e]),i}function Z({tokenData:e,renderingContext:t,theme:n,onError:o}){let i=W(o),r=W(t);return ae(()=>{if(e)return se({tokenData:e,renderingContext:r.current,theme:n,onError:i.current})},[e,n,i,r])}function j(e){let{oneTimeToken:t,enableLogging:n,onError:o,renderingContext:i,theme:r,methods:s}=e,{tokenData:a,error:d,invalidateToken:u}=G(),{log:f,warn:y}=w(n),[P,k]=ce(!1),T=W(null);Re(d,o);let E=ae(()=>t?q(t):a,[t,a]),I=we(()=>{if(f("Token expired, invalidating..."),t){o==null||o(new C({message:"Token expired. Cannot automatically refresh when using token prop.",code:b.unauthorized}));return}u(),k(!1)},[t,u,f,o]);J(()=>{t&&a&&y("token was provided both from provider and from the token prop. the prop will take precedence")},[t,a,y]);let g=Z({tokenData:E,renderingContext:i,theme:r,onError:o}),p=X({iframeRef:T,token:E==null?void 0:E.token,onError:O=>{o==null||o(O),k(!0)},methods:c({onLoad:()=>{k(!0)},onError:O=>{let ve=new C(O);o==null||o(ve)},onTokenExpired:I},s)});return{isLoaded:P,url:g,tokenData:E,iframeRef:T,connection:p}}function Re(e,t){let n=W(!1);J(()=>{e&&!n.current&&(t==null||t(e),n.current=!0)},[e,t])}import{iframeResizer as Fe}from"iframe-resizer";import ze,{forwardRef as He,useEffect as Be,useImperativeHandle as Ne,useRef as _e}from"react";var M=He((e,t)=>{let n=e.title||"iframe",{iframeHTMLAttributes:o,resizerOptions:i}=We(e),r=_e(null);return Be(()=>{let s=r.current;return Fe(c({},i),s),()=>s.iFrameResizer&&s.iFrameResizer.removeListeners()}),Ne(t,()=>r.current),ze.createElement("iframe",l(c({},o),{title:n,ref:r}))});M.displayName="IframeResizer";var Ue=["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"],qe=new Set(Ue);function We(e){return Object.keys(e).reduce((n,o)=>{let i=e[o];return qe.has(o)?i!==void 0&&(n.resizerOptions[o]=e[o]):n.iframeHTMLAttributes[o]=e[o],n},{resizerOptions:{},iframeHTMLAttributes:{}})}function de(e){let{oneTimeToken:t,enableLogging:n,onExchangeComplete:o,onExchangeError:i}=e,r=R(n),s=Ke(null),a=$e(()=>q(t),[t]),u=Z({tokenData:a,onError:i,renderingContext:{entryPoint:"tokenExchange"}});return X({iframeRef:s,token:t,onError:i,methods:{onLoad:()=>{},onError:f=>{i==null||i(new C(f))},tokenExchange:{onLongLivedToken:o}}}),je.createElement(M,{src:u,checkOrigin:!1,style:{display:"none"},log:r,ref:s})}var Q={enableLogging:!1},Y="[CapitalOS] ",$={log:(e,t=Q)=>{t.enableLogging&&console.log(`${Y}${e}`)},warn:(e,t=Q)=>{t.enableLogging&&console.warn(`${Y}${e}`)},error:(e,t=Q)=>{t.enableLogging&&console.error(`${Y}${e}`)}};import F,{createContext as Ge,useState as Qe,useMemo as ge,useCallback as Ye}from"react";import Ve from"react";import{useMemo as Je}from"react";function le(d){var u=d,{onDone:e,onCancel:t,mfaId:n,destination:o,codeLength:i,canResendAfter:r,operationName:s}=u,a=v(u,["onDone","onCancel","mfaId","destination","codeLength","canResendAfter","operationName"]);let f="mfa",y=Je(()=>({entryPoint:f,mfaId:n,destination:o,codeLength:i,canResendAfter:r,operationName:s}),[f,n,o,i,r,s]);return Ve.createElement(m,l(c({},a),{renderingContext:y,methods:{mfa:{onDone:e,onCancel:t}}}))}import pe,{useEffect as Xe}from"react";var ue={backdrop:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.4)",backdropFilter:"blur(2px)",zIndex:1e3,display:"flex",alignItems:"center",justifyContent:"center",padding:"20px"},container:{backgroundColor:"white",borderRadius:"8px",boxShadow:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05)",maxWidth:"600px",width:"100%",maxHeight:"90vh",overflow:"hidden",position:"relative"}};function me({onClose:e,children:t,ariaLabel:n="Modal dialog"}){Xe(()=>{let i=r=>{r.key==="Escape"&&e()};return document.addEventListener("keydown",i),()=>{document.removeEventListener("keydown",i)}},[e]);let o=i=>{i.target===i.currentTarget&&e()};return pe.createElement("div",{style:ue.backdrop,onClick:o,role:"dialog","aria-modal":"true","aria-label":n},pe.createElement("div",{style:ue.container},t))}import{useState as Ze,useCallback as K}from"react";function fe(){var u;let[e,t]=Ze(null),{log:n}=w(),o=K(f=>(n("MFA requested"),new Promise((y,P)=>{t({context:f,resolve:y,reject:P})})),[n]),i=K(()=>{e&&(n("MFA completed successfully"),e.resolve({success:!0,canceled:!1,data:void 0}),t(null))},[e,n]),r=K(()=>{e&&(n("MFA canceled"),e.resolve({success:!1,canceled:!0}),t(null))},[e,n]),s=K(f=>{e&&(n("MFA error: "+f.message),e.resolve({success:!1,canceled:!1,error:f}),t(null))},[e,n]),a=!!e,d=(u=e==null?void 0:e.context)!=null?u:null;return{activeMfaRequest:e,isMfaActive:a,mfaContext:d,requestMfa:o,handleMfaDone:i,handleMfaCancel:r,handleMfaError:s}}var ee=Ge(null);function Ce({children:e}){let[t,n]=Qe(null),{log:o}=w(),{requestMfa:i,handleMfaDone:r,handleMfaCancel:s,isMfaActive:a,mfaContext:d}=fe(),u=Ye(g=>A(this,null,function*(){let p=yield i(g);return p.success?{success:!0}:p.canceled?{success:!1,canceled:!0}:{success:!1,error:p.error.message}}),[i]),f=ge(()=>t?{freezeCard:g=>A(this,null,function*(){try{let p=yield t.freezeCard(g);return p.success?{success:!0,canceled:!1,data:p.data}:p.canceled?{success:!1,canceled:!0}:{success:!1,canceled:!1,error:new C({code:b.internal_error,message:p.error})}}catch(p){return{success:!1,canceled:!1,error:new C({code:b.internal_error,message:p instanceof Error?p.message:"Communication error with iframe"})}}}),unfreezeCard:g=>A(this,null,function*(){try{let p=yield t.unfreezeCard(g);return p.success?{success:!0,canceled:!1,data:p.data}:p.canceled?{success:!1,canceled:!0}:{success:!1,canceled:!1,error:new C({code:b.internal_error,message:p.error})}}catch(p){return{success:!1,canceled:!1,error:new C({code:b.internal_error,message:p instanceof Error?p.message:"Communication error with iframe"})}}})}:null,[t]),y=ge(()=>({"system-messages":{requestMfa:u},mfa:{onDone:r,onCancel:s}}),[u,r,s]),{isLoaded:P,url:k,connection:T,iframeRef:E}=j({renderingContext:{entryPoint:"actions"},methods:y});F.useEffect(()=>{let g=!0;return T&&T.promise.then(p=>{g&&(n(p),o("Actions iframe child functions loaded"))}),()=>{g=!1}},[T,o]);let I=!P||!t;return F.createElement(ee.Provider,{value:{childFunctions:t,actions:f,isLoading:I}},e,k&&F.createElement(M,{src:k,style:{display:"none"},checkOrigin:!1,ref:E}),a&&d&&F.createElement(me,{onClose:s,ariaLabel:"Multi-factor authentication"},F.createElement(le,l(c({mfaId:d.mfaId,destination:d.destination,codeLength:d.codeLength,canResendAfter:d.canResendAfter},d.operationName&&{operationName:d.operationName}),{onDone:r,onCancel:s}))))}var he=et({isLoading:!1,invalidateToken:()=>{},enableLogging:!1}),ot=({getToken:e,enableLogging:t,children:n})=>{let[o,i]=H(void 0),[r,s]=H(void 0),[a,d]=H(void 0),[u,f]=H(!1),[y,P]=H(void 0),k=S(()=>A(void 0,null,function*(){f(!0);try{let g=yield e();i(g),P(void 0);let p=V(g),O=new URL(p.path);O.pathname="",s(O.toString())}catch(g){P(g)}finally{f(!1)}}),[e]),T=S(()=>{d(void 0)},[]);nt(()=>{a||k()},[a,k]);let E=S(g=>{d(g),i(void 0),P(void 0)},[]),I=xe(()=>{if(a&&!r)throw new C({message:"baseUrl is required for long lived tokens",code:b.unauthorized});return{tokenData:a?{token:a,tokenType:"longLived",baseUrl:r,paramKey:"access_token",paramLocation:"hash"}:void 0,isLoading:u,error:y,invalidateToken:T,enableLogging:t!=null?t:!1}},[a,u,y,T,r,t]);return z.createElement(z.Fragment,null,z.createElement(he.Provider,{value:I},z.createElement(Ce,null,n)),o&&!a&&z.createElement(de,{oneTimeToken:o,onExchangeComplete:E,enableLogging:t,onExchangeError:P}))},G=()=>tt(he);function R(e){let{enableLogging:t}=G();return e!==void 0?e:t}function w(e){let t=R(e),n=S(r=>{$.log(r,{enableLogging:t})},[t]),o=S(r=>{$.warn(r,{enableLogging:t})},[t]),i=S(r=>{$.error(r,{enableLogging:t})},[t]);return xe(()=>({log:n,warn:o,error:i}),[n,o,i])}function m(e){let{token:t,className:n,enableLogging:o,onError:i,loadingComponent:r,renderingContext:s,methods:a,theme:d,sizeWidth:u}=e,f=R(o),{isLoaded:y,url:P,tokenData:k,iframeRef:T}=j({oneTimeToken:t,enableLogging:f,onError:i,renderingContext:s,theme:d,methods:a});if(!k||!P)return B.createElement(B.Fragment,null,r||null);let E=s.entryPoint!=="insightsWidget";return B.createElement(B.Fragment,null,!y&&r,B.createElement(M,{src:P,allow:"clipboard-write",checkOrigin:!1,style:{width:"1px",height:"0px",minWidth:"100%"},className:n,log:f,ref:T,hidden:!y,onResized:I=>{if(!E)return;let g=`${parseInt(I.height)+12}px`;I.iframe.style.height=g},sizeWidth:u}))}import _,{useMemo as rt}from"react";import{useState as it}from"react";import L,{useState as ye}from"react";var N={bugButton:{position:"fixed",left:"12px",bottom:"12px",margin:"12px",padding:"4px",display:"inline-flex",alignItems:"center",borderRadius:"9999px",border:"1px solid transparent",backgroundColor:"#2563eb",color:"white",opacity:.4,boxShadow:"0 1px 3px 0 rgb(0 0 0 / 0.1)",cursor:"pointer",zIndex:50,transition:"opacity 0.3s ease-in-out"},bugButtonHover:{backgroundColor:"#1d4ed8",opacity:1},bugButtonFocus:{outline:"none",boxShadow:"0 0 0 2px white, 0 0 0 4px #3b82f6"},bugIcon:{width:"20px",height:"20px"},loadingButton:{cursor:"default",opacity:1,animation:"pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite"}},Pe=()=>L.createElement("svg",{style:N.bugIcon,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor"},L.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 12.75c1.148 0 2.278.08 3.383.237 1.037.146 1.866.966 1.866 2.013 0 3.728-2.35 6.75-5.25 6.75S6.75 18.728 6.75 15c0-1.046.83-1.867 1.866-2.013A24.204 24.204 0 0 1 12 12.75Zm0 0c2.883 0 5.647.508 8.207 1.44a23.91 23.91 0 0 1-1.152 6.06M12 12.75c-2.883 0-5.647.508-8.208 1.44.125 2.104.52 4.136 1.153 6.06M12 12.75a2.25 2.25 0 0 0 2.248-2.354M12 12.75a2.25 2.25 0 0 1-2.248-2.354M12 8.25c.995 0 1.971-.08 2.922-.236.403-.066.74-.358.795-.762a3.778 3.778 0 0 0-.399-2.25M12 8.25c-.995 0-1.97-.08-2.922-.236-.402-.066-.74-.358-.795-.762a3.734 3.734 0 0 1 .4-2.253M12 8.25a2.25 2.25 0 0 0-2.248 2.146M12 8.25a2.25 2.25 0 0 1 2.248 2.146M8.683 5a6.032 6.032 0 0 1-1.155-1.002c.07-.63.27-1.222.574-1.747m.581 2.749A3.75 3.75 0 0 1 15.318 5m0 0c.427-.283.815-.62 1.155-.999a4.471 4.471 0 0 0-.575-1.752M4.921 6a24.048 24.048 0 0 0-.392 3.314c1.668.546 3.416.914 5.223 1.082M19.08 6c.205 1.08.337 2.187.392 3.314a23.882 23.882 0 0 1-5.223 1.082"}));function te({onClick:e,isLoading:t=!1}){let[n,o]=ye(!1),[i,r]=ye(!1),s=c(c(c(c({},N.bugButton),t&&N.loadingButton),!t&&n&&N.bugButtonHover),!t&&i&&N.bugButtonFocus);return t?L.createElement("div",{style:s},L.createElement("style",null,`
             @keyframes pulse {
               0%, 100% {
                 opacity: 1;
@@ -7,5 +7,5 @@
                 opacity: 0.4;
               }
             }
-          `),T.createElement(re,null)):T.createElement("button",{id:"dev-tools-button",onClick:e,type:"button",style:s,onMouseEnter:()=>n(!0),onMouseLeave:()=>n(!1),onFocus:()=>i(!0),onBlur:()=>i(!1)},T.createElement(re,null))}var Ne={panel:{position:"fixed",bottom:"20px",left:"20px",zIndex:50}};function We(e){let t="devTools",o=Ue(()=>({entryPoint:t}),[t]),[n,r]=_e(!1);return M.createElement("aside",{"aria-label":"CapitalOS dev tools"},!n&&M.createElement(K,{onClick:()=>r(!n)}),n&&M.createElement("div",{style:Ne.panel},M.createElement(m,c(a({},e),{renderingContext:o,methods:{devTools:{onClose:()=>r(!1)}},enableLogging:!0,sizeWidth:!0,loadingComponent:M.createElement(K,{isLoading:!0})}))))}function je(e){let t="cardsApp",o=u(()=>({entryPoint:t}),[t]);return l.createElement(m,c(a({},e),{renderingContext:o}))}var Xt=je;function Yt(r){var i=r,{cardholder:e,onDone:t,onCancel:o}=i,n=b(i,["cardholder","onDone","onCancel"]);let s="createCard",d=u(()=>({entryPoint:s,cardholder:e}),[e]);return l.createElement(m,c(a({},n),{renderingContext:d,methods:{createCard:{onDone:t,onCancel:o}}}))}function eo(r){var i=r,{transactionId:e,onDone:t,onCancel:o}=i,n=b(i,["transactionId","onDone","onCancel"]);let s="createDispute",d=u(()=>({entryPoint:s,transactionId:e}),[e]);return l.createElement(m,c(a({},n),{renderingContext:d,methods:{createDispute:{onDone:t,onCancel:o}}}))}function to(e){let t="billPayApp",o=u(()=>({entryPoint:t}),[t]);return l.createElement(m,c(a({},e),{renderingContext:o}))}function oo(e){let i=e,{onCardCanceled:t}=i,o=b(i,["onCardCanceled"]),n="cardDetails",r=u(()=>({entryPoint:n,cardId:e.cardId,cardOnly:e.cardOnly,hideAddress:e.hideAddress}),[n,e.cardId,e.cardOnly]);return l.createElement(m,c(a({},o),{renderingContext:r,methods:{cardDetails:{onCardCanceled:t!=null?t:()=>{}}}}))}function no(e){let t="accountDetails",o=u(()=>({entryPoint:t}),[t]);return l.createElement(m,c(a({},e),{renderingContext:o}))}function ro(e){let t="accountActions",o=u(()=>({entryPoint:t}),[t]);return l.createElement(m,c(a({},e),{renderingContext:o}))}function io(e){let t="insightsDashboard",o=u(()=>({entryPoint:t}),[t]);return l.createElement(m,c(a({},e),{renderingContext:o}))}function so(e){let t="insightsWidget",{widget:o,hideTitle:n,height:r,width:i}=e,s=u(()=>({entryPoint:t,widget:o,hideTitle:n,height:r,width:i}),[t,o,n,r,i]);return l.createElement(m,c(a({},e),{renderingContext:s}))}function ao(r){var i=r,{onDone:e,entryPoint:t,exitPoint:o}=i,n=b(i,["onDone","entryPoint","exitPoint"]);let s="onboarding",d=u(()=>({entryPoint:s,onboardingEntryPoint:t,onboardingExitPoint:o}),[s,t,o]);return l.createElement(m,c(a({},n),{renderingContext:d,methods:{onboarding:{onDone:e}}}))}function co(o){var n=o,{onDone:e}=n,t=b(n,["onDone"]);let r="makePayment",i=u(()=>({entryPoint:r}),[r]);return l.createElement(m,c(a({},t),{renderingContext:i,methods:{makePayment:{onDone:e}}}))}export{ro as AccountActions,no as AccountDetails,Xt as App,to as BillPayApp,ze as CapitalOsAuthenticationProvider,oo as CardDetails,je as CardsApp,We as DevTools,eo as DisputeTransaction,io as InsightsDashboard,so as InsightsWidget,Yt as IssueCard,co as MakePayment,ao as Onboarding};
+          `),L.createElement(Pe,null)):L.createElement("button",{id:"dev-tools-button",onClick:e,type:"button",style:s,onMouseEnter:()=>o(!0),onMouseLeave:()=>o(!1),onFocus:()=>r(!0),onBlur:()=>r(!1)},L.createElement(Pe,null))}var st={panel:{position:"fixed",bottom:"20px",left:"20px",zIndex:50}};function at(e){let t="devTools",n=rt(()=>({entryPoint:t}),[t]),[o,i]=it(!1);return _.createElement("aside",{"aria-label":"CapitalOS dev tools"},!o&&_.createElement(te,{onClick:()=>i(!o)}),o&&_.createElement("div",{style:st.panel},_.createElement(m,l(c({},e),{renderingContext:n,methods:{devTools:{onClose:()=>i(!1)}},enableLogging:!0,sizeWidth:!0,loadingComponent:_.createElement(te,{isLoading:!0})}))))}function dt(e){let t="cardsApp",n=h(()=>({entryPoint:t}),[t]);return x.createElement(m,l(c({},e),{renderingContext:n}))}var Xn=dt;function Zn(i){var r=i,{cardholder:e,onDone:t,onCancel:n}=r,o=v(r,["cardholder","onDone","onCancel"]);let s="createCard",a=h(()=>({entryPoint:s,cardholder:e}),[e]);return x.createElement(m,l(c({},o),{renderingContext:a,methods:{createCard:{onDone:t,onCancel:n}}}))}function Gn(i){var r=i,{transactionId:e,onDone:t,onCancel:n}=r,o=v(r,["transactionId","onDone","onCancel"]);let s="createDispute",a=h(()=>({entryPoint:s,transactionId:e}),[e]);return x.createElement(m,l(c({},o),{renderingContext:a,methods:{createDispute:{onDone:t,onCancel:n}}}))}function Qn(e){let t="billPayApp",n=h(()=>({entryPoint:t}),[t]);return x.createElement(m,l(c({},e),{renderingContext:n}))}function Yn(e){let r=e,{onCardCanceled:t}=r,n=v(r,["onCardCanceled"]),o="cardDetails",i=h(()=>({entryPoint:o,cardId:e.cardId,cardOnly:e.cardOnly,hideAddress:e.hideAddress}),[o,e.cardId,e.cardOnly]);return x.createElement(m,l(c({},n),{renderingContext:i,methods:{cardDetails:{onCardCanceled:t!=null?t:()=>{}}}}))}function eo(e){let t="accountDetails",n=h(()=>({entryPoint:t}),[t]);return x.createElement(m,l(c({},e),{renderingContext:n}))}function to(e){let t="accountActions",n=h(()=>({entryPoint:t}),[t]);return x.createElement(m,l(c({},e),{renderingContext:n}))}function no(e){let t="insightsDashboard",n=h(()=>({entryPoint:t}),[t]);return x.createElement(m,l(c({},e),{renderingContext:n}))}function oo(e){let t="insightsWidget",{widget:n,hideTitle:o,height:i,width:r}=e,s=h(()=>({entryPoint:t,widget:n,hideTitle:o,height:i,width:r}),[t,n,o,i,r]);return x.createElement(m,l(c({},e),{renderingContext:s}))}function ro(i){var r=i,{onDone:e,entryPoint:t,exitPoint:n}=r,o=v(r,["onDone","entryPoint","exitPoint"]);let s="onboarding",a=h(()=>({entryPoint:s,onboardingEntryPoint:t,onboardingExitPoint:n}),[s,t,n]);return x.createElement(m,l(c({},o),{renderingContext:a,methods:{onboarding:{onDone:e}}}))}function io(n){var o=n,{onDone:e}=o,t=v(o,["onDone"]);let i="makePayment",r=h(()=>({entryPoint:i}),[i]);return x.createElement(m,l(c({},t),{renderingContext:r,methods:{makePayment:{onDone:e}}}))}function so(o){var i=o,{onDone:e,onCancel:t}=i,n=v(i,["onDone","onCancel"]);let r="contactSupport",s=h(()=>({entryPoint:r}),[r]);return x.createElement(m,l(c({},n),{renderingContext:s,methods:{contactSupport:{onDone:e,onCancel:t}}}))}function ao(n){var o=n,{onDone:e}=o,t=v(o,["onDone"]);let i="statements",r=h(()=>({entryPoint:i}),[i]);return x.createElement(m,l(c({},t),{renderingContext:r,methods:{statements:{onDone:e}}}))}function co(n){var o=n,{onDone:e}=o,t=v(o,["onDone"]);let i="legalDocuments",r=h(()=>({entryPoint:i}),[i]);return x.createElement(m,l(c({},t),{renderingContext:r,methods:{legalDocuments:{onDone:e}}}))}function lo(i){var r=i,{cardId:e,onDone:t,onClose:n}=r,o=v(r,["cardId","onDone","onClose"]);let s="replaceCard",a=h(()=>({entryPoint:s,cardId:e}),[e]);return x.createElement(m,l(c({},o),{renderingContext:a,methods:{replaceCard:{onDone:t,onClose:n}}}))}function po(i){var r=i,{cardId:e,onDone:t,onClose:n}=r,o=v(r,["cardId","onDone","onClose"]);let s="terminateCard",a=h(()=>({entryPoint:s,cardId:e}),[e]);return x.createElement(m,l(c({},o),{renderingContext:a,methods:{terminateCard:{onDone:t,onClose:n}}}))}function uo(){let e=ct(ee);if(!e)throw new C({message:"useActions must be used within a CapitalOsAuthenticationProvider",code:b.internal_error});let{childFunctions:t,isLoading:n}=e;return{actions:t,isLoading:n}}export{to as AccountActions,eo as AccountDetails,Xn as App,Qn as BillPayApp,ot as CapitalOsAuthenticationProvider,Yn as CardDetails,dt as CardsApp,so as ContactSupport,at as DevTools,Gn as DisputeTransaction,no as InsightsDashboard,oo as InsightsWidget,Zn as IssueCard,co as LegalDocuments,io as MakePayment,ro as Onboarding,lo as ReplaceCard,ao as Statements,po as TerminateCard,uo as useActions};
 //# sourceMappingURL=index.js.map