@justifi/webcomponents 5.0.0-rc-2 → 5.1.0

package/dist/types/components.d.ts

@@ -6,13 +6,13 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { IAdditionalQuestions, IAddress, IBusiness } from "./api/Business";
+import { BillingFormFields, PostalFormFields } from "./components/billing-forms/billing-form-schema";
 import { ComponentClickEvent, ComponentErrorEvent, ComponentFormStepCompleteEvent, ComponentSubmitEvent } from "./api/ComponentEvents";
 import { Placement, PositioningStrategy } from "@popperjs/core";
 import { EntityDocumentType, FileSelectEvent } from "./api/Document";
 import { BillingFormFields as BillingFormFields1, FormController } from "./components";
 import { DisputeEvidenceDocument } from "./api/DisputeEvidenceDocument";
 import { DisputeResponseFormStep } from "./components/dispute-management/dispute-response/dispute-response-form-types";
-import { BillingFormFields } from "./components/billing-form/billing-form-schema";
 import { FormController as FormController1 } from "./ui-components/form/form";
 import { IApiResponse, IBnpl, ILoadedEventResponse } from "./api";
 import { ILoadedEventResponse as ILoadedEventResponse1 } from "./api/Checkout";
@@ -24,13 +24,13 @@ import { ComponentErrorCodes } from "./api/ComponentError";
 import { Identity } from "./api/Identity";
 import { PaginationProps } from "./components/pagination-menu/pagination-menu";
 export { IAdditionalQuestions, IAddress, IBusiness } from "./api/Business";
+export { BillingFormFields, PostalFormFields } from "./components/billing-forms/billing-form-schema";
 export { ComponentClickEvent, ComponentErrorEvent, ComponentFormStepCompleteEvent, ComponentSubmitEvent } from "./api/ComponentEvents";
 export { Placement, PositioningStrategy } from "@popperjs/core";
 export { EntityDocumentType, FileSelectEvent } from "./api/Document";
 export { BillingFormFields as BillingFormFields1, FormController } from "./components";
 export { DisputeEvidenceDocument } from "./api/DisputeEvidenceDocument";
 export { DisputeResponseFormStep } from "./components/dispute-management/dispute-response/dispute-response-form-types";
-export { BillingFormFields } from "./components/billing-form/billing-form-schema";
 export { FormController as FormController1 } from "./ui-components/form/form";
 export { IApiResponse, IBnpl, ILoadedEventResponse } from "./api";
 export { ILoadedEventResponse as ILoadedEventResponse1 } from "./api/Checkout";
@@ -49,6 +49,15 @@ export namespace Components {
         "tokenize": (clientId: string, paymentMethodMetadata: any, account?: string) => Promise<any>;
         "validate": () => Promise<any>;
     }
+    interface BillingForm {
+        "fill": (fields: BillingFormFields) => Promise<void>;
+        "getValues": () => Promise<BillingFormFields>;
+        /**
+          * (Optional) A label for the form.
+         */
+        "legend"?: string;
+        "validate": () => Promise<{ isValid: boolean; }>;
+    }
     interface BusinessDetailsCore {
         "getBusiness": Function;
     }
@@ -223,26 +232,30 @@ export namespace Components {
         "disputeResponse": any;
         "validateAndSubmit": (onSuccess: (formData: any, documentList: DisputeEvidenceDocument[], formStep: DisputeResponseFormStep) => void) => Promise<void>;
     }
