@justifi/webcomponents 5.7.6-rc-21 → 5.7.7

package/dist/esm/{form-control-select_2.entry.js → form-control-select_3.entry.js}

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-kpoIU4v_.js';
-import { c as input, l as label, b as inputInvalid, T as inputDisabled, a as inputFocused } from './parts-CfF8KKwx.js';
-import { F as FormControlErrorText } from './form-control-error-text-D3ZwkOv-.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Bn7inNWG.js';
+import { c as input, l as label, b as inputInvalid, R as inputDisabled, a as inputFocused, ah as tooltip, ai as tooltipInner, aj as tooltipIcon } from './parts-CVGBVdVC.js';
+import { F as FormControlErrorText } from './form-control-error-text-eKr_QuRZ.js';
 import './event-types-CZfYo5-1.js';
 
 const SelectInput = class {
@@ -40,10 +40,10 @@ const SelectInput = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '9842d5b2a2069292ded1b960bc024d7995a6d58e' }, h("div", { key: 'b4b5fe37f88661d2f592864adb16ae997a38b484', class: "form-group d-flex flex-column" }, h("div", { key: 'f70c40c7e4bdd58b985ac9b6e76fbf48ff15261e', class: "d-flex align-items-start gap-2" }, h("label", { key: '6b1d9e1f3b22e702962c1d23a057f08222af5e1a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fae7835adde280a8c4f48f3c9b169240aac3672d', helpText: this.helpText })), h("select", { key: 'bee75d1bb56ed104473efcad7d8c432b50bfbb38', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '16afff88a986b1e1b5596aeb3c780c11632ead9e' }, h("div", { key: '6a025a451737f626e6597e667a8825e815250f89', class: "form-group d-flex flex-column" }, h("div", { key: 'e6582c06498576f23b55dfc454e2c8f73e736e4a', class: "d-flex align-items-start gap-2" }, h("label", { key: '6d8c53a2404c66d04e217faf397db3e7e7f95f70', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '80f38de1fafd576e340603147917194a0ca88def', helpText: this.helpText })), h("select", { key: 'a747f1946d552aa2bef3141b3ec05119a2fa0f15', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: 'f5df46552aa8124b344260bca05bd02c695d0fe6', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: 'f2a725b0cac08bb1ad33d8af4e8a0efb64fe9d45', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -88,10 +88,10 @@ const TextInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: 'cd84a88604a278f60d81b3069449c1a4d5477d19' }, h("div", { key: 'e1ac6fc0c40c1a7142ed873654c44edf476101a5', class: "form-group d-flex flex-column" }, h("div", { key: '4bdefa049238c098e0a9fd036707e2e29089610b', class: "d-flex align-items-start gap-2" }, h("label", { key: '749b24acf4ea40e4dcf5c87ef0c5e833696469ae', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a054ccd7be60d88ef69f88a55514f54fffd8abb3', helpText: this.helpText })), h("input", { key: '7444a06fd70bb71d8f481697c90a0f94154314f0', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '54560107b58c2a11f306b499dc926be155b22b51' }, h("div", { key: 'a62dab043fa298ae060c7e910b1748af607b8bd5', class: "form-group d-flex flex-column" }, h("div", { key: 'ad624f874d571ee713c8f36cf24faab4d3bcf27d', class: "d-flex align-items-start gap-2" }, h("label", { key: '6c0b79ef74a686975c2d2071d80f877fae7428c1', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '0eb37ab82f5eb69cc28db76249fcf45633b8bba5', helpText: this.helpText })), h("input", { key: 'd23affba3abef502dadf503ef59d140d20fccb89', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '093124125e3aae9c156993718fb602f74b9446dd', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '58224f241eab27ca2e46883acce95f88a2a8eebf', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -99,4 +99,22 @@ const TextInput = class {
     }; }
 };
 
-export { SelectInput as form_control_select, TextInput as form_control_text };
+const TooltipComponent = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    show() {
+        this.tooltip.classList.add('show');
+    }
+    hide() {
+        this.tooltip.classList.remove('show');
+    }
+    render() {
+        if (!this.helpText) {
+            return null;
+        }
+        return (h("div", { class: "tooltip-container" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "currentColor", class: "bi bi-question-square tooltip-icon", viewBox: "0 0 16 16", ref: (el) => (this.anchorIcon = el), part: tooltipIcon }, h("path", { d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z" }), h("path", { d: "M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94" })), h("custom-popper", { trigger: "hover", placement: "top", anchorRef: this.anchorIcon }, h("div", { class: "tooltip bs-tooltip-top", part: tooltip, role: "tooltip", ref: (el) => (this.tooltip = el) }, h("div", { class: "tooltip-inner", part: tooltipInner }, this.helpText)))));
+    }
+};
+
+export { SelectInput as form_control_select, TextInput as form_control_text, TooltipComponent as form_control_tooltip };

package/dist/esm/{get-business-Crb6P-iI.js → get-business-GEPTefIj.js}

@@ -1,6 +1,6 @@
 import { B as Business } from './Business-BCoP0TAV.js';
-import { C as ComponentErrorSeverity } from './ComponentError-Cjcsf8ku.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
+import { C as ComponentErrorSeverity } from './ComponentError-SdntD1xf.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
 
 const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

package/dist/esm/{get-payment-details-Dt-dr16k.js → get-payment-details-BOpjKcRB.js}

@@ -1,11 +1,13 @@
-import './config-state-BrllxiM0.js';
-import './dinero-HXpYMWUU.js';
-import { C as ComponentErrorSeverity } from './ComponentError-Cjcsf8ku.js';
-import { P as Payment } from './Refund-Di6J0oN2.js';
+import './config-state-DZeVYerv.js';
+import './utils-CKEiU2Q5.js';
+import { C as ComponentErrorSeverity } from './ComponentError-SdntD1xf.js';
+import './Checkout-CIUkm9aQ.js';
 import './Pagination-CLHwhyvu.js';
+import { P as Payment } from './Payment-DrCqUoz-.js';
+import './Refund-Dwnnpqim.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-BH0Xfn-F.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
+import './Dispute-7MWRbTXI.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
 
 const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess, onError, final }) => {
     var _a;

package/dist/esm/{get-payout-csv-D-Lnooki.js → get-payout-csv-D7IYYqVL.js}

@@ -1,5 +1,5 @@
-import { C as ComponentErrorSeverity } from './ComponentError-Cjcsf8ku.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
+import { C as ComponentErrorSeverity } from './ComponentError-SdntD1xf.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
 
 const makeGetPayoutCSV = ({ authToken, service }) => async ({ payoutId, onError }) => {
     try {

package/dist/esm/{get-subaccounts-BsoVLANw.js → get-subaccounts-0Ri4RB5r.js}

@@ -1,12 +1,14 @@
-import { A as Api } from './Api-N_veT2p6.js';
-import { C as ComponentErrorSeverity } from './ComponentError-Cjcsf8ku.js';
-import { S as SubAccount } from './Refund-Di6J0oN2.js';
+import { A as Api } from './Api-BJv2_XdA.js';
+import { C as ComponentErrorSeverity } from './ComponentError-SdntD1xf.js';
+import './Checkout-CIUkm9aQ.js';
 import './Pagination-CLHwhyvu.js';
+import './Payment-DrCqUoz-.js';
+import { S as SubAccount } from './Refund-Dwnnpqim.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-BH0Xfn-F.js';
-import './config-state-BrllxiM0.js';
-import './dinero-HXpYMWUU.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
+import './Dispute-7MWRbTXI.js';
+import './config-state-DZeVYerv.js';
+import './utils-CKEiU2Q5.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
 
 const api = Api();
 class SubAccountService {

package/dist/esm/gross-payment-chart-core.entry.js

@@ -1,9 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-kpoIU4v_.js';
-import { f as formatCurrency, k as formatDisplayDate } from './utils-lb8p1Exq.js';
-import { E as ErrorState } from './utils-kWaZhFAd.js';
-import { S as Spinner } from './spinner-XBq6mVJW.js';
-import './dinero-HXpYMWUU.js';
-import './parts-CfF8KKwx.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-Bn7inNWG.js';
+import { f as formatCurrency, k as formatDisplayDate } from './utils-CKEiU2Q5.js';
+import { E as ErrorState } from './utils-_kzStVq_.js';
+import { S as Spinner } from './spinner-CWoD0q_S.js';
+import './parts-CVGBVdVC.js';
 
 /*!
  * @kurkle/color v0.3.4
@@ -11053,7 +11052,7 @@ const GrossPaymentChartCore = class {
         }
     }
     render() {
-        return (h(Host, { key: '14360f11f9b118e347ee73739f03c3631fbef1a4' }, this.loading && h(Spinner, { key: 'a5190472afdbf507c6c36c8aaae1473bffc80dcf' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '9c0cca988c30933ff2e2b0f9822525fff507e299' }, this.loading && h(Spinner, { key: '37dd49dd0337e1e1358d65735be502926e30a4ea' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/esm/{header-1-E-hEi3wF.js → header-1-BnwrlkS-.js}

@@ -1,5 +1,5 @@
-import { h } from './index-kpoIU4v_.js';
-import { F as heading1 } from './parts-CfF8KKwx.js';
+import { h } from './index-Bn7inNWG.js';
+import { C as heading1 } from './parts-CVGBVdVC.js';
 
 const Header1 = (props) => {
     return h("h1", { class: `header-1 ${props === null || props === void 0 ? void 0 : props.class}`, part: heading1 }, props.text);

package/dist/esm/{header-3-Dm7M85kz.js → header-3-IOnOCyak.js}

@@ -1,5 +1,5 @@
-import { h } from './index-kpoIU4v_.js';
-import { V as heading3 } from './parts-CfF8KKwx.js';
+import { h } from './index-Bn7inNWG.js';
+import { U as heading3 } from './parts-CVGBVdVC.js';
 
 const Header3 = (props) => {
     return h("h3", { class: `header-3 ${props === null || props === void 0 ? void 0 : props.class}`, part: heading3 }, props.text);

package/dist/esm/iframe-input-styles-state-Cqb62KAu.js

@@ -0,0 +1,23 @@
+import { c as createStore } from './index-B_KxSZIF.js';
+
+const iframeInputStylesStore = createStore({
+    focused: {
+        boxShadow: '',
+        border: '',
+    },
+    focusedAndInvalid: {
+        boxShadow: '',
+        border: '',
+    },
+    fontStyles: {
+        fontFamily: '',
+        fontSize: '',
+        fontWeight: '',
+        lineHeight: '',
+        margin: '',
+        padding: '',
+    },
+});
+const { state: iframeInputStyles, set: iframeInputStylesSet, } = iframeInputStylesStore;
+
+export { iframeInputStylesSet as a, iframeInputStyles as i };

package/dist/esm/{hidden-input_2.entry.js → iframe-input_4.entry.js}

@@ -1,106 +1,19 @@
-import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-kpoIU4v_.js';
-import { c as createStore } from './index-B9me4yN2.js';
-import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, l as label } from './parts-CfF8KKwx.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Bn7inNWG.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
-import { F as FormControlErrorText } from './form-control-error-text-D3ZwkOv-.js';
-import { p as packageJson } from './package-wutYt_7D.js';
-
-const iframeInputStylesStore = createStore({
-    focused: {
-        boxShadow: '',
-        border: '',
-    },
-    focusedAndInvalid: {
-        boxShadow: '',
-        border: '',
-    },
-    fontStyles: {
-        fontFamily: '',
-        fontSize: '',
-        fontWeight: '',
-        lineHeight: '',
-        margin: '',
-        padding: '',
-    },
-});
-const { state: iframeInputStyles, set: iframeInputStylesSet, } = iframeInputStylesStore;
-
-const HiddenInput = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.isFocused = false;
-        this.errorText = '';
-    }
-    async componentDidLoad() {
-        const fontStyles = await this.getBaseFontStyles();
-        iframeInputStylesSet('fontStyles', fontStyles);
-        const focusedStyles = await this.getFocusedStyles();
-        iframeInputStylesSet('focused', focusedStyles);
-        const focusedAndInvalidStyles = await this.getFocusedAndInvalidStyles();
-        iframeInputStylesSet('focusedAndInvalid', focusedAndInvalidStyles);
-    }
-    async getBaseFontStyles() {
-        return new Promise((resolve, _reject) => {
-            setTimeout(() => {
-                const computedStyles = getComputedStyle(this.hiddenInput);
-                const styles = {
-                    fontFamily: computedStyles.fontFamily,
-                    fontSize: computedStyles.fontSize,
-                    fontWeight: computedStyles.fontWeight,
-                    lineHeight: computedStyles.lineHeight,
-                    margin: computedStyles.margin,
-                    padding: computedStyles.padding,
-                    color: computedStyles.color,
-                };
-                resolve(styles);
-            }, 500);
-        });
-    }
-    ;
-    async getFocusedStyles() {
-        return new Promise((resolve, _reject) => {
-            this.hiddenInput.focus();
-            setTimeout(() => {
-                this.hiddenInput.blur();
-                let computedStyles = getComputedStyle(this.hiddenInput);
-                resolve({
-                    boxShadow: computedStyles.boxShadow,
-                    border: computedStyles.border,
-                });
-            }, 500);
-        });
-    }
-    async getFocusedAndInvalidStyles() {
-        return new Promise((resolve, _reject) => {
-            this.hiddenInput.focus();
-            this.errorText = 'Error';
-            setTimeout(() => {
-                const computedStyles = getComputedStyle(this.hiddenInput);
-                const styles = {
-                    boxShadow: computedStyles.boxShadow,
-                    border: computedStyles.border,
-                };
-                this.hiddenInput.blur();
-                resolve(styles);
-            }, 500);
-        });
-    }
-    get part() {
-        if (this.isFocused && this.errorText) {
-            return inputInvalidAndFocused;
-        }
-        if (this.errorText) {
-            return inputInvalid;
-        }
-        if (this.isFocused) {
-            return inputFocused;
-        }
-        return input;
-    }
-    render() {
-        return (h(Host, { key: 'eb0135c733e6a4273855b6c74efab83e51d3788d' }, h("input", { key: '48577dd678d44b2382bbeadcaa2efc14484f8638', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
-    }
-};
+import { F as FormControlErrorText } from './form-control-error-text-eKr_QuRZ.js';
+import { p as packageJson } from './package-BOCuVjGs.js';
+import { i as iframeInputStyles } from './iframe-input-styles-state-Cqb62KAu.js';
+import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, l as label, ax as billingForm } from './parts-CVGBVdVC.js';
+import { c as create$3, F as FormController } from './index.esm-cYgKOXtz.js';
+import { k as postalValidation, l as stateValidation, m as cityValidation, n as lineTwoValidation, q as lineOneValidation, y as identityNameValidation } from './schema-validations-DcR1ujuX.js';
+import { H as Header3 } from './header-3-IOnOCyak.js';
+import './event-types-CZfYo5-1.js';
+import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
+import { S as StateOptions } from './state-options-BX8GieXu.js';
+import './index-B_KxSZIF.js';
+import './business-form-options-CgssATyg.js';
+import './Business-BCoP0TAV.js';
+import './helpers-Mu7LQT-w.js';
 
 var iframeResizer = {exports: {}};
 
@@ -1713,10 +1626,10 @@ const IframeInput = class {
         return params;
     }
     render() {
-        return (h(Host, { key: '07a697a99ef1b601c3f95d176c0eb28a695afff5', class: "form-group d-flex flex-column" }, h("div", { key: 'f9a1cf30b2020ae9de993dc363b07cd1e897c82d', style: {
+        return (h(Host, { key: 'c7e816ffb97c88217b50e8e8ecc5c0fe210bcdbe', class: "form-group d-flex flex-column" }, h("div", { key: '2e38b8e3ddeaba93556c52f20ff67b8324255bda', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '09c186cb27e0fc75352c8028f1ff4e92866f3984', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '758ea464591a51ddc183256ebcd66238602bc4cc', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: 'c2956bb89e30fe2ba1a9111fe71681883470879b', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '75c8d278c641316e797c4cd79905ff554920a4fc', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'e06f9f5f09fb0b3679df6195c1557698790a6331', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: 'c5f7a5c687855d59057dfa52c8f4b5c157c24107', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1726,9 +1639,136 @@ const IframeInput = class {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: '0ab5542c8c8a8242aefee11cc4c1b0815f27f0aa', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '116d0495276351a49014fe565977a244596284ee', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return getElement(this); }
 };
 
-export { HiddenInput as hidden_input, IframeInput as iframe_input };
+const fullBillingSchema = () => create$3({
+    name: identityNameValidation.required('Enter full name'),
+    address_line1: lineOneValidation.required('Enter street address'),
+    address_line2: lineTwoValidation.nullable(),
+    address_city: cityValidation.required('Enter city'),
+    address_state: stateValidation.required('Select state'),
+    address_postal_code: postalValidation.required('Enter postal code')
+});
+const postalOnlySchema = () => create$3({
+    name: identityNameValidation.nullable(),
+    address_line1: lineOneValidation.nullable(),
+    address_line2: lineTwoValidation.nullable(),
+    address_city: cityValidation.nullable(),
+    address_state: stateValidation.nullable(),
+    address_postal_code: postalValidation.required('Enter postal code')
+});
+const nameOnlySchema = () => create$3({
+    name: identityNameValidation.required('Enter full name'),
+    address_line1: lineOneValidation.nullable(),
+    address_line2: lineTwoValidation.nullable(),
+    address_city: cityValidation.nullable(),
+    address_state: stateValidation.nullable(),
+    address_postal_code: postalValidation.nullable()
+});
+
+const BankAccountBillingFormSimple = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errors = {};
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+    }
+    componentWillLoad() {
+        this.formController = new FormController(nameOnlySchema());
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async fill(fields) {
+        this.formController.setInitialValues(fields);
+    }
+    async validate() {
+        const isValid = await this.formController.validate();
+        const errors = this.formController.errors.getValue();
+        return { isValid, errors };
+    }
+    render() {
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        return (h(Host, { key: '26bb004c8683881a5f7b6a4a7de3b1e2c680d157' }, h("div", { key: '89951cc4128e5b6578943af160eb44eb64d02272', part: billingForm, class: "mt-4" }, h("form", { key: '06ff2993369ed913abd9973fc7bb87514d047671' }, h("fieldset", { key: '29b61ffe7a9047a9909d8ed3688c41b9bbedc1d0' }, this.legend && (h("legend", { key: 'eb02a71dfa08b5b5b5e3646f96d9a6882b71bda0' }, this.legend)), h("div", { key: 'b6c5e23355c9a70423f23540f2a7191ae33aa738', class: "row gy-3" }, h("div", { key: 'a7f5606df9c5ca03de56ccaf3a809550a8437ff0', class: "col-12" }, h("form-control-text", { key: '688e677b9ceb86ae0c41715b12edbc6cee913424', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
+    }
+};
+
+const BillingFormFull = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errors = {};
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+    }
+    componentWillLoad() {
+        this.formController = new FormController(fullBillingSchema());
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async fill(fields) {
+        this.formController.setInitialValues(fields);
+    }
+    async validate() {
+        const isValid = await this.formController.validate();
+        const errors = this.formController.errors.getValue();
+        return { isValid, errors };
+    }
+    render() {
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        return (h(Host, { key: 'e9d36cd879429f6d2fe05d2fc424b09a53fda517' }, h("div", { key: '3a979f2f763b96e22341ce87597a53bd1dd69de4', part: billingForm, class: "mt-4" }, h(Header3, { key: 'bd55292d19691da184eb079361f03ce72a369fa0', text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), h("form", { key: '5ad294e59acc1374abd835a1281ca9351914261d' }, h("fieldset", { key: 'b8a1e4c537c6ca214a8e233d513dbe9673ad440e' }, this.legend && (h("legend", { key: '871ce543139ea01c89e2198ab6d0d6d5a5bdb2d7' }, this.legend)), h("div", { key: 'fc5334df48a1aabd2cfe2344fc934f6eb6fe5f94', class: "row gy-3" }, h("div", { key: '1b0e96757b37d15f5c90e0322293c4615d195e57', class: "col-12" }, h("form-control-text", { key: '95312a600e8c0b1f0c082dbde3d11fac41683f8c', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'b658488bf748d0d75fc032daef27ca4c72b81deb', class: "col-12" }, h("form-control-text", { key: 'aed40a410554a29ebc94979cbfe7e7aebe3e03c0', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: '7a297f8670a3a421bf06737e158d71b119e0f92e', class: "col-12" }, h("form-control-text", { key: '867a26488bdf2124256869f80d8e1f14b691e0c2', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: 'fe6c3eeec6c496d846d48e420030689c05248e02', class: "col-12" }, h("form-control-text", { key: 'ac9dea33795c8a0a8f0b602dc108611cfebf0be6', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: 'ecbe044931a98b9b0df870f8899303775ddf92d1', class: "col-12" }, h("form-control-select", { key: 'b6c25c9170d4f97c81b57e44513dbaa8a7166c3b', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '216602a05107394f90b495f30be393efbc01371f', class: "col-12" }, h("form-control-text", { key: 'c05fdd593adbefdd78ae25c57e5f2496d300deba', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
+    }
+};
+
+const CardBillingFormSimple = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errors = {};
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+    }
+    componentWillLoad() {
+        this.formController = new FormController(postalOnlySchema());
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async fill(fields) {
+        this.formController.setInitialValues(fields);
+    }
+    async validate() {
+        const isValid = await this.formController.validate();
+        const errors = this.formController.errors.getValue();
+        return { isValid, errors };
+    }
+    render() {
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        return (h(Host, { key: '579768ec89e37b775a2406ba687a9a18e1c1fb44' }, h("div", { key: '5a98c4adf327f5e09421fbbd78c9f13f031579c6', part: billingForm, class: "mt-4" }, h("form", { key: '4e2b9e9b3ae5d15f6705e418edb2307ec28e19f2' }, h("fieldset", { key: 'baa9735b69a185a229a6db3fa9ddc3adb02a8748' }, this.legend && (h("legend", { key: '65320d5245a39d67aa9389e54ef02fa87bea9bb8' }, this.legend)), h("div", { key: '1e8b4f9de1d6b0f24bb6ef3c8b282f34bf16c04c', class: "row gy-3" }, h("div", { key: '75fb250b91a586982c9a80fc544c2685cfb2f0e1', class: "col-12" }, h("form-control-text", { key: 'db2be476b7f49596faf8a93f40501d89aae3d84f', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
+    }
+};
+
+export { IframeInput as iframe_input, BankAccountBillingFormSimple as justifi_bank_account_billing_form_simple, BillingFormFull as justifi_billing_form_full, CardBillingFormSimple as justifi_card_billing_form_simple };

package/dist/esm/{index-B9me4yN2.js → index-B_KxSZIF.js}

@@ -1,4 +1,4 @@
-import { a as getRenderingRef, f as forceUpdate } from './index-kpoIU4v_.js';
+import { a as getRenderingRef, f as forceUpdate } from './index-Bn7inNWG.js';
 
 const appendToMap = (map, propName, value) => {
     const items = map.get(propName);

package/dist/esm/{index-kpoIU4v_.js → index-Bn7inNWG.js}

@@ -2,7 +2,7 @@ const NAMESPACE = 'webcomponents';
 const BUILD = /* webcomponents */ { hydratedSelectorName: "hydrated", lazyLoad: true, slotRelocation: true, updatable: true};
 
 /*
- Stencil Client Platform v4.36.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.36.3 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -1484,7 +1484,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
       Cstr.observedAttributes = Array.from(
         /* @__PURE__ */ new Set([
           ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
-          ...members.filter(([_, m]) => m[0] & 15 /* HasAttribute */).map(([propName, m]) => {
+          ...members.filter(([_, m]) => m[0] & 31 /* HasAttribute */).map(([propName, m]) => {
             const attrName = m[1] || propName;
             attrNameToPropName.set(attrName, propName);
             return attrName;

package/dist/esm/insurance-state-DRFl0tWj.js

@@ -0,0 +1,28 @@
+import { h } from './index-Bn7inNWG.js';
+import { D as heading2 } from './parts-CVGBVdVC.js';
+import { c as createStore } from './index-B_KxSZIF.js';
+
+const Header2 = (props) => {
+    return h("h2", { class: `header-2 ${props === null || props === void 0 ? void 0 : props.class}`, part: heading2 }, props.text);
+};
+
+const insuranceValuesStore = createStore({});
+const { state: insuranceValues, on: insuranceValuesOn } = insuranceValuesStore;
+const insuranceErrorsStore = createStore({});
+const { state: insuranceErrors } = insuranceErrorsStore;
+const validateInsuranceValues = () => {
+    let valid = true;
+    Object.keys(insuranceValues).forEach((key) => {
+        const noSelection = insuranceValues[key] === null;
+        if (noSelection) {
+            insuranceErrors[key] = true;
+            valid = false;
+        }
+        else {
+            insuranceErrors[key] = false;
+        }
+    });
+    return { isValid: valid };
+};
+
+export { Header2 as H, insuranceValues as a, insuranceErrors as b, insuranceValuesOn as i, validateInsuranceValues as v };

package/dist/esm/justifi-additional-questions-form-step-core_6.entry.js

@@ -1,28 +1,29 @@
-import { h, r as registerInstance, c as createEvent } from './index-kpoIU4v_.js';
+import { h, r as registerInstance, c as createEvent } from './index-Bn7inNWG.js';
 import { a as additionalQuestionsSchema, b as businessCoreInfoSchema } from './business-additional-questions-schema-C6NRHWEL.js';
 import { F as FormController, c as create$3, b as create$8 } from './index.esm-cYgKOXtz.js';
 import { A as AdditionalQuestions, C as CoreBusinessInfo, R as Representative, c as Address } from './Business-BCoP0TAV.js';
 import { C as CURRENCY_MASK, P as PHONE_MASKS } from './form-input-masks-B-iV5cYd.js';
-import { G as heading2 } from './parts-CfF8KKwx.js';
-import { S as Skeleton } from './skeleton-DrHwsgs_.js';
+import { D as heading2 } from './parts-CVGBVdVC.js';
+import { S as Skeleton } from './skeleton-DK6mW457.js';
 import './event-types-CZfYo5-1.js';
 import { a as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, b as businessClassificationOptions } from './business-form-options-CgssATyg.js';
 import { a as BusinessFormStep, B as BusinessFormClickActions } from './event-types-XYgDHrVL.js';
-import { E as EntityDocumentType, l as EntityDocumentStorage, m as EntityDocument } from './Refund-Di6J0oN2.js';
+import { E as EntityDocumentType, h as EntityDocumentStorage, i as EntityDocument } from './Refund-Dwnnpqim.js';
 import { z as routingNumberValidation, A as accountNumberValidation, B as accountTypeValidation, y as identityNameValidation, C as nicknameValidation, D as bankNameValidation } from './schema-validations-DcR1ujuX.js';
-import './config-state-BrllxiM0.js';
-import './dinero-HXpYMWUU.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
+import './config-state-DZeVYerv.js';
+import './utils-CKEiU2Q5.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
+import './Checkout-CIUkm9aQ.js';
 import './Pagination-CLHwhyvu.js';
-import './Dispute-BH0Xfn-F.js';
+import './Payment-DrCqUoz-.js';
+import './Dispute-7MWRbTXI.js';
 import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
-import { B as Button } from './button-CeR8qVS3.js';
+import { B as Button } from './button-C-ZZ9yD1.js';
 import { i as identitySchema, a as addressSchema } from './business-identity-schema-D8n5dyLX.js';
 import { S as StateOptions } from './state-options-BX8GieXu.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './helpers-Mu7LQT-w.js';
-import './utils-lb8p1Exq.js';
-import './index-B9me4yN2.js';
+import './index-B_KxSZIF.js';
 
 class BankAccount {
     constructor(data) {