@justifi/webcomponents 5.3.1 → 5.3.3

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

@@ -57,7 +57,7 @@ const DisputeManagementCore = class {
         });
     }
     render() {
-        return (index.h("div", { key: 'b5a802e8c418b3b7f3235f43260186084a6ee079' }, this.showDisputeResponseForm ? (index.h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (index.h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
+        return (index.h("div", { key: '5a8663529813801b730d449c835cfafb9924d860' }, this.showDisputeResponseForm ? (index.h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (index.h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
     }
     static get watchers() { return {
         "getDispute": ["updateOnPropChange"]

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

@@ -4,17 +4,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
 const ComponentError = require('./ComponentError-233ac749.js');
-const checkPkgVersion = require('./check-pkg-version-526a9ce5.js');
+const Analytics = require('./Analytics-f448aa27.js');
+const checkPkgVersion = require('./check-pkg-version-d75dc147.js');
 const Dispute = require('./Dispute-eb6bad54.js');
 const utils = require('./utils-7a478c37.js');
-const dispute_service = require('./dispute.service-739631c7.js');
-const Api = require('./Api-089e7501.js');
-require('./package-45874555.js');
-require('./Checkout-0f1c8abe.js');
+const dispute_service = require('./dispute.service-27dcd7f4.js');
+require('./package-a24ad889.js');
+require('./Api-f5280a80.js');
+require('./Checkout-1c07dc32.js');
 require('./utils-337befa9.js');
 require('./Pagination-0da8f095.js');
 require('./Payment-c47ed1e1.js');
-require('./SubAccount-509ebf93.js');
+require('./SubAccount-b4811a8e.js');
 require('./Document-0b828345.js');
 
 const makeGetDispute = ({ id, authToken, service, apiOrigin }) => async ({ onSuccess, onError }) => {
@@ -56,13 +57,13 @@ const DisputeManagement = class {
         };
         this.disputeId = undefined;
         this.authToken = undefined;
-        this.apiOrigin = Api.config.proxyApiOrigin;
+        this.apiOrigin = undefined;
         this.getDispute = undefined;
         this.errorMessage = null;
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
-        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+        this.analytics = new Analytics.JustifiAnalytics(this);
         this.initializeGetDispute();
     }
     disconnectedCallback() {
@@ -91,7 +92,7 @@ const DisputeManagement = class {
         }
     }
     render() {
-        return (index.h("justifi-dispute-management-core", { key: 'ac225c68cd03070f60bf00bef92ddcc8d5fe4e47', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (index.h("justifi-dispute-management-core", { key: 'ae0e4a208d6250c4da7033e1d8bf8c33ec041c36', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],

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

@@ -4,23 +4,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
 const utils$1 = require('./utils-337befa9.js');
-const parts = require('./parts-b2ff8b68.js');
-const button = require('./button-8b634147.js');
+const parts = require('./parts-c2655003.js');
+const button = require('./button-5f6c437f.js');
 const styledHost = require('./styled-host-94309bab.js');
-const skeleton = require('./skeleton-0353466d.js');
+const skeleton = require('./skeleton-84102a44.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const utils = require('./utils-7a478c37.js');
-const dispute_service = require('./dispute.service-739631c7.js');
+const dispute_service = require('./dispute.service-27dcd7f4.js');
 const eventTypes = require('./event-types-8edaabbb.js');
-const checkPkgVersion = require('./check-pkg-version-526a9ce5.js');
-const Api = require('./Api-089e7501.js');
-require('./Checkout-0f1c8abe.js');
+const checkPkgVersion = require('./check-pkg-version-d75dc147.js');
+const Analytics = require('./Analytics-f448aa27.js');
+require('./Api-f5280a80.js');
+require('./Checkout-1c07dc32.js');
 require('./Pagination-0da8f095.js');
 require('./Payment-c47ed1e1.js');
 require('./Dispute-eb6bad54.js');
-require('./SubAccount-509ebf93.js');
+require('./SubAccount-b4811a8e.js');
 require('./Document-0b828345.js');
-require('./package-45874555.js');
+require('./package-a24ad889.js');
 
 const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
     var _a;
@@ -144,7 +145,7 @@ const DisputeNotification = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (index.h(styledHost.StyledHost, { key: '90d2506d5bde2ea478fa3575fc162bb356b67fac' }, this.isLoading && (index.h("div", { key: '4877ae22d3d8e312640b122c9107b6bdd8f924cb', style: { marginBottom: '8px' } }, index.h(skeleton.Skeleton, { key: '31fa0717949bbc6aa49db1c6ae0e324099ae1de2', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), index.h(skeleton.Skeleton, { key: 'ac5179232cb9ee33d3f3e16d9f93536ecfbf46a5', height: '18px', styles: { marginBottom: '8px' } }), index.h(skeleton.Skeleton, { key: 'c22a5e3b257d01f92de7f6188fa0758861abc747', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (index.h("div", { key: 'be331b1a5e2fa0baf46bc593ef7ce4f5872abcff', part: parts.text }, index.h("h1", { key: '8094c16d3b375f28ffe314613f21ae25b63e59ef', class: "h4", part: parts.heading4 }, "This payment is disputed"), index.h("p", { key: 'd89ae665e1f9bd99c9338e2132c1dc56e5386696' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), index.h("h2", { key: '2786733eac76628019993e13473d1f43c0c395ed', class: "h5" }, "Dispute details"), index.h("div", { key: '663c28c46136bd56889b6ad0b9bfce9e5adbb590', class: "d-table gap-2" }, index.h("div", { key: 'dc688fad875d1591dcb7f31d423b61a3df2ff954', class: "d-table-row gap-2" }, index.h("span", { key: '442db7a6e95524ca6b092794c7a4a4d987c9866e', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), index.h("span", { key: '0a31de8692c9b00f43fcf3c0508e4d00a221d096', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, utils$1.formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), index.h("div", { key: '9fe0c1a3d3350c36fca190ae748dafe24d41b5fc', class: "d-table-row gap-2" }, index.h("span", { key: '12165cb6671519130a5f2e0d8938aaa55e7e3ead', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), index.h("span", { key: '4a37ca8a7d64b97142997bb50ec11d737ac6a882', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), index.h("div", { key: '4d9cf74a8ed26dd84e4ce7325d4b8703352362a4', class: "d-table-row gap-2" }, index.h("span", { key: '8c0eaa24ebec7703eb18384b0b1f2eae8a684b55', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), index.h("span", { key: '238813abf2ea0848e1fe817d5798b9b0d0b78ffc', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), index.h("div", { key: 'd156a7e9bf0e7214ff2164fc09b12c0b8f1d2b36', class: "d-flex gap-2 mt-4 justify-content-end" }, index.h(button.Button, { key: '7822fd12dfc39bd2aced043956d012fd34cc1b01', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), index.h(button.Button, { key: '05132b3a6d1fc3d136dc227008ea1999330cdb96', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (index.h("div", { key: 'b04dd0c34f608b75ea3997a9c28ce948fa9dba5c' }, index.h("h1", { key: 'ac2a13373315703e86247b6707097af7cf2e6757', class: "h4" }, "This payment is disputed and under review"), index.h("p", { key: '203aed553e01bbaebe44bb370a1d088c149cda06' }, "The cardholder is disputing this payment. A counter dispute has been submitEvent and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (index.h("div", { key: '68411e62bb5c8048e995906a5f30ef1001a0bc5b' }, index.h("h1", { key: '565feeac6e7aca35a0b72c9128c1edcb0d6a85b6', class: "h4" }, "This payment was disputed"), index.h("p", { key: '68371d393c1f4053f19827c6e46978b3d73d2873' }, "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) && (index.h("div", { key: '99d10bf25e730dda4f4596efa100b4cff7ddc0c8' }, index.h("h1", { key: 'd5c6252c4236f2e5b93925db8c9a40bab6c0253a', class: "h4" }, "This payment was disputed"), index.h("p", { key: '773d083786d795fee7f7818f34414a7d1459925c' }, "The cardholder disputed this payment and the card issuer has settled it their favor.")))));
+        return (index.h(styledHost.StyledHost, { key: '77119b1227200909f4742e24df0a45e1f631c65c' }, this.isLoading && (index.h("div", { key: 'f0766ff057fb2f4b75b34c7d4a386bde43e49652', style: { marginBottom: '8px' } }, index.h(skeleton.Skeleton, { key: 'd7268194dea5ac2a3b87aea8e17573b4768e308f', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), index.h(skeleton.Skeleton, { key: 'f8863e45a917f56be302ca1b0b3d472119f6465c', height: '18px', styles: { marginBottom: '8px' } }), index.h(skeleton.Skeleton, { key: 'c7b8c9c89d9488eea3be8ea0b4536f98a8151487', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (index.h("div", { key: '875fe7def317ce1c4547e04e83baf2b232209058', part: parts.text }, index.h("h1", { key: '09646afc2aac3bf4ef9737bc12442660bbafb2dd', class: "h4", part: parts.heading4 }, "This payment is disputed"), index.h("p", { key: '14224cffb16726eaa589118be954e0f844ffaee8' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), index.h("h2", { key: '415028b91872a2391796872fdffdbee837a2a511', class: "h5" }, "Dispute details"), index.h("div", { key: 'c2b8c6be3132f98eb8c686ab88a5a6a68f92a60e', class: "d-table gap-2" }, index.h("div", { key: 'd11bd8b3bc680183e8bee40281cc2c294aedbd5a', class: "d-table-row gap-2" }, index.h("span", { key: 'd77796c0d2764329c3b482ae49ceb8b4cac03d37', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), index.h("span", { key: '716d8af2a250c3237af6e23b43bf50e032e9f203', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, utils$1.formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), index.h("div", { key: 'daba4379197533d2a4b246e81139d81cd15761c6', class: "d-table-row gap-2" }, index.h("span", { key: 'a039fbf47aff16445e3411c33a7b53716c42866d', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), index.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)), index.h("div", { key: '68ef78b15627df3b22bcde4b90f7c216466e7468', class: "d-table-row gap-2" }, index.h("span", { key: '9463c281d76b5e201a55c2993253fc22d04168dc', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), index.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))), index.h("div", { key: 'e856d924edac10116781425f6d7c4c8c6b26ced2', class: "d-flex gap-2 mt-4 justify-content-end" }, index.h(button.Button, { key: '6d5278a91f79c2fe8fbdd9e391b109a6491b13b6', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), index.h(button.Button, { key: '242b9076b482aae731ab6bedc1592a1a826e24c5', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (index.h("div", { key: 'f3711546ce5bf8b6a4a8689f5db3fdbf58f45bf4' }, index.h("h1", { key: '06e39be43cfacf667919adbd2f4f8c596702c340', class: "h4" }, "This payment is disputed and under review"), index.h("p", { key: 'b3bfef2d40e197f8dc9df6f71d9f13017a4b923d' }, "The cardholder is disputing this payment. A counter dispute has been submitEvent and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (index.h("div", { key: 'cb6185865417d70ab67734db37b880f67160ea62' }, index.h("h1", { key: '96dfe178f6d5de97f190f0df6bb0bf19e7b04227', class: "h4" }, "This payment was disputed"), index.h("p", { key: '4f6e8bdd940b69d34c1d84564b83f0a1f8c76059' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (index.h("div", { key: '3852f5221f59739d5079ad0e56b99409167678b0' }, index.h("h1", { key: 'f6052feaabc3b94c727465a8f02534805ba968c8', class: "h4" }, "This payment was disputed"), index.h("p", { key: 'b0c91b828828842bf7a706e794124d0a8404c25e' }, "The cardholder disputed this payment and the card issuer has settled it their favor.")))));
     }
 };
 
@@ -163,11 +164,11 @@ const DisputeResponse = class {
         this.authToken = undefined;
         this.disputeId = undefined;
         this.disputeResponse = undefined;
-        this.apiOrigin = Api.config.proxyApiOrigin;
+        this.apiOrigin = undefined;
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
-        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+        this.analytics = new Analytics.JustifiAnalytics(this);
         this.initializeDisputeServiceMethods();
     }
     disconnectedCallback() {
@@ -204,7 +205,7 @@ const DisputeResponse = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'f45d96fd372763ebc3f786c1d2f7e06e25185afc' }, index.h("justifi-dispute-response-core", { key: '8b551f97d8cb40f3f9e702a35b221faa8873e642', "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: '4c0cd0b8a082d9f2f4428868d88cbb9bde2a3a5d' }, index.h("justifi-dispute-response-core", { key: '58bbf7f5b2ce8efea0467efddfeffe3c752a3402', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get watchers() { return {
@@ -369,7 +370,7 @@ const DisputeResponseCore = class {
         return this.currentStep === 0;
     }
     render() {
-        return (index.h("div", { key: '672d92a8ac0fb7f28ab9f412ae4f3516a29824dc', class: "row gy-3" }, index.h("div", { key: '32113215c9eb6393d8d816f88715390fb5d9d604', class: "col-12" }, index.h("h1", { key: 'f224caa363ebd00d678485fd4cd2d1c646d6d8f5', class: "h4", part: parts.heading4 }, "Counter dispute")), index.h("div", { key: '49e6046f57a9b30e6746f28512cf311f1999bcc3', class: "col-12" }, this.currentStepComponent), index.h("div", { key: '6d843d19c9bf7ee026981bdc2ffd5108c25c741a', class: "col-12" }, index.h("div", { key: 'dd52a249cc37b3cfc912e04502caf96218cade78', 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: 'a031de7ea80f4f31c6e841be4b4640a8b7db7dcd', class: "row gy-3" }, index.h("div", { key: 'cd7ef54b4643e1a74022ed7c2e075e75076c4c44', class: "col-12" }, index.h("h1", { key: '705612783bc67e0d01f4d24e01c9c09d1b2a7362', class: "h4", part: parts.heading4 }, "Counter dispute")), index.h("div", { key: '72c35e89dc87377fe4dbcbb9fe2e2c1b58767a21', class: "col-12" }, this.currentStepComponent), index.h("div", { key: '37d85a8980293390f15b45271f8b2a8fa4cadb29', class: "col-12" }, index.h("div", { key: 'c3b281e02b19598b11acdb09a34212edf1745173', 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

@@ -3,17 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const Api = require('./Api-089e7501.js');
+const Api = require('./Api-f5280a80.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const utils = require('./utils-7a478c37.js');
-const utils$1 = require('./utils-134dda01.js');
-const checkPkgVersion = require('./check-pkg-version-526a9ce5.js');
-require('./parts-b2ff8b68.js');
-require('./package-45874555.js');
+const utils$1 = require('./utils-7c5b2837.js');
+const Analytics = require('./Analytics-f448aa27.js');
+const checkPkgVersion = require('./check-pkg-version-d75dc147.js');
+require('./parts-c2655003.js');
+require('./package-a24ad889.js');
 
 class ReportsService {
     async fetchGrossVolumeChartData(accountId, authToken) {
-        const api = Api.Api({ authToken: authToken, apiOrigin: Api.config.proxyApiOrigin });
+        const api = Api.Api({ authToken: authToken, apiOrigin: undefined });
         const endpoint = `account/${accountId}/reports/gross_volume`;
         return api.get(endpoint);
     }
@@ -62,7 +63,7 @@ const GrossPaymentChart = class {
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
-        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+        this.analytics = new Analytics.JustifiAnalytics(this);
         this.initializeGetGrossPayment();
     }
     disconnectedCallback() {

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

@@ -0,0 +1,102 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5b9a3b5f.js');
+const parts = require('./parts-c2655003.js');
+const styledHost = require('./styled-host-94309bab.js');
+const utils = require('./utils-7c5b2837.js');
+const checkPkgVersion = require('./check-pkg-version-d75dc147.js');
+const Analytics = require('./Analytics-f448aa27.js');
+const ComponentError = require('./ComponentError-233ac749.js');
+const business_service = require('./business.service-6b05ee96.js');
+const Business = require('./Business-d88b77fd.js');
+const getBusiness = require('./get-business-0bd063d2.js');
+const skeleton = require('./skeleton-84102a44.js');
+require('./package-a24ad889.js');
+require('./Api-f5280a80.js');
+require('./helpers-602962eb.js');
+require('./state-options-4fbcb48a.js');
+require('./utils-7a478c37.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%" }))));
+const OrderTerminalsLoading = () => {
+    return (index.h("div", { class: "row gap-5" },
+        index.h("div", { class: "col-12" },
+            index.h(skeleton.Skeleton, { width: "40%", height: "40px" })),
+        index.h(FormBlock, null),
+        index.h(FormBlock, null),
+        index.h(FormBlock, null)));
+};
+
+const OrderTerminals = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.businessId = undefined;
+        this.authToken = undefined;
+        this.errorMessage = undefined;
+        this.isLoading = true;
+        this.business = undefined;
+    }
+    componentWillLoad() {
+        checkPkgVersion.checkPkgVersion();
+        this.analytics = new Analytics.JustifiAnalytics(this);
+        this.initializeGetBusiness();
+    }
+    initializeGetBusiness() {
+        if (!this.businessId || !this.authToken) {
+            this.errorMessage = 'Invalid business id or auth token';
+            this.errorEvent.emit({
+                errorCode: ComponentError.ComponentErrorCodes.MISSING_PROPS,
+                message: this.errorMessage,
+                severity: ComponentError.ComponentErrorSeverity.ERROR,
+            });
+            return;
+        }
+        const getBusiness$1 = getBusiness.makeGetBusiness({
+            id: this.businessId,
+            authToken: this.authToken,
+            service: new business_service.BusinessService(),
+        });
+        getBusiness$1({
+            onSuccess: ({ business }) => {
+                this.business = new Business.Business(business);
+                this.isLoading = false;
+            },
+            onError: ({ error, code, severity }) => {
+                this.errorMessage = error;
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+                this.isLoading = false;
+            }
+        });
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+        return (index.h(styledHost.StyledHost, { key: 'd5ac7406c2ec045832411cb7a7deecde13243a41' }, this.isLoading && index.h(OrderTerminalsLoading, { key: 'ec71fe4b766244bbf2c04714bca66b69f367ece5' }), !this.isLoading && this.errorMessage && utils.ErrorState(this.errorMessage), !this.isLoading && !this.errorMessage && this.business && (index.h("div", { key: '6492a8df913cb3360153715192bd30d656df4968', class: "row gap-5 pt-5", part: parts.text }, index.h("div", { key: '607b534001238efc4d226cb26d8f1c1288b5ac29', class: "row" }, index.h("div", { key: '55e7bae0aad2ae9ec9a28961269cd532a2e00922', class: "col-12" }, index.h("h2", { key: 'c4e01bd6e3a9e46cb15d8b72093dc9de2d463feb', part: parts.heading4 }, "Business Information:"), index.h("p", { key: 'cd3c01f074c8d55b968e713ec4805a22f1ffc3ba' }, "Business Name: ", this.business.legal_name))), index.h("div", { key: '20062e4aa0cad46f002821972fec7ec1fc8be01e', class: "row" }, index.h("div", { key: '433a4a200edd564fa0d206378a706ad84aa2696e', class: "col-6" }, index.h("h2", { key: 'e4a4fc4c632ccb3b6b187ccb87fb5cce398e43ca', part: parts.heading4 }, "Representative:"), index.h("ul", { key: '02449f299dddc9fee8544fed405acc436217a60b', class: "list-group", part: parts.listGroup }, index.h("li", { key: 'a1eff4e8974b8fe57c206fb9c6ce30e89c79d702', class: "list-group-item", part: parts.listGroupItem }, "Name: ", (_b = (_a = this.business) === null || _a === void 0 ? void 0 : _a.representative) === null || _b === void 0 ? void 0 :
+            _b.name), index.h("li", { key: '4e04f41d044b92560f401e6edbb1993b84fca7a6', class: "list-group-item", part: parts.listGroupItem }, "Title: ", (_d = (_c = this.business) === null || _c === void 0 ? void 0 : _c.representative) === null || _d === void 0 ? void 0 :
+            _d.title), index.h("li", { key: 'b354a893098b9f26819ab34966a5e47226fd280b', class: "list-group-item", part: parts.listGroupItem }, "Email: ", (_f = (_e = this.business) === null || _e === void 0 ? void 0 : _e.representative) === null || _f === void 0 ? void 0 :
+            _f.email), index.h("li", { key: 'd1d94089d4f7db78c64143820601b359a77ab09f', class: "list-group-item", part: parts.listGroupItem }, "Phone: ", (_h = (_g = this.business) === null || _g === void 0 ? void 0 : _g.representative) === null || _h === void 0 ? void 0 :
+            _h.phone))), index.h("div", { key: '91ee402f8f7886c1750b8050433992cfd9964b02', class: "col-6" }, index.h("h2", { key: '143f76c17de7af724c325439767275efa7c8e903', part: parts.heading4 }, "Shipping Address:"), index.h("ul", { key: 'dae75ec772c3971a9e690648e4e28b2eec22c638', class: "list-group", part: parts.listGroup }, index.h("li", { key: '0d83cea35521361eee13912f1cb107bf7496abcc', class: "list-group-item", part: parts.listGroupItem }, "Street: ", (_j = this.business.legal_address) === null || _j === void 0 ? void 0 :
+            _j.line1), index.h("li", { key: 'be4d3d8a0c61645ac4f622235f7ecf2f3ac8e097', class: "list-group-item", part: parts.listGroupItem }, (_k = this.business.legal_address) === null || _k === void 0 ? void 0 : _k.line2), index.h("li", { key: '2572604b85008e401a835abdbf6c291c3191a9c7', class: "list-group-item", part: parts.listGroupItem }, "Postal Code: ", (_l = this.business.legal_address) === null || _l === void 0 ? void 0 :
+            _l.postal_code), index.h("li", { key: 'e5fd5aa1d9b1bf78c75ca667b058629575be06d3', class: "list-group-item", part: parts.listGroupItem }, "City: ", (_m = this.business.legal_address) === null || _m === void 0 ? void 0 :
+            _m.city), index.h("li", { key: '9acd18a7faed0ab283e110c616d9314410a93cee', class: "list-group-item", part: parts.listGroupItem }, "State: ", (_o = this.business.legal_address) === null || _o === void 0 ? void 0 :
+            _o.state))))))));
+    }
+};
+
+exports.justifi_order_terminals = OrderTerminals;

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

@@ -4,22 +4,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
 const paymentProvisioningActions = require('./payment-provisioning-actions-382ab48c.js');
-const business_service = require('./business.service-33d7c7f2.js');
+const business_service = require('./business.service-6b05ee96.js');
 const index_esm = require('./index.esm-a397536a.js');
-const Business = require('./Business-cfd6a2dd.js');
-const businessIdentitySchema = require('./business-identity-schema-be495474.js');
-const button = require('./button-8b634147.js');
-const parts = require('./parts-b2ff8b68.js');
+const Business = require('./Business-d88b77fd.js');
+const businessIdentitySchema = require('./business-identity-schema-3b4d16f1.js');
+const button = require('./button-5f6c437f.js');
+const parts = require('./parts-c2655003.js');
 const eventTypes = require('./event-types-180a85a9.js');
 const formInputMasks = require('./form-input-masks-0879c139.js');
 const inputHandlers = require('./input-handlers-cff032bb.js');
 require('./ComponentError-233ac749.js');
 require('./utils-7a478c37.js');
-require('./Api-089e7501.js');
+require('./Api-f5280a80.js');
 require('./helpers-602962eb.js');
 require('./state-options-4fbcb48a.js');
-require('./schema-validations-cc4e6071.js');
-require('./business-form-options-4bcb8943.js');
+require('./schema-validations-47a256f4.js');
+require('./business-form-options-62e9c8ab.js');
 require('./Document-0b828345.js');
 
 const BusinessOwnerForm = class {

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

@@ -3,21 +3,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const payment_service = require('./payment.service-87924c1a.js');
+const payment_service = require('./payment.service-65fbac72.js');
 const ComponentError = require('./ComponentError-233ac749.js');
-require('./Checkout-0f1c8abe.js');
+require('./Checkout-1c07dc32.js');
 require('./Pagination-0da8f095.js');
 const Payment = require('./Payment-c47ed1e1.js');
-require('./SubAccount-509ebf93.js');
+require('./SubAccount-b4811a8e.js');
 require('./Document-0b828345.js');
 const utils = require('./utils-7a478c37.js');
-const utils$1 = require('./utils-134dda01.js');
-const checkPkgVersion = require('./check-pkg-version-526a9ce5.js');
-require('./Api-089e7501.js');
+const utils$1 = require('./utils-7c5b2837.js');
+const Analytics = require('./Analytics-f448aa27.js');
+const checkPkgVersion = require('./check-pkg-version-d75dc147.js');
+require('./Api-f5280a80.js');
 require('./utils-337befa9.js');
 require('./Dispute-eb6bad54.js');
-require('./parts-b2ff8b68.js');
-require('./package-45874555.js');
+require('./parts-c2655003.js');
+require('./package-a24ad889.js');
 
 const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -62,7 +63,7 @@ const PaymentDetails = class {
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
-        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+        this.analytics = new Analytics.JustifiAnalytics(this);
         this.initializeGetPaymentDetails();
     }
     disconnectedCallback() {

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5b9a3b5f.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const helpers = require('./helpers-602962eb.js');
-const parts = require('./parts-b2ff8b68.js');
+const parts = require('./parts-c2655003.js');
 const styledHost = require('./styled-host-94309bab.js');
-const header1 = require('./header-1-4c21f7ca.js');
+const header1 = require('./header-1-b202dbbb.js');
 const eventTypes = require('./event-types-180a85a9.js');
 require('./state-options-4fbcb48a.js');
 

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

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const checkPkgVersion = require('./check-pkg-version-526a9ce5.js');
+const Analytics = require('./Analytics-f448aa27.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const paymentProvisioningActions = require('./payment-provisioning-actions-382ab48c.js');
-const business_service = require('./business.service-33d7c7f2.js');
-const Api = require('./Api-089e7501.js');
-require('./package-45874555.js');
+const business_service = require('./business.service-6b05ee96.js');
+const Api = require('./Api-f5280a80.js');
+const checkPkgVersion = require('./check-pkg-version-d75dc147.js');
+require('./package-a24ad889.js');
 require('./utils-7a478c37.js');
 
 class ProvisionService {
@@ -18,7 +19,7 @@ class ProvisionService {
             business_id: businessId,
             product_category: product,
         };
-        return Api.Api({ authToken, apiOrigin: Api.config.proxyApiOrigin }).post(endpoint, payload);
+        return Api.Api({ authToken, apiOrigin: undefined }).post(endpoint, payload);
     }
 }
 
@@ -38,7 +39,7 @@ const PaymentProvisioning = class {
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
-        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+        this.analytics = new Analytics.JustifiAnalytics(this);
         this.initializeApi();
     }
     disconnectedCallback() {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5b9a3b5f.js');
 const lodash = require('./lodash-dbf6a6a4.js');
 const paymentsListParamsState = require('./payments-list-params-state-442d9944.js');
-const parts = require('./parts-b2ff8b68.js');
+const parts = require('./parts-c2655003.js');
 const styledHost = require('./styled-host-94309bab.js');
 const utils = require('./utils-337befa9.js');
 require('./index-d2d0b181.js');
@@ -55,8 +55,8 @@ const PaymentsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, paymentsListParamsState.filterParams);
-        return (index.h(styledHost.StyledHost, { key: '0ed766c07d1884c8be31d648c1258a3c13cc2bad' }, index.h("table-filters-menu", { key: '138ad8717e5b7c36549814eb2b8698111bb1b993', params: filterMenuParams, clearParams: paymentsListParamsState.clearParams, part: parts.filterMenu }, index.h("div", { key: '14f16a66adae6ad88429ca23cbd8c7465c3d0ed9', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '15e64e68179f9efb5a9354bb794d8989aa7d76f7', class: "p-2" }, index.h("form-control-text", { key: '7f825919f6904f1c8367d2039f5d441f38e492d9', 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: 'a68d6dd57535f9f104aa2d8db153b4df48d83a65', class: "p-2" }, index.h("form-control-text", { key: '6cfbadec9bcabe92d1f2de95e6b64290f7a838ef', 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: '36d32e33c65e0793d5aa980df3a5f57c549ce8b3', class: "p-2" }, index.h("form-control-select", { key: '41194790a53ebaccdd83d95386180aabd76742f8', 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: '43639c4c930b0d13d6bc5a49275bcb8a6b9a2a5a', class: "p-2" }, index.h("form-control-date", { key: 'f6d5ae2d3694def7cfb39721d1a76a6e96007eb2', 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: '2c0587296cd94fbc480602ab853cb7179e948f62', class: "p-2" }, index.h("form-control-date", { key: 'b68302ce611cce52dd14c327fb25f6433b307d14', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+        return (index.h(styledHost.StyledHost, { key: 'fc2c0642fefbbd5e290e445bb652d4a6bf878855' }, index.h("table-filters-menu", { key: '0991a2c0ac9977236ad3ecae431b6ec572116452', params: filterMenuParams, clearParams: paymentsListParamsState.clearParams, part: parts.paymentsListFilterMenu }, index.h("div", { key: 'fc74b64ab82764a35b9dc41ad6718537b3abe794', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '862104a2f6a1a1a383557674e8ddd530a9911d06', class: "p-2" }, index.h("form-control-text", { key: '59ca6de9b8bf3b0ea5dcba8ce03c8d56284fe389', 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: 'e63dcf0e3ff092f10a42aef36dde96155cba1630', class: "p-2" }, index.h("form-control-text", { key: '96a2dcfcca5ae79d7a90b37fc75b79ec84947604', 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: 'ba6dd2eab598382e10dd250805b393acfeac9567', class: "p-2" }, index.h("form-control-select", { key: '8d537d77bd56aca19fc1999fd64cf4b3cd92c51f', 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: '6c077d20829125817032eac487e0f8e9f86f5dcb', class: "p-2" }, index.h("form-control-date", { key: '97689bfe73b875a1355bc2ff114c554f15f61490', 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: 'dcdaf5b0068795b46b19302c2bdd532947e8fc00', class: "p-2" }, index.h("form-control-date", { key: '991f8fc8e7f3af364db40f92e43d90cd40714e6d', 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 }))))));
     }
 };

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

@@ -3,24 +3,25 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const payment_service = require('./payment.service-87924c1a.js');
+const payment_service = require('./payment.service-65fbac72.js');
 const ComponentError = require('./ComponentError-233ac749.js');
-require('./Checkout-0f1c8abe.js');
+require('./Checkout-1c07dc32.js');
 require('./Pagination-0da8f095.js');
 const Payment = require('./Payment-c47ed1e1.js');
-require('./SubAccount-509ebf93.js');
+require('./SubAccount-b4811a8e.js');
 require('./Document-0b828345.js');
 const utils = require('./utils-7a478c37.js');
-const checkPkgVersion = require('./check-pkg-version-526a9ce5.js');
-const Api = require('./Api-089e7501.js');
+const Analytics = require('./Analytics-f448aa27.js');
+const checkPkgVersion = require('./check-pkg-version-d75dc147.js');
 const styledHost = require('./styled-host-94309bab.js');
-const paymentsTable = require('./payments-table-f3aa174d.js');
+const paymentsTable = require('./payments-table-c58e3ca8.js');
+require('./Api-f5280a80.js');
 require('./utils-337befa9.js');
 require('./Dispute-eb6bad54.js');
-require('./package-45874555.js');
-require('./payments-status-ec12ee6a.js');
-require('./badge-ccfe03bf.js');
-require('./parts-b2ff8b68.js');
+require('./package-a24ad889.js');
+require('./payments-status-92abe577.js');
+require('./badge-86a6a7f8.js');
+require('./parts-c2655003.js');
 
 const makeGetPayments = ({ id, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError, final }) => {
     var _a, _b;
@@ -66,12 +67,12 @@ const PaymentsList = class {
         this.errorMessage = null;
         this.accountId = undefined;
         this.authToken = undefined;
-        this.apiOrigin = Api.config.proxyApiOrigin;
+        this.apiOrigin = undefined;
         this.columns = paymentsTable.defaultColumnsKeys;
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
-        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+        this.analytics = new Analytics.JustifiAnalytics(this);
         this.initializeGetPayments();
     }
     disconnectedCallback() {
@@ -99,7 +100,7 @@ const PaymentsList = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '17c610d9339435e5aa7dc6735a0b4cde7e64753a' }, index.h("payments-list-core", { key: 'be8ddb8088e17c8966f32705f27c48a7f58fd3f1', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (index.h(styledHost.StyledHost, { key: 'e03e05c3cb3c8dbaf0a5e982958345feccec1902' }, index.h("payments-list-core", { key: '05f2b38a6a854e2e08bdd559e7e8dfab2d80f398', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -3,21 +3,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const getPayoutCsv = require('./get-payout-csv-bdaff21b.js');
+const getPayoutCsv = require('./get-payout-csv-7646128d.js');
 const ComponentError = require('./ComponentError-233ac749.js');
-require('./Checkout-0f1c8abe.js');
+require('./Checkout-1c07dc32.js');
 require('./Pagination-0da8f095.js');
 require('./Payment-c47ed1e1.js');
-const SubAccount = require('./SubAccount-509ebf93.js');
+const SubAccount = require('./SubAccount-b4811a8e.js');
 require('./Document-0b828345.js');
 const utils = require('./utils-7a478c37.js');
-const utils$1 = require('./utils-134dda01.js');
-const checkPkgVersion = require('./check-pkg-version-526a9ce5.js');
-require('./Api-089e7501.js');
+const utils$1 = require('./utils-7c5b2837.js');
+const Analytics = require('./Analytics-f448aa27.js');
+const checkPkgVersion = require('./check-pkg-version-d75dc147.js');
+require('./Api-f5280a80.js');
 require('./utils-337befa9.js');
 require('./Dispute-eb6bad54.js');
-require('./parts-b2ff8b68.js');
-require('./package-45874555.js');
+require('./parts-c2655003.js');
+require('./package-a24ad889.js');
 
 const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -64,7 +65,7 @@ const PayoutDetails = class {
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
-        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+        this.analytics = new Analytics.JustifiAnalytics(this);
         this.initializeServices();
     }
     disconnectedCallback() {

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

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const payoutsListParamsState = require('./payouts-list-params-state-16348184.js');
+const payoutsListParamsState = require('./payouts-list-params-state-033b76d6.js');
+const parts = require('./parts-c2655003.js');
 const styledHost = require('./styled-host-94309bab.js');
 const utils = require('./utils-337befa9.js');
 require('./index-d2d0b181.js');
@@ -12,15 +13,31 @@ const PayoutsListFilters = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.setParamsOnChange = (name, value) => {
-            payoutsListParamsState.queryParams[name] = value;
+            payoutsListParamsState.filterParams[name] = value;
         };
         this.handleDateInput = (name, value) => {
             const utcDate = utils.convertToUTC(value, { setEndOfDay: true });
             this.setParamsOnChange(name, utcDate);
         };
+        this.createdAfter = undefined;
+        this.createdBefore = undefined;
+    }
+    componentWillLoad() {
+        const propsToSet = {
+            created_after: this.createdAfter,
+            created_before: this.createdBefore
+        };
+        Object.entries(propsToSet).forEach(([key, value]) => {
+            if (value) {
+                payoutsListParamsState.propsParams[key] = value;
+            }
+        });
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'f9ee0c87b7b241ade995fc9bbec00fa6f38c4207' }, index.h("table-filters-menu", { key: '2811b3d4673191dd3e1f2e1546389841d6f3dec2', params: Object.assign({}, payoutsListParamsState.queryParams), clearParams: payoutsListParamsState.clearParams }, index.h("div", { key: '6f0584fbaed4fd931da456ee7a68ad25843e84d3', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '60dba9253fa74815d2af5d9d6993d4941530da6d', class: "p-2" }, index.h("form-control-date", { key: '453826549a4f379eca9c4ffc9d57f18f078af347', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(payoutsListParamsState.queryParams.created_after, { showInputDate: true }) })), index.h("div", { key: '646566a69b9d4a82c24151e6773eaa381c1c4970', class: "p-2" }, index.h("form-control-date", { key: '14a62f94d8b27d88306ed58cbfcbb0b377e57587', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(payoutsListParamsState.queryParams.created_before, { showInputDate: true }) }))))));
+        const filterMenuParams = Object.assign({}, payoutsListParamsState.filterParams);
+        return (index.h(styledHost.StyledHost, { key: '195227f14aa0fc371cc2ceb62089b26df8491525' }, index.h("table-filters-menu", { key: '86cc1b04b210cf0cd3fc422438b1cdfc7c0b4242', params: filterMenuParams, clearParams: payoutsListParamsState.clearParams, part: parts.payoutsListFilterMenu }, index.h("div", { key: 'c75c167f849c5f0558bf7b0569f6f79083b858f0', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '09d46810296de9dc272f66ce2bd3ba726ebc6386', class: "p-2" }, index.h("form-control-date", { key: '0bbd9294c788f2dada3e8630e32619e1730f7b40', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdAfter, { showInputDate: true }) ||
+                utils.convertToLocal(payoutsListParamsState.filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: parts.createdAfterPayoutsListFilterParam })), index.h("div", { key: 'c238988bd2b31b0374e515713fc2c55f59d6f9ba', class: "p-2" }, index.h("form-control-date", { key: '188106d28d4ac201e48b45e3ce417f26621af46a', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdBefore, { showInputDate: true }) ||
+                utils.convertToLocal(payoutsListParamsState.filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: parts.createdBeforePayoutsListFilterParam }))))));
     }
 };