@justifi/webcomponents 6.11.0 → 6.12.0

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

@@ -1,44 +1,44 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Plaid.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import { a as CountryCode, b as Business, e as checkProvisioningStatus } from './Business.js';
-import { t as text } from './parts.js';
+import { j as text } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import { H as Header1 } from './header-1.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { a as BusinessFormClickActions } from './event-types2.js';
 import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
-import { d as defineCustomElement$v } from './bank-account-document-inputs.js';
-import { d as defineCustomElement$u } from './bank-account-form-inputs2.js';
-import { d as defineCustomElement$t } from './bank-account-form-inputs-canada2.js';
-import { d as defineCustomElement$s } from './bank-account-read-only-value2.js';
-import { d as defineCustomElement$r } from './business-documents-on-file2.js';
-import { d as defineCustomElement$q } from './custom-popper2.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-file2.js';
-import { d as defineCustomElement$m } from './form-control-monetary-provisioning2.js';
-import { d as defineCustomElement$l } from './form-control-number2.js';
-import { d as defineCustomElement$k } from './form-control-number-masked2.js';
-import { d as defineCustomElement$j } from './form-control-select2.js';
-import { d as defineCustomElement$i } from './form-control-text2.js';
-import { d as defineCustomElement$h } from './form-control-tooltip2.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-owners-form-step.js';
-import { d as defineCustomElement$c } from './business-representative-form-inputs.js';
-import { d as defineCustomElement$b } from './business-representative-form-step.js';
-import { d as defineCustomElement$a } from './business-terms-conditions-form-step.js';
-import { d as defineCustomElement$9 } from './form-address-fields.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 './owner-form.js';
-import { d as defineCustomElement$5 } from './payment-provisioning-form-buttons.js';
-import { d as defineCustomElement$4 } from './payment-provisioning-form-steps.js';
-import { d as defineCustomElement$3 } from './owner-form-core2.js';
-import { d as defineCustomElement$2 } from './owner-form-inputs2.js';
+import { d as defineCustomElement$v } from './additional-questions-form-step2.js';
+import { d as defineCustomElement$u } from './bank-account-document-form-inputs2.js';
+import { d as defineCustomElement$t } from './bank-account-form-inputs2.js';
+import { d as defineCustomElement$s } from './bank-account-form-inputs-canada2.js';
+import { d as defineCustomElement$r } from './bank-account-read-only-value2.js';
+import { d as defineCustomElement$q } from './business-bank-account-form-step2.js';
+import { d as defineCustomElement$p } from './business-core-info-form-step2.js';
+import { d as defineCustomElement$o } from './business-documents-on-file2.js';
+import { d as defineCustomElement$n } from './business-owners-form-step2.js';
+import { d as defineCustomElement$m } from './business-representative-form-inputs2.js';
+import { d as defineCustomElement$l } from './business-representative-form-step2.js';
+import { d as defineCustomElement$k } from './business-terms-conditions-form-step2.js';
+import { d as defineCustomElement$j } from './custom-popper2.js';
+import { d as defineCustomElement$i } from './form-address-fields2.js';
+import { d as defineCustomElement$h } from './form-control-checkbox2.js';
+import { d as defineCustomElement$g } from './form-control-date2.js';
+import { d as defineCustomElement$f } from './form-control-file2.js';
+import { d as defineCustomElement$e } from './form-control-monetary-provisioning2.js';
+import { d as defineCustomElement$d } from './form-control-number2.js';
+import { d as defineCustomElement$c } from './form-control-number-masked2.js';
+import { d as defineCustomElement$b } from './form-control-select2.js';
+import { d as defineCustomElement$a } from './form-control-text2.js';
+import { d as defineCustomElement$9 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$8 } from './identity-address-form2.js';
+import { d as defineCustomElement$7 } from './legal-address-form-step2.js';
+import { d as defineCustomElement$6 } from './owner-form2.js';
+import { d as defineCustomElement$5 } from './owner-form-core2.js';
+import { d as defineCustomElement$4 } from './owner-form-inputs2.js';
+import { d as defineCustomElement$3 } from './payment-provisioning-form-buttons2.js';
+import { d as defineCustomElement$2 } from './payment-provisioning-form-steps2.js';
 import { d as defineCustomElement$1 } from './plaid-verification2.js';
 
 const PaymentProvisioningAlreadyProvisioned = () => {
@@ -49,7 +49,7 @@ const PaymentProvisioningSubmissionComplete = () => {
     return (h("div", { class: "row gap-3 p5" }, h("div", { class: "col-12" }, h(Header1, { text: "You're all set for now" })), h("div", { class: "col-12", part: text }, h("p", null, "We're reviewing your information and working on your approval. We'll be in touch to let you know once you've been approved (or if we find anything that needs fixing). Have a good one!"))));
 };
 
-const PaymentProvisioningCore = /*@__PURE__*/ proxyCustomElement(class PaymentProvisioningCore extends HTMLElement {
+const JustifiPaymentProvisioningCore = /*@__PURE__*/ proxyCustomElement(class JustifiPaymentProvisioningCore extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -177,7 +177,7 @@ const PaymentProvisioningCore = /*@__PURE__*/ proxyCustomElement(class PaymentPr
             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 })))));
     }
 }, [256, "justifi-payment-provisioning-core", {
         "businessId": [1, "business-id"],
@@ -198,159 +198,159 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-payment-provisioning-core", "bank-account-document-form-inputs", "bank-account-form-inputs", "bank-account-form-inputs-canada", "bank-account-read-only-value", "business-documents-on-file", "custom-popper", "form-control-checkbox", "form-control-date", "form-control-file", "form-control-monetary-provisioning", "form-control-number", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions-form-step", "justifi-business-bank-account-form-step", "justifi-business-core-info-form-step", "justifi-business-owners-form-step", "justifi-business-representative-form-inputs", "justifi-business-representative-form-step", "justifi-business-terms-conditions-form-step", "justifi-form-address-fields", "justifi-identity-address-form", "justifi-legal-address-form-step", "justifi-owner-form", "justifi-payment-provisioning-form-buttons", "justifi-payment-provisioning-form-steps", "owner-form-core", "owner-form-inputs", "plaid-verification"];
+    const components = ["justifi-payment-provisioning-core", "additional-questions-form-step", "bank-account-document-form-inputs", "bank-account-form-inputs", "bank-account-form-inputs-canada", "bank-account-read-only-value", "business-bank-account-form-step", "business-core-info-form-step", "business-documents-on-file", "business-owners-form-step", "business-representative-form-inputs", "business-representative-form-step", "business-terms-conditions-form-step", "custom-popper", "form-address-fields", "form-control-checkbox", "form-control-date", "form-control-file", "form-control-monetary-provisioning", "form-control-number", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "identity-address-form", "legal-address-form-step", "owner-form", "owner-form-core", "owner-form-inputs", "payment-provisioning-form-buttons", "payment-provisioning-form-steps", "plaid-verification"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payment-provisioning-core":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, PaymentProvisioningCore);
+                customElements.define(tagName, JustifiPaymentProvisioningCore);
             }
             break;
-        case "bank-account-document-form-inputs":
+        case "additional-questions-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$v();
             }
             break;
