@justifi/webcomponents 6.1.0-rc.3 → 6.1.1-rc.1

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

@@ -1,43 +1,21 @@
 import { object, string } from "yup";
-import { cityValidation, lineOneValidation, lineTwoValidation, postalValidation, makePostalValidation, } from "./schema-validations";
-import { CountryCode } from "../../../utils/country-codes";
-// Internal USA schemas
-const schemaUSA = () => object({
-    line1: lineOneValidation.nullable(),
-    line2: lineTwoValidation.nullable(),
-    city: cityValidation.nullable(),
-    state: string().nullable(),
-    postal_code: string().nullable(),
-});
-const strictSchemaUSA = () => object({
-    line1: lineOneValidation.required('Enter street address'),
-    line2: lineTwoValidation.nullable(),
-    city: cityValidation.required('Enter city'),
-    state: string().required('Select state'),
-    postal_code: postalValidation.required('Enter postal code'),
-});
-// Internal CAN schemas
-const schemaCAN = () => object({
-    line1: lineOneValidation.nullable(),
-    line2: lineTwoValidation.nullable(),
-    city: cityValidation.nullable(),
-    state: string().nullable(),
-    postal_code: string().nullable(),
-});
-const strictSchemaCAN = () => object({
-    line1: lineOneValidation.required('Enter street address'),
-    line2: lineTwoValidation.nullable(),
-    city: cityValidation.required('Enter city'),
-    state: string().required('Select province'),
-    postal_code: makePostalValidation(CountryCode.CAN).required('Enter postal code'),
-});
-// Public API
-export const addressSchemaUSA = (allowOptionalFields) => allowOptionalFields ? schemaUSA() : strictSchemaUSA();
-export const addressSchemaCAN = (allowOptionalFields) => allowOptionalFields ? schemaCAN() : strictSchemaCAN();
-// For Backward compatibility
-export const addressSchema = (allowOptionalFields) => addressSchemaUSA(allowOptionalFields);
-// Country-keyed mapping
-export const addressSchemaByCountry = {
-    [CountryCode.USA]: addressSchemaUSA,
-    [CountryCode.CAN]: addressSchemaCAN,
+import { cityValidation, lineOneValidation, lineTwoValidation, postalValidation, stateValidation } from "./schema-validations";
+export const addressSchema = (allowOptionalFields) => {
+    const schema = object({
+        line1: lineOneValidation.required('Enter street address'),
+        line2: lineTwoValidation.nullable(),
+        city: cityValidation.required('Enter city'),
+        state: stateValidation.required('Select state'),
+        postal_code: postalValidation.required('Enter postal code'),
+        country: string().required('Select country')
+    });
+    const easySchema = object({
+        line1: lineOneValidation.nullable(),
+        line2: lineTwoValidation.nullable(),
+        city: cityValidation.nullable(),
+        state: stateValidation.nullable(),
+        postal_code: postalValidation.nullable(),
+        country: string().required('Select country')
+    });
+    return allowOptionalFields ? easySchema : schema;
 };

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

@@ -1,88 +1,53 @@
-import { object, mixed, string } from "yup";
-import { CountryCode } from "../../../utils/country-codes";
+import { object, mixed } from "yup";
 import { EntityDocumentType } from "../../../api/Document";
-import { accountNumberValidation, accountTypeValidation, bankNameValidation, identityNameValidation, nicknameValidation, routingNumberValidation, } from "./schema-validations";
-import { numbersOnlyRegex } from "./schema-helpers";
+import { accountNumberValidation, accountTypeValidation, bankNameValidation, identityNameValidation, nicknameValidation, routingNumberValidation } from "./schema-validations";
 const checkExistingDocs = (documents, documentType) => {
     return documents.some((doc) => doc.document_type === documentType);
 };
-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 {
+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({
         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'),
-    };
-};
-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 {
+        routing_number: routingNumberValidation.required('Enter routing number'),
         voided_check: mixed().when('bank_statement', {
-            is: (val) => !val && !existingDocument,
-            then: (schema) => schema.required(documentErrorText),
-            otherwise: (schema) => schema.notRequired(),
+            is: (val) => {
+                return !val && !existingDocument;
+            },
+            then: (schema) => {
+                return schema.required(documentErrorText);
+            },
+            otherwise: (schema) => {
+                return schema.notRequired();
+            }
         }),
         bank_statement: mixed().when('voided_check', {
-            is: (val) => !val && !existingDocument,
-            then: (schema) => schema.required(documentErrorText),
-            otherwise: (schema) => schema.notRequired(),
+            is: (val) => {
+                return !val && !existingDocument;
+            },
+            then: (schema) => {
+                return schema.required(documentErrorText);
+            },
+            otherwise: (schema) => {
+                return schema.notRequired();
+            }
         }),
-    };
-};
-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),
+    }, [['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;
 };

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

@@ -1,9 +1,6 @@
-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) => {
+import { object } from "yup";
+import { doingBusinessAsValidation, emailValidation, industryValidation, businessNameValidation, phoneValidation, taxIdValidation, websiteUrlValidation, dateOfIncorporationValidation, businessClassificationValidation } from "./schema-validations";
+export const businessCoreInfoSchema = (allowOptionalFields) => {
     const schema = object({
         legal_name: businessNameValidation.required('Enter legal name'),
         website_url: websiteUrlValidation.required('Enter business website url'),
@@ -12,6 +9,7 @@ export const baseBusinessCoreInfoSchema = (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({
@@ -27,24 +25,3 @@ export const baseBusinessCoreInfoSchema = (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,9 +1,6 @@
 import { object } from "yup";
-import { businessCoreInfoSchemaUSA, businessCoreInfoSchemaCAN } from "./business-core-info-schema";
+import { businessCoreInfoSchema } from "./business-core-info-schema";
 import { additionalQuestionsSchema } from "./business-additional-questions-schema";
-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;
+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') }));

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

@@ -1,55 +1,26 @@
 import { object, string } from "yup";
-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,
+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;
 };

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

@@ -1,8 +1,6 @@
 import { string } from "yup";
 import StateOptions from "../../../utils/state-options";
-import { CountryCode } from "../../../utils/country-codes";
-import { countryValidation } from "../utils/country-config";
-import { businessServiceReceivedOptions, recurringPaymentsOptions, seasonalBusinessOptions, bankAccountTypeOptions, } from "../utils/business-form-options";
+import { businessServiceReceivedOptions, recurringPaymentsOptions, seasonalBusinessOptions, bankAccountTypeOptions, businessClassificationOptions, } from "../utils/business-form-options";
 import { numbersOnlyRegex, phoneRegex, poBoxRegex, ssnRegex, transformEmptyString, urlRegex, validateRoutingNumber, } from "./schema-helpers";
 // Common Validations
 export const emailValidation = string()
@@ -23,7 +21,9 @@ export const doingBusinessAsValidation = string()
 export const websiteUrlValidation = string()
     .matches(urlRegex, 'Enter valid website url')
     .transform(transformEmptyString);
-export const businessClassificationValidation = string().transform(transformEmptyString);
+export const businessClassificationValidation = string()
+    .oneOf(businessClassificationOptions.map((option) => option.value), 'Select business classification')
+    .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,43 +37,6 @@ 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/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: '3176dc188869e5b233095a9cbbf0309b92445ee1' }, h(BankAccountFormSkeleton, { key: '192ba2270459bf2da49473095f5b7038b220e9c3', isReady: this.isReady }), h("div", { key: '9304caeb4d54ba9f33850849352ab344cdbce2c4', class: "container-fluid p-0", style: {
+        return (h(Host, { key: '75a85f7b9ea4bf40b486706bce4b142821bf9f00' }, h(BankAccountFormSkeleton, { key: 'ce957273b6ac57f4f0c636622cc9578582ceff43', isReady: this.isReady }), h("div", { key: 'd269050f0fc66d7000096ccfb72a075342e0e91a', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'fa7880671ebd1972ff7224c6b70b4fee7e626fe2', class: "row mb-3" }, h("iframe-input", { key: 'd59e0c2ebb8dd89f60ef33a6c4b26b2e09cd09af', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '78cf00f1340bff12dfd40e62a1f5307adb49567d', class: "row" }, h("iframe-input", { key: 'f6098a33489f1fbfdb2c52644d77218c53f9e243', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
+            } }, h("div", { key: '87285840b03837b7f12922257d6c8ca171db2d7d', class: "row mb-3" }, h("iframe-input", { key: 'd0ad5b047f1a4e51936ce79edc2d195bd781e4b2', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: 'eee0c473f0add87e7842a0a1f24bdd999fe21a77', class: "row" }, h("iframe-input", { key: 'dfaa618afdffabe07a290cdfe63c6f06b38f8ecf', 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/billing-form/billing-form.js

@@ -1,10 +1,11 @@
 import { h, Host } from "@stencil/core";
+import { PAYMENT_METHODS } from "../../..";
 export class BillingForm {
     get showSimpleCardBillingForm() {
-        return this.paymentMethodType === 'card' && this.hideCardBillingForm;
+        return this.paymentMethodType === PAYMENT_METHODS.NEW_CARD && this.hideCardBillingForm;
     }
     get showSimpleBankAccountBillingForm() {
-        return this.paymentMethodType === 'bankAccount' && this.hideBankAccountBillingForm;
+        return this.paymentMethodType === PAYMENT_METHODS.NEW_BANK_ACCOUNT && this.hideBankAccountBillingForm;
     }
     async getValues() {
         var _a;

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: 'a2e24bea5b9452109cc2e8bace48715d4891a8fd' }, h(CardFormSkeleton, { key: '72eaccbcbc44276f717796a6d43a7237ea9aa53c', isReady: this.isReady }), h("div", { key: 'ecaf4c87c39ef1613962a2ede31401f1ebc83510', class: "container-fluid p-0", style: {
+        return (h(Host, { key: '4867571cdff85823d48b139c1b6e591ff73ca426' }, h(CardFormSkeleton, { key: '37b584aa3865acc9266500f734c7a10e49fa139d', isReady: this.isReady }), h("div", { key: '09b5e58ed9df060922e2579880b68f022cff2940', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'f2d7aa181c3fab31a660fb61cd05086a801f2ae3', class: "mb-3" }, h("iframe-input", { key: '146fd7622be45cd3d672449021bb2e5cae863c14', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: 'cbbf5b2e280fa0974c1416c3291ad69be778dad0', class: "d-flex align-items-start" }, h("div", { key: 'b624938df43a99cc8bdfee12ad375c2f794eb716', class: "flex-fill me-3" }, h("iframe-input", { key: '73324463e7f4e383db349d500104ea566b1302c5', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '00a3e4c7cf98b02c8dc915e4d62efde12caea4b4', class: "flex-fill me-3" }, h("iframe-input", { key: 'd6546cabba6d82560e51e8a0d66b0078eaeded74', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '1489393a907289649b9e20597012dc57d865dc59', class: "flex-fill" }, h("iframe-input", { key: 'd5ecc403c460aa9c3757c48970b4e83edb805796', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
+            } }, h("div", { key: 'bd2f777339e421523cd92c402c4fc066cbde7053', class: "mb-3" }, h("iframe-input", { key: '45b822e5878806ae47f88cf5aa54fe9ae5592eda', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: 'c9e4d2afd2eef4377356114bc33f1cc29fea46b3', class: "d-flex align-items-start" }, h("div", { key: 'e846e807f6524b9fd6a29a0a0bd2fff74c68f11f', class: "flex-fill me-3" }, h("iframe-input", { key: 'd48a6f05d3ca1341d8060987b53318bf29db4881', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '9127d9dc4ff3386db9060126a8b0ce2e2125a5c9', class: "flex-fill me-3" }, h("iframe-input", { key: 'ced08ea4750b594b87e19fd6e9ae49b2cb6caa72', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '92e07ff8ee6004f64a1e062371fd749771cdb77d', class: "flex-fill" }, h("iframe-input", { key: '487187ddfb9cea24cebc377950f33feb9222b299', 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: '40765f54a977fb2e8e450eba0bf9731132ae4897' }, h("justifi-modular-checkout", { key: '3e698888a43c585749644d874dd49510889b04ca', ref: (el) => {
+        return (h(StyledHost, { key: '468b97261a110d5779ac742de45248aadfbeeb6c' }, h("justifi-modular-checkout", { key: '7ce8d2e147f0b91ad93996f7e044a3fe2a9bd604', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, 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.SEZZLE) && (h("justifi-radio-list-item", { key: 'bcf02b77573ff17e37b5b61793bd26351979b088', 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: '496cf7bd1c93724a5608bc3dba4756ae8dc605a6', 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: 'eeb4dd27a8f448cc69e85bce8a4412306dbf0af2', 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: 'ad13982f1c15dd574e915e8a3a1adac55b21c188', class: "mt-4" }, h("justifi-button", { key: '0a0ffc091fbe77e9221114643d5e17e891977594', 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: '7ace65df988d338d0cc810a532f8914a046e7268', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '3c6223ef06c7a2b42bef97dd67f5f09f21bb248b', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '622b2ef667ab222a3152134573e7191bf2fa6117', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '036b447e7e92b1c6bfe33aff5d07a35bc2d9a915' }, h("justifi-checkout-summary", { key: '292c0b09960046e78b902652e5b0902129715ef5' }))), h("div", { key: '5d27c5a5d3f026ad9f9da37833f8ecf808a89de9', class: "col-12 mt-4" }, h("slot", { key: '1a583d890039b1c3a4493a0687ac5a9caa21d2b3', name: "insurance" })), h("div", { key: '0d7427acc37518888fceef97431f594fb4ea2359', class: "col-12 mt-4" }, h("justifi-header", { key: '5543bc55d4be2de9064b4c4924ecd7d2f32da7d9', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '80a17876009d3c6e39017432053e3ab18b6d406e', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'eac0e3466d8cf74df53acd1252d11d0461d0a263', class: "d-flex flex-column" }, h("section", { key: '1e27c56d333a44760d552549a716b39b1bcc538f' }, h("div", { key: '65680e1ed1a3eccc84ec67797f468edafcb65a80' }, h("justifi-saved-payment-methods", { key: '800e1e6312f8a38856341b5bc78c93a9fc18434e' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '0e5d9164a0066b88e7b9467bbb25167262614087', class: "mb-3" }, h("justifi-apple-pay", { key: '81717e6193aa402eef18cf006b74798d02811a8d' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '6405f56f8ee450d410801056c362580a6457325f', 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: 'd2b920050db52162f5f1fee2ee46884f50f511e8', 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: 'c160cd5403029ce3e1cac142cf1e782c104e97f2', 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: '6e03db84ccbfab811c72e4df5ffaf23c8822539b', class: "mt-4" }, h("justifi-button", { key: '93bb084fdcce73aebed63ad887ced32c4d47ef7f', 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: '28c13afd8a8f21e5f67e362c19c6e6225838f472' }, h("form-control-checkbox", { key: '205ae5a43d5634c4ec1e692d3e3b123e6b3adc34', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+        return (h(StyledHost, { key: '9aa9ce812c0cb2fdc809c47060ed150903ad7cd5' }, h("form-control-checkbox", { key: '596bc9a145e363c751c8610f4b9f23ad31dab299', 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: '3ac45b0d672d5780664205822c712d4afd01d5c0', class: "payment-method" }, h("div", { key: 'e0ad4b748d79c50ef963b16f33b7c322c6819b79', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '181ecb03715f1c3c8d3d9dbf802d8e4d0fd72ec1', 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: '7374fc6d31ec0ebdb34cdd2b789fb931cb93216f', class: "payment-method" }, h("div", { key: 'b29b47faffcb10d90a811a255a707dfda8597317', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '82c2ebcb9d9b47c8a0a6a3a3e35d7e59a4b66ee7', 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: '9d3a3574320cbb521457bb130ff5bfe9eca0ad71' }, h(TableComponent, { key: 'c52b7ed59ea7c68607506751754a4f5bbc46f394' }, h(TableHead, { key: '24d2ee3ae48ed8687e43ee209a0260d2969a2b96' }, h(TableHeadRow, { key: 'dcaf7c316283c7fac6bd8be6e119c965eb91590f' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '57cf5bf625cf994aa0abb5e5d71dad0ffe2eb049' }, h(TableLoadingState, { key: '4a33477c76c38205d907d38d122f03339a57a65c', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'e48a334af552ef4e747f069a88d4aa1638d09b0d', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'dd2892c5e9bdfa46e4faf465a6e9411890461ea5', 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: '17b824a591a68fe3ecf8c4b15d3404d27378d25f' }, h(TableFootRow, { key: '425c02a9cc4992896847d4b7cc114f55e165687b' }, h(TableFootCell, { key: '78bcf9f3dae3c166a57ebd4bc39453d0f8f29d6b', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '4ea9982a48440c1fa4ef7f4919e24c06a783d707', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'a77ef0f8f5b4ddf7448815c9df38097e16a38794' }, h(TableComponent, { key: '6408f3ec06f268f2f5b516fb2fe5e03dcce84bfc' }, h(TableHead, { key: '310864630e702965e885568c513d1d2d8f3805ea' }, h(TableHeadRow, { key: 'bee990fd0a1f8fbf5f21f41ce44f3d57a6bbffa6' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '1a5fd1a0b571205238ec365f0b9688d6abe95dc3' }, h(TableLoadingState, { key: 'df07de295c2a2b6674ed60ff55678a0f67665b15', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'faecb3005baf02ec425b369dcceff2de06e501eb', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '7d0e879b9e5595550a4cbd9c9948677106859e38', 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: '3fbdfe68348692e23333bae21fbaef261fe263d4' }, h(TableFootRow, { key: '4e39fd1f73d4b2f943f909fa8d640bf488fb5469' }, h(TableFootCell, { key: 'f245bc167021ff3e1c7f139e31fe151064651dad', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'c9129910b8ffeda06c90ffaa32832b8186687de4', 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: '6dbdb00f79ef53a27be368d8fe4cbe2f16f2dd4f' }, h("table-filters-menu", { key: 'de5804ab5f58f460dbff9a271ef54c2ad36189b2', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '3cf13c643c5bdddf18228b3e1a5c3bb1fa8888d1', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '18b4c17805ab037e9cedc0deb64728d5b0678a4d', class: "p-2" }, h("form-control-select", { key: '07fc0b1645bfca511e08fc6e1752405c7c07a33c', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '49ae4add03dc26083430ebc17b5e382a63b820b4', class: "p-2" }, h("form-control-select", { key: 'a5479b1e04a0d393ea9007e032453f05efaf2e68', 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: 'e68f5bd4687eaad5aae4890d81baec603f72b6de' }, h("table-filters-menu", { key: 'c09285765839dbfad618bc13f39883e3f11ae991', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '96e32ecba5c64ccda108ceb583a82b1554b347a8', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '7ce51a9f065004c169b577bcdd33af8ad7b01ac2', class: "p-2" }, h("form-control-select", { key: 'b6dfda04a58f51b989b1dc655df00500071fea98', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '4feb8c837611e6d0ec9cad6cb7a9f032db8cbbf5', class: "p-2" }, h("form-control-select", { key: '5a2a6c0e21cb62ee792bce703ccdfc9e08a46cc0', 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: 'e4cb557d2c2a552f8491c9360ae937d8403e7355' }, h("checkouts-list-core", { key: 'cd12ed4b958bac696e3801951110d2d227dbfb16', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'b7e794982435af9a755c272767c017c57fa16b24' }, h("checkouts-list-core", { key: 'a8de52b59cbccd7cd97369663c074011b49b9499', 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: 'ea3db874b6fdfab4ed007d116dc2b7a549ad8671' }, 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: '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 }))));
     }
     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: '3e27df0e4efcad1b359a1daf1f32d8fe9dbc74f0', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: 'f1bd67d5ad60de2ad584c8440cc71c3ad6453429', 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: '36f654e2a694534927056d925446dd8ff0de9ee4' }, this.isLoading && (h("div", { key: 'fcfb19c4dc3fe510232c6c3d796a525c9369ffa0', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'aa36660470935287c5edef694605d23a654a2bc8', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '801dcf184fcf68ebc07f79d2f748afdc787d85f8', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'b0f1e518ca525ea557fd2582611dd3b6a2d5fa1a', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: 'd4d312c97b47151c093c3cba3e77c3ce476dae59', part: text }, h("h1", { key: 'bccf53bb045a197678054b6827910a4c3714936a', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '402b629e9a4d558764216d21f66860c30cc0b980' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: 'c75c24e1c6340a7abbd8ef2d801b8b8c3b20b6e1', class: "h5" }, "Dispute details"), h("div", { key: '343f9b41d4aad58faabe558a25b5dde774f377ac', class: "d-table gap-2" }, h("div", { key: '41f57f72c7f8099b60fab931062c917b37ac5234', class: "d-table-row gap-2" }, h("span", { key: 'b1f5f93e4953001a4bdf3cd4b93f3a6a6c9a4029', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '1a3c5bdf2badf52c93f65598f0d6ff047275e411', 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: 'cc9be933cec2ca2e71f46ff242a6764f43e33d96', class: "d-table-row gap-2" }, h("span", { key: '55b5a66315505d8f25c65c76800be448dc66d4e4', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'ec35b2fc23586ed63ed268c68d9c968100cac608', 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: '6be9f8d5c61fa3e437bb64a7acff76872549ac3e', class: "d-table-row gap-2" }, h("span", { key: '0258e8031223b25ea632c7437b7c1c5163eff3fb', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '9cd8e420ce852a9516bdb9628d4e6bdf0557469e', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), h("div", { key: 'af20a8d051bb06056a908bba7fe6719bd5833f0c', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: 'ca78c484bf58102ca0d0be451532f3b7b3602d93', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '274e1f792e8f623c8ea5be577feab130e89924ee', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: 'a95367fe1e2390904b11b8274cf4c64eb421e091' }, h("h1", { key: '22f246e2f51aaf22711d26a6e98e91b7e73a4cab', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'f4cd8dd0d037a7a7b235a82b8efdc5540c377c84' }, "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: '07cf44a7e3fe8013a90c0a169a2b040d09bed003' }, h("h1", { key: '43cbc044f82e73bb8bb20dd51442122cc657ef4f', class: "h4" }, "This payment was disputed"), h("p", { key: 'c5044bac07848f0376a8f48929d438d9ddc37e53' }, "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: '7bba3c52f74f3c342133d090f0d9cc8470a41213' }, h("h1", { key: '3c2b7d76ff3496acb58305df470eface52110594', class: "h4" }, "This payment was disputed"), h("p", { key: '23d99d90b02aa2df806dbfeb6804dfb9b080ac81' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        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.")))));
     }
     static get is() { return "justifi-dispute-notification"; }
     static get encapsulation() { return "shadow"; }