@justifi/webcomponents 6.1.1 → 6.2.0-rc.2

package/dist/collection/components/business-forms/schemas/business-bank-account-schema.js

@@ -1,53 +1,88 @@
-import { object, mixed } from "yup";
+import { object, mixed, string } from "yup";
+import { CountryCode } from "../../../utils/country-codes";
 import { EntityDocumentType } from "../../../api/Document";
-import { accountNumberValidation, accountTypeValidation, bankNameValidation, identityNameValidation, nicknameValidation, routingNumberValidation } from "./schema-validations";
+import { accountNumberValidation, accountTypeValidation, bankNameValidation, identityNameValidation, nicknameValidation, routingNumberValidation, } from "./schema-validations";
+import { numbersOnlyRegex } from "./schema-helpers";
 const checkExistingDocs = (documents, documentType) => {
     return documents.some((doc) => doc.document_type === documentType);
 };
-const documentErrorText = 'Please upload either a voided check or a bank statement. Only one is required.';
-export const businessBankAccountSchema = (documents, allowOptionalFields) => {
-    const existingVoidedCheck = checkExistingDocs(documents, EntityDocumentType.voidedCheck);
-    const existingBankStatement = checkExistingDocs(documents, EntityDocumentType.bankStatement);
-    const existingDocument = existingVoidedCheck || existingBankStatement;
-    const schema = object().shape({
+const buildCommonFieldRules = (allowOptionalFields) => {
+    if (allowOptionalFields) {
+        return {
+            bank_name: bankNameValidation.nullable(),
+            nickname: nicknameValidation.nullable(),
+            account_owner_name: identityNameValidation.nullable(),
+            account_type: accountTypeValidation.nullable(),
+            account_number: accountNumberValidation.nullable(),
+        };
+    }
+    return {
         bank_name: bankNameValidation.required('Enter bank name'),
         nickname: nicknameValidation.required('Enter nickname'),
         account_owner_name: identityNameValidation.required('Enter account owner name'),
         account_type: accountTypeValidation.required('Select account type'),
         account_number: accountNumberValidation.required('Enter account number'),
-        routing_number: routingNumberValidation.required('Enter routing number'),
+    };
+};
+const buildDocumentRules = (documents, allowOptionalFields) => {
+    if (allowOptionalFields) {
+        return {
+            voided_check: mixed().nullable(),
+            bank_statement: mixed().nullable(),
+        };
+    }
+    const existingVoidedCheck = checkExistingDocs(documents, EntityDocumentType.voidedCheck);
+    const existingBankStatement = checkExistingDocs(documents, EntityDocumentType.bankStatement);
+    const existingDocument = existingVoidedCheck || existingBankStatement;
+    const documentErrorText = 'Please upload either a voided check or a bank statement. Only one is required.';
+    return {
         voided_check: mixed().when('bank_statement', {
-            is: (val) => {
-                return !val && !existingDocument;
-            },
-            then: (schema) => {
-                return schema.required(documentErrorText);
-            },
-            otherwise: (schema) => {
-                return schema.notRequired();
-            }
+            is: (val) => !val && !existingDocument,
+            then: (schema) => schema.required(documentErrorText),
+            otherwise: (schema) => schema.notRequired(),
         }),
         bank_statement: mixed().when('voided_check', {
-            is: (val) => {
-                return !val && !existingDocument;
-            },
-            then: (schema) => {
-                return schema.required(documentErrorText);
-            },
-            otherwise: (schema) => {
-                return schema.notRequired();
-            }
+            is: (val) => !val && !existingDocument,
+            then: (schema) => schema.required(documentErrorText),
+            otherwise: (schema) => schema.notRequired(),
         }),
-    }, [['voided_check', 'bank_statement']]);
-    const easySchema = object({
-        bank_name: bankNameValidation.nullable(),
-        nickname: nicknameValidation.nullable(),
-        account_owner_name: identityNameValidation.nullable(),
-        account_type: accountTypeValidation.nullable(),
-        account_number: accountNumberValidation.nullable(),
-        routing_number: routingNumberValidation.nullable(),
-        voided_check: mixed().nullable(),
-        bank_statement: mixed().nullable(),
-    });
-    return allowOptionalFields ? easySchema : schema;
+    };
+};
+const buildUSARules = (allowOptionalFields) => {
+    if (allowOptionalFields) {
+        return { routing_number: routingNumberValidation.nullable() };
+    }
+    return { routing_number: routingNumberValidation.required('Enter routing number') };
+};
+const buildCANRules = (allowOptionalFields) => {
+    const institutionNumberValidation = string()
+        .length(3, 'Institution number must be 3 digits')
+        .matches(numbersOnlyRegex, 'Enter valid institution number');
+    const transitNumberValidation = string()
+        .length(5, 'Transit number must be 5 digits')
+        .matches(numbersOnlyRegex, 'Enter valid transit number');
+    if (allowOptionalFields) {
+        return {
+            institution_number: institutionNumberValidation.nullable(),
+            transit_number: transitNumberValidation.nullable(),
+        };
+    }
+    return {
+        institution_number: institutionNumberValidation.required('Enter institution number'),
+        transit_number: transitNumberValidation.required('Enter transit number'),
+    };
+};
+export const businessBankAccountSchemaUSA = (documents, allowOptionalFields) => {
+    const shape = Object.assign(Object.assign(Object.assign({}, buildCommonFieldRules(allowOptionalFields)), buildUSARules(allowOptionalFields)), buildDocumentRules(documents, allowOptionalFields));
+    return object().shape(shape, [['voided_check', 'bank_statement']]);
+};
+export const businessBankAccountSchemaCAN = (documents, allowOptionalFields) => {
+    const shape = Object.assign(Object.assign(Object.assign({}, buildCommonFieldRules(allowOptionalFields)), buildCANRules(allowOptionalFields)), buildDocumentRules(documents, allowOptionalFields));
+    return object().shape(shape, [['voided_check', 'bank_statement']]);
+};
+// For backward compatibility, default to USA
+export const businessBankAccountSchema = (documents, allowOptionalFields) => businessBankAccountSchemaUSA(documents, allowOptionalFields);
+export const bankAccountSchemaByCountry = {
+    [CountryCode.USA]: (allowOptionalFields, documents = []) => businessBankAccountSchemaUSA(documents, allowOptionalFields),
+    [CountryCode.CAN]: (allowOptionalFields, documents = []) => businessBankAccountSchemaCAN(documents, allowOptionalFields),
 };

package/dist/collection/components/business-forms/schemas/business-core-info-schema.js

@@ -1,6 +1,9 @@
-import { object } from "yup";
-import { doingBusinessAsValidation, emailValidation, industryValidation, businessNameValidation, phoneValidation, taxIdValidation, websiteUrlValidation, dateOfIncorporationValidation, businessClassificationValidation } from "./schema-validations";
-export const businessCoreInfoSchema = (allowOptionalFields) => {
+import { object, string } from "yup";
+import { doingBusinessAsValidation, emailValidation, industryValidation, businessNameValidation, phoneValidation, taxIdValidation, websiteUrlValidation, dateOfIncorporationValidation, businessClassificationValidation, makeTaxIdValidation } from "./schema-validations";
+import { CountryCode } from "../../../utils/country-codes";
+import { countryLabels } from "../utils/country-config";
+// Base schema (no country-specific rules for classification/tax id)
+export const baseBusinessCoreInfoSchema = (allowOptionalFields) => {
     const schema = object({
         legal_name: businessNameValidation.required('Enter legal name'),
         website_url: websiteUrlValidation.required('Enter business website url'),
@@ -9,7 +12,6 @@ export const businessCoreInfoSchema = (allowOptionalFields) => {
         doing_business_as: doingBusinessAsValidation.nullable(),
         classification: businessClassificationValidation.required('Select business classification'),
         industry: industryValidation.required('Enter a business industry'),
-        tax_id: taxIdValidation.required('Enter valid tax ID (SSN or EIN) without dashes'),
         date_of_incorporation: dateOfIncorporationValidation.required('Enter date of incorporation'),
     });
     const easySchema = object({
@@ -25,3 +27,24 @@ export const businessCoreInfoSchema = (allowOptionalFields) => {
     });
     return allowOptionalFields ? easySchema : schema;
 };
+// Country-specific schema convenience wrappers
+export const businessCoreInfoSchemaUSA = (allowOptionalFields) => baseBusinessCoreInfoSchema(allowOptionalFields).concat(object({
+    classification: string().required('Select business classification'),
+    tax_id: makeTaxIdValidation(CountryCode.USA)
+        .when('tax_id_last4', {
+        is: (val) => !val,
+        then: (schema) => schema.required(`Enter valid ${countryLabels.USA.taxIdLabel} without dashes`),
+        otherwise: (schema) => schema.nullable(),
+    }),
+}));
+export const businessCoreInfoSchemaCAN = (allowOptionalFields) => baseBusinessCoreInfoSchema(allowOptionalFields).concat(object({
+    classification: string().required('Select business classification'),
+    tax_id: makeTaxIdValidation(CountryCode.CAN)
+        .when('tax_id_last4', {
+        is: (val) => !val,
+        then: (schema) => schema.required(`Enter valid ${countryLabels.CAN.taxIdLabel} without dashes`),
+        otherwise: (schema) => schema.nullable(),
+    }),
+}));
+// For backward compatibility, default to USA
+export const businessCoreInfoSchema = (allowOptionalFields) => businessCoreInfoSchemaUSA(allowOptionalFields);

package/dist/collection/components/business-forms/schemas/business-form-schema.js

@@ -1,6 +1,9 @@
 import { object } from "yup";
-import { businessCoreInfoSchema } from "./business-core-info-schema";
+import { businessCoreInfoSchemaUSA, businessCoreInfoSchemaCAN } from "./business-core-info-schema";
 import { additionalQuestionsSchema } from "./business-additional-questions-schema";
-import { identitySchema } from "./business-identity-schema";
-import { addressSchema } from "./business-address-schema";
-export const businessFormSchema = object(Object.assign(Object.assign({}, businessCoreInfoSchema().fields), { legal_address: addressSchema(), additional_questions: additionalQuestionsSchema(), representative: identitySchema('representative') }));
+import { identitySchemaUSA, identitySchemaCAN } from "./business-identity-schema";
+import { addressSchemaUSA, addressSchemaCAN } from "./business-address-schema";
+export const businessFormSchemaUSA = object(Object.assign(Object.assign({}, businessCoreInfoSchemaUSA().fields), { legal_address: addressSchemaUSA(), additional_questions: additionalQuestionsSchema(), representative: identitySchemaUSA('representative') }));
+export const businessFormSchemaCAN = object(Object.assign(Object.assign({}, businessCoreInfoSchemaCAN().fields), { legal_address: addressSchemaCAN(), additional_questions: additionalQuestionsSchema(), representative: identitySchemaCAN('representative') }));
+// For backward compatibility, default to USA
+export const businessFormSchema = businessFormSchemaUSA;

package/dist/collection/components/business-forms/schemas/business-identity-schema.js

@@ -1,26 +1,55 @@
 import { object, string } from "yup";
-import { addressSchema } from "./business-address-schema";
-import { dobValidation, emailValidation, identityNameValidation, identityTitleValidation, phoneValidation, ssnValidation } from "./schema-validations";
-export const identitySchema = (role, allowOptionalFields) => {
-    const schema = object({
-        name: identityNameValidation.required(`Enter ${role} name`),
-        title: identityTitleValidation.required(`Enter ${role} title`),
-        email: emailValidation.required(`Enter ${role} email`),
-        phone: phoneValidation.required('Enter phone number'),
-        dob_full: dobValidation(role).required('Enter date of birth'),
-        ssn_last4: string().nullable(),
-        identification_number: ssnValidation,
-        address: addressSchema(allowOptionalFields),
-    });
-    const easySchema = object({
-        name: identityNameValidation.required(`Enter ${role} name`),
-        title: identityTitleValidation.nullable(),
-        email: emailValidation.nullable(),
-        phone: phoneValidation.nullable(),
-        dob_full: dobValidation(role).nullable(),
-        ssn_last4: string().nullable(),
-        identification_number: ssnValidation.nullable(),
-        address: addressSchema(allowOptionalFields),
-    });
-    return allowOptionalFields ? easySchema : schema;
+import { addressSchemaUSA, addressSchemaCAN } from "./business-address-schema";
+import { dobValidation, emailValidation, identityNameValidation, identityTitleValidation, phoneValidation, ssnValidation, makeIdentityNumberValidation, } from "./schema-validations";
+import { CountryCode } from "../../../utils/country-codes";
+// Internal USA schemas
+const schemaUSA = (role) => object({
+    name: identityNameValidation.required(`Enter ${role} name`),
+    title: identityTitleValidation.nullable(),
+    email: emailValidation.nullable(),
+    phone: phoneValidation.nullable(),
+    dob_full: dobValidation(role).nullable(),
+    ssn_last4: string().nullable(),
+    identification_number: ssnValidation.nullable(),
+    address: addressSchemaUSA(true),
+});
+const strictSchemaUSA = (role) => object({
+    name: identityNameValidation.required(`Enter ${role} name`),
+    title: identityTitleValidation.required(`Enter ${role} title`),
+    email: emailValidation.required(`Enter ${role} email`),
+    phone: phoneValidation.required('Enter phone number'),
+    dob_full: dobValidation(role).required('Enter date of birth'),
+    ssn_last4: string().nullable(),
+    // ssn required unless last4 provided (handled inside ssnValidation)
+    identification_number: ssnValidation,
+    address: addressSchemaUSA(false),
+});
+// Internal CAN schemas
+const schemaCAN = (role) => object({
+    name: identityNameValidation.required(`Enter ${role} name`),
+    title: identityTitleValidation.nullable(),
+    email: emailValidation.nullable(),
+    phone: phoneValidation.nullable(),
+    dob_full: dobValidation(role).nullable(),
+    identification_number: makeIdentityNumberValidation(CountryCode.CAN).nullable(),
+    address: addressSchemaCAN(true),
+});
+const strictSchemaCAN = (role) => object({
+    name: identityNameValidation.required(`Enter ${role} name`),
+    title: identityTitleValidation.required(`Enter ${role} title`),
+    email: emailValidation.required(`Enter ${role} email`),
+    phone: phoneValidation.required('Enter phone number'),
+    dob_full: dobValidation(role).required('Enter date of birth'),
+    identification_number: makeIdentityNumberValidation(CountryCode.CAN)
+        .required('Enter identification number'),
+    address: addressSchemaCAN(false),
+});
+export const identitySchemaUSA = (role, allowOptionalFields) => allowOptionalFields ? schemaUSA(role) : strictSchemaUSA(role);
+export const identitySchemaCAN = (role, allowOptionalFields) => allowOptionalFields ? schemaCAN(role) : strictSchemaCAN(role);
+// For backward compatibility, default to USA
+export const identitySchema = (role, allowOptionalFields) => identitySchemaUSA(role, allowOptionalFields);
+// Country-keyed mapping
+export const identitySchemaByCountry = {
+    [CountryCode.USA]: identitySchemaUSA,
+    [CountryCode.CAN]: identitySchemaCAN,
 };

package/dist/collection/components/business-forms/schemas/schema-validations.js

@@ -1,6 +1,8 @@
 import { string } from "yup";
 import StateOptions from "../../../utils/state-options";
-import { businessServiceReceivedOptions, recurringPaymentsOptions, seasonalBusinessOptions, bankAccountTypeOptions, businessClassificationOptions, } from "../utils/business-form-options";
+import { CountryCode } from "../../../utils/country-codes";
+import { countryValidation } from "../utils/country-config";
+import { businessServiceReceivedOptions, recurringPaymentsOptions, seasonalBusinessOptions, bankAccountTypeOptions, } from "../utils/business-form-options";
 import { numbersOnlyRegex, phoneRegex, poBoxRegex, ssnRegex, transformEmptyString, urlRegex, validateRoutingNumber, } from "./schema-helpers";
 // Common Validations
 export const emailValidation = string()
@@ -21,9 +23,7 @@ export const doingBusinessAsValidation = string()
 export const websiteUrlValidation = string()
     .matches(urlRegex, 'Enter valid website url')
     .transform(transformEmptyString);
-export const businessClassificationValidation = string()
-    .oneOf(businessClassificationOptions.map((option) => option.value), 'Select business classification')
-    .transform(transformEmptyString);
+export const businessClassificationValidation = string().transform(transformEmptyString);
 export const industryValidation = string()
     .min(2, 'Industry must be at least 2 characters')
     .max(50, 'Industry must be less than 50 characters')
@@ -37,6 +37,43 @@ export const taxIdValidation = string()
     return value !== '123456789';
 })
     .transform(transformEmptyString);
+// Country-aware helpers (backward compatible)
+export const makePostalValidation = (country) => string()
+    .matches(countryValidation[country].postalRegex, 'Enter valid postal code')
+    .transform(transformEmptyString);
+export const makeIdentityNumberValidation = (country) => {
+    if (country === CountryCode.CAN) {
+        return string()
+            .matches(numbersOnlyRegex, 'Enter valid SIN')
+            .length(countryValidation[country].identityDigits, 'Enter valid SIN')
+            .test('not-repeat', 'Enter valid SIN', (value) => {
+            return !/^(\d)\1+$/.test(value);
+        })
+            .test('not-seq', 'Enter valid SIN', (value) => {
+            return value !== '123456789';
+        })
+            .transform(transformEmptyString);
+    }
+    // USA default (SSN)
+    return ssnValidation;
+};
+export const makeTaxIdValidation = (country) => {
+    if (country === CountryCode.CAN) {
+        return string()
+            .matches(numbersOnlyRegex, 'Enter valid Business Number (BN)')
+            .length(countryValidation[country].taxIdDigits, 'Enter valid Business Number (BN)')
+            .test('not-repeat', 'Enter valid Business Number (BN)', (value) => {
+            return !/^(\d)\1+$/.test(value);
+        })
+            .test('not-seq', 'Enter valid Business Number (BN)', (value) => {
+            return value !== '123456789';
+        })
+            .transform(transformEmptyString);
+    }
+    // USA default
+    return taxIdValidation;
+};
+export const makeBusinessClassificationValidation = (_country) => string().transform(transformEmptyString);
 export const dateOfIncorporationValidation = string()
     .test('not-future', 'Date of incorporation cannot be in the future', (value) => {
     const inputDate = new Date(value);

package/dist/collection/components/business-forms/utils/country-config.js

@@ -0,0 +1,47 @@
+import StateOptions from "../../../utils/state-options";
+import ProvinceOptions from "../../../utils/province-options";
+import { businessClassificationOptions } from "./business-form-options";
+export const countryLabels = {
+    USA: {
+        stateLabel: 'State',
+        postalLabel: 'Zip Code',
+        idNumberLabel: 'SSN',
+        idNumberLabelOptional: 'SSN (optional)',
+        identityHelpText: 'Enter your full Social Security Number. It is required for Federal OFAC check.',
+        taxIdLabel: 'Tax ID (EIN or SSN)',
+        taxIdHelpText: "Employer Identification Numbers (EINs) are nine digits. The federal tax identification number/EIN issued to you by the IRS. It can be found on your tax returns. Enter value without dashes.",
+    },
+    CAN: {
+        stateLabel: 'Province',
+        postalLabel: 'Postal Code',
+        idNumberLabel: 'SIN',
+        idNumberLabelOptional: 'SIN (optional)',
+        identityHelpText: 'Enter your full Social Insurance Number.',
+        taxIdLabel: 'Business Number (BN)',
+        taxIdHelpText: 'Business Numbers (BN) are nine digits. Enter value without spaces or dashes.',
+    },
+};
+export const countryOptions = {
+    USA: {
+        stateOptions: StateOptions,
+    },
+    CAN: {
+        stateOptions: ProvinceOptions,
+    },
+};
+export const countryValidation = {
+    USA: {
+        postalRegex: /^[0-9]{5}(-[0-9]{4})?$/,
+        identityDigits: 9,
+        taxIdDigits: 9,
+    },
+    CAN: {
+        postalRegex: /^[A-Za-z]\d[A-Za-z][ -]?\d[A-Za-z]\d$/,
+        identityDigits: 9,
+        taxIdDigits: 9,
+    },
+};
+export const getStateValues = (country) => (countryOptions[country].stateOptions || []).map((o) => o.value);
+// Business structures (placeholder for CAN duplicates USA for now)
+export const businessClassificationOptionsUSA = businessClassificationOptions;
+export const businessClassificationOptionsCAN = businessClassificationOptions;

package/dist/collection/components/checkout/bank-account-form/bank-account-form.js

@@ -33,10 +33,10 @@ export class BankAccountForm {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: 'f570c76e32ab7b017f220b8bcc0cecfafeffe47a' }, h(BankAccountFormSkeleton, { key: '390e43942d12ca974aa2d591e4df537c0300f235', isReady: this.isReady }), h("div", { key: '97a667e02df2bdc7b804708c122627e315d96c73', class: "container-fluid p-0", style: {
+        return (h(Host, { key: '1c142c117694002871cfcb0f9c419febda59ee1b' }, h(BankAccountFormSkeleton, { key: '06ee99086ab92d21f098bc266d9a3860cf0cfee3', isReady: this.isReady }), h("div", { key: 'f1ff30c399806c07854701c45698ee3b2a4d1492', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '7b4230ade22fa763a07259d0041a07d6a551e2a7', class: "row mb-3" }, h("iframe-input", { key: '2c1ee3b97a75aae1985fd04d59268c35e61b06e8', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '4aec3fd9f5e9d2ac57d12ecfda773ca75570ae54', class: "row" }, h("iframe-input", { key: 'd2c538e1772bafdcf4bb63bd58951ba8bc617be5', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
+            } }, h("div", { key: 'b9225fef945018fea713a58bf0f2d58b24069826', class: "row mb-3" }, h("iframe-input", { key: '116526dcaa3325b9f9de8c70f6a0dafdf9ec7ced', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: 'ef4856499b18125170f6b1117981cab79aa69914', class: "row" }, h("iframe-input", { key: 'ed3c4988a2eb856450f36ff225a91104f5c10422', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
     }
     static get is() { return "bank-account-form"; }
     static get states() {

package/dist/collection/components/checkout/card-form/card-form.js

@@ -37,10 +37,10 @@ export class CardForm {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: '038d2c8e2f9fcd1015d7177c79afa8c4e5810486' }, h(CardFormSkeleton, { key: 'b231bb34f43670bb1d92597d2ab37a5ef2c742e1', isReady: this.isReady }), h("div", { key: 'ede0af7f1964c2241982bfed4ca71f229d9096a1', class: "container-fluid p-0", style: {
+        return (h(Host, { key: '663c1f9a452e8d33ccf001044c2f8b1ba041f80e' }, h(CardFormSkeleton, { key: '4c0c267f180ab6c16e0f524631b7fef3c212a2c5', isReady: this.isReady }), h("div", { key: '5ee9adfcb131adbc972ea9c1806886534185d462', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '7c895da0378cc512b152a6629160009b12fa47aa', class: "mb-3" }, h("iframe-input", { key: '7717e0cf984a83402c61bceece2077cda780510f', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: 'b28428997690059244e4da2cd5080af2fb44ca00', class: "d-flex align-items-start" }, h("div", { key: 'e2f11a9293e00ab5b950de51a41b3af266b8084a', class: "flex-fill me-3" }, h("iframe-input", { key: '16d798effe3e29a06d5714b742749a1ce9b40760', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: 'e75c69175bd23bc96192d17a4561a0118f640ebe', class: "flex-fill me-3" }, h("iframe-input", { key: '04d1c4fb7693e42a18984d9c102a5d799e7c1c3f', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: 'a2130dcbe8e72f156bc0434d47a26a8e287b1fce', class: "flex-fill" }, h("iframe-input", { key: '4709dcb93de9543be9a5143df0bdeaf66935bde3', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
+            } }, h("div", { key: 'f1c7b6b7b23870ba0d39d08e04c113f464be2ea9', class: "mb-3" }, h("iframe-input", { key: 'dcd776b12d26c6561d5b630c09783e0c9c71f658', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: 'f76687d1aad013195aec06f0fec3166aa0d0ba71', class: "d-flex align-items-start" }, h("div", { key: '8321d1eaa1c1fee49106ca8a88f31b723d69d328', class: "flex-fill me-3" }, h("iframe-input", { key: 'f3740ecace8a988bf87475861fc5383920044e15', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '1b689045613f137cb4dfe41bae400dec27a93ae9', class: "flex-fill me-3" }, h("iframe-input", { key: '91d5b86f0de32c2635d3569dabd17230c1062c28', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '78f69077b9cc4c55694ee0dc3cbf43cc09de74a3', class: "flex-fill" }, h("iframe-input", { key: 'af2bb37ec9a2386dac4ebc17f4296e280c865271', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
     static get is() { return "card-form"; }
     static get states() {

package/dist/collection/components/checkout/checkout.js

@@ -75,9 +75,9 @@ export class Checkout {
     }
     render() {
         var _a, _b;
-        return (h(StyledHost, { key: '0d0a0eb14ce4f41683a13da63045c0f9cdadaf9c' }, h("justifi-modular-checkout", { key: 'c1bdc5df815a0644ed9c2c1f993fbce3317c89ed', ref: (el) => {
+        return (h(StyledHost, { key: '40765f54a977fb2e8e450eba0bf9731132ae4897' }, h("justifi-modular-checkout", { key: '3e698888a43c585749644d874dd49510889b04ca', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId }, h("div", { key: 'c2b1585130865059c416950d203e4bc6de14d7bb', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '1f7e5140220fa4e47167ad94fc73ec6f097b8c38', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: 'a9c940a936f3db6425ac8402910163696f57d70a', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: 'fd46c93c9f17cac96a40b24e2abfdd9d63e5dd3a' }, h("justifi-checkout-summary", { key: '4cbdfebd16b6ce411fd2ff8e9b82c141898d9aae' }))), h("div", { key: '43d2188813a694719154b80a7e7a8fcf7a09a672', class: "col-12 mt-4" }, h("slot", { key: '29b07bb448b85bb15a38b961afb2c5bb22d4be73', name: "insurance" })), h("div", { key: '46b213c8ebdb4b0d5e64a8fcd84a1d5fe95c7315', class: "col-12 mt-4" }, h("justifi-header", { key: 'e88f4f3092521158a2f16f4158ec681af39c739f', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '1b610381d0e4e14811be8d3f6edd979936e6f07f', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: '0da7399801ecdebd77f516fc60d68c7c84b8be0c', class: "d-flex flex-column" }, h("section", { key: 'd2cebab6a6a34cffca18e4720b18e177d4c5930c' }, h("div", { key: 'be648fcfc8ab083d81054ec291a524f501764eaa' }, h("justifi-saved-payment-methods", { key: 'b54b3e367e91d6bfb3a46cab928aeb85d059696f' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '96f6ab9bda4f61c053d09c67fbc007ff8ecbaa46', class: "mb-3" }, h("justifi-apple-pay", { key: '91699bd30da48629cda982ab933f4c381259a13a' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: 'ec38314be2801ada679b55df9e490bf89aa3fce7', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: '582830c28451e28433d7de007db2541d333ad5f0', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("justifi-tokenize-payment-method", { key: '7b065ec87f539d97c2977905c8afc759fd1f4a4e', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: '5370b456cbf1ce93a241f3dfff980cefe668652a', class: "mt-4" }, h("justifi-button", { key: '7bbb85faf30a34650fa252d7d1d80d332a803bcd', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
+            }, authToken: this.authToken, checkoutId: this.checkoutId }, h("div", { key: '2491242f0619ea24fbd0e50fbdda4cc2bad9915f', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'a965de56c5190e62bbad82116874c78c57f9d9c6', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: 'ad29fd4619a5bf9e38cbca2e24f8c6818419c022', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '4b1691f7f54a8e83f649a3d1346ec5e0f4ebb588' }, h("justifi-checkout-summary", { key: '8ea50acbcd67ea9f26dbdf74f3a0a30062926364' }))), h("div", { key: 'b024b6c6debc74443abca6b7776c29ce0253da34', class: "col-12 mt-4" }, h("slot", { key: '00b9e18b4fb5278085a3752cdd009d29b0a97a04', name: "insurance" })), h("div", { key: '7dac621b116926cbd860ca975aa642bc207fc62e', class: "col-12 mt-4" }, h("justifi-header", { key: '228d89e8fc31e9e0d6e67907b45f74b8af601e30', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '6cc7b7a742f679029f40d8c64c9d59004604f67b', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'd5ca29544817acbd96c6cff74de27ed13b9ac42f', class: "d-flex flex-column" }, h("section", { key: 'd149835076b70d73c61cfa6e219ac613cf93e817' }, h("div", { key: 'c4562096a2bbd0bacb907c1bbb5cf741d5c77cb3' }, h("justifi-saved-payment-methods", { key: '077666867b456945c6da965a2ebebfd2faaa66b9' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '7db9e4f2bc82ed36dce329e83c4fbbfea23aa615', class: "mb-3" }, h("justifi-apple-pay", { key: '50f02bd90d1f3ca1d43a2d027a596382b2e0b589' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '41b15052934bd38c021de57e35d116fcf756e996', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: '19669551d9835b62b02d38308f713f255fbf5276', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("justifi-tokenize-payment-method", { key: 'adce7f493b7b17d315c839290e04e1f89b7b033a', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: 'bcb348f1d16b64ca7bc9cb30e5dbe7bccc84ddd6', class: "mt-4" }, h("justifi-button", { key: 'f1fbd73274ea2d0674ae4979fab09b142446ad4e', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
     }
     static get is() { return "justifi-checkout"; }
     static get properties() {

package/dist/collection/components/checkout/save-new-payment-method.js

@@ -12,7 +12,7 @@ export class SaveNewPaymentMethod {
         };
     }
     render() {
-        return (h(StyledHost, { key: '04ed1491d4f5ca3e03a8a1f7a46dff5a0eb888de' }, h("form-control-checkbox", { key: '7901643960e9d5d26c5916fb6e06601a6b59906a', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+        return (h(StyledHost, { key: 'e40e77b8ef70b343c870a4cb0b6cf3fa51543ff9' }, h("form-control-checkbox", { key: '1429e670405e0d43eef2d3b5ed2d071db339129d', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
     }
     static get is() { return "justifi-save-new-payment-method"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/checkout/saved-payment-method.js

@@ -18,7 +18,7 @@ export class SavedPaymentMethod {
     ;
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: 'ec168d224a6f9d403b7737b601bcfaef47b6135b', class: "payment-method" }, h("div", { key: '46a38c788468221f12495d84b213103bc0780726', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '4d2c981f7504277024eef63cd75c9fb7d435400b', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
+        return (h(Host, { key: '2636f9038b83a384a2a3bc4bbc7695ff237a6584', class: "payment-method" }, h("div", { key: '2995201b40f93a916fe6a32c2d27bc43cd22d8d1', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '7f8382f0d3cbc596c329fc32badc6c4b40e4493f', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
     }
     static get is() { return "justifi-saved-payment-method"; }
     static get properties() {

package/dist/collection/components/checkouts-list/checkouts-list-core.js

@@ -118,7 +118,7 @@ export class CheckoutsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'a39afbb74067a8ce3b4958f8509c6432d2e9acd4' }, h(TableComponent, { key: '912298a9c2b9f701b939bc224ff73d74c5451d55' }, h(TableHead, { key: 'dc14d0c44f7521360ccd76129c472825ded515cb' }, h(TableHeadRow, { key: '2dd9d8f52b56ce9e2fc1d4b50fa37143ee33e6cf' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '41f0ccf7b211593bb5a4396a5c6f5b1d6c5c7bc3' }, h(TableLoadingState, { key: 'e80fb55f7e4ae660a97c37fe710a17190164d132', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'cd1f4f3204d6ee3baa4d826b0081196716e4b5dd', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'cb54166a78e4ee8ea25f1905893763cdd8d3dd92', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'bf8bfd7790f5bfbcb43d1d656fcdcc5a5776df98' }, h(TableFootRow, { key: 'fb86e28f22e368cc78d55e165ced57b2a2076dca' }, h(TableFootCell, { key: 'c5e1254f49c06c4129565422cb68ab956f420f74', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '14ec42d778e22b4c8796a1895e3f7f90732da45b', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'a227a356ba08e39e4b60849d8615a5b1cd845739' }, h(TableComponent, { key: '51b96d4be5773975397eadfc6c3c0ec983bdb38f' }, h(TableHead, { key: '868cf524b90bcc2671fc487dc5c7f9c71756d24f' }, h(TableHeadRow, { key: '3bc7b727e4e3c8f0a61b55993c965779c0fac73b' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '06adebe1455360d37d3eed7a27af2698b35047b4' }, h(TableLoadingState, { key: '241f49bd2ed6d3548e286de8f75f1cc92ffae23f', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '9739415d15f73457aa5125c85be88566e70d233b', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '43b1fa74ba01c89b2d22fc238295c343bf6379b6', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '3a4b974a07bbe7d0fe246ad93724be2bec449166' }, h(TableFootRow, { key: '6ec16663674ea87026fc3400d164fa2d9907c35a' }, h(TableFootCell, { key: '1eb2943ba2e6885a1a520430eb257e7499553c80', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'd4719b9e2166d0577e620a5575303294127833a9', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "checkouts-list-core"; }
     static get properties() {

package/dist/collection/components/checkouts-list/checkouts-list-filters.js

@@ -38,7 +38,7 @@ export class CheckoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '39b7e8cae3782643fc447fb66211f165021e39f8' }, h("table-filters-menu", { key: 'ec4668c59ba4d056b472e5d30f4e526fdb065935', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'b422804789a74a8063f77f307b8d477bd1ac98c0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd0125c273dd3bf11c3e50a4a470ddf9839d5efd2', class: "p-2" }, h("form-control-select", { key: '8d28305771dd12aa90784c3ce7a96de521b19a36', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '5980940381f9651936002a7cf563a373ab6db20a', class: "p-2" }, h("form-control-select", { key: 'f08541d0afbc4f808c5245e167190f2073cec49c', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
+        return (h(StyledHost, { key: 'e2c74f8194963dd89cfec003100160243d5b557a' }, h("table-filters-menu", { key: '11e1de006ba3449b055522566c8bf6ed7c7d0149', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'c9e381e473f76eca245cc3c8f63902fddde04536', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '335068bb6399da10ea58a39a918ab6e847a1b7fb', class: "p-2" }, h("form-control-select", { key: '3a5ff6562756bc17c1ff29a08dccef8f398d3b3c', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: 'a7101ad94377c3211219b9b2d4031f2fd4c0b623', class: "p-2" }, h("form-control-select", { key: '96613a62d42a61164959939cbaaacf14f28683b0', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
     }
     static get is() { return "justifi-checkouts-list-filters"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/checkouts-list/checkouts-list.js

@@ -61,7 +61,7 @@ export class CheckoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '1521139ac1c2f30516e70e5426a92b2bf615ae9a' }, h("checkouts-list-core", { key: '4c9166e7a2c6adc57f96aee67ba580e5b3e80620', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'f20c74e616c92115985587dc56d6ef62e86fbf02' }, h("checkouts-list-core", { key: 'e3afd6af4d8db35f4119d93cc550a1827e1d52cb', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-checkouts-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dispute-management/dispute-management-core.js

@@ -46,7 +46,7 @@ export class DisputeManagementCore {
         });
     }
     render() {
-        return (h("div", { key: '7e16a29a9b82c993c35c075c857838b1ba9469ea' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
+        return (h("div", { key: 'd931098227eb3c8d2a1eb4dd10fd8ce93101f424' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
     }
     static get is() { return "justifi-dispute-management-core"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-management.js

@@ -43,7 +43,7 @@ export class DisputeManagement {
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: 'f1bd67d5ad60de2ad584c8440cc71c3ad6453429', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: '60b2220edc8d7862cda6388040e7b1f9434100fc', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get is() { return "justifi-dispute-management"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-notification.js

@@ -30,7 +30,7 @@ export class DisputeNotification {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h(StyledHost, { key: 'ab36fe0292ebcc4d2f062898065c135b869be67a' }, this.isLoading && (h("div", { key: '8cff4628d911c7119b0f8d1612e99caad526746c', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'ee3bce3019778f5e481ae26ada89e70090671b37', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '242cbb756770f1545d09f5e79c539683158acaa6', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '409e7d228cb414ed458959107ba5ba2fe38eed72', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '8ba65861b311e2020f52ee38f0303b19c4b8b386', part: text }, h("h1", { key: '9f62e7a3144e50a0980d5e3ea2a1e078ec8e9d0b', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '533af5d2cc8cba530812d247f60ad7a92e4a36a3' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: 'cf842a85853e34e3b1a38674d36bd0a4705ff5e0', class: "h5" }, "Dispute details"), h("div", { key: 'cd3bcc4861a2ba4a576638d9a0e86927ff4d7123', class: "d-table gap-2" }, h("div", { key: '1bd4ce368992bf9d6855a301e0b249c68a98471c', class: "d-table-row gap-2" }, h("span", { key: '18845a901fcd0bff4480b780bbcf35fc171f4b0b', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '75533ed5fd445f69a4967a6625cab5badc5766a3', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: '5c0974a223983b19150230544d4c3b4154747de2', class: "d-table-row gap-2" }, h("span", { key: '7d09c4fdbc0b5f38f15d78b3c325e256d29136dc', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '2379e217700a07a388650f7ca82ca5a420175dd9', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: 'c4b5ad2e540d0ab61ff29b2913344ed055a56618', class: "d-table-row gap-2" }, h("span", { key: '2f32326e0067d8d8ac734ba9f16b6aee0e774cc2', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: '823b0d79ad2c77ef68c27300a5b8f539bfa66b30', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.due_date))), h("div", { key: '8a0cca3f006564da1feee39e06b3e322cd2773fc', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '07d7ba81e9353183148c9892ea8016537095b078', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '05d437f6711fae2398f865fdaeb6908327f8b68b', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: '4ca58f734515deb7c713c13a2f69f0f42d52f706' }, h("h1", { key: '65f92415880cc2fb39b7b2753df960ec10437455', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '8129f146f956db43378b672f68a9edeec9374401' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '85acb2724f46424856bf4fc885bd1553539ce2be' }, h("h1", { key: '7ce9b3ed57a5c3cd904d1c706044091fbda3dc03', class: "h4" }, "This payment was disputed"), h("p", { key: '6a92fd3be617562d1ba10192ec508354a9450150' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '8e45676c7909732bee12f707297987b927b9526c' }, h("h1", { key: 'f64abd54f60a63e0ff6888beecc74050e2f860db', class: "h4" }, "This payment was disputed"), h("p", { key: 'bd2e689d5de42468b67259573b8289835c4acc5e' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (h(StyledHost, { key: 'd268295bb070b948984332bd763407dd2abe8467' }, this.isLoading && (h("div", { key: 'e9083c5f4f8cb88a348dc5099be678cf0c44c6fd', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'dd847619a087adcf9ca142bd705073b5bd2cbb38', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'abce0be539824cabcdc91cc1935acda2928738be', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'fd50de2ce4ff82a99bd9435438f8714173f07a63', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '44d88a0e658669f0cb703e7a80008788957b4075', part: text }, h("h1", { key: 'cbcf492cd4cb236f8241a03e9a722650c4a86a33', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: 'c30d8f5246aaf75415e6334acc2d3ab53fb200c5' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '929bdc03a93e66cd95ad0985df42cee6e1448ee1', class: "h5" }, "Dispute details"), h("div", { key: '71ace963ec6035edfadb8e3391c2a025203ffb8b', class: "d-table gap-2" }, h("div", { key: '13feb89ef8720eb97fb58bb5a01c650339b044a0', class: "d-table-row gap-2" }, h("span", { key: 'f53edd37be55640f22d6fc8418c2c7a2fb68d4eb', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'ee91d5ecc2c3c921106fed6437b0122d87ffc590', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: 'f8d03855088572719cc69eb70846baaca626873f', class: "d-table-row gap-2" }, h("span", { key: '1da829c98c3799d5f426078084d472fe21ea8714', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '66251cc54a379c54d1f10de9b63c3acc8441102e', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: '75fb4722061c2ce1552aaf019cd55fe2e18d69bc', class: "d-table-row gap-2" }, h("span", { key: '0e1207c6ec9b5e0a1987c3dc27c7237b829c0e24', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: 'f59cee5df009fbe55a5afc7c862d127dcf9c39bc', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.due_date))), h("div", { key: '843db57269e37dc9a6fe870efaac3345acd69f8c', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '6bc8dc5a4d5b5fb3b4bd060f869cc154b5f38911', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'ece8a6e944501b889d9d881ae08181261aa630c1', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: '5801625ebc25850e4001d9961e20b9f589ba071a' }, h("h1", { key: '6a20320f19deea6e4cd2ad391ef6e3adf16d9272', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '5fbfbe7a8c80674f1d65fa5f989a2db428dcce73' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '7531e3e361613accf7f6b6085ba94dbaafcb4915' }, h("h1", { key: '6f613bf334d77f89ff9fff4fb95bcb60b81154fd', class: "h4" }, "This payment was disputed"), h("p", { key: '148b60d2220cdd181cc4fa7692b524c1da049aea' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '905c1f81c5d4d0e2dac524fa11cb7ae977bd8c35' }, h("h1", { key: 'de0004f4f08d07e3bbeb224e900c5f89d58f3ecd', class: "h4" }, "This payment was disputed"), h("p", { key: '40f37c79108a79989b7e5a6d2d90a855b37ea2a3' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
     static get is() { return "justifi-dispute-notification"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dispute-management/dispute-response/additional-statement.js

@@ -29,7 +29,7 @@ export class AdditionalStatement {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '1923f4fe65f07834785b052ff36d2c9b11a38232' }, h("div", { key: 'd3cd444874826ca88bca6dc4a3c411ad40cc4e59', class: "row gy-3" }, h("div", { key: '55359a7d9b54f71ceb1e78a802348f03c6274716', class: "col-12" }, h("h2", { key: '08dab7b1178136a2c82a6d6eb92e6e1c8ce8a50c', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '1bd6f80bfccf53663f3edd983e90dc48d5063254', class: "col-12" }, h("form-control-textarea", { key: 'ecc2f5c94e92b46688f37e10b10b9dc81f08d0f7', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: 'dacce3a39a44e7b9a819feb4b9dc66f3d761ec95', class: "col-12" }, h("form-control-file-v2", { key: 'd54e7538b572e84b81ea3fb4601fa92083599225', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
+        return (h("div", { key: 'a03e78a3610b5bf23bf9611ed2225e839da41c5d' }, h("div", { key: '235029013598b89a4d92c06cc468b1fb4147fc4c', class: "row gy-3" }, h("div", { key: 'f18cdb52f20817dc6dc3d16e91b4fee09ccda690', class: "col-12" }, h("h2", { key: '37a18cbc0027cb3fd170fa5afad295d57cfc0f19', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '9cc4ef86508b8232e343f46fc64ccc78b42ac22f', class: "col-12" }, h("form-control-textarea", { key: '93fb66f2e4ee72b58ff53c5010b1e5e16e9abbd7', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: 'cb3fe8f241e08df1984fc47820e723f00d34641d', class: "col-12" }, h("form-control-file-v2", { key: 'eeae63012b624078bfc3fa34553ed7aa8288a24b', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
     }
     static get is() { return "justifi-additional-statement"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/cancellation-policy.js

@@ -28,7 +28,7 @@ export class CancellationPolicy {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'f3be140160f96c20a65cfe0eb0f32b0a36d6328d' }, h("div", { key: '72c6936c3b99f55493c0019a0ade1ab85dc6245e', class: "row gy-3" }, h("div", { key: 'dc369f250820762b0d2f70b776b12b4736dacf7d', class: "col-12" }, h("h2", { key: '1b657416345e0ffb7e1181e40f913919e50a514b', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: 'af2320dcc457a9b58bf50398dadedfedb8b65e04', class: "col-12" }, h("form-control-textarea", { key: '6366a3fb241515461a17102450db84e56c6d23ad', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: '0129cd6a72201be98e4654e232314262c81a0a3b', class: "col-12" }, h("form-control-textarea", { key: 'f2b4d61af6aaa2e13f19e412b8bfdf369ff33876', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: '18c38013f5ffaa3145d6e11b6cee27a77fb922aa', class: "col-12" }, h("form-control-file-v2", { key: 'b8412565744676cb05a8d59df609da8a1b183f77', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
+        return (h("div", { key: '37c63086ec0dece44992be20f44d0b0f06ce3996' }, h("div", { key: '0aab4b70d17ce769d847470b74cd2f0946845ed2', class: "row gy-3" }, h("div", { key: '7cacadffe3a11231d9791dd3b536686e7cc2d539', class: "col-12" }, h("h2", { key: '09c8227375b4231c4135a18d31667f069c5c847d', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '4636e5b456294e6493e09859cf4d001d7e7b6c1a', class: "col-12" }, h("form-control-textarea", { key: 'e5e7be99ae8b18016c28388e7d165321b7aae062', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: '0885ca69088851f240ae22b5106a9989b4321f96', class: "col-12" }, h("form-control-textarea", { key: '80ebcdae7bbf223109820735dacb4d2a8c1c8809', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: '3ddc4eaa4f086eee2758c2b53172a0f43622e741', class: "col-12" }, h("form-control-file-v2", { key: 'cb975ba4e455d2fc5959319a781a084b5af7b9f8', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
     }
     static get is() { return "justifi-cancellation-policy"; }
     static get properties() {