@justifi/webcomponents 6.7.2 → 6.7.3

package/dist/cjs/{config-state-CYoBVAca.js → config-state-BIgGhhe9.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-mmd0OhmD.js');
+var index = require('./index-W-zoNiyM.js');
 
 const initialState = {
     apiOrigin: "https://wc-proxy.justifi.ai",

package/dist/cjs/{country-config-MCOhn8o3.js → country-config-DGi9t3Ma.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var Business = require('./Business-DWHy_-z9.js');
+var Business = require('./Business-uoeKyW_a.js');
 
 const ProvinceOptions = [
     {

package/dist/cjs/custom-popper_2.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
-var parts = require('./parts-BVbaniVM.js');
+var index = require('./index-p7cvUYAE.js');
+var parts = require('./parts-BsBVknuf.js');
 
 var top = 'top';
 var bottom = 'bottom';
@@ -1795,8 +1795,8 @@ var createPopper = /*#__PURE__*/popperGenerator({
 const CustomPopper = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.showEvent = index.createEvent(this, "showEvent");
-        this.hideEvent = index.createEvent(this, "hideEvent");
+        this.showEvent = index.createEvent(this, "showEvent", 7);
+        this.hideEvent = index.createEvent(this, "hideEvent", 7);
         this.placement = 'bottom';
         this.offset = [0, 10];
         this.strategy = 'absolute';
@@ -1875,7 +1875,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (index.h("div", { key: 'c3ff01a53b15d4678dcbd58e97606885a510a880' }, index.h("style", { key: 'f239956643a0f5463303992aa2466e37988a124d' }, `
+        return (index.h("div", { key: 'd9ed696150f2def459af17d43a2a06e0fb24b2d1' }, index.h("style", { key: 'eb3f2a09ace3aa7d0d6225947a0d511cf73b107b' }, `
           .popper-content {
             display: none;
           }
@@ -1883,7 +1883,7 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), index.h("div", { key: '7b710736c1ffe73559ef53d9f1525c22785cde2e', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '116be40554b590b382ea7002f5c442d010059b48' }))));
+          `), index.h("div", { key: '3221d4cc026a4b9ef06aaaa38a5ad4bc5f190f81', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '6481dcba1041571349cb8c91c350c497453fe054' }))));
     }
 };
 

package/dist/cjs/{dispute.service-q5ha39uN.js → dispute.service-aok1_zRv.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var Api = require('./Api-QUTWjGTy.js');
+var Api = require('./Api-CVbEWBG6.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./GooglePay-BwiJ_80p.js');
+require('./GooglePay-CbKCUEfb.js');
 require('./Pagination-Dediz133.js');
-require('./Business-DWHy_-z9.js');
+require('./Business-uoeKyW_a.js');
 require('./Dispute-CruQTF6_.js');
 
 const api = Api.Api();

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

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
-var parts = require('./parts-BVbaniVM.js');
-var businessFormOptions = require('./business-form-options-e9UFw4P-.js');
+var index = require('./index-p7cvUYAE.js');
+var parts = require('./parts-BsBVknuf.js');
+var businessFormOptions = require('./business-form-options-D1r-wJpo.js');
 var formInputMasks = require('./form-input-masks-BnNFJ3IJ.js');
-var Business = require('./Business-DWHy_-z9.js');
-var countryConfig = require('./country-config-MCOhn8o3.js');
+var Business = require('./Business-uoeKyW_a.js');
+var countryConfig = require('./country-config-DGi9t3Ma.js');
 
 const FormAlert = class {
     constructor(hostRef) {
@@ -39,7 +39,7 @@ const AdditionalQuestions = class {
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
         const additionalQuestionsDefaultValue = this.formController.getInitialValues().additional_questions;
-        return (index.h(index.Host, { key: 'e3e354a7cf470f658e0f95d37186b1f45771b673' }, index.h("fieldset", { key: '7fb001177a4f907d513eb5955063d446234ede0c' }, index.h("legend", { key: 'ee6b045a438be9f56345daad752e105640f1ca3d', part: parts.heading2 }, "Additional Questions"), index.h("div", { key: 'ed114675357f3b70c34a3eb941fdb30e6219cdc9', class: "row gy-3" }, index.h("div", { key: 'b85c27c827cf5e5d0d556c343315e5eec736f538', class: "col-12 col-md-6" }, index.h("form-control-monetary-provisioning", { key: '4576f67fa74ba7c2ca9730468ddc52b055a3c496', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.additional_questions) === null || _b === void 0 ? void 0 : _b.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: formInputMasks.CURRENCY_MASK.WHOLE })), index.h("div", { key: '0614c60cc7daaf890ccb4888d41b0260a26f9a0e', class: "col-12 col-md-6" }, index.h("form-control-monetary-provisioning", { key: '2c435c1553714d75542e0e3bcf1d723f26b37da8', name: "business_payment_volume", label: "What is the business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.additional_questions) === null || _d === void 0 ? void 0 : _d.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: formInputMasks.CURRENCY_MASK.WHOLE })), index.h("div", { key: '8d4a19eb0b6b5707f4a423543d86ae50f6492efc', class: "col-12" }, index.h("form-control-select", { key: '2e49f907bae85cd4901e4aa4413284596fbed365', 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: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.additional_questions) === null || _f === void 0 ? void 0 : _f.business_when_service_received, options: businessFormOptions.businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), index.h("div", { key: '11bc4e0bbe2122b977cf8bc29ac0601ef941881c', class: "col-12" }, index.h("form-control-select", { key: 'c511b728971250dc3272c1ef9ff96131a9ac6a2e', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.additional_questions) === null || _h === void 0 ? void 0 : _h.business_recurring_payments, options: businessFormOptions.recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), index.h("div", { key: '5a40dfe41a9fca815cdf0eb7455b41615d1e6c76', class: "col-12" }, index.h("form-control-text", { key: 'd8aaf0f6d7d44b1b15ec76af198a0117493f08c6', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.additional_questions) === null || _k === void 0 ? void 0 : _k.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), index.h("div", { key: 'b211bb865a60baf1ea00c81f76f000ff2a31d7bd', class: "col-12" }, index.h("form-control-select", { key: '4b693e7425e690a59e2c70646cca2b886b8a8796', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.additional_questions) === null || _m === void 0 ? void 0 : _m.business_seasonal, options: businessFormOptions.seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), index.h("div", { key: 'e85b7fceb9cdc808afaf3559609b7519c9630266', class: "col-12" }, index.h("form-control-text", { key: 'ae4a6518c7499826f30376f1c902f694244059c7', name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, errorText: (_p = (_o = this.errors) === null || _o === void 0 ? void 0 : _o.additional_questions) === null || _p === void 0 ? void 0 : _p.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
+        return (index.h(index.Host, { key: '825ad2a859cacac1b9ba7be60ade5f3bb108abee' }, index.h("fieldset", { key: 'be913775846b09d99c0c5809a93dfc2779bbae9c' }, index.h("legend", { key: '52db62eb99455247f317f3dfce9ed260139d9b92', part: parts.heading2 }, "Additional Questions"), index.h("div", { key: '9bca42f1668874643cb2c46f3ac39df85fb0cc45', class: "row gy-3" }, index.h("div", { key: '4f5cfbb11109a00d5427096503bceeb443349925', class: "col-12 col-md-6" }, index.h("form-control-monetary-provisioning", { key: '8d467c76af23e7aaa0a437a6b8631f8966dd7c41', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.additional_questions) === null || _b === void 0 ? void 0 : _b.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: formInputMasks.CURRENCY_MASK.WHOLE })), index.h("div", { key: '4e5ed2a46af18734a97e498fe03d0b39b6d64895', class: "col-12 col-md-6" }, index.h("form-control-monetary-provisioning", { key: '5dac6143381928fa469e610a51c680dc2d6458ba', name: "business_payment_volume", label: "What is the business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.additional_questions) === null || _d === void 0 ? void 0 : _d.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: formInputMasks.CURRENCY_MASK.WHOLE })), index.h("div", { key: '7ffc0942f4aa7a28fe5cb647af3fb4d0fbdfb19f', class: "col-12" }, index.h("form-control-select", { key: 'dd323dcdb5152040737ad91715e5f1eba17afaed', 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: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.additional_questions) === null || _f === void 0 ? void 0 : _f.business_when_service_received, options: businessFormOptions.businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), index.h("div", { key: 'f7d98dcddaee8beb583b7436007660012c856d06', class: "col-12" }, index.h("form-control-select", { key: 'c3dd0af43353221f0b6f34555afc6627eb6e4805', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.additional_questions) === null || _h === void 0 ? void 0 : _h.business_recurring_payments, options: businessFormOptions.recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), index.h("div", { key: '6afac5b74ebf3f833f3a773c4c364ec805c827ee', class: "col-12" }, index.h("form-control-text", { key: '8730d4945250eaf2aee10e2eb2327876f98e07f3', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.additional_questions) === null || _k === void 0 ? void 0 : _k.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), index.h("div", { key: '4e13389f89aad6598817c4a45e5a8125ae21b9a4', class: "col-12" }, index.h("form-control-select", { key: '5cb9f4af9b1a1a707f6110073356474397b46489', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.additional_questions) === null || _m === void 0 ? void 0 : _m.business_seasonal, options: businessFormOptions.seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), index.h("div", { key: '705affae85c29fe6d5270ad32a2af9bdeed9b6e9', class: "col-12" }, index.h("form-control-text", { key: '08807d448e5a4f1865a22d06d9e1e34d27bb5f5f', name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, errorText: (_p = (_o = this.errors) === null || _o === void 0 ? void 0 : _o.additional_questions) === null || _p === void 0 ? void 0 : _p.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
     }
 };
 
@@ -63,10 +63,10 @@ const BusinessCoreInfo = class {
     render() {
         var _a, _b;
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (index.h(index.Host, { key: '0dba6443b063d02368f93f3a336a8051364b5fca' }, index.h("fieldset", { key: '42eabe1f20623241291a8bc374c14b0727fae5cd' }, index.h("legend", { key: 'b74d116fa26b843eee56201c3997ecf916453a23', part: parts.heading2 }, "General Info"), index.h("div", { key: '8370be848754f5730d1f5bffbfb51875cec01218', class: "row gy-3" }, index.h("div", { key: 'b891b5ce1820755b44a4d4d14240cd6f6f705114', class: "col-12" }, index.h("form-control-text", { key: '712f62f8feb4c34eb90048f29158c03cf71b38db', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), index.h("div", { key: '52cb8a48648bb036b04fba034dc27a4b286bf7ce', class: "col-12" }, index.h("form-control-text", { key: '655edd4ae78b47fea221308ce9e582eb731454a7', 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: '0cd13bcea3e7e1ef90e5d071ea40690f7a8ea022', class: "col-12 col-md-8" }, index.h("form-control-select", { key: '00a2173bda66d059f9ef7534b3535a4f36dbbbc1', name: "classification", label: "Business Classification", options: businessFormOptions.businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), index.h("div", { key: '4c157888deded84baa24ffdd5c5d74e90590c5f8', class: "col-12 col-md-4" }, index.h("form-control-date", { key: '7af97d93cf2a9f7ff988621d53e528a8930932ed', 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: 'b5d0493b01ad9a0853bea95b76220c939cd43828', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '5df583e04316c0afeaef771177dff20f6d266362', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), index.h("div", { key: '0bd63d995778469190a97a21190e3da742a468fa', class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (index.h("form-control-number-masked", { name: "tax_id", label: countryConfig.countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: formInputMasks.IDENTITY_MASKS[this.country], helpText: countryConfig.countryLabels[this.country].taxIdHelpText })) : (index.h("div", null, index.h("label", { class: "form-label", part: parts.label }, countryConfig.countryLabels[this.country].taxIdLabel), index.h("div", { class: "input-group mb-3" }, index.h("input", { type: "text", class: "form-control", part: parts.inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), index.h("button", { class: "btn btn-secondary", type: "button", part: parts.buttonSecondary, onClick: () => {
+        return (index.h(index.Host, { key: 'd60b250bd327a8f49ac2854ef90a50149952d91f' }, index.h("fieldset", { key: '99523dc8f944bbbd51fd1cd660fcd2908658a5b8' }, index.h("legend", { key: 'f709a73ed08970d75e83617d9d4927a33fc8bcc4', part: parts.heading2 }, "General Info"), index.h("div", { key: '7519e5f5b18247f63010edb6b15994413a1349f1', class: "row gy-3" }, index.h("div", { key: 'd11c9b6bc5f91ed3c521eeee88ee866ec81cb363', class: "col-12" }, index.h("form-control-text", { key: '8d346946db7275e1f64c84019dc2e202be77f8f7', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), index.h("div", { key: '4bdfff98f5652dfd22c04a4340b1ac882bf3ce65', class: "col-12" }, index.h("form-control-text", { key: '97055ec207286cb931e04f301fb6a0abef8e1085', 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: 'aa43935a6d369a3f7c7fea36805fe2b15b908e06', class: "col-12 col-md-8" }, index.h("form-control-select", { key: 'fe958c7152cc3da4f33f666c4f57e692119fda18', name: "classification", label: "Business Classification", options: businessFormOptions.businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), index.h("div", { key: 'c6c3233c998973732545d3f9623ee0e7f2606ead', class: "col-12 col-md-4" }, index.h("form-control-date", { key: 'a87ac87813b6fe6c84cafbda1977c4ba93741342', 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: '5046bf2e0c9e2bbc6bbb6c8809b7147acab1ee1f', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '1771cd9caf5e29d4e03666e3cebed92dcdaa686a', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), index.h("div", { key: '1a9beb47f729497275e15ad8d4910ad5b4c9951d', class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (index.h("form-control-number-masked", { name: "tax_id", label: countryConfig.countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: formInputMasks.IDENTITY_MASKS[this.country], helpText: countryConfig.countryLabels[this.country].taxIdHelpText })) : (index.h("div", null, index.h("label", { class: "form-label", part: parts.label }, countryConfig.countryLabels[this.country].taxIdLabel), index.h("div", { class: "input-group mb-3" }, index.h("input", { type: "text", class: "form-control", part: parts.inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), index.h("button", { class: "btn btn-secondary", type: "button", part: parts.buttonSecondary, onClick: () => {
                 this.isEditingTaxId = true;
                 this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { tax_id: '' }));
-            } }, "Change"))))), index.h("div", { key: '3decd3a593098a1c36e4baf1aeb846603b4a6769', class: "col-12" }, index.h("form-control-text", { key: 'e3cb697846ad086ca6f4998d302574bb4de4c4a6', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), index.h("div", { key: '69c357ad3d2b5464d0c333c8fdc82353044b7301', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '49857dc20c817d8c600dbeae9c8191452ec1898f', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '1c9279a56b389fcd71ffeaad66df8a067a035334', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: '7c329ae3c7dcff34d88bce2a64d9ccaa09384055', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US }))))));
+            } }, "Change"))))), index.h("div", { key: '94b23160df7686b910628f02451c12a7752b72cd', class: "col-12" }, index.h("form-control-text", { key: '40faf5a4b4f9c8d21385ee078ed9f4aaa9f47583', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), index.h("div", { key: '36a7c80684f7fb5259f3e9385393a2787bbd1516', class: "col-12 col-md-6" }, index.h("form-control-text", { key: 'a3bf801d4789e2b6328842b4bb1dfe8758f946b6', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '437eeff1d27957a77b7bf4c9e4aa2fc4fa436867', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: '0780f85cedacda3b8288ba54b5b40b86338ce877', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US }))))));
     }
 };
 
@@ -100,11 +100,11 @@ const BusinessRepresentative = class {
     render() {
         var _a, _b;
         const representativeDefaultValue = this.formController.getInitialValues().representative;
-        return (index.h(index.Host, { key: '2d8a5324bfea8bd297b5db5f1e5aaf5d9aa51cb4' }, index.h("fieldset", { key: 'c25884a7aaa0ffb19316002e8ce9e158a1f0b8e9' }, index.h("legend", { key: 'af36d94625e4b82c8418079b60cade953ac53e8e', part: parts.heading2 }, "Representative"), index.h("div", { key: 'c3ad5ca5e1c636db05fa3994c443975ecc363e62', class: "row gy-3" }, index.h("div", { key: '8b27315feb79cf08d69c5a108426705cb6445c71', class: "col-12 col-md-8" }, index.h("form-control-text", { key: 'f6ffb2619c6537f99bed5a35602d3d7d68f821ad', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: 'cde914c872fcfbe0395f358b570d9cefbf14872e', class: "col-12 col-md-4" }, index.h("form-control-text", { key: 'c70330625ed26d8d5e8d00af7df55571ef4ff32a', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), index.h("div", { key: '64bba44c0facd07c8648fba1ce31385b33f94513', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '33c7c4a365f6d7ce43e6b98b9ca3646f2263abd1', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '5b96d76754918f37fc4f226a5c6656529b77b63f', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: 'c7cf814cf84a0c69e547c0b60f643b7fb78490af', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: 'e5c486242e9fb47c81a28831a9a648bee28e95d5', class: "col-12 col-md-4" }, index.h("form-control-date", { key: '519cc94edb63b5f465d0ada9fe905e68aca54e1e', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), index.h("div", { key: 'b971e1320a57061d9d1eae7adb28eda19ce855a4', class: "col-12 col-md-8" }, (!((_a = this.representative) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (index.h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: this.isEditingIdentification ? '' : representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: formInputMasks.IDENTITY_MASKS[this.country], helpText: countryConfig.countryLabels[this.country].identityHelpText })) : (index.h("div", null, index.h("label", { class: "form-label", part: parts.label }, this.identificationNumberLabel), index.h("div", { class: "input-group mb-3" }, index.h("input", { type: "text", class: "form-control", part: parts.inputDisabled, value: `****${(_b = this.representative) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), index.h("button", { class: "btn btn-secondary", type: "button", part: parts.buttonSecondary, onClick: () => {
+        return (index.h(index.Host, { key: '23d11271b1ec0b5a36222cf972b3cbb94a436a99' }, index.h("fieldset", { key: '9062abcf81faf8c1bd136a7ad28ee9f21831b4fb' }, index.h("legend", { key: '61cf510c63cfe30278e1a07a0186a4feac0c31ec', part: parts.heading2 }, "Representative"), index.h("div", { key: '431ab7681cc1dc022d251dd4caaf4fc6a7def9b1', class: "row gy-3" }, index.h("div", { key: 'd94add92e02afa9dbb7cc617fea60bd0bc37db9c', class: "col-12 col-md-8" }, index.h("form-control-text", { key: '2cdf16e8f5984de4db422fde0b0e353fb6029912', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: 'cff4220ba8704a02a7f8642b562116ef63400bd8', class: "col-12 col-md-4" }, index.h("form-control-text", { key: '949b4eea179738a03ff0b9336e8325320da56473', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), index.h("div", { key: 'dc21ee17586cce9b39a924df668ad9c5be1ab84b', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '0470770dbe028c8247bd8405d68d4d1690b5e4e4', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: 'dcbd23ab368e630ebaea9e8bdbb6985a98d5fbeb', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: '6625e7fda86feabad127a97b7c06a40d19903b34', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: '6f9df4495d3fea041a643eb6bb0560b1747b094a', class: "col-12 col-md-4" }, index.h("form-control-date", { key: 'a8c3cbc3d2c075e82e82c8fd4a123eade5a64e5c', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), index.h("div", { key: 'a5be0388dbfa97375cedaf059e51b680170d806f', class: "col-12 col-md-8" }, (!((_a = this.representative) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (index.h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: this.isEditingIdentification ? '' : representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: formInputMasks.IDENTITY_MASKS[this.country], helpText: countryConfig.countryLabels[this.country].identityHelpText })) : (index.h("div", null, index.h("label", { class: "form-label", part: parts.label }, this.identificationNumberLabel), index.h("div", { class: "input-group mb-3" }, index.h("input", { type: "text", class: "form-control", part: parts.inputDisabled, value: `****${(_b = this.representative) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), index.h("button", { class: "btn btn-secondary", type: "button", part: parts.buttonSecondary, onClick: () => {
                 this.isEditingIdentification = true;
                 // Clear last4 and current value to force validation
                 this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { ssn_last4: null, identification_number: '' }) }));
-            } }, "Change"))))), index.h("div", { key: '92b0c2109f98ac67a32ad57ca91c4f663d3de307', class: "col-12" }, index.h("justifi-identity-address-form", { key: '187ac4670413b762f4f78dcde5a33ae2a73f203f', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
+            } }, "Change"))))), index.h("div", { key: 'be522af99631fad573411bc5415fd6a712bc5486', class: "col-12" }, index.h("justifi-identity-address-form", { key: '145c76eb8c16fdd113dcd61faff219f852b22214', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
     }
 };
 
@@ -124,7 +124,7 @@ const LegalAddressForm = class {
     render() {
         var _a;
         const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
-        return (index.h(index.Host, { key: '020c1a41ff7fa0881464463322b54754e7664957' }, index.h("fieldset", { key: 'cb1ae50abc99f8915cead7ef850de52f62bab304' }, index.h("legend", { key: '74d2bba4a9557ff2ac5b9b34d0947e9a076ddb84', part: parts.heading2 }, "Business Legal Address"), index.h("justifi-form-address-fields", { key: '86d9fc1d344ace729cdc75b1a9239b74865f306b', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
+        return (index.h(index.Host, { key: '11d54eb58574e9afdeed03b357f4c5b89752b48b' }, index.h("fieldset", { key: '3608fc95fb7d60fcd5485394fc1a8210f91d13a8' }, index.h("legend", { key: 'ffe6b8794039b1df22e0bd1775cf497edac543d7', part: parts.heading2 }, "Business Legal Address"), index.h("justifi-form-address-fields", { key: '34adccfea54d0603d3e8899df048f3aab1b8b64c', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
     }
 };
 

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

@@ -1,17 +1,20 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
-var parts = require('./parts-BVbaniVM.js');
-var formControlHelpText = require('./form-control-help-text-tB5u1-5M.js');
-var formControlErrorText = require('./form-control-error-text-Dg_65HGK.js');
+var index = require('./index-p7cvUYAE.js');
+var parts = require('./parts-BsBVknuf.js');
+var formControlHelpText = require('./form-control-help-text-B2yMic8i.js');
+var formControlErrorText = require('./form-control-error-text-BC5aRpfl.js');
 require('./event-types-YOY5TKUN.js');
 
 const CheckboxInput = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.formControlInput = index.createEvent(this, "formControlInput");
-        this.formControlBlur = index.createEvent(this, "formControlBlur");
+        this.formControlInput = index.createEvent(this, "formControlInput", 7);
+        this.formControlBlur = index.createEvent(this, "formControlBlur", 7);
         this.isFocused = false;
+        this.errorText = '';
+        this.inputHandler = () => { };
+        this.disabled = false;
         this.handleFormControlInput = (event) => {
             event.preventDefault();
             const target = event.target;
@@ -39,10 +42,10 @@ const CheckboxInput = class {
         return parts.inputCheckbox;
     }
     render() {
-        return (index.h(index.Host, { key: 'b21aecbedc9eabe175a7c49de7289e7f514a2dca' }, index.h("div", { key: '7ce9735adb9b351864381ae4966e5344be8cb2de', class: 'form-group d-flex flex-column' }, index.h("div", { key: 'b99004c99627c2ffdc31c098d3ae956f391fbae3', class: "form-check" }, index.h("input", { key: 'f0e2bb106393a2eff4f172eac1c1e97aa8a184e2', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '56962751d91674cfeb2716ba90bb9e9751ea4f66' }, index.h("div", { key: 'e3bb3cac2bf8ae03fc72558b3c00ef32ee56f61d', class: 'form-group d-flex flex-column' }, index.h("div", { key: '7be82e8be1da073c8f0e5ca7d609ce1d29c82c5e', class: "form-check" }, index.h("input", { key: 'f6b5f0ed365937feeb6ee0d885c55a27f21eaec0', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), index.h("label", { key: '18911a1180bd64375104fdbb3ba9a89f822e33cb', class: "form-check-label", htmlFor: this.name, part: parts.label }, this.label)), index.h(formControlHelpText.FormControlHelpText, { key: '4d0d0df3bf3cbaf1314e37cbb24b5ba61446d1f7', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '5270fa11eecdc61c155a9eeacb83781d7b2445d8', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), index.h("label", { key: 'dda8703d86506cdd5a3b3549f3c54296830ff20f', class: "form-check-label", htmlFor: this.name, part: parts.label }, this.label)), index.h(formControlHelpText.FormControlHelpText, { key: 'a4260e0cc463ad937128d46a3eb251191319473d', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: 'de41ad6865a3d0414fa850ee5439cc11abf31f4f', errorText: this.errorText, name: this.name }))));
     }
 };
 

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

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
-var parts = require('./parts-BVbaniVM.js');
-var formControlErrorText = require('./form-control-error-text-Dg_65HGK.js');
+var index = require('./index-p7cvUYAE.js');
+var parts = require('./parts-BsBVknuf.js');
+var formControlErrorText = require('./form-control-error-text-BC5aRpfl.js');
 require('./event-types-YOY5TKUN.js');
 
 const DateInput = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.formControlInput = index.createEvent(this, "formControlInput");
-        this.formControlBlur = index.createEvent(this, "formControlBlur");
+        this.formControlInput = index.createEvent(this, "formControlInput", 7);
+        this.formControlBlur = index.createEvent(this, "formControlBlur", 7);
         this.isFocused = false;
         this.maxDate = this.currentDate;
         this.handleFormControlInput = (event) => {
@@ -49,10 +49,10 @@ const DateInput = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: '488832557ae8112639435cdc76233db84267066d' }, index.h("div", { key: 'daeae634334b1b15421ba7b3794950c96cb99d9d', class: "form-group d-flex flex-column" }, index.h("div", { key: 'f5dfa500d0bcea5dc434914e275466b60ef3b764', class: "d-flex gap-2" }, index.h("label", { key: '58985478033b8909f7c90dc95e02907a9403901f', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'e7937af44fb79a9c4c3cde98ddaa57fc97d9dfa9', helpText: this.helpText })), index.h("input", { key: '636a3aee2edd091ac988c4294fa5966c9305003c', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'af231bc296d7bd79a01ed4c1f78b6bba1b1027c4' }, index.h("div", { key: '47b148201af9e18546284492a668a6720e10a015', class: "form-group d-flex flex-column" }, index.h("div", { key: 'e0b7c6f48baeb022018039391479007efe9b1dc9', class: "d-flex gap-2" }, index.h("label", { key: '26133591445cecd41c72cf69e694b7116d8a0ea5', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '822ad6405b38887385c374f9646c9512b59d7e5a', helpText: this.helpText })), index.h("input", { key: 'ea928f636ea90f1bebfca9df9049bcde26ffdbfe', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), index.h(formControlErrorText.FormControlErrorText, { key: 'd796894d861cbdbbe6415d2236153edabceb3a63', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), index.h(formControlErrorText.FormControlErrorText, { key: '66c1cac66140950abb0cb6bf550d86dfee7e2b6d', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/cjs/{form-control-error-text-Dg_65HGK.js → form-control-error-text-BC5aRpfl.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
-var parts = require('./parts-BVbaniVM.js');
+var index = require('./index-p7cvUYAE.js');
+var parts = require('./parts-BsBVknuf.js');
 
 const FormControlErrorText = (props) => {
     const { errorText, name } = props;

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

@@ -1,17 +1,20 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
-var formControlErrorText = require('./form-control-error-text-Dg_65HGK.js');
-var parts = require('./parts-BVbaniVM.js');
+var index = require('./index-p7cvUYAE.js');
+var formControlErrorText = require('./form-control-error-text-BC5aRpfl.js');
+var parts = require('./parts-BsBVknuf.js');
 
 const FileInput = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.formControlInput = index.createEvent(this, "formControlInput");
-        this.formControlBlur = index.createEvent(this, "formControlBlur");
+        this.formControlInput = index.createEvent(this, "formControlInput", 7);
+        this.formControlBlur = index.createEvent(this, "formControlBlur", 7);
+        this.errorText = '';
+        this.inputHandler = () => { };
+        this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: '17cd92cd095bef638fa7f9df47267019b13ce421', exportparts: "label,input,input-invalid" }, index.h("div", { key: '036155730cb27b8c751c1d7c60b9113db1d20525', class: "form-group d-flex flex-column" }, index.h("div", { key: '09654b1abea93cf763be9d04edc15b544748ab23', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'bb8abe4e719e40ca83da8dc15e581fb52f1a5fd5', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '599e5a958b5905ba4de825ea7923c2cf376f6d37', helpText: this.helpText })), index.h("input", { key: '0a6bd85a915f5017c5645037e03e56512372a478', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), index.h(formControlErrorText.FormControlErrorText, { key: 'af1ebc0ca32c321bf4f68128f0be341368209405', errorText: this.errorText, name: this.name }))));
+        return (index.h(index.Host, { key: 'fa58417927e8c0a4be71047c133d00ff544cbeb5', exportparts: "label,input,input-invalid" }, index.h("div", { key: '99167d13386b858ae940cf03015139dd1d676b4e', class: "form-group d-flex flex-column" }, index.h("div", { key: '33f821ca2473a4e9233e91aee0fb47aced0bdfd4', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'd883b7a1a000d638ad0f1d594d314c62509259a9', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '020594f1fec84e5789fbc7f16b41777613d2f5d4', helpText: this.helpText })), index.h("input", { key: '841064420ca58f24d65d33e4a3a92732bcc7028c', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), index.h(formControlErrorText.FormControlErrorText, { key: '6d703a1e7418695b6d62bb643dd3a8088bdbed30', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -19,9 +22,13 @@ const FileInput = class {
 const TextInput = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.formControlInput = index.createEvent(this, "formControlInput");
-        this.formControlBlur = index.createEvent(this, "formControlBlur");
+        this.formControlInput = index.createEvent(this, "formControlInput", 7);
+        this.formControlBlur = index.createEvent(this, "formControlBlur", 7);
         this.isFocused = false;
+        this.helpText = '';
+        this.errorText = '';
+        this.inputHandler = () => { };
+        this.disabled = false;
         this.handleFormControlInput = (event) => {
             const target = event.target;
             const name = target.getAttribute('name');
@@ -57,10 +64,10 @@ const TextInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '1fa96ad32451a814537a92abc4547d3a227ba832' }, index.h("div", { key: '6adc16748f0b4fc2f3d9e7eaf2d88233263b82c0', class: "form-group d-flex flex-column" }, index.h("label", { key: '0b18eece09db4d3dd3f9c870b1c232c7c32f6f94', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: '411d846fa0af7a5ab5a72662b71c802f1de87a8d', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '674ffca07a9d08d3c91dabd929abbec7295b59e3' }, index.h("div", { key: '31f19f54d033a4dd2d087d57a32233cec2d76399', class: "form-group d-flex flex-column" }, index.h("label", { key: '87a7bf2e61052b30acce04c2d8862198fd0dc0c7', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: '42a4664dfea00bf9bf4c54d36ee03d53338ff4bc', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), index.h("form-control-help-text", { key: 'd52fad4559514075e0623c1571b33ccc4df62ead', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '52484a4da5de1a0e5409524cdb6993dc4469d708', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), index.h("form-control-help-text", { key: '004c85e69ed747250ecdad8559af650ac92c960d', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '6ce96a2d36b6972caf80a66cbf256b461967904b', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{form-control-help-text-tB5u1-5M.js → form-control-help-text-B2yMic8i.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
-var parts = require('./parts-BVbaniVM.js');
+var index = require('./index-p7cvUYAE.js');
+var parts = require('./parts-BsBVknuf.js');
 
 const FormControlHelpText = (props) => {
     const { helpText, name } = props;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
+var index = require('./index-p7cvUYAE.js');
 
 const FormControlHelpText = class {
     constructor(hostRef) {

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

@@ -1,21 +1,25 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
+var index = require('./index-p7cvUYAE.js');
 var index$1 = require('./index-1MT3Z4XI.js');
 var formInputMasks = require('./form-input-masks-BnNFJ3IJ.js');
-var parts = require('./parts-BVbaniVM.js');
-var formControlHelpText = require('./form-control-help-text-tB5u1-5M.js');
-var formControlErrorText = require('./form-control-error-text-Dg_65HGK.js');
+var parts = require('./parts-BsBVknuf.js');
+var formControlHelpText = require('./form-control-help-text-B2yMic8i.js');
+var formControlErrorText = require('./form-control-error-text-BC5aRpfl.js');
 require('./event-types-YOY5TKUN.js');
 
 const MonetaryInputProvisioning = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.formControlInput = index.createEvent(this, "formControlInput");
-        this.formControlBlur = index.createEvent(this, "formControlBlur");
+        this.formControlInput = index.createEvent(this, "formControlInput", 7);
+        this.formControlBlur = index.createEvent(this, "formControlBlur", 7);
         this.imask = null;
         this.isFocused = false;
+        this.errorText = '';
+        this.defaultValue = '0';
+        this.inputHandler = () => { };
         this.maskOptions = formInputMasks.CURRENCY_MASK.DECIMAL;
+        this.disabled = false;
         this.initializeIMask = () => {
             if (!this.textInput)
                 return;
@@ -64,10 +68,10 @@ const MonetaryInputProvisioning = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: '5dc9ad5ec4f9af9bb4afec0d5265a35c52167721' }, index.h("div", { key: '03efd5093d0176772bbcb070b8e580c1c027ed0e', class: "form-group d-flex flex-column" }, index.h("label", { key: '153721fcb4f29fca302512ecc29b8bc30e5f6aa3', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("div", { key: '16250c5429d1047febcdd056b55a38a09441fcbd', class: "input-group" }, index.h("span", { key: '12d29ec8820f21bfa2ba7ae25217cb9bf3944cb8', class: "input-group-text", part: parts.inputAdornment }, "$"), index.h("input", { key: '9eb4547dba64f8979b30e8d212b7e0576c3b4491', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '7a72954c74f3cb31f92d565835de4aceb874a1b5' }, index.h("div", { key: 'e05612ec4b1b195a24f5a2d2a00ca5b284b4c2f7', class: "form-group d-flex flex-column" }, index.h("label", { key: 'ffabdebea58878f550cad78430783bcb8372f2c1', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("div", { key: '3593ef8b4adda873a7d6b1789253bc6e1748dcfc', class: "input-group" }, index.h("span", { key: 'b42f4a51f38451ee36fff437b3a60bd1292d6307', class: "input-group-text", part: parts.inputAdornment }, "$"), index.h("input", { key: 'd49072c9c3653540fc8edca8a8dd86ad34bef902', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), index.h(formControlHelpText.FormControlHelpText, { key: 'c6601c7cc606c915bf3c01535bd907d4990ea0ca', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '89634f2156d5aae538e700f16554451120ec8a6d', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), index.h(formControlHelpText.FormControlHelpText, { key: 'd714b88d923f5f38f1b66620c5513ce7c82a7ef0', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '47b9d96f588785bb2597b16a685c18889e1945c1', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
-var parts = require('./parts-BVbaniVM.js');
-var formControlHelpText = require('./form-control-help-text-tB5u1-5M.js');
-var formControlErrorText = require('./form-control-error-text-Dg_65HGK.js');
+var index = require('./index-p7cvUYAE.js');
+var parts = require('./parts-BsBVknuf.js');
+var formControlHelpText = require('./form-control-help-text-B2yMic8i.js');
+var formControlErrorText = require('./form-control-error-text-BC5aRpfl.js');
 require('./event-types-YOY5TKUN.js');
 var utils = require('./utils-D4WPxuzW.js');
 require('./dinero-BwNN_k7x.js');
@@ -11,8 +11,8 @@ require('./dinero-BwNN_k7x.js');
 const MonetaryInput = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.formControlInput = index.createEvent(this, "formControlInput");
-        this.formControlBlur = index.createEvent(this, "formControlBlur");
+        this.formControlInput = index.createEvent(this, "formControlInput", 7);
+        this.formControlBlur = index.createEvent(this, "formControlBlur", 7);
         this.isFocused = false;
         this.defaultValue = '0';
         this.formatRawValue = (value) => {
@@ -51,10 +51,10 @@ const MonetaryInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '26420a8cfbf1b2e121a62971060603aa83cf3e70' }, index.h("div", { key: '59c4042f4b6c7c0116af7b2cf3194924be87d8b5', class: "form-group d-flex flex-column" }, index.h("label", { key: '37454ea79c867986b12aa1b0acb63041e10c47d9', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h(formControlHelpText.FormControlHelpText, { key: '005a9bafecbcf6de1629f56562a6fb2588749ef5', name: this.name, helpText: this.helpText }), index.h("div", { key: 'd1a12b4c4e444b788e8a96a23c1ca12c3b02f90e', class: "input-group" }, index.h("span", { key: 'e4100991c98e073d559a4378340288829bca8e63', class: "input-group-text", part: parts.inputAdornment }, "$"), index.h("input", { key: 'b14b182e5df0eb3cf7a5fd4abd7eda4969e9413c', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'e83c01fe72f78306203ff6662c47f2db56f9e5eb' }, index.h("div", { key: '2763732191437c92edd551b75da1eeb2fc03d079', class: "form-group d-flex flex-column" }, index.h("label", { key: '923fbb823f00a52308d3e7450a136dcbb1c1b214', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h(formControlHelpText.FormControlHelpText, { key: '3f3dc06c3cea6478ebe66d0ae0c36532a2c9de26', name: this.name, helpText: this.helpText }), index.h("div", { key: 'ed01d39c77eccced675f08626cfaf19d0bbd6e65', class: "input-group" }, index.h("span", { key: 'b29263f7ff45ba093d3c3f1bf256e19002d64bcb', class: "input-group-text", part: parts.inputAdornment }, "$"), index.h("input", { key: '4a842881767f8bacba8330b2b20e33c51ca6eeb3', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), index.h(formControlErrorText.FormControlErrorText, { key: '4fd052b178da46d734bdbd88f063dd1ed021d47e', errorText: this.errorText, name: this.name }))));
+            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), index.h(formControlErrorText.FormControlErrorText, { key: '828447aed9364496041d38539bf9446a8055d709', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -1,21 +1,23 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
+var index = require('./index-p7cvUYAE.js');
 var index$1 = require('./index-1MT3Z4XI.js');
-var parts = require('./parts-BVbaniVM.js');
-var formControlErrorText = require('./form-control-error-text-Dg_65HGK.js');
+var parts = require('./parts-BsBVknuf.js');
+var formControlErrorText = require('./form-control-error-text-BC5aRpfl.js');
 require('./event-types-YOY5TKUN.js');
-var Business = require('./Business-DWHy_-z9.js');
+var Business = require('./Business-uoeKyW_a.js');
 var utils = require('./utils-DAyWinG2.js');
-var countryConfig = require('./country-config-MCOhn8o3.js');
+var countryConfig = require('./country-config-DGi9t3Ma.js');
 
 const NumberInputMasked = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.formControlInput = index.createEvent(this, "formControlInput");
-        this.formControlBlur = index.createEvent(this, "formControlBlur");
+        this.formControlInput = index.createEvent(this, "formControlInput", 7);
+        this.formControlBlur = index.createEvent(this, "formControlBlur", 7);
         this.imask = null;
         this.isFocused = false;
+        this.inputHandler = () => { };
+        this.disabled = false;
         this.initializeIMask = () => {
             if (!this.textInput)
                 return;
@@ -71,10 +73,10 @@ const NumberInputMasked = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '19208aa7aae72ea0492dcb2d46651bb80b6ab133' }, index.h("div", { key: '93aea8b9cede9bec9c4f5959dd3cb22065bd684f', class: "form-group d-flex flex-column" }, index.h("div", { key: '8782f39a557f2f1fb14accea192d5677256c5752', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '0abdc2776f59ddb560e404b7ce05200cec8d1082', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '649166a60116190c3e06039825e1a87d1b01b100', helpText: this.helpText })), index.h("input", { key: '862ea2874c2f1f33c12b5e8afcb49e903731e3d9', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (index.h(index.Host, { key: 'b9cd5f622f3473b22f48ee939884199f4102aa02' }, index.h("div", { key: 'c7ac55bf53f9b069a0f1997faee9df04b5efc48f', class: "form-group d-flex flex-column" }, index.h("div", { key: '344f29000db4d633073536530f3fd312a7c65000', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'c58e246347c2bb8da3dafa10aeca23290ebdcbd2', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '7a32bf62aea68cca9a86f07e28ca58a0f386fdf4', helpText: this.helpText })), index.h("input", { key: '033f6ab25c31f4386733195a281de935b39aa7e5', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), index.h(formControlErrorText.FormControlErrorText, { key: '01ecae80e5d67d45a2c954ededea51d1db41aafc', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), index.h(formControlErrorText.FormControlErrorText, { key: '9238f8d110a09bed1f5172991ed951399ea520b3', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -90,7 +92,7 @@ const FormAddressFields = class {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const labels = countryConfig.countryLabels[this.country];
         const options = countryConfig.countryOptions[this.country];
-        return (index.h(index.Host, { key: 'dde5469230a6067ab343e77b1e11e25d815caa5a' }, index.h("div", { key: 'a28ca49da90e4981e363ccc69fa59e930097cad2', class: "row gy-3" }, index.h("div", { key: 'dc6e201854c758cbbd493dd23c38a40e072cfaaf', class: "col-12" }, index.h("form-control-text", { key: 'a2e43eb37e7df69c89484f74adf7f297183818d7', name: "line1", label: "Street Address", inputHandler: this.inputHandler, defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, helpText: "No PO Boxes." })), index.h("div", { key: 'e59a0af86c1146e1c5ac2b86f0e531bab76467cc', class: "col-12" }, index.h("form-control-text", { key: '8ba59e74e6be2bc5980ff2c08126c9df77460ab2', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2 })), index.h("div", { key: '671a3098a6295c6702b670506a8a17190a4cf90a', class: "col-12" }, index.h("form-control-text", { key: 'cb1c90bd567e1ecb82a9be4c540eab7ca2bcfb99', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city })), index.h("div", { key: '554e28a4a0cdc81076f0342b31ccb1cad3c122f7', class: "col-12" }, index.h("form-control-select", { key: '9fb1e73cf440173d9a4a94f23eca5dbf77310e76', name: "state", label: labels.stateLabel, options: options.stateOptions, inputHandler: this.inputHandler, defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state })), index.h("div", { key: 'fbde65bfada699a7bcab4bb642b39cae3dc123b8', class: "col-12" }, index.h("form-control-text", { key: '9218151756e93820985c88721bb549904e0f7212', name: "postal_code", label: labels.postalLabel, inputHandler: this.inputHandler, 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: this.country === Business.CountryCode.USA ? 5 : 7, keyDownHandler: this.country === Business.CountryCode.USA ? utils.numberOnlyHandler : undefined })))));
+        return (index.h(index.Host, { key: '8dabbee93e0f319db333ada6c20af49ed6131b8d' }, index.h("div", { key: '4b308ca9fa92321e5f60f3e4d9ab1c4e60cbd703', class: "row gy-3" }, index.h("div", { key: '9c25eec2effd7caed70a3f02f6a780513fae930c', class: "col-12" }, index.h("form-control-text", { key: '6c2ae178c2122d1f6085906690adadf98cb0774b', name: "line1", label: "Street Address", inputHandler: this.inputHandler, defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, helpText: "No PO Boxes." })), index.h("div", { key: 'eba53a69fc4c869014ef8b7bf6ff9b1d8f5be566', class: "col-12" }, index.h("form-control-text", { key: '11c743ce2388173c41cb16f1865fe58b2015d6bb', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2 })), index.h("div", { key: '2025c9bb15286f5c3e4693b596372a7dff730ce8', class: "col-12" }, index.h("form-control-text", { key: '5e0e40fd028d12b88cb15a38906738320e30aeca', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city })), index.h("div", { key: '5ec53f357907749c9abdcf568c027b71faad19fa', class: "col-12" }, index.h("form-control-select", { key: 'b9eef22eb507ffbd58c26bffa41b5b225925297c', name: "state", label: labels.stateLabel, options: options.stateOptions, inputHandler: this.inputHandler, defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state })), index.h("div", { key: '7456cd4f6b62b59bc9289ca3721440083e9aa4f3', class: "col-12" }, index.h("form-control-text", { key: 'c483c93d0f09d5ded3c11145216273ba75822009', name: "postal_code", label: labels.postalLabel, inputHandler: this.inputHandler, 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: this.country === Business.CountryCode.USA ? 5 : 7, keyDownHandler: this.country === Business.CountryCode.USA ? utils.numberOnlyHandler : undefined })))));
     }
 };
 
@@ -107,7 +109,7 @@ const IdentityAddressForm = class {
         this.handleFormUpdate(newValues);
     }
     render() {
-        return (index.h(index.Host, { key: '86c91933676745470d6b28cf6843624d092adc57' }, index.h("justifi-form-address-fields", { key: '7cbee24003b6b0446fb1203c9863151b0d2f4f15', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
+        return (index.h(index.Host, { key: '1b644425472c68880a9be150d52029a64d75ea26' }, index.h("justifi-form-address-fields", { key: 'd5e95bc81c654d00a0fcac4760705bd21b3b8c8d', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
     }
     static get watchers() { return {
         "address": ["handleAddressChange"]