@justifi/webcomponents 6.12.3 → 6.12.4

package/dist/module/owner-form2.js

@@ -1,37 +1,176 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { F as FormController } from './form.js';
+import { O as Owner } from './Business.js';
+import { i as identitySchemaByCountry } from './business-identity-schema.js';
+import { B as Button } from './button.js';
+import { y as heading3 } from './parts.js';
+import './justifi-details2.js';
+import './event-types.js';
+import './justifi-radio-list-item2.js';
+import { a as BusinessFormClickActions } from './event-types2.js';
 import { b as makeGetIdentity, c as makePatchIdentity, d as makePostIdentity } from './payment-provisioning-actions.js';
 import { I as IdentityService } from './business.service.js';
-import { d as defineCustomElement$b } from './custom-popper2.js';
-import { d as defineCustomElement$a } from './form-address-fields2.js';
-import { d as defineCustomElement$9 } from './form-control-date2.js';
-import { d as defineCustomElement$8 } from './form-control-number2.js';
-import { d as defineCustomElement$7 } from './form-control-number-masked2.js';
-import { d as defineCustomElement$6 } from './form-control-select2.js';
-import { d as defineCustomElement$5 } from './form-control-text2.js';
-import { d as defineCustomElement$4 } from './form-control-tooltip2.js';
-import { d as defineCustomElement$3 } from './identity-address-form2.js';
-import { d as defineCustomElement$2 } from './owner-form-core2.js';
+import { d as defineCustomElement$a } from './custom-popper2.js';
+import { d as defineCustomElement$9 } from './form-address-fields2.js';
+import { d as defineCustomElement$8 } from './form-control-date2.js';
+import { d as defineCustomElement$7 } from './form-control-number2.js';
+import { d as defineCustomElement$6 } from './form-control-number-masked2.js';
+import { d as defineCustomElement$5 } from './form-control-select2.js';
+import { d as defineCustomElement$4 } from './form-control-text2.js';
+import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$2 } from './identity-address-form2.js';
 import { d as defineCustomElement$1 } from './owner-form-inputs2.js';
 
 const OwnerForm = /*@__PURE__*/ proxyCustomElement(class OwnerForm extends HTMLElement {
+    loadingWatcher() {
+        this.formLoading.emit(this.isLoading);
+    }
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
             this.__registerHost();
         }
+        this.clickEvent = createEvent(this, "click-event", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.formLoading = createEvent(this, "formLoading", 7);
+        this.ownerSubmitted = createEvent(this, "ownerSubmitted", 7);
+        this.isLoading = false;
+        this.errors = {};
+        this.owner = {};
+        this.getData = () => {
+            if (!this.getOwner) {
+                return;
+            }
+            this.isLoading = true;
+            this.getOwner({
+                onSuccess: (response) => {
+                    this.instantiateOwner(response.data);
+                },
+                onError: ({ error, code, severity }) => {
+                    this.errorEvent.emit({
+                        message: error,
+                        errorCode: code,
+                        severity: severity,
+                    });
+                },
+                final: () => (this.isLoading = false),
+            });
+        };
+        this.sendData = () => {
+            this.isLoading = true;
+            return new Promise((resolve) => {
+                if (this.ownerId) {
+                    this.patchOwner({
+                        payload: this.payload,
+                        onSuccess: (response) => {
+                            this.ownerSubmitted.emit({ id: response.data.id });
+                            this.instantiateOwner(response.data);
+                            resolve(true);
+                        },
+                        onError: ({ error, code, severity }) => {
+                            this.errorEvent.emit({
+                                message: error,
+                                errorCode: code,
+                                severity: severity,
+                            });
+                            resolve(false);
+                        },
+                        final: () => (this.isLoading = false),
+                    });
+                }
+                else {
+                    this.postOwner({
+                        payload: this.payload,
+                        onSuccess: (response) => {
+                            this.ownerSubmitted.emit({ id: response.data.id });
+                            this.instantiateOwner(response.data);
+                            resolve(true);
+                        },
+                        onError: ({ error, code, severity }) => {
+                            this.errorEvent.emit({
+                                message: error,
+                                errorCode: code,
+                                severity: severity,
+                            });
+                            resolve(false);
+                        },
+                        final: () => (this.isLoading = false),
+                    });
+                }
+            });
+        };
+        this.instantiateOwner = async (data) => {
+            this.owner = Object.assign({}, new Owner(data));
+            await this.formController.setInitialValues(this.owner);
+        };
+        this.handleAddOwner = () => {
+            const eventName = this.ownerId ? BusinessFormClickActions.updateOwner : BusinessFormClickActions.addOwner;
+            this.clickEvent.emit({ name: eventName });
+        };
+        this.handleRemoveOwner = () => {
+            this.removeOwner(this.ownerId);
+            this.clickEvent.emit({ name: BusinessFormClickActions.removeOwner });
+        };
+        this.validate = this.validate.bind(this);
+        this.submit = this.submit.bind(this);
+        this.validateAndSubmit = this.validateAndSubmit.bind(this);
+    }
+    async returnOwnerData() {
+        return this.ownerId;
     }
     async validate() {
-        return this.coreComponent.validate();
+        return this.formController.validate();
     }
     async submit() {
-        return this.coreComponent.submit();
+        const isValid = await this.validate();
+        if (isValid) {
+            return this.sendData();
+        }
+    }
+    async validateAndSubmit(event) {
+        event.preventDefault();
+        const isValid = await this.validate();
+        if (isValid) {
+            this.submit();
+        }
+    }
+    get payload() {
+        const formValues = new Owner(this.formController.values.getValue()).payload;
+        if (this.ownerId) {
+            return formValues;
+        }
+        else {
+            return Object.assign(Object.assign({}, formValues), { business_id: this.businessId });
+        }
     }
-    async validateAndSubmit({ onSuccess }) {
-        this.coreComponent.validateAndSubmit({ onSuccess });
+    get formTitle() {
+        return this.ownerId ? 'Edit Business Owner' : 'Add Business Owner';
+    }
+    get submitButtonText() {
+        return this.ownerId ? 'Update' : 'Add';
+    }
+    get showRemoveButton() {
+        const blankForm = !this.ownerId && this.newFormOpen;
+        if (this.ownersLength <= 1) {
+            return false;
+        }
+        else {
+            if (blankForm) {
+                return true;
+            }
+            else if (this.ownerId && !this.newFormOpen) {
+                return true;
+            }
+        }
     }
     componentWillLoad() {
+        const schemaFactory = identitySchemaByCountry[this.country];
+        this.formController = new FormController(schemaFactory('owner', this.allowOptionalFields));
         this.initializeApi();
+        this.ownerId && this.getOwner ? this.getData() : this.instantiateOwner({});
+    }
+    componentDidLoad() {
+        this.formController.errors.subscribe((errors) => (this.errors = Object.assign({}, errors)));
     }
     initializeApi() {
         if (!this.authToken) {
@@ -40,21 +179,24 @@ const OwnerForm = /*@__PURE__*/ proxyCustomElement(class OwnerForm extends HTMLE
         this.getOwner = makeGetIdentity({
             authToken: this.authToken,
             identityId: this.ownerId,
-            service: new IdentityService()
+            service: new IdentityService(),
         });
         this.patchOwner = makePatchIdentity({
             authToken: this.authToken,
             identityId: this.ownerId,
-            service: new IdentityService()
+            service: new IdentityService(),
         });
         this.postOwner = makePostIdentity({
             authToken: this.authToken,
-            service: new IdentityService()
+            service: new IdentityService(),
         });
     }
     render() {
-        return (h("owner-form-core", { key: '598c7413dbae853f432e64ac549025442083fbb9', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, country: this.country, ref: ref => this.coreComponent = ref }));
+        return (h(Host, { key: '1661676befd63f9308edcb02be179db71b7c9d99', style: { display: 'block' } }, h("form", { key: '4961f358ca8953156477d455cacb19e4dec3cc29', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '27ecfec87ae93a1bdec94f3cc925558dc8f0ff23' }, h("legend", { key: '4c194cf9e08e6fab9982b95a4b12c3c3a8cecdc3', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: 'ef1f9b184dac866d27cfa245106d90db0954fa51' }), h("div", { key: '2936ecc396220f8b80e5d8454bc6f6f70cb3ae73', class: "row gy-3" }, h("owner-form-inputs", { key: 'f34d38b718ed7fde67102aa1034b5e6377e001f8', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), h("div", { key: '2d5266bc1a7f4aeb12cab8a494107f2668b2fb0e', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '39631fd0364221ac2a274d8aa794a1f3c8d28780', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: '120fbae294f8f67bd14fe0be5dc1bcf881ffd489', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '73eccba19a595b67f64139769a495d5a27e02b2f' })))));
     }
+    static get watchers() { return {
+        "isLoading": ["loadingWatcher"]
+    }; }
 }, [256, "owner-form", {
         "authToken": [1, "auth-token"],
         "ownerId": [1, "owner-id"],
@@ -64,18 +206,25 @@ const OwnerForm = /*@__PURE__*/ proxyCustomElement(class OwnerForm extends HTMLE
         "newFormOpen": [4, "new-form-open"],
         "ownersLength": [2, "owners-length"],
         "country": [1],
+        "isLoading": [32],
+        "formController": [32],
+        "errors": [32],
+        "owner": [32],
         "getOwner": [32],
         "patchOwner": [32],
         "postOwner": [32],
+        "returnOwnerData": [64],
         "validate": [64],
         "submit": [64],
         "validateAndSubmit": [64]
+    }, undefined, {
+        "isLoading": ["loadingWatcher"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["owner-form", "custom-popper", "form-address-fields", "form-control-date", "form-control-number", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "identity-address-form", "owner-form-core", "owner-form-inputs"];
+    const components = ["owner-form", "custom-popper", "form-address-fields", "form-control-date", "form-control-number", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "identity-address-form", "owner-form-inputs"];
     components.forEach(tagName => { switch (tagName) {
         case "owner-form":
             if (!customElements.get(tagName)) {
@@ -83,51 +232,46 @@ function defineCustomElement() {
             }
             break;
         case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "form-address-fields":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "form-control-date":
+        case "form-address-fields":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "form-control-number":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "form-control-number-masked":
+        case "form-control-number":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "form-control-select":
+        case "form-control-number-masked":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "form-control-text":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "form-control-tooltip":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "identity-address-form":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "owner-form-core":
+        case "identity-address-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "6.12.3";
+const version = "6.12.4";
 var webcomponentsPackageJson = {
 	name: name,
 	version: version};

package/dist/module/pagination-menu2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { E as ExtendedPagingDefaults } from './Pagination.js';
-import { L as paginationButton, M as paginationButtonDisabled, N as paginationButtonIconPrevious, O as paginationButtonText, P as paginationButtonIconNext } from './parts.js';
+import { N as paginationButton, O as paginationButtonDisabled, P as paginationButtonIconPrevious, Q as paginationButtonText, R as paginationButtonIconNext } from './parts.js';
 
 const PaginationMenu = /*@__PURE__*/ proxyCustomElement(class PaginationMenu extends HTMLElement {
     constructor(registerHost) {

package/dist/module/parts.js

@@ -107,4 +107,4 @@ const checkoutSummary = `checkout-summary`;
 const filterMenu = `filter-menu`;
 const filterParam = `filter-param`;
 
-export { heading4 as $, table as A, tableHeadCell as B, tableCell as C, buttonPrimary as D, buttonSecondary as E, alert as F, inputCheckboxInvalid as G, inputCheckboxCheckedFocused as H, inputCheckboxFocused as I, inputCheckboxChecked as J, inputCheckbox as K, paginationButton as L, paginationButtonDisabled as M, paginationButtonIconPrevious as N, paginationButtonText as O, paginationButtonIconNext as P, loadingSpinner as Q, badgeDark as R, badgeLight as S, badgeInfo as T, badgeWarning as U, badgeDanger as V, badgeSuccess as W, badgeSecondary as X, badgePrimary as Y, badge as Z, alertDanger as _, inputAdornment as a, image as a0, buttonLink as a1, buttonOutlineSecondary as a2, buttonOutlinePrimary as a3, buttonDark as a4, buttonLight as a5, buttonInfo as a6, buttonWarning as a7, buttonDanger as a8, buttonSuccess as a9, buttonLoading as aa, heading5 as ab, checkoutSummary as ac, filterMenu as ad, filterParam as ae, dropdownMenuButton as af, dropdownMenu as ag, getAlternateTableCellPart as ah, tableHead as ai, tableHeadRow as aj, tableRow as ak, tableFoot as al, tableFootRow as am, tableFootCell as an, tableEmpty as ao, tableError as ap, inputInvalid as b, inputDisabled as c, inputFocused as d, input as e, tooltip as f, tooltipInner as g, heading2 as h, inputGroup as i, text as j, textDanger as k, label as l, link as m, heading1 as n, inputRadioInvalid as o, inputRadioCheckedFocused as p, inputRadioChecked as q, inputRadioFocused as r, inputRadio as s, tooltipIcon as t, radioListItem as u, skeleton as v, billingForm as w, inputInvalidAndFocused as x, heading3 as y, card as z };
+export { badge as $, table as A, tableHeadCell as B, tableCell as C, buttonPrimary as D, buttonSecondary as E, alert as F, inputCheckboxInvalid as G, inputCheckboxCheckedFocused as H, inputCheckboxFocused as I, inputCheckboxChecked as J, inputCheckbox as K, heading4 as L, alertDanger as M, paginationButton as N, paginationButtonDisabled as O, paginationButtonIconPrevious as P, paginationButtonText as Q, paginationButtonIconNext as R, loadingSpinner as S, badgeDark as T, badgeLight as U, badgeInfo as V, badgeWarning as W, badgeDanger as X, badgeSuccess as Y, badgeSecondary as Z, badgePrimary as _, inputAdornment as a, image as a0, buttonLink as a1, heading5 as a2, buttonOutlineSecondary as a3, buttonOutlinePrimary as a4, buttonDark as a5, buttonLight as a6, buttonInfo as a7, buttonWarning as a8, buttonDanger as a9, buttonSuccess as aa, buttonLoading as ab, checkoutSummary as ac, filterMenu as ad, filterParam as ae, dropdownMenuButton as af, dropdownMenu as ag, getAlternateTableCellPart as ah, tableHead as ai, tableHeadRow as aj, tableRow as ak, tableFoot as al, tableFootRow as am, tableFootCell as an, tableEmpty as ao, tableError as ap, inputInvalid as b, inputDisabled as c, inputFocused as d, input as e, tooltip as f, tooltipInner as g, heading2 as h, inputGroup as i, text as j, textDanger as k, label as l, link as m, heading1 as n, inputRadioInvalid as o, inputRadioCheckedFocused as p, inputRadioChecked as q, inputRadioFocused as r, inputRadio as s, tooltipIcon as t, radioListItem as u, skeleton as v, inputInvalidAndFocused as w, billingForm as x, heading3 as y, card as z };

package/dist/module/payment-method-option.js

@@ -16,7 +16,7 @@ const PaymentMethodOption$1 = /*@__PURE__*/ proxyCustomElement(class PaymentMeth
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: 'f29f09a17a1b0f9c036051f57c3e42e8216c1236', class: "payment-method" }, h("div", { key: 'f61adf1dfa90d4526ff767be80eb795137ab723c', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: 'fe1b54ca437b0e7c20c9f7d9ea84c23b92e39412', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (h(StyledHost, { key: '84756b0f0fe1c8a9d6570e4f0e953760e527d51a', class: "payment-method" }, h("div", { key: '3c0ef7c38bb3f4cc9281b01d8d359956e0f7a1c0', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '412f63c09650893f360f82c0e3192b7357473e87', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
     }
 }, [257, "payment-method-option", {
         "paymentMethodOptionId": [1, "payment-method-option-id"],

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

@@ -1,32 +1,31 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { a as CountryCode } from './Business.js';
-import { d as defineCustomElement$t } from './additional-questions-form-step2.js';
-import { d as defineCustomElement$s } from './bank-account-document-form-inputs2.js';
-import { d as defineCustomElement$r } from './bank-account-form-inputs2.js';
-import { d as defineCustomElement$q } from './bank-account-form-inputs-canada2.js';
-import { d as defineCustomElement$p } from './bank-account-read-only-value2.js';
-import { d as defineCustomElement$o } from './business-bank-account-form-step2.js';
-import { d as defineCustomElement$n } from './business-core-info-form-step2.js';
-import { d as defineCustomElement$m } from './business-documents-on-file2.js';
-import { d as defineCustomElement$l } from './business-owners-form-step2.js';
-import { d as defineCustomElement$k } from './business-representative-form-inputs2.js';
-import { d as defineCustomElement$j } from './business-representative-form-step2.js';
-import { d as defineCustomElement$i } from './business-terms-conditions-form-step2.js';
-import { d as defineCustomElement$h } from './custom-popper2.js';
-import { d as defineCustomElement$g } from './form-address-fields2.js';
-import { d as defineCustomElement$f } from './form-control-checkbox2.js';
-import { d as defineCustomElement$e } from './form-control-date2.js';
-import { d as defineCustomElement$d } from './form-control-file2.js';
-import { d as defineCustomElement$c } from './form-control-monetary-provisioning2.js';
-import { d as defineCustomElement$b } from './form-control-number2.js';
-import { d as defineCustomElement$a } from './form-control-number-masked2.js';
-import { d as defineCustomElement$9 } from './form-control-select2.js';
-import { d as defineCustomElement$8 } from './form-control-text2.js';
-import { d as defineCustomElement$7 } from './form-control-tooltip2.js';
-import { d as defineCustomElement$6 } from './identity-address-form2.js';
-import { d as defineCustomElement$5 } from './legal-address-form-step2.js';
-import { d as defineCustomElement$4 } from './owner-form2.js';
-import { d as defineCustomElement$3 } from './owner-form-core2.js';
+import { d as defineCustomElement$s } from './additional-questions-form-step2.js';
+import { d as defineCustomElement$r } from './bank-account-document-form-inputs2.js';
+import { d as defineCustomElement$q } from './bank-account-form-inputs2.js';
+import { d as defineCustomElement$p } from './bank-account-form-inputs-canada2.js';
+import { d as defineCustomElement$o } from './bank-account-read-only-value2.js';
+import { d as defineCustomElement$n } from './business-bank-account-form-step2.js';
+import { d as defineCustomElement$m } from './business-core-info-form-step2.js';
+import { d as defineCustomElement$l } from './business-documents-on-file2.js';
+import { d as defineCustomElement$k } from './business-owners-form-step2.js';
+import { d as defineCustomElement$j } from './business-representative-form-inputs2.js';
+import { d as defineCustomElement$i } from './business-representative-form-step2.js';
+import { d as defineCustomElement$h } from './business-terms-conditions-form-step2.js';
+import { d as defineCustomElement$g } from './custom-popper2.js';
+import { d as defineCustomElement$f } from './form-address-fields2.js';
+import { d as defineCustomElement$e } from './form-control-checkbox2.js';
+import { d as defineCustomElement$d } from './form-control-date2.js';
+import { d as defineCustomElement$c } from './form-control-file2.js';
+import { d as defineCustomElement$b } from './form-control-monetary-provisioning2.js';
+import { d as defineCustomElement$a } from './form-control-number2.js';
+import { d as defineCustomElement$9 } from './form-control-number-masked2.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 './identity-address-form2.js';
+import { d as defineCustomElement$4 } from './legal-address-form-step2.js';
+import { d as defineCustomElement$3 } from './owner-form2.js';
 import { d as defineCustomElement$2 } from './owner-form-inputs2.js';
 import { d as defineCustomElement$1 } from './plaid-verification2.js';
 
@@ -67,7 +66,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["payment-provisioning-form-steps", "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", "plaid-verification"];
+    const components = ["payment-provisioning-form-steps", "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-inputs", "plaid-verification"];
     components.forEach(tagName => { switch (tagName) {
         case "payment-provisioning-form-steps":
             if (!customElements.get(tagName)) {
@@ -75,136 +74,131 @@ function defineCustomElement() {
             }
             break;
         case "additional-questions-form-step":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$t();
-            }
-            break;
-        case "bank-account-document-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$s();
             }
             break;
-        case "bank-account-form-inputs":
+        case "bank-account-document-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$r();
             }
             break;
-        case "bank-account-form-inputs-canada":
+        case "bank-account-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$q();
             }
             break;
-        case "bank-account-read-only-value":
+        case "bank-account-form-inputs-canada":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
             break;
-        case "business-bank-account-form-step":
+        case "bank-account-read-only-value":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "business-core-info-form-step":
+        case "business-bank-account-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "business-documents-on-file":
+        case "business-core-info-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "business-owners-form-step":
+        case "business-documents-on-file":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "business-representative-form-inputs":
+        case "business-owners-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "business-representative-form-step":
+        case "business-representative-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "business-terms-conditions-form-step":
+        case "business-representative-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "custom-popper":
+        case "business-terms-conditions-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "form-address-fields":
+        case "custom-popper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "form-control-checkbox":
+        case "form-address-fields":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "form-control-date":
+        case "form-control-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "form-control-file":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "form-control-monetary-provisioning":
+        case "form-control-file":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "form-control-number":
+        case "form-control-monetary-provisioning":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "form-control-number-masked":
+        case "form-control-number":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "form-control-select":
+        case "form-control-number-masked":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "form-control-text":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "form-control-tooltip":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "identity-address-form":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "legal-address-form-step":
+        case "identity-address-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "owner-form":
+        case "legal-address-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "owner-form-core":
+        case "owner-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }

package/dist/module/product-or-service.d.ts

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

package/dist/module/product-or-service.js

@@ -0,0 +1,6 @@
+import { P as ProductOrService$1, d as defineCustomElement$1 } from './product-or-service2.js';
+
+const ProductOrService = ProductOrService$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ProductOrService, defineCustomElement };