@justifi/webcomponents 6.10.4 → 6.12.0

package/dist/module/owner-form-core2.js

@@ -3,23 +3,23 @@ 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 { X as heading3 } from './parts.js';
-import './details.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 { d as defineCustomElement$a } from './custom-popper2.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 './form-address-fields.js';
-import { d as defineCustomElement$2 } from './identity-address-form.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 BusinessOwnerFormCore = /*@__PURE__*/ proxyCustomElement(class BusinessOwnerFormCore extends HTMLElement {
+const OwnerFormCore = /*@__PURE__*/ proxyCustomElement(class OwnerFormCore extends HTMLElement {
     loadingWatcher() {
         this.formLoading.emit(this.isLoading);
     }
@@ -167,7 +167,7 @@ const BusinessOwnerFormCore = /*@__PURE__*/ proxyCustomElement(class BusinessOwn
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
     }
     render() {
-        return (h("form", { key: '5079338a3b1720972aeb4f691bbe71f4bdbd5265', onSubmit: this.validateAndSubmit }, h("fieldset", { key: 'ef3529f5a5f20887ebf76e1bdbcfc0d600d2194c' }, h("legend", { key: '98e22b398e183b24764847f29f080c28d6f384cd', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: 'ff96fb21b19e16bba1a305049532925d5bafc6c8' }), h("div", { key: '9bf142327aef21bf90947b78574dcd5ded66a1eb', class: "row gy-3" }, h("owner-form-inputs", { key: '7f221b6ebf61c7c383d1d5eb74d8c3a676b12b4d', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), h("div", { key: '48235d4d36e92cfa969843c133c93e28fb09c756', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '6f281255b5d358fc4e4322d0de9954a010850dda', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: 'f99d77f92cbab79eccbceef884cd6c17c20abeec', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: 'fabafc136209bb82a72da8de183897358faca256' }))));
+        return (h("form", { key: '6705c84411498ae63ac74d8e1591244ad4aad1e2', onSubmit: this.validateAndSubmit }, h("fieldset", { key: 'd07a5ebef58a3324dd122da2b0cdebdee10ad2e5' }, h("legend", { key: 'dc334d9a75b88a887d393e2c6fd50fcea3b15d22', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: '54e3d33a5ce1399d0f35196d80ae3261016d2cd6' }), h("div", { key: 'a9f23ec75a53751db207e1bdb1e55afc53b28e4e', class: "row gy-3" }, h("owner-form-inputs", { key: '37b6df39ba21b4238790f4e8707514931c24c525', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), h("div", { key: 'f057d4176ddd6e07074bedffed5c46ee67c3d492', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '3a5060f48638d82c5df9fbae449717dbee3315ae', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: '02608516d0ebc2df452c0f592b62cebd7033a88b', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '842817aafad086dd27357e0050ccd8cacd2055ff' }))));
     }
     static get watchers() { return {
         "isLoading": ["loadingWatcher"]
@@ -198,11 +198,11 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["owner-form-core", "custom-popper", "form-control-date", "form-control-number", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-form-address-fields", "justifi-identity-address-form", "owner-form-inputs"];
+    const components = ["owner-form-core", "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-core":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, BusinessOwnerFormCore);
+                customElements.define(tagName, OwnerFormCore);
             }
             break;
         case "custom-popper":
@@ -210,42 +210,42 @@ function defineCustomElement() {
                 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 "justifi-form-address-fields":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "justifi-identity-address-form":
+        case "identity-address-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }
@@ -259,4 +259,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { BusinessOwnerFormCore as B, defineCustomElement as d };
+export { OwnerFormCore as O, defineCustomElement as d };

package/dist/module/owner-form-inputs.js

@@ -1,6 +1,6 @@
-import { B as BusinessOwnerFormInputs, d as defineCustomElement$1 } from './owner-form-inputs2.js';
+import { O as OwnerFormInputs$1, d as defineCustomElement$1 } from './owner-form-inputs2.js';
 
-const OwnerFormInputs = BusinessOwnerFormInputs;
+const OwnerFormInputs = OwnerFormInputs$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { OwnerFormInputs, defineCustomElement };

package/dist/module/owner-form-inputs2.js

@@ -2,18 +2,18 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 import { P as PHONE_MASKS, I as IDENTITY_MASKS } from './form-input-masks.js';
 import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers.js';
 import { c as countryLabels } from './country-config.js';
-import { b as label, d as inputDisabled, Z as buttonSecondary } from './parts.js';
+import { l as label, c as inputDisabled, E as buttonSecondary } from './parts.js';
 import { d as defineCustomElement$9 } from './custom-popper2.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 './form-address-fields.js';
-import { d as defineCustomElement$1 } from './identity-address-form.js';
+import { d as defineCustomElement$8 } from './form-address-fields2.js';
+import { d as defineCustomElement$7 } from './form-control-date2.js';
+import { d as defineCustomElement$6 } from './form-control-number2.js';
+import { d as defineCustomElement$5 } from './form-control-number-masked2.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 './identity-address-form2.js';
 
-const BusinessOwnerFormInputs = /*@__PURE__*/ proxyCustomElement(class BusinessOwnerFormInputs extends HTMLElement {
+const OwnerFormInputs = /*@__PURE__*/ proxyCustomElement(class OwnerFormInputs extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -29,14 +29,14 @@ const BusinessOwnerFormInputs = /*@__PURE__*/ proxyCustomElement(class BusinessO
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'f41ae773bd80ec556fe7e1614aa590af09e90a05', class: "row gy-3" }, h("div", { key: 'ceeeefb13ae8eda332287e18b20b8eb1706f21fd', class: "col-12 col-md-8" }, h("form-control-text", { key: '43dc7b751bd879f3e07572df0e02a46ad1e3a2f7', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '648a5e78c5d98d69d5331cf70e322b69ad1d2533', class: "col-12 col-md-4" }, h("form-control-text", { key: '26ecf926fb49ab4caf192b6c7b9f3da8a13f13a1', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '056a8fa4b4e226efaa64f7eb05dea86ef2d941b2', class: "col-12 col-md-6" }, h("form-control-text", { key: 'ea2dfc1520ad5cf58a7c3a0df591f9b8ed354da5', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'afd1ec4c08af88870d5e732c5b2117c123b7f51e', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '97a51652ea2dfd3372ae9f3300c18da6e901ab88', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '3da7a2c8e404873a3092f2d563d687d142b32b10', class: "col-12 col-md-3" }, h("form-control-date", { key: '3d5bf80638e42d85b34e286e6ffcfee87a9bd047', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '91b4e9ad10a8b7a5527c6593309cf4c6967efdc8', class: "col-12 col-md-3" }, h("form-control-number", { key: '5b98ffbc9d24dbe13c0303ddbaa3c94c7a166f95', name: "ownership_percentage", label: "% of Ownership", defaultValue: (_a = this.ownerDefaultValue) === null || _a === void 0 ? void 0 : _a.ownership_percentage, errorText: this.errors.ownership_percentage, inputHandler: this.inputHandler })), h("div", { key: 'fdf8ebe63498e9be394e251f3b44d6ef93dce5b8', class: "col-12 col-md-6" }, (!((_b = this.ownerDefaultValue) === null || _b === void 0 ? void 0 : _b.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_c = this.ownerDefaultValue) === null || _c === void 0 ? void 0 : _c.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+        return (h("div", { key: '23441b62bcb42f0ca9d8e361242310564b8a3ed7', class: "row gy-3" }, h("div", { key: 'ae42abf0f8edda6bd715278857657029a2855336', class: "col-12 col-md-8" }, h("form-control-text", { key: 'b83f35442a6354461cf583dd23b48d047656ffd6', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '15ab3b55445533d65553e075e8471a95556702e9', class: "col-12 col-md-4" }, h("form-control-text", { key: 'eff52904d3c8eadbafe1e6ca0dc29894846e74ad', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '0f2d385f6aaede51cc519c9e2fac75f041d5ab42', class: "col-12 col-md-6" }, h("form-control-text", { key: '5b27e9343f3d3ca5706d2d294d7ab9fe5e15ab28', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '811751b44ff2290f95d9fb9874c5bd2c6ca89a42', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '07f32b1711d2977fa5e7abd2aad21d4c6b47bb1e', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'db8254d91e059fb610f607d5e905a970509497f7', class: "col-12 col-md-3" }, h("form-control-date", { key: '7f3001fa6e204f7307d758f595594838c792a301', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '90e1846c32df8b94dd0ea13950daf0bebaf81c13', class: "col-12 col-md-3" }, h("form-control-number", { key: '6c43d8dcb99b411b02f67f6100db5ce85b750eb9', name: "ownership_percentage", label: "% of Ownership", defaultValue: (_a = this.ownerDefaultValue) === null || _a === void 0 ? void 0 : _a.ownership_percentage, errorText: this.errors.ownership_percentage, inputHandler: this.inputHandler })), h("div", { key: '4e28b49a6bf1eee3fa78422dd5f7d88917b87a75', class: "col-12 col-md-6" }, (!((_b = this.ownerDefaultValue) === null || _b === void 0 ? void 0 : _b.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_c = this.ownerDefaultValue) === null || _c === void 0 ? void 0 : _c.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
                 this.isEditingIdentification = true;
                 // Clear last4 and current value to force validation
                 updateFormValues(this.formController, {
                     ssn_last4: null,
                     identification_number: ''
                 });
-            } }, "Change"))))), h("div", { key: 'a6f1e2810777e1a7d01ce48ce45b88cec6937c3f', class: "col-12" }, h("justifi-identity-address-form", { key: '0e17fdedad9e82953681c254e5c30217bdf3b022', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))));
+            } }, "Change"))))), h("div", { key: '61203d0283d7e335dd559629bab77640e73202a4', class: "col-12" }, h("identity-address-form", { key: 'd3f349ba237f771520369198da9e76126498a536', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))));
     }
     ;
 }, [256, "owner-form-inputs", {
@@ -50,11 +50,11 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["owner-form-inputs", "custom-popper", "form-control-date", "form-control-number", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-form-address-fields", "justifi-identity-address-form"];
+    const components = ["owner-form-inputs", "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"];
     components.forEach(tagName => { switch (tagName) {
         case "owner-form-inputs":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, BusinessOwnerFormInputs);
+                customElements.define(tagName, OwnerFormInputs);
             }
             break;
         case "custom-popper":
@@ -62,42 +62,42 @@ function defineCustomElement() {
                 defineCustomElement$9();
             }
             break;
-        case "form-control-date":
+        case "form-address-fields":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "form-control-number":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "form-control-number-masked":
+        case "form-control-number":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "form-control-select":
+        case "form-control-number-masked":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "form-control-text":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "form-control-tooltip":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "justifi-form-address-fields":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }
             break;
-        case "justifi-identity-address-form":
+        case "identity-address-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }
@@ -106,4 +106,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { BusinessOwnerFormInputs as B, defineCustomElement as d };
+export { OwnerFormInputs as O, defineCustomElement as d };

package/dist/module/owner-form.d.ts

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

package/dist/module/owner-form.js

@@ -1,144 +1,6 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-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-control-date2.js';
-import { d as defineCustomElement$9 } from './form-control-number2.js';
-import { d as defineCustomElement$8 } from './form-control-number-masked2.js';
-import { d as defineCustomElement$7 } from './form-control-select2.js';
-import { d as defineCustomElement$6 } from './form-control-text2.js';
-import { d as defineCustomElement$5 } from './form-control-tooltip2.js';
-import { d as defineCustomElement$4 } from './form-address-fields.js';
-import { d as defineCustomElement$3 } from './identity-address-form.js';
-import { d as defineCustomElement$2 } from './owner-form-core2.js';
-import { d as defineCustomElement$1 } from './owner-form-inputs2.js';
+import { O as OwnerForm$1, d as defineCustomElement$1 } from './owner-form2.js';
 
-const BusinessOwnerForm = /*@__PURE__*/ proxyCustomElement(class BusinessOwnerForm extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.errorEvent = createEvent(this, "error-event", 7);
-    }
-    async validate() {
-        return this.coreComponent.validate();
-    }
-    async submit() {
-        return this.coreComponent.submit();
-    }
-    async validateAndSubmit({ onSuccess }) {
-        this.coreComponent.validateAndSubmit({ onSuccess });
-    }
-    componentWillLoad() {
-        this.initializeApi();
-    }
-    initializeApi() {
-        if (!this.authToken) {
-            return;
-        }
-        this.getOwner = makeGetIdentity({
-            authToken: this.authToken,
-            identityId: this.ownerId,
-            service: new IdentityService()
-        });
-        this.patchOwner = makePatchIdentity({
-            authToken: this.authToken,
-            identityId: this.ownerId,
-            service: new IdentityService()
-        });
-        this.postOwner = makePostIdentity({
-            authToken: this.authToken,
-            service: new IdentityService()
-        });
-    }
-    render() {
-        return (h("owner-form-core", { key: '47c36dfc76ac8a108950e17770d1a0fb06fe4e42', 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 }));
-    }
-}, [256, "justifi-owner-form", {
-        "authToken": [1, "auth-token"],
-        "ownerId": [1, "owner-id"],
-        "businessId": [1, "business-id"],
-        "allowOptionalFields": [4, "allow-optional-fields"],
-        "removeOwner": [16],
-        "newFormOpen": [4, "new-form-open"],
-        "ownersLength": [2, "owners-length"],
-        "country": [1],
-        "getOwner": [32],
-        "patchOwner": [32],
-        "postOwner": [32],
-        "validate": [64],
-        "submit": [64],
-        "validateAndSubmit": [64]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-owner-form", "custom-popper", "form-control-date", "form-control-number", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-form-address-fields", "justifi-identity-address-form", "owner-form-core", "owner-form-inputs"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-owner-form":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, BusinessOwnerForm);
-            }
-            break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "form-control-date":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "form-control-number":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "form-control-number-masked":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "form-control-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "form-control-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "justifi-form-address-fields":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "justifi-identity-address-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "owner-form-core":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "owner-form-inputs":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
+const OwnerForm = OwnerForm$1;
+const defineCustomElement = defineCustomElement$1;
 
-export { BusinessOwnerForm as B, defineCustomElement as d };
+export { OwnerForm, defineCustomElement };

package/dist/module/owner-form2.js

@@ -0,0 +1,144 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+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$1 } from './owner-form-inputs2.js';
+
+const OwnerForm = /*@__PURE__*/ proxyCustomElement(class OwnerForm extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.errorEvent = createEvent(this, "error-event", 7);
+    }
+    async validate() {
+        return this.coreComponent.validate();
+    }
+    async submit() {
+        return this.coreComponent.submit();
+    }
+    async validateAndSubmit({ onSuccess }) {
+        this.coreComponent.validateAndSubmit({ onSuccess });
+    }
+    componentWillLoad() {
+        this.initializeApi();
+    }
+    initializeApi() {
+        if (!this.authToken) {
+            return;
+        }
+        this.getOwner = makeGetIdentity({
+            authToken: this.authToken,
+            identityId: this.ownerId,
+            service: new IdentityService()
+        });
+        this.patchOwner = makePatchIdentity({
+            authToken: this.authToken,
+            identityId: this.ownerId,
+            service: new IdentityService()
+        });
+        this.postOwner = makePostIdentity({
+            authToken: this.authToken,
+            service: new IdentityService()
+        });
+    }
+    render() {
+        return (h("owner-form-core", { key: '82a1976007db4371de3c8da1cff48f27a9c7795e', 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 }));
+    }
+}, [256, "owner-form", {
+        "authToken": [1, "auth-token"],
+        "ownerId": [1, "owner-id"],
+        "businessId": [1, "business-id"],
+        "allowOptionalFields": [4, "allow-optional-fields"],
+        "removeOwner": [16],
+        "newFormOpen": [4, "new-form-open"],
+        "ownersLength": [2, "owners-length"],
+        "country": [1],
+        "getOwner": [32],
+        "patchOwner": [32],
+        "postOwner": [32],
+        "validate": [64],
+        "submit": [64],
+        "validateAndSubmit": [64]
+    }]);
+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"];
+    components.forEach(tagName => { switch (tagName) {
+        case "owner-form":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, OwnerForm);
+            }
+            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":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "form-control-number":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "form-control-number-masked":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "form-control-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "identity-address-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "owner-form-core":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "owner-form-inputs":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { OwnerForm as O, defineCustomElement as d };

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "6.10.4";
+const version = "6.12.0";
 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 { y as paginationButton, z as paginationButtonDisabled, A as paginationButtonIconPrevious, B as paginationButtonText, C as paginationButtonIconNext } from './parts.js';
+import { L as paginationButton, M as paginationButtonDisabled, N as paginationButtonIconPrevious, O as paginationButtonText, P as paginationButtonIconNext } from './parts.js';
 
 const PaginationMenu = /*@__PURE__*/ proxyCustomElement(class PaginationMenu extends HTMLElement {
     constructor(registerHost) {

package/dist/module/parts.js

@@ -105,45 +105,6 @@ const billingForm = `billing-form`;
 const checkoutSummary = `checkout-summary`;
 // Filters
 const filterMenu = `filter-menu`;
-// Payments List Filters
-const paymentsListFilterMenu = `${filterMenu} payments-list-filter-menu`;
-const paymentsListFilterParam = `payments-list-filter-param`;
-const paymentIdPaymentsListFilterParam = `${paymentsListFilterParam} payment-id-payments-list-filter-param`;
-const terminalIdPaymentsListFilterParam = `${paymentsListFilterParam} terminal-id-payments-list-filter-param`;
-const paymentStatusPaymentsListFilterParam = `${paymentsListFilterParam} payment-status-payments-list-filter-param`;
-const paymentModePaymentsListFilterParam = `${paymentsListFilterParam} payment-mode-payments-list-filter-param`;
-const checkoutIdPaymentsListFilterParam = `${paymentsListFilterParam} checkout-id-payments-list-filter-param`;
-const accountHolderPaymentsListFilterParam = `${paymentsListFilterParam} account-holder-payments-list-filter-param`;
-const createdAfterPaymentsListFilterParam = `${paymentsListFilterParam} created-after-payments-list-filter-param`;
-const createdBeforePaymentsListFilterParam = `${paymentsListFilterParam} created-before-payments-list-filter-param`;
-// Payouts List Filters
-const payoutsListFilterMenu = `${filterMenu} payouts-list-filter-menu`;
-const payoutsListFilterParam = `payouts-list-filter-param`;
-const statusPayoutsListFilterParam = `${payoutsListFilterParam} status-payouts-list-filter-param`;
-const createdAfterPayoutsListFilterParam = `${payoutsListFilterParam} created-after-payouts-list-filter-param`;
-const createdBeforePayoutsListFilterParam = `${payoutsListFilterParam} created-before-payouts-list-filter-param`;
-// Checkouts List Filters
-const checkoutsListFilterMenu = `${filterMenu} checkouts-list-filter-menu`;
-const checkoutsListFilterParam = `checkouts-list-filter-param`;
-const statusCheckoutsListFilterParam = `${checkoutsListFilterParam} checkout-status-checkouts-list-filter-param`;
-const paymentModeCheckoutsListFilterParam = `${checkoutsListFilterParam} payment-mode-checkouts-list-filter-param`;
-const checkoutIdCheckoutsListFilterParam = `${checkoutsListFilterParam} checkout-id-checkouts-list-filter-param`;
-const createdAfterCheckoutsListFilterParam = `${checkoutsListFilterParam} created-after-checkouts-list-filter-param`;
-const createdBeforeCheckoutsListFilterParam = `${checkoutsListFilterParam} created-before-checkouts-list-filter-param`;
-// Terminals List Filters
-const terminalsListFilterMenu = `${filterMenu} terminals-list-filter-menu`;
-const terminalsListFilterParam = `terminals-list-filter-param`;
-const terminalIdTerminalsListFilterParam = `${terminalsListFilterParam} terminal-id-terminals-list-filter-param`;
-const terminalOrderIdTerminalsListFilterParam = `${terminalsListFilterParam} terminal-order-id-terminals-list-filter-param`;
-const terminalStatusTerminalsListFilterParam = `${terminalsListFilterParam} terminal-status-terminals-list-filter-param`;
-const createdAfterTerminalsListFilterParam = `${terminalsListFilterParam} created-after-terminals-list-filter-param`;
-const createdBeforeTerminalsListFilterParam = `${terminalsListFilterParam} created-before-terminals-list-filter-param`;
-// Terminal Orders List Filters
-const terminalOrdersListFilterMenu = `${filterMenu} terminal-orders-list-filter-menu`;
-const terminalOrdersListFilterParam = `terminal-orders-list-filter-param`;
-const orderStatusTerminalOrdersListFilterParam = `${terminalOrdersListFilterParam} order-status-terminal-orders-list-filter-param`;
-const orderTypeTerminalOrdersListFilterParam = `${terminalOrdersListFilterParam} order-type-terminal-orders-list-filter-param`;
-const createdAfterTerminalOrdersListFilterParam = `${terminalOrdersListFilterParam} created-after-terminal-orders-list-filter-param`;
-const createdBeforeTerminalOrdersListFilterParam = `${terminalOrdersListFilterParam} created-before-terminal-orders-list-filter-param`;
+const filterParam = `filter-param`;
 
-export { heading4 as $, paginationButtonIconPrevious as A, paginationButtonText as B, paginationButtonIconNext as C, loadingSpinner as D, badgeDark as E, badgeLight as F, badgeInfo as G, badgeWarning as H, badgeDanger as I, badgeSuccess as J, badgeSecondary as K, badgePrimary as L, badge as M, alertDanger as N, inputCheckboxInvalid as O, inputCheckboxCheckedFocused as P, inputCheckboxFocused as Q, inputCheckboxChecked as R, inputCheckbox as S, inputAdornment as T, inputGroup as U, inputInvalidAndFocused as V, billingForm as W, heading3 as X, buttonPrimary as Y, buttonSecondary as Z, alert as _, heading1 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, orderStatusTerminalOrdersListFilterParam as aA, orderTypeTerminalOrdersListFilterParam as aB, createdAfterTerminalOrdersListFilterParam as aC, createdBeforeTerminalOrdersListFilterParam as aD, terminalsListFilterMenu as aE, terminalIdTerminalsListFilterParam as aF, terminalOrderIdTerminalsListFilterParam as aG, terminalStatusTerminalsListFilterParam as aH, createdAfterTerminalsListFilterParam as aI, createdBeforeTerminalsListFilterParam as aJ, tableHead as aK, tableHeadRow as aL, tableRow as aM, tableFoot as aN, tableFootRow as aO, tableFootCell as aP, tableEmpty as aQ, tableError as aR, buttonLoading as aa, heading5 as ab, checkoutSummary as ac, checkoutsListFilterMenu as ad, checkoutIdCheckoutsListFilterParam as ae, statusCheckoutsListFilterParam as af, paymentModeCheckoutsListFilterParam as ag, createdAfterCheckoutsListFilterParam as ah, createdBeforeCheckoutsListFilterParam as ai, dropdownMenuButton as aj, dropdownMenu as ak, getAlternateTableCellPart as al, paymentsListFilterMenu as am, paymentIdPaymentsListFilterParam as an, terminalIdPaymentsListFilterParam as ao, paymentStatusPaymentsListFilterParam as ap, paymentModePaymentsListFilterParam as aq, checkoutIdPaymentsListFilterParam as ar, accountHolderPaymentsListFilterParam as as, createdAfterPaymentsListFilterParam as at, createdBeforePaymentsListFilterParam as au, payoutsListFilterMenu as av, statusPayoutsListFilterParam as aw, createdAfterPayoutsListFilterParam as ax, createdBeforePayoutsListFilterParam as ay, terminalOrdersListFilterMenu as az, label as b, inputInvalid as c, inputDisabled as d, inputFocused as e, tooltipIcon as f, tooltip as g, heading2 as h, input as i, tooltipInner as j, textDanger as k, link as l, inputRadioInvalid as m, inputRadioCheckedFocused as n, inputRadioChecked as o, inputRadioFocused as p, inputRadio as q, radioListItem as r, skeleton as s, text as t, card as u, table as v, tableHeadCell as w, tableCell as x, paginationButton as y, paginationButtonDisabled as z };
+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 };