@justifi/webcomponents 6.13.0-rc.1 → 6.13.1

package/dist/module/table-filters-menu2.js

@@ -31,7 +31,7 @@ const TableFiltersMenu = /*@__PURE__*/ proxyCustomElement(class TableFiltersMenu
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: '558098c56df448d5d7e46e40e8d2d9226c77e10a', class: "d-flex gap-2" }, h("div", { key: '60a8b41ec1467700ee2151367a51e7b7b79d7f40', class: "dropdown pb-3" }, h("button", { key: 'abbdc79ae0b11244b0a8824b389156ca34a00e0c', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '3fb6cac1e6b06e2846b07182f76a58c88832005a', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'e70d27c540efdd6c96d5734e1470f0673e29aaee', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'a229adc49fc6c7e754c8bb509d537e17381c927d' })))), h("div", { key: 'bb3359efbf4a0018f9e9431cb773b6b43d9b736e' }, h(Button, { key: '8415c1939e05e1a282eff4fc1b6eb96d2d21fde4', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: 'bcecb736427ce7859174c8f91938f720f8e32782', class: "d-flex gap-2" }, h("div", { key: 'aadd72cb3aac3d676a340068304802dbc5dfeab2', class: "dropdown pb-3" }, h("button", { key: '2dbb5590ea8ed60d2228b0f0b262332e5d377810', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: 'c516ec2550207e3acc3d0186c6f86d351a6ca4a9', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '4ee1c1bd0e5c9eacccb857986d3f2e37bb3d990b', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'b274f915722d1a59af4578935c4233bcf700c7b2' })))), h("div", { key: 'ce527862135dd31b9b198133a3a2c19699419c5d' }, h(Button, { key: '272022c173de7f8c41ba7a88cf5aa004da11b3a2', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get watchers() { return {
         "params": ["watchParamsHandler"]

package/dist/module/table.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { A as table, ai as tableHead, aj as tableHeadRow, ak as tableRow, al as tableFoot, am as tableFootRow, an as tableFootCell, ao as tableEmpty, ap as tableError, C as tableCell } from './parts.js';
+import { C as table, ai as tableHead, aj as tableHeadRow, ak as tableRow, al as tableFoot, am as tableFootRow, an as tableFootCell, ao as tableEmpty, ap as tableError, E as tableCell } from './parts.js';
 import { S as Spinner } from './spinner.js';
 
 const TableWrapper = (props, children) => {

package/dist/module/terminal-quantity-selector2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { z as card, a0 as image, a1 as buttonLink } from './parts.js';
+import { B as card, a0 as image, a1 as buttonLink } from './parts.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
@@ -26,7 +26,7 @@ const TerminalQuantitySelector = /*@__PURE__*/ proxyCustomElement(class Terminal
         };
     }
     render() {
-        return (h("div", { key: '031eab044914be9f082d5f93f7813f4e61e5a6f1', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: 'ccb7b2047fe47ff9d895df5fa56db8dc6aa7b573', class: "d-flex gap-3" }, h("div", { key: '0145845c698712ac65accf781f7e347c0c539c58', class: "d-flex align-items-center" }, h("img", { key: '3e48fa3175a3bcdae16e0d66c3627a4e84faf3d9', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: 'df45bb639c3f22da69847be20bfb0867acb592f4', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '3e75a2b6a4e512e08edd4e5662878f27e656f076', class: "row" }, h("div", { key: '12495ac532ed376c365893cfc3b85552ead99568', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '110ea9b505c790cfca4fbae78c3c6fb6f348b143', helpText: this.description })), h("div", { key: '47d0a8888279556ced19646bf8f27c8c0fa91d27', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '53bea293f4d25a0e3fbdfc72321d33ebdb117be9', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '9effca42d38cb2eb5433a83c95a5aa243c3de1f9', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '3e5a395703f88e10a2a0cf18c121280ec4035a54', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: '1704fa75958fcfd09f49a3c0fe8116d573bfa2ed', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '0efa6cc9b68c077928f808ae87de23bfdae8d114', class: "d-flex gap-3" }, h("div", { key: 'bffacd3f4efa0f4836df925c71cda7b557041041', class: "d-flex align-items-center" }, h("img", { key: '5d2d65f2e080408fce1c036f95b19829de05ec21', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '8c97aca0bf669cbd0b19f6d7eafffd36b20fd14e', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '96ec8a7338c8d3bcaa032a8dd0f68a331901ba57', class: "row" }, h("div", { key: '85cf477f4bc74ef873d7087e8e087728f80d9412', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '50357d9dad8c03ff4112a8a5f95aa8ccf99ea640', helpText: this.description })), h("div", { key: '598a1cd15123c470dcd3bc602a988ad335f07f39', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '6868ee6d61d15ff37d01432e40126ae4f77a97cb', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: 'dff94157f9c0cf1afbe60ee655568cd6b109fc1f', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '12aa22434ff134acd554a7eeb9782c81d14d7f02', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
 }, [256, "terminal-quantity-selector", {
         "modelName": [1, "model-name"],

package/dist/module/utils2.js

@@ -22272,13 +22272,13 @@ function processHTML(htmlString, functions) {
 }
 function formatPhoneNumber(number) {
     // Remove all non-numeric characters
-    let cleaned = ('' + number).replace(/\D/g, '');
+    const cleaned = ('' + number).replace(/\D/g, '');
     // Check if the number has the correct length
     if (cleaned.length !== 10) {
         return 'Invalid number';
     }
     // Format the number (XXX) XXX-XXXX
-    let formatted = cleaned.replace(/(\d{3})(\d{3})(\d{4})/, '($1) $2-$3');
+    const formatted = cleaned.replace(/(\d{3})(\d{3})(\d{4})/, '($1) $2-$3');
     return formatted;
 }
 function generateId(length = 10) {
@@ -22308,7 +22308,7 @@ function decodeJwt(token) {
         const decoded = atob(payload.replace(/-/g, '+').replace(/_/g, '/'));
         return JSON.parse(decoded);
     }
-    catch (e) {
+    catch (_a) {
         throw new Error('Invalid JWT');
     }
 }
@@ -22320,7 +22320,7 @@ function isTokenExpired(token) {
         }
         return payload.exp * 1000 < Date.now();
     }
-    catch (e) {
+    catch (_a) {
         return true; // Treat invalid token as expired
     }
 }

package/dist/stencil.config.js

@@ -0,0 +1,40 @@
+import dotenv from "dotenv";
+import replace from "@rollup/plugin-replace";
+dotenv.config({ path: '../../.env' });
+export const config = {
+    namespace: 'webcomponents',
+    outputTargets: [
+        {
+            type: 'dist',
+        },
+        {
+            type: 'dist-custom-elements',
+            dir: 'dist/module',
+            customElementsExportBehavior: 'auto-define-custom-elements',
+            isPrimaryPackageOutputTarget: true,
+        },
+        {
+            type: 'docs-json',
+            file: 'dist/docs.json',
+        },
+        {
+            type: 'docs-json',
+            file: '../../docs/docs.json',
+        },
+    ],
+    plugins: [
+        replace({
+            PROXY_API_ORIGIN: JSON.stringify(process.env.PROXY_API_ORIGIN),
+            IFRAME_ORIGIN: JSON.stringify(process.env.IFRAME_ORIGIN),
+            API_ORIGIN: JSON.stringify(process.env.API_ORIGIN),
+        }),
+    ],
+    validatePrimaryPackageOutputTarget: true,
+    sourceMap: false,
+    testing: {
+        setupFiles: ['./setupTests.js'],
+        moduleNameMapper: {
+            '\\.(svg|png|jpg|jpeg|gif|webp)$': '<rootDir>/src/__mocks__/fileMock.js',
+        },
+    },
+};

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

@@ -20,7 +20,19 @@ export declare enum EntityDocumentType {
     governmentId = "government_id",
     profitAndLossStatement = "profit_and_loss_statement",
     taxReturn = "tax_return",
-    other = "other"
+    other = "other",
+    articlesOfIncorporation = "articles_of_incorporation",
+    businessRegistration = "business_registration",
+    passport = "passport",
+    driverLicense = "driver_license",
+    residentCard = "resident_card",
+    statusCard = "status_card",
+    nexusCard = "nexus_card",
+    citizenshipCard = "citizenship_card",
+    foreignPassport = "foreign_passport",
+    birthCertificate = "birth_certificate",
+    sinCard = "sin_card",
+    ssnCard = "ssn_card"
 }
 export declare enum EntityDocumentStatus {
     pending = "pending",

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

@@ -26,6 +26,8 @@ export declare class OwnerForm {
     ownerSubmitted: EventEmitter<any>;
     constructor();
     returnOwnerData(): Promise<string>;
+    getOwnershipPercentage(): Promise<string | null>;
+    setOwnershipPercentageError(message: string): Promise<void>;
     validate(): Promise<boolean>;
     submit(): Promise<boolean>;
     validateAndSubmit(event: any): Promise<void>;

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

@@ -1,19 +1,15 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
-import { ComponentErrorEvent, ComponentFormStepCompleteEvent, IBankAccount, EntityDocument, EntityDocumentStorage, FileSelectEvent } from '../../../../api';
+import { ComponentErrorEvent, ComponentFormStepCompleteEvent, IBankAccount } from '../../../../api';
 import { CountryCode } from '../../../../utils/country-codes';
 import { FormController } from '../../../../ui-components/form/form';
 export declare class BusinessBankAccountFormStep {
     formController: FormController;
     errors: any;
     bankAccount: IBankAccount;
-    existingDocuments: any;
-    documentData: EntityDocumentStorage;
     isLoading: boolean;
     viewMode: 'readonly' | 'plaid' | 'manual';
     getBusiness: Function;
     postBankAccount: Function;
-    postDocumentRecord: Function;
-    postDocument: Function;
     bankAccountVerification: boolean;
     platformAccountId: string | null;
     authToken: string;
@@ -34,7 +30,6 @@ export declare class BusinessBankAccountFormStep {
     private getSchema;
     initializeFormController: () => void;
     inputHandler: (name: string, value: string) => void;
-    storeFiles: (e: CustomEvent<FileSelectEvent>) => void;
     get postPayload(): {
         account_owner_name: string;
         account_type: string;
@@ -60,15 +55,9 @@ export declare class BusinessBankAccountFormStep {
     handleToggleToManualEntry: () => void;
     handleToggleToPlaidVerification: () => void;
     handleSaveBankAccount: () => Promise<void>;
-    private postBusinessDocuments;
-    private postDocumentRecordData;
-    handleDocRecordResponse: (docData: EntityDocument, response: any) => boolean;
-    uploadDocument: (docData: EntityDocument) => Promise<boolean>;
-    handleUploadResponse: (response: any) => boolean;
     private renderBankAccountInputs;
     private renderReadonlyView;
     private renderPlaidView;
     private renderManualEntryView;
-    private renderDocumentUploads;
     render(): any;
 }

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

@@ -0,0 +1,44 @@
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import { ComponentErrorEvent, ComponentFormStepCompleteEvent, FileSelectEvent, IDocument, Identity } from '../../../../api';
+import { CountryCode } from '../../../../utils/country-codes';
+import { UploadedDocumentEntry } from './document-upload-options';
+export declare class DocumentUploadFormStep {
+    authToken: string;
+    businessId: string;
+    allowOptionalFields?: boolean;
+    country: CountryCode;
+    owners: Identity[];
+    existingDocuments: IDocument[];
+    selectedCategory: string;
+    selectedDocType: string;
+    uploadQueue: UploadedDocumentEntry[];
+    isLoading: boolean;
+    errors: {
+        [key: string]: string;
+    };
+    fileInputKey: number;
+    getBusiness: Function;
+    postDocumentRecord: Function;
+    private categories;
+    propChanged(): void;
+    watchHandler(newValue: boolean): void;
+    errorEvent: EventEmitter<ComponentErrorEvent>;
+    stepCompleteEvent: EventEmitter<ComponentFormStepCompleteEvent>;
+    formLoading: EventEmitter<boolean>;
+    validateAndSubmit({ onSuccess }: {
+        onSuccess: any;
+    }): Promise<void>;
+    componentWillLoad(): void;
+    private initializeApi;
+    private getData;
+    private get categoryOptions();
+    private get docTypeOptions();
+    private validate;
+    handleCategoryChange: (_name: string, value: string) => void;
+    handleDocTypeChange: (_name: string, value: string) => void;
+    handleFileSelected: (e: CustomEvent<FileSelectEvent>) => Promise<void>;
+    private postDocumentRecordData;
+    private handleDocRecordResponse;
+    private uploadDocument;
+    render(): any;
+}

package/dist/types/components/business-forms/payment-provisioning/document-upload/document-upload-list.d.ts

@@ -0,0 +1,6 @@
+import { UploadedDocumentEntry } from './document-upload-options';
+export declare class DocumentUploadList {
+    documents: UploadedDocumentEntry[];
+    private renderStatus;
+    render(): any;
+}

package/dist/types/components/business-forms/payment-provisioning/document-upload/document-upload-options.d.ts

@@ -0,0 +1,45 @@
+import { CountryCode } from '../../../../utils/country-codes';
+export declare const businessDocumentOptions: {
+    label: string;
+    value: string;
+}[];
+export declare const financialDocumentOptions: {
+    label: string;
+    value: string;
+}[];
+export declare const financialDocumentOptionsCAN: {
+    label: string;
+    value: string;
+}[];
+export declare const personalDocGroup1Options: {
+    label: string;
+    value: string;
+}[];
+export declare const personalDocGroup2Options: {
+    label: string;
+    value: string;
+}[];
+export interface DocumentCategory {
+    label: string;
+    value: string;
+    docTypeOptions: {
+        label: string;
+        value: string;
+    }[];
+}
+export type DocumentUploadStatus = 'uploading' | 'uploaded' | 'error';
+export interface UploadedDocumentEntry {
+    categoryLabel: string;
+    categoryValue: string;
+    docTypeLabel: string;
+    docTypeValue: string;
+    fileName: string;
+    file: File;
+    status: DocumentUploadStatus;
+}
+export declare function buildStaticCategories(country?: CountryCode): DocumentCategory[];
+export declare function buildPersonalDocumentCategories(): DocumentCategory[];
+export declare const financialOnlyCategories: DocumentCategory[];
+export declare function buildAllCategories(country?: CountryCode): DocumentCategory[];
+export declare const personalDocGroup1Types: Set<string>;
+export declare const personalDocGroup2Types: Set<string>;

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

@@ -16,6 +16,7 @@ export declare class PaymentProvisioningFormSteps {
         4: () => any;
         5: () => any;
         6: () => any;
+        7: () => any;
     };
     render(): any;
 }

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

@@ -1,17 +1,17 @@
 import { CountryCode } from '../../../utils/country-codes';
-export declare const businessBankAccountSchemaUSA: (documents: any[], allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
+export declare const businessBankAccountSchemaUSA: (allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
     [x: string]: any;
 }, import("yup").AnyObject, {
     [x: string]: any;
 }, "">;
-export declare const businessBankAccountSchemaCAN: (documents: any[], allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
+export declare const businessBankAccountSchemaCAN: (allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
     [x: string]: any;
 }, import("yup").AnyObject, {
     [x: string]: any;
 }, "">;
-export declare const businessBankAccountSchema: (documents: any[], allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
+export declare const businessBankAccountSchema: (allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
     [x: string]: any;
 }, import("yup").AnyObject, {
     [x: string]: any;
 }, "">;
-export declare const bankAccountSchemaByCountry: Record<CountryCode, (allowOptionalFields?: boolean, documents?: any[]) => any>;
+export declare const bankAccountSchemaByCountry: Record<CountryCode, (allowOptionalFields?: boolean) => any>;

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

@@ -6,5 +6,6 @@ export declare const businessClassificationOptions: BusinessFormOption[];
 export declare const businessServiceReceivedOptions: BusinessFormOption[];
 export declare const recurringPaymentsOptions: BusinessFormOption[];
 export declare const seasonalBusinessOptions: BusinessFormOption[];
+export declare const businessTitleOptions: BusinessFormOption[];
 export declare const bankAccountTypeOptions: BusinessFormOption[];
 export {};

package/dist/types/components/checkout/bank-account-form/bank-account-form.d.ts

@@ -4,8 +4,10 @@ export declare class BankAccountForm {
     tabId: string;
     private accountNumberIframeElement;
     private routingNumberIframeElement;
+    private hasLoggedAchDisabledWarning;
     componentWillLoad(): Promise<void>;
     componentDidRender(): void;
+    private isAchDisabledForCheckout;
     validate(): Promise<any>;
     tokenize({ clientId, paymentMethodMetadata, account }: {
         clientId: string;

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

@@ -26,6 +26,8 @@ export declare class JustifiCheckout {
     disablePaymentMethodGroup?: boolean;
     hideBankAccountBillingForm?: boolean;
     hideCardBillingForm?: boolean;
+    /** Passed to `justifi-google-pay` as `environment`. Omit to let the child use its default. */
+    googlePayEnv?: 'TEST' | 'PRODUCTION';
     preCompleteHook?: Hook<CheckoutState>;
     propChanged(): void;
     errorEvent: EventEmitter<ComponentErrorEvent>;

package/dist/types/components/modular-checkout/sub-components/justifi-apple-pay.d.ts

@@ -10,7 +10,6 @@ export declare class JustifiApplePay {
     buttonType: ApplePayButtonType;
     buttonStyle: ApplePayButtonStyle;
     disabled: boolean;
-    showSkeleton: boolean;
     width: string;
     height: string;
     isLoading: boolean;

package/dist/types/components/modular-checkout/sub-components/justifi-bank-account-form.d.ts

@@ -1,6 +1,6 @@
 import JustifiAnalytics from "../../../api/Analytics";
 export declare class JustifiBankAccountForm {
-    private bankAccountFormElement;
+    private bankAccountFormElement?;
     analytics: JustifiAnalytics;
     componentWillLoad(): Promise<void>;
     disconnectedCallback(): void;

package/dist/types/components/modular-checkout/sub-components/justifi-google-pay.d.ts

@@ -1,8 +1,9 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
 export declare class JustifiGooglePay {
     private iframeElement;
-    environment: "TEST" | "PRODUCTION";
-    merchantName?: string;
+    /** If not provided, the environment will be determined by the account mode: 'test' or 'live'. */
+    environment?: "TEST" | "PRODUCTION";
+    merchantDisplayName: string;
     iframeOrigin: string;
     iframeReady: boolean;
     sdkLoaded: boolean;
@@ -23,6 +24,7 @@ export declare class JustifiGooglePay {
     componentDidLoad(): void;
     disconnectedCallback(): void;
     private handleMessage;
+    private googlePayEnvironment;
     private sendInitialize;
     private sendStartPayment;
     render(): any;

package/dist/types/components/modular-checkout/sub-components/justifi-plaid-payment-method.d.ts

@@ -19,6 +19,7 @@ export declare class JustifiPlaidPaymentMethod {
     private timeoutId;
     private abortController;
     private hasLoggedDisabledWarning;
+    private hasLoggedAchPaymentsDisabledWarning;
     paymentMethodOptionSelected: EventEmitter;
     plaidError: EventEmitter;
     plaidErrorRecovered: EventEmitter;

package/dist/types/components.d.ts

@@ -16,6 +16,7 @@ import { CountryCode } from "./utils/country-codes";
 import { FormController as FormController1 } from "./ui-components/form/form";
 import { Placement, PositioningStrategy } from "@popperjs/core";
 import { Dispute } from "./api/Dispute";
+import { UploadedDocumentEntry } from "./components/business-forms/payment-provisioning/document-upload/document-upload-options";
 import { EntityDocumentType, FileSelectEvent as FileSelectEvent1 } from "./api/Document";
 import { IPaymentMethodMetadata } from "./api/PaymentMethod";
 import { ApplePayButtonStyle, ApplePayButtonType, IApplePayToken } from "./api/ApplePay";
@@ -37,6 +38,7 @@ export { CountryCode } from "./utils/country-codes";
 export { FormController as FormController1 } from "./ui-components/form/form";
 export { Placement, PositioningStrategy } from "@popperjs/core";
 export { Dispute } from "./api/Dispute";
+export { UploadedDocumentEntry } from "./components/business-forms/payment-provisioning/document-upload/document-upload-options";
 export { EntityDocumentType, FileSelectEvent as FileSelectEvent1 } from "./api/Document";
 export { IPaymentMethodMetadata } from "./api/PaymentMethod";
 export { ApplePayButtonStyle, ApplePayButtonType, IApplePayToken } from "./api/ApplePay";
@@ -238,6 +240,19 @@ export namespace Components {
          */
         "disputeResponse": ApiDisputeResponse | any;
     }
+    interface DocumentUploadFormStep {
+        "allowOptionalFields"?: boolean;
+        "authToken": string;
+        "businessId": string;
+        "country": CountryCode;
+        "validateAndSubmit": ({ onSuccess }: { onSuccess: any; }) => Promise<void>;
+    }
+    interface DocumentUploadList {
+        /**
+          * @default []
+         */
+        "documents": UploadedDocumentEntry[];
+    }
     interface DuplicateCharge {
         "disputeResponse": any;
         /**
@@ -541,10 +556,6 @@ export namespace Components {
           * @default "merchant.com.staging-justifi.checkout-dev"
          */
         "merchantIdentifier": string;
-        /**
-          * @default true
-         */
-        "showSkeleton": boolean;
         /**
           * @default "100%"
          */
@@ -638,6 +649,10 @@ export namespace Components {
          */
         "disablePaymentMethodGroup"?: boolean;
         "fillBillingForm": (fields: BillingFormFields) => Promise<void>;
+        /**
+          * Passed to `justifi-google-pay` as `environment`. Omit to let the child use its default.
+         */
+        "googlePayEnv"?: 'TEST' | 'PRODUCTION';
         /**
           * @default false
          */
@@ -698,10 +713,13 @@ export namespace Components {
     }
     interface JustifiGooglePay {
         /**
-          * @default "TEST"
+          * If not provided, the environment will be determined by the account mode: 'test' or 'live'.
          */
-        "environment": "TEST" | "PRODUCTION";
-        "merchantName"?: string;
+        "environment"?: "TEST" | "PRODUCTION";
+        /**
+          * @default "JustiFi Checkout"
+         */
+        "merchantDisplayName": string;
     }
     interface JustifiGrossPaymentChart {
         "accountId": string;
@@ -971,11 +989,13 @@ export namespace Components {
         "authToken": string;
         "businessId"?: string;
         "country": CountryCode;
+        "getOwnershipPercentage": () => Promise<string | null>;
         "newFormOpen"?: boolean;
         "ownerId"?: string;
         "ownersLength"?: number;
         "removeOwner": (id: string) => void;
         "returnOwnerData": () => Promise<string>;
+        "setOwnershipPercentageError": (message: string) => Promise<void>;
         "submit": () => Promise<boolean>;
         "validate": () => Promise<boolean>;
         "validateAndSubmit": (event: any) => Promise<void>;
@@ -1130,6 +1150,10 @@ export interface DisputeResponseCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDisputeResponseElement;
 }
+export interface DocumentUploadFormStepCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDocumentUploadFormStepElement;
+}
 export interface FormControlCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLFormControlCheckboxElement;
@@ -1621,6 +1645,31 @@ declare global {
         prototype: HTMLDisputeResponseElement;
         new (): HTMLDisputeResponseElement;
     };
+    interface HTMLDocumentUploadFormStepElementEventMap {
+        "error-event": ComponentErrorEvent1;
+        "complete-form-step-event": ComponentFormStepCompleteEvent1;
+        "formLoading": boolean;
+    }
+    interface HTMLDocumentUploadFormStepElement extends Components.DocumentUploadFormStep, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDocumentUploadFormStepElementEventMap>(type: K, listener: (this: HTMLDocumentUploadFormStepElement, ev: DocumentUploadFormStepCustomEvent<HTMLDocumentUploadFormStepElementEventMap[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 HTMLDocumentUploadFormStepElementEventMap>(type: K, listener: (this: HTMLDocumentUploadFormStepElement, ev: DocumentUploadFormStepCustomEvent<HTMLDocumentUploadFormStepElementEventMap[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 HTMLDocumentUploadFormStepElement: {
+        prototype: HTMLDocumentUploadFormStepElement;
+        new (): HTMLDocumentUploadFormStepElement;
+    };
+    interface HTMLDocumentUploadListElement extends Components.DocumentUploadList, HTMLStencilElement {
+    }
+    var HTMLDocumentUploadListElement: {
+        prototype: HTMLDocumentUploadListElement;
+        new (): HTMLDocumentUploadListElement;
+    };
     interface HTMLDuplicateChargeElement extends Components.DuplicateCharge, HTMLStencilElement {
     }
     var HTMLDuplicateChargeElement: {
@@ -2767,6 +2816,8 @@ declare global {
         "customer-details": HTMLCustomerDetailsElement;
         "dispute-notification": HTMLDisputeNotificationElement;
         "dispute-response": HTMLDisputeResponseElement;
+        "document-upload-form-step": HTMLDocumentUploadFormStepElement;
+        "document-upload-list": HTMLDocumentUploadListElement;
         "duplicate-charge": HTMLDuplicateChargeElement;
         "electronic-evidence": HTMLElectronicEvidenceElement;
         "form-address-fields": HTMLFormAddressFieldsElement;
@@ -3056,6 +3107,21 @@ declare namespace LocalJSX {
         "onError-event"?: (event: DisputeResponseCustomEvent<ComponentErrorEvent>) => void;
         "onSubmit-event"?: (event: DisputeResponseCustomEvent<ComponentSubmitEvent>) => void;
     }
+    interface DocumentUploadFormStep {
+        "allowOptionalFields"?: boolean;
+        "authToken": string;
+        "businessId": string;
+        "country": CountryCode;
+        "onComplete-form-step-event"?: (event: DocumentUploadFormStepCustomEvent<ComponentFormStepCompleteEvent1>) => void;
+        "onError-event"?: (event: DocumentUploadFormStepCustomEvent<ComponentErrorEvent1>) => void;
+        "onFormLoading"?: (event: DocumentUploadFormStepCustomEvent<boolean>) => void;
+    }
+    interface DocumentUploadList {
+        /**
+          * @default []
+         */
+        "documents"?: UploadedDocumentEntry[];
+    }
     interface DuplicateCharge {
         "disputeResponse": any;
         /**
@@ -3387,10 +3453,6 @@ declare namespace LocalJSX {
   }>) => void;
         "onApplePayError"?: (event: JustifiApplePayCustomEvent<{ error: string, code: string }>) => void;
         "onApplePayStarted"?: (event: JustifiApplePayCustomEvent<void>) => void;
-        /**
-          * @default true
-         */
-        "showSkeleton"?: boolean;
         /**
           * @default "100%"
          */
@@ -3475,6 +3537,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "disablePaymentMethodGroup"?: boolean;
+        /**
+          * Passed to `justifi-google-pay` as `environment`. Omit to let the child use its default.
+         */
+        "googlePayEnv"?: 'TEST' | 'PRODUCTION';
         /**
           * @default false
          */
@@ -3541,10 +3607,13 @@ declare namespace LocalJSX {
     }
     interface JustifiGooglePay {
         /**
-          * @default "TEST"
+          * If not provided, the environment will be determined by the account mode: 'test' or 'live'.
          */
         "environment"?: "TEST" | "PRODUCTION";
-        "merchantName"?: string;
+        /**
+          * @default "JustiFi Checkout"
+         */
+        "merchantDisplayName"?: string;
         "onGooglePayCancelled"?: (event: JustifiGooglePayCustomEvent<void>) => void;
         "onGooglePayCompleted"?: (event: JustifiGooglePayCustomEvent<{
     success: boolean;
@@ -3996,6 +4065,8 @@ declare namespace LocalJSX {
         "customer-details": CustomerDetails;
         "dispute-notification": DisputeNotification;
         "dispute-response": DisputeResponse;
+        "document-upload-form-step": DocumentUploadFormStep;
+        "document-upload-list": DocumentUploadList;
         "duplicate-charge": DuplicateCharge;
         "electronic-evidence": ElectronicEvidence;
         "form-address-fields": FormAddressFields;
@@ -4124,6 +4195,8 @@ declare module "@stencil/core" {
             "customer-details": LocalJSX.CustomerDetails & JSXBase.HTMLAttributes<HTMLCustomerDetailsElement>;
             "dispute-notification": LocalJSX.DisputeNotification & JSXBase.HTMLAttributes<HTMLDisputeNotificationElement>;
             "dispute-response": LocalJSX.DisputeResponse & JSXBase.HTMLAttributes<HTMLDisputeResponseElement>;
+            "document-upload-form-step": LocalJSX.DocumentUploadFormStep & JSXBase.HTMLAttributes<HTMLDocumentUploadFormStepElement>;
+            "document-upload-list": LocalJSX.DocumentUploadList & JSXBase.HTMLAttributes<HTMLDocumentUploadListElement>;
             "duplicate-charge": LocalJSX.DuplicateCharge & JSXBase.HTMLAttributes<HTMLDuplicateChargeElement>;
             "electronic-evidence": LocalJSX.ElectronicEvidence & JSXBase.HTMLAttributes<HTMLElectronicEvidenceElement>;
             "form-address-fields": LocalJSX.FormAddressFields & JSXBase.HTMLAttributes<HTMLFormAddressFieldsElement>;

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

@@ -0,0 +1,2 @@
+import { Config } from '../../../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

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

@@ -9,6 +9,7 @@ interface IInitialState {
     isWalletProcessing: boolean;
     applePayEnabled: boolean;
     googlePayEnabled: boolean;
+    achPaymentsEnabled: boolean;
     insuranceEnabled: boolean;
     bnplProviderApiVersion: string;
     bnplProviderCheckoutUrl: string;
@@ -16,6 +17,7 @@ interface IInitialState {
     bnplProviderMode: string;
     checkoutId: string;
     checkoutLoaded: boolean;
+    checkoutMode: 'test' | 'live' | null;
     bankAccountVerification?: boolean;
     disableBankAccount: boolean;
     disableCreditCard: boolean;