@justifi/webcomponents 5.0.0 → 5.1.0

package/dist/esm/justifi-additional-questions-form-step_10.entry.js

@@ -1,26 +1,25 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-29fcfdf5.js';
 import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
-import { m as makeGetBusiness, b as makePatchBusiness } from './payment-provisioning-actions-0635eff7.js';
-import { B as BusinessService } from './business.service-182aea6f.js';
+import { m as makeGetBusiness, b as makePatchBusiness, c as makePostBankAccount } from './payment-provisioning-actions-a262ee82.js';
+import { B as BusinessService, a as BusinessBankAccountService } from './business.service-ab2663a3.js';
 import { c as create$3, F as FormController, e as create$7 } from './index.esm-0b6849c2.js';
-import { z as bankNameValidation, A as nicknameValidation, u as identityNameValidation, B as accountTypeValidation, C as accountNumberValidation, D as routingNumberValidation, E as voidedCheckValidation, F as governmentIdValidation, G as ss4Validation, H as otherDocumentValidation, I as balanceSheetValidation, J as bankStatementValidation, K as profitAndLossStatementValidation, L as EntityDocument, M as EntityDocumentStorage } from './schema-validations-c7d4f9df.js';
-import { A as Api } from './Api-391d00e2.js';
-import './Checkout-0b4086f8.js';
-import './Pagination-afc8f96d.js';
-import './Payment-4f72d277.js';
-import './SubAccount-99a00594.js';
-import { c as config } from './config-187b3ae1.js';
-import { n as numberOnlyHandler } from './utils-20cdf321.js';
-import { h as heading2 } from './parts-186d437f.js';
-import { c as bankAccountTypeOptions } from './business-form-options-018f62a5.js';
-import { a as BusinessFormStep, B as BusinessFormClickActions } from './event-types-5c87de02.js';
 import { B as Business } from './Business-29c69f22.js';
-import { S as Skeleton } from './skeleton-8f71cdf7.js';
-import { B as Button } from './button-1886a33d.js';
+import { A as Api, c as config } from './Api-0cac5b8a.js';
+import { z as voidedCheckValidation, A as governmentIdValidation, B as ss4Validation, C as otherDocumentValidation, D as balanceSheetValidation, E as bankStatementValidation, F as profitAndLossStatementValidation, G as EntityDocument, H as EntityDocumentStorage } from './schema-validations-5b0ac96b.js';
+import { h as heading2 } from './parts-93f379ab.js';
+import { S as Skeleton } from './skeleton-3bcb2b5d.js';
+import { a as BusinessFormStep, B as BusinessFormClickActions } from './event-types-5c87de02.js';
+import './Checkout-d476bb83.js';
+import './Pagination-afc8f96d.js';
+import './Payment-47630113.js';
+import './SubAccount-f31349a9.js';
+import { B as Button } from './button-8a02823c.js';
 import './utils-b10dae27.js';
+import './helpers-96ea3464.js';
 import './state-options-a356fb11.js';
+import './business-form-options-018f62a5.js';
+import './utils-b76d791e.js';
 import './Dispute-5fd28ec9.js';
-import './helpers-96ea3464.js';
 
 const AdditionalQuestionsFormStep = class {
     constructor(hostRef) {
@@ -63,7 +62,7 @@ const AdditionalQuestionsFormStep = class {
         }
     }
     render() {
-        return (h("justifi-additional-questions-form-step-core", { key: 'bef3e4d67c4ccbb25dae52291ba9a399e854fb53', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-additional-questions-form-step-core", { key: 'ecc4bb3b51a4b6cb48e38230826784c5af623d88', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -71,158 +70,52 @@ const AdditionalQuestionsFormStep = class {
     }; }
 };
 
-const businessBankAccountSchema = (allowOptionalFields) => {
-    const schema = create$3({
-        bank_name: bankNameValidation.required('Enter bank name'),
-        nickname: nicknameValidation.required('Enter nickname'),
-        account_owner_name: identityNameValidation.required('Enter account owner name'),
-        account_type: accountTypeValidation.required('Select account type'),
-        account_number: accountNumberValidation.required('Enter account number'),
-        routing_number: routingNumberValidation.required('Enter routing number')
-    });
-    const easySchema = create$3({
-        bank_name: bankNameValidation.nullable(),
-        nickname: nicknameValidation.nullable(),
-        account_owner_name: identityNameValidation.nullable(),
-        account_type: accountTypeValidation.nullable(),
-        account_number: accountNumberValidation.nullable(),
-        routing_number: routingNumberValidation.nullable()
-    });
-    return allowOptionalFields ? easySchema : schema;
-};
-
-class BankAccount {
-    constructor(data) {
-        this.id = data.id;
-        this.account_owner_name = data.account_owner_name;
-        this.full_name = data.full_name;
-        this.account_type = data.account_type;
-        this.acct_last_four = data.acct_last_four;
-        this.account_number_last4 = data.account_number_last4;
-        this.routing_number = data.routing_number;
-        this.bank_name = data.bank_name;
-        this.country = data.country;
-        this.currency = data.currency;
-        this.nickname = data.nickname;
-        this.metadata = data.metadata;
-        this.business_id = data.business_id;
-        this.platform_account_id = data.platform_account_id;
-        this.created_at = data.created_at;
-        this.updated_at = data.updated_at;
-    }
-}
-
 const BusinessBankAccountFormStep = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.formLoading = createEvent(this, "formLoading", 7);
-        this.fetchData = async () => {
-            this.formLoading.emit(true);
-            try {
-                const response = await this.api.get(this.businessEndpoint);
-                if (response.data.bank_accounts.length > 0) {
-                    this.bankAccount = Object.assign({}, new BankAccount(response.data.bank_accounts[0]));
-                }
-                else {
-                    this.bankAccount = Object.assign({}, new BankAccount({}));
-                }
-                this.formController.setInitialValues(Object.assign({}, this.bankAccount));
-            }
-            catch (error) {
-                this.errorEvent.emit({
-                    errorCode: ComponentErrorCodes.FETCH_ERROR,
-                    message: error.message,
-                    severity: ComponentErrorSeverity.ERROR,
-                    data: error,
-                });
-            }
-            finally {
-                this.formLoading.emit(false);
-            }
-        };
-        this.sendData = async (onSuccess) => {
-            this.formLoading.emit(true);
-            try {
-                const formValues = this.formController.values.getValue();
-                const payload = Object.assign(Object.assign({}, formValues), { business_id: this.businessId });
-                const response = await this.api.post(this.bankAccountEndpoint, payload);
-                this.handleResponse(response, onSuccess);
-            }
-            catch (error) {
-                this.errorEvent.emit({
-                    errorCode: ComponentErrorCodes.POST_ERROR,
-                    message: error.message,
-                    severity: ComponentErrorSeverity.ERROR,
-                    data: error,
-                });
-            }
-            finally {
-                this.formLoading.emit(false);
-            }
-        };
-        this.inputHandler = (name, value) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-        };
-        this.formController = undefined;
-        this.errors = {};
-        this.bankAccount = undefined;
+        this.getBusiness = undefined;
+        this.postBankAccount = undefined;
         this.authToken = undefined;
         this.businessId = undefined;
         this.allowOptionalFields = undefined;
     }
