@justifi/webcomponents 4.17.0 → 4.19.0

package/dist/module/payment-provisioning-actions.js

@@ -0,0 +1,178 @@
+import { a as ComponentErrorSeverity } from './ComponentError.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
+
+// Entity API Actions
+const makeGetBusiness = ({ authToken, businessId, service }) => async ({ onSuccess, onError, final = () => { } }) => {
+    var _a;
+    try {
+        const response = await service.fetchBusiness(businessId, authToken);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        return final();
+    }
+};
+const makePatchBusiness = ({ authToken, businessId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
+    var _a;
+    try {
+        const response = await service.patchBusiness(authToken, businessId, payload);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        return final();
+    }
+};
+const makePostProvisioning = ({ authToken, businessId, product, service }) => async ({ onSuccess, onError }) => {
+    var _a;
+    try {
+        const response = await service.postProvisioning(authToken, businessId, product);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+// Identity API Actions
+const makeGetIdentity = ({ authToken, identityId, service }) => async ({ onSuccess, onError, final = () => { } }) => {
+    var _a;
+    try {
+        const response = await service.fetchIdentity(identityId, authToken);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        return final();
+    }
+};
+const makePatchIdentity = ({ authToken, identityId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
+    var _a;
+    try {
+        const response = await service.patchIdentity(authToken, identityId, payload);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        return final();
+    }
+};
+const makePostIdentity = ({ authToken, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
+    var _a;
+    try {
+        const response = await service.postIdentity(authToken, payload);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        return final();
+    }
+};
+
+export { makePatchBusiness as a, makeGetIdentity as b, makePatchIdentity as c, makePostIdentity as d, makePostProvisioning as e, makeGetBusiness as m };

package/dist/module/payment-provisioning-core.js

@@ -1,37 +1,46 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { b as BusinessFormClickActions } from './business-form-types.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
 import { a as checkProvisioningStatus } from './helpers.js';
-import { d as defineCustomElement$p } from './form-control-checkbox2.js';
-import { d as defineCustomElement$o } from './form-control-date2.js';
-import { d as defineCustomElement$n } from './form-control-error-text2.js';
-import { d as defineCustomElement$m } from './form-control-file2.js';
-import { d as defineCustomElement$l } from './form-control-help-text2.js';
-import { d as defineCustomElement$k } from './form-control-monetary2.js';
-import { d as defineCustomElement$j } from './form-control-number-masked2.js';
-import { d as defineCustomElement$i } from './form-control-select2.js';
-import { d as defineCustomElement$h } from './form-control-text2.js';
-import { d as defineCustomElement$g } from './business-additional-questions-form-step.js';
-import { d as defineCustomElement$f } from './business-bank-account-form-step.js';
-import { d as defineCustomElement$e } from './business-core-info-form-step.js';
-import { d as defineCustomElement$d } from './business-document-upload-form-step.js';
-import { d as defineCustomElement$c } from './business-document-upload-input-group.js';
-import { d as defineCustomElement$b } from './business-documents-on-file.js';
-import { d as defineCustomElement$a } from './business-owners-form-step.js';
-import { d as defineCustomElement$9 } from './business-representative-form-step.js';
-import { d as defineCustomElement$8 } from './business-terms-conditions-form-step.js';
-import { d as defineCustomElement$7 } from './business-terms-conditions-text.js';
-import { d as defineCustomElement$6 } from './identity-address-form.js';
-import { d as defineCustomElement$5 } from './legal-address-form-step.js';
-import { d as defineCustomElement$4 } from './owner-form.js';
-import { d as defineCustomElement$3 } from './payment-provisioning-form-buttons.js';
-import { d as defineCustomElement$2 } from './payment-provisioning-form-steps.js';
-import { d as defineCustomElement$1 } from './skeleton.js';
+import { S as StyledHost } from './styled-host.js';
+import { d as defineCustomElement$w } from './form-control-checkbox2.js';
+import { d as defineCustomElement$v } from './form-control-date2.js';
+import { d as defineCustomElement$u } from './form-control-error-text2.js';
+import { d as defineCustomElement$t } from './form-control-file2.js';
+import { d as defineCustomElement$s } from './form-control-help-text2.js';
+import { d as defineCustomElement$r } from './form-control-monetary2.js';
+import { d as defineCustomElement$q } from './form-control-number-masked2.js';
+import { d as defineCustomElement$p } from './form-control-select2.js';
+import { d as defineCustomElement$o } from './form-control-text2.js';
+import { d as defineCustomElement$n } from './business-additional-questions-form-step.js';
+import { d as defineCustomElement$m } from './business-additional-questions-form-step-core.js';
+import { d as defineCustomElement$l } from './business-bank-account-form-step.js';
+import { d as defineCustomElement$k } from './business-core-info-form-step.js';
+import { d as defineCustomElement$j } from './business-core-info-form-step-core.js';
+import { d as defineCustomElement$i } from './business-document-upload-form-step.js';
+import { d as defineCustomElement$h } from './business-document-upload-input-group.js';
+import { d as defineCustomElement$g } from './business-documents-on-file.js';
+import { d as defineCustomElement$f } from './business-owners-form-step.js';
+import { d as defineCustomElement$e } from './business-owners-form-step-core.js';
+import { d as defineCustomElement$d } from './business-representative-form-inputs.js';
+import { d as defineCustomElement$c } from './business-representative-form-step.js';
+import { d as defineCustomElement$b } from './business-representative-form-step-core.js';
+import { d as defineCustomElement$a } from './business-terms-conditions-form-step.js';
+import { d as defineCustomElement$9 } from './business-terms-conditions-text.js';
+import { d as defineCustomElement$8 } from './identity-address-form.js';
+import { d as defineCustomElement$7 } from './legal-address-form-step.js';
+import { d as defineCustomElement$6 } from './legal-address-form-step-core.js';
+import { d as defineCustomElement$5 } from './owner-form.js';
+import { d as defineCustomElement$4 } from './payment-provisioning-form-buttons.js';
+import { d as defineCustomElement$3 } from './payment-provisioning-form-steps.js';
+import { d as defineCustomElement$2 } from './owner-form-core2.js';
+import { d as defineCustomElement$1 } from './owner-form-inputs2.js';
 
 const PaymentProvisioningCore = /*@__PURE__*/ proxyCustomElement(class PaymentProvisioningCore extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
+        this.__attachShadow();
         this.clickEvent = createEvent(this, "click-event", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
         this.submitted = createEvent(this, "submitted", 7);
@@ -72,9 +81,6 @@ const PaymentProvisioningCore = /*@__PURE__*/ proxyCustomElement(class PaymentPr
             });
         };
         this.refs = [];
-        this.handleFormLoading = (e) => {
-            this.formLoading = e.detail;
-        };
         this.incrementSteps = () => {
             if (this.currentStep < this.totalSteps) {
                 return this.currentStep++;
@@ -91,7 +97,7 @@ const PaymentProvisioningCore = /*@__PURE__*/ proxyCustomElement(class PaymentPr
             const currentStep = this.refs[this.currentStep];
             currentStep.validateAndSubmit({ onSuccess: this.incrementSteps });
         };
-        this.formLoading = false;
+        this.loading = false;
         this.businessProvisioned = false;
         this.currentStep = 0;
         this.errorMessage = undefined;
@@ -110,7 +116,7 @@ const PaymentProvisioningCore = /*@__PURE__*/ proxyCustomElement(class PaymentPr
         return `entities/business/${this.businessId}`;
     }
     get formDisabled() {
-        return this.formLoading || this.businessProvisioned;
+        return this.loading || this.businessProvisioned;
     }
     get totalSteps() {
         return this.refs.length - 1;
@@ -118,26 +124,29 @@ const PaymentProvisioningCore = /*@__PURE__*/ proxyCustomElement(class PaymentPr
     get stepCounter() {
         return `${this.currentStep + 1} of ${this.totalSteps + 1}`;
     }
+    handleFormLoading(event) {
+        this.loading = event.detail;
+    }
     render() {
-        return (h(Host, { key: '55cc99c89f4bd0c118f478bf4ed784ba79e58390', exportparts: 'label,input,input-invalid' }, h("div", { key: '68c9410be13351130196c33db2f71f8c541d5bee', class: 'row gap-3' }, h("h1", { key: '37a6b7aa48c8a6a3ddea1b61e11adfc73ef2cbb3' }, this.formTitle), h("justifi-payment-provisioning-form-steps", { key: '599cd00f4582dd1370a8bebd14258a196561c9af', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, handleFormLoading: this.handleFormLoading, onFormCompleted: () => this.postProvisioningData() }), h("div", { key: '4ad23d84d851781e264a31f5fba4f91ef0bd9422', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: 'b77f58acaf9c374c553916f887f2d3ff253ddc4a', class: 'd-flex align-items-center' }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: '756886f2a82f8d31321962eb2eb249de3cd55ecc', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.formLoading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
+        return (h(StyledHost, { key: '80f2730a6a4e273391888b086c3633a3dec012b8', exportparts: 'label,input,input-invalid' }, h("div", { key: 'b4e7be2fed14b404ee7bcbe42c3c1c54bb78fdb6', class: 'row gap-3' }, h("h1", { key: 'f477beb7934a94a74dfc6b8a9c18cc54a720f70e' }, this.formTitle), h("justifi-payment-provisioning-form-steps", { key: 'e74aa3a01cfe7550f4917d28ccda1aca211d9394', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, handleFormLoading: this.handleFormLoading, onFormCompleted: () => this.postProvisioningData() }), h("div", { key: '26a585ec4b6b677cb01ac17696269168887f4c76', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: 'ca5ddc176f8c2eb3315620076b401e47f45039bd', class: 'd-flex align-items-center' }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: '8299387bf859b33c829d29d66947c3c053ffa53c', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
     }
-}, [0, "justifi-payment-provisioning-core", {
+}, [1, "justifi-payment-provisioning-core", {
         "businessId": [1, "business-id"],
         "authToken": [1, "auth-token"],
         "allowOptionalFields": [4, "allow-optional-fields"],
         "formTitle": [1, "form-title"],
         "getBusiness": [16],
         "postProvisioning": [16],
-        "formLoading": [32],
+        "loading": [32],
         "businessProvisioned": [32],
         "currentStep": [32],
         "errorMessage": [32]
-    }]);
+    }, [[0, "formLoading", "handleFormLoading"]]]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-payment-provisioning-core", "form-control-checkbox", "form-control-date", "form-control-error-text", "form-control-file", "form-control-help-text", "form-control-monetary", "form-control-number-masked", "form-control-select", "form-control-text", "justifi-additional-questions-form-step", "justifi-business-bank-account-form-step", "justifi-business-core-info-form-step", "justifi-business-document-upload-form-step", "justifi-business-document-upload-input-group", "justifi-business-documents-on-file", "justifi-business-owners-form-step", "justifi-business-representative-form-step", "justifi-business-terms-conditions-form-step", "justifi-business-terms-conditions-text", "justifi-identity-address-form", "justifi-legal-address-form-step", "justifi-owner-form", "justifi-payment-provisioning-form-buttons", "justifi-payment-provisioning-form-steps", "justifi-skeleton"];
+    const components = ["justifi-payment-provisioning-core", "form-control-checkbox", "form-control-date", "form-control-error-text", "form-control-file", "form-control-help-text", "form-control-monetary", "form-control-number-masked", "form-control-select", "form-control-text", "justifi-additional-questions-form-step", "justifi-additional-questions-form-step-core", "justifi-business-bank-account-form-step", "justifi-business-core-info-form-step", "justifi-business-core-info-form-step-core", "justifi-business-document-upload-form-step", "justifi-business-document-upload-input-group", "justifi-business-documents-on-file", "justifi-business-owners-form-step", "justifi-business-owners-form-step-core", "justifi-business-representative-form-inputs", "justifi-business-representative-form-step", "justifi-business-representative-form-step-core", "justifi-business-terms-conditions-form-step", "justifi-business-terms-conditions-text", "justifi-identity-address-form", "justifi-legal-address-form-step", "justifi-legal-address-form-step-core", "justifi-owner-form", "justifi-payment-provisioning-form-buttons", "justifi-payment-provisioning-form-steps", "owner-form-core", "owner-form-inputs"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payment-provisioning-core":
             if (!customElements.get(tagName)) {
@@ -146,125 +155,160 @@ function defineCustomElement() {
             break;
         case "form-control-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$w();
             }
             break;
         case "form-control-date":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$v();
             }
             break;
         case "form-control-error-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$u();
             }
             break;
         case "form-control-file":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$t();
             }
             break;
         case "form-control-help-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$s();
             }
             break;
         case "form-control-monetary":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$r();
             }
             break;
         case "form-control-number-masked":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$q();
             }
             break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$p();
             }
             break;
         case "form-control-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$o();
             }
             break;
         case "justifi-additional-questions-form-step":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$n();
+            }
+            break;
+        case "justifi-additional-questions-form-step-core":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$m();
             }
             break;
         case "justifi-business-bank-account-form-step":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$l();
             }
             break;
         case "justifi-business-core-info-form-step":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$k();
+            }
+            break;
+        case "justifi-business-core-info-form-step-core":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
             }
             break;
         case "justifi-business-document-upload-form-step":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$i();
             }
             break;
         case "justifi-business-document-upload-input-group":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$h();
             }
             break;
         case "justifi-business-documents-on-file":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$g();
             }
             break;
         case "justifi-business-owners-form-step":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$f();
