@justifi/webcomponents 5.7.5 → 5.7.6-rc-01

package/dist/collection/components/modular-checkout/sub-components/sezzle-payment-method.js

@@ -0,0 +1,127 @@
+import { h } from "@stencil/core";
+import { formatCurrency } from "../../../utils/utils";
+import { radioListItem } from "../../../styles/parts";
+import { checkoutStore } from "../../../store/checkout.store";
+import { StyledHost } from "../../../ui-components";
+const sezzleLogo = (h("img", { class: "sezzle-smart-button-logo-img", src: "https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg", alt: "Sezzle", style: {
+        display: 'inline',
+        width: '80px',
+        marginLeft: '5px',
+        marginTop: '-5px',
+    } }));
+export class SezzlePaymentMethod {
+    constructor() {
+        this.paymentMethodOptionId = 'sezzle';
+        this.onPaymentMethodOptionClick = (e) => {
+            e.preventDefault();
+            checkoutStore.selectedPaymentMethod = this.paymentMethodOptionId;
+            this.paymentMethodOptionSelected.emit(this.paymentMethodOptionId);
+        };
+        this.initializeSezzleCheckout = () => {
+            let resolveSezzlePromise;
+            this.sezzlePromise = new Promise((resolve) => { resolveSezzlePromise = resolve; });
+            const amount = Number(checkoutStore.paymentAmount);
+            const Checkout = window.Checkout;
+            const checkout = new Checkout({
+                mode: 'popup',
+                publicKey: checkoutStore.bnplProviderClientId,
+                apiMode: checkoutStore.bnplProviderMode,
+                apiVersion: checkoutStore.bnplProviderApiVersion,
+            });
+            checkout.sezzleButtonElement = this.sezzleButtonRef;
+            checkout.init({
+                onClick: function (event) {
+                    event.preventDefault();
+                    checkout.startCheckout({
+                        checkout_url: checkoutStore.bnplProviderCheckoutUrl,
+                    });
+                },
+                onComplete: (event) => resolveSezzlePromise({ bnpl: event.data }),
+                onCancel: (event) => resolveSezzlePromise({ bnpl: event.data }),
+                onFailure: (event) => resolveSezzlePromise({ bnpl: event.data }),
+            });
+            this.sezzleCheckout = checkout;
+            this.installmentPlan = this.sezzleCheckout.getInstallmentPlan(amount);
+        };
+    }
+    componentDidRender() {
+        if (!this.scriptRef)
+            return;
+        this.scriptRef.onload = () => {
+            this.sezzleButtonRef = document.createElement('button');
+            this.initializeSezzleCheckout();
+        };
+    }
+    async resolvePaymentMethod(insuranceValidation) {
+        if (!insuranceValidation.isValid) {
+            return { validationError: true };
+        }
+        this.sezzleButtonRef.click();
+        return this.sezzlePromise;
+    }
+    render() {
+        var _a, _b;
+        if (!checkoutStore.bnplEnabled || checkoutStore.disableBnpl) {
+            console.warn('justifi-sezzle-payment-method: BNPL is not enabled for this account.');
+            return null;
+        }
+        return (h(StyledHost, { class: "payment-method" }, h("script", { src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { name: "paymentMethodType", value: this.paymentMethodOptionId, checked: checkoutStore.selectedPaymentMethod === this.paymentMethodOptionId, label: h("div", null, h("div", null, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", null, h("span", null, (_a = this.installmentPlan) === null || _a === void 0 ? void 0 : _a.installments.length), "\u00A0", h("span", null, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { class: "fw-bold" }, formatCurrency((_b = this.installmentPlan) === null || _b === void 0 ? void 0 : _b.installments[0].amountInCents))))) }))));
+    }
+    static get is() { return "justifi-sezzle-payment-method"; }
+    static get encapsulation() { return "shadow"; }
+    static get states() {
+        return {
+            "installmentPlan": {},
+            "sezzleCheckout": {},
+            "sezzlePromise": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "paymentMethodOptionSelected",
+                "name": "paymentMethodOptionSelected",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "resolvePaymentMethod": {
+                "complexType": {
+                    "signature": "(insuranceValidation: any) => Promise<PaymentMethodPayload>",
+                    "parameters": [{
+                            "name": "insuranceValidation",
+                            "type": "any",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "PaymentMethodPayload": {
+                            "location": "import",
+                            "path": "../../checkout/payment-method-payload",
+                            "id": "src/components/checkout/payment-method-payload.ts::PaymentMethodPayload"
+                        }
+                    },
+                    "return": "Promise<PaymentMethodPayload>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+}

package/dist/collection/components/modular-checkout/sub-components/summary.js

@@ -0,0 +1,12 @@
+import { h } from "@stencil/core";
+import { text } from "../../../styles/parts";
+import { formatCurrency } from "../../../utils/utils";
+import { checkoutStore } from "../../../store/checkout.store";
+import { StyledHost } from "../../../ui-components";
+export class Summary {
+    render() {
+        return (h(StyledHost, { key: '9057314b14d664a53f9027fe8931c9e06d40da06' }, h("section", { key: '7f9d83b6684b0e12b8ac2f77980a46a8645bf9eb' }, h("div", { key: 'dec6d2cfc844ea84c8b2ed432ff158336accf753' }, h("div", { key: 'a70a972e3dcdad849602dcc701a945c065711a8a', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'cb2836ddfecd765399d596156cafeb2eec8e65eb' }, h("span", { key: '9578966828d25390357d15a0b20348a39b30ab4f', part: text }, "Total"), "\u00A0", h("span", { key: '00643561d4e300539f43b970e4e31bc387d6e307', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+    }
+    static get is() { return "justifi-checkout-summary"; }
+    static get encapsulation() { return "shadow"; }
+}

package/dist/collection/components/order-terminals/order-terminals.js

@@ -126,7 +126,7 @@ export class OrderTerminals {
         return (h("div", { class: "mt-3" }, h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), h("div", { class: "d-flex justify-content-end mt-3" }, h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (h(StyledHost, { key: '95d4b374036e4713216ce61e87571a607b8c3f0a' }, h("div", { key: '3e57b055db0d1bf26b9eb38a78fa57493afd3af3', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: '01b1a2a01294f88b7c31fc3d9523351f2a0eabfa' }, h("div", { key: '61cb9b199e9741aae879a8db3174c0c0078b59b5', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
     static get is() { return "justifi-order-terminals"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/order-terminals/terminal-quantity-selector/terminal-quantity-selector.js

@@ -18,7 +18,7 @@ export class TerminalQuantitySelector {
         };
     }
     render() {
-        return (h("div", { key: '5bbf669ab479523290b2d8a9f5b6ec2000ff0f96', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '47ead96654c97aeae6b24058a4f7759918d3d0ad', class: "d-flex gap-3" }, h("div", { key: '3763eda68e7849c87f0e67b905e09267c10481c8', class: "d-flex align-items-center" }, h("img", { key: 'ef0a61d5c1d27c600fd93813b594ec2ec2fadec3', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '5a632f69e2045fbfcd35932af3c5fd027dcca66f', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: 'be00d142f07945a15e882d2da4c505ffbf67fe88', class: "row" }, h("div", { key: '1c434628ae872d22efa7d2adb611b04868c85eb1', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '21f571a1b0e5ba7d528727f6476e134b9657e124', helpText: this.description })), h("div", { key: 'f4077bfa6beb4f0070bdbf4bd28021f88bcaf5b1', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '7dc6853fb7641b99a9a9ee82dcb3db8fce1d6c01', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: 'faab14e72773f12f69ea69e855bafb27ef3328b8', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '390e6b4b049fa64e2b7354a3676621844291feb0', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: 'c125f46ce70ffb47ef60aae54dd6e98600bc54ba', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '6837368dec422a7d4a049edac76da09243de2d80', class: "d-flex gap-3" }, h("div", { key: '11c09e2822156c68544fd4ef83b23455d96042f9', class: "d-flex align-items-center" }, h("img", { key: '75e151b275779cbbfd04829235f5c475bef9ae53', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '719e0529b756ba4c2b781d29027ab22be80d8e0a', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '3127a99862476f58bb3b2d5ced9a8816a40c41e9', class: "row" }, h("div", { key: 'b8c3fe406409be25c52506bdd1a87ad13d508a42', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '2f7d0b822f986af9313cfe3b542f3935c1414ecd', helpText: this.description })), h("div", { key: 'b20893a20241a2e46e2e9f8ab61b7acc53b6789b', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '14ef7edc22a547dbba9f634802bf7eba2f702d6f', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '87e8177f0faac786c076be1a6dcbcdae1978ec37', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: 'feba738f127cb66a8b04a4448d1870f0ba102282', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
     static get is() { return "terminal-quantity-selector"; }
     static get properties() {

package/dist/collection/components/payment-details/payment-details-core.js

@@ -38,16 +38,16 @@ export class PaymentDetailsCore {
         });
     }
     render() {
-        return (h(StyledHost, { key: 'db2d2ec374cf0743db6bfe43e0b8f77572e9cdfd' }, this.loading && h(PaymentDetailsLoading, { key: 'c5b7481c55723d7ab8eb9b8001efadfe33c82532' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: 'cbbd4166213c49a85c70fab920024f876394a24b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '645552490a3d5115af19d4b3ff3d5dc80b9d3038', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.payment.status), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '968b2420a648b0c12753dbae1ea966ba0ecd4b5e', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '056a4d72223eba4225ec6fa3f52c028be21d3fbe', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '8a010c36e237479a318dd6d03026a9b36fc78eab', title: "ID", value: this.payment.id })), h("div", { key: 'fbbb9dd12d129fd589228f23eef25ad2d048e5ba', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '51a4d8bdc3e66c17dabb77cbdcf06cd3cfdbe7e8', sectionTitle: "Details" }), h("div", { key: 'ce03ec8c368f24487ca5cf267dcc0237b4637595', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '35b94e984c638b461a26156acb08cf1647a065e4', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '5398feb78b40735d773889c57517de8784f043f0', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'e2667dba443e74b4139137d7194538b4799c59d4', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '3cc3a74d90a0d10fe5f79c6e3fa942147bdf37f0', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'e7f942356e5810ed1f6836002e03fab078e7da24', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '4ed5bb3102ab533914f8841de5f3bb38e059cca0', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'ffe0e3990db78c2e57133865f8ab5314698a6126', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'a0defbb3e570929e4667c7d96beb23a2b21090f2', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'a196e9c84f30e0cbab086c02caa15188adae0fe5', title: "Description", value: this.payment.description }), h(DetailItem, { key: '3f0215fbb1faf2defb2a614d1bb463f43f4edc97', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '3627159fa135d895c1591c1146daf6b1b3fcff3e', sectionTitle: "Payment Method" }),
-            h("div", { key: '00340647cfb3421627b587bcfd3e81d6cf9cb271', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'b89fd68b547f48c42636b7b0904f9c518a135a84', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '2998d39cc3d133398f2e482cd47f5d5eb2fd9bc6', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '23259226da35ecd71d07685484145d547eebcfa5', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '090a22f97bfb43ffae0c7c475ee6f9c00d92193b', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '72c41739c55d99c9efbc0d5c77fcfa0049d5c21a', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: '8585ffcde1ebe2da1200e7fcaade68c0360f2c1a' }, this.loading && h(PaymentDetailsLoading, { key: 'f6299c6ec9d66a9245741159cc43b11ee7b09ca1' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: 'acc35bf0c47c91b3b843b4fcfa7818567b995ea7', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '603e435434b28cbdd8948a08974277936268fe70', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.payment.status), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: 'a098dd2bc67c702e1d7647d138ff97042da1de8f', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '10f5834de6a0409287aef8c92bd6c4c83b0b2bd0', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'd2af757628227d8733171c8f2be2835767226b61', title: "ID", value: this.payment.id })), h("div", { key: 'a22165ac2f43743ac21aec7a368ab8afb68c1fc9', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'c5de0c4fde5995b21e7ae5f17c6b51e3cbab57ad', sectionTitle: "Details" }), h("div", { key: 'd9a63e648c9451b09c3fad4228a930f40a6bb5e3', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '053219e35617c803aaf761887ea16eaa1d180799', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '362da49eb3a32b52952f8a962c59767b7d99893a', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '31eec3ba162f3e797b7f2e57ce0dd67ef699198f', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '319f49664029d1a4585a112ee20ba37d29ff86bb', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '405970cce3d67d7a2b99a59703208dde68026e37', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '2279263fa33f450b7a7a4c0cae7b6c5ce17d31d7', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '72a16f085fe07d51a60e29d4a446432b5ba9b647', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '30c28c112f2796119e5ba3be999d3af138b2638a', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '1751d564f87577e04b2e4d0674ed1613135c6fd9', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'b7688698d4b14b07ccdd667fd49c83c462c58715', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '8ce47b7e38b9560d782bcbc4a5b0d0867914e0a7', sectionTitle: "Payment Method" }),
+            h("div", { key: '35139a669b782e699d272c9569f78ee89cf78a4d', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'b63fd298d76b5cc74c6bd2bb9c72c776da76e60b', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '8034323b79eba121450f84b98fecb329f04ee058', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '484afb22d8b083b127f2e82a2d16bed107f4ff93', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '3d018226d4e8b7d880d22095eb0f368b8e0447ce', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '3764d6de77ccf43f554d4713bd3a1dc4c2563a6d', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '55bfec78982d1a44c5ea863e4c5bdc64cd61f241', sectionTitle: "Payment Method" }),
-            h("div", { key: 'da3be8d900f1db7b0337a27e91c90d424b4970d5', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'bfcd4367c607055397d8d4417dc671d5f262acd2', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'a5ba2164eadb8bd424889cd6ed02db4679d75f91', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '96a3c52d38c8fe6dabaa032e41f87946a1fb5333', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '3dfa62ba43bd18533104b8e608ce4303a75b6451', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: 'b3e05a55bf7ad71da8cf954c2b019983c724a4d2', sectionTitle: "Payment Method" }),
+            h("div", { key: '114e6995238d425538238fdb8a1aa6f8cdab2978', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'b63a6c4476a748cf04298c10b44547e6fd4a9a87', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '85abe1a494648a42c72f3cde23f6c63ee8d28f1b', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '589d98f88a2ebf42caf7b32f9358e7da1d927d5d', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'ee98c032b446963cba6f2e6a31ae5f444e5bfae6', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '6d180793de4f1d8e13c0af9e30d44faf121733cd', sectionTitle: 'Metadata' }),
-            h("div", { key: '76b6e75ace2f243ad86dc5f66aed0aa505a35181', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'a3ee69d8d8699a15980f170a087925d3458135a4', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: '38c0e695c4a14350a6f32ec60bedb8b7fa5f00ce', sectionTitle: 'Metadata' }),
+            h("div", { key: 'dfff9e06e175b7d523bb257989c5f79c15b99fff', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '35831d5d59cd4b3c89ae000fd8f1e2952f252e4b', metadata: this.payment.metadata }))
         ])))));
     }
     static get is() { return "payment-details-core"; }

package/dist/collection/components/payment-transactions-list/payment-transactions-list.js

@@ -91,7 +91,7 @@ export class PaymentTransactionsList {
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: '5afad0e2e8dc4f37660b09c434fa1e69014194f6' }, h(TableWrapper, { key: '90b657d1a31077ccfee1c494e5bde526572d86b1' }, h(TableComponent, { key: 'c25fd7f2cb00dff6e7d1e5102660c28c08735439' }, h(TableHead, { key: 'a6a9bfd9dff7aa5c82e2dbe5c3c5674b4e6a5c04' }, h(TableHeadRow, { key: 'a7e136e48933ae4f7dabc3cb70bda5f2016b400f' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '921169d43283f1b13921f3972e4ff912a92a27eb' }, h(TableLoadingState, { key: '69e6d2c8df07e0acb657ab0f7997b6576be86c91', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '6a8a44d407bc4cb75e003ce68b174eed3aee885f', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '599552617b6e9f4dc6451a4fbbb5fe2c402849e4', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'c2cadba24db21209557443e598ae2fbb1f4f1ffa' }, h(TableFootRow, { key: 'ffa9e9f6bf3dd7bb6bb5b8626756edf7ee249074' }, h(TableFootCell, { key: '7d6a900f2aac9483004c4eda42b3592db4495cca', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '028b35bc60ff879529a10ef43de4f45ba2aeb584', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '1222542358d9e7495486f3c68e5f64867396580c' }, h(TableWrapper, { key: '561e90e5b184db206183346fab42f400e7cf6bfb' }, h(TableComponent, { key: '3dc0a8995b8e7a2c8fff4c71c4e381c1722cef68' }, h(TableHead, { key: '6efdcc49cbf8411af8d5f291a400a7bbe4202e30' }, h(TableHeadRow, { key: 'b86643118789b808b857e43e22ca8a541a67571e' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '86e8dc7866f75b092b5f5e545f6d6021628fda43' }, h(TableLoadingState, { key: '70ae8aec85601944c443f983f3d2e44c5e1104fd', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'b921157d2ffd267fb23293d7928e0b59fbb4cb32', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '9101fb0a98ef815cff3216875eca8fe700dbae7c', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '5536fcc48352ccfc0cb32d9aa95ee776e90cc7c5' }, h(TableFootRow, { key: '5abc999156f8efcc509f76686c967d13dba6a026' }, h(TableFootCell, { key: '93a390c9f8b222ce73243198ceb0698d2d261bd8', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'fa01e04f6f6965b1f0749bbe8581bbf3ab53bc45', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-payment-transactions-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/payments-list/payments-list-core.js

@@ -83,7 +83,7 @@ export class PaymentsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'ebc89e8b55258a1442edad51d5238b8734aa345e' }, h(TableComponent, { key: 'b90635548604f5d486a38421e5228c61ec47c033' }, h(TableHead, { key: '3106e6ac62fc9df004a8dc1c4fa6b07763ec9d7a' }, h(TableHeadRow, { key: '68c7767762899d3ee229835d93eb9221c8b097e9' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '5ffee99d7437590c48f766d5bde24385ea31fdc5' }, h(TableLoadingState, { key: '4170ce391f84c65286f358d4e1c03f67c2f9ffcc', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '8f47428d403e763179e071756582065351fa7c63', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '5857f210589dd16232338ad39897ecd4581dc7db', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '1cb054a34b99150f33cf1a008a64451e85af4700' }, h(TableFootRow, { key: 'd203e8a928713108cbfbde297ed18bf60cd5cb8e' }, h(TableFootCell, { key: '710c8b5915f08f14892a04c16ac069039804b4f9', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'f9f40a23e8bcbce6adf93f66e2a97f15f91f4f15', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'c2ee9fe256bed85419d5bbc0b12c22210cec4b6a' }, h(TableComponent, { key: '70f2dd874928fe941029504bd6fc12183e0c2bef' }, h(TableHead, { key: 'd26595fd6b181ade2da1d6f802de7ee88945361a' }, h(TableHeadRow, { key: '003af39a3b07fb045d1bf1685150b9d6e8318b64' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'e510d90dea09305da8e70973f6d4de937b533307' }, h(TableLoadingState, { key: '4a441175be1800937dfcae98d938dd69b045f274', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '5c9b31dd51e69420bbaa7b48e69bef350c9bd5f6', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '29d1ed55946c075b52663e1ea2fa64353a368659', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'f5f60a8b3cd2b620f8a757690d9f4be1fd19b0bd' }, h(TableFootRow, { key: '1e6552dee4bbf5de86468ace0c89a93502081f95' }, h(TableFootCell, { key: '8ebcd59eba395663304647f592f2fd05763dec94', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '39973efbcac641d5b99bec8e9ad032708d6ba3f1', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "payments-list-core"; }
     static get properties() {

package/dist/collection/components/payments-list/payments-list-filters.js

@@ -43,8 +43,8 @@ export class PaymentsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '41c3ce22404b0e8e536d8c230886eadc34b77208' }, h("table-filters-menu", { key: '864a91207169043f08a47c90c8f867d0e32031e2', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'd2a98ef4ab0094f708de21c2c3e02ec149b5e72f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '00b9b884348d47e7dc1670064c1c0486eefc0a21', class: "p-2" }, h("form-control-text", { key: '405ee21a3780942784738a0cc0a3b423a03c2b5e', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '5401d6d05995af1fa7ab801987d79711c16aecc1', class: "p-2" }, h("form-control-text", { key: 'e1518fddbd3e62af0ddce873a191376b2504c9e0', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '131c39879c3823c3d380d4939e6b93a2771bc86a', class: "p-2" }, h("form-control-select", { key: '856053d6ce5381956a18c6a21df169898fa71616', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '76ad87197605e45ae06fefc547755df29741fa18', class: "p-2" }, h("form-control-date", { key: '7cdd9b684a87e2da99ecfe963349433bf7ac1d45', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: 'ae78b441f6dbbbdca902fb4f83f7531e80322ff2', class: "p-2" }, h("form-control-date", { key: '34d321e3cd47ccd95ea30d7a54cfb36e34af64db', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'cad5007fe498aa2c9f660237a521484c244cf474' }, h("table-filters-menu", { key: '4b0f4b6e09ee5839890d041a641d7988d36491ca', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '331914224ba6e9ea1f96f61457d84b63ac9e9cc0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '80acaed15b83022d95d14d1bb2d18b1b65b57e32', class: "p-2" }, h("form-control-text", { key: 'd7566c7db6b0da0708b3c3c7d104e4c63b2cbb92', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'ce39d29814522dc85ec547a507ffe2863bffc244', class: "p-2" }, h("form-control-text", { key: 'd5d558707fc2577ef035dd05d0a2ae7a944008a4', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '9dc9eb22b1d46a36a6dc82853351c5321b9864f3', class: "p-2" }, h("form-control-select", { key: 'd59e9c9b816aef996d8eefd3a199cab6aa66b27a', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '289e889f9933e9b2fe0baa407f7cee720c2cb30d', class: "p-2" }, h("form-control-date", { key: '42156ed44bf95904289a878e7fab17cdff6a555e', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: 'b677ef4b209452c31a60c00ad0a6803528a50ff4', class: "p-2" }, h("form-control-date", { key: '5d57efd28d50a5317b74ff3a202387a6dd5a3d95', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforePaymentsListFilterParam }))))));
     }
     static get is() { return "justifi-payments-list-filters"; }

package/dist/collection/components/payments-list/payments-list.js

@@ -46,7 +46,7 @@ export class PaymentsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '26ccbd4f232a44cc9a682d9496fc0eb714c89864' }, h("payments-list-core", { key: 'c2b9653272eb8e3ebcd21309a0c475514ec1aa35', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'b3b4380a5b1c78bff1a93209079bc1af1343cf92' }, h("payments-list-core", { key: '083e8cdcbfc132d193ca563fe21bab7f23df71ad', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-payments-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/payout-details/payout-details-core.js

@@ -52,9 +52,9 @@ export class PayoutDetailsCore {
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '1d9842d26d6e1a89b3fc8a1ed6ed395f55b913ee' }, this.loading && h(PayoutDetailsLoading, { key: '95917b7cba094233316f39ed610dfda5360a47e5' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'c8f1cc9c3cc9b8e343557d38b88b31035d65c00f', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '0397f400c1576f49e664a1e5d8d5d1318935b281', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '3a3a0d511eaf43d54012f7c07688825d141f170a', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '9c33ac6ed41a0d1d91a83af12dee4c7bf401bc60', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: 'f60f96ff20c47f1ec0ad7f2a6f1f81a19b4a03f5', title: "ID", value: this.payout.id }), h("div", { key: '522bc205154fc2904f1c3735e9f859cfd234dff4', class: "m-4" }, h(Button, { key: 'e691e47946499a7359018fe4c774e0e23f8cb4c4', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '7f7c975c5672aaaebcda5870870cd4a52bae40b9', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '03728f098028f6304c2e608bf38e6b79809bd5aa', sectionTitle: "Details" }), h("div", { key: 'ad8416b1a6a90052f4988d9577b6c8d6a881e0a7', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '0ecb52461ee59aad0914547ffc3aff948bc766a6', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'bc003db9efc8ea329f4eb5e9644e013dc9578b27', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'e8ce2d2c42b66efd8ff0f87a8d9b58bd1565a019', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '47f05a33981b878ebfd4a88cbd32b71fd6bf3683', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '013126090417ea6244fd01eb0c80aeec72c05bfe', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '252b01172864c2d97b358a0fde5b0532e7298278', sectionTitle: "Account" }), h("div", { key: '4c1f0b28024141ba16803349f60395406dd31f3f', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '6c4f814276825b92c05226d1dc6522a920ab3e2a', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'c3824079766df1788264cb2ee962c5229045212c', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '158c9456436cc58622d1337c11f7443497c7ae38', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '7ce5376d2c1632cbd0bd910e6290ec3caf289b73', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'a1f892fe9a638e5b5a4be23e853070355b6cf3bb', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '61d325fd74f125295c61266528e1d62e04bb6e2e', sectionTitle: 'Metadata' }),
-            h("div", { key: 'e574d0558fec57c0f3342c80846eb1469a9cfeb7', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'ca0cc50f11489df465d29e8da5a51495433931d3', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: '49e7b88fdc88080ebb6a13f06312e79740fc55ee' }, this.loading && h(PayoutDetailsLoading, { key: 'dcda5e853910c71690ad86e1b92c9fa35bf8f2c5' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'af265ec9f36b0a181d8d920dd8ff11f0e90a8892', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '9886a1828548f050f0fcaa1f430fde0f0755643d', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: 'aa39b7dfb47f575acafb8b056004d18ea04f22d2', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'b6446fddfa39f1661b3142af914c0b1ed6d1ae6d', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: 'e5dfa4de2bf04ce771dfe1b115d5b5b1dbd2fc59', title: "ID", value: this.payout.id }), h("div", { key: '57b7e13f03485831686ac10970dacf9a8da20717', class: "m-4" }, h(Button, { key: '8f4c622105fe8588c7788c46bce1196a301729f5', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '815e6c278a4282ec281aa2a990aa579593a1499a', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '2c38abeed3a2f37690aa818f333f74afcf151f10', sectionTitle: "Details" }), h("div", { key: '044414048a85a74b80f1bda6535a276d487961b8', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '416788949863fffcd59072de36d0b50dea58114a', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'de23182cfcb49537e1393dcdea03087779b7f65d', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'eb55b0ca232c9c7ab50446d298f8971fa30cc9fc', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'c7cd95c71512d7c38073f20226719cc473461f89', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '11858fafc2af68ef72bff0d1a7651a0f6c894147', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'e501c81bfe4aca5460f1bcd18d1642cbc1269ad7', sectionTitle: "Account" }), h("div", { key: 'd82f31f42db391c486edf934ad59f61d91909555', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'b8d77ed73f54111f58905660c264d8b985441493', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'b410db883303e241ef6d23d3d2fe0a279f95ea62', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'f29d5919b57a565f7b098e59d5f107297ee0426c', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '8865014dad645d7b3ddcd3819fede60b4b8eb44f', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'a9df02b65f38494fbe260ebdc4175ba14fbe3c0f', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: '693a0bab6104bc344b264b81a73d772b88b605cb', sectionTitle: 'Metadata' }),
+            h("div", { key: '2607f9700a1d6b923e60254fcabecfdb0a4476b6', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '4556629859e018b58f926eb3a8a551540a651c4e', metadata: this.payout.metadata }))
         ])))));
     }
     static get is() { return "payout-details-core"; }

package/dist/collection/components/payout-transactions-list/payout-transactions-list.js

@@ -95,7 +95,7 @@ export class PayoutTransactionsList {
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: 'd37f96bf4e1d40607d3190791f513df5c1ce02d1' }, h(TableWrapper, { key: 'a6d2b2c342b6286630acb804b93c846ac42eff9b' }, h(TableComponent, { key: 'abcb7a3bbca27973bafdf0a0a1d9316d9e668aa9' }, h(TableHead, { key: 'e79c0ee71e45ca1379e354f939368cacbf1bd74e' }, h(TableHeadRow, { key: 'c64962612a826a5e53c921f43170f1d1ba16399a' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '7b33c299ac42c4e668cb4c967ecc5324ec56ede3' }, h(TableLoadingState, { key: '096000771b0ce2fe37db3329315bd780af9977a1', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '48ff70675d33875b8fdcf7c7ddf9ceed413ca2e8', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '4ffffbd73a18ef281209adbe870383f744d51da5', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '8ba623495a597e10bc8708b9984c9da92e3750a4' }, h(TableFootRow, { key: '01f6405cef206cbaf487013370ccd7c312eca3b5' }, h(TableFootCell, { key: '0b94346d3ed5f431393e2df93f0baa81b8804d2b', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'c7a24d435a90c4f8db5c0f71b1a120b11cd01b7b', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'fbf649bb1cc041cc81343751b460cf6dbfa78e63' }, h(TableWrapper, { key: '88c31a399c2e2cfe0d85cdd13e93158a477e3df2' }, h(TableComponent, { key: 'ee77e35b31fc35c9296fdc919305f3c737202c66' }, h(TableHead, { key: 'a9b6152f382dbba8ea56c864245993c302727fd0' }, h(TableHeadRow, { key: '801053471ffa03ae95f6e53bf60db05bf4be1e3f' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '6a5ab445bcecad291f4536642f2d16ec2a03054b' }, h(TableLoadingState, { key: 'b734c651b35cc1ce8b06af6b0a65b08a0a23d4a7', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '100c6a71b72f569bd1e7d74e3e9149cdacf1fc6f', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '889acdc42dc40cb655f2c1cdaf7f8f0043dcdf34', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'b67993f6cacd47608f21f0a06f4765a910071d19' }, h(TableFootRow, { key: 'd1b8081e5455e727f18f448f7a3db77136155e51' }, h(TableFootCell, { key: 'b14407599cecbeb4c040d2b33b6d4df2be633d2b', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '532524f94f4a2282e54b652685d66d48dccaa4ad', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-payout-transactions-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/payouts-list/payouts-list-core.js

@@ -135,7 +135,7 @@ export class PayoutsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'ca41a7df9de30363526239ec286054e16a46293d' }, h(TableComponent, { key: '15f8f414b2da0adda480da114541ed7533d79ca3' }, h(TableHead, { key: '038b27097d57734f80502949628535ab1f8bfded' }, h(TableHeadRow, { key: '9f15c37a04d1fa6f5ec49c60bfbee3ae3ddbdfca' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'c05f33fc7046606087da1b0693650aa571f8e61f' }, h(TableLoadingState, { key: '1c127fa09435af89c2f07226d70438c7ac261cfb', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '853c86c1d0309155797d9a15433982e4765f941c', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'ac3b422be11179ab00accc348cfbd334393d2745', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '9cd94e14becf8789e3eb21500eb1eb9aafc79c7a' }, h(TableFootRow, { key: '2a8232066a55771805b34bee43af9c0dbdbe5047' }, h(TableFootCell, { key: '4c44e77eab9e1db423ef5bad6fc9137e82b625f3', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'b25056fffc760aba956a6e40fceb29f995a144be', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '0cfe5ca4d2d294c9be13cde68f9a634f46819c90' }, h(TableComponent, { key: '2be5f55782150193d00ced8ed0cee9310adf4802' }, h(TableHead, { key: 'e4312bb000fa3f205a75e0c017c79e6a2d60c678' }, h(TableHeadRow, { key: '24469f4f79e3a827ae93be1190e3cf811e1736cb' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'c82e6280eb23177ce5862bcf07d1304d34c1ee1e' }, h(TableLoadingState, { key: '207f70f6c5db6c47712933ad8d07d440a00addb9', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '04cc34a2654e470f3de8dcbe7b0d3e63e53870d5', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '0abb27621d355e7a9359e744e1a6e26a82e076e3', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '78949f89c87caf71e76df80562b1d8c92116bf28' }, h(TableFootRow, { key: '1bed7d8e8bd345973170287b0899d06c9cf0a0b5' }, h(TableFootCell, { key: 'b85ed7b097f367167946b6264af28721291d82ac', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'cc3f6250c3d23b4596bf476be91a5a40dcef99c1', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "payouts-list-core"; }
     static get properties() {

package/dist/collection/components/payouts-list/payouts-list-filters.js

@@ -26,8 +26,8 @@ export class PayoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '42c48bbbfa426540d33c49d5ef927d2da316fda5' }, h("table-filters-menu", { key: '7741ef6667ed7dc6ebbc312f145590939ce1b071', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '0f983dc3e6a735ad12aea940d7663bab98cf623d', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '27faddc94394d5e52de9d1a65a69ecda2f840360', class: "p-2" }, h("form-control-date", { key: '58cd7720a5dbcc31b32151de1402b2c4b09b94de', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: 'a2a8d153acc9fa8371c8effb4cfd0146e31a3018', class: "p-2" }, h("form-control-date", { key: '9fc58f04079445952586d0913fad92305fa537a8', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: '1c82beb070b63246eb05eda535e23e23b2d0f710' }, h("table-filters-menu", { key: '1934713b2b01f71beb25610fd4c4f7f304ad772f', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: 'aeb14903675561f75ed06de9f5684e39042dbe09', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'ff181fe70baaa2532a9807a15843d6b774aaa307', class: "p-2" }, h("form-control-date", { key: 'a16a332bfac1a7429df1a517d949d93515fd175b', 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: '9987e034d7cd67d5e72be520212565ffeda85b63', class: "p-2" }, h("form-control-date", { key: '4fd4733c4fb799c6d33c36de7a8e33b3089eb25d', 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 }))))));
     }
     static get is() { return "justifi-payouts-list-filters"; }

package/dist/collection/components/payouts-list/payouts-list.js

@@ -64,7 +64,7 @@ export class PayoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '922ee0ed12294b66d854d28aa18a06dc0438c662' }, h("payouts-list-core", { key: 'cc0557c8fdc14b16df203a6a648c3381a6ff2c13', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '444ad1f603014507970bbc20faff6ae72e4597f4' }, h("payouts-list-core", { key: 'ff1c52b11acf1770ae24fcf138430c665491cc32', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get is() { return "justifi-payouts-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/terminal-orders-list/terminal-orders-list-core.js

@@ -81,7 +81,7 @@ export class TerminalOrdersListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '5d03d7f992d4918b6174d89aa67ac87159b0918d' }, h(TableComponent, { key: '30dfd6db82678f7c8e25ee03619403bf0a73ad47' }, h(TableHead, { key: '3e51fd3124abf93a1a76ac6d6b66ec64edf30216' }, h(TableHeadRow, { key: '170385237e96ba55aa21c954bff4f74a7724463b' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: 'c313d42ae1ad3f54a806f8965b8ff99616df85ab' }, h(TableLoadingState, { key: '7f01919e6120a497383990bafb8288fec806f421', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'e6585de336bb6cfe0f7bddc4bd503cf5632481da', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '3490d034636506fdd54c748bff98596baed09673', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '52ba4b6e8c0d2afcded3feaaf6a22927036b96fa' }, h(TableFootRow, { key: '8fccd42dc633300f5e6664ff380c3828010ff6ec' }, h(TableFootCell, { key: '7937c9bceb54abe450e9b7956bd2599de228cc8b', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '90854b93870cb20251488fd15e936982245c3d3b', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '7769afb4f66eb4d3ed675240b74a3f01a092dd62' }, h(TableComponent, { key: 'c9fe768eb207c8d0fe141aee99751e04ea66266d' }, h(TableHead, { key: '5d53abd49815f7414ce07d961f688f0fe8b706e1' }, h(TableHeadRow, { key: '7db4b8d91e8ebfaf581b2d62055edf7c2fe79da6' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '5558ce7cf951c039512cb0d934ec1ac10ede9ab9' }, h(TableLoadingState, { key: '74fab03e34ae551054cc6aaa0915815fd2d48743', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'f93b026d223fd2e7137092f7823a8f03d43014cd', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'ef440ee3fdb0d587bc4cf84cd0c40951500a7d90', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '8be85a2251ed4ac8b4565735ed0d6b89118e83f0' }, h(TableFootRow, { key: 'efb9e3ce15acddb4e80b9edd62c4b15483d23e43' }, h(TableFootCell, { key: '04b2a04cd26597dc4d671cc8697f2ebaede744ed', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '8903172f408bf99ef0581057e998fc2b29818a8b', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "terminal-orders-list-core"; }
     static get properties() {

package/dist/collection/components/terminal-orders-list/terminal-orders-list-filters.js

@@ -47,8 +47,8 @@ export class TerminalOrdersListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'e8bd98c43f44e2c562fb4dbe08cf90a9dd8063e4' }, h("table-filters-menu", { key: '8c865c53a9bd45a251ae8eb75d31ab47228ca014', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: 'b415d03966e45cb993c544f6205adc2f3611d5da', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '7b483dd1d2254c8e3d45d6e1af4d45a839f8bdd8', class: "p-2" }, h("form-control-select", { key: '5f929730acb0c28da920f1d283d43108f06e29cb', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status, disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: '05242bf5293256a3214ce11771f1df9d5341a095', class: "p-2" }, h("form-control-select", { key: 'dac5bbd765aed70530801395449463d6f85582fe', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type, disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: '307842201ff7a5367de2857a7a59e612bb0e7976', class: "p-2" }, h("form-control-date", { key: '4dec0bead1d09989b4a1a20c128573c299b84e41', 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: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '8ed2b9b5287221b8f521f5f05cec5e1808fed19f', class: "p-2" }, h("form-control-date", { key: 'a318ad6e0b426ef14470ee479f48d57b5b00ce2c', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '9455a8028d5a2363ae8e95bbdc382886b7e6c34c' }, h("table-filters-menu", { key: 'c2d2288f12d8dade596cc5a2fd77a032dfeab741', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: 'bca04a463f8da0c16fd2e554910dac8b4bea85c8', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f76a13c7c2b7e7a31f537c8d8c55d95c65d5af25', class: "p-2" }, h("form-control-select", { key: 'c5dbe04a3cb51fab100fada58db4d36a6bc40c43', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status, disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: '147f79940553ec51f47a745422699f7c2b44d7a1', class: "p-2" }, h("form-control-select", { key: '321091e9227e1cc51085ad61975c44881077db7b', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type, disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: '97dfc1953c6c1c1c2edd6cc5fbaf9f8831c22108', class: "p-2" }, h("form-control-date", { key: '0118c404ca0d1b98d017159ccf9b0c671f490a6b', 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: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '1fcfca7be2b9bd1bd5aee2c442353f3143da1428', class: "p-2" }, h("form-control-date", { key: 'd3fb521a15596f539446dc8bb0239f802d811193', 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: createdBeforeTerminalOrdersListFilterParam }))))));
     }
     static get is() { return "justifi-terminal-orders-list-filters"; }

package/dist/collection/components/terminal-orders-list/terminal-orders-list.js

@@ -43,7 +43,7 @@ export class TerminalOrdersList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '3d9d1cf5051c5db194fb740370f655cec0495e07' }, h("terminal-orders-list-core", { key: 'dacc4dacf8c6cf91e9527916667fa5d716fc792a', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '0972cc7db71033e123fe2022adc3eb8a98a4c291' }, h("terminal-orders-list-core", { key: '1403004df6d7234892db90573c384074dca04e25', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-terminal-orders-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/terminals-list/terminals-list-core.js

@@ -118,7 +118,7 @@ export class TerminalsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '18758ce4d79c07564b15f9712762232fa8ea2083' }, h(TableComponent, { key: '70c5d623cf89ed440e0bb318c4be1c1c022f90e9' }, h(TableHead, { key: '3a2ec16691dddf82a9988b970506576680885106' }, h(TableHeadRow, { key: '8fc7f8fcb219a0e577e67e5694ff818801477a2c' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: 'e65e2646a51cb8859a77a13a4fb79b0ca57066b7' }, h(TableLoadingState, { key: '5a50acb1101958238077a3a26307f2252aed5584', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c79793063bef320ca258988880da5fc305200456', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '758ab1f9f3660f292f4421b940d040d6408f45ca', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'e88243106332270c051599905cf61b20c05637ac' }, h(TableFootRow, { key: '4c1e2dca2100a5010b8fcae7cb42e44cde5e0128' }, h(TableFootCell, { key: 'e8ce9acc75921d176f265e6a6f89398f86c911b0', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '9930d2573e46628637eb12034cb966d69b3b43b9', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'ca85fc0bd239200eb2b816c3144181ef769c1662' }, h(TableComponent, { key: '75e3f3fc085cb5b468e655987457738030833f70' }, h(TableHead, { key: 'aef086fcfb1631a1532881b2a9a6586b18c73b50' }, h(TableHeadRow, { key: '9bffba6f07d74a681eba9454f2604cd627084d05' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '2ce4d63d6dedf0b79e790500e968a6336a5dab37' }, h(TableLoadingState, { key: '5c8e250b17b682fc99c1538d83ad94c8a1238bda', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c5c76edaa5ed9c7d72439ad99a04844649038244', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'b44c12b883d77cd0677c24dc6928cd4865f13541', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '065ea52b09e85e1de46b1098c3d74ab37a48629e' }, h(TableFootRow, { key: '7be6c77dba69bc0e2a0c5fefbf91b068f23bf6de' }, h(TableFootCell, { key: 'f190c8adb4c0b709dd7c19216ad4a5c3f2d185fa', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '17bd1cf79389600b9db869edc20edd5c065dca59', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "terminals-list-core"; }
     static get properties() {

package/dist/collection/components/terminals-list/terminals-list-filters.js

@@ -35,7 +35,7 @@ export class TerminalsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '4d3d629e79524a5af3cdaa53a9cf4495adbb1432' }, h("table-filters-menu", { key: 'd49e21e577afc1a4975b0d860a52937772b65e48', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '0b56a893f0eba5947721b0ca9279b0d2d0e249f3', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '0f037e3d28e052423451b64fc54f551a1e78993c', class: "p-2" }, h("form-control-text", { key: '52fdf6336a67d203ef29ad4d5f3ec53d7046f151', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '8aaabed2e0ba260298cd5ee0a699007d54d7deb3', class: "p-2" }, h("form-control-text", { key: 'a15fd5e5eef01ae360a0961abb64da458a64d04f', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: '5111cba84dc8685cde783235217e1be2cad8fd8f', class: "p-2" }, h("form-control-select", { key: '20c7c224ac401cb3a38f96bf25191fd62d0534f9', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: '0f68d3d45ff461011c59fb71c4c89391dbb72bb0' }, h("table-filters-menu", { key: 'ea051d926c2b20e95d055f8cacb6f40999b1ac7b', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: 'e7d6fe457e29da3b62e2a81511f939f87000a32e', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '2c5ef7dcfe6d3ccde2821a4ab2d5c6e2eef51311', class: "p-2" }, h("form-control-text", { key: 'a44a96a3d1ee83d234d0763fdb0ff2eea366a624', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'ee0f05b519eb61374880bdab865999e0d66d0782', class: "p-2" }, h("form-control-text", { key: '9f97053c46474dc2701b030b91126c2b4a8c3728', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: '88535a61ee28d83c83e91200be4d9d8b3ed49530', class: "p-2" }, h("form-control-select", { key: '4a465b5b82a514fcd84c051969fe5e24b8a2d20d', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
     }
     static get is() { return "justifi-terminals-list-filters"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/terminals-list/terminals-list.js

@@ -61,7 +61,7 @@ export class TerminalsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '8c81823f7a3c613fc1725a8c4fe3438f6186f4fe' }, h("terminals-list-core", { key: '13c38992d9e101955d39065985b6c6b22b5ace9e', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '2212743b516f92a5af51a6b9202b3679f22aadcc' }, h("terminals-list-core", { key: '5fabd291b0649fa3b893b3fff8200aafa053ab3c', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-terminals-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tokenize-payment-method/tokenize-payment-method.js

@@ -3,6 +3,7 @@ import { Button, StyledHost } from "../../ui-components";
 import { checkPkgVersion } from "../../utils/check-pkg-version";
 import JustifiAnalytics from "../../api/Analytics";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api";
+import { checkoutStore } from "../../store/checkout.store";
 export class TokenizePaymentMethod {
     constructor() {
         this.submitButtonText = 'Submit';
@@ -11,6 +12,12 @@ export class TokenizePaymentMethod {
     componentWillLoad() {
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
+        if (!this.authToken) {
+            this.authToken = checkoutStore.authToken;
+        }
+        if (!this.accountId) {
+            this.accountId = checkoutStore.accountId;
+        }
     }
     disconnectedCallback() {
         var _a;
@@ -52,7 +59,7 @@ export class TokenizePaymentMethod {
         return this.paymentMethodOptionsRef.validate();
     }
     render() {
-        return (h(StyledHost, { key: '9f12f7a83b2cb06c83694454ea5884bd7392eb83' }, h("form", { key: '0a0a4b4a049aa85863ef5c65313b89ebf58455c5' }, h("fieldset", { key: 'c35ed423483d49615f9ebe500fcef405394f4eb6' }, h("div", { key: '80419e9ca3431d9d75cffc958daab84a2c232f49', class: "row gy-3" }, h("div", { key: 'bd465d8b364c1bc46a6a3dee3fb74087bc087580', class: "col-12" }, h("justifi-payment-method-options", { key: 'c363e501622ef81c78a728ebbd15a3a4cd89867a', 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, hideBankAccountBillingForm: this.hideBankAccountBillingForm, authToken: this.authToken, "account-id": this.accountId })), h("div", { key: 'ad252991a12f6d21a012b6422ecaae13412f789b', class: "col-12" }, h(Button, { key: '4bb1dcdfeb71c21d3268c11fabd1ab92b43fca5e', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText)))))));
+        return (h(StyledHost, { key: '0eea98bc9927bbd48841728ece5dd19bd23aa2dc' }, h("form", { key: '696040e74f6fe5b776edf8017d400165752e9715' }, h("fieldset", { key: 'af96f0fc95db821ce53c28496aef352416ff8a0e' }, h("div", { key: '68af7be6aac098150edce72a7372ed526e94a212', class: "row gy-3" }, h("div", { key: 'a9f477f7e85dd33c113ab95efd8d03aa7ce84049', class: "col-12" }, h("justifi-payment-method-options", { key: '2ec00aa262d3bceee0768a0a0c6eff499e0295c4', 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, hideBankAccountBillingForm: this.hideBankAccountBillingForm, authToken: this.authToken, "account-id": this.accountId })), h("div", { key: 'cd878391ee2af083a685daf2322cddc859398a3c', class: "col-12" }, h(Button, { key: '29bf32b687e73c00c1e6519d99b9dcd75dc968e4', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText)))))));
     }
     static get is() { return "justifi-tokenize-payment-method"; }
     static get encapsulation() { return "shadow"; }
@@ -68,7 +75,7 @@ export class TokenizePaymentMethod {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -87,7 +94,7 @@ export class TokenizePaymentMethod {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""

package/dist/collection/store/checkout.store.js

@@ -0,0 +1,32 @@
+import { createStore } from "@stencil/store";
+const initialState = {
+    accountId: '',
+    authToken: '',
+    billingFormFields: {
+        address_postal_code: '',
+    },
+    bnplEnabled: false,
+    bnplProviderApiVersion: '',
+    bnplProviderCheckoutUrl: '',
+    bnplProviderClientId: '',
+    bnplProviderMode: '',
+    checkoutId: '',
+    disableBankAccount: false,
+    disableBnpl: false,
+    disableCreditCard: false,
+    disablePaymentMethodGroup: false,
+    paymentAmount: 0,
+    paymentDescription: '',
+    paymentMethodGroupId: '',
+    paymentMethods: [],
+    selectedPaymentMethod: '',
+    totalAmount: 0,
+};
+const { state: checkoutStore, onChange } = createStore(initialState);
+Object.keys(initialState).forEach((key) => {
+    // @ts-ignore
+    onChange(key, (newValue) => {
+        checkoutStore[key] = newValue;
+    });
+});
+export { checkoutStore, onChange };

package/dist/collection/ui-components/custom-popper/custom-popper.js

@@ -80,7 +80,7 @@ export class CustomPopper {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '7ef56b941bf884c5a1416b373372748374bb204a' }, h("style", { key: 'ac2a710bea0939dd7f279968cfd33d789eba3a08' }, `
+        return (h("div", { key: 'ef187a8100be9de010408f04e4f2f65fcfdee096' }, h("style", { key: 'c3e6cd76e7db2703a3b6053a9448290d27f47513' }, `
           .popper-content {
             display: none;
           }
@@ -88,7 +88,7 @@ export class CustomPopper {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: 'f34a15bd8122833ed8b188cd0519588f2da78bb9', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '54d97c9be7fe9c33584156569c927e2108cab331' }))));
+          `), h("div", { key: 'c580384fa4e1bedd9c365c2f29b57bd2639e3aaa', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'e60f03801976ec3379e4d6e3118a92c18b5c0549' }))));
     }
     static get is() { return "custom-popper"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-checkbox.js

@@ -31,10 +31,10 @@ export class CheckboxInput {
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: 'ec1a11fd6b5d97b4a6136b91b750c0fde7f9e7fd' }, h("div", { key: 'b56aa5fb171204bcebffa8aa22e8b5cc7ae8daf1', class: 'form-group d-flex flex-column' }, h("div", { key: 'da21623174fbc8fca6f063771f234f755945a838', class: "form-check" }, h("input", { key: 'f78acb43994063f81d823907378b9aa71a752f66', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'cb878f1f74f6b677e33e07b61eb39f1b16c567c1' }, h("div", { key: '167df136f1b44f0bf858d2ed4c8cddf67afe05fa', class: 'form-group d-flex flex-column' }, h("div", { key: '74e3a823e0c6c6a64de50ebb68be2241fb6dd8ba', class: "form-check" }, h("input", { key: '65c82ac502370c5b55800c2190fef383368639cf', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '7ae4a71d065ef48cc261a4850b6baac79640836c', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'cb50d3eebf345d1db44cf377da8b3c1f709b733c', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '20990b29fe22a5126a304788feb2c0498fb4925b', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '69a428f166d8a46f483c72c954ed6e2b17b81584', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'a9baa778379ae26189b96983ee9a3279020b2d94', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'e1d9e8d4996777ec30978ece5b03892044e1a95e', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-checkbox"; }
     static get properties() {