@justifi/webcomponents 5.7.5 → 5.7.6-rc-01

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

@@ -1,19 +1,18 @@
 import { r as registerInstance, c as createEvent, h } from './index-N3w5zrz2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-phOwcSQM.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DZCwpP0g.js';
 import { a as Dispute } from './Dispute-7MWRbTXI.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
-import { D as DisputeService } from './dispute.service-1e9677RK.js';
-import './package-B0XIc_FO.js';
-import './Api-69eVlLFc.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-BZvep88z.js';
+import { D as DisputeService } from './dispute.service-C3bmfjsZ.js';
+import './package-BWmYRnrR.js';
+import './Api-C3T8XYbb.js';
 import './config-state-B3mtRA6f.js';
 import './index-BAq5IUBW.js';
-import './utils-DB5fh6Iv.js';
+import './utils-BjLkBMLe.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './Checkout-B9LrTq63.js';
+import './Refund-0aZtuMmz.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-BGiKmQYR.js';
-import './Refund-f_BCgcDa.js';
+import './Payment-00TwhwCx.js';
 import './Business-BCoP0TAV.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
@@ -88,7 +87,7 @@ const DisputeManagement = class {
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: '5abe4c29317f9baa7fc40d82e2cd533de321d58f', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: '4087eb105a046a3cc194d9f25c80fa11298fa0a2', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],

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

@@ -1,28 +1,27 @@
 import { r as registerInstance, c as createEvent, h } from './index-N3w5zrz2.js';
-import { f as formatCurrency } from './utils-DB5fh6Iv.js';
-import { A as text, ah as heading4 } from './parts-BrLVc_85.js';
-import { B as Button } from './button-BfT7Ex96.js';
+import { f as formatCurrency } from './utils-BjLkBMLe.js';
+import { z as text, am as heading4 } from './parts-D3G5aVLy.js';
+import { B as Button } from './button-xfPDSpPt.js';
 import { S as StyledHost } from './styled-host-DtvbNFVU.js';
-import { S as Skeleton } from './skeleton-CdD_FIeP.js';
+import { S as Skeleton } from './skeleton-C1-JoGFC.js';
 import './event-types-CZfYo5-1.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
-import { D as DisputeService } from './dispute.service-1e9677RK.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-BZvep88z.js';
+import { D as DisputeService } from './dispute.service-C3bmfjsZ.js';
 import { D as DisputeManagementClickActions } from './event-types-Bg2SZArf.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-phOwcSQM.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DZCwpP0g.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './Api-69eVlLFc.js';
+import './Api-C3T8XYbb.js';
 import './config-state-B3mtRA6f.js';
 import './index-BAq5IUBW.js';
-import './Checkout-B9LrTq63.js';
+import './Refund-0aZtuMmz.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-BGiKmQYR.js';
+import './Payment-00TwhwCx.js';
 import './Dispute-7MWRbTXI.js';
-import './Refund-f_BCgcDa.js';
 import './Business-BCoP0TAV.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './package-B0XIc_FO.js';
+import './package-BWmYRnrR.js';
 
 const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
     var _a;