-        case "bank-account-form-inputs":
+        case "bank-account-document-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$u();
             }
             break;
-        case "bank-account-form-inputs-canada":
+        case "bank-account-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$t();
             }
             break;
-        case "bank-account-read-only-value":
+        case "bank-account-form-inputs-canada":
             if (!customElements.get(tagName)) {
                 defineCustomElement$s();
             }
             break;
-        case "business-documents-on-file":
+        case "bank-account-read-only-value":
             if (!customElements.get(tagName)) {
                 defineCustomElement$r();
             }
             break;
-        case "custom-popper":
+        case "business-bank-account-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$q();
             }
             break;
-        case "form-control-checkbox":
+        case "business-core-info-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
             break;
-        case "form-control-date":
+        case "business-documents-on-file":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "form-control-file":
+        case "business-owners-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "form-control-monetary-provisioning":
+        case "business-representative-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "form-control-number":
+        case "business-representative-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "form-control-number-masked":
+        case "business-terms-conditions-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "form-control-select":
+        case "custom-popper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "form-control-text":
+        case "form-address-fields":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "form-control-tooltip":
+        case "form-control-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "justifi-additional-questions-form-step":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "justifi-business-bank-account-form-step":
+        case "form-control-file":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "justifi-business-core-info-form-step":
+        case "form-control-monetary-provisioning":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "justifi-business-owners-form-step":
+        case "form-control-number":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "justifi-business-representative-form-inputs":
+        case "form-control-number-masked":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "justifi-business-representative-form-step":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "justifi-business-terms-conditions-form-step":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "justifi-form-address-fields":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "justifi-identity-address-form":
+        case "identity-address-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "justifi-legal-address-form-step":
+        case "legal-address-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "justifi-owner-form":
+        case "owner-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "justifi-payment-provisioning-form-buttons":
+        case "owner-form-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "justifi-payment-provisioning-form-steps":
+        case "owner-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "owner-form-core":
+        case "payment-provisioning-form-buttons":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "owner-form-inputs":
+        case "payment-provisioning-form-steps":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }
@@ -364,4 +364,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { PaymentProvisioningCore as P, defineCustomElement as d };
+export { JustifiPaymentProvisioningCore as J, defineCustomElement as d };

