@justifi/webcomponents 6.11.0 → 6.12.0

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: '86d79320ea44f9e791ab91739075d160769743fb' }, h("form", { key: 'd8b62d8d0442085822a51eeaef816809e2bd1f05' }, h("fieldset", { key: 'c792bba0b82c19f05ce551b95157479d407113e2' }, h("div", { key: '57e93910091e25344a371ac081aa657c683049b4', class: "row gy-3" }, h("div", { key: 'bc63e26c74b247ec4d5d5ee9510d8370b9e36f17', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '1d9acd0beee80e8b339204d7328a0d2e9078b9a3', class: "col-12" }, h("justifi-button", { key: '18a968b57420f0690e6f6c98b5e108f769b61d4b', 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;

package/dist/module/legal-address-form-step.js

@@ -1,191 +1,6 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Plaid.js';
-import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions.js';
-import { B as BusinessService } from './business.service.js';
-import { c as addressSchemaByCountry } from './business-address-schema.js';
-import { F as FormController } from './form.js';
-import { c as Address } from './Business.js';
-import { h as heading2 } from './parts.js';
-import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
-import { B as BusinessFormStep } from './event-types2.js';
-import { d as defineCustomElement$5 } from './custom-popper2.js';
-import { d as defineCustomElement$4 } from './form-control-select2.js';
-import { d as defineCustomElement$3 } from './form-control-text2.js';
-import { d as defineCustomElement$2 } from './form-control-tooltip2.js';
-import { d as defineCustomElement$1 } from './form-address-fields.js';
+import { L as LegalAddressFormStep$1, d as defineCustomElement$1 } from './legal-address-form-step2.js';
 
-const LegalAddressFormStep = /*@__PURE__*/ proxyCustomElement(class LegalAddressFormStep extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
-        this.formLoading = createEvent(this, "formLoading", 7);
-        this.errors = {};
-        this.legal_address = {};
-        this.isLoading = false;
-        this.getData = () => {
-            if (!this.getBusiness)
-                return;
-            this.formLoading.emit(true);
-            this.isLoading = true;
-            this.getBusiness({
-                onSuccess: (response) => {
-                    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 }) => {
-                    this.errorEvent.emit({
-                        message: error,
-                        errorCode: code,
-                        severity: severity
-                    });
-                },
-                final: () => {
-                    this.formLoading.emit(false);
-                    this.isLoading = false;
-                }
-            });
-        };
-        this.sendData = (onSuccess) => {
-            let submittedData;
-            this.formLoading.emit(true);
-            this.patchBusiness({
-                payload: this.patchPayload,
-                onSuccess: (response) => {
-                    submittedData = response;
-                    onSuccess();
-                },
-                onError: ({ error, code, severity }) => {
-                    submittedData = error;
-                    this.errorEvent.emit({
-                        message: error,
-                        errorCode: code,
-                        severity: severity
-                    });
-                },
-                final: () => {
-                    this.stepCompleteEvent.emit({ response: submittedData, formStep: BusinessFormStep.legalAddress });
-                    this.formLoading.emit(false);
-                }
-            });
-        };
-        this.inputHandler = (name, value) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-        };
-    }
-    propChanged() {
-        this.initializeApi();
-    }
-    async validateAndSubmit({ onSuccess }) {
-        this.formController.validateAndSubmit(() => this.sendData(onSuccess));
-    }
-    get patchPayload() {
-        let formValues = new Address(this.formController.values.getValue()).payload;
-        return { legal_address: formValues };
-    }
-    componentWillLoad() {
-        this.initializeApi();
-        const schemaFactory = addressSchemaByCountry[this.country];
-        this.formController = new FormController(schemaFactory(this.allowOptionalFields));
-        this.getData();
-    }
-    componentDidLoad() {
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-    }
-    initializeApi() {
-        if (this.authToken && this.businessId) {
-            this.getBusiness = makeGetBusiness({
-                authToken: this.authToken,
-                businessId: this.businessId,
-                service: new BusinessService()
-            });
-            this.patchBusiness = makePatchBusiness({
-                authToken: this.authToken,
-                businessId: this.businessId,
-                service: new BusinessService()
-            });
-        }
-        else {
-            this.errorEvent.emit({
-                message: 'Missing required props',
-                errorCode: ComponentErrorCodes.MISSING_PROPS,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    render() {
-        var _a;
-        const legalAddressDefaultValue = (_a = this.formController) === null || _a === void 0 ? void 0 : _a.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("justifi-form-address-fields", { country: this.country, errors: this.errors, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
-    }
-    static get watchers() { return {
-        "authToken": ["propChanged"],
-        "businessId": ["propChanged"]
-    }; }
-}, [256, "justifi-legal-address-form-step", {
-        "authToken": [1, "auth-token"],
-        "businessId": [1, "business-id"],
-        "allowOptionalFields": [4, "allow-optional-fields"],
-        "country": [1],
-        "getBusiness": [32],
-        "patchBusiness": [32],
-        "formController": [32],
-        "errors": [32],
-        "legal_address": [32],
-        "isLoading": [32],
-        "validateAndSubmit": [64]
-    }, undefined, {
-        "authToken": ["propChanged"],
-        "businessId": ["propChanged"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-legal-address-form-step", "custom-popper", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-form-address-fields"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-legal-address-form-step":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, LegalAddressFormStep);
-            }
-            break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "form-control-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "form-control-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "justifi-form-address-fields":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
+const LegalAddressFormStep = LegalAddressFormStep$1;
+const defineCustomElement = defineCustomElement$1;
 
-export { LegalAddressFormStep as L, defineCustomElement as d };
+export { LegalAddressFormStep, defineCustomElement };