@justifi/webcomponents 4.20.1 → 4.22.0

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-57431c24.js';
 
 var top = 'top';
 var bottom = 'bottom';
@@ -1875,7 +1875,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: 'ff19898ad40884372621978edd5a44aa4b0a3b53' }, h("style", { key: '9d1c65abf4971046c219312792d9836656dda63a' }, `
+        return (h("div", { key: '8a37af79ca05c760a65fde19686d0c2e796fbb0b' }, h("style", { key: '9a92807c0d688d1ddc86f05bcc39e34f1da2a939' }, `
           .popper-content {
             display: none;
           }
@@ -1883,8 +1883,109 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '50d1dabe33b1b0a3d9c82e8fb68e2aef1e81e549', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '1d1eae013b2e61dd8285c014f388d2c2d68406c5' }))));
+          `), h("div", { key: 'fc9582fdc9d0b2e0ad115daad752796cd2bc4067', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '79ecc806af9caa4450969cd4b84868b59aa3f55b' }))));
     }
 };
 
-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.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);
+    }
+    render() {
+        var _a;
+        return (h(Host, { key: '2825653443c2fdd8c6e059e03f9170fa0f293fe5', exportparts: "label,input,input-invalid" }, h("div", { key: '8eb3d38a99762d030b534cbb195e5f12da754ed4', class: "form-group d-flex flex-column" }, h("div", { key: 'ac41bf1269b5eec07e63eb9426d05684dac1aadc', class: "d-flex align-items-start gap-2" }, h("label", { key: 'ba1cd374fdb460b72ed509366a469c6d0cf9779e', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '7e81054e6daa2b19cae341126d49085d9c083602', helpText: this.helpText })), h("select", { key: '8eea54929eddbc98e71c0d8175e54b7e284a9f63', ref: el => (this.selectElement = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText ? 'input-invalid' : ''}`, 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("form-control-error-text", { key: 'e980065897e2c26b3f787dc576d4c5ffaeb7bdd3', 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.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);
+    }
+    render() {
+        return (h(Host, { key: '3450b693ae915280ba28a38613a9bd2ebb360677', exportparts: "label,input,input-invalid" }, h("div", { key: 'f815c2ff679a73375cb2d12087ecf4a2bf17d5e4', class: "form-group d-flex flex-column" }, h("div", { key: '3119c59e3f7d6b547088b1eccab66641129ec71e', class: "d-flex align-items-start gap-2" }, h("label", { key: '4e1cd66eb84cd6b3449bed5c1099627ad9ffa213', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fc9bd0b06d2400a6109b93ec7c8cc7f4e8955e3b', helpText: this.helpText })), h("input", { key: '9d1d615016acd3611bee6d097ed15c3c926c5e76', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? " input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h("form-control-error-text", { key: 'ac9f44ac5411a76c8b29f00ac4bfda91f5395e71', 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: "tooltip-icon" }, 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: "tooltip-inner" }, 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-4d2e0a04.js

@@ -0,0 +1,10 @@
+var DisputeManagementClickEvents;
+(function (DisputeManagementClickEvents) {
+    DisputeManagementClickEvents["nextStep"] = "nextStep";
+    DisputeManagementClickEvents["previousStep"] = "previousStep";
+    DisputeManagementClickEvents["cancelDispute"] = "cancelDispute";
+    DisputeManagementClickEvents["counterDispute"] = "counterDispute";
+    DisputeManagementClickEvents["submit"] = "submit";
+})(DisputeManagementClickEvents || (DisputeManagementClickEvents = {}));
+
+export { DisputeManagementClickEvents as D };

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

@@ -4,7 +4,7 @@ import { C as CURRENCY_MASK, T as TAX_ID_MASKS, P as PHONE_MASKS, S as SSN_MASK
 import { C as CoreBusinessInfo } from './Business-b73d5055.js';
 import { d as deconstructDate } from './helpers-96ea3464.js';
 import { S as StateOptions } from './state-options-a356fb11.js';
-import { n as numberOnlyHandler } from './utils-3bb6347a.js';
+import { n as numberOnlyHandler } from './utils-20cdf321.js';
 
 const FormAlert = class {
     constructor(hostRef) {
@@ -64,7 +64,7 @@ const BusinessCoreInfo = class {
     }
     render() {
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: '59fa8a9a4bef1875845633b66b60ebf2350fe61e', exportparts: "label,input,input-invalid" }, h("fieldset", { key: '7b6c58d55cf2ed0f5020f043e164c63423d9ee4f' }, h("legend", { key: '5be18bc86f27541d7c6bb4ea4e05e3df4c9d87c0' }, "General Info"), h("hr", { key: '33747ac14e24ef2ecf9e84970cd8924b9f5a5c53' }), h("div", { key: '3d550cac878b9676d620fbea3c14dacf4db4e72f', class: "row gy-3" }, h("div", { key: 'd2226f4bdbbd87169d1ef75f9ffc1d7f6a6acba7', class: "col-12" }, h("form-control-text", { key: '4367c1eeec808b9b134c880be587f58327778bb2', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '455cacee1c69e28fc447e893bf648ff30946f66f', class: "col-12" }, h("form-control-text", { key: '1ea37fac67414741edab132c0b8d70c84cb4f1db', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: '3da63dd018d2503a9b47a2b0950f95ce887ba38d', class: "col-12 col-md-8" }, h("form-control-select", { key: 'a059c7fda30418c4338ac58630170104d616c0f2', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '9157cac7c6999b25c8acf4e698d082a0fcbffe9d', class: "col-12 col-md-4" }, h("form-control-date", { key: '0726e93b8f6b2bd792102bb131c13e0806717f82', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: 'f3391ac0166116ef685c6d26e6d0705d087fa83d', class: "col-12 col-md-6" }, h("form-control-text", { key: '682a18784fab9410002c7949a7cfa606f3ec5784', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '4a2d95cc422ebc882e2a47237f5b1324a7660b36', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '0d138b6bafde2b5fc7c45f9d4d51746e5f91baaa', name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: TAX_ID_MASKS.US })), h("div", { key: 'a895244496b196804a16931589f6f353c49476e8', class: "col-12" }, h("form-control-text", { key: '68375469c212b97e76861e5b8590dd502533a35a', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '84d1a7f2b51b6dae3283bbd6d0f5aca81a0da07b', class: "col-12 col-md-6" }, h("form-control-text", { key: '27f9dd986a431fa14028f1faa3997bbdb623574e', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '0902cff0a887d5f19c5326ce135fed5f54d6643a', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'bbce92814cbf42f17a0a9e1e1df194d3ea3a15b0', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+        return (h(Host, { key: '8d81a67cdd39073a8a2c4a392b848583bfbd3bb8', exportparts: "label,input,input-invalid" }, h("fieldset", { key: '83cf000ec3b8d66bc62d87e9adaf323e148d8caf' }, h("legend", { key: '904718bfb29a0542edf87a200c787424802a5e83' }, "General Info"), h("hr", { key: 'c62b85278d5dad53a5f87b4ce58e91092a7d8669' }), h("div", { key: 'f0bb373bf75561070fb745e0c73c3c65fd6754f1', class: "row gy-3" }, h("div", { key: 'a4d7446b5ba21a87b0f308726f0ebb6d827f4f97', class: "col-12" }, h("form-control-text", { key: '70c449d9559c0c08c449531a585fc0ffcd0a745c', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '8483e884591f2f48502d59ff3c2135a38f623752', class: "col-12" }, h("form-control-text", { key: '5037e14c786af49c92c139d83ac4b600a22e0d20', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: '3de67ca2647f294aaea74964e7959e470d64ded6', class: "col-12 col-md-8" }, h("form-control-select", { key: '97f96111305371f1a4e037d49ed88cd9ee1864c6', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '9e72fce44d9dedddb78e80e60de04f9d1c011c3d', class: "col-12 col-md-4" }, h("form-control-date", { key: '7ef7d6dfc1be302b7c34c03c5795d487bfecb628', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: '1f922b07e9b518ef8803e38baf592edc5e1f3d53', class: "col-12 col-md-6" }, h("form-control-text", { key: '4db75fd442ab14ff0387967f8a91fc34b666aeca', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '3f7fe65745fc046a7654a1d091c68ba54f139bda', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '3e0c9db91b9bc2eed4a048d96e7d5c8e6cf9e04e', name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: TAX_ID_MASKS.US })), h("div", { key: 'cc4f89e9b8507752c147a9f59ed6a945ccfa0d95', class: "col-12" }, h("form-control-text", { key: '7d19bd16720da687b4a0f506509ec9fd8a6185fa', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: 'ddfacd485ca994560955ffaf3e9dc21e6300ea06', class: "col-12 col-md-6" }, h("form-control-text", { key: '9047a690090fe0c64b580c64bed78febeffafee8', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '54a8e1f648446f5be503c2f1f9e99e841f9a6e6f', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'ce8821b40c1771df94bc2a9658eea34befdd462a', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
     }
 };
 
@@ -116,7 +116,7 @@ const LegalAddressForm = class {
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
-        return (h(Host, { key: '794669fd0c563f54abde94146df007b114c30465', exportparts: "label,input,input-invalid" }, h("fieldset", { key: '34cf40bcf68c4b0af97363700ede8d5ef778c38c' }, h("legend", { key: 'deb0acfa3da0128a9337ddddd76592d7569685c6' }, "Business Legal Address"), h("hr", { key: '1d01aa0b9577c47c24af4e85728828d41164c5ee' }), h("div", { key: '2199ba800c530bb9a5704431103660a39bdf70fb', class: "row gy-3" }, h("div", { key: '811fa71f919e62d6ecf44fd97e5940473bdb2a51', class: "col-12" }, h("form-control-text", { key: '06305b11aecb6b49bc8d3c0b39b8652f3968083e', name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address) === null || _b === void 0 ? void 0 : _b.line1 })), h("div", { key: 'c1a2aad7893ac8f5aed57e662ce0704a4e0ed2fa', class: "col-12" }, h("form-control-text", { key: '858e3e7be65828a89b07f954e82033c76f4ab350', name: "line2", label: "Address Line 2", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.legal_address) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: '641805ddb44395c77020e708b60ff2a09ffc5d5b', class: "col-12" }, h("form-control-text", { key: '6d881c0aacf9a689305a15f353d376917a6e8aff', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.legal_address) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: '6bab46c2823b9da84ac66496b80a4f98d237ccfe', class: "col-12" }, h("form-control-select", { key: '0cc60022e6862884df786ea7414cf4cae4c45728', name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.legal_address) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: 'ff349be7524f3b3fc7a3adee03259f7b8bf10390', class: "col-12" }, h("form-control-text", { key: '015277e0bde6a15077744f9d09bc016a0db4b465', name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.legal_address) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: 'd6097ef782c0d47a2d93c4624635e7f820dac95d', class: "col-12" }, h("form-control-select", { key: '396a8c6bc10f288bde9289b7177c161e42f60b7e', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.legal_address) === null || _m === void 0 ? void 0 : _m.country,
+        return (h(Host, { key: 'c882f02585a8b78ddd35e0d28a71252324631634', exportparts: "label,input,input-invalid" }, h("fieldset", { key: '7b41893d22bc032020060200e63f80707385585c' }, h("legend", { key: 'ddd67063e34b95920080bd649c0e3cfd1f4f1c0b' }, "Business Legal Address"), h("hr", { key: '7a74e634115497c445437543120bc8d9ff2d16ef' }), h("div", { key: 'acd00ea38decc4f4605ba058e2580626a86397a4', class: "row gy-3" }, h("div", { key: 'ca5a109b181dceab7d71bf3b7aa4cbaadc70ad6f', class: "col-12" }, h("form-control-text", { key: '67271661212a45157e37fe136a4a778552a9bfc9', name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address) === null || _b === void 0 ? void 0 : _b.line1 })), h("div", { key: '1d2ed08d41694bf530c92c1cd6f7092c46f93b40', class: "col-12" }, h("form-control-text", { key: '66dcae505b16fe4a5cb43e541f197d7de45f374e', name: "line2", label: "Address Line 2", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.legal_address) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: 'ad5bd6ecb8fd5afec958d44fe6fb265b8cfac358', class: "col-12" }, h("form-control-text", { key: '33053662779ae34f6117fec9d2c8f2b3ae57ab53', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.legal_address) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: 'fa19d830d677b2e183dff7ee8532c23e77d2d162', class: "col-12" }, h("form-control-select", { key: '481324e4af2b4af52cd9955331b402a30ca0bc45', name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.legal_address) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: '76642ac99c59d4a4a75b2d8b03cffe807d96d62b', class: "col-12" }, h("form-control-text", { key: '0d46bb841e259ff86da5aff4e1e8ac9b000db331', name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.legal_address) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: '947782f5fa17fa0df3e431fe587d1efefbecdc27', class: "col-12" }, h("form-control-select", { key: 'd8848595610231ad5bf86f21eaad4bbb45617b01', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.legal_address) === null || _m === void 0 ? void 0 : _m.country,
             // just for now so we skip handling country specificities
             disabled: true }))))));
     }