@justifi/webcomponents 5.4.4 → 5.5.0

package/dist/module/bank-account-form2.js

@@ -22,7 +22,6 @@ const BankAccountForm = /*@__PURE__*/ proxyCustomElement(class BankAccountForm e
     constructor() {
         super();
         this.__registerHost();
-        this.iframeOrigin = undefined;
         this.isReady = false;
     }
     async validate() {

package/dist/module/billing-form.js

@@ -1,6 +1,124 @@
-import { B as BillingForm$1, d as defineCustomElement$1 } from './billing-form2.js';
+import { h, proxyCustomElement, HTMLElement, Host } from '@stencil/core/internal/client';
+import { c as create$3, F as FormController } from './form.js';
+import { q as postalValidation, u as stateValidation, v as cityValidation, x as lineTwoValidation, y as lineOneValidation, n as identityNameValidation } from './schema-validations.js';
+import { R as heading3, al as billingForm } from './parts.js';
+import './details.js';
+import { n as numberOnlyHandler } from './utils3.js';
+import { S as StateOptions } from './state-options.js';
+import { d as defineCustomElement$4 } from './custom-popper2.js';
+import { d as defineCustomElement$3 } from './form-control-select2.js';
+import { d as defineCustomElement$2 } from './form-control-text2.js';
+import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
-const BillingForm = BillingForm$1;
-const defineCustomElement = defineCustomElement$1;
+const Header3 = (props) => {
+    return h("h3", { class: `header-3 ${props === null || props === void 0 ? void 0 : props.class}`, part: heading3 }, props.text);
+};
 
-export { BillingForm, defineCustomElement };
+const billingFormSchema = (postalOnly) => {
+    const fullBillingForm = create$3({
+        name: identityNameValidation.required('Enter full name'),
+        address_line1: lineOneValidation.required('Enter street address'),
+        address_line2: lineTwoValidation.nullable(),
+        address_city: cityValidation.required('Enter city'),
+        address_state: stateValidation.required('Select state'),
+        address_postal_code: postalValidation.required('Enter postal code')
+    });
+    const postalForm = create$3({
+        name: identityNameValidation.nullable(),
+        address_line1: lineOneValidation.nullable(),
+        address_line2: lineTwoValidation.nullable(),
+        address_city: cityValidation.nullable(),
+        address_state: stateValidation.nullable(),
+        address_postal_code: postalValidation.required('Enter postal code')
+    });
+    return postalOnly ? postalForm : fullBillingForm;
+};
+
+const BillingForm = /*@__PURE__*/ proxyCustomElement(class BillingForm extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.errors = {};
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+    }
+    componentWillLoad() {
+        const postalOnly = this.isPostalOnlyMode;
+        this.formController = new FormController(billingFormSchema(postalOnly));
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    get isPostalOnlyMode() {
+        return this.paymentMethodType === 'card' && this.hideCardBillingForm;
+    }
+    get hideAllBillingFields() {
+        return this.paymentMethodType === 'bankAccount' && this.hideBankAccountBillingForm;
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async fill(fields) {
+        this.formController.setInitialValues(fields);
+    }
+    async validate() {
+        let isValid = await this.formController.validate();
+        return { isValid: isValid };
+    }
+    render() {
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        const showHeader = !this.isPostalOnlyMode && !this.hideAllBillingFields;
+        return (h(Host, { key: '0df4ecdee8c32874325b83dd79586c7449ce6d93' }, h("div", { key: '6d5b45f278a7c69a76fe0895036ab37b810d0262', part: billingForm, class: "mt-4", hidden: this.hideAllBillingFields }, showHeader && h(Header3, { key: 'bc8f57f42134859e28dd523500ef874101198076', text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), h("form", { key: '908b8265b028caaa01314bc56bdbfe550b632b94' }, h("fieldset", { key: 'af3e34fca100b0e0c3f13ef3af3a88009859e277' }, this.legend && h("legend", { key: '15cfcc98681d4386afad33d68910f7732e88b9a9' }, this.legend), h("div", { key: 'de372fbe06a6da1f512170a6f79f27c96499d790', class: "row gy-3" }, h("div", { key: 'bb4aab9d17a7bed7cb09e4306158f5e0ff248b8f', class: "col-12", hidden: this.isPostalOnlyMode }, h("form-control-text", { key: 'f8e086504b6f3fac0e4bd2a0c0dee5e2f2c3328a', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '9a5105e1183a61c55639c8153a65169fb65998c5', class: "col-12", hidden: this.isPostalOnlyMode }, h("form-control-text", { key: '4802e1462b0b1f433c77f817b733611332b18711', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: '3edf7b2390c2fa7d0cadd75f9102a63f88a3685b', class: "col-12", hidden: this.isPostalOnlyMode }, h("form-control-text", { key: 'bec348d7030fa44e5a627ebc3f67ed9689a4a5b9', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '066d141b9529aae210fc2585bd2fd386e5b82120', class: "col-12", hidden: this.isPostalOnlyMode }, h("form-control-text", { key: '602587fcca0666d7070e5cd0316ed1c541953337', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: '125aeec26f292763abefe1c3a1a3070a2a8b4c7c', class: "col-12", hidden: this.isPostalOnlyMode }, h("form-control-select", { key: 'fb8d46d217d452809ee199ef8640e93714a91e85', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: 'b622a69cb724ed15d2fe0fb2a9039635bc96a12e', class: "col-12", hidden: this.hideAllBillingFields }, h("form-control-text", { key: 'a094770db85d5a65524909b5c4ec532fca167a95', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
+    }
+}, [0, "justifi-billing-form", {
+        "legend": [1025],
+        "hideCardBillingForm": [4, "hide-card-billing-form"],
+        "hideBankAccountBillingForm": [4, "hide-bank-account-billing-form"],
+        "paymentMethodType": [1, "payment-method-type"],
+        "formController": [32],
+        "billingInfo": [32],
+        "errors": [32],
+        "getValues": [64],
+        "fill": [64],
+        "validate": [64]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-billing-form", "custom-popper", "form-control-select", "form-control-text", "form-control-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-billing-form":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, BillingForm);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "form-control-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { BillingForm as B, Header3 as H, defineCustomElement as d };

package/dist/module/business-additional-questions-form-step-core.js

@@ -5,7 +5,7 @@ import { A as AdditionalQuestions } from './Business.js';
 import { C as CURRENCY_MASK } from './form-input-masks.js';
 import { h as heading2 } from './parts.js';
 import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
-import { c as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions } from './business-form-options.js';
+import { a as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions } from './business-form-options.js';
 import { B as BusinessFormStep } from './event-types.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-monetary-provisioning2.js';
@@ -20,6 +20,10 @@ const AdditionalQuestionsFormStepCore = /*@__PURE__*/ proxyCustomElement(class A
         this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
         this.formLoading = createEvent(this, "formLoading", 7);
+        this.errors = {};
+        this.additional_questions = {};
+        this.recurringPayments = false;
+        this.isLoading = false;
         this.getData = () => {
             this.formLoading.emit(true);
             this.isLoading = true;
@@ -68,14 +72,6 @@ const AdditionalQuestionsFormStepCore = /*@__PURE__*/ proxyCustomElement(class A
             this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
             this.additional_questions = new AdditionalQuestions(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
         };
-        this.formController = undefined;
-        this.errors = {};
-        this.additional_questions = {};
-        this.recurringPayments = false;
-        this.isLoading = false;
-        this.getBusiness = undefined;
-        this.patchBusiness = undefined;
-        this.allowOptionalFields = undefined;
     }
     recurringPaymentsWatcher(newValue) {
         if ((newValue === null || newValue === void 0 ? void 0 : newValue.business_recurring_payments) === 'Yes') {
@@ -114,8 +110,8 @@ const AdditionalQuestionsFormStepCore = /*@__PURE__*/ proxyCustomElement(class A
         "additional_questions": ["recurringPaymentsWatcher"]
     }; }
 }, [0, "justifi-additional-questions-form-step-core", {
-        "getBusiness": [16],
-        "patchBusiness": [16],
+        "getBusiness": [16, "get-business"],
+        "patchBusiness": [16, "patch-business"],
         "allowOptionalFields": [4, "allow-optional-fields"],
         "formController": [32],
         "errors": [32],

package/dist/module/business-additional-questions-form-step.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
 import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
@@ -14,11 +14,6 @@ const AdditionalQuestionsFormStep = /*@__PURE__*/ proxyCustomElement(class Addit
         super();
         this.__registerHost();
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.getBusiness = undefined;
-        this.patchBusiness = undefined;
-        this.authToken = undefined;
-        this.businessId = undefined;
-        this.allowOptionalFields = undefined;
     }
     propChanged() {
         this.initializeApi();

package/dist/module/business-additional-questions-schema.js

@@ -1,5 +1,5 @@
 import { c as create$3 } from './form.js';
-import { r as revenueValidation, b as paymentVolumeValidation, w as whenServiceReceivedValidation, d as recurringPaymentsValidation, e as recurringPaymentsPercentageValidation, f as seasonalBusinessValidation, o as otherPaymentDetailsValidation } from './schema-validations.js';
+import { o as otherPaymentDetailsValidation, s as seasonalBusinessValidation, r as recurringPaymentsValidation, w as whenServiceReceivedValidation, p as paymentVolumeValidation, a as revenueValidation, b as recurringPaymentsPercentageValidation } from './schema-validations.js';
 
 const additionalQuestionsSchema = (allowOptionalFields) => {
     const schema = create$3({

package/dist/module/business-address-schema.js

@@ -1,5 +1,5 @@
 import { c as create$3, a as create$6 } from './form.js';
-import { l as lineOneValidation, a as lineTwoValidation, c as cityValidation, s as stateValidation, p as postalValidation } from './schema-validations.js';
+import { q as postalValidation, u as stateValidation, v as cityValidation, x as lineTwoValidation, y as lineOneValidation } from './schema-validations.js';
 
 const addressSchema = (allowOptionalFields) => {
     const schema = create$3({

package/dist/module/business-bank-account-form-step-core.js

@@ -1,16 +1,17 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as create$3, F as FormController } from './form.js';
-import { g as bankNameValidation, n as nicknameValidation, i as identityNameValidation, h as accountTypeValidation, j as accountNumberValidation, k as routingNumberValidation, v as voidedCheckValidation, m as bankStatementValidation } from './schema-validations.js';
+import { z as bankStatementValidation, A as voidedCheckValidation, B as routingNumberValidation, C as accountNumberValidation, D as accountTypeValidation, n as identityNameValidation, E as nicknameValidation, F as bankNameValidation } from './schema-validations.js';
 import './Business.js';
 import { B as BusinessFormStep } from './event-types.js';
 import { h as heading2 } from './parts.js';
 import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
-import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
+import './utils2.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import './SubAccount.js';
-import { a as EntityDocument, b as EntityDocumentStorage } from './Document.js';
+import './Refund.js';
+import { a as EntityDocumentStorage, b as EntityDocument } from './Document.js';
 import { d as defineCustomElement$8 } from './bank-account-document-inputs.js';
 import { d as defineCustomElement$7 } from './bank-account-form-inputs2.js';
 import { d as defineCustomElement$6 } from './business-documents-on-file2.js';
@@ -84,6 +85,11 @@ const BusinessBankAccountFormStepCore = /*@__PURE__*/ proxyCustomElement(class B
         this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
         this.formLoading = createEvent(this, "formLoading", 7);
+        this.errors = {};
+        this.bankAccount = {};
+        this.existingDocuments = [];
+        this.documentData = new EntityDocumentStorage();
+        this.isLoading = false;
         this.initializeFormController = () => {
             this.formController = new FormController(businessBankAccountSchema(this.existingDocuments, this.allowOptionalFields));
             this.formController.setInitialValues(Object.assign({}, this.bankAccount));
@@ -185,17 +191,6 @@ const BusinessBankAccountFormStepCore = /*@__PURE__*/ proxyCustomElement(class B
                 return true;
             }
         };
-        this.formController = undefined;
-        this.errors = {};
-        this.bankAccount = {};
-        this.existingDocuments = [];
-        this.documentData = new EntityDocumentStorage();
-        this.isLoading = false;
-        this.businessId = undefined;
-        this.getBusiness = undefined;
-        this.postBankAccount = undefined;
-        this.postDocumentRecord = undefined;
-        this.allowOptionalFields = undefined;
     }
     watchHandler(newValue) {
         this.formLoading.emit(newValue);
@@ -309,9 +304,9 @@ const BusinessBankAccountFormStepCore = /*@__PURE__*/ proxyCustomElement(class B
     }; }
 }, [0, "justifi-business-bank-account-form-step-core", {
         "businessId": [1, "business-id"],
-        "getBusiness": [16],
-        "postBankAccount": [16],
-        "postDocumentRecord": [16],
+        "getBusiness": [16, "get-business"],
+        "postBankAccount": [16, "post-bank-account"],
+        "postDocumentRecord": [16, "post-document-record"],
         "allowOptionalFields": [4, "allow-optional-fields"],
         "formController": [32],
         "errors": [32],

package/dist/module/business-bank-account-form-step.js

@@ -1,9 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
+import './utils2.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import './SubAccount.js';
+import './Refund.js';
 import './Document.js';
 import { m as makeGetBusiness, b as makePostBankAccount, c as makePostDocumentRecord } from './payment-provisioning-actions.js';
 import { B as BusinessService, a as BusinessBankAccountService, D as DocumentRecordService } from './business.service.js';
@@ -22,13 +23,6 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
         super();
         this.__registerHost();
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.getBusiness = undefined;
-        this.postBankAccount = undefined;
-        this.postDocumentRecord = undefined;
-        this.postDocument = undefined;
-        this.authToken = undefined;
-        this.businessId = undefined;
-        this.allowOptionalFields = undefined;
     }
     propChanged() {
         this.initializeApi();

package/dist/module/business-core-info-form-step-core.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { b as businessCoreInfoSchema } from './business-core-info-schema.js';
 import { F as FormController } from './form.js';
 import { C as CoreBusinessInfo } from './Business.js';
-import { a as businessClassificationOptions } from './business-form-options.js';
+import { c as businessClassificationOptions } from './business-form-options.js';
 import { B as BusinessFormStep } from './event-types.js';
 import { P as PHONE_MASKS } from './form-input-masks.js';
 import { n as numberOnlyHandler } from './utils3.js';
@@ -22,6 +22,9 @@ const BusinessCoreInfoFormStepCore = /*@__PURE__*/ proxyCustomElement(class Busi
         this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
         this.formLoading = createEvent(this, "formLoading", 7);
+        this.errors = {};
+        this.coreInfo = {};
+        this.isLoading = false;
         this.getData = () => {
             this.formLoading.emit(true);
             this.isLoading = true;
@@ -69,14 +72,6 @@ const BusinessCoreInfoFormStepCore = /*@__PURE__*/ proxyCustomElement(class Busi
         this.inputHandler = (name, value) => {
             this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
         };
-        this.formController = undefined;
-        this.errors = {};
-        this.coreInfo = {};
-        this.isLoading = false;
-        this.businessId = undefined;
-        this.getBusiness = undefined;
-        this.patchBusiness = undefined;
-        this.allowOptionalFields = undefined;
     }
     async validateAndSubmit({ onSuccess }) {
         this.formController.validateAndSubmit(() => this.sendData(onSuccess));
@@ -104,8 +99,8 @@ const BusinessCoreInfoFormStepCore = /*@__PURE__*/ proxyCustomElement(class Busi
     }
 }, [0, "justifi-business-core-info-form-step-core", {
         "businessId": [1, "business-id"],
-        "getBusiness": [16],
-        "patchBusiness": [16],
+        "getBusiness": [16, "get-business"],
+        "patchBusiness": [16, "patch-business"],
         "allowOptionalFields": [4, "allow-optional-fields"],
         "formController": [32],
         "errors": [32],

package/dist/module/business-core-info-form-step.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
 import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
 import { d as defineCustomElement$7 } from './custom-popper2.js';
@@ -15,11 +15,6 @@ const BusinessCoreInfoFormStep = /*@__PURE__*/ proxyCustomElement(class Business
         super();
         this.__registerHost();
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.getBusiness = undefined;
-        this.patchBusiness = undefined;
-        this.authToken = undefined;
-        this.businessId = undefined;
-        this.allowOptionalFields = undefined;
     }
     propChanged() {
         this.initializeApi();

package/dist/module/business-core-info-schema.js

@@ -1,5 +1,5 @@
 import { c as create$3 } from './form.js';
-import { q as businessNameValidation, t as websiteUrlValidation, u as emailValidation, x as phoneValidation, y as doingBusinessAsValidation, z as businessClassificationValidation, A as industryValidation, B as taxIdValidation, C as dateOfIncorporationValidation } from './schema-validations.js';
+import { d as dateOfIncorporationValidation, t as taxIdValidation, i as industryValidation, c as businessClassificationValidation, e as doingBusinessAsValidation, f as phoneValidation, g as emailValidation, h as websiteUrlValidation, j as businessNameValidation } from './schema-validations.js';
 
 const businessCoreInfoSchema = (allowOptionalFields) => {
     const schema = create$3({

package/dist/module/business-core-info.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { a as businessClassificationOptions } from './business-form-options.js';
+import { c as businessClassificationOptions } from './business-form-options.js';
 import { T as TAX_ID_MASKS, P as PHONE_MASKS } from './form-input-masks.js';
 import { C as CoreBusinessInfo } from './Business.js';
 import { h as heading2 } from './parts.js';
@@ -14,7 +14,6 @@ const BusinessCoreInfo = /*@__PURE__*/ proxyCustomElement(class BusinessCoreInfo
     constructor() {
         super();
         this.__registerHost();
-        this.formController = undefined;
         this.errors = {};
         this.coreInfo = {};
         this.inputHandler = this.inputHandler.bind(this);
@@ -33,7 +32,7 @@ const BusinessCoreInfo = /*@__PURE__*/ proxyCustomElement(class BusinessCoreInfo
         return (h(Host, { key: '71096918610aa3068cf89fbf9f3537b7f49942c6' }, h("fieldset", { key: '502e6c3e3ae05256c6e5e8d315b4aa208ce88953' }, h("legend", { key: 'ccbe69b2323e815dc77b2602a96bdc4238fcef03', part: heading2 }, "General Info"), h("div", { key: '19a70fd7a361e5de4c88e14cbff12d88f78233e3', class: "row gy-3" }, h("div", { key: '611bcc2bd35db7b6940a5b7ae53c54b55b855dd6', class: "col-12" }, h("form-control-text", { key: 'a9de594470c896aff0803c34a313c38467f7c82a', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: 'ed742f64b1c344587127ce94ba1d17206bbdebb3', class: "col-12" }, h("form-control-text", { key: 'abb41f3aa059c180882066e21fe0239838cd9956', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: '3659fb0dd0419fd4d6f0205bc9e32aef05f56aa1', class: "col-12 col-md-8" }, h("form-control-select", { key: '5bbbe7cd7fe0a7e8788e36855ff18390bf8df301', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '5007e6269c59878e6388164ff8d5163090b87585', class: "col-12 col-md-4" }, h("form-control-date", { key: '4fa7c7f001ced10c746d2891fe3efd8336542907', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: 'e245a4ac6e0904c9742a0d1d220cb95c9fe63497', class: "col-12 col-md-6" }, h("form-control-text", { key: 'bc7367525a45c221c576f2b31c1a95680a95937a', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '6475831320818242eda7ac045dcdd076fbc4245c', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'd68e8046fa42f4d5976aa44a7769b14fc4cda416', name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: TAX_ID_MASKS.US })), h("div", { key: 'f59cda0241c1ad92d0d995e330b92079ba75737f', class: "col-12" }, h("form-control-text", { key: '8243464d1c75897c1e3423e5045f34b81b425a9e', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: 'c65251b25e0996277f7d0e11d25d6340ccfc11e7', class: "col-12 col-md-6" }, h("form-control-text", { key: 'fe3a4eff53786f49fbfe24afb048f861bf7a469a', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'b1d909e5f937dcbbac0082b293571904c0c81396', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '83238873cbd8ccc08a5c3af1bd87a7965fefb5f8', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
     }
 }, [0, "justifi-business-core-info", {
-        "formController": [16],
+        "formController": [16, "form-controller"],
         "errors": [32],
         "coreInfo": [32]
     }]);

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

@@ -40,8 +40,6 @@ const BusinessDetailsCore = /*@__PURE__*/ proxyCustomElement(class BusinessDetai
         super();
         this.__registerHost();
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.getBusiness = undefined;
-        this.business = undefined;
         this.renderState = RENDER_STATES.LOADING;
         this.errorMessage = 'An error ocurred.';
     }
@@ -78,7 +76,7 @@ const BusinessDetailsCore = /*@__PURE__*/ proxyCustomElement(class BusinessDetai
         return (h(StyledHost, null, h("generic-info-details", { business: this.business }), h("legal-address-details", { legalAddress: this.business.legal_address }), h("representative-details", { representative: this.business.representative }), h("owner-details", { owners: this.business.owners }), h("additional-questions-details", { additionalQuestions: this.business.additional_questions })));
     }
 }, [0, "business-details-core", {
-        "getBusiness": [16],
+        "getBusiness": [16, "get-business"],
         "business": [32],
         "renderState": [32],
         "errorMessage": [32]

package/dist/module/business-documents-on-file2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { s as snakeCaseToHumanReadable, b as formatDate, c as formatTimeSeconds } from './utils2.js';
-import { m as card, h as heading2, n as table, o as tableHeadCell, p as tableCell } from './parts.js';
+import { k as card, h as heading2, m as table, n as tableHeadCell, o as tableCell } from './parts.js';
 import { S as Skeleton } from './skeleton.js';
 import './details.js';
 

package/dist/module/business-form-options.js

@@ -87,4 +87,4 @@ const bankAccountTypeOptions = [
     }
 ];
 
-export { businessClassificationOptions as a, bankAccountTypeOptions as b, businessServiceReceivedOptions as c, recurringPaymentsOptions as r, seasonalBusinessOptions as s };
+export { businessServiceReceivedOptions as a, bankAccountTypeOptions as b, businessClassificationOptions as c, recurringPaymentsOptions as r, seasonalBusinessOptions as s };

package/dist/module/business-identity-schema.js

@@ -1,6 +1,6 @@
 import { c as create$3, a as create$6 } from './form.js';
 import { a as addressSchema } from './business-address-schema.js';
-import { i as identityNameValidation, D as identityTitleValidation, u as emailValidation, x as phoneValidation, E as dobValidation, F as ssnValidation } from './schema-validations.js';
+import { k as ssnValidation, l as dobValidation, f as phoneValidation, g as emailValidation, m as identityTitleValidation, n as identityNameValidation } from './schema-validations.js';
 
 const identitySchema = (role, allowOptionalFields) => {
     const schema = create$3({

package/dist/module/business-owners-form-step-core.js

@@ -23,6 +23,9 @@ const BusinessOwnersFormStepCore = /*@__PURE__*/ proxyCustomElement(class Busine
         this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
         this.formLoading = createEvent(this, "formLoading", 7);
+        this.ownersPayload = [];
+        this.refs = [];
+        this.isLoading = false;
         this.matchRef = (ref, ownerId) => {
             const ownerIndex = this.refs.findIndex(ref => ref === ownerId);
             if (ownerIndex !== -1) {
@@ -87,15 +90,6 @@ const BusinessOwnersFormStepCore = /*@__PURE__*/ proxyCustomElement(class Busine
             this.ownersPayload = this.ownersPayload.filter(owner => owner.id !== id);
             this.newFormOpen && (this.newFormOpen = false);
         };
-        this.ownersPayload = [];
-        this.refs = [];
-        this.newFormOpen = undefined;
-        this.isLoading = false;
-        this.authToken = undefined;
-        this.businessId = undefined;
-        this.getBusiness = undefined;
-        this.patchBusiness = undefined;
-        this.allowOptionalFields = undefined;
     }
     get showAddOwnerButton() {
         return this.ownersPayload.length < 4 && !this.newFormOpen;
@@ -147,8 +141,8 @@ const BusinessOwnersFormStepCore = /*@__PURE__*/ proxyCustomElement(class Busine
 }, [0, "justifi-business-owners-form-step-core", {
         "authToken": [1, "auth-token"],
         "businessId": [1, "business-id"],
-        "getBusiness": [16],
-        "patchBusiness": [16],
+        "getBusiness": [16, "get-business"],
+        "patchBusiness": [16, "patch-business"],
         "allowOptionalFields": [4, "allow-optional-fields"],
         "ownersPayload": [32],
         "refs": [32],

package/dist/module/business-owners-form-step.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
 import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
 import { d as defineCustomElement$b } from './custom-popper2.js';
@@ -19,11 +19,6 @@ const BusinessOwnersFormStep = /*@__PURE__*/ proxyCustomElement(class BusinessOw
         super();
         this.__registerHost();
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.getBusiness = undefined;
-        this.patchBusiness = undefined;
-        this.authToken = undefined;
-        this.businessId = undefined;
-        this.allowOptionalFields = undefined;
     }
     propChanged() {
         this.initializeApi();

package/dist/module/business-representative-form-inputs.js

@@ -20,9 +20,6 @@ const RepresentativeFormInputs = /*@__PURE__*/ proxyCustomElement(class Represen
         this.onAddressFormUpdate = (values) => {
             updateAddressFormValues(this.formController, Object.assign(Object.assign({}, this.formController.values.getValue().address), values));
         };
-        this.representativeDefaultValue = undefined;
-        this.errors = undefined;
-        this.formController = undefined;
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
@@ -31,7 +28,7 @@ const RepresentativeFormInputs = /*@__PURE__*/ proxyCustomElement(class Represen
 }, [0, "justifi-business-representative-form-inputs", {
         "representativeDefaultValue": [8, "representative-default-value"],
         "errors": [8],
-        "formController": [16]
+        "formController": [16, "form-controller"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/module/business-representative-form-step-core.js

@@ -20,6 +20,9 @@ const BusinessRepresentativeFormStepCore = /*@__PURE__*/ proxyCustomElement(clas
         this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
         this.formLoading = createEvent(this, "formLoading", 7);
+        this.errors = {};
+        this.representative = {};
+        this.isLoading = false;
         this.getData = () => {
             this.formLoading.emit(true);
             this.isLoading = true;
@@ -64,13 +67,6 @@ const BusinessRepresentativeFormStepCore = /*@__PURE__*/ proxyCustomElement(clas
                 }
             });
         };
-        this.formController = undefined;
-        this.errors = {};
-        this.representative = {};
-        this.isLoading = false;
-        this.getBusiness = undefined;
-        this.patchBusiness = undefined;
-        this.allowOptionalFields = undefined;
     }
     async validateAndSubmit({ onSuccess }) {
         this.formController.validateAndSubmit(() => this.sendData(onSuccess));
@@ -95,8 +91,8 @@ const BusinessRepresentativeFormStepCore = /*@__PURE__*/ proxyCustomElement(clas
         return (h("justifi-business-representative-form-inputs", { representativeDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }));
     }
 }, [0, "justifi-business-representative-form-step-core", {
-        "getBusiness": [16],
-        "patchBusiness": [16],
+        "getBusiness": [16, "get-business"],
+        "patchBusiness": [16, "patch-business"],
         "allowOptionalFields": [4, "allow-optional-fields"],
         "formController": [32],
         "errors": [32],

package/dist/module/business-representative-form-step.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
 import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
 import { d as defineCustomElement$9 } from './custom-popper2.js';
@@ -17,11 +17,6 @@ const BusinessRepresentativeFormStep = /*@__PURE__*/ proxyCustomElement(class Bu
         super();
         this.__registerHost();
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.getBusiness = undefined;
-        this.patchBusiness = undefined;
-        this.authToken = undefined;
-        this.businessId = undefined;
-        this.allowOptionalFields = undefined;
     }
     propChanged() {
         this.initializeApi();

package/dist/module/business-representative.js

@@ -14,6 +14,8 @@ const BusinessRepresentative = /*@__PURE__*/ proxyCustomElement(class BusinessRe
     constructor() {
         super();
         this.__registerHost();
+        this.errors = {};
+        this.representative = {};
         this.inputHandler = (name, value) => {
             this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { [name]: value }) }));
         };
@@ -24,9 +26,6 @@ const BusinessRepresentative = /*@__PURE__*/ proxyCustomElement(class BusinessRe
             const dob_values = deconstructDate(event.detail);
             this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { dob_day: dob_values.dob_day, dob_month: dob_values.dob_month, dob_year: dob_values.dob_year }) }));
         };
-        this.formController = undefined;
-        this.errors = {};
-        this.representative = {};
     }
     get identificationNumberLabel() {
         return this.representative.ssn_last4 ? 'Update SSN (optional)' : 'SSN';
@@ -40,7 +39,7 @@ const BusinessRepresentative = /*@__PURE__*/ proxyCustomElement(class BusinessRe
         return (h(Host, { key: 'eb9c09602a11107abc465463bf7e7cdbeb98cede' }, h("fieldset", { key: '1f2a035f9796c29269a7dcd7ca874c73ed6493bb' }, h("legend", { key: '1aeaba7f119f15e1ffa75cd58d77608fe51a60c8', part: heading2 }, "Representative"), h("div", { key: '5d09c634135046c79b4ac80b5c1cfee9fbd26ce0', class: "row gy-3" }, h("div", { key: '6f03250bf88cc79ff07a1de68fef97a41a376aec', class: "col-12 col-md-8" }, h("form-control-text", { key: 'd6696ab573a305e277db56a578eaeb3fc4adf9ff', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'fd6ddc83d99b4f86f29566077249a23724741438', class: "col-12 col-md-4" }, h("form-control-text", { key: '632b12a09042ffdaf85d2fafecfab1736bbc8d36', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '65842c9cb8c616806631bd1d2902342cebf5326e', class: "col-12 col-md-6" }, h("form-control-text", { key: '8e1f64cc7f97e4b337dfcda6494fca5750656130', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'e050604c8d71e1d07f916822fbb73da4c3f5e034', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'a5bba8b362ce6070efc65e88ee80880ce855e624', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'dcbd23ab368e630ebaea9e8bdbb6985a98d5fbeb', class: "col-12 col-md-4" }, h("form-control-date", { key: '05e0e255549ad8f0760102aab5cbfe444cae5996', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: '764595ed842fd09221ef71d5c921a9ebe947556d', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '91761e52dd724a27e135a3db8b7c85643f7891d9', name: "identification_number", label: this.identificationNumberLabel, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: '4be6739744d6d9fcd060ed9d894502f35396a9a9', class: "col-12" }, h("justifi-identity-address-form", { key: '7c9d98057e908a068aa0783b10b2bd0f634d7ab9', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))))));
     }
 }, [0, "justifi-business-representative", {
-        "formController": [16],
+        "formController": [16, "form-controller"],
         "errors": [32],
         "representative": [32]
     }]);