@justifi/webcomponents 6.10.4 → 6.12.0

package/dist/esm/justifi-billing-form.entry.js

@@ -0,0 +1,22 @@
+import { r as registerInstance, h } from './index-CV0Pyo1O.js';
+import { S as StyledHost } from './styled-host-D6byRazK.js';
+import './event-types-CZfYo5-1.js';
+
+const JustifiBillingForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    async getValues() {
+        var _a, _b;
+        return (_b = (_a = this.billingFormRef) === null || _a === void 0 ? void 0 : _a.getValues()) !== null && _b !== void 0 ? _b : {};
+    }
+    async validate() {
+        var _a, _b;
+        return (_b = (_a = this.billingFormRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
+    }
+    render() {
+        return (h(StyledHost, { key: '40a8a4342204d1679c9b37fb775184131c68248b' }, h("billing-form", { key: '65156fc636a2196aa2d189ce5c4d66f755deb3f6', legend: this.legend, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: this.paymentMethodType, ref: (el) => (this.billingFormRef = el) })));
+    }
+};
+
+export { JustifiBillingForm as justifi_billing_form };

package/dist/esm/justifi-business-details.entry.js

@@ -1,23 +1,24 @@
 import { r as registerInstance, c as createEvent, h } from './index-CV0Pyo1O.js';
-import { E as ErrorState } from './utils-BGbtbDiV.js';
-import { B as BusinessService } from './business.service-CS-wQJoN.js';
+import { E as ErrorState } from './utils-DJOBwFeP.js';
+import { B as BusinessService } from './business.service-M3YvwC-d.js';
 import { m as makeGetBusiness } from './get-business-BtJWpVs_.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-QOngucT4.js';
-import './parts-c8J1gsDg.js';
-import './Api-CLZVsXZg.js';
+import { J as JustifiAnalytics } from './Analytics-C2EVi4Am.js';
+import { c as checkPkgVersion } from './check-pkg-version-qIHmWcbI.js';
+import './parts-D50Rx76J.js';
+import './Api-DI0-itk3.js';
 import './config-state-kKn89dp1.js';
 import './index-cDVGjRkU.js';
-import './utils-7bp92NC7.js';
+import './utils-C_8ZxLti.js';
 import './dinero-HXpYMWUU.js';
-import './Plaid-Cmyilr-q.js';
+import './Plaid-vwPGZ5y4.js';
 import './Dispute-BH0Xfn-F.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BcNb9bVO.js';
 import './utils-BeQLScSm.js';
-import './package-Cc6518FT.js';
+import './package-CIYOQWsL.js';
 
-const BusinessDetails = class {
+const JustifiBusinessDetails = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.errorEvent = createEvent(this, "error-event", 7);
@@ -61,4 +62,4 @@ const BusinessDetails = class {
     }
 };
 
-export { BusinessDetails as justifi_business_details };
+export { JustifiBusinessDetails as justifi_business_details };

package/dist/esm/justifi-business-form.entry.js

@@ -5,28 +5,29 @@ import { i as identitySchemaUSA, a as addressSchemaUSA, b as identitySchemaCAN,
 import './config-state-kKn89dp1.js';
 import './dinero-HXpYMWUU.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
-import './Plaid-Cmyilr-q.js';
+import './Plaid-vwPGZ5y4.js';
 import './Pagination-CLHwhyvu.js';
 import { C as CountryCode, B as Business, b as BusinessFormServerErrors } from './Business-BcNb9bVO.js';
 import './Dispute-BH0Xfn-F.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-QOngucT4.js';
-import { B as Button } from './button-DoF-zpiW.js';
+import { J as JustifiAnalytics } from './Analytics-C2EVi4Am.js';
+import { B as Button } from './button-B-Agn8yQ.js';
 import { S as StyledHost } from './styled-host-D6byRazK.js';
-import { H as Header1 } from './header-1-BIaO3iDb.js';
+import { H as Header1 } from './header-1-bRxxOyI-.js';
 import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-DzBAY0bs.js';
+import { c as checkPkgVersion } from './check-pkg-version-qIHmWcbI.js';
+import { S as Skeleton } from './skeleton-DV6yJalo.js';
 import { B as BusinessFormClickActions } from './event-types-XYgDHrVL.js';
 import { m as makeGetBusiness, b as makePatchBusiness } from './payment-provisioning-actions-CBvplwPf.js';
-import { B as BusinessService } from './business.service-CS-wQJoN.js';
+import { B as BusinessService } from './business.service-M3YvwC-d.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './schema-validations-v6WGlZkq.js';
 import './country-config-P042rrI3.js';
 import './business-form-options-DRalxlqN.js';
 import './index-cDVGjRkU.js';
-import './utils-7bp92NC7.js';
-import './package-Cc6518FT.js';
-import './Api-CLZVsXZg.js';
-import './parts-c8J1gsDg.js';
+import './utils-C_8ZxLti.js';
+import './package-CIYOQWsL.js';
+import './Api-DI0-itk3.js';
+import './parts-D50Rx76J.js';
 import './utils-BeQLScSm.js';
 
 const businessFormSchemaUSA = create$3(Object.assign(Object.assign({}, businessCoreInfoSchemaUSA().fields), { legal_address: addressSchemaUSA(), additional_questions: additionalQuestionsSchema(), representative: identitySchemaUSA('representative') }));
@@ -39,7 +40,7 @@ const BusinessFormLoading = () => {
     return (h("div", { class: "row gap-5" }, h("div", { class: "col-12" }, h(Skeleton, { width: "40%", height: "40px" })), h(FormBlock, null), h(FormBlock, null), h(FormBlock, null)));
 };
 
-const BusinessForm = class {
+const JustifiBusinessForm = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.submitEvent = createEvent(this, "submit-event", 7);
@@ -144,8 +145,8 @@ const BusinessForm = class {
         if (this.isLoading) {
             return h(StyledHost, null, h(BusinessFormLoading, null));
         }
-        return (h(StyledHost, null, h("form", { onSubmit: this.validateAndSubmit }, h("div", { class: "row gap-3" }, h(Header1, { text: this.title }), h("form-alert", { text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { class: "col-12 mb-4" }, h("justifi-business-core-info", { formController: this.formController, country: this.country })), h("div", { class: "col-12 mb-4" }, h("justifi-legal-address-form", { formController: this.formController, country: this.country })), h("div", { class: "col-12 mb-4" }, h("justifi-additional-questions", { formController: this.formController })), h("div", { class: "col-12 mb-4" }, h("justifi-business-representative", { formController: this.formController, country: this.country })), h("div", { class: "col-12 d-flex flex-row-reverse" }, h(Button, { type: "submit", disabled: this.disabledState, variant: 'primary', onClick: () => this.clickEvent.emit({ name: BusinessFormClickActions.submit }), isLoading: this.isSaving }, "Submit"))))));
+        return (h(StyledHost, null, h("form", { onSubmit: this.validateAndSubmit }, h("div", { class: "row gap-3" }, h(Header1, { text: this.title }), h("form-alert", { text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { class: "col-12 mb-4" }, h("business-core-info", { formController: this.formController, country: this.country })), h("div", { class: "col-12 mb-4" }, h("legal-address-form", { formController: this.formController, country: this.country })), h("div", { class: "col-12 mb-4" }, h("additional-questions", { formController: this.formController })), h("div", { class: "col-12 mb-4" }, h("business-representative", { formController: this.formController, country: this.country })), h("div", { class: "col-12 d-flex flex-row-reverse" }, h(Button, { type: "submit", disabled: this.disabledState, variant: 'primary', onClick: () => this.clickEvent.emit({ name: BusinessFormClickActions.submit }), isLoading: this.isSaving }, "Submit"))))));
     }
 };
 
-export { BusinessForm as justifi_business_form };
+export { JustifiBusinessForm as justifi_business_form };

package/dist/esm/justifi-card-billing-form-simple.entry.js

@@ -0,0 +1,22 @@
+import { r as registerInstance, h } from './index-CV0Pyo1O.js';
+import { S as StyledHost } from './styled-host-D6byRazK.js';
+import './event-types-CZfYo5-1.js';
+
+const JustifiCardBillingFormSimple = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    async getValues() {
+        var _a, _b;
+        return (_b = (_a = this.cardBillingFormSimpleRef) === null || _a === void 0 ? void 0 : _a.getValues()) !== null && _b !== void 0 ? _b : {};
+    }
+    async validate() {
+        var _a, _b;
+        return (_b = (_a = this.cardBillingFormSimpleRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
+    }
+    render() {
+        return (h(StyledHost, { key: 'cb3b6670a547232d21c917eac7d9423901055dd1' }, h("card-billing-form-simple", { key: '15ac287b3a9aa91f481817450d87e967e7f95ae8', legend: this.legend, ref: (el) => (this.cardBillingFormSimpleRef = el) })));
+    }
+};
+
+export { JustifiCardBillingFormSimple as justifi_card_billing_form_simple };

package/dist/esm/justifi-card-form.entry.js

@@ -0,0 +1,42 @@
+import { r as registerInstance, h } from './index-CV0Pyo1O.js';
+import { J as JustifiAnalytics } from './Analytics-C2EVi4Am.js';
+import { c as checkPkgVersion } from './check-pkg-version-qIHmWcbI.js';
+import { w as waitForConfig } from './config-state-kKn89dp1.js';
+import { S as StyledHost } from './styled-host-D6byRazK.js';
+import './event-types-CZfYo5-1.js';
+import './package-CIYOQWsL.js';
+import './Api-DI0-itk3.js';
+import './utils-C_8ZxLti.js';
+import './dinero-HXpYMWUU.js';
+import './ComponentError-Cjcsf8ku.js';
+import './Plaid-vwPGZ5y4.js';
+import './Dispute-BH0Xfn-F.js';
+import './Pagination-CLHwhyvu.js';
+import './Business-BcNb9bVO.js';
+import './index-cDVGjRkU.js';
+
+const JustifiCardForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    async componentWillLoad() {
+        await waitForConfig();
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
+    async validate() {
+        return this.cardFormElement.validate();
+    }
+    async tokenize({ clientId, paymentMethodMetadata, account, }) {
+        return this.cardFormElement.tokenize({ clientId, paymentMethodMetadata, account });
+    }
+    render() {
+        return (h(StyledHost, { key: '50a01710ce00b5821259ca5742df7d4dce97fba4' }, h("card-form", { key: 'bd5426a1aa6270dc45492115000bb5aac9466fd8', ref: (el) => (this.cardFormElement = el) })));
+    }
+};
+
+export { JustifiCardForm as justifi_card_form };

package/dist/esm/justifi-checkout.entry.js

@@ -1,23 +1,24 @@
 import { r as registerInstance, c as createEvent, h } from './index-CV0Pyo1O.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-QOngucT4.js';
-import { c as checkoutStore } from './checkout.store-iNkW80yV.js';
-import { c as checkoutSummary } from './parts-c8J1gsDg.js';
+import { J as JustifiAnalytics } from './Analytics-C2EVi4Am.js';
+import { c as checkPkgVersion } from './check-pkg-version-qIHmWcbI.js';
+import { c as checkoutStore } from './checkout.store-C1TdhFf6.js';
+import { c as checkoutSummary } from './parts-D50Rx76J.js';
 import { S as StyledHost } from './styled-host-D6byRazK.js';
 import './event-types-CZfYo5-1.js';
 import { P as PAYMENT_METHODS } from './index-DkoufM1t.js';
-import './package-Cc6518FT.js';
-import './Api-CLZVsXZg.js';
+import './package-CIYOQWsL.js';
+import './Api-DI0-itk3.js';
 import './config-state-kKn89dp1.js';
 import './index-cDVGjRkU.js';
-import './utils-7bp92NC7.js';
+import './utils-C_8ZxLti.js';
 import './dinero-HXpYMWUU.js';
 import './ComponentError-Cjcsf8ku.js';
-import './Plaid-Cmyilr-q.js';
+import './Plaid-vwPGZ5y4.js';
 import './Dispute-BH0Xfn-F.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BcNb9bVO.js';
 
-const Checkout = class {
+const JustifiCheckout = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.errorEvent = createEvent(this, "error-event", 7);
@@ -66,9 +67,7 @@ const Checkout = class {
         this.availablePaymentMethods = event.detail.availablePaymentMethodTypes;
     }
     async fillBillingForm(fields) {
-        var _a;
         checkoutStore.billingFormFields = fields;
-        (_a = this.tokenizePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.fillBillingForm(fields);
     }
     async validate() {
         var _a;
@@ -92,9 +91,9 @@ const Checkout = class {
     }
     render() {
         var _a, _b;
-        return (h(StyledHost, { key: '6bbc4c4997d14ac9040b8f88075a7e9b53208d4c' }, h("justifi-modular-checkout", { key: '9b11e7df277e5e9f70cd8928f865a2e62cfc8293', ref: (el) => {
+        return (h(StyledHost, { key: '276ce9e43391eb3323bce08a465831038acf30b0' }, h("justifi-modular-checkout", { key: '9c111730403d0da1a6769b8a5d41b5517e210ece', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: 'c64981c31fd2d022f886b0613bd47bd0b0fe5f2a', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '8f01af25b281a19f7fc83451a44f63836efadc20', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: 'd729ed0b26c94e74d8ce824fcf97bd3002e3a9d0', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '9cc9863b1dd2531bda52e609bba5c7c8f9883cb1' }, h("justifi-checkout-summary", { key: '00f36de593e245982bfe03c8867881fedfb7d43f' }))), h("div", { key: '3fe5390d7b8b2fbcdbfff4b71d4b7c43ddae9ff6', class: "col-12 mt-4" }, h("slot", { key: '84fa5a7e7772124d7fa61a9317499618850eb0bb', name: "insurance" })), h("div", { key: 'c8d1553c6041c0e000eab9dc953a23aa089a3f90', class: "col-12 mt-4" }, h("justifi-header", { key: 'a08fc163ba437f767ab88d78ac55ae003b09a567', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: 'bff5fc2986d37bbe49a5253d43db55663ee7be74', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'f5ca969400444639b09e423b154e47abf89c731f', class: "d-flex flex-column" }, h("section", { key: 'b70209321ebefd161ae3113293c62fe953913f2e' }, h("div", { key: '4df7539a9b8d6b52d47ad32974a59ab2d366b4b2' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '023deb9a1d025e36cc2b07c3ea8144e0068ea470', class: "mb-3" }, h("justifi-apple-pay", { key: '4e52440f329bae25194e71fa30190218f5c1cecb' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: '83e12debb25e0ef095ca40d87054411396238754', class: "mb-3" }, h("justifi-google-pay", { key: 'ed6312e39ff4a98c819cf1853f416c6fbf845323', ref: (el) => (this.googlePayRef = el) }))), h("justifi-saved-payment-methods", { key: 'e059fda26ec54c4f908754663fa23f26c3df8f0c' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '3d836539d5850abfd956b39bede6efad5954bdad', 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: 'ac0ac64e9f7586764e3f5671c74794c80ffcff54', 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: '894e7a5bfef2eefa5d045928bb6fab3b1f39bd5e', 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: '2121952545d38693f11426ef8146b39956d4f427', class: "mt-4" }, h("justifi-button", { key: '5e7cf3c699048943df68c0506a34617d0b14bf07', 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: '3cdbc4de0fe612e5a929b27ed1397226d083ce61', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'f1bf2b80e876b96e5357cea7b0a95e2a846b36b6', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '4eb043734efb5f8ed84c5160443ba4f23c5d6fd5', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '786c89b8aa65a73ad3d849f3abe12dec8530ecb2' }, h("justifi-checkout-summary", { key: 'af6a4dfaf6855cc00c1305321c773524bf4220af' }))), h("div", { key: 'a833b1ae983c26e102296d5c96d2b0cef75d318e', class: "col-12 mt-4" }, h("slot", { key: '69318d11beef612aca5b43233aa350410656f3df', name: "insurance" })), h("div", { key: 'd501f4e821acb8ae7b87bd404f7e198442d755b1', class: "col-12 mt-4" }, h("justifi-header", { key: 'a0e35a3c9e17c369cd3f6c20d0920a3b7ab0d762', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: 'c221cf0d0e2fdc5de6ba30932aba29cf5579c0da', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'f010223ce96209a7a5f658731f0addaf99c51a03', class: "d-flex flex-column" }, h("section", { key: 'ea9ea9732ecbdd979d75d5b5be8d3d289559de56' }, h("div", { key: 'ca177b32abef11c82c6a65b455aa4454c3484c9d' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: 'ecb9df8b303bf743310b65253cd1033650f684ea', class: "mb-3" }, h("justifi-apple-pay", { key: 'b37003ac61eeeeba8319f9094cd64675953832d5' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: '3a21ba8424131d2ebd2c696e27450bb34c3f6206', class: "mb-3" }, h("justifi-google-pay", { key: 'c24d0b822d896e1ff2ae9125fdd8b91676f85676', ref: (el) => (this.googlePayRef = el) }))), h("justifi-saved-payment-methods", { key: '1c3d13b8e2b9731e4ff1a2b785bdba6b3041d616' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: 'cdbba68a8191b2e63db0fb1a9019f667fc1fe4e3', 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: '0318a8e1fb4f64fc9569269f55521372a43b403f', 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: '3a1b799a08f03f1826dc91182a08e1df045bcdfc', 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: '73f003bb884d04dca82657993fb006cc098355bd', class: "mt-4" }, h("justifi-button", { key: 'd39f8b5b10fe70fa99d48852af9535cf8b76354c', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -105,4 +104,4 @@ const Checkout = class {
     }; }
 };
 
-export { Checkout as justifi_checkout };
+export { JustifiCheckout as justifi_checkout };

package/dist/esm/justifi-checkouts-list-filters.entry.js

@@ -1,21 +1,21 @@
 import { r as registerInstance, h } from './index-CV0Pyo1O.js';
 import { l as lodashExports } from './lodash-CrGKVSPp.js';
 import './config-state-kKn89dp1.js';
-import { c as convertToUTC, a as convertToLocal } from './utils-7bp92NC7.js';
+import { c as convertToUTC, a as convertToLocal } from './utils-C_8ZxLti.js';
 import './ComponentError-Cjcsf8ku.js';
-import { I as ICheckoutStatus, a as ICheckoutPaymentModeParam } from './Plaid-Cmyilr-q.js';
+import { I as ICheckoutStatus, a as ICheckoutPaymentModeParam } from './Plaid-vwPGZ5y4.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BcNb9bVO.js';
 import './Dispute-BH0Xfn-F.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './checkouts-list-params-state-CiGfmyWW.js';
-import { a as checkoutsListFilterMenu, b as checkoutIdCheckoutsListFilterParam, s as statusCheckoutsListFilterParam, p as paymentModeCheckoutsListFilterParam, d as createdAfterCheckoutsListFilterParam, e as createdBeforeCheckoutsListFilterParam } from './parts-c8J1gsDg.js';
+import { f as filterMenu, a as filterParam } from './parts-D50Rx76J.js';
 import { S as StyledHost } from './styled-host-D6byRazK.js';
 import './event-types-CZfYo5-1.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './index-cDVGjRkU.js';
 import './dinero-HXpYMWUU.js';
 
-const CheckoutsListFilters = class {
+const JustifiCheckoutsListFilters = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.setParamsOnChange = (name, value) => {
@@ -33,6 +33,7 @@ const CheckoutsListFilters = class {
             status: this.checkoutStatus,
             payment_mode: this.paymentMode,
             checkout_id: this.checkoutId,
+            successful_payment_id: this.successfulPaymentId,
             created_after: this.createdAfter,
             created_before: this.createdBefore
         };
@@ -61,10 +62,10 @@ const CheckoutsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '026d871e88f893ee2d565b13c72bdafaeedc1f9c' }, h("table-filters-menu", { key: 'a64b6212c54729cf08d0211720b815837187018b', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '11897ce900abc322fa0107516d350f53a857aa1c', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '9f926a008dc275e53aa1d82c09410e4f65b4221e', class: "p-2" }, h("form-control-text", { key: '57020a2320f442a0ee0a6ffa443f88dea855b651', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: checkoutIdCheckoutsListFilterParam })), h("div", { key: '40c6e5e2e342573fcb6e1f34309e324ca2a9ee2c', class: "p-2" }, h("form-control-select", { key: '7c70d0d6bdc322fc9682b3c64393778642fe8ad4', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '51eb0d4cf8d3f9643af1f5fb8ef2e0908ebb18d3', class: "p-2" }, h("form-control-select", { key: '47352ceaa0f989533c366d68228cc2752ef12fec', 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: 'cee7d5487e1b4f6dd6c25230c012d69b97326392', class: "p-2" }, h("form-control-date", { key: '0b6e3821eda78c9dca9797d965020636ab31c9b9', 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: 'd4b38febbc6763c828761bb5eab3594bd3c29f9d', class: "p-2" }, h("form-control-date", { key: '3729809c6ec729c2c2887d722e16e29a9f405b09', 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 }))))));
+        return (h(StyledHost, { key: '1cb9ac7fa93fd89d27274da2dc387f03f4243b81' }, h("table-filters-menu", { key: '6b558a243b25c44f0ac284f22e4696fd5b0f0e8a', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '9cda920e54a705a1f410eeb6643ff2b15df23773', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '027f1e03e3bb915d7946b0a085594e3ff22f009e', class: "p-2" }, h("form-control-text", { key: '188c38569a0319ba325e5818785e787404adb277', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: '9cc16df991e6d53071936066726e513e7bfad4a9', class: "p-2" }, h("form-control-text", { key: '1424a8cd91e255240c1691829cc8cabd5bf0f272', name: "successful_payment_id", label: "Successful Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.successfulPaymentId || filterParams.successful_payment_id, disabled: !!this.successfulPaymentId, part: filterParam })), h("div", { key: 'b4ce6ffbf54f46d97c4c8ded6504c71094adefc2', class: "p-2" }, h("form-control-select", { key: '5958c25818358ee30fe1d18b1c61ac02ca26eb19', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: filterParam })), h("div", { key: 'd9f662459748fd0a9c708b6133b0a3cc4b7822d5', class: "p-2" }, h("form-control-select", { key: 'b7d407a70a87c46db06c5ba60046a2a56f7efe4e', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: '34e34871187a8b59d07ae00e9cf21e3fc16a12c0', class: "p-2" }, h("form-control-date", { key: '366cf1b96110c7fd78d235235d27cf5c23da503f', 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: filterParam })), h("div", { key: 'b697e3cf585e865fc641f1264de60fcd010a2524', class: "p-2" }, h("form-control-date", { key: '2b63526cd171b9e9e84e58c43b45edf0c004baa3', 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: filterParam }))))));
     }
 };
 
-export { CheckoutsListFilters as justifi_checkouts_list_filters };
+export { JustifiCheckoutsListFilters as justifi_checkouts_list_filters };

package/dist/esm/justifi-checkouts-list.entry.js

@@ -2,23 +2,24 @@ import { r as registerInstance, c as createEvent, h } from './index-CV0Pyo1O.js'
 import './config-state-kKn89dp1.js';
 import './dinero-HXpYMWUU.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
-import { C as Checkout } from './Plaid-Cmyilr-q.js';
+import { C as Checkout } from './Plaid-vwPGZ5y4.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BcNb9bVO.js';
 import './Dispute-BH0Xfn-F.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-QOngucT4.js';
-import { C as CheckoutService } from './checkout.service-BcQ_onZq.js';
-import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts-BFALCYFr.js';
+import { c as checkPkgVersion } from './check-pkg-version-qIHmWcbI.js';
+import { J as JustifiAnalytics } from './Analytics-C2EVi4Am.js';
+import { C as CheckoutService } from './checkout.service-DdIBmfsp.js';
+import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts-Mwx-aVcG.js';
 import { S as StyledHost } from './styled-host-D6byRazK.js';
 import './event-types-CZfYo5-1.js';
-import { d as defaultColumnsKeys } from './checkouts-table-XjFiAWCw.js';
+import { d as defaultColumnsKeys } from './checkouts-table-4iLy6mvH.js';
 import './index-cDVGjRkU.js';
-import './utils-7bp92NC7.js';
-import './package-Cc6518FT.js';
-import './Api-CLZVsXZg.js';
-import './badge-BfWXAKIJ.js';
-import './parts-c8J1gsDg.js';
+import './utils-C_8ZxLti.js';
+import './package-CIYOQWsL.js';
+import './Api-DI0-itk3.js';
+import './badge-B_DdhQ3Q.js';
+import './parts-D50Rx76J.js';
 
 const makeGetCheckouts = ({ accountId, authToken, service }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
@@ -49,7 +50,7 @@ const makeGetCheckouts = ({ accountId, authToken, service }) => async ({ params,
     }
 };
 
-const CheckoutsList = class {
+const JustifiCheckoutsList = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.errorEvent = createEvent(this, "error-event", 7);
@@ -105,7 +106,7 @@ const CheckoutsList = class {
         }
     }
     render() {
-        return (h(StyledHost, { key: '08345e8bbe637cea344a232da2302bd0298a5ac9' }, h("checkouts-list-core", { key: '7aa34a0537810197cf6962d1a89e12e9ad9d8eea', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '96153624befeb889e49caa063c64596eb38e38ff' }, h("checkouts-list-core", { key: 'b2ced4d610511630d73498422db88be9fac50b15', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],
@@ -114,4 +115,4 @@ const CheckoutsList = class {
     }; }
 };
 
-export { CheckoutsList as justifi_checkouts_list };
+export { JustifiCheckoutsList as justifi_checkouts_list };

package/dist/esm/justifi-config-provider.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance } from './index-CV0Pyo1O.js';
 import { s as setConfigState } from './config-state-kKn89dp1.js';
 import './index-cDVGjRkU.js';
 
-const ConfigProvider = class {
+const JustifiConfigProvider = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.apiOrigin = "https://wc-proxy.justifi.ai";
@@ -21,4 +21,4 @@ const ConfigProvider = class {
     }
 };
 
-export { ConfigProvider as justifi_config_provider };
+export { JustifiConfigProvider as justifi_config_provider };

package/dist/esm/justifi-details.entry.js

@@ -1,17 +1,17 @@
 import { r as registerInstance, h } from './index-CV0Pyo1O.js';
-import { E as ErrorState } from './utils-BGbtbDiV.js';
-import './parts-c8J1gsDg.js';
+import { E as ErrorState } from './utils-DJOBwFeP.js';
+import './parts-D50Rx76J.js';
 
-const Details = class {
+const JustifiDetails = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '77d9c172a85e392d3c21d7d789dd2c264858f571' }, this.errorMessage ?
+        return (h("div", { key: 'b91f85e2f62f1ea80409367208117f805299c397' }, this.errorMessage ?
             ErrorState(this.errorMessage)
             :
                 h("main", { class: "p-2" }, h("slot", { name: "head-info" }), h("slot", { name: 'detail-sections' }))));
     }
 };
 
-export { Details as justifi_details };
+export { JustifiDetails as justifi_details };

package/dist/esm/justifi-dispute-management-core.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h } from './index-CV0Pyo1O.js'
 import { D as DisputeManagementClickActions } from './event-types-Bg2SZArf.js';
 import { D as Dispute, a as DisputeStatus } from './Dispute-BH0Xfn-F.js';
 
-const DisputeManagementCore = class {
+const JustifiDisputeManagementCore = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.errorEvent = createEvent(this, "error-event", 7);
@@ -49,11 +49,11 @@ const DisputeManagementCore = class {
         });
     }
     render() {
-        return (h("div", { key: '7e809ceb46aa6ae412d9dc554966cc181b77cc64' }, 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: 'cd1da1a29b989475098809875dc6b31538696106' }, 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 watchers() { return {
         "getDispute": ["updateOnPropChange"]
     }; }
 };
 
-export { DisputeManagementCore as justifi_dispute_management_core };
+export { JustifiDisputeManagementCore as justifi_dispute_management_core };

package/dist/esm/justifi-dispute-management.entry.js

@@ -1,16 +1,17 @@
 import { r as registerInstance, c as createEvent, h } from './index-CV0Pyo1O.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-QOngucT4.js';
+import { J as JustifiAnalytics } from './Analytics-C2EVi4Am.js';
+import { c as checkPkgVersion } from './check-pkg-version-qIHmWcbI.js';
 import { D as Dispute } from './Dispute-BH0Xfn-F.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
-import { D as DisputeService } from './dispute.service-B_oe0uFV.js';
-import './package-Cc6518FT.js';
-import './Api-CLZVsXZg.js';
+import { D as DisputeService } from './dispute.service-BzzA0DeT.js';
+import './package-CIYOQWsL.js';
+import './Api-DI0-itk3.js';
 import './config-state-kKn89dp1.js';
 import './index-cDVGjRkU.js';
-import './utils-7bp92NC7.js';
+import './utils-C_8ZxLti.js';
 import './dinero-HXpYMWUU.js';
-import './Plaid-Cmyilr-q.js';
+import './Plaid-vwPGZ5y4.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BcNb9bVO.js';
 
@@ -43,7 +44,7 @@ const makeGetDispute = ({ id, authToken, service }) => async ({ onSuccess, onErr
     }
 };
 
-const DisputeManagement = class {
+const JustifiDisputeManagement = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.errorEvent = createEvent(this, "error-event", 7);
@@ -84,7 +85,7 @@ const DisputeManagement = class {
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: '6e884955ea019144de872582a62bcecf05efa7b4', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: 'd69df58c862b817e39c773ef80ae95b24cac8be3', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],
@@ -92,4 +93,4 @@ const DisputeManagement = class {
     }; }
 };
 
-export { DisputeManagement as justifi_dispute_management };
+export { JustifiDisputeManagement as justifi_dispute_management };

package/dist/esm/justifi-dispute-notification_3.entry.js

@@ -1,24 +1,25 @@
 import { r as registerInstance, c as createEvent, h } from './index-CV0Pyo1O.js';
-import { f as formatCurrency } from './utils-7bp92NC7.js';
-import { H as text, aA as heading4 } from './parts-c8J1gsDg.js';
-import { B as Button } from './button-DoF-zpiW.js';
+import { f as formatCurrency } from './utils-C_8ZxLti.js';
+import { t as text, a8 as heading4 } from './parts-D50Rx76J.js';
+import { B as Button } from './button-B-Agn8yQ.js';
 import { S as StyledHost } from './styled-host-D6byRazK.js';
-import { S as Skeleton } from './skeleton-DzBAY0bs.js';
+import { S as Skeleton } from './skeleton-DV6yJalo.js';
 import './event-types-CZfYo5-1.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
-import { D as DisputeService } from './dispute.service-B_oe0uFV.js';
+import { D as DisputeService } from './dispute.service-BzzA0DeT.js';
 import { D as DisputeManagementClickActions } from './event-types-Bg2SZArf.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-QOngucT4.js';
+import { c as checkPkgVersion } from './check-pkg-version-qIHmWcbI.js';
+import { J as JustifiAnalytics } from './Analytics-C2EVi4Am.js';
 import './dinero-HXpYMWUU.js';
-import './Api-CLZVsXZg.js';
+import './Api-DI0-itk3.js';
 import './config-state-kKn89dp1.js';
 import './index-cDVGjRkU.js';
-import './Plaid-Cmyilr-q.js';
+import './Plaid-vwPGZ5y4.js';
 import './Dispute-BH0Xfn-F.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BcNb9bVO.js';
-import './package-Cc6518FT.js';
+import './package-CIYOQWsL.js';
 
 const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
     var _a;
@@ -108,7 +109,7 @@ const makeCreateDisputeEvidence = ({ authToken, disputeId, service }) => async (
     }
 };
 
-const DisputeNotification = class {
+const JustifiDisputeNotification = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.clickEvent = createEvent(this, "click-event", 7);
@@ -153,12 +154,12 @@ const DisputeNotification = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (h(StyledHost, { key: 'f73a27de0f7e01960cfe78a5b81b021b22eaf2c6' }, this.isLoading && (h("div", { key: 'ca2c47a78d302e09cd60434eb2a0146787f7ac45', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'e7c3318f1ecaae82727ec3620e5ba65f25692552', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '3313a4d5ba47766076e5c13cde8f1500fdcfa4a0', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '94d2c92beaf52499cea87b3e04a37284898ce4d9', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: 'fe66f1d00863607cbb457953c4880e4bdc4442ae', part: text }, h("h1", { key: '1cf8c42bdb942391c65e67db8a0da0ff4c618249', 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: '18643d72965f197edcf40c2053325df9dedf47fb' }, "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: '096b7b976ddebd49a6ab5067ef5b4f07e06e145d', part: text }, h("h1", { key: '06010bc9881b4cd9bd91399784ff9169e730784f', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: 'aca40b62cfe60ca69ebecd59d9d1c5c3cfd1b227' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '81f1fe8ec625b44d7bf251f4fbf5a4ac1dea2a41', class: "h5" }, "Dispute details"), h("div", { key: 'b5269224135805abb32164911ef682ed9524a35b', class: "d-table gap-2" }, h("div", { key: 'b90a2c3028003119fdb23f6e0cd8a3f965f9d58b', class: "d-table-row gap-2" }, h("span", { key: '24967d47583c83333966ad788e8d4d388f32bf3a', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'a1bc338abb575e5dc496bec2f7199d36d3015d68', 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: 'c45e0cc9efcf743d9b981d17d9628b243892d27e', class: "d-table-row gap-2" }, h("span", { key: 'd326adc2bfe3fbd9d67fc4d9d82e1545490d274a', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'eaa16df97b9fd1b4963c2561bc5b7eb7892dafb4', 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: '58999fa8fd18509f29d7233ca7255e2a033139b3', class: "d-table-row gap-2" }, h("span", { key: 'b35f041be173d792e81c3da3992104a0ede2bf91', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: 'eea5132a629528830dd6a3c68ca773848c89cb95', 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: 'f4975381aad6ed61a674e7a907632790e0ecf399', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '875c8fe451dbf7bb3817be6ab2ab3b919bb6b783', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'a4725c6ee3c18785e91d5ce82c3fbdb35029040a', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: '3c2149db7fbe647697c759083fe1884421409078', part: text }, h("h1", { key: '14a5b5e1f88a147b5e5b272c05d8c7b61172ccc1', class: "h4", part: heading4 }, "This payment is disputed and under review"), h("p", { key: '80492d8cfabb74288b800737ff1b91ef4ca976e4' }, "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: '379d85bd2363dc727e0e17e20900912232fc8692', part: text }, h("h1", { key: 'd26214c5df407be1fdba12836882b6299f84d02b', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: 'f77287d806f5121916661f511830239e34df103f' }, "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: '29d05bf0e4065164bf5b5a079679c189373edbfb', part: text }, h("h1", { key: '4f76816e9dbbe9b4a02bf15d019ebf0163908659', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '184a792846ced212766c1f6b63b3ccd0297eceb9' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (h(StyledHost, { key: '75e06acd300bbbba83e38e53259ee305c9592aa8' }, this.isLoading && (h("div", { key: 'b852808f28d39e15739c16c9179e6f731c3a3ee3', style: { marginBottom: '8px' } }, h(Skeleton, { key: '11bbbb5dfdb53741532bd76593f59fd09229d722', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '7c74682a918479d5854421895c5beafdaaa12fdb', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'f6b983e1ef27ce63ebf4920b996dc9ade33b42f6', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: '0b19bccb1bedbcf42984f44b551baab94f86d35d', part: text }, h("h1", { key: 'eaa11eb780246a9da8662344fe101e72f16f459c', 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: '46cd1c0b8e0ef61b1d5e6faf8f6894908322fce6' }, "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: 'd9718557fd3aabeac4102d4aa178fff605cf3609', part: text }, h("h1", { key: '01ccecfaaa218a40d1b5043c2a57770abc6feaee', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '5da9139f83d5744fd26b67112a5473e7d30e2a4b' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '8c8bd416b8e91cfbf9a3a4daeb51711bc5377241', class: "h5" }, "Dispute details"), h("div", { key: '43f5ca037aca877a697909c58356ece98e06bc39', class: "d-table gap-2" }, h("div", { key: '032c17789280a7adc25140b094e131548d6c44c1', class: "d-table-row gap-2" }, h("span", { key: 'c8b700be97fe760d337718615089e254fd0f6abb', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'f63b20211f56511d8627008f751960307f443fbc', 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: '92579d43351346d762c2eccf9b1e051789cb50d4', class: "d-table-row gap-2" }, h("span", { key: 'a4d7fe9c5f652bacd0f5bc048834a43d3f36f760', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'ca700729f586472048f30cf79a9a5efa71d0484f', 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: 'f17846aa921eff9acf9449d27c2c8eb2d2d5f984', class: "d-table-row gap-2" }, h("span", { key: '47dc39b9e475769e43498f5c40c607bec6a06af8', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: '788b5832c82cd35fc876ca8d333394f81a8963f7', 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: '1578b412b587e181acec89a68f2d82d0ea184a42', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '205c19d58eda4262f1c18f95cb741f1c38eadbf1', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'd0e387e4e48246e28e52e4b3b96a93313d281930', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: 'd1996604d64231c662ecb5be8e6361e389d1abf3', part: text }, h("h1", { key: '71ed6f1771cbc8dc384cabb3ca8c373284059f13', class: "h4", part: heading4 }, "This payment is disputed and under review"), h("p", { key: 'fbf33be6b30b0dd9f771deb63acdbd11871e4137' }, "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: '8dd403a92af2fce6aacaa48fffcb79eafcdc2530', part: text }, h("h1", { key: '3e8a41db0fa75148dd3c9b09a72f81bdc5fa950b', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '6ae352535401eb615aee3d355be21d7eee4b6838' }, "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: 'c88cd2888fca6e38dc41ee65cc54577565b9f8e4', part: text }, h("h1", { key: '7b3d964e374bed41dae30e67f122803456fdd9df', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: 'f6e97ff96c0cc195ce4e5a7b79b8c12454f8cc83' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
 };
 
-const DisputeResponse = class {
+const JustifiDisputeResponse = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.errorEvent = createEvent(this, "error-event", 7);
@@ -210,7 +211,7 @@ const DisputeResponse = class {
         }
     }
     render() {
-        return (h(StyledHost, { key: '68bf041be58383d3df181d84e0773bb71fd4ed96' }, h("justifi-dispute-response-core", { key: '76af71dd1a21bedf10406aa2cd6d93bfad5b5746', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: '56ad3468b96e715b7ec7ca5a22a7a14f309cf61b' }, h("justifi-dispute-response-core", { key: '40ebf7b84bb81480df6eebc0b327bda5e2838f48', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get watchers() { return {
@@ -219,7 +220,7 @@ const DisputeResponse = class {
     }; }
 };
 
-const DisputeResponseCore = class {
+const JustifiDisputeResponseCore = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.clickEvent = createEvent(this, "click-event", 7);
@@ -378,8 +379,8 @@ const DisputeResponseCore = class {
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: '8b0f0f810ad0bbc57489862ae5159fae8cbad746', class: "row gy-3" }, h("div", { key: 'ca6e73df82123a344b4a28efae395e8b9c931258', class: "col-12" }, h("h1", { key: 'bb78dcfd69d0b747cf1b1865bf463518ae18b442', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '7179e0a6fdb89024d613f897db2cf313255494fd', class: "col-12" }, this.currentStepComponent), h("div", { key: '9219e8b3213c494adef926077f35c298588053c0', class: "col-12" }, h("div", { key: '73c2fd1a8440c19f468610ec02a7cfa6eddecb7e', 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: '6e6144583a9d91a9484e435520c99c0dd1a525cf', class: "row gy-3" }, h("div", { key: 'abebf9a30d2e972e5a0a30475c629382849f3ed9', class: "col-12" }, h("h1", { key: 'e12a989f411a995731ec8bc44b3aaa1476b24622', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: 'a7ad7c2043b98b18c540e81c54d8d1bfaac07b3d', class: "col-12" }, this.currentStepComponent), h("div", { key: 'afaaccf31baa88a8202beabe820891e374da882c', class: "col-12" }, h("div", { key: 'cd98ab52c18070aa01c3b5bed5a84c5daa0f6bf6', 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"))))));
     }
 };
 
-export { DisputeNotification as justifi_dispute_notification, DisputeResponse as justifi_dispute_response, DisputeResponseCore as justifi_dispute_response_core };
+export { JustifiDisputeNotification as justifi_dispute_notification, JustifiDisputeResponse as justifi_dispute_response, JustifiDisputeResponseCore as justifi_dispute_response_core };