@justifi/webcomponents 6.10.4 → 6.12.0

package/dist/module/justifi-tokenize-payment-method.js

@@ -1,171 +1,6 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$k } from './custom-popper2.js';
-import { d as defineCustomElement$j } from './form-control-checkbox2.js';
-import { d as defineCustomElement$i } from './form-control-help-text2.js';
-import { d as defineCustomElement$h } from './form-control-radio2.js';
-import { d as defineCustomElement$g } from './form-control-select2.js';
-import { d as defineCustomElement$f } from './form-control-text2.js';
-import { d as defineCustomElement$e } from './form-control-tooltip2.js';
-import { d as defineCustomElement$d } from './hidden-input2.js';
-import { d as defineCustomElement$c } from './iframe-input2.js';
-import { d as defineCustomElement$b } from './internal-tokenize-payment-method2.js';
-import { d as defineCustomElement$a } from './bank-account-billing-form-simple.js';
-import { d as defineCustomElement$9 } from './bank-account.js';
-import { d as defineCustomElement$8 } from './billing-form.js';
-import { d as defineCustomElement$7 } from './billing-form-full.js';
-import { d as defineCustomElement$6 } from './justifi-button2.js';
-import { d as defineCustomElement$5 } from './card-billing-form-simple.js';
-import { d as defineCustomElement$4 } from './card-form2.js';
-import { d as defineCustomElement$3 } from './justifi-radio-list-item2.js';
-import { d as defineCustomElement$2 } from './save-new-payment-method.js';
+import { J as JustifiTokenizePaymentMethod$1, d as defineCustomElement$1 } from './justifi-tokenize-payment-method2.js';
 
-const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePaymentMethod extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.submitButtonText = 'Submit';
-    }
-    async tokenizePaymentMethod(event) {
-        return this.tokenizePaymentMethodRef.tokenizePaymentMethod(event);
-    }
-    async fillBillingForm(fields) {
-        return this.tokenizePaymentMethodRef.fillBillingForm(fields);
-    }
-    async validate() {
-        return this.tokenizePaymentMethodRef.validate();
-    }
-    render() {
-        return (h("internal-tokenize-payment-method", { key: 'eeef0082ce936beae8d4ca51bb23bd7c965191ee', ref: (el) => this.tokenizePaymentMethodRef = el, authToken: this.authToken, accountId: this.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: this.hideSubmitButton, paymentMethodGroupId: this.paymentMethodGroupId }));
-    }
-}, [257, "justifi-tokenize-payment-method", {
-        "accountId": [1, "account-id"],
-        "authToken": [1, "auth-token"],
-        "disableBankAccount": [4, "disable-bank-account"],
-        "disableCreditCard": [4, "disable-credit-card"],
-        "hideBankAccountBillingForm": [4, "hide-bank-account-billing-form"],
-        "hideCardBillingForm": [4, "hide-card-billing-form"],
-        "hideSubmitButton": [4, "hide-submit-button"],
-        "paymentMethodGroupId": [1, "payment-method-group-id"],
-        "submitButtonText": [1, "submit-button-text"],
-        "savePaymentMethodLabel": [1, "save-payment-method-label"],
-        "tokenizePaymentMethod": [64],
-        "fillBillingForm": [64],
-        "validate": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-tokenize-payment-method", "custom-popper", "form-control-checkbox", "form-control-help-text", "form-control-radio", "form-control-select", "form-control-text", "form-control-tooltip", "hidden-input", "iframe-input", "internal-tokenize-payment-method", "justifi-bank-account-billing-form-simple", "justifi-bank-account-form", "justifi-billing-form", "justifi-billing-form-full", "justifi-button", "justifi-card-billing-form-simple", "justifi-card-form", "justifi-radio-list-item", "justifi-save-new-payment-method"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-tokenize-payment-method":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TokenizePaymentMethod);
-            }
-            break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "form-control-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "form-control-help-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "form-control-radio":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "form-control-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "form-control-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "hidden-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "iframe-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "internal-tokenize-payment-method":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "justifi-bank-account-billing-form-simple":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "justifi-bank-account-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "justifi-billing-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "justifi-billing-form-full":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "justifi-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "justifi-card-billing-form-simple":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "justifi-card-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "justifi-radio-list-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "justifi-save-new-payment-method":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const JustifiTokenizePaymentMethod = TokenizePaymentMethod;
+const JustifiTokenizePaymentMethod = JustifiTokenizePaymentMethod$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiTokenizePaymentMethod, defineCustomElement };

