@justifi/webcomponents 4.8.2 → 4.9.0

package/dist/types/components.d.ts

@@ -10,6 +10,7 @@ import { FormController } from "./components/form/form";
 import { CreatePaymentMethodResponse } from "./components/payment-method-form/payment-method-responses";
 import { BillingFormFields } from "./components/billing-form/billing-form-schema";
 import { ValidationError } from "yup";
+import { PaymentMethodOption } from "./components/checkout/payment-method-option-utils";
 import { Payment, PaymentMethodTypes, Payout } from "./api";
 import { Proceed } from "./api/Proceed";
 import { RefundFormFields } from "./components/refund-form/refund-form-schema";
@@ -22,6 +23,7 @@ export { FormController } from "./components/form/form";
 export { CreatePaymentMethodResponse } from "./components/payment-method-form/payment-method-responses";
 export { BillingFormFields } from "./components/billing-form/billing-form-schema";
 export { ValidationError } from "yup";
+export { PaymentMethodOption } from "./components/checkout/payment-method-option-utils";
 export { Payment, PaymentMethodTypes, Payout } from "./api";
 export { Proceed } from "./api/Proceed";
 export { RefundFormFields } from "./components/refund-form/refund-form-schema";
@@ -40,6 +42,9 @@ export namespace Components {
     interface AdditionalQuestionsDetails {
         "additionalQuestions": AdditionalQuestions;
     }
+    interface BusinessDetailsCore {
+        "getBusiness": Function;
+    }
     interface FormControlDatepart {
         "defaultValue": string;
         "disabled": boolean;
@@ -93,6 +98,9 @@ export namespace Components {
     interface GenericInfoDetails {
         "business": IBusiness;
     }
+    interface GrossPaymentChartCore {
+        "getGrossPayment": Function;
+    }
     /**
      * @exportedPart label: Label for inputs
      * @exportedPart input: The input fields
@@ -267,6 +275,22 @@ export namespace Components {
          */
         "validationMode": 'onChange' | 'onBlur' | 'onSubmit' | 'onTouched' | 'all';
     }
+    interface JustifiCheckout {
+        "authToken": string;
+        "checkoutId": string;
+        "iframeOrigin"?: string;
+    }
+    interface JustifiCheckoutCore {
+        "authToken": string;
+        "checkoutId": string;
+        "getCheckout": Function;
+        /**
+          * URL for the rendered iFrame. End-users need not use this.
+         */
+        "iframeOrigin"?: string;
+        "loadFontsOnParent": () => Promise<any>;
+        "pay": Function;
+    }
     interface JustifiDetails {
         "errorMessage": string;
     }
@@ -282,6 +306,14 @@ export namespace Components {
     interface JustifiLegalAddressForm {
         "formController": FormController;
     }
+    interface JustifiNewPaymentMethod {
+        "accountId": string;
+        "clientId": string;
+        "getPaymentMethodToken": () => Promise<string>;
+        "iframeOrigin"?: string;
+        "isSelected": boolean;
+        "paymentMethodOption": PaymentMethodOption;
+    }
     interface JustifiPaymentBalanceTransactions {
         "accountId": string;
         "authToken": string;
@@ -302,7 +334,6 @@ export namespace Components {
      * @exportedPart detail-metadata-title
      * @exportedPart detail-method-title
      * @exportedPart detail-method-data
-     * @exportedPart detail-section
      * @exportedPart detail-section-title
      * @exportedPart detail-section-item-title
      * @exportedPart detail-section-item-data
@@ -338,6 +369,16 @@ export namespace Components {
         "tokenize": (clientId: string, paymentMethodMetadata: any, account?: string) => Promise<CreatePaymentMethodResponse>;
         "validate": () => Promise<any>;
     }
+    interface JustifiPaymentMethodOptions {
+        "accountId": string;
+        "clientId": string;
+        "getPaymentMethodToken": () => Promise<string>;
+        "iframeOrigin"?: string;
+        "savedPaymentMethods": any[];
+        "selectedPaymentMethodId": string;
+        "showAch": boolean;
+        "showCard": boolean;
+    }
     interface JustifiPaymentMethodSelector {
         "selectedPaymentMethodType": PaymentMethodTypes;
     }
@@ -440,6 +481,12 @@ export namespace Components {
          */
         "withButton"?: boolean;
     }
+    interface JustifiSavedPaymentMethod {
+        "getPaymentMethodToken": () => Promise<string>;
+        "iframeOrigin"?: string;
+        "isSelected": boolean;
+        "paymentMethodOption": PaymentMethodOption;
+    }
     interface JustifiSubaccountDetails {
         "accountId": string;
         "authToken": string;
@@ -462,13 +509,6 @@ export namespace Components {
     interface LegalAddressDetails {
         "legalAddress": IAddress;
     }
-    /**
-     * @exportedPart detail-section
-     * @exportedPart detail-section-title
-     * @exportedPart detail-section-item-title
-     * @exportedPart detail-section-item-data
-     * @exportedPart detail-empty-state
-     */
     interface OwnerDetails {
         "owners": Identity[];
     }
@@ -571,6 +611,14 @@ export interface JustifiCardFormCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJustifiCardFormElement;
 }
+export interface JustifiCheckoutCoreCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJustifiCheckoutCoreElement;
+}
+export interface JustifiNewPaymentMethodCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJustifiNewPaymentMethodElement;
+}
 export interface JustifiPaymentFormCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJustifiPaymentFormElement;
@@ -579,6 +627,10 @@ export interface JustifiPaymentMethodFormCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJustifiPaymentMethodFormElement;
 }
+export interface JustifiPaymentMethodOptionsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJustifiPaymentMethodOptionsElement;
+}
 export interface JustifiPaymentMethodSelectorCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJustifiPaymentMethodSelectorElement;
@@ -591,6 +643,10 @@ export interface JustifiRefundFormCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJustifiRefundFormElement;
 }
+export interface JustifiSavedPaymentMethodCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJustifiSavedPaymentMethodElement;
+}
 export interface JustifiSubaccountsListCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJustifiSubaccountsListElement;
