@justifi/webcomponents 5.7.6-rc-02 → 5.7.6-rc-04

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

@@ -6,6 +6,8 @@ export declare enum ComponentErrorCodes {
     UNKNOWN_ERROR = "unknown-error",
     TOKENIZE_ERROR = "tokenize-error",
     COMPLETE_CHECKOUT_ERROR = "complete-checkout-error",
+    CHECKOUT_ALREADY_COMPLETED = "checkout-already-completed",
+    CHECKOUT_EXPIRED = "checkout-expired",
     NOT_AUTHENTICATED = "not-authenticated",
     INVALID_PARAMETER = "invalid-parameter",
     PROVISIONING_REQUESTED = "provisioning-already-requested",
@@ -17,3 +19,8 @@ export declare enum ComponentErrorSeverity {
     WARNING = "warning",
     ERROR = "error"
 }
+export declare enum ComponentErrorMessages {
+    NOT_AUTHENTICATED = "Not authenticated. Please provide a valid auth token, checkout id, and account id.",
+    CHECKOUT_ALREADY_COMPLETED = "Checkout already completed. Please create a new checkout.",
+    CHECKOUT_EXPIRED = "Checkout expired. Please create a new checkout."
+}

package/dist/types/components/checkout/billing-form/billing-form.d.ts

@@ -1,20 +1,14 @@
-import { BillingFormFields } from './billing-form-schema';
-import { FormController } from '../../../ui-components/form/form';
+import { BillingFormFields } from '../../../components';
 export declare class BillingForm {
-    formController: FormController;
-    billingInfo: {};
-    errors: any;
+    private formRef;
     legend?: string;
     hideCardBillingForm?: boolean;
     hideBankAccountBillingForm?: boolean;
     paymentMethodType?: string;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    inputHandler: (name: string, value: string) => void;
     private get isPostalOnlyMode();
     private get hideAllBillingFields();
     getValues(): Promise<BillingFormFields>;
-    fill(fields: BillingFormFields): Promise<void>;
+    fill(fields: BillingFormFields): Promise<any>;
     validate(): Promise<{
         isValid: boolean;
         errors: any;

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

@@ -7,7 +7,7 @@ import { PaymentMethodOption } from './payment-method-option-utils';
 export declare class Checkout {
     analytics: JustifiAnalytics;
     modularCheckoutRef?: HTMLJustifiModularCheckoutElement;
-    selectedPaymentMethodOptionRef?: HTMLJustifiNewPaymentMethodElement | HTMLJustifiSavedPaymentMethodElement | HTMLJustifiSezzlePaymentMethodElement;
+    selectedPaymentMethodOptionRef?: HTMLJustifiSavedPaymentMethodElement | HTMLJustifiSezzlePaymentMethodElement;
     checkout: ICheckout;
     complete: Function;
     errorMessage: string;

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

@@ -2,6 +2,6 @@ import { EventEmitter } from '../../stencil-public-runtime';
 export declare class SaveNewPaymentMethod {
     isChecked: boolean;
     checkboxChanged: EventEmitter<boolean>;
-    handleCheckboxChange(_name: any, value: any): void;
+    private handleCheckboxChange;
     render(): any;
 }

package/dist/types/components/insurance/insurance-state.d.ts

@@ -5,4 +5,5 @@ declare const insuranceErrors: any;
 declare const validateInsuranceValues: () => {
     isValid: boolean;
 };
-export { insuranceValuesStore, insuranceValues, insuranceValuesOn, insuranceErrorsStore, insuranceErrors, validateInsuranceValues };
+declare const hasInsuranceValueChanged: (key: string, newValue: any) => boolean;
+export { insuranceValuesStore, insuranceValues, insuranceValuesOn, insuranceErrorsStore, insuranceErrors, validateInsuranceValues, hasInsuranceValueChanged, };

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

@@ -1,7 +1,7 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import JustifiAnalytics from "../../api/Analytics";
 import { BillingFormFields } from "../../components";
-export declare class CheckoutWrapper {
+export declare class ModularCheckout {
     analytics: JustifiAnalytics;
     private observer?;
     private paymentMethodFormRef?;
@@ -17,6 +17,7 @@ export declare class CheckoutWrapper {
     errorEvent: EventEmitter;
     submitEvent: EventEmitter;
     paymentMethodChangedEvent: EventEmitter<string>;
+    savePaymentMethodChanged(newValue: boolean): void;
     connectedCallback(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;

package/dist/types/components/modular-checkout/sub-components/billing-information-form.d.ts

@@ -10,9 +10,11 @@ export declare class BillingInformationForm {
     componentWillLoad(): void;
     componentDidLoad(): void;
     inputHandler: (name: string, value: string) => void;
+    fill(values: BillingFormFields): Promise<any>;
     getValues(): Promise<BillingFormFields>;
     validate(): Promise<{
         isValid: boolean;
+        errors: any;
     }>;
     render(): any;
 }

package/dist/types/components/modular-checkout/sub-components/postal-code-form.d.ts

@@ -14,6 +14,7 @@ export declare class PostalCodeForm {
     fill(fields: BillingFormFields): Promise<void>;
     validate(): Promise<{
         isValid: boolean;
+        errors: any;
     }>;
     render(): any;
 }

package/dist/types/components/tokenize-payment-method/tokenize-payment-method.d.ts

@@ -3,28 +3,55 @@ import JustifiAnalytics from '../../api/Analytics';
 import { BillingFormFields } from '../../components';
 import { PaymentMethodPayload } from '../checkout/payment-method-payload';
 import { ComponentSubmitEvent, ComponentErrorEvent } from '../../api';
+interface ValidationResult {
+    isValid: boolean;
+    errors?: Record<string, any>;
+}
 export declare class TokenizePaymentMethod {
-    authToken?: string;
+    analytics: JustifiAnalytics;
+    private billingFormRef?;
+    private paymentMethodFormRef?;
+    host: HTMLElement;
+    isLoading: boolean;
+    selectedPaymentMethodId: string;
+    computedHideSubmitButton: boolean;
     accountId?: string;
-    paymentMethodGroupId: string;
-    submitButtonText: string;
-    disableCreditCard?: boolean;
+    authToken?: string;
     disableBankAccount?: boolean;
-    hideSubmitButton?: boolean;
-    hideCardBillingForm?: boolean;
+    disableCreditCard?: boolean;
     hideBankAccountBillingForm?: boolean;
-    isLoading: boolean;
+    hideCardBillingForm?: boolean;
+    hideSubmitButton?: boolean;
+    paymentMethodGroupId?: string;
+    submitButtonText?: string;
     errorEvent: EventEmitter<ComponentErrorEvent>;
     submitEvent: EventEmitter<ComponentSubmitEvent>;
-    private paymentMethodOptionsRef?;
-    analytics: JustifiAnalytics;
     componentWillLoad(): void;
+    connectedCallback(): void;
     disconnectedCallback(): void;
-    tokenizePaymentMethod(event?: CustomEvent): Promise<PaymentMethodPayload>;
+    paymentMethodsChanged(): void;
+    handleRadioClick(event: CustomEvent<string>): void;
     fillBillingForm(fields: BillingFormFields): Promise<void>;
-    validate(): Promise<{
-        isValid: boolean;
-        errors?: any;
-    }>;
+    tokenizePaymentMethod(event?: MouseEvent): Promise<PaymentMethodPayload>;
+    validate(): Promise<ValidationResult>;
+    private validateRequiredProps;
+    private setDefaultSelectedPaymentMethod;
+    private setComputedHideSubmitButton;
+    private isSlottedWithinModularCheckout;
+    private get availablePaymentMethods();
+    private areFormsReady;
+    private emitError;
+    private createErrorResponse;
+    resolvePaymentMethod(insuranceValidation: any): Promise<PaymentMethodPayload>;
+    private performTokenization;
+    private tokenize;
+    private buildPaymentMethodMetadata;
+    private get paymentMethodGroupID();
+    private get shouldSavePaymentMethod();
+    private get shouldHideRadioInput();
+    private renderPaymentMethodOption;
+    private renderSelectedPaymentMethodForm;
+    private renderPaymentMethodForm;
     render(): any;
 }
+export {};

package/dist/types/components.d.ts

@@ -6,34 +6,34 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { Business, IAdditionalQuestions, IAddress } from "./api/Business";
-import { ComponentClickEvent as ComponentClickEvent1, ComponentErrorCodes, ComponentErrorEvent as ComponentErrorEvent1, ComponentFormStepCompleteEvent as ComponentFormStepCompleteEvent1, ComponentSubmitEvent as ComponentSubmitEvent1, FileSelectEvent, IApiResponse, IBnpl, ICheckoutPaymentModeParam, ICheckoutStatus, ILoadedEventResponse, IRefund, ITerminalStatus, TerminalModelName, TerminalOrderStatus, TerminalOrderType } from "./api";
+import { ComponentClickEvent as ComponentClickEvent1, ComponentErrorCodes, ComponentErrorEvent as ComponentErrorEvent1, ComponentFormStepCompleteEvent as ComponentFormStepCompleteEvent1, ComponentSubmitEvent as ComponentSubmitEvent1, FileSelectEvent, IApiResponse, ICheckoutPaymentModeParam, ICheckoutStatus, ILoadedEventResponse, IRefund, ITerminalStatus, TerminalModelName, TerminalOrderStatus, TerminalOrderType } from "./api";
 import { ComponentClickEvent, ComponentErrorEvent, ComponentFormStepCompleteEvent, ComponentSubmitEvent } from "./api/ComponentEvents";
 import { Placement, PositioningStrategy } from "@popperjs/core";
 import { EntityDocumentType, FileSelectEvent as FileSelectEvent1 } from "./api/Document";
 import { IPaymentMethodMetadata } from "./api/PaymentMethod";
-import { BillingFormFields as BillingFormFields2, FormController } from "./components";
+import { BillingFormFields, FormController } from "./components";
 import { DisputeEvidenceDocument } from "./api/DisputeEvidenceDocument";
 import { DisputeResponseFormStep } from "./components/dispute-management/dispute-response/dispute-response-form-types";
-import { BillingFormFields } from "./components/checkout/billing-form/billing-form-schema";
 import { BillingFormFields as BillingFormFields1 } from "./components/modular-checkout/sub-components/billing-form-schema";
 import { FormController as FormController1 } from "./ui-components/form/form";
+import { BillingFormFields as BillingFormFields2 } from "./components/checkout/billing-form/billing-form-schema";
 import { Dispute, IDispute } from "./api/Dispute";
 import { PaymentMethodOption } from "./components/checkout/payment-method-option-utils";
 import { PaymentMethodPayload } from "./components/checkout/payment-method-payload";
 import { Identity } from "./api/Identity";
 import { PaginationProps } from "./ui-components/pagination-menu/pagination-menu";
 export { Business, IAdditionalQuestions, IAddress } from "./api/Business";
-export { ComponentClickEvent as ComponentClickEvent1, ComponentErrorCodes, ComponentErrorEvent as ComponentErrorEvent1, ComponentFormStepCompleteEvent as ComponentFormStepCompleteEvent1, ComponentSubmitEvent as ComponentSubmitEvent1, FileSelectEvent, IApiResponse, IBnpl, ICheckoutPaymentModeParam, ICheckoutStatus, ILoadedEventResponse, IRefund, ITerminalStatus, TerminalModelName, TerminalOrderStatus, TerminalOrderType } from "./api";
+export { ComponentClickEvent as ComponentClickEvent1, ComponentErrorCodes, ComponentErrorEvent as ComponentErrorEvent1, ComponentFormStepCompleteEvent as ComponentFormStepCompleteEvent1, ComponentSubmitEvent as ComponentSubmitEvent1, FileSelectEvent, IApiResponse, ICheckoutPaymentModeParam, ICheckoutStatus, ILoadedEventResponse, IRefund, ITerminalStatus, TerminalModelName, TerminalOrderStatus, TerminalOrderType } from "./api";
 export { ComponentClickEvent, ComponentErrorEvent, ComponentFormStepCompleteEvent, ComponentSubmitEvent } from "./api/ComponentEvents";
 export { Placement, PositioningStrategy } from "@popperjs/core";
 export { EntityDocumentType, FileSelectEvent as FileSelectEvent1 } from "./api/Document";
 export { IPaymentMethodMetadata } from "./api/PaymentMethod";
-export { BillingFormFields as BillingFormFields2, FormController } from "./components";
+export { BillingFormFields, FormController } from "./components";
 export { DisputeEvidenceDocument } from "./api/DisputeEvidenceDocument";
 export { DisputeResponseFormStep } from "./components/dispute-management/dispute-response/dispute-response-form-types";
-export { BillingFormFields } from "./components/checkout/billing-form/billing-form-schema";
 export { BillingFormFields as BillingFormFields1 } from "./components/modular-checkout/sub-components/billing-form-schema";
 export { FormController as FormController1 } from "./ui-components/form/form";
+export { BillingFormFields as BillingFormFields2 } from "./components/checkout/billing-form/billing-form-schema";
 export { Dispute, IDispute } from "./api/Dispute";
 export { PaymentMethodOption } from "./components/checkout/payment-method-option-utils";
 export { PaymentMethodPayload } from "./components/checkout/payment-method-payload";
@@ -283,7 +283,7 @@ export namespace Components {
         "validate": () => Promise<any>;
     }
     interface JustifiBillingForm {
-        "fill": (fields: BillingFormFields) => Promise<void>;
+        "fill": (fields: BillingFormFields) => Promise<any>;
         "getValues": () => Promise<BillingFormFields>;
         "hideBankAccountBillingForm"?: boolean;
         "hideCardBillingForm"?: boolean;
@@ -292,8 +292,9 @@ export namespace Components {
         "validate": () => Promise<{ isValid: boolean; errors: any; }>;
     }
     interface JustifiBillingInformationForm {
+        "fill": (values: BillingFormFields1) => Promise<any>;
         "getValues": () => Promise<BillingFormFields1>;
-        "validate": () => Promise<{ isValid: boolean; }>;
+        "validate": () => Promise<{ isValid: boolean; errors: any; }>;
     }
     interface JustifiBusinessBankAccountFormStep {
         "allowOptionalFields"?: boolean;
@@ -437,7 +438,7 @@ export namespace Components {
           * @default false
          */
         "disablePaymentMethodGroup"?: boolean;
-        "fillBillingForm": (fields: BillingFormFields) => Promise<void>;
+        "fillBillingForm": (fields: BillingFormFields2) => Promise<void>;
         /**
           * @default false
          */
@@ -587,23 +588,9 @@ export namespace Components {
          */
         "savePaymentMethod"?: boolean;
         "setSelectedPaymentMethod": (paymentMethodId: string) => Promise<void>;
-        "submitCheckout": (submitCheckoutArgs?: BillingFormFields2) => Promise<void>;
+        "submitCheckout": (submitCheckoutArgs?: BillingFormFields) => Promise<void>;
         "validate": () => Promise<boolean>;
     }
-    interface JustifiNewPaymentMethod {
-        "accountId": string;
-        "authToken": string;
-        "fillBillingForm": (fields: BillingFormFields) => Promise<void>;
-        "hideBankAccountBillingForm"?: boolean;
-        "hideCardBillingForm"?: boolean;
-        "isSelected": boolean;
-        "paymentMethodGroupId"?: string;
-        "paymentMethodOption": PaymentMethodOption;
-        "resolvePaymentMethod": (insuranceValidation: any) => Promise<PaymentMethodPayload>;
-        "showAch"?: boolean;
-        "showCard"?: boolean;
-        "validate": () => Promise<{ isValid: boolean; errors: any; }>;
-    }
     interface JustifiOrderTerminals {
         "accountId": string;
         "authToken": string;
@@ -633,27 +620,6 @@ export namespace Components {
         "authToken": string;
         "paymentId": string;
     }
-    interface JustifiPaymentMethodOptions {
-        "accountId": string;
-        "authToken": string;
-        "bnpl": IBnpl;
-        "fillBillingForm": (fields: BillingFormFields) => Promise<void>;
-        "hideBankAccountBillingForm"?: boolean;
-        "hideCardBillingForm"?: boolean;
-        "insuranceToggled": boolean;
-        "paymentAmount": number;
-        "paymentMethodGroupId"?: string;
-        "resolvePaymentMethod": (insuranceValidation: any) => Promise<PaymentMethodPayload>;
-        /**
-          * @default []
-         */
-        "savedPaymentMethods": any[];
-        "showAch": boolean;
-        "showBnpl": boolean;
-        "showCard": boolean;
-        "showSavedPaymentMethods": boolean;
-        "validate": () => Promise<{ isValid: boolean; errors?: any; }>;
-    }
     interface JustifiPaymentProvisioning {
         /**
           * @default false
@@ -746,7 +712,7 @@ export namespace Components {
     interface JustifiPostalCodeForm {
         "fill": (fields: BillingFormFields1) => Promise<void>;
         "getValues": () => Promise<BillingFormFields1>;
-        "validate": () => Promise<{ isValid: boolean; }>;
+        "validate": () => Promise<{ isValid: boolean; errors: any; }>;
     }
     interface JustifiProductOrService {
         "disputeResponse": any;
@@ -756,6 +722,20 @@ export namespace Components {
         "documentErrors": any;
         "validateAndSubmit": (onSuccess: (formData: any, documentList: DisputeEvidenceDocument[], formStep: DisputeResponseFormStep) => void) => Promise<void>;
     }
+    interface JustifiRadioListItem {
+        /**
+          * @default false
+         */
+        "checked"?: boolean;
+        "class"?: string;
+        /**
+          * @default false
+         */
+        "hidden"?: boolean;
+        "label": string;
+        "name": string;
+        "value": string;
+    }
     interface JustifiRefundPayment {
         "accountId": string;
         "authToken": string;
@@ -866,17 +846,17 @@ export namespace Components {
         "authToken"?: string;
         "disableBankAccount"?: boolean;
         "disableCreditCard"?: boolean;
-        "fillBillingForm": (fields: BillingFormFields2) => Promise<void>;
+        "fillBillingForm": (fields: BillingFormFields) => Promise<void>;
         "hideBankAccountBillingForm"?: boolean;
         "hideCardBillingForm"?: boolean;
         "hideSubmitButton"?: boolean;
-        "paymentMethodGroupId": string;
+        "paymentMethodGroupId"?: string;
         /**
           * @default 'Submit'
          */
-        "submitButtonText": string;
-        "tokenizePaymentMethod": (event?: CustomEvent) => Promise<PaymentMethodPayload>;
-        "validate": () => Promise<{ isValid: boolean; errors?: any; }>;
+        "submitButtonText"?: string;
+        "tokenizePaymentMethod": (event?: MouseEvent) => Promise<PaymentMethodPayload>;
+        "validate": () => Promise<ValidationResult>;
     }
     interface LegalAddressDetails {
         "legalAddress": IAddress;
@@ -1129,10 +1109,6 @@ export interface JustifiModularCheckoutCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJustifiModularCheckoutElement;
 }
-export interface JustifiNewPaymentMethodCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLJustifiNewPaymentMethodElement;
-}
 export interface JustifiOrderTerminalsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJustifiOrderTerminalsElement;
@@ -1173,6 +1149,10 @@ export interface JustifiPayoutsListCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJustifiPayoutsListElement;
 }
+export interface JustifiRadioListItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLJustifiRadioListItemElement;
+}
 export interface JustifiRefundPaymentCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLJustifiRefundPaymentElement;
@@ -2178,23 +2158,6 @@ declare global {
         prototype: HTMLJustifiModularCheckoutElement;
         new (): HTMLJustifiModularCheckoutElement;
     };
-    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 HTMLJustifiOrderTerminalsElementEventMap {
         "error-event": ComponentErrorEvent1;
         "submit-event": any;
@@ -2247,12 +2210,6 @@ declare global {
         prototype: HTMLJustifiPaymentDetailsElement;
         new (): HTMLJustifiPaymentDetailsElement;
     };
-    interface HTMLJustifiPaymentMethodOptionsElement extends Components.JustifiPaymentMethodOptions, HTMLStencilElement {
-    }
-    var HTMLJustifiPaymentMethodOptionsElement: {
-        prototype: HTMLJustifiPaymentMethodOptionsElement;
-        new (): HTMLJustifiPaymentMethodOptionsElement;
-    };
     interface HTMLJustifiPaymentProvisioningElementEventMap {
         "error-event": ComponentErrorEvent;
     }
@@ -2412,6 +2369,23 @@ declare global {
         prototype: HTMLJustifiProductOrServiceElement;
         new (): HTMLJustifiProductOrServiceElement;
     };
+    interface HTMLJustifiRadioListItemElementEventMap {
+        "radio-click": string;
+    }
+    interface HTMLJustifiRadioListItemElement extends Components.JustifiRadioListItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLJustifiRadioListItemElementEventMap>(type: K, listener: (this: HTMLJustifiRadioListItemElement, ev: JustifiRadioListItemCustomEvent<HTMLJustifiRadioListItemElementEventMap[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 HTMLJustifiRadioListItemElementEventMap>(type: K, listener: (this: HTMLJustifiRadioListItemElement, ev: JustifiRadioListItemCustomEvent<HTMLJustifiRadioListItemElementEventMap[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 HTMLJustifiRadioListItemElement: {
+        prototype: HTMLJustifiRadioListItemElement;
+        new (): HTMLJustifiRadioListItemElement;
+    };
     interface HTMLJustifiRefundPaymentElementEventMap {
         "error-event": ComponentErrorEvent1;
         "submit-event": ComponentSubmitEvent1;
@@ -2863,11 +2837,9 @@ declare global {
         "justifi-legal-address-form-step": HTMLJustifiLegalAddressFormStepElement;
         "justifi-legal-address-form-step-core": HTMLJustifiLegalAddressFormStepCoreElement;
         "justifi-modular-checkout": HTMLJustifiModularCheckoutElement;
-        "justifi-new-payment-method": HTMLJustifiNewPaymentMethodElement;
         "justifi-order-terminals": HTMLJustifiOrderTerminalsElement;
         "justifi-owner-form": HTMLJustifiOwnerFormElement;
         "justifi-payment-details": HTMLJustifiPaymentDetailsElement;
-        "justifi-payment-method-options": HTMLJustifiPaymentMethodOptionsElement;
         "justifi-payment-provisioning": HTMLJustifiPaymentProvisioningElement;
         "justifi-payment-provisioning-core": HTMLJustifiPaymentProvisioningCoreElement;
         "justifi-payment-provisioning-form-buttons": HTMLJustifiPaymentProvisioningFormButtonsElement;
@@ -2881,6 +2853,7 @@ declare global {
         "justifi-payouts-list-filters": HTMLJustifiPayoutsListFiltersElement;
         "justifi-postal-code-form": HTMLJustifiPostalCodeFormElement;
         "justifi-product-or-service": HTMLJustifiProductOrServiceElement;
+        "justifi-radio-list-item": HTMLJustifiRadioListItemElement;
         "justifi-refund-payment": HTMLJustifiRefundPaymentElement;
         "justifi-refund-policy": HTMLJustifiRefundPolicyElement;
         "justifi-save-new-payment-method": HTMLJustifiSaveNewPaymentMethodElement;
@@ -3509,18 +3482,6 @@ declare namespace LocalJSX {
          */
         "savePaymentMethod"?: boolean;
     }
-    interface JustifiNewPaymentMethod {
-        "accountId"?: string;
-        "authToken"?: string;
-        "hideBankAccountBillingForm"?: boolean;
-        "hideCardBillingForm"?: boolean;
-        "isSelected"?: boolean;
-        "onPaymentMethodOptionSelected"?: (event: JustifiNewPaymentMethodCustomEvent<any>) => void;
-        "paymentMethodGroupId"?: string;
-        "paymentMethodOption"?: PaymentMethodOption;
-        "showAch"?: boolean;
-        "showCard"?: boolean;
-    }
     interface JustifiOrderTerminals {
         "accountId"?: string;
         "authToken"?: string;
@@ -3551,24 +3512,6 @@ declare namespace LocalJSX {
         "onError-event"?: (event: JustifiPaymentDetailsCustomEvent<ComponentErrorEvent>) => void;
         "paymentId"?: string;
     }
-    interface JustifiPaymentMethodOptions {
-        "accountId"?: string;
-        "authToken"?: string;
-        "bnpl"?: IBnpl;
-        "hideBankAccountBillingForm"?: boolean;
-        "hideCardBillingForm"?: boolean;
-        "insuranceToggled"?: boolean;
-        "paymentAmount"?: number;
-        "paymentMethodGroupId"?: string;
-        /**
-          * @default []
-         */
-        "savedPaymentMethods"?: any[];
-        "showAch"?: boolean;
-        "showBnpl"?: boolean;
-        "showCard"?: boolean;
-        "showSavedPaymentMethods"?: boolean;
-    }
     interface JustifiPaymentProvisioning {
         /**
           * @default false
@@ -3678,6 +3621,21 @@ declare namespace LocalJSX {
          */
         "documentErrors"?: any;
     }
+    interface JustifiRadioListItem {
+        /**
+          * @default false
+         */
+        "checked"?: boolean;
+        "class"?: string;
+        /**
+          * @default false
+         */
+        "hidden"?: boolean;
+        "label": string;
+        "name": string;
+        "onRadio-click"?: (event: JustifiRadioListItemCustomEvent<string>) => void;
+        "value": string;
+    }
     interface JustifiRefundPayment {
         "accountId"?: string;
         "authToken"?: string;
@@ -3973,11 +3931,9 @@ declare namespace LocalJSX {
         "justifi-legal-address-form-step": JustifiLegalAddressFormStep;
         "justifi-legal-address-form-step-core": JustifiLegalAddressFormStepCore;
         "justifi-modular-checkout": JustifiModularCheckout;
-        "justifi-new-payment-method": JustifiNewPaymentMethod;
         "justifi-order-terminals": JustifiOrderTerminals;
         "justifi-owner-form": JustifiOwnerForm;
         "justifi-payment-details": JustifiPaymentDetails;
-        "justifi-payment-method-options": JustifiPaymentMethodOptions;
         "justifi-payment-provisioning": JustifiPaymentProvisioning;
         "justifi-payment-provisioning-core": JustifiPaymentProvisioningCore;
         "justifi-payment-provisioning-form-buttons": JustifiPaymentProvisioningFormButtons;
@@ -3991,6 +3947,7 @@ declare namespace LocalJSX {
         "justifi-payouts-list-filters": JustifiPayoutsListFilters;
         "justifi-postal-code-form": JustifiPostalCodeForm;
         "justifi-product-or-service": JustifiProductOrService;
+        "justifi-radio-list-item": JustifiRadioListItem;
         "justifi-refund-payment": JustifiRefundPayment;
         "justifi-refund-policy": JustifiRefundPolicy;
         "justifi-save-new-payment-method": JustifiSaveNewPaymentMethod;
@@ -4105,11 +4062,9 @@ declare module "@stencil/core" {
             "justifi-legal-address-form-step": LocalJSX.JustifiLegalAddressFormStep & JSXBase.HTMLAttributes<HTMLJustifiLegalAddressFormStepElement>;
             "justifi-legal-address-form-step-core": LocalJSX.JustifiLegalAddressFormStepCore & JSXBase.HTMLAttributes<HTMLJustifiLegalAddressFormStepCoreElement>;
             "justifi-modular-checkout": LocalJSX.JustifiModularCheckout & JSXBase.HTMLAttributes<HTMLJustifiModularCheckoutElement>;
-            "justifi-new-payment-method": LocalJSX.JustifiNewPaymentMethod & JSXBase.HTMLAttributes<HTMLJustifiNewPaymentMethodElement>;
             "justifi-order-terminals": LocalJSX.JustifiOrderTerminals & JSXBase.HTMLAttributes<HTMLJustifiOrderTerminalsElement>;
             "justifi-owner-form": LocalJSX.JustifiOwnerForm & JSXBase.HTMLAttributes<HTMLJustifiOwnerFormElement>;
             "justifi-payment-details": LocalJSX.JustifiPaymentDetails & JSXBase.HTMLAttributes<HTMLJustifiPaymentDetailsElement>;
-            "justifi-payment-method-options": LocalJSX.JustifiPaymentMethodOptions & JSXBase.HTMLAttributes<HTMLJustifiPaymentMethodOptionsElement>;
             "justifi-payment-provisioning": LocalJSX.JustifiPaymentProvisioning & JSXBase.HTMLAttributes<HTMLJustifiPaymentProvisioningElement>;
             "justifi-payment-provisioning-core": LocalJSX.JustifiPaymentProvisioningCore & JSXBase.HTMLAttributes<HTMLJustifiPaymentProvisioningCoreElement>;
             "justifi-payment-provisioning-form-buttons": LocalJSX.JustifiPaymentProvisioningFormButtons & JSXBase.HTMLAttributes<HTMLJustifiPaymentProvisioningFormButtonsElement>;
@@ -4123,6 +4078,7 @@ declare module "@stencil/core" {
             "justifi-payouts-list-filters": LocalJSX.JustifiPayoutsListFilters & JSXBase.HTMLAttributes<HTMLJustifiPayoutsListFiltersElement>;
             "justifi-postal-code-form": LocalJSX.JustifiPostalCodeForm & JSXBase.HTMLAttributes<HTMLJustifiPostalCodeFormElement>;
             "justifi-product-or-service": LocalJSX.JustifiProductOrService & JSXBase.HTMLAttributes<HTMLJustifiProductOrServiceElement>;
+            "justifi-radio-list-item": LocalJSX.JustifiRadioListItem & JSXBase.HTMLAttributes<HTMLJustifiRadioListItemElement>;
             "justifi-refund-payment": LocalJSX.JustifiRefundPayment & JSXBase.HTMLAttributes<HTMLJustifiRefundPaymentElement>;
             "justifi-refund-policy": LocalJSX.JustifiRefundPolicy & JSXBase.HTMLAttributes<HTMLJustifiRefundPolicyElement>;
             "justifi-save-new-payment-method": LocalJSX.JustifiSaveNewPaymentMethod & JSXBase.HTMLAttributes<HTMLJustifiSaveNewPaymentMethodElement>;

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

@@ -16,8 +16,9 @@ interface IInitialState {
     disablePaymentMethodGroup: boolean;
     paymentAmount: number;
     paymentDescription: string;
-    paymentMethodGroupId: string;
+    paymentMethodGroupId: string | undefined;
     paymentMethods: ICheckoutPaymentMethod[];
+    savePaymentMethod: boolean;
     selectedPaymentMethod: string;
     totalAmount: number;
 }

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

@@ -9,3 +9,4 @@ export * from './form/form-helpers/form-control-help-text';
 export * from './form/form-helpers/form-control-error-text';
 export * from './details/details';
 export * from './table';
+export * from './shadow-dom-components/justifi-radio-list-item';

package/dist/types/ui-components/shadow-dom-components/justifi-radio-list-item.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export declare class JustifiRadioListItem {
+    name: string;
+    value: string;
+    label: string;
+    checked?: boolean;
+    hidden?: boolean;
+    class?: string;
+    radioClick: EventEmitter<string>;
+    handleClick: () => void;
+    render(): any;
+}

package/dist/webcomponents/p-00c2f5d5.entry.js

@@ -0,0 +1 @@
+import{h as e,r as t,c as a}from"./p-N3w5zrz2.js";import{d as s,b as d}from"./p-DniBAXrh.js";import{a as i,b as c,D as r,c as o,C as l,E as f}from"./p-D0I-tRSs.js";import{B as b}from"./p-BQLEjYfZ.js";import{S as h}from"./p-o5iASgog.js";import"./p-CZfYo5-1.js";import{M as n}from"./p-BfEOvp9h.js";import{S as p}from"./p-CjAMuB2J.js";import{a as y,B as u}from"./p-EAEmpCru.js";import"./p-ChzWF0s3.js";import"./p-BFTU3MAI.js";import"./p-CKg_luIy.js";const v=()=>e("div",{class:"row gap-3"},e("div",{class:"col-12"},e(p,{width:"35%",height:"30px"})),e("div",{class:"col-12"},e(p,{width:"70%"})),e("div",{class:"col-12"},e(p,{width:"40%"})),e("div",{class:"col-12"},e(p,{width:"40%"})),e("div",{class:"col-12"},e(p,{width:"100%"})),e("div",{class:"col-12"},e(p,{width:"80%"}))),m=class{constructor(e){t(this,e),this.errorEvent=a(this,"error-event"),this.loading=!0,this.errorMessage=null,this.downloadCSV=()=>{this.getPayoutCSV({payoutId:this.payout.id,onError:({error:e,code:t,severity:a})=>{this.errorMessage=e,this.errorEvent.emit({message:e,errorCode:t,severity:a})}})}}componentWillLoad(){this.getPayout&&this.fetchData()}getPayoutWatcher(){this.fetchData()}fetchData(){this.loading=!0,this.getPayout({onSuccess:e=>{this.errorMessage=null,this.payout=e,this.loading=!1},onError:({error:e,code:t,severity:a})=>{this.errorMessage=e,this.errorEvent.emit({message:e,errorCode:t,severity:a}),this.loading=!1}})}render(){var t;return e(h,{key:"a109088ffaa3437430299158bde07f695f6ed0a8"},this.loading&&e(v,{key:"da2a9f3b35291bbd1abea3de3174b77ee58586f2"}),!this.loading&&this.errorMessage&&f(this.errorMessage),!this.loading&&this.payout&&e("justifi-details",{key:"b97b623716beaa39a2d9d5d9dde554b461948fae","error-message":this.errorMessage},e(i,{key:"716414411ca5d8d5e30c7f52aa4d8a94c5dfb163",slot:"head-info",badge:e("div",{class:"d-flex gap-1"},n(null===(t=this.payout)||void 0===t?void 0:t.status),e(y,"expedited"===this.payout.settlement_priority?{variant:u.WARNING,title:"Expedited",text:"Expedited"}:{variant:u.SECONDARY,title:"Standard",text:"Standard"})),title:this.payout.formattedPaymentAmount(this.payout.amount)},e(c,{key:"898b1578cbc0b90a6ebd305ffcf45c996ea36942",classes:"border-1 border-end",title:"Updated At",value:`${s(this.payout.updated_at)} ${d(this.payout.updated_at)}`}),e(c,{key:"ab03a03ba80781aa760bed450944c35f0210216c",classes:"border-1 border-end",title:"Created At",value:`${s(this.payout.created_at)} ${d(this.payout.created_at)}`}),e(c,{key:"f65b10fd429d33391471cbacccc001d38943331c",title:"ID",value:this.payout.id}),e("div",{key:"f0716854307a8208d486448c1e7e7c2e9f7bea9e",class:"m-4"},e(b,{key:"b9b963854f14f508984eb70d37656226b334d882",variant:"secondary",class:"btn btn-outline-secondary d-flex align-items-center",onClick:this.downloadCSV},"Export CSV"))),e("div",{key:"70df708f9f7ddda9d21a58481b7937a567ff0179",slot:"detail-sections"},e(r,{key:"24f60a66b848ba091a75fe7877c23b1c45a790ad",sectionTitle:"Details"}),e("div",{key:"c97f709a9030081871ed6b8878b8d9d73cbdb51d",class:"d-table gap-2 w-100"},e(o,{key:"7782dfef517e23171d7b1d3023a019dc51731f7d",title:"Date paid",value:s(this.payout.deposits_at)}),e(o,{key:"edcef38d00c9febe83acebd6c4c4e462ee8c117f",title:"Statement Description",value:this.payout.description}),e(o,{key:"2ae0d6434310d6c726226e6e8199d58f531ead31",title:"Payout Method",value:this.payout.delivery_method}),e(o,{key:"dfd06d7613a315366982cafad64214d41246bc18",title:"Amount",value:this.payout.formattedPaymentAmount(this.payout.amount)}),e(o,{key:"0c3b97b7eb651863b5df30989d059e0cb9c94967",title:"Fee",value:this.payout.formattedPaymentAmount(this.payout.fees_total)})),e(r,{key:"245a0a7a705d7bae8aa8c6b42513ce613d6b2238",sectionTitle:"Account"}),e("div",{key:"914381b1cd84b4ee90f994226054b9ca241707f7",class:"d-table gap-2 w-100"},e(o,{key:"f62e176e6dd5d74dae815a2eccd25b96d1bedb17",title:"ID",value:this.payout.account_id}),e(o,{key:"893f89d10f01718d7dee7621e9d7572f8789084f",title:"Account Type",value:this.payout.bank_account.account_type}),e(o,{key:"2531d9a01f8c016edbcf4687ea652fe57dcd6b54",title:"Institution",value:this.payout.bank_account.account_type}),e(o,{key:"107cadba8101d230777f7011e2444e31d9db4ca2",title:"Routing Number",value:this.payout.bank_account.routing_number}),e(o,{key:"85919cc3b23f149a1a488e7dc2dea262df59938f",title:"Account Number",value:this.payout.bank_account.account_number_last4})),this.payout.metadata&&[e(r,{key:"b54afae3f6a3310483988076c3f5548edf51e605",sectionTitle:"Metadata"}),e("div",{key:"0d25df6c414f619088441e9286f47a17920ac0bd",class:"d-table gap-2 w-100"},e(l,{key:"14aa74c5756f5bf83769d166ee6ee56317506747",metadata:this.payout.metadata}))])))}static get watchers(){return{getPayout:["getPayoutWatcher"]}}};export{m as payout_details_core}