@justifi/webcomponents 6.1.0-rc.2 → 6.1.0

package/dist/module/justifi-button2.js

@@ -13,13 +13,13 @@ const JustifiButton = /*@__PURE__*/ proxyCustomElement(class JustifiButton exten
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: '48098276e0808052803f0d16df68ba23d529c4ab' }, h(Button, { key: 'c62e8d2d9208dc180180b4283edea991c5a93c57', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (h(StyledHost, { key: '7c146b9ccaf8c4c37adde6c8af054dc4796d78bd' }, h(Button, { key: '879d05664b808abcbc32a38bc98fcd673dba0dea', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 }, [257, "justifi-button", {
         "text": [1],
         "variant": [1],
         "isLoading": [4, "is-loading"],
-        "clickHandler": [16, "click-handler"],
+        "clickHandler": [16],
         "disabled": [4],
         "type": [1],
         "class": [1],

package/dist/module/justifi-checkout.js

@@ -1,21 +1,22 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { c as checkoutStore } from './checkout.store.js';
-import { a2 as checkoutSummary } from './parts.js';
+import { a3 as checkoutSummary } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
 import { d as defineCustomElement$6 } from './justifi-radio-list-item2.js';
 import { P as PAYMENT_METHODS } from './ModularCheckout.js';
-import { d as defineCustomElement$q } from './custom-popper2.js';
-import { d as defineCustomElement$p } from './form-control-checkbox2.js';
-import { d as defineCustomElement$o } from './form-control-help-text2.js';
-import { d as defineCustomElement$n } from './form-control-radio2.js';
-import { d as defineCustomElement$m } from './form-control-select2.js';
-import { d as defineCustomElement$l } from './form-control-text2.js';
-import { d as defineCustomElement$k } from './form-control-tooltip2.js';
-import { d as defineCustomElement$j } from './hidden-input2.js';
-import { d as defineCustomElement$i } from './iframe-input2.js';
+import { d as defineCustomElement$r } from './custom-popper2.js';
+import { d as defineCustomElement$q } from './form-control-checkbox2.js';
+import { d as defineCustomElement$p } from './form-control-help-text2.js';
+import { d as defineCustomElement$o } from './form-control-radio2.js';
+import { d as defineCustomElement$n } from './form-control-select2.js';
+import { d as defineCustomElement$m } from './form-control-text2.js';
+import { d as defineCustomElement$l } from './form-control-tooltip2.js';
+import { d as defineCustomElement$k } from './hidden-input2.js';
+import { d as defineCustomElement$j } from './iframe-input2.js';
+import { d as defineCustomElement$i } from './apple-pay.js';
 import { d as defineCustomElement$h } from './bank-account-billing-form-simple.js';
 import { d as defineCustomElement$g } from './bank-account.js';
 import { d as defineCustomElement$f } from './billing-form.js';
@@ -75,6 +76,11 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         this.isSubmitting = false;
     }
     checkoutChanged(event) {
+        // if disabled bnpl, remove sezzle from available payment methods
+        if (this.disableBnpl) {
+            this.availablePaymentMethods = event.detail.availablePaymentMethodTypes.filter((method) => method !== PAYMENT_METHODS.SEZZLE);
+            return;
+        }
         this.availablePaymentMethods = event.detail.availablePaymentMethodTypes;
     }
     async fillBillingForm(fields) {
@@ -92,7 +98,6 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         checkoutStore.authToken = this.authToken;
         checkoutStore.disableCreditCard = this.disableCreditCard;
         checkoutStore.disableBankAccount = this.disableBankAccount;
-        checkoutStore.disableBnpl = this.disableBnpl;
         checkoutStore.disablePaymentMethodGroup = this.disablePaymentMethodGroup;
     }
     async submit(_event) {
@@ -105,16 +110,15 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
     }
     render() {
         var _a, _b;
-        return (h(StyledHost, { key: '65e97b6e7b25f885beda63487d96877ac4785847' }, h("justifi-modular-checkout", { key: 'dc009a2897ae02dfaa9ca7694dc20a588bca5b8a', ref: (el) => {
+        return (h(StyledHost, { key: '0d0a0eb14ce4f41683a13da63045c0f9cdadaf9c' }, h("justifi-modular-checkout", { key: 'c1bdc5df815a0644ed9c2c1f993fbce3317c89ed', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId }, h("div", { key: '8c8536f5139ad2d05316546a5442552e87992d89', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '20135fb737963df1d2c5e790881b98d6efa8c04b', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '4fa1fdcad237ce5014266adbd6fec1fa766c3e44', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '44a694a98e30ebd21e1f3d2beaafe8d5d11f1a36' }, h("justifi-checkout-summary", { key: '1ff39b9c2d31649f2346d0aa666168d1cbe1deca' }))), h("div", { key: '6401bebd557fcf9ef73746c2ee4f2d67ccccf73b', class: "col-12 mt-4" }, h("slot", { key: '72d1e32aaed73232cf2b2d247ab5e7fc19a36092', name: "insurance" })), h("div", { key: '2fea8b30dd19032afc7a5b37abe897aa1aee1362', class: "col-12 mt-4" }, h("justifi-header", { key: '8b2d443e9e5db4ba95ab72983e737a7579824e69', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '67a2c1a30841a789b9b2ee2d16209373ad055783', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: '1fdb903931cd73a801975eabd12d7ad43cefcb97', class: "d-flex flex-column" }, h("section", { key: '29b3a041e397aebae60106ac508188d6b4770f1f' }, h("div", { key: '0ab54f7a284a59d8bcae57df1abe8e8347628fc2' }, h("justifi-saved-payment-methods", { key: 'b8f73b6e8992e99332dc55cf6ed099ccb60953c3' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: 'd87bd60da7d44160a56de342fcbe6c505e8d79e5', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && (h("justifi-radio-list-item", { key: '9d0527fe516eaee74a10314a6f7a866cf40a6942', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("justifi-tokenize-payment-method", { key: 'fd29144c8e488ee48361df556bde824a80d1a207', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: '9f3cc42ae66e37193ab0b6df7f5235aaf8cc3c84', class: "mt-4" }, h("justifi-button", { key: '2cbd13a7bde5ce0478e948456edb2191f9b96c0b', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
+            }, authToken: this.authToken, checkoutId: this.checkoutId }, h("div", { key: 'c2b1585130865059c416950d203e4bc6de14d7bb', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '1f7e5140220fa4e47167ad94fc73ec6f097b8c38', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: 'a9c940a936f3db6425ac8402910163696f57d70a', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: 'fd46c93c9f17cac96a40b24e2abfdd9d63e5dd3a' }, h("justifi-checkout-summary", { key: '4cbdfebd16b6ce411fd2ff8e9b82c141898d9aae' }))), h("div", { key: '43d2188813a694719154b80a7e7a8fcf7a09a672', class: "col-12 mt-4" }, h("slot", { key: '29b07bb448b85bb15a38b961afb2c5bb22d4be73', name: "insurance" })), h("div", { key: '46b213c8ebdb4b0d5e64a8fcd84a1d5fe95c7315', class: "col-12 mt-4" }, h("justifi-header", { key: 'e88f4f3092521158a2f16f4158ec681af39c739f', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '1b610381d0e4e14811be8d3f6edd979936e6f07f', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: '0da7399801ecdebd77f516fc60d68c7c84b8be0c', class: "d-flex flex-column" }, h("section", { key: 'd2cebab6a6a34cffca18e4720b18e177d4c5930c' }, h("div", { key: 'be648fcfc8ab083d81054ec291a524f501764eaa' }, h("justifi-saved-payment-methods", { key: 'b54b3e367e91d6bfb3a46cab928aeb85d059696f' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '96f6ab9bda4f61c053d09c67fbc007ff8ecbaa46', class: "mb-3" }, h("justifi-apple-pay", { key: '91699bd30da48629cda982ab933f4c381259a13a' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: 'ec38314be2801ada679b55df9e490bf89aa3fce7', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: '582830c28451e28433d7de007db2541d333ad5f0', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("justifi-tokenize-payment-method", { key: '7b065ec87f539d97c2977905c8afc759fd1f4a4e', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: '5370b456cbf1ce93a241f3dfff980cefe668652a', class: "mt-4" }, h("justifi-button", { key: '7bbb85faf30a34650fa252d7d1d80d332a803bcd', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
         "checkoutId": ["propChanged"],
         "disableCreditCard": ["propChanged"],
         "disableBankAccount": ["propChanged"],
-        "disableBnpl": ["propChanged"],
         "disablePaymentMethodGroup": ["propChanged"]
     }; }
 }, [260, "justifi-checkout", {
@@ -140,14 +144,13 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         "checkoutId": ["propChanged"],
         "disableCreditCard": ["propChanged"],
         "disableBankAccount": ["propChanged"],
-        "disableBnpl": ["propChanged"],
         "disablePaymentMethodGroup": ["propChanged"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-checkout", "custom-popper", "form-control-checkbox", "form-control-help-text", "form-control-radio", "form-control-select", "form-control-text", "form-control-tooltip", "hidden-input", "iframe-input", "justifi-bank-account-billing-form-simple", "justifi-bank-account-form", "justifi-billing-form", "justifi-billing-form-full", "justifi-button", "justifi-card-billing-form-simple", "justifi-card-form", "justifi-checkout-summary", "justifi-header", "justifi-modular-checkout", "justifi-plaid-payment-method", "justifi-radio-list-item", "justifi-save-new-payment-method", "justifi-saved-payment-methods", "justifi-sezzle-payment-method", "justifi-tokenize-payment-method"];
+    const components = ["justifi-checkout", "custom-popper", "form-control-checkbox", "form-control-help-text", "form-control-radio", "form-control-select", "form-control-text", "form-control-tooltip", "hidden-input", "iframe-input", "justifi-apple-pay", "justifi-bank-account-billing-form-simple", "justifi-bank-account-form", "justifi-billing-form", "justifi-billing-form-full", "justifi-button", "justifi-card-billing-form-simple", "justifi-card-form", "justifi-checkout-summary", "justifi-header", "justifi-modular-checkout", "justifi-plaid-payment-method", "justifi-radio-list-item", "justifi-save-new-payment-method", "justifi-saved-payment-methods", "justifi-sezzle-payment-method", "justifi-tokenize-payment-method"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-checkout":
             if (!customElements.get(tagName)) {
@@ -156,45 +159,50 @@ function defineCustomElement$1() {
             break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "form-control-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "form-control-help-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "form-control-radio":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "form-control-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "form-control-tooltip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "hidden-input":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "iframe-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
+        case "justifi-apple-pay":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }

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

@@ -5,7 +5,7 @@ import { I as ICheckoutStatus, d as ICheckoutPaymentModeParam } from './Refund.j
 import './Pagination.js';
 import './Business.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './checkouts-list-params-state.js';
-import { a3 as checkoutsListFilterMenu, a4 as statusCheckoutsListFilterParam, a5 as paymentModeCheckoutsListFilterParam } from './parts.js';
+import { a4 as checkoutsListFilterMenu, a5 as statusCheckoutsListFilterParam, a6 as paymentModeCheckoutsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
@@ -55,7 +55,7 @@ const CheckoutsListFilters = /*@__PURE__*/ proxyCustomElement(class CheckoutsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '0899d18449324a8dc022297d9ab5b4f726d091f9' }, h("table-filters-menu", { key: '8b110d394a685f0f4868c089621711086384ab1c', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'e556d20b1ff0fe9fe3a8c4ad38e58701cb27d6f7', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'ba35f335ab22792af155140efbe01b7deed60e25', class: "p-2" }, h("form-control-select", { key: '6669b68303f80616ce2f307d653e4775c9d2483b', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '7ddd00d88cc28ea92540b83a5b40354ca69803b8', class: "p-2" }, h("form-control-select", { key: 'dfecff15700e174c3fe12a2aa5bc724e8826b831', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode, disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
+        return (h(StyledHost, { key: '39b7e8cae3782643fc447fb66211f165021e39f8' }, h("table-filters-menu", { key: 'ec4668c59ba4d056b472e5d30f4e526fdb065935', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'b422804789a74a8063f77f307b8d477bd1ac98c0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd0125c273dd3bf11c3e50a4a470ddf9839d5efd2', class: "p-2" }, h("form-control-select", { key: '8d28305771dd12aa90784c3ce7a96de521b19a36', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '5980940381f9651936002a7cf563a373ab6db20a', class: "p-2" }, h("form-control-select", { key: 'f08541d0afbc4f808c5245e167190f2073cec49c', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
     }
 }, [257, "justifi-checkouts-list-filters", {
         "checkoutStatus": [1, "checkout-status"],

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import './config-state.js';
 import './dinero.js';
-import { i as Checkout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { j as Checkout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
@@ -103,7 +103,7 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '4889226a2351b13dde8cbbfb0ba5fb3156226c5f' }, h("checkouts-list-core", { key: '56c36469e55f5ce33da5cc3224ebfd83057811d7', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '1521139ac1c2f30516e70e5426a92b2bf615ae9a' }, h("checkouts-list-core", { key: '4c9166e7a2c6adc57f96aee67ba580e5b3e80620', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-dispute-management.js

@@ -96,7 +96,7 @@ const DisputeManagement = /*@__PURE__*/ proxyCustomElement(class DisputeManageme
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: '4087eb105a046a3cc194d9f25c80fa11298fa0a2', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: 'f1bd67d5ad60de2ad584c8440cc71c3ad6453429', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],

package/dist/module/justifi-header2.js

@@ -20,7 +20,7 @@ const Header = /*@__PURE__*/ proxyCustomElement(class Header extends HTMLElement
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: 'eb3651b698897193d34a6c6456cd57dd0bd0bc43' }, h(HeaderComponent, { key: '39caee687f93d3d4d90e62d9fbcae318eaa8022e', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: 'e1d39365c2ff2c291a42b53d6bcbe1d97d602778' }, h(HeaderComponent, { key: '0b8c8c3a42ff2151e3b293cafeeaeda72e94d767', text: this.text, class: this.class })));
     }
 }, [257, "justifi-header", {
         "text": [1],

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

@@ -1,11 +1,11 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { X as heading4, _ as heading5, a0 as buttonPrimary, t as text } from './parts.js';
+import { Y as heading4, $ as heading5, a1 as buttonPrimary, t as text } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
-import { o as TerminalModel, C as ComponentErrorSeverity, n as TerminalOrder, e as TerminalOrderType, a as ComponentErrorCodes } from './Refund.js';
+import { p as TerminalModel, C as ComponentErrorSeverity, o as TerminalOrder, f as TerminalOrderType, a as ComponentErrorCodes } from './Refund.js';
 import { B as BusinessService } from './business.service.js';
 import { a as Business } from './Business.js';
 import { m as makeGetBusiness } from './get-business.js';
@@ -15,7 +15,7 @@ import './dinero.js';
 import './Pagination.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { T as TerminalService } from './terminal.service.js';
-import { n as formatPhoneNumber } from './utils2.js';
+import { o as formatPhoneNumber } from './utils2.js';
 import { d as defineCustomElement$4 } from './custom-popper2.js';
 import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
 import { d as defineCustomElement$2 } from './terminal-quantity-selector2.js';
@@ -205,7 +205,7 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         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: '3ea6cebd4ab6bc47090056581482dab8502175c1' }, h("div", { key: '383dc710920b5119841d5cf6f1b596ebc349fd5a', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: '5e7da5050d127f6470bc12f9cf547fe421ce1897' }, h("div", { key: '6a1f46676ef1f31f6cfeb642001a0dd3f8a60072', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 }, [257, "justifi-order-terminals", {
         "businessId": [1, "business-id"],

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

@@ -15,12 +15,19 @@ const PaymentDetails = /*@__PURE__*/ proxyCustomElement(class PaymentDetails ext
         }
         this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.recordClickEvent = createEvent(this, "record-click-event", 7);
         this.errorMessage = null;
         this.paymentService = new PaymentService();
         this.handleErrorEvent = event => {
             this.errorMessage = event.detail.message;
             this.errorEvent.emit(event.detail);
         };
+        this.handleRecordClickEvent = (event) => {
+            this.recordClickEvent.emit({
+                id: event.detail.id,
+                type: event.detail.type,
+            });
+        };
     }
     componentWillLoad() {
         checkPkgVersion();
@@ -56,7 +63,7 @@ const PaymentDetails = /*@__PURE__*/ proxyCustomElement(class PaymentDetails ext
         if (this.errorMessage) {
             return ErrorState(this.errorMessage);
         }
-        return (h("payment-details-core", { getPaymentDetails: this.getPaymentDetails, "onError-event": this.handleErrorEvent }));
+        return (h("payment-details-core", { getPaymentDetails: this.getPaymentDetails, "onError-event": this.handleErrorEvent, "onRecord-click-event": this.handleRecordClickEvent, "enable-record-click": "true" }));
     }
     static get watchers() { return {
         "paymentId": ["propChanged"],

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

@@ -99,7 +99,7 @@ const PaymentProvisioning = /*@__PURE__*/ proxyCustomElement(class PaymentProvis
         }
     }
     render() {
-        return (h("justifi-payment-provisioning-core", { key: '4d0da0feba2d6786e696f6cc9e286d77e6aca8f1', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
+        return (h("justifi-payment-provisioning-core", { key: '6d77016584f204fdc4be5fd554b4eb1639e856ab', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/module/justifi-payment-transactions-list.js

@@ -1,7 +1,7 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import './config-state.js';
 import './dinero.js';
-import { l as PaymentBalanceTransaction, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { m as PaymentBalanceTransaction, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
@@ -13,7 +13,7 @@ import './details.js';
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { e as convertToLocal } from './utils2.js';
-import { v as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
+import { w as tableHeadCell, a9 as getAlternateTableCellPart } from './parts.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 
 const makeGetPaymentTransactions = ({ id, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
@@ -181,7 +181,7 @@ const PaymentTransactionsList = /*@__PURE__*/ proxyCustomElement(class PaymentTr
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: 'c73dfcd1d3038dbca6800b9bd0f4e6c5fba2b8bf' }, h(TableWrapper, { key: '66d8f92a96f2ace82c05d10a9f538d6ad22b588f' }, h(TableComponent, { key: 'cff0e6344efd035f264326ecc79615bddfe8d0ac' }, h(TableHead, { key: '702e53ae1d59ab674425f4753c1cf0b6415feacd' }, h(TableHeadRow, { key: '7773de2d113af30b3a0d64405dce5d5e09a0bb8c' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '7b86d982f52037349b5cc2f7ec5fa800e38ed519' }, h(TableLoadingState, { key: '040c3dfb101c1ea127cfcf982e4415ae94661b2a', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '6d25f8a886cf9b15ea9c17c44dfe0bce6125c557', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '60bb435ecf7a595cdb028df4cd95c1361ce06c8d', 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: 'accb2e3cb9dc8521c50db6a8ed306f91e5aa44c7' }, h(TableFootRow, { key: 'a4408276ce552fe4c43c60f79e7a2a3602566b2c' }, h(TableFootCell, { key: '20b13cc71f8b62166e8b6e9fce5dea2d1b4c5ac0', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '90657ed6a805af46446bc8fb316a52252a9a2bf4', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'a00f8b0ba0e96bba423c6933fc9eebd19f5f61cd' }, h(TableWrapper, { key: 'b1ad1863482835106c6ec1b5fe7c3f9bb294a316' }, h(TableComponent, { key: 'f20d05de3f0a4d60734bfb366ebaf11a5b9fa4d0' }, h(TableHead, { key: 'd4aa85002f25923d79670687d80090422e4f09a3' }, h(TableHeadRow, { key: '99dba50d00c0ab2ba4f140424ff534936fd15c9e' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '5526e3cffc2d43f6f6cbd755afbcffd3d036ebe9' }, h(TableLoadingState, { key: 'a5cf0dcf867feba1a1a8c4419e5f6c868510eb82', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '62f38aa3ea3758f6a113b2370c17670fa38fd322', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'a86ba5ae455119f12fa01a56c6826cc3a08d7c3b', 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: '302041a89f00caa4e440bad8bd5148f9b51b405e' }, h(TableFootRow, { key: 'c1071b23b4dc07c94674d0addabc8cdc7bc7ca3c' }, h(TableFootCell, { key: '2144fdc702e20c8c839b5d8c231bf1d3b16df234', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '71589bd15b0af2d1eb6bad533e294e480ba36ca3', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { l as lodashExports } from './lodash.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './payments-list-params-state.js';
-import { a9 as paymentsListFilterMenu, aa as paymentIdPaymentsListFilterParam, ab as terminalIdPaymentsListFilterParam, ac as paymentStatusPaymentsListFilterParam, ad as createdAfterPaymentsListFilterParam, ae as createdBeforePaymentsListFilterParam } from './parts.js';
+import { aa as paymentsListFilterMenu, ab as paymentIdPaymentsListFilterParam, ac as terminalIdPaymentsListFilterParam, ad as paymentStatusPaymentsListFilterParam, ae as createdAfterPaymentsListFilterParam, af as createdBeforePaymentsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
@@ -58,8 +58,8 @@ const PaymentsListFilters = /*@__PURE__*/ proxyCustomElement(class PaymentsListF
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'ef06ca5d0df145fd2c7f82fb164a4098b1654e7c' }, h("table-filters-menu", { key: '32739ded26b3a11092e5237d363b5b280c859f0c', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '2e123d80c45a92944811b9124e13f6cfc2e11cc0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd9e5facfe21e0896a4f0542a12592f11c54c0bc8', class: "p-2" }, h("form-control-text", { key: '084cec1084b8be08a5520891479aa4b4ab168ab7', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'c86027af0c49931a34e31e185cfc3c0d1093caf9', class: "p-2" }, h("form-control-text", { key: '694b5ddd5f90af1d73320cb6e29ce2e3aafce0b8', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '4d2e5e1a0e76a58be68255e08a2a4f09dbbbc481', class: "p-2" }, h("form-control-select", { key: 'd4fa79604b6f9a390a63601001bc2ba8f8af425a', 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: '54cc9fb98d5c0f6d96abb592d5e22c037634089c', class: "p-2" }, h("form-control-date", { key: '95001198266f09607e34d0c1fa5c1d0693b67b0a', 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: '3510ccb63020969b2777c65ed82cfab9027dccd8', class: "p-2" }, h("form-control-date", { key: '428a3195efb976842c186aa0b4ec76ebfb1b7836', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'a7558557fc2568a6d2a1b440b421d534f62a6163' }, h("table-filters-menu", { key: '4e185e33a7835795b6858ec8419fc2ba8ab64a9d', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '619b459dbd961cc2c5eb192f830f51f123f59604', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '53e8c53aa1f1aff0ecebc9ebb1f13bff2a053795', class: "p-2" }, h("form-control-text", { key: '04698a7742b278abbb720d4884f041509f5ac8ad', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '967ef74a4642cfd758801e5f942a20fd7375fbe3', class: "p-2" }, h("form-control-text", { key: '3ca21f2ca7b45bba64a1d6d734be9beaf00c14fe', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: 'a5ec7ca0881d8d1bf2f0efa2c84270d3cd68832f', class: "p-2" }, h("form-control-select", { key: 'fd2d57c06e46ee77493ccfdc81927caa41c4d867', 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: 'b272738dc727933cb4f21405ae222973aadde76d', class: "p-2" }, h("form-control-date", { key: '3cfb486fc05e023a3eb9960de13e0bbf2d179d79', 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: '008a9c18830cadcf0da9d971077e8efd6ca9a714', class: "p-2" }, h("form-control-date", { key: 'a8805f485e37268df0897c6d5eff19e9c2324542', 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 }))))));
     }
 }, [257, "justifi-payments-list-filters", {

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

@@ -92,7 +92,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         }
     }
     render() {
-        return (h(StyledHost, { key: '4cdd2e9a318226408d47198bf2de40a750a71d01' }, h("payments-list-core", { key: '87964c5dd33fd3b716964227cd990539d5d13fc4', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '0e82f9f2e71485299ef1bfe8dd9cf17ff79b9550' }, h("payments-list-core", { key: 'e1a808634458a378db3fb0021b786de65047e28c', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { P as PayoutService } from './payout.service.js';
 import './config-state.js';
 import './dinero.js';
-import { j as Payout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { k as Payout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
@@ -49,6 +49,7 @@ const PayoutDetails = /*@__PURE__*/ proxyCustomElement(class PayoutDetails exten
         }
         this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.enableRecordClick = false;
         this.errorMessage = null;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
@@ -93,7 +94,7 @@ const PayoutDetails = /*@__PURE__*/ proxyCustomElement(class PayoutDetails exten
         if (this.errorMessage) {
             return ErrorState(this.errorMessage);
         }
-        return (h("payout-details-core", { getPayout: this.getPayout, getPayoutCSV: this.getPayoutCSV, "onError-event": this.handleErrorEvent }));
+        return (h("payout-details-core", { getPayout: this.getPayout, getPayoutCSV: this.getPayoutCSV, "onError-event": this.handleErrorEvent, enableRecordClick: this.enableRecordClick }));
     }
     static get watchers() { return {
         "payoutId": ["propChanged"],
@@ -102,6 +103,7 @@ const PayoutDetails = /*@__PURE__*/ proxyCustomElement(class PayoutDetails exten
 }, [257, "justifi-payout-details", {
         "payoutId": [1, "payout-id"],
         "authToken": [1, "auth-token"],
+        "enableRecordClick": [4, "enable-record-click"],
         "getPayout": [32],
         "getPayoutCSV": [32],
         "errorMessage": [32]

package/dist/module/justifi-payout-transactions-list.js

@@ -1,7 +1,7 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { c as configState } from './config-state.js';
 import './dinero.js';
-import { m as PayoutBalanceTransaction, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { n as PayoutBalanceTransaction, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
@@ -13,7 +13,7 @@ import './details.js';
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { e as convertToLocal } from './utils2.js';
-import { v as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
+import { w as tableHeadCell, a9 as getAlternateTableCellPart } from './parts.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 
 const makeGetPayoutTransactions = ({ accountId, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
@@ -186,7 +186,7 @@ const PayoutTransactionsList = /*@__PURE__*/ proxyCustomElement(class PayoutTran
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: 'f795f89fe39f8cded7f0d9c671df8e3e86de6f03' }, h(TableWrapper, { key: '5bb5f805a78965068f675012a1a491e5dd3d4416' }, h(TableComponent, { key: 'c75e72fb5bde6b3f8f127be4d76ef1fa66ce6781' }, h(TableHead, { key: '3dfb03ed0205f6fff21953e0a4c85e8b151680a1' }, h(TableHeadRow, { key: '169156e61bdf1ce6e10b89c660526a7ec9efb860' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '1e59e340e98ace8291acfbe26836e5b2b7b7dd29' }, h(TableLoadingState, { key: '3c1a420d293d24ac9434f034c7e6de7a83698b63', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '2038ebb6ff5480d74b0bb6a6ecf31a9531f606ef', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '48582c83e384b4e5ba81c4d0055dc9e727a81cdd', 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: '0bb2c1f4085278db7b114c8b9c5a11702a1840d1' }, h(TableFootRow, { key: '2cc9fe5d66b433b392da1e0a1ae265db6404002d' }, h(TableFootCell, { key: 'cb21e30d68c92758efa03fbd16509ff28ab5e316', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'e5ac8aa63ddb08d7f70976cfceccbadab3b8efa9', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'a0ff80867bc3c0bf198165229f693d7748ffc7a4' }, h(TableWrapper, { key: '779cc5602f6221e0f704484bf962b72b266d95f8' }, h(TableComponent, { key: '7b4b56e9712533ba2b50a875d282ef4bd5efdcaf' }, h(TableHead, { key: '8ecd93d56bdbdb1417b260dd013315b21958f363' }, h(TableHeadRow, { key: '9fa0fea238a9f76c71d5b8fc5443ca2c9e56b13b' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'f7d94388eddaf848e4868005e985a1158577c70f' }, h(TableLoadingState, { key: 'c83742e9e3ecbcdaba29f2aa121ec4c101a55632', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'fa0404328357e11527cff2c3eb15536ee458557b', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '71add0ef95310fd49e403d65c2a23ea8f73c71b6', 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: '073af8dce5dabb2db604ae50e6ace6a4ace18e6f' }, h(TableFootRow, { key: '3f3906a106b3c41311a0e1309aea779e865bf0f5' }, h(TableFootCell, { key: '85b46ef2a297aab3a450d49dd086ec6e7e1ab027', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '548131521a5fcf1562b286097635f5f62414a28c', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { f as filterParams, p as propsParams, c as clearParams } from './payouts-list-params-state.js';
-import { af as payoutsListFilterMenu, ag as createdAfterPayoutsListFilterParam, ah as createdBeforePayoutsListFilterParam } from './parts.js';
+import { ag as payoutsListFilterMenu, ah as createdAfterPayoutsListFilterParam, ai as createdBeforePayoutsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
@@ -39,8 +39,8 @@ const PayoutsListFilters = /*@__PURE__*/ proxyCustomElement(class PayoutsListFil
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '83debaafb73e9143b6e2e7804f69c4124845d01e' }, h("table-filters-menu", { key: '162c3af697cef40e2a93c7e0245ec4d7d385f361', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '7e118d535a6bed14a1ea6e7ed920fd682bbd3705', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'dfd557f8d5a3f834bbaa5164ef2c1e7d3c19adcc', class: "p-2" }, h("form-control-date", { key: '01d9e16489abce36d4f770c4c06912923026860f', 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: '9e7167618cc737911056c9217dc6a1ca77c1f41b', class: "p-2" }, h("form-control-date", { key: 'd80e6e2ebda1cd8f290daff21908f7dba1af2d7a', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: '41eeb0429b0228f59f50b82fa8433dedacf56aed' }, h("table-filters-menu", { key: '10b29c5ab84d582867e7d58dae927ffceb20bf63', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '9f1a6b6409b06c3b8c44f513834f9ff4b8c97657', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '886691c037614a7623b78b0b4010fc539b7a0e94', class: "p-2" }, h("form-control-date", { key: 'b6553e03f27a2a65d241e679515cf1e1ecf3ebb8', 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: '7609b6996b9e1dfab4c20bb68cde950cfea42442', class: "p-2" }, h("form-control-date", { key: '118337c44913278ccc71e833a8afdb1d61071592', 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 }))))));
     }
 }, [257, "justifi-payouts-list-filters", {

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { j as Payout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { k as Payout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { P as PayoutService } from './payout.service.js';
 import './config-state.js';
@@ -106,7 +106,7 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
         }
     }
     render() {
-        return (h(StyledHost, { key: '73ac65b309e80186e0f7799385d012e91ceb1b8b' }, h("payouts-list-core", { key: 'f7767376f3155521445cb2ee48b9a20c362c8137', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: 'fb8e3e21a4e5a0aa971a91eed4ef0b603dbd1b23' }, h("payouts-list-core", { key: 'c9fb97bd0d77d1989f346285cd5124121ad4ac83', 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-radio-list-item2.js

@@ -19,7 +19,7 @@ const JustifiRadioListItem = /*@__PURE__*/ proxyCustomElement(class JustifiRadio
         };
     }
     render() {
-        return (h(StyledHost, { key: 'b0501b66bcfdd697d88c01835b8f97fb2c0861ab' }, h("div", { key: 'ada4dda7868086b1ea4cadd6c8824f87d3cb2301', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '72c6d07dd2a664ca6bd2be9b446584d7344bc2b0', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
+        return (h(StyledHost, { key: '1ae40f787970160e38b72f917bda96f480d2a890' }, h("div", { key: '2130596c8294cc38365e6126806735da0f93ef4a', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '7d5524f518430f2bfd1c9863f354318929353cfb', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
     }
 }, [257, "justifi-radio-list-item", {
         "name": [1],

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

@@ -2,7 +2,7 @@ import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/i
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { c as formatCurrency } from './utils2.js';
 import './config-state.js';
-import { R as RefundReasons, C as ComponentErrorSeverity, a as ComponentErrorCodes, p as RefundPayload } from './Refund.js';
+import { R as RefundReasons, C as ComponentErrorSeverity, a as ComponentErrorCodes, q as RefundPayload } from './Refund.js';
 import './Pagination.js';
 import './Business.js';
 import { B as Button } from './button.js';

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

@@ -26,10 +26,10 @@ const SavedPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SavedPaymentMe
     ;
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '5ec0e8509e57396844602de87fde994f5da2ba83', class: "payment-method" }, h("div", { key: 'f2a45d84e969cd04aca91d61f5819bfc85f558c9', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '1f4c35b2b6faa8ee42a1ee7347ddf2238b47fe50', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
+        return (h(Host, { key: 'ec168d224a6f9d403b7737b601bcfaef47b6135b', class: "payment-method" }, h("div", { key: '46a38c788468221f12495d84b213103bc0780726', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '4d2c981f7504277024eef63cd75c9fb7d435400b', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
     }
 }, [256, "justifi-saved-payment-method", {
-        "paymentMethodOption": [16, "payment-method-option"],
+        "paymentMethodOption": [16],
         "isSelected": [4, "is-selected"],
         "resolvePaymentMethod": [64]
     }]);

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

@@ -6,9 +6,9 @@ import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { c as checkoutStore } from './checkout.store.js';
-import { p as processHTML, c as formatCurrency, r as removeAttribute, m as addAttribute } from './utils2.js';
+import { p as processHTML, c as formatCurrency, r as removeAttribute, n as addAttribute } from './utils2.js';
 import { v as validateInsuranceValues, a as insuranceValues, b as insuranceErrors } from './insurance-state.js';
-import { t as text, j as textDanger } from './parts.js';
+import { t as text, k as textDanger } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import { H as Header2 } from './header-2.js';
 import './details.js';

package/dist/module/justifi-skeleton.js

@@ -11,14 +11,14 @@ const JustifiSkeleton$1 = /*@__PURE__*/ proxyCustomElement(class JustifiSkeleton
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: 'c995981caeae785829f1ef75454b2759243e8adb' }, h(Skeleton, { key: '9c63cf385499820bb1acd3503e126363485684f6', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (h(StyledHost, { key: '9358e05efc4de32bc1ebb2449bd2787a23a73e78' }, h(Skeleton, { key: '37d08c7515e769676c600184e34c6ff39e5d315d', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
     }
 }, [257, "justifi-skeleton", {
         "component": [1],
         "height": [8],
         "width": [8],
         "class": [1],
-        "customStyle": [16, "custom-style"]
+        "customStyle": [16]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {