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

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

@@ -56,17 +56,16 @@ export class MonetaryInputProvisioning {
         return part;
     }
     render() {
-        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: () => {
+        return (h(Host, { key: '12d04cf0bc1dbc85acd1006148c411e00941ab70' }, h("div", { key: '08d92fd3c4c764295cf291fc983f63ab58e4312e', class: "form-group d-flex flex-column" }, h("label", { key: '1c7bddbfc094535558b24d3988dafe91f0cbde0a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: 'a1dfb4ab2de228f7ad138c12eb37403e9578c001', class: "input-group" }, h("span", { key: '94e9009f2a6c782798dccaf6dfae472391f43078', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'ebbc696bc1b695d20a758039465ae37a66be974a', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: 'b7458313a43d454ad8988f1e4548c7034a5d09d8', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '8e59747949f4fa6697a3b7c083bcd6584d1f5411', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: '58f0977b34ab42051b1d4af9e5754d57d60e2fb5', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'b3cdaa58f30edb185e2c89bca5d02a86c52cc8d0', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-monetary-provisioning"; }
     static get properties() {
         return {
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -81,11 +80,11 @@ export class MonetaryInputProvisioning {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "label"
             },
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -100,11 +99,11 @@ export class MonetaryInputProvisioning {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "name"
             },
             "helpText": {
                 "type": "string",
-                "attribute": "help-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -119,11 +118,11 @@ export class MonetaryInputProvisioning {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "help-text"
             },
             "errorText": {
                 "type": "string",
-                "attribute": "error-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -138,11 +137,11 @@ export class MonetaryInputProvisioning {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "error-text"
             },
             "defaultValue": {
                 "type": "string",
-                "attribute": "default-value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -157,11 +156,11 @@ export class MonetaryInputProvisioning {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "default-value"
             },
             "inputHandler": {
                 "type": "unknown",
-                "attribute": "input-handler",
                 "mutable": false,
                 "complexType": {
                     "original": "(name: string, value: string) => void",
@@ -179,7 +178,6 @@ export class MonetaryInputProvisioning {
             },
             "maskOptions": {
                 "type": "any",
-                "attribute": "mask-options",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -195,11 +193,11 @@ export class MonetaryInputProvisioning {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "mask-options",
                 "defaultValue": "CURRENCY_MASK.DECIMAL"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -214,7 +212,8 @@ export class MonetaryInputProvisioning {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "disabled"
             }
         };
     }

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

@@ -1,9 +1,7 @@
 import { h } from "@stencil/core";
-import { addressSchema } from "../../schemas/business-address-schema";
+import { addressSchemaByCountry } 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";
@@ -13,11 +11,15 @@ 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) => {
-                    this.legal_address = new Address(response.data.legal_address || {});
+                    const business = response.data || {};
+                    const address = new Address(business.legal_address || {});
+                    this.legal_address = Object.assign(Object.assign({}, address), { country: this.country });
                     this.formController.setInitialValues(Object.assign({}, this.legal_address));
                 },
                 onError: ({ error, code, severity }) => {
@@ -69,8 +71,9 @@ export class LegalAddressFormStepCore {
         return { legal_address: formValues };
     }
     componentWillLoad() {
-        this.getBusiness && this.getData();
-        this.formController = new FormController(addressSchema(this.allowOptionalFields));
+        const schemaFactory = addressSchemaByCountry[this.country];
+        this.formController = new FormController(schemaFactory(this.allowOptionalFields));
+        this.getData();
     }
     componentDidLoad() {
         this.formController.errors.subscribe(errors => {
@@ -78,21 +81,17 @@ 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("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 }))))));
+        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 }))));
     }
     static get is() { return "justifi-legal-address-form-step-core"; }
     static get properties() {
         return {
             "getBusiness": {
                 "type": "unknown",
-                "attribute": "get-business",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -115,7 +114,6 @@ export class LegalAddressFormStepCore {
             },
             "patchBusiness": {
                 "type": "unknown",
-                "attribute": "patch-business",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -138,7 +136,6 @@ export class LegalAddressFormStepCore {
             },
             "allowOptionalFields": {
                 "type": "boolean",
-                "attribute": "allow-optional-fields",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -153,7 +150,33 @@ export class LegalAddressFormStepCore {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": 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,14 +34,13 @@ export class LegalAddressFormStep {
         }
     }
     render() {
-        return (h("justifi-legal-address-form-step-core", { key: 'fb07306fe9d60ca061e9291565ea4dd11db6d93f', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        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 }));
     }
     static get is() { return "justifi-legal-address-form-step"; }
     static get properties() {
         return {
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -56,11 +55,11 @@ export class LegalAddressFormStep {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auth-token"
             },
             "businessId": {
                 "type": "string",
-                "attribute": "business-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -75,11 +74,11 @@ export class LegalAddressFormStep {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "business-id"
             },
             "allowOptionalFields": {
                 "type": "boolean",
-                "attribute": "allow-optional-fields",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -94,7 +93,33 @@ export class LegalAddressFormStep {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": 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,31 +4,40 @@ 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 = () => {
-            this.getBusiness({
-                onSuccess: (response) => {
-                    this.businessProvisioned = checkProvisioningStatus(response.data);
-                    if (this.businessProvisioned) {
+            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.errorEvent.emit({
-                            message: 'A request to provision payments for this business has already been submitted.',
-                            errorCode: ComponentErrorCodes.PROVISIONING_REQUESTED,
-                            severity: ComponentErrorSeverity.INFO,
+                            message: error,
+                            errorCode: code,
+                            severity: severity
                         });
+                        resolve();
                     }
-                },
-                onError: ({ error, code, severity }) => {
-                    this.errorEvent.emit({
-                        message: error,
-                        errorCode: code,
-                        severity: severity
-                    });
-                }
+                });
             });
         };
         this.postProvisioningData = () => {
@@ -67,9 +76,18 @@ export class PaymentProvisioningCore {
     handleFormCompleted() {
         this.postProvisioningData();
     }
-    componentWillLoad() {
-        this.getBusiness && this.setBusinessProvisioned();
-        this.refs = [this.coreInfoRef, this.legalAddressRef, this.additionalQuestionsRef, this.representativeRef, this.ownersRef, this.bankAccountRef, this.termsRef];
+    async componentWillLoad() {
+        if (this.getBusiness)
+            await 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}`;
@@ -87,14 +105,13 @@ export class PaymentProvisioningCore {
         this.loading = event.detail;
     }
     render() {
-        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 })))));
+        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 })))));
     }
     static get is() { return "justifi-payment-provisioning-core"; }
     static get properties() {
         return {
             "businessId": {
                 "type": "string",
-                "attribute": "business-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -109,11 +126,11 @@ export class PaymentProvisioningCore {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "business-id"
             },
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -128,11 +145,11 @@ export class PaymentProvisioningCore {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auth-token"
             },
             "allowOptionalFields": {
                 "type": "boolean",
-                "attribute": "allow-optional-fields",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -148,11 +165,11 @@ export class PaymentProvisioningCore {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "allow-optional-fields",
                 "defaultValue": "false"
             },
             "formTitle": {
                 "type": "string",
-                "attribute": "form-title",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -167,11 +184,11 @@ export class PaymentProvisioningCore {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "form-title"
             },
             "getBusiness": {
                 "type": "unknown",
-                "attribute": "get-business",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -194,7 +211,6 @@ export class PaymentProvisioningCore {
             },
             "postProvisioning": {
                 "type": "unknown",
-                "attribute": "post-provisioning",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -222,7 +238,8 @@ export class PaymentProvisioningCore {
             "loading": {},
             "businessProvisioned": {},
             "currentStep": {},
-            "errorMessage": {}
+            "errorMessage": {},
+            "country": {}
         };
     }
     static get events() {

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

@@ -12,14 +12,13 @@ export class PaymentProvisioningFormButtons {
         return this.currentStep === this.totalSteps;
     }
     render() {
-        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")));
+        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")));
     }
     static get is() { return "justifi-payment-provisioning-form-buttons"; }
     static get properties() {
         return {
             "currentStep": {
                 "type": "number",
-                "attribute": "current-step",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -34,11 +33,11 @@ export class PaymentProvisioningFormButtons {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "current-step"
             },
             "totalSteps": {
                 "type": "number",
-                "attribute": "total-steps",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -53,11 +52,11 @@ export class PaymentProvisioningFormButtons {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "total-steps"
             },
             "formLoading": {
                 "type": "boolean",
-                "attribute": "form-loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -72,11 +71,11 @@ export class PaymentProvisioningFormButtons {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "form-loading"
             },
             "formDisabled": {
                 "type": "boolean",
-                "attribute": "form-disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -91,11 +90,11 @@ export class PaymentProvisioningFormButtons {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "form-disabled"
             },
             "previousStepButtonOnClick": {
                 "type": "unknown",
-                "attribute": "previous-step-button-on-click",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -118,7 +117,6 @@ export class PaymentProvisioningFormButtons {
             },
             "nextStepButtonOnClick": {
                 "type": "unknown",
-                "attribute": "next-step-button-on-click",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",