@justifi/webcomponents 4.21.0 → 4.22.0

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

@@ -8,7 +8,7 @@ const formInputMasks = require('./form-input-masks-0879c139.js');
 const Business = require('./Business-aa799fec.js');
 const helpers = require('./helpers-602962eb.js');
 const stateOptions = require('./state-options-4fbcb48a.js');
-const utils = require('./utils-ddacfc44.js');
+const utils = require('./utils-bc03ca40.js');
 
 const FormAlert = class {
     constructor(hostRef) {
@@ -68,7 +68,7 @@ const BusinessCoreInfo = class {
     }
     render() {
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (index.h(index.Host, { key: '59fa8a9a4bef1875845633b66b60ebf2350fe61e', exportparts: "label,input,input-invalid" }, index.h("fieldset", { key: '7b6c58d55cf2ed0f5020f043e164c63423d9ee4f' }, index.h("legend", { key: '5be18bc86f27541d7c6bb4ea4e05e3df4c9d87c0' }, "General Info"), index.h("hr", { key: '33747ac14e24ef2ecf9e84970cd8924b9f5a5c53' }), index.h("div", { key: '3d550cac878b9676d620fbea3c14dacf4db4e72f', class: "row gy-3" }, index.h("div", { key: 'd2226f4bdbbd87169d1ef75f9ffc1d7f6a6acba7', class: "col-12" }, index.h("form-control-text", { key: '4367c1eeec808b9b134c880be587f58327778bb2', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), index.h("div", { key: '455cacee1c69e28fc447e893bf648ff30946f66f', class: "col-12" }, index.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 })), index.h("div", { key: '3da63dd018d2503a9b47a2b0950f95ce887ba38d', class: "col-12 col-md-8" }, index.h("form-control-select", { key: 'a059c7fda30418c4338ac58630170104d616c0f2', name: "classification", label: "Business Classification", options: businessFormOptions.businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), index.h("div", { key: '9157cac7c6999b25c8acf4e698d082a0fcbffe9d', class: "col-12 col-md-4" }, index.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 })), index.h("div", { key: 'f3391ac0166116ef685c6d26e6d0705d087fa83d', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '682a18784fab9410002c7949a7cfa606f3ec5784', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), index.h("div", { key: '4a2d95cc422ebc882e2a47237f5b1324a7660b36', class: "col-12 col-md-6" }, index.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: formInputMasks.TAX_ID_MASKS.US })), index.h("div", { key: 'a895244496b196804a16931589f6f353c49476e8', class: "col-12" }, index.h("form-control-text", { key: '68375469c212b97e76861e5b8590dd502533a35a', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), index.h("div", { key: '84d1a7f2b51b6dae3283bbd6d0f5aca81a0da07b', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '27f9dd986a431fa14028f1faa3997bbdb623574e', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '0902cff0a887d5f19c5326ce135fed5f54d6643a', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: 'bbce92814cbf42f17a0a9e1e1df194d3ea3a15b0', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US }))))));
+        return (index.h(index.Host, { key: '8d81a67cdd39073a8a2c4a392b848583bfbd3bb8', exportparts: "label,input,input-invalid" }, index.h("fieldset", { key: '83cf000ec3b8d66bc62d87e9adaf323e148d8caf' }, index.h("legend", { key: '904718bfb29a0542edf87a200c787424802a5e83' }, "General Info"), index.h("hr", { key: 'c62b85278d5dad53a5f87b4ce58e91092a7d8669' }), index.h("div", { key: 'f0bb373bf75561070fb745e0c73c3c65fd6754f1', class: "row gy-3" }, index.h("div", { key: 'a4d7446b5ba21a87b0f308726f0ebb6d827f4f97', class: "col-12" }, index.h("form-control-text", { key: '70c449d9559c0c08c449531a585fc0ffcd0a745c', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), index.h("div", { key: '8483e884591f2f48502d59ff3c2135a38f623752', class: "col-12" }, index.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 })), index.h("div", { key: '3de67ca2647f294aaea74964e7959e470d64ded6', class: "col-12 col-md-8" }, index.h("form-control-select", { key: '97f96111305371f1a4e037d49ed88cd9ee1864c6', name: "classification", label: "Business Classification", options: businessFormOptions.businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), index.h("div", { key: '9e72fce44d9dedddb78e80e60de04f9d1c011c3d', class: "col-12 col-md-4" }, index.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 })), index.h("div", { key: '1f922b07e9b518ef8803e38baf592edc5e1f3d53', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '4db75fd442ab14ff0387967f8a91fc34b666aeca', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), index.h("div", { key: '3f7fe65745fc046a7654a1d091c68ba54f139bda', class: "col-12 col-md-6" }, index.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: formInputMasks.TAX_ID_MASKS.US })), index.h("div", { key: 'cc4f89e9b8507752c147a9f59ed6a945ccfa0d95', class: "col-12" }, index.h("form-control-text", { key: '7d19bd16720da687b4a0f506509ec9fd8a6185fa', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), index.h("div", { key: 'ddfacd485ca994560955ffaf3e9dc21e6300ea06', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '9047a690090fe0c64b580c64bed78febeffafee8', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '54a8e1f648446f5be503c2f1f9e99e841f9a6e6f', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: 'ce8821b40c1771df94bc2a9658eea34befdd462a', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US }))))));
     }
 };
 
@@ -120,7 +120,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 (index.h(index.Host, { key: '794669fd0c563f54abde94146df007b114c30465', exportparts: "label,input,input-invalid" }, index.h("fieldset", { key: '34cf40bcf68c4b0af97363700ede8d5ef778c38c' }, index.h("legend", { key: 'deb0acfa3da0128a9337ddddd76592d7569685c6' }, "Business Legal Address"), index.h("hr", { key: '1d01aa0b9577c47c24af4e85728828d41164c5ee' }), index.h("div", { key: '2199ba800c530bb9a5704431103660a39bdf70fb', class: "row gy-3" }, index.h("div", { key: '811fa71f919e62d6ecf44fd97e5940473bdb2a51', class: "col-12" }, index.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 })), index.h("div", { key: 'c1a2aad7893ac8f5aed57e662ce0704a4e0ed2fa', class: "col-12" }, index.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 })), index.h("div", { key: '641805ddb44395c77020e708b60ff2a09ffc5d5b', class: "col-12" }, index.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 })), index.h("div", { key: '6bab46c2823b9da84ac66496b80a4f98d237ccfe', class: "col-12" }, index.h("form-control-select", { key: '0cc60022e6862884df786ea7414cf4cae4c45728', name: "state", label: "State", options: stateOptions.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 })), index.h("div", { key: 'ff349be7524f3b3fc7a3adee03259f7b8bf10390', class: "col-12" }, index.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: utils.numberOnlyHandler })), index.h("div", { key: 'd6097ef782c0d47a2d93c4624635e7f820dac95d', class: "col-12" }, index.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 (index.h(index.Host, { key: 'c882f02585a8b78ddd35e0d28a71252324631634', exportparts: "label,input,input-invalid" }, index.h("fieldset", { key: '7b41893d22bc032020060200e63f80707385585c' }, index.h("legend", { key: 'ddd67063e34b95920080bd649c0e3cfd1f4f1c0b' }, "Business Legal Address"), index.h("hr", { key: '7a74e634115497c445437543120bc8d9ff2d16ef' }), index.h("div", { key: 'acd00ea38decc4f4605ba058e2580626a86397a4', class: "row gy-3" }, index.h("div", { key: 'ca5a109b181dceab7d71bf3b7aa4cbaadc70ad6f', class: "col-12" }, index.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 })), index.h("div", { key: '1d2ed08d41694bf530c92c1cd6f7092c46f93b40', class: "col-12" }, index.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 })), index.h("div", { key: 'ad5bd6ecb8fd5afec958d44fe6fb265b8cfac358', class: "col-12" }, index.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 })), index.h("div", { key: 'fa19d830d677b2e183dff7ee8532c23e77d2d162', class: "col-12" }, index.h("form-control-select", { key: '481324e4af2b4af52cd9955331b402a30ca0bc45', name: "state", label: "State", options: stateOptions.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 })), index.h("div", { key: '76642ac99c59d4a4a75b2d8b03cffe807d96d62b', class: "col-12" }, index.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: utils.numberOnlyHandler })), index.h("div", { key: '947782f5fa17fa0df3e431fe587d1efefbecdc27', class: "col-12" }, index.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 }))))));
     }

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

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
-const businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-26b0eecb.js');
-const index_esm = require('./index.esm-52757963.js');
+const businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-19f08938.js');
+const index_esm = require('./index.esm-97cf6825.js');
 const Business = require('./Business-aa799fec.js');
 const businessFormTypes = require('./business-form-types-719b7f52.js');
 const formInputMasks = require('./form-input-masks-0879c139.js');
 const businessFormOptions = require('./business-form-options-5db0bd5e.js');