package/dist/module/payment-provisioning-form-buttons.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PaymentProvisioningFormButtons extends Components.PaymentProvisioningFormButtons, HTMLElement {}
+export const PaymentProvisioningFormButtons: {
+    prototype: PaymentProvisioningFormButtons;
+    new (): PaymentProvisioningFormButtons;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -1,51 +1,6 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import './Business.js';
-import { a as BusinessFormClickActions } from './event-types2.js';
-import { B as Button } from './button.js';
-import './details.js';
-import './event-types.js';
-import './justifi-radio-list-item2.js';
+import { P as PaymentProvisioningFormButtons$1, d as defineCustomElement$1 } from './payment-provisioning-form-buttons2.js';
 
-const PaymentProvisioningFormButtons = /*@__PURE__*/ proxyCustomElement(class PaymentProvisioningFormButtons extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-    }
-    get showPreviousStepButton() {
-        return this.currentStep > 0;
-    }
-    get showNextStepButton() {
-        return this.currentStep < this.totalSteps;
-    }
-    get showSubmitButton() {
-        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")));
-    }
-}, [256, "justifi-payment-provisioning-form-buttons", {
-        "currentStep": [2, "current-step"],
-        "totalSteps": [2, "total-steps"],
-        "formLoading": [4, "form-loading"],
-        "formDisabled": [4, "form-disabled"],
-        "previousStepButtonOnClick": [16],
-        "nextStepButtonOnClick": [16]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-payment-provisioning-form-buttons"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-payment-provisioning-form-buttons":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PaymentProvisioningFormButtons);
-            }
-            break;
-    } });
-}
-defineCustomElement();
+const PaymentProvisioningFormButtons = PaymentProvisioningFormButtons$1;
+const defineCustomElement = defineCustomElement$1;
 
-export { PaymentProvisioningFormButtons as P, defineCustomElement as d };
+export { PaymentProvisioningFormButtons, defineCustomElement };

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

@@ -0,0 +1,51 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import './Business.js';
+import { a as BusinessFormClickActions } from './event-types2.js';
+import { B as Button } from './button.js';
+import './justifi-details2.js';
+import './event-types.js';
+import './justifi-radio-list-item2.js';
+
+const PaymentProvisioningFormButtons = /*@__PURE__*/ proxyCustomElement(class PaymentProvisioningFormButtons extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    get showPreviousStepButton() {
+        return this.currentStep > 0;
+    }
+    get showNextStepButton() {
+        return this.currentStep < this.totalSteps;
+    }
+    get showSubmitButton() {
+        return this.currentStep === this.totalSteps;
+    }
+    render() {
+        return (h("div", { key: '84faa27ba9737bc546ed0ff0d169cea53e3599f3', class: 'd-flex gap-2' }, h(Button, { key: '615c83981ca574001fc7219611f512486415cbd8', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: 'a75dc66a0f067d9153c69cc9756291ef5ef34748', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: '9aa26b8592823ecce24aae8bfbf230b6deab5336', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
+    }
+}, [256, "payment-provisioning-form-buttons", {
+        "currentStep": [2, "current-step"],
+        "totalSteps": [2, "total-steps"],
+        "formLoading": [4, "form-loading"],
+        "formDisabled": [4, "form-disabled"],
+        "previousStepButtonOnClick": [16],
+        "nextStepButtonOnClick": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["payment-provisioning-form-buttons"];
+    components.forEach(tagName => { switch (tagName) {
+        case "payment-provisioning-form-buttons":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, PaymentProvisioningFormButtons);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { PaymentProvisioningFormButtons as P, defineCustomElement as d };

package/dist/module/payment-provisioning-form-steps.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PaymentProvisioningFormSteps extends Components.PaymentProvisioningFormSteps, HTMLElement {}
+export const PaymentProvisioningFormSteps: {
+    prototype: PaymentProvisioningFormSteps;
+    new (): PaymentProvisioningFormSteps;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;