@justifi/webcomponents 6.11.0 → 6.12.1-rc.1

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

@@ -3,7 +3,7 @@ import { updateAddressFormValues, updateDateOfBirthFormValues, updateFormValues
 import { PHONE_MASKS, IDENTITY_MASKS } from "../../../../utils/form-input-masks";
 import { heading2, label, inputDisabled, buttonSecondary } from "../../../../styles/parts";
 import { countryLabels } from "../../utils/country-config";
-export class RepresentativeFormInputs {
+export class BusinessRepresentativeFormInputs {
     constructor() {
         this.isEditingIdentification = false;
         this.inputHandler = (name, value) => {
@@ -15,16 +15,16 @@ export class RepresentativeFormInputs {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (h("form", { key: 'a9c0f6332bf302d5eb9f93c4ca045d572a40468f' }, h("fieldset", { key: '115c564826335a9c7b670bbc0409912c3eb7a4aa' }, h("div", { key: '6de8909b4b2f3c7d8ec4665aad77ef59cdf035b4', class: "d-flex align-items-center gap-2" }, h("legend", { key: 'bb8b5a3775eae450a866356a9e149a0bf57b5699', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: 'a0296d4a3c35a039525f39501e117ee6fdd12257', 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: 'abbee22f5664275f27dd8eeb2b12c87b059ff024', class: "mt-2" }), h("div", { key: 'e165ff125df62dc1d22b7329fe7fe2ff200cbbb3', class: "row gy-3" }, h("div", { key: '114ff752eeda3ffa90529ff6bc675b874f543336', class: "col-12 col-md-8" }, h("form-control-text", { key: '8b6ce9f4a327ca5282aa32c226f671945aa10404', 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: 'bce864367883c6bbf7bd0841114a3dbb39db692b', class: "col-12 col-md-4" }, h("form-control-text", { key: 'ec3e72dc3f84c0daee2c6509f7dbf2bad22f5db6', 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: '200ae959d897d9d22016553d3c586cf3f0438dd9', class: "col-12 col-md-6" }, h("form-control-text", { key: '4f77d6ca6c3c85edabc11af6f5703ab1327f05e7', 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: 'cf642ee73f7ae8b254920a3f781c23dc456f16ae', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'df609213bec728f17b2527a2e99ff3e0e69604aa', 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: '2e4565c06976723ae4e497a5305cea7468bac2f4', class: "col-12 col-md-4" }, h("form-control-date", { key: 'ca7d4bf05c32d1d9983df430d338cc3433015957', 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: 'f6cbe1b7f4e5575f626e6d73f31b4a1a09ac33e3', 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: () => {
+        return (h("form", { key: '042455d68a432e0e218d5b8750fb1d22b0d202fc' }, h("fieldset", { key: 'd8949e76f0a2185438382868e36ef6a79bbbb214' }, h("div", { key: '1471d4089c04b42408769ae5e964fe362c569205', class: "d-flex align-items-center gap-2" }, h("legend", { key: 'a59f689369a27f98dacab659f6f9c386475e9913', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: '404259ace28a8bd64c8f43a630d60992c35c996c', helpText: "The representative for your business needs to be someone who has significant control over managing your business's finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: 'bee8121f5a19680292259fba7a692a318c0d1c1e', class: "mt-2" }), h("div", { key: 'f7976d2ec594ff07016dccb9fcc4909ba6cabc71', class: "row gy-3" }, h("div", { key: '9a518fab2dd269e15afe05d8ca40157f97ca57db', class: "col-12 col-md-8" }, h("form-control-text", { key: '1340ac078c18d464a88b5ca6de92d887cb0b3913', 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: 'c680cdcab436875dde00c5ea68ab0bad9c56851e', class: "col-12 col-md-4" }, h("form-control-text", { key: 'ff9f6656c1147478b93f564774baa296fbb64922', 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: 'e6dcbe8bbe574db2756e5421e5fbcda41c7789cc', class: "col-12 col-md-6" }, h("form-control-text", { key: '9f42434ec29b41da77eb1c87723d6483fa5c0ebf', 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: '1e423be80b728506ec23b69df39d58ebd2a17313', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'e5694e680d8a6b022978a358a524c2163a82549f', 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: '362dc639f0d046372a35201bfdc0ea24db87fb7c', class: "col-12 col-md-4" }, h("form-control-date", { key: '8d41cfc3ab11a373a42445542964d5a59f6c3f41', 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: 'ddafa094b5d67ef9ad8312f412a8032ce708d221', 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 current value to force validation
                 updateFormValues(this.formController, {
                     identification_number: '',
                     ssn_last4: null
                 });
-            } }, "Change"))))), h("div", { key: 'e3fa556dece2feaf5eb175ae3734c2319777ef48', class: "col-12" }, h("justifi-identity-address-form", { key: 'fe3d349371d11b8a246b9c31aebd7d9c84e03f8e', errors: this.errors.address, defaultValues: (_j = this.representativeDefaultValue) === null || _j === void 0 ? void 0 : _j.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
+            } }, "Change"))))), h("div", { key: 'd4c54dbda49e4a141d82340f1162e1b27460d474', class: "col-12" }, h("identity-address-form", { key: '1d70077d2d36e5f447353cbdb78900dfec903d0c', errors: this.errors.address, defaultValues: (_j = this.representativeDefaultValue) === null || _j === void 0 ? void 0 : _j.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
     }
-    static get is() { return "justifi-business-representative-form-inputs"; }
+    static get is() { return "business-representative-form-inputs"; }
     static get properties() {
         return {
             "representativeDefaultValue": {

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

@@ -120,9 +120,9 @@ export class BusinessRepresentativeFormStep {
         if (!this.formController || 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("business-representative-form-inputs", { representativeDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }));
     }
-    static get is() { return "justifi-business-representative-form-step"; }
+    static get is() { return "business-representative-form-step"; }
     static get properties() {
         return {
             "authToken": {

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

@@ -10,9 +10,9 @@ export class FormAddressFields {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const labels = countryLabels[this.country];
         const options = countryOptions[this.country];
-        return (h(Host, { key: '8dabbee93e0f319db333ada6c20af49ed6131b8d' }, h("div", { key: '4b308ca9fa92321e5f60f3e4d9ab1c4e60cbd703', class: "row gy-3" }, h("div", { key: '9c25eec2effd7caed70a3f02f6a780513fae930c', class: "col-12" }, h("form-control-text", { key: '6c2ae178c2122d1f6085906690adadf98cb0774b', name: "line1", label: "Street Address", inputHandler: this.inputHandler, defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, helpText: "No PO Boxes." })), h("div", { key: 'eba53a69fc4c869014ef8b7bf6ff9b1d8f5be566', class: "col-12" }, h("form-control-text", { key: '11c743ce2388173c41cb16f1865fe58b2015d6bb', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: '2025c9bb15286f5c3e4693b596372a7dff730ce8', class: "col-12" }, h("form-control-text", { key: '5e0e40fd028d12b88cb15a38906738320e30aeca', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: '407eac6eee8ca33a6648f2d1a45003961353f877', class: "col-12 col-md-6" }, h("form-control-select", { key: 'c598b24e0dc594ae725a7473212a6ed36102ce49', name: "state", label: labels.stateLabel, options: options.stateOptions, inputHandler: this.inputHandler, defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: '49861d791272c745f881d19016b93885ce59f724', class: "col-12 col-md-6" }, h("form-control-text", { key: '90b9db4630dd4fad7e86151f2a632cd62b8509f3', name: "postal_code", label: labels.postalLabel, inputHandler: this.inputHandler, defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: this.country === CountryCode.USA ? 5 : 7, keyDownHandler: this.country === CountryCode.USA ? numberOnlyHandler : undefined })))));
+        return (h(Host, { key: 'c7b688749c7e08a18fd2000e8d441dc01e9b2e8d' }, h("div", { key: '3e133db2244db25e8f9841a48ecb28f923eaab22', class: "row gy-3" }, h("div", { key: 'aa765dd77b4c9a32f1446d2034a9bc5e95bb9ca1', class: "col-12" }, h("form-control-text", { key: 'e02f2088d591c1979afcd37a1ba24559a9278ee5', name: "line1", label: "Street Address", inputHandler: this.inputHandler, defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, helpText: "No PO Boxes." })), h("div", { key: '9966e1ed471af132236d022be860fd1adb56b61a', class: "col-12" }, h("form-control-text", { key: 'b1a434bf3726ff08f5372d9d350fc5251129815a', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: 'a5027c59a7fc4f1293578ea165d1dad53e55d361', class: "col-12" }, h("form-control-text", { key: 'e1567856de791bc32e0a85caeb5464b2f63f5f63', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: 'b131845ebeaa5e7bbfd745d724932174fe785de7', class: "col-12 col-md-6" }, h("form-control-select", { key: 'c590815dfc61241b7c1fc9172dad75a7116b703c', name: "state", label: labels.stateLabel, options: options.stateOptions, inputHandler: this.inputHandler, defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: 'f896d6370e956ab8b1750b6164ec6cd5c1e8b9ee', class: "col-12 col-md-6" }, h("form-control-text", { key: '469fb8945ca6603a503f32971ef9d2afa3e8a30e', name: "postal_code", label: labels.postalLabel, inputHandler: this.inputHandler, defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: this.country === CountryCode.USA ? 5 : 7, keyDownHandler: this.country === CountryCode.USA ? numberOnlyHandler : undefined })))));
     }
-    static get is() { return "justifi-form-address-fields"; }
+    static get is() { return "form-address-fields"; }
     static get properties() {
         return {
             "country": {

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

@@ -3,7 +3,7 @@ import IMask from "imask";
 import { CURRENCY_MASK } from "../../../utils/form-input-masks";
 import { FormControlErrorText, FormControlHelpText } from "../../../ui-components";
 import { inputAdornment, inputDisabled, inputFocused, inputGroup, inputInvalid, label } from "../../../styles/parts";
-export class MonetaryInputProvisioning {
+export class FormControlMonetaryProvisioning {
     constructor() {
         this.imask = null;
         this.isFocused = false;
@@ -60,10 +60,10 @@ export class MonetaryInputProvisioning {
         return part;
     }
     render() {
-        return (h(Host, { key: '7a72954c74f3cb31f92d565835de4aceb874a1b5' }, h("div", { key: 'e05612ec4b1b195a24f5a2d2a00ca5b284b4c2f7', class: "form-group d-flex flex-column" }, h("label", { key: 'ffabdebea58878f550cad78430783bcb8372f2c1', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '3593ef8b4adda873a7d6b1789253bc6e1748dcfc', class: "input-group" }, h("span", { key: 'b42f4a51f38451ee36fff437b3a60bd1292d6307', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'd49072c9c3653540fc8edca8a8dd86ad34bef902', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '3bfa76f9374c9e9c08ae44dfc3a579fc07a9292d' }, h("div", { key: 'd7f92783fa26877f673963237b67be2f3dc7eb2b', class: "form-group d-flex flex-column" }, h("label", { key: 'd2adedb97996bac860c3161548652f83a65c6c26', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: 'be26aeee918412b59d296f18da7d81dfcbfd6a69', class: "input-group" }, h("span", { key: 'a4fca49f6a2d274e7609d86030553100d94bbd7a', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '551ea231e6af58ef27ed186905db553d90e1f1c8', 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: 'd714b88d923f5f38f1b66620c5513ce7c82a7ef0', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '47b9d96f588785bb2597b16a685c18889e1945c1', 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: 'd66e64755451907a6a2593babc6c4e9766cf3025', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'ff373668801ac2c1eb30f515a2f7f6fb7c04387f', 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/{payment-provisioning-core.js → justifi-payment-provisioning.js}

@@ -1,5 +1,11 @@
-import { h } from "@stencil/core";
-import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../api/ComponentError";
+import { h, } from "@stencil/core";
+import JustifiAnalytics from "../../../api/Analytics";
+import { ComponentErrorCodes, ComponentErrorSeverity, } from "../../../api/ComponentError";
+import { makeGetBusiness, makePostProvisioning, } from "./payment-provisioning-actions";
+import { BusinessService } from "../../../api/services/business.service";
+import { ProvisionService } from "../../../api/services/provision.service";
+import { checkPkgVersion } from "../../../utils/check-pkg-version";
+import { isTokenExpired } from "../../../utils/utils";
 import { checkProvisioningStatus } from "../utils/helpers";
 import { Header1, StyledHost } from "../../../ui-components";
 import { text } from "../../../styles/parts";
@@ -9,7 +15,7 @@ import { Business } from "../../../api/Business";
 import { PaymentProvisioningLoading } from "./payment-provisioning-loading";
 import { PaymentProvisioningAlreadyProvisioned } from "./payment-provisioning-already-provisioned";
 import { PaymentProvisioningSubmissionComplete } from "./payment-provisioning-submission-complete";
-export class PaymentProvisioningCore {
+export class JustifiPaymentProvisioning {
     constructor() {
         this.loading = false;
         this.businessLoading = true;
@@ -18,6 +24,8 @@ export class PaymentProvisioningCore {
         this.currentStep = 0;
         this.country = CountryCode.USA;
         this.allowOptionalFields = false;
+        this.formTitle = 'Business Information';
+        this.refs = [];
         this.setBusinessProvisioned = () => {
             return new Promise((resolve) => {
                 this.getBusiness({
@@ -39,11 +47,11 @@ export class PaymentProvisioningCore {
                         this.errorEvent.emit({
                             message: error,
                             errorCode: code,
-                            severity: severity
+                            severity: severity,
                         });
                         this.businessLoading = false;
                         resolve();
-                    }
+                    },
                 });
             });
         };
@@ -58,18 +66,19 @@ export class PaymentProvisioningCore {
                     this.errorEvent.emit({
                         message: error,
                         errorCode: code,
-                        severity: severity
+                        severity: severity,
                     });
-                }
+                },
             });
         };
-        this.refs = [];
         this.incrementSteps = () => {
             if (this.currentStep < this.totalSteps) {
                 return this.currentStep++;
             }
         };
-        this.decrementSteps = () => { return this.currentStep--; };
+        this.decrementSteps = () => {
+            return this.currentStep--;
+        };
         this.previousStepButtonOnClick = () => {
             this.clickEvent.emit({ name: BusinessFormClickActions.previousStep });
             this.decrementSteps();
@@ -81,28 +90,59 @@ export class PaymentProvisioningCore {
             currentStep.validateAndSubmit({ onSuccess: this.incrementSteps });
         };
     }
+    propChanged() {
+        this.initializeApi();
+    }
     handleFormCompleted() {
         this.postProvisioningData();
     }
+    handleFormLoading(event) {
+        this.loading = event.detail;
+    }
     async componentWillLoad() {
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeApi();
         if (this.getBusiness) {
             await this.setBusinessProvisioned();
         }
         else {
             this.businessLoading = false;
         }
-        this.refs = [
-            this.coreInfoRef,
-            this.legalAddressRef,
-            this.additionalQuestionsRef,
-            this.representativeRef,
-            this.ownersRef,
-            this.bankAccountRef,
-            this.termsRef,
-        ];
+        this.refs = new Array(7);
     }
-    get businessEndpoint() {
-        return `entities/business/${this.businessId}`;
+    disconnectedCallback() {
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
+    initializeApi() {
+        if (!this.authToken || !this.businessId) {
+            this.errorEvent.emit({
+                message: 'auth-token and business-id are required',
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+            return;
+        }
+        if (isTokenExpired(this.authToken)) {
+            this.errorEvent.emit({
+                message: 'auth-token is expired',
+                errorCode: ComponentErrorCodes.NOT_AUTHENTICATED,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+            return;
+        }
+        this.getBusiness = makeGetBusiness({
+            authToken: this.authToken,
+            businessId: this.businessId,
+            service: new BusinessService(),
+        });
+        this.postProvisioning = makePostProvisioning({
+            authToken: this.authToken,
+            businessId: this.businessId,
+            product: 'payment',
+            service: new ProvisionService(),
+        });
     }
     get formDisabled() {
         return this.loading || this.businessProvisioned;
@@ -113,26 +153,20 @@ export class PaymentProvisioningCore {
     get stepCounter() {
         return `Step ${this.currentStep + 1} of ${this.totalSteps + 1}`;
     }
-    handleFormLoading(event) {
-        this.loading = event.detail;
-    }
     render() {
-        // State 1: Loading
         if (this.businessLoading) {
             return (h(StyledHost, null, h(PaymentProvisioningLoading, null)));
         }
-        // State 2: Already Provisioned
         if (this.businessProvisioned) {
             return (h(StyledHost, null, h(PaymentProvisioningAlreadyProvisioned, null)));
         }
-        // State 3: Submission Complete
         if (this.formSubmitted) {
             return (h(StyledHost, null, h(PaymentProvisioningSubmissionComplete, null)));
         }
-        // State 4: Form Steps (default)
-        return (h(StyledHost, null, h("div", { class: 'row gap-3' }, h(Header1, { text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, country: this.country, handleFormLoading: this.handleFormLoading }), h("div", { class: 'd-flex justify-content-between align-items-center' }, h("div", { class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
+        return (h(StyledHost, null, h("div", { class: "row gap-3" }, h(Header1, { text: this.formTitle }), h("payment-provisioning-form-steps", { businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, country: this.country, handleFormLoading: this.handleFormLoading }), h("div", { class: "d-flex justify-content-between align-items-center" }, h("div", { class: "d-flex align-items-center", part: text }, this.stepCounter), h("payment-provisioning-form-buttons", { 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 is() { return "justifi-payment-provisioning"; }
+    static get encapsulation() { return "shadow"; }
     static get properties() {
         return {
             "businessId": {
@@ -201,8 +235,8 @@ export class PaymentProvisioningCore {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": true,
-                "optional": false,
+                "required": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -210,51 +244,8 @@ export class PaymentProvisioningCore {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "form-title"
-            },
-            "getBusiness": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "Function",
-                    "resolved": "Function",
-                    "references": {
-                        "Function": {
-                            "location": "global",
-                            "id": "global::Function"
-                        }
-                    }
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "postProvisioning": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "Function",
-                    "resolved": "Function",
-                    "references": {
-                        "Function": {
-                            "location": "global",
-                            "id": "global::Function"
-                        }
-                    }
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
+                "attribute": "form-title",
+                "defaultValue": "'Business Information'"
             }
         };
     }
@@ -335,6 +326,15 @@ export class PaymentProvisioningCore {
                 }
             }];
     }
+    static get watchers() {
+        return [{
+                "propName": "authToken",
+                "methodName": "propChanged"
+            }, {
+                "propName": "businessId",
+                "methodName": "propChanged"
+            }];
+    }
     static get listeners() {
         return [{
                 "name": "formCompleted",

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

@@ -113,9 +113,9 @@ export class LegalAddressFormStep {
         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("form-address-fields", { country: this.country, errors: this.errors, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
     }
-    static get is() { return "justifi-legal-address-form-step"; }
+    static get is() { return "legal-address-form-step"; }
     static get properties() {
         return {
             "authToken": {

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

@@ -12,9 +12,9 @@ export class PaymentProvisioningFormButtons {
         return this.currentStep === this.totalSteps;
     }
     render() {
-        return (h("div", { key: '53ba6c809e1968712b333f4bcf2798dbca186ddb', class: 'd-flex gap-2' }, h(Button, { key: 'b45c60083ccf6589cae0c63ce6b66c18da340dc7', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '27372798da0276de44d1563a4688486e7cc91d64', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: '8bc14ca8fe951caf276f8ed03e502486e11acbe2', 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: '5942f171591bca5e1259c16b9f1cea45169ce924', class: 'd-flex gap-2' }, h(Button, { key: '9dc3ff45b07ba71602f3af12a28d20364a80971c', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '0db0e734bed464214c75230e3c32901d14f75945', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: 'b3817544c9ddd4d0f3ca8df47fb6598b8a95bb81', 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 is() { return "payment-provisioning-form-buttons"; }
     static get properties() {
         return {
             "currentStep": {

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

@@ -5,22 +5,22 @@ export class PaymentProvisioningFormSteps {
         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 }),
-            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 }),
-            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 }),
+            0: () => h("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("legal-address-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[1] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
+            2: () => h("additional-questions-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[2] = el, allowOptionalFields: this.allowOptionalFields }),
+            3: () => h("business-representative-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[3] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
+            4: () => h("business-owners-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[4] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
+            5: () => h("business-bank-account-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[5] = el, allowOptionalFields: this.allowOptionalFields, country: this.country }),
+            6: () => h("business-terms-conditions-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[6] = el, onFormLoading: this.handleFormLoading, allowOptionalFields: this.allowOptionalFields }),
         };
     }
     get currentStepComponent() {
         return this.componentStepMapping[this.currentStep]();
     }
     render() {
-        return (h("div", { key: 'ff7c9e688009383fdbe18c9824fa578d2338900c', class: 'col-12 mb-4' }, this.currentStepComponent));
+        return (h("div", { key: 'f86e12c789e7dfe1efba022ed56cf4717ea64ec5', class: 'col-12 mb-4' }, this.currentStepComponent));
     }
-    static get is() { return "justifi-payment-provisioning-form-steps"; }
+    static get is() { return "payment-provisioning-form-steps"; }
     static get properties() {
         return {
             "businessId": {

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

@@ -108,9 +108,9 @@ export class BusinessTermsConditionsFormStep {
         return (h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
     }
     render() {
-        return (h("form", { key: '33336d0a66d63ce39951822fd570a9a0689e714d' }, h("fieldset", { key: 'fcfdb59eef671cb408ed99e2dad20d6be706688a' }, h("legend", { key: 'f0cf7f0ac15c90cf36ee25d4bf986c0e781a2e92', part: heading2 }, "Terms and Conditions"), h("hr", { key: 'd5c820e7d6523f931040a994bd103d69fd644c45' }), h("div", { key: '681b584de14afe121f5dc69ee0bad1cab51ba0d1' }, h("p", { key: '7c597bf891a108d303739126b806ded5220f56ab' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '52854c5a07611180be40df21a5f60d7d9d4c4cb7' }), h("div", { key: '7448b3f6138b996edac137b961367725e3b40556', class: "row-gy-3" }, h("div", { key: 'c732deb4e1e3a2d04dd4e09914543a7f594af108', class: "col-12" }, h("form-control-checkbox", { key: 'fca18e4843aef20d13790029b114b2ecaeb6ffa2', 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: 'bd5117e6c5206dbbac772e6e9cbcb23f0dd3e8ad' }, h("fieldset", { key: 'ae9e0a6a5296a0fbad5ad1282a18ac3fd3d4445e' }, h("legend", { key: '86dd2cfd7c8c0114cee2c5cfe83c9dc8f9b113df', part: heading2 }, "Terms and Conditions"), h("hr", { key: 'c3747ca0ecaf68734a9335e14730471130d1a428' }), h("div", { key: 'c5e1858326c6805c9cb16b84f224f95bb764b241' }, h("p", { key: '352e14efc77677ce445e6437f27d68b864ec500b' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: 'b94cae3d132d7d211b0bbff5f0070717b034b256' }), h("div", { key: 'ab728d134034552b02f74228746785e209776172', class: "row-gy-3" }, h("div", { key: '645592f8eb929766c4c12f743a46c6ce03ae7459', class: "col-12" }, h("form-control-checkbox", { key: '9fe09f38e66c2b1d879f620ab860ea2eee284889', 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 is() { return "business-terms-conditions-form-step"; }
     static get properties() {
         return {
             "authToken": {

package/dist/collection/components/checkout/bank-account-form/bank-account-form.js

@@ -1,7 +1,8 @@
-import { h, Host } from "@stencil/core";
+import { h } from "@stencil/core";
 import BankAccountFormSkeleton from "./bank-account-form-skeleton";
 import { configState, waitForConfig } from "../../config-provider/config-state";
 import { generateTabId } from "../../../utils/utils";
+import { checkPkgVersion } from "../../../utils/check-pkg-version";
 export class BankAccountForm {
     constructor() {
         this.isReady = false;
@@ -10,6 +11,7 @@ export class BankAccountForm {
         await waitForConfig();
         this.iframeOrigin = configState.iframeOrigin;
         this.tabId = generateTabId();
+        checkPkgVersion();
     }
     componentDidRender() {
         const elements = [
@@ -29,14 +31,15 @@ export class BankAccountForm {
         const routingNumberIsValid = await this.routingNumberIframeElement.validate();
         return accountNumberIsValid && routingNumberIsValid;
     }
-    async tokenize(clientId, paymentMethodMetadata, account) {
-        return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
+    async tokenize({ clientId, paymentMethodMetadata, account }) {
+        const result = await this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
+        return result;
     }
     render() {
-        return (h(Host, { key: 'a104b2e88e818472d0158990ccf2cac6d7315616' }, h(BankAccountFormSkeleton, { key: '1ed1ac87a66aedf6a7528247e0ff3a803c74e4c3', isReady: this.isReady }), h("div", { key: 'a96c05c60c51f97c8abb7dc6a8cfebc940ea1513', class: "container-fluid p-0", style: {
+        return (h("div", { key: 'b19157c62bd6511b9f61ca8f94b7294b370bc8b9' }, h(BankAccountFormSkeleton, { key: '72ad4b72fbf0763a55be74045102b74fa4208e32', isReady: this.isReady }), h("hidden-input", { key: '73f5599e3cfd6c5cf85ef306711436c3749e0a9b' }), h("div", { key: '75c0c1496b02665348cc2b3ec1847772f4039dcd', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '3d168fd241702b30f0c8727d3c0aae65c20b69aa', class: "row mb-3" }, h("iframe-input", { key: 'dc1da989b1577ed62b3eeafd33128aca38e4610d', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '1179ae9d6b9f476bb01a1ee4f4edd7da6f22f635', class: "row" }, h("iframe-input", { key: '7e79b383876be1711a2e21ab7462f86281ebf28c', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
+            } }, h("div", { key: 'eac4d39be4f282f510a486ec86522a21501b978f', class: "row mb-3" }, h("iframe-input", { key: '76a5fa31aa254a910af3349875c9112e1f0bde46', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: 'bd636c2c0fd993594b9f6b8ef275b9951100e822', class: "row" }, h("iframe-input", { key: '796289f5ece7fc117fd3779f9086b927ccb9e6d2', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
     }
     static get is() { return "bank-account-form"; }
     static get states() {
@@ -67,18 +70,10 @@ export class BankAccountForm {
             },
             "tokenize": {
                 "complexType": {
-                    "signature": "(clientId: string, paymentMethodMetadata: any, account?: string) => Promise<any>",
+                    "signature": "({ clientId, paymentMethodMetadata, account }: { clientId: string; paymentMethodMetadata: any; account?: string; }) => Promise<any>",
                     "parameters": [{
-                            "name": "clientId",
-                            "type": "string",
-                            "docs": ""
-                        }, {
-                            "name": "paymentMethodMetadata",
-                            "type": "any",
-                            "docs": ""
-                        }, {
-                            "name": "account",
-                            "type": "string",
+                            "name": "__0",
+                            "type": "{ clientId: string; paymentMethodMetadata: any; account?: string; }",
                             "docs": ""
                         }],
                     "references": {

package/dist/collection/components/{modular-checkout/sub-components → checkout/billing-form}/bank-account-billing-form-simple.js

@@ -1,8 +1,8 @@
 import { h } from "@stencil/core";
-import { nameOnlySchema } from "../../checkout/billing-form/billing-form-schema";
+import { nameOnlySchema } from "./billing-form-schema";
 import { billingForm } from "../../../styles/parts";
 import { FormController } from "../../../ui-components/form/form";
-import { StyledHost } from "../../../ui-components";
+import { checkoutStore, onChange } from "../../../store/checkout.store";
 export class BankAccountBillingFormSimple {
     constructor() {
         this.errors = {};
@@ -12,19 +12,27 @@ export class BankAccountBillingFormSimple {
     }
     componentWillLoad() {
         this.formController = new FormController(nameOnlySchema());
+        const fields = checkoutStore.billingFormFields;
+        if (fields && Object.keys(fields).some((k) => fields[k])) {
+            this.formController.setInitialValues(fields);
+        }
     }
     componentDidLoad() {
         this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
         this.formController.errors.subscribe(errors => {
             this.errors = Object.assign({}, errors);
         });
+        this.unsubscribeFromStore = onChange('billingFormFields', (newValue) => {
+            this.formController.setInitialValues(newValue);
+        });
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.unsubscribeFromStore) === null || _a === void 0 ? void 0 : _a.call(this);
     }
     async getValues() {
         return this.formController.values.getValue();
     }
-    async fill(fields) {
-        this.formController.setInitialValues(fields);
-    }
     async validate() {
         const isValid = await this.formController.validate();
         const errors = this.formController.errors.getValue();
@@ -32,10 +40,9 @@ export class BankAccountBillingFormSimple {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: '1ad536d9f27bdb1cb3da9721c486cd4f1006ecb1' }, h("div", { key: 'b1589bbc4bba3703c54e6a5651aaad5499c218f4', part: billingForm, class: "mt-4" }, h("form", { key: 'd60bc906ec293d45c1887c0864ff4c1f28845461' }, h("fieldset", { key: '166465d844cbfb0d55dae03d88b52ad202d1616c' }, this.legend && (h("legend", { key: '509d5e560791fb6f96a5e755931fd7a363b21e06' }, this.legend)), h("div", { key: '979e4bae922ff88aae107d921136215474a847ea', class: "row gy-3" }, h("div", { key: '4014b6c65739d39077d69f0e649eec0fadab0c87', class: "col-12" }, h("form-control-text", { key: '2e9e1dbb43ffdd9848415ceefc8df75ec60a35e0', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
+        return (h("div", { key: '34e77db7e212eab37000212b208a6dc1afaa8054', part: billingForm, class: "mt-4" }, h("form", { key: '289b661851fc6d68a5d6dd376a6e31b691e25aea' }, h("fieldset", { key: '84efe1610a1bbc8b12a95711814280a4949e850c' }, this.legend && (h("legend", { key: '7076fc6b9ef264ac72d36833c7b760b5999e030e' }, this.legend)), h("div", { key: '66d78f8c243230d790d854ba16292f3d84ef5ca9', class: "row gy-3" }, h("div", { key: 'e58dfaa9b758dcfbe434a3d51ab6e51b54cc83c1', class: "col-12" }, h("form-control-text", { key: 'b872c9f5e3726312171bb16a95e3709bcd12f40a', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })))))));
     }
-    static get is() { return "justifi-bank-account-billing-form-simple"; }
-    static get encapsulation() { return "shadow"; }
+    static get is() { return "bank-account-billing-form-simple"; }
     static get properties() {
         return {
             "legend": {
@@ -79,7 +86,7 @@ export class BankAccountBillingFormSimple {
                         },
                         "BillingFormFields": {
                             "location": "import",
-                            "path": "../../checkout/billing-form/billing-form-schema",
+                            "path": "./billing-form-schema",
                             "id": "src/components/checkout/billing-form/billing-form-schema.ts::BillingFormFields"
                         }
                     },
@@ -90,32 +97,6 @@ export class BankAccountBillingFormSimple {
                     "tags": []
                 }
             },
-            "fill": {
-                "complexType": {
-                    "signature": "(fields: BillingFormFields) => Promise<void>",
-                    "parameters": [{
-                            "name": "fields",
-                            "type": "BillingFormFields",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "BillingFormFields": {
-                            "location": "import",
-                            "path": "../../checkout/billing-form/billing-form-schema",
-                            "id": "src/components/checkout/billing-form/billing-form-schema.ts::BillingFormFields"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
             "validate": {
                 "complexType": {
                     "signature": "() => Promise<{ isValid: boolean; errors: any; }>",