@justifi/webcomponents 5.4.4 → 5.6.0

package/dist/module/additional-statement.js

@@ -1,10 +1,10 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { T as heading5 } from './parts.js';
+import { W as heading5 } from './parts.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-file-v22.js';
-import { d as defineCustomElement$3 } from './form-control-help-text3.js';
+import { d as defineCustomElement$3 } from './form-control-help-text2.js';
 import { d as defineCustomElement$2 } from './form-control-textarea2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
@@ -16,16 +16,13 @@ const AdditionalStatement = /*@__PURE__*/ proxyCustomElement(class AdditionalSta
     constructor() {
         super();
         this.__registerHost();
-        this.inputHandler = (name, value) => {
-            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
-        };
-        this.disputeResponse = undefined;
         this.documentErrors = {};
-        this.form = undefined;
         this.errors = {};
         this.acceptedTerms = false;
-        this.acceptedTermsErrorText = undefined;
         this.documents = { uncategorized_file: [] };
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
     }
     async validateAndSubmit(onSuccess) {
         const documentList = Object.values(this.documents).flat();
@@ -42,7 +39,7 @@ const AdditionalStatement = /*@__PURE__*/ proxyCustomElement(class AdditionalSta
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'cc4be19078bc6ed3b622f6d9db17c5565d575ddb' }, h("div", { key: 'ae78d8f0a216a417a4c6e2778dd8f36315386437', class: "row gy-3" }, h("div", { key: '065645b98b1a7b5a0bcd2ef55e48bec65a2de082', class: "col-12" }, h("h2", { key: '0728e424e28b970bc3454951841b65d3ef843a95', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '900d5630440472414e43b4ae194c941a73ef46c0', class: "col-12" }, h("form-control-textarea", { key: '0c3e4926570187d4f84f1061c731365441f6f302', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: '2a9a2f41348f30baeb1082a0d5715f823c112c89', class: "col-12" }, h("form-control-file-v2", { key: 'b47d9a681874b19eed4974bce7dd850d882ae435', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
+        return (h("div", { key: '5e572a30ed53b4fbcf3808ba545ce2fdf5b988aa' }, h("div", { key: '90870dc58e0eab72e64ae03bdaa25bb1749d8e23', class: "row gy-3" }, h("div", { key: 'cc3b6f19687d02e047744e8a53d22a2f91a8b968', class: "col-12" }, h("h2", { key: '230c20dc3f75e48afa4008369374fd8c175cb7ea', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '7b49c8012cfc07c44399969f8505db786389b38b', class: "col-12" }, h("form-control-textarea", { key: '349a8a2ebda338e170c90266801ae93b6f9482ea', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: '01cd368a2278c5de462f0998a50ba4ca5889be26', class: "col-12" }, h("form-control-file-v2", { key: 'f95d0b78704f9a1fd154003edbbffb062659ae27', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
     }
 }, [0, "justifi-additional-statement", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/badge.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { y as badge, z as badgePrimary, A as badgeSecondary, B as badgeSuccess, C as badgeDanger, D as badgeWarning, E as badgeInfo, F as badgeLight, G as badgeDark } from './parts.js';
+import { u as badgeDark, v as badgeLight, w as badgeInfo, x as badgeWarning, y as badgeDanger, z as badgeSuccess, A as badgeSecondary, B as badgePrimary, C as badge } from './parts.js';
 
 var BadgeVariant;
 (function (BadgeVariant) {

package/dist/module/bank-account-document-inputs.js

@@ -1,9 +1,10 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import './utils2.js';
 import './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import './SubAccount.js';
+import './Refund.js';
 import { E as EntityDocumentType } from './Document.js';
 import { d as defineCustomElement$3 } from './custom-popper2.js';
 import { d as defineCustomElement$2 } from './form-control-file2.js';
@@ -13,17 +14,14 @@ const BankAccountDocumentFormInputs = /*@__PURE__*/ proxyCustomElement(class Ban
     constructor() {
         super();
         this.__registerHost();
-        this.inputHandler = undefined;
-        this.errors = undefined;
-        this.storeFiles = undefined;
     }
     render() {
         return (h("div", { key: 'a3ff8b1ff23923beb847e66d6c56a39de9a86434', class: "row gy-3" }, h("div", { key: '86f9ba3a8f0f87f7fa67ba0fcf1d7c04f67e9bc5', class: "col-12" }, h("form-control-file", { key: '9cc2bc21414c8e3f4b25ac47b76340a4ce569c42', name: "voided_check", label: "Voided Check", documentType: EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), h("div", { key: 'bee72d6c63514cdbd3200910d3a53b045c60d05d', class: "col-12" }, h("form-control-file", { key: '80a79f352d078cd210768b4060cad7014b1060c5', name: "bank_statement", label: "Bank Statement", documentType: EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
     }
 }, [0, "bank-account-document-form-inputs", {
-        "inputHandler": [16],
+        "inputHandler": [16, "input-handler"],
         "errors": [8],
-        "storeFiles": [16]
+        "storeFiles": [16, "store-files"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/module/bank-account-form-inputs2.js

@@ -11,10 +11,6 @@ const BankAccountFormInputs = /*@__PURE__*/ proxyCustomElement(class BankAccount
     constructor() {
         super();
         this.__registerHost();
-        this.defaultValue = undefined;
-        this.errors = undefined;
-        this.inputHandler = undefined;
-        this.formDisabled = undefined;
     }
     render() {
         return (h("div", { key: 'b18e803521d67b40e4e5af03a66dcdca0b678968', class: "row gy-3" }, h("div", { key: 'e2e6667ffbcebb6a9aa50739814e7bbebceaabfa', class: "col-12" }, h("form-control-text", { key: 'e1ad63fb7db32dbb6ed67cf18919c681d6d192ef', name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '54db821813e7eb931b8f19fad7fce976cdeb0045', class: "col-12" }, h("form-control-text", { key: '4ecf222c1918e364f319d07e0a770d68dba099d0', name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'a92c38f2abbcb3dcaee4bc5ea73df44b31adc3f9', class: "col-12" }, h("form-control-text", { key: '492ff1a4d1e9c4f2fa9d0e527a34dc5ccb09afe6', name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '8e14e6e3de43822d139085d3a05bfd0e7ae5b1be', class: "col-12" }, h("form-control-select", { key: 'f6648b6f7c4a475f88b849bf3a75d446bb539c69', name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '68a2efc082f5b6414ebde10b6da4365677dbefca', class: "col-12" }, h("form-control-text", { key: '3ef9b3db5882063708ccf1eb282f3e90ed53ce82', name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." })), h("div", { key: 'e3270db28269bc25dd4d5a99274f042c1efd1fc6', class: "col-12" }, h("form-control-text", { key: 'a8e801f65a4cc164cdc7bf186fed67f87abc828f', name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." }))));
@@ -22,7 +18,7 @@ const BankAccountFormInputs = /*@__PURE__*/ proxyCustomElement(class BankAccount
 }, [0, "bank-account-form-inputs", {
         "defaultValue": [8, "default-value"],
         "errors": [8],
-        "inputHandler": [16],
+        "inputHandler": [16, "input-handler"],
         "formDisabled": [4, "form-disabled"]
     }]);
 function defineCustomElement() {

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],