@justifi/webcomponents 6.5.1-rc.5 → 6.7.0

package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-form-buttons.js

@@ -12,7 +12,7 @@ export class PaymentProvisioningFormButtons {
         return this.currentStep === this.totalSteps;
     }
     render() {
-        return (h("div", { key: 'ad959d93323ee66a154d5addbabd0cd0351f5d5f', class: 'd-flex gap-2' }, h(Button, { key: '6f77f6c7ee080a1a2525ec92107881adfef3afcb', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '6edac397291014bde05eed8f64ca6a543f951a44', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: 'ba2f0c103c2b54e9047aee927ed8afb8e5361f66', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
+        return (h("div", { key: 'e13d3613af061d0067d1dbd84b6c3aebfc782aad', class: 'd-flex gap-2' }, h(Button, { key: '7b422ce77e13872f3dbd622574bce0e3e6e9c2ed', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: 'ea1242fdccb0b0af2438f4aaab91e3e17a607ef7', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: '0c323f533ea84608dcdabb885f69d71a81ec684b', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
     }
     static get is() { return "justifi-payment-provisioning-form-buttons"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-form-steps.js

@@ -18,7 +18,7 @@ export class PaymentProvisioningFormSteps {
         return this.componentStepMapping[this.currentStep]();
     }
     render() {
-        return (h("div", { key: '2e1d2983f259fd9fe4e1dda9c1f442b248f4c5ba', class: 'col-12 mb-4' }, this.currentStepComponent));
+        return (h("div", { key: 'dcf3f283bae7de00311f35e41b8d803196f50d49', class: 'col-12 mb-4' }, this.currentStepComponent));
     }
     static get is() { return "justifi-payment-provisioning-form-steps"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning.js

@@ -46,7 +46,7 @@ export class PaymentProvisioning {
         }
     }
     render() {
-        return (h("justifi-payment-provisioning-core", { key: '41e96a931c082212f43bdd84dd5c948fac1eddfc', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
+        return (h("justifi-payment-provisioning-core", { key: '80baf93d680fd610755fdfb6be030178140568da', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
     }
     static get is() { return "justifi-payment-provisioning"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/business-forms/payment-provisioning/terms-and-conditions/business-terms-conditions-form-step.js

@@ -108,7 +108,7 @@ export class BusinessTermsConditionsFormStep {
         return (h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
     }
     render() {
-        return (h("form", { key: '6fbccc271d16cbb87d8845b06b58fd461e18f770' }, h("fieldset", { key: 'ce5240753aefdb4aa92aa3ba5af4741466702ae6' }, h("legend", { key: '01a3a99f6d9dfe45ae12eb2a603ebc70a25747be', part: heading2 }, "Terms and Conditions"), h("hr", { key: 'b0209b2df034353f663cf4dde25fee51e2906dc4' }), h("div", { key: '1ed270526bc1f6d24d81c485ea6e9459607bac3e' }, h("p", { key: '8c98f939d4db12cad7169debc71fd0ad652cc724' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '021ffcc28e65e59d8fb81a8a2507cac1ce0d448f' }), h("div", { key: 'e6181b2a5ad6b01be123962bf17282cb1f97fd30', class: "row-gy-3" }, h("div", { key: '82acd8dcfed625e051b93bb8845fb9d11b5e26ce', class: "col-12" }, h("form-control-checkbox", { key: 'c246a348366354dce60ec4dc00e3a4791281a584', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
+        return (h("form", { key: '721f3c171358f9450a8b460dafac3c9f7f27727b' }, h("fieldset", { key: 'e151086c528d5e359e4ecd2c33feb01c5571a6ca' }, h("legend", { key: 'ff4ba3bead3ec50cf9736d6a864740e542f42b2d', part: heading2 }, "Terms and Conditions"), h("hr", { key: 'c076bfe230bafbe8db7280f5f708de893c970bf2' }), h("div", { key: 'd2a1e0f4e15077d07fe7de2cb847252990b44bde' }, h("p", { key: '559c4c6d6e27b5fb800984e87097fe080482462d' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '014b3a7be231c81bd23c35ab212d7ac4e4c1d107' }), h("div", { key: '3ef38ecffd678c36c564836434f0a0da341116af', class: "row-gy-3" }, h("div", { key: 'e715723e19a212628d29fec46ca494b7080dac66', class: "col-12" }, h("form-control-checkbox", { key: '6054f012fa3abacf6b9f6ffe7d7e88444d8a1066', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
     }
     static get is() { return "justifi-business-terms-conditions-form-step"; }
     static get properties() {

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

@@ -1,22 +1,16 @@
 import { object } from "yup";
-import { otherPaymentDetailsValidation, paymentVolumeValidation, recurringPaymentsPercentageValidation, recurringPaymentsValidation, revenueValidation, seasonalBusinessValidation, whenServiceReceivedValidation } from "./schema-validations";
+import { otherPaymentDetailsValidation, paymentVolumeValidation, revenueValidation, whenServiceReceivedValidation } from "./schema-validations";
 export const additionalQuestionsSchema = (allowOptionalFields) => {
     const schema = object({
         business_revenue: revenueValidation.required('Enter business revenue'),
         business_payment_volume: paymentVolumeValidation.required('Enter business payment volume'),
         business_when_service_received: whenServiceReceivedValidation.required('Select when service is received'),
-        business_recurring_payments: recurringPaymentsValidation.required('Select recurring payments'),
-        business_recurring_payments_percentage: recurringPaymentsPercentageValidation,
-        business_seasonal: seasonalBusinessValidation.required('Select business seasonal'),
         business_other_payment_details: otherPaymentDetailsValidation.nullable(),
     });
     const easySchema = object({
         business_revenue: revenueValidation.nullable(),
         business_payment_volume: paymentVolumeValidation.nullable(),
         business_when_service_received: whenServiceReceivedValidation.nullable(),
-        business_recurring_payments: recurringPaymentsValidation.nullable(),
-        business_recurring_payments_percentage: recurringPaymentsPercentageValidation,
-        business_seasonal: seasonalBusinessValidation.nullable(),
         business_other_payment_details: otherPaymentDetailsValidation.nullable(),
     });
     return allowOptionalFields ? easySchema : schema;

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

@@ -2,7 +2,7 @@ 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, bankAccountTypeOptions, } from "../utils/business-form-options";
 import { numbersOnlyRegex, phoneRegex, poBoxRegex, ssnRegex, transformEmptyString, urlRegex, validateRoutingNumber, } from "./schema-helpers";
 // Common Validations
 export const emailValidation = string()
@@ -158,19 +158,6 @@ export const paymentVolumeValidation = string()
 export const whenServiceReceivedValidation = string()
     .oneOf(businessServiceReceivedOptions.map((option) => option.value), 'Select when service is received')
     .transform(transformEmptyString);
-export const recurringPaymentsValidation = string()
-    .oneOf(recurringPaymentsOptions.map((option) => option.value), 'Select recurring payments')
-    .transform(transformEmptyString);
-export const recurringPaymentsPercentageValidation = string()
-    .when('business_recurring_payments', {
-    is: (val) => val === 'Yes',
-    then: (schema) => schema.required('Enter recurring payments percentage'),
-    otherwise: (schema) => schema.nullable(),
-})
-    .transform(transformEmptyString);
-export const seasonalBusinessValidation = string()
-    .oneOf(seasonalBusinessOptions.map((option) => option.value), 'Select seasonal business')
-    .transform(transformEmptyString);
 export const otherPaymentDetailsValidation = string().transform(transformEmptyString);
 // Bank Account Validations
 export const bankNameValidation = string()

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: '1c142c117694002871cfcb0f9c419febda59ee1b' }, h(BankAccountFormSkeleton, { key: '06ee99086ab92d21f098bc266d9a3860cf0cfee3', isReady: this.isReady }), h("div", { key: 'f1ff30c399806c07854701c45698ee3b2a4d1492', class: "container-fluid p-0", style: {
+        return (h(Host, { key: '32cfa049dff176af26d2a4bcb86c440a99bc8668' }, h(BankAccountFormSkeleton, { key: '8382fc8ff7726e245245db06b01fdc253d43328e', isReady: this.isReady }), h("div", { key: '83f16d13bb8c338dd859a60a7bd63edbb8f703b6', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'b9225fef945018fea713a58bf0f2d58b24069826', class: "row mb-3" }, h("iframe-input", { key: '116526dcaa3325b9f9de8c70f6a0dafdf9ec7ced', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: 'ef4856499b18125170f6b1117981cab79aa69914', class: "row" }, h("iframe-input", { key: 'ed3c4988a2eb856450f36ff225a91104f5c10422', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
+            } }, h("div", { key: 'ff5a4020f51e917874583036ef3b50d9496a393e', class: "row mb-3" }, h("iframe-input", { key: '334cd1bbdb23cb1d4ae5df1f89737913209fd1c1', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '65a00ea0fe1202240a2641b40d5f0455483746ff', class: "row" }, h("iframe-input", { key: 'c8dda20444c7f6494fad1377cc556676e1d7dc54', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
     }
     static get is() { return "bank-account-form"; }
     static get states() {

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

@@ -37,10 +37,10 @@ export class CardForm {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: '663c1f9a452e8d33ccf001044c2f8b1ba041f80e' }, h(CardFormSkeleton, { key: '4c0c267f180ab6c16e0f524631b7fef3c212a2c5', isReady: this.isReady }), h("div", { key: '5ee9adfcb131adbc972ea9c1806886534185d462', class: "container-fluid p-0", style: {
+        return (h(Host, { key: '171cb8db5cce1778ef5f590c6b4d72f327c37bad' }, h(CardFormSkeleton, { key: '084ed0d409f1e747a95578060626d1704fefb783', isReady: this.isReady }), h("div", { key: 'ccf225f0f420a22cc1cffb1d7f9dc51fe92612ee', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'f1c7b6b7b23870ba0d39d08e04c113f464be2ea9', class: "mb-3" }, h("iframe-input", { key: 'dcd776b12d26c6561d5b630c09783e0c9c71f658', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: 'f76687d1aad013195aec06f0fec3166aa0d0ba71', class: "d-flex align-items-start" }, h("div", { key: '8321d1eaa1c1fee49106ca8a88f31b723d69d328', class: "flex-fill me-3" }, h("iframe-input", { key: 'f3740ecace8a988bf87475861fc5383920044e15', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '1b689045613f137cb4dfe41bae400dec27a93ae9', class: "flex-fill me-3" }, h("iframe-input", { key: '91d5b86f0de32c2635d3569dabd17230c1062c28', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '78f69077b9cc4c55694ee0dc3cbf43cc09de74a3', class: "flex-fill" }, h("iframe-input", { key: 'af2bb37ec9a2386dac4ebc17f4296e280c865271', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
+            } }, h("div", { key: '7e7599c24e95a364f1011ed8f8ba2e387f4bc184', class: "mb-3" }, h("iframe-input", { key: '5ec2f426a232a8c1387e7e54f7321672e16a230c', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: 'bbf1284e4bd2213cf48eb64b88c5ecd5492c51e5', class: "d-flex align-items-start" }, h("div", { key: '70bf0e98c9c99913773ebcd5b6b9e88679779d6f', class: "flex-fill me-3" }, h("iframe-input", { key: 'b0ed2bbe9a63b83810fa170350cc28e777bc0509', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '4d6592dc2f6dea2d2d4ddb8667681576817e6c98', class: "flex-fill me-3" }, h("iframe-input", { key: '34dabee2355d51ca1175af9a084188a6d44714df', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: 'c3afab4dea5e93edca3a0372d397afd8ef937de1', class: "flex-fill" }, h("iframe-input", { key: '0777691de3a8e12338a9c9b967ce3f20f675c6b3', 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

@@ -76,9 +76,9 @@ export class Checkout {
     }
     render() {
         var _a, _b;
-        return (h(StyledHost, { key: 'f42c8452f88029ac8d8cac1b9e9529cabf0b2c62' }, h("justifi-modular-checkout", { key: 'cac0842e4d4e0c860ad9647bdb8941dad2b3e838', ref: (el) => {
+        return (h(StyledHost, { key: 'e9f527c5dd4dc564c4fb00d69b27e07c90e8b552' }, h("justifi-modular-checkout", { key: 'e80dd4c78282fc428f0e78d6d87f71f262577f01', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: '85c2387f7ab8be9f7b081a6a2b2213c4fdde5dce', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '5c72bbe29d87a469ac0da89a20262962cf27c87f', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: 'c44950193bd8e7bdb666a59942680be5b3784d7e', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: 'ecf325aeae43469419ace06d8eeef88be8d59599' }, h("justifi-checkout-summary", { key: '361ad13743a7103aacd370e2099fcf821e2bbe2f' }))), h("div", { key: '3cb1656c819601bfca4e47e7e0325ba4bdb0bf2d', class: "col-12 mt-4" }, h("slot", { key: '00b45bca235ebfd7edcc353d6282674ee7e31384', name: "insurance" })), h("div", { key: '7a13fc9b811cc9f8be4d3194fd400ea7543e9ec0', class: "col-12 mt-4" }, h("justifi-header", { key: '5507b8a34d2c3185b0d4a6912da139ba0b2cb6c4', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '3a037f58d971df9017704a66d998ff0067c6d933', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'c437ed60647851bffd2f9288ee7f5a8fe254d25c', class: "d-flex flex-column" }, h("section", { key: '4f91fd21cfceed04d24c97ec2383d6aca13a89ad' }, h("div", { key: '52e8ded1a1854dbf765c6de73a17b1bc3e3415ea' }, h("justifi-saved-payment-methods", { key: 'e9e4662f73dc7807dfcc2a58fb6ee1dc8f356b80' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '234a49312ea187423d46c9a512f3bef1b2d76ff9', class: "mb-3" }, h("justifi-apple-pay", { key: '427557a760c046b3912fdfba1c57f1b79ea06edc' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '73a70bc812dd9a7b7b135295a3e20c4504ccad3f', 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: 'fdde91b450ec670b1e88599b1ff7bc04461c12fd', 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("internal-tokenize-payment-method", { key: 'f6e44117da2e558f841a6ebf72f74e966793e1dd', 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: 'c448472206c64bc967034aecf98564ae33281cc2', class: "mt-4" }, h("justifi-button", { key: '4392b022d6183819596a40e0e7843564e99a1ce9', 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, preCompleteHook: this.preCompleteHook }, h("div", { key: '92f3821b2566f6ede351145cafe934bb1b14e970', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'ed96eb7b2620df4c8398b36b62e2eb5744de7545', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: 'a23f3ea139874c80830b9bd62b44bedad2520d89', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '45f903ebb6cee7d382414fd04656b605fb5f9e91' }, h("justifi-checkout-summary", { key: '7a6ba74f821aed6aee12682626bd1f304a90cc4b' }))), h("div", { key: '3930d68c41aa3a1b99371bbea285b2de4d734766', class: "col-12 mt-4" }, h("slot", { key: '8cb5f1ef64ae6ecd25edf861b555dc6f20abd0ec', name: "insurance" })), h("div", { key: '3f8b4dae6eb90999927070027a77bfa9a4b09442', class: "col-12 mt-4" }, h("justifi-header", { key: '4335e04295005071b061391d27a5cc4677519e71', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '1ca763ef15405ee55bf763bd7760f36e2925bbe1', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'c52c81c4b84fde4168037f06c7d5b6f491d2bea9', class: "d-flex flex-column" }, h("section", { key: '3d1981827d98b947e541599582dc1f15bfe3f542' }, h("div", { key: '8ddeb4dae00fe55092fba788c9fb2b44ad1a1240' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '496486644e4caa90379e20cfb80b20c2670eef0b', class: "mb-3" }, h("justifi-apple-pay", { key: '9d360fed1e166d0adf4f97f8b1817fde6a7dc0ec' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: 'e4d440ac6bedf38eb2baab3717d0d1308aaa5b10', class: "mb-3" }, h("justifi-google-pay", { key: '9eee94d588e48fc5550cd3965f45612de3aedccb', ref: (el) => (this.googlePayRef = el) }))), h("justifi-saved-payment-methods", { key: '244e8877a4ce83ab8c4fff6051957d0ec50deafa' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '37904744a21eb6f1f96e13831e3b0029aa87d25f', 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: 'd2fc7e88a17372967a64edf57a33ef0758568357', 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("internal-tokenize-payment-method", { key: 'b2c2b5b2db0970ac8bfb70141f9b0fa4545dddce', 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: 'e8f3ba632562b2369e6acc8a135647cc74dc0c0d', class: "mt-4" }, h("justifi-button", { key: 'e34306fed36d84a03a4e6ad3ba92abc276423590', 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: 'e40e77b8ef70b343c870a4cb0b6cf3fa51543ff9' }, h("form-control-checkbox", { key: '1429e670405e0d43eef2d3b5ed2d071db339129d', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+        return (h(StyledHost, { key: '7cc086e518b2defcea924398cd5957b44a893d94' }, h("form-control-checkbox", { key: '523dd82fe06f0c0a6d259a84f320c0a335261232', 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: '2636f9038b83a384a2a3bc4bbc7695ff237a6584', class: "payment-method" }, h("div", { key: '2995201b40f93a916fe6a32c2d27bc43cd22d8d1', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '7f8382f0d3cbc596c329fc32badc6c4b40e4493f', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
+        return (h(Host, { key: 'feeb934714fe00e87f6c89ec3954dafebef81733', class: "payment-method" }, h("div", { key: '62370e3c41538e5a5aed16dc0f2d9056bebc01c0', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '583aa5751277bb585b6b1686d229810d830c8686', 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: 'a227a356ba08e39e4b60849d8615a5b1cd845739' }, h(TableComponent, { key: '51b96d4be5773975397eadfc6c3c0ec983bdb38f' }, h(TableHead, { key: '868cf524b90bcc2671fc487dc5c7f9c71756d24f' }, h(TableHeadRow, { key: '3bc7b727e4e3c8f0a61b55993c965779c0fac73b' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '06adebe1455360d37d3eed7a27af2698b35047b4' }, h(TableLoadingState, { key: '241f49bd2ed6d3548e286de8f75f1cc92ffae23f', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '9739415d15f73457aa5125c85be88566e70d233b', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '43b1fa74ba01c89b2d22fc238295c343bf6379b6', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '3a4b974a07bbe7d0fe246ad93724be2bec449166' }, h(TableFootRow, { key: '6ec16663674ea87026fc3400d164fa2d9907c35a' }, h(TableFootCell, { key: '1eb2943ba2e6885a1a520430eb257e7499553c80', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'd4719b9e2166d0577e620a5575303294127833a9', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '408d4e9eab54491ce0cb775815c3e00eeb4854a3' }, h(TableComponent, { key: '52d68b140748feb5b20b01e9056a4f013dc6a4f2' }, h(TableHead, { key: '74d2ed3ab8629f60e5d789d160495dbdfa1d0109' }, h(TableHeadRow, { key: '216c56f85e307b622b682810973ec8fe05156173' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'c94508c4337cd1381a9caf8ade4f677ef2d62fe3' }, h(TableLoadingState, { key: '2d62155279ca151f77f33321c27c0d68822b1c15', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4c4d9c73989dabd4213cfc994e74ce0873741de8', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '423a58df4dfa9e6b52fc41dd8d6f06c8d7cca16c', 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: 'd1fbfca88fc702a4c0fae40586c946e3f75220af' }, h(TableFootRow, { key: '9d9c7862bc4d27d70a030d27cb735cb3654ea373' }, h(TableFootCell, { key: '53538be1d8eaf7b66b98476771f1f6d9552ab72d', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '2336a06ecf1eb14719881306ee878105d4b43926', 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

@@ -1,18 +1,29 @@
 import { h } from "@stencil/core";
+import { debounce } from "lodash";
 import { ICheckoutPaymentModeParam, ICheckoutStatus } from "../../api";
 import { filterParams, propsParams, clearParams } from "./checkouts-list-params-state";
 import { StyledHost } from "../../ui-components";
-import { checkoutsListFilterMenu, paymentModeCheckoutsListFilterParam, statusCheckoutsListFilterParam } from "../../styles/parts";
+import { convertToLocal, convertToUTC } from "../../utils/utils";
+import { checkoutsListFilterMenu, paymentModeCheckoutsListFilterParam, statusCheckoutsListFilterParam, checkoutIdCheckoutsListFilterParam, createdAfterCheckoutsListFilterParam, createdBeforeCheckoutsListFilterParam } from "../../styles/parts";
 export class CheckoutsListFilters {
     constructor() {
         this.setParamsOnChange = (name, value) => {
             filterParams[name] = value;
         };
+        this.handleDateInput = (name, value) => {
+            const utcDate = convertToUTC(value, { setExactTime: true });
+            this.setParamsOnChange(name, utcDate);
+        };
     }
     componentWillLoad() {
+        // debounced input handler for text input
+        this.debouncedSetParamsOnChange = debounce(this.setParamsOnChange, 300);
         const propsToSet = {
             status: this.checkoutStatus,
             payment_mode: this.paymentMode,
+            checkout_id: this.checkoutId,
+            created_after: this.createdAfter,
+            created_before: this.createdBefore
         };
         Object.entries(propsToSet).forEach(([key, value]) => {
             if (value) {
@@ -39,7 +50,9 @@ export class CheckoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '446c79dd0d2eed1602d3723f4ecb8d0cd64c538d' }, h("table-filters-menu", { key: '0e484df23e3868c61f478c2a519b9f1903f4a2e0', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '8567f7abd6bd2095a406ebdb793f4251f1cb8ce7', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'b7899df175da548ddd791af558d663e1ea87fc2a', class: "p-2" }, h("form-control-select", { key: 'e05d7d0d8d1dac71ae73973b26331a0dd256932b', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: 'ffd06ad3029fbdcb3d931f01c920ac285204bd10', class: "p-2" }, h("form-control-select", { key: 'd3a451ce96d551174a45a66868a8b289cc770d62', 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: 'c2206c7d67bd443f2f96f2d60bc4ebe6b162da5a' }, h("table-filters-menu", { key: '99ca406ecd7a151039c3a162063c6c88ba2fc859', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'a0ca9f60eba3d4d396e5bf6d90d908b21c4749a5', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '6aa82c8c10b08c0146c1e0d0534cb5ed50622192', class: "p-2" }, h("form-control-text", { key: 'eaf744421fe7f556a787df19a1987a9d631b78f2', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: checkoutIdCheckoutsListFilterParam })), h("div", { key: 'baf62830725ba74fc1e51c7bea2707727bfcae80', class: "p-2" }, h("form-control-select", { key: '457078decbe5d6812adaf340eb99e23ce5f55eb5', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: 'dfdf948a76b865dbef7f2c3e1395fec5d54d6a27', class: "p-2" }, h("form-control-select", { key: '2aac09872d9b2f81cdc81a5e69380d7613aed80d', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam })), h("div", { key: 'a081fbbe866d8c3b7b6f3e0fb416b548216df13e', class: "p-2" }, h("form-control-date", { key: '7dd0b6e8d043044332662e999707afb47f1aa74f', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterCheckoutsListFilterParam })), h("div", { key: 'caeb00cd04d553f8d40e2aac3c260b6780023add', class: "p-2" }, h("form-control-date", { key: 'b300e4c045920fef36e424e3fc584370c68fb271', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforeCheckoutsListFilterParam }))))));
     }
     static get is() { return "justifi-checkouts-list-filters"; }
     static get encapsulation() { return "shadow"; }
@@ -94,6 +107,63 @@ export class CheckoutsListFilters {
                 "setter": false,
                 "reflect": false,
                 "attribute": "payment-mode"
+            },
+            "checkoutId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "checkout-id"
+            },
+            "createdAfter": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "created-after"
+            },
+            "createdBefore": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "created-before"
             }
         };
     }

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

@@ -61,7 +61,7 @@ export class CheckoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'f20c74e616c92115985587dc56d6ef62e86fbf02' }, h("checkouts-list-core", { key: 'e3afd6af4d8db35f4119d93cc550a1827e1d52cb', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '0e9e50e18983dad43cfab19f2271678d3f5e6abd' }, h("checkouts-list-core", { key: '6f128cc756477ff64638625d9a9ff9a5b4533948', 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: 'd931098227eb3c8d2a1eb4dd10fd8ce93101f424' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
+        return (h("div", { key: '6374c478bc8907019b48e1a53b0ecb2e171ab2e4' }, 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: '60b2220edc8d7862cda6388040e7b1f9434100fc', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: 'e19f33cd7106c3c44fb86faeef743c62ff9004b9', 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

@@ -44,8 +44,8 @@ export class DisputeNotification {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (h(StyledHost, { key: 'a494374453528ee6033589ed69dd2a0738ff8aaa' }, this.isLoading && (h("div", { key: '436d266650297674d89f1ba2d299bf3ebdf16506', style: { marginBottom: '8px' } }, h(Skeleton, { key: '952e9df74b83809b3a52d629ed05bc54b02754a5', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'f3dd82b6b941500202404ec1353c2f951f79b642', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '608229cd12404e5e6f7014f955c24f9ff856a14f', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: '6d18b253eaa245b9f7b817c3baf473d6f6a31845', part: text }, h("h1", { key: '7f7e30f8c7a9753970980796790b621a6d373548', class: "h4", part: heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
-            _b.due_date, ") for this dispute has passed"), h("p", { key: '1c458aecef8ce286b6c2a46e286c57e1276aff04' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (h("div", { key: 'b3e85abf813bd36da6c952c9ad7c9357504bbc1d', part: text }, h("h1", { key: 'afcbe8f967170bc4abea0c71749a10e1c09937e0', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '30194ebea5f1763286f1a69f8fb2cd8c2c9d2d90' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '991505b018e4ee61b05c9872244163b729ee0cd1', class: "h5" }, "Dispute details"), h("div", { key: 'b94e62444ce05ac0ef6698a4b67f70088c10a9b4', class: "d-table gap-2" }, h("div", { key: '8873c8b0cab9bf5e56add69007e9b281c64dcbf3', class: "d-table-row gap-2" }, h("span", { key: '0c9cf9564277ba952c1b36acc7fa8660ec969266', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '0461b3c75b74e03b60dae12d80526b119d1e74d5', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { key: '074f92623a156b5c431719a8c11870c95377dfc1', class: "d-table-row gap-2" }, h("span", { key: '04e1498ecb4d64f122c27ef0a83c38d843c72cad', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'fc3c56b35d899c06130b918cf03202cc9f44fa46', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), h("div", { key: '13eca44a73967f235a18e2f8818a008f14a96ba2', class: "d-table-row gap-2" }, h("span", { key: '954a86a2f0b77801a7c69c751a2b398f33bb2fe1', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: '21e305a5cdc269f45439671639e3984e68cb75e0', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), h("div", { key: 'cad8b592ab80d24b3d4ce187eb534a336bd36581', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '077df79dae040c41489d1206fffde036aef51954', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'eb26cd7bc9d93c83eefc927c565f321eb3c2bef1', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: 'f74d8e95a2ae74e1b59ac414d0a0d5cc43dd0291' }, h("h1", { key: '2404542678c5ad29dd4e3af13edebbace06734d6', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '0027bd32af1b0ab4ffdd42fcc0b21cb7ab55835a' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (h("div", { key: 'ff335c7dbe7bda7637d1b27a65150785e81361bc' }, h("h1", { key: '36ee4c439d8e1346c115ba6f28e59008ce68d4e1', class: "h4" }, "This payment was disputed"), h("p", { key: '5e6e6869d956f6ea84e64378e4bfaebeb71109b0' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (h("div", { key: 'd67894655a47ac5327540c55fdd97db472d34f9d' }, h("h1", { key: 'dec3b5da213071a75183eab6e1521c5c986d3876', class: "h4" }, "This payment was disputed"), h("p", { key: '806eb5f32bddde1c298eba9517c637a7fb69f598' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (h(StyledHost, { key: '366e2c66e1a31395f1b4a0c0e88173e06eb93313' }, this.isLoading && (h("div", { key: '979832175e729da612028cff34fdf59dc280c677', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'f7fc26c781f2a1f8aef343166eaaca261b72d32c', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '56e792538dd93b77964f7d21300ef45f8da4f7c1', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '94ca86077eef5aebd5b6e402ac2fdd9a980ad4c5', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: '7482cc041236218c16ebf12c0799b2dc62266065', part: text }, h("h1", { key: 'a592932abcab4a1f3563cb044fbd37611c8dd20f', class: "h4", part: heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
+            _b.due_date, ") for this dispute has passed"), h("p", { key: '65f41565018e74b20a224789f28a4b0c8c39eb76' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (h("div", { key: 'a135934182715a851d5d25d5d1485094454d0a4e', part: text }, h("h1", { key: '61d6842599de3d87c833aa58b237490e4a686e4a', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '72c6f7e3639cbd19d25f1aa120d22b3ca56547e1' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '1565a02a4ff6c3e777f08c3c55f5adb52ead464b', class: "h5" }, "Dispute details"), h("div", { key: '73e88ae55460c62a22609de5bc7144485741efd8', class: "d-table gap-2" }, h("div", { key: '9ad5b6375dc161072b9a4a6ed02c845380fad0f9', class: "d-table-row gap-2" }, h("span", { key: '50fc59fd8a3159990d97f4817c4ae4f0ff237a6f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '2295ed0988667f0d9b4a5c7d1574549909e83512', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { key: '3019fb0949177ac697347e1e5156d980073b5fe6', class: "d-table-row gap-2" }, h("span", { key: '6bb9bd0549246e1545244a1c1d6ba6a2763115e8', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'e21ffcb4db63cc336f8417a5f23a95ec9a22e07d', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), h("div", { key: '8ea8d1734de9014d6eaa40698b7370f2579b1686', class: "d-table-row gap-2" }, h("span", { key: '6f1c114ad77e46c67c661e8a7e0da9404a699afb', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: 'f702aff5516a6fe4de66982214019aa23757e5dd', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), h("div", { key: '9b37b4ca1651c6f5654c284e154a8610491082eb', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '7764276dee017b3802c8e5a099c7a14809a5a9e2', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '7d359a4379403683a1ace0a47eded0e6859e198a', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: '95357ab08560983952ef5dbbaecbd61a686d627e' }, h("h1", { key: 'dee2b2342d93f970ea42313a67bf7134c980c2c9', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '19c9ad659f69e844c06ca5a235f21265635e9d5b' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (h("div", { key: '7149f82646d7e06bb5355cdb5fab79e1a1c6d67e' }, h("h1", { key: 'eb074d8a3bff90cbca27a836dc959ae115103896', class: "h4" }, "This payment was disputed"), h("p", { key: 'a7c8ca180bfa9c6421f05f9014d1e10f35b2fdf8' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (h("div", { key: '66a1b25a142f78e1d5b0e234232c32f7addbd203' }, h("h1", { key: '7688608c03db8d4d2e1443b39e21ca39e48fdef2', class: "h4" }, "This payment was disputed"), h("p", { key: '0ba1cc45f3b5cbf9c96456a05ba1e781efeb8e2e' }, "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: 'c3458b13a7a265c9538725f706febf90251beb0e' }, h("div", { key: 'f8df4f3ae70640acf11f5c803ae1f77f1f501b48', class: "row gy-3" }, h("div", { key: '4d92037e9cb588c137bac7a505d35764de1fc83e', class: "col-12" }, h("h2", { key: '6cbf7f95a025011299aa0612e9c28c87f4fb6553', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '36d990b686e17568dffe11529582638cb5e1e812', class: "col-12" }, h("form-control-textarea", { key: 'c75f3f622ecfcf142d003e1af09f81794d4f6a1d', 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: 'd6da0f0922e5c1ba99dbef034b9a8d8817739899', class: "col-12" }, h("form-control-file-v2", { key: '0e333a243b510fbe96bf874fa523ea9e4d7bfa6f', 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: 'd943c5a732c4ece78a9d3894b1395bfe9fde13eb' }, h("div", { key: '918d1e3ef1259396d177e41d10998cbd9d69c060', class: "row gy-3" }, h("div", { key: 'bfab1580c07005da4046884acd07858478ed9e29', class: "col-12" }, h("h2", { key: '9d82008f712ce05f35a42bc169f581ec5e38d9ea', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '28b192ee15fc788ef9923e366b46e0d1458f5061', class: "col-12" }, h("form-control-textarea", { key: '799b740724230fc5fd7ed7e19d8f7069416eed10', 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: '0e1f293bd196f45faaa495f310be6c72ce101e0e', class: "col-12" }, h("form-control-file-v2", { key: '02ae90e06226350272bb49d1cb0d753f641c6801', 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: 'bd78bece625aec456d3433cc20bff08c16ae147a' }, h("div", { key: '80b32adabf3205beb07609c2758ba8609f22cf87', class: "row gy-3" }, h("div", { key: 'baa7766e30f6d9a9be7d2194d07e2fd53e859642', class: "col-12" }, h("h2", { key: 'bb1bb5a301dfaa5f4ce3cdcef84ff987088f2933', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '47fd127e97420bcc5aca04e6cdf2067edd7d9a97', class: "col-12" }, h("form-control-textarea", { key: 'c85dd2dc03c872e96c052e347bb698c9c8f17b3b', 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: 'e070c23f89b84d414992b842107531136b2541a6', class: "col-12" }, h("form-control-textarea", { key: '0c3acec921d25929feb496f810a1745debc440fb', 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: 'd40087a09150c9e801b6499604b71b48019a33b7', class: "col-12" }, h("form-control-file-v2", { key: '75c6d00c7a29c60bd81ab2f187f901d6fbe522d1', 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: '24d9db9409e2bc6147e73b70b103c86d9c65580d' }, h("div", { key: 'a724a9f96b0cc7f6a38fab82b572962b72ffbf9b', class: "row gy-3" }, h("div", { key: 'ba734334efd7a7fbc7adcc2c8bcb73f80278a413', class: "col-12" }, h("h2", { key: 'f57de791ca5b8f6752ce06460ba813f89f8145f5', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '86946aa4b4b2615864c3e6053e661564f4eb5658', class: "col-12" }, h("form-control-textarea", { key: '0f996bfd0a1b64effef21418a7813a12f1ad5fcd', 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: 'd46ca79368e4bc1f13e406d0fece0be4b8e33950', class: "col-12" }, h("form-control-textarea", { key: '0d7991cf878e645b80b8aa8b03533dc758d267a9', 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: 'aa89c58ba7263fe7419908fd4964874645b26c3e', class: "col-12" }, h("form-control-file-v2", { key: '7e6020a57b0d804c20e0b2c092bf512912679eb9', 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: '4f66d1737416342483855947c8d0bc84633efd1a' }, h("div", { key: '0a7be5af6e92d56bf58ceb5e1a5269163f8a5eef', class: "row gy-3" }, h("div", { key: '0ae8574e9228b7cee09f33595f901a216fad571c', class: "col-12" }, h("h2", { key: '9a025c901262dc362e048a72f3f5d17eaa8bc7a4', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '8d651d6a4f9f3ebc519e3fd8b6cd03da452f7a5e', class: "col-12" }, h("form-control-text", { key: '00b3d5ffef1d253b75cdba11c26c05fc4b3d3e7d', 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: '3494745d7843208abe678662359cf1612b035d2d', class: "col-12" }, h("form-control-text", { key: 'b6822a0f33dab183f717e58b68cd1c95445a62c8', 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: '86f9e759614375d50238fa26756ceac0ebd3d55c', class: "col-12" }, h("form-control-textarea", { key: 'e86f3fcc5a5f31cf46b67d53ee282b16232c0016', 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: 'bda34fee75daeaf9ac91758a096febabe98ddf14', class: "col-12" }, h("form-control-file-v2", { key: '49c40325d8478296a6da2f124114a7a06d29b4c6', 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: '8f1b66a41596a3606b5c2f2a0c94844f11aa4b27', class: "col-12" }, h("form-control-file-v2", { key: 'c5c539c9f9cf799a1043330e657a6064510e59ba', 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: 'b348b17f0b320a540b0496f04572ba1360f4fd15' }, h("div", { key: '376750fbcd6da41a602d6ad5b4a2130dbcce17dc', class: "row gy-3" }, h("div", { key: '2f6134bbd055fdb8afa495e29370a3528b5d8701', class: "col-12" }, h("h2", { key: '7e29aa97b070479bc6df91fe2bd4416a3a2210dd', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '7f44155fab6f6387fa768af1225c10a63fc3587b', class: "col-12" }, h("form-control-text", { key: '6c38a71cdcf231729d9db144a3936130dc0e0b4d', 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: '06c883df8dfa58535c32bcb43e6649537ff0b91c', class: "col-12" }, h("form-control-text", { key: 'eb424a6d80d90d19e7be31323de3ad41ede47c09', 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: 'a7ba05dfc72dabeeb690daff6e9f692488172d15', class: "col-12" }, h("form-control-textarea", { key: '9b47c924dfdd8065d6e456210a2cdaac30376f9b', 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: '37ba310fdd33ffb1fc41a168fb31c4f21a49b568', class: "col-12" }, h("form-control-file-v2", { key: 'e54b14ab429073482f68f8ba259e797be4c41a0f', 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: '9084a731a58784355bc543759d6bf50bd6001c52', class: "col-12" }, h("form-control-file-v2", { key: 'bfb40202ff50523583ad8bcc7dc96740495de312', 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() {

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

@@ -156,7 +156,7 @@ export class DisputeResponseCore {
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: 'b23c5bc27b1f657b9211d3a3482ae5b99982754e', class: "row gy-3" }, h("div", { key: 'a630f3c475d6b8026a81724c76340dc4f6088b26', class: "col-12" }, h("h1", { key: 'f4e848277ee8f1ec05ef1b1dfbac0e8872d9d91f', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '6f7f21778853a3c1ac173ac79713f5427a226a5b', class: "col-12" }, this.currentStepComponent), h("div", { key: '7354846a446f5677a12a3113b3f4226060a8b86a', class: "col-12" }, h("div", { key: '4fb9dbccff8b004913656c3a130b46a0216dd6bb', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
+        return (h("div", { key: '123cd5e2c03ac23f591c7c0b70c768acdd9e4932', class: "row gy-3" }, h("div", { key: '22d3cf94fddc2bdc52a122d49c35efb6b94d3670', class: "col-12" }, h("h1", { key: '16e6361626153b51b2d958203419752b65c211e3', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: 'fef2a0e7d8baa24652d487dc11406fc1678d0beb', class: "col-12" }, this.currentStepComponent), h("div", { key: '5c5fbe7839898450d12a08dc857bfda3471f8478', class: "col-12" }, h("div", { key: 'ee1eec3a34d161706418a2be5cbbf149b3a2cadc', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
     }
     static get is() { return "justifi-dispute-response-core"; }
     static get properties() {

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

@@ -55,7 +55,7 @@ export class DisputeResponse {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'ed6376969ab6a686999b8a31376b3c1cc8c7b566' }, h("justifi-dispute-response-core", { key: 'd823732d71613e9e98305d4b7d3c22af0344d209', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: 'c9a7035e6f28c32602fcb19b4026805d87aa54de' }, h("justifi-dispute-response-core", { key: '9acfee140646d1ed8b46771b353b9d0d71af2c14', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get is() { return "justifi-dispute-response"; }

package/dist/collection/components/dispute-management/dispute-response/duplicate-charge.js

@@ -28,7 +28,7 @@ export class DuplicateCharge {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '68152308257c9331e3e3e1b8141922634390c91d' }, h("div", { key: '0ff743d3d260272e98f9d9c9219e1465de1c7516', class: "row gy-3" }, h("div", { key: 'c02a18a34320cc8b4574b65f378b8a54207eb01c', class: "col-12" }, h("h2", { key: '254ae07ed42f2c61fed3b0be8cd02f928ac64f92', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: 'dfd97f7c5817bcd14458e4d390736b79651c29db', class: "col-12" }, h("form-control-text", { key: '76c551ab0641c3ebb78c40cdb78bb184911033c9', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: '1edd78dcefbe32156f27e924e5b032a016dbffc5', class: "col-12" }, h("form-control-textarea", { key: '556829c59b797a79b8bd31d3add791819a2ef84a', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: '183a68bf83924559e0032af6a43308466944fdcb', class: "col-12" }, h("form-control-file-v2", { key: 'fa3817f0e2e8ff17d5cdd142ccabc0e539a48d38', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
+        return (h("div", { key: 'e47e81701d243ca3d0cbd63752ac8edc02337cf8' }, h("div", { key: 'e8c380c186d957a09910887ffaa1476c55889ae2', class: "row gy-3" }, h("div", { key: '6209bbe1f2b37a0fb7215d9eca5da546f7b07343', class: "col-12" }, h("h2", { key: '4fcc49631c78e5f780b116f6741efbdc8526a81b', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '8d0a2ebe2fc159af79392decb28775e39e18868a', class: "col-12" }, h("form-control-text", { key: '45e3bfb01b42fdbfa366226bce57f59b33b682e5', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: '2e2d2c826a068d1ca22b527187b8850c5f92aa80', class: "col-12" }, h("form-control-textarea", { key: '97437cc325d852b9ff4ad1080d7921caac392ad2', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: 'bf0afc8eaf9eafd1cf08a1d1efeb1007e66ed1a0', class: "col-12" }, h("form-control-file-v2", { key: '75d18cc087a7765798f51463d2f9e70197cc5374', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
     }
     static get is() { return "justifi-duplicate-charge"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/electronic-evidence.js

@@ -28,7 +28,7 @@ export class ElectronicEvidence {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '677a04d0eb6000066063a68bfe85d286c5c207fa' }, h("div", { key: 'b231437fc879fa2c24474c498eba17edd34128a3', class: "row gy-3" }, h("div", { key: 'd0cf03d9f5e2de19f63e47fd42f0bec710d44bd1', class: "col-12" }, h("h2", { key: '5343dcbeffdaa14e4605944eef18c5ebf1418a20', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'a4b816038465b14e4078b13d46543280b212c676', class: "col-12" }, h("form-control-text", { key: '8cebdd64857d99b8058013df9a10ac007869b998', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: '637f3221604b415b8ea5c04af800a72dbfa40c4b', class: "col-12" }, h("form-control-file-v2", { key: '89b3db82c57b8673124369e915efa4f0ec3927a8', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
+        return (h("div", { key: '6518aa80a07c58e19076a102cc9e319cc3c9ee39' }, h("div", { key: '73444a9bf6008cbb1e6e66945ceca8ee23b996b1', class: "row gy-3" }, h("div", { key: 'b13b7db17bcf0e35a2fec5089bb5a282323587cb', class: "col-12" }, h("h2", { key: '289f212f765d91b9565e2c2024b0adedece833c2', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '7c4bb450be8746e3024b807ea8dc9f368cbb746c', class: "col-12" }, h("form-control-text", { key: 'b4938d9d1b0869af38d4d74eb61b8f5dda1761e2', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: '88ce56f5e30a5dae990fcf3ee0816a3636dfe4f9', class: "col-12" }, h("form-control-file-v2", { key: '4890efb2a4c67ec668c12caa53ce0978f6870925', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
     }
     static get is() { return "justifi-electronic-evidence"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/product-or-service.js

@@ -28,7 +28,7 @@ export class ProductOrService {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'ae1fdf1a29d12408c3be84b02dcd058cb4c7849b' }, h("div", { key: '499977f5ad1d9bcbddb749b556539cd1b641d3e8', class: "row gy-3" }, h("div", { key: '1318ffbe476b9b0cb662b85f3bc670c66e97f8f5', class: "col-12" }, h("h2", { key: '58bf1ca5a29f3a4942b249f7d35f60f4f9976b62', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '957203535d86a521d5d702d0d85eb09201deab3a', class: "col-12" }, h("form-control-text", { key: 'b02101dd7b3e22b06feea75f451fca6ac1496851', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '5eddaf6586b22c516f5fd48943cfd6f4a7bb83ce', class: "col-12" }, h("form-control-date", { key: 'bbc3a6d58d6f7e123d08802ca933135603476cca', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '4d810ce7ffdd4aec9fb8d1ce81aa8cc23aacb8f7', class: "col-12" }, h("form-control-file-v2", { key: 'c3d029eb2da6364df611604b6956a285dcde63ca', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
+        return (h("div", { key: 'cfa8c6c92bb2790dbaea1939e6acc7539fd848d7' }, h("div", { key: '63d38a0c614f932ef018791fb1388b3dc49c7e5c', class: "row gy-3" }, h("div", { key: '6140c07a8c354d9339509a00141fbc7a1de146f4', class: "col-12" }, h("h2", { key: '40c755fe0938930e0283c391df12c417850eecb4', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: 'b213783cf90bcc17522ab0367e530a48a2474270', class: "col-12" }, h("form-control-text", { key: 'b7977ccef55a4f616f1d7cd20cedad5af5187741', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '462085df8eedee334fbfa38d752803493515b39f', class: "col-12" }, h("form-control-date", { key: 'dca6d8369385607b2fa43882d864e42d4c0fec4c', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '74aeb86e75d1496f88f7286cab4cf8fcbd737f60', class: "col-12" }, h("form-control-file-v2", { key: '6872fb5a4a54ace55578dd0ba789ca7409799645', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
     }
     static get is() { return "justifi-product-or-service"; }
     static get properties() {

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

@@ -28,7 +28,7 @@ export class RefundPolicy {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: 'd5afb26778b8e72bb914c964ab03490887149ef7' }, h("div", { key: '58c0472396b62c36304fc5b05400ea1e92106d48', class: "row gy-3" }, h("div", { key: '0178337b922c635efd5967da10ffb9a4fcf974e3', class: "col-12" }, h("h2", { key: '754263a51e6d0dd4a0b42205855446194a01fbde', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '3d618f3d5c73ac55275d189b16b8d0ee2eaf56b4', class: "col-12" }, h("form-control-textarea", { key: '42d90a550814a48fdd3bcb5fc8a18dfa3739512d', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: '108c2376a1680468000d83a31753cd2e1a2143f4', class: "col-12" }, h("form-control-textarea", { key: '7b1db2802760357080a7cd004bc322cc644c1741', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'f1c140d81063c530b5f2c9df8a78cd7edad56482', class: "col-12" }, h("form-control-file-v2", { key: '6d7fc6f84f8a3af171e344d1a05d465d144bd6b5', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: 'aefdff678a562ea84dd20f2855045ad1e2be2e65', class: "col-12" }, h("form-control-file-v2", { key: 'c745a8ca84affd92d6590d4c2ccc0ca11ba71bd6', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
+        return (h("div", { key: 'd9234b27998495091ed3a8f6a68e8bd0ca273351' }, h("div", { key: '8456144a474b1cf7bfbcfd0bac0e24837376a0fd', class: "row gy-3" }, h("div", { key: 'f13612f184a140a4bd9b5ee18a31b0faad3da535', class: "col-12" }, h("h2", { key: 'dc5959ec45379faafa8dc973fcb652729c65a4ae', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'bcf9f262aa58d5a92d13477035bf8fea788c8738', class: "col-12" }, h("form-control-textarea", { key: '6f8676d9a2427b7a3d6cd5a1ba6533f9c21b986f', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: '9d5707337a5955d63eaca24b885bbdbfbf3f84d8', class: "col-12" }, h("form-control-textarea", { key: '4e7f13b79b895ddee0890519176b54ccaa092fa4', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'c02521ff9575fd1d0f430c6b5171457c5205a12f', class: "col-12" }, h("form-control-file-v2", { key: 'd5223c87347af2a02cb0748be32fffe29ac18137', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: '341f0fa04c29e33533cc8ec16b4364367124ce53', class: "col-12" }, h("form-control-file-v2", { key: '280dd38b7b4e5a29b6dd7f5fbc765f0e3b9cd765', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
     static get is() { return "justifi-refund-policy"; }
     static get properties() {

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

@@ -29,7 +29,7 @@ export class ShippingDetails {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '12761f4d70524d91bfc9ad614d2235a1f7ff9fb2' }, h("div", { key: 'f09f1107bd01120198dd8b5fac777494720be56e', class: "row gy-3" }, h("div", { key: '2533b4452bada515f9b4d116521122989ca010b8', class: "col-12" }, h("h2", { key: '56d3d7c5361dbdc23e98608ca2296532d1d9b9f9', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'fd93a97d9829d7aa5999b8c90e769da63f1e5e75', class: "col-12" }, h("form-control-text", { key: '0121bfaedb5a3ad33cb71ff4af667099b0fed28c', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '17def8633c36b773387bf770f203584c01d78d56', class: "col-12" }, h("form-control-text", { key: '23a511ccca24f322f56876f31f1c70699808106f', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '18e25d53629ec3d0096f9ed53a3a6c92e0e746b9', class: "col-12" }, h("form-control-date", { key: 'fcdb6e192c8dda9e31e97fd1b6d0e9c74e86712f', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: 'dd2c4332df4a13bab91e26770845c2ad62b4e5ab', class: "col-12" }, h("form-control-textarea", { key: '855a2b47ea8363befc57b5a8533d5aac1f18e00e', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: '880ed83f7ef2e3c4aba497c8906c9b39d0f3b922', class: "col-12" }, h("form-control-file-v2", { key: '78815509ec89c00074326d5752f77797c4b47746', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
+        return (h("div", { key: '6b71aa457f7e3ac9fd050deea342c6ca14c1d62f' }, h("div", { key: 'c6a309a59de4b6cf6f5ca1e3bfee3da1cdca543c', class: "row gy-3" }, h("div", { key: '1668c86989cec124c7d11d54b9dd6edf46c182d0', class: "col-12" }, h("h2", { key: 'e911f21be4aa8a369d427ae80989d8223693e3ba', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '025beda9984cb47518eccb04971470a46ad3d73b', class: "col-12" }, h("form-control-text", { key: 'ea8db703b0d94e5c2d8148cfaa97e6eb2a824e06', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '764cddd9b2b8156ab97d598fed23459f074006de', class: "col-12" }, h("form-control-text", { key: '4ce85b6b5c4ca79c2edaafbe3169bf049153cbfa', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '8e18b6159156b7d21dba344e2c1a22418b139e3e', class: "col-12" }, h("form-control-date", { key: 'd3a8ef184475150d07fea4f82e65800c5c259b47', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: 'ff23ee968b2b6f64eefd3453fcdb788034e166e0', class: "col-12" }, h("form-control-textarea", { key: '75bad71ceae6bab8de6d47175fda3bd27491bde0', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'c774e01b09f930e3656e4b194b386234a692fbbe', class: "col-12" }, h("form-control-file-v2", { key: '928f2195a67e1aac483ea70ff97c3e65e8dcfbe9', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
     }
     static get is() { return "justifi-shipping-details"; }
     static get properties() {