@justifi/webcomponents 4.16.0 → 4.17.0

package/dist/module/subaccount-terms-details.js

@@ -13,7 +13,7 @@ const SubaccountTermsDetails$1 = /*@__PURE__*/ proxyCustomElement(class Subaccou
     }
     render() {
         var _a, _b, _c, _d;
-        return (h(Host, { key: '43e71442a74f94bfe90d84208b8e7b5a0126cd17' }, h(DetailSectionTitle, { key: '7d42763806de989d098f00a509357766cc91bf7b', sectionTitle: 'Terms and Conditions' }), h("div", { key: '05e028b322f4bb76ed4a7dd26c401ac4aabcfbe8', class: "d-table gap-2 w-100" }, h("div", { key: '470fecfffe35b6682ba91728bf4130e54683ee1d', class: "row gy-3" }, h("div", { key: 'faa19eff64dd52ece544c58ac02fe5a03e2a54f9', class: "col-12 col-md-6" }, h(DetailItem, { key: '9747e01fcb10536957d424b5cbb7fb12deb0783d', title: "IP", value: (_a = this.data) === null || _a === void 0 ? void 0 : _a.ip }), h(DetailItem, { key: '8402d3bcdf21e4a40fd0e596a60bd6841ed0cbef', title: "Accepted?", value: (_c = (_b = this.data) === null || _b === void 0 ? void 0 : _b.accepted) === null || _c === void 0 ? void 0 : _c.toString() }), h(DetailItem, { key: '66ab81eff994e764edf7aa5189e532bbfe7b6e6a', title: "User Agent", value: (_d = this.data) === null || _d === void 0 ? void 0 : _d.user_agent }))))));
+        return (h(Host, { key: 'dfa4a1103939bd6b7078a0f669f94a93e1e76c07' }, h(DetailSectionTitle, { key: 'd304dcf3046ae24d0d23991323467214f50089d1', sectionTitle: 'Terms and Conditions' }), h("div", { key: '61fd1cd1ec00585abc5964798fc73e58525ffe75', class: "d-table gap-2 w-100" }, h("div", { key: 'a38bf7e19a3280b5b8a78e255ae8f42b013869dd', class: "row gy-3" }, h("div", { key: '80612f89bb5d757f5a925310301e8c9185526202', class: "col-12 col-md-6" }, h(DetailItem, { key: '50bef6ff3dec8796d0f332bd93b407c4bb87417a', title: "IP", value: (_a = this.data) === null || _a === void 0 ? void 0 : _a.ip }), h(DetailItem, { key: '98b4d284c0fc7b55fa2fdb9e5a20436f64969797', title: "Accepted?", value: (_c = (_b = this.data) === null || _b === void 0 ? void 0 : _b.accepted) === null || _c === void 0 ? void 0 : _c.toString() }), h(DetailItem, { key: '591109fe30a1d6700ff7b57faac0acfac7d2d8ed', title: "User Agent", value: (_d = this.data) === null || _d === void 0 ? void 0 : _d.user_agent }))))));
     }
     static get style() { return SubaccountTermsDetailsStyle0; }
 }, [1, "subaccount-terms-details", {

package/dist/module/utils2.js

@@ -3996,6 +3996,11 @@ function snakeCaseToHumanReadable(snakeCaseStr) {
         .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
         .join(' ');
 }
+function snakeToCamel(str) {
+    if (!str)
+        return '';
+    return str.replace(/([-_][a-z])/g, (group) => group.toUpperCase().replace('-', '').replace('_', ''));
+}
 function flattenNestedObject(obj) {
     const result = {};
     for (const key in obj) {
@@ -4049,4 +4054,4 @@ const isInRange = (num, min, max) => {
     return num >= min && num <= max;
 };
 
-export { MapPaymentStatusToBadge as M, formatCurrency as a, formatDisplayDate as b, composeQueryParams as c, flattenNestedObject as d, isInRange as e, formatMediumDate as f, formatDate as g, formatTimeSeconds as h, isEmptyObject as i, formatTime as j, MapPayoutStatusToBadge as k, loadFontsOnParent as l, MapSubAccountStatusToBadge as m, formatPercentage as n, formatLegalAddress as o, snakeCaseToHumanReadable as s };
+export { MapPaymentStatusToBadge as M, formatCurrency as a, formatDisplayDate as b, composeQueryParams as c, flattenNestedObject as d, isInRange as e, formatMediumDate as f, formatDate as g, formatTimeSeconds as h, isEmptyObject as i, snakeToCamel as j, formatTime as k, loadFontsOnParent as l, MapPayoutStatusToBadge as m, MapSubAccountStatusToBadge as n, formatPercentage as o, formatLegalAddress as p, snakeCaseToHumanReadable as s };

package/dist/module/utils3.js

@@ -3,18 +3,27 @@ import { h } from '@stencil/core/internal/client';
 const LoadingSpinner = () => (h("div", { class: "spinner-border spinner-border-sm", role: "status" },
     h("span", { class: "visually-hidden" }, "Loading...")));
 const numberOnlyHandler = (e) => {
+    var _a;
     const specialKeys = ['Backspace', 'Tab', 'Enter', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Delete'];
     // Check if the key is a special key
-    if (specialKeys.includes(e.key)) {
+    if (e instanceof KeyboardEvent && specialKeys.includes(e.key)) {
         return;
     }
     // Allow Ctrl+V / Command+V for pasting
-    const isPaste = (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === 'v';
+    const isPaste = e instanceof KeyboardEvent && (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === 'v';
     if (isPaste) {
         return;
     }
+    // Handle paste event
+    if (e instanceof ClipboardEvent) {
+        const clipboardData = (_a = e.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text');
+        if (clipboardData && !/^\d+$/.test(clipboardData)) {
+            e.preventDefault();
+        }
+        return;
+    }
     // Prevent default action if the key is not a digit
-    if (!/^\d$/.test(e.key)) {
+    if (e instanceof KeyboardEvent && !/^\d$/.test(e.key)) {
         e.preventDefault();
     }
 };

package/dist/types/api/Checkout.d.ts

@@ -36,6 +36,7 @@ export interface ICheckout {
     bnpl?: IBnpl;
     total_amount: number;
     insurance_amount: number;
+    status: ICheckoutStatus;
 }
 export declare class Checkout implements ICheckout {
     payment_intent_id: string;
@@ -66,6 +67,7 @@ export declare class Checkout implements ICheckout {
     bnpl?: IBnpl;
     total_amount: number;
     insurance_amount: number;
+    status: ICheckoutStatus;
     constructor(data: ICheckout);
 }
 export type ICheckoutCompleteResponse = IApiResponse<{
@@ -77,3 +79,7 @@ export type ICheckoutCompleteResponse = IApiResponse<{
     additional_transactions: any[];
     checkout: ICheckout;
 }>;
+export type ICheckoutStatus = 'created' | 'completed' | 'attempted' | 'expired';
+export type ILoadedEventResponse = {
+    checkout_status: ICheckoutStatus;
+};

package/dist/types/components/business-forms/owner-form/owner-form.d.ts

@@ -21,7 +21,6 @@ export declare class BusinessOwnerForm {
     errorEvent: EventEmitter<ComponentError>;
     private api;
     get identityEndpoint(): string;
-    get identificationNumberLabel(): "Update SSN (optional)" | "SSN";
     get formTitle(): "Edit Business Owner" | "Add Business Owner";
     get submitButtonText(): "Update" | "Add";
     get showRemoveButton(): boolean;

package/dist/types/components/business-forms/payment-provisioning/business-representative/business-representative-form-step.d.ts

@@ -15,7 +15,6 @@ export declare class BusinessRepresentativeFormStep {
     errorEvent: EventEmitter<ComponentError>;
     private api;
     get businessEndpoint(): string;
-    get identificationNumberLabel(): "Update SSN (optional)" | "SSN";
     private fetchData;
     private sendData;
     handleResponse(response: any, onSuccess: any): void;

package/dist/types/components/business-forms/schemas/schema-helpers.d.ts

@@ -3,7 +3,6 @@ export declare const validateRoutingNumber: (routingNumber: any) => boolean;
 export declare const businessNameRegex: RegExp;
 export declare const phoneRegex: RegExp;
 export declare const urlRegex: RegExp;
-export declare const taxIdRegex: RegExp;
 export declare const stringLettersOnlyRegex: RegExp;
 export declare const numbersOnlyRegex: RegExp;
 export declare const ssnRegex: RegExp;

package/dist/types/components/checkout/checkout-core.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { ICheckout, ICheckoutCompleteResponse } from '../../api/Checkout';
+import { ICheckout, ICheckoutCompleteResponse, ILoadedEventResponse } from '../../api/Checkout';
 import { ComponentError, ComponentErrorCodes, ComponentErrorSeverity } from '../../api/ComponentError';
+import { BillingFormFields } from '../billing-form/billing-form-schema';
 export declare class CheckoutCore {
     /**
    * URL for the rendered iFrame. End-users need not use this.
@@ -19,9 +20,12 @@ export declare class CheckoutCore {
     serverError: string;
     renderState: 'loading' | 'error' | 'success';
     creatingNewPaymentMethod: boolean;
+    insuranceToggled: boolean;
     submitted: EventEmitter<ICheckoutCompleteResponse>;
     errorEvent: EventEmitter<ComponentError>;
+    loaded: EventEmitter<ILoadedEventResponse>;
     private paymentMethodOptionsRef?;
+    fillBillingForm(fields: BillingFormFields): Promise<void>;
     componentWillLoad(): void;
     fetchData(): void;
     submit(event: any): Promise<void>;

package/dist/types/components/checkout/checkout.d.ts

@@ -1,6 +1,8 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { ComponentError } from '../../api/ComponentError';
 import JustifiAnalytics from '../../api/Analytics';
+import { BillingFormFields } from '../billing-form/billing-form-schema';
+import { ILoadedEventResponse } from '../../api';
 export declare class Checkout {
     iframeOrigin?: string;
     authToken: string;
@@ -13,10 +15,13 @@ export declare class Checkout {
     complete: Function;
     errorMessage: string;
     errorEvent: EventEmitter<ComponentError>;
+    loadedEvent: EventEmitter<ILoadedEventResponse>;
+    private checkoutCoreRef?;
     analytics: JustifiAnalytics;
     componentWillLoad(): void;
     disconnectedCallback(): void;
     private initializeGetCheckout;
     propChanged(): void;
+    fillBillingForm(fields: BillingFormFields): Promise<void>;
     render(): any;
 }

package/dist/types/components/checkout/new-payment-method.d.ts

@@ -1,16 +1,22 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { PaymentMethodOption } from './payment-method-option-utils';
 import { PaymentMethodPayload } from './payment-method-payload';
+import { BillingFormFields } from '../billing-form/billing-form-schema';
 export declare class NewPaymentMethod {
     iframeOrigin?: string;
-    clientId: string;
+    authToken: string;
     accountId: string;
     paymentMethodOption: PaymentMethodOption;
+    paymentMethodGroupId?: string;
     isSelected: boolean;
+    saveNewPaymentMethodChecked: boolean;
     paymentMethodOptionSelected: EventEmitter;
     private billingFormRef?;
     private paymentMethodFormRef?;
-    resolvePaymentMethod(): Promise<PaymentMethodPayload>;
+    handleCheckboxChanged(event: CustomEvent<boolean>): void;
+    fillBillingForm(fields: BillingFormFields): Promise<void>;
+    resolvePaymentMethod(insuranceValidation: any): Promise<PaymentMethodPayload>;
+    validate(): Promise<boolean>;
     tokenize(): Promise<any>;
     onPaymentMethodOptionClick: () => void;
     showNewPaymentMethodForm(): any;

package/dist/types/components/checkout/payment-method-option-utils.d.ts

@@ -2,6 +2,7 @@ export declare class PaymentMethodOption {
     id: string;
     brand?: string;
     acct_last_four?: string;
+    type: string;
     constructor(paymentMethod: any);
 }
 export declare enum CardBrandLabels {

package/dist/types/components/checkout/payment-method-options.d.ts

@@ -2,13 +2,16 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { PaymentMethodOption } from './payment-method-option-utils';
 import { PaymentMethodPayload } from './payment-method-payload';
 import { IBnpl } from '../../api';
+import { BillingFormFields } from '../billing-form/billing-form-schema';
 export declare class PaymentMethodOptions {
     showCard: boolean;
     showAch: boolean;
     showBnpl: boolean;
     showSavedPaymentMethods: boolean;
+    paymentMethodGroupId?: string;
     bnpl: IBnpl;
-    clientId: string;
+    insuranceToggled: boolean;
+    authToken: string;
     accountId: string;
     iframeOrigin?: string;
     savedPaymentMethods: any[];
@@ -17,9 +20,10 @@ export declare class PaymentMethodOptions {
     paymentMethodOptions: PaymentMethodOption[];
     toggleCreatingNewPaymentMethod: EventEmitter;
     private selectedPaymentMethodOptionRef?;
+    fillBillingForm(fields: BillingFormFields): Promise<void>;
     connectedCallback(): void;
     paymentMethodsChanged(): void;
     paymentMethodOptionSelected(event: CustomEvent<PaymentMethodOption>): void;
-    resolvePaymentMethod(): Promise<PaymentMethodPayload>;
+    resolvePaymentMethod(insuranceValidation: any): Promise<PaymentMethodPayload>;
     render(): any;
 }

package/dist/types/components/checkout/payment-method-payload.d.ts

@@ -10,4 +10,5 @@ export interface PaymentMethodPayload {
         message: string;
         decline_code: string;
     };
+    validationError?: boolean;
 }

package/dist/types/components/checkout/save-new-payment-method.d.ts

@@ -0,0 +1,7 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class SaveNewPaymentMethod {
+    isChecked: boolean;
+    checkboxChanged: EventEmitter<boolean>;
+    handleCheckboxChange(event: Event): void;
+    render(): any;
+}

package/dist/types/components/checkout/saved-payment-method.d.ts

@@ -6,7 +6,7 @@ export declare class SavedPaymentMethod {
     paymentMethodOption: PaymentMethodOption;
     isSelected: boolean;
     paymentMethodOptionSelected: EventEmitter;
-    resolvePaymentMethod(): Promise<PaymentMethodPayload>;
+    resolvePaymentMethod(insuranceValidation: any): Promise<PaymentMethodPayload>;
     onPaymentMethodOptionClick: () => void;
     render(): any;
 }

package/dist/types/components/checkout/sezzle-payment-method.d.ts

@@ -16,7 +16,7 @@ export declare class SezzlePaymentMethod {
     private sezzleButtonRef;
     paymentMethodOptionSelected: EventEmitter;
     componentDidRender(): void;
-    resolvePaymentMethod(): Promise<PaymentMethodPayload>;
+    resolvePaymentMethod(insuranceValidation: any): Promise<PaymentMethodPayload>;
     onPaymentMethodOptionClick: () => void;
     initializeSezzleCheckout: () => void;
     render(): any;

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

@@ -1,2 +1,2 @@
 export declare const LoadingSpinner: () => any;
-export declare const numberOnlyHandler: (e: KeyboardEvent) => void;
+export declare const numberOnlyHandler: (e: KeyboardEvent | ClipboardEvent) => void;

package/dist/types/components/payment-method-form/payment-method-responses.d.ts

@@ -1,6 +1,6 @@
 interface PaymentMethodCreateResponseWrapper {
     id: string;
-    type: "payment_method";
+    type: 'payment_method';
     error?: {
         code: string;
         message: string;
@@ -13,6 +13,7 @@ export interface CardCreateResponse extends PaymentMethodCreateResponseWrapper {
         signature: string;
         customer_id: string;
         account_id: string;
+        invalid_reason: string;
         card: {
             id: string;
             name: string;
@@ -25,12 +26,12 @@ export interface CardCreateResponse extends PaymentMethodCreateResponseWrapper {
             address_line1_check: string;
             address_postal_code_check: string;
             bin_details?: {
-                type: "Credit" | "Debit" | "Prepaid" | "Unknown";
+                type: 'Credit' | 'Debit' | 'Prepaid' | 'Unknown';
                 card_brand: string;
                 card_class: string;
                 country: string;
                 issuer: string;
-                funding_source: "Charge" | "Credit" | "Debit" | "Deferred Debit (Visa Only)" | "Network Only" | "Prepaid";
+                funding_source: 'Charge' | 'Credit' | 'Debit' | 'Deferred Debit (Visa Only)' | 'Network Only' | 'Prepaid';
             };
         };
     };
@@ -40,10 +41,11 @@ export interface BankAccountCreateResponse extends PaymentMethodCreateResponseWr
         signature: string;
         customer_id: string;
         account_id: string;
+        invalid_reason: string;
         bank_account: {
             id: string;
             account_owner_name: string;
-            account_type: "checking" | "savings";
+            account_type: 'checking' | 'savings';
             bank_name: string;
             acct_last_four: number;
             token: string;

package/dist/types/components.d.ts

@@ -12,10 +12,10 @@ import { FormController } from "./components/form/form";
 import { BusinessFormClickEvent, BusinessFormSubmitEvent, OwnerFormClickEvent, OwnerFormSubmitEvent } from "./components/business-forms/utils/business-form-types";
 import { CreatePaymentMethodResponse } from "./components/payment-method-form/payment-method-responses";
 import { BillingFormFields } from "./components/billing-form/billing-form-schema";
-import { ICheckoutCompleteResponse } from "./api/Checkout";
+import { IBnpl, ILoadedEventResponse, Payment, PaymentMethodTypes, Payout } from "./api";
+import { ICheckoutCompleteResponse, ILoadedEventResponse as ILoadedEventResponse1 } from "./api/Checkout";
 import { PaymentMethodOption } from "./components/checkout/payment-method-option-utils";
 import { PaymentMethodPayload } from "./components/checkout/payment-method-payload";
-import { IBnpl, Payment, PaymentMethodTypes, Payout } from "./api";
 import { Proceed } from "./api/Proceed";
 import { RefundFormFields } from "./components/refund-form/refund-form-schema";
 import { IOnboardingData, SubAccount, SubaccountBankAccount, SubAccountIdentity as SubAccountIdentity1, Terms } from "./api/SubAccount";
@@ -30,10 +30,10 @@ export { FormController } from "./components/form/form";
 export { BusinessFormClickEvent, BusinessFormSubmitEvent, OwnerFormClickEvent, OwnerFormSubmitEvent } from "./components/business-forms/utils/business-form-types";
 export { CreatePaymentMethodResponse } from "./components/payment-method-form/payment-method-responses";
 export { BillingFormFields } from "./components/billing-form/billing-form-schema";
-export { ICheckoutCompleteResponse } from "./api/Checkout";
+export { IBnpl, ILoadedEventResponse, Payment, PaymentMethodTypes, Payout } from "./api";
+export { ICheckoutCompleteResponse, ILoadedEventResponse as ILoadedEventResponse1 } from "./api/Checkout";
 export { PaymentMethodOption } from "./components/checkout/payment-method-option-utils";
 export { PaymentMethodPayload } from "./components/checkout/payment-method-payload";
-export { IBnpl, Payment, PaymentMethodTypes, Payout } from "./api";
 export { Proceed } from "./api/Proceed";
 export { RefundFormFields } from "./components/refund-form/refund-form-schema";
 export { IOnboardingData, SubAccount, SubaccountBankAccount, SubAccountIdentity as SubAccountIdentity1, Terms } from "./api/SubAccount";
@@ -378,6 +378,7 @@ export namespace Components {
         "disableBnpl"?: boolean;
         "disableCreditCard"?: boolean;
         "disablePaymentMethodGroup"?: boolean;
+        "fillBillingForm": (fields: BillingFormFields) => Promise<void>;
         "iframeOrigin"?: string;
     }
     interface JustifiCheckoutCore {
@@ -388,6 +389,7 @@ export namespace Components {
         "disableBnpl"?: boolean;
         "disableCreditCard"?: boolean;
         "disablePaymentMethodGroup"?: boolean;
+        "fillBillingForm": (fields: BillingFormFields) => Promise<void>;
         "getCheckout": Function;
         /**
           * URL for the rendered iFrame. End-users need not use this.
@@ -427,11 +429,13 @@ export namespace Components {
     }
     interface JustifiNewPaymentMethod {
         "accountId": string;
-        "clientId": string;
+        "authToken": string;
+        "fillBillingForm": (fields: BillingFormFields) => Promise<void>;
         "iframeOrigin"?: string;
         "isSelected": boolean;
+        "paymentMethodGroupId"?: string;
         "paymentMethodOption": PaymentMethodOption;
-        "resolvePaymentMethod": () => Promise<PaymentMethodPayload>;
+        "resolvePaymentMethod": (insuranceValidation: any) => Promise<PaymentMethodPayload>;
     }
     interface JustifiOwnerForm {
         "allowOptionalFields"?: boolean;
@@ -503,11 +507,14 @@ export namespace Components {
     }
     interface JustifiPaymentMethodOptions {
         "accountId": string;
+        "authToken": string;
         "bnpl": IBnpl;
-        "clientId": string;
+        "fillBillingForm": (fields: BillingFormFields) => Promise<void>;
         "iframeOrigin"?: string;
+        "insuranceToggled": boolean;
         "paymentAmount": number;
-        "resolvePaymentMethod": () => Promise<PaymentMethodPayload>;
+        "paymentMethodGroupId"?: string;
+        "resolvePaymentMethod": (insuranceValidation: any) => Promise<PaymentMethodPayload>;
         "savedPaymentMethods": any[];
         "showAch": boolean;
         "showBnpl": boolean;
@@ -651,11 +658,13 @@ export namespace Components {
          */
         "withButton"?: boolean;
     }
+    interface JustifiSaveNewPaymentMethod {
+    }
     interface JustifiSavedPaymentMethod {
         "iframeOrigin"?: string;
         "isSelected": boolean;
         "paymentMethodOption": PaymentMethodOption;
-        "resolvePaymentMethod": () => Promise<PaymentMethodPayload>;
+        "resolvePaymentMethod": (insuranceValidation: any) => Promise<PaymentMethodPayload>;
     }
     interface JustifiSeasonInterruptionInsurance {
         "authToken": string;
@@ -698,7 +707,7 @@ export namespace Components {
         "isSelected": boolean;
         "paymentAmount": number;
         "paymentMethodOption": PaymentMethodOption;
-        "resolvePaymentMethod": () => Promise<PaymentMethodPayload>;
+        "resolvePaymentMethod": (insuranceValidation: any) => Promise<PaymentMethodPayload>;
     }
     interface JustifiSkeleton {
         "component": string;
@@ -939,6 +948,10 @@ export interface JustifiRefundFormCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJustifiRefundFormElement;
 }
+export interface JustifiSaveNewPaymentMethodCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJustifiSaveNewPaymentMethodElement;
+}
 export interface JustifiSavedPaymentMethodCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJustifiSavedPaymentMethodElement;
@@ -1525,6 +1538,7 @@ declare global {
     };
     interface HTMLJustifiCheckoutElementEventMap {
         "error-event": ComponentError;
+        "loaded": ILoadedEventResponse;
     }
     interface HTMLJustifiCheckoutElement extends Components.JustifiCheckout, HTMLStencilElement {
         addEventListener<K extends keyof HTMLJustifiCheckoutElementEventMap>(type: K, listener: (this: HTMLJustifiCheckoutElement, ev: JustifiCheckoutCustomEvent<HTMLJustifiCheckoutElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1543,6 +1557,7 @@ declare global {
     interface HTMLJustifiCheckoutCoreElementEventMap {
         "submitted": ICheckoutCompleteResponse;
         "error-event": ComponentError;
+        "loaded": ILoadedEventResponse1;
     }
     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;
@@ -1982,6 +1997,23 @@ declare global {
         prototype: HTMLJustifiRefundFormElement;
         new (): HTMLJustifiRefundFormElement;
     };
+    interface HTMLJustifiSaveNewPaymentMethodElementEventMap {
+        "checkboxChanged": boolean;
+    }
+    interface HTMLJustifiSaveNewPaymentMethodElement extends Components.JustifiSaveNewPaymentMethod, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJustifiSaveNewPaymentMethodElementEventMap>(type: K, listener: (this: HTMLJustifiSaveNewPaymentMethodElement, ev: JustifiSaveNewPaymentMethodCustomEvent<HTMLJustifiSaveNewPaymentMethodElementEventMap[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 HTMLJustifiSaveNewPaymentMethodElementEventMap>(type: K, listener: (this: HTMLJustifiSaveNewPaymentMethodElement, ev: JustifiSaveNewPaymentMethodCustomEvent<HTMLJustifiSaveNewPaymentMethodElementEventMap[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 HTMLJustifiSaveNewPaymentMethodElement: {
+        prototype: HTMLJustifiSaveNewPaymentMethodElement;
+        new (): HTMLJustifiSaveNewPaymentMethodElement;
+    };
     interface HTMLJustifiSavedPaymentMethodElementEventMap {
         "paymentMethodOptionSelected": any;
     }
@@ -2282,6 +2314,7 @@ declare global {
         "justifi-payouts-list": HTMLJustifiPayoutsListElement;
         "justifi-proceeds-list": HTMLJustifiProceedsListElement;
         "justifi-refund-form": HTMLJustifiRefundFormElement;
+        "justifi-save-new-payment-method": HTMLJustifiSaveNewPaymentMethodElement;
         "justifi-saved-payment-method": HTMLJustifiSavedPaymentMethodElement;
         "justifi-season-interruption-insurance": HTMLJustifiSeasonInterruptionInsuranceElement;
         "justifi-season-interruption-insurance-core": HTMLJustifiSeasonInterruptionInsuranceCoreElement;
@@ -2694,6 +2727,7 @@ declare namespace LocalJSX {
         "disablePaymentMethodGroup"?: boolean;
         "iframeOrigin"?: string;
         "onError-event"?: (event: JustifiCheckoutCustomEvent<ComponentError>) => void;
+        "onLoaded"?: (event: JustifiCheckoutCustomEvent<ILoadedEventResponse>) => void;
     }
     interface JustifiCheckoutCore {
         "authToken"?: string;
@@ -2709,6 +2743,7 @@ declare namespace LocalJSX {
          */
         "iframeOrigin"?: string;
         "onError-event"?: (event: JustifiCheckoutCoreCustomEvent<ComponentError>) => void;
+        "onLoaded"?: (event: JustifiCheckoutCoreCustomEvent<ILoadedEventResponse1>) => void;
         "onSubmitted"?: (event: JustifiCheckoutCoreCustomEvent<ICheckoutCompleteResponse>) => void;
     }
     interface JustifiDetails {
@@ -2747,10 +2782,11 @@ declare namespace LocalJSX {
     }
     interface JustifiNewPaymentMethod {
         "accountId"?: string;
-        "clientId"?: string;
+        "authToken"?: string;
         "iframeOrigin"?: string;
         "isSelected"?: boolean;
         "onPaymentMethodOptionSelected"?: (event: JustifiNewPaymentMethodCustomEvent<any>) => void;
+        "paymentMethodGroupId"?: string;
         "paymentMethodOption"?: PaymentMethodOption;
     }
     interface JustifiOwnerForm {
@@ -2825,11 +2861,13 @@ declare namespace LocalJSX {
     }
     interface JustifiPaymentMethodOptions {
         "accountId"?: string;
+        "authToken"?: string;
         "bnpl"?: IBnpl;
-        "clientId"?: string;
         "iframeOrigin"?: string;
+        "insuranceToggled"?: boolean;
         "onToggleCreatingNewPaymentMethod"?: (event: JustifiPaymentMethodOptionsCustomEvent<any>) => void;
         "paymentAmount"?: number;
+        "paymentMethodGroupId"?: string;
         "savedPaymentMethods"?: any[];
         "showAch"?: boolean;
         "showBnpl"?: boolean;
@@ -2987,6 +3025,9 @@ declare namespace LocalJSX {
          */
         "withButton"?: boolean;
     }
+    interface JustifiSaveNewPaymentMethod {
+        "onCheckboxChanged"?: (event: JustifiSaveNewPaymentMethodCustomEvent<boolean>) => void;
+    }
     interface JustifiSavedPaymentMethod {
         "iframeOrigin"?: string;
         "isSelected"?: boolean;
@@ -3181,6 +3222,7 @@ declare namespace LocalJSX {
         "justifi-payouts-list": JustifiPayoutsList;
         "justifi-proceeds-list": JustifiProceedsList;
         "justifi-refund-form": JustifiRefundForm;
+        "justifi-save-new-payment-method": JustifiSaveNewPaymentMethod;
         "justifi-saved-payment-method": JustifiSavedPaymentMethod;
         "justifi-season-interruption-insurance": JustifiSeasonInterruptionInsurance;
         "justifi-season-interruption-insurance-core": JustifiSeasonInterruptionInsuranceCore;
@@ -3442,6 +3484,7 @@ declare module "@stencil/core" {
              */
             "justifi-proceeds-list": LocalJSX.JustifiProceedsList & JSXBase.HTMLAttributes<HTMLJustifiProceedsListElement>;
             "justifi-refund-form": LocalJSX.JustifiRefundForm & JSXBase.HTMLAttributes<HTMLJustifiRefundFormElement>;
+            "justifi-save-new-payment-method": LocalJSX.JustifiSaveNewPaymentMethod & JSXBase.HTMLAttributes<HTMLJustifiSaveNewPaymentMethodElement>;
             "justifi-saved-payment-method": LocalJSX.JustifiSavedPaymentMethod & JSXBase.HTMLAttributes<HTMLJustifiSavedPaymentMethodElement>;
             "justifi-season-interruption-insurance": LocalJSX.JustifiSeasonInterruptionInsurance & JSXBase.HTMLAttributes<HTMLJustifiSeasonInterruptionInsuranceElement>;
             "justifi-season-interruption-insurance-core": LocalJSX.JustifiSeasonInterruptionInsuranceCore & JSXBase.HTMLAttributes<HTMLJustifiSeasonInterruptionInsuranceCoreElement>;

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

@@ -26,6 +26,7 @@ export declare const MapSubAccountStatusToBadge: (status: string) => "<span clas
  */
 export declare function snakeCaseToHumanReadable(snakeCaseStr: string): string;
 export declare function camelToKebab(str: string): string;
+export declare function snakeToCamel(str: string): string;
 export declare function flattenNestedObject(obj: any): {};
 export declare function composeQueryParams(values: string[]): string;
 export declare function loadFontsOnParent(): Promise<any>;

package/dist/webcomponents/{p-4791c1f2.entry.js → p-00de4ae0.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as e}from"./p-a63a6fb9.js";import{A as s}from"./p-29c0b182.js";import"./p-56f6ce4c.js";import"./p-e8706cc4.js";import"./p-e3fab0e2.js";import{c as r}from"./p-ae263544.js";import{g as o,a}from"./p-8115b2f4.js";import{C as n,a as d}from"./p-14c91ffd.js";class c{async fetchQuote(t,i){return s({authToken:t,apiOrigin:r.proxyApiOrigin}).post("insurance/quotes",JSON.stringify(i))}async toggleCoverage(t,i,e){const o=`insurance/quotes/${i}/toggle`;return s({authToken:t,apiOrigin:r.proxyApiOrigin}).post(o,JSON.stringify(e))}}const h=class{constructor(e){t(this,e),this.errorEvent=i(this,"error-event",7),this.authToken=void 0,this.checkoutId=void 0,this.primaryIdentityFirstName=void 0,this.primaryIdentityLastName=void 0,this.primaryIdentityState=void 0,this.primaryIdentityPostalCode=void 0,this.primaryIdentityCountry=void 0,this.primaryIdentityEmailAddress=void 0,this.policyAttributesInsurableAmount=void 0,this.policyAttributesStartDate=void 0,this.policyAttributesEndDate=void 0,this.coveredIdentityFirstName=void 0,this.coveredIdentityLastName=void 0,this.getQuote=void 0,this.toggleCoverage=void 0,this.quote=void 0}async validate(){return this.seasonInterruptionCoreRef.validate()}componentWillLoad(){console.log("### componentWillLoad ins season interruption"),this.initializeServiceMethods()}initializeServiceMethods(){this.authToken?(this.getQuote=(({authToken:t,service:i})=>async({payload:e,onSuccess:s,onError:r})=>{var d;try{const c=await i.fetchQuote(t,e);if(c.error)return r({error:o(c.error),code:a(null===(d=c.error)||void 0===d?void 0:d.code),severity:n.ERROR});s({quote:c.data})}catch(t){const i=a(null==t?void 0:t.code);return r({error:t.message||t,code:i,severity:n.ERROR})}})({authToken:this.authToken,service:new c}),this.toggleCoverage=(({authToken:t,service:i})=>async({quoteId:e,payload:s,onSuccess:r,onError:d})=>{var c;try{const h=await i.toggleCoverage(t,e,s);if(h.error)return d({error:o(h.error),code:a(null===(c=h.error)||void 0===c?void 0:c.code),severity:n.ERROR});r({quote:h.data})}catch(t){const i=a(null==t?void 0:t.code);return d({error:t.message||t,code:i,severity:n.ERROR})}})({authToken:this.authToken,service:new c})):this.errorEvent.emit({errorCode:d.MISSING_PROPS,message:"Missing authToken",severity:n.ERROR})}render(){return e("justifi-season-interruption-insurance-core",{key:"0eb05bed71db4d90870063a4bfbdadd980fd2905",ref:t=>this.seasonInterruptionCoreRef=t,"checkout-id":this.checkoutId,getQuote:this.getQuote,toggleCoverage:this.toggleCoverage,"primary-identity-first-name":this.primaryIdentityFirstName,"primary-identity-last-name":this.primaryIdentityLastName,"primary-identity-state":this.primaryIdentityState,"primary-identity-postal-code":this.primaryIdentityPostalCode,"primary-identity-country":this.primaryIdentityCountry,"primary-identity-email-address":this.primaryIdentityEmailAddress,"policy-attributes-insurable-amount":this.policyAttributesInsurableAmount,"policy-attributes-start-date":this.policyAttributesStartDate,"policy-attributes-end-date":this.policyAttributesEndDate,"covered-identity-first-name":this.coveredIdentityFirstName,"covered-identity-last-name":this.coveredIdentityLastName})}};export{h as justifi_season_interruption_insurance}
+import{r as t,c as i,h as e}from"./p-a63a6fb9.js";import{A as s}from"./p-29c0b182.js";import"./p-56f6ce4c.js";import"./p-e8706cc4.js";import"./p-e3fab0e2.js";import{c as r}from"./p-ae263544.js";import{g as o,a}from"./p-8115b2f4.js";import{C as n,a as c}from"./p-14c91ffd.js";class d{async fetchQuote(t,i){return s({authToken:t,apiOrigin:r.proxyApiOrigin}).post("insurance/quotes",JSON.stringify(i))}async toggleCoverage(t,i,e){const o=`insurance/quotes/${i}/toggle`;return s({authToken:t,apiOrigin:r.proxyApiOrigin}).post(o,JSON.stringify(e))}}const h=class{constructor(e){t(this,e),this.errorEvent=i(this,"error-event",7),this.authToken=void 0,this.checkoutId=void 0,this.primaryIdentityFirstName=void 0,this.primaryIdentityLastName=void 0,this.primaryIdentityState=void 0,this.primaryIdentityPostalCode=void 0,this.primaryIdentityCountry=void 0,this.primaryIdentityEmailAddress=void 0,this.policyAttributesInsurableAmount=void 0,this.policyAttributesStartDate=void 0,this.policyAttributesEndDate=void 0,this.coveredIdentityFirstName=void 0,this.coveredIdentityLastName=void 0,this.getQuote=void 0,this.toggleCoverage=void 0,this.quote=void 0}async validate(){return this.seasonInterruptionCoreRef.validate()}componentWillLoad(){console.log("### componentWillLoad ins season interruption"),this.initializeServiceMethods()}initializeServiceMethods(){this.authToken?(this.getQuote=(({authToken:t,service:i})=>async({payload:e,onSuccess:s,onError:r})=>{var c;try{const d=await i.fetchQuote(t,e);if(d.error)return r({error:o(d.error),code:a(null===(c=d.error)||void 0===c?void 0:c.code),severity:n.ERROR});s({quote:d.data})}catch(t){const i=a(null==t?void 0:t.code);return r({error:t.message||t,code:i,severity:n.ERROR})}})({authToken:this.authToken,service:new d}),this.toggleCoverage=(({authToken:t,service:i})=>async({quoteId:e,payload:s,onSuccess:r,onError:c})=>{var d;try{const h=await i.toggleCoverage(t,e,s);if(h.error)return c({error:o(h.error),code:a(null===(d=h.error)||void 0===d?void 0:d.code),severity:n.ERROR});r({quote:h.data})}catch(t){const i=a(null==t?void 0:t.code);return c({error:t.message||t,code:i,severity:n.ERROR})}})({authToken:this.authToken,service:new d})):this.errorEvent.emit({errorCode:c.MISSING_PROPS,message:"Missing authToken",severity:n.ERROR})}render(){return e("justifi-season-interruption-insurance-core",{key:"fc932dc338e0fe28348d3cb24701d46315199ea1",ref:t=>this.seasonInterruptionCoreRef=t,"checkout-id":this.checkoutId,getQuote:this.getQuote,toggleCoverage:this.toggleCoverage,"primary-identity-first-name":this.primaryIdentityFirstName,"primary-identity-last-name":this.primaryIdentityLastName,"primary-identity-state":this.primaryIdentityState,"primary-identity-postal-code":this.primaryIdentityPostalCode,"primary-identity-country":this.primaryIdentityCountry,"primary-identity-email-address":this.primaryIdentityEmailAddress,"policy-attributes-insurable-amount":this.policyAttributesInsurableAmount,"policy-attributes-start-date":this.policyAttributesStartDate,"policy-attributes-end-date":this.policyAttributesEndDate,"covered-identity-first-name":this.coveredIdentityFirstName,"covered-identity-last-name":this.coveredIdentityLastName})}};export{h as justifi_season_interruption_insurance}

package/dist/webcomponents/{p-0f10316f.entry.js → p-015ba24e.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as r,H as o}from"./p-a63a6fb9.js";import{t as i}from"./p-2b6c9c4f.js";import{P as e}from"./p-ca39c89f.js";import"./p-56f6ce4c.js";import"./p-e8706cc4.js";import{P as a}from"./p-e3fab0e2.js";import{C as c,a as n}from"./p-14c91ffd.js";import{g as p,a as h}from"./p-8115b2f4.js";import{E as d}from"./p-cb68e8fa.js";import{J as u}from"./p-851e57f4.js";import"./p-29c0b182.js";import"./p-ae263544.js";import"./p-3394ff6c.js";const m=class{constructor(r){t(this,r),this.errorEvent=s(this,"error-event",7),this.handleOnError=t=>{this.errorMessage=t.detail.message,this.errorEvent.emit(t.detail)},this.accountId=void 0,this.authToken=void 0,this.getPayouts=void 0,this.errorMessage=null}componentWillLoad(){this.analytics=new u(this),this.initializeGetPayouts()}disconnectedCallback(){this.analytics.cleanup()}propChanged(){this.initializeGetPayouts()}initializeGetPayouts(){this.accountId&&this.authToken?this.getPayouts=(({id:t,authToken:s,service:r})=>async({params:o,onSuccess:i,onError:e})=>{var n,d;try{const u=await r.fetchPayouts(t,s,o);if(u.error)return e({error:p(u.error),code:h(null===(d=u.error)||void 0===d?void 0:d.code),severity:c.ERROR});{const t=Object.assign({},u.page_info);i({payouts:(null===(n=u.data)||void 0===n?void 0:n.map((t=>new a(t))))||[],pagingInfo:t})}}catch(t){return e({error:p(t),code:h(null==t?void 0:t.code),severity:c.ERROR})}})({id:this.accountId,authToken:this.authToken,service:new e}):(this.errorMessage="Account ID and Auth Token are required",this.errorEvent.emit({errorCode:n.MISSING_PROPS,message:"Account ID and Auth Token are required"}))}render(){return this.errorMessage?d(this.errorMessage):r(o,{exportedparts:i},r("payouts-list-core",{getPayouts:this.getPayouts,"onError-event":this.handleOnError}))}static get watchers(){return{accountId:["propChanged"],authToken:["propChanged"]}}};export{m as justifi_payouts_list}
+import{r as t,c as s,h as r,H as o}from"./p-a63a6fb9.js";import{t as i}from"./p-2b6c9c4f.js";import{P as e}from"./p-ca39c89f.js";import"./p-56f6ce4c.js";import"./p-e8706cc4.js";import{P as a}from"./p-e3fab0e2.js";import{C as n,a as c}from"./p-14c91ffd.js";import{g as p,a as h}from"./p-8115b2f4.js";import{E as d}from"./p-cb68e8fa.js";import{J as u}from"./p-edb605b3.js";import"./p-29c0b182.js";import"./p-ae263544.js";import"./p-b7d9d9fa.js";const m=class{constructor(r){t(this,r),this.errorEvent=s(this,"error-event",7),this.handleOnError=t=>{this.errorMessage=t.detail.message,this.errorEvent.emit(t.detail)},this.accountId=void 0,this.authToken=void 0,this.getPayouts=void 0,this.errorMessage=null}componentWillLoad(){this.analytics=new u(this),this.initializeGetPayouts()}disconnectedCallback(){this.analytics.cleanup()}propChanged(){this.initializeGetPayouts()}initializeGetPayouts(){this.accountId&&this.authToken?this.getPayouts=(({id:t,authToken:s,service:r})=>async({params:o,onSuccess:i,onError:e})=>{var c,d;try{const u=await r.fetchPayouts(t,s,o);if(u.error)return e({error:p(u.error),code:h(null===(d=u.error)||void 0===d?void 0:d.code),severity:n.ERROR});{const t=Object.assign({},u.page_info);i({payouts:(null===(c=u.data)||void 0===c?void 0:c.map((t=>new a(t))))||[],pagingInfo:t})}}catch(t){return e({error:p(t),code:h(null==t?void 0:t.code),severity:n.ERROR})}})({id:this.accountId,authToken:this.authToken,service:new e}):(this.errorMessage="Account ID and Auth Token are required",this.errorEvent.emit({errorCode:c.MISSING_PROPS,message:"Account ID and Auth Token are required"}))}render(){return this.errorMessage?d(this.errorMessage):r(o,{exportedparts:i},r("payouts-list-core",{getPayouts:this.getPayouts,"onError-event":this.handleOnError}))}static get watchers(){return{accountId:["propChanged"],authToken:["propChanged"]}}};export{m as justifi_payouts_list}

package/dist/webcomponents/p-0575daac.js

@@ -0,0 +1 @@
+import{h as e}from"./p-a63a6fb9.js";const n=()=>e("div",{class:"spinner-border spinner-border-sm",role:"status"},e("span",{class:"visually-hidden"},"Loading...")),o=e=>{var n;if(!(e instanceof KeyboardEvent&&["Backspace","Tab","Enter","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Delete"].includes(e.key)||e instanceof KeyboardEvent&&(e.ctrlKey||e.metaKey)&&"v"===e.key.toLowerCase()))if(e instanceof ClipboardEvent){const o=null===(n=e.clipboardData)||void 0===n?void 0:n.getData("text");o&&!/^\d+$/.test(o)&&e.preventDefault()}else e instanceof KeyboardEvent&&!/^\d$/.test(e.key)&&e.preventDefault()};export{n as L,o as n}