package/dist/module/{internal-tokenize-payment-method2.js → justifi-tokenize-payment-method2.js}

@@ -1,34 +1,36 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { S as StyledHost } from './styled-host.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
-import { d as defineCustomElement$2 } from './justifi-radio-list-item2.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
+import './justifi-radio-list-item2.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
+import { J as JustifiAnalytics } from './Analytics.js';
 import './config-state.js';
 import './dinero.js';
-import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './Plaid.js';
+import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
 import { c as checkoutStore } from './checkout.store.js';
 import { P as PAYMENT_METHODS } from './ModularCheckout.js';
-import { d as defineCustomElement$i } from './custom-popper2.js';
-import { d as defineCustomElement$h } from './form-control-checkbox2.js';
-import { d as defineCustomElement$g } from './form-control-help-text2.js';
-import { d as defineCustomElement$f } from './form-control-radio2.js';
-import { d as defineCustomElement$e } from './form-control-select2.js';
-import { d as defineCustomElement$d } from './form-control-text2.js';
-import { d as defineCustomElement$c } from './form-control-tooltip2.js';
-import { d as defineCustomElement$b } from './hidden-input2.js';
-import { d as defineCustomElement$a } from './iframe-input2.js';
-import { d as defineCustomElement$9 } from './bank-account-billing-form-simple.js';
-import { d as defineCustomElement$8 } from './bank-account.js';
-import { d as defineCustomElement$7 } from './billing-form.js';
-import { d as defineCustomElement$6 } from './billing-form-full.js';
-import { d as defineCustomElement$5 } from './justifi-button2.js';
-import { d as defineCustomElement$4 } from './card-billing-form-simple.js';
-import { d as defineCustomElement$3 } from './card-form2.js';
-import { d as defineCustomElement$1 } from './save-new-payment-method.js';
+import { d as defineCustomElement$i } from './bank-account-billing-form-simple2.js';
+import { d as defineCustomElement$h } from './bank-account-form2.js';
+import { d as defineCustomElement$g } from './billing-form2.js';
+import { d as defineCustomElement$f } from './billing-form-full2.js';
+import { d as defineCustomElement$e } from './card-billing-form-simple2.js';
+import { d as defineCustomElement$d } from './card-form2.js';
+import { d as defineCustomElement$c } from './custom-popper2.js';
+import { d as defineCustomElement$b } from './form-control-checkbox2.js';
+import { d as defineCustomElement$a } from './form-control-help-text3.js';
+import { d as defineCustomElement$9 } from './form-control-radio2.js';
+import { d as defineCustomElement$8 } from './form-control-select2.js';
+import { d as defineCustomElement$7 } from './form-control-text2.js';
+import { d as defineCustomElement$6 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$5 } from './hidden-input2.js';
+import { d as defineCustomElement$4 } from './iframe-input2.js';
+import { d as defineCustomElement$3 } from './internal-button2.js';
+import { d as defineCustomElement$2 } from './radio-list-item2.js';
+import { d as defineCustomElement$1 } from './save-new-payment-method2.js';
 
 // Constants
 const PAYMENT_METHOD_TYPE_LABELS = {
@@ -41,12 +43,13 @@ const ERROR_MESSAGES = {
     FORM_NOT_READY: 'Payment form not ready',
     VALIDATION_ERROR: 'Validation error',
 };
-const InternalTokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class InternalTokenizePaymentMethod extends HTMLElement {
+const JustifiTokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class JustifiTokenizePaymentMethod extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
             this.__registerHost();
         }
+        this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
         this.submitEvent = createEvent(this, "submit-event", 7);
         this.computedHideSubmitButton = false;
@@ -75,10 +78,6 @@ const InternalTokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class Int
         this.selectedPaymentMethod = event.detail;
         checkoutStore.selectedPaymentMethod = { type: event.detail };
     }
-    async fillBillingForm(fields) {
-        var _a;
-        (_a = this.billingFormRef) === null || _a === void 0 ? void 0 : _a.fill(fields);
-    }
     async tokenizePaymentMethod(event) {
         event === null || event === void 0 ? void 0 : event.preventDefault();
         this.validateRequiredProps();
@@ -116,6 +115,9 @@ const InternalTokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class Int
             this.isLoading = false;
         }
     }
