@justifi/webcomponents 5.7.6-rc-02 → 5.7.6-rc-04

package/dist/module/insurance-state.js

@@ -4,6 +4,8 @@ const insuranceValuesStore = createStore({});
 const { state: insuranceValues, on: insuranceValuesOn } = insuranceValuesStore;
 const insuranceErrorsStore = createStore({});
 const { state: insuranceErrors } = insuranceErrorsStore;
+// Track previous values to detect actual changes vs initial setting
+const previousInsuranceValues = {};
 const validateInsuranceValues = () => {
     let valid = true;
     Object.keys(insuranceValues).forEach((key) => {
@@ -18,5 +20,20 @@ const validateInsuranceValues = () => {
     });
     return { isValid: valid };
 };
+// Helper function to check if a value has actually changed (not just initially set)
+const hasInsuranceValueChanged = (key, newValue) => {
+    const hadPreviousValue = previousInsuranceValues.hasOwnProperty(key);
+    const previousValue = previousInsuranceValues[key];
+    if (!hadPreviousValue) {
+        // First time setting this value, track it but don't consider it a "change"
+        previousInsuranceValues[key] = newValue;
+        return false;
+    }
+    const hasChanged = previousValue !== newValue;
+    if (hasChanged) {
+        previousInsuranceValues[key] = newValue;
+    }
+    return hasChanged;
+};
 
-export { insuranceValues as a, insuranceErrors as b, insuranceValuesOn as i, validateInsuranceValues as v };
+export { insuranceValues as a, insuranceErrors as b, hasInsuranceValueChanged as h, insuranceValuesOn as i, validateInsuranceValues as v };

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

@@ -5,10 +5,9 @@ import { a as additionalQuestionsSchema } from './business-additional-questions-
 import { i as identitySchema } from './business-identity-schema.js';
 import { a as addressSchema } from './business-address-schema.js';
 import './config-state.js';
-import './utils2.js';
+import './dinero.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
-import './Payment.js';
 import { a as Business, c as BusinessFormServerErrors } from './Business.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { B as Button } from './button.js';
@@ -16,6 +15,7 @@ import { S as StyledHost } from './styled-host.js';
 import { H as Header1 } from './header-1.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { S as Skeleton } from './skeleton.js';
 import { a as BusinessFormClickActions } from './event-types2.js';
 import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions.js';

package/dist/module/justifi-button2.js

@@ -11,7 +11,7 @@ const JustifiButton = /*@__PURE__*/ proxyCustomElement(class JustifiButton exten
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: 'e921657ff4c5aae07184ba6560a0f42b1e908643' }, h(Button, { key: '837cad8384e8d0e2e81d329beb4693ebb15b7d59', 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: 'aad33c81cefca389b2806d7597fb3ea9dfe262b0' }, h(Button, { key: '3fb90e6122d7fe05385f8d84c6c21ca9f87d9666', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 }, [1, "justifi-button", {
         "text": [1],

package/dist/module/justifi-checkout.js

@@ -2,10 +2,11 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 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 { b as PaymentMethodTypes } from './Payment.js';
+import { c as PaymentMethodTypes } from './Refund.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$m } from './custom-popper2.js';
 import { d as defineCustomElement$l } from './form-control-checkbox2.js';
 import { d as defineCustomElement$k } from './form-control-help-text2.js';
@@ -116,7 +117,7 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         return checkoutStore.selectedPaymentMethod === PaymentMethodTypes.card && this.hideCardBillingForm;
     }
     render() {
-        return (h(StyledHost, { key: '4fb1d82b065de6c1e4651a246a53f8e58451d6f6' }, h("justifi-modular-checkout", { key: '232cf32890422f474cf929b7c7ed7246d7b39c75', ref: (el) => (this.modularCheckoutRef = el), authToken: this.authToken, checkoutId: this.checkoutId, savePaymentMethod: this.canSavePaymentMethod && this.savePaymentMethod }, h("div", { key: '677ad110b05520be3b729995657086f0f6cbf337', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '458c84541dd154dd8b4ad1d0f2320e2308cc1785', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '440a7d1ad7b21da3db66e6c6f1f9afefb434a089', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '99bd431a8f70ce6e764cc04da3d0aaae6f0ebcbe' }, h("justifi-checkout-summary", { key: '52da663e5bed35f0deb220800c7ede8835a3671b' }))), h("div", { key: 'e95b1c6830d20c5af57c558badb04d07d3c48f23', class: "col-12 mt-4" }, h("slot", { key: '527d58d4806d2e1bbcba499e97ab65f6c9c7efb9', name: "insurance" })), h("div", { key: '69d1319d1e05852de4f5566ad3be20bc9a6ee499', class: "col-12 mt-4" }, h("justifi-header", { key: '1682f909f22172a44da54118aefe428f92908e91', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '7942a12143bea0235705969737e11d59bc5180e1', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: '497664d455695693c4f9a1a4465c62ad4d5b6bdf', class: "d-flex flex-column" }, h("section", { key: 'd3da4c18b430e1b36f7b9ba20be517994e763b5e' }, h("div", { key: '1cc0f0462a0f70d2acc4c9fdee25fbb2fe953c22' }, h("justifi-saved-payment-methods", { key: '576da27df84d67bc69f2d95f00a6c440fa73f7ed' }), h("justifi-sezzle-payment-method", { key: '6544a3a250ee012870a9edce71dd763553d44554' }), !this.disableCreditCard && (h("div", { key: '79050f768d8d76c4d882bed667e85391c230a960' }, h("payment-method-option", { key: '5a6c1dc583766707e6215203fdba176bd65b501d', paymentMethodOptionId: PaymentMethodTypes.card, isSelected: checkoutStore.selectedPaymentMethod === PaymentMethodTypes.card, clickHandler: () => { checkoutStore.selectedPaymentMethod = PaymentMethodTypes.card; }, radioButtonHidden: this.disableCreditCard, label: PaymentMethodTypeLabels[PaymentMethodTypes.card] }), checkoutStore.selectedPaymentMethod === PaymentMethodTypes.card && (h("div", { key: '5e6f0b854191a9a5db8936b2e30518fba251e478', class: "mt-4 mb-4" }, h("justifi-card-form", { key: '6c3f72f27dfe36924fe94ab4f7c79b6b9ff19b47' }))))), !this.disableBankAccount && (h("div", { key: 'f6a88103b2c30e4dd10e733b19aaa29a7a44430c' }, h("payment-method-option", { key: '67ef047a8caad5bc389238d54bb3d7056ca4b9e6', paymentMethodOptionId: PaymentMethodTypes.bankAccount, isSelected: checkoutStore.selectedPaymentMethod === PaymentMethodTypes.bankAccount, clickHandler: () => { checkoutStore.selectedPaymentMethod = PaymentMethodTypes.bankAccount; }, radioButtonHidden: this.disableBankAccount, label: PaymentMethodTypeLabels[PaymentMethodTypes.bankAccount] }), checkoutStore.selectedPaymentMethod === PaymentMethodTypes.bankAccount && (h("div", { key: 'e67924184fc43811523081711f59865a01d7cf9f', class: "mt-4 mb-4" }, h("justifi-bank-account-form", { key: 'a01cdfe8be1bc98d4c0f75c2a9f2ca1cce519042' }))))))))), this.showBillingFormSection && (h("div", { key: 'a15f1202548c7d6c302c2b2827168a6a119f8634', class: "col-12 mt-4" }, this.showBillingForm && (h("justifi-header", { key: 'ee654c812cb097449937da4253e191de1ee669d5', text: "Billing Address", level: "h2", class: "fs-5 fw-bold pb-3" })), this.showPostalCodeForm && (h("justifi-postal-code-form", { key: '2a5736e6da3354f7a9d1a5b8870a2f61c09c2592' })), this.showBillingForm && (h("justifi-billing-information-form", { key: '7dd63931e75d7583b4f51a1f6bb2b1e84a46e078' })))), h("div", { key: '54aeb0f07f574ee004ec02cd279265202cffa9bf', class: "col-12" }, this.canSavePaymentMethod && (h("justifi-save-new-payment-method", { key: '2e010be22091cee1ebc4353d5dac3b49639175e7' }))), h("div", { key: '71df812c8a922ae8b447d647f69675230c092db9', class: "mt-4" }, h("justifi-button", { key: '057cd18c6235c73cc69ca85e9cb35a2a614a4d9a', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
+        return (h(StyledHost, { key: '66b064eb09a9d14357b5f67ed6cb06a315e28cd3' }, h("justifi-modular-checkout", { key: '0c175af8ee77ba66a6c9e6e338f8e148485e1a44', ref: (el) => (this.modularCheckoutRef = el), authToken: this.authToken, checkoutId: this.checkoutId, savePaymentMethod: this.canSavePaymentMethod && this.savePaymentMethod }, h("div", { key: '27a831604928bae01d8a4f056065cf4bb22ed078', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '42f396148f51c83fcfb6af8385bfeaa0809c80b4', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '4fdee03c9f6c2d8cb125cf00e7774486f748024b', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '9dd9f8f49c714d915d33f4767196cb31912fe2d4' }, h("justifi-checkout-summary", { key: 'ab3a241477367ace71894a89cdb8df6b02b6a475' }))), h("div", { key: '2fcfa4852da6ab570999e00c900a38ce3f7b22d6', class: "col-12 mt-4" }, h("slot", { key: '0d8990a3c78a59cfad5b31de02d885dd85bdff3b', name: "insurance" })), h("div", { key: '02bcacf6467c99b50b61cd46c4393d2f21ac7f30', class: "col-12 mt-4" }, h("justifi-header", { key: 'f6c88155bcd68d4c76dd1c6d812cb3bf96556454', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: 'dfc55a62398f0baeb3eef4d934644f68cc8483b9', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: '3bfdf78062b252b9fc53f63e3248966cd4bd6513', class: "d-flex flex-column" }, h("section", { key: '5f51a590d33ae9074314df4a5808fa4355c3711f' }, h("div", { key: '048568eb658167dcb267a406d11e9672539e5454' }, h("justifi-saved-payment-methods", { key: '150ba48b60bd5818a6fd2004ed1d3b0571050221' }), h("justifi-sezzle-payment-method", { key: 'c959ccbba4683f37706daa889eaa60d0a371d682' }), !this.disableCreditCard && (h("div", { key: '412255d8cf36a0e3669680e09ca77d5efedf7969' }, h("payment-method-option", { key: '9aaaecfd5880a7de93e6f3c986e12f2e63407674', paymentMethodOptionId: PaymentMethodTypes.card, isSelected: checkoutStore.selectedPaymentMethod === PaymentMethodTypes.card, clickHandler: () => { checkoutStore.selectedPaymentMethod = PaymentMethodTypes.card; }, radioButtonHidden: this.disableCreditCard, label: PaymentMethodTypeLabels[PaymentMethodTypes.card] }), checkoutStore.selectedPaymentMethod === PaymentMethodTypes.card && (h("div", { key: '4fefd1eb74d9c6ba17a1d01fe59ab3334bf8bdac', class: "mt-4 mb-4" }, h("justifi-card-form", { key: '6c78f67bce200b47201220a528fb289861761727' }))))), !this.disableBankAccount && (h("div", { key: 'c5b97b68abaf8fa754b9f12e08a1b68c85b4c852' }, h("payment-method-option", { key: '24c013b3e317d26c9c7b961c0b0a87f2f94949f2', paymentMethodOptionId: PaymentMethodTypes.bankAccount, isSelected: checkoutStore.selectedPaymentMethod === PaymentMethodTypes.bankAccount, clickHandler: () => { checkoutStore.selectedPaymentMethod = PaymentMethodTypes.bankAccount; }, radioButtonHidden: this.disableBankAccount, label: PaymentMethodTypeLabels[PaymentMethodTypes.bankAccount] }), checkoutStore.selectedPaymentMethod === PaymentMethodTypes.bankAccount && (h("div", { key: 'b61b75f7e449b1217357bdaddfbfcf37d863612f', class: "mt-4 mb-4" }, h("justifi-bank-account-form", { key: 'e6d182d60e1b308f76b4364c9a757c7ca59debf2' }))))))))), this.showBillingFormSection && (h("div", { key: '71ea650fdb37ff7227b4f8027a54f74c8bf8a575', class: "col-12 mt-4" }, this.showBillingForm && (h("justifi-header", { key: 'f36db4e0d6d008d924ada83a83899377e46ece90', text: "Billing Address", level: "h2", class: "fs-5 fw-bold pb-3" })), this.showPostalCodeForm && (h("justifi-postal-code-form", { key: '19005f53df4bd597ccf6484d662d7d230a8a7b83' })), this.showBillingForm && (h("justifi-billing-information-form", { key: 'e5f501833f7aef3c603d18b29b21c39f990e8ef1' })))), h("div", { key: '828ba958634f58c641a5f6e3a848993d03e4aba0', class: "col-12" }, this.canSavePaymentMethod && (h("justifi-save-new-payment-method", { key: 'e94caf3d77e0299008e6a0bbf6852347eaa02ebf' }))), h("div", { key: '8436468192642a3f20f82b390e5ec53c4dc951bf', class: "mt-4" }, h("justifi-button", { key: '981448c550a72eb1aa936d785912729a1d788cac', 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"],

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

@@ -1,15 +1,15 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import './config-state.js';
-import './utils2.js';
-import { I as ICheckoutStatus, b as ICheckoutPaymentModeParam } from './Refund.js';
+import './dinero.js';
+import { I as ICheckoutStatus, e as ICheckoutPaymentModeParam } from './Refund.js';
 import './Pagination.js';
-import './Payment.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 { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-select2.js';
 import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
@@ -53,7 +53,7 @@ const CheckoutsListFilters = /*@__PURE__*/ proxyCustomElement(class CheckoutsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '5474a09b729c816bafb47101dbf5a25aff92eb1b' }, h("table-filters-menu", { key: '92e46a05e67bdf84b74cd644c1b89d0fc4c86af9', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'd8562876f8a0c1d85caa5a298cccdb1143bd7512', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '4162644cf10861d91a79dc07f845dd21a6c8d6a5', class: "p-2" }, h("form-control-select", { key: '2b13ef4af25f6ac3865f3b0edde91929655537bf', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '9aee7f453be147b03a548fe9ea9bd9bcc6a233aa', class: "p-2" }, h("form-control-select", { key: '8f375d5660c3414e5f3796e02694fa46ed761871', 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: 'd025c4862f0245938f09ea574379b262252a4e7e' }, h("table-filters-menu", { key: 'acd9800c723d7e956ee237e1d7944e58d5c4f332', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '453749cdaa376a051dbf1acdbedfa625a0c77c5c', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '8b83f81027c68ef9b47623ea66dc471aecf28ac4', class: "p-2" }, h("form-control-select", { key: '74e2548e0f96d63978e6fffe58ae1ca32b5fd4ee', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: 'ea1fe571e4cc2ae9e2d2a62d7205e27fa1c7dc3f', class: "p-2" }, h("form-control-select", { key: 'e948b0e57ab03d31c32a036c24f1a29a45b5a90c', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode, disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
     }
 }, [1, "justifi-checkouts-list-filters", {
         "checkoutStatus": [1, "checkout-status"],

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

@@ -1,9 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import './config-state.js';
-import './utils2.js';
-import { g as Checkout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import './dinero.js';
+import { j as Checkout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
-import './Payment.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
@@ -12,6 +11,7 @@ import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccoun
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$3, a as defaultColumnsKeys } from './checkouts-list-core2.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 
@@ -101,7 +101,7 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '41bf633467138b6af13b1c02ccf1e1016ec54bfe' }, h("checkouts-list-core", { key: 'cd3ca431258ad73e701fe74612ecdf2c0f2a1bda', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '073b7fb919a3f4d008a81cc7e13fb8ad72fed26c' }, h("checkouts-list-core", { key: '232229d4af023570ac261fda6df120a9451304cf', 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

@@ -1,7 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { D as Dispute, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
-import { D as Dispute } from './Payment.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { D as DisputeService } from './dispute-response-actions.js';
 import { d as defineCustomElement$k } from './custom-popper2.js';
@@ -95,7 +94,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: 'b1139bacd020b346ffe8953489c972ae7bf35076', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],

package/dist/module/justifi-gross-payment-chart.js

@@ -2,7 +2,6 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { A as Api } from './Api.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
-import './Payment.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { E as ErrorState } from './utils.js';

package/dist/module/justifi-header2.js

@@ -1,8 +1,12 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { h, proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
 import { S as StyledHost } from './styled-host.js';
 import { H as Header1 } from './header-1.js';
 import { H as Header2 } from './header-2.js';
-import { H as Header3 } from './header-3.js';
+import { W as heading3 } from './parts.js';
+
+const Header3 = (props) => {
+    return h("h3", { class: `header-3 ${props === null || props === void 0 ? void 0 : props.class}`, part: heading3 }, props.text);
+};
 
 const Header = /*@__PURE__*/ proxyCustomElement(class Header extends HTMLElement {
     constructor() {
@@ -18,7 +22,7 @@ const Header = /*@__PURE__*/ proxyCustomElement(class Header extends HTMLElement
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: '1aa6a2f69da4f32ddfaae58c751134b4a8bd20b9' }, h(HeaderComponent, { key: 'f2877d1ef32662ab1a17a993d80366df01120a00', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: 'ebc12609efe0a7c65bdbf8740abba439f09a92a4' }, h(HeaderComponent, { key: '4f88280af54c1980aa90ad149fad220e860b3c6d', text: this.text, class: this.class })));
     }
 }, [1, "justifi-header", {
         "text": [1],

package/dist/module/justifi-modular-checkout.js

@@ -1,6 +1,6 @@
-import { C as CheckoutWrapper, d as defineCustomElement$1 } from './modular-checkout.js';
+import { M as ModularCheckout, d as defineCustomElement$1 } from './modular-checkout.js';
 
-const JustifiModularCheckout = CheckoutWrapper;
+const JustifiModularCheckout = ModularCheckout;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiModularCheckout, defineCustomElement };

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

@@ -3,18 +3,19 @@ import { X as heading4, _ as heading5, a0 as buttonPrimary, t as text } from './
 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 { l as TerminalModel, C as ComponentErrorSeverity, k as TerminalOrder, c 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';
 import { S as Skeleton } from './skeleton.js';
 import './config-state.js';
-import { n as formatPhoneNumber } from './utils2.js';
+import './dinero.js';
 import './Pagination.js';
-import './Payment.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { T as TerminalService } from './terminal.service.js';
+import { m 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';
@@ -230,7 +231,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: '01b1a2a01294f88b7c31fc3d9523351f2a0eabfa' }, h("div", { key: '61cb9b199e9741aae879a8db3174c0c0078b59b5', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: 'ce28f30bedd8c988c90d9bf5912e5c55eb8a8b89' }, h("div", { key: '76289143ed051b47e7d0e4b483f09a1a74b747c7', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 }, [1, "justifi-order-terminals", {
         "businessId": [1, "business-id"],

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

@@ -5,7 +5,6 @@ import { m as makeGetBusiness, g as makePostProvisioning } from './payment-provi
 import { B as BusinessService } from './business.service.js';
 import { A as Api } from './Api.js';
 import './Pagination.js';
-import './Payment.js';
 import './Business.js';
 import { d as defineCustomElement$y } from './bank-account-document-inputs.js';
 import { d as defineCustomElement$x } from './bank-account-form-inputs2.js';
@@ -98,7 +97,7 @@ const PaymentProvisioning = /*@__PURE__*/ proxyCustomElement(class PaymentProvis
         }
     }
     render() {
-        return (h("justifi-payment-provisioning-core", { key: '11871305b4b4974787a9278195ea0b314be250b0', 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,9 +1,8 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import './config-state.js';
-import { h as convertToLocal } from './utils2.js';
-import { i as PaymentBalanceTransaction, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import './dinero.js';
+import { m as PaymentBalanceTransaction, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import { p as pagingDefaults } from './Pagination.js';
-import './Payment.js';
 import './Business.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
@@ -12,7 +11,9 @@ import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d a
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { T as TableClickActions } from './event-types.js';
-import { n as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.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 { d as defineCustomElement$2 } from './pagination-menu2.js';
 
 const makeGetPaymentTransactions = ({ id, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
@@ -180,7 +181,7 @@ const PaymentTransactionsList = /*@__PURE__*/ proxyCustomElement(class PaymentTr
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        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 }) })))))))));
+        return (h(StyledHost, { key: '5c698480143316a0bde55f786e43c38078101fe2' }, h(TableWrapper, { key: '7aa76eeecda5074a4f80f845be5458caf2dfc3d2' }, h(TableComponent, { key: '901404b33447a3b2aad2c203d9a69dd418cc9e20' }, h(TableHead, { key: '78b100e8c6c53f0d92cd67eb5f74299d78f8f2bf' }, h(TableHeadRow, { key: 'd8bde261d1b1169757175660303917c3edac3ed2' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'c08217fd1645c8c3649c97180612cac7babd4a83' }, h(TableLoadingState, { key: 'e8005f54f42b00e11bef86371430d90f72a9e277', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '0b844b8669272a660f434a160643cca60008b9ab', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '600ab04c6d42513bbd8968c30d9419ced62ee4e1', 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: 'a30dcd95290c541609ecbc2ce8ace8d16e976c61' }, h(TableFootRow, { key: '03be11678b4e7bafeb9d4d5b71ca05f1a64cd622' }, h(TableFootCell, { key: '07d1b9c331d3d4826d205f9d7ecd77dfa8e38878', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '3037569e28276b7c88b7ac4f0ab72a2c3fe5d5b9', 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

@@ -5,7 +5,8 @@ import { a9 as paymentsListFilterMenu, aa as paymentIdPaymentsListFilterParam, a
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
-import { j as convertToUTC, h as convertToLocal } from './utils2.js';
+import './justifi-radio-list-item2.js';
+import { h as convertToUTC, e as convertToLocal } from './utils2.js';
 import { d as defineCustomElement$7 } from './custom-popper2.js';
 import { d as defineCustomElement$6 } from './form-control-date2.js';
 import { d as defineCustomElement$5 } from './form-control-select2.js';
@@ -55,8 +56,8 @@ const PaymentsListFilters = /*@__PURE__*/ proxyCustomElement(class PaymentsListF
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        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 }) ||
+        return (h(StyledHost, { key: 'e3174a9f9310710297a74ee02d658a168af131eb' }, h("table-filters-menu", { key: '2336d8d7a05e259ce065d259357243f9a844e32a', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '49ba13212d5ae28e55520a34592d61b3c7def2eb', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '427fdf6a569332a102b7e5bb475d4a71c0d36d5b', class: "p-2" }, h("form-control-text", { key: '10845be407149cc17c8c75e3b87c38ac6714dccf', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '447bc64b346db7ef5711703b22672518ef981e8a', class: "p-2" }, h("form-control-text", { key: '3620bae1b22ee69ed6688b20569b43d2cee52280', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '4d064b2a739491084106daade8b3cfd4170752ee', class: "p-2" }, h("form-control-select", { key: '2c444d8c97fc0f676c91aec3da7d91d09997c5cc', 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: '0440ce666625e61b53844ef1a1a81a79fbeb5e36', class: "p-2" }, h("form-control-date", { key: '288c369557cbc4386093aedefec2963942820508', 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: 'ceebd4e7896ae0ee7395d0558650f9cff2810029', class: "p-2" }, h("form-control-date", { key: '2433bd25ca1dfaf7c5d284d367fcbe7c8730bc6c', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforePaymentsListFilterParam }))))));
     }
 }, [1, "justifi-payments-list-filters", {

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

@@ -1,16 +1,16 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { P as PaymentService } from './payment.service.js';
 import './config-state.js';
-import './utils2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import './dinero.js';
+import { P as Payment, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
-import { P as Payment } from './Payment.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$2, a as defaultColumnsKeys } from './payments-list-core2.js';
 import { d as defineCustomElement$3 } from './pagination-menu2.js';
 
@@ -90,7 +90,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         }
     }
     render() {
-        return (h(StyledHost, { key: 'b3b4380a5b1c78bff1a93209079bc1af1343cf92' }, h("payments-list-core", { key: '083e8cdcbfc132d193ca563fe21bab7f23df71ad', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '9bdcd5443ceacad1dd33b4c2b47f65dca63eb196' }, h("payments-list-core", { key: 'b5d4907c84add674afe115baefff6ab75a6bc797', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -1,10 +1,9 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { P as PayoutService } from './payout.service.js';
 import './config-state.js';
-import './utils2.js';
-import { P as Payout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import './dinero.js';
+import { k as Payout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
-import './Payment.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { E as ErrorState } from './utils.js';

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

@@ -1,9 +1,8 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { c as configState } from './config-state.js';
-import { h as convertToLocal } from './utils2.js';
-import { j as PayoutBalanceTransaction, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import './dinero.js';
+import { n as PayoutBalanceTransaction, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import { p as pagingDefaults } from './Pagination.js';
-import './Payment.js';
 import './Business.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
@@ -12,7 +11,9 @@ import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d a
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { T as TableClickActions } from './event-types.js';
-import { n as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.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 { d as defineCustomElement$2 } from './pagination-menu2.js';
 
 const makeGetPayoutTransactions = ({ accountId, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
@@ -189,7 +190,7 @@ const PayoutTransactionsList = /*@__PURE__*/ proxyCustomElement(class PayoutTran
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        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 }) })))))))));
+        return (h(StyledHost, { key: '5a763f027a36c6017a7147ee9c3120268f43cb54' }, h(TableWrapper, { key: 'e643902555cf3c155305dfdf6c8d0f69034f193e' }, h(TableComponent, { key: '5d3c8dc3dac3bb92bdb1f1b4ac43f4b7f3139b9d' }, h(TableHead, { key: '9e8619e07107e0dadad8808beb9d12237fb4d926' }, h(TableHeadRow, { key: 'a453b3c6673d340adc818ec0650a504efd7805d9' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '57c2a6a1b5670cc8d095dbac9e2d4aea3f800d98' }, h(TableLoadingState, { key: '543c94396578d7b0b3827e9f87e3469612da2be6', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '1463ab045fcd54c413223e329356a00c07601fac', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '6f871d83b2a7230b19e5b2a0841339bff8fbdc24', 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: '6b793c9a4fdf5fc8652adea2c7f50cd400584190' }, h(TableFootRow, { key: 'd7b7d83952a2c3912d4dd3c6d26907af1a6f09b5' }, h(TableFootCell, { key: '1ee540a539d1afdd8daada8cae209811408994ce', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '52af21d0813b3bcb371ed01a0b656d63f8f2fc5b', 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

@@ -4,7 +4,8 @@ import { af as payoutsListFilterMenu, ag as createdAfterPayoutsListFilterParam,
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
-import { j as convertToUTC, h as convertToLocal } from './utils2.js';
+import './justifi-radio-list-item2.js';
+import { h as convertToUTC, e as convertToLocal } from './utils2.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-date2.js';
 import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
@@ -36,8 +37,8 @@ const PayoutsListFilters = /*@__PURE__*/ proxyCustomElement(class PayoutsListFil
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        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 }) ||
+        return (h(StyledHost, { key: '02e69434ff35558c0ad9ac8478076df56cf35876' }, h("table-filters-menu", { key: '6e5c7f3d86bcf95bf910f1bdd5d83e19c89bb091', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '68bedaa81dab9476a4a22e390c3937877e00f9cd', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd949a6b3fcf31775856f3999514c1a4522caad51', class: "p-2" }, h("form-control-date", { key: '759dd3e02db4cc3984f03efb7d8e4ab2ab05b96b', 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: 'b52a229346b6d1f80e2fee56dfc120a43ee05254', class: "p-2" }, h("form-control-date", { key: 'a9994512753c3a457a3a3edd4c36e53ec83f8b58', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: createdBeforePayoutsListFilterParam }))))));
     }
 }, [1, "justifi-payouts-list-filters", {

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

@@ -1,11 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { P 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';
-import './utils2.js';
+import './dinero.js';
 import './Pagination.js';
-import './Payment.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { m as makeGetPayoutCSV } from './get-payout-csv.js';
@@ -13,6 +12,7 @@ import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccoun
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$2, a as defaultColumnsKeys } from './payouts-list-core2.js';
 import { d as defineCustomElement$3 } from './pagination-menu2.js';
 
@@ -104,7 +104,7 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
         }
     }
     render() {
-        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 })));
+        return (h(StyledHost, { key: '1d530a07e25acb9e1d8882c6c2fce6dadbe54081' }, h("payouts-list-core", { key: '09cd63a2b0e2939fd60568de554441361434d983', 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-item.d.ts

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

package/dist/module/justifi-radio-list-item.js

@@ -0,0 +1,6 @@
+import { J as JustifiRadioListItem$1, d as defineCustomElement$1 } from './justifi-radio-list-item2.js';
+
+const JustifiRadioListItem = JustifiRadioListItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiRadioListItem, defineCustomElement };

package/dist/module/justifi-radio-list-item2.js

@@ -0,0 +1,55 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { S as StyledHost } from './styled-host.js';
+import { r as radioListItem } from './parts.js';
+import { d as defineCustomElement$2 } from './form-control-help-text2.js';
+import { d as defineCustomElement$1 } from './form-control-radio2.js';
+
+const JustifiRadioListItem = /*@__PURE__*/ proxyCustomElement(class JustifiRadioListItem extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.radioClick = createEvent(this, "radio-click", 7);
+        this.checked = false;
+        this.hidden = false;
+        this.handleClick = () => {
+            this.radioClick.emit(this.value);
+        };
+    }
+    render() {
+        return (h(StyledHost, { key: '492a73e2bab02c04aa8733ce0b9ab801e5ff8875' }, h("div", { key: 'c095a98ba11739b85ece4c7bb0e0c30e7e08ec7b', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '050ed9e552c4a8bf4462e544d3496bed356e7c06', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
+    }
+}, [1, "justifi-radio-list-item", {
+        "name": [1],
+        "value": [1],
+        "label": [1],
+        "checked": [4],
+        "hidden": [4],
+        "class": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-radio-list-item", "form-control-help-text", "form-control-radio"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-radio-list-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JustifiRadioListItem);
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "form-control-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { JustifiRadioListItem as J, defineCustomElement as d };

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

@@ -2,14 +2,14 @@ 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, m 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 './Payment.js';
 import './Business.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { P as PaymentService } from './payment.service.js';
 import { m as makeGetPaymentDetails } from './get-payment-details.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';