@justifi/webcomponents 6.1.0-rc.3 → 6.1.0

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: 'f570c76e32ab7b017f220b8bcc0cecfafeffe47a' }, h(BankAccountFormSkeleton, { key: '390e43942d12ca974aa2d591e4df537c0300f235', isReady: this.isReady }), h("div", { key: '97a667e02df2bdc7b804708c122627e315d96c73', 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: '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}` })))));
     }
     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: '038d2c8e2f9fcd1015d7177c79afa8c4e5810486' }, h(CardFormSkeleton, { key: 'b231bb34f43670bb1d92597d2ab37a5ef2c742e1', isReady: this.isReady }), h("div", { key: 'ede0af7f1964c2241982bfed4ca71f229d9096a1', 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: '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}` }))))));
     }
     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: '0d0a0eb14ce4f41683a13da63045c0f9cdadaf9c' }, h("justifi-modular-checkout", { key: 'c1bdc5df815a0644ed9c2c1f993fbce3317c89ed', 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: '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" } }))))));
     }
     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: '04ed1491d4f5ca3e03a8a1f7a46dff5a0eb888de' }, h("form-control-checkbox", { key: '7901643960e9d5d26c5916fb6e06601a6b59906a', 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: '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}` }))));
     }
     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: '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 }) }))))))));
     }
     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: '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 }))))));
     }
     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: '1521139ac1c2f30516e70e5426a92b2bf615ae9a' }, h("checkouts-list-core", { key: '4c9166e7a2c6adc57f96aee67ba580e5b3e80620', 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"; }

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: '0701151c838584f2c15ae5e3ff3a806e655b1dfe' }, h("div", { key: '40c863834d4a0dd48d0cb5073b7aa8d43f306826', class: "row gy-3" }, h("div", { key: '65151bc575f0ce4ff11c0eeffe3ae25bd0191840', class: "col-12" }, h("h2", { key: '6748c97c80ded43e019492bd24536d505022f44d', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '8d93d7560ef06fecbf7b43c66fb6bba783b5fc17', class: "col-12" }, h("form-control-textarea", { key: '422c586a3820a3344adf6d48bf49dd33636d6562', 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: '68b91cd23d51018d746e0a4b53baa4fd8d28f2b7', class: "col-12" }, h("form-control-file-v2", { key: '32a4bf53f4f9642af7381d75adb532c23ec21dc7', 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: '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 })))));
     }
     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: '3f3b10445d89df70c60c4dff0719dbb32880aaf0' }, h("div", { key: 'adc8e2d164a5fa0a4452c11c91aabc2681af5987', class: "row gy-3" }, h("div", { key: '0930cce7f709ebc178e353da02b9a04248df2aed', class: "col-12" }, h("h2", { key: 'cdb9ace025d5fe91bedf866c23156af7959280d1', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '980e35073d775f422c981298b4b937f14dd52974', class: "col-12" }, h("form-control-textarea", { key: 'f56144d1ed0625aa03f393d02589b3b6580424ac', 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: 'b94141788ce77f8132ed2c6c7477e49bdfb56731', class: "col-12" }, h("form-control-textarea", { key: 'dc9d14b12a0e7eb2c7332d0610191eda46ed45bc', 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: 'a1dae824aa1a23844b028036d1dba093cde3b015', class: "col-12" }, h("form-control-file-v2", { key: 'ce7896b8ba5d9e3070c53a8eb75a2b6b216f2f2b', 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: '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 })))));
     }
     static get is() { return "justifi-cancellation-policy"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/customer-details.js

@@ -28,7 +28,7 @@ export class CustomerDetails {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '43f1c26c5415eac4654f0f5947ac0addcaf3b34c' }, h("div", { key: '8fee41ca6d0f88ed26d4daec0c09a8902ef455a3', class: "row gy-3" }, h("div", { key: '62812f9023a6e414d8fdcca9b3bcb82abb05dbd2', class: "col-12" }, h("h2", { key: '969514698a6e6c67018aeb651c0a3afb4c1e5811', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: 'a7c1780fb747a67e9a2ebbdd3cebca8f046807ce', class: "col-12" }, h("form-control-text", { key: '3e1618fce6c07ea5aa4282992defcd66e8caf3b4', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: 'e1a599c3b8561625010d237949d23888873e5646', class: "col-12" }, h("form-control-text", { key: '9b829f4326c2d5adc60df203ce2a06cb4f563a9b', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: 'a21a0dc6c46257939ac638367428f04e93f51a8b', class: "col-12" }, h("form-control-textarea", { key: 'a9adb60757f60573514d0eddbc8ceb42d5da1c7b', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: '9f31a99f7583c289106715ba13bce24c38d19298', class: "col-12" }, h("form-control-file-v2", { key: '316714c50d1e3376196bf3d48a58623a68b11f03', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: '2264dcb54d957d878b491a94741163fd03234db8', class: "col-12" }, h("form-control-file-v2", { key: '35d451de15d7003f236bae02fe6a216c6aa7bfce', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
+        return (h("div", { key: '0712f857726a187d96acf7661994f262322660e8' }, h("div", { key: 'd162d3d251a64fb260f052daa18ad5aaefc947ef', class: "row gy-3" }, h("div", { key: 'b1e10245c1a1a55e67274144927398ca6d628794', class: "col-12" }, h("h2", { key: '3166f6d2419436011ac8adaf7188c10630ab237e', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '11ada832a6170259f355d1133a5c78bacdd4a5be', class: "col-12" }, h("form-control-text", { key: '0a69c2607434e17ae92a7c542e7245a59d95b638', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: '8d2a4b3fa5a84088b5178d1c1a06df51c5b219cf', class: "col-12" }, h("form-control-text", { key: '74f2eec855986ac45e4687487fc7e4b261626d10', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '5a8a8b151e1d695d5b6944b4fe98d61b1c5d36d2', class: "col-12" }, h("form-control-textarea", { key: 'ef6bf00d9e8c7f58f2d54ef314f3ab0eec3080f8', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: 'b1fcb7ba8bfd16258e1e0f15356735332803243c', class: "col-12" }, h("form-control-file-v2", { key: 'eea96693591cf044a825db953f50ac42e1e7165c', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: 'd7ec90bb479ad9dc06a7811065b532f10af0d838', class: "col-12" }, h("form-control-file-v2", { key: 'bf4a80a05d7dd6e58086b0fe5acc6f65cd697a38', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
     }
     static get is() { return "justifi-customer-details"; }
     static get properties() {