@justifi/webcomponents 5.3.2 → 5.3.3

package/dist/module/justifi-payment-details.js

@@ -8,7 +8,8 @@ import './SubAccount.js';
 import './Document.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { E as ErrorState } from './utils.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { d as defineCustomElement$3 } from './details.js';
 import { d as defineCustomElement$2 } from './payment-details-core2.js';
 

package/dist/module/justifi-payment-provisioning.js

@@ -1,9 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { J as JustifiAnalytics } from './Analytics.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
 import { m as makeGetBusiness, g as makePostProvisioning } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
-import { A as Api, c as config } from './config.js';
+import { A as Api } from './Api.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { d as defineCustomElement$y } from './bank-account-document-inputs.js';
 import { d as defineCustomElement$x } from './bank-account-form-inputs2.js';
 import { d as defineCustomElement$w } from './business-documents-on-file2.js';
@@ -45,7 +46,7 @@ class ProvisionService {
             business_id: businessId,
             product_category: product,
         };
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: undefined }).post(endpoint, payload);
     }
 }
 

package/dist/module/justifi-payments-list-filters.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { l as lodash } from './lodash.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './payments-list-params-state.js';
-import { a1 as filterMenu, a2 as paymentIdPaymentsListFilterParam, a3 as terminalIdPaymentsListFilterParam, a4 as paymentStatusPaymentsListFilterParam, a5 as createdAfterPaymentsListFilterParam, a6 as createdBeforePaymentsListFilterParam } from './parts.js';
+import { a6 as paymentsListFilterMenu, a7 as paymentIdPaymentsListFilterParam, a8 as terminalIdPaymentsListFilterParam, a9 as paymentStatusPaymentsListFilterParam, aa as createdAfterPaymentsListFilterParam, ab as createdBeforePaymentsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { j as convertToUTC, h as convertToLocal } from './utils2.js';
@@ -59,8 +59,8 @@ const PaymentsListFilters = /*@__PURE__*/ proxyCustomElement(class PaymentsListF
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '0ed766c07d1884c8be31d648c1258a3c13cc2bad' }, h("table-filters-menu", { key: '138ad8717e5b7c36549814eb2b8698111bb1b993', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '14f16a66adae6ad88429ca23cbd8c7465c3d0ed9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '15e64e68179f9efb5a9354bb794d8989aa7d76f7', class: "p-2" }, h("form-control-text", { key: '7f825919f6904f1c8367d2039f5d441f38e492d9', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'a68d6dd57535f9f104aa2d8db153b4df48d83a65', class: "p-2" }, h("form-control-text", { key: '6cfbadec9bcabe92d1f2de95e6b64290f7a838ef', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '36d32e33c65e0793d5aa980df3a5f57c549ce8b3', class: "p-2" }, h("form-control-select", { key: '41194790a53ebaccdd83d95386180aabd76742f8', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '43639c4c930b0d13d6bc5a49275bcb8a6b9a2a5a', class: "p-2" }, h("form-control-date", { key: 'f6d5ae2d3694def7cfb39721d1a76a6e96007eb2', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: '2c0587296cd94fbc480602ab853cb7179e948f62', class: "p-2" }, h("form-control-date", { key: 'b68302ce611cce52dd14c327fb25f6433b307d14', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'fc2c0642fefbbd5e290e445bb652d4a6bf878855' }, h("table-filters-menu", { key: '0991a2c0ac9977236ad3ecae431b6ec572116452', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'fc74b64ab82764a35b9dc41ad6718537b3abe794', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '862104a2f6a1a1a383557674e8ddd530a9911d06', class: "p-2" }, h("form-control-text", { key: '59ca6de9b8bf3b0ea5dcba8ce03c8d56284fe389', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'e63dcf0e3ff092f10a42aef36dde96155cba1630', class: "p-2" }, h("form-control-text", { key: '96a2dcfcca5ae79d7a90b37fc75b79ec84947604', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: 'ba6dd2eab598382e10dd250805b393acfeac9567', class: "p-2" }, h("form-control-select", { key: '8d537d77bd56aca19fc1999fd64cf4b3cd92c51f', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '6c077d20829125817032eac487e0f8e9f86f5dcb', class: "p-2" }, h("form-control-date", { key: '97689bfe73b875a1355bc2ff114c554f15f61490', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: 'dcdaf5b0068795b46b19302c2bdd532947e8fc00', class: "p-2" }, h("form-control-date", { key: '991f8fc8e7f3af364db40f92e43d90cd40714e6d', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforePaymentsListFilterParam }))))));
     }
 }, [1, "justifi-payments-list-filters", {

package/dist/module/justifi-payments-list.js

@@ -7,8 +7,8 @@ import { b as Payment } from './Payment.js';
 import './SubAccount.js';
 import './Document.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { c as config } from './config.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { d as defineCustomElement$2, a as defaultColumnsKeys } from './payments-list-core2.js';
@@ -60,7 +60,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         this.errorMessage = null;
         this.accountId = undefined;
         this.authToken = undefined;
-        this.apiOrigin = config.proxyApiOrigin;
+        this.apiOrigin = undefined;
         this.columns = defaultColumnsKeys;
     }
     componentWillLoad() {
@@ -93,7 +93,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         }
     }
     render() {
-        return (h(StyledHost, { key: '17c610d9339435e5aa7dc6735a0b4cde7e64753a' }, h("payments-list-core", { key: 'be8ddb8088e17c8966f32705f27c48a7f58fd3f1', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'e03e05c3cb3c8dbaf0a5e982958345feccec1902' }, h("payments-list-core", { key: '05f2b38a6a854e2e08bdd559e7e8dfab2d80f398', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-payout-details.js

@@ -8,7 +8,8 @@ import { P as Payout } from './SubAccount.js';
 import './Document.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { E as ErrorState } from './utils.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { d as defineCustomElement$3 } from './details.js';
 import { d as defineCustomElement$2 } from './payout-details-core2.js';
 

package/dist/module/justifi-payouts-list-filters.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { q as queryParams, c as clearParams } from './payouts-list-params-state.js';
+import { f as filterParams, p as propsParams, c as clearParams } from './payouts-list-params-state.js';
+import { ac as payoutsListFilterMenu, ad as createdAfterPayoutsListFilterParam, ae as createdBeforePayoutsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { j as convertToUTC, h as convertToLocal } from './utils2.js';
@@ -14,17 +15,36 @@ const PayoutsListFilters = /*@__PURE__*/ proxyCustomElement(class PayoutsListFil
         this.__registerHost();
         this.__attachShadow();
         this.setParamsOnChange = (name, value) => {
-            queryParams[name] = value;
+            filterParams[name] = value;
         };
         this.handleDateInput = (name, value) => {
             const utcDate = 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) {
+                propsParams[key] = value;
+            }
+        });
     }
     render() {
-        return (h(StyledHost, { key: 'f9ee0c87b7b241ade995fc9bbec00fa6f38c4207' }, h("table-filters-menu", { key: '2811b3d4673191dd3e1f2e1546389841d6f3dec2', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: '6f0584fbaed4fd931da456ee7a68ad25843e84d3', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '60dba9253fa74815d2af5d9d6993d4941530da6d', class: "p-2" }, h("form-control-date", { key: '453826549a4f379eca9c4ffc9d57f18f078af347', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_after, { showInputDate: true }) })), h("div", { key: '646566a69b9d4a82c24151e6773eaa381c1c4970', class: "p-2" }, h("form-control-date", { key: '14a62f94d8b27d88306ed58cbfcbb0b377e57587', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_before, { showInputDate: true }) }))))));
+        const filterMenuParams = Object.assign({}, filterParams);
+        return (h(StyledHost, { key: '195227f14aa0fc371cc2ceb62089b26df8491525' }, h("table-filters-menu", { key: '86cc1b04b210cf0cd3fc422438b1cdfc7c0b4242', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: 'c75c167f849c5f0558bf7b0569f6f79083b858f0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '09d46810296de9dc272f66ce2bd3ba726ebc6386', class: "p-2" }, h("form-control-date", { key: '0bbd9294c788f2dada3e8630e32619e1730f7b40', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: 'c238988bd2b31b0374e515713fc2c55f59d6f9ba', class: "p-2" }, h("form-control-date", { key: '188106d28d4ac201e48b45e3ce417f26621af46a', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+                convertToLocal(filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: createdBeforePayoutsListFilterParam }))))));
     }
-}, [1, "justifi-payouts-list-filters"]);
+}, [1, "justifi-payouts-list-filters", {
+        "createdAfter": [1, "created-after"],
+        "createdBefore": [1, "created-before"]
+    }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;

package/dist/module/justifi-payouts-list.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { c as config } from './config.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { m as makeGetPayoutCSV, P as PayoutService } from './get-payout-csv.js';
 import './Checkout.js';
 import './Pagination.js';
@@ -66,7 +66,7 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
         this.errorMessage = null;
         this.accountId = undefined;
         this.authToken = undefined;
-        this.apiOrigin = config.proxyApiOrigin;
+        this.apiOrigin = undefined;
         this.columns = defaultColumnsKeys;
     }
     componentWillLoad() {
@@ -115,7 +115,7 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
         }
     }
     render() {
-        return (h(StyledHost, { key: '7e8c3bf1df6c6cdffdc7205f84d4b451b331f6db', exportedparts: tableExportedParts }, h("payouts-list-core", { key: '9ba8af8a562107b8fdc5bece521187ab70b90669', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '259a62df9d161fc97d731ccc8488f556580f5378', exportedparts: tableExportedParts }, h("payouts-list-core", { key: '9733d459d09173f4b9dec953d9c763910ac54e1d', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-refund-form.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as create$3, e as create$5, F as FormController } from './form.js';
-import { A as Api, c as config } from './config.js';
+import { A as Api } from './Api.js';
 import './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
@@ -96,11 +96,11 @@ const RefundForm = /*@__PURE__*/ proxyCustomElement(class RefundForm extends HTM
         if (!this.authToken) {
             console.warn('Warning: Missing auth-token.');
         }
-        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
+        this.api = Api({ authToken: this.authToken, apiOrigin: undefined });
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '21bb5742fac6f75a96b334e2806906e9d9d3a215' }, h("h1", { key: '74c81b6918611e8506bcec7ad28080437a435d35' }, "Refund"), this.refundInfoText && (h("div", { key: '1cd42cd6bf063fe52b35c9adeccbba366147a8a0', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: '338b9ffd53bc98da86a0c96eceb4057c235cc524', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: 'e8335bcee9ce21198a2104913b5f084e897807d4', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: '6efdd00f3a96bafb713e2d9f23a77a9cfd88dc21', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: '55680d454a42549b8c442f1897455cc6c0f4e973', class: "form-group" }, h("form-control-monetary", { key: 'c38894006ce18238f1fd7738feea4ca3c710930d', name: "amount", label: "Refund Amount", defaultValue: ((_a = this.amount) === null || _a === void 0 ? void 0 : _a.toString()) || '', maskOptions: CURRENCY_MASK.DECIMAL, inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.amount })), h("div", { key: 'fe803d97c9b90bdb87fa99dd454859a365901688', class: "form-group" }, h("form-control-text", { key: '08a129a72043547fb57ee99a1b3326dbfb03b871', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: '08ba9b480faf93f81d5f1396bc42469735fdf46d', class: "form-group d-flex flex-row-reverse" }, h("button", { key: 'a07f1a85156ef80e87e9d0b5e615c1c08eebd7d2', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
+        return (h(StyledHost, { key: '10aa3a31daedcb1bc4213abb3062b09745427370' }, h("h1", { key: '1b0b9c6a22dda364275f6da46e8e58015eb3378d' }, "Refund"), this.refundInfoText && (h("div", { key: '1d51f74c4e2c6419afe046a95f23f16f99209982', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: '4d6b0140f2bd3666000df1374a2ab6573ce2a7ee', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: '1e740ebd882fd08df43d23919325f6556ac04b29', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: '242bfd0f2a30be1fdaa477341e2d480108633551', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: '681a00fc41eb1701f8f189fa5139bf42ce43453f', class: "form-group" }, h("form-control-monetary", { key: '2f5a906d7a415391a339236d7e7e189db4febd95', name: "amount", label: "Refund Amount", defaultValue: ((_a = this.amount) === null || _a === void 0 ? void 0 : _a.toString()) || '', maskOptions: CURRENCY_MASK.DECIMAL, inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.amount })), h("div", { key: '9f0f6b5c2f5010ba1c51757bf4667ced40615738', class: "form-group" }, h("form-control-text", { key: 'c4f9a4431224763820dacc404ea1b693630a7ede', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: 'df5d528c865684da0c7583114a7d02b6cb6d5a6e', class: "form-group d-flex flex-row-reverse" }, h("button", { key: '05af832414b65d41760ca6d8b001a4affbf807c4', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
     }
 }, [1, "justifi-refund-form", {
         "authToken": [1, "auth-token"],

package/dist/module/justifi-season-interruption-insurance.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { A as Api, c as config } from './config.js';
+import { A as Api } from './Api.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
@@ -7,7 +7,8 @@ import './Payment.js';
 import './SubAccount.js';
 import './Document.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { d as defineCustomElement$4 } from './form-control-help-text3.js';
 import { d as defineCustomElement$3 } from './form-control-radio2.js';
 import { d as defineCustomElement$2 } from './season-interruption-insurance-core.js';
@@ -15,11 +16,11 @@ import { d as defineCustomElement$2 } from './season-interruption-insurance-core
 class InsuranceService {
     async fetchQuote(authToken, payload) {
         const endpoint = 'insurance/quotes';
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: undefined }).post(endpoint, payload);
     }
     async toggleCoverage(authToken, quoteId, payload) {
         const endpoint = `insurance/quotes/${quoteId}/toggle`;
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: undefined }).post(endpoint, payload);
     }
 }
 
@@ -133,7 +134,7 @@ const SeasonInterruptionInsurance = /*@__PURE__*/ proxyCustomElement(class Seaso
         });
     }
     render() {
-        return (h("justifi-season-interruption-insurance-core", { key: '50413e347b808cbf350573602701d5e6e7d4def5', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
+        return (h("justifi-season-interruption-insurance-core", { key: '09686ee78334afa3648039ef1f6edcc307017f02', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
     }
 }, [1, "justifi-season-interruption-insurance", {
         "authToken": [1, "auth-token"],

package/dist/module/justifi-terminal-orders-list.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JustifiTerminalOrdersList extends Components.JustifiTerminalOrdersList, HTMLElement {}
+export const JustifiTerminalOrdersList: {
+    prototype: JustifiTerminalOrdersList;
+    new (): JustifiTerminalOrdersList;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/module/justifi-terminal-orders-list.js

@@ -0,0 +1,73 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { S as StyledHost } from './styled-host.js';
+import './details.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
+import { d as defineCustomElement$2, a as defaultColumnsKeys } from './terminal-orders-list-core2.js';
+import { d as defineCustomElement$3 } from './pagination-menu2.js';
+
+const TerminalOrdersList = /*@__PURE__*/ proxyCustomElement(class TerminalOrdersList extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.getTerminalOrders = undefined;
+        this.errorMessage = null;
+        this.businessId = undefined;
+        this.authToken = undefined;
+        this.apiOrigin = undefined;
+        this.columns = defaultColumnsKeys;
+    }
+    componentWillLoad() {
+        checkPkgVersion();
+        this.initializeGetTerminalOrders();
+    }
+    initializeGetTerminalOrders() {
+        if (this.businessId && this.authToken) {
+            this.getTerminalOrders = () => {
+                console.log('getTerminalOrders');
+            };
+        }
+        else {
+            this.errorMessage = 'Business ID and Auth Token are required';
+        }
+    }
+    render() {
+        return (h(StyledHost, { key: '54ebb6b9b12b123caaa6d5190d0a1c6c2198d3e3' }, h("terminal-orders-list-core", { key: '99376fd9a6b5657d8777a4873f16b98a4bcf03cf', getTerminalOrders: this.getTerminalOrders, columns: this.columns })));
+    }
+}, [1, "justifi-terminal-orders-list", {
+        "businessId": [1, "business-id"],
+        "authToken": [1, "auth-token"],
+        "apiOrigin": [1, "api-origin"],
+        "columns": [1],
+        "getTerminalOrders": [32],
+        "errorMessage": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-terminal-orders-list", "pagination-menu", "terminal-orders-list-core"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-terminal-orders-list":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TerminalOrdersList);
+            }
+            break;
+        case "pagination-menu":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "terminal-orders-list-core":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JustifiTerminalOrdersList = TerminalOrdersList;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiTerminalOrdersList, defineCustomElement };

package/dist/module/justifi-terminals-list-filters.js

@@ -1,8 +1,15 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { l as lodash } from './lodash.js';
-import { q as queryParams, c as clearParams } from './terminals-list-params-state.js';
+import { f as filterParams, p as propsParams, c as clearParams } from './terminals-list-params-state.js';
+import { af as terminalsListFilterMenu, ag as terminalIdTerminalsListFilterParam, ah as terminalStatusTerminalsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
+import './ComponentError.js';
+import './Checkout.js';
+import './Pagination.js';
+import './Payment.js';
+import { I as ITerminalStatus } from './SubAccount.js';
+import './Document.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-select2.js';
 import { d as defineCustomElement$4 } from './form-control-text2.js';
@@ -15,25 +22,40 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
         this.__registerHost();
         this.__attachShadow();
         this.setParamsOnChange = (name, value) => {
-            queryParams[name] = value;
+            filterParams[name] = value;
         };
+        this.terminalId = undefined;
+        this.terminalStatus = undefined;
     }
     componentWillLoad() {
         // debounced input handler for text input
         this.debouncedSetParamsOnChange = lodash.exports.debounce(this.setParamsOnChange, 300);
+        const propsToSet = {
+            terminal_id: this.terminalId,
+            status: this.terminalStatus,
+        };
+        Object.entries(propsToSet).forEach(([key, value]) => {
+            if (value) {
+                propsParams[key] = value;
+            }
+        });
     }
     get terminalStatusOptions() {
         return [
             { label: 'All', value: '' },
-            { label: 'Connected', value: 'connected' },
-            { label: 'Disconnected', value: 'disconnected' },
-            { label: 'Unknown', value: 'unknown' },
+            { label: 'Connected', value: ITerminalStatus.connected },
+            { label: 'Disconnected', value: ITerminalStatus.disconnected },
+            { label: 'Unknown', value: ITerminalStatus.unknown },
         ];
     }
     render() {
-        return (h(StyledHost, { key: 'f1af204ada5efea668078a7f311dead116050f92' }, h("table-filters-menu", { key: 'f7d13437f2ca0733694d8a676bde72e9b26e49e6', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: 'eb1539830b47437e8dd713a580fa3b2aa1e1bb9b', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'cbd11d34040889eb4fdceee8c1d0fa64c0b62bab', class: "p-2" }, h("form-control-text", { key: '4cfdef309714ef532970db63f7d372bf59b0b0d3', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: queryParams.terminal_id })), h("div", { key: 'd740dfff6b6c920be52bff5c17ba00fa592a083c', class: "p-2" }, h("form-control-select", { key: 'dcc2f6d5a73674bb4e7810da5cb7694074ab7d6b', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.status || '' }))))));
+        const filterMenuParams = Object.assign({}, filterParams);
+        return (h(StyledHost, { key: '9e55f56855ebf7f0755c5750bfe4ae57bcc2a48e' }, h("table-filters-menu", { key: 'dae12779f49c3264cb3a5362cc4e4edc2aa6447c', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '9767d61b94a7de6bc290a1dc97e5ecdb7e75beb8', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'cab20a5aab288920f205835c4343b44502cc4a1e', class: "p-2" }, h("form-control-text", { key: '58600a426dded8a9efc05e444439c36e3eab5bc8', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '81f513ae03435ea2c97e43f460aab430ebd4a490', class: "p-2" }, h("form-control-select", { key: 'ee04592e4f117f7b58984932d10081a4383d7a65', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
     }
-}, [1, "justifi-terminals-list-filters"]);
+}, [1, "justifi-terminals-list-filters", {
+        "terminalId": [1, "terminal-id"],
+        "terminalStatus": [1, "terminal-status"]
+    }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;

package/dist/module/justifi-terminals-list.js

@@ -1,7 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { A as Api, c as config } from './config.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
+import { A as Api } from './Api.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
@@ -15,19 +16,13 @@ import { d as defineCustomElement$2, a as defaultColumnsKeys } from './terminals
 import { d as defineCustomElement$3 } from './pagination-menu2.js';
 
 class TerminalService {
-    async fetchTerminals(accountId, authToken, params, apiOrigin) {
-        if (!apiOrigin) {
-            apiOrigin = config.proxyApiOrigin;
-        }
+    async fetchTerminals(accountId, authToken, params, apiOrigin = undefined) {
         const headers = { Account: accountId };
         const api = Api({ authToken, apiOrigin });
         const endpoint = 'terminals';
         return api.get(endpoint, params, null, headers);
     }
-    async fetchTerminal(terminalId, authToken, apiOrigin) {
-        if (!apiOrigin) {
-            apiOrigin = config.proxyApiOrigin;
-        }
+    async fetchTerminal(terminalId, authToken, apiOrigin = undefined) {
         const endpoint = `terminals/${terminalId}`;
         return Api({ authToken, apiOrigin: apiOrigin }).get(endpoint);
     }
@@ -77,7 +72,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         this.errorMessage = null;
         this.accountId = undefined;
         this.authToken = undefined;
-        this.apiOrigin = config.proxyApiOrigin;
+        this.apiOrigin = undefined;
         this.columns = defaultColumnsKeys;
     }
     componentWillLoad() {
@@ -124,7 +119,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '79168b27873e1b6e7d6bfded80b646d2a95292e0' }, h("terminals-list-core", { key: '2dfbc1d923cb83cc10039b4344629db17f754fbc', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '1534781e6264057b7c780e6b44f4a7a66a561296' }, h("terminals-list-core", { key: '8c0fb664d5ebe4fedcf6e45046e931adffb9d381', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-tokenize-payment-method.js

@@ -2,8 +2,8 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { c as config } from './config.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
+import { J as JustifiAnalytics } from './Analytics.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
@@ -45,7 +45,7 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         this.disableBankAccount = undefined;
         this.hideSubmitButton = undefined;
         this.hideCardBillingForm = undefined;
-        this.iframeOrigin = config.iFrameOrigin;
+        this.iframeOrigin = undefined;
         this.isLoading = false;
     }
     componentWillLoad() {
@@ -84,7 +84,7 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         this.paymentMethodOptionsRef.fillBillingForm(fields);
     }
     render() {
-        return (h(StyledHost, { key: 'f0efb2ab8f051b0b5dafcb608c9c1b561f6f21bc' }, h("form", { key: 'b511a1af4e15175d7bec45c66dc030e693820563' }, h("fieldset", { key: '53b78e28371b6ed69140774b6b47afcee3cb7edd' }, h("div", { key: 'e37c7cb04912fac8bf24bae88cfd06fb00d22325', class: "row gy-3" }, h("div", { key: '103ef1da7228ab3d74065ca64ea070e1520799ff', class: "col-12" }, h("justifi-payment-method-options", { key: '58d614390f0dce90d1ca85b88ce888b841457753', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, authToken: this.authToken, "account-id": this.accountId, iframeOrigin: this.iframeOrigin })), h("div", { key: '727317ff2fafaace929f6667934a649994fe037d', class: "col-12" }, h(Button, { key: '999ec3e29e37ce5027f6d1c4d75bae31beba6ab1', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText || 'Submit')))))));
+        return (h(StyledHost, { key: 'ac989aa84f6262ff1b72a88fc7c4ebb0e62175dc' }, h("form", { key: '482ebf3ca3ac67738fdd0243de8d29ad66754313' }, h("fieldset", { key: 'e563783b34d570bafd1788949a486454ce70ab4a' }, h("div", { key: 'a42f5625f5d0860153f4260aa9c5f76f4afcad06', class: "row gy-3" }, h("div", { key: 'f64bb331c9922be711bfdd9a50d76530773867c0', class: "col-12" }, h("justifi-payment-method-options", { key: 'dc23821a9130ee6435c92e20574a0bf056e1c29c', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, authToken: this.authToken, "account-id": this.accountId, iframeOrigin: this.iframeOrigin })), h("div", { key: '29ec96487c4a5d54c4883c4cfe4a6ee4a309042f', class: "col-12" }, h(Button, { key: 'fe116e392e79debf6a858c993ba11a21d417d998', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText || 'Submit')))))));
     }
 }, [1, "justifi-tokenize-payment-method", {
         "authToken": [1, "auth-token"],

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "5.3.2";
+const version = "5.3.3";
 const description = "JustiFi Web Components";
 const collection = "dist/collection/collection-manifest.json";
 const main = "dist/index.cjs.js";

package/dist/module/parts.js

@@ -70,6 +70,9 @@ const badgeDark = `${badge} badge-dark`;
 const dropdownMenu = `dropdown-menu ${text}`;
 // Radio List Item
 const radioListItem = `radio-list-item ${text}`;
+// Bootstrap list-group
+const listGroup = `list-group ${text} ${backgroundColor}`;
+const listGroupItem = `list-group-item ${text} ${backgroundColor}`;
 // Skeleton
 const skeleton = `skeleton`;
 // Component specific
@@ -79,11 +82,28 @@ const billingForm = `billing-form`;
 const checkoutSummary = `checkout-summary`;
 // Filters
 const filterMenu = `filter-menu`;
+// Payments List Filters
+const paymentsListFilterMenu = `${filterMenu} payments-list-filter-menu`;
 const paymentsListFilterParam = `payments-list-filter-param`;
 const paymentIdPaymentsListFilterParam = `${paymentsListFilterParam} payment-id-payments-list-filter-param`;
 const terminalIdPaymentsListFilterParam = `${paymentsListFilterParam} terminal-id-payments-list-filter-param`;
 const paymentStatusPaymentsListFilterParam = `${paymentsListFilterParam} payment-status-payments-list-filter-param`;
 const createdAfterPaymentsListFilterParam = `${paymentsListFilterParam} created-after-payments-list-filter-param`;
 const createdBeforePaymentsListFilterParam = `${paymentsListFilterParam} created-before-payments-list-filter-param`;
+// Payouts List Filters
+const payoutsListFilterMenu = `${filterMenu} payouts-list-filter-menu`;
+const payoutsListFilterParam = `payouts-list-filter-param`;
+const createdAfterPayoutsListFilterParam = `${payoutsListFilterParam} created-after-payouts-list-filter-param`;
+const createdBeforePayoutsListFilterParam = `${payoutsListFilterParam} created-before-payouts-list-filter-param`;
+// Checkouts List Filters
+const checkoutsListFilterMenu = `${filterMenu} checkouts-list-filter-menu`;
+const checkoutsListFilterParam = `checkouts-list-filter-param`;
+const statusCheckoutsListFilterParam = `${checkoutsListFilterParam} checkout-status-checkouts-list-filter-param`;
+const paymentModeCheckoutsListFilterParam = `${checkoutsListFilterParam} payment-mode-checkouts-list-filter-param`;
+// Terminals List Filters
+const terminalsListFilterMenu = `${filterMenu} terminals-list-filter-menu`;
+const terminalsListFilterParam = `terminals-list-filter-param`;
+const terminalIdTerminalsListFilterParam = `${terminalsListFilterParam} terminal-id-terminals-list-filter-param`;
+const terminalStatusTerminalsListFilterParam = `${terminalsListFilterParam} terminal-status-terminals-list-filter-param`;
 
-export { dropdownMenu as $, badgeSecondary as A, badgeSuccess as B, badgeDanger as C, badgeWarning as D, badgeInfo as E, badgeLight as F, badgeDark as G, alertDanger as H, inputCheckboxInvalid as I, inputCheckboxCheckedFocused as J, inputCheckboxFocused as K, inputCheckboxChecked as L, inputCheckbox as M, inputGroup as N, inputRadioInvalid as O, inputRadioCheckedFocused as P, inputRadioChecked as Q, inputRadioFocused as R, inputRadio as S, heading5 as T, heading3 as U, billingForm as V, buttonLoading as W, buttonPrimary as X, buttonSecondary as Y, checkoutSummary as Z, radioListItem as _, heading1 as a, heading4 as a0, filterMenu as a1, paymentIdPaymentsListFilterParam as a2, terminalIdPaymentsListFilterParam as a3, paymentStatusPaymentsListFilterParam as a4, createdAfterPaymentsListFilterParam as a5, createdBeforePaymentsListFilterParam as a6, inputInvalid as b, inputDisabled as c, inputFocused as d, tooltipIcon as e, tooltip as f, tooltipInner as g, heading2 as h, input as i, textDanger as j, inputInvalidAndFocused as k, label as l, card as m, table as n, tableHeadCell as o, tableCell as p, getAlternateTableCellPart as q, tableEmpty as r, skeleton as s, text as t, tableError as u, buttonLink as v, buttonDisabled as w, loadingSpinner as x, badge as y, badgePrimary as z };
+export { checkoutsListFilterMenu as $, badgeSecondary as A, badgeSuccess as B, badgeDanger as C, badgeWarning as D, badgeInfo as E, badgeLight as F, badgeDark as G, alertDanger as H, inputCheckboxInvalid as I, inputCheckboxCheckedFocused as J, inputCheckboxFocused as K, inputCheckboxChecked as L, inputCheckbox as M, inputGroup as N, inputRadioInvalid as O, inputRadioCheckedFocused as P, inputRadioChecked as Q, inputRadioFocused as R, inputRadio as S, heading5 as T, heading3 as U, billingForm as V, buttonLoading as W, buttonPrimary as X, buttonSecondary as Y, checkoutSummary as Z, radioListItem as _, heading1 as a, statusCheckoutsListFilterParam as a0, paymentModeCheckoutsListFilterParam as a1, dropdownMenu as a2, heading4 as a3, listGroup as a4, listGroupItem as a5, paymentsListFilterMenu as a6, paymentIdPaymentsListFilterParam as a7, terminalIdPaymentsListFilterParam as a8, paymentStatusPaymentsListFilterParam as a9, createdAfterPaymentsListFilterParam as aa, createdBeforePaymentsListFilterParam as ab, payoutsListFilterMenu as ac, createdAfterPayoutsListFilterParam as ad, createdBeforePayoutsListFilterParam as ae, terminalsListFilterMenu as af, terminalIdTerminalsListFilterParam as ag, terminalStatusTerminalsListFilterParam as ah, inputInvalid as b, inputDisabled as c, inputFocused as d, tooltipIcon as e, tooltip as f, tooltipInner as g, heading2 as h, input as i, textDanger as j, inputInvalidAndFocused as k, label as l, card as m, table as n, tableHeadCell as o, tableCell as p, getAlternateTableCellPart as q, tableEmpty as r, skeleton as s, text as t, tableError as u, buttonLink as v, buttonDisabled as w, loadingSpinner as x, badge as y, badgePrimary as z };

package/dist/module/payment-details-core2.js

@@ -58,14 +58,14 @@ const PaymentDetailsCore = /*@__PURE__*/ proxyCustomElement(class PaymentDetails
         });
     }
     render() {
-        return (h(StyledHost, { key: 'b35aadc771c0b521cf558f0ab2c010ac167999f1' }, this.loading && h(PaymentDetailsLoading, { key: '9a45f73df71ecf776308acb3e0715e114166548d' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '0e754696b095b549dafd1789c7a1a462738f9856', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'ef94f025849fefde53daecdb2a3f6475993e2634', slot: "head-info", badge: MapPaymentStatusToBadge(this.payment.status), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '566fd465a660a2fd31e3af18b42b1ad2f687d328', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'e85a469aba3c07b93ac768189b108b3940e6bd1f', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '74c237c68cba09dd5568fa82883c69dc10e45897', title: "ID", value: this.payment.id })), h("div", { key: '69c6daf0c74b2fb003db1a7e785258f1146de701', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '4f87cd9f2a0c8777132d7b8726bdcd09cf7be433', sectionTitle: "Details" }), h("div", { key: '134845f91eef1b6dcd335ac96e59f19684ebd491', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '65c8b3540b5a0c5a4efe8f3a7aac5251def031d3', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'e25d3093be7ab1b564a4af92d7face28d49d213b', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '7d05d55d2f04facff86bdafc51e6c17e4cab80de', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '28a436948de1aa09f09891f597c40293b86d8870', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '670f5c3b79325d473cc0765c87769db9ec65434c', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: 'aa2fbe3ddee9341a0c9aadcf4bb484014a672bc6', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '214b5ded4fbf4e6310a2da856053a4f353b86363', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'ffdf2b03994b584f7be6dd1e53ab8078f85c1b7e', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '0f6bd6fa810b152c02b8ed59540755ddbd74ffba', title: "Description", value: this.payment.description })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: 'd464f0b7d46d433105e3ca30130c5fe563816282', sectionTitle: "Payment Method" }),
-            h("div", { key: '60485f42c8f2490d7119c5b6ecd7febca1aa77ef', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '67cd2ef5f5270294ebf607628c9597210fe65be4', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'c1000dc756f1b9dcfef34cf82b274b66324c8300', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'dc5ce24f30293851230a721fb5e0cb17841a0c26', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '4d5046cc3f23ad11ca97698ced951baa9520ab09', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '97ac51fcd928d4d4fdf79dddb5577b048e0d81e9', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: 'e03ea25b2d3a3388a613cc6fedd8912bb5092d63' }, this.loading && h(PaymentDetailsLoading, { key: '3343cc38deec7b87b2466b3bc43c0170a1962625' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: '18e494e5cb1aaed74ec35dfff5c659061d30cb82', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '466e6c0105eb09485907674aec32752001949e53', slot: "head-info", badge: MapPaymentStatusToBadge(this.payment.status), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '4da3f6800f98c2af8dfa6bae1ef464752aba14be', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '99a9e776d1dfc3ecf5de3d484212930824ebf4e2', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '55795658b170234f9f94ed97dbf45c9727f865fc', title: "ID", value: this.payment.id })), h("div", { key: '2b17cd70a0b8abe36596a61f8bf0c6ae039db579', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'a663bf74079da6a51ec611addf2adb25b8e4c950', sectionTitle: "Details" }), h("div", { key: '48b0e215500c30da77c3cc1f8f46199bda52dc24', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'd8311d8cf23d4e66effc7e2f86aa0bb56456f7ec', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '7084b4469a769fed1499f5c6cfd50e6caa88a1a5', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '40546b209614c410ff5725a01a60bbfde70cd4f6', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'd933346f3518d423b278a1ac41e603399c2c8b8b', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'f89fb7d083501dbdf481f63d0a587a6323a3fd6e', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: 'a2494f54c8a4f1792f373adf6a6e1dbab3e5798d', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '80a1118c3043a91d37bbb3da26a9fbdcf3d3b7ee', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '7787c8d9713ace6113c4685d2ea2279e570849eb', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '7e12595f71d7dd2f85b8d332aa349d90df595727', title: "Description", value: this.payment.description })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '9150caced60639279da39a84db67eef97199d78d', sectionTitle: "Payment Method" }),
+            h("div", { key: '5add69653bc6838ed1f1792217c04cf289f1a2f0', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '8dd22e082c3e4aa0b2836ee8e533d8dc63452498', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'c8130661f5684b91db68b4c9d8a45518e610d17b', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'f47a9d1689f67133bb9183e88830dff7b4ef64e8', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '9101ce4f03dbb78d9c4f825c3747871c275c7a86', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '93f34140d96fae056674b1767219ae94164160c7', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '35a79ce77f5169316113a4db24a2ef8ce19e95f9', sectionTitle: "Payment Method" }),
-            h("div", { key: '32ad717125ad1de2ef98c652bb09f82673cf1cb9', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '18e8fafc324e72bc252939b5143c596dd43ec698', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '09ff2cfc2b6925b972c63061b19f14db20cfba3e', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '80ecb22f35368ebd46b44bc05e28083feefb38e5', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '3f813a886d42fc43523f3f936c68f1733105d62c', title: "Account Owner", value: this.payment.payment_method.payersName }))
-        ], h(DetailSectionTitle, { key: '1f73daaaeeab874b7b12d12eb1dd2f82b63b8bba', sectionTitle: 'Metadata' }), h("div", { key: 'a3ca93b3151773f4a98af2f703b62dba3cbb2957', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'a40ac95709ef184daa3be5034c8b96bba12acbd4', metadata: this.payment.metadata })))))));
+            h(DetailSectionTitle, { key: '67cf738bc3e636aeaf97f0d66046d515ea096a50', sectionTitle: "Payment Method" }),
+            h("div", { key: '89d17e5925ad5057972f9bf11f558ff008409004', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '31ee0758b992bbe2672ac02a699cb6ad8c3f6631', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '43a23b3ea5c53a56b5888a798f0195f84933588b', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '79572125fe01f0bcd1d029dc36a723fac6bf7ceb', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '76633c06b486c6b2315ff6062d2beab0f4531a6d', title: "Account Owner", value: this.payment.payment_method.payersName }))
+        ], h(DetailSectionTitle, { key: 'f537f98a91e780c460052a7530ffb5fadc077562', sectionTitle: 'Metadata' }), h("div", { key: '324a3eb360ff1091154907f996cfd3f406f8c4d6', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'b52628f75fa99b719d7ad150cb678d686e77f3bf', metadata: this.payment.metadata })))))));
     }
     static get watchers() { return {
         "getPaymentDetails": ["updateOnPropChange"]