@justifi/webcomponents 5.3.4 → 5.3.5

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

@@ -1,17 +1,17 @@
 import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError-c61dce41.js';
-import { J as JustifiAnalytics } from './Analytics-759c7da5.js';
-import { c as checkPkgVersion } from './check-pkg-version-1d6e48c8.js';
+import { J as JustifiAnalytics } from './Analytics-d0f79dc3.js';
+import { c as checkPkgVersion } from './check-pkg-version-2e9f961e.js';
 import { a as Dispute } from './Dispute-5fd28ec9.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-fd99b806.js';
-import { D as DisputeService } from './dispute.service-9008b3b7.js';
-import './package-49477570.js';
+import { D as DisputeService } from './dispute.service-b234b5c7.js';
+import './package-b9d805ae.js';
 import './Api-391d00e2.js';
-import './Checkout-919eb1ba.js';
+import './Checkout-2bc873fb.js';
 import './utils-c37124fc.js';
 import './Pagination-afc8f96d.js';
 import './Payment-82d2f453.js';
-import './SubAccount-9aad3891.js';
+import './SubAccount-f31bdeb4.js';
 import './Document-1907c0d4.js';
 
 const makeGetDispute = ({ id, authToken, service, apiOrigin }) => async ({ onSuccess, onError }) => {

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

@@ -1,23 +1,23 @@
 import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
 import { f as formatCurrency } from './utils-c37124fc.js';
-import { t as text, B as heading4 } from './parts-489f0af6.js';
-import { B as Button } from './button-cc455199.js';
+import { t as text, B as heading4 } from './parts-18c966b1.js';
+import { B as Button } from './button-b3d07089.js';
 import { S as StyledHost } from './styled-host-32228b45.js';
-import { S as Skeleton } from './skeleton-74fbfb68.js';
+import { S as Skeleton } from './skeleton-ca37b248.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError-c61dce41.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-fd99b806.js';
-import { D as DisputeService } from './dispute.service-9008b3b7.js';
+import { D as DisputeService } from './dispute.service-b234b5c7.js';
 import { D as DisputeManagementClickActions } from './event-types-07cdb9a0.js';
-import { c as checkPkgVersion } from './check-pkg-version-1d6e48c8.js';
-import { J as JustifiAnalytics } from './Analytics-759c7da5.js';
+import { c as checkPkgVersion } from './check-pkg-version-2e9f961e.js';
+import { J as JustifiAnalytics } from './Analytics-d0f79dc3.js';
 import './Api-391d00e2.js';
-import './Checkout-919eb1ba.js';
+import './Checkout-2bc873fb.js';
 import './Pagination-afc8f96d.js';
 import './Payment-82d2f453.js';
 import './Dispute-5fd28ec9.js';
-import './SubAccount-9aad3891.js';
+import './SubAccount-f31bdeb4.js';
 import './Document-1907c0d4.js';
-import './package-49477570.js';
+import './package-b9d805ae.js';
 
 const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
     var _a;
@@ -141,7 +141,7 @@ const DisputeNotification = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h(StyledHost, { key: '77119b1227200909f4742e24df0a45e1f631c65c' }, this.isLoading && (h("div", { key: 'f0766ff057fb2f4b75b34c7d4a386bde43e49652', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'd7268194dea5ac2a3b87aea8e17573b4768e308f', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'f8863e45a917f56be302ca1b0b3d472119f6465c', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'c7b8c9c89d9488eea3be8ea0b4536f98a8151487', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '875fe7def317ce1c4547e04e83baf2b232209058', part: text }, h("h1", { key: '09646afc2aac3bf4ef9737bc12442660bbafb2dd', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '14224cffb16726eaa589118be954e0f844ffaee8' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '415028b91872a2391796872fdffdbee837a2a511', class: "h5" }, "Dispute details"), h("div", { key: 'c2b8c6be3132f98eb8c686ab88a5a6a68f92a60e', class: "d-table gap-2" }, h("div", { key: 'd11bd8b3bc680183e8bee40281cc2c294aedbd5a', class: "d-table-row gap-2" }, h("span", { key: 'd77796c0d2764329c3b482ae49ceb8b4cac03d37', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '716d8af2a250c3237af6e23b43bf50e032e9f203', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: 'daba4379197533d2a4b246e81139d81cd15761c6', class: "d-table-row gap-2" }, h("span", { key: 'a039fbf47aff16445e3411c33a7b53716c42866d', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '19087aba5c516d0c71e9f84e8b3323a044ae532a', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: '68ef78b15627df3b22bcde4b90f7c216466e7468', class: "d-table-row gap-2" }, h("span", { key: '9463c281d76b5e201a55c2993253fc22d04168dc', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '5cffed27038f5571f37377c5023a88c8b7773a59', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), h("div", { key: 'e856d924edac10116781425f6d7c4c8c6b26ced2', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '6d5278a91f79c2fe8fbdd9e391b109a6491b13b6', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '242b9076b482aae731ab6bedc1592a1a826e24c5', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: 'f3711546ce5bf8b6a4a8689f5db3fdbf58f45bf4' }, h("h1", { key: '06e39be43cfacf667919adbd2f4f8c596702c340', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'b3bfef2d40e197f8dc9df6f71d9f13017a4b923d' }, "The cardholder is disputing this payment. A counter dispute has been submitEvent and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: 'cb6185865417d70ab67734db37b880f67160ea62' }, h("h1", { key: '96dfe178f6d5de97f190f0df6bb0bf19e7b04227', class: "h4" }, "This payment was disputed"), h("p", { key: '4f6e8bdd940b69d34c1d84564b83f0a1f8c76059' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '3852f5221f59739d5079ad0e56b99409167678b0' }, h("h1", { key: 'f6052feaabc3b94c727465a8f02534805ba968c8', class: "h4" }, "This payment was disputed"), h("p", { key: 'b0c91b828828842bf7a706e794124d0a8404c25e' }, "The cardholder disputed this payment and the card issuer has settled it their favor.")))));
+        return (h(StyledHost, { key: '77119b1227200909f4742e24df0a45e1f631c65c' }, this.isLoading && (h("div", { key: 'f0766ff057fb2f4b75b34c7d4a386bde43e49652', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'd7268194dea5ac2a3b87aea8e17573b4768e308f', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'f8863e45a917f56be302ca1b0b3d472119f6465c', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'c7b8c9c89d9488eea3be8ea0b4536f98a8151487', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '875fe7def317ce1c4547e04e83baf2b232209058', part: text }, h("h1", { key: '09646afc2aac3bf4ef9737bc12442660bbafb2dd', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '14224cffb16726eaa589118be954e0f844ffaee8' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '415028b91872a2391796872fdffdbee837a2a511', class: "h5" }, "Dispute details"), h("div", { key: 'c2b8c6be3132f98eb8c686ab88a5a6a68f92a60e', class: "d-table gap-2" }, h("div", { key: 'd11bd8b3bc680183e8bee40281cc2c294aedbd5a', class: "d-table-row gap-2" }, h("span", { key: 'd77796c0d2764329c3b482ae49ceb8b4cac03d37', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '716d8af2a250c3237af6e23b43bf50e032e9f203', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: 'daba4379197533d2a4b246e81139d81cd15761c6', class: "d-table-row gap-2" }, h("span", { key: 'a039fbf47aff16445e3411c33a7b53716c42866d', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '19087aba5c516d0c71e9f84e8b3323a044ae532a', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: '68ef78b15627df3b22bcde4b90f7c216466e7468', class: "d-table-row gap-2" }, h("span", { key: '9463c281d76b5e201a55c2993253fc22d04168dc', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '5cffed27038f5571f37377c5023a88c8b7773a59', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), h("div", { key: 'e856d924edac10116781425f6d7c4c8c6b26ced2', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '6d5278a91f79c2fe8fbdd9e391b109a6491b13b6', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '242b9076b482aae731ab6bedc1592a1a826e24c5', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: 'f3711546ce5bf8b6a4a8689f5db3fdbf58f45bf4' }, h("h1", { key: '06e39be43cfacf667919adbd2f4f8c596702c340', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'b3bfef2d40e197f8dc9df6f71d9f13017a4b923d' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '580144b1439d6e017726b9731b7bb15e71900092' }, h("h1", { key: '42d74d215d23409672449af86e25c945aac33ea1', class: "h4" }, "This payment was disputed"), h("p", { key: '4c337e89a32f62c8f03a53eb84737785f4b0bdb4' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '66c0f7bbada42053683dd25776a7c0abdb708315' }, h("h1", { key: '273f2d82dbe73a15da3186946763579be2801aa4', class: "h4" }, "This payment was disputed"), h("p", { key: '22172d1c6833eb5407c19dd31b85db805d07d177' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
 };
 
@@ -218,14 +218,14 @@ const DisputeResponseCore = class {
         this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
         this.submitEvent = createEvent(this, "submit-event", 7);
         this.componentStepMapping = [
-            () => h("justifi-product-or-service", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
-            () => h("justifi-customer-details", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
-            () => h("justifi-cancellation-policy", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
-            () => h("justifi-refund-policy", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
-            () => h("justifi-duplicate-charge", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
-            () => h("justifi-electronic-evidence", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
-            () => h("justifi-shipping-details", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
-            () => h("justifi-additional-statement", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
+            () => h("justifi-product-or-service", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
+            () => h("justifi-customer-details", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
+            () => h("justifi-cancellation-policy", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
+            () => h("justifi-refund-policy", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
+            () => h("justifi-duplicate-charge", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
+            () => h("justifi-electronic-evidence", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
+            () => h("justifi-shipping-details", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
+            () => h("justifi-additional-statement", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
         ];
         this.saveData = async (formData, formStep) => {
             const hasFormData = Object.keys(formData).length;
@@ -287,15 +287,15 @@ const DisputeResponseCore = class {
                 },
                 onSuccess: (response) => {
                     document.presignedUrl = response.data.presigned_url;
-                    this.isLoading = false;
                 },
                 onError: ({ error, code, severity }) => {
+                    const errors = { [document.dispute_evidence_type]: error };
+                    this.documentErrors = Object.assign(Object.assign({}, this.documentErrors), errors);
                     this.errorEvent.emit({
                         errorCode: code,
                         message: error,
                         severity,
                     });
-                    this.isLoading = false;
                 },
             });
         };
@@ -310,20 +310,26 @@ const DisputeResponseCore = class {
             });
             return response;
         };
-        this.onCancel = () => {
-            this.clickEvent.emit({ name: DisputeManagementClickActions.cancelDispute });
-        };
         this.handleSubmit = async (formData, documentList, formStep) => {
             this.isLoading = true;
             if (documentList.length) {
+                this.documentErrors = {};
                 this.documentList = documentList;
                 await this.initializeMakePresignedURLs();
+                const hasPresigningErrors = Object.keys(this.documentErrors).length;
+                if (hasPresigningErrors) {
+                    this.isLoading = false;
+                    throw new Error('Could not presign all documents');
+                }
                 await this.initializeFileUploads();
             }
             // this needs to happen last because it fires the 'submit-event' and 'complete-form-step-event' event
             await this.saveData(formData, formStep);
             this.isLoading = false;
         };
+        this.onCancel = () => {
+            this.clickEvent.emit({ name: DisputeManagementClickActions.cancelDispute });
+        };
         // after each of these steps where validateAndSubmit is called, reload the dispute
         // and set isLoading, and pass defaults into each step
         this.onBack = async () => {
@@ -353,6 +359,7 @@ const DisputeResponseCore = class {
         this.disputeResponse = {};
         this.isLoading = false;
         this.documentList = [];
+        this.documentErrors = {};
         this.currentStep = 0;
         this.currentStepComponentRef = undefined;
     }
@@ -366,7 +373,7 @@ const DisputeResponseCore = class {
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: 'a031de7ea80f4f31c6e841be4b4640a8b7db7dcd', class: "row gy-3" }, h("div", { key: 'cd7ef54b4643e1a74022ed7c2e075e75076c4c44', class: "col-12" }, h("h1", { key: '705612783bc67e0d01f4d24e01c9c09d1b2a7362', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '72c35e89dc87377fe4dbcbb9fe2e2c1b58767a21', class: "col-12" }, this.currentStepComponent), h("div", { key: '37d85a8980293390f15b45271f8b2a8fa4cadb29', class: "col-12" }, h("div", { key: 'c3b281e02b19598b11acdb09a34212edf1745173', 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: '452cfcf106f40c27f34df05ae2923c0909de9245', class: "row gy-3" }, h("div", { key: 'd9b608a8d880310b96e98cd4a00cabfcca77dc79', class: "col-12" }, h("h1", { key: '050aef1fa636d09880edc7d738d56eab2cf62e52', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '4e6094f9240d4db3d4bc03c59754ab3d04fed5bc', class: "col-12" }, this.currentStepComponent), h("div", { key: '9c1739bc4ed1a9104fd04531a11e02cbbb4f11cc', class: "col-12" }, h("div", { key: 'd37cda5a7689d8bf9263283eb24e1074ee3d97a0', 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"))))));
     }
 };
 

package/dist/esm/justifi-gross-payment-chart.entry.js

@@ -2,11 +2,11 @@ import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js'
 import { A as Api } from './Api-391d00e2.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError-c61dce41.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-fd99b806.js';
-import { E as ErrorState } from './utils-6c26bccc.js';
-import { J as JustifiAnalytics } from './Analytics-759c7da5.js';
-import { c as checkPkgVersion } from './check-pkg-version-1d6e48c8.js';
-import './parts-489f0af6.js';
-import './package-49477570.js';
+import { E as ErrorState } from './utils-e7df4815.js';
+import { J as JustifiAnalytics } from './Analytics-d0f79dc3.js';
+import { c as checkPkgVersion } from './check-pkg-version-2e9f961e.js';
+import './parts-18c966b1.js';
+import './package-b9d805ae.js';
 
 class ReportsService {
     async fetchGrossVolumeChartData(accountId, authToken) {

package/dist/esm/justifi-order-terminals.entry.js

@@ -1,19 +1,27 @@
 import { h, r as registerInstance, c as createEvent } from './index-29fcfdf5.js';
-import { t as text, B as heading4, C as listGroup, D as listGroupItem } from './parts-489f0af6.js';
+import { t as text, B as heading4, C as listGroup, D as listGroupItem } from './parts-18c966b1.js';
 import { S as StyledHost } from './styled-host-32228b45.js';
-import { E as ErrorState } from './utils-6c26bccc.js';
-import { c as checkPkgVersion } from './check-pkg-version-1d6e48c8.js';
-import { J as JustifiAnalytics } from './Analytics-759c7da5.js';
-import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError-c61dce41.js';
+import { E as ErrorState } from './utils-e7df4815.js';
+import { c as checkPkgVersion } from './check-pkg-version-2e9f961e.js';
+import { J as JustifiAnalytics } from './Analytics-d0f79dc3.js';
+import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError-c61dce41.js';
 import { B as BusinessService } from './business.service-f7c3b9f7.js';
 import { B as Business } from './Business-0855931c.js';
 import { m as makeGetBusiness } from './get-business-464419f6.js';
-import { S as Skeleton } from './skeleton-74fbfb68.js';
-import './package-49477570.js';
+import { S as Skeleton } from './skeleton-ca37b248.js';
+import './Checkout-2bc873fb.js';
+import './Pagination-afc8f96d.js';
+import './Payment-82d2f453.js';
+import { T as TerminalModel, a as TerminalOrder } from './SubAccount-f31bdeb4.js';
+import './Document-1907c0d4.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils-fd99b806.js';
+import { T as TerminalService } from './terminal.service-3c3f2c3f.js';
+import './package-b9d805ae.js';
 import './Api-391d00e2.js';
 import './helpers-96ea3464.js';
 import './state-options-a356fb11.js';
-import './utils-fd99b806.js';
+import './utils-c37124fc.js';
+import './Dispute-5fd28ec9.js';
 
 const FormBlock = () => (h("div", { class: "row gap-3" },
     h("div", { class: "col-12" },
@@ -35,22 +43,76 @@ const OrderTerminalsLoading = () => {
         h(FormBlock, null)));
 };
 
+const TerminalSelectorLoading = () => {
+    return (h("div", { class: "terminal-selector-skeleton mt-4 rounded shadow-sm" },
+        h("div", { class: "d-flex align-items-center gap-3" },
+            h(Skeleton, { width: "125px", height: "125px", styles: { borderRadius: '8px' } }),
+            h("div", { class: "flex-grow-1" },
+                h("div", { class: "d-flex row flex-row" },
+                    h("div", { class: "col-6 flex-column" },
+                        h(Skeleton, null),
+                        h(Skeleton, { width: "60%" })),
+                    h("div", { class: "d-flex justify-content-end align-items-center gap-2 col-6" },
+                        h(Skeleton, { width: "32px", height: "32px", styles: { borderRadius: '50%' } }),
+                        h(Skeleton, { width: "80px", height: "32px" }),
+                        h(Skeleton, { width: "32px", height: "32px", styles: { borderRadius: '50%' } }))),
+                h("div", { class: "mt-4" },
+                    h("div", { class: "d-flex flex-column gap-2" },
+                        h(Skeleton, null),
+                        h(Skeleton, null)))))));
+};
+
+const makeGetTerminalModels = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
+    var _a, _b, _c, _d;
+    try {
+        const response = await service.fetchTerminalModels(id, authToken);
+        if (!response.error) {
+            const terminals = ((_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.terminal_order_models) === null || _b === void 0 ? void 0 : _b.map((dataItem) => new TerminalModel(dataItem))) || [];
+            const orderLimit = (_c = response.data) === null || _c === void 0 ? void 0 : _c.order_limit;
+            onSuccess({ terminals, orderLimit });
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_d = response.error) === null || _d === void 0 ? void 0 : _d.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
 const OrderTerminals = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.errorEvent = createEvent(this, "error-event", 7);
         this.businessId = undefined;
         this.authToken = undefined;
+        this.accountId = undefined;
         this.errorMessage = undefined;
-        this.isLoading = true;
+        this.businessIsLoading = true;
+        this.terminalsIsLoading = true;
         this.business = undefined;
+        this.terminalModels = undefined;
+        this.orderLimit = undefined;
+        this.order = new TerminalOrder({});
+        this.totalQuantity = 0;
     }
     componentWillLoad() {
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
-        this.initializeGetBusiness();
+        this.loadData();
     }
-    initializeGetBusiness() {
+    loadData() {
         if (!this.businessId || !this.authToken) {
             this.errorMessage = 'Invalid business id or auth token';
             this.errorEvent.emit({
@@ -60,6 +122,10 @@ const OrderTerminals = class {
             });
             return;
         }
+        this.initializeGetBusiness();
+        this.initializeGetTerminalModels();
+    }
+    initializeGetBusiness() {
         const getBusiness = makeGetBusiness({
             id: this.businessId,
             authToken: this.authToken,
@@ -68,7 +134,7 @@ const OrderTerminals = class {
         getBusiness({
             onSuccess: ({ business }) => {
                 this.business = new Business(business);
-                this.isLoading = false;
+                this.businessIsLoading = false;
             },
             onError: ({ error, code, severity }) => {
                 this.errorMessage = error;
@@ -77,21 +143,48 @@ const OrderTerminals = class {
                     message: error,
                     severity,
                 });
-                this.isLoading = false;
+                this.businessIsLoading = false;
             }
         });
     }
+    initializeGetTerminalModels() {
+        const getTerminalModels = makeGetTerminalModels({
+            id: this.accountId,
+            authToken: this.authToken,
+            service: new TerminalService(),
+        });
+        getTerminalModels({
+            onSuccess: ({ terminals, orderLimit }) => {
+                this.terminalModels = terminals;
+                this.orderLimit = orderLimit;
+                this.terminalsIsLoading = false;
+            },
+            onError: ({ error, code, severity }) => {
+                this.errorMessage = error;
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+                this.terminalsIsLoading = false;
+            }
+        });
+    }
+    onSelectedQuantityChange(event) {
+        this.order.updateTerminal(event.detail.modelName, event.detail.quantity);
+        this.totalQuantity = this.order.totalQuantity;
+    }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-        return (h(StyledHost, { key: 'd5ac7406c2ec045832411cb7a7deecde13243a41' }, this.isLoading && h(OrderTerminalsLoading, { key: 'ec71fe4b766244bbf2c04714bca66b69f367ece5' }), !this.isLoading && this.errorMessage && ErrorState(this.errorMessage), !this.isLoading && !this.errorMessage && this.business && (h("div", { key: '6492a8df913cb3360153715192bd30d656df4968', class: "row gap-5 pt-5", part: text }, h("div", { key: '607b534001238efc4d226cb26d8f1c1288b5ac29', class: "row" }, h("div", { key: '55e7bae0aad2ae9ec9a28961269cd532a2e00922', class: "col-12" }, h("h2", { key: 'c4e01bd6e3a9e46cb15d8b72093dc9de2d463feb', part: heading4 }, "Business Information:"), h("p", { key: 'cd3c01f074c8d55b968e713ec4805a22f1ffc3ba' }, "Business Name: ", this.business.legal_name))), h("div", { key: '20062e4aa0cad46f002821972fec7ec1fc8be01e', class: "row" }, h("div", { key: '433a4a200edd564fa0d206378a706ad84aa2696e', class: "col-6" }, h("h2", { key: 'e4a4fc4c632ccb3b6b187ccb87fb5cce398e43ca', part: heading4 }, "Representative:"), h("ul", { key: '02449f299dddc9fee8544fed405acc436217a60b', class: "list-group", part: listGroup }, h("li", { key: 'a1eff4e8974b8fe57c206fb9c6ce30e89c79d702', class: "list-group-item", part: listGroupItem }, "Name: ", (_b = (_a = this.business) === null || _a === void 0 ? void 0 : _a.representative) === null || _b === void 0 ? void 0 :
-            _b.name), h("li", { key: '4e04f41d044b92560f401e6edbb1993b84fca7a6', class: "list-group-item", part: listGroupItem }, "Title: ", (_d = (_c = this.business) === null || _c === void 0 ? void 0 : _c.representative) === null || _d === void 0 ? void 0 :
-            _d.title), h("li", { key: 'b354a893098b9f26819ab34966a5e47226fd280b', class: "list-group-item", part: listGroupItem }, "Email: ", (_f = (_e = this.business) === null || _e === void 0 ? void 0 : _e.representative) === null || _f === void 0 ? void 0 :
-            _f.email), h("li", { key: 'd1d94089d4f7db78c64143820601b359a77ab09f', class: "list-group-item", part: listGroupItem }, "Phone: ", (_h = (_g = this.business) === null || _g === void 0 ? void 0 : _g.representative) === null || _h === void 0 ? void 0 :
-            _h.phone))), h("div", { key: '91ee402f8f7886c1750b8050433992cfd9964b02', class: "col-6" }, h("h2", { key: '143f76c17de7af724c325439767275efa7c8e903', part: heading4 }, "Shipping Address:"), h("ul", { key: 'dae75ec772c3971a9e690648e4e28b2eec22c638', class: "list-group", part: listGroup }, h("li", { key: '0d83cea35521361eee13912f1cb107bf7496abcc', class: "list-group-item", part: listGroupItem }, "Street: ", (_j = this.business.legal_address) === null || _j === void 0 ? void 0 :
-            _j.line1), h("li", { key: 'be4d3d8a0c61645ac4f622235f7ecf2f3ac8e097', class: "list-group-item", part: listGroupItem }, (_k = this.business.legal_address) === null || _k === void 0 ? void 0 : _k.line2), h("li", { key: '2572604b85008e401a835abdbf6c291c3191a9c7', class: "list-group-item", part: listGroupItem }, "Postal Code: ", (_l = this.business.legal_address) === null || _l === void 0 ? void 0 :
-            _l.postal_code), h("li", { key: 'e5fd5aa1d9b1bf78c75ca667b058629575be06d3', class: "list-group-item", part: listGroupItem }, "City: ", (_m = this.business.legal_address) === null || _m === void 0 ? void 0 :
-            _m.city), h("li", { key: '9acd18a7faed0ab283e110c616d9314410a93cee', class: "list-group-item", part: listGroupItem }, "State: ", (_o = this.business.legal_address) === null || _o === void 0 ? void 0 :
-            _o.state))))))));
+        return (h(StyledHost, { key: 'd0839c5f8e62091959cfac6c19fd8e6010ed17fa' }, this.businessIsLoading && h(OrderTerminalsLoading, { key: '4f2e27a144af74dc7a5b24afd04319169af85975' }), !this.businessIsLoading && this.errorMessage && ErrorState(this.errorMessage), !this.businessIsLoading && !this.errorMessage && this.business && (h("div", { key: '275c0bdc797dd7deb0b9a6e0bcb4b8bb1bb5a0c7', class: "gap-5 pt-5", part: text }, h("div", { key: '34cff142a272edd3ee7ac19da4e897dcbd29053a', class: "row" }, h("div", { key: '5ced2a28b10f3c3a6df1967df4ff3963fa210aeb', class: "col-12" }, h("h2", { key: 'cddb025d86d3b20e0fdbe44f38a01f4c9f8b0cc9', part: heading4 }, "Business Information:"), h("p", { key: '1729e714fbde0db3bfa2335b984191c88a821d48' }, "Business Name: ", this.business.legal_name))), h("div", { key: '07e0124bf74aa1e6019f3831e1101612ea22a974', class: "row" }, h("div", { key: '984fa3b23a5f963c0132db5629a84a0f33b5876f', class: "col-6" }, h("h2", { key: '620518c99e7c24323908964069a845bdc6bc7977', part: heading4 }, "Representative:"), h("ul", { key: '2a647948f4dd177f727caeb564874025e685154d', class: "list-group", part: listGroup }, h("li", { key: 'eef9b978a739e423e500f2c684adbd29b615d672', class: "list-group-item", part: listGroupItem }, "Name: ", (_b = (_a = this.business) === null || _a === void 0 ? void 0 : _a.representative) === null || _b === void 0 ? void 0 :
+            _b.name), h("li", { key: 'f668a95618f4f9f15a3f393e0f832edf019495d4', class: "list-group-item", part: listGroupItem }, "Title: ", (_d = (_c = this.business) === null || _c === void 0 ? void 0 : _c.representative) === null || _d === void 0 ? void 0 :
+            _d.title), h("li", { key: '7b0f4f9b59ce658b2589d794759a8eb2d286618d', class: "list-group-item", part: listGroupItem }, "Email: ", (_f = (_e = this.business) === null || _e === void 0 ? void 0 : _e.representative) === null || _f === void 0 ? void 0 :
+            _f.email), h("li", { key: '6868db3079895895817b46f577a4aec763370c8a', class: "list-group-item", part: listGroupItem }, "Phone: ", (_h = (_g = this.business) === null || _g === void 0 ? void 0 : _g.representative) === null || _h === void 0 ? void 0 :
+            _h.phone))), h("div", { key: '58e3a903859cfcb48ee9c94eae603e6013b49ddc', class: "col-6" }, h("h2", { key: '5575e0a3882f6118784f0a2ae5ba3b16ca2cf3d0', part: heading4 }, "Shipping Address:"), h("ul", { key: 'a786f951ba416a8a87b2cbd041208a00316a654c', class: "list-group", part: listGroup }, h("li", { key: 'f195e9fe86e532e5082fa6cec74d498fd3721b9f', class: "list-group-item", part: listGroupItem }, "Street: ", (_j = this.business.legal_address) === null || _j === void 0 ? void 0 :
+            _j.line1), h("li", { key: 'cc3effbf28ed5529ab453c9a3df593faed8453b0', class: "list-group-item", part: listGroupItem }, (_k = this.business.legal_address) === null || _k === void 0 ? void 0 : _k.line2), h("li", { key: '024d702c7483ff81ad3ac877b5ae708ca18f0441', class: "list-group-item", part: listGroupItem }, "Postal Code: ", (_l = this.business.legal_address) === null || _l === void 0 ? void 0 :
+            _l.postal_code), h("li", { key: 'b49173b42d91e1bad378912fb9ecf8cd74c38110', class: "list-group-item", part: listGroupItem }, "City: ", (_m = this.business.legal_address) === null || _m === void 0 ? void 0 :
+            _m.city), h("li", { key: '87656e83f01433a2f8116996d42e482a906fbc43', class: "list-group-item", part: listGroupItem }, "State: ", (_o = this.business.legal_address) === null || _o === void 0 ? void 0 :
+            _o.state)))))), this.terminalsIsLoading && (h("div", { key: 'f136b3b5ea1d28b8d4f2dcf18445c21afc8ff94b', class: "mt-5" }, h(TerminalSelectorLoading, { key: 'eaf847a6fa517aae9af8abd6138ea6b7084e26ab' }), h(TerminalSelectorLoading, { key: '9bc4ca1106c9c96b30d8318e11bca7d5b976dde2' }), h(TerminalSelectorLoading, { key: 'eb8885c81374329c42194e7a32c9031eeccf68ba' }))), !this.terminalsIsLoading && this.terminalModels && this.terminalModels.map((terminal) => (h("terminal-quantity-selector", { modelName: terminal.model_name, description: terminal.description, imageUrl: terminal.image_url, helpUrl: terminal.help_url, limit: this.orderLimit - this.order.totalQuantity, onSelectedQuantityChange: this.onSelectedQuantityChange.bind(this) })))));
     }
 };
 

package/dist/esm/justifi-owner-form_3.entry.js

@@ -4,8 +4,8 @@ import { I as IdentityService } from './business.service-f7c3b9f7.js';
 import { F as FormController } from './index.esm-0b6849c2.js';
 import { O as Owner } from './Business-0855931c.js';
 import { i as identitySchema } from './business-identity-schema-0a78fc59.js';
-import { B as Button } from './button-cc455199.js';
-import { X as heading3 } from './parts-489f0af6.js';
+import { B as Button } from './button-b3d07089.js';
+import { X as heading3 } from './parts-18c966b1.js';
 import { B as BusinessFormClickActions } from './event-types-5c87de02.js';
 import { S as SSN_MASK, P as PHONE_MASKS } from './form-input-masks-0e18300f.js';
 import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-270ac806.js';

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

@@ -1,20 +1,20 @@
 import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
-import { P as PaymentService } from './payment.service-a8ee345c.js';
+import { P as PaymentService } from './payment.service-81752187.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError-c61dce41.js';
-import './Checkout-919eb1ba.js';
+import './Checkout-2bc873fb.js';
 import './Pagination-afc8f96d.js';
 import { P as Payment } from './Payment-82d2f453.js';
-import './SubAccount-9aad3891.js';
+import './SubAccount-f31bdeb4.js';
 import './Document-1907c0d4.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-fd99b806.js';
-import { E as ErrorState } from './utils-6c26bccc.js';
-import { J as JustifiAnalytics } from './Analytics-759c7da5.js';
-import { c as checkPkgVersion } from './check-pkg-version-1d6e48c8.js';
+import { E as ErrorState } from './utils-e7df4815.js';
+import { J as JustifiAnalytics } from './Analytics-d0f79dc3.js';
+import { c as checkPkgVersion } from './check-pkg-version-2e9f961e.js';
 import './Api-391d00e2.js';
 import './utils-c37124fc.js';
 import './Dispute-5fd28ec9.js';
-import './parts-489f0af6.js';
-import './package-49477570.js';
+import './parts-18c966b1.js';
+import './package-b9d805ae.js';
 
 const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

package/dist/esm/justifi-payment-provisioning-core.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError-c61dce41.js';
 import { a as checkProvisioningStatus } from './helpers-96ea3464.js';
-import { t as text } from './parts-489f0af6.js';
+import { t as text } from './parts-18c966b1.js';
 import { S as StyledHost } from './styled-host-32228b45.js';
-import { H as Header1 } from './header-1-797ca789.js';
+import { H as Header1 } from './header-1-649109a3.js';
 import { B as BusinessFormClickActions } from './event-types-5c87de02.js';
 import './state-options-a356fb11.js';
 

package/dist/esm/justifi-payment-provisioning.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
-import { J as JustifiAnalytics } from './Analytics-759c7da5.js';
+import { J as JustifiAnalytics } from './Analytics-d0f79dc3.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError-c61dce41.js';
 import { m as makeGetBusiness, a as makePostProvisioning } from './payment-provisioning-actions-beadac34.js';
 import { B as BusinessService } from './business.service-f7c3b9f7.js';
 import { A as Api } from './Api-391d00e2.js';
-import { c as checkPkgVersion } from './check-pkg-version-1d6e48c8.js';
-import './package-49477570.js';
+import { c as checkPkgVersion } from './check-pkg-version-2e9f961e.js';
+import './package-b9d805ae.js';
 import './utils-fd99b806.js';
 
 class ProvisionService {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h } from './index-29fcfdf5.js';
 import { l as lodash } from './lodash-faeb5a52.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './payments-list-params-state-d05b24aa.js';
-import { E as paymentsListFilterMenu, F as paymentIdPaymentsListFilterParam, G as terminalIdPaymentsListFilterParam, H as paymentStatusPaymentsListFilterParam, I as createdAfterPaymentsListFilterParam, J as createdBeforePaymentsListFilterParam } from './parts-489f0af6.js';
+import { E as paymentsListFilterMenu, F as paymentIdPaymentsListFilterParam, G as terminalIdPaymentsListFilterParam, H as paymentStatusPaymentsListFilterParam, I as createdAfterPaymentsListFilterParam, J as createdBeforePaymentsListFilterParam } from './parts-18c966b1.js';
 import { S as StyledHost } from './styled-host-32228b45.js';
 import { d as convertToUTC, c as convertToLocal } from './utils-c37124fc.js';
 import './index-a47fdc7f.js';
@@ -51,8 +51,8 @@ const PaymentsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'fc2c0642fefbbd5e290e445bb652d4a6bf878855' }, h("table-filters-menu", { key: '0991a2c0ac9977236ad3ecae431b6ec572116452', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'fc74b64ab82764a35b9dc41ad6718537b3abe794', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '862104a2f6a1a1a383557674e8ddd530a9911d06', class: "p-2" }, h("form-control-text", { key: '59ca6de9b8bf3b0ea5dcba8ce03c8d56284fe389', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'e63dcf0e3ff092f10a42aef36dde96155cba1630', class: "p-2" }, h("form-control-text", { key: '96a2dcfcca5ae79d7a90b37fc75b79ec84947604', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: 'ba6dd2eab598382e10dd250805b393acfeac9567', class: "p-2" }, h("form-control-select", { key: '8d537d77bd56aca19fc1999fd64cf4b3cd92c51f', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '6c077d20829125817032eac487e0f8e9f86f5dcb', class: "p-2" }, h("form-control-date", { key: '97689bfe73b875a1355bc2ff114c554f15f61490', 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: createdAfterPaymentsListFilterParam })), h("div", { key: 'dcdaf5b0068795b46b19302c2bdd532947e8fc00', class: "p-2" }, h("form-control-date", { key: '991f8fc8e7f3af364db40f92e43d90cd40714e6d', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'c00c7c279eeaacb8acc1ea3154c29b2cddd99faa' }, h("table-filters-menu", { key: 'c47ba2b6da0f9463a22e50f1a8ffd26e886c1a99', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'e93077f53d6d22fc286701c28352872175b8db3b', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'a101154b3b747eb20667e64dac36e00d7f35f56c', class: "p-2" }, h("form-control-text", { key: '3042199c9a79162c5c5bc6053c46bc76b9f553ee', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '8877a68b1dfc50116f59e503db6d8a3afc53616d', class: "p-2" }, h("form-control-text", { key: '40747d56f2907151ee86468ecb5b72457fa4c3f6', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: 'ddb445d4da2e8f625c091c41ac080be8ae0a7b8d', class: "p-2" }, h("form-control-select", { key: '9cfe853ab39f60ed7c9130f49059b731ce308af9', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '4a22a12131ae097c774d6f3af3a93de7c984ff76', class: "p-2" }, h("form-control-date", { key: '0ab671ac93fe922a72f85de5bd0b00781176a61f', 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: createdAfterPaymentsListFilterParam })), h("div", { key: '11d71b25672f27f3457386f960ac85f644e162de', class: "p-2" }, h("form-control-date", { key: 'd03ee67df04aa591c655944465fec021684f2b3a', 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: createdBeforePaymentsListFilterParam }))))));
     }
 };

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

@@ -1,23 +1,23 @@
 import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
-import { P as PaymentService } from './payment.service-a8ee345c.js';
+import { P as PaymentService } from './payment.service-81752187.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError-c61dce41.js';
-import './Checkout-919eb1ba.js';
+import './Checkout-2bc873fb.js';
 import './Pagination-afc8f96d.js';
 import { P as Payment } from './Payment-82d2f453.js';
-import './SubAccount-9aad3891.js';
+import './SubAccount-f31bdeb4.js';
 import './Document-1907c0d4.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-fd99b806.js';
-import { J as JustifiAnalytics } from './Analytics-759c7da5.js';
-import { c as checkPkgVersion } from './check-pkg-version-1d6e48c8.js';
+import { J as JustifiAnalytics } from './Analytics-d0f79dc3.js';
+import { c as checkPkgVersion } from './check-pkg-version-2e9f961e.js';
 import { S as StyledHost } from './styled-host-32228b45.js';
-import { d as defaultColumnsKeys } from './payments-table-6e97396a.js';
+import { d as defaultColumnsKeys } from './payments-table-a7836555.js';
 import './Api-391d00e2.js';
 import './utils-c37124fc.js';
 import './Dispute-5fd28ec9.js';
-import './package-49477570.js';
-import './payments-status-35255b2c.js';
-import './badge-2eb79416.js';
-import './parts-489f0af6.js';
+import './package-b9d805ae.js';
+import './payments-status-f451caf6.js';
+import './badge-7768a2b1.js';
+import './parts-18c966b1.js';
 
 const makeGetPayments = ({ id, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError, final }) => {
     var _a, _b;
@@ -96,7 +96,7 @@ const PaymentsList = class {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'e03e05c3cb3c8dbaf0a5e982958345feccec1902' }, h("payments-list-core", { key: '05f2b38a6a854e2e08bdd559e7e8dfab2d80f398', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '8df5e9111900d12bb5e4eea2ad44c59b7864cf58' }, h("payments-list-core", { key: 'ad6c2795436b8fc38f5fb7b031d3b41251a6281d', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -1,20 +1,20 @@
 import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
-import { m as makeGetPayoutCSV, P as PayoutService } from './get-payout-csv-8450b60d.js';
+import { m as makeGetPayoutCSV, P as PayoutService } from './get-payout-csv-9528b0a2.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError-c61dce41.js';
-import './Checkout-919eb1ba.js';
+import './Checkout-2bc873fb.js';
 import './Pagination-afc8f96d.js';
 import './Payment-82d2f453.js';
-import { P as Payout } from './SubAccount-9aad3891.js';
+import { P as Payout } from './SubAccount-f31bdeb4.js';
 import './Document-1907c0d4.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-fd99b806.js';
-import { E as ErrorState } from './utils-6c26bccc.js';
-import { J as JustifiAnalytics } from './Analytics-759c7da5.js';
-import { c as checkPkgVersion } from './check-pkg-version-1d6e48c8.js';
+import { E as ErrorState } from './utils-e7df4815.js';
+import { J as JustifiAnalytics } from './Analytics-d0f79dc3.js';
+import { c as checkPkgVersion } from './check-pkg-version-2e9f961e.js';
 import './Api-391d00e2.js';
 import './utils-c37124fc.js';
 import './Dispute-5fd28ec9.js';
-import './parts-489f0af6.js';
-import './package-49477570.js';
+import './parts-18c966b1.js';
+import './package-b9d805ae.js';
 
 const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-29fcfdf5.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './payouts-list-params-state-ebcee300.js';
-import { K as payoutsListFilterMenu, L as createdAfterPayoutsListFilterParam, M as createdBeforePayoutsListFilterParam } from './parts-489f0af6.js';
+import { K as payoutsListFilterMenu, L as createdAfterPayoutsListFilterParam, M as createdBeforePayoutsListFilterParam } from './parts-18c966b1.js';
 import { S as StyledHost } from './styled-host-32228b45.js';
 import { d as convertToUTC, c as convertToLocal } from './utils-c37124fc.js';
 import './index-a47fdc7f.js';
@@ -31,8 +31,8 @@ const PayoutsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '195227f14aa0fc371cc2ceb62089b26df8491525' }, h("table-filters-menu", { key: '86cc1b04b210cf0cd3fc422438b1cdfc7c0b4242', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: 'c75c167f849c5f0558bf7b0569f6f79083b858f0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '09d46810296de9dc272f66ce2bd3ba726ebc6386', class: "p-2" }, h("form-control-date", { key: '0bbd9294c788f2dada3e8630e32619e1730f7b40', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: 'c238988bd2b31b0374e515713fc2c55f59d6f9ba', class: "p-2" }, h("form-control-date", { key: '188106d28d4ac201e48b45e3ce417f26621af46a', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: '42c48bbbfa426540d33c49d5ef927d2da316fda5' }, h("table-filters-menu", { key: '7741ef6667ed7dc6ebbc312f145590939ce1b071', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '0f983dc3e6a735ad12aea940d7663bab98cf623d', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '27faddc94394d5e52de9d1a65a69ecda2f840360', class: "p-2" }, h("form-control-date", { key: '58cd7720a5dbcc31b32151de1402b2c4b09b94de', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: 'a2a8d153acc9fa8371c8effb4cfd0146e31a3018', class: "p-2" }, h("form-control-date", { key: '9fc58f04079445952586d0913fad92305fa537a8', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: createdBeforePayoutsListFilterParam }))))));
     }
 };