-    get businessEndpoint() {
-        return `entities/business/${this.businessId}`;
+    propChanged() {
+        this.initializeApi();
     }
-    get bankAccountEndpoint() {
-        return `entities/bank_accounts`;
+    async validateAndSubmit({ onSuccess }) {
+        this.coreComponent.validateAndSubmit({ onSuccess });
     }
-    get formDisabled() {
-        var _a;
-        return !!((_a = this.bankAccount) === null || _a === void 0 ? void 0 : _a.id);
+    componentWillLoad() {
+        this.initializeApi();
     }
-    handleResponse(response, onSuccess) {
-        if (response.error) {
-            this.errorEvent.emit({
-                errorCode: ComponentErrorCodes.POST_ERROR,
-                message: response.error.message,
-                severity: ComponentErrorSeverity.ERROR,
-                data: response.error,
+    initializeApi() {
+        if (this.authToken && this.businessId) {
+            this.getBusiness = makeGetBusiness({
+                authToken: this.authToken,
+                businessId: this.businessId,
+                service: new BusinessService()
+            });
+            this.postBankAccount = makePostBankAccount({
+                authToken: this.authToken,
+                service: new BusinessBankAccountService()
             });
         }
         else {
-            onSuccess();
-        }
-        this.stepCompleteEvent.emit({ response: response, formStep: BusinessFormStep.bankAccount });
-    }
-    async validateAndSubmit({ onSuccess }) {
-        if (this.formDisabled) {
-            this.stepCompleteEvent.emit({ response: null, formStep: BusinessFormStep.bankAccount, metadata: 'no data submitted' });
-            onSuccess();
-        }
-        else {
-            this.formController.validateAndSubmit(() => this.sendData(onSuccess));
-        }
-    }
-    ;
-    componentWillLoad() {
-        this.formController = new FormController(businessBankAccountSchema(this.allowOptionalFields));
-        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
-        if (this.businessId && this.authToken) {
-            this.fetchData();
+            this.errorEvent.emit({
+                message: 'Missing required props',
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                severity: ComponentErrorSeverity.ERROR,
+            });
         }
     }
-    componentDidLoad() {
-        this.formController.values.subscribe(values => this.bankAccount = Object.assign({}, values));
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-    }
     render() {
-        const bankAccountDefaultValue = this.formController.getInitialValues();
-        return (h("form", { key: 'd326af8d567422ee342571d35119497cd5983a7f' }, h("fieldset", { key: '4ada14e070e9f9b1f12aa3288af50e78c8d7e2f3' }, h("div", { key: 'e9e104ca5ddd22fbddb2154d026ec0cb6610426a', class: "d-flex align-items-center gap-2" }, h("legend", { key: '7800c3648bebce9ca000162e3c85f0cc558f045e', class: "mb-0", part: heading2 }, "Bank Account Info"), h("form-control-tooltip", { key: '3dbc31dfc1f7f60b68f10f2666e58ae208bb36cb', helpText: "The Direct Deposit Account is the business bank account where your funds will be deposited. The name of this account must match the registered business name exactly. We are not able to accept personal accounts unless your business is a registered sole proprietorship." })), h("hr", { key: '489cf91c3af1050ee1f0babe8fa6ba7fa9d1912d', class: "mt-2" }), h("div", { key: 'cace0eee0e8b9849294b11bad15452b77dcd9ee9', class: "row gy-3" }, h("div", { key: '0697524d52d53ccfab7201e1f06c0f8f477c8da7', class: "col-12" }, h("form-control-text", { key: 'b391b6e7e3f9c1c92f5bb651da2291ca75afc7f3', name: "bank_name", label: "Bank Name", defaultValue: bankAccountDefaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '84afc5c90399809d228561e348f4a6f5fbeeaa48', class: "col-12" }, h("form-control-text", { key: 'add80854eae161c51dfc3006e8f03ef01113291c', name: "nickname", label: "Nickname", defaultValue: bankAccountDefaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'f5d31db2be25a09b6f57b78fcac9b6031077d235', class: "col-12" }, h("form-control-text", { key: '5a916bfbad467bd2a55f0159716c29cb78d4d9d0', name: "account_owner_name", label: "Account Owner Name", defaultValue: bankAccountDefaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'ebce663decaf9bd6b46794b820197c7ba8a450cc', class: "col-12" }, h("form-control-select", { key: 'dd42e72741934d015a1d405b09e7c14b8f865606', name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: bankAccountDefaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '2fa3139ed30465e1e0f9a5075eb13e9c3874aa0a', class: "col-12" }, h("form-control-text", { key: 'f309563391770bd1074b7c29b47c39c5c7ecec5f', name: "account_number", label: "Account Number", defaultValue: bankAccountDefaultValue.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: '80424fa942fe444ba9137e724ecd50fb4839c59f', class: "col-12" }, h("form-control-text", { key: 'c5e08a9cdbb11c92e3271d6507f6bd3225abdf2f', name: "routing_number", label: "Routing Number", defaultValue: bankAccountDefaultValue.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." }))))));
+        return (h("justifi-business-bank-account-form-step-core", { key: '229a91f0c9d52f26cf602d950a4960adf2f090bb', businessId: this.businessId, getBusiness: this.getBusiness, postBankAccount: this.postBankAccount, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
+    static get watchers() { return {
+        "authToken": ["propChanged"],
+        "businessId": ["propChanged"]
+    }; }
 };
 
 const BusinessCoreInfoFormStep = class {
@@ -266,7 +159,7 @@ const BusinessCoreInfoFormStep = class {
         }
     }
     render() {
-        return (h("justifi-business-core-info-form-step-core", { key: 'fbaca40250e3cabd3a1ec91f1a10aab53174a23e', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-core-info-form-step-core", { key: '2262521f98ad949fa2558572a991b00b44a2c8c0', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -472,7 +365,7 @@ const BusinessDocumentFormStep = class {
         return (h("justifi-business-document-upload-input-group", { paymentVolume: this.paymentVolume, inputHandler: this.inputHandler, storeFiles: this.storeFiles, errors: this.errors }));
     }
     render() {
-        return (h("form", { key: '0d59a81a25ce1b983e1cc1e076072fc60f277829' }, h("fieldset", { key: '806183bf7a2b7bd49f11be8f8e66685360b392d8' }, h("div", { key: '22e1914c580e90acbf0cc295ed878c2f4d3cb12f', class: "d-flex align-items-center gap-2" }, h("legend", { key: '88369a06ab43a76c477a6af93672364fd101a7d2', class: "mb-0", part: heading2 }, "Document Uploads"), h("form-control-tooltip", { key: 'ccbff3cea2f17156a358a82de3e5e8afa87e2ab5', helpText: "Various file formats such as PDF, DOC, DOCX, JPEG, and others are accepted. Multiple files can be uploaded for each document category." })), h("hr", { key: 'e99c7eba9c7605244bee06ae4c0fa4954cafb99a', class: "mt-2" }), this.documentsOnFile, h("div", { key: 'ddbeda2a9740d2a20becde70f5f8113e4a327dc7', class: "d-flex flex-column" }, this.formInputs))));
+        return (h("form", { key: '38a3eb1b9bdde8e315d1c37247e7ad842a3f29c5' }, h("fieldset", { key: 'c3708b2869316632a04e73a4fcf192458f052563' }, h("div", { key: '8e12a5cb1bdc5b70913e8188ae7a9df8e8db7da9', class: "d-flex align-items-center gap-2" }, h("legend", { key: 'b4780b4cacb48d63a07329aff4e2ef5bd0f5a636', class: "mb-0", part: heading2 }, "Document Uploads"), h("form-control-tooltip", { key: '48a7dcc864c87171ab9e6dcafd7edeb20383bb2d', helpText: "Various file formats such as PDF, DOC, DOCX, JPEG, and others are accepted. Multiple files can be uploaded for each document category." })), h("hr", { key: '2e8c855ec6970e6368521970912ff1ce8c2d9bc0', class: "mt-2" }), this.documentsOnFile, h("div", { key: 'cf9026e49cd1e954d37fc3ff01770b6d2be4095a', class: "d-flex flex-column" }, this.formInputs))));
     }
 };
 
@@ -517,7 +410,7 @@ const BusinessOwnersFormStep = class {
         }
     }
     render() {
-        return (h(Host, { key: '2f5256be2313b3916c1f0d7a69d2b27b305cf66c' }, h("justifi-business-owners-form-step-core", { key: '2c8d3c4cb731b3cf58cf1cc71df2a52c72f660cc', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
+        return (h(Host, { key: 'a4289542dcf53a2be9c2faea5873a36894a2e250' }, h("justifi-business-owners-form-step-core", { key: 'cd40a3cb35d657223516c91217ca3241701dcc8f', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -566,7 +459,7 @@ const BusinessRepresentativeFormStep = class {
         }
     }
     render() {
-        return (h("justifi-business-representative-form-step-core", { key: '24461e0acb80a0161fb796c3ee35f511601f707e', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-representative-form-step-core", { key: 'ef66ed41f635a4676073073db924050f548c9781', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -697,7 +590,7 @@ const BusinessTermsConditionsFormStep = class {
         });
     }
     render() {
-        return (h("form", { key: 'acbe79a11f280351401eed6722db5f033cf3f889' }, h("fieldset", { key: 'dceb358d0578dca96ab26433dc056296854359cd' }, h("legend", { key: '81c73a6eab1654a1da56031bdd83cdc2a13dfb2d', part: heading2 }, "Terms and Conditions"), h("hr", { key: '24c0e396766b7c5c925d50d05154913eeee1fca0' }), h("justifi-business-terms-conditions-text", { key: 'dc0634fa35ae5f74105b0c7711d9e53254f5f555' }), h("br", { key: 'cd3abfa1415477fad5014a6a28c6a99b9205d2c6' }), h("div", { key: '21d395c38900bf670df836cbf5aff7a9336081c1', class: "row-gy-3" }, h("div", { key: '1930a06c942c99121b00b569215b388eb0d3e953', class: "col-12" }, h("form-control-checkbox", { key: 'ebf7dc7ec3fbabdcebac51e13df0e15aa48dfe25', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
+        return (h("form", { key: '171f28c9ceb30482708899890880c8ab11dbc941' }, h("fieldset", { key: '51306d0bd3e3dea325fb770f5c2561dd8cc2e207' }, h("legend", { key: '500f63285df715926ee3c32ea2d0ef8dc8f10523', part: heading2 }, "Terms and Conditions"), h("hr", { key: '320c04095f36752c5661afbf10a2ec021234bac6' }), h("justifi-business-terms-conditions-text", { key: 'b6cb2162427df3225fa0443080905aea15140715' }), h("br", { key: 'f65ea0d2c5e820fe75b0c11ac127cdb9621c389a' }), h("div", { key: '4b2a6dc295a039b20b9b9a516dc2c791509722d6', class: "row-gy-3" }, h("div", { key: '27265499a6d1cfcdd1a9d1a890f266bb670b4e57', class: "col-12" }, h("form-control-checkbox", { key: '80459807c7ebb3bd9ea43ae0c27235c9d3d00976', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
     }
 };
 
@@ -742,7 +635,7 @@ const LegalAddressFormStep = class {
         }
     }
     render() {
-        return (h("justifi-legal-address-form-step-core", { key: '66973db19fe252e82b8e44f875aef6e6de4f519d', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-legal-address-form-step-core", { key: '598e4684d6344d783f7a9de8effbac5bda79834f', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -770,7 +663,7 @@ const PaymentProvisioningFormButtons = class {
         return this.currentStep === this.totalSteps;
     }
     render() {
-        return (h("div", { key: 'e1ab54d1e838fcf447bc27cb7a24360c683d6ad8', class: 'd-flex gap-2' }, h(Button, { key: '203ce170dcd2c39edbd238cdacbd5a778d6e3a39', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '820000f2ffc9a3d037b12ca11b724169de0747b8', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: '5da1da1e44963c1138b4ecf9619b43f7ff0caa06', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
+        return (h("div", { key: 'f5b14768cd97673e77c1ee2d9d73221cdee885e6', class: 'd-flex gap-2' }, h(Button, { key: '4726571002718d036c292a41dc216955ba5ec687', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '3852cfcd4704f5509f22a5c457526fe8475df096', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: 'd62830b61932581071a1a44d872760be0823215a', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
     }
 };
 
@@ -783,7 +676,7 @@ const PaymentProvisioningFormSteps = class {
             2: () => h("justifi-additional-questions-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[2] = el, allowOptionalFields: this.allowOptionalFields }),
             3: () => h("justifi-business-representative-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[3] = el, allowOptionalFields: this.allowOptionalFields }),
             4: () => h("justifi-business-owners-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[4] = el, allowOptionalFields: this.allowOptionalFields }),
-            5: () => h("justifi-business-bank-account-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[5] = el, onFormLoading: this.handleFormLoading, allowOptionalFields: this.allowOptionalFields }),
+            5: () => h("justifi-business-bank-account-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[5] = el, allowOptionalFields: this.allowOptionalFields }),
             6: () => h("justifi-business-document-upload-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[6] = el, onFormLoading: this.handleFormLoading, allowOptionalFields: this.allowOptionalFields }),
             7: () => h("justifi-business-terms-conditions-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[7] = el, onFormLoading: this.handleFormLoading, allowOptionalFields: this.allowOptionalFields }),
         };
@@ -798,7 +691,7 @@ const PaymentProvisioningFormSteps = class {
         return this.componentStepMapping[this.currentStep]();
     }
     render() {
-        return (h("div", { key: '95db2f73894dc4adff2c17298f5f0791c8db463b', class: 'col-12 mb-4' }, this.currentStepComponent));
+        return (h("div", { key: '7c2dc774f9c84172ffe0dbe18d24d9c582711159', class: 'col-12 mb-4' }, this.currentStepComponent));
     }
 };
 

package/dist/esm/justifi-additional-statement_8.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-29fcfdf5.js';
 import { c as create$3, a as create$6, F as FormController } from './index.esm-0b6849c2.js';
-import { B as heading5 } from './parts-186d437f.js';
+import { K as heading5 } from './parts-93f379ab.js';
 
 const AdditionalStatementSchema = create$3({
     additional_statement: create$6().nullable(),
@@ -99,7 +99,7 @@ const AdditionalStatement = class {
     }
     render() {
         var _a;
-        return (h("div", { key: 'b87dba6b6f0cfd8be3bd034996ad0848f31df3da' }, h("div", { key: 'b2af872dd182dede7cb2c697aa8297acc49eb6c1', class: "row gy-3" }, h("div", { key: '34815036600a5030f388c0dcb840ab7f4db0b66f', class: "col-12" }, h("h2", { key: 'c7922a6dd81112aefc028d1f7662aed993cd4c58', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '1e760ad49f1a7494181b4658f8e73a3f6ede2a22', class: "col-12" }, h("form-control-textarea", { key: '7226c1a3ef90a9f2db529f20470678bf8277738f', 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: 'cbf8886bd32f9859e6cbe75d5c499ea3eb23aea3', class: "col-12" }, h("form-control-file-v2", { key: '05d52880aa75af84bab03122ef39c2fbc0d0cf7b', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: this.handleFileSelection })))));
+        return (h("div", { key: '12a083283fd725f7eb50a5c297ef408ea4184e7a' }, h("div", { key: '6f85bc12bac843ffe6ae1e8bd6acc35db250bc1d', class: "row gy-3" }, h("div", { key: '6bb4c2442b9bbfe2689d60a83806bae6ba5e55f6', class: "col-12" }, h("h2", { key: '9a9cff6036ce2da07ee316145bd35c9971cb94ca', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: 'ad1e3f5be5c71475e172f1b500435248466972a0', class: "col-12" }, h("form-control-textarea", { key: 'dc41498eeabb42786d08522414fed87b1bb9ff9f', 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: '64560a0ec82808e6f41143ed3e2c2b1f35f7d016', class: "col-12" }, h("form-control-file-v2", { key: '8e6b407436dd6bed4612550b6dbddb61ed3ccdc6', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: this.handleFileSelection })))));
     }
 };
 
@@ -141,7 +141,7 @@ const CancellationPolicy = class {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'e4e9bc25a430c01e60345523341a52e343d8ada8' }, h("div", { key: '3a22fcf75e13235e40b30686cc953a5c7963f676', class: "row gy-3" }, h("div", { key: '88cfd3d1fdc811e20367caa917ee88a1531fae96', class: "col-12" }, h("h2", { key: '56030d5fb77119d324b33c8290e62ca220425afc', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '816d7868525662ae14d549852c816840933a15e6', class: "col-12" }, h("form-control-textarea", { key: '165335b23db8c03976da96f1a369f28f1ad46505', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: 'b7f0333145ef1c1f3a1a6bd69f0e01a199f09da6', class: "col-12" }, h("form-control-textarea", { key: 'a456a76fd6745bd6386787e69fee81b7b48c7dc2', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: '929e6f0e5fee8e6c4be4558e82b22a15806c1723', class: "col-12" }, h("form-control-file-v2", { key: '661504e19c6d2304a93a95f716b6b215832c4a90', label: "Upload Cancellation Policy", name: "cancellation_policy_file", onChange: this.handleFileSelection })))));
+        return (h("div", { key: 'bf7df11fdafa2411a0aa79c606b822a893444482' }, h("div", { key: 'a19e32d4edf9d90d23f865f54f8ae844f367ef3e', class: "row gy-3" }, h("div", { key: '9ca87dc02a3993c1b8cd187231561836ae78e517', class: "col-12" }, h("h2", { key: '5ae6844cf4d99ad19f4e4f2690015e422acea5ad', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '82ec0f39bdd823b02f4ff2482e9dd1daedd5d4fe', class: "col-12" }, h("form-control-textarea", { key: 'ed8ce058aa41f3eed1f489c4d62e4f7b16a4c801', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: 'ed26b0813e499381b867eb50d35cf2f473a71cf7', class: "col-12" }, h("form-control-textarea", { key: '5ffd5e3b7d67cf1b2dbb883412f920bec443dc61', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: '43f4c5e4ec9c04f66958f930cee235da0709d3bb', class: "col-12" }, h("form-control-file-v2", { key: 'bf8606a6969b4b5edb8bd945ef3d28e13d85b774', label: "Upload Cancellation Policy", name: "cancellation_policy_file", onChange: this.handleFileSelection })))));
     }
 };
 
@@ -184,7 +184,7 @@ const CustomerDetails = class {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'f3b9a18d93cea09e6c9f7a134ed566ad12887839' }, h("div", { key: 'f9d3594930e9ae5d5907462bbe76c242019a19bc', class: "row gy-3" }, h("div", { key: '809f4e25c8a4d8652ae4711a33321b17d35f5796', class: "col-12" }, h("h2", { key: '56f784698452620cb30b532840b02ee2ca3b6a7a', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '6775574f0e8f1047a11e3e9594f9f237aee09aa2', class: "col-12" }, h("form-control-text", { key: '4fc621b96baed074292ccbe8507a58d18f005237', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: 'f57ace60afc3a74711dc98ea054345413ff51d48', class: "col-12" }, h("form-control-text", { key: '31a88ff6476ecd98fd6def5c39778940b448da51', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '3ea9b1729c1a516fdbf33b28674e33a5ec5f200a', class: "col-12" }, h("form-control-textarea", { key: '6eb19b40b3a514db9e1ead3e57832da37d791db6', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: '363371261754410c5548fc9286a5d9edbec5e4a0', class: "col-12" }, h("form-control-file-v2", { key: 'bf3976ab48c50bb7cd6fd7c29a39a36bee8a70c5', label: "Customer Signature", name: "customer_signature", onChange: this.handleFileSelection })), h("div", { key: '7a85113b3a4c95e0571759f040a63757eead2788', class: "col-12" }, h("form-control-file-v2", { key: '686b82077404ce7c345a51b4c572452fa0491b7d', label: "Customer Communication", name: "customer_communication", onChange: this.handleFileSelection })))));
+        return (h("div", { key: 'f13b1b07f7e47661e94730ac84a2f579e20c407c' }, h("div", { key: 'b50fcf45a6c872543c6a691f43e82b697706c0eb', class: "row gy-3" }, h("div", { key: '71c5a773cd7254a76d4071abbecb4067417266f7', class: "col-12" }, h("h2", { key: '84beef4a3879bb36c3d5755b5e2b23c04e018247', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: 'f58feed75554bdf80574dd6a961f07bc6ff67a68', class: "col-12" }, h("form-control-text", { key: 'e781dad51a096012a9fdbe56169c62abd1c7558d', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: 'c617221a62a8226432216fa3cf1a6bdcaea53dd8', class: "col-12" }, h("form-control-text", { key: '5c4a2d8cf779c0a4cb38c5bfd29e21d610c3283b', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '639449c6544b6fcbaca4a777b0b2e31573c6fb85', class: "col-12" }, h("form-control-textarea", { key: '54794fdbf93af16f55f0d7e9f3b2152a774e9ff7', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: '24c0ad1a768f69d4f181ca12cb1520d9d89df06d', class: "col-12" }, h("form-control-file-v2", { key: '20ba764e44adfd05da308dd98de210b6a6a1918c', label: "Customer Signature", name: "customer_signature", onChange: this.handleFileSelection })), h("div", { key: '0171a822afcd450db5202e4ec1925fd85ff68090', class: "col-12" }, h("form-control-file-v2", { key: '24d31b7c0ae09f10f144e80045eadab93c01ee14', label: "Customer Communication", name: "customer_communication", onChange: this.handleFileSelection })))));
     }
 };
 
@@ -226,7 +226,7 @@ const DuplicateCharge = class {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'a6729feaab17744bbd3c256b5bdee89939c9be55' }, h("div", { key: 'd3729ddaa5983766f87aa634399704c52ee4979c', class: "row gy-3" }, h("div", { key: '9c9288b63b688e83f53353a110ec31c078068312', class: "col-12" }, h("h2", { key: '431878c838002b8a15d202793ab3701cbc81df7e', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: 'f8b9a8dbb78777cb9c63a4296e41fdfe4edb2c7c', class: "col-12" }, h("form-control-text", { key: '8dc4ddad5ab952a09c99deef8734374891075575', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: 'c5445211510dbdf1f6b547ef82ce128d3a316554', class: "col-12" }, h("form-control-textarea", { key: 'a650bf8ca839ae86d00d9df0eb77815a63ebafd6', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: '47625dc4a02045230234220e24295b8260f38043', class: "col-12" }, h("form-control-file-v2", { key: '242b9ae244cc8fbad3721053a50042a76d8f40ad', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: this.handleFileSelection })))));
+        return (h("div", { key: '8364aad095d478905124bbf4c343eafb67a802e6' }, h("div", { key: '0ae2e843703935609ff18219b3e95f3d8e308b80', class: "row gy-3" }, h("div", { key: '07da8c2c9eb4b21890fae8a1dc7a25b2e7d982da', class: "col-12" }, h("h2", { key: 'b07319016adac35476717d93cfc6287c1f3cc617', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '8cdccfc7d1104668a19d06006934e1aab1942b39', class: "col-12" }, h("form-control-text", { key: 'e0f4bdbaad56cd635f9fb7e2b7d66e4a5bb8690b', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: '8a43060fd2531698aafbe5d0195944012833d3a3', class: "col-12" }, h("form-control-textarea", { key: '6a1709fbd761039cd649265f7e123aac58acfe09', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: '707ce39d865cf94f89c848ab42053ef3ef5ed632', class: "col-12" }, h("form-control-file-v2", { key: '371b1db533c75243d986ecad78227b804b109651', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: this.handleFileSelection })))));
     }
 };
 
@@ -267,7 +267,7 @@ const ElectronicEvidence = class {
     }
     render() {
         var _a;
-        return (h("div", { key: '5521599b8e6d23412a06b4a9c6f5360f92ec9c12' }, h("div", { key: 'b1863623b1ffa07c18940d744184c7678515e1f3', class: "row gy-3" }, h("div", { key: '131410f3882f96e0346776db4c213e2ef17b546e', class: "col-12" }, h("h2", { key: '30120f59c8a7896f5294b4ccaf09165c1d28771e', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '7211111acc93fd40b4140d49d4b1e3d268d13829', class: "col-12" }, h("form-control-text", { key: 'eeb3aeaa550569db5c977f3d2ef68b879be446c6', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: '7f98aae20a9f87d4f4f0b42f86350bb1468cc767', class: "col-12" }, h("form-control-file-v2", { key: '342b76753a12784852f2eb087941796874b90d39', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: this.handleFileSelection, errorText: this.errors.activity_log })))));
+        return (h("div", { key: 'b0c3860a9b025aa1a9fca6955619752acab44bfc' }, h("div", { key: 'cbf3b293ba7798ecfd5e0d8e8cfdaa72508901b9', class: "row gy-3" }, h("div", { key: '3dd2980b54485d10c3390e5a6e02def94ec96707', class: "col-12" }, h("h2", { key: '71eef58eeba954fa141d56f16f2e22e0cd1fd602', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '225218973496e4ef6df2d79b4c8051b21c6878c2', class: "col-12" }, h("form-control-text", { key: 'bddbdf3883a116262af125f715d23323f3592fef', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: 'fcd7c9794d4159ccd9136c48f8eb9803f970101d', class: "col-12" }, h("form-control-file-v2", { key: 'bcdb4e3c5499b325206d660b15992e79efc2feb9', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: this.handleFileSelection, errorText: this.errors.activity_log })))));
     }
 };
 
@@ -309,7 +309,7 @@ const ProductOrService = class {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'ad4e3c33f8bc1c295ea51257afc41e6247537022' }, h("div", { key: 'a87f06ff09eadf63ee358a84759d6bd9223c76ec', class: "row gy-3" }, h("div", { key: 'a3053e1d5e2192786fab4592a3ef5a6614fa0de3', class: "col-12" }, h("h2", { key: 'e2b97bf1d8e6f964306f1d2292f00daf5f4e997d', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '0f4e0c72a0b145ec689e7f0a96df86d10be38423', class: "col-12" }, h("form-control-text", { key: 'dd6a94690ac454a35d3b9ddeadde3ae5926ae170', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: 'd9c437dfc8e02bfacc27143e16b753b7940db409', class: "col-12" }, h("form-control-text", { key: '42e638a983cf713f0055d409b305b8fca2ac6bda', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: 'df1f9b6153433e60973723ab20139fe3c739a4cf', class: "col-12" }, h("form-control-file-v2", { key: '6a03cdafcf9d8a4913eaf9b876500792022c58f4', label: "Service Documentation", name: "service_documentation", onChange: this.handleFileSelection, errorText: this.errors.service_documentation })))));
+        return (h("div", { key: 'acd3ad222e15e0ddc7f3410410958bb73195529c' }, h("div", { key: '12cc20448141d7816bcfdb5171b9b979c0255267', class: "row gy-3" }, h("div", { key: '695ad169190e1ec763942ad285e47a390fbd1b41', class: "col-12" }, h("h2", { key: '44a0fb6aa27be23832c3f39f33506b57ccc7e468', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: 'd41bf77ff6a7d8e4fa5ef5cda4fa447dd8a8b07f', class: "col-12" }, h("form-control-text", { key: 'd81cfb94f63dc0b6711c180b7bdc86a64f375691', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '96405e6808644dbd4fadcad86f11a90b2b111812', class: "col-12" }, h("form-control-text", { key: '5de5c4df7331be1fc94e7c44ebf2c72bb127aca3', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '60366bef77d86a348cf73c7d97be53769d2473df', class: "col-12" }, h("form-control-file-v2", { key: '8ece21a45a7675cd155c469e3aa327e4a3b3106b', label: "Service Documentation", name: "service_documentation", onChange: this.handleFileSelection, errorText: this.errors.service_documentation })))));
     }
 };
 
@@ -351,7 +351,7 @@ const RefundPolicy = class {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '54885e971c2d21be1d3c2a4654616e6406a425e5' }, h("div", { key: 'aefe693ee221d72f44a87806ca5ddc257bbf4073', class: "row gy-3" }, h("div", { key: '5a4c220a9cbcd8accd8dd3a3e9c5db74f520f483', class: "col-12" }, h("h2", { key: 'fee6747bc31eeee7648c5af1fec4e86dd33d2f21', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '70f2d38f553a77c6e5a4e2ec25bed11665cd56e5', class: "col-12" }, h("form-control-textarea", { key: 'a0635424932726c980d68bad1c7758159d382575', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: 'b63f29f32b4a2bb35ec2dbeb2d26695bd58d2c32', class: "col-12" }, h("form-control-textarea", { key: '41787fd17b44810eb19945ce7ea5f340ee40ea98', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'acff917b1af1babc1f93cf0541d9d2f22f8f4460', class: "col-12" }, h("form-control-file-v2", { key: '52bee3670ca1cae28fd2d07033796245b13306d4', label: "Upload Refund Policy", name: "refund_policy", onChange: this.handleFileSelection })), h("div", { key: '6e63ed1828f61cfec3882fba0ce0439668111a7a', class: "col-12" }, h("form-control-file-v2", { key: '99a13cfd6c0e662794c013368209c88065a7e404', label: "Upload Receipt", name: "receipt", onChange: this.handleFileSelection })))));
+        return (h("div", { key: 'b91af9cbcac0c390b5c4d5c445976d4a8833907d' }, h("div", { key: '0d94fd8318404dd97dcb035d48a7fcb99b5ae87f', class: "row gy-3" }, h("div", { key: 'd97378e24b0c8a5f71a626d116df0862829f1a92', class: "col-12" }, h("h2", { key: '4e1ab56c967d24865c7609691245dae472a46976', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'a99ee9a75fb1c5b411aa2705ba9a0f14885e5358', class: "col-12" }, h("form-control-textarea", { key: '6d23c869664ecbbd369ca88e85f7a1033cf5ffe4', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: '50b3def529f23f3cae755b762b43caa1f5329c21', class: "col-12" }, h("form-control-textarea", { key: 'e3bce3c6aa80af945884bbec847358a8e259a3ff', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: '771b3e3e163d31ceab83904e4926f61a768ef460', class: "col-12" }, h("form-control-file-v2", { key: '872e482d0f99c2212c9ca9fe0ac56f5e8c17aa88', label: "Upload Refund Policy", name: "refund_policy", onChange: this.handleFileSelection })), h("div", { key: '857353db7a0aee5fd54215b1c5f00ddffdd5dd77', class: "col-12" }, h("form-control-file-v2", { key: 'fa7a204cddb61ed8e30b0c3d1c6227bc2ab9cdfa', label: "Upload Receipt", name: "receipt", onChange: this.handleFileSelection })))));
     }
 };
 
@@ -395,7 +395,7 @@ const ShippingDetails = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: 'b2d81ec85e534890a691547a2ec8d28dcc61e784' }, h("div", { key: '3b49e0e3647e66196f586c2e58699e878658c9f3', class: "row gy-3" }, h("div", { key: 'ba6f52f0c2a44c7a39641cb9cb51bf799892a78f', class: "col-12" }, h("h2", { key: '70a108aa928d392d47bf72a32c3a2c71538fc068', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'f5e1b4c54c4d59b7b558fe817d23e5cbc71acec1', class: "col-12" }, h("form-control-text", { key: '32da6155a22359d291506e7d864b0b09fda34f99', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '55a1082190a09f2723ffbcb6075c18a094ddf5e5', class: "col-12" }, h("form-control-text", { key: '63e0883c7a8f9e01396b7c395eeac7d8612d8dcf', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '0d2f87a06e90191c274d96aed25dbc106ea3c347', class: "col-12" }, h("form-control-date", { key: '33e5da0712b67146147eea9a2de66f0b05d64a69', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '9aff91d4c4055cfe55a35fc28cf07167b4767992', class: "col-12" }, h("form-control-textarea", { key: '840beacaf520e1155cc2acc21d7e2eeaba2dacca', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: '244eb1c41ee0a26c3ba8b7754404b9c736f0e1a2', class: "col-12" }, h("form-control-file-v2", { key: 'e09e9d04a0a5bb26232271fa29dbc5fcf1549dec', label: "Shipping Documentation", name: "shipping_documentation", onChange: this.handleFileSelection })))));
+        return (h("div", { key: '3df223d0827966f125304a5783c341ff32dc9442' }, h("div", { key: 'c4aa2d5c1be5e452284c5463a299b92c2799949a', class: "row gy-3" }, h("div", { key: '049124ca86a2ae70addb34ce9d79138f052484eb', class: "col-12" }, h("h2", { key: '426b01f9b7cdaad3b3c65ec79be2a31c2db5ec7f', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'd58211d0757a3220b880ca8dd1a2289d25f92733', class: "col-12" }, h("form-control-text", { key: '2273a6905d9e79c5c4c4cb9fcbe629b8546b1cb0', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '16685f1e217a9ed7cdea9858989a957855ca9df1', class: "col-12" }, h("form-control-text", { key: '74f2b588ab811279fc5bea972b4d045276dcfb19', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: 'd52ee413a5757a9896e1e24ec7a4d1658d2a51b3', class: "col-12" }, h("form-control-date", { key: '077e1d46323a9546918ebe6b2f096b4a9b494926', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: 'a02a13a8312dd4233f13363f192f5bf5e2009839', class: "col-12" }, h("form-control-textarea", { key: 'bd97071529be47d78ced13f78d77f051a36145c0', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'e83dd41ef2cd943add49784940326cf3b355cd3f', class: "col-12" }, h("form-control-file-v2", { key: 'd5ac44164b655c497a6247b7277527bb20f7ac04', label: "Shipping Documentation", name: "shipping_documentation", onChange: this.handleFileSelection })))));
     }
 };
 

package/dist/esm/justifi-business-details.entry.js

@@ -1,16 +1,15 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-29fcfdf5.js';
-import { E as ErrorState } from './utils-d7633e66.js';
-import { B as BusinessService } from './business.service-182aea6f.js';
+import { E as ErrorState } from './utils-7fb6331d.js';
+import { B as BusinessService } from './business.service-ab2663a3.js';
 import { B as Business } from './Business-29c69f22.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-95b9be89.js';
-import './parts-186d437f.js';
-import './config-187b3ae1.js';
-import './Api-391d00e2.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-f613bceb.js';
+import './parts-93f379ab.js';
+import './Api-0cac5b8a.js';
 import './helpers-96ea3464.js';
 import './state-options-a356fb11.js';
-import './package-223933b4.js';
+import './package-9b94eb81.js';
 
 const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

package/dist/esm/justifi-business-form.entry.js

@@ -1,29 +1,50 @@
-import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
+import { h, r as registerInstance, c as createEvent } from './index-29fcfdf5.js';
 import { c as create$3, F as FormController } from './index.esm-0b6849c2.js';
-import { b as businessCoreInfoSchema, a as additionalQuestionsSchema } from './business-additional-questions-schema-48e93928.js';
-import { a as addressSchema, i as identitySchema } from './business-identity-schema-75126188.js';
-import { A as Api } from './Api-391d00e2.js';
-import './Checkout-0b4086f8.js';
+import { b as businessCoreInfoSchema, a as additionalQuestionsSchema } from './business-additional-questions-schema-aba9747e.js';
+import { a as addressSchema, i as identitySchema } from './business-identity-schema-8b0f1619.js';
+import { A as Api, c as config } from './Api-0cac5b8a.js';
+import './Checkout-d476bb83.js';
 import './Pagination-afc8f96d.js';
-import './Payment-4f72d277.js';
-import './SubAccount-99a00594.js';
-import { c as config } from './config-187b3ae1.js';
+import './Payment-47630113.js';
+import './SubAccount-f31349a9.js';
 import { B as Business, a as BusinessFormServerErrors } from './Business-29c69f22.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-95b9be89.js';
-import { B as Button } from './button-1886a33d.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-f613bceb.js';
+import { B as Button } from './button-8a02823c.js';
 import { S as StyledHost } from './styled-host-32228b45.js';
-import { H as Header1 } from './header-1-c6a00a22.js';
+import { H as Header1 } from './header-1-75c284dd.js';
+import { S as Skeleton } from './skeleton-3bcb2b5d.js';
 import { B as BusinessFormClickActions } from './event-types-5c87de02.js';
-import './schema-validations-c7d4f9df.js';
+import './schema-validations-5b0ac96b.js';
 import './state-options-a356fb11.js';
 import './business-form-options-018f62a5.js';
+import './utils-b76d791e.js';
 import './Dispute-5fd28ec9.js';
 import './helpers-96ea3464.js';
-import './package-223933b4.js';
-import './parts-186d437f.js';
+import './package-9b94eb81.js';
+import './parts-93f379ab.js';
 
 const businessFormSchema = create$3(Object.assign(Object.assign({}, businessCoreInfoSchema().fields), { legal_address: addressSchema(), additional_questions: additionalQuestionsSchema(), representative: identitySchema('representative') }));
 
+const FormBlock = () => (h("div", { class: "row gap-3" },
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "25%" })),
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "100%" })),
+    h("div", { class: "col-12 d-flex gap-3" },
+        h(Skeleton, { width: "50%" }),
+        h(Skeleton, { width: "50%" })),
+    h("div", { class: "col-12 d-flex gap-3" },
+        h(Skeleton, { width: "65%" }),
+        h(Skeleton, { width: "35%" }))));
+const BusinessFormLoading = () => {
+    return (h("div", { class: "row gap-5" },
+        h("div", { class: "col-12" },
+            h(Skeleton, { width: "40%", height: "40px" })),
+        h(FormBlock, null),
+        h(FormBlock, null),
+        h(FormBlock, null)));
+};
+
 const BusinessForm = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -34,7 +55,7 @@ const BusinessForm = class {
             this.formController.setInitialValues(Object.assign({}, business));
         };
         this.sendData = async () => {
-            this.isLoading = true;
+            this.isSaving = true;
             try {
                 const values = this.formController.values.getValue();
                 const initialValues = this.formController.getInitialValues();
@@ -46,7 +67,7 @@ const BusinessForm = class {
                 this.errorMessage = BusinessFormServerErrors.patchData;
             }
             finally {
-                this.isLoading = false;
+                this.isSaving = false;
             }
         };
         this.fetchData = async () => {
@@ -72,6 +93,7 @@ const BusinessForm = class {
         this.formTitle = 'Business Information';
         this.removeTitle = false;
         this.isLoading = false;
+        this.isSaving = false;
         this.errorMessage = undefined;
     }
     componentWillLoad() {
@@ -94,7 +116,7 @@ const BusinessForm = class {
         return this.removeTitle ? '' : this.formTitle;
     }
     get disabledState() {
-        return this.isLoading;
+        return this.isSaving;
     }
     get businessEndpoint() {
         return `entities/business/${this.businessId}`;
@@ -107,7 +129,10 @@ const BusinessForm = class {
         this.instantiateBusiness(response.data);
     }
     render() {
-        return (h(StyledHost, { key: '583d9fda192de2a23255af3a66749bec30e82668' }, h("form", { key: '6de44b1f63b18b7e47c377665878435134155d2a', onSubmit: this.validateAndSubmit }, h("div", { key: 'e83cf5471df4628461978deba6a6269f5a91dc58', class: "row gap-3" }, h(Header1, { key: '228f8d97e1574c714de73884dd564aac2f58bc3c', text: this.title }), h("form-alert", { key: 'e3fe0d57a7ee44f44273481c41b3699e1ccf05d1', text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { key: 'af3fc2e821a601d5046f230735ba52359f3f3710', class: "col-12 mb-4" }, h("justifi-business-core-info", { key: 'e27933c4dd6bfc3746d5071d7cdaec05c1795ec2', formController: this.formController })), h("div", { key: '4c11232954cfb171c0c249465637a3050645f36f', class: "col-12 mb-4" }, h("justifi-legal-address-form", { key: '3d9f7b042822f4b898862a0c89c00fa281daff66', formController: this.formController })), h("div", { key: 'f3b0209fc3cb1b0cd65692f0505ddfcc80a99d0a', class: "col-12 mb-4" }, h("justifi-additional-questions", { key: 'a9c0f77135d8ff2f2c2f2ffba6d288f1f1b60f61', formController: this.formController })), h("div", { key: '085df35d64de470c9f0198d52b698945759afe27', class: "col-12 mb-4" }, h("justifi-business-representative", { key: 'fdb24f037b26f9063d0d1f073d7effb6e3789f7f', formController: this.formController })), h("div", { key: '2b0617d9cd67d296de734c8becbea183555317e4', class: "col-12 d-flex flex-row-reverse" }, h(Button, { key: '7452cb606515807d9d2089330cf5861cd2dcdc1e', type: "submit", disabled: this.disabledState, variant: 'primary', onClick: () => this.clickEvent.emit({ name: BusinessFormClickActions.submit }), isLoading: this.isLoading }, "Submit"))))));
+        if (this.isLoading) {
+            return h(StyledHost, null, h(BusinessFormLoading, null));
+        }
+        return (h(StyledHost, null, h("form", { onSubmit: this.validateAndSubmit }, h("div", { class: "row gap-3" }, h(Header1, { text: this.title }), h("form-alert", { text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { class: "col-12 mb-4" }, h("justifi-business-core-info", { formController: this.formController })), h("div", { class: "col-12 mb-4" }, h("justifi-legal-address-form", { formController: this.formController })), h("div", { class: "col-12 mb-4" }, h("justifi-additional-questions", { formController: this.formController })), h("div", { class: "col-12 mb-4" }, h("justifi-business-representative", { formController: this.formController })), h("div", { class: "col-12 d-flex flex-row-reverse" }, h(Button, { type: "submit", disabled: this.disabledState, variant: 'primary', onClick: () => this.clickEvent.emit({ name: BusinessFormClickActions.submit }), isLoading: this.isSaving }, "Submit"))))));
     }
 };