-    interface JustifiBillingForm {
-        "fill": (fields: BillingFormFields) => Promise<void>;
-        "getValues": () => Promise<BillingFormFields>;
+    interface JustifiBillingFormWrapper {
+        "fill": (fields: BillingFormFields | PostalFormFields) => Promise<void>;
+        "getValues": () => Promise<BillingFormFields | PostalFormFields>;
+        "hideCardBillingForm"?: boolean;
         /**
           * (Optional) A label for the form.
          */
         "legend"?: string;
+        "paymentMethodType"?: string;
         "validate": () => Promise<{ isValid: boolean; }>;
     }
-    /**
-     * The difference between this component and business-generic-info-details
-     * is that this component is meant to be a form and send data
-     * and the other one  is meant to be just read only.
-     */
     interface JustifiBusinessBankAccountFormStep {
         "allowOptionalFields"?: boolean;
         "authToken": string;
         "businessId": string;
         "validateAndSubmit": ({ onSuccess }: { onSuccess: any; }) => Promise<void>;
     }
+    interface JustifiBusinessBankAccountFormStepCore {
+        "allowOptionalFields"?: boolean;
+        "businessId": string;
+        "getBusiness": Function;
+        "postBankAccount": Function;
+        "validateAndSubmit": ({ onSuccess }: { onSuccess: any; }) => Promise<void>;
+    }
     /**
      * The difference between this component and business-core-info-details
      * is that this component is meant to be a form and send data
@@ -343,8 +356,8 @@ export namespace Components {
         "disableBnpl"?: boolean;
         "disableCreditCard"?: boolean;
         "disablePaymentMethodGroup"?: boolean;
-        "fillBillingForm": (fields: BillingFormFields) => Promise<void>;
-        "iframeOrigin"?: string;
+        "fillBillingForm": (fields: BillingFormFields | PostalFormFields) => Promise<void>;
+        "hideCardBillingForm"?: boolean;
     }
     interface JustifiCheckoutCore {
         "authToken": string;
@@ -354,12 +367,9 @@ export namespace Components {
         "disableBnpl"?: boolean;
         "disableCreditCard"?: boolean;
         "disablePaymentMethodGroup"?: boolean;
-        "fillBillingForm": (fields: BillingFormFields) => Promise<void>;
+        "fillBillingForm": (fields: BillingFormFields | PostalFormFields) => Promise<void>;
         "getCheckout": Function;
-        /**
-          * URL for the rendered iFrame. End-users need not use this.
-         */
-        "iframeOrigin"?: string;
+        "hideCardBillingForm"?: boolean;
     }
     interface JustifiCheckoutsList {
         "accountId": string;
@@ -450,8 +460,8 @@ export namespace Components {
     interface JustifiNewPaymentMethod {
         "accountId": string;
         "authToken": string;
-        "fillBillingForm": (fields: BillingFormFields) => Promise<void>;
-        "iframeOrigin"?: string;
+        "fillBillingForm": (fields: BillingFormFields | PostalFormFields) => Promise<void>;
+        "hideCardBillingForm"?: boolean;
         "isSelected": boolean;
         "paymentMethodGroupId"?: string;
         "paymentMethodOption": PaymentMethodOption;
@@ -477,8 +487,8 @@ export namespace Components {
         "accountId": string;
         "authToken": string;
         "bnpl": IBnpl;
-        "fillBillingForm": (fields: BillingFormFields) => Promise<void>;
-        "iframeOrigin"?: string;
+        "fillBillingForm": (fields: BillingFormFields | PostalFormFields) => Promise<void>;
+        "hideCardBillingForm"?: boolean;
         "insuranceToggled": boolean;
         "paymentAmount": number;
         "paymentMethodGroupId"?: string;
@@ -576,7 +586,6 @@ export namespace Components {
     interface JustifiSaveNewPaymentMethod {
     }
     interface JustifiSavedPaymentMethod {
-        "iframeOrigin"?: string;
         "isSelected": boolean;
         "paymentMethodOption": PaymentMethodOption;
         "resolvePaymentMethod": (insuranceValidation: any) => Promise<PaymentMethodPayload>;
@@ -618,7 +627,6 @@ export namespace Components {
         "accountId": string;
         "bnpl": any;
         "clientId": string;
-        "iframeOrigin"?: string;
         "isSelected": boolean;
         "paymentAmount": number;
         "paymentMethodOption": PaymentMethodOption;
@@ -642,7 +650,8 @@ export namespace Components {
         "disableBankAccount"?: boolean;
         "disableCreditCard"?: boolean;
         "fillBillingForm": (fields: BillingFormFields1) => Promise<void>;
-        "isLoading": boolean;
+        "hideCardBillingForm"?: boolean;
+        "hideSubmitButton"?: boolean;
         "paymentMethodGroupId": string;
         "submitButtonText": string;
         "tokenizePaymentMethod": (event?: CustomEvent) => Promise<void>;
@@ -694,6 +703,15 @@ export namespace Components {
         "getPayouts": Function;
         "getSubAccounts": Function;
     }
+    interface PostalForm {
+        "fill": (fields: PostalFormFields) => Promise<void>;
+        "getValues": () => Promise<PostalFormFields>;
+        /**
+          * (Optional) A label for the form.
+         */
+        "legend"?: string;
+        "validate": () => Promise<{ isValid: boolean; }>;
+    }
     interface RepresentativeDetails {
         "representative": Identity;
     }
@@ -779,6 +797,10 @@ export interface JustifiBusinessBankAccountFormStepCustomEvent<T> extends Custom
     detail: T;
     target: HTMLJustifiBusinessBankAccountFormStepElement;
 }
+export interface JustifiBusinessBankAccountFormStepCoreCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJustifiBusinessBankAccountFormStepCoreElement;
+}
 export interface JustifiBusinessCoreInfoFormStepCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJustifiBusinessCoreInfoFormStepElement;
@@ -875,10 +897,6 @@ export interface JustifiPaymentDetailsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJustifiPaymentDetailsElement;
 }
-export interface JustifiPaymentMethodOptionsCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLJustifiPaymentMethodOptionsElement;
-}
 export interface JustifiPaymentProvisioningCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJustifiPaymentProvisioningElement;
@@ -968,6 +986,12 @@ declare global {
         prototype: HTMLBankAccountFormElement;
         new (): HTMLBankAccountFormElement;
     };
+    interface HTMLBillingFormElement extends Components.BillingForm, HTMLStencilElement {
+    }
+    var HTMLBillingFormElement: {
+        prototype: HTMLBillingFormElement;
+        new (): HTMLBillingFormElement;
+    };
     interface HTMLBusinessDetailsCoreElementEventMap {
         "error-event": ComponentErrorEvent;
     }
@@ -1327,22 +1351,15 @@ declare global {
         prototype: HTMLJustifiAdditionalStatementElement;
         new (): HTMLJustifiAdditionalStatementElement;
     };
-    interface HTMLJustifiBillingFormElement extends Components.JustifiBillingForm, HTMLStencilElement {
+    interface HTMLJustifiBillingFormWrapperElement extends Components.JustifiBillingFormWrapper, HTMLStencilElement {
     }
-    var HTMLJustifiBillingFormElement: {
-        prototype: HTMLJustifiBillingFormElement;
-        new (): HTMLJustifiBillingFormElement;
+    var HTMLJustifiBillingFormWrapperElement: {
+        prototype: HTMLJustifiBillingFormWrapperElement;
+        new (): HTMLJustifiBillingFormWrapperElement;
     };
     interface HTMLJustifiBusinessBankAccountFormStepElementEventMap {
-        "complete-form-step-event": ComponentFormStepCompleteEvent;
         "error-event": ComponentErrorEvent;
-        "formLoading": boolean;
     }
-    /**
-     * The difference between this component and business-generic-info-details
-     * is that this component is meant to be a form and send data
-     * and the other one  is meant to be just read only.
-     */
     interface HTMLJustifiBusinessBankAccountFormStepElement extends Components.JustifiBusinessBankAccountFormStep, HTMLStencilElement {
         addEventListener<K extends keyof HTMLJustifiBusinessBankAccountFormStepElementEventMap>(type: K, listener: (this: HTMLJustifiBusinessBankAccountFormStepElement, ev: JustifiBusinessBankAccountFormStepCustomEvent<HTMLJustifiBusinessBankAccountFormStepElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1357,6 +1374,25 @@ declare global {
         prototype: HTMLJustifiBusinessBankAccountFormStepElement;
         new (): HTMLJustifiBusinessBankAccountFormStepElement;
     };
+    interface HTMLJustifiBusinessBankAccountFormStepCoreElementEventMap {
+        "complete-form-step-event": ComponentFormStepCompleteEvent;
+        "error-event": ComponentErrorEvent;
+        "formLoading": boolean;
+    }
+    interface HTMLJustifiBusinessBankAccountFormStepCoreElement extends Components.JustifiBusinessBankAccountFormStepCore, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJustifiBusinessBankAccountFormStepCoreElementEventMap>(type: K, listener: (this: HTMLJustifiBusinessBankAccountFormStepCoreElement, ev: JustifiBusinessBankAccountFormStepCoreCustomEvent<HTMLJustifiBusinessBankAccountFormStepCoreElementEventMap[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 HTMLJustifiBusinessBankAccountFormStepCoreElementEventMap>(type: K, listener: (this: HTMLJustifiBusinessBankAccountFormStepCoreElement, ev: JustifiBusinessBankAccountFormStepCoreCustomEvent<HTMLJustifiBusinessBankAccountFormStepCoreElementEventMap[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 HTMLJustifiBusinessBankAccountFormStepCoreElement: {
+        prototype: HTMLJustifiBusinessBankAccountFormStepCoreElement;
+        new (): HTMLJustifiBusinessBankAccountFormStepCoreElement;
+    };
     /**
      * The difference between this component and business-core-info-details
      * is that this component is meant to be a form and send data
@@ -1877,18 +1913,7 @@ declare global {
         prototype: HTMLJustifiPaymentDetailsElement;
         new (): HTMLJustifiPaymentDetailsElement;
     };
-    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;
@@ -2281,6 +2306,12 @@ declare global {
         prototype: HTMLPayoutsListCoreElement;
         new (): HTMLPayoutsListCoreElement;
     };
+    interface HTMLPostalFormElement extends Components.PostalForm, HTMLStencilElement {
+    }
+    var HTMLPostalFormElement: {
+        prototype: HTMLPostalFormElement;
+        new (): HTMLPostalFormElement;
+    };
     interface HTMLRepresentativeDetailsElement extends Components.RepresentativeDetails, HTMLStencilElement {
     }
     var HTMLRepresentativeDetailsElement: {
@@ -2314,6 +2345,7 @@ declare global {
     interface HTMLElementTagNameMap {
         "additional-questions-details": HTMLAdditionalQuestionsDetailsElement;
         "bank-account-form": HTMLBankAccountFormElement;
+        "billing-form": HTMLBillingFormElement;
         "business-details-core": HTMLBusinessDetailsCoreElement;
         "card-form": HTMLCardFormElement;
         "checkouts-list-core": HTMLCheckoutsListCoreElement;
@@ -2340,8 +2372,9 @@ declare global {
         "justifi-additional-questions-form-step": HTMLJustifiAdditionalQuestionsFormStepElement;
         "justifi-additional-questions-form-step-core": HTMLJustifiAdditionalQuestionsFormStepCoreElement;
         "justifi-additional-statement": HTMLJustifiAdditionalStatementElement;
-        "justifi-billing-form": HTMLJustifiBillingFormElement;
+        "justifi-billing-form-wrapper": HTMLJustifiBillingFormWrapperElement;
         "justifi-business-bank-account-form-step": HTMLJustifiBusinessBankAccountFormStepElement;
+        "justifi-business-bank-account-form-step-core": HTMLJustifiBusinessBankAccountFormStepCoreElement;
         "justifi-business-core-info": HTMLJustifiBusinessCoreInfoElement;
         "justifi-business-core-info-form-step": HTMLJustifiBusinessCoreInfoFormStepElement;
         "justifi-business-core-info-form-step-core": HTMLJustifiBusinessCoreInfoFormStepCoreElement;
@@ -2411,6 +2444,7 @@ declare global {
         "payments-list-core": HTMLPaymentsListCoreElement;
         "payout-details-core": HTMLPayoutDetailsCoreElement;
         "payouts-list-core": HTMLPayoutsListCoreElement;
+        "postal-form": HTMLPostalFormElement;
         "representative-details": HTMLRepresentativeDetailsElement;
         "table-filters-menu": HTMLTableFiltersMenuElement;
         "terminals-list-core": HTMLTerminalsListCoreElement;
@@ -2422,6 +2456,12 @@ declare namespace LocalJSX {
     }
     interface BankAccountForm {
     }
+    interface BillingForm {
+        /**
+          * (Optional) A label for the form.
+         */
+        "legend"?: string;
+    }
     interface BusinessDetailsCore {
         "getBusiness"?: Function;
         "onError-event"?: (event: BusinessDetailsCoreCustomEvent<ComponentErrorEvent>) => void;
@@ -2622,24 +2662,28 @@ declare namespace LocalJSX {
     interface JustifiAdditionalStatement {
         "disputeResponse"?: any;
     }
-    interface JustifiBillingForm {
+    interface JustifiBillingFormWrapper {
+        "hideCardBillingForm"?: boolean;
         /**
           * (Optional) A label for the form.
          */
         "legend"?: string;
+        "paymentMethodType"?: string;
     }
-    /**
-     * The difference between this component and business-generic-info-details
-     * is that this component is meant to be a form and send data
-     * and the other one  is meant to be just read only.
-     */
     interface JustifiBusinessBankAccountFormStep {
         "allowOptionalFields"?: boolean;
         "authToken"?: string;
         "businessId"?: string;
-        "onComplete-form-step-event"?: (event: JustifiBusinessBankAccountFormStepCustomEvent<ComponentFormStepCompleteEvent>) => void;
         "onError-event"?: (event: JustifiBusinessBankAccountFormStepCustomEvent<ComponentErrorEvent>) => void;
-        "onFormLoading"?: (event: JustifiBusinessBankAccountFormStepCustomEvent<boolean>) => void;
+    }
+    interface JustifiBusinessBankAccountFormStepCore {
+        "allowOptionalFields"?: boolean;
+        "businessId"?: string;
+        "getBusiness"?: Function;
+        "onComplete-form-step-event"?: (event: JustifiBusinessBankAccountFormStepCoreCustomEvent<ComponentFormStepCompleteEvent>) => void;
+        "onError-event"?: (event: JustifiBusinessBankAccountFormStepCoreCustomEvent<ComponentErrorEvent>) => void;
+        "onFormLoading"?: (event: JustifiBusinessBankAccountFormStepCoreCustomEvent<boolean>) => void;
+        "postBankAccount"?: Function;
     }
     /**
      * The difference between this component and business-core-info-details
@@ -2755,7 +2799,7 @@ declare namespace LocalJSX {
         "disableBnpl"?: boolean;
         "disableCreditCard"?: boolean;
         "disablePaymentMethodGroup"?: boolean;
-        "iframeOrigin"?: string;
+        "hideCardBillingForm"?: boolean;
         "onError-event"?: (event: JustifiCheckoutCustomEvent<ComponentErrorEvent>) => void;
         "onLoaded"?: (event: JustifiCheckoutCustomEvent<ILoadedEventResponse>) => void;
     }
@@ -2768,10 +2812,7 @@ declare namespace LocalJSX {
         "disableCreditCard"?: boolean;
         "disablePaymentMethodGroup"?: boolean;
         "getCheckout"?: Function;
-        /**
-          * URL for the rendered iFrame. End-users need not use this.
-         */
-        "iframeOrigin"?: string;
+        "hideCardBillingForm"?: boolean;
         "onError-event"?: (event: JustifiCheckoutCoreCustomEvent<ComponentErrorEvent>) => void;
         "onLoaded"?: (event: JustifiCheckoutCoreCustomEvent<ILoadedEventResponse1>) => void;
         "onSubmit-event"?: (event: JustifiCheckoutCoreCustomEvent<ComponentSubmitEvent>) => void;
@@ -2876,7 +2917,7 @@ declare namespace LocalJSX {
     interface JustifiNewPaymentMethod {
         "accountId"?: string;
         "authToken"?: string;
-        "iframeOrigin"?: string;
+        "hideCardBillingForm"?: boolean;
         "isSelected"?: boolean;
         "onPaymentMethodOptionSelected"?: (event: JustifiNewPaymentMethodCustomEvent<any>) => void;
         "paymentMethodGroupId"?: string;
@@ -2901,9 +2942,8 @@ declare namespace LocalJSX {
         "accountId"?: string;
         "authToken"?: string;
         "bnpl"?: IBnpl;
-        "iframeOrigin"?: string;
+        "hideCardBillingForm"?: boolean;
         "insuranceToggled"?: boolean;
-        "onToggleCreatingNewPaymentMethod"?: (event: JustifiPaymentMethodOptionsCustomEvent<any>) => void;
         "paymentAmount"?: number;
         "paymentMethodGroupId"?: string;
         "savedPaymentMethods"?: any[];
@@ -3009,7 +3049,6 @@ declare namespace LocalJSX {
         "onCheckboxChanged"?: (event: JustifiSaveNewPaymentMethodCustomEvent<boolean>) => void;
     }
     interface JustifiSavedPaymentMethod {
-        "iframeOrigin"?: string;
         "isSelected"?: boolean;
         "onPaymentMethodOptionSelected"?: (event: JustifiSavedPaymentMethodCustomEvent<any>) => void;
         "paymentMethodOption"?: PaymentMethodOption;
@@ -3052,7 +3091,6 @@ declare namespace LocalJSX {
         "accountId"?: string;
         "bnpl"?: any;
         "clientId"?: string;
-        "iframeOrigin"?: string;
         "isSelected"?: boolean;
         "onPaymentMethodOptionSelected"?: (event: JustifiSezzlePaymentMethodCustomEvent<any>) => void;
         "paymentAmount"?: number;
@@ -3075,7 +3113,8 @@ declare namespace LocalJSX {
         "authToken"?: string;
         "disableBankAccount"?: boolean;
         "disableCreditCard"?: boolean;
-        "isLoading"?: boolean;
+        "hideCardBillingForm"?: boolean;
+        "hideSubmitButton"?: boolean;
         "onError-event"?: (event: JustifiTokenizePaymentMethodCustomEvent<ComponentErrorEvent>) => void;
         "onSubmit-event"?: (event: JustifiTokenizePaymentMethodCustomEvent<ComponentSubmitEvent>) => void;
         "paymentMethodGroupId"?: string;
@@ -3134,6 +3173,12 @@ declare namespace LocalJSX {
         "onClick-event"?: (event: PayoutsListCoreCustomEvent<ComponentClickEvent>) => void;
         "onError-event"?: (event: PayoutsListCoreCustomEvent<ComponentErrorEvent>) => void;
     }
+    interface PostalForm {
+        /**
+          * (Optional) A label for the form.
+         */
+        "legend"?: string;
+    }
     interface RepresentativeDetails {
         "representative"?: Identity;
     }
@@ -3151,6 +3196,7 @@ declare namespace LocalJSX {
     interface IntrinsicElements {
         "additional-questions-details": AdditionalQuestionsDetails;
         "bank-account-form": BankAccountForm;
+        "billing-form": BillingForm;
         "business-details-core": BusinessDetailsCore;
         "card-form": CardForm;
         "checkouts-list-core": CheckoutsListCore;
@@ -3177,8 +3223,9 @@ declare namespace LocalJSX {
         "justifi-additional-questions-form-step": JustifiAdditionalQuestionsFormStep;
         "justifi-additional-questions-form-step-core": JustifiAdditionalQuestionsFormStepCore;
         "justifi-additional-statement": JustifiAdditionalStatement;
-        "justifi-billing-form": JustifiBillingForm;
+        "justifi-billing-form-wrapper": JustifiBillingFormWrapper;
         "justifi-business-bank-account-form-step": JustifiBusinessBankAccountFormStep;
+        "justifi-business-bank-account-form-step-core": JustifiBusinessBankAccountFormStepCore;
         "justifi-business-core-info": JustifiBusinessCoreInfo;
         "justifi-business-core-info-form-step": JustifiBusinessCoreInfoFormStep;
         "justifi-business-core-info-form-step-core": JustifiBusinessCoreInfoFormStepCore;
@@ -3248,6 +3295,7 @@ declare namespace LocalJSX {
         "payments-list-core": PaymentsListCore;
         "payout-details-core": PayoutDetailsCore;
         "payouts-list-core": PayoutsListCore;
+        "postal-form": PostalForm;
         "representative-details": RepresentativeDetails;
         "table-filters-menu": TableFiltersMenu;
         "terminals-list-core": TerminalsListCore;
@@ -3259,6 +3307,7 @@ declare module "@stencil/core" {
         interface IntrinsicElements {
             "additional-questions-details": LocalJSX.AdditionalQuestionsDetails & JSXBase.HTMLAttributes<HTMLAdditionalQuestionsDetailsElement>;
             "bank-account-form": LocalJSX.BankAccountForm & JSXBase.HTMLAttributes<HTMLBankAccountFormElement>;
+            "billing-form": LocalJSX.BillingForm & JSXBase.HTMLAttributes<HTMLBillingFormElement>;
             "business-details-core": LocalJSX.BusinessDetailsCore & JSXBase.HTMLAttributes<HTMLBusinessDetailsCoreElement>;
             "card-form": LocalJSX.CardForm & JSXBase.HTMLAttributes<HTMLCardFormElement>;
             "checkouts-list-core": LocalJSX.CheckoutsListCore & JSXBase.HTMLAttributes<HTMLCheckoutsListCoreElement>;
@@ -3285,13 +3334,9 @@ declare module "@stencil/core" {
             "justifi-additional-questions-form-step": LocalJSX.JustifiAdditionalQuestionsFormStep & JSXBase.HTMLAttributes<HTMLJustifiAdditionalQuestionsFormStepElement>;
             "justifi-additional-questions-form-step-core": LocalJSX.JustifiAdditionalQuestionsFormStepCore & JSXBase.HTMLAttributes<HTMLJustifiAdditionalQuestionsFormStepCoreElement>;
             "justifi-additional-statement": LocalJSX.JustifiAdditionalStatement & JSXBase.HTMLAttributes<HTMLJustifiAdditionalStatementElement>;
-            "justifi-billing-form": LocalJSX.JustifiBillingForm & JSXBase.HTMLAttributes<HTMLJustifiBillingFormElement>;
-            /**
-             * The difference between this component and business-generic-info-details
-             * is that this component is meant to be a form and send data
-             * and the other one  is meant to be just read only.
-             */
+            "justifi-billing-form-wrapper": LocalJSX.JustifiBillingFormWrapper & JSXBase.HTMLAttributes<HTMLJustifiBillingFormWrapperElement>;
             "justifi-business-bank-account-form-step": LocalJSX.JustifiBusinessBankAccountFormStep & JSXBase.HTMLAttributes<HTMLJustifiBusinessBankAccountFormStepElement>;
+            "justifi-business-bank-account-form-step-core": LocalJSX.JustifiBusinessBankAccountFormStepCore & JSXBase.HTMLAttributes<HTMLJustifiBusinessBankAccountFormStepCoreElement>;
             /**
              * The difference between this component and business-core-info-details
              * is that this component is meant to be a form and send data
@@ -3366,6 +3411,7 @@ declare module "@stencil/core" {
             "payments-list-core": LocalJSX.PaymentsListCore & JSXBase.HTMLAttributes<HTMLPaymentsListCoreElement>;
             "payout-details-core": LocalJSX.PayoutDetailsCore & JSXBase.HTMLAttributes<HTMLPayoutDetailsCoreElement>;
             "payouts-list-core": LocalJSX.PayoutsListCore & JSXBase.HTMLAttributes<HTMLPayoutsListCoreElement>;
+            "postal-form": LocalJSX.PostalForm & JSXBase.HTMLAttributes<HTMLPostalFormElement>;
             "representative-details": LocalJSX.RepresentativeDetails & JSXBase.HTMLAttributes<HTMLRepresentativeDetailsElement>;
             "table-filters-menu": LocalJSX.TableFiltersMenu & JSXBase.HTMLAttributes<HTMLTableFiltersMenuElement>;
             "terminals-list-core": LocalJSX.TerminalsListCore & JSXBase.HTMLAttributes<HTMLTerminalsListCoreElement>;

package/dist/types/home/runner/work/web-component-library/web-component-library/packages/webcomponents/.stencil/packages/webcomponents/config.d.ts

@@ -1,5 +1,4 @@
 export declare const config: {
-    iframeOrigin: string;
     proxyApiOrigin: string;
     proxyAuthToken: string;
     exampleAccountId: string;

package/dist/types/styles/parts.d.ts

@@ -51,8 +51,17 @@ export declare const getAlternateTableCellPart: (index: any) => "table-cell-even
 export declare const tableEmpty = "table-empty text color font-family background-color";
 export declare const tableError = "table-error text color font-family background-color";
 export declare const loadingSpinner = "loading-spinner";
-export declare const badge = "badge text color font-family";
+export declare const badge = "badge font-family";
+export declare const badgePrimary = "badge font-family badge-primary";
+export declare const badgeSecondary = "badge font-family badge-secondary";
+export declare const badgeSuccess = "badge font-family badge-success";
+export declare const badgeDanger = "badge font-family badge-danger";
+export declare const badgeWarning = "badge font-family badge-warning";
+export declare const badgeInfo = "badge font-family badge-info";
+export declare const badgeLight = "badge font-family badge-light";
+export declare const badgeDark = "badge font-family badge-dark";
 export declare const dropdownMenu = "dropdown-menu text color font-family";
 export declare const radioListItem = "radio-list-item text color font-family";
 export declare const skeleton = "skeleton";
 export declare const billingForm = "billing-form";
+export declare const checkoutSummary = "checkout-summary";

package/dist/types/ui-components/badge/badge.d.ts

@@ -0,0 +1,18 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+export declare enum BadgeVariant {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    SUCCESS = "success",
+    DANGER = "danger",
+    WARNING = "warning",
+    INFO = "info",
+    LIGHT = "light",
+    DARK = "dark"
+}
+interface BadgeProps {
+    variant: BadgeVariant;
+    text: string;
+    title: string;
+}
+export declare const Badge: FunctionalComponent<BadgeProps>;
+export {};

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

@@ -1,12 +1,12 @@
-export declare class Table {
+export declare class Table<T> {
     columnKeys: string[];
     private collection;
     private tableColumns;
     private tableCells;
     get columnData(): any[];
     get rowData(): any[][];
-    set collectionData(collection: any[]);
-    constructor(collection: any[], columns: string, tableColumns: {
+    set collectionData(collection: T[]);
+    constructor(collection: T[], columns: string, tableColumns: {
         [key: string]: Function;
     }, tableCells: {
         [key: string]: Function;

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

@@ -1,5 +1,6 @@
 import { Address } from '../api/Business';
-export declare function formatCurrency(amount: number, withSymbol?: boolean, withCurrencyName?: boolean): string;
+import { CurrencyTypes } from '../api/Payment';
+export declare const formatCurrency: (amount: number, currency?: CurrencyTypes) => string;
 export declare function formatPercentage(amount: number): string;
 export declare function formatDate(dateString: string | Date): string;
 export declare function formatMediumDate(input: string | Date): string;

package/dist/webcomponents/p-04ce1f82.js

@@ -0,0 +1 @@
+import{h as s}from"./p-2783e363.js";import{f as r,g as a,j as n}from"./p-ba202e33.js";const t=(t,o)=>s("button",Object.assign({class:`btn btn-${t.variant}`,onClick:t.clickHandler,part:`${{primary:a,secondary:n}[t.variant]} ${t.isLoading?r:""}`},t),t.isLoading?s("div",{class:"spinner-border spinner-border-sm",role:"status",part:"button-spinner"},s("span",{class:"visually-hidden"},"Loading...")):o);export{t as B}

package/dist/webcomponents/p-0544f4a4.entry.js

@@ -0,0 +1 @@
+import{r as t,c as s,h as e}from"./p-2783e363.js";import"./p-5d0763a5.js";import{p as a}from"./p-56f6ce4c.js";import"./p-83aa33f0.js";import"./p-2ce40098.js";import{a as i,C as r}from"./p-14c91ffd.js";import{y as c,z as h}from"./p-ba202e33.js";import{T as o,a as d,b as p,c as n,d as b}from"./p-730e8425.js";import{p as f,a as m}from"./p-4c4f9e3b.js";import{o as u,q as l}from"./p-9f773228.js";import"./p-74736657.js";import"./p-abdbcd8e.js";import"./p-5d177a30.js";import"./p-f65abd18.js";import"./p-411382f3.js";import"./p-f20b6ce1.js";const y=class{constructor(e){t(this,e),this.clickEvent=s(this,"click-event",7),this.errorEvent=s(this,"error-event",7),this.downloadCSV=t=>{this.getPayoutCSV({payoutId:t,onError:()=>{this.errorEvent.emit({errorCode:i.FETCH_ERROR,message:"Failed to download CSV",severity:r.ERROR})}})},this.handleClickPrevious=t=>{this.pagingParams={before_cursor:t},this.clickEvent.emit({name:o.previous})},this.handleClickNext=t=>{this.pagingParams={after_cursor:t},this.clickEvent.emit({name:o.next})},this.rowClickHandler=t=>{const s=t.target.closest("tr").dataset.rowEntityId;if(!s)return;const e=this.payouts.find((t=>t.id===s));this.clickEvent.emit({name:o.row,data:e})},this.getPayouts=void 0,this.getSubAccounts=void 0,this.getPayoutCSV=void 0,this.columns=void 0,this.payouts=[],this.payoutsTable=void 0,this.subAccounts=[],this.loading=!0,this.errorMessage=void 0,this.paging=a,this.pagingParams={}}updateOnPropChange(){this.fetchData()}componentWillLoad(){this.payoutsTable=new d(this.payouts,this.columns,f,m(this.downloadCSV)),this.getPayouts&&this.getSubAccounts&&this.fetchData(),u("set",(()=>{this.pagingParams={}})),u("reset",(()=>{this.pagingParams={},this.errorMessage=""}))}fetchData(){this.loading=!0,this.getPayouts({params:this.requestParams,onSuccess:({payouts:t,pagingInfo:s})=>{this.payouts=t,this.paging=s,this.payoutsTable.collectionData=this.payouts,this.payoutsTable.columnKeys.includes("sub_account_name")?this.fetchSubAccounts():this.loading=!1},onError:({error:t,code:s,severity:e})=>{this.errorMessage=t,this.errorEvent.emit({errorCode:s,message:t,severity:e}),this.loading=!1}})}async fetchSubAccounts(){this.getSubAccounts({params:this.subAccountParams,onSuccess:({subAccounts:t})=>{this.subAccounts=t,this.payouts=this.payouts.map((t=>{var s;return t.sub_account_name=null===(s=this.subAccounts.find((s=>s.id===t.account_id)))||void 0===s?void 0:s.name,t})),this.loading=!1},onError:({error:t,code:s,severity:e})=>{this.errorMessage=t,this.errorEvent.emit({errorCode:s,message:t,severity:e}),this.loading=!1}})}get requestParams(){return Object.assign(Object.assign({},l),this.pagingParams)}get subAccountParams(){let t=this.payouts.map((t=>t.account_id));return{sub_account_id:[...new Set(t)].join(",")}}get entityId(){return this.payouts.map((t=>t.id))}get showEmptyState(){return!this.loading&&!this.errorMessage&&this.payoutsTable.rowData.length<1}get showErrorState(){return!this.loading&&!!this.errorMessage}get showRowData(){return!this.showEmptyState&&!this.showErrorState&&!this.loading}render(){return e("div",{key:"c546790efb9cc49a78063b3761a9c92038acedd5"},e("div",{key:"60cc337e0c1c4eb7eb59599cdd0520e4031d1ce9",class:"table-wrapper",part:"table-wrapper"},e("table",{key:"e7188291031c23dd5bb7f843b4adebb2c5f2675e",class:"table table-hover",part:c},e("thead",{key:"eb3a3b5af4016ae73da8af381e778fe433e683c6",class:"table-head sticky-top",part:"table-head"},e("tr",{key:"9352fcc352a8ea33aa1d49844e092f89a9863ce9",class:"table-light text-nowrap",part:"table-head-row"},this.payoutsTable.columnData.map((t=>t)))),e("tbody",{key:"c924a2a65215845c119f3339b7905a6d7c3cc1fa",class:"table-body"},e(p,{key:"1d811e44a1319a102a0c56a62c56dda13eb6463e",columnSpan:this.payoutsTable.columnKeys.length,isLoading:this.loading}),e(n,{key:"4dacb3d2cf264c1c367a465cb04221be6b2f1e21",isEmpty:this.showEmptyState,columnSpan:this.payoutsTable.columnKeys.length}),e(b,{key:"b294b854e12adcf39c32aaaa34b260775c5195b3",columnSpan:this.payoutsTable.columnKeys.length,errorMessage:this.errorMessage}),this.showRowData&&this.payoutsTable.rowData.map(((t,s)=>e("tr",{"data-test-id":"table-row","data-row-entity-id":this.entityId[s],onClick:this.rowClickHandler},t)))),this.paging&&e("tfoot",{key:"668400d517551fa89af74f655befc11a091a0de0",class:"sticky-bottom"},e("tr",{key:"b59f6342dccf4c34cbdbddcce7cb4e1c12116fe1",class:"table-light align-middle"},e("td",{key:"022afdd48ae81ec33f85c90e045d197f0e2f90ec",part:h,colSpan:this.payoutsTable.columnData.length},e("pagination-menu",{key:"a7e7a1ccdc238af532608626b25123fcd93a6206",paging:Object.assign(Object.assign({},this.paging),{handleClickPrevious:this.handleClickPrevious,handleClickNext:this.handleClickNext})})))))))}static get watchers(){return{queryParams:["updateOnPropChange"],pagingParams:["updateOnPropChange"],getPayouts:["updateOnPropChange"],getSubAccounts:["updateOnPropChange"]}}};export{y as payouts_list_core}

package/dist/webcomponents/p-060ff1a1.js

@@ -0,0 +1 @@
+import{h as o}from"./p-2783e363.js";import{F as r}from"./p-ba202e33.js";const s=s=>o("h3",{class:`header-3 ${null==s?void 0:s.class}`,part:r},s.text);export{s as H}

package/dist/webcomponents/p-0658b707.entry.js

@@ -0,0 +1 @@
+import{r as t,c as s,h as e}from"./p-2783e363.js";import"./p-5d0763a5.js";import{p as a}from"./p-56f6ce4c.js";import"./p-83aa33f0.js";import"./p-2ce40098.js";import{y as i,z as r}from"./p-ba202e33.js";import{T as h,a as c,b as o,c as d,d as n}from"./p-730e8425.js";import{c as b,a as p}from"./p-39177d5a.js";import{o as f,q as u}from"./p-16ba9bea.js";import"./p-74736657.js";import"./p-abdbcd8e.js";import"./p-5d177a30.js";import"./p-411382f3.js";import"./p-f20b6ce1.js";const m=class{constructor(e){t(this,e),this.clickEvent=s(this,"click-event",7),this.errorEvent=s(this,"error-event",7),this.handleClickPrevious=t=>{this.pagingParams={before_cursor:t},this.clickEvent.emit({name:h.previous})},this.handleClickNext=t=>{this.pagingParams={after_cursor:t},this.clickEvent.emit({name:h.next})},this.rowClickHandler=t=>{const s=t.target.closest("tr").dataset.rowEntityId;if(!s)return;const e=this.checkouts.find((t=>t.id===s));this.clickEvent.emit({name:h.row,data:e})},this.getCheckouts=void 0,this.getSubAccounts=void 0,this.columns=void 0,this.checkouts=[],this.checkoutsTable=void 0,this.subAccounts=[],this.loading=!0,this.errorMessage=void 0,this.paging=a,this.pagingParams={}}updateOnPropChange(){this.fetchData()}componentWillLoad(){this.checkoutsTable=new c(this.checkouts,this.columns,b,p),this.getCheckouts&&this.getSubAccounts&&this.fetchData(),f("set",(()=>{this.pagingParams={}})),f("reset",(()=>{this.pagingParams={},this.errorMessage=""}))}fetchData(){this.loading=!0,this.getCheckouts({params:this.requestParams,onSuccess:async({checkouts:t,pagingInfo:s})=>{this.checkouts=t,this.paging=s,this.checkoutsTable.collectionData=this.checkouts,this.checkoutsTable.columnKeys.includes("sub_account_name")?await this.fetchSubAccounts():this.loading=!1},onError:({error:t,code:s,severity:e})=>{this.errorMessage=t,this.errorEvent.emit({errorCode:s,message:t,severity:e}),this.loading=!1}})}async fetchSubAccounts(){this.getSubAccounts({params:this.subAccountParams,onSuccess:({subAccounts:t})=>{this.subAccounts=t,this.checkouts=this.checkouts.map((t=>{var s;return t.sub_account_name=null===(s=this.subAccounts.find((s=>s.id===t.account_id)))||void 0===s?void 0:s.name,t})),this.loading=!1},onError:({error:t,code:s,severity:e})=>{this.errorMessage=t,this.errorEvent.emit({errorCode:s,message:t,severity:e}),this.loading=!1}})}get requestParams(){return Object.assign(Object.assign({},u),this.pagingParams)}get subAccountParams(){let t=this.checkouts.map((t=>t.account_id));return{sub_account_id:[...new Set(t)].join(",")}}get entityId(){return this.checkouts.map((t=>t.id))}get showEmptyState(){return!this.loading&&!this.errorMessage&&this.checkoutsTable.rowData.length<1}get showErrorState(){return!this.loading&&!!this.errorMessage}get showRowData(){return!this.showEmptyState&&!this.showErrorState&&!this.loading}render(){return e("div",{key:"910d95f94623ddd9e90a182a7a47e7dfdff1d9a6"},e("div",{key:"c296c31fe48bec06067215f6aa4cfb1a9d1b681a",class:"table-wrapper"},e("table",{key:"dddd43e74de4989261b8014d2c66cba7c26e9d98",class:"table table-hover",part:i},e("thead",{key:"4eabd9c8687fbf316420c9a838a95016b20f12dd",class:"table-head sticky-top"},e("tr",{key:"2cdd7f438099613e5a670343723b883470a65dbd",class:"table-light text-nowrap"},this.checkoutsTable.columnData.map((t=>t)))),e("tbody",{key:"e3fd8f783e0e405d18bc120bf8c2ca4e2ca25f15",class:"table-body"},e(o,{key:"ec8e73a90b9951b5fba78651fdd9a93b7531ba49",columnSpan:this.checkoutsTable.columnKeys.length,isLoading:this.loading}),e(d,{key:"6b1ebf8bbd62b0ba9c7032be47c87b929bc413db",isEmpty:this.showEmptyState,columnSpan:this.checkoutsTable.columnKeys.length}),e(n,{key:"a44e8985fb208b91635afe4910fdce5fb94d17e7",columnSpan:this.checkoutsTable.columnKeys.length,errorMessage:this.errorMessage}),this.showRowData&&this.checkoutsTable.rowData.map(((t,s)=>e("tr",{"data-test-id":"table-row","data-row-entity-id":this.entityId[s],onClick:this.rowClickHandler},t)))),this.paging&&e("tfoot",{key:"05ac7e9796a7b4e4450151e762a409c050fc037f",class:"sticky-bottom"},e("tr",{key:"d6135d93dafeee69c6d9a12b9bd35e8c77ec3c5a",class:"table-light align-middle"},e("td",{key:"ad7b4df45f54519b759797f665bcfa68a1cd512d",part:r,colSpan:this.checkoutsTable.columnData.length},e("pagination-menu",{key:"3c97cf5daeb90e9b9a881280f25e4307b7392bcf",paging:Object.assign(Object.assign({},this.paging),{handleClickPrevious:this.handleClickPrevious,handleClickNext:this.handleClickNext})})))))))}static get watchers(){return{queryParams:["updateOnPropChange"],pagingParams:["updateOnPropChange"],getCheckouts:["updateOnPropChange"],getSubAccounts:["updateOnPropChange"],columns:["updateOnPropChange"]}}};export{m as checkouts_list_core}

package/dist/webcomponents/{p-1dbae48b.entry.js → p-09fd4ee2.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as i,H as e}from"./p-2783e363.js";import{I as a}from"./p-1ad5995e.js";import{C as h}from"./p-525db3e8.js";import{l as o,t as r,E as d,b as c,D as f,a as n}from"./p-ef4c49b9.js";import{F as l}from"./p-c092cbb2.js";import{F as m}from"./p-4d916b2d.js";const p=class{constructor(i){t(this,i),this.formControlInput=s(this,"formControlInput",7),this.formControlBlur=s(this,"formControlBlur",7),this.imask=null,this.initializeIMask=()=>{this.textInput&&(this.imask=a(this.textInput,this.maskOptions),this.imask.on("accept",(()=>{const t=this.imask.unmaskedValue;this.inputHandler(this.name,t),this.formControlInput.emit({name:this.name,value:t})})),this.textInput.addEventListener("blur",(()=>this.formControlBlur.emit())))},this.handleFormControlInput=t=>{const s=t.target.getAttribute("name");this.formControlInput.emit({name:s,value:this.imask.unmaskedValue})},this.updateInput=t=>{this.imask&&(this.imask.value=String(t))},this.isFocused=!1,this.label=void 0,this.name=void 0,this.helpText=void 0,this.errorText=void 0,this.defaultValue=void 0,this.inputHandler=void 0,this.maskOptions=h.DECIMAL,this.disabled=void 0}handleDefaultValueChange(t){this.updateInput(t)}componentDidLoad(){this.initializeIMask(),this.updateInput(this.defaultValue)}disconnectedCallback(){var t;null===(t=this.imask)||void 0===t||t.destroy()}get part(){let t=d;return this.errorText&&(t=c),this.disabled&&(t=f),this.isFocused&&(t=n),t}render(){return i(e,{key:"88ef65f78570c7351c159e89fab22c453bdaa1ec"},i("div",{key:"1e7cfe678ff76dcd4833626f6cdb8f278ff65236",class:"form-group d-flex flex-column"},i("label",{key:"d3ac3a07988ebd57dd5c58ad2ffdba7399daf3e5",part:o,class:"form-label",htmlFor:this.name},this.label),i("div",{key:"382697de0c28754de0355fb819365869007c8c20",class:"input-group"},i("span",{key:"cf6f813dfcf45dd2c4c1a9b08360a0a70908d52e",class:"input-group-text",part:r},"$"),i("input",{key:"47e21184a0b08b8e64ae9974610df777537b9789",ref:t=>this.textInput=t,id:this.name,name:this.name,onFocus:()=>this.isFocused=!0,onBlur:()=>{this.isFocused=!1,this.formControlBlur.emit()},onInput:this.handleFormControlInput,part:this.part,class:this.errorText?"form-control monetary is-invalid":"form-control monetary",type:"text",disabled:this.disabled})),i(l,{key:"5fc015ef8bc059be448a3d8667125e0502d1f519",helpText:this.helpText,name:this.name}),i(m,{key:"e79f133b65fc016c6d8d940a631f6dd6694038d4",errorText:this.errorText,name:this.name})))}static get watchers(){return{defaultValue:["handleDefaultValueChange"]}}};export{p as form_control_monetary}
+import{r as t,c as s,h as i,H as e}from"./p-2783e363.js";import{I as a}from"./p-1ad5995e.js";import{C as h}from"./p-525db3e8.js";import{l as o,t as r,N as d,b as f,M as n,a as c}from"./p-ba202e33.js";import{F as l}from"./p-6bc01617.js";import{F as m}from"./p-0d7e7957.js";const p=class{constructor(i){t(this,i),this.formControlInput=s(this,"formControlInput",7),this.formControlBlur=s(this,"formControlBlur",7),this.imask=null,this.initializeIMask=()=>{this.textInput&&(this.imask=a(this.textInput,this.maskOptions),this.imask.on("accept",(()=>{const t=this.imask.unmaskedValue;this.inputHandler(this.name,t),this.formControlInput.emit({name:this.name,value:t})})),this.textInput.addEventListener("blur",(()=>this.formControlBlur.emit())))},this.handleFormControlInput=t=>{const s=t.target.getAttribute("name");this.formControlInput.emit({name:s,value:this.imask.unmaskedValue})},this.updateInput=t=>{this.imask&&(this.imask.value=String(t))},this.isFocused=!1,this.label=void 0,this.name=void 0,this.helpText=void 0,this.errorText=void 0,this.defaultValue=void 0,this.inputHandler=void 0,this.maskOptions=h.DECIMAL,this.disabled=void 0}handleDefaultValueChange(t){this.updateInput(t)}componentDidLoad(){this.initializeIMask(),this.updateInput(this.defaultValue)}disconnectedCallback(){var t;null===(t=this.imask)||void 0===t||t.destroy()}get part(){let t=d;return this.errorText&&(t=f),this.disabled&&(t=n),this.isFocused&&(t=c),t}render(){return i(e,{key:"17e5fecec611300d6f55ceed3aa0dbaadc198af2"},i("div",{key:"a351e02c9b118dd52c2f16f7fc12328194905923",class:"form-group d-flex flex-column"},i("label",{key:"94f503e4e1bb020ab2b7822229d45fefef5dd7e1",part:o,class:"form-label",htmlFor:this.name},this.label),i("div",{key:"2a3c6de082a5b91500061dd9af6f3e941445ad92",class:"input-group"},i("span",{key:"88b07cbae192b290ffdfdef2f4c4c07bdfac1f8b",class:"input-group-text",part:r},"$"),i("input",{key:"7de1c2fcf4ad3ab3b42a370d871d62242f262f7b",ref:t=>this.textInput=t,id:this.name,name:this.name,onFocus:()=>this.isFocused=!0,onBlur:()=>{this.isFocused=!1,this.formControlBlur.emit()},onInput:this.handleFormControlInput,part:this.part,class:this.errorText?"form-control monetary is-invalid":"form-control monetary",type:"text",disabled:this.disabled})),i(l,{key:"fb35421f1d48819e88130a0f78e22d12d2d34642",helpText:this.helpText,name:this.name}),i(m,{key:"c5fbe9b975039e658031bc56db89ae6f6ce34006",errorText:this.errorText,name:this.name})))}static get watchers(){return{defaultValue:["handleDefaultValueChange"]}}};export{p as form_control_monetary}

package/dist/webcomponents/p-0d7e7957.js

@@ -0,0 +1 @@
+import{h as r}from"./p-2783e363.js";import{d as t}from"./p-ba202e33.js";const e=e=>{const{errorText:o,name:s}=e;return o?r("small",{class:"form-text text-danger",id:`form-error-text-${s}`,part:t},o):null};export{e as F}