@justifi/webcomponents 6.7.2 → 6.8.0

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

@@ -1,27 +1,27 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
+var index = require('./index-p7cvUYAE.js');
 var utils$1 = require('./utils-D4WPxuzW.js');
-var parts = require('./parts-BVbaniVM.js');
-var button = require('./button-fUPGXjU_.js');
-var styledHost = require('./styled-host-D5g7INLE.js');
-var skeleton = require('./skeleton-B8dzxFFr.js');
+var parts = require('./parts-BsBVknuf.js');
+var button = require('./button-C2p1BMP-.js');
+var styledHost = require('./styled-host-DAi5SuFa.js');
+var skeleton = require('./skeleton-BGGMhPJj.js');
 require('./event-types-YOY5TKUN.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
 var utils = require('./utils-DvUQQLmR.js');
-var dispute_service = require('./dispute.service-q5ha39uN.js');
+var dispute_service = require('./dispute.service-GDUl1Wjs.js');
 var eventTypes = require('./event-types-BWQT2lwu.js');
-var checkPkgVersion = require('./check-pkg-version-BG-Rfkh5.js');
+var checkPkgVersion = require('./check-pkg-version-DKH70uPq.js');
 require('./dinero-BwNN_k7x.js');
-require('./Api-QUTWjGTy.js');
-require('./config-state-CYoBVAca.js');
-require('./index-mmd0OhmD.js');
-require('./GooglePay-BwiJ_80p.js');
+require('./Api-CVbEWBG6.js');
+require('./config-state-BIgGhhe9.js');
+require('./index-W-zoNiyM.js');
+require('./Plaid-DxPvVu0H.js');
 require('./Dispute-CruQTF6_.js');
 require('./index-CajjbB9t.js');
 require('./Pagination-Dediz133.js');
-require('./Business-DWHy_-z9.js');
-require('./package-Df5lTFe6.js');
+require('./Business-CB8EVrhD.js');
+require('./package-B4vs5j7c.js');
 
 const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
     var _a;
@@ -114,9 +114,9 @@ const makeCreateDisputeEvidence = ({ authToken, disputeId, service }) => async (
 const DisputeNotification = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.clickEvent = index.createEvent(this, "click-event");
-        this.errorEvent = index.createEvent(this, "error-event");
-        this.submitEvent = index.createEvent(this, "submit-event");
+        this.clickEvent = index.createEvent(this, "click-event", 7);
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.submitEvent = index.createEvent(this, "submit-event", 7);
     }
     acceptDispute() {
         makeSubmitDisputeResponse({
@@ -156,15 +156,15 @@ const DisputeNotification = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (index.h(styledHost.StyledHost, { key: '366e2c66e1a31395f1b4a0c0e88173e06eb93313' }, this.isLoading && (index.h("div", { key: '979832175e729da612028cff34fdf59dc280c677', style: { marginBottom: '8px' } }, index.h(skeleton.Skeleton, { key: 'f7fc26c781f2a1f8aef343166eaaca261b72d32c', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), index.h(skeleton.Skeleton, { key: '56e792538dd93b77964f7d21300ef45f8da4f7c1', height: '18px', styles: { marginBottom: '8px' } }), index.h(skeleton.Skeleton, { key: '94ca86077eef5aebd5b6e402ac2fdd9a980ad4c5', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (index.h("div", { key: '7482cc041236218c16ebf12c0799b2dc62266065', part: parts.text }, index.h("h1", { key: 'a592932abcab4a1f3563cb044fbd37611c8dd20f', class: "h4", part: parts.heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
-            _b.due_date, ") for this dispute has passed"), index.h("p", { key: '65f41565018e74b20a224789f28a4b0c8c39eb76' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (index.h("div", { key: 'a135934182715a851d5d25d5d1485094454d0a4e', part: parts.text }, index.h("h1", { key: '61d6842599de3d87c833aa58b237490e4a686e4a', class: "h4", part: parts.heading4 }, "This payment is disputed"), index.h("p", { key: '72c6f7e3639cbd19d25f1aa120d22b3ca56547e1' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), index.h("h2", { key: '1565a02a4ff6c3e777f08c3c55f5adb52ead464b', class: "h5" }, "Dispute details"), index.h("div", { key: '73e88ae55460c62a22609de5bc7144485741efd8', class: "d-table gap-2" }, index.h("div", { key: '9ad5b6375dc161072b9a4a6ed02c845380fad0f9', class: "d-table-row gap-2" }, index.h("span", { key: '50fc59fd8a3159990d97f4817c4ae4f0ff237a6f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), index.h("span", { key: '2295ed0988667f0d9b4a5c7d1574549909e83512', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, utils$1.formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), index.h("div", { key: '3019fb0949177ac697347e1e5156d980073b5fe6', class: "d-table-row gap-2" }, index.h("span", { key: '6bb9bd0549246e1545244a1c1d6ba6a2763115e8', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), index.h("span", { key: 'e21ffcb4db63cc336f8417a5f23a95ec9a22e07d', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), index.h("div", { key: '8ea8d1734de9014d6eaa40698b7370f2579b1686', class: "d-table-row gap-2" }, index.h("span", { key: '6f1c114ad77e46c67c661e8a7e0da9404a699afb', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), index.h("span", { key: 'f702aff5516a6fe4de66982214019aa23757e5dd', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), index.h("div", { key: '9b37b4ca1651c6f5654c284e154a8610491082eb', class: "d-flex gap-2 mt-4 justify-content-end" }, index.h(button.Button, { key: '7764276dee017b3802c8e5a099c7a14809a5a9e2', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), index.h(button.Button, { key: '7d359a4379403683a1ace0a47eded0e6859e198a', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (index.h("div", { key: '95357ab08560983952ef5dbbaecbd61a686d627e' }, index.h("h1", { key: 'dee2b2342d93f970ea42313a67bf7134c980c2c9', class: "h4" }, "This payment is disputed and under review"), index.h("p", { key: '19c9ad659f69e844c06ca5a235f21265635e9d5b' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (index.h("div", { key: '7149f82646d7e06bb5355cdb5fab79e1a1c6d67e' }, index.h("h1", { key: 'eb074d8a3bff90cbca27a836dc959ae115103896', class: "h4" }, "This payment was disputed"), index.h("p", { key: 'a7c8ca180bfa9c6421f05f9014d1e10f35b2fdf8' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (index.h("div", { key: '66a1b25a142f78e1d5b0e234232c32f7addbd203' }, index.h("h1", { key: '7688608c03db8d4d2e1443b39e21ca39e48fdef2', class: "h4" }, "This payment was disputed"), index.h("p", { key: '0ba1cc45f3b5cbf9c96456a05ba1e781efeb8e2e' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (index.h(styledHost.StyledHost, { key: 'f73a27de0f7e01960cfe78a5b81b021b22eaf2c6' }, this.isLoading && (index.h("div", { key: 'ca2c47a78d302e09cd60434eb2a0146787f7ac45', style: { marginBottom: '8px' } }, index.h(skeleton.Skeleton, { key: 'e7c3318f1ecaae82727ec3620e5ba65f25692552', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), index.h(skeleton.Skeleton, { key: '3313a4d5ba47766076e5c13cde8f1500fdcfa4a0', height: '18px', styles: { marginBottom: '8px' } }), index.h(skeleton.Skeleton, { key: '94d2c92beaf52499cea87b3e04a37284898ce4d9', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (index.h("div", { key: 'fe66f1d00863607cbb457953c4880e4bdc4442ae', part: parts.text }, index.h("h1", { key: '1cf8c42bdb942391c65e67db8a0da0ff4c618249', class: "h4", part: parts.heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
+            _b.due_date, ") for this dispute has passed"), index.h("p", { key: '18643d72965f197edcf40c2053325df9dedf47fb' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (index.h("div", { key: '096b7b976ddebd49a6ab5067ef5b4f07e06e145d', part: parts.text }, index.h("h1", { key: '06010bc9881b4cd9bd91399784ff9169e730784f', class: "h4", part: parts.heading4 }, "This payment is disputed"), index.h("p", { key: 'aca40b62cfe60ca69ebecd59d9d1c5c3cfd1b227' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), index.h("h2", { key: '81f1fe8ec625b44d7bf251f4fbf5a4ac1dea2a41', class: "h5" }, "Dispute details"), index.h("div", { key: 'b5269224135805abb32164911ef682ed9524a35b', class: "d-table gap-2" }, index.h("div", { key: 'b90a2c3028003119fdb23f6e0cd8a3f965f9d58b', class: "d-table-row gap-2" }, index.h("span", { key: '24967d47583c83333966ad788e8d4d388f32bf3a', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), index.h("span", { key: 'a1bc338abb575e5dc496bec2f7199d36d3015d68', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, utils$1.formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), index.h("div", { key: 'c45e0cc9efcf743d9b981d17d9628b243892d27e', class: "d-table-row gap-2" }, index.h("span", { key: 'd326adc2bfe3fbd9d67fc4d9d82e1545490d274a', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), index.h("span", { key: 'eaa16df97b9fd1b4963c2561bc5b7eb7892dafb4', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), index.h("div", { key: '58999fa8fd18509f29d7233ca7255e2a033139b3', class: "d-table-row gap-2" }, index.h("span", { key: 'b35f041be173d792e81c3da3992104a0ede2bf91', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), index.h("span", { key: 'eea5132a629528830dd6a3c68ca773848c89cb95', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), index.h("div", { key: 'f4975381aad6ed61a674e7a907632790e0ecf399', class: "d-flex gap-2 mt-4 justify-content-end" }, index.h(button.Button, { key: '875c8fe451dbf7bb3817be6ab2ab3b919bb6b783', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), index.h(button.Button, { key: 'a4725c6ee3c18785e91d5ce82c3fbdb35029040a', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (index.h("div", { key: 'd02264536dd7f23a7beea17feb42bd6923551b23' }, index.h("h1", { key: 'ed9411ef96ba5aa6f3a84b622c3b8a07990352ef', class: "h4" }, "This payment is disputed and under review"), index.h("p", { key: '6cd2edfa3e2f5cf3beccbb4fcaef09997c1d00fd' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (index.h("div", { key: 'f1fbf9b5fddf71bde59e76456fda138b306df968' }, index.h("h1", { key: '8763399559fd6ead94c3b20e7ea5a81243eeb19c', class: "h4" }, "This payment was disputed"), index.h("p", { key: '840285c4091a71fc719b3c9184aaffef0ab48be7' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (index.h("div", { key: 'b453c75a2fba5e8145c62d0d89b75d7757375ba1' }, index.h("h1", { key: '5d17f60d1e60a001edf80d9f0ded44c41cd394a6', class: "h4" }, "This payment was disputed"), index.h("p", { key: '221cdcd0a330f02dff18dd7f8875ace480be68ed' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
 };
 
 const DisputeResponse = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event");
+        this.errorEvent = index.createEvent(this, "error-event", 7);
         this.errorMessage = null;
         this.apiOrigin = "https://wc-proxy.justifi.ai";
         this.handleErrorEvent = (event) => {
@@ -213,7 +213,7 @@ const DisputeResponse = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'c9a7035e6f28c32602fcb19b4026805d87aa54de' }, index.h("justifi-dispute-response-core", { key: '9acfee140646d1ed8b46771b353b9d0d71af2c14', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (index.h(styledHost.StyledHost, { key: '68bf041be58383d3df181d84e0773bb71fd4ed96' }, index.h("justifi-dispute-response-core", { key: '76af71dd1a21bedf10406aa2cd6d93bfad5b5746', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get watchers() { return {
@@ -225,10 +225,10 @@ const DisputeResponse = class {
 const DisputeResponseCore = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.clickEvent = index.createEvent(this, "click-event");
-        this.errorEvent = index.createEvent(this, "error-event");
-        this.stepCompleteEvent = index.createEvent(this, "complete-form-step-event");
-        this.submitEvent = index.createEvent(this, "submit-event");
+        this.clickEvent = index.createEvent(this, "click-event", 7);
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.stepCompleteEvent = index.createEvent(this, "complete-form-step-event", 7);
+        this.submitEvent = index.createEvent(this, "submit-event", 7);
         this.disputeResponse = {};
         this.isLoading = false;
         this.documentList = [];
@@ -381,7 +381,7 @@ const DisputeResponseCore = class {
         return this.currentStep === 0;
     }
     render() {
-        return (index.h("div", { key: '123cd5e2c03ac23f591c7c0b70c768acdd9e4932', class: "row gy-3" }, index.h("div", { key: '22d3cf94fddc2bdc52a122d49c35efb6b94d3670', class: "col-12" }, index.h("h1", { key: '16e6361626153b51b2d958203419752b65c211e3', class: "h4", part: parts.heading4 }, "Counter dispute")), index.h("div", { key: 'fef2a0e7d8baa24652d487dc11406fc1678d0beb', class: "col-12" }, this.currentStepComponent), index.h("div", { key: '5c5fbe7839898450d12a08dc857bfda3471f8478', class: "col-12" }, index.h("div", { key: 'ee1eec3a34d161706418a2be5cbbf149b3a2cadc', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (index.h(button.Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (index.h(button.Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (index.h(button.Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (index.h(button.Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
+        return (index.h("div", { key: '8b0f0f810ad0bbc57489862ae5159fae8cbad746', class: "row gy-3" }, index.h("div", { key: 'ca6e73df82123a344b4a28efae395e8b9c931258', class: "col-12" }, index.h("h1", { key: 'bb78dcfd69d0b747cf1b1865bf463518ae18b442', class: "h4", part: parts.heading4 }, "Counter dispute")), index.h("div", { key: '7179e0a6fdb89024d613f897db2cf313255494fd', class: "col-12" }, this.currentStepComponent), index.h("div", { key: '9219e8b3213c494adef926077f35c298588053c0', class: "col-12" }, index.h("div", { key: '73c2fd1a8440c19f468610ec02a7cfa6eddecb7e', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (index.h(button.Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (index.h(button.Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (index.h(button.Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (index.h(button.Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
     }
 };
 

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

@@ -1,22 +1,22 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
-var Api = require('./Api-QUTWjGTy.js');
+var index = require('./index-p7cvUYAE.js');
+var Api = require('./Api-CVbEWBG6.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-require('./GooglePay-BwiJ_80p.js');
+require('./Plaid-DxPvVu0H.js');
 require('./Pagination-Dediz133.js');
-require('./Business-DWHy_-z9.js');
+require('./Business-CB8EVrhD.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
-var utils$1 = require('./utils-CMiA4X7s.js');
-var checkPkgVersion = require('./check-pkg-version-BG-Rfkh5.js');
-require('./config-state-CYoBVAca.js');
-require('./index-mmd0OhmD.js');
+var utils$1 = require('./utils-T6hRmGuY.js');
+var checkPkgVersion = require('./check-pkg-version-DKH70uPq.js');
+require('./config-state-BIgGhhe9.js');
+require('./index-W-zoNiyM.js');
 require('./utils-D4WPxuzW.js');
 require('./dinero-BwNN_k7x.js');
 require('./index-CajjbB9t.js');
-require('./parts-BVbaniVM.js');
-require('./package-Df5lTFe6.js');
+require('./parts-BsBVknuf.js');
+require('./package-B4vs5j7c.js');
 
 const api = Api.Api();
 class ReportsService {
@@ -57,7 +57,7 @@ const makeGetGrossPaymentChartData = ({ id, authToken, service }) => async ({ on
 const GrossPaymentChart = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event");
+        this.errorEvent = index.createEvent(this, "error-event", 7);
         this.errorMessage = null;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;

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

@@ -1,26 +1,26 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
-var parts = require('./parts-BVbaniVM.js');
-var styledHost = require('./styled-host-D5g7INLE.js');
+var index = require('./index-p7cvUYAE.js');
+var parts = require('./parts-BsBVknuf.js');
+var styledHost = require('./styled-host-DAi5SuFa.js');
 require('./event-types-YOY5TKUN.js');
-var checkPkgVersion = require('./check-pkg-version-BG-Rfkh5.js');
+var checkPkgVersion = require('./check-pkg-version-DKH70uPq.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var business_service = require('./business.service-q93NsTG_.js');
-var Business = require('./Business-DWHy_-z9.js');
-var getBusiness = require('./get-business-D9ZHyPem.js');
-var skeleton = require('./skeleton-B8dzxFFr.js');
-require('./config-state-CYoBVAca.js');
+var business_service = require('./business.service-zGEitIbP.js');
+var Business = require('./Business-CB8EVrhD.js');
+var getBusiness = require('./get-business-CP0ALW9n.js');
+var skeleton = require('./skeleton-BGGMhPJj.js');
+require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
-var GooglePay = require('./GooglePay-BwiJ_80p.js');
+var Plaid = require('./Plaid-DxPvVu0H.js');
 require('./Pagination-Dediz133.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
-var terminal_service = require('./terminal.service-CFt55QNO.js');
+var terminal_service = require('./terminal.service-A90K3XNq.js');
 var utils$1 = require('./utils-D4WPxuzW.js');
-require('./package-Df5lTFe6.js');
-require('./Api-QUTWjGTy.js');
-require('./index-mmd0OhmD.js');
+require('./package-B4vs5j7c.js');
+require('./Api-CVbEWBG6.js');
+require('./index-W-zoNiyM.js');
 require('./index-CajjbB9t.js');
 
 const FormBlock = () => (index.h("div", { class: "row gap-3" }, index.h("div", { class: "col-12" }, index.h(skeleton.Skeleton, { width: "25%" })), index.h("div", { class: "col-12" }, index.h(skeleton.Skeleton, { width: "100%" })), index.h("div", { class: "col-12 d-flex gap-3" }, index.h(skeleton.Skeleton, { width: "50%" }), index.h(skeleton.Skeleton, { width: "50%" })), index.h("div", { class: "col-12 d-flex gap-3" }, index.h(skeleton.Skeleton, { width: "65%" }), index.h(skeleton.Skeleton, { width: "35%" }))));
@@ -37,7 +37,7 @@ const makeGetTerminalModels = ({ id, authToken, service }) => async ({ onSuccess
     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 GooglePay.TerminalModel(dataItem))) || [];
+            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 Plaid.TerminalModel(dataItem))) || [];
             const orderLimit = (_c = response.data) === null || _c === void 0 ? void 0 : _c.order_limit;
             onSuccess({ terminals, orderLimit });
         }
@@ -92,8 +92,8 @@ const makeOrderTerminals = ({ authToken, service, apiOrigin = "https://wc-proxy.
 const OrderTerminals = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event");
-        this.submitted = index.createEvent(this, "submit-event");
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.submitted = index.createEvent(this, "submit-event", 7);
         this.shipping = false;
         this.submitButtonText = 'Submit Order';
         this.loading = {
@@ -105,10 +105,10 @@ const OrderTerminals = class {
         this.totalQuantity = 0;
     }
     componentWillLoad() {
-        this.order = new GooglePay.TerminalOrder({
+        this.order = new Plaid.TerminalOrder({
             business_id: this.businessId,
             sub_account_id: this.accountId,
-            order_type: this.shipping ? GooglePay.TerminalOrderType.boardingShipping : GooglePay.TerminalOrderType.boardingOnly,
+            order_type: this.shipping ? Plaid.TerminalOrderType.boardingShipping : Plaid.TerminalOrderType.boardingOnly,
         });
         checkPkgVersion.checkPkgVersion();
         this.analytics = new checkPkgVersion.JustifiAnalytics(this);
@@ -204,7 +204,7 @@ const OrderTerminals = class {
         return (index.h("div", { class: "mt-3" }, index.h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), index.h("div", { class: "d-flex justify-content-end mt-3" }, index.h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: parts.buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'aa60b46b6f455a6e925a835f1b558c88966b2a90' }, index.h("div", { key: '33361446b5b2848a0d7d4af36ff54a3be76a5779', part: parts.text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (index.h(styledHost.StyledHost, { key: 'c4180b5ccbfe357a9167accfcae70270df9d248a' }, index.h("div", { key: '2bab46cd089b8af8abb61948051eb652f57f7811', part: parts.text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 };
 

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

@@ -1,30 +1,30 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
-var payment_service = require('./payment.service-CyHFdJ7n.js');
-var getPaymentDetails = require('./get-payment-details-DidIAK2i.js');
-var utils = require('./utils-CMiA4X7s.js');
+var index = require('./index-p7cvUYAE.js');
+var payment_service = require('./payment.service-QODfB293.js');
+var getPaymentDetails = require('./get-payment-details-IA5Toi7Z.js');
+var utils = require('./utils-T6hRmGuY.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-BG-Rfkh5.js');
-require('./Api-QUTWjGTy.js');
-require('./config-state-CYoBVAca.js');
-require('./index-mmd0OhmD.js');
+var checkPkgVersion = require('./check-pkg-version-DKH70uPq.js');
+require('./Api-CVbEWBG6.js');
+require('./config-state-BIgGhhe9.js');
+require('./index-W-zoNiyM.js');
 require('./utils-D4WPxuzW.js');
 require('./dinero-BwNN_k7x.js');
-require('./GooglePay-BwiJ_80p.js');
+require('./Plaid-DxPvVu0H.js');
 require('./Dispute-CruQTF6_.js');
 require('./index-CajjbB9t.js');
 require('./Pagination-Dediz133.js');
-require('./Business-DWHy_-z9.js');
+require('./Business-CB8EVrhD.js');
 require('./utils-DvUQQLmR.js');
-require('./parts-BVbaniVM.js');
-require('./package-Df5lTFe6.js');
+require('./parts-BsBVknuf.js');
+require('./package-B4vs5j7c.js');
 
 const PaymentDetails = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event");
-        this.recordClickEvent = index.createEvent(this, "record-click-event");
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.recordClickEvent = index.createEvent(this, "record-click-event", 7);
         this.errorMessage = null;
         this.paymentService = new payment_service.PaymentService();
         this.handleErrorEvent = event => {

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

@@ -1,21 +1,24 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
+var index = require('./index-p7cvUYAE.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var Business = require('./Business-DWHy_-z9.js');
-var parts = require('./parts-BVbaniVM.js');
-var styledHost = require('./styled-host-D5g7INLE.js');
-var header1 = require('./header-1-Bqejh9no.js');
+var Business = require('./Business-CB8EVrhD.js');
+var parts = require('./parts-BsBVknuf.js');
+var styledHost = require('./styled-host-DAi5SuFa.js');
+var header1 = require('./header-1-B-nd_U7n.js');
 require('./event-types-YOY5TKUN.js');
 var eventTypes = require('./event-types-DNOUef41.js');
+var paymentProvisioningLoading = require('./payment-provisioning-loading-B3hvtd9o.js');
+require('./skeleton-BGGMhPJj.js');
 
 const PaymentProvisioningCore = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.clickEvent = index.createEvent(this, "click-event");
-        this.errorEvent = index.createEvent(this, "error-event");
-        this.submitEvent = index.createEvent(this, "submit-event");
+        this.clickEvent = index.createEvent(this, "click-event", 7);
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.submitEvent = index.createEvent(this, "submit-event", 7);
         this.loading = false;
+        this.businessLoading = true;
         this.businessProvisioned = false;
         this.currentStep = 0;
         this.country = Business.CountryCode.USA;
@@ -34,6 +37,7 @@ const PaymentProvisioningCore = class {
                                 severity: ComponentError.ComponentErrorSeverity.INFO,
                             });
                         }
+                        this.businessLoading = false;
                         resolve();
                     },
                     onError: ({ error, code, severity }) => {
@@ -42,6 +46,7 @@ const PaymentProvisioningCore = class {
                             errorCode: code,
                             severity: severity
                         });
+                        this.businessLoading = false;
                         resolve();
                     }
                 });
@@ -84,8 +89,12 @@ const PaymentProvisioningCore = class {
         this.postProvisioningData();
     }
     async componentWillLoad() {
-        if (this.getBusiness)
+        if (this.getBusiness) {
             await this.setBusinessProvisioned();
+        }
+        else {
+            this.businessLoading = false;
+        }
         this.refs = [
             this.coreInfoRef,
             this.legalAddressRef,
@@ -106,13 +115,16 @@ const PaymentProvisioningCore = class {
         return this.refs.length - 1;
     }
     get stepCounter() {
-        return `${this.currentStep + 1} of ${this.totalSteps + 1}`;
+        return `Step ${this.currentStep + 1} of ${this.totalSteps + 1}`;
     }
     handleFormLoading(event) {
         this.loading = event.detail;
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '058aaacf6c0fe49ef24e50b575247efb470c4254' }, index.h("div", { key: 'd4d329af8f8e4ccd8e7ddb2d7050797fe9ec5824', class: 'row gap-3' }, index.h(header1.Header1, { key: 'd2358393171311c9dd6b03ca3509e2775d784e4c', text: this.formTitle }), index.h("justifi-payment-provisioning-form-steps", { key: 'd7a8767e276c28c2ca0413ac0d1195cb98b9fe0b', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, country: this.country, handleFormLoading: this.handleFormLoading }), index.h("div", { key: '37dc95f2e8785c0e2ac969294b86318d81237b0b', class: 'd-flex justify-content-between align-items-center' }, index.h("div", { key: '54e6fe77e63faf3b2ae725c349748cf9c34322b0', class: 'd-flex align-items-center', part: parts.text }, this.stepCounter), index.h("justifi-payment-provisioning-form-buttons", { key: 'aa3e1c621248f1daa48ae7e66dd76c03e0a9eb3c', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
+        if (this.businessLoading) {
+            return (index.h(styledHost.StyledHost, null, index.h(paymentProvisioningLoading.PaymentProvisioningLoading, null)));
+        }
+        return (index.h(styledHost.StyledHost, null, index.h("div", { class: 'row gap-3' }, index.h(header1.Header1, { text: this.formTitle }), index.h("justifi-payment-provisioning-form-steps", { businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, country: this.country, handleFormLoading: this.handleFormLoading }), index.h("div", { class: 'd-flex justify-content-between align-items-center' }, index.h("div", { class: 'd-flex align-items-center', part: parts.text }, this.stepCounter), index.h("justifi-payment-provisioning-form-buttons", { currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
     }
 };
 

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

@@ -1,19 +1,19 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
-var checkPkgVersion = require('./check-pkg-version-BG-Rfkh5.js');
+var index = require('./index-p7cvUYAE.js');
+var checkPkgVersion = require('./check-pkg-version-DKH70uPq.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
 var paymentProvisioningActions = require('./payment-provisioning-actions-CZVlnRA0.js');
-var business_service = require('./business.service-q93NsTG_.js');
-var Api = require('./Api-QUTWjGTy.js');
-require('./GooglePay-BwiJ_80p.js');
+var business_service = require('./business.service-zGEitIbP.js');
+var Api = require('./Api-CVbEWBG6.js');
+require('./Plaid-DxPvVu0H.js');
 require('./Pagination-Dediz133.js');
-require('./Business-DWHy_-z9.js');
+require('./Business-CB8EVrhD.js');
 require('./Dispute-CruQTF6_.js');
-require('./package-Df5lTFe6.js');
+require('./package-B4vs5j7c.js');
 require('./utils-DvUQQLmR.js');
-require('./config-state-CYoBVAca.js');
-require('./index-mmd0OhmD.js');
+require('./config-state-BIgGhhe9.js');
+require('./index-W-zoNiyM.js');
 require('./utils-D4WPxuzW.js');
 require('./dinero-BwNN_k7x.js');
 require('./index-CajjbB9t.js');
@@ -33,7 +33,7 @@ class ProvisionService {
 const PaymentProvisioning = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event");
+        this.errorEvent = index.createEvent(this, "error-event", 7);
         this.allowOptionalFields = false;
         this.formTitle = 'Business Information';
     }
@@ -73,7 +73,7 @@ const PaymentProvisioning = class {
         }
     }
     render() {
-        return (index.h("justifi-payment-provisioning-core", { key: '80baf93d680fd610755fdfb6be030178140568da', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
+        return (index.h("justifi-payment-provisioning-core", { key: '7fbd1a8602e9c90582ef4da712d91cf838d8ebe2', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

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

@@ -1,33 +1,33 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
-require('./config-state-CYoBVAca.js');
+var index = require('./index-p7cvUYAE.js');
+require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var GooglePay = require('./GooglePay-BwiJ_80p.js');
+var Plaid = require('./Plaid-DxPvVu0H.js');
 var Pagination = require('./Pagination-Dediz133.js');
-require('./Business-DWHy_-z9.js');
+require('./Business-CB8EVrhD.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-BG-Rfkh5.js');
+var checkPkgVersion = require('./check-pkg-version-DKH70uPq.js');
 var utils = require('./utils-DvUQQLmR.js');
-var payment_service = require('./payment.service-CyHFdJ7n.js');
-var table = require('./table-CrtpRwGN.js');
-var styledHost = require('./styled-host-D5g7INLE.js');
+var payment_service = require('./payment.service-QODfB293.js');
+var table = require('./table-eTN_pRIP.js');
+var styledHost = require('./styled-host-DAi5SuFa.js');
 var eventTypes = require('./event-types-YOY5TKUN.js');
 var utils$1 = require('./utils-D4WPxuzW.js');
-var parts = require('./parts-BVbaniVM.js');
-require('./index-mmd0OhmD.js');
+var parts = require('./parts-BsBVknuf.js');
+require('./index-W-zoNiyM.js');
 require('./index-CajjbB9t.js');
-require('./package-Df5lTFe6.js');
-require('./Api-QUTWjGTy.js');
-require('./spinner-jHyLNCGO.js');
+require('./package-B4vs5j7c.js');
+require('./Api-CVbEWBG6.js');
+require('./spinner-CV2CNXOQ.js');
 
 const makeGetPaymentTransactions = ({ id, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
     var _a;
     try {
         const response = await service.fetchPaymentTransactions(id, authToken, params);
         if (!response.error) {
-            const balanceTransactions = response.data.map((dataItem) => new GooglePay.PaymentBalanceTransaction(dataItem));
+            const balanceTransactions = response.data.map((dataItem) => new Plaid.PaymentBalanceTransaction(dataItem));
             const pagingInfo = Object.assign({}, response.page_info);
             onSuccess({ balanceTransactions, pagingInfo });
         }
@@ -100,8 +100,8 @@ const paymentTransactionTableCells = {
 const PaymentTransactionsList = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.clickEvent = index.createEvent(this, "click-event");
-        this.errorEvent = index.createEvent(this, "error-event");
+        this.clickEvent = index.createEvent(this, "click-event", 7);
+        this.errorEvent = index.createEvent(this, "error-event", 7);
         this.balanceTransactions = [];
         this.isLoading = true;
         this.errorMessage = null;
@@ -183,7 +183,7 @@ const PaymentTransactionsList = class {
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '8a307277a1953bea93e7b15d2774700f07319c87' }, index.h(table.TableWrapper, { key: '1097f6a329292851cfcdd16240fa5f161f8aa7e4' }, index.h(table.TableComponent, { key: '9ae196b35c90391de0d9a31f79c732e6de991b08' }, index.h(table.TableHead, { key: 'a7eaab567c42bb2676b91259363b9c4bee2683df' }, index.h(table.TableHeadRow, { key: '461752dafb18db32ef0367d90cb1482980e92187' }, this.transactionsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '5c0ce55bd2ad81de73866c869818820568233422' }, index.h(table.TableLoadingState, { key: '8a54d3632e2193576a2e5037c9d7b8a614fcd5b6', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), index.h(table.TableEmptyState, { key: '6fab4a7cce6678a30992be71c702fab2259c2b49', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), index.h(table.TableErrorState, { key: '8ab1c46ecbd0d2ed98dacf9edcd690054a90c081', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '8ff1f32400ae7127af54dc72d7f004f9f47b189d' }, index.h(table.TableFootRow, { key: 'f61fb96596cfd7fb2b9c8df9abe7b93ca911f92c' }, index.h(table.TableFootCell, { key: '609114cbd75f787012c1625e0b197fd5820d054e', colSpan: this.transactionsTable.columnData.length }, index.h("pagination-menu", { key: '54b78b6480f2c7ee718ae9379a62e0961f8b8170', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (index.h(styledHost.StyledHost, { key: '01c0a608fd4a423e99b7ca4352cfb10641265e50' }, index.h(table.TableWrapper, { key: 'fab4ff3b5e03fc591471495f0612446e29c73e10' }, index.h(table.TableComponent, { key: '68109105aa6b07d24685fa9cd8b31b21ad29a291' }, index.h(table.TableHead, { key: '6b6f6480c9b53849911f9f6793def2391fe30a76' }, index.h(table.TableHeadRow, { key: '652f0a6e4b14e87d26c17f7cc0239a055fb90120' }, this.transactionsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '3691fe4999a6f04dea3c54360455ab2b71202ad1' }, index.h(table.TableLoadingState, { key: '9ac9036cb1e49c414cbf74fc8bf2a5189ca1572b', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), index.h(table.TableEmptyState, { key: '43dce9e05f58cb9dd96aadfbfffdc83c500a1187', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), index.h(table.TableErrorState, { key: 'd8f2115ad0f5c5774ac9e92bc7de13be32b2fb7c', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '097f60501ad280a9e02b18503ba56073ea3d610c' }, index.h(table.TableFootRow, { key: '7a3160a4506bdbca0ad57733650619335f56e27b' }, index.h(table.TableFootCell, { key: '8361c753867c2b1f99ad27d5f3c187d2b2228ee6', colSpan: this.transactionsTable.columnData.length }, index.h("pagination-menu", { key: 'f6eb2d3edb53aaff1fb9448be2f5e47cb0a6dd8f', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
+var index = require('./index-p7cvUYAE.js');
 var lodash = require('./lodash-CvSCBJ_8.js');
-var paymentsListParamsState = require('./payments-list-params-state-DfZySwaC.js');
-var parts = require('./parts-BVbaniVM.js');
-var styledHost = require('./styled-host-D5g7INLE.js');
+var paymentsListParamsState = require('./payments-list-params-state-vGJZ6Oe2.js');
+var parts = require('./parts-BsBVknuf.js');
+var styledHost = require('./styled-host-DAi5SuFa.js');
 require('./event-types-YOY5TKUN.js');
 var utils = require('./utils-D4WPxuzW.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./index-mmd0OhmD.js');
+require('./index-W-zoNiyM.js');
 require('./dinero-BwNN_k7x.js');
 
 const PaymentsListFilters = class {
@@ -51,8 +51,8 @@ const PaymentsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, paymentsListParamsState.filterParams);
-        return (index.h(styledHost.StyledHost, { key: 'd70609f15429149e680ec8a6639daddc2f406292' }, index.h("table-filters-menu", { key: '269e119f2ff71c88619c4880259369402cca8333', params: filterMenuParams, clearParams: paymentsListParamsState.clearParams, part: parts.paymentsListFilterMenu }, index.h("div", { key: 'e78ce4dcf8459ff1f89387f65fa535d476c7bf38', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '3ae16db403cea6696f70453eca9061d5df7059a1', class: "p-2" }, index.h("form-control-text", { key: '0c1f547fd443777948efa0e2227c7b31cc7c4b88', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || paymentsListParamsState.filterParams.payment_id, disabled: !!this.paymentId, part: parts.paymentIdPaymentsListFilterParam })), index.h("div", { key: 'a15f9a061bfb36869218c7db37794230272a91d9', class: "p-2" }, index.h("form-control-text", { key: 'af182352bdf23763f23eb45eb3a0d96fc67e9ce2', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || paymentsListParamsState.filterParams.terminal_id, disabled: !!this.terminalId, part: parts.terminalIdPaymentsListFilterParam })), index.h("div", { key: '73347a52d9ee6214718cfcb664ff2455ebb57a50', class: "p-2" }, index.h("form-control-select", { key: '953f2d385966967e21cd028eed1240700a42a6fb', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || paymentsListParamsState.filterParams.payment_status || '', disabled: !!this.paymentStatus, part: parts.paymentStatusPaymentsListFilterParam })), index.h("div", { key: '4d788fb9096dd74fea5aca82f86cd1fef2ec3b0d', class: "p-2" }, index.h("form-control-date", { key: '893959a1bc4eb202fc1255b9abc7e6767ae3d22e', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                utils.convertToLocal(paymentsListParamsState.filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: parts.createdAfterPaymentsListFilterParam })), index.h("div", { key: '44a0fba41fb3cff8de9397a2437f9edf685743e8', class: "p-2" }, index.h("form-control-date", { key: 'e96f980242e313b55f7b6d379d813faedd0dee2d', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (index.h(styledHost.StyledHost, { key: 'b15957bb15b290d70e7861c34050677fabd9264d' }, index.h("table-filters-menu", { key: 'df4025d8caf104173172efa54452fb0d55c01c2a', params: filterMenuParams, clearParams: paymentsListParamsState.clearParams, part: parts.paymentsListFilterMenu }, index.h("div", { key: 'c02dd26d5abb1d3fe60496f12a119ad5c88131a0', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: 'dcf37cf67a1778511554079ead35eb8291d87798', class: "p-2" }, index.h("form-control-text", { key: '6d788162b3b1f909ac57613e45b45e750535ee3d', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || paymentsListParamsState.filterParams.payment_id, disabled: !!this.paymentId, part: parts.paymentIdPaymentsListFilterParam })), index.h("div", { key: '375b1391dd75fe06853ff956cf2f0d91bc2518d2', class: "p-2" }, index.h("form-control-text", { key: '2199451d90e6700f43d2b36d32266c3ab4ae9bd1', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || paymentsListParamsState.filterParams.terminal_id, disabled: !!this.terminalId, part: parts.terminalIdPaymentsListFilterParam })), index.h("div", { key: 'f7bbcda32b31b5bbba4d7989abcdef277f20f063', class: "p-2" }, index.h("form-control-select", { key: 'a1cba32a8ed38289b6ab742f9fef56197d982c50', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || paymentsListParamsState.filterParams.payment_status || '', disabled: !!this.paymentStatus, part: parts.paymentStatusPaymentsListFilterParam })), index.h("div", { key: '680861d7bd03ee4e44bd52f6aa824fe8852d9ead', class: "p-2" }, index.h("form-control-date", { key: '30edd201892f53356092530cd354105f031cbd09', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                utils.convertToLocal(paymentsListParamsState.filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: parts.createdAfterPaymentsListFilterParam })), index.h("div", { key: '7825e4f52adf5ef3c1eece2e9b1daa29b637ee14', class: "p-2" }, index.h("form-control-date", { key: 'a7e7e98599926d4d5fd10e589ba80b09cd30f65c', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 utils.convertToLocal(paymentsListParamsState.filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: parts.createdBeforePaymentsListFilterParam }))))));
     }
 };