@justifi/webcomponents 6.1.1 → 6.2.0-rc.2

package/dist/module/form-control-date2.js

@@ -54,10 +54,10 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class DateInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: '607129129bd143b24c20aa331484cd0d3d4f0655' }, h("div", { key: '9c4f1decc70e765b5a8e2e48521ca5fad3196368', class: "form-group d-flex flex-column" }, h("div", { key: 'f02ddd07ed0abd495b113fc3c558ec9266bbf9c0', class: "d-flex gap-2" }, h("label", { key: '13c995ca29975db2b8940cd044d1e0eb5a7639ae', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3dbe855de95b7ddeaab7a14f5e3bb914a6330056', helpText: this.helpText })), h("input", { key: 'defe89403181e6d2b3466582a03491a3e4a0dc96', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '8e5820c8f07562ce28e3b95c4948cb7c311d48d6' }, h("div", { key: '1dd0cbd495d132064808cc81bc272b92f7df95af', class: "form-group d-flex flex-column" }, h("div", { key: '82f27392fd4bdbb106db3ea4219eeb75d99a7c78', class: "d-flex gap-2" }, h("label", { key: 'a6ab3679c84b6f22e4c27ac4cb9764e77f97eed3', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'f481b59809157482acd955d8f2bdb60e5a91e164', helpText: this.helpText })), h("input", { key: '6803e25bbd12858678fa08a8230ca91268541624', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: '6f53bc00b94123fef03ad278a19bff43fc2e52e9', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: '0237d93c756aaea690eda467b0497ce2c0d8c904', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-file-v22.js

@@ -13,7 +13,7 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
     }
     render() {
-        return (h(Host, { key: '54f8fba4d9bc07aafaa174983d2076ea0dcadc0a', exportparts: "label,input,input-invalid" }, h("div", { key: '2fe88af83e94677829c929ecc1e8a3e158d186d7', class: "form-group d-flex flex-column" }, h("div", { key: '70ba8fca4595554f0ebafe314570e6b7f257fe84', class: "d-flex align-items-start gap-2" }, h("label", { key: '3f2b47ce3509acfe5b52573b4742824ffd8b1a60', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '21fd8bb39e59287f546486ce2d3328c6a3eda5cb', helpText: this.helpText })), h("input", { key: 'a8713185858b865850f8f362367af36cfd7e712c', 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 = "" }), h(FormControlErrorText, { key: '5ccdf1adad43c5f7f789b292fc49584b23b69436', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '4d69131cba0d3529b5e8d3344085400a0e491f7a', exportparts: "label,input,input-invalid" }, h("div", { key: '91ef14e863262efef2ca6478dddcbe06fed2c3de', class: "form-group d-flex flex-column" }, h("div", { key: '46fab1c0db5685d8ea5f84f1517a129894a4ba62', class: "d-flex align-items-start gap-2" }, h("label", { key: 'e43d7049b5ce9265e27d30e6edca60b877ce7207', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '4a6298c1b36cf0bbef8ebb383398168cf99af362', helpText: this.helpText })), h("input", { key: '1ec274c8399390dcc08b708218485be030df3e4a', 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 = "" }), h(FormControlErrorText, { key: '154e2193272229f617555a5a1804c334d5214d53', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [256, "form-control-file-v2", {

package/dist/module/form-control-file2.js

@@ -50,10 +50,10 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: '1c348aaabc1d1defcd6b43857d5f96c65081480a' }, h("div", { key: 'c4242a743ad5ad7dbd4ea33d94209f9e1f32a54b', class: "form-group d-flex flex-column" }, h("div", { key: 'fe9c313899afb870878f0b93c9d424efb4243bdf', class: "d-flex align-items-start gap-2" }, h("label", { key: '8229509739e4641da66d6ada865dd96d193c5189', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'cf9773e27c5e9af5f8dd1824dc4cc599ced525d2', helpText: this.helpText })), h("input", { key: '0de93e1cd1d87922682c6bdbc9d55f648659eeb9', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'a4e07a279ac259cf7aea289ddb3e5ad976ac8a78' }, h("div", { key: '72f560a6d77e6077e6e1edab0af24080207490b3', class: "form-group d-flex flex-column" }, h("div", { key: '26c3f68a2b2a1f791eccadd4dda4607aedccfcf8', class: "d-flex align-items-start gap-2" }, h("label", { key: '9805d69f239c90357ed4123bf38bd0a20df78f86', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ae0e0a05268be3df43e250738ff69cc417beea8a', helpText: this.helpText })), h("input", { key: '4c9c7c69e0f0d786add6badaf6df61f53d1fd935', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            } }), h(FormControlErrorText, { key: '0215ddf922a8f33ff7001ac2036a8f22a399266e', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '47b98f71ebdf2b83e2cfd0b741908a74e691cd41', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [256, "form-control-file", {

package/dist/module/form-control-monetary-provisioning2.js

@@ -67,10 +67,10 @@ const MonetaryInputProvisioning = /*@__PURE__*/ proxyCustomElement(class Monetar
         return part;
     }
     render() {
-        return (h(Host, { key: '59e5e4d46e7d4ece898464d846505756611f6635' }, h("div", { key: 'e82201d6777584666ec5ca04ad9e02b83fa956c0', class: "form-group d-flex flex-column" }, h("label", { key: '9bbb22bb201d3db07670e4f26521593ff229f583', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '61909b4796f78e22d9e6508d9257cdf16220e675', class: "input-group" }, h("span", { key: '152a4f1a6323e55bf6f48aa25353939569acc419', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'cc8055c02a4ccb4f63553f45b5ded4ee3d8cf972', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '12d04cf0bc1dbc85acd1006148c411e00941ab70' }, h("div", { key: '08d92fd3c4c764295cf291fc983f63ab58e4312e', class: "form-group d-flex flex-column" }, h("label", { key: '1c7bddbfc094535558b24d3988dafe91f0cbde0a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: 'a1dfb4ab2de228f7ad138c12eb37403e9578c001', class: "input-group" }, h("span", { key: '94e9009f2a6c782798dccaf6dfae472391f43078', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'ebbc696bc1b695d20a758039465ae37a66be974a', 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 })), h(FormControlHelpText, { key: '776dfb4a9d74342ba139dda6706af8e60b4700fc', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '74e503b7e525aeeb994b1ae94941f07365d2460e', 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 })), h(FormControlHelpText, { key: '58f0977b34ab42051b1d4af9e5754d57d60e2fb5', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'b3cdaa58f30edb185e2c89bca5d02a86c52cc8d0', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-monetary2.js

@@ -53,10 +53,10 @@ const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput exten
         return input;
     }
     render() {
-        return (h(Host, { key: '4608057454c832b6e42af88264675c9b128ab756' }, h("div", { key: '43d57d4620bec818fe83ac7ece2b4a778205b96b', class: "form-group d-flex flex-column" }, h("label", { key: '569fb6f7e0ce1488fc7caa7eca60c86b810c232b', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'eae2a633393231de6a83d7d0640fec025ae6bf10', name: this.name, helpText: this.helpText }), h("div", { key: 'e04b5ee1925a6172843e9dd2e1536349f41cdfa8', class: "input-group" }, h("span", { key: 'a8a80244ee29e4b9790e6424d12b5121a30143a8', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '20b6917c428866d8191ed09d0d71c78b23c8a342', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'befed81330399d097413f8b769d01df6b315d707' }, h("div", { key: '570688783902a60e43689dc542e69008d52ee376', class: "form-group d-flex flex-column" }, h("label", { key: '0def0a1b40891a7f6ca3d8886e0b32197beab464', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '637edfe671dabaed1b82ce8f2b165ca2a574522b', name: this.name, helpText: this.helpText }), h("div", { key: '6b38281e577bfb6f8dfacc29574a3b0cb9183c56', class: "input-group" }, h("span", { key: '63d1f8596630e7f3922e02f099b9298ff83bb487', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'a23391ec4ede5bd11d7d2e552eac76544aa855ae', 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 })), h(FormControlErrorText, { key: '8999aa746df7b4a37b5c5a1c6f410698a0940d77', 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 })), h(FormControlErrorText, { key: '5f8175edeff6bc80c9f2fb815d89205d69b413a3', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-number-masked2.js

@@ -73,10 +73,10 @@ const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
         return input;
     }
     render() {
-        return (h(Host, { key: 'adf23d58dec1c24cf4ba2211503ffe64b522be75' }, h("div", { key: 'a36c57a06cf264359a28b61fe18b1f6e3a68ac7f', class: "form-group d-flex flex-column" }, h("div", { key: '8f661e4521f0b3fe44b2c5b79dd5589949f3e0e2', class: "d-flex align-items-start gap-2" }, h("label", { key: 'a7348d28089c56cb8a757ac6cc8a39093014a947', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '43c99dd657f8026d5e7c44b33161a698ac2703e5', helpText: this.helpText })), h("input", { key: '1573ed829c667326706b707fab13b736e3c08d92', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: 'df43b2ce1fa351d04852fbc8a93ee14eeacab874' }, h("div", { key: 'e3b22cde550073e8ccac88ce2f6a0533cae6d781', class: "form-group d-flex flex-column" }, h("div", { key: 'c42151be8f9311c197a972dd5d0c15e09b884690', class: "d-flex align-items-start gap-2" }, h("label", { key: '603866f6c5202290c07490a7a3303b1fce13e375', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '878b2797d1acb8030f5881c47f08c647e605b335', helpText: this.helpText })), h("input", { key: '04e22f86c574d85190c55ee828c4df02c4652b91', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: 'b5f2c780415db76cf369e2b96f625751d8da11f6', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '57b6c4a907ae8089981faaf2359a8120963d875f', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-number.js

@@ -47,10 +47,10 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '15e25b44aa07c819b29e3d027b8111f73fa74bf2' }, h("div", { key: 'd71978a6d38bfff6a25a2d90dcd956ea0c05f723', class: 'form-group d-flex flex-column' }, h("label", { key: 'f09af5d0c28c29d23f6906966dea489649ab78c1', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'eb400587ec1cc22378c0dc0b4d7fb1136c389dfd', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '26ec43555c6c49a66b7fd29db062825751d10f3c' }, h("div", { key: '71b2ff7d916ae362fe1aceeb7f88ec909667712a', class: 'form-group d-flex flex-column' }, h("label", { key: '9aad7dc52dbb560a86deb6f998d751fa022ccf4b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'a0b66ff0650405de0e05d8324b4941478df8385b', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: 'c6427f92a21c1534d3723accc9ee7c31671f2a05', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '5e2a1d91656022a28bb0bd2759b7ceb799ebf7bc', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: '9d722992680b132f7139ea4ce210a199918f98dd', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'fa70d63a82b6910f129e6657b2504af400875170', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/form-control-radio2.js

@@ -34,10 +34,10 @@ const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTM
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '22c8d00ad3ac42efb24eb601f4a56870ff4a546a', class: 'form-group d-flex flex-column' }, h("div", { key: '35348f22933cc6c02ed7ac802d5fe99c430b425b', class: "form-check" }, h("input", { key: '02e95c2f92aabfeda66a9b39c889140a2daac14a', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '741a56d8e04d3458d6cf1b8986e998ca50d87e3b', class: 'form-group d-flex flex-column' }, h("div", { key: '6504ba678b74a6a45b41f167a67c21dda55fa9c8', class: "form-check" }, h("input", { key: '2ab6b254dc740ee553058dc0830616ba7b6dff01', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: '71514aeb916b728b1d5c139db7d8bbf61875565d', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '4b80544c0dde725a998d3d4a4ad96e48150a2ebf', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'd5b711dc19ec9025989de7833839804df37f66dc', errorText: this.errorText, name: this.name })));
+            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: '08950d0e13e5f19f7fcfbdd41f68820406dea53a', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'b1af2e0e55896d6cfd4836a5a272e0c03bb3383f', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '09126ab9b152f1c6908d85918cb9827b93173034', errorText: this.errorText, name: this.name })));
     }
 }, [256, "form-control-radio", {
         "label": [8],

package/dist/module/form-control-select2.js

@@ -47,10 +47,10 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class SelectInput extends H
     }
     render() {
         var _a;
-        return (h(Host, { key: '6a6696ce1aa6cae8f04dfa705fb00840ce93a8f8' }, h("div", { key: '8c6275b19f9f55d5d6965b0433a80df34f06f9ca', class: "form-group d-flex flex-column" }, h("div", { key: '37483257e8603ecd9809656069f7b50f27aca2e6', class: "d-flex align-items-start gap-2" }, h("label", { key: 'dfb36f4753f4cf3cf984683d7330ee8eae8a0353', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '03246509a169745bac4ef251989e8d1a976fb1f0', helpText: this.helpText })), h("select", { key: 'ec7e357f969e25697dc2875d4f4963bac4afd169', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '21cd587a6a3f6b1c508201f688e6cf3e3456166c' }, h("div", { key: '5666e007193120a6ae78d4bab4b1005c0e3f0b49', class: "form-group d-flex flex-column" }, h("div", { key: 'fba926c6cf060e64ecaf6d30afeb82e58eaf82bb', class: "d-flex align-items-start gap-2" }, h("label", { key: '4e1f65a58657e129dbdb2fb7dfa6bfc664942527', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '51cb52bc2a167ddbe48de8686e969905a7a9f865', helpText: this.helpText })), h("select", { key: '29bd66fd51ba97138828317633c9d14267efd815', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: 'ad796d86b1abece5dd9051914e7a66f61250b61e', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: '867d7ac1d9d7ec0b121135f944994565a2b18760', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-text2.js

@@ -48,10 +48,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: 'f9172730f4579570ff008c316bc9e4f80d6af2ba' }, h("div", { key: '5db37f42f9510cb07c66ded8bd43d281678eaf08', class: "form-group d-flex flex-column" }, h("div", { key: 'cd54abd6e258eef9ecea7308e94e5ce855e9c8ad', class: "d-flex align-items-start gap-2" }, h("label", { key: '2dfbc1523d7c7a193a1d3636993b656011537f8a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'd76eb6fdb392f3cafbed498a0634c3ea9338f2b3', helpText: this.helpText })), h("input", { key: '60252f4dd024ec3aafe67a32d119014d4219b37d', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '5ba787ceb003eaf5fcad45bf6ae26a68bdd7cceb' }, h("div", { key: '980775fd7a64832addc121753ccea21419721c0d', class: "form-group d-flex flex-column" }, h("div", { key: '01211e20d54ac84a75c1ff9a3a1a660675bae31a', class: "d-flex align-items-start gap-2" }, h("label", { key: 'fc5dcb4149f38e921f44642dbb509a0d599df6ad', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '705262faa2111568445a7593e125c07602f8e73a', helpText: this.helpText })), h("input", { key: 'd2ea69efb600493362abb12a5e309ddad85d470e', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: 'b3d383f533f1dd60f9f833475f855c111cb137e2', 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", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: 'c38896293fda5c445e24532521558fa24ad50c4a', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/form-control-textarea2.js

@@ -46,10 +46,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: '17565b8284dd9766896b450d6127f6e735591443' }, h("div", { key: 'b4ba485d3330fe2dd2ecad155360b6865f9eac28', class: "form-group d-flex flex-column" }, h("label", { key: '96e9ac9b482085fc85d9f6d19cc08b0afe3f4853', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '2db671bba03af9e8f1626029eebe3e755051f223', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '8b45f46328cd09457814bf8d9f474a1f1f1b4384' }, h("div", { key: 'a10735e0d15b641d2ab79ca6930cb22e91c89147', class: "form-group d-flex flex-column" }, h("label", { key: 'fc72fe91f841c8fe1525eb87fc270492660d1932', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '237ec248e7c68d97dcb035984783347bb6eb1092', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: '8670e24897cebcb1128993f24bdffa2cf26d7688', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'a48c15a05be9351ed450a01f5c958a4078ab1ed7', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: 'e12fd273b27a74c07de1f043dc7cdb927c8b19d8', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'e5e0fec72f54ddde7e72c465f8c97fef2df0ef85', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/form-input-masks.js

@@ -1,8 +1,14 @@
 const PHONE_MASKS = {
     US: '(000) 000-0000',
 };
-const TAX_ID_MASKS = { US: '00-0000000' };
-const SSN_MASK = '000-00-0000';
+// Identity number masks by country
+// Supports both long and short country codes for robustness during rollout
+const IDENTITY_MASKS = {
+    USA: '000-00-0000',
+    US: '000-00-0000',
+    CAN: '000-000-000',
+    CA: '000-000-000',
+};
 const CURRENCY_MASK = {
     WHOLE: {
         mask: Number,
@@ -19,4 +25,4 @@ const CURRENCY_MASK = {
     }
 };
 
-export { CURRENCY_MASK as C, PHONE_MASKS as P, SSN_MASK as S, TAX_ID_MASKS as T };
+export { CURRENCY_MASK as C, IDENTITY_MASKS as I, PHONE_MASKS as P };

package/dist/module/get-business.js

@@ -1,4 +1,4 @@
-import { a as Business } from './Business.js';
+import { b as Business } from './Business.js';
 import { C as ComponentErrorSeverity } from './Refund.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 

package/dist/module/gross-payment-chart-core2.js

@@ -11063,7 +11063,7 @@ const GrossPaymentChartCore = /*@__PURE__*/ proxyCustomElement(class GrossPaymen
         }
     }
     render() {
-        return (h(Host, { key: '23c2f499d03273189d31adaa1786831a04b65b8d' }, this.loading && h(Spinner, { key: '0b57cbb314d3b87c24e09d4ea7660e6e0a988dc6' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '4a711fdb941b44d536c452ff140db2bc98d84d7d' }, this.loading && h(Spinner, { key: 'e703263242576bc23d7be3015ec89b13faa12053' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/module/hidden-input2.js

@@ -78,7 +78,7 @@ const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '547220ec7d5fec026ca4a3a0c8698ffc1e87d207' }, h("input", { key: 'dfc3979a87ec4e993e10c010d55d1bebdc0f003f', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (h(Host, { key: '3c8f4bc2dac1852fa61e372b0077bfb4883c3b31' }, h("input", { key: 'f53ad76227d125d411c85ef980a902d0d4e0f91d', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
 }, [256, "hidden-input", {
         "isFocused": [32],

package/dist/module/identity-address-form.js

@@ -1,10 +1,9 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { S as StateOptions } from './state-options.js';
-import { n as numberOnlyHandler } from './utils3.js';
-import { d as defineCustomElement$4 } from './custom-popper2.js';
-import { d as defineCustomElement$3 } from './form-control-select2.js';
-import { d as defineCustomElement$2 } from './form-control-text2.js';
-import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$5 } from './custom-popper2.js';
+import { d as defineCustomElement$4 } from './form-control-select2.js';
+import { d as defineCustomElement$3 } from './form-control-text2.js';
+import { d as defineCustomElement$2 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$1 } from './form-address-fields.js';
 
 const IdentityAddressForm = /*@__PURE__*/ proxyCustomElement(class IdentityAddressForm extends HTMLElement {
     constructor(registerHost) {
@@ -22,10 +21,7 @@ const IdentityAddressForm = /*@__PURE__*/ proxyCustomElement(class IdentityAddre
         this.handleFormUpdate(newValues);
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        return (h(Host, { key: '136f90a2d2e8634c003a5f47af20d422b7cc59be' }, h("div", { key: 'e7441c2a0410381be43f8d0735fdf4e390f664f2', class: "row gy-3" }, h("div", { key: '93f23a3ba51716a88bf90628f395dbb3bc456cdc', class: "col-12 col-md-8" }, h("form-control-text", { key: 'f4801f6eb05d3a169142daa6b0d123ef84864de8', 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." })), h("div", { key: 'e8ce49dcd4d3c6df3327d2c011ec1c0a080fb4f2', class: "col-12 col-md-4" }, h("form-control-text", { key: '8cbe92c156c4d410b712b2fc95c7bfe55be4e337', 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 })), h("div", { key: '4cfcfc24268fd92ccaac110a8293e95bc9998af8', class: "col-12" }, h("form-control-text", { key: 'b2739b7fd7838ee73c9127fd8e9b0dd6dcd12210', 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 })), h("div", { key: 'ce9e4974dcdab596dfcefef362d045ee2fea3648', class: "col-12 col-md-6" }, h("form-control-select", { key: 'c001d0a3d3b402768ec428c0e5760cf0e88c318d', name: "state", label: "State", defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, options: StateOptions, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state, inputHandler: this.inputHandler })), h("div", { key: '7b73598a2b207db9ec2480ed37d163aa45128e6d', class: "col-12 col-md-6" }, h("form-control-text", { key: 'a070edca32110dc4ec238c486ae96852733ae924', 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: numberOnlyHandler, inputHandler: this.inputHandler })), h("div", { key: '57b01955142ed533a65058b63cfd20598e8387c2', class: "col-12" }, h("form-control-select", { key: '8f07809025c039b4c39a452ddf2948f973a82d9a', 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 })))));
+        return (h(Host, { key: 'c9b75fa8c884fb755cd26be4433022f278794e4e' }, h("justifi-form-address-fields", { key: '2f9cfa3fc695de214d9203c680e6cb115d714b82', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
     }
     static get watchers() { return {
         "address": ["handleAddressChange"]
@@ -34,6 +30,7 @@ const IdentityAddressForm = /*@__PURE__*/ proxyCustomElement(class IdentityAddre
         "handleFormUpdate": [16],
         "errors": [8],
         "defaultValues": [8, "default-values"],
+        "country": [1],
         "address": [32]
     }, undefined, {
         "address": ["handleAddressChange"]
@@ -42,7 +39,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-identity-address-form", "custom-popper", "form-control-select", "form-control-text", "form-control-tooltip"];
+    const components = ["justifi-identity-address-form", "custom-popper", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-form-address-fields"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-identity-address-form":
             if (!customElements.get(tagName)) {
@@ -51,20 +48,25 @@ function defineCustomElement() {
             break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "form-control-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$2();
+                defineCustomElement$3();
             }
             break;
         case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "justifi-form-address-fields":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

package/dist/module/iframe-input2.js

@@ -1619,10 +1619,10 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         return params;
     }
     render() {
-        return (h(Host, { key: 'ecddfb4d179827cff3373a379a34da18fa1a09e5', class: "form-group d-flex flex-column" }, h("div", { key: 'b19d2290c3a67433a58f0156bdd88f3eb0dd015f', style: {
+        return (h(Host, { key: '4782aa46a4967ef9097809122cfea52cf5845675', class: "form-group d-flex flex-column" }, h("div", { key: 'adf5212bb0a32d593fb9e5ea93a378a49a63ba5b', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '30a49b71d2e590fde1c14294078c38dc424e26b8', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'd485f9ce44de38330a611ccbd6d4569dad8e3790', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '92607fa74dc6564b53616c2985e42cd605719ca4', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '309cb76edb80f3fca7264a5a1f2d2c8397c8b0f4', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '0f19c6d4f1851a6655e765f3ac021313c72ee106', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: 'f0db24e9a41fc5bcb06d84f0b5c7d0a9adea87b1', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1632,7 +1632,7 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: 'c94856c9b819ad651a69b93f0fea1443003b9054', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '0e0c98836f067f78af85e124a96dce7b39cf4b27', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return this; }
 }, [256, "iframe-input", {

package/dist/module/input-handlers.js

@@ -1,4 +1,4 @@
-import { d as deconstructDate } from './helpers.js';
+import { d as deconstructDate } from './Business.js';
 
 const updateFormValues = (formController, newValues) => {
     formController.setValues(Object.assign(Object.assign({}, formController.values.getValue()), newValues));

package/dist/module/justifi-business-form.js

@@ -1,14 +1,14 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { c as create$3, F as FormController } from './form.js';
-import { b as businessCoreInfoSchema } from './business-core-info-schema.js';
+import { a as businessCoreInfoSchemaUSA, b as businessCoreInfoSchemaCAN } from './business-core-info-schema.js';
 import { a as additionalQuestionsSchema } from './business-additional-questions-schema.js';
-import { i as identitySchema } from './business-identity-schema.js';
-import { a as addressSchema } from './business-address-schema.js';
+import { a as identitySchemaUSA, b as identitySchemaCAN } from './business-identity-schema.js';
+import { a as addressSchemaUSA, b as addressSchemaCAN } from './business-address-schema.js';
 import './config-state.js';
 import './dinero.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
-import { a as Business, c as BusinessFormServerErrors } from './Business.js';
+import { a as CountryCode, b as Business, f as BusinessFormServerErrors } from './Business.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
@@ -20,21 +20,25 @@ import { S as Skeleton } from './skeleton.js';
 import { a as BusinessFormClickActions } from './event-types2.js';
 import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
-import { d as defineCustomElement$e } from './custom-popper2.js';
-import { d as defineCustomElement$d } from './form-alert2.js';
-import { d as defineCustomElement$c } from './form-control-date2.js';
-import { d as defineCustomElement$b } from './form-control-monetary-provisioning2.js';
-import { d as defineCustomElement$a } from './form-control-number-masked2.js';
-import { d as defineCustomElement$9 } from './form-control-select2.js';
-import { d as defineCustomElement$8 } from './form-control-text2.js';
-import { d as defineCustomElement$7 } from './form-control-tooltip2.js';
-import { d as defineCustomElement$6 } from './additional-questions.js';
-import { d as defineCustomElement$5 } from './business-core-info.js';
-import { d as defineCustomElement$4 } from './business-representative.js';
+import { d as defineCustomElement$f } from './custom-popper2.js';
+import { d as defineCustomElement$e } from './form-alert2.js';
+import { d as defineCustomElement$d } from './form-control-date2.js';
+import { d as defineCustomElement$c } from './form-control-monetary-provisioning2.js';
+import { d as defineCustomElement$b } from './form-control-number-masked2.js';
+import { d as defineCustomElement$a } from './form-control-select2.js';
+import { d as defineCustomElement$9 } from './form-control-text2.js';
+import { d as defineCustomElement$8 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$7 } from './additional-questions.js';
+import { d as defineCustomElement$6 } from './business-core-info.js';
+import { d as defineCustomElement$5 } from './business-representative.js';
+import { d as defineCustomElement$4 } from './form-address-fields.js';
 import { d as defineCustomElement$3 } from './identity-address-form.js';
 import { d as defineCustomElement$2 } from './legal-address-form.js';
 
-const businessFormSchema = create$3(Object.assign(Object.assign({}, businessCoreInfoSchema().fields), { legal_address: addressSchema(), additional_questions: additionalQuestionsSchema(), representative: identitySchema('representative') }));
+const businessFormSchemaUSA = create$3(Object.assign(Object.assign({}, businessCoreInfoSchemaUSA().fields), { legal_address: addressSchemaUSA(), additional_questions: additionalQuestionsSchema(), representative: identitySchemaUSA('representative') }));
+create$3(Object.assign(Object.assign({}, businessCoreInfoSchemaCAN().fields), { legal_address: addressSchemaCAN(), additional_questions: additionalQuestionsSchema(), representative: identitySchemaCAN('representative') }));
+// For backward compatibility, default to USA
+const businessFormSchema = businessFormSchemaUSA;
 
 const FormBlock = () => (h("div", { class: "row gap-3" }, h("div", { class: "col-12" }, h(Skeleton, { width: "25%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "100%" })), h("div", { class: "col-12 d-flex gap-3" }, h(Skeleton, { width: "50%" }), h(Skeleton, { width: "50%" })), h("div", { class: "col-12 d-flex gap-3" }, h(Skeleton, { width: "65%" }), h(Skeleton, { width: "35%" }))));
 const BusinessFormLoading = () => {
@@ -53,11 +57,13 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
         this.errorEvent = createEvent(this, "error-event", 7);
         this.isLoading = false;
         this.isSaving = false;
+        this.country = CountryCode.USA;
         this.hideErrors = false;
         this.formTitle = 'Business Information';
         this.removeTitle = false;
         this.instantiateBusiness = (data) => {
             const business = new Business(data);
+            this.country = business.country_of_establishment;
             this.formController.setInitialValues(Object.assign({}, business));
         };
         this.sendData = async () => {
@@ -148,7 +154,7 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
         if (this.isLoading) {
             return h(StyledHost, null, h(BusinessFormLoading, null));
         }
-        return (h(StyledHost, null, h("form", { onSubmit: this.validateAndSubmit }, h("div", { class: "row gap-3" }, h(Header1, { text: this.title }), h("form-alert", { text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { class: "col-12 mb-4" }, h("justifi-business-core-info", { formController: this.formController })), h("div", { class: "col-12 mb-4" }, h("justifi-legal-address-form", { formController: this.formController })), h("div", { class: "col-12 mb-4" }, h("justifi-additional-questions", { formController: this.formController })), h("div", { class: "col-12 mb-4" }, h("justifi-business-representative", { formController: this.formController })), h("div", { class: "col-12 d-flex flex-row-reverse" }, h(Button, { type: "submit", disabled: this.disabledState, variant: 'primary', onClick: () => this.clickEvent.emit({ name: BusinessFormClickActions.submit }), isLoading: this.isSaving }, "Submit"))))));
+        return (h(StyledHost, null, h("form", { onSubmit: this.validateAndSubmit }, h("div", { class: "row gap-3" }, h(Header1, { text: this.title }), h("form-alert", { text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { class: "col-12 mb-4" }, h("justifi-business-core-info", { formController: this.formController, country: this.country })), h("div", { class: "col-12 mb-4" }, h("justifi-legal-address-form", { formController: this.formController, country: this.country })), h("div", { class: "col-12 mb-4" }, h("justifi-additional-questions", { formController: this.formController })), h("div", { class: "col-12 mb-4" }, h("justifi-business-representative", { formController: this.formController, country: this.country })), h("div", { class: "col-12 d-flex flex-row-reverse" }, h(Button, { type: "submit", disabled: this.disabledState, variant: 'primary', onClick: () => this.clickEvent.emit({ name: BusinessFormClickActions.submit }), isLoading: this.isSaving }, "Submit"))))));
     }
 }, [257, "justifi-business-form", {
         "authToken": [1, "auth-token"],
@@ -158,13 +164,14 @@ const BusinessForm = /*@__PURE__*/ proxyCustomElement(class BusinessForm extends
         "removeTitle": [4, "remove-title"],
         "isLoading": [32],
         "isSaving": [32],
-        "errorMessage": [32]
+        "errorMessage": [32],
+        "country": [32]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-form", "custom-popper", "form-alert", "form-control-date", "form-control-monetary-provisioning", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions", "justifi-business-core-info", "justifi-business-representative", "justifi-identity-address-form", "justifi-legal-address-form"];
+    const components = ["justifi-business-form", "custom-popper", "form-alert", "form-control-date", "form-control-monetary-provisioning", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions", "justifi-business-core-info", "justifi-business-representative", "justifi-form-address-fields", "justifi-identity-address-form", "justifi-legal-address-form"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-form":
             if (!customElements.get(tagName)) {
@@ -173,55 +180,60 @@ function defineCustomElement$1() {
             break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "form-alert":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "form-control-date":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "form-control-monetary-provisioning":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "form-control-number-masked":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "form-control-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "form-control-tooltip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "justifi-additional-questions":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "justifi-business-core-info":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "justifi-business-representative":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "justifi-form-address-fields":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }

package/dist/module/justifi-button2.js

@@ -13,7 +13,7 @@ const JustifiButton = /*@__PURE__*/ proxyCustomElement(class JustifiButton exten
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: '7c146b9ccaf8c4c37adde6c8af054dc4796d78bd' }, h(Button, { key: '879d05664b808abcbc32a38bc98fcd673dba0dea', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (h(StyledHost, { key: '101d2233002f9d316fae078dd77d43358c937291' }, h(Button, { key: 'd7e3c0a41d862572eb47a22e3c7178e8a172d990', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 }, [257, "justifi-button", {
         "text": [1],

package/dist/module/justifi-checkout.js

@@ -110,9 +110,9 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
     }
     render() {
         var _a, _b;
-        return (h(StyledHost, { key: '0d0a0eb14ce4f41683a13da63045c0f9cdadaf9c' }, h("justifi-modular-checkout", { key: 'c1bdc5df815a0644ed9c2c1f993fbce3317c89ed', ref: (el) => {
+        return (h(StyledHost, { key: '40765f54a977fb2e8e450eba0bf9731132ae4897' }, h("justifi-modular-checkout", { key: '3e698888a43c585749644d874dd49510889b04ca', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId }, h("div", { key: 'c2b1585130865059c416950d203e4bc6de14d7bb', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '1f7e5140220fa4e47167ad94fc73ec6f097b8c38', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: 'a9c940a936f3db6425ac8402910163696f57d70a', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: 'fd46c93c9f17cac96a40b24e2abfdd9d63e5dd3a' }, h("justifi-checkout-summary", { key: '4cbdfebd16b6ce411fd2ff8e9b82c141898d9aae' }))), h("div", { key: '43d2188813a694719154b80a7e7a8fcf7a09a672', class: "col-12 mt-4" }, h("slot", { key: '29b07bb448b85bb15a38b961afb2c5bb22d4be73', name: "insurance" })), h("div", { key: '46b213c8ebdb4b0d5e64a8fcd84a1d5fe95c7315', class: "col-12 mt-4" }, h("justifi-header", { key: 'e88f4f3092521158a2f16f4158ec681af39c739f', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '1b610381d0e4e14811be8d3f6edd979936e6f07f', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: '0da7399801ecdebd77f516fc60d68c7c84b8be0c', class: "d-flex flex-column" }, h("section", { key: 'd2cebab6a6a34cffca18e4720b18e177d4c5930c' }, h("div", { key: 'be648fcfc8ab083d81054ec291a524f501764eaa' }, h("justifi-saved-payment-methods", { key: 'b54b3e367e91d6bfb3a46cab928aeb85d059696f' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '96f6ab9bda4f61c053d09c67fbc007ff8ecbaa46', class: "mb-3" }, h("justifi-apple-pay", { key: '91699bd30da48629cda982ab933f4c381259a13a' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: 'ec38314be2801ada679b55df9e490bf89aa3fce7', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: '582830c28451e28433d7de007db2541d333ad5f0', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("justifi-tokenize-payment-method", { key: '7b065ec87f539d97c2977905c8afc759fd1f4a4e', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: '5370b456cbf1ce93a241f3dfff980cefe668652a', class: "mt-4" }, h("justifi-button", { key: '7bbb85faf30a34650fa252d7d1d80d332a803bcd', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
+            }, authToken: this.authToken, checkoutId: this.checkoutId }, h("div", { key: '2491242f0619ea24fbd0e50fbdda4cc2bad9915f', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'a965de56c5190e62bbad82116874c78c57f9d9c6', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: 'ad29fd4619a5bf9e38cbca2e24f8c6818419c022', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '4b1691f7f54a8e83f649a3d1346ec5e0f4ebb588' }, h("justifi-checkout-summary", { key: '8ea50acbcd67ea9f26dbdf74f3a0a30062926364' }))), h("div", { key: 'b024b6c6debc74443abca6b7776c29ce0253da34', class: "col-12 mt-4" }, h("slot", { key: '00b9e18b4fb5278085a3752cdd009d29b0a97a04', name: "insurance" })), h("div", { key: '7dac621b116926cbd860ca975aa642bc207fc62e', class: "col-12 mt-4" }, h("justifi-header", { key: '228d89e8fc31e9e0d6e67907b45f74b8af601e30', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '6cc7b7a742f679029f40d8c64c9d59004604f67b', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'd5ca29544817acbd96c6cff74de27ed13b9ac42f', class: "d-flex flex-column" }, h("section", { key: 'd149835076b70d73c61cfa6e219ac613cf93e817' }, h("div", { key: 'c4562096a2bbd0bacb907c1bbb5cf741d5c77cb3' }, h("justifi-saved-payment-methods", { key: '077666867b456945c6da965a2ebebfd2faaa66b9' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '7db9e4f2bc82ed36dce329e83c4fbbfea23aa615', class: "mb-3" }, h("justifi-apple-pay", { key: '50f02bd90d1f3ca1d43a2d027a596382b2e0b589' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '41b15052934bd38c021de57e35d116fcf756e996', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: '19669551d9835b62b02d38308f713f255fbf5276', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("justifi-tokenize-payment-method", { key: 'adce7f493b7b17d315c839290e04e1f89b7b033a', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: 'bcb348f1d16b64ca7bc9cb30e5dbe7bccc84ddd6', class: "mt-4" }, h("justifi-button", { key: 'f1fbd73274ea2d0674ae4979fab09b142446ad4e', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/module/justifi-checkouts-list-filters.js

@@ -55,7 +55,7 @@ const CheckoutsListFilters = /*@__PURE__*/ proxyCustomElement(class CheckoutsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '39b7e8cae3782643fc447fb66211f165021e39f8' }, h("table-filters-menu", { key: 'ec4668c59ba4d056b472e5d30f4e526fdb065935', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'b422804789a74a8063f77f307b8d477bd1ac98c0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd0125c273dd3bf11c3e50a4a470ddf9839d5efd2', class: "p-2" }, h("form-control-select", { key: '8d28305771dd12aa90784c3ce7a96de521b19a36', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '5980940381f9651936002a7cf563a373ab6db20a', class: "p-2" }, h("form-control-select", { key: 'f08541d0afbc4f808c5245e167190f2073cec49c', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
+        return (h(StyledHost, { key: 'e2c74f8194963dd89cfec003100160243d5b557a' }, h("table-filters-menu", { key: '11e1de006ba3449b055522566c8bf6ed7c7d0149', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'c9e381e473f76eca245cc3c8f63902fddde04536', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '335068bb6399da10ea58a39a918ab6e847a1b7fb', class: "p-2" }, h("form-control-select", { key: '3a5ff6562756bc17c1ff29a08dccef8f398d3b3c', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: 'a7101ad94377c3211219b9b2d4031f2fd4c0b623', class: "p-2" }, h("form-control-select", { key: '96613a62d42a61164959939cbaaacf14f28683b0', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
     }
 }, [257, "justifi-checkouts-list-filters", {
         "checkoutStatus": [1, "checkout-status"],

package/dist/module/justifi-checkouts-list.js

@@ -103,7 +103,7 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '1521139ac1c2f30516e70e5426a92b2bf615ae9a' }, h("checkouts-list-core", { key: '4c9166e7a2c6adc57f96aee67ba580e5b3e80620', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'f20c74e616c92115985587dc56d6ef62e86fbf02' }, h("checkouts-list-core", { key: 'e3afd6af4d8db35f4119d93cc550a1827e1d52cb', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],