+    async fillBillingForm(fields) {
+        checkoutStore.billingFormFields = fields;
+    }
     async validate() {
         if (!this.areFormsReady()) {
             return { isValid: false, errors: { general: ERROR_MESSAGES.FORM_NOT_READY } };
@@ -130,6 +132,9 @@ const InternalTokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class Int
         };
         return result;
     }
+    async getValues() {
+        return this.billingFormRef.getValues();
+    }
     async tokenize() {
         try {
             const billingFormFieldValues = await this.billingFormRef.getValues();
@@ -138,7 +143,8 @@ const InternalTokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class Int
                 account: this.accountId || checkoutStore.accountId,
                 paymentMethodMetadata: this.buildPaymentMethodMetadata(billingFormFieldValues),
             };
-            return await this.paymentMethodFormRef.tokenize(config);
+            const result = await this.paymentMethodFormRef.tokenize(config);
+            return result;
         }
         catch (error) {
             return error;
@@ -249,10 +255,11 @@ const InternalTokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class Int
             return { error: tokenizeResponse.error };
         }
         const tokenizeResponseData = tokenizeResponse.data;
-        return {
+        const result = {
             token: ((_a = tokenizeResponseData.card) === null || _a === void 0 ? void 0 : _a.token) || ((_b = tokenizeResponseData.bank_account) === null || _b === void 0 ? void 0 : _b.token),
             data: tokenizeResponseData,
         };
+        return result;
     }
     buildPaymentMethodMetadata(billingFormFieldValues) {
         return this.shouldSavePaymentMethod
@@ -269,23 +276,32 @@ const InternalTokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class Int
     }
     renderPaymentMethodOption(paymentMethodType) {
         const isSelected = this.selectedPaymentMethod === paymentMethodType && checkoutStore.selectedPaymentMethod.id === undefined;
-        return (h("div", { class: "payment-method" }, h("justifi-radio-list-item", { name: "paymentMethodType", value: paymentMethodType, checked: isSelected, label: PAYMENT_METHOD_TYPE_LABELS[paymentMethodType], hidden: this.shouldHideRadioInput }), isSelected && this.renderSelectedPaymentMethodForm(paymentMethodType)));
+        return (h("div", { class: "payment-method" }, h("radio-list-item", { name: "paymentMethodType", value: paymentMethodType, checked: isSelected, label: PAYMENT_METHOD_TYPE_LABELS[paymentMethodType], hidden: this.shouldHideRadioInput }), isSelected && this.renderSelectedPaymentMethodForm(paymentMethodType)));
     }
     renderSelectedPaymentMethodForm(paymentMethodType) {
-        return (h("div", { class: "mt-4 pb-4" }, this.renderPaymentMethodForm(paymentMethodType), h("div", { class: "mt-4" }, h("justifi-billing-form", { ref: (el) => (this.billingFormRef = el), hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodType })), h("div", { class: "mt-4" }, h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupID, label: this.savePaymentMethodLabel }))));
+        return (h("div", { class: "mt-4 pb-4" }, this.renderPaymentMethodForm(paymentMethodType), h("div", { class: "mt-4" }, h("billing-form", { ref: (el) => {
+                if (el)
+                    this.billingFormRef = el;
+            }, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodType })), h("div", { class: "mt-4" }, h("save-new-payment-method", { hidden: !this.paymentMethodGroupID, label: this.savePaymentMethodLabel }))));
     }
     renderPaymentMethodForm(paymentMethodType) {
-        return paymentMethodType === PAYMENT_METHODS.NEW_CARD ? (h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
+        return paymentMethodType === PAYMENT_METHODS.NEW_CARD ? (h("card-form", { ref: (el) => {
+                if (el)
+                    this.paymentMethodFormRef = el;
+            } })) : (h("bank-account-form", { ref: (el) => {
+                if (el)
+                    this.paymentMethodFormRef = el;
+            } }));
     }
     render() {
-        return (h(StyledHost, { key: 'bb6a2e0eec485c96a756c504a278670804be0634' }, h("form", { key: 'f12f65c8fbe45e86418be9d3c2ff1107e292c86d' }, h("fieldset", { key: 'becda77faf80fd8b1e6d967cc4ead3d4adc3b6e8' }, h("div", { key: '0419c1843747f59e68800ae3e2c78096b32605b0', class: "row gy-3" }, h("div", { key: '8724f40a13bc62808f6e99cced2f8d7419b22d53', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'ec9c0e2f6a85976d68e3dc939cd2826bfbd840d8', class: "col-12" }, h("justifi-button", { key: '1c4b6a83c8357e15eaba071ea2fb8ba82b4c978c', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (h(StyledHost, { key: '2d4349f3e5ad632981cdeb14dbe4e483f79379da' }, h("form", { key: '754afee2c5229cf016bd8fc0cf81041cf37270a8' }, h("fieldset", { key: '01867151a09d384e1258ef7f62fbc88c526706cc' }, h("div", { key: '7ba453d4629a0c2ef583daddcb9cf02ac5eee265', class: "row gy-3" }, h("div", { key: '4148f2269c738a00f2684d69d4a83a4ab2424f2b', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'e67b09357571aadfb3d2712f55954506748b3826', class: "col-12" }, h("internal-button", { key: 'c2e805060ff7e9e97144533ffad3b4a02433e792', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     get host() { return this; }
     static get watchers() { return {
         "disableCreditCard": ["paymentMethodsChanged"],
         "disableBankAccount": ["paymentMethodsChanged"]
     }; }
-}, [256, "internal-tokenize-payment-method", {
+}, [257, "justifi-tokenize-payment-method", {
         "accountId": [1, "account-id"],
         "authToken": [1, "auth-token"],
         "disableBankAccount": [4, "disable-bank-account"],
@@ -299,9 +315,10 @@ const InternalTokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class Int
         "computedHideSubmitButton": [32],
         "isLoading": [32],
         "selectedPaymentMethod": [32],
-        "fillBillingForm": [64],
         "tokenizePaymentMethod": [64],
+        "fillBillingForm": [64],
         "validate": [64],
+        "getValues": [64],
         "tokenize": [64]
     }, [[0, "radio-click", "handleRadioClick"]], {
         "disableCreditCard": ["paymentMethodsChanged"],
@@ -311,99 +328,99 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["internal-tokenize-payment-method", "custom-popper", "form-control-checkbox", "form-control-help-text", "form-control-radio", "form-control-select", "form-control-text", "form-control-tooltip", "hidden-input", "iframe-input", "justifi-bank-account-billing-form-simple", "justifi-bank-account-form", "justifi-billing-form", "justifi-billing-form-full", "justifi-button", "justifi-card-billing-form-simple", "justifi-card-form", "justifi-radio-list-item", "justifi-save-new-payment-method"];
+    const components = ["justifi-tokenize-payment-method", "bank-account-billing-form-simple", "bank-account-form", "billing-form", "billing-form-full", "card-billing-form-simple", "card-form", "custom-popper", "form-control-checkbox", "form-control-help-text", "form-control-radio", "form-control-select", "form-control-text", "form-control-tooltip", "hidden-input", "iframe-input", "internal-button", "radio-list-item", "save-new-payment-method"];
     components.forEach(tagName => { switch (tagName) {
-        case "internal-tokenize-payment-method":
+        case "justifi-tokenize-payment-method":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, InternalTokenizePaymentMethod);
+                customElements.define(tagName, JustifiTokenizePaymentMethod);
             }
             break;
-        case "custom-popper":
+        case "bank-account-billing-form-simple":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "form-control-checkbox":
+        case "bank-account-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "form-control-help-text":
+        case "billing-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "form-control-radio":
+        case "billing-form-full":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "form-control-select":
+        case "card-billing-form-simple":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "form-control-text":
+        case "card-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "form-control-tooltip":
+        case "custom-popper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "hidden-input":
+        case "form-control-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "iframe-input":
+        case "form-control-help-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "justifi-bank-account-billing-form-simple":
+        case "form-control-radio":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "justifi-bank-account-form":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "justifi-billing-form":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "justifi-billing-form-full":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "justifi-button":
+        case "hidden-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "justifi-card-billing-form-simple":
+        case "iframe-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "justifi-card-form":
+        case "internal-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "justifi-radio-list-item":
+        case "radio-list-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }
             break;
-        case "justifi-save-new-payment-method":
+        case "save-new-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }
@@ -412,4 +429,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { InternalTokenizePaymentMethod as I, defineCustomElement as d };
+export { JustifiTokenizePaymentMethod as J, defineCustomElement as d };

package/dist/module/legal-address-form-step.d.ts

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