+            }
+            break;
+        case "justifi-business-owners-form-step-core":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "justifi-business-representative-form-inputs":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
             }
             break;
         case "justifi-business-representative-form-step":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$c();
+            }
+            break;
+        case "justifi-business-representative-form-step-core":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
             }
             break;
         case "justifi-business-terms-conditions-form-step":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$a();
             }
             break;
         case "justifi-business-terms-conditions-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$9();
             }
             break;
         case "justifi-identity-address-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$8();
             }
             break;
         case "justifi-legal-address-form-step":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$7();
+            }
+            break;
+        case "justifi-legal-address-form-step-core":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
             }
             break;
         case "justifi-owner-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "justifi-payment-provisioning-form-buttons":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "justifi-payment-provisioning-form-steps":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "owner-form-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }
             break;
-        case "justifi-skeleton":
+        case "owner-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

package/dist/module/payment-provisioning-form-buttons.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { b as BusinessFormClickActions } from './business-form-types.js';
-import { L as LoadingSpinner } from './utils3.js';
+import { B as Button } from './button.js';
 
 const PaymentProvisioningFormButtons = /*@__PURE__*/ proxyCustomElement(class PaymentProvisioningFormButtons extends HTMLElement {
     constructor() {
@@ -23,7 +23,7 @@ const PaymentProvisioningFormButtons = /*@__PURE__*/ proxyCustomElement(class Pa
         return this.currentStep === this.totalSteps;
     }
     render() {
-        return (h("div", { key: 'abc1957bf9f8afaa808471730d43a0d3abe447ca', class: 'd-flex gap-2' }, h("button", { key: 'a6a09bc4afdefa8d0a04e96bfc3228ece27f7968', type: 'button', class: 'btn btn-secondary', onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h("button", { key: '6709aaf0c97a4aff7ffc45dcab0c3589b9f1d940', type: 'button', class: `btn btn-primary jfi-submit-button${this.formLoading ? ' jfi-submit-button-loading' : ''}`, onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, hidden: !this.showNextStepButton }, this.formLoading ? LoadingSpinner() : 'Next'), h("button", { key: '9b0cc8573d48082bec14294682b3674b1423abbe', type: 'submit', class: `btn btn-primary jfi-submit-button${this.formLoading ? ' jfi-submit-button-loading' : ''}`, onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, hidden: !this.showSubmitButton }, this.formLoading ? LoadingSpinner() : 'Submit')));
+        return (h("div", { key: '3df3796f2bb35819373564c0002e35d14c85e360', class: 'd-flex gap-2' }, h(Button, { key: '3f8fd4e288b2eed6776c77b44dda816e8a0580cd', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '83c7d2405d6e4f88f721a95250aa847a6999a211', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: 'd87bcdc9bea52b11307e31bd1d99636be05d7156', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
     }
 }, [0, "justifi-payment-provisioning-form-buttons", {
         "currentStep": [2, "current-step"],