@justifi/webcomponents 5.2.0 → 5.3.0

package/dist/esm/{custom-popper.entry.js → custom-popper_4.entry.js}

@@ -1,4 +1,6 @@
-import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-29fcfdf5.js';
+import { l as label, c as input, b as inputInvalid, S as inputDisabled, a as inputFocused, a4 as tooltip, a5 as tooltipInner, a6 as tooltipIcon } from './parts-ab2bb4b5.js';
+import { F as FormControlErrorText } from './form-control-error-text-b3d14e92.js';
 
 var top = 'top';
 var bottom = 'bottom';
@@ -1875,7 +1877,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '277df43099c0dd77e7dc69927ef51d2457cec263' }, h("style", { key: 'b0bce6ba8275da36f98a9a12abd541fc0ae423f9' }, `
+        return (h("div", { key: 'd59371a35f7215a7e93678b3e8ed37a7900ae294' }, h("style", { key: '70630b46ad7933447a8ed41d3dc7f304600be42a' }, `
           .popper-content {
             display: none;
           }
@@ -1883,8 +1885,142 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '23b70bc63642a5a3ec4e67da2d698f4ce70325dd', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'c7fdc0e2e03def596ca1eb4a4cb813a93f8cea21' }))));
+          `), h("div", { key: '94b22314d2bcf4ac41ab3239758b2421945de604', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '5c6af2fbf398b3377323f1a78b394ef5eb702463' }))));
     }
 };
 
-export { CustomPopper as custom_popper };
+const SelectInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            this.inputHandler(name, target.value);
+            this.formControlInput.emit(target.value);
+        };
+        this.updateInput = (newValue) => {
+            this.selectElement.value = newValue;
+        };
+        this.isFocused = false;
+        this.name = undefined;
+        this.label = undefined;
+        this.options = undefined;
+        this.inputHandler = undefined;
+        this.defaultValue = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.disabled = undefined;
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.updateInput(this.defaultValue);
+    }
+    get part() {
+        let part = input;
+        if (this.errorText) {
+            part = inputInvalid;
+        }
+        if (this.disabled) {
+            part = inputDisabled;
+        }
+        if (this.isFocused) {
+            part = inputFocused;
+        }
+        return part;
+    }
+    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: () => {
+                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 }))));
+    }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+const TextInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            this.inputHandler(name, target.value);
+            this.formControlInput.emit({ name, value: target.value });
+        };
+        this.updateInput = (newValue) => {
+            const inputElement = this.el.querySelector('input');
+            if (inputElement) {
+                inputElement.value = newValue || '';
+            }
+        };
+        this.isFocused = false;
+        this.name = undefined;
+        this.label = undefined;
+        this.inputHandler = undefined;
+        this.defaultValue = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.maxLength = undefined;
+        this.keyDownHandler = undefined;
+        this.disabled = undefined;
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.updateInput(this.defaultValue);
+    }
+    get part() {
+        if (this.errorText) {
+            return inputInvalid;
+        }
+        if (this.disabled) {
+            return inputDisabled;
+        }
+        if (this.isFocused) {
+            return inputFocused;
+        }
+        return input;
+    }
+    render() {
+        return (h(Host, { key: 'f742a9b9375efe75d2621e0a333e569e52c5290d' }, h("div", { key: '42ce4c0edaa8a081617ca7d23faa963b2e0909f7', class: "form-group d-flex flex-column" }, h("div", { key: 'aaa00bd55270e8fefe70acb6bfc3c5f5d2e30225', class: "d-flex align-items-start gap-2" }, h("label", { key: '5f5ca7cf669041fb67d560d73b45fd5c0a3e70c2', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ad501482251bb1b1ad927ad5e58bbb30900f35e9', helpText: this.helpText })), h("input", { key: 'dcccf1c182a8d9e8cb8dea09f622d85099b97013', 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: 'b8b968c0a8b56839e43caa61bf317270a78bdbf4', errorText: this.errorText, name: this.name }))));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+const TooltipComponent = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.anchorIcon = undefined;
+        this.tooltip = undefined;
+        this.helpText = undefined;
+    }
+    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 { CustomPopper as custom_popper, SelectInput as form_control_select, TextInput as form_control_text, TooltipComponent as form_control_tooltip };

package/dist/esm/{dispute.service-882e35ed.js → dispute.service-26a788a8.js}

@@ -1,8 +1,10 @@
 import { A as Api, c as config } from './Api-0cac5b8a.js';
-import './Checkout-d476bb83.js';
+import './ComponentError-3ce7f437.js';
+import './Checkout-8325c97a.js';
 import './Pagination-afc8f96d.js';
-import './Payment-47630113.js';
-import './SubAccount-f31349a9.js';
+import './Payment-82d2f453.js';
+import './SubAccount-a73bf971.js';
+import './Document-1907c0d4.js';
 
 class DisputeService {
     async fetchDispute(disputeId, authToken) {

package/dist/esm/{event-types-948c3b14.js → event-types-fd7a05d9.js}

@@ -1,6 +1,6 @@
 import { h } from './index-29fcfdf5.js';
-import { A as tableEmpty, B as tableError, z as tableCell } from './parts-93f379ab.js';
-import { S as Spinner } from './spinner-b83f3a87.js';
+import { G as tableEmpty, H as tableError, F as tableCell } from './parts-ab2bb4b5.js';
+import { S as Spinner } from './spinner-8ec6669a.js';
 
 const TableEmptyState = (props) => {
     const { columnSpan, isEmpty } = props;

package/dist/esm/form-alert_5.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-29fcfdf5.js';
-import { D as alertDanger, h as heading2 } from './parts-93f379ab.js';
+import { J as alertDanger, h as heading2 } from './parts-ab2bb4b5.js';
 import { a as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, b as businessClassificationOptions } from './business-form-options-018f62a5.js';
 import { C as CURRENCY_MASK, T as TAX_ID_MASKS, P as PHONE_MASKS, S as SSN_MASK } from './form-input-masks-0e18300f.js';
 import { C as CoreBusinessInfo } from './Business-29c69f22.js';

package/dist/esm/form-control-checkbox.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-29fcfdf5.js';
-import { V as inputCheckboxInvalid, W as inputCheckboxCheckedFocused, X as inputCheckboxFocused, Y as inputCheckboxChecked, Z as inputCheckbox, l as label } from './parts-93f379ab.js';
-import { F as FormControlHelpText } from './form-control-help-text-3b6f5980.js';
-import { F as FormControlErrorText } from './form-control-error-text-066cdad4.js';
+import { $ as inputCheckboxInvalid, a0 as inputCheckboxCheckedFocused, a1 as inputCheckboxFocused, a2 as inputCheckboxChecked, a3 as inputCheckbox, l as label } from './parts-ab2bb4b5.js';
+import { F as FormControlHelpText } from './form-control-help-text-7b07fc37.js';
+import { F as FormControlErrorText } from './form-control-error-text-b3d14e92.js';
 
 const CheckboxInput = class {
     constructor(hostRef) {
@@ -43,10 +43,10 @@ const CheckboxInput = class {
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: '37c483442db30fe4662377c80798f60a220d005a' }, h("div", { key: 'b09832323b1d686404e362bb77281aec21fc581b', class: 'form-group d-flex flex-column' }, h("div", { key: '2064b9de15f1ca74a3d8132813f9108755a69dbf', class: "form-check" }, h("input", { key: '57218b62428c57d2c6beb65635d2cd51debb656c', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '6ea0ca6e03a956c5c11e6b6b67802a8344e6f3d8' }, h("div", { key: '87a7a3e9d34992d992464b8d6fe8ba712ff32865', class: 'form-group d-flex flex-column' }, h("div", { key: 'e3da6c3971c74163e914f53c9b5a480dbac2759b', class: "form-check" }, h("input", { key: '01af0856f7e2ad919790a7ec8896cb06e3329452', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '16a1122c4783eb07b00af9fb9449d626f978eeb4', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'e6d817bfbcecab7ebdc0537a19aa8e965239de5d', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '026032f91f2f011c1dbaa37be3c571e0fb707cbe', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '069d3ee70d0cc1c48092407055e8666a1156e7c6', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'bbc6d2e5fdef899236c07738bfa15b51b02c6912', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '456e4ad15ab35e4b68102abfcd058e2d16ac0232', errorText: this.errorText, name: this.name }))));
     }
 };
 

package/dist/esm/form-control-date.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-29fcfdf5.js';
-import { l as label, c as input, b as inputInvalid, M as inputDisabled, a as inputFocused } from './parts-93f379ab.js';
-import { F as FormControlErrorText } from './form-control-error-text-066cdad4.js';
+import { l as label, c as input, b as inputInvalid, S as inputDisabled, a as inputFocused } from './parts-ab2bb4b5.js';
+import { F as FormControlErrorText } from './form-control-error-text-b3d14e92.js';
 
 const DateInput = class {
     constructor(hostRef) {
@@ -54,10 +54,10 @@ const DateInput = class {
         return part;
     }
     render() {
-        return (h(Host, { key: '079e8e9be2b4003c29926a3f29794fdcb655e873' }, h("div", { key: 'ccdbde4bb2a14d719a232309cb8df0ddd55d6677', class: "form-group d-flex flex-column" }, h("div", { key: '2dcd3e2cbeef153d1c3c6a3b55f9e68a4ae73e47', class: "d-flex gap-2" }, h("label", { key: '8154626fc1f1bd3cbc85aed221dd1a8ad2bc1ec3', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a15f0872945e62061707e78070507069599db962', helpText: this.helpText })), h("input", { key: 'a63d12eba9bb0065a48f3087133447d408de4e55', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'a2e8ffbb23d128699730acd686fc06ce0ade5270' }, h("div", { key: 'd43b72838047707022bd3527b610eec234af6cd9', class: "form-group d-flex flex-column" }, h("div", { key: '416954342c2113ff1f4fc77cf714852e0bb66527', class: "d-flex gap-2" }, h("label", { key: 'e0c366b390fbb3ef8d183b5ca71935b8274a0b22', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e4aa76ce751db6fa45a8f11f8026e68102f484f4', helpText: this.helpText })), h("input", { key: '4022e4c857527cffb19b747815acad73c81025d4', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = 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-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: 'b7cdabdf444c9e07dda46f376e3f6372164dfeae', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: '31c0122e9737c704b087dbb2a4791fd7965be3c7', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/esm/{form-control-error-text-066cdad4.js → form-control-error-text-b3d14e92.js}

@@ -1,5 +1,5 @@
 import { h } from './index-29fcfdf5.js';
-import { d as textDanger } from './parts-93f379ab.js';
+import { d as textDanger } from './parts-ab2bb4b5.js';
 
 const FormControlErrorText = (props) => {
     const { errorText, name } = props;

package/dist/esm/form-control-file-v2_2.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-29fcfdf5.js';
-import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, M as inputDisabled, c as input, l as label } from './parts-93f379ab.js';
+import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, S as inputDisabled, c as input, l as label } from './parts-ab2bb4b5.js';
 
 const FileInput = class {
     constructor(hostRef) {
@@ -16,7 +16,7 @@ const FileInput = class {
         this.disabled = undefined;
     }
     render() {
-        return (h(Host, { key: '744d405a20702d024f33fc8bc5aa6cbc97c45260', exportparts: "label,input,input-invalid" }, h("div", { key: 'e20fde11ba0bb73f99d9ab7fe7e5a23b30a81ea3', class: "form-group d-flex flex-column" }, h("div", { key: 'fff2a256c667f26cb9cf3dc8a2420276a779a5c4', class: "d-flex align-items-start gap-2" }, h("label", { key: 'c9df617c17f646c6f48a904e3b96327ff55a6c13', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '4095bdb2e3393821fbf0e05592abe64d9c43ca7b', helpText: this.helpText })), h("input", { key: '0f7b7296cbcc68df6e6eb77056928175417e6ecd', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit() }), h("form-control-error-text", { key: '57398436dad7e92bfb362cdfeb73e4f7d939c51c', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '421617186e463989ce9534004e9b59df81f223ed', exportparts: "label,input,input-invalid" }, h("div", { key: 'f3ac5c496a289e0211a249396546e9d6a1840b28', class: "form-group d-flex flex-column" }, h("div", { key: '8f732b62f40a4351462804a6753e235153679cb9', class: "d-flex align-items-start gap-2" }, h("label", { key: 'b8cebb65d6d238253c8710785745cd82419fe9cf', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '10abec154ebc5960a0f72cb2608dbc7b8ea08378', helpText: this.helpText })), h("input", { key: '3df4d0b69f18f4c266a9af0260ec9c7b422d5c7b', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit() }), h("form-control-error-text", { key: 'd657e89c7c9780db8e1c610383054c082fa77822', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
 };
@@ -71,10 +71,10 @@ const TextInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '9e87b1f5529dedd7c181923a595c3a914a3ac729' }, h("div", { key: '18bf20bca1ab1d4a63d20ce52de8701bd750e315', class: "form-group d-flex flex-column" }, h("label", { key: '9a0f4a849115e646ffc892d35c7519ddc102be02', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '0643574a2bc802ea4dcb5b9577b84cd949e61f9e', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '5ff0ae9958d65d09da3b4faad03b1bc3644433ac' }, h("div", { key: '9cc21c5487cddf7ca4c3dce0f915a2db295396bb', class: "form-group d-flex flex-column" }, h("label", { key: '8dd963da4101aca20b38e586d627d4bbdae89e63', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'afaf7959901a52f8073fab64a6352c08a60f6ea1', 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', disabled: this.disabled }), h("form-control-help-text", { key: '3fc99f67a4b13cadb47fbc34a027cc2e2c3e5097', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '6f69a3a24f8b4d21db958260a1bc6ceaaf70efa6', 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', disabled: this.disabled }), h("form-control-help-text", { key: '466f7f20f5af124d1b3b9f7761abff49a9845b48', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'd65f09910e8631992d42a6b21f55897e26e57ba7', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/{form-control-help-text-3b6f5980.js → form-control-help-text-7b07fc37.js}

@@ -1,5 +1,5 @@
 import { h } from './index-29fcfdf5.js';
-import { t as text } from './parts-93f379ab.js';
+import { t as text } from './parts-ab2bb4b5.js';
 
 const FormControlHelpText = (props) => {
     const { helpText, name } = props;

package/dist/esm/form-control-monetary.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-29fcfdf5.js';
 import { I as IMask } from './index-d9a73ce3.js';
 import { C as CURRENCY_MASK } from './form-input-masks-0e18300f.js';
-import { l as label, t as text, N as inputGroup, b as inputInvalid, M as inputDisabled, a as inputFocused } from './parts-93f379ab.js';
-import { F as FormControlHelpText } from './form-control-help-text-3b6f5980.js';
-import { F as FormControlErrorText } from './form-control-error-text-066cdad4.js';
+import { l as label, t as text, T as inputGroup, b as inputInvalid, S as inputDisabled, a as inputFocused } from './parts-ab2bb4b5.js';
+import { F as FormControlHelpText } from './form-control-help-text-7b07fc37.js';
+import { F as FormControlErrorText } from './form-control-error-text-b3d14e92.js';
 
 const MonetaryInput = class {
     constructor(hostRef) {
@@ -68,10 +68,10 @@ const MonetaryInput = class {
         return part;
     }
     render() {
-        return (h(Host, { key: '17e5fecec611300d6f55ceed3aa0dbaadc198af2' }, h("div", { key: 'a351e02c9b118dd52c2f16f7fc12328194905923', class: "form-group d-flex flex-column" }, h("label", { key: '94f503e4e1bb020ab2b7822229d45fefef5dd7e1', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '2a3c6de082a5b91500061dd9af6f3e941445ad92', class: "input-group" }, h("span", { key: '88b07cbae192b290ffdfdef2f4c4c07bdfac1f8b', class: "input-group-text", part: text }, "$"), h("input", { key: '7de1c2fcf4ad3ab3b42a370d871d62242f262f7b', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '467e85f7211d67d6daabfcc8a3531b7ba2a15cb4' }, h("div", { key: '5566df3c8d8f9507acc27a7e47d9c79528928e8f', class: "form-group d-flex flex-column" }, h("label", { key: '5cee3c6dcc1d4e41184d4ad7185b8a8c50f9175a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: 'e111a7617526080c1d9e2051ff7476a768c8681e', class: "input-group" }, h("span", { key: '359a79709cad258033ee44ca6c4c320be1a85ce4', class: "input-group-text", part: text }, "$"), h("input", { key: '32dda535adca1021e46badb63d8ba064c936bd2f', ref: el => (this.textInput = 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-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: 'fb35421f1d48819e88130a0f78e22d12d2d34642', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'c5fbe9b975039e658031bc56db89ae6f6ce34006', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: '560b1ef9506257d411d9d08e4a984195f1c3b948', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '7f4243a3d36cdd86129dca92e925e82917825d12', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/esm/form-control-number-masked_2.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-29fcfdf5.js';
 import { I as IMask } from './index-d9a73ce3.js';
-import { b as inputInvalid, M as inputDisabled, a as inputFocused, c as input, l as label } from './parts-93f379ab.js';
-import { F as FormControlErrorText } from './form-control-error-text-066cdad4.js';
+import { b as inputInvalid, S as inputDisabled, a as inputFocused, c as input, l as label } from './parts-ab2bb4b5.js';
+import { F as FormControlErrorText } from './form-control-error-text-b3d14e92.js';
 import { S as StateOptions } from './state-options-a356fb11.js';
 import { n as numberOnlyHandler } from './utils-20cdf321.js';
 
@@ -73,10 +73,10 @@ const NumberInputMasked = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '89db4bb1cfd29493cdd96c8c6e3c94e5af49a897' }, h("div", { key: '22210b1d7377890dbf784e8e38b4d34add828f75', class: "form-group d-flex flex-column" }, h("div", { key: '649c0ffdb254257d0d3ac9dbf5daa8d655e7bcae', class: "d-flex align-items-start gap-2" }, h("label", { key: 'c03d8b29747866564c7a708db4701cd0ea547402', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ad3e013f5beab24849b62363d4f0436cfb1e4e69', helpText: this.helpText })), h("input", { key: 'abb8c2383c02a91763784fad05c31271387d7b82', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: 'b99a11bcbe47c9cd1ec7f52ff081b56c7c56fa9a' }, h("div", { key: '2d549b26a4d88b4653a9433de7e0ab6b07aa8f8a', class: "form-group d-flex flex-column" }, h("div", { key: 'a923b55bc2d2bd9d0097ffa452fe46816870aa18', class: "d-flex align-items-start gap-2" }, h("label", { key: 'af645e990ec448bad5d1b8fe2b6b415fb062c129', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3bbeaa5fff2964e1f635aab612e1f9b8fa1929d7', helpText: this.helpText })), h("input", { key: 'f1fe3e4749703f7658164e9bb31c500db9699cbf', ref: el => (this.textInput = 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-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '835e3d30d0f2b6e9aa463c259b9ca5e514fd19e9', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '9574288a9424638ee0f72731848813863dffe718', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/esm/form-control-number.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-29fcfdf5.js';
-import { i as inputInvalidAndFocused, a as inputFocused, b as inputInvalid, c as input, l as label } from './parts-93f379ab.js';
-import { F as FormControlHelpText } from './form-control-help-text-3b6f5980.js';
-import { F as FormControlErrorText } from './form-control-error-text-066cdad4.js';
+import { i as inputInvalidAndFocused, a as inputFocused, b as inputInvalid, c as input, l as label } from './parts-ab2bb4b5.js';
+import { F as FormControlHelpText } from './form-control-help-text-7b07fc37.js';
+import { F as FormControlErrorText } from './form-control-error-text-b3d14e92.js';
 
 const NumberInput = class {
     constructor(hostRef) {
@@ -48,10 +48,10 @@ const NumberInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: '84a9fa872fcd778c9b54d528de7ac170ea2f6173' }, h("div", { key: '263566ddbbbd5c064348bc57c1991302e933971a', class: 'form-group d-flex flex-column' }, h("label", { key: '0401bdc8bb45d6e0367afd51a36582c9556443f6', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'bac419a78477547420a8e1821fe02e46d7bfb12d', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '020f9486c87d1ab1f4ecbba08ef8febf889dfbe4' }, h("div", { key: '81d7f8149f287e21c0b41c351defdd528e892218', class: 'form-group d-flex flex-column' }, h("label", { key: 'c2f0799869b0bd31494b85d6cf5db9d0faffbee9', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'ddad27d6112be528bc94ef3f567674ea36453b59', 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-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: '0cd70acee81da1c14fed139a1f0550aaadbb2671', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '2a71ab292360e2d360a7e698f1a8031562ad5119', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: '5a9fc892d50613e7a436e1425f8b90df7e110328', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '9cc21eab8ed0579a31fe4aae543e1ae521127725', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/form-control-radio.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-29fcfdf5.js';
-import { Q as inputRadioInvalid, R as inputRadioCheckedFocused, S as inputRadioChecked, T as inputRadioFocused, U as inputRadio, l as label } from './parts-93f379ab.js';
+import { W as inputRadioInvalid, X as inputRadioCheckedFocused, Y as inputRadioChecked, Z as inputRadioFocused, _ as inputRadio, l as label } from './parts-ab2bb4b5.js';
 
 const RadioInput = class {
     constructor(hostRef) {
@@ -38,10 +38,10 @@ const RadioInput = class {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '6206191dcbd3f85e135a207890eec541329e6289', class: 'form-group d-flex flex-column' }, h("div", { key: 'ddaf426f9b4e21d1dd889550bf77c5a1c0e42897', class: "form-check" }, h("input", { key: '6ff61e0fb656b63363268bd6c4ab2602689aab8b', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '51d99ae29bb26e36a3f2540e6ebbbe0e99a49889', class: 'form-group d-flex flex-column' }, h("div", { key: '0ac89070efef01fe3ee76144f2177db9a55497ef', class: "form-check" }, h("input", { key: 'ef109f542471bb8599590614fce2dec13c932572', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: '9459bcab30351fc5ed57b9b83739732e75db92f3', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '3823895bb1b7e93c7610cab4f360b5a6c43874d9', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'bdcbb99da7ed76888807c57f70962480144d8e52', errorText: this.errorText, name: this.name })));
+            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: 'aa2a71abec10a6f01961a539f0890f162dfeb10c', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '67e5b9fb761adef49988f62f72018fe838c7b0df', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'e1b4b9c055869524f4b97da177389322fde6736a', errorText: this.errorText, name: this.name })));
     }
 };
 

package/dist/esm/{get-payout-csv-50aea928.js → get-payout-csv-684fece6.js}

@@ -1,9 +1,10 @@
 import { A as Api, c as config } from './Api-0cac5b8a.js';
-import './Checkout-d476bb83.js';
-import './Pagination-afc8f96d.js';
-import './Payment-47630113.js';
-import './SubAccount-f31349a9.js';
 import { C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
+import './Checkout-8325c97a.js';
+import './Pagination-afc8f96d.js';
+import './Payment-82d2f453.js';
+import './SubAccount-a73bf971.js';
+import './Document-1907c0d4.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
 
 class PayoutService {

package/dist/esm/{get-subaccounts-ab3dd32c.js → get-subaccounts-b1bed757.js}

@@ -1,9 +1,10 @@
 import { A as Api, c as config } from './Api-0cac5b8a.js';
-import './Checkout-d476bb83.js';
-import './Pagination-afc8f96d.js';
-import './Payment-47630113.js';
-import { S as SubAccount } from './SubAccount-f31349a9.js';
 import { C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
+import './Checkout-8325c97a.js';
+import './Pagination-afc8f96d.js';
+import './Payment-82d2f453.js';
+import { S as SubAccount } from './SubAccount-a73bf971.js';
+import './Document-1907c0d4.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
 
 class SubAccountService {

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-29fcfdf5.js';
-import { f as formatCurrency, e as formatDisplayDate } from './utils-b76d791e.js';
-import { E as ErrorState } from './utils-7fb6331d.js';
-import { S as Spinner } from './spinner-b83f3a87.js';
-import './parts-93f379ab.js';
+import { f as formatCurrency, e as formatDisplayDate } from './utils-c37124fc.js';
+import { E as ErrorState } from './utils-c2dc83b2.js';
+import { S as Spinner } from './spinner-8ec6669a.js';
+import './parts-ab2bb4b5.js';
 
 /*!
  * @kurkle/color v0.3.2
@@ -11040,7 +11040,7 @@ const GrossPaymentChartCore = class {
         }
     }
     render() {
-        return (h(Host, { key: '3bab823df105738571c6feeba11700a70593fdc6' }, this.loading && h(Spinner, { key: '3ed4ffbcd589e4655bc23336c42b3934157dd7a4' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        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)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/esm/{header-1-75c284dd.js → header-1-4db0c986.js}

@@ -1,5 +1,5 @@
 import { h } from './index-29fcfdf5.js';
-import { e as heading1 } from './parts-93f379ab.js';
+import { e as heading1 } from './parts-ab2bb4b5.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-4a327395.js → header-3-fd150ccf.js}

@@ -1,5 +1,5 @@
 import { h } from './index-29fcfdf5.js';
-import { F as heading3 } from './parts-93f379ab.js';
+import { L as heading3 } from './parts-ab2bb4b5.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/{insurance-state-b495be64.js → insurance-state-529e2d0d.js}

@@ -1,5 +1,5 @@
 import { h } from './index-29fcfdf5.js';
-import { h as heading2 } from './parts-93f379ab.js';
+import { h as heading2 } from './parts-ab2bb4b5.js';
 import { c as createStore } from './index-a47fdc7f.js';
 
 const Header2 = (props) => {