@justifi/webcomponents 5.2.0 → 5.3.1

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

@@ -3,6 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
+const parts = require('./parts-b2ff8b68.js');
+const formControlErrorText = require('./form-control-error-text-46a7f2dd.js');
 
 var top = 'top';
 var bottom = 'bottom';
@@ -1879,7 +1881,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (index.h("div", { key: '277df43099c0dd77e7dc69927ef51d2457cec263' }, index.h("style", { key: 'b0bce6ba8275da36f98a9a12abd541fc0ae423f9' }, `
+        return (index.h("div", { key: 'd59371a35f7215a7e93678b3e8ed37a7900ae294' }, index.h("style", { key: '70630b46ad7933447a8ed41d3dc7f304600be42a' }, `
           .popper-content {
             display: none;
           }
@@ -1887,8 +1889,145 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), index.h("div", { key: '23b70bc63642a5a3ec4e67da2d698f4ce70325dd', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: 'c7fdc0e2e03def596ca1eb4a4cb813a93f8cea21' }))));
+          `), index.h("div", { key: '94b22314d2bcf4ac41ab3239758b2421945de604', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '5c6af2fbf398b3377323f1a78b394ef5eb702463' }))));
+    }
+};
+
+const SelectInput = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.formControlInput = index.createEvent(this, "formControlInput", 7);
+        this.formControlBlur = index.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 = parts.input;
+        if (this.errorText) {
+            part = parts.inputInvalid;
+        }
+        if (this.disabled) {
+            part = parts.inputDisabled;
+        }
+        if (this.isFocused) {
+            part = parts.inputFocused;
+        }
+        return part;
+    }
+    render() {
+        var _a;
+        return (index.h(index.Host, { key: '9842d5b2a2069292ded1b960bc024d7995a6d58e' }, index.h("div", { key: 'b4b5fe37f88661d2f592864adb16ae997a38b484', class: "form-group d-flex flex-column" }, index.h("div", { key: 'f70c40c7e4bdd58b985ac9b6e76fbf48ff15261e', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '6b1d9e1f3b22e702962c1d23a057f08222af5e1a', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'fae7835adde280a8c4f48f3c9b169240aac3672d', helpText: this.helpText })), index.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 => (index.h("option", { value: option.value }, option.label)))), index.h(formControlErrorText.FormControlErrorText, { key: 'f5df46552aa8124b344260bca05bd02c695d0fe6', errorText: this.errorText, name: this.name }))));
+    }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+const TextInput = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.formControlInput = index.createEvent(this, "formControlInput", 7);
+        this.formControlBlur = index.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 parts.inputInvalid;
+        }
+        if (this.disabled) {
+            return parts.inputDisabled;
+        }
+        if (this.isFocused) {
+            return parts.inputFocused;
+        }
+        return parts.input;
+    }
+    render() {
+        return (index.h(index.Host, { key: 'f742a9b9375efe75d2621e0a333e569e52c5290d' }, index.h("div", { key: '42ce4c0edaa8a081617ca7d23faa963b2e0909f7', class: "form-group d-flex flex-column" }, index.h("div", { key: 'aaa00bd55270e8fefe70acb6bfc3c5f5d2e30225', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '5f5ca7cf669041fb67d560d73b45fd5c0a3e70c2', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'ad501482251bb1b1ad927ad5e58bbb30900f35e9', helpText: this.helpText })), index.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 }), index.h(formControlErrorText.FormControlErrorText, { key: 'b8b968c0a8b56839e43caa61bf317270a78bdbf4', errorText: this.errorText, name: this.name }))));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+const TooltipComponent = class {
+    constructor(hostRef) {
+        index.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 (index.h("div", { class: "tooltip-container" }, index.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: parts.tooltipIcon }, index.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" }), index.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" })), index.h("custom-popper", { trigger: "hover", placement: "top", anchorRef: this.anchorIcon }, index.h("div", { class: "tooltip bs-tooltip-top", part: parts.tooltip, role: "tooltip", ref: (el) => (this.tooltip = el) }, index.h("div", { class: "tooltip-inner", part: parts.tooltipInner }, this.helpText)))));
     }
 };
 
 exports.custom_popper = CustomPopper;
+exports.form_control_select = SelectInput;
+exports.form_control_text = TextInput;
+exports.form_control_tooltip = TooltipComponent;

package/dist/cjs/{dispute.service-9272a2a6.js → dispute.service-739631c7.js}

@@ -1,10 +1,12 @@
 'use strict';
 
-const Api = require('./Api-b0e4be29.js');
-require('./Checkout-2ff4f9c8.js');
+const Api = require('./Api-089e7501.js');
+require('./ComponentError-233ac749.js');
+require('./Checkout-0f1c8abe.js');
 require('./Pagination-0da8f095.js');
-require('./Payment-84817e2d.js');
-require('./SubAccount-f236913b.js');
+require('./Payment-c47ed1e1.js');
+require('./SubAccount-509ebf93.js');
+require('./Document-0b828345.js');
 
 class DisputeService {
     async fetchDispute(disputeId, authToken) {

package/dist/cjs/{event-types-aa1a9be1.js → event-types-34b103b4.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-addf2176.js');
-const spinner = require('./spinner-aac395e3.js');
+const parts = require('./parts-b2ff8b68.js');
+const spinner = require('./spinner-4fc60a51.js');
 
 const TableEmptyState = (props) => {
     const { columnSpan, isEmpty } = props;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-addf2176.js');
+const parts = require('./parts-b2ff8b68.js');
 const businessFormOptions = require('./business-form-options-4bcb8943.js');
 const formInputMasks = require('./form-input-masks-0879c139.js');
 const Business = require('./Business-cfd6a2dd.js');

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-addf2176.js');
-const formControlHelpText = require('./form-control-help-text-e6cc71a7.js');
-const formControlErrorText = require('./form-control-error-text-c1f49f35.js');
+const parts = require('./parts-b2ff8b68.js');
+const formControlHelpText = require('./form-control-help-text-98c882e3.js');
+const formControlErrorText = require('./form-control-error-text-46a7f2dd.js');
 
 const CheckboxInput = class {
     constructor(hostRef) {
@@ -47,10 +47,10 @@ const CheckboxInput = class {
         return parts.inputCheckbox;
     }
     render() {
-        return (index.h(index.Host, { key: '37c483442db30fe4662377c80798f60a220d005a' }, index.h("div", { key: 'b09832323b1d686404e362bb77281aec21fc581b', class: 'form-group d-flex flex-column' }, index.h("div", { key: '2064b9de15f1ca74a3d8132813f9108755a69dbf', class: "form-check" }, index.h("input", { key: '57218b62428c57d2c6beb65635d2cd51debb656c', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '6ea0ca6e03a956c5c11e6b6b67802a8344e6f3d8' }, index.h("div", { key: '87a7a3e9d34992d992464b8d6fe8ba712ff32865', class: 'form-group d-flex flex-column' }, index.h("div", { key: 'e3da6c3971c74163e914f53c9b5a480dbac2759b', class: "form-check" }, index.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 }), index.h("label", { key: '16a1122c4783eb07b00af9fb9449d626f978eeb4', class: "form-check-label", htmlFor: this.name, part: parts.label }, this.label)), index.h(formControlHelpText.FormControlHelpText, { key: 'e6d817bfbcecab7ebdc0537a19aa8e965239de5d', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.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 }), index.h("label", { key: '069d3ee70d0cc1c48092407055e8666a1156e7c6', class: "form-check-label", htmlFor: this.name, part: parts.label }, this.label)), index.h(formControlHelpText.FormControlHelpText, { key: 'bbc6d2e5fdef899236c07738bfa15b51b02c6912', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '456e4ad15ab35e4b68102abfcd058e2d16ac0232', errorText: this.errorText, name: this.name }))));
     }
 };
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-addf2176.js');
-const formControlErrorText = require('./form-control-error-text-c1f49f35.js');
+const parts = require('./parts-b2ff8b68.js');
+const formControlErrorText = require('./form-control-error-text-46a7f2dd.js');
 
 const DateInput = class {
     constructor(hostRef) {
@@ -58,10 +58,10 @@ const DateInput = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: '079e8e9be2b4003c29926a3f29794fdcb655e873' }, index.h("div", { key: 'ccdbde4bb2a14d719a232309cb8df0ddd55d6677', class: "form-group d-flex flex-column" }, index.h("div", { key: '2dcd3e2cbeef153d1c3c6a3b55f9e68a4ae73e47', class: "d-flex gap-2" }, index.h("label", { key: '8154626fc1f1bd3cbc85aed221dd1a8ad2bc1ec3', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'a15f0872945e62061707e78070507069599db962', helpText: this.helpText })), index.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 (index.h(index.Host, { key: 'a2e8ffbb23d128699730acd686fc06ce0ade5270' }, index.h("div", { key: 'd43b72838047707022bd3527b610eec234af6cd9', class: "form-group d-flex flex-column" }, index.h("div", { key: '416954342c2113ff1f4fc77cf714852e0bb66527', class: "d-flex gap-2" }, index.h("label", { key: 'e0c366b390fbb3ef8d183b5ca71935b8274a0b22', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'e4aa76ce751db6fa45a8f11f8026e68102f484f4', helpText: this.helpText })), index.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 }), index.h(formControlErrorText.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 }), index.h(formControlErrorText.FormControlErrorText, { key: '31c0122e9737c704b087dbb2a4791fd7965be3c7', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/cjs/{form-control-error-text-c1f49f35.js → form-control-error-text-46a7f2dd.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-addf2176.js');
+const parts = require('./parts-b2ff8b68.js');
 
 const FormControlErrorText = (props) => {
     const { errorText, name } = props;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-addf2176.js');
+const parts = require('./parts-b2ff8b68.js');
 
 const FileInput = class {
     constructor(hostRef) {
@@ -20,7 +20,7 @@ const FileInput = class {
         this.disabled = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '744d405a20702d024f33fc8bc5aa6cbc97c45260', exportparts: "label,input,input-invalid" }, index.h("div", { key: 'e20fde11ba0bb73f99d9ab7fe7e5a23b30a81ea3', class: "form-group d-flex flex-column" }, index.h("div", { key: 'fff2a256c667f26cb9cf3dc8a2420276a779a5c4', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'c9df617c17f646c6f48a904e3b96327ff55a6c13', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '4095bdb2e3393821fbf0e05592abe64d9c43ca7b', helpText: this.helpText })), index.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() }), index.h("form-control-error-text", { key: '57398436dad7e92bfb362cdfeb73e4f7d939c51c', errorText: this.errorText, name: this.name }))));
+        return (index.h(index.Host, { key: '421617186e463989ce9534004e9b59df81f223ed', exportparts: "label,input,input-invalid" }, index.h("div", { key: 'f3ac5c496a289e0211a249396546e9d6a1840b28', class: "form-group d-flex flex-column" }, index.h("div", { key: '8f732b62f40a4351462804a6753e235153679cb9', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'b8cebb65d6d238253c8710785745cd82419fe9cf', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '10abec154ebc5960a0f72cb2608dbc7b8ea08378', helpText: this.helpText })), index.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() }), index.h("form-control-error-text", { key: 'd657e89c7c9780db8e1c610383054c082fa77822', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -75,10 +75,10 @@ const TextInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '9e87b1f5529dedd7c181923a595c3a914a3ac729' }, index.h("div", { key: '18bf20bca1ab1d4a63d20ce52de8701bd750e315', class: "form-group d-flex flex-column" }, index.h("label", { key: '9a0f4a849115e646ffc892d35c7519ddc102be02', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: '0643574a2bc802ea4dcb5b9577b84cd949e61f9e', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '5ff0ae9958d65d09da3b4faad03b1bc3644433ac' }, index.h("div", { key: '9cc21c5487cddf7ca4c3dce0f915a2db295396bb', class: "form-group d-flex flex-column" }, index.h("label", { key: '8dd963da4101aca20b38e586d627d4bbdae89e63', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.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 }), index.h("form-control-help-text", { key: '3fc99f67a4b13cadb47fbc34a027cc2e2c3e5097', helpText: this.helpText, name: this.name }), index.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 }), index.h("form-control-help-text", { key: '466f7f20f5af124d1b3b9f7761abff49a9845b48', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'd65f09910e8631992d42a6b21f55897e26e57ba7', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{form-control-help-text-e6cc71a7.js → form-control-help-text-98c882e3.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-addf2176.js');
+const parts = require('./parts-b2ff8b68.js');
 
 const FormControlHelpText = (props) => {
     const { helpText, name } = props;

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5b9a3b5f.js');
 const index$1 = require('./index-750475a3.js');
 const formInputMasks = require('./form-input-masks-0879c139.js');
-const parts = require('./parts-addf2176.js');
-const formControlHelpText = require('./form-control-help-text-e6cc71a7.js');
-const formControlErrorText = require('./form-control-error-text-c1f49f35.js');
+const parts = require('./parts-b2ff8b68.js');
+const formControlHelpText = require('./form-control-help-text-98c882e3.js');
+const formControlErrorText = require('./form-control-error-text-46a7f2dd.js');
 
 const MonetaryInput = class {
     constructor(hostRef) {
@@ -72,10 +72,10 @@ const MonetaryInput = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: '17e5fecec611300d6f55ceed3aa0dbaadc198af2' }, index.h("div", { key: 'a351e02c9b118dd52c2f16f7fc12328194905923', class: "form-group d-flex flex-column" }, index.h("label", { key: '94f503e4e1bb020ab2b7822229d45fefef5dd7e1', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("div", { key: '2a3c6de082a5b91500061dd9af6f3e941445ad92', class: "input-group" }, index.h("span", { key: '88b07cbae192b290ffdfdef2f4c4c07bdfac1f8b', class: "input-group-text", part: parts.text }, "$"), index.h("input", { key: '7de1c2fcf4ad3ab3b42a370d871d62242f262f7b', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '467e85f7211d67d6daabfcc8a3531b7ba2a15cb4' }, index.h("div", { key: '5566df3c8d8f9507acc27a7e47d9c79528928e8f', class: "form-group d-flex flex-column" }, index.h("label", { key: '5cee3c6dcc1d4e41184d4ad7185b8a8c50f9175a', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("div", { key: 'e111a7617526080c1d9e2051ff7476a768c8681e', class: "input-group" }, index.h("span", { key: '359a79709cad258033ee44ca6c4c320be1a85ce4', class: "input-group-text", part: parts.text }, "$"), index.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 })), index.h(formControlHelpText.FormControlHelpText, { key: 'fb35421f1d48819e88130a0f78e22d12d2d34642', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.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 })), index.h(formControlHelpText.FormControlHelpText, { key: '560b1ef9506257d411d9d08e4a984195f1c3b948', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '7f4243a3d36cdd86129dca92e925e82917825d12', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
 const index$1 = require('./index-750475a3.js');
-const parts = require('./parts-addf2176.js');
-const formControlErrorText = require('./form-control-error-text-c1f49f35.js');
+const parts = require('./parts-b2ff8b68.js');
+const formControlErrorText = require('./form-control-error-text-46a7f2dd.js');
 const stateOptions = require('./state-options-4fbcb48a.js');
 const utils = require('./utils-bc03ca40.js');
 
@@ -77,10 +77,10 @@ const NumberInputMasked = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '89db4bb1cfd29493cdd96c8c6e3c94e5af49a897' }, index.h("div", { key: '22210b1d7377890dbf784e8e38b4d34add828f75', class: "form-group d-flex flex-column" }, index.h("div", { key: '649c0ffdb254257d0d3ac9dbf5daa8d655e7bcae', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'c03d8b29747866564c7a708db4701cd0ea547402', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'ad3e013f5beab24849b62363d4f0436cfb1e4e69', helpText: this.helpText })), index.h("input", { key: 'abb8c2383c02a91763784fad05c31271387d7b82', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (index.h(index.Host, { key: 'b99a11bcbe47c9cd1ec7f52ff081b56c7c56fa9a' }, index.h("div", { key: '2d549b26a4d88b4653a9433de7e0ab6b07aa8f8a', class: "form-group d-flex flex-column" }, index.h("div", { key: 'a923b55bc2d2bd9d0097ffa452fe46816870aa18', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'af645e990ec448bad5d1b8fe2b6b415fb062c129', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '3bbeaa5fff2964e1f635aab612e1f9b8fa1929d7', helpText: this.helpText })), index.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 }), index.h(formControlErrorText.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 }), index.h(formControlErrorText.FormControlErrorText, { key: '9574288a9424638ee0f72731848813863dffe718', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-addf2176.js');
-const formControlHelpText = require('./form-control-help-text-e6cc71a7.js');
-const formControlErrorText = require('./form-control-error-text-c1f49f35.js');
+const parts = require('./parts-b2ff8b68.js');
+const formControlHelpText = require('./form-control-help-text-98c882e3.js');
+const formControlErrorText = require('./form-control-error-text-46a7f2dd.js');
 
 const NumberInput = class {
     constructor(hostRef) {
@@ -52,10 +52,10 @@ const NumberInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '84a9fa872fcd778c9b54d528de7ac170ea2f6173' }, index.h("div", { key: '263566ddbbbd5c064348bc57c1991302e933971a', class: 'form-group d-flex flex-column' }, index.h("label", { key: '0401bdc8bb45d6e0367afd51a36582c9556443f6', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: 'bac419a78477547420a8e1821fe02e46d7bfb12d', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '020f9486c87d1ab1f4ecbba08ef8febf889dfbe4' }, index.h("div", { key: '81d7f8149f287e21c0b41c351defdd528e892218', class: 'form-group d-flex flex-column' }, index.h("label", { key: 'c2f0799869b0bd31494b85d6cf5db9d0faffbee9', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.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 }), index.h(formControlHelpText.FormControlHelpText, { key: '0cd70acee81da1c14fed139a1f0550aaadbb2671', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.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 }), index.h(formControlHelpText.FormControlHelpText, { key: '5a9fc892d50613e7a436e1425f8b90df7e110328', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '9cc21eab8ed0579a31fe4aae543e1ae521127725', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-addf2176.js');
+const parts = require('./parts-b2ff8b68.js');
 
 const RadioInput = class {
     constructor(hostRef) {
@@ -42,10 +42,10 @@ const RadioInput = class {
         return parts.inputRadio;
     }
     render() {
-        return (index.h(index.Host, { key: '6206191dcbd3f85e135a207890eec541329e6289', class: 'form-group d-flex flex-column' }, index.h("div", { key: 'ddaf426f9b4e21d1dd889550bf77c5a1c0e42897', class: "form-check" }, index.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 (index.h(index.Host, { key: '51d99ae29bb26e36a3f2540e6ebbbe0e99a49889', class: 'form-group d-flex flex-column' }, index.h("div", { key: '0ac89070efef01fe3ee76144f2177db9a55497ef', class: "form-check" }, index.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 }), index.h("label", { key: '9459bcab30351fc5ed57b9b83739732e75db92f3', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: parts.label }, this.label)), index.h("form-control-help-text", { key: '3823895bb1b7e93c7610cab4f360b5a6c43874d9', helpText: this.helpText, name: this.name }), index.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 }), index.h("label", { key: 'aa2a71abec10a6f01961a539f0890f162dfeb10c', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: parts.label }, this.label)), index.h("form-control-help-text", { key: '67e5b9fb761adef49988f62f72018fe838c7b0df', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'e1b4b9c055869524f4b97da177389322fde6736a', errorText: this.errorText, name: this.name })));
     }
 };
 

package/dist/cjs/{get-payout-csv-778db023.js → get-payout-csv-bdaff21b.js}

@@ -1,11 +1,12 @@
 'use strict';
 
-const Api = require('./Api-b0e4be29.js');
-require('./Checkout-2ff4f9c8.js');
-require('./Pagination-0da8f095.js');
-require('./Payment-84817e2d.js');
-require('./SubAccount-f236913b.js');
+const Api = require('./Api-089e7501.js');
 const ComponentError = require('./ComponentError-233ac749.js');
+require('./Checkout-0f1c8abe.js');
+require('./Pagination-0da8f095.js');
+require('./Payment-c47ed1e1.js');
+require('./SubAccount-509ebf93.js');
+require('./Document-0b828345.js');
 const utils = require('./utils-7a478c37.js');
 
 class PayoutService {

package/dist/cjs/{get-subaccounts-b087fa39.js → get-subaccounts-2db9fc01.js}

@@ -1,11 +1,12 @@
 'use strict';
 
-const Api = require('./Api-b0e4be29.js');
-require('./Checkout-2ff4f9c8.js');
-require('./Pagination-0da8f095.js');
-require('./Payment-84817e2d.js');
-const SubAccount = require('./SubAccount-f236913b.js');
+const Api = require('./Api-089e7501.js');
 const ComponentError = require('./ComponentError-233ac749.js');
+require('./Checkout-0f1c8abe.js');
+require('./Pagination-0da8f095.js');
+require('./Payment-c47ed1e1.js');
+const SubAccount = require('./SubAccount-509ebf93.js');
+require('./Document-0b828345.js');
 const utils = require('./utils-7a478c37.js');
 
 class SubAccountService {

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const utils = require('./utils-5fb95d31.js');
-const utils$1 = require('./utils-a05a8bf6.js');
-const spinner = require('./spinner-aac395e3.js');
-require('./parts-addf2176.js');
+const utils = require('./utils-337befa9.js');
+const utils$1 = require('./utils-134dda01.js');
+const spinner = require('./spinner-4fc60a51.js');
+require('./parts-b2ff8b68.js');
 
 /*!
  * @kurkle/color v0.3.2
@@ -11044,7 +11044,7 @@ const GrossPaymentChartCore = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '3bab823df105738571c6feeba11700a70593fdc6' }, this.loading && index.h(spinner.Spinner, { key: '3ed4ffbcd589e4655bc23336c42b3934157dd7a4' }), !this.errorMessage ? index.h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : utils$1.ErrorState(this.errorMessage)));
+        return (index.h(index.Host, { key: '14360f11f9b118e347ee73739f03c3631fbef1a4' }, this.loading && index.h(spinner.Spinner, { key: 'a5190472afdbf507c6c36c8aaae1473bffc80dcf' }), !this.errorMessage ? index.h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : utils$1.ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/cjs/{header-1-96b97cab.js → header-1-4c21f7ca.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-addf2176.js');
+const parts = require('./parts-b2ff8b68.js');
 
 const Header1 = (props) => {
     return index.h("h1", { class: `header-1 ${props === null || props === void 0 ? void 0 : props.class}`, part: parts.heading1 }, props.text);

package/dist/cjs/{header-3-ce77b96b.js → header-3-130206cc.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-addf2176.js');
+const parts = require('./parts-b2ff8b68.js');
 
 const Header3 = (props) => {
     return index.h("h3", { class: `header-3 ${props === null || props === void 0 ? void 0 : props.class}`, part: parts.heading3 }, props.text);

package/dist/cjs/{insurance-state-8959c7c7.js → insurance-state-21fde44f.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-addf2176.js');
+const parts = require('./parts-b2ff8b68.js');
 const index$1 = require('./index-d2d0b181.js');
 
 const Header2 = (props) => {