@justifi/webcomponents 5.7.1 → 5.7.2

package/dist/module/justifi-business-details.js

@@ -1,12 +1,13 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { E as ErrorState } from './utils.js';
 import { B as BusinessService } from './business.service.js';
 import { m as makeGetBusiness } from './get-business.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { d as defineCustomElement$7 } from './additional-questions-details2.js';
-import { d as defineCustomElement$6 } from './business-details-core2.js';
-import { d as defineCustomElement$5 } from './generic-info-details2.js';
+import { d as defineCustomElement$8 } from './additional-questions-details2.js';
+import { d as defineCustomElement$7 } from './business-details-core2.js';
+import { d as defineCustomElement$6 } from './core-info-details2.js';
+import { d as defineCustomElement$5 } from './details.js';
 import { d as defineCustomElement$4 } from './legal-address-details2.js';
 import { d as defineCustomElement$3 } from './owner-details2.js';
 import { d as defineCustomElement$2 } from './representative-details2.js';
@@ -17,6 +18,11 @@ const BusinessDetails = /*@__PURE__*/ proxyCustomElement(class BusinessDetails e
         this.__registerHost();
         this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.errorMessage = null;
+        this.handleErrorEvent = event => {
+            this.errorMessage = event.detail.message;
+            this.errorEvent.emit(event.detail);
+        };
     }
     componentWillLoad() {
         checkPkgVersion();
@@ -46,9 +52,9 @@ const BusinessDetails = /*@__PURE__*/ proxyCustomElement(class BusinessDetails e
     }
     render() {
         if (this.errorMessage) {
-            return h(Host, null, ErrorState(this.errorMessage));
+            return ErrorState(this.errorMessage);
         }
-        return (h(Host, null, h("business-details-core", { getBusiness: this.getBusiness })));
+        return (h("business-details-core", { getBusiness: this.getBusiness, "onError-event": this.handleErrorEvent }));
     }
 }, [1, "justifi-business-details", {
         "businessId": [1, "business-id"],
@@ -60,7 +66,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-details", "additional-questions-details", "business-details-core", "generic-info-details", "legal-address-details", "owner-details", "representative-details"];
+    const components = ["justifi-business-details", "additional-questions-details", "business-details-core", "core-info-details", "justifi-details", "legal-address-details", "owner-details", "representative-details"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-details":
             if (!customElements.get(tagName)) {
@@ -69,15 +75,20 @@ function defineCustomElement$1() {
             break;
         case "additional-questions-details":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "business-details-core":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "core-info-details":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "generic-info-details":
+        case "justifi-details":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }

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

@@ -81,11 +81,10 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         this.paymentMethodOptionsRef.fillBillingForm(fields);
     }
     async validate() {
-        const { isValid } = await this.paymentMethodOptionsRef.validate();
-        return { isValid };
+        return this.paymentMethodOptionsRef.validate();
     }
     render() {
-        return (h(StyledHost, { key: 'd4dab6a0690a86229dd9b6e8bc39ea62cfa23300' }, h("form", { key: 'e2faa29095280fda65f14a4cb048c306578cf61e' }, h("fieldset", { key: '18b55da72957d26e3c3f44b9b2ef0c55d959e2ee' }, h("div", { key: '2d57f4b65361aadb7a0eed596a0595e24ef85930', class: "row gy-3" }, h("div", { key: 'd57acfc84d6af84c60636c6e7607a43926ead41f', class: "col-12" }, h("justifi-payment-method-options", { key: '1065a98d952820ba612376044c0c54fbb7ac0491', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, authToken: this.authToken, "account-id": this.accountId })), h("div", { key: 'f50dd3f73048f7ca13a57bffe1ef6f2f33d091b0', class: "col-12" }, h(Button, { key: '1b13f82171d439bedaa0b6cc31d1593c2343a930', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText)))))));
+        return (h(StyledHost, { key: '9f12f7a83b2cb06c83694454ea5884bd7392eb83' }, h("form", { key: '0a0a4b4a049aa85863ef5c65313b89ebf58455c5' }, h("fieldset", { key: 'c35ed423483d49615f9ebe500fcef405394f4eb6' }, h("div", { key: '80419e9ca3431d9d75cffc958daab84a2c232f49', class: "row gy-3" }, h("div", { key: 'bd465d8b364c1bc46a6a3dee3fb74087bc087580', class: "col-12" }, h("justifi-payment-method-options", { key: 'c363e501622ef81c78a728ebbd15a3a4cd89867a', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, authToken: this.authToken, "account-id": this.accountId })), h("div", { key: 'ad252991a12f6d21a012b6422ecaae13412f789b', class: "col-12" }, h(Button, { key: '4bb1dcdfeb71c21d3268c11fabd1ab92b43fca5e', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText)))))));
     }
 }, [1, "justifi-tokenize-payment-method", {
         "authToken": [1, "auth-token"],

package/dist/module/legal-address-details2.js

@@ -1,4 +1,4 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { D as DetailSectionTitle, a as DetailItem } from './utils.js';
 import { i as isEmptyObject } from './utils2.js';
 
@@ -9,9 +9,9 @@ const LegalAddressDetails = /*@__PURE__*/ proxyCustomElement(class LegalAddressD
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        if (isEmptyObject(this.legalAddress))
+        if (!this.legalAddress || isEmptyObject(this.legalAddress))
             return null;
-        return (h(Host, null, h(DetailSectionTitle, { sectionTitle: "Business Legal Address Details" }), h("div", { class: "d-table gap-2 w-100 mt-3" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Country", value: (_a = this.legalAddress) === null || _a === void 0 ? void 0 : _a.country }), h(DetailItem, { title: "Legal Address", value: (_b = this.legalAddress) === null || _b === void 0 ? void 0 : _b.line1 }), h(DetailItem, { title: "Address Line 2", value: (_c = this.legalAddress) === null || _c === void 0 ? void 0 : _c.line2 })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "City", value: (_d = this.legalAddress) === null || _d === void 0 ? void 0 : _d.city }), h(DetailItem, { title: "State", value: (_e = this.legalAddress) === null || _e === void 0 ? void 0 : _e.state }), h(DetailItem, { title: "Postal Code", value: (_g = (_f = this.legalAddress) === null || _f === void 0 ? void 0 : _f.postal_code) === null || _g === void 0 ? void 0 : _g.toString() }))))));
+        return (h("div", null, h(DetailSectionTitle, { sectionTitle: "Business Legal Address Details" }), h("div", { class: "d-table gap-2 w-100 mt-3" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Country", value: (_a = this.legalAddress) === null || _a === void 0 ? void 0 : _a.country }), h(DetailItem, { title: "Legal Address", value: (_b = this.legalAddress) === null || _b === void 0 ? void 0 : _b.line1 }), h(DetailItem, { title: "Address Line 2", value: (_c = this.legalAddress) === null || _c === void 0 ? void 0 : _c.line2 })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "City", value: (_d = this.legalAddress) === null || _d === void 0 ? void 0 : _d.city }), h(DetailItem, { title: "State", value: (_e = this.legalAddress) === null || _e === void 0 ? void 0 : _e.state }), h(DetailItem, { title: "Postal Code", value: (_g = (_f = this.legalAddress) === null || _f === void 0 ? void 0 : _f.postal_code) === null || _g === void 0 ? void 0 : _g.toString() }))))));
     }
 }, [0, "legal-address-details", {
         "legalAddress": [16, "legal-address"]

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

@@ -40,9 +40,18 @@ const NewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class NewPaymentMethod
         if (!this.paymentMethodFormRef || !this.billingFormRef)
             return;
         try {
-            const isValid = await this.validate();
+            const { isValid, errors } = await this.validate();
             if (!isValid || !insuranceValidation.isValid) {
-                return { validationError: true };
+                // get propety value from first property in errors object
+                const message = `${Object.values(errors)[0] || 'Validation error'}`;
+                return {
+                    validationError: true,
+                    error: {
+                        code: 'validation_error',
+                        message,
+                        decline_code: undefined
+                    }
+                };
             }
             const tokenizeResponse = await this.tokenize();
             if (tokenizeResponse.error) {
@@ -63,7 +72,9 @@ const NewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class NewPaymentMethod
     async validate() {
         const billingFormValidation = await this.billingFormRef.validate();
         const paymentMethodFormValidation = await this.paymentMethodFormRef.validate();
-        return billingFormValidation.isValid && paymentMethodFormValidation.isValid;
+        const isValid = billingFormValidation.isValid && paymentMethodFormValidation.isValid;
+        const errors = Object.assign(Object.assign({}, billingFormValidation.errors), paymentMethodFormValidation.errors);
+        return { isValid, errors };
     }
     async tokenize() {
         try {
@@ -93,7 +104,7 @@ const NewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class NewPaymentMethod
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'b80791923e2276322ebe0ce3b25b2073beac188d', class: "payment-method" }, h("div", { key: '47dc555bc135d4562958cf371ca3c8b80ee7236d', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick, hidden: this.hiddenRadioInput }, h("form-control-radio", { key: 'e485347f39fa4b7d46d64e231931d6bdf541687c', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
+        return (h(Host, { key: '137378e62a729bd2287b1bdf89cb85c702cd4e12', class: "payment-method" }, h("div", { key: 'dabfcf5c56169708a8968a16aeaafefb43ca3ab8', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick, hidden: this.hiddenRadioInput }, h("form-control-radio", { key: 'd098e2b8f6e1230fc16fdc2cbfd616559bcf2b89', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
     }
 }, [0, "justifi-new-payment-method", {
         "authToken": [1, "auth-token"],

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "5.7.1";
+const version = "5.7.2";
 var packageJson = {
 	name: name,
 	version: version};

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

@@ -64,12 +64,11 @@ const PaymentMethodOptions = /*@__PURE__*/ proxyCustomElement(class PaymentMetho
     }
     async validate() {
         const newPaymentMethodElement = this.selectedPaymentMethodOptionRef;
-        const isValid = await newPaymentMethodElement.validate();
-        return { isValid: isValid };
+        return newPaymentMethodElement.validate();
     }
     render() {
         var _a;
-        return (h(Host, { key: '506450161ed363330132c2bfa99a6a7729e94778' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
+        return (h(Host, { key: 'c61e82c72aaa25e87ded723799a1eb0961c05444' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
             const newCard = paymentMethodOption.id === PaymentMethodTypes.card;
             const newBankAccount = paymentMethodOption.id === PaymentMethodTypes.bankAccount;
             const isSelected = this.selectedPaymentMethodId === paymentMethodOption.id;

package/dist/module/representative-details2.js

@@ -1,4 +1,4 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { D as DetailSectionTitle, a as DetailItem } from './utils.js';
 import { i as isEmptyObject, f as formatMediumDate } from './utils2.js';
 
@@ -9,9 +9,9 @@ const JustifiRepresentativeDetails = /*@__PURE__*/ proxyCustomElement(class Just
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-        if (isEmptyObject(this.representative))
+        if (!this.representative || isEmptyObject(this.representative))
             return null;
-        return (h(Host, null, h(DetailSectionTitle, { sectionTitle: "Representative Details" }), h("div", { class: "d-table gap-2 w-100 mt-3" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Name", value: (_a = this.representative) === null || _a === void 0 ? void 0 : _a.name }), h(DetailItem, { title: "ID", value: (_b = this.representative) === null || _b === void 0 ? void 0 : _b.id }), h(DetailItem, { title: "Address", value: (_d = (_c = this.representative) === null || _c === void 0 ? void 0 : _c.address) === null || _d === void 0 ? void 0 : _d.line1 }), h(DetailItem, { title: "Created At", value: ((_e = this.representative) === null || _e === void 0 ? void 0 : _e.created_at) && formatMediumDate((_f = this.representative) === null || _f === void 0 ? void 0 : _f.created_at) })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Title", value: (_g = this.representative) === null || _g === void 0 ? void 0 : _g.title }), h(DetailItem, { title: "Is Owner?", value: (_h = this.representative) === null || _h === void 0 ? void 0 : _h.is_owner.toString() }), h(DetailItem, { title: "Date Of Birth", value: this.representative && formatMediumDate(new Date(Number((_j = this.representative) === null || _j === void 0 ? void 0 : _j.dob_year), Number((_k = this.representative) === null || _k === void 0 ? void 0 : _k.dob_month) - 1, Number((_l = this.representative) === null || _l === void 0 ? void 0 : _l.dob_day))) }), h(DetailItem, { title: "Email", value: (_m = this.representative) === null || _m === void 0 ? void 0 : _m.email }), h(DetailItem, { title: "Phone", value: (_o = this.representative) === null || _o === void 0 ? void 0 : _o.phone }), h(DetailItem, { title: "Updated At", value: this.representative && formatMediumDate((_p = this.representative) === null || _p === void 0 ? void 0 : _p.updated_at) }))))));
+        return (h("div", null, h(DetailSectionTitle, { sectionTitle: "Representative Details" }), h("div", { class: "d-table gap-2 w-100 mt-3" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Name", value: (_a = this.representative) === null || _a === void 0 ? void 0 : _a.name }), h(DetailItem, { title: "ID", value: (_b = this.representative) === null || _b === void 0 ? void 0 : _b.id }), h(DetailItem, { title: "Address", value: (_d = (_c = this.representative) === null || _c === void 0 ? void 0 : _c.address) === null || _d === void 0 ? void 0 : _d.line1 }), h(DetailItem, { title: "Created At", value: ((_e = this.representative) === null || _e === void 0 ? void 0 : _e.created_at) && formatMediumDate((_f = this.representative) === null || _f === void 0 ? void 0 : _f.created_at) })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Title", value: (_g = this.representative) === null || _g === void 0 ? void 0 : _g.title }), h(DetailItem, { title: "Is Owner?", value: (_h = this.representative) === null || _h === void 0 ? void 0 : _h.is_owner.toString() }), h(DetailItem, { title: "Date Of Birth", value: this.representative && formatMediumDate(new Date(Number((_j = this.representative) === null || _j === void 0 ? void 0 : _j.dob_year), Number((_k = this.representative) === null || _k === void 0 ? void 0 : _k.dob_month) - 1, Number((_l = this.representative) === null || _l === void 0 ? void 0 : _l.dob_day))) }), h(DetailItem, { title: "Email", value: (_m = this.representative) === null || _m === void 0 ? void 0 : _m.email }), h(DetailItem, { title: "Phone", value: (_o = this.representative) === null || _o === void 0 ? void 0 : _o.phone }), h(DetailItem, { title: "Updated At", value: this.representative && formatMediumDate((_p = this.representative) === null || _p === void 0 ? void 0 : _p.updated_at) }))))));
     }
 }, [0, "representative-details", {
         "representative": [16]

package/dist/module/schema-validations.js

@@ -77,7 +77,7 @@ const identityTitleValidation = create$6()
     .max(50, 'Title must be less than 50 characters')
     .transform(transformEmptyString);
 const dobValidation = (role) => {
-    return (create$6()
+    return create$6()
         .test('min', 'Enter a valid date', (value) => {
         const date = new Date(value);
         const minDate = new Date('1902-01-01');
@@ -89,7 +89,7 @@ const dobValidation = (role) => {
         minAgeDate.setFullYear(minAgeDate.getFullYear() - 18);
         return date <= minAgeDate;
     })
-        .transform(transformEmptyString));
+        .transform(transformEmptyString);
 };
 const ssnValidation = create$6()
     .matches(ssnRegex, 'Enter valid SSN')
@@ -124,7 +124,7 @@ const cityValidation = create$6()
     .max(50, 'City must be less than 50 characters')
     .transform(transformEmptyString);
 const stateValidation = create$6()
-    .oneOf(StateOptions.map((option) => option.value), 'Select state')
+    .oneOf(StateOptions.map((option) => option.value), 'Enter a 2-letter state abbreviation, such as CA')
     .transform(transformEmptyString);
 const postalValidation = create$6()
     .matches(/^[0-9]{5}$/, 'Enter valid postal code')
@@ -152,8 +152,7 @@ const recurringPaymentsPercentageValidation = create$6()
 const seasonalBusinessValidation = create$6()
     .oneOf(seasonalBusinessOptions.map((option) => option.value), 'Select seasonal business')
     .transform(transformEmptyString);
-const otherPaymentDetailsValidation = create$6()
-    .transform(transformEmptyString);
+const otherPaymentDetailsValidation = create$6().transform(transformEmptyString);
 // Bank Account Validations
 const bankNameValidation = create$6()
     .min(2, 'Name must be at least 2 characters')

package/dist/module/utils2.js

@@ -23919,6 +23919,9 @@ function snakeToCamel(str) {
 }
 // Object Utilities
 function isEmptyObject(obj) {
+    if (obj === null) {
+        return true;
+    }
     return Object.keys(obj).length === 0 && obj.constructor === Object;
 }
 function removeAttribute(htmlString, attribute) {

package/dist/types/components/business-details/business-details.d.ts

@@ -10,6 +10,7 @@ export declare class BusinessDetails {
     errorEvent: EventEmitter<ComponentErrorEvent>;
     componentWillLoad(): void;
     disconnectedCallback(): void;
+    handleErrorEvent: (event: any) => void;
     private initializeGetBusiness;
     render(): any;
 }

package/dist/types/components/business-details/core-info-details/core-info-details.d.ts

@@ -0,0 +1,5 @@
+import { Business } from '../../../api/Business';
+export declare class CoreInfoDetails {
+    business: Business;
+    render(): any;
+}

package/dist/types/components/business-forms/utils/helpers.d.ts

@@ -1,4 +1,4 @@
-import { IBusiness } from "../../../components";
+import { IBusiness } from "../../../api/Business";
 export declare function getStateAbbreviation(stateName: string): string | undefined;
 export declare function filterNumber(num: string): string;
 export declare function constructDate(year: string, month: string, day: string): string | void;

package/dist/types/components/checkout/billing-form/billing-form.d.ts

@@ -17,6 +17,7 @@ export declare class BillingForm {
     fill(fields: BillingFormFields): Promise<void>;
     validate(): Promise<{
         isValid: boolean;
+        errors: any;
     }>;
     render(): any;
 }

package/dist/types/components/checkout/new-payment-method.d.ts

@@ -19,7 +19,10 @@ export declare class NewPaymentMethod {
     handleCheckboxChanged(event: CustomEvent<boolean>): void;
     fillBillingForm(fields: BillingFormFields): Promise<void>;
     resolvePaymentMethod(insuranceValidation: any): Promise<PaymentMethodPayload>;
-    validate(): Promise<boolean>;
+    validate(): Promise<{
+        isValid: boolean;
+        errors: any;
+    }>;
     tokenize(): Promise<any>;
     onPaymentMethodOptionClick: (e: any) => void;
     showNewPaymentMethodForm(): any;

package/dist/types/components/checkout/payment-method-options.d.ts

@@ -26,6 +26,7 @@ export declare class PaymentMethodOptions {
     resolvePaymentMethod(insuranceValidation: any): Promise<PaymentMethodPayload>;
     validate(): Promise<{
         isValid: boolean;
+        errors?: any;
     }>;
     render(): any;
 }

package/dist/types/components/tokenize-payment-method/tokenize-payment-method.d.ts

@@ -24,6 +24,7 @@ export declare class TokenizePaymentMethod {
     fillBillingForm(fields: BillingFormFields): Promise<void>;
     validate(): Promise<{
         isValid: boolean;
+        errors?: any;
     }>;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { IAdditionalQuestions, IAddress, IBusiness } from "./api/Business";
+import { Business, IAdditionalQuestions, IAddress } from "./api/Business";
 import { ComponentClickEvent as ComponentClickEvent1, ComponentErrorCodes, ComponentErrorEvent as ComponentErrorEvent1, ComponentFormStepCompleteEvent as ComponentFormStepCompleteEvent1, ComponentSubmitEvent as ComponentSubmitEvent1, FileSelectEvent, IApiResponse, IBnpl, ICheckoutPaymentModeParam, ICheckoutStatus, ILoadedEventResponse, IRefund, ITerminalStatus, TerminalModelName, TerminalOrderStatus, TerminalOrderType } from "./api";
 import { ComponentClickEvent, ComponentErrorEvent, ComponentFormStepCompleteEvent, ComponentSubmitEvent } from "./api/ComponentEvents";
 import { Placement, PositioningStrategy } from "@popperjs/core";
@@ -21,7 +21,7 @@ import { PaymentMethodOption } from "./components/checkout/payment-method-option
 import { PaymentMethodPayload } from "./components/checkout/payment-method-payload";
 import { Identity } from "./api/Identity";
 import { PaginationProps } from "./ui-components/pagination-menu/pagination-menu";
-export { IAdditionalQuestions, IAddress, IBusiness } from "./api/Business";
+export { Business, IAdditionalQuestions, IAddress } from "./api/Business";
 export { ComponentClickEvent as ComponentClickEvent1, ComponentErrorCodes, ComponentErrorEvent as ComponentErrorEvent1, ComponentFormStepCompleteEvent as ComponentFormStepCompleteEvent1, ComponentSubmitEvent as ComponentSubmitEvent1, FileSelectEvent, IApiResponse, IBnpl, ICheckoutPaymentModeParam, ICheckoutStatus, ILoadedEventResponse, IRefund, ITerminalStatus, TerminalModelName, TerminalOrderStatus, TerminalOrderType } from "./api";
 export { ComponentClickEvent, ComponentErrorEvent, ComponentFormStepCompleteEvent, ComponentSubmitEvent } from "./api/ComponentEvents";
 export { Placement, PositioningStrategy } from "@popperjs/core";
@@ -72,6 +72,9 @@ export namespace Components {
         "getCheckouts": Function;
         "getSubAccounts": Function;
     }
+    interface CoreInfoDetails {
+        "business": Business;
+    }
     interface CustomPopper {
         "anchorRef": HTMLElement | SVGElement;
         "offset": [number, number];
@@ -211,9 +214,6 @@ export namespace Components {
     interface FormControlTooltip {
         "helpText": string;
     }
-    interface GenericInfoDetails {
-        "business": IBusiness;
-    }
     interface GrossPaymentChartCore {
         "getGrossPayment": Function;
     }
@@ -253,7 +253,7 @@ export namespace Components {
         "hideCardBillingForm"?: boolean;
         "legend"?: string;
         "paymentMethodType"?: string;
-        "validate": () => Promise<{ isValid: boolean; }>;
+        "validate": () => Promise<{ isValid: boolean; errors: any; }>;
     }
     interface JustifiBusinessBankAccountFormStep {
         "allowOptionalFields"?: boolean;
@@ -478,7 +478,7 @@ export namespace Components {
         "resolvePaymentMethod": (insuranceValidation: any) => Promise<PaymentMethodPayload>;
         "showAch"?: boolean;
         "showCard"?: boolean;
-        "validate": () => Promise<boolean>;
+        "validate": () => Promise<{ isValid: boolean; errors: any; }>;
     }
     interface JustifiOrderTerminals {
         "accountId": string;
@@ -519,7 +519,7 @@ export namespace Components {
         "showBnpl": boolean;
         "showCard": boolean;
         "showSavedPaymentMethods": boolean;
-        "validate": () => Promise<{ isValid: boolean; }>;
+        "validate": () => Promise<{ isValid: boolean; errors?: any; }>;
     }
     interface JustifiPaymentProvisioning {
         "allowOptionalFields"?: boolean;
@@ -690,7 +690,7 @@ export namespace Components {
         "paymentMethodGroupId": string;
         "submitButtonText": string;
         "tokenizePaymentMethod": (event?: CustomEvent) => Promise<PaymentMethodPayload>;
-        "validate": () => Promise<{ isValid: boolean; }>;
+        "validate": () => Promise<{ isValid: boolean; errors?: any; }>;
     }
     interface LegalAddressDetails {
         "legalAddress": IAddress;
@@ -1111,6 +1111,12 @@ declare global {
         prototype: HTMLCheckoutsListCoreElement;
         new (): HTMLCheckoutsListCoreElement;
     };
+    interface HTMLCoreInfoDetailsElement extends Components.CoreInfoDetails, HTMLStencilElement {
+    }
+    var HTMLCoreInfoDetailsElement: {
+        prototype: HTMLCoreInfoDetailsElement;
+        new (): HTMLCoreInfoDetailsElement;
+    };
     interface HTMLCustomPopperElementEventMap {
         "showEvent": any;
         "hideEvent": any;
@@ -1364,12 +1370,6 @@ declare global {
         prototype: HTMLFormControlTooltipElement;
         new (): HTMLFormControlTooltipElement;
     };
-    interface HTMLGenericInfoDetailsElement extends Components.GenericInfoDetails, HTMLStencilElement {
-    }
-    var HTMLGenericInfoDetailsElement: {
-        prototype: HTMLGenericInfoDetailsElement;
-        new (): HTMLGenericInfoDetailsElement;
-    };
     interface HTMLGrossPaymentChartCoreElementEventMap {
         "error-event": ComponentErrorEvent;
     }
@@ -2535,6 +2535,7 @@ declare global {
         "business-documents-on-file": HTMLBusinessDocumentsOnFileElement;
         "card-form": HTMLCardFormElement;
         "checkouts-list-core": HTMLCheckoutsListCoreElement;
+        "core-info-details": HTMLCoreInfoDetailsElement;
         "custom-popper": HTMLCustomPopperElement;
         "form-alert": HTMLFormAlertElement;
         "form-control-checkbox": HTMLFormControlCheckboxElement;
@@ -2551,7 +2552,6 @@ declare global {
         "form-control-text": HTMLFormControlTextElement;
         "form-control-textarea": HTMLFormControlTextareaElement;
         "form-control-tooltip": HTMLFormControlTooltipElement;
-        "generic-info-details": HTMLGenericInfoDetailsElement;
         "gross-payment-chart-core": HTMLGrossPaymentChartCoreElement;
         "hidden-input": HTMLHiddenInputElement;
         "iframe-input": HTMLIframeInputElement;
@@ -2674,6 +2674,9 @@ declare namespace LocalJSX {
         "onClick-event"?: (event: CheckoutsListCoreCustomEvent<ComponentClickEvent>) => void;
         "onError-event"?: (event: CheckoutsListCoreCustomEvent<ComponentErrorEvent>) => void;
     }
+    interface CoreInfoDetails {
+        "business"?: Business;
+    }
     interface CustomPopper {
         "anchorRef"?: HTMLElement | SVGElement;
         "offset"?: [number, number];
@@ -2840,9 +2843,6 @@ declare namespace LocalJSX {
     interface FormControlTooltip {
         "helpText"?: string;
     }
-    interface GenericInfoDetails {
-        "business"?: IBusiness;
-    }
     interface GrossPaymentChartCore {
         "getGrossPayment"?: Function;
         "onError-event"?: (event: GrossPaymentChartCoreCustomEvent<ComponentErrorEvent>) => void;
@@ -3444,6 +3444,7 @@ declare namespace LocalJSX {
         "business-documents-on-file": BusinessDocumentsOnFile;
         "card-form": CardForm;
         "checkouts-list-core": CheckoutsListCore;
+        "core-info-details": CoreInfoDetails;
         "custom-popper": CustomPopper;
         "form-alert": FormAlert;
         "form-control-checkbox": FormControlCheckbox;
@@ -3460,7 +3461,6 @@ declare namespace LocalJSX {
         "form-control-text": FormControlText;
         "form-control-textarea": FormControlTextarea;
         "form-control-tooltip": FormControlTooltip;
-        "generic-info-details": GenericInfoDetails;
         "gross-payment-chart-core": GrossPaymentChartCore;
         "hidden-input": HiddenInput;
         "iframe-input": IframeInput;
@@ -3561,6 +3561,7 @@ declare module "@stencil/core" {
             "business-documents-on-file": LocalJSX.BusinessDocumentsOnFile & JSXBase.HTMLAttributes<HTMLBusinessDocumentsOnFileElement>;
             "card-form": LocalJSX.CardForm & JSXBase.HTMLAttributes<HTMLCardFormElement>;
             "checkouts-list-core": LocalJSX.CheckoutsListCore & JSXBase.HTMLAttributes<HTMLCheckoutsListCoreElement>;
+            "core-info-details": LocalJSX.CoreInfoDetails & JSXBase.HTMLAttributes<HTMLCoreInfoDetailsElement>;
             "custom-popper": LocalJSX.CustomPopper & JSXBase.HTMLAttributes<HTMLCustomPopperElement>;
             "form-alert": LocalJSX.FormAlert & JSXBase.HTMLAttributes<HTMLFormAlertElement>;
             "form-control-checkbox": LocalJSX.FormControlCheckbox & JSXBase.HTMLAttributes<HTMLFormControlCheckboxElement>;
@@ -3577,7 +3578,6 @@ declare module "@stencil/core" {
             "form-control-text": LocalJSX.FormControlText & JSXBase.HTMLAttributes<HTMLFormControlTextElement>;
             "form-control-textarea": LocalJSX.FormControlTextarea & JSXBase.HTMLAttributes<HTMLFormControlTextareaElement>;
             "form-control-tooltip": LocalJSX.FormControlTooltip & JSXBase.HTMLAttributes<HTMLFormControlTooltipElement>;
-            "generic-info-details": LocalJSX.GenericInfoDetails & JSXBase.HTMLAttributes<HTMLGenericInfoDetailsElement>;
             "gross-payment-chart-core": LocalJSX.GrossPaymentChartCore & JSXBase.HTMLAttributes<HTMLGrossPaymentChartCoreElement>;
             "hidden-input": LocalJSX.HiddenInput & JSXBase.HTMLAttributes<HTMLHiddenInputElement>;
             "iframe-input": LocalJSX.IframeInput & JSXBase.HTMLAttributes<HTMLIframeInputElement>;

package/dist/types/utils/utils.d.ts

@@ -23,7 +23,7 @@ export declare function formatAddress(address: Address): string;
 export declare function capitalFirstLetter(str: string): string;
 export declare function snakeCaseToHumanReadable(snakeCaseStr: string): string;
 export declare function snakeToCamel(str: string): string;
-export declare function isEmptyObject(obj: any): boolean;
+export declare function isEmptyObject(obj: {} | null): boolean;
 export declare const isInRange: (num: any, min: any, max: any) => boolean;
 export declare function removeAttribute(htmlString: any, attribute: any): string;
 export declare function addAttribute(htmlString: any, tagName: any, attribute: any, value: any): string;

package/dist/webcomponents/{p-40541e0c.entry.js → p-10d41e17.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as s}from"./p-D6FDxSyt.js";import{c as i,d as r,e as a}from"./p-BTS3E50C.js";import{I as o}from"./p-ZE1NEnP3.js";import{F as d}from"./p-DVnVdicA.js";import{O as c}from"./p-BrvbVMVq.js";import{i as h}from"./p-o_73WSki.js";import{B as n}from"./p-cNABKY0P.js";import{U as l}from"./p-BrLVc_85.js";import"./p-CZfYo5-1.js";import{B as f}from"./p-XYgDHrVL.js";import{S as m,P as b}from"./p-B-iV5cYd.js";import{u as p,a as u,b as y}from"./p-1ydcg9ti.js";import"./p-SdntD1xf.js";import"./p-C5RuuShs.js";import"./p-OSmuQKbK.js";import"./p-D4Mv5jCp.js";import"./p-Cd06j2SL.js";import"./p-CpTwq2jw.js";import"./p-BFTU3MAI.js";import"./p-BjB_yKBJ.js";import"./p-CLHwhyvu.js";import"./p-CffckWWF.js";import"./p-BH0Xfn-F.js";import"./p-BzPi8Ea_.js";import"./p-Dt-vy9Le.js";import"./p-BX8GieXu.js";import"./p-DNt_pMGt.js";import"./p-IA90llLO.js";const j=class{constructor(s){e(this,s),this.errorEvent=t(this,"error-event")}async validate(){return this.coreComponent.validate()}async submit(){return this.coreComponent.submit()}async validateAndSubmit({onSuccess:e}){this.coreComponent.validateAndSubmit({onSuccess:e})}componentWillLoad(){this.initializeApi()}initializeApi(){this.authToken&&(this.getOwner=i({authToken:this.authToken,identityId:this.ownerId,service:new o}),this.patchOwner=r({authToken:this.authToken,identityId:this.ownerId,service:new o}),this.postOwner=a({authToken:this.authToken,service:new o}))}render(){return s("owner-form-core",{key:"253fc2c5cf1d8c3d18cbcc43569c50a1dd4394f4",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,ref:e=>this.coreComponent=e})}},k=class{loadingWatcher(){this.formLoading.emit(this.isLoading)}constructor(s){e(this,s),this.clickEvent=t(this,"click-event"),this.errorEvent=t(this,"error-event"),this.formLoading=t(this,"formLoading"),this.ownerSubmitted=t(this,"ownerSubmitted"),this.isLoading=!1,this.errors={},this.owner={},this.getData=()=>{this.isLoading=!0,this.getOwner({onSuccess:e=>{this.instantiateOwner(e.data)},onError:({error:e,code:t,severity:s})=>{this.errorEvent.emit({message:e,errorCode:t,severity:s})},final:()=>this.isLoading=!1})},this.sendData=()=>(this.isLoading=!0,new Promise((e=>{this.ownerId?this.patchOwner({payload:this.payload,onSuccess:t=>{this.ownerSubmitted.emit({id:t.data.id}),this.instantiateOwner(t.data),e(!0)},onError:({error:t,code:s,severity:i})=>{this.errorEvent.emit({message:t,errorCode:s,severity:i}),e(!1)},final:()=>this.isLoading=!1}):this.postOwner({payload:this.payload,onSuccess:t=>{this.ownerSubmitted.emit({id:t.data.id}),this.instantiateOwner(t.data),e(!0)},onError:({error:t,code:s,severity:i})=>{this.errorEvent.emit({message:t,errorCode:s,severity:i}),e(!1)},final:()=>this.isLoading=!1})}))),this.instantiateOwner=async e=>{this.owner=Object.assign({},new c(e)),await this.formController.setInitialValues(this.owner)},this.handleAddOwner=()=>{this.clickEvent.emit({name:this.ownerId?f.updateOwner:f.addOwner})},this.handleRemoveOwner=()=>{this.removeOwner(this.ownerId),this.clickEvent.emit({name:f.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.formController.validate()}async submit(){if(await this.validate())return this.sendData()}async validateAndSubmit(e){e.preventDefault(),await this.validate()&&this.submit()}get payload(){let e=new c(this.formController.values.getValue()).payload;return this.ownerId?e:Object.assign(Object.assign({},e),{business_id:this.businessId})}get formTitle(){return this.ownerId?"Edit Business Owner":"Add Business Owner"}get submitButtonText(){return this.ownerId?"Update":"Add"}get showRemoveButton(){return!(this.ownersLength<=1)&&(!(this.ownerId||!this.newFormOpen)||!(!this.ownerId||this.newFormOpen)||void 0)}componentWillLoad(){this.formController=new d(h("owner",this.allowOptionalFields)),this.ownerId?this.getData():this.instantiateOwner({})}componentDidLoad(){this.formController.errors.subscribe((e=>this.errors=Object.assign({},e)))}render(){return s("form",{key:"cf3b084a99c3cfc77af24f09feeda0468c2e6956",onSubmit:this.validateAndSubmit},s("fieldset",{key:"3c78499a7df3496cd44416b96fe5fef44cc4d393"},s("legend",{key:"5aee34b86e10d914964de3f62408b1f1e7899479",class:"fw-semibold fs-5",part:l},this.formTitle),s("br",{key:"4ca0d4c213f166f7ea10c0bfe276673ff077e1ba"}),s("div",{key:"95e485006a1111418ed409e7138c7f3098b9517c",class:"row gy-3"},s("owner-form-inputs",{key:"1df9b40c91223253394c50312950b6b3d42906ff",ownerDefaultValue:this.formController.getInitialValues(),errors:this.errors,formController:this.formController}),s("div",{key:"f1e2adc3111366c43a9a0d3cbed9e059916320f8",class:"d-flex gap-2 justify-content-start"},s(n,{key:"ea19095c86d12cdabd48ad8618213aa06635b80f",variant:"secondary",type:"button",onClick:this.handleRemoveOwner,hidden:!this.showRemoveButton},"Remove"),s(n,{key:"cb60a69f0e3252bb7623945610c5282bedfffe32",variant:"primary",type:"submit",onClick:this.handleAddOwner,disabled:this.isLoading},this.submitButtonText))),s("hr",{key:"db9fb6f130a114e82de0fb806ca1d70ac254f032"})))}static get watchers(){return{isLoading:["loadingWatcher"]}}},w=class{constructor(t){e(this,t),this.inputHandler=(e,t)=>{p(this.formController,{[e]:t})},this.onAddressFormUpdate=e=>{u(this.formController,Object.assign(Object.assign({},this.formController.values.getValue().address),e))}}render(){return s("div",{key:"97911ef690cb7932c0e382cfa79fa3333536055c",class:"row gy-3"},s("div",{key:"0f15a832bcde62a50fb791e008dcd7da68c8da6b",class:"col-12 col-md-8"},s("form-control-text",{key:"fdc50a224e7e17d2923d6eb1fb274103e0d55710",name:"name",label:"Full Name",defaultValue:this.ownerDefaultValue.name,errorText:this.errors.name,inputHandler:this.inputHandler})),s("div",{key:"c4be24670525f2b90fd6de5a0035241190dadd09",class:"col-12 col-md-4"},s("form-control-text",{key:"8752eb6ea1d24189fd1a4d799145b5bbdc0413f2",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."})),s("div",{key:"9d19f00bbd407ca55455947d84183530920d799c",class:"col-12 col-md-6"},s("form-control-text",{key:"10ffe5b44086f623fb9f9d27f4a72cd251589bd0",name:"email",label:"Email Address",defaultValue:this.ownerDefaultValue.email,errorText:this.errors.email,inputHandler:this.inputHandler})),s("div",{key:"7c32fc26abbc0bc16b0a50d8bbfb47c121c7c62d",class:"col-12 col-md-6"},s("form-control-number-masked",{key:"e6b63872de5bd5cc98d61c8e6ebeb2a3f8443fb1",name:"phone",label:"Phone Number",defaultValue:this.ownerDefaultValue.phone,errorText:this.errors.phone,inputHandler:this.inputHandler,mask:b.US})),s("div",{key:"2e7eded46b1162d9ecf8c3badc869e98a710abee",class:"col-12 col-md-4"},s("form-control-date",{key:"2c4b8c126d7505dadb3fe06b3b5cab5e83b91c23",name:"dob_full",label:"Birth Date",defaultValue:this.ownerDefaultValue.dob_full,errorText:this.errors.dob_full,inputHandler:this.inputHandler,onFormControlInput:e=>y(e,this.formController),helpText:"Must be 18 or older."})),s("div",{key:"dd96fdddddfb082fc0ce670f673decc97956c242",class:"col-12 col-md-8"},s("form-control-number-masked",{key:"640cc2e749dc64879d8211c3340b7c273d3cb817",name:"identification_number",label:"SSN",defaultValue:this.ownerDefaultValue.identification_number,errorText:this.errors.identification_number,inputHandler:this.inputHandler,mask:m,helpText:"Enter your full Social Security Number. It is required for Federal OFAC check."})),s("div",{key:"681b2898183d73559150b5debef39901c4679eba",class:"col-12"},s("justifi-identity-address-form",{key:"e2de39be536c0854592a5132a6a9ac9d761a0f9b",errors:this.errors.address,defaultValues:this.ownerDefaultValue.address,handleFormUpdate:this.onAddressFormUpdate})))}};export{j as justifi_owner_form,k as owner_form_core,w as owner_form_inputs}
+import{r as e,c as t,h as s}from"./p-D6FDxSyt.js";import{c as i,d as r,e as a}from"./p-BTS3E50C.js";import{I as o}from"./p-r__elyG4.js";import{F as d}from"./p-DVnVdicA.js";import{O as c}from"./p-BlJnA265.js";import{i as h}from"./p-DR89sFne.js";import{B as n}from"./p-cNABKY0P.js";import{U as l}from"./p-BrLVc_85.js";import"./p-CZfYo5-1.js";import{B as f}from"./p-XYgDHrVL.js";import{S as m,P as b}from"./p-B-iV5cYd.js";import{u as p,a as u,b as y}from"./p-1ydcg9ti.js";import"./p-SdntD1xf.js";import"./p-C5RuuShs.js";import"./p-D2ZiLcDE.js";import"./p-D4Mv5jCp.js";import"./p-Cd06j2SL.js";import"./p-BnE7qgLh.js";import"./p-BFTU3MAI.js";import"./p-DzFysjCc.js";import"./p-CLHwhyvu.js";import"./p-CaGOSFHG.js";import"./p-BH0Xfn-F.js";import"./p-Bk4gk-f7.js";import"./p-Dt-vy9Le.js";import"./p-BX8GieXu.js";import"./p-l3uWWMRW.js";import"./p-yH3TC3ZQ.js";const j=class{constructor(s){e(this,s),this.errorEvent=t(this,"error-event")}async validate(){return this.coreComponent.validate()}async submit(){return this.coreComponent.submit()}async validateAndSubmit({onSuccess:e}){this.coreComponent.validateAndSubmit({onSuccess:e})}componentWillLoad(){this.initializeApi()}initializeApi(){this.authToken&&(this.getOwner=i({authToken:this.authToken,identityId:this.ownerId,service:new o}),this.patchOwner=r({authToken:this.authToken,identityId:this.ownerId,service:new o}),this.postOwner=a({authToken:this.authToken,service:new o}))}render(){return s("owner-form-core",{key:"253fc2c5cf1d8c3d18cbcc43569c50a1dd4394f4",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,ref:e=>this.coreComponent=e})}},k=class{loadingWatcher(){this.formLoading.emit(this.isLoading)}constructor(s){e(this,s),this.clickEvent=t(this,"click-event"),this.errorEvent=t(this,"error-event"),this.formLoading=t(this,"formLoading"),this.ownerSubmitted=t(this,"ownerSubmitted"),this.isLoading=!1,this.errors={},this.owner={},this.getData=()=>{this.isLoading=!0,this.getOwner({onSuccess:e=>{this.instantiateOwner(e.data)},onError:({error:e,code:t,severity:s})=>{this.errorEvent.emit({message:e,errorCode:t,severity:s})},final:()=>this.isLoading=!1})},this.sendData=()=>(this.isLoading=!0,new Promise((e=>{this.ownerId?this.patchOwner({payload:this.payload,onSuccess:t=>{this.ownerSubmitted.emit({id:t.data.id}),this.instantiateOwner(t.data),e(!0)},onError:({error:t,code:s,severity:i})=>{this.errorEvent.emit({message:t,errorCode:s,severity:i}),e(!1)},final:()=>this.isLoading=!1}):this.postOwner({payload:this.payload,onSuccess:t=>{this.ownerSubmitted.emit({id:t.data.id}),this.instantiateOwner(t.data),e(!0)},onError:({error:t,code:s,severity:i})=>{this.errorEvent.emit({message:t,errorCode:s,severity:i}),e(!1)},final:()=>this.isLoading=!1})}))),this.instantiateOwner=async e=>{this.owner=Object.assign({},new c(e)),await this.formController.setInitialValues(this.owner)},this.handleAddOwner=()=>{this.clickEvent.emit({name:this.ownerId?f.updateOwner:f.addOwner})},this.handleRemoveOwner=()=>{this.removeOwner(this.ownerId),this.clickEvent.emit({name:f.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.formController.validate()}async submit(){if(await this.validate())return this.sendData()}async validateAndSubmit(e){e.preventDefault(),await this.validate()&&this.submit()}get payload(){let e=new c(this.formController.values.getValue()).payload;return this.ownerId?e:Object.assign(Object.assign({},e),{business_id:this.businessId})}get formTitle(){return this.ownerId?"Edit Business Owner":"Add Business Owner"}get submitButtonText(){return this.ownerId?"Update":"Add"}get showRemoveButton(){return!(this.ownersLength<=1)&&(!(this.ownerId||!this.newFormOpen)||!(!this.ownerId||this.newFormOpen)||void 0)}componentWillLoad(){this.formController=new d(h("owner",this.allowOptionalFields)),this.ownerId?this.getData():this.instantiateOwner({})}componentDidLoad(){this.formController.errors.subscribe((e=>this.errors=Object.assign({},e)))}render(){return s("form",{key:"cf3b084a99c3cfc77af24f09feeda0468c2e6956",onSubmit:this.validateAndSubmit},s("fieldset",{key:"3c78499a7df3496cd44416b96fe5fef44cc4d393"},s("legend",{key:"5aee34b86e10d914964de3f62408b1f1e7899479",class:"fw-semibold fs-5",part:l},this.formTitle),s("br",{key:"4ca0d4c213f166f7ea10c0bfe276673ff077e1ba"}),s("div",{key:"95e485006a1111418ed409e7138c7f3098b9517c",class:"row gy-3"},s("owner-form-inputs",{key:"1df9b40c91223253394c50312950b6b3d42906ff",ownerDefaultValue:this.formController.getInitialValues(),errors:this.errors,formController:this.formController}),s("div",{key:"f1e2adc3111366c43a9a0d3cbed9e059916320f8",class:"d-flex gap-2 justify-content-start"},s(n,{key:"ea19095c86d12cdabd48ad8618213aa06635b80f",variant:"secondary",type:"button",onClick:this.handleRemoveOwner,hidden:!this.showRemoveButton},"Remove"),s(n,{key:"cb60a69f0e3252bb7623945610c5282bedfffe32",variant:"primary",type:"submit",onClick:this.handleAddOwner,disabled:this.isLoading},this.submitButtonText))),s("hr",{key:"db9fb6f130a114e82de0fb806ca1d70ac254f032"})))}static get watchers(){return{isLoading:["loadingWatcher"]}}},v=class{constructor(t){e(this,t),this.inputHandler=(e,t)=>{p(this.formController,{[e]:t})},this.onAddressFormUpdate=e=>{u(this.formController,Object.assign(Object.assign({},this.formController.values.getValue().address),e))}}render(){return s("div",{key:"97911ef690cb7932c0e382cfa79fa3333536055c",class:"row gy-3"},s("div",{key:"0f15a832bcde62a50fb791e008dcd7da68c8da6b",class:"col-12 col-md-8"},s("form-control-text",{key:"fdc50a224e7e17d2923d6eb1fb274103e0d55710",name:"name",label:"Full Name",defaultValue:this.ownerDefaultValue.name,errorText:this.errors.name,inputHandler:this.inputHandler})),s("div",{key:"c4be24670525f2b90fd6de5a0035241190dadd09",class:"col-12 col-md-4"},s("form-control-text",{key:"8752eb6ea1d24189fd1a4d799145b5bbdc0413f2",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."})),s("div",{key:"9d19f00bbd407ca55455947d84183530920d799c",class:"col-12 col-md-6"},s("form-control-text",{key:"10ffe5b44086f623fb9f9d27f4a72cd251589bd0",name:"email",label:"Email Address",defaultValue:this.ownerDefaultValue.email,errorText:this.errors.email,inputHandler:this.inputHandler})),s("div",{key:"7c32fc26abbc0bc16b0a50d8bbfb47c121c7c62d",class:"col-12 col-md-6"},s("form-control-number-masked",{key:"e6b63872de5bd5cc98d61c8e6ebeb2a3f8443fb1",name:"phone",label:"Phone Number",defaultValue:this.ownerDefaultValue.phone,errorText:this.errors.phone,inputHandler:this.inputHandler,mask:b.US})),s("div",{key:"2e7eded46b1162d9ecf8c3badc869e98a710abee",class:"col-12 col-md-4"},s("form-control-date",{key:"2c4b8c126d7505dadb3fe06b3b5cab5e83b91c23",name:"dob_full",label:"Birth Date",defaultValue:this.ownerDefaultValue.dob_full,errorText:this.errors.dob_full,inputHandler:this.inputHandler,onFormControlInput:e=>y(e,this.formController),helpText:"Must be 18 or older."})),s("div",{key:"dd96fdddddfb082fc0ce670f673decc97956c242",class:"col-12 col-md-8"},s("form-control-number-masked",{key:"640cc2e749dc64879d8211c3340b7c273d3cb817",name:"identification_number",label:"SSN",defaultValue:this.ownerDefaultValue.identification_number,errorText:this.errors.identification_number,inputHandler:this.inputHandler,mask:m,helpText:"Enter your full Social Security Number. It is required for Federal OFAC check."})),s("div",{key:"681b2898183d73559150b5debef39901c4679eba",class:"col-12"},s("justifi-identity-address-form",{key:"e2de39be536c0854592a5132a6a9ac9d761a0f9b",errors:this.errors.address,defaultValues:this.ownerDefaultValue.address,handleFormUpdate:this.onAddressFormUpdate})))}};export{j as justifi_owner_form,k as owner_form_core,v as owner_form_inputs}