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

package/dist/module/legal-address-form.js

@@ -24,7 +24,7 @@ const LegalAddressForm = /*@__PURE__*/ proxyCustomElement(class LegalAddressForm
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
-        return (h(Host, { key: '129b2ec053708454db5a515fdae9a7fba5289336' }, h("fieldset", { key: '6af5c9469acc432ea01ff404af25727bd444abc7' }, h("legend", { key: '1af149db608a13d18142aaea83f9ed2e8271fdc0', part: heading2 }, "Business Legal Address"), h("div", { key: '805c6ae992ebed34937b9a2622f50a7f99c7d0e6', class: "row gy-3" }, h("div", { key: '78750dc68bcc6782bc4a71cfd14d417e980a57a6', class: "col-12" }, h("form-control-text", { key: '18a75e38a7a5fbfcbbbce56e4967ce34c5618c8e', name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address) === null || _b === void 0 ? void 0 : _b.line1 })), h("div", { key: '676622c84785edfafa3413359d4985d26a734985', class: "col-12" }, h("form-control-text", { key: 'e8467f96595d240f5fc93585e472ad844cc49143', name: "line2", label: "Address Line 2", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.legal_address) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: '01556012d9335d23c14e130ca72b6e75028bcb36', class: "col-12" }, h("form-control-text", { key: 'c08dcd0ef726ff714d60de26492ced763a7d32ff', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.legal_address) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: 'ad811869e742f265a5441c6f36c2a55fa0b07952', class: "col-12" }, h("form-control-select", { key: '47cc4b15578257f3c1fdee7896d28da94b5aaa16', name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.legal_address) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: 'f732fd2ed3967ee7fd602f41c62efd24cf6038eb', class: "col-12" }, h("form-control-text", { key: '0431a63d11beb6682a2544d2483901f7fffa77bd', name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.legal_address) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: 'cca67b0cd006f6cf9f9bbfe147507eb0ac6fecca', class: "col-12" }, h("form-control-select", { key: 'f561947f9443ea6f56d7ae31d44a69e2462c0751', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.legal_address) === null || _m === void 0 ? void 0 : _m.country,
+        return (h(Host, { key: '5b21d99717f9b24c0551c7a96acf68e53e7787bf' }, h("fieldset", { key: 'd63cbd20b2648405c50a819724e0f8cf556f7d26' }, h("legend", { key: 'c0acd14073f13f914015f40d39bf22fb58792434', part: heading2 }, "Business Legal Address"), h("div", { key: 'ee4cee6bd662816f822ee209aeda5e9664f6a64d', class: "row gy-3" }, h("div", { key: '86b258fd09e73cbd2475330419274732231f3871', class: "col-12" }, h("form-control-text", { key: '8d898a9ae448f07932afe2d8cfc2314b92d9c597', name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address) === null || _b === void 0 ? void 0 : _b.line1 })), h("div", { key: '1a50c4b86a754035f71efacd39721219fcd54d60', class: "col-12" }, h("form-control-text", { key: '507b1451685e359a900f0bc7010ff39e3631daf2', name: "line2", label: "Address Line 2", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.legal_address) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: '1446b4db5f86a3b18e3aceb78274ffe458dbd3db', class: "col-12" }, h("form-control-text", { key: 'e17e4bd95ad4290d18edde79cf05a6b3a105166c', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.legal_address) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: '9b880203bad9e104e6d1299ff73c83cba46ab563', class: "col-12" }, h("form-control-select", { key: '24e4df10f688c9a1b5f2af5217f03919bf7abec7', name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.legal_address) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: '71f21b19602c268e3b6a839ce41ff9d4f8ffb8c4', class: "col-12" }, h("form-control-text", { key: 'ca71d3e21c5a0aea5367fa28ec1a2422ba9b1cf3', name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.legal_address) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: 'aaee0bf6a24ba182e002c1ffb49736fb622cde1f', class: "col-12" }, h("form-control-select", { key: '2b6486771818e584dcc195c304e5a6e16850b4a9', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.legal_address) === null || _m === void 0 ? void 0 : _m.country,
             // just for now so we skip handling country specificities
             disabled: true }))))));
     }

package/dist/module/modular-checkout.js

@@ -2,14 +2,13 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { c as checkoutStore, o as onChange } from './checkout.store.js';
 import { J as JustifiAnalytics, c as checkPkgVersion } from './Analytics.js';
 import './config-state.js';
-import './utils2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import './dinero.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes, d as ComponentErrorMessages, I as ICheckoutStatus } 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 CheckoutService } from './checkout.service.js';
-import { i as insuranceValuesOn, a as insuranceValues } from './insurance-state.js';
+import { i as insuranceValuesOn, h as hasInsuranceValueChanged, a as insuranceValues } from './insurance-state.js';
 
 const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -43,7 +42,8 @@ const makeCheckoutComplete = ({ authToken, checkoutId, service }) => async ({ pa
     try {
         const response = await service.complete(authToken, checkoutId, payment);
         if (!response.error) {
-            onSuccess(response);
+            const checkout = response.data;
+            onSuccess({ checkout });
         }
         else {
             const responseError = getErrorMessage(response.error);
@@ -65,7 +65,7 @@ const makeCheckoutComplete = ({ authToken, checkoutId, service }) => async ({ pa
     }
 };
 
-const CheckoutWrapper = /*@__PURE__*/ proxyCustomElement(class CheckoutWrapper extends HTMLElement {
+const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
@@ -74,6 +74,9 @@ const CheckoutWrapper = /*@__PURE__*/ proxyCustomElement(class CheckoutWrapper e
         this.paymentMethodChangedEvent = createEvent(this, "payment-method-changed", 7);
         this.savePaymentMethod = false;
     }
+    savePaymentMethodChanged(newValue) {
+        checkoutStore.savePaymentMethod = newValue;
+    }
     connectedCallback() {
         this.observer = new MutationObserver(() => {
             this.queryFormRefs();
@@ -95,14 +98,23 @@ const CheckoutWrapper = /*@__PURE__*/ proxyCustomElement(class CheckoutWrapper e
         });
     }
     componentWillLoad() {
+        if (!this.authToken || !this.checkoutId) {
+            this.errorEvent.emit({
+                message: ComponentErrorMessages.NOT_AUTHENTICATED,
+                errorCode: ComponentErrorCodes.NOT_AUTHENTICATED,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+            return;
+        }
         this.analytics = new JustifiAnalytics(this);
         checkPkgVersion();
         checkoutStore.authToken = this.authToken;
+        checkoutStore.savePaymentMethod = this.savePaymentMethod;
         this.fetchCheckout();
-        // Refresh the checkout data when insurance is added or removed
+        // Refresh the checkout data when insurance values actually change (not on initial load)
         insuranceValuesOn('set', (key) => {
             const value = insuranceValues[key];
-            if (value !== undefined) {
+            if (value !== undefined && hasInsuranceValueChanged(key, value)) {
                 this.fetchCheckout();
             }
         });
@@ -118,6 +130,22 @@ const CheckoutWrapper = /*@__PURE__*/ proxyCustomElement(class CheckoutWrapper e
         if (this.getCheckout) {
             this.getCheckout({
                 onSuccess: ({ checkout }) => {
+                    if (checkout.status === ICheckoutStatus.completed) {
+                        this.errorEvent.emit({
+                            message: ComponentErrorMessages.CHECKOUT_ALREADY_COMPLETED,
+                            errorCode: ComponentErrorCodes.CHECKOUT_ALREADY_COMPLETED,
+                            severity: ComponentErrorSeverity.ERROR,
+                        });
+                        return;
+                    }
+                    else if (checkout.status === ICheckoutStatus.expired) {
+                        this.errorEvent.emit({
+                            message: ComponentErrorMessages.CHECKOUT_EXPIRED,
+                            errorCode: ComponentErrorCodes.CHECKOUT_EXPIRED,
+                            severity: ComponentErrorSeverity.ERROR,
+                        });
+                        return;
+                    }
                     this.updateStore(checkout);
                 },
                 onError: (error) => {
@@ -151,14 +179,14 @@ const CheckoutWrapper = /*@__PURE__*/ proxyCustomElement(class CheckoutWrapper e
         this.sezzlePaymentMethodRef = this.hostEl.querySelector('justifi-sezzle-payment-method');
     }
     async tokenizePaymentMethod(tokenizeArgs) {
-        var _a, _b;
+        var _a, _b, _c;
         const billingInfoValues = (_b = await ((_a = this.billingInformationFormRef) === null || _a === void 0 ? void 0 : _a.getValues())) !== null && _b !== void 0 ? _b : {};
         const combinedBillingInfo = Object.assign(Object.assign({}, tokenizeArgs), billingInfoValues);
         const paymentMethodMetadata = Object.assign({ accountId: checkoutStore.accountId, payment_method_group_id: undefined }, combinedBillingInfo);
-        if (this.savePaymentMethod) {
+        if (checkoutStore.savePaymentMethod) {
             paymentMethodMetadata.payment_method_group_id = checkoutStore.paymentMethodGroupId;
         }
-        return this.paymentMethodFormRef.tokenize({
+        return (_c = this.paymentMethodFormRef) === null || _c === void 0 ? void 0 : _c.tokenize({
             clientId: this.authToken,
             paymentMethodMetadata,
             account: checkoutStore.accountId,
@@ -257,9 +285,12 @@ const CheckoutWrapper = /*@__PURE__*/ proxyCustomElement(class CheckoutWrapper e
         checkoutStore.selectedPaymentMethod = paymentMethodId;
     }
     render() {
-        return (h(Host, { key: '833e1e4f917a0dbee2a14076a71de8d00ec5b5d8' }));
+        return (h(Host, { key: '6b18f4f77b736f984ac15f168cc51b74c3927225' }));
     }
     get hostEl() { return this; }
+    static get watchers() { return {
+        "savePaymentMethod": ["savePaymentMethodChanged"]
+    }; }
 }, [0, "justifi-modular-checkout", {
         "authToken": [1, "auth-token"],
         "checkoutId": [1, "checkout-id"],
@@ -267,6 +298,8 @@ const CheckoutWrapper = /*@__PURE__*/ proxyCustomElement(class CheckoutWrapper e
         "validate": [64],
         "submitCheckout": [64],
         "setSelectedPaymentMethod": [64]
+    }, undefined, {
+        "savePaymentMethod": ["savePaymentMethodChanged"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
@@ -276,11 +309,11 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-modular-checkout":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, CheckoutWrapper);
+                customElements.define(tagName, ModularCheckout);
             }
             break;
     } });
 }
 defineCustomElement();
 
-export { CheckoutWrapper as C, defineCustomElement as d };
+export { ModularCheckout as M, defineCustomElement as d };

package/dist/module/owner-form-core2.js

@@ -3,9 +3,10 @@ import { F as FormController } from './form.js';
 import { O as Owner } from './Business.js';
 import { i as identitySchema } from './business-identity-schema.js';
 import { B as Button } from './button.js';
-import { U as heading3 } from './parts.js';
+import { W as heading3 } from './parts.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { a as BusinessFormClickActions } from './event-types2.js';
 import { d as defineCustomElement$8 } from './custom-popper2.js';
 import { d as defineCustomElement$7 } from './form-control-date2.js';
@@ -161,7 +162,7 @@ const BusinessOwnerFormCore = /*@__PURE__*/ proxyCustomElement(class BusinessOwn
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
     }
     render() {
-        return (h("form", { key: 'cf3b084a99c3cfc77af24f09feeda0468c2e6956', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '3c78499a7df3496cd44416b96fe5fef44cc4d393' }, h("legend", { key: '5aee34b86e10d914964de3f62408b1f1e7899479', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: '4ca0d4c213f166f7ea10c0bfe276673ff077e1ba' }), h("div", { key: '95e485006a1111418ed409e7138c7f3098b9517c', class: "row gy-3" }, h("owner-form-inputs", { key: '1df9b40c91223253394c50312950b6b3d42906ff', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }), h("div", { key: 'f1e2adc3111366c43a9a0d3cbed9e059916320f8', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: 'ea19095c86d12cdabd48ad8618213aa06635b80f', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: 'cb60a69f0e3252bb7623945610c5282bedfffe32', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: 'db9fb6f130a114e82de0fb806ca1d70ac254f032' }))));
+        return (h("form", { key: '570c20c1fdf79268e6c8193a393515c8602a3a44', onSubmit: this.validateAndSubmit }, h("fieldset", { key: 'f4f75a735438baef254d4578b779ca16e5080a41' }, h("legend", { key: 'dc0c83a7ada9f908afec56d7560f7d9d116baa40', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: '5d97c0b38073618aef80ff9576cd57ab0e70d44e' }), h("div", { key: 'b15a207a4c4afc1249ce3b8a381e7b57ceb32e7a', class: "row gy-3" }, h("owner-form-inputs", { key: '21bd3e9b00580e7293338ad746c189d19ac3d98e', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }), h("div", { key: 'b4653d9b78094b15bfba61e3a18ea3703dc53162', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '0328aa7af6e3c2f7ed8aa16724dedcb576bb9870', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: 'e42671667156149d5424243eef1d6675a3bd6506', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: 'ee7bf4cdb63cdc31df8b307ffb1772e5c0f0348c' }))));
     }
     static get watchers() { return {
         "isLoading": ["loadingWatcher"]

package/dist/module/owner-form-inputs2.js

@@ -21,7 +21,7 @@ const BusinessOwnerFormInputs = /*@__PURE__*/ proxyCustomElement(class BusinessO
         };
     }
     render() {
-        return (h("div", { key: '97911ef690cb7932c0e382cfa79fa3333536055c', class: "row gy-3" }, h("div", { key: '0f15a832bcde62a50fb791e008dcd7da68c8da6b', class: "col-12 col-md-8" }, h("form-control-text", { key: 'fdc50a224e7e17d2923d6eb1fb274103e0d55710', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'c4be24670525f2b90fd6de5a0035241190dadd09', class: "col-12 col-md-4" }, h("form-control-text", { key: '8752eb6ea1d24189fd1a4d799145b5bbdc0413f2', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '9d19f00bbd407ca55455947d84183530920d799c', class: "col-12 col-md-6" }, h("form-control-text", { key: '10ffe5b44086f623fb9f9d27f4a72cd251589bd0', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '7c32fc26abbc0bc16b0a50d8bbfb47c121c7c62d', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'e6b63872de5bd5cc98d61c8e6ebeb2a3f8443fb1', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '2e7eded46b1162d9ecf8c3badc869e98a710abee', class: "col-12 col-md-4" }, h("form-control-date", { key: '2c4b8c126d7505dadb3fe06b3b5cab5e83b91c23', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: 'dd96fdddddfb082fc0ce670f673decc97956c242', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '640cc2e749dc64879d8211c3340b7c273d3cb817', name: "identification_number", label: "SSN", defaultValue: this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), h("div", { key: '681b2898183d73559150b5debef39901c4679eba', class: "col-12" }, h("justifi-identity-address-form", { key: 'e2de39be536c0854592a5132a6a9ac9d761a0f9b', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))));
+        return (h("div", { key: '86abe1713fdfd297e88c1fc1734fadb2c9eab966', class: "row gy-3" }, h("div", { key: '63a03271f2a777d4cede3b0790e11c7f4108797f', class: "col-12 col-md-8" }, h("form-control-text", { key: 'b86dd9184dbf50e00e047a733ff708526e32d6dc', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'c3850b7425ca0d8a118a6b78933f3a2fbe343124', class: "col-12 col-md-4" }, h("form-control-text", { key: 'f1f6e801eb36bcae5f2e51f8cd4ea9b7ed6a34a8', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: 'b07a8a86dbdef296c9438953ef311ccae3aed23c', class: "col-12 col-md-6" }, h("form-control-text", { key: '714ca04b0bf0e5ed1b116b8f4963ba12f7fd6b77', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '46c11c80bb58d0190ff05f1e87ba962443b07c59', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '6da40db9fb8b3e4f3a744cd0426f4e6436350594', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '0960ea2fb399d0098caeabf45347a89c74066f57', class: "col-12 col-md-4" }, h("form-control-date", { key: 'fe0891a3f42c093d70db1dd1d1a7e121ba3091c1', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: 'e7cbc519fa6f4fa5b03a0d0b69c7d7f1c42185ff', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'cf2b280c1560bd1a9f80cf81c1543d41bd807233', name: "identification_number", label: "SSN", defaultValue: this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), h("div", { key: '1755c849992bfd9f459b65b4cf7e967039fdbe27', class: "col-12" }, h("justifi-identity-address-form", { key: 'ac5372d4a9fad8ee3cfe2af20c11868e8753cc35', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))));
     }
     ;
 }, [0, "owner-form-inputs", {

package/dist/module/owner-form.js

@@ -49,7 +49,7 @@ const BusinessOwnerForm = /*@__PURE__*/ proxyCustomElement(class BusinessOwnerFo
         });
     }
     render() {
-        return (h("owner-form-core", { key: '253fc2c5cf1d8c3d18cbcc43569c50a1dd4394f4', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, ref: ref => this.coreComponent = ref }));
+        return (h("owner-form-core", { key: '07ad7cd2bb38442dc591c9e3421223294690ee8c', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, ref: ref => this.coreComponent = ref }));
     }
 }, [0, "justifi-owner-form", {
         "authToken": [1, "auth-token"],

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "5.7.6-rc-02";
+const version = "5.7.6-rc-04";
 var webcomponentsPackageJson = {
 	name: name,
 	version: version};

package/dist/module/pagination-menu2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { E as ExtendedPagingDefaults } from './Pagination.js';
-import { p as paginationButton, q as paginationButtonDisabled, r as paginationButtonIconPrevious, u as paginationButtonText, v as paginationButtonIconNext } from './parts.js';
+import { x as paginationButton, y as paginationButtonDisabled, z as paginationButtonIconPrevious, A as paginationButtonText, B as paginationButtonIconNext } from './parts.js';
 
 const PaginationMenu = /*@__PURE__*/ proxyCustomElement(class PaginationMenu extends HTMLElement {
     constructor() {

package/dist/module/parts.js

@@ -128,4 +128,4 @@ const orderTypeTerminalOrdersListFilterParam = `${terminalOrdersListFilterParam}
 const createdAfterTerminalOrdersListFilterParam = `${terminalOrdersListFilterParam} created-after-terminal-orders-list-filter-param`;
 const createdBeforeTerminalOrdersListFilterParam = `${terminalOrdersListFilterParam} created-before-terminal-orders-list-filter-param`;
 
-export { buttonSecondary as $, badgeWarning as A, badgeDanger as B, badgeSuccess as C, badgeSecondary as D, badgePrimary as E, badge as F, alertDanger as G, inputCheckboxInvalid as H, inputCheckboxCheckedFocused as I, inputCheckboxFocused as J, inputCheckboxChecked as K, inputCheckbox as L, inputAdornment as M, inputGroup as N, inputRadioInvalid as O, inputRadioCheckedFocused as P, inputRadioChecked as Q, inputRadioFocused as R, inputRadio as S, inputInvalidAndFocused as T, heading3 as U, billingForm as V, radioListItem as W, heading4 as X, image as Y, buttonLink as Z, heading5 as _, heading1 as a, buttonPrimary as a0, buttonLoading as a1, checkoutSummary as a2, checkoutsListFilterMenu as a3, statusCheckoutsListFilterParam as a4, paymentModeCheckoutsListFilterParam as a5, dropdownMenuButton as a6, dropdownMenu as a7, getAlternateTableCellPart as a8, paymentsListFilterMenu as a9, paymentIdPaymentsListFilterParam as aa, terminalIdPaymentsListFilterParam as ab, paymentStatusPaymentsListFilterParam as ac, createdAfterPaymentsListFilterParam as ad, createdBeforePaymentsListFilterParam as ae, payoutsListFilterMenu as af, createdAfterPayoutsListFilterParam as ag, createdBeforePayoutsListFilterParam as ah, terminalOrdersListFilterMenu as ai, orderStatusTerminalOrdersListFilterParam as aj, orderTypeTerminalOrdersListFilterParam as ak, createdAfterTerminalOrdersListFilterParam as al, createdBeforeTerminalOrdersListFilterParam as am, terminalsListFilterMenu as an, terminalIdTerminalsListFilterParam as ao, terminalOrderIdTerminalsListFilterParam as ap, terminalStatusTerminalsListFilterParam as aq, tableHead as ar, tableHeadRow as as, tableRow as at, tableFoot as au, tableFootRow as av, tableFootCell as aw, tableEmpty as ax, tableError as ay, inputInvalid as b, inputDisabled as c, inputFocused as d, tooltipIcon as e, tooltip as f, tooltipInner as g, heading2 as h, input as i, textDanger as j, card as k, label as l, table as m, tableHeadCell as n, tableCell as o, paginationButton as p, paginationButtonDisabled as q, paginationButtonIconPrevious as r, skeleton as s, text as t, paginationButtonText as u, paginationButtonIconNext as v, loadingSpinner as w, badgeDark as x, badgeLight as y, badgeInfo as z };
+export { buttonSecondary as $, paginationButtonText as A, paginationButtonIconNext as B, loadingSpinner as C, badgeDark as D, badgeLight as E, badgeInfo as F, badgeWarning as G, badgeDanger as H, badgeSuccess as I, badgeSecondary as J, badgePrimary as K, badge as L, alertDanger as M, inputCheckboxInvalid as N, inputCheckboxCheckedFocused as O, inputCheckboxFocused as P, inputCheckboxChecked as Q, inputCheckbox as R, inputAdornment as S, inputGroup as T, inputInvalidAndFocused as U, billingForm as V, heading3 as W, heading4 as X, image as Y, buttonLink as Z, heading5 as _, heading1 as a, buttonPrimary as a0, buttonLoading as a1, checkoutSummary as a2, checkoutsListFilterMenu as a3, statusCheckoutsListFilterParam as a4, paymentModeCheckoutsListFilterParam as a5, dropdownMenuButton as a6, dropdownMenu as a7, getAlternateTableCellPart as a8, paymentsListFilterMenu as a9, paymentIdPaymentsListFilterParam as aa, terminalIdPaymentsListFilterParam as ab, paymentStatusPaymentsListFilterParam as ac, createdAfterPaymentsListFilterParam as ad, createdBeforePaymentsListFilterParam as ae, payoutsListFilterMenu as af, createdAfterPayoutsListFilterParam as ag, createdBeforePayoutsListFilterParam as ah, terminalOrdersListFilterMenu as ai, orderStatusTerminalOrdersListFilterParam as aj, orderTypeTerminalOrdersListFilterParam as ak, createdAfterTerminalOrdersListFilterParam as al, createdBeforeTerminalOrdersListFilterParam as am, terminalsListFilterMenu as an, terminalIdTerminalsListFilterParam as ao, terminalOrderIdTerminalsListFilterParam as ap, terminalStatusTerminalsListFilterParam as aq, tableHead as ar, tableHeadRow as as, tableRow as at, tableFoot as au, tableFootRow as av, tableFootCell as aw, tableEmpty as ax, tableError as ay, inputInvalid as b, inputDisabled as c, inputFocused as d, tooltipIcon as e, tooltip as f, tooltipInner as g, heading2 as h, input as i, textDanger as j, inputRadioInvalid as k, label as l, inputRadioCheckedFocused as m, inputRadioChecked as n, inputRadioFocused as o, inputRadio as p, card as q, radioListItem as r, skeleton as s, text as t, table as u, tableHeadCell as v, tableCell as w, paginationButton as x, paginationButtonDisabled as y, paginationButtonIconPrevious as z };

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

@@ -1,10 +1,11 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { a as formatDate, e as formatTime, s as snakeCaseToHumanReadable } from './utils2.js';
+import { a as formatDate, d as formatTime, s as snakeCaseToHumanReadable } from './utils2.js';
 import { M as MapPaymentStatusToBadge } from './payments-status.js';
 import { E as ErrorState, b as EntityHeadInfo, c as EntityHeadInfoItem, D as DetailSectionTitle, a as DetailItem, C as CodeBlock } from './utils.js';
 import { S as StyledHost } from './styled-host.js';
 import { d as defineCustomElement$1 } from './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { S as Skeleton } from './skeleton.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
 
@@ -58,16 +59,16 @@ const PaymentDetailsCore = /*@__PURE__*/ proxyCustomElement(class PaymentDetails
         });
     }
     render() {
-        return (h(StyledHost, { key: '8585ffcde1ebe2da1200e7fcaade68c0360f2c1a' }, this.loading && h(PaymentDetailsLoading, { key: 'f6299c6ec9d66a9245741159cc43b11ee7b09ca1' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: 'acc35bf0c47c91b3b843b4fcfa7818567b995ea7', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '603e435434b28cbdd8948a08974277936268fe70', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.payment.status), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: 'a098dd2bc67c702e1d7647d138ff97042da1de8f', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '10f5834de6a0409287aef8c92bd6c4c83b0b2bd0', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'd2af757628227d8733171c8f2be2835767226b61', title: "ID", value: this.payment.id })), h("div", { key: 'a22165ac2f43743ac21aec7a368ab8afb68c1fc9', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'c5de0c4fde5995b21e7ae5f17c6b51e3cbab57ad', sectionTitle: "Details" }), h("div", { key: 'd9a63e648c9451b09c3fad4228a930f40a6bb5e3', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '053219e35617c803aaf761887ea16eaa1d180799', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '362da49eb3a32b52952f8a962c59767b7d99893a', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '31eec3ba162f3e797b7f2e57ce0dd67ef699198f', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '319f49664029d1a4585a112ee20ba37d29ff86bb', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '405970cce3d67d7a2b99a59703208dde68026e37', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '2279263fa33f450b7a7a4c0cae7b6c5ce17d31d7', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '72a16f085fe07d51a60e29d4a446432b5ba9b647', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '30c28c112f2796119e5ba3be999d3af138b2638a', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '1751d564f87577e04b2e4d0674ed1613135c6fd9', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'b7688698d4b14b07ccdd667fd49c83c462c58715', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '8ce47b7e38b9560d782bcbc4a5b0d0867914e0a7', sectionTitle: "Payment Method" }),
-            h("div", { key: '35139a669b782e699d272c9569f78ee89cf78a4d', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'b63fd298d76b5cc74c6bd2bb9c72c776da76e60b', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '8034323b79eba121450f84b98fecb329f04ee058', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '484afb22d8b083b127f2e82a2d16bed107f4ff93', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '3d018226d4e8b7d880d22095eb0f368b8e0447ce', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '3764d6de77ccf43f554d4713bd3a1dc4c2563a6d', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: '543dad947d01344e9e5009110bddb5821a02937f' }, this.loading && h(PaymentDetailsLoading, { key: 'abcd6ef7e515e16de73c67899c7cbfc9b70ab33e' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: 'b483164e45760433b992e0e2963286b8b09ffa5b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'b9683686f022496a692aa3110aa8a45fbc5e20a8', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.payment.status), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: 'aee5d5a5094b6f28ca91768f367c722c36839503', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '2b6e98971b18a1eac443eb533a970eac31e10b00', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '1eb83f88d6f03498b5c727e12b6bb9843a39c484', title: "ID", value: this.payment.id })), h("div", { key: '65084d14a86e1083a04d3a5ec090836c127e9b2b', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'c39fb2358ffd27569eaa1d53f2b84436d8c3d13d', sectionTitle: "Details" }), h("div", { key: 'f553f918635184ce74a961adf048e0aef8e4095e', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '10904bbe38efc40725407691278d5ef1e050c19a', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'd508f41ab412a26de5d77677083ac5caa5acdbc1', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'cbd6726b86287968734945591503e72fcf3c33d1', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '0c826a82c18fc6ddcceafaca8e7c2a365d66ed35', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '891a37d3c9a7ef23dca67f46a0c889d1be15d7ec', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '4072981c52ccf3c44e1539a7faa5c3b71a4d5bc0', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '268e56e5219ce1c32ccbd0fc8b8baea0c0bc3e14', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '6c168b8af36129c1463abb5f2297501c6748c53c', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'a8f5fffc9ba51dff3e7fbd792c94b0281f8c6bfe', title: "Description", value: this.payment.description }), h(DetailItem, { key: '420e914293457433d5b3ca2251c2732bbaf93124', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '2f8e24f28b11e7ce54013d69ea093c68c0aaa6eb', sectionTitle: "Payment Method" }),
+            h("div", { key: '49dc2c4227ae2ecacd633ec0e3f70ad084e1149b', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '1a082c26a64699c83a9ef591a67c104c28d2f701', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'cf65c3bee1a9468a271a20568bf4a94e793134c9', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '20844b52ca50fcf86232b00d28dffbac9255500d', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'bbe9028644fd810993fbd41515377efafa42104a', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '0497fb5cd1dc27c3b6231c9f4a7a90280e91bd14', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: 'b3e05a55bf7ad71da8cf954c2b019983c724a4d2', sectionTitle: "Payment Method" }),
-            h("div", { key: '114e6995238d425538238fdb8a1aa6f8cdab2978', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'b63a6c4476a748cf04298c10b44547e6fd4a9a87', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '85abe1a494648a42c72f3cde23f6c63ee8d28f1b', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '589d98f88a2ebf42caf7b32f9358e7da1d927d5d', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'ee98c032b446963cba6f2e6a31ae5f444e5bfae6', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: '8d1bf178e46cbbc4f032921131596287ebbef3e9', sectionTitle: "Payment Method" }),
+            h("div", { key: '229f45908714278751ff15130055f9fee4c9d433', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '8f5bcea109acde4bdda0f075277ec8c452a33c05', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '5ab277a94c113f1b3abfa596dc82444d6e7fe6fc', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '3816609a36fa8bb3a6391fa00b92244a438de013', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'fc14e9b11c89f738df3318d1ef8919b07d57c027', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '38c0e695c4a14350a6f32ec60bedb8b7fa5f00ce', sectionTitle: 'Metadata' }),
-            h("div", { key: 'dfff9e06e175b7d523bb257989c5f79c15b99fff', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '35831d5d59cd4b3c89ae000fd8f1e2952f252e4b', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: 'd89b23ef22f085b803b6b551ca6e0d4ba8d13d06', sectionTitle: 'Metadata' }),
+            h("div", { key: '116486645abcf17cf8641c2dc009982a506b0745', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '3f682166ca1acfc896281b85afb8e8514240b2dd', metadata: this.payment.metadata }))
         ])))));
     }
     static get watchers() { return {

package/dist/module/payment-method-option-utils.js

@@ -1,13 +1,5 @@
-import { d as snakeToCamel } from './utils2.js';
+import './dinero.js';
 
-class PaymentMethodOption {
-    constructor(paymentMethod) {
-        this.id = paymentMethod.id;
-        this.brand = paymentMethod.brand;
-        this.acct_last_four = paymentMethod.acct_last_four;
-        this.type = snakeToCamel(paymentMethod.type);
-    }
-}
 var CardBrandLabels;
 (function (CardBrandLabels) {
     CardBrandLabels["american_express"] = "American Express";
@@ -20,4 +12,4 @@ var CardBrandLabels;
     CardBrandLabels["unknown"] = "Unknown";
 })(CardBrandLabels || (CardBrandLabels = {}));
 
-export { CardBrandLabels as C, PaymentMethodOption as P };
+export { CardBrandLabels as C };

package/dist/module/payment-method-option2.js

@@ -1,8 +1,9 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { W as radioListItem } from './parts.js';
+import { r as radioListItem } 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$2 } from './form-control-help-text2.js';
 import { d as defineCustomElement$1 } from './form-control-radio2.js';
 
@@ -13,7 +14,7 @@ const PaymentMethodOption = /*@__PURE__*/ proxyCustomElement(class PaymentMethod
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: 'bef445cfdd80c24e9b005f503cf4913ceac4eae8', class: "payment-method" }, h("div", { key: 'af292fe29e32858371b7a41fb3d1b983a33d4cc0', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '7f3e0ea48a5a8d9b655e1f8609065b7de06386eb', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (h(StyledHost, { key: '8d4bc7222b08e71511017ef1292360f491de05c0', class: "payment-method" }, h("div", { key: '0c9efd8f33e07dfc7261010ee5d4ad96302ae36b', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: 'c87f7caa8f2770d784d7efc002762f6beb5f1896', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
     }
 }, [1, "payment-method-option", {
         "paymentMethodOptionId": [1, "payment-method-option-id"],

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

@@ -6,6 +6,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 { a as BusinessFormClickActions } from './event-types2.js';
 import { d as defineCustomElement$w } from './bank-account-document-inputs.js';
 import { d as defineCustomElement$v } from './bank-account-form-inputs2.js';
@@ -128,7 +129,7 @@ const PaymentProvisioningCore = /*@__PURE__*/ proxyCustomElement(class PaymentPr
         this.loading = event.detail;
     }
     render() {
-        return (h(StyledHost, { key: 'e195b19df4d1061ecf8b305005faf0ffce68221e' }, h("div", { key: '17d42ba0a22567dce6760e2047478eb1bc36a794', class: 'row gap-3' }, h(Header1, { key: '507788c4af5572cbb09037443ae51b505567d825', text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { key: '4b7e73217ff8230756542c3b0c069e18b7f23356', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, handleFormLoading: this.handleFormLoading }), h("div", { key: '2ae1e8386114181cbd6f7999ac047b7709daa4fb', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: 'a126b618a3028c4c7a9c12145ab63e222a17e51f', class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: 'a66e1ac554e0dffa78be59df6a74d8175ba0376c', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
+        return (h(StyledHost, { key: '621b616a3b9d5be0fcc1180dcdb0db6a89ec5aa2' }, h("div", { key: 'b51c6814bb81a6cdc6cd0c5ede4d485582f154ee', class: 'row gap-3' }, h(Header1, { key: '7c03561b4c2b0cfc237d6b933aeffe532f35b626', text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { key: 'b616b52cc9a0057f27ddbae1356710cee05c60fa', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, handleFormLoading: this.handleFormLoading }), h("div", { key: '2447bad174b5d32d253e821e76ebb32fb9ec50e3', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: 'd746b5275ae0866a8619f67fe00217916153ea0a', class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: 'add808398005b6076d91788cc220ab6620f3ddfc', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
     }
 }, [0, "justifi-payment-provisioning-core", {
         "businessId": [1, "business-id"],

package/dist/module/payment-provisioning-form-buttons.js

@@ -4,6 +4,7 @@ import { a as BusinessFormClickActions } from './event-types2.js';
 import { B as Button } from './button.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 
 const PaymentProvisioningFormButtons = /*@__PURE__*/ proxyCustomElement(class PaymentProvisioningFormButtons extends HTMLElement {
     constructor() {
@@ -20,7 +21,7 @@ const PaymentProvisioningFormButtons = /*@__PURE__*/ proxyCustomElement(class Pa
         return this.currentStep === this.totalSteps;
     }
     render() {
-        return (h("div", { key: '7c793a33752cd9b3dd1ebc6c30b7a98002ef8820', class: 'd-flex gap-2' }, h(Button, { key: '5127c233ef8c819fe17204baaff7370d78ec70e7', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: 'd889e96935718eb333eaac70023fd7b273118676', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: '5502d7d73084119862451389bf85705407187016', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
+        return (h("div", { key: '5869ed8c350e3a1ae5fe62dcd04493f432eecff7', class: 'd-flex gap-2' }, h(Button, { key: 'b1e8c2fff97e9a053d715860a43ddd78c99b255a', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '8696fe4f0bde5434e51f05f67b39a8e5b2f550bf', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: 'b1750a849d60244bdb3cf82690c6cbd15b6e1110', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
     }
 }, [0, "justifi-payment-provisioning-form-buttons", {
         "currentStep": [2, "current-step"],

package/dist/module/payment-provisioning-form-steps.js

@@ -49,7 +49,7 @@ const PaymentProvisioningFormSteps = /*@__PURE__*/ proxyCustomElement(class Paym
         return this.componentStepMapping[this.currentStep]();
     }
     render() {
-        return (h("div", { key: 'f25bbaeeac7ea49b2d99f746af0aec7b637d879a', class: 'col-12 mb-4' }, this.currentStepComponent));
+        return (h("div", { key: '9a09e562d0a3548cb40863ba5780c5d1692b6ec3', class: 'col-12 mb-4' }, this.currentStepComponent));
     }
 }, [0, "justifi-payment-provisioning-form-steps", {
         "businessId": [1, "business-id"],

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

@@ -2,6 +2,7 @@ import { h } from '@stencil/core/internal/client';
 import { S as Skeleton } from './skeleton.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 
 const FormBlock = () => (h("div", { class: "row gap-3" },
     h("div", { class: "col-12" },

package/dist/module/payment.service.js

@@ -1,7 +1,6 @@
 import { A as Api } from './Api.js';
 import './Refund.js';
 import './Pagination.js';
-import './Payment.js';
 import './Business.js';
 
 const api = Api();

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

@@ -1,15 +1,16 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import './config-state.js';
-import { h as convertToLocal } from './utils2.js';
+import './dinero.js';
 import './Refund.js';
 import { p as pagingDefaults } from './Pagination.js';
-import './Payment.js';
 import './Business.js';
 import './details.js';
 import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
 import { T as TableClickActions } from './event-types.js';
+import './justifi-radio-list-item2.js';
 import { M as MapPaymentStatusToBadge } from './payments-status.js';
-import { n as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
+import { e as convertToLocal } from './utils2.js';
+import { v as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './payments-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
@@ -117,7 +118,7 @@ const PaymentsListCore = /*@__PURE__*/ proxyCustomElement(class PaymentsListCore
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'c2ee9fe256bed85419d5bbc0b12c22210cec4b6a' }, h(TableComponent, { key: '70f2dd874928fe941029504bd6fc12183e0c2bef' }, h(TableHead, { key: 'd26595fd6b181ade2da1d6f802de7ee88945361a' }, h(TableHeadRow, { key: '003af39a3b07fb045d1bf1685150b9d6e8318b64' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'e510d90dea09305da8e70973f6d4de937b533307' }, h(TableLoadingState, { key: '4a441175be1800937dfcae98d938dd69b045f274', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '5c9b31dd51e69420bbaa7b48e69bef350c9bd5f6', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '29d1ed55946c075b52663e1ea2fa64353a368659', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'f5f60a8b3cd2b620f8a757690d9f4be1fd19b0bd' }, h(TableFootRow, { key: '1e6552dee4bbf5de86468ace0c89a93502081f95' }, h(TableFootCell, { key: '8ebcd59eba395663304647f592f2fd05763dec94', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '39973efbcac641d5b99bec8e9ad032708d6ba3f1', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '3d19bff21b3edbd06817f4e91110a6b53ad2b6aa' }, h(TableComponent, { key: '3f32495d49ad96a643bd11d21b140458bf26c3bd' }, h(TableHead, { key: 'db75917e259fb0fea5e1396d388aacac38fc768f' }, h(TableHeadRow, { key: '22de3e5cc40b0ece323e8fed97580c94598ccea0' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '4fd97328884439dea3e036169753b39f9e7b6053' }, h(TableLoadingState, { key: 'c9bb14a64dc3243dacb39eb22ceeffad0abd49e3', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '68e583dc13ffc089067cc54c2be9ca7898efa116', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '14ac8451b9da3d5c39164620c69b8e0aab282145', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '55ddfb968541d296ea896ae14c80f1557185e920' }, h(TableFootRow, { key: 'a9ed770e075d1be82444266e842b2bf8ace67a7a' }, h(TableFootCell, { key: '6d82711cd658231009c7a3e66058c9895f9e431e', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '51c4436c22c62ed82d960011e8c799673cdbf2c9', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

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

@@ -1,10 +1,11 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { a as formatDate, e as formatTime } from './utils2.js';
+import { a as formatDate, d as formatTime } from './utils2.js';
 import { E as ErrorState, b as EntityHeadInfo, c as EntityHeadInfoItem, D as DetailSectionTitle, a as DetailItem, C as CodeBlock } from './utils.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import { d as defineCustomElement$1 } from './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { M as MapPayoutStatusToBadge } from './payouts-status.js';
 import { S as Skeleton } from './skeleton.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
@@ -73,9 +74,9 @@ const PayoutDetailsCore = /*@__PURE__*/ proxyCustomElement(class PayoutDetailsCo
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '49e7b88fdc88080ebb6a13f06312e79740fc55ee' }, this.loading && h(PayoutDetailsLoading, { key: 'dcda5e853910c71690ad86e1b92c9fa35bf8f2c5' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'af265ec9f36b0a181d8d920dd8ff11f0e90a8892', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '9886a1828548f050f0fcaa1f430fde0f0755643d', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: 'aa39b7dfb47f575acafb8b056004d18ea04f22d2', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'b6446fddfa39f1661b3142af914c0b1ed6d1ae6d', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: 'e5dfa4de2bf04ce771dfe1b115d5b5b1dbd2fc59', title: "ID", value: this.payout.id }), h("div", { key: '57b7e13f03485831686ac10970dacf9a8da20717', class: "m-4" }, h(Button, { key: '8f4c622105fe8588c7788c46bce1196a301729f5', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '815e6c278a4282ec281aa2a990aa579593a1499a', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '2c38abeed3a2f37690aa818f333f74afcf151f10', sectionTitle: "Details" }), h("div", { key: '044414048a85a74b80f1bda6535a276d487961b8', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '416788949863fffcd59072de36d0b50dea58114a', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'de23182cfcb49537e1393dcdea03087779b7f65d', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'eb55b0ca232c9c7ab50446d298f8971fa30cc9fc', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'c7cd95c71512d7c38073f20226719cc473461f89', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '11858fafc2af68ef72bff0d1a7651a0f6c894147', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'e501c81bfe4aca5460f1bcd18d1642cbc1269ad7', sectionTitle: "Account" }), h("div", { key: 'd82f31f42db391c486edf934ad59f61d91909555', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'b8d77ed73f54111f58905660c264d8b985441493', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'b410db883303e241ef6d23d3d2fe0a279f95ea62', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'f29d5919b57a565f7b098e59d5f107297ee0426c', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '8865014dad645d7b3ddcd3819fede60b4b8eb44f', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'a9df02b65f38494fbe260ebdc4175ba14fbe3c0f', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '693a0bab6104bc344b264b81a73d772b88b605cb', sectionTitle: 'Metadata' }),
-            h("div", { key: '2607f9700a1d6b923e60254fcabecfdb0a4476b6', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '4556629859e018b58f926eb3a8a551540a651c4e', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: 'a109088ffaa3437430299158bde07f695f6ed0a8' }, this.loading && h(PayoutDetailsLoading, { key: 'da2a9f3b35291bbd1abea3de3174b77ee58586f2' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'b97b623716beaa39a2d9d5d9dde554b461948fae', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '716414411ca5d8d5e30c7f52aa4d8a94c5dfb163', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '898b1578cbc0b90a6ebd305ffcf45c996ea36942', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'ab03a03ba80781aa760bed450944c35f0210216c', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: 'f65b10fd429d33391471cbacccc001d38943331c', title: "ID", value: this.payout.id }), h("div", { key: 'f0716854307a8208d486448c1e7e7c2e9f7bea9e', class: "m-4" }, h(Button, { key: 'b9b963854f14f508984eb70d37656226b334d882', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '70df708f9f7ddda9d21a58481b7937a567ff0179', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '24f60a66b848ba091a75fe7877c23b1c45a790ad', sectionTitle: "Details" }), h("div", { key: 'c97f709a9030081871ed6b8878b8d9d73cbdb51d', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '7782dfef517e23171d7b1d3023a019dc51731f7d', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'edcef38d00c9febe83acebd6c4c4e462ee8c117f', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '2ae0d6434310d6c726226e6e8199d58f531ead31', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'dfd06d7613a315366982cafad64214d41246bc18', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '0c3b97b7eb651863b5df30989d059e0cb9c94967', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '245a0a7a705d7bae8aa8c6b42513ce613d6b2238', sectionTitle: "Account" }), h("div", { key: '914381b1cd84b4ee90f994226054b9ca241707f7', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'f62e176e6dd5d74dae815a2eccd25b96d1bedb17', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: '893f89d10f01718d7dee7621e9d7572f8789084f', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '2531d9a01f8c016edbcf4687ea652fe57dcd6b54', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '107cadba8101d230777f7011e2444e31d9db4ca2', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '85919cc3b23f149a1a488e7dc2dea262df59938f', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: 'b54afae3f6a3310483988076c3f5548edf51e605', sectionTitle: 'Metadata' }),
+            h("div", { key: '0d25df6c414f619088441e9286f47a17920ac0bd', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '14aa74c5756f5bf83769d166ee6ee56317506747', metadata: this.payout.metadata }))
         ])))));
     }
     static get watchers() { return {

package/dist/module/payout.service.js

@@ -1,7 +1,6 @@
 import { A as Api } from './Api.js';
 import './Refund.js';
 import './Pagination.js';
-import './Payment.js';
 import './Business.js';
 
 const api = Api();

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

@@ -1,15 +1,16 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import './config-state.js';
-import { h as convertToLocal } from './utils2.js';
+import './dinero.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import { p as pagingDefaults } from './Pagination.js';
-import './Payment.js';
 import './Business.js';
 import './details.js';
 import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
 import { T as TableClickActions } from './event-types.js';
+import './justifi-radio-list-item2.js';
+import { e as convertToLocal } from './utils2.js';
 import { M as MapPayoutStatusToBadge } from './payouts-status.js';
-import { n as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
+import { v as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './payouts-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
@@ -172,7 +173,7 @@ const PayoutsListCore = /*@__PURE__*/ proxyCustomElement(class PayoutsListCore e
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '0cfe5ca4d2d294c9be13cde68f9a634f46819c90' }, h(TableComponent, { key: '2be5f55782150193d00ced8ed0cee9310adf4802' }, h(TableHead, { key: 'e4312bb000fa3f205a75e0c017c79e6a2d60c678' }, h(TableHeadRow, { key: '24469f4f79e3a827ae93be1190e3cf811e1736cb' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'c82e6280eb23177ce5862bcf07d1304d34c1ee1e' }, h(TableLoadingState, { key: '207f70f6c5db6c47712933ad8d07d440a00addb9', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '04cc34a2654e470f3de8dcbe7b0d3e63e53870d5', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '0abb27621d355e7a9359e744e1a6e26a82e076e3', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '78949f89c87caf71e76df80562b1d8c92116bf28' }, h(TableFootRow, { key: '1bed7d8e8bd345973170287b0899d06c9cf0a0b5' }, h(TableFootCell, { key: 'b85ed7b097f367167946b6264af28721291d82ac', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'cc3f6250c3d23b4596bf476be91a5a40dcef99c1', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'eef5a9a859e8e36659052ff0f1b0ef1f4ac3e44e' }, h(TableComponent, { key: 'd20e57e7b2a4d6be3e264cb0236bd08e2528451f' }, h(TableHead, { key: '12052d8c0ed0eb32eb7a3a92d5a656de1cebf589' }, h(TableHeadRow, { key: '664433d91c5541b659668a78000e4b08679948d7' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'bc13cd29949d1a4c2ac3ae7d4116a74bff8be79b' }, h(TableLoadingState, { key: '702fd0736a903b0f580cfd55dcc8e2e1ce11a25b', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'fce7164d3b1916962fc86e259f3440dd7128d75f', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'f2c9c7d68cda017d27dd7914c7bda79579743f6a', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'c33c55626523404dcd6660399ef3f44e5f315e84' }, h(TableFootRow, { key: 'b0835d4fcf91c861fa751601839bb34e7b90b88d' }, h(TableFootCell, { key: '26e365e2210561e207346b4477fdb0859d653cce', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '240c68c350d764a753aa3da63cfd24c70c36fdab', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/postal-code-form.js

@@ -2,6 +2,7 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { n as numberOnlyHandler } from './utils3.js';
 import { F as FormController } from './form.js';
 import { b as billingFormSchema } from './billing-form-schema.js';
@@ -46,11 +47,12 @@ const PostalCodeForm = /*@__PURE__*/ proxyCustomElement(class PostalCodeForm ext
     }
     async validate() {
         let isValid = await this.formController.validate();
-        return { isValid: isValid };
+        const errors = this.formController.errors.getValue();
+        return { isValid, errors };
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: 'bc2746672b9bcb986f658f69c53ded47f78165e2' }, h("form", { key: '9a2642233487802aa55c0a0a548f277e252517d3' }, h("form-control-text", { key: 'ff3f4e10ebe6a278bbe0671691128a058e8ada8b', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))));
+        return (h(StyledHost, { key: 'dd5eac14587300198c7032b5ea66cddd0c732708' }, h("form", { key: 'fb51d6c69c0b4257a7d4c6299bf28ceb30d28f31' }, h("form-control-text", { key: '0ce26b35589622f79f653e538bc683b682af1944', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))));
     }
 }, [1, "justifi-postal-code-form", {
         "formController": [32],