@@ -625,6 +681,12 @@ declare global {
         prototype: HTMLAdditionalQuestionsDetailsElement;
         new (): HTMLAdditionalQuestionsDetailsElement;
     };
+    interface HTMLBusinessDetailsCoreElement extends Components.BusinessDetailsCore, HTMLStencilElement {
+    }
+    var HTMLBusinessDetailsCoreElement: {
+        prototype: HTMLBusinessDetailsCoreElement;
+        new (): HTMLBusinessDetailsCoreElement;
+    };
     interface HTMLFormControlDatepartElementEventMap {
         "formControlInput": any;
         "formControlBlur": any;
@@ -739,6 +801,12 @@ declare global {
         prototype: HTMLGenericInfoDetailsElement;
         new (): HTMLGenericInfoDetailsElement;
     };
+    interface HTMLGrossPaymentChartCoreElement extends Components.GrossPaymentChartCore, HTMLStencilElement {
+    }
+    var HTMLGrossPaymentChartCoreElement: {
+        prototype: HTMLGrossPaymentChartCoreElement;
+        new (): HTMLGrossPaymentChartCoreElement;
+    };
     /**
      * @exportedPart label: Label for inputs
      * @exportedPart input: The input fields
@@ -920,6 +988,29 @@ declare global {
         prototype: HTMLJustifiCardFormElement;
         new (): HTMLJustifiCardFormElement;
     };
+    interface HTMLJustifiCheckoutElement extends Components.JustifiCheckout, HTMLStencilElement {
+    }
+    var HTMLJustifiCheckoutElement: {
+        prototype: HTMLJustifiCheckoutElement;
+        new (): HTMLJustifiCheckoutElement;
+    };
+    interface HTMLJustifiCheckoutCoreElementEventMap {
+        "submitted": CreatePaymentMethodResponse;
+    }
+    interface HTMLJustifiCheckoutCoreElement extends Components.JustifiCheckoutCore, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJustifiCheckoutCoreElementEventMap>(type: K, listener: (this: HTMLJustifiCheckoutCoreElement, ev: JustifiCheckoutCoreCustomEvent<HTMLJustifiCheckoutCoreElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJustifiCheckoutCoreElementEventMap>(type: K, listener: (this: HTMLJustifiCheckoutCoreElement, ev: JustifiCheckoutCoreCustomEvent<HTMLJustifiCheckoutCoreElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLJustifiCheckoutCoreElement: {
+        prototype: HTMLJustifiCheckoutCoreElement;
+        new (): HTMLJustifiCheckoutCoreElement;
+    };
     interface HTMLJustifiDetailsElement extends Components.JustifiDetails, HTMLStencilElement {
     }
     var HTMLJustifiDetailsElement: {
@@ -943,6 +1034,23 @@ declare global {
         prototype: HTMLJustifiLegalAddressFormElement;
         new (): HTMLJustifiLegalAddressFormElement;
     };
+    interface HTMLJustifiNewPaymentMethodElementEventMap {
+        "paymentMethodOptionSelected": any;
+    }
+    interface HTMLJustifiNewPaymentMethodElement extends Components.JustifiNewPaymentMethod, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJustifiNewPaymentMethodElementEventMap>(type: K, listener: (this: HTMLJustifiNewPaymentMethodElement, ev: JustifiNewPaymentMethodCustomEvent<HTMLJustifiNewPaymentMethodElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJustifiNewPaymentMethodElementEventMap>(type: K, listener: (this: HTMLJustifiNewPaymentMethodElement, ev: JustifiNewPaymentMethodCustomEvent<HTMLJustifiNewPaymentMethodElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLJustifiNewPaymentMethodElement: {
+        prototype: HTMLJustifiNewPaymentMethodElement;
+        new (): HTMLJustifiNewPaymentMethodElement;
+    };
     interface HTMLJustifiPaymentBalanceTransactionsElement extends Components.JustifiPaymentBalanceTransactions, HTMLStencilElement {
     }
     var HTMLJustifiPaymentBalanceTransactionsElement: {
@@ -964,7 +1072,6 @@ declare global {
      * @exportedPart detail-metadata-title
      * @exportedPart detail-method-title
      * @exportedPart detail-method-data
-     * @exportedPart detail-section
      * @exportedPart detail-section-title
      * @exportedPart detail-section-item-title
      * @exportedPart detail-section-item-data
@@ -1015,6 +1122,23 @@ declare global {
         prototype: HTMLJustifiPaymentMethodFormElement;
         new (): HTMLJustifiPaymentMethodFormElement;
     };
+    interface HTMLJustifiPaymentMethodOptionsElementEventMap {
+        "toggleCreatingNewPaymentMethod": any;
+    }
+    interface HTMLJustifiPaymentMethodOptionsElement extends Components.JustifiPaymentMethodOptions, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJustifiPaymentMethodOptionsElementEventMap>(type: K, listener: (this: HTMLJustifiPaymentMethodOptionsElement, ev: JustifiPaymentMethodOptionsCustomEvent<HTMLJustifiPaymentMethodOptionsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJustifiPaymentMethodOptionsElementEventMap>(type: K, listener: (this: HTMLJustifiPaymentMethodOptionsElement, ev: JustifiPaymentMethodOptionsCustomEvent<HTMLJustifiPaymentMethodOptionsElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLJustifiPaymentMethodOptionsElement: {
+        prototype: HTMLJustifiPaymentMethodOptionsElement;
+        new (): HTMLJustifiPaymentMethodOptionsElement;
+    };
     interface HTMLJustifiPaymentMethodSelectorElementEventMap {
         "paymentMethodSelected": any;
     }
@@ -1141,6 +1265,23 @@ declare global {
         prototype: HTMLJustifiRefundFormElement;
         new (): HTMLJustifiRefundFormElement;
     };
+    interface HTMLJustifiSavedPaymentMethodElementEventMap {
+        "paymentMethodOptionSelected": any;
+    }
+    interface HTMLJustifiSavedPaymentMethodElement extends Components.JustifiSavedPaymentMethod, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJustifiSavedPaymentMethodElementEventMap>(type: K, listener: (this: HTMLJustifiSavedPaymentMethodElement, ev: JustifiSavedPaymentMethodCustomEvent<HTMLJustifiSavedPaymentMethodElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLJustifiSavedPaymentMethodElementEventMap>(type: K, listener: (this: HTMLJustifiSavedPaymentMethodElement, ev: JustifiSavedPaymentMethodCustomEvent<HTMLJustifiSavedPaymentMethodElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLJustifiSavedPaymentMethodElement: {
+        prototype: HTMLJustifiSavedPaymentMethodElement;
+        new (): HTMLJustifiSavedPaymentMethodElement;
+    };
     interface HTMLJustifiSubaccountDetailsElement extends Components.JustifiSubaccountDetails, HTMLStencilElement {
     }
     var HTMLJustifiSubaccountDetailsElement: {
@@ -1176,13 +1317,6 @@ declare global {
         prototype: HTMLLegalAddressDetailsElement;
         new (): HTMLLegalAddressDetailsElement;
     };
-    /**
-     * @exportedPart detail-section
-     * @exportedPart detail-section-title
-     * @exportedPart detail-section-item-title
-     * @exportedPart detail-section-item-data
-     * @exportedPart detail-empty-state
-     */
     interface HTMLOwnerDetailsElement extends Components.OwnerDetails, HTMLStencilElement {
     }
     var HTMLOwnerDetailsElement: {
@@ -1326,6 +1460,7 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "additional-questions-details": HTMLAdditionalQuestionsDetailsElement;
+        "business-details-core": HTMLBusinessDetailsCoreElement;
         "form-control-datepart": HTMLFormControlDatepartElement;
         "form-control-monetary": HTMLFormControlMonetaryElement;
         "form-control-number": HTMLFormControlNumberElement;
@@ -1333,6 +1468,7 @@ declare global {
         "form-control-select": HTMLFormControlSelectElement;
         "form-control-text": HTMLFormControlTextElement;
         "generic-info-details": HTMLGenericInfoDetailsElement;
+        "gross-payment-chart-core": HTMLGrossPaymentChartCoreElement;
         "justifi-additional-questions": HTMLJustifiAdditionalQuestionsElement;
         "justifi-bank-account-form": HTMLJustifiBankAccountFormElement;
         "justifi-billing-form": HTMLJustifiBillingFormElement;
@@ -1345,19 +1481,24 @@ declare global {
         "justifi-business-owners": HTMLJustifiBusinessOwnersElement;
         "justifi-business-representative": HTMLJustifiBusinessRepresentativeElement;
         "justifi-card-form": HTMLJustifiCardFormElement;
+        "justifi-checkout": HTMLJustifiCheckoutElement;
+        "justifi-checkout-core": HTMLJustifiCheckoutCoreElement;
         "justifi-details": HTMLJustifiDetailsElement;
         "justifi-gross-payment-chart": HTMLJustifiGrossPaymentChartElement;
         "justifi-legal-address-form": HTMLJustifiLegalAddressFormElement;
+        "justifi-new-payment-method": HTMLJustifiNewPaymentMethodElement;
         "justifi-payment-balance-transactions": HTMLJustifiPaymentBalanceTransactionsElement;
         "justifi-payment-details": HTMLJustifiPaymentDetailsElement;
         "justifi-payment-form": HTMLJustifiPaymentFormElement;
         "justifi-payment-method-form": HTMLJustifiPaymentMethodFormElement;
+        "justifi-payment-method-options": HTMLJustifiPaymentMethodOptionsElement;
         "justifi-payment-method-selector": HTMLJustifiPaymentMethodSelectorElement;
         "justifi-payments-list": HTMLJustifiPaymentsListElement;
         "justifi-payout-details": HTMLJustifiPayoutDetailsElement;
         "justifi-payouts-list": HTMLJustifiPayoutsListElement;
         "justifi-proceeds-list": HTMLJustifiProceedsListElement;
         "justifi-refund-form": HTMLJustifiRefundFormElement;
+        "justifi-saved-payment-method": HTMLJustifiSavedPaymentMethodElement;
         "justifi-subaccount-details": HTMLJustifiSubaccountDetailsElement;
         "justifi-subaccounts-list": HTMLJustifiSubaccountsListElement;
         "justifi-table": HTMLJustifiTableElement;
@@ -1390,6 +1531,9 @@ declare namespace LocalJSX {
     interface AdditionalQuestionsDetails {
         "additionalQuestions"?: AdditionalQuestions;
     }
+    interface BusinessDetailsCore {
+        "getBusiness"?: Function;
+    }
     interface FormControlDatepart {
         "defaultValue"?: string;
         "disabled"?: boolean;
@@ -1455,6 +1599,9 @@ declare namespace LocalJSX {
     interface GenericInfoDetails {
         "business"?: IBusiness;
     }
+    interface GrossPaymentChartCore {
+        "getGrossPayment"?: Function;
+    }
     /**
      * @exportedPart label: Label for inputs
      * @exportedPart input: The input fields
@@ -1633,6 +1780,22 @@ declare namespace LocalJSX {
          */
         "validationMode"?: 'onChange' | 'onBlur' | 'onSubmit' | 'onTouched' | 'all';
     }
+    interface JustifiCheckout {
+        "authToken"?: string;
+        "checkoutId"?: string;
+        "iframeOrigin"?: string;
+    }
+    interface JustifiCheckoutCore {
+        "authToken"?: string;
+        "checkoutId"?: string;
+        "getCheckout"?: Function;
+        /**
+          * URL for the rendered iFrame. End-users need not use this.
+         */
+        "iframeOrigin"?: string;
+        "onSubmitted"?: (event: JustifiCheckoutCoreCustomEvent<CreatePaymentMethodResponse>) => void;
+        "pay"?: Function;
+    }
     interface JustifiDetails {
         "errorMessage"?: string;
     }
@@ -1648,6 +1811,14 @@ declare namespace LocalJSX {
     interface JustifiLegalAddressForm {
         "formController"?: FormController;
     }
+    interface JustifiNewPaymentMethod {
+        "accountId"?: string;
+        "clientId"?: string;
+        "iframeOrigin"?: string;
+        "isSelected"?: boolean;
+        "onPaymentMethodOptionSelected"?: (event: JustifiNewPaymentMethodCustomEvent<any>) => void;
+        "paymentMethodOption"?: PaymentMethodOption;
+    }
     interface JustifiPaymentBalanceTransactions {
         "accountId"?: string;
         "authToken"?: string;
@@ -1668,7 +1839,6 @@ declare namespace LocalJSX {
      * @exportedPart detail-metadata-title
      * @exportedPart detail-method-title
      * @exportedPart detail-method-data
-     * @exportedPart detail-section
      * @exportedPart detail-section-title
      * @exportedPart detail-section-item-title
      * @exportedPart detail-section-item-data
@@ -1703,6 +1873,16 @@ declare namespace LocalJSX {
     | 'all';
         "singleLine"?: boolean;
     }
+    interface JustifiPaymentMethodOptions {
+        "accountId"?: string;
+        "clientId"?: string;
+        "iframeOrigin"?: string;
+        "onToggleCreatingNewPaymentMethod"?: (event: JustifiPaymentMethodOptionsCustomEvent<any>) => void;
+        "savedPaymentMethods"?: any[];
+        "selectedPaymentMethodId"?: string;
+        "showAch"?: boolean;
+        "showCard"?: boolean;
+    }
     interface JustifiPaymentMethodSelector {
         "onPaymentMethodSelected"?: (event: JustifiPaymentMethodSelectorCustomEvent<any>) => void;
         "selectedPaymentMethodType"?: PaymentMethodTypes;
@@ -1811,6 +1991,12 @@ declare namespace LocalJSX {
          */
         "withButton"?: boolean;
     }
+    interface JustifiSavedPaymentMethod {
+        "iframeOrigin"?: string;
+        "isSelected"?: boolean;
+        "onPaymentMethodOptionSelected"?: (event: JustifiSavedPaymentMethodCustomEvent<any>) => void;
+        "paymentMethodOption"?: PaymentMethodOption;
+    }
     interface JustifiSubaccountDetails {
         "accountId"?: string;
         "authToken"?: string;
@@ -1834,13 +2020,6 @@ declare namespace LocalJSX {
     interface LegalAddressDetails {
         "legalAddress"?: IAddress;
     }
-    /**
-     * @exportedPart detail-section
-     * @exportedPart detail-section-title
-     * @exportedPart detail-section-item-title
-     * @exportedPart detail-section-item-data
-     * @exportedPart detail-empty-state
-     */
     interface OwnerDetails {
         "owners"?: Identity[];
     }
@@ -1908,6 +2087,7 @@ declare namespace LocalJSX {
     }
     interface IntrinsicElements {
         "additional-questions-details": AdditionalQuestionsDetails;
+        "business-details-core": BusinessDetailsCore;
         "form-control-datepart": FormControlDatepart;
         "form-control-monetary": FormControlMonetary;
         "form-control-number": FormControlNumber;
@@ -1915,6 +2095,7 @@ declare namespace LocalJSX {
         "form-control-select": FormControlSelect;
         "form-control-text": FormControlText;
         "generic-info-details": GenericInfoDetails;
+        "gross-payment-chart-core": GrossPaymentChartCore;
         "justifi-additional-questions": JustifiAdditionalQuestions;
         "justifi-bank-account-form": JustifiBankAccountForm;
         "justifi-billing-form": JustifiBillingForm;
@@ -1927,19 +2108,24 @@ declare namespace LocalJSX {
         "justifi-business-owners": JustifiBusinessOwners;
         "justifi-business-representative": JustifiBusinessRepresentative;
         "justifi-card-form": JustifiCardForm;
+        "justifi-checkout": JustifiCheckout;
+        "justifi-checkout-core": JustifiCheckoutCore;
         "justifi-details": JustifiDetails;
         "justifi-gross-payment-chart": JustifiGrossPaymentChart;
         "justifi-legal-address-form": JustifiLegalAddressForm;
+        "justifi-new-payment-method": JustifiNewPaymentMethod;
         "justifi-payment-balance-transactions": JustifiPaymentBalanceTransactions;
         "justifi-payment-details": JustifiPaymentDetails;
         "justifi-payment-form": JustifiPaymentForm;
         "justifi-payment-method-form": JustifiPaymentMethodForm;
+        "justifi-payment-method-options": JustifiPaymentMethodOptions;
         "justifi-payment-method-selector": JustifiPaymentMethodSelector;
         "justifi-payments-list": JustifiPaymentsList;
         "justifi-payout-details": JustifiPayoutDetails;
         "justifi-payouts-list": JustifiPayoutsList;
         "justifi-proceeds-list": JustifiProceedsList;
         "justifi-refund-form": JustifiRefundForm;
+        "justifi-saved-payment-method": JustifiSavedPaymentMethod;
         "justifi-subaccount-details": JustifiSubaccountDetails;
         "justifi-subaccounts-list": JustifiSubaccountsList;
         "justifi-table": JustifiTable;
@@ -1973,6 +2159,7 @@ declare module "@stencil/core" {
              * @exportedPart detail-empty-state
              */
             "additional-questions-details": LocalJSX.AdditionalQuestionsDetails & JSXBase.HTMLAttributes<HTMLAdditionalQuestionsDetailsElement>;
+            "business-details-core": LocalJSX.BusinessDetailsCore & JSXBase.HTMLAttributes<HTMLBusinessDetailsCoreElement>;
             "form-control-datepart": LocalJSX.FormControlDatepart & JSXBase.HTMLAttributes<HTMLFormControlDatepartElement>;
             "form-control-monetary": LocalJSX.FormControlMonetary & JSXBase.HTMLAttributes<HTMLFormControlMonetaryElement>;
             "form-control-number": LocalJSX.FormControlNumber & JSXBase.HTMLAttributes<HTMLFormControlNumberElement>;
@@ -1980,6 +2167,7 @@ declare module "@stencil/core" {
             "form-control-select": LocalJSX.FormControlSelect & JSXBase.HTMLAttributes<HTMLFormControlSelectElement>;
             "form-control-text": LocalJSX.FormControlText & JSXBase.HTMLAttributes<HTMLFormControlTextElement>;
             "generic-info-details": LocalJSX.GenericInfoDetails & JSXBase.HTMLAttributes<HTMLGenericInfoDetailsElement>;
+            "gross-payment-chart-core": LocalJSX.GrossPaymentChartCore & JSXBase.HTMLAttributes<HTMLGrossPaymentChartCoreElement>;
             /**
              * @exportedPart label: Label for inputs
              * @exportedPart input: The input fields
@@ -2049,6 +2237,8 @@ declare module "@stencil/core" {
             "justifi-business-owners": LocalJSX.JustifiBusinessOwners & JSXBase.HTMLAttributes<HTMLJustifiBusinessOwnersElement>;
             "justifi-business-representative": LocalJSX.JustifiBusinessRepresentative & JSXBase.HTMLAttributes<HTMLJustifiBusinessRepresentativeElement>;
             "justifi-card-form": LocalJSX.JustifiCardForm & JSXBase.HTMLAttributes<HTMLJustifiCardFormElement>;
+            "justifi-checkout": LocalJSX.JustifiCheckout & JSXBase.HTMLAttributes<HTMLJustifiCheckoutElement>;
+            "justifi-checkout-core": LocalJSX.JustifiCheckoutCore & JSXBase.HTMLAttributes<HTMLJustifiCheckoutCoreElement>;
             "justifi-details": LocalJSX.JustifiDetails & JSXBase.HTMLAttributes<HTMLJustifiDetailsElement>;
             "justifi-gross-payment-chart": LocalJSX.JustifiGrossPaymentChart & JSXBase.HTMLAttributes<HTMLJustifiGrossPaymentChartElement>;
             /**
@@ -2057,6 +2247,7 @@ declare module "@stencil/core" {
              * @exportedPart input-invalid: Invalid state for inputfs
              */
             "justifi-legal-address-form": LocalJSX.JustifiLegalAddressForm & JSXBase.HTMLAttributes<HTMLJustifiLegalAddressFormElement>;
+            "justifi-new-payment-method": LocalJSX.JustifiNewPaymentMethod & JSXBase.HTMLAttributes<HTMLJustifiNewPaymentMethodElement>;
             "justifi-payment-balance-transactions": LocalJSX.JustifiPaymentBalanceTransactions & JSXBase.HTMLAttributes<HTMLJustifiPaymentBalanceTransactionsElement>;
             /**
              * @exportedPart detail-loading-spinner
@@ -2073,7 +2264,6 @@ declare module "@stencil/core" {
              * @exportedPart detail-metadata-title
              * @exportedPart detail-method-title
              * @exportedPart detail-method-data
-             * @exportedPart detail-section
              * @exportedPart detail-section-title
              * @exportedPart detail-section-item-title
              * @exportedPart detail-section-item-data
@@ -2085,6 +2275,7 @@ declare module "@stencil/core" {
             "justifi-payment-details": LocalJSX.JustifiPaymentDetails & JSXBase.HTMLAttributes<HTMLJustifiPaymentDetailsElement>;
             "justifi-payment-form": LocalJSX.JustifiPaymentForm & JSXBase.HTMLAttributes<HTMLJustifiPaymentFormElement>;
             "justifi-payment-method-form": LocalJSX.JustifiPaymentMethodForm & JSXBase.HTMLAttributes<HTMLJustifiPaymentMethodFormElement>;
+            "justifi-payment-method-options": LocalJSX.JustifiPaymentMethodOptions & JSXBase.HTMLAttributes<HTMLJustifiPaymentMethodOptionsElement>;
             "justifi-payment-method-selector": LocalJSX.JustifiPaymentMethodSelector & JSXBase.HTMLAttributes<HTMLJustifiPaymentMethodSelectorElement>;
             /**
              * @exportedPart table-head: Table head
@@ -2148,17 +2339,11 @@ declare module "@stencil/core" {
              */
             "justifi-proceeds-list": LocalJSX.JustifiProceedsList & JSXBase.HTMLAttributes<HTMLJustifiProceedsListElement>;
             "justifi-refund-form": LocalJSX.JustifiRefundForm & JSXBase.HTMLAttributes<HTMLJustifiRefundFormElement>;
+            "justifi-saved-payment-method": LocalJSX.JustifiSavedPaymentMethod & JSXBase.HTMLAttributes<HTMLJustifiSavedPaymentMethodElement>;
             "justifi-subaccount-details": LocalJSX.JustifiSubaccountDetails & JSXBase.HTMLAttributes<HTMLJustifiSubaccountDetailsElement>;
             "justifi-subaccounts-list": LocalJSX.JustifiSubaccountsList & JSXBase.HTMLAttributes<HTMLJustifiSubaccountsListElement>;
             "justifi-table": LocalJSX.JustifiTable & JSXBase.HTMLAttributes<HTMLJustifiTableElement>;
             "legal-address-details": LocalJSX.LegalAddressDetails & JSXBase.HTMLAttributes<HTMLLegalAddressDetailsElement>;
-            /**
-             * @exportedPart detail-section
-             * @exportedPart detail-section-title
-             * @exportedPart detail-section-item-title
-             * @exportedPart detail-section-item-data
-             * @exportedPart detail-empty-state
-             */
             "owner-details": LocalJSX.OwnerDetails & JSXBase.HTMLAttributes<HTMLOwnerDetailsElement>;
             "pagination-menu": LocalJSX.PaginationMenu & JSXBase.HTMLAttributes<HTMLPaginationMenuElement>;
             "payment-details-core": LocalJSX.PaymentDetailsCore & JSXBase.HTMLAttributes<HTMLPaymentDetailsCoreElement>;

package/dist/types/utils/utils.d.ts

@@ -26,3 +26,4 @@ export declare const MapSubAccountStatusToBadge: (status: string) => "<span clas
 export declare function snakeCaseToHumanReadable(snakeCaseStr: string): string;
 export declare function composeQueryParams(values: string[]): string;
 export declare function loadFontsOnParent(): Promise<any>;
+export declare function isEmptyObject(obj: any): boolean;

package/dist/webcomponents/p-018b71f5.entry.js

@@ -0,0 +1 @@
+import{r as s,h as i,H as t}from"./p-6d05174c.js";import{E as e}from"./p-baafa7f5.js";import{c as r}from"./p-ae263544.js";import{A as o}from"./p-04c7f8f8.js";import{B as n}from"./p-4edd9721.js";import{g as a}from"./p-6ed680e9.js";class c{async fetchBusiness(s,i){const t=`entities/business/${s}`;return o(i,r.proxyApiOrigin).get(t)}}const h=class{constructor(i){s(this,i),this.businessId=void 0,this.authToken=void 0,this.errorMessage=void 0,this.getBusiness=void 0}componentWillLoad(){this.initializeGetBusiness()}initializeGetBusiness(){this.businessId&&this.authToken?this.getBusiness=(({id:s,authToken:i,service:t})=>async({onSuccess:e,onError:r})=>{try{const o=await t.fetchBusiness(s,i);if(o.error)return r({error:a(o.error)});e({business:new n(o.data)})}catch(s){return r({error:s.message||s})}})({id:this.businessId,authToken:this.authToken,service:new c}):this.errorMessage="Invalid business id or auth token"}render(){return i(t,null,this.errorMessage?e(this.errorMessage):i("business-details-core",{getBusiness:this.getBusiness}))}};export{h as justifi_business_details}

package/dist/webcomponents/p-0923e39c.js

@@ -0,0 +1 @@
+import{A as s}from"./p-04c7f8f8.js";import"./p-56f6ce4c.js";import"./p-7b2cddc7.js";import"./p-e3fab0e2.js";import{c as t}from"./p-ae263544.js";class a{async fetchPayouts(a,c,o){return s(c,t.proxyApiOrigin).get(`account/${a}/payouts`,o)}async fetchPayout(a,c){return s(c,t.proxyApiOrigin).get(`payouts/${a}`)}}export{a as P}

package/dist/webcomponents/{p-7a1a06c0.entry.js → p-09b94d22.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as r}from"./p-4f14df36.js";import{c as a}from"./p-ae263544.js";const i=class{constructor(r){e(this,r),this.cardFormReady=t(this,"cardFormReady",7),this.ready=t(this,"ready",7),this.cardFormTokenized=t(this,"cardFormTokenize",7),this.cardFormValidated=t(this,"cardFormValidate",7),this.validationMode=void 0,this.iframeOrigin=a.iframeOrigin,this.singleLine=!1,this.internalStyleOverrides=void 0}readyHandler(e){console.warn("The 'cardFormReady' event is deprecated in the next major release and will be renamed to 'ready'"),this.cardFormReady.emit(e),this.ready.emit(e)}tokenizeHandler(e){console.warn("The 'cardFormTokenize' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future."),this.cardFormTokenized.emit(e)}validateHandler(e){console.warn("The 'cardFormValidate' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future."),this.cardFormValidated.emit(e)}async tokenize(...e){if(!this.childRef)throw new Error("Cannot call tokenize");return this.childRef.tokenize(...e)}async validate(){if(!this.childRef)throw new Error("Cannot call validate");return this.childRef.validate()}async resize(){if(console.warn("The 'resize' method is deprecated and will be removed in the next major release. Please refer to the documentation for the migration process and alternative approach."),!this.childRef)throw new Error("Cannot call validate");return this.childRef.resize()}render(){return r("justifi-payment-method-form",{ref:e=>{e&&(this.childRef=e)},"iframe-origin":this.iframeOrigin,"payment-method-form-type":"card","single-line":this.singleLine,"payment-method-form-ready":this.cardFormReady,"payment-method-form-validate":this.cardFormValidated,"payment-method-form-tokenize":this.cardFormTokenized,"payment-method-form-validation-mode":this.validationMode||"onSubmit"})}};export{i as justifi_card_form}
+import{r as e,c as t,h as r}from"./p-6d05174c.js";import{c as a}from"./p-ae263544.js";const i=class{constructor(r){e(this,r),this.cardFormReady=t(this,"cardFormReady",7),this.ready=t(this,"ready",7),this.cardFormTokenized=t(this,"cardFormTokenize",7),this.cardFormValidated=t(this,"cardFormValidate",7),this.validationMode=void 0,this.iframeOrigin=a.iframeOrigin,this.singleLine=!1,this.internalStyleOverrides=void 0}readyHandler(e){console.warn("The 'cardFormReady' event is deprecated in the next major release and will be renamed to 'ready'"),this.cardFormReady.emit(e),this.ready.emit(e)}tokenizeHandler(e){console.warn("The 'cardFormTokenize' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future."),this.cardFormTokenized.emit(e)}validateHandler(e){console.warn("The 'cardFormValidate' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future."),this.cardFormValidated.emit(e)}async tokenize(...e){if(!this.childRef)throw new Error("Cannot call tokenize");return this.childRef.tokenize(...e)}async validate(){if(!this.childRef)throw new Error("Cannot call validate");return this.childRef.validate()}async resize(){if(console.warn("The 'resize' method is deprecated and will be removed in the next major release. Please refer to the documentation for the migration process and alternative approach."),!this.childRef)throw new Error("Cannot call validate");return this.childRef.resize()}render(){return r("justifi-payment-method-form",{ref:e=>{e&&(this.childRef=e)},"iframe-origin":this.iframeOrigin,"payment-method-form-type":"card","single-line":this.singleLine,"payment-method-form-ready":this.cardFormReady,"payment-method-form-validate":this.cardFormValidated,"payment-method-form-tokenize":this.cardFormTokenized,"payment-method-form-validation-mode":this.validationMode||"onSubmit"})}};export{i as justifi_card_form}

package/dist/webcomponents/p-1b04d091.entry.js

@@ -0,0 +1 @@
+import{r as t,h as s,H as o}from"./p-6d05174c.js";import{t as i}from"./p-2b6c9c4f.js";import{P as r}from"./p-0923e39c.js";import"./p-56f6ce4c.js";import"./p-7b2cddc7.js";import{P as a}from"./p-e3fab0e2.js";import{g as e}from"./p-6ed680e9.js";import{E as p}from"./p-baafa7f5.js";import"./p-04c7f8f8.js";import"./p-ae263544.js";const c=class{constructor(s){t(this,s),this.accountId=void 0,this.authToken=void 0,this.getPayouts=void 0,this.errorMessage=null}componentWillLoad(){this.initializeGetPayouts()}propChanged(){this.initializeGetPayouts()}initializeGetPayouts(){this.accountId&&this.authToken?this.getPayouts=(({id:t,authToken:s,service:o})=>async({params:i,onSuccess:r,onError:p})=>{var c;try{const n=await o.fetchPayouts(t,s,i);if(n.error)return p(e(n.error));{const t=Object.assign({},n.page_info);r({payouts:(null===(c=n.data)||void 0===c?void 0:c.map((t=>new a(t))))||[],pagingInfo:t})}}catch(t){return p(t.message||t)}})({id:this.accountId,authToken:this.authToken,service:new r}):this.errorMessage="Account ID and Auth Token are required"}render(){return this.errorMessage?p(this.errorMessage):s(o,{exportedparts:i},s("payouts-list-core",{getPayouts:this.getPayouts}))}static get watchers(){return{accountId:["propChanged"],authToken:["propChanged"]}}};export{c as justifi_payouts_list}