@justifi/webcomponents 6.1.0-rc.3 → 6.1.1-rc.1

package/dist/collection/components/business-forms/payment-provisioning/business-owners/business-owners-form-step.js

@@ -34,7 +34,7 @@ export class BusinessOwnersFormStep {
         }
     }
     render() {
-        return (h(Host, { key: '510b3ece6194fa6c34c04ba4d87718490631b69d' }, h("justifi-business-owners-form-step-core", { key: '01b034456e183d39b6adc4b9f9d36e289483eb9b', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: (el) => this.coreComponent = el })));
+        return (h(Host, { key: 'aa3b4e716a0592f48180b7dbe2f81662aeb4d6e7' }, h("justifi-business-owners-form-step-core", { key: '8e3ef054061dbe2500aa9f67e4aea53b12e5d432', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
     }
     static get is() { return "justifi-business-owners-form-step"; }
     static get properties() {
@@ -95,31 +95,6 @@ export class BusinessOwnersFormStep {
                 "setter": false,
                 "reflect": false,
                 "attribute": "allow-optional-fields"
-            },
-            "country": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "CountryCode",
-                    "resolved": "CountryCode.CAN | CountryCode.USA",
-                    "references": {
-                        "CountryCode": {
-                            "location": "import",
-                            "path": "../../../../utils/country-codes",
-                            "id": "src/utils/country-codes.ts::CountryCode"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "country"
             }
         };
     }

package/dist/collection/components/business-forms/payment-provisioning/business-representative/business-representative-form-inputs.js

@@ -1,11 +1,9 @@
 import { h } from "@stencil/core";
 import { updateAddressFormValues, updateDateOfBirthFormValues, updateFormValues } from "../../utils/input-handlers";
-import { PHONE_MASKS, IDENTITY_MASKS } from "../../../../utils/form-input-masks";
-import { heading2, label, inputDisabled, buttonSecondary } from "../../../../styles/parts";
-import { countryLabels } from "../../utils/country-config";
+import { PHONE_MASKS, SSN_MASK } from "../../../../utils/form-input-masks";
+import { heading2 } from "../../../../styles/parts";
 export class RepresentativeFormInputs {
     constructor() {
-        this.isEditingIdentification = false;
         this.inputHandler = (name, value) => {
             updateFormValues(this.formController, { [name]: value });
         };
@@ -14,15 +12,8 @@ export class RepresentativeFormInputs {
         };
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (h("form", { key: '7f2a20427197ce4f402c1b4b859839d506613769' }, h("fieldset", { key: 'fe71959a012c1961b6f91d98862ca4ea9411bf6d' }, h("div", { key: '801fb53d33eeff75f82552da84210abfb1daa55d', class: "d-flex align-items-center gap-2" }, h("legend", { key: '63486b252a7c4f71e944712a833a2edc762c1692', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: '9a22a232bb856c05ca8c75a0255ea8a2b33b8a80', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: 'b29a6dcd41991b2874cb64fc3cd058f3bcf10a48', class: "mt-2" }), h("div", { key: '52e2b29c6f915f50e1f33c19363657e657355b85', class: "row gy-3" }, h("div", { key: '9531872c804ef3713c0778c6bff1d3ca589bb3d5', class: "col-12 col-md-8" }, h("form-control-text", { key: 'd1eedf80da0790767a6c294f084c4b9d4112b9cf', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'b5effb996c7b97cd5a8815781474ea32e5bc37b6', class: "col-12 col-md-4" }, h("form-control-text", { key: '554a6fe90a0c68a32ae7e6b0401e43a8a2d6c7fe', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '6025d1b2b67120a9e9e25d0a6e3e352651759c62', class: "col-12 col-md-6" }, h("form-control-text", { key: 'ed758eafa726ee6801c16535fbba7d05886c21d5', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '933650753a5fdc6f75db658baf536ce4033e0e6c', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '81ba9debb6c8fd8225c67a0c0a6b8612e87fc3f0', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '913c766d6eb5fe5f132eafecba91145a6c418dae', class: "col-12 col-md-4" }, h("form-control-date", { key: 'c50e5ad2022906d753b783e7892be8322d80661c', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '74492ad88a4962c2abfd04319880edb757d78796', class: "col-12 col-md-8" }, (!((_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_h = this.representativeDefaultValue) === null || _h === void 0 ? void 0 : _h.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
-                this.isEditingIdentification = true;
-                // Clear last4 and current value to force validation
-                updateFormValues(this.formController, {
-                    ssn_last4: null,
-                    identification_number: ''
-                });
-            } }, "Change"))))), h("div", { key: 'ad29d30e0748004e9c0d429804210f269581ff12', class: "col-12" }, h("justifi-identity-address-form", { key: 'aaad43f4c150cf08cbdd321a887eaadc51436c88', errors: this.errors.address, defaultValues: (_j = this.representativeDefaultValue) === null || _j === void 0 ? void 0 : _j.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
+        var _a, _b, _c, _d, _e, _f, _g;
+        return (h("form", { key: 'a2c558b8a6b66d7257fa86ef5f9c1d56a7a273db' }, h("fieldset", { key: '23cb7f2debd4692c39cfe2311ce0d2549ca94ebc' }, h("div", { key: '0c6e94b6a9da6924673f5ebeed93f237ff22a013', class: "d-flex align-items-center gap-2" }, h("legend", { key: 'a165d7dc17dddde2d6ce35af9d836a989f02ffaf', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: '5c2c29ae9ea82acc6c923c870f4ece5db5e7afb9', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: 'bc481e820461c6ec2088f2879cb9a5837ed02884', class: "mt-2" }), h("div", { key: 'ff4b0731213ddc42ebabb79d49984b83d376f742', class: "row gy-3" }, h("div", { key: '99cac91d3657bce68ce97028342d49cb8a2bb314', class: "col-12 col-md-8" }, h("form-control-text", { key: '534e81b075f732ae3953d8f904199d61a43de4bb', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '6070fdff99a868b50deb59c9d006d3c4775a50bd', class: "col-12 col-md-4" }, h("form-control-text", { key: 'c92477cc30c5a9c7d99842dff2855edce67185f9', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '14d953417a1ec0292d75251b37b580361def0fb3', class: "col-12 col-md-6" }, h("form-control-text", { key: '42562735066b104619b8aa4da966aaec462f177b', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'cb7f6173a31fac67edf74844f0807ea94446c59b', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '42b0833d545243c11f515d320aac5408bb744e89', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'a9468f20a7d832ae44d771c3b8913c32cf0ef2ab', class: "col-12 col-md-4" }, h("form-control-date", { key: '1f739c1d3bb814710ee159740e459bde72a0e790', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: 'e2ecd87320422e1712138115291016f8c1c61ac2', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'dd91ffa7877d84cfe315849d18c7cec5bf79b1de', name: "identification_number", label: "SSN", defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), h("div", { key: 'ef502c55424287c5c81ca88593f5836d21a2f945', class: "col-12" }, h("justifi-identity-address-form", { key: '26295cbccf0ca23415b4d7c12dc42eb2dbb0d229', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
     }
     static get is() { return "justifi-business-representative-form-inputs"; }
     static get properties() {
@@ -87,38 +78,8 @@ export class RepresentativeFormInputs {
                 },
                 "getter": false,
                 "setter": false
-            },
-            "country": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "CountryCode",
-                    "resolved": "CountryCode.CAN | CountryCode.USA",
-                    "references": {
-                        "CountryCode": {
-                            "location": "import",
-                            "path": "../../../../utils/country-codes",
-                            "id": "src/utils/country-codes.ts::CountryCode"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "country"
             }
         };
     }
-    static get states() {
-        return {
-            "isEditingIdentification": {}
-        };
-    }
 }
 ;

package/dist/collection/components/business-forms/payment-provisioning/business-representative/business-representative-form-step-core.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 import { Representative } from "../../../../api/Identity";
 import { FormController } from "../../../../ui-components/form/form";
-import { identitySchemaByCountry } from "../../schemas/business-identity-schema";
+import { identitySchema } from "../../schemas/business-identity-schema";
 import { PaymentProvisioningLoading } from "../payment-provisioning-loading";
 import { BusinessFormStep } from "../../utils";
 export class BusinessRepresentativeFormStepCore {
@@ -10,14 +10,11 @@ export class BusinessRepresentativeFormStepCore {
         this.representative = {};
         this.isLoading = false;
         this.getData = () => {
-            if (!this.getBusiness)
-                return;
             this.formLoading.emit(true);
             this.isLoading = true;
             this.getBusiness({
                 onSuccess: (response) => {
                     this.representative = new Representative(response.data.representative || {});
-                    this.representative.address.country = this.country;
                     this.formController.setInitialValues(Object.assign({}, this.representative));
                 },
                 onError: ({ error, code, severity }) => {
@@ -65,9 +62,8 @@ export class BusinessRepresentativeFormStepCore {
         return { representative: formValues };
     }
     componentWillLoad() {
-        const schemaFactory = identitySchemaByCountry[this.country];
-        this.formController = new FormController(schemaFactory('representative', this.allowOptionalFields));
-        this.getData();
+        this.getBusiness && this.getData();
+        this.formController = new FormController(identitySchema('representative', this.allowOptionalFields));
     }
     componentDidLoad() {
         this.formController.errors.subscribe(errors => {
@@ -78,7 +74,7 @@ export class BusinessRepresentativeFormStepCore {
         if (this.isLoading) {
             return (h(PaymentProvisioningLoading, null));
         }
-        return (h("justifi-business-representative-form-inputs", { representativeDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }));
+        return (h("justifi-business-representative-form-inputs", { representativeDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }));
     }
     static get is() { return "justifi-business-representative-form-step-core"; }
     static get properties() {
@@ -145,31 +141,6 @@ export class BusinessRepresentativeFormStepCore {
                 "setter": false,
                 "reflect": false,
                 "attribute": "allow-optional-fields"
-            },
-            "country": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "CountryCode",
-                    "resolved": "CountryCode.CAN | CountryCode.USA",
-                    "references": {
-                        "CountryCode": {
-                            "location": "import",
-                            "path": "../../../../utils/country-codes",
-                            "id": "src/utils/country-codes.ts::CountryCode"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "country"
             }
         };
     }

package/dist/collection/components/business-forms/payment-provisioning/business-representative/business-representative-form-step.js

@@ -34,7 +34,7 @@ export class BusinessRepresentativeFormStep {
         }
     }
     render() {
-        return (h("justifi-business-representative-form-step-core", { key: '93ebeaecfc5eecc8a4c74cbc30760d35d8120183', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-representative-form-step-core", { key: '241cd9ff1afae3bf1f9107cf6f66392b7b656471', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get is() { return "justifi-business-representative-form-step"; }
     static get properties() {
@@ -95,31 +95,6 @@ export class BusinessRepresentativeFormStep {
                 "setter": false,
                 "reflect": false,
                 "attribute": "allow-optional-fields"
-            },
-            "country": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "CountryCode",
-                    "resolved": "CountryCode.CAN | CountryCode.USA",
-                    "references": {
-                        "CountryCode": {
-                            "location": "import",
-                            "path": "../../../../utils/country-codes",
-                            "id": "src/utils/country-codes.ts::CountryCode"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "country"
             }
         };
     }

package/dist/collection/components/business-forms/payment-provisioning/form-control-monetary-provisioning.js

@@ -56,10 +56,10 @@ export class MonetaryInputProvisioning {
         return part;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: '8378b6d06aeeb48d1e3efed4d16b22655e2c23ff' }, h("div", { key: 'cc432cb0a138c336def8b55ac06aa933407d38ef', class: "form-group d-flex flex-column" }, h("label", { key: '08119d56a108275c4f25d28f7b8074ca134c3b72', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: 'bcf621d3cae2636304185197cb8d3f40f3f0f173', class: "input-group" }, h("span", { key: '3ee602416b555c9bf561abc4055f0a2485762551', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '54c1257a97daae319f5c0ce7556638790e3f286b', 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: '58f0977b34ab42051b1d4af9e5754d57d60e2fb5', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'b3cdaa58f30edb185e2c89bca5d02a86c52cc8d0', 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: 'b7458313a43d454ad8988f1e4548c7034a5d09d8', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '8e59747949f4fa6697a3b7c083bcd6584d1f5411', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-monetary-provisioning"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/legal-address-form/legal-address-form-step-core.js

@@ -1,7 +1,9 @@
 import { h } from "@stencil/core";
-import { addressSchemaByCountry } from "../../schemas/business-address-schema";
+import { addressSchema } from "../../schemas/business-address-schema";
 import { FormController } from "../../../../ui-components/form/form";
 import { Address } from "../../../../api/Business";
+import StateOptions from "../../../../utils/state-options";
+import { numberOnlyHandler } from "../../../../ui-components/form/utils";
 import { heading2 } from "../../../../styles/parts";
 import { PaymentProvisioningLoading } from "../payment-provisioning-loading";
 import { BusinessFormStep } from "../../utils";
@@ -11,15 +13,11 @@ export class LegalAddressFormStepCore {
         this.legal_address = {};
         this.isLoading = false;
         this.getData = () => {
-            if (!this.getBusiness)
-                return;
             this.formLoading.emit(true);
             this.isLoading = true;
             this.getBusiness({
                 onSuccess: (response) => {
-                    const business = response.data || {};
-                    const address = new Address(business.legal_address || {});
-                    this.legal_address = Object.assign(Object.assign({}, address), { country: this.country });
+                    this.legal_address = new Address(response.data.legal_address || {});
                     this.formController.setInitialValues(Object.assign({}, this.legal_address));
                 },
                 onError: ({ error, code, severity }) => {
@@ -71,9 +69,8 @@ export class LegalAddressFormStepCore {
         return { legal_address: formValues };
     }
     componentWillLoad() {
-        const schemaFactory = addressSchemaByCountry[this.country];
-        this.formController = new FormController(schemaFactory(this.allowOptionalFields));
-        this.getData();
+        this.getBusiness && this.getData();
+        this.formController = new FormController(addressSchema(this.allowOptionalFields));
     }
     componentDidLoad() {
         this.formController.errors.subscribe(errors => {
@@ -81,11 +78,14 @@ export class LegalAddressFormStepCore {
         });
     }
     render() {
+        var _a, _b, _c, _d, _e, _f;
         const legalAddressDefaultValue = this.formController.getInitialValues();
         if (this.isLoading) {
             return h(PaymentProvisioningLoading, null);
         }
-        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Legal Address of your Business"), h("form-control-tooltip", { helpText: "No PO Boxes." })), h("hr", { class: "mt-2" }), h("justifi-form-address-fields", { country: this.country, errors: this.errors, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
+        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Legal Address of your Business"), h("form-control-tooltip", { helpText: "No PO Boxes." })), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-text", { name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.line1 })), h("div", { class: "col-12" }, h("form-control-text", { name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line2 })), h("div", { class: "col-12" }, h("form-control-text", { name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.city })), h("div", { class: "col-12" }, h("form-control-select", { name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.state })), h("div", { class: "col-12" }, h("form-control-text", { name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { class: "col-12" }, h("form-control-select", { name: "country", label: "Country", options: [{ label: "United States", value: "USA" }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.country,
+            // just for now so we skip handling country specificities
+            disabled: true }))))));
     }
     static get is() { return "justifi-legal-address-form-step-core"; }
     static get properties() {
@@ -152,31 +152,6 @@ export class LegalAddressFormStepCore {
                 "setter": false,
                 "reflect": false,
                 "attribute": "allow-optional-fields"
-            },
-            "country": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "CountryCode",
-                    "resolved": "CountryCode.CAN | CountryCode.USA",
-                    "references": {
-                        "CountryCode": {
-                            "location": "import",
-                            "path": "../../../../utils/country-codes",
-                            "id": "src/utils/country-codes.ts::CountryCode"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "country"
             }
         };
     }

package/dist/collection/components/business-forms/payment-provisioning/legal-address-form/legal-address-form-step.js

@@ -34,7 +34,7 @@ export class LegalAddressFormStep {
         }
     }
     render() {
-        return (h("justifi-legal-address-form-step-core", { key: '1e4419d2e8c75721883171124185590efe459fc9', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
+        return (h("justifi-legal-address-form-step-core", { key: 'fb07306fe9d60ca061e9291565ea4dd11db6d93f', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get is() { return "justifi-legal-address-form-step"; }
     static get properties() {
@@ -95,31 +95,6 @@ export class LegalAddressFormStep {
                 "setter": false,
                 "reflect": false,
                 "attribute": "allow-optional-fields"
-            },
-            "country": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "CountryCode",
-                    "resolved": "CountryCode.CAN | CountryCode.USA",
-                    "references": {
-                        "CountryCode": {
-                            "location": "import",
-                            "path": "../../../../utils/country-codes",
-                            "id": "src/utils/country-codes.ts::CountryCode"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "country"
             }
         };
     }

package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-core.js

@@ -4,40 +4,31 @@ import { checkProvisioningStatus } from "../utils/helpers";
 import { Header1, StyledHost } from "../../../ui-components";
 import { text } from "../../../styles/parts";
 import { BusinessFormClickActions } from "../utils/event-types";
-import { CountryCode } from "../../../utils/country-codes";
-import { Business } from "../../../api/Business";
 export class PaymentProvisioningCore {
     constructor() {
         this.loading = false;
         this.businessProvisioned = false;
         this.currentStep = 0;
-        this.country = CountryCode.USA;
         this.allowOptionalFields = false;
         this.setBusinessProvisioned = () => {
-            return new Promise((resolve) => {
-                this.getBusiness({
-                    onSuccess: (response) => {
-                        const business = new Business(response.data);
-                        this.businessProvisioned = checkProvisioningStatus(business);
-                        this.country = business.country_of_establishment;
-                        if (this.businessProvisioned) {
-                            this.errorEvent.emit({
-                                message: 'A request to provision payments for this business has already been submitted.',
-                                errorCode: ComponentErrorCodes.PROVISIONING_REQUESTED,
-                                severity: ComponentErrorSeverity.INFO,
-                            });
-                        }
-                        resolve();
-                    },
-                    onError: ({ error, code, severity }) => {
+            this.getBusiness({
+                onSuccess: (response) => {
+                    this.businessProvisioned = checkProvisioningStatus(response.data);
+                    if (this.businessProvisioned) {
                         this.errorEvent.emit({
-                            message: error,
-                            errorCode: code,
-                            severity: severity
+                            message: 'A request to provision payments for this business has already been submitted.',
+                            errorCode: ComponentErrorCodes.PROVISIONING_REQUESTED,
+                            severity: ComponentErrorSeverity.INFO,
                         });
-                        resolve();
                     }
-                });
+                },
+                onError: ({ error, code, severity }) => {
+                    this.errorEvent.emit({
+                        message: error,
+                        errorCode: code,
+                        severity: severity
+                    });
+                }
             });
         };
         this.postProvisioningData = () => {
@@ -76,18 +67,9 @@ export class PaymentProvisioningCore {
     handleFormCompleted() {
         this.postProvisioningData();
     }
-    async componentWillLoad() {
-        if (this.getBusiness)
-            await this.setBusinessProvisioned();
-        this.refs = [
-            this.coreInfoRef,
-            this.legalAddressRef,
-            this.additionalQuestionsRef,
-            this.representativeRef,
-            this.ownersRef,
-            this.bankAccountRef,
-            this.termsRef,
-        ];
+    componentWillLoad() {
+        this.getBusiness && this.setBusinessProvisioned();
+        this.refs = [this.coreInfoRef, this.legalAddressRef, this.additionalQuestionsRef, this.representativeRef, this.ownersRef, this.bankAccountRef, this.termsRef];
     }
     get businessEndpoint() {
         return `entities/business/${this.businessId}`;
@@ -105,7 +87,7 @@ export class PaymentProvisioningCore {
         this.loading = event.detail;
     }
     render() {
-        return (h(StyledHost, { key: 'f7206f7fa5c0b2052b524737e86b622f92dcd07e' }, h("div", { key: '65cd3a37191f1bdef3380b1c5ceebc260b846b6a', class: 'row gap-3' }, h(Header1, { key: '05fd7dff0691a80ad7c1dc9152a5fd4d851a292d', text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { key: '57f9b35aa0a1fa2205a43cb90c274fa211f7c359', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, country: this.country, handleFormLoading: this.handleFormLoading }), h("div", { key: '94fd88a0aa9114677a2a1325e14bd059a08b6d72', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: 'bb0ba1762a15c92dbb71f98722b01b1b0324ebcf', class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: 'a3cab2c2c655a1bc6d1771c7b759e2b0adc971b0', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
+        return (h(StyledHost, { key: '24a788f8930d61992cdfe9aaa22271e2b72b5a64' }, h("div", { key: '1b6f7fea61b3df2dab251883deb92a5b2ab1746d', class: 'row gap-3' }, h(Header1, { key: '39f8f198de6f822c32efd5252cbbd207dc0ae619', text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { key: 'd37cb2952eba674fd928fffca80de684b5ae6c45', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, handleFormLoading: this.handleFormLoading }), h("div", { key: '8d4ab45ab2a4589a04d76602923d4bf68d0aed1b', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: 'b351fd2eaeb4481ca3d173b1dc98774a96a1af5b', class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: 'c4a7ac39c8e83b55353c83509f5d8b765af1d9b4', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
     }
     static get is() { return "justifi-payment-provisioning-core"; }
     static get properties() {
@@ -238,8 +220,7 @@ export class PaymentProvisioningCore {
             "loading": {},
             "businessProvisioned": {},
             "currentStep": {},
-            "errorMessage": {},
-            "country": {}
+            "errorMessage": {}
         };
     }
     static get events() {

package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-form-buttons.js

@@ -12,7 +12,7 @@ export class PaymentProvisioningFormButtons {
         return this.currentStep === this.totalSteps;
     }
     render() {
-        return (h("div", { key: 'ad959d93323ee66a154d5addbabd0cd0351f5d5f', class: 'd-flex gap-2' }, h(Button, { key: '6f77f6c7ee080a1a2525ec92107881adfef3afcb', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '6edac397291014bde05eed8f64ca6a543f951a44', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: 'ba2f0c103c2b54e9047aee927ed8afb8e5361f66', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
+        return (h("div", { key: 'cc744b394b8a75f2cf6b551f50376d16eb4f053b', class: 'd-flex gap-2' }, h(Button, { key: 'b83498b5bd052607803159acc593ed3f53c8cd4f', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '02f6dfacedd16c2a82879bf13706bf554372064c', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: 'eda937677c7e1d5a64f88d020ba4c738bc89af68', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
     }
     static get is() { return "justifi-payment-provisioning-form-buttons"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-form-steps.js

@@ -1,16 +1,14 @@
 import { h } from "@stencil/core";
-import { CountryCode } from "../../../utils/country-codes";
 export class PaymentProvisioningFormSteps {
     constructor() {
         this.allowOptionalFields = false;
-        this.country = CountryCode.USA;
         this.componentStepMapping = {
-            0: () => h("justifi-business-core-info-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[0] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
-            1: () => h("justifi-legal-address-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[1] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
+            0: () => h("justifi-business-core-info-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[0] = el, allowOptionalFields: this.allowOptionalFields }),
+            1: () => h("justifi-legal-address-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[1] = el, allowOptionalFields: this.allowOptionalFields }),
             2: () => h("justifi-additional-questions-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[2] = el, allowOptionalFields: this.allowOptionalFields }),
-            3: () => h("justifi-business-representative-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[3] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
-            4: () => h("justifi-business-owners-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[4] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
-            5: () => h("justifi-business-bank-account-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[5] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
+            3: () => h("justifi-business-representative-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[3] = el, allowOptionalFields: this.allowOptionalFields }),
+            4: () => h("justifi-business-owners-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[4] = el, allowOptionalFields: this.allowOptionalFields }),
+            5: () => h("justifi-business-bank-account-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[5] = el, allowOptionalFields: this.allowOptionalFields }),
             6: () => h("justifi-business-terms-conditions-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[6] = el, onFormLoading: this.handleFormLoading, allowOptionalFields: this.allowOptionalFields }),
         };
     }
@@ -18,7 +16,7 @@ export class PaymentProvisioningFormSteps {
         return this.componentStepMapping[this.currentStep]();
     }
     render() {
-        return (h("div", { key: '2e1d2983f259fd9fe4e1dda9c1f442b248f4c5ba', class: 'col-12 mb-4' }, this.currentStepComponent));
+        return (h("div", { key: 'bc4e1cd4a04dc6f0d9338fa737b91fe1628ed2b3', class: 'col-12 mb-4' }, this.currentStepComponent));
     }
     static get is() { return "justifi-payment-provisioning-form-steps"; }
     static get properties() {
@@ -117,32 +115,6 @@ export class PaymentProvisioningFormSteps {
                 "attribute": "allow-optional-fields",
                 "defaultValue": "false"
             },
-            "country": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "CountryCode",
-                    "resolved": "CountryCode.CAN | CountryCode.USA",
-                    "references": {
-                        "CountryCode": {
-                            "location": "import",
-                            "path": "../../../utils/country-codes",
-                            "id": "src/utils/country-codes.ts::CountryCode"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "country",
-                "defaultValue": "CountryCode.USA"
-            },
             "handleFormLoading": {
                 "type": "unknown",
                 "mutable": false,

package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning.js

@@ -46,7 +46,7 @@ export class PaymentProvisioning {
         }
     }
     render() {
-        return (h("justifi-payment-provisioning-core", { key: '41e96a931c082212f43bdd84dd5c948fac1eddfc', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
+        return (h("justifi-payment-provisioning-core", { key: '4d0da0feba2d6786e696f6cc9e286d77e6aca8f1', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
     }
     static get is() { return "justifi-payment-provisioning"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/business-forms/payment-provisioning/terms-and-conditions/business-terms-conditions-form-step.js

@@ -108,7 +108,7 @@ export class BusinessTermsConditionsFormStep {
         return (h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
     }
     render() {
-        return (h("form", { key: '6fbccc271d16cbb87d8845b06b58fd461e18f770' }, h("fieldset", { key: 'ce5240753aefdb4aa92aa3ba5af4741466702ae6' }, h("legend", { key: '01a3a99f6d9dfe45ae12eb2a603ebc70a25747be', part: heading2 }, "Terms and Conditions"), h("hr", { key: 'b0209b2df034353f663cf4dde25fee51e2906dc4' }), h("div", { key: '1ed270526bc1f6d24d81c485ea6e9459607bac3e' }, h("p", { key: '8c98f939d4db12cad7169debc71fd0ad652cc724' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '021ffcc28e65e59d8fb81a8a2507cac1ce0d448f' }), h("div", { key: 'e6181b2a5ad6b01be123962bf17282cb1f97fd30', class: "row-gy-3" }, h("div", { key: '82acd8dcfed625e051b93bb8845fb9d11b5e26ce', class: "col-12" }, h("form-control-checkbox", { key: 'c246a348366354dce60ec4dc00e3a4791281a584', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
+        return (h("form", { key: 'ed3e493e5c53e303c98e97a15149cffd2865de47' }, h("fieldset", { key: 'a4be899152d7930c2e5ac8b384f866ba313a434f' }, h("legend", { key: '6b473d236380c13ec4186cb5088f976349f18e7c', part: heading2 }, "Terms and Conditions"), h("hr", { key: '4ef52973bed72265e0ef29f0ac6e7a0ac1142f8a' }), h("div", { key: '621d89594d6335d10a746af628ce85df0bf4a71f' }, h("p", { key: '2f13e9851fdfa4b8f678de19261e7df7a7968cc0' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '7951565f2ad57491cbba0d05d650eb0aea1aea54' }), h("div", { key: 'e7d727efbd5d732b31746d3cc61eeaf9eb4b1ff6', class: "row-gy-3" }, h("div", { key: 'b6d8d501530fbe4de7c11eb46218c618a7aec26f', class: "col-12" }, h("form-control-checkbox", { key: '79030af1a43bc5d1742726b8ea66d6dda3306473', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
     }
     static get is() { return "justifi-business-terms-conditions-form-step"; }
     static get properties() {