-const utils = require('./utils-ddacfc44.js');
-const schemaValidations = require('./schema-validations-0a7e46a3.js');
-const utils$1 = require('./utils-52fb7fa1.js');
+const utils = require('./utils-bc03ca40.js');
+const schemaValidations = require('./schema-validations-184a4356.js');
+const utils$1 = require('./utils-3d84442d.js');
 const button = require('./button-3f400a66.js');
-const businessIdentitySchema = require('./business-identity-schema-503ecb77.js');
+const businessIdentitySchema = require('./business-identity-schema-a8bb2276.js');
 const stateOptions = require('./state-options-4fbcb48a.js');
 require('./helpers-602962eb.js');
 
@@ -46,7 +46,7 @@ const CheckboxInput = class {
         this.updateInput(this.defaultValue);
     }
     render() {
-        return (index.h(index.Host, { key: 'c3d33e4a76472bb4143720251d1213a47642552c', exportparts: "label,input,input-invalid" }, index.h("div", { key: '68988cb5e01923e04917a83bd936dc76374c4f42', class: 'form-group d-flex flex-column' }, index.h("div", { key: '308d9016c2b542b82d3bebcdd2ea431ba537d165', class: "form-check" }, index.h("input", { key: '16dd03704fc680d380e648655fd1acd6fce3e75a', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input-checkbox ${this.errorText ? 'input-checkbox-invalid' : ''}`, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled }), index.h("label", { key: '4d344d2b87a29f87615f84127aa4209d3bbb5b6b', class: "form-check-label", htmlFor: this.name }, this.label)), index.h("form-control-help-text", { key: '254147b71ed57277c010aaa9a38a4cc923634896', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '3fac926a8a1c08a7fe8f97f4610fbbc97716f10e', errorText: this.errorText, name: this.name }))));
+        return (index.h(index.Host, { key: 'c8edb4605eb989c6ace61a706eecdfaa2fdb312b', exportparts: "label,input,input-invalid" }, index.h("div", { key: '7e947fd7c2bb62d595b4573196c29e65c49a9fd2', class: 'form-group d-flex flex-column' }, index.h("div", { key: 'c436746afb9b635164d97787a2c016376293efe6', class: "form-check" }, index.h("input", { key: '1c49c239af1e8d40306ea9501811496fc4e4f363', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input-checkbox ${this.errorText ? 'input-checkbox-invalid' : ''}`, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled }), index.h("label", { key: 'c84eedc7331cfb4beaa2dacef387179d0d7b3edc', class: "form-check-label", htmlFor: this.name }, this.label)), index.h("form-control-help-text", { key: 'e7b88e259c2e8cfb11fce667d35d44770baa3283', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'ed6dbbb0cab64fac7b9fdf3927cdca135dcaef88', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -141,7 +141,7 @@ const AdditionalQuestionsFormStepCore = class {
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
         const additionalQuestionsDefaultValue = this.formController.getInitialValues();
-        return (index.h("form", { key: '4a72792da50b0a4feaed0ced62266aa78b2e3c6b' }, index.h("fieldset", { key: 'de77f0e1933a7e5a1dc4c99906d4b4b5385f66ee' }, index.h("div", { key: '121f4a2ede83b5d91757c18bb1fb223a866470ea', class: "d-flex align-items-center gap-2" }, index.h("legend", { key: '15d0b9d2fc50e5bd5746be1d589e902feb2583ca', class: "mb-0" }, "Additional Questions"), index.h("form-control-tooltip", { key: 'e1babd3de64a0dd1c6daa70691e8d46183a8fd3e', helpText: "This information helps us understand the business and identify and monitor trends to safeguard you and your customers." })), index.h("hr", { key: '44ca37e8de71170488b58b4a4117e287e6ab0766', class: "mt-2" }), index.h("div", { key: '655521e5a3774d72ec026e9ca7309b680710b40d', class: "row gy-3" }, index.h("div", { key: 'bfd69518ce9c2efc1db13d0e8d708a995181a6cc', class: "col-12 col-md-6" }, index.h("form-control-monetary", { key: 'bcaac6bcc18fad927c42e3881e8ef21a3f6bc972', name: "business_revenue", label: "What is your business\u2019 estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: formInputMasks.CURRENCY_MASK.WHOLE })), index.h("div", { key: '1f1b0ae79efd5d58554cd88dbb04defa0d2bdc9b', class: "col-12 col-md-6" }, index.h("form-control-monetary", { key: 'f4f561cf3bea66969e310827c6c8a7d7b02a02ba', name: "business_payment_volume", label: "What is your business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: formInputMasks.CURRENCY_MASK.WHOLE })), index.h("div", { key: 'c23361e909ec2854a2289e7a361c9cb60019b46a', class: "col-12" }, index.h("form-control-select", { key: 'bda327ec9c7435c1cd27cfe4c5c29dfdb7245ec0', name: "business_when_service_received", label: "On average, how long after paying will your customers typically receive their goods or services?", inputHandler: this.inputHandler, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_when_service_received, options: businessFormOptions.businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), index.h("div", { key: '27bcc5431a686e824615ae01dead1f5104c9b94a', class: "col-12" }, index.h("form-control-select", { key: '082d23acbbd37508d217cc21b7768117408d763f', name: "business_recurring_payments", label: "Does your business offer recurring payments?", inputHandler: this.inputHandler, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_recurring_payments, options: businessFormOptions.recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), index.h("div", { key: '4167027883cdff3ad77a4079dd373fabf09d9ec5', class: 'col-12', hidden: !this.recurringPayments }, index.h("form-control-text", { key: 'f07a610b67e17d733288cdb1f848e03250aea598', name: "business_recurring_payments_percentage", label: "What percent of revenue is generated from each recurring payment type offered?", inputHandler: this.inputHandler, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage, helpText: "For example: 50% monthly, 50% annual." })), index.h("div", { key: '9baae4260f1cda1d43e594ce3a96461584e0a67e', class: "col-12" }, index.h("form-control-select", { key: 'a61245d3c61cc7de903bfdc5f3082065c58ce554', name: "business_seasonal", label: "Is this business seasonal?", inputHandler: this.inputHandler, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.business_seasonal, options: businessFormOptions.seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), index.h("div", { key: 'd98b4071d9e70643d1808b913062e479b7d28cda', class: "col-12" }, index.h("form-control-text", { key: '5b7103e0fbc391dba09fd5cf0adebcfa827ddb14', name: "business_other_payment_details", label: "Is there anything else you would like us to know about how your customers pay the business? (optional)", inputHandler: this.inputHandler, errorText: (_g = this.errors) === null || _g === void 0 ? void 0 : _g.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
+        return (index.h("form", { key: '469cda15cbb05da33e26bc645cc51ebbbdf6e7fc' }, index.h("fieldset", { key: 'b00875b7d3f3d3ad338c38000cc29b3a550e8a50' }, index.h("div", { key: '6dfc3d60d5b5469613681715bf1965752fdb9662', class: "d-flex align-items-center gap-2" }, index.h("legend", { key: '65b2a3769f96714563a468eca3f1d7e82d6a1538', class: "mb-0" }, "Additional Questions"), index.h("form-control-tooltip", { key: '7a51538fe74cf8e0f3ed49042d6301fb2bd7909b', helpText: "This information helps us understand the business and identify and monitor trends to safeguard you and your customers." })), index.h("hr", { key: '42496d5e78ed4922a0165caab9e6e7e48cb44616', class: "mt-2" }), index.h("div", { key: '0d7ff24d81a3f54e223293c393d4ce89588a1c58', class: "row gy-3" }, index.h("div", { key: '12a1c72e5e5802f7729f2a09764a5cffa194639d', class: "col-12 col-md-6" }, index.h("form-control-monetary", { key: 'c9f4aecc5b7108c788237f776953c5cd9ae844b8', name: "business_revenue", label: "What is your business\u2019 estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: formInputMasks.CURRENCY_MASK.WHOLE })), index.h("div", { key: 'ecd78939d2a7ac81932898f65f3c9424f157fb3d', class: "col-12 col-md-6" }, index.h("form-control-monetary", { key: '5df34b238082a11a4589a05e24c53650bd2c0b79', name: "business_payment_volume", label: "What is your business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: formInputMasks.CURRENCY_MASK.WHOLE })), index.h("div", { key: '9db14123245c84eb3dc33d28154ac9be458987cc', class: "col-12" }, index.h("form-control-select", { key: '7e9899a2e41c14ae968c5451e46d445cbaa289a4', name: "business_when_service_received", label: "On average, how long after paying will your customers typically receive their goods or services?", inputHandler: this.inputHandler, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_when_service_received, options: businessFormOptions.businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), index.h("div", { key: 'f5ebffe9294cbe7e16487c8e63009f7c4901fee1', class: "col-12" }, index.h("form-control-select", { key: '32a0f978252a52cff90a3a9c1e675515960ee016', name: "business_recurring_payments", label: "Does your business offer recurring payments?", inputHandler: this.inputHandler, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_recurring_payments, options: businessFormOptions.recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), index.h("div", { key: '0aa20a223c15959c7b1e36b8570c17c11c193a8c', class: 'col-12', hidden: !this.recurringPayments }, index.h("form-control-text", { key: 'e6abbe38ef92091d87c04f832c860ac1a34e855f', name: "business_recurring_payments_percentage", label: "What percent of revenue is generated from each recurring payment type offered?", inputHandler: this.inputHandler, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage, helpText: "For example: 50% monthly, 50% annual." })), index.h("div", { key: '1c2fbe366315babd398e48b38861cb2b8336b287', class: "col-12" }, index.h("form-control-select", { key: 'eb45c69781ea51ab35f3f0782d1245f553ff63a5', name: "business_seasonal", label: "Is this business seasonal?", inputHandler: this.inputHandler, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.business_seasonal, options: businessFormOptions.seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), index.h("div", { key: 'ded80ce1cf8b0fd1b580d5002a1a869aed132f62', class: "col-12" }, index.h("form-control-text", { key: '80612b8d9381072e0ae670f07b649f01f1cfed66', name: "business_other_payment_details", label: "Is there anything else you would like us to know about how your customers pay the business? (optional)", inputHandler: this.inputHandler, errorText: (_g = this.errors) === null || _g === void 0 ? void 0 : _g.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
     }
     static get watchers() { return {
         "additional_questions": ["recurringPaymentsWatcher"]
@@ -226,7 +226,7 @@ const BusinessCoreInfoFormStepCore = class {
     }
     render() {
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (index.h("form", { key: '356323599591a3f6fdbdb634af70a90c1d614cee' }, index.h("fieldset", { key: '72021ae5bc712c81936a73a13bd5f62aa9208f71' }, index.h("div", { key: 'a92a56aeb5ac85a0bf531ac3f7905c827a91674b', class: "d-flex align-items-center gap-2" }, index.h("legend", { key: '0e1680b2eeacc7892dbb40a3e3b4bf94f706db25', class: "mb-0" }, "Business Information")), index.h("hr", { key: '4402e5e81d5e77f2d599774a9cbcab87f3e4d389', class: "mt-2" }), index.h("div", { key: '1e92f6236baef69ab2f00745d634dc79e0aa6660', class: "row gy-3" }, index.h("div", { key: '538a0496ec6d8cc4f5b9456df047ac91de3cac10', class: "col-12" }, index.h("form-control-text", { key: '5ae093c4b43f0c66b7a0123dedd6e0da94774380', name: "legal_name", label: "Business Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (don't use acronyms or abbreviations unless you registered that way)." })), index.h("div", { key: 'd7f4e47beb29ca0238186ba8778323dbe180a237', class: "col-12" }, index.h("form-control-text", { key: '8c430079a1d803929ba55aab06d7a526c9005848', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (leave blank if you don't have a registered DBA/trade name)" })), index.h("div", { key: '2ff888b63c1b8a64e2cfe2d1e3ed7d9177632830', class: "col-12 col-md-8" }, index.h("form-control-select", { key: 'd56eecead9f19371c6f6ae353cf9701b985d5343', name: "classification", label: "Business Classification", options: businessFormOptions.businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), index.h("div", { key: 'fdf9a1599d058f2058ddf91d41494ea33b607a4f', class: "col-12 col-md-4" }, index.h("form-control-date", { key: '286fbe2e49062fb8cb8800f89b21253357bc74ed', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), index.h("div", { key: '83bc51ad16e48fe89cd01772faf0615a3128434e', class: "col-12 col-md-6" }, index.h("form-control-text", { key: 'dde1fdbc902b79440d6d9c39c6c6fdc3ad913200', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler, helpText: "Describe what you sell" })), index.h("div", { key: '7cc685aca26505357f3f550c278d7b83b0e8ced3', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '519a7f1672908413d4b1a4c09155aece58c176d9', name: "tax_id", label: "Tax ID (EIN or SSN)", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, keyDownHandler: utils.numberOnlyHandler, maxLength: 9, helpText: "Employer Identification Numbers (EINs) are nine digits. The federal tax identification number/EIN issued to you by the IRS. It can be found on your tax returns." })), index.h("div", { key: 'a9e8c6c2c8e1f664869601c23ba951cc737c933c', class: "col-12" }, index.h("form-control-text", { key: 'a2285b78e6999a5e1de151c1258103496637b545', name: "website_url", label: "Business Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler, helpText: "Don't have a live website? You can use your social media business page, app store link, or staging site URL." })), index.h("div", { key: '0429aeb3991171d67990b96c89bcb8232a123848', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '95b7f8153c178ea4dc0dc2631379f9012bbe2f8b', name: "email", label: "Business Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '90511bdbe0e23df68c1eba13a0cfccdf97f155e9', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: '4fcde2104c1ad04ecc47a010c8219630b9717e43', name: "phone", label: "Business Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US }))))));
+        return (index.h("form", { key: 'd3df5d7e22f53b5885545459a48e1931f8a38e31' }, index.h("fieldset", { key: '5a448358ef2ad53c597347f932ca51a5da2ba4e6' }, index.h("div", { key: '5ed392c4bb7f63258c60b13d83aa5325fb191e7c', class: "d-flex align-items-center gap-2" }, index.h("legend", { key: '2dada21c67d05b813529eb45cb105ccec547b620', class: "mb-0" }, "Business Information")), index.h("hr", { key: '9df6c05b6f34d8fd2154ef25bda1ec2a88f69bc7', class: "mt-2" }), index.h("div", { key: 'd9e8e3c87a9f3c41c325ed8b3df58443db026644', class: "row gy-3" }, index.h("div", { key: '7e940fb2b9befb51be4387d47498ecb8e3b1552a', class: "col-12" }, index.h("form-control-text", { key: '4ea4b4aae5b1e377dc45407e4d0f6f8277f74dc3', name: "legal_name", label: "Business Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (don't use acronyms or abbreviations unless you registered that way)." })), index.h("div", { key: 'ec86bf16281d8d8c0c954606e4fc7fb1d8b2507e', class: "col-12" }, index.h("form-control-text", { key: 'bef91169dea8a654faf8df3abed565a64275aa9d', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (leave blank if you don't have a registered DBA/trade name)" })), index.h("div", { key: '5568cecd8e6e3d2ab2a45d4eff583c1dfba2f07a', class: "col-12 col-md-8" }, index.h("form-control-select", { key: '96b2eea102e0686910af7950742256d6019d8ef9', name: "classification", label: "Business Classification", options: businessFormOptions.businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), index.h("div", { key: '1fad6738d6c89a184b9f2e41eaef095db87471d6', class: "col-12 col-md-4" }, index.h("form-control-date", { key: 'cd10c2b8091343b0a8d7b08ceddf4343803333f6', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), index.h("div", { key: '3786fa9ce6b85c70873a4ed0014ef7c9b4a786f8', class: "col-12 col-md-6" }, index.h("form-control-text", { key: 'c5374dedf05acc1c9874061d796ee704160745a0', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler, helpText: "Describe what you sell" })), index.h("div", { key: '0f30b590c250a6ac1beaaf1cc4a3eefeb394f3b0', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '983b05cd0bf9aca0572b6f328e26b0c6f04ea9ee', name: "tax_id", label: "Tax ID (EIN or SSN)", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, keyDownHandler: utils.numberOnlyHandler, maxLength: 9, helpText: "Employer Identification Numbers (EINs) are nine digits. The federal tax identification number/EIN issued to you by the IRS. It can be found on your tax returns." })), index.h("div", { key: 'beacf611410f74b8038919887cc20c206bd5edce', class: "col-12" }, index.h("form-control-text", { key: '14a69d2ecedfcadf613aa42625b12405fba67068', name: "website_url", label: "Business Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler, helpText: "Don't have a live website? You can use your social media business page, app store link, or staging site URL." })), index.h("div", { key: '17171947a231323d63c42aa2c0a645aba91926d8', class: "col-12 col-md-6" }, index.h("form-control-text", { key: 'd0e32c0eb8aeb1c661f48f993a0cf44b4f2cf5b3', name: "email", label: "Business Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '1a8ee5ca6825ee3046fd538871c8c01ae561e731', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: 'b74ff08dc5d97a66ff7d41fcdc8a2964e8739430', name: "phone", label: "Business Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US }))))));
     }
 };
 
@@ -529,7 +529,7 @@ const BusinessRepresentativeFormStepCore = class {
         });
     }
     render() {
-        return (index.h("justifi-business-representative-form-inputs", { key: 'c007fffeb2675f9e054d74e7c59a729ad3103d21', representativeDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }));
+        return (index.h("justifi-business-representative-form-inputs", { key: 'b139e0b7a998011fd6b2a6d21b5a0b33369125fe', representativeDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }));
     }
 };
 
@@ -624,7 +624,7 @@ const LegalAddressFormStepCore = class {
     render() {
         var _a, _b, _c, _d, _e, _f;
         const legalAddressDefaultValue = this.formController.getInitialValues();
-        return (index.h("form", { key: '0b6da6f38496eed7699b642e3855a085ee004105' }, index.h("fieldset", { key: '18e56d0ab1c9dfa6f768d16c9f82ce0c203c8cca' }, index.h("div", { key: '286505d10fdacddf89663069a3f45837fa3f5434', class: "d-flex align-items-center gap-2" }, index.h("legend", { key: '1632a05fce65e9df5b14e4e61e4f925644b66afe', class: "mb-0" }, "Legal Address of your Business"), index.h("form-control-tooltip", { key: '2013d53e29f31b923c5304b1d534e8d6edf248c5', helpText: "No PO Boxes." })), index.h("hr", { key: '95f1dd6e945af35db3b9c107741125c86298d043', class: "mt-2" }), index.h("div", { key: '33c940f3eb99c742cd7bc26eb30bf2593beee7e7', class: "row gy-3" }, index.h("div", { key: 'a70c712478ea1c1535dfb7b121a27f73c250737f', class: "col-12" }, index.h("form-control-text", { key: 'a2295eff889da276b0e7d3c49c0479f684edeab8', name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.line1 })), index.h("div", { key: 'b7c7bbeac63558be4bce0b14857321246c54e03e', class: "col-12" }, index.h("form-control-text", { key: '67fdffdae07317978b9830af28f2a13d13f49cbe', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line2 })), index.h("div", { key: '2fc87bc9415822b9317e680c6e39065e0410088d', class: "col-12" }, index.h("form-control-text", { key: 'e3b768d6830c8c6746e22affac093c09239b7b1a', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.city })), index.h("div", { key: 'b7567c4ca4ecece2927ea79cf0872fe907c45b5b', class: "col-12" }, index.h("form-control-select", { key: '294fe774b7e621707d800fab28a6efc97f7a0aaf', name: "state", label: "State", options: stateOptions.StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.state })), index.h("div", { key: '7dc1741c28d20f006050083bfc371364a3588242', class: "col-12" }, index.h("form-control-text", { key: '3a38d6a710c5eab2234b40a631b3fbc08f601fea', name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.postal_code, maxLength: 5, keyDownHandler: utils.numberOnlyHandler })), index.h("div", { key: '8f1a3fab096961e6b0afc09303ee959b263d6677', class: "col-12" }, index.h("form-control-select", { key: '8f9be74731bafc3377b262779ac6bae0ad374c19', name: "country", label: "Country", options: [{ label: "United States", value: "USA" }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.country,
+        return (index.h("form", { key: 'cc749f565087adf5a0806a179ebc4682783763bd' }, index.h("fieldset", { key: '98fecaf00779da20c4f023dd4081be6f616e59ae' }, index.h("div", { key: '854d921b4b140738cb2cf2f48b51a207eb58c329', class: "d-flex align-items-center gap-2" }, index.h("legend", { key: 'ae741c143648c14145eac2066fa40799726682e5', class: "mb-0" }, "Legal Address of your Business"), index.h("form-control-tooltip", { key: 'd30c4a70183f7afc9a809d399b775c5610ef952c', helpText: "No PO Boxes." })), index.h("hr", { key: '78f7c51df66d265ff1a9f62b38aedfba014ed7cb', class: "mt-2" }), index.h("div", { key: 'b32031b925e908dc4a9459f0e082312f72fc64f9', class: "row gy-3" }, index.h("div", { key: '1564426893f46dc7ace7192ce264a10d879bc5c2', class: "col-12" }, index.h("form-control-text", { key: '9c70add04a610ce6280f7047ad56d260bb0adcf1', name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.line1 })), index.h("div", { key: 'bba886684830ab3dd7f3470e13bcf8ce970f357f', class: "col-12" }, index.h("form-control-text", { key: '43c507918eb72b586c43b4839c40499196c41625', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line2 })), index.h("div", { key: 'e9ff6df356c8c4f1ddef5318936d39c4b92a58e9', class: "col-12" }, index.h("form-control-text", { key: 'ff17e63977ba52fea319f1dfb2936b0836fa1f5f', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.city })), index.h("div", { key: 'd0da7fbd59236105cb1f7725eb4fddc0fe0e028b', class: "col-12" }, index.h("form-control-select", { key: '666abe057f3a06705b42e8bfb3aae4e15b50f8dc', name: "state", label: "State", options: stateOptions.StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.state })), index.h("div", { key: 'c9c2ea66adc0e15f07a9070ca46f685042b41042', class: "col-12" }, index.h("form-control-text", { key: '614c03164e755b945610b91f8ec7757980956261', name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.postal_code, maxLength: 5, keyDownHandler: utils.numberOnlyHandler })), index.h("div", { key: 'cfab73c10bf56bf001a246f0ad8c56fd8c36fbeb', class: "col-12" }, index.h("form-control-select", { key: 'd42b86c2d2de13504f2934fa63a3e83f998134ac', name: "country", label: "Country", options: [{ label: "United States", value: "USA" }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.country,
             // just for now so we skip handling country specificities
             disabled: true }))))));
     }

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

@@ -0,0 +1,83 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-fb499e95.js');
+
+const DateInput = 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 localValue = target.value;
+            if (this.filterTimeZone) {
+                const utcDate = this.convertToUTC(localValue);
+                this.inputHandler(this.name, utcDate);
+                this.formControlInput.emit({ name: this.name, value: utcDate });
+            }
+            else {
+                this.inputHandler(this.name, localValue);
+                this.formControlInput.emit({ name: this.name, value: localValue });
+            }
+        };
+        this.name = undefined;
+        this.label = undefined;
+        this.inputHandler = undefined;
+        this.defaultValue = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.disabled = undefined;
+        this.filterTimeZone = false;
+        this.showTime = undefined;
+        this.maxDate = this.currentDate;
+    }
+    handleDefaultValueChange(newValue) {
+        if (this.filterTimeZone) {
+            this.updateInput(this.convertToLocal(newValue));
+        }
+        else {
+            this.updateInput(newValue);
+        }
+    }
+    get currentDate() {
+        if (!this.showTime) {
+            return new Date().toISOString().split('T')[0];
+        }
+        else {
+            return new Date().toISOString().slice(0, 16);
+        }
+    }
+    componentDidLoad() {
+        if (this.filterTimeZone) {
+            this.updateInput(this.convertToLocal(this.defaultValue));
+        }
+        else {
+            this.updateInput(this.defaultValue);
+        }
+    }
+    updateInput(value) {
+        this.dateInput.value = value;
+    }
+    convertToUTC(value) {
+        const dateObj = new Date(value);
+        return new Date(dateObj.toUTCString()).toISOString();
+    }
+    convertToLocal(value) {
+        if (!value)
+            return value;
+        const date = new Date(value);
+        // Adjust the date to the local timezone
+        const localDate = new Date(date.getTime() - date.getTimezoneOffset() * 60000);
+        return this.showTime ? localDate.toISOString().slice(0, 16) : localDate.toISOString().split('T')[0];
+    }
+    render() {
+        return (index.h(index.Host, { key: 'd3fe13284d2f08b951f12d16ea6a56492864991e', exportparts: "label,input,input-invalid" }, index.h("div", { key: '4823a873c5a8851b094ae59869014ffc6e603328', class: "form-group d-flex flex-column" }, index.h("div", { key: 'c2205441e85bfe202ae80660eafb4a3f0bae3f82', class: "d-flex gap-2" }, index.h("label", { key: 'c82d9599db4f54b647bf930e2a44b2f82b07876c', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'b2d8b21a6dba7f4e093081eb274e02d4484198e1', helpText: this.helpText })), index.h("input", { key: '579063f27122ec31f3818d3168060e43c51c1889', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), index.h("form-control-error-text", { key: '75b7361712bbc65683b19a40398fa5b111b8b39b', errorText: this.errorText, name: this.name }))));
+    }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+exports.form_control_date = DateInput;

package/dist/cjs/form-control-error-text.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-fb499e95.js');
+
+const FormControlErrorText = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.errorText = undefined;
+        this.name = undefined;
+    }
+    render() {
+        if (!this.errorText) {
+            return null;
+        }
+        return (index.h("small", { class: 'form-text text-danger', id: `form-error-text-${this.name}` }, this.errorText));
+    }
+};
+
+exports.form_control_error_text = FormControlErrorText;

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

@@ -40,7 +40,7 @@ const FileInput = class {
         this.fileInput = this.el.querySelector('input');
     }
     render() {
-        return (index.h(index.Host, { key: 'e55c4e61544191f12bccce66ed922357090f6a12', exportparts: "label,input,input-invalid" }, index.h("div", { key: 'ec8dd08ef6d99ae26a82ff891b25ae2d3892aea1', class: "form-group d-flex flex-column" }, index.h("div", { key: '8430c4a605b4869e6bb4f206d5cbd1588c4e983d', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'e9519f7c08040964b5594961b6c26ce14bbc2681', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '67ec6c6453976e2e6442e82ab94f94a5d0d91bb2', helpText: this.helpText })), index.h("input", { key: 'a25d7f66085730bcb2a0f749f744f0f6bd9fa76e', ref: (el) => this.fileInput = el, 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, onChange: this.changeHandler, onInput: this.handleFormControlInput, onBlur: () => this.formControlBlur.emit() }), index.h("form-control-error-text", { key: '96b42ba795d86098932c1aeaf4d868cfce17895d', errorText: this.errorText, name: this.name }))));
+        return (index.h(index.Host, { key: 'd3928cd6013d8e1bd23921a3d73b57de3a3f4c8f', exportparts: "label,input,input-invalid" }, index.h("div", { key: '5c15b542801ed84a4bdd43b7a7cb8f9a70ab5016', class: "form-group d-flex flex-column" }, index.h("div", { key: '1636d3a16f0da8047361cbaa87423d35e042de40', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'bfce95a71327cf8dd69aee4de8f1ff72c2ddcd97', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '2f6167da52618938b39e3917332a74ac3c19aba0', helpText: this.helpText })), index.h("input", { key: '1b06c50ddb2c1bec731ceca89cc2a19a7329e3cd', ref: (el) => this.fileInput = el, 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, onChange: this.changeHandler, onInput: this.handleFormControlInput, onBlur: () => this.formControlBlur.emit() }), index.h("form-control-error-text", { key: '0f38dc541504c11d49afda08f5531d9612e4911d', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/form-control-help-text.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-fb499e95.js');
+
+const FormControlHelpText = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.helpText = undefined;
+        this.name = undefined;
+    }
+    render() {
+        if (!this.helpText) {
+            return null;
+        }
+        return (index.h("small", { class: 'form-text text-muted', id: `form-help-text-${this.name}` }, this.helpText));
+    }
+};
+
+exports.form_control_help_text = FormControlHelpText;

package/dist/cjs/{form-control-help-text_2.cjs.entry.js → form-control-monetary.cjs.entry.js}

@@ -6,20 +6,6 @@ const index = require('./index-fb499e95.js');
 const index$1 = require('./index-750475a3.js');
 const formInputMasks = require('./form-input-masks-0879c139.js');
 
-const FormControlHelpText = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.helpText = undefined;
-        this.name = undefined;
-    }
-    render() {
-        if (!this.helpText) {
-            return null;
-        }
-        return (index.h("small", { class: 'form-text text-muted', id: `form-help-text-${this.name}` }, this.helpText));
-    }
-};
-
 const MonetaryInput = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -69,12 +55,11 @@ const MonetaryInput = class {
         (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
     }
     render() {
-        return (index.h(index.Host, { key: '6c95f96829b6cacc9d3fa975e1b9e81fa2011360', exportparts: "label,input,input-group-input,input-group-text,input-invalid" }, index.h("div", { key: 'e8343e6439d4a52d21991f9071caebb94789afdf', class: "form-group d-flex flex-column" }, index.h("label", { key: '5bff3a49dc18c407a8df5c96fd65720531bad45c', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("div", { key: '012e6cddda14b939c898df2c8422cd21f10e18fa', class: "input-group" }, index.h("span", { key: 'a7fa4827a93a925472271630a4667b64d1fa99c2', class: "input-group-text", part: "input-group-text" }, "$"), index.h("input", { key: 'd0e8c3f4e7466ab2115cbbe03bc9f81759f32c10', ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input input-group-input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), index.h("form-control-help-text", { key: '62f6cbc7dad3127d5461b8d003e9cf0a991373ff', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '465b5a31b6434b2afc40ff4cc6d29713e5840fe8', errorText: this.errorText, name: this.name }))));
+        return (index.h(index.Host, { key: '2a65acfea8e79d22dd09c7c116d80b12a2f2a47c', exportparts: "label,input,input-group-input,input-group-text,input-invalid" }, index.h("div", { key: '166dfb5c261c21d58db1a0e17d8bae149834c149', class: "form-group d-flex flex-column" }, index.h("label", { key: '1980871936440222e2b711ba2953d7b6287bf080', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("div", { key: '4cfb60bf946fa7e745c93b391997218122c551a0', class: "input-group" }, index.h("span", { key: '711357a32f9dc1fef77359f15ec3167a468d0463', class: "input-group-text", part: "input-group-text" }, "$"), index.h("input", { key: '2489cab2ecb61096f781d339363dad50404e3c67', ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input input-group-input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), index.h("form-control-help-text", { key: 'f7e89f0830ca0f453b02595303a245691f448d55', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '61f03f0d09027237ab3f5c7979981ddc3dc4c916', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
     }; }
 };
 
-exports.form_control_help_text = FormControlHelpText;
 exports.form_control_monetary = MonetaryInput;

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

@@ -0,0 +1,99 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-fb499e95.js');
+const index$1 = require('./index-750475a3.js');
+const stateOptions = require('./state-options-4fbcb48a.js');
+const utils = require('./utils-bc03ca40.js');
+
+const NumberInputMasked = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.formControlInput = index.createEvent(this, "formControlInput", 7);
+        this.formControlBlur = index.createEvent(this, "formControlBlur", 7);
+        this.imask = null;
+        this.initializeIMask = () => {
+            if (!this.textInput)
+                return;
+            this.imask = index$1.IMask(this.textInput, {
+                mask: this.mask,
+            });
+            this.imask.on('accept', () => {
+                var _a;
+                const rawValue = (_a = this.imask) === null || _a === void 0 ? void 0 : _a.unmaskedValue;
+                if (rawValue !== undefined) {
+                    this.inputHandler(this.name, rawValue);
+                }
+            });
+            this.textInput.addEventListener('blur', () => this.formControlBlur.emit());
+        };
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            this.formControlInput.emit({ name: name, value: target.value });
+        };
+        this.updateInput = (newValue) => {
+            if (this.imask && newValue) {
+                this.imask.value = String(newValue);
+            }
+        };
+        this.label = undefined;
+        this.name = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.defaultValue = undefined;
+        this.inputHandler = undefined;
+        this.mask = undefined;
+        this.disabled = undefined;
+    }
+    handleDefaultValueChange(newValue) {
+        this.initializeIMask();
+        this.updateInput(newValue);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
+    }
+    componentDidLoad() {
+        if (this.textInput) {
+            this.initializeIMask();
+            this.updateInput(this.defaultValue);
+        }
+    }
+    render() {
+        return (index.h(index.Host, { key: 'd22be5920cedfcbeb57164ba2d6909dc820fee6c', exportparts: "label,input,input-invalid" }, index.h("div", { key: '9ae430200ebdd26f5995dd2ccad7ad759d14ee11', class: "form-group d-flex flex-column" }, index.h("div", { key: '796880c67b2bd97977d09721f58357521cb76456', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '8e4f342d1cebff5ba32b622448f759d83625d929', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '49b58ac4725e882732daefd29b3ce3c248fbe385', helpText: this.helpText })), index.h("input", { key: '566965701a60397807cc857813f839f56477dd81', ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), index.h("form-control-error-text", { key: '783689f60c6aacab17be5a94a2b1abbd01232a42', errorText: this.errorText, name: this.name }))));
+    }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+const IdentityAddressForm = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.inputHandler = (name, value) => {
+            this.address[name] = value;
+            this.address = Object.assign({}, this.address);
+        };
+        this.handleFormUpdate = undefined;
+        this.errors = undefined;
+        this.defaultValues = undefined;
+        this.address = {};
+    }
+    handleAddressChange(newValues) {
+        this.handleFormUpdate(newValues);
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        return (index.h(index.Host, { key: '5d9d020cdb5f9e0c422098f82fbd9b1c237515f2', exportparts: "label,input,input-invalid" }, index.h("div", { key: '280b3308698d51c8f3e60124f0433e12ff585abe', class: "row gy-3" }, index.h("div", { key: 'c31ef56c52561e2acaed2dac868117f6171a09cb', class: "col-12 col-md-8" }, index.h("form-control-text", { key: 'a53eb44a3b6ab0044ba1746025293fa5be1cd469', name: "line1", label: "Street Address", defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, inputHandler: this.inputHandler, helpText: "\u200B\u200BEnter your address exactly as stated on your driver's license. No PO Boxes." })), index.h("div", { key: 'cd62d3f1ea062f67ab71ced663954b172fa3c4ed', class: "col-12 col-md-4" }, index.h("form-control-text", { key: '24b4e359217b92c9d010c23f0a670f32a969c36e', name: "line2", label: "Apartment, Suite, etc. (optional)", defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2, inputHandler: this.inputHandler })), index.h("div", { key: '5e2cf9ef49d42c736d8004e5063377a962857b35', class: "col-12" }, index.h("form-control-text", { key: 'b408fca949adc1e1f96ad1ab01d8265ef427cd18', name: "city", label: "City", defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city, inputHandler: this.inputHandler })), index.h("div", { key: 'ab8c048e274784406a8a872650e68791d3aa5844', class: "col-12 col-md-6" }, index.h("form-control-select", { key: '76db258faf7a4b30f7f1b6c6e975e5ea7e7c61d6', name: "state", label: "State", defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, options: stateOptions.StateOptions, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state, inputHandler: this.inputHandler })), index.h("div", { key: '8bd2661ad3e579a52f91ce58c6be680d9955584b', class: "col-12 col-md-6" }, index.h("form-control-text", { key: 'd8a2f3552e25bc57d8f09e61ee78f7f5a33e4bc7', name: "postal_code", label: "Postal Code", defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: utils.numberOnlyHandler, inputHandler: this.inputHandler })), index.h("div", { key: '93be2db05699edaa12981e0d96a9626ecc169030', class: "col-12" }, index.h("form-control-select", { key: '5f99c15b72cec36dc3b895c4dadce328f4503f6a', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: (_l = this.defaultValues) === null || _l === void 0 ? void 0 : _l.country, errorText: (_m = this.errors) === null || _m === void 0 ? void 0 : _m.country,
+            // just for now so we skip handling country specificities
+            disabled: true })))));
+    }
+    static get watchers() { return {
+        "address": ["handleAddressChange"]
+    }; }
+};
+
+exports.form_control_number_masked = NumberInputMasked;
+exports.justifi_identity_address_form = IdentityAddressForm;

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

@@ -36,7 +36,7 @@ const NumberInput = class {
         this.updateInput(this.defaultValue);
     }
     render() {
-        return (index.h(index.Host, { key: '5f7a94160460fd8a92d740899a7418c98b3178d0', exportparts: 'label,input,input-invalid' }, index.h("div", { key: 'c8386c9c72a721d53d33d3894615f7d8f127b1bf', class: 'form-group d-flex flex-column' }, index.h("label", { key: '754f8714d1d0e42c977dace41e79d0e7b21c7e39', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: '4289872c0983d50ff89851aac2309b911e6348df', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), index.h("form-control-help-text", { key: '0de80b8d728865b8978a7daaf54315dbf422dced', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'b0cd9a78aa4c44dc7103c5d6ceced7258b197f16', errorText: this.errorText, name: this.name }))));
+        return (index.h(index.Host, { key: '2531e0e3e6ce1a477687be5f520f491256fb1841', exportparts: 'label,input,input-invalid' }, index.h("div", { key: '32df49f44e1a9737fbe62a6729007c048ed1ecac', class: 'form-group d-flex flex-column' }, index.h("label", { key: '33da2c09b1cf6b5d816bfa315061b4c5f211f0c5', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: 'a890c2d80dd744194f715ab148e6229d3bb524ac', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), index.h("form-control-help-text", { key: 'cb649de955887d02da58ab9934cadf5956cf7f8e', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'db06fb4008f3f66b3b726f67bd58ae96bd152bd8', 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

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-fb499e95.js');
+
+const RadioInput = 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.checked);
+            this.formControlInput.emit({ name, value: target.value });
+        };
+        this.updateInput = (checked) => {
+            this.radioElement.checked = checked;
+        };
+        this.label = undefined;
+        this.name = undefined;
+        this.value = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.defaultChecked = undefined;
+        this.inputHandler = undefined;
+        this.disabled = undefined;
+    }
+    handleDefaultValueChange(checked) {
+        this.updateInput(checked);
+    }
+    componentDidLoad() {
+        this.updateInput(this.defaultChecked);
+    }
+    render() {
+        return (index.h(index.Host, { key: '00ddff45ec5c4c37ddd90f7e8c43559356e23d6a', exportparts: "label,input,input-invalid" }, index.h("div", { key: '8a853ad5c99ee78111494dff4772ba6ece292f17', class: 'form-group d-flex flex-column' }, index.h("div", { key: 'bd0fa6c02ad9b3b5900f53bd520f9628bac13fad', class: "form-check" }, index.h("input", { key: '4318242ddc4ac275660dd8daac0b86d741d6cdf3', ref: el => (this.radioElement = el), type: "radio", id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input-radio ${this.errorText ? 'input-radio-invalid' : ''}`, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value }), index.h("label", { key: 'ece1080c9d76c1459649ae80dcf894623955a61c', class: "form-check-label", htmlFor: this.name }, this.label)), index.h("form-control-help-text", { key: '4862090450a3a9a2bab95a994d41bc54535007ec', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '6cc9c5629e0f4bc6c7307a7f0a6f1726717d50fe', errorText: this.errorText, name: this.name }))));
+    }
+    static get watchers() { return {
+        "defaultChecked": ["handleDefaultValueChange"]
+    }; }
+};
+
+exports.form_control_radio = RadioInput;

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

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-fb499e95.js');
+
+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.label = undefined;
+        this.name = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.defaultValue = undefined;
+        this.maxLength = undefined;
+        this.inputHandler = undefined;
+        this.keyDownHandler = undefined;
+        this.disabled = undefined;
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.updateInput(this.defaultValue);
+    }
+    render() {
+        return (index.h(index.Host, { key: '0c4290f6731324ed511abb14a7b84e07f061e2d0', exportparts: "label,input,input-invalid" }, index.h("div", { key: '615c33ea0f0488b0d1224fb158d77cd1234fa311', class: "form-group d-flex flex-column" }, index.h("label", { key: '86f2ce13d24b447f84af7bc59a89267e988992ce', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: '1dbade53d02ac7a7daa1b546ab5d6d0e18c5fb46', 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', disabled: this.disabled }), index.h("form-control-help-text", { key: '73974fe9a18995251e39ca494ec9cecbf90af21d', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'e8f10bd3ec0fbb215d113159d38888fe9b3f4689', errorText: this.errorText, name: this.name }))));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+exports.form_control_textarea = TextInput;

package/dist/cjs/{get-payout-csv-a82b2c1c.js → get-payout-csv-12dc9540.js}

@@ -1,9 +1,10 @@
 'use strict';
 
-const Api = require('./Api-b98b256f.js');
+const Api = require('./Api-f5280a80.js');
+require('./Checkout-a528241d.js');
 require('./Pagination-0da8f095.js');
 require('./Payment-04a842f4.js');
-require('./Payout-a2dd7b01.js');
+require('./SubAccount-cc95a4a0.js');
 const config = require('./config-05767cba.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const utils = require('./utils-7a478c37.js');