@@ -143,7 +142,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 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.")))));
+        return (h(StyledHost, { key: '0f1028825a7a96a06e7219518ffed54bc0db1b2b' }, this.isLoading && (h("div", { key: 'f4b704182a5a7085827854634d38c56423cc2e1b', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'b2062d8b683ab110c26fc30f1600c4500f668d87', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'b5d2afe1fdd2e5ee0ec60048a48778bcfa6c78d3', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '1e87c8936b3f2e26e680786927c5a4609aca0b83', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '49090493e3921353b7a830397795496bb234d112', part: text }, h("h1", { key: 'fd7b56a7cfeaa6820bf2cc121575314d075b5a83', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '72ba296695928baca8f7c5c3b1f858c596efedb2' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: 'cce733ff1bbca7a9530a442035cbae2995e018e7', class: "h5" }, "Dispute details"), h("div", { key: '28b7f081e345112d99c52d05f205734995617253', class: "d-table gap-2" }, h("div", { key: 'd9476d8d0adfa3c6eccad229e94cd3824a720c7d', class: "d-table-row gap-2" }, h("span", { key: '4d9e0714eee778c326ee1d70a32f79d90d3d4b09', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'b227edcf9b4b65b790d8aa98021d2662a12855bc', 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: 'b1b1cdaac5482f565a6f26af71c0b526b8c19f4e', class: "d-table-row gap-2" }, h("span", { key: '0a479a9de96cce6e42bec90a17affe2c93ced44f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '5d5020dda571f4465e2a358880ad5f20bc6171ea', 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: 'a5f42c3fcbb5d14f8479d0a576d31a50f8fc6441', class: "d-table-row gap-2" }, h("span", { key: '280fca5a101eb0e823eb9ccc13c746ac7ed62069', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '4dfc0b9a295ffc804b708d3590358256009e5376', 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: '654e7baccd08628bc90d050bad108011b49f9972', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: 'd0817cdb23bf33086c6ce5122f4ed5388027d96c', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '5446bef44a0ca747692d59fd5490409d00a9e285', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: '17fbc5902badc4230c5485b326f480180c844768' }, h("h1", { key: 'fefa0234306588d9e7f56733872bf8c9793f51dd', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'eaad72aa8d9f65ca296379a2800180878ec8a7e5' }, "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: 'ec1b0d728a7518f913c2a69976fa1f5fc8f76c74' }, h("h1", { key: '9d42fad15fbeee507e2f364c3a35f143ff7599e2', class: "h4" }, "This payment was disputed"), h("p", { key: '3b728a5544fe17a6c58c12f7e8eef290022945b6' }, "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: '6d1813508a657265546fbef00bd1e8f46ffaf740' }, h("h1", { key: 'de981fc2e06e860f47146647975965a903a39b55', class: "h4" }, "This payment was disputed"), h("p", { key: '4e57ab86518bd678a3a5402b712d40d573b3a970' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
 };
 
@@ -199,7 +198,7 @@ const DisputeResponse = class {
         }
     }
     render() {
-        return (h(StyledHost, { key: '6f1fd8e2109c806c82c63cfd046739e18cc2b3b7' }, h("justifi-dispute-response-core", { key: '56cba360a731ed4054c89c11250f115a7e3b9e63', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: 'dbdfd59a21c7e8ea4dfdaecb91f885f82540a27c' }, h("justifi-dispute-response-core", { key: '3cff38e5995f0033c45c54fa195ffeebc27e189e', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get watchers() { return {
@@ -367,7 +366,7 @@ const DisputeResponseCore = class {
         return this.currentStep === 0;
     }
     render() {
-        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"))))));
+        return (h("div", { key: '20d075178a9d88cd73be32e52f8df6d3d360f8d7', class: "row gy-3" }, h("div", { key: '6c1bc735f1a15709c596b5bea7cc3ce50e9a73f5', class: "col-12" }, h("h1", { key: '27a0804924937ee7a8d01265bd0da2d9dd31d301', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: 'b60822e91425c5c4af003169f47fd725daf9fb0f', class: "col-12" }, this.currentStepComponent), h("div", { key: 'd1be3f6be53de37836275067070cf4b5a2eb3e4a', class: "col-12" }, h("div", { key: '48c8725d8de8b658e59ccfa851a6af6638e19ca5', 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

@@ -1,23 +1,22 @@
 import { r as registerInstance, c as createEvent, h } from './index-N3w5zrz2.js';
-import { A as Api } from './Api-69eVlLFc.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
-import './Checkout-B9LrTq63.js';
+import { A as Api } from './Api-C3T8XYbb.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
+import './Refund-0aZtuMmz.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-BGiKmQYR.js';
-import './Refund-f_BCgcDa.js';
+import './Payment-00TwhwCx.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-7MWRbTXI.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
-import { E as ErrorState } from './utils-6CI1OiOE.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-phOwcSQM.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-BZvep88z.js';
+import { E as ErrorState } from './utils-CNwvOLkk.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DZCwpP0g.js';
 import './config-state-B3mtRA6f.js';
 import './index-BAq5IUBW.js';
-import './utils-DB5fh6Iv.js';
+import './utils-BjLkBMLe.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './parts-BrLVc_85.js';
-import './package-B0XIc_FO.js';
+import './parts-D3G5aVLy.js';
+import './package-BWmYRnrR.js';
 
 const api = Api();
 class ReportsService {

package/dist/esm/justifi-new-payment-method.entry.js

@@ -0,0 +1,97 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-N3w5zrz2.js';
+import { r as radioListItem } from './parts-D3G5aVLy.js';
+
+const PaymentMethodTypeLabels = {
+    bankAccount: 'New bank account',
+    card: 'New credit or debit card',
+};
+const NewPaymentMethod = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected");
+        this.saveNewPaymentMethodChecked = false;
+        this.onPaymentMethodOptionClick = (e) => {
+            e.preventDefault();
+            this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
+        };
+    }
+    handleCheckboxChanged(event) {
+        this.saveNewPaymentMethodChecked = event.detail;
+    }
+    async fillBillingForm(fields) {
+        this.billingFormRef.fill(fields);
+    }
+    async resolvePaymentMethod(insuranceValidation) {
+        var _a, _b;
+        if (!this.paymentMethodFormRef || !this.billingFormRef)
+            return;
+        try {
+            const { isValid, errors } = await this.validate();
+            if (!isValid || !insuranceValidation.isValid) {
+                // get propety value from first property in errors object
+                const message = `${Object.values(errors)[0] || 'Validation error'}`;
+                return {
+                    validationError: true,
+                    error: {
+                        code: 'validation_error',
+                        message,
+                        decline_code: undefined
+                    }
+                };
+            }
+            const tokenizeResponse = await this.tokenize();
+            if (tokenizeResponse.error) {
+                return { error: tokenizeResponse.error };
+            }
+            else {
+                const tokenizeRessponseData = tokenizeResponse.data;
+                return {
+                    token: ((_a = tokenizeRessponseData.card) === null || _a === void 0 ? void 0 : _a.token) || ((_b = tokenizeRessponseData.bank_account) === null || _b === void 0 ? void 0 : _b.token),
+                    data: tokenizeRessponseData
+                };
+            }
+        }
+        catch (error) {
+            return { error };
+        }
+    }
+    async validate() {
+        const billingFormValidation = await this.billingFormRef.validate();
+        const paymentMethodFormValidation = await this.paymentMethodFormRef.validate();
+        const isValid = billingFormValidation.isValid && paymentMethodFormValidation.isValid;
+        const errors = Object.assign(Object.assign({}, billingFormValidation.errors), paymentMethodFormValidation.errors);
+        return { isValid, errors };
+    }
+    async tokenize() {
+        try {
+            const billingFormFieldValues = await this.billingFormRef.getValues();
+            let paymentMethodData;
+            if (this.saveNewPaymentMethodChecked) {
+                paymentMethodData = Object.assign(Object.assign({}, billingFormFieldValues), { payment_method_group_id: this.paymentMethodGroupId });
+            }
+            else {
+                paymentMethodData = Object.assign({}, billingFormFieldValues);
+            }
+            const clientId = this.authToken;
+            const tokenizeResponse = await this.paymentMethodFormRef.tokenize(clientId, paymentMethodData, this.accountId);
+            return tokenizeResponse;
+        }
+        catch (error) {
+            return error;
+        }
+    }
+    showNewPaymentMethodForm() {
+        var _a;
+        const paymentMethodType = (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id;
+        return (h("div", { class: "mt-4 pb-4" }, h("hidden-input", null), paymentMethodType === 'card' ? (h("justifi-card-form", null)) : (h("justifi-bank-account-form", null)), h("justifi-billing-form", { hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodType }), h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
+    }
+    get hiddenRadioInput() {
+        return !this.showAch || !this.showCard;
+    }
+    render() {
+        var _a, _b;
+        return (h(Host, { key: 'c80662f7f21610af20ead6aff44f02be0b21288c', class: "payment-method" }, h("div", { key: '5960fa9cf3ca9969c7ef80af3baf6e90ddf79578', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick, hidden: this.hiddenRadioInput }, h("form-control-radio", { key: 'ef5b921a707a3e51d4ee93f5e13952e69fc55213', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
+    }
+};
+
+export { NewPaymentMethod as justifi_new_payment_method };

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

@@ -1,24 +1,23 @@
 import { h, r as registerInstance, c as createEvent } from './index-N3w5zrz2.js';
-import { ak as heading5, ah as heading4, ad as buttonPrimary, A as text } from './parts-BrLVc_85.js';
+import { ap as heading5, am as heading4, ae as buttonPrimary, z as text } from './parts-D3G5aVLy.js';
 import { S as StyledHost } from './styled-host-DtvbNFVU.js';
 import './event-types-CZfYo5-1.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-phOwcSQM.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
-import { B as BusinessService } from './business.service-BviUFOjP.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DZCwpP0g.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
+import { B as BusinessService } from './business.service-C5vrjgZf.js';
 import { B as Business } from './Business-BCoP0TAV.js';
-import { m as makeGetBusiness } from './get-business-GEPTefIj.js';
-import { S as Skeleton } from './skeleton-CdD_FIeP.js';
+import { m as makeGetBusiness } from './get-business-BSRtbTh7.js';
+import { S as Skeleton } from './skeleton-C1-JoGFC.js';
 import './config-state-B3mtRA6f.js';
-import { j as formatPhoneNumber } from './utils-DB5fh6Iv.js';
-import './Checkout-B9LrTq63.js';
+import { k as formatPhoneNumber } from './utils-BjLkBMLe.js';
+import { h as TerminalModel, g as TerminalOrder, b as TerminalOrderType } from './Refund-0aZtuMmz.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-BGiKmQYR.js';
-import { f as TerminalModel, e as TerminalOrder, a as TerminalOrderType } from './Refund-f_BCgcDa.js';
+import './Payment-00TwhwCx.js';
 import './Dispute-7MWRbTXI.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
-import { T as TerminalService } from './terminal.service-XpfOXoFl.js';
-import './package-B0XIc_FO.js';
-import './Api-69eVlLFc.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-BZvep88z.js';
+import { T as TerminalService } from './terminal.service-Cfacmeto.js';
+import './package-BWmYRnrR.js';
+import './Api-C3T8XYbb.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
 import './index-BAq5IUBW.js';
@@ -233,7 +232,7 @@ const OrderTerminals = class {
         return (h("div", { class: "mt-3" }, h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), h("div", { class: "d-flex justify-content-end mt-3" }, h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (h(StyledHost, { key: '95d4b374036e4713216ce61e87571a607b8c3f0a' }, h("div", { key: '3e57b055db0d1bf26b9eb38a78fa57493afd3af3', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: '01b1a2a01294f88b7c31fc3d9523351f2a0eabfa' }, h("div", { key: '61cb9b199e9741aae879a8db3174c0c0078b59b5', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 };
 

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

@@ -1,27 +1,26 @@
 import { r as registerInstance, c as createEvent, h } from './index-N3w5zrz2.js';
-import { c as makeGetIdentity, d as makePatchIdentity, e as makePostIdentity } from './payment-provisioning-actions-BIfyW239.js';
-import { I as IdentityService } from './business.service-BviUFOjP.js';
+import { c as makeGetIdentity, d as makePatchIdentity, e as makePostIdentity } from './payment-provisioning-actions-2qP7AtHj.js';
+import { I as IdentityService } from './business.service-C5vrjgZf.js';
 import { F as FormController } from './index.esm-BCNUj0Dx.js';
 import { O as Owner } from './Business-BCoP0TAV.js';
 import { i as identitySchema } from './business-identity-schema-BsrgqgDl.js';
-import { B as Button } from './button-BfT7Ex96.js';
-import { U as heading3 } from './parts-BrLVc_85.js';
+import { B as Button } from './button-xfPDSpPt.js';
+import { V as heading3 } from './parts-D3G5aVLy.js';
 import './event-types-CZfYo5-1.js';
 import { B as BusinessFormClickActions } from './event-types-XYgDHrVL.js';
 import { S as SSN_MASK, P as PHONE_MASKS } from './form-input-masks-B-iV5cYd.js';
 import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-CX6mSvOM.js';
-import './ComponentError-SdntD1xf.js';
-import './utils-Dccsn9BY.js';
-import './Api-69eVlLFc.js';
+import './ComponentError-BhrFjjAs.js';
+import './utils-BZvep88z.js';
+import './Api-C3T8XYbb.js';
 import './config-state-B3mtRA6f.js';
 import './index-BAq5IUBW.js';
-import './utils-DB5fh6Iv.js';
+import './utils-BjLkBMLe.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './Checkout-B9LrTq63.js';
+import './Refund-0aZtuMmz.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-BGiKmQYR.js';
+import './Payment-00TwhwCx.js';
 import './Dispute-7MWRbTXI.js';
-import './Refund-f_BCgcDa.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
 import './schema-validations-DLWfpHyI.js';

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

@@ -1,25 +1,24 @@
 import { r as registerInstance, c as createEvent, h } from './index-N3w5zrz2.js';
-import { P as PaymentService } from './payment.service-BMbF1Svr.js';
-import { m as makeGetPaymentDetails } from './get-payment-details-B5-Hzdrg.js';
-import { E as ErrorState } from './utils-6CI1OiOE.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-phOwcSQM.js';
-import './Api-69eVlLFc.js';
+import { P as PaymentService } from './payment.service-CnQdP32J.js';
+import { m as makeGetPaymentDetails } from './get-payment-details-BdPvFl1W.js';
+import { E as ErrorState } from './utils-CNwvOLkk.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DZCwpP0g.js';
+import './Api-C3T8XYbb.js';
 import './config-state-B3mtRA6f.js';
 import './index-BAq5IUBW.js';
-import './utils-DB5fh6Iv.js';
+import './utils-BjLkBMLe.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './Checkout-B9LrTq63.js';
+import './Refund-0aZtuMmz.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-BGiKmQYR.js';
+import './Payment-00TwhwCx.js';
 import './Dispute-7MWRbTXI.js';
-import './Refund-f_BCgcDa.js';
 import './Business-BCoP0TAV.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './utils-Dccsn9BY.js';
-import './parts-BrLVc_85.js';
-import './package-B0XIc_FO.js';
+import './utils-BZvep88z.js';
+import './parts-D3G5aVLy.js';
+import './package-BWmYRnrR.js';
 
 const PaymentDetails = class {
     constructor(hostRef) {

package/dist/esm/justifi-payment-method-options.entry.js

@@ -0,0 +1,74 @@
+import { r as registerInstance, h } from './index-N3w5zrz2.js';
+import { P as PaymentMethodTypes } from './Payment-00TwhwCx.js';
+import { P as PaymentMethodOption } from './payment-method-option-utils-8n_ALxec.js';
+import { c as checkoutStore } from './checkout.store-GXtlf5-4.js';
+import { r as radioListItem } from './parts-D3G5aVLy.js';
+import './utils-BjLkBMLe.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './Dispute-7MWRbTXI.js';
+import './index-BAq5IUBW.js';
+
+const PaymentMethodTypeLabels = {
+    bankAccount: 'New bank account',
+    card: 'New credit or debit card',
+};
+const PaymentMethodOptions = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.savedPaymentMethods = [];
+        this.paymentMethodOptions = [];
+    }
+    async fillBillingForm(fields) {
+        const newPaymentMethodElement = this.selectedPaymentMethodOptionRef;
+        if (newPaymentMethodElement.fillBillingForm) {
+            newPaymentMethodElement.fillBillingForm(fields);
+        }
+    }
+    connectedCallback() {
+        this.paymentMethodsChanged();
+    }
+    paymentMethodsChanged() {
+        var _a, _b;
+        this.paymentMethodOptions = this.savedPaymentMethods
+            .map((paymentMethod) => new PaymentMethodOption(paymentMethod))
+            .filter((paymentMethod) => {
+            // Don't saved card or bank account if they are disabled
+            return ((this.showCard || paymentMethod.type !== PaymentMethodTypes.card) &&
+                (this.showAch || paymentMethod.type !== PaymentMethodTypes.bankAccount));
+        });
+        if (this.showBnpl && ((_a = this.bnpl) === null || _a === void 0 ? void 0 : _a.provider) === 'sezzle' && !this.insuranceToggled) {
+            this.paymentMethodOptions.push(new PaymentMethodOption({ id: PaymentMethodTypes.sezzle }));
+        }
+        if (this.showCard) {
+            this.paymentMethodOptions.push(new PaymentMethodOption({ id: PaymentMethodTypes.card }));
+        }
+        if (this.showAch) {
+            this.paymentMethodOptions.push(new PaymentMethodOption({ id: PaymentMethodTypes.bankAccount }));
+        }
+        if (!checkoutStore.selectedPaymentMethod) {
+            checkoutStore.selectedPaymentMethod = (_b = this.paymentMethodOptions[0]) === null || _b === void 0 ? void 0 : _b.id;
+        }
+    }
+    paymentMethodOptionSelected(event) {
+        checkoutStore.selectedPaymentMethod = event.detail.id;
+    }
+    get hiddenRadioInput() {
+        return !this.showAch || !this.showCard;
+    }
+    async resolvePaymentMethod(insuranceValidation) {
+        var _a;
+        return await ((_a = this.selectedPaymentMethodOptionRef) === null || _a === void 0 ? void 0 : _a.resolvePaymentMethod(insuranceValidation));
+    }
+    async validate() {
+        const newPaymentMethodElement = this.selectedPaymentMethodOptionRef;
+        return newPaymentMethodElement.validate();
+    }
+    render() {
+        return (h("div", { key: 'e1a46216f766f12306302210bcba3147a4312cfa' }, h("justifi-saved-payment-methods", { key: '72ac4e440719ed1bbafc90f4cf0a2e3a52530713' }), h("justifi-sezzle-payment-method", { key: 'aaa89521f18ac4833d561c08b3fa50b00800a4bf' }), h("div", { key: '209001587e9f7e23f1147d4ef2d8ec4691f6c9fb', class: "radio-list-item p-3", part: radioListItem, onClick: () => { checkoutStore.selectedPaymentMethod = PaymentMethodTypes.card; }, hidden: this.hiddenRadioInput }, h("form-control-radio", { key: '0baed32a40efc6ff0d77dcf53ae9e3ff3aab1185', name: "paymentMethodType", value: PaymentMethodTypes.card, checked: checkoutStore.selectedPaymentMethod === PaymentMethodTypes.card, label: PaymentMethodTypeLabels[PaymentMethodTypes.card] })), h("div", { key: '53d8360fdecec5a6860f480901911bd2c396e1a2', class: "radio-list-item p-3", part: radioListItem, onClick: () => { checkoutStore.selectedPaymentMethod = PaymentMethodTypes.bankAccount; }, hidden: this.hiddenRadioInput }, h("form-control-radio", { key: '901a45bae4b3faeed8daa147db5c8264c4bee08c', name: "paymentMethodType", value: PaymentMethodTypes.bankAccount, checked: checkoutStore.selectedPaymentMethod === PaymentMethodTypes.bankAccount, label: PaymentMethodTypeLabels[PaymentMethodTypes.bankAccount] }))));
+    }
+    static get watchers() { return {
+        "savedPaymentMethods": ["paymentMethodsChanged"]
+    }; }
+};
+
+export { PaymentMethodOptions as justifi_payment_method_options };

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h } from './index-N3w5zrz2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
 import { c as checkProvisioningStatus } from './helpers-Mu7LQT-w.js';
-import { A as text } from './parts-BrLVc_85.js';
+import { z as text } from './parts-D3G5aVLy.js';
 import { S as StyledHost } from './styled-host-DtvbNFVU.js';
-import { H as Header1 } from './header-1-84nZCcj4.js';
+import { H as Header1 } from './header-1-noRVFQY9.js';
 import './event-types-CZfYo5-1.js';
 import { B as BusinessFormClickActions } from './event-types-XYgDHrVL.js';
 import './state-options-BX8GieXu.js';

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

@@ -1,20 +1,19 @@
 import { r as registerInstance, c as createEvent, h } from './index-N3w5zrz2.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-phOwcSQM.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
-import { m as makeGetBusiness, a as makePostProvisioning } from './payment-provisioning-actions-BIfyW239.js';
-import { B as BusinessService } from './business.service-BviUFOjP.js';
-import { A as Api } from './Api-69eVlLFc.js';
-import './Checkout-B9LrTq63.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DZCwpP0g.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
+import { m as makeGetBusiness, a as makePostProvisioning } from './payment-provisioning-actions-2qP7AtHj.js';
+import { B as BusinessService } from './business.service-C5vrjgZf.js';
+import { A as Api } from './Api-C3T8XYbb.js';
+import './Refund-0aZtuMmz.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-BGiKmQYR.js';
-import './Refund-f_BCgcDa.js';
+import './Payment-00TwhwCx.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-7MWRbTXI.js';
-import './package-B0XIc_FO.js';
-import './utils-Dccsn9BY.js';
+import './package-BWmYRnrR.js';
+import './utils-BZvep88z.js';
 import './config-state-B3mtRA6f.js';
 import './index-BAq5IUBW.js';
-import './utils-DB5fh6Iv.js';
+import './utils-BjLkBMLe.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';

package/dist/esm/justifi-payment-transactions-list.entry.js

@@ -1,27 +1,26 @@
 import { h, r as registerInstance, c as createEvent } from './index-N3w5zrz2.js';
 import './config-state-B3mtRA6f.js';
-import { a as convertToLocal } from './utils-DB5fh6Iv.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
-import './Checkout-B9LrTq63.js';
+import { a as convertToLocal } from './utils-BjLkBMLe.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-BhrFjjAs.js';
+import { e as PaymentBalanceTransaction } from './Refund-0aZtuMmz.js';
 import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
-import './Payment-BGiKmQYR.js';
-import { c as PaymentBalanceTransaction } from './Refund-f_BCgcDa.js';
+import './Payment-00TwhwCx.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-7MWRbTXI.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-phOwcSQM.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
-import { P as PaymentService } from './payment.service-BMbF1Svr.js';
-import { T as Table, l as TableWrapper, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell } from './table-DjsimZwr.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DZCwpP0g.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-BZvep88z.js';
+import { P as PaymentService } from './payment.service-CnQdP32J.js';
+import { T as Table, l as TableWrapper, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell } from './table-fsCYq8m9.js';
 import { S as StyledHost } from './styled-host-DtvbNFVU.js';
 import { T as TableClickActions } from './event-types-CZfYo5-1.js';
-import { P as tableHeadCell, Q as getAlternateTableCellPart } from './parts-BrLVc_85.js';
+import { N as tableHeadCell, O as getAlternateTableCellPart } from './parts-D3G5aVLy.js';
 import './index-BAq5IUBW.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './package-B0XIc_FO.js';
-import './Api-69eVlLFc.js';
-import './spinner-DIlSUUzM.js';
+import './package-BWmYRnrR.js';
+import './Api-C3T8XYbb.js';
+import './spinner-Ca9uu5Nd.js';
 
 const makeGetPaymentTransactions = ({ id, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
     var _a;
@@ -186,7 +185,7 @@ const PaymentTransactionsList = class {
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: '5afad0e2e8dc4f37660b09c434fa1e69014194f6' }, h(TableWrapper, { key: '90b657d1a31077ccfee1c494e5bde526572d86b1' }, h(TableComponent, { key: 'c25fd7f2cb00dff6e7d1e5102660c28c08735439' }, h(TableHead, { key: 'a6a9bfd9dff7aa5c82e2dbe5c3c5674b4e6a5c04' }, h(TableHeadRow, { key: 'a7e136e48933ae4f7dabc3cb70bda5f2016b400f' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '921169d43283f1b13921f3972e4ff912a92a27eb' }, h(TableLoadingState, { key: '69e6d2c8df07e0acb657ab0f7997b6576be86c91', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '6a8a44d407bc4cb75e003ce68b174eed3aee885f', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '599552617b6e9f4dc6451a4fbbb5fe2c402849e4', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'c2cadba24db21209557443e598ae2fbb1f4f1ffa' }, h(TableFootRow, { key: 'ffa9e9f6bf3dd7bb6bb5b8626756edf7ee249074' }, h(TableFootCell, { key: '7d6a900f2aac9483004c4eda42b3592db4495cca', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '028b35bc60ff879529a10ef43de4f45ba2aeb584', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '1222542358d9e7495486f3c68e5f64867396580c' }, h(TableWrapper, { key: '561e90e5b184db206183346fab42f400e7cf6bfb' }, h(TableComponent, { key: '3dc0a8995b8e7a2c8fff4c71c4e381c1722cef68' }, h(TableHead, { key: '6efdcc49cbf8411af8d5f291a400a7bbe4202e30' }, h(TableHeadRow, { key: 'b86643118789b808b857e43e22ca8a541a67571e' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '86e8dc7866f75b092b5f5e545f6d6021628fda43' }, h(TableLoadingState, { key: '70ae8aec85601944c443f983f3d2e44c5e1104fd', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'b921157d2ffd267fb23293d7928e0b59fbb4cb32', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '9101fb0a98ef815cff3216875eca8fe700dbae7c', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '5536fcc48352ccfc0cb32d9aa95ee776e90cc7c5' }, h(TableFootRow, { key: '5abc999156f8efcc509f76686c967d13dba6a026' }, h(TableFootCell, { key: '93a390c9f8b222ce73243198ceb0698d2d261bd8', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'fa01e04f6f6965b1f0749bbe8581bbf3ab53bc45', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, h } from './index-N3w5zrz2.js';
 import { l as lodashExports } from './lodash-BqWxUrkh.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './payments-list-params-state-DFWVMJRJ.js';
-import { e as paymentsListFilterMenu, f as paymentIdPaymentsListFilterParam, t as terminalIdPaymentsListFilterParam, g as paymentStatusPaymentsListFilterParam, h as createdAfterPaymentsListFilterParam, j as createdBeforePaymentsListFilterParam } from './parts-BrLVc_85.js';
+import { f as paymentsListFilterMenu, g as paymentIdPaymentsListFilterParam, t as terminalIdPaymentsListFilterParam, h as paymentStatusPaymentsListFilterParam, j as createdAfterPaymentsListFilterParam, k as createdBeforePaymentsListFilterParam } from './parts-D3G5aVLy.js';
 import { S as StyledHost } from './styled-host-DtvbNFVU.js';
 import './event-types-CZfYo5-1.js';
-import { c as convertToUTC, a as convertToLocal } from './utils-DB5fh6Iv.js';
+import { c as convertToUTC, a as convertToLocal } from './utils-BjLkBMLe.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './index-BAq5IUBW.js';
 
@@ -48,8 +48,8 @@ const PaymentsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '41c3ce22404b0e8e536d8c230886eadc34b77208' }, h("table-filters-menu", { key: '864a91207169043f08a47c90c8f867d0e32031e2', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'd2a98ef4ab0094f708de21c2c3e02ec149b5e72f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '00b9b884348d47e7dc1670064c1c0486eefc0a21', class: "p-2" }, h("form-control-text", { key: '405ee21a3780942784738a0cc0a3b423a03c2b5e', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '5401d6d05995af1fa7ab801987d79711c16aecc1', class: "p-2" }, h("form-control-text", { key: 'e1518fddbd3e62af0ddce873a191376b2504c9e0', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '131c39879c3823c3d380d4939e6b93a2771bc86a', class: "p-2" }, h("form-control-select", { key: '856053d6ce5381956a18c6a21df169898fa71616', 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: '76ad87197605e45ae06fefc547755df29741fa18', class: "p-2" }, h("form-control-date", { key: '7cdd9b684a87e2da99ecfe963349433bf7ac1d45', 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: 'ae78b441f6dbbbdca902fb4f83f7531e80322ff2', class: "p-2" }, h("form-control-date", { key: '34d321e3cd47ccd95ea30d7a54cfb36e34af64db', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'cad5007fe498aa2c9f660237a521484c244cf474' }, h("table-filters-menu", { key: '4b0f4b6e09ee5839890d041a641d7988d36491ca', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '331914224ba6e9ea1f96f61457d84b63ac9e9cc0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '80acaed15b83022d95d14d1bb2d18b1b65b57e32', class: "p-2" }, h("form-control-text", { key: 'd7566c7db6b0da0708b3c3c7d104e4c63b2cbb92', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'ce39d29814522dc85ec547a507ffe2863bffc244', class: "p-2" }, h("form-control-text", { key: 'd5d558707fc2577ef035dd05d0a2ae7a944008a4', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '9dc9eb22b1d46a36a6dc82853351c5321b9864f3', class: "p-2" }, h("form-control-select", { key: 'd59e9c9b816aef996d8eefd3a199cab6aa66b27a', 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: '289e889f9933e9b2fe0baa407f7cee720c2cb30d', class: "p-2" }, h("form-control-date", { key: '42156ed44bf95904289a878e7fab17cdff6a555e', 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: 'b677ef4b209452c31a60c00ad0a6803528a50ff4', class: "p-2" }, h("form-control-date", { key: '5d57efd28d50a5317b74ff3a202387a6dd5a3d95', 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 }))))));
     }
 };