@justifi/webcomponents 6.7.2 → 6.8.0

package/dist/cjs/justifi-additional-questions-form-step_9.cjs.entry.js

@@ -1,31 +1,32 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
+var index = require('./index-p7cvUYAE.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
 var paymentProvisioningActions = require('./payment-provisioning-actions-CZVlnRA0.js');
-var business_service = require('./business.service-q93NsTG_.js');
-var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-Y1mXnwUT.js');
+var business_service = require('./business.service-zGEitIbP.js');
+var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-Cnh6AXQU.js');
 var index_esm = require('./index.esm-ByC0D4sJ.js');
-var Business = require('./Business-DWHy_-z9.js');
+var Business = require('./Business-CB8EVrhD.js');
 var formInputMasks = require('./form-input-masks-BnNFJ3IJ.js');
-var parts = require('./parts-BVbaniVM.js');
-var skeleton = require('./skeleton-B8dzxFFr.js');
-require('./event-types-YOY5TKUN.js');
-var businessFormOptions = require('./business-form-options-e9UFw4P-.js');
+var parts = require('./parts-BsBVknuf.js');
+var paymentProvisioningLoading = require('./payment-provisioning-loading-B3hvtd9o.js');
+var businessFormOptions = require('./business-form-options-B3CbEmdc.js');
 var eventTypes = require('./event-types-DNOUef41.js');
-require('./config-state-CYoBVAca.js');
+require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
-var GooglePay = require('./GooglePay-BwiJ_80p.js');
+var Plaid = require('./Plaid-DxPvVu0H.js');
 require('./Pagination-Dediz133.js');
 require('./Dispute-CruQTF6_.js');
-var schemaValidations = require('./schema-validations-Bf2mk2xU.js');
-var button = require('./button-fUPGXjU_.js');
-var countryConfig = require('./country-config-MCOhn8o3.js');
-var businessIdentitySchema = require('./business-identity-schema-D_OO0Suf.js');
-var Api = require('./Api-QUTWjGTy.js');
+var schemaValidations = require('./schema-validations-BakyfJpE.js');
+var button = require('./button-C2p1BMP-.js');
+require('./event-types-YOY5TKUN.js');
+var countryConfig = require('./country-config-ETD-7Wb7.js');
+var businessIdentitySchema = require('./business-identity-schema-0jg2Thn9.js');
+var Api = require('./Api-CVbEWBG6.js');
 require('./utils-DvUQQLmR.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./index-mmd0OhmD.js');
+require('./skeleton-BGGMhPJj.js');
+require('./index-W-zoNiyM.js');
 require('./utils-D4WPxuzW.js');
 require('./index-CajjbB9t.js');
 
@@ -66,17 +67,12 @@ class BankAccount {
     }
 }
 
-const FormBlock = () => (index.h("div", { class: "row gap-3" }, index.h("div", { class: "col-12" }, index.h(skeleton.Skeleton, { width: "25%" })), index.h("div", { class: "col-12" }, index.h(skeleton.Skeleton, { width: "100%" })), index.h("div", { class: "col-12 d-flex gap-3" }, index.h(skeleton.Skeleton, { width: "50%" }), index.h(skeleton.Skeleton, { width: "50%" })), index.h("div", { class: "col-12 d-flex gap-3" }, index.h(skeleton.Skeleton, { width: "65%" }), index.h(skeleton.Skeleton, { width: "35%" }))));
-const PaymentProvisioningLoading = () => {
-    return (index.h("div", { class: "row gap-5" }, index.h("div", { class: "col-12" }, index.h(skeleton.Skeleton, { width: "40%", height: "40px" })), index.h(FormBlock, null), index.h(FormBlock, null), index.h(FormBlock, null)));
-};
-
 const AdditionalQuestionsFormStep = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event");
-        this.stepCompleteEvent = index.createEvent(this, "complete-form-step-event");
-        this.formLoading = index.createEvent(this, "formLoading");
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.stepCompleteEvent = index.createEvent(this, "complete-form-step-event", 7);
+        this.formLoading = index.createEvent(this, "formLoading", 7);
         this.errors = {};
         this.additional_questions = {};
         this.recurringPayments = false;
@@ -180,12 +176,12 @@ const AdditionalQuestionsFormStep = class {
         }
     }
     render() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         const additionalQuestionsDefaultValue = this.formController.getInitialValues();
         if (this.isLoading) {
-            return index.h(PaymentProvisioningLoading, null);
+            return index.h(paymentProvisioningLoading.PaymentProvisioningLoading, null);
         }
-        return (index.h("form", null, index.h("fieldset", null, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Additional Questions"), index.h("form-control-tooltip", { helpText: "This information helps us understand the business and identify and monitor trends to safeguard you and your customers." })), index.h("hr", { class: "mt-2" }), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-monetary-provisioning", { name: "business_revenue", label: "What is your business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: formInputMasks.CURRENCY_MASK.WHOLE })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "business_payment_volume", label: "What is your business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume })), index.h("div", { class: "col-12" }, index.h("form-control-select", { name: "business_when_service_received", label: "On average, how long after paying will your customers typically receive their goods or services?", inputHandler: this.inputHandler, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_when_service_received, options: businessFormOptions.businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "business_other_payment_details", label: "Is there anything else you would like us to know about how your customers pay the business? (optional)", inputHandler: this.inputHandler, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
+        return (index.h("form", null, index.h("fieldset", null, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Additional Questions"), index.h("form-control-tooltip", { helpText: "This information helps us understand the business and identify and monitor trends to safeguard you and your customers." })), index.h("hr", { class: "mt-2" }), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-monetary-provisioning", { name: "business_revenue", label: "What is your business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: formInputMasks.CURRENCY_MASK.WHOLE })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-monetary-provisioning", { name: "business_payment_volume", label: "What is your business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: formInputMasks.CURRENCY_MASK.WHOLE })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "business_average_transaction_amount", label: "What is your average transaction size?", inputHandler: this.inputHandler, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_average_transaction_amount, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_average_transaction_amount })), index.h("div", { class: "col-12" }, index.h("form-control-select", { name: "business_when_service_received", label: "On average, how long after paying will your customers typically receive their goods or services?", inputHandler: this.inputHandler, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_when_service_received, options: businessFormOptions.businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "business_other_payment_details", label: "Is there anything else you would like us to know about how your customers pay the business? (optional)", inputHandler: this.inputHandler, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -222,8 +218,8 @@ const buildDocumentRules = (documents, allowOptionalFields) => {
             bank_statement: index_esm.create$8().nullable(),
         };
     }
-    const existingVoidedCheck = checkExistingDocs(documents, GooglePay.EntityDocumentType.voidedCheck);
-    const existingBankStatement = checkExistingDocs(documents, GooglePay.EntityDocumentType.bankStatement);
+    const existingVoidedCheck = checkExistingDocs(documents, Plaid.EntityDocumentType.voidedCheck);
+    const existingBankStatement = checkExistingDocs(documents, Plaid.EntityDocumentType.bankStatement);
     const existingDocument = existingVoidedCheck || existingBankStatement;
     const documentErrorText = 'Please upload either a voided check or a bank statement. Only one is required.';
     return {
@@ -279,15 +275,17 @@ const bankAccountSchemaByCountry = {
 const BusinessBankAccountFormStep = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event");
-        this.stepCompleteEvent = index.createEvent(this, "complete-form-step-event");
-        this.formLoading = index.createEvent(this, "formLoading");
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.stepCompleteEvent = index.createEvent(this, "complete-form-step-event", 7);
+        this.formLoading = index.createEvent(this, "formLoading", 7);
         this.errors = {};
         this.bankAccount = {};
         this.existingDocuments = [];
-        this.documentData = new GooglePay.EntityDocumentStorage();
+        this.documentData = new Plaid.EntityDocumentStorage();
         this.isLoading = false;
         this.isAddingNewBankAccount = true;
+        this.bankAccountVerification = false;
+        this.platformAccountId = null;
         this.getSchema = () => {
             const schema = bankAccountSchemaByCountry[this.country];
             return schema(this.allowOptionalFields, this.existingDocuments);
@@ -311,7 +309,7 @@ const BusinessBankAccountFormStep = class {
         this.storeFiles = (e) => {
             const fileList = Array.from(e.detail.fileList);
             const docType = e.detail.document_type;
-            const documentList = fileList.map(file => new GooglePay.EntityDocument({ file, document_type: docType }, this.businessId));
+            const documentList = fileList.map(file => new Plaid.EntityDocument({ file, document_type: docType }, this.businessId));
             this.documentData[docType] = documentList;
         };
         this.getData = () => {
@@ -330,6 +328,8 @@ const BusinessBankAccountFormStep = class {
                         this.bankAccount.business_id = this.businessId;
                     }
                     this.existingDocuments = response.data.documents;
+                    this.bankAccountVerification = response.data.settings.bank_account_verification === true;
+                    this.platformAccountId = response.data.platform_account_id;
                 },
                 onError: ({ error, code, severity }) => {
                     this.errorEvent.emit({
@@ -346,12 +346,12 @@ const BusinessBankAccountFormStep = class {
         };
         this.handleChangeBankAccount = () => {
             this.isAddingNewBankAccount = true;
-            this.documentData = new GooglePay.EntityDocumentStorage();
+            this.documentData = new Plaid.EntityDocumentStorage();
             this.initializeFormController();
         };
         this.handleCancel = () => {
             this.isAddingNewBankAccount = false;
-            this.documentData = new GooglePay.EntityDocumentStorage();
+            this.documentData = new Plaid.EntityDocumentStorage();
             this.initializeFormController();
         };
         this.handleSaveBankAccount = async () => {
@@ -545,13 +545,17 @@ const BusinessBankAccountFormStep = class {
             this.isLoading = true;
             this.getBusiness({
                 onSuccess: (response) => {
-                    if (response.data.bank_accounts.length > 0) {
+                    const { data } = response;
+                    const { bank_accounts, documents, settings, platform_account_id } = data;
+                    if (bank_accounts.length > 0) {
                         // Get the latest bank account (last in array)
-                        const bankAccounts = response.data.bank_accounts;
+                        const bankAccounts = bank_accounts;
                         const latestBankAccount = bankAccounts[bankAccounts.length - 1];
                         this.bankAccount = new BankAccount(latestBankAccount);
                     }
-                    this.existingDocuments = response.data.documents;
+                    this.existingDocuments = documents;
+                    this.bankAccountVerification = settings.bank_account_verification === true;
+                    this.platformAccountId = platform_account_id;
                     this.initializeFormController();
                 },
                 onError: ({ error, code, severity }) => {
@@ -591,10 +595,15 @@ const BusinessBankAccountFormStep = class {
     }
     render() {
         const bankAccountDefaultValue = this.formController.getInitialValues();
+        const shouldShowPlaidVerification = this.bankAccountVerification && this.platformAccountId;
         if (this.isLoading) {
-            return index.h(PaymentProvisioningLoading, null);
+            return index.h(paymentProvisioningLoading.PaymentProvisioningLoading, null);
         }
-        return (index.h("form", null, index.h("fieldset", { class: "mb-4" }, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Bank Account Info"), index.h("form-control-tooltip", { helpText: "This direct deposit account is the designated bank account where incoming 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." })), index.h("hr", { class: "mt-2" }), this.country === Business.CountryCode.CAN ? (index.h("bank-account-form-inputs-canada", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.showReadOnlyView })) : (index.h("bank-account-form-inputs", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.showReadOnlyView })), this.showReadOnlyView && (index.h("div", { class: "mt-3" }, index.h(button.Button, { variant: "secondary", type: "button", onClick: this.handleChangeBankAccount, disabled: this.isLoading, part: parts.buttonSecondary }, "Change Bank Account"))), (!this.existingBankAccount || this.isAddingNewBankAccount) && (index.h("div", { class: "mt-3 d-flex gap-2" }, this.isAddingNewBankAccount && (index.h(button.Button, { variant: "secondary", type: "button", onClick: this.handleCancel, disabled: this.isLoading, part: parts.buttonSecondary }, "Cancel")), index.h(button.Button, { variant: "primary", type: "button", onClick: this.handleSaveBankAccount, disabled: this.isLoading, isLoading: this.isLoading }, "Save Bank Account")))), index.h("fieldset", { class: "mt-4" }, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Document Uploads"), index.h("form-control-tooltip", { helpText: "One document (voided check or bank statement) is required for underwriting purposes. It needs to visibly show the name tied to the account and the account number. Various file formats such as PDF, DOC, DOCX, JPEG are accepted. Multiple files can be uploaded for each document category." })), index.h("hr", { class: "mt-2" }), index.h("business-documents-on-file", { documents: this.existingDocuments, isLoading: this.isLoading }), index.h("bank-account-document-form-inputs", { inputHandler: this.inputHandler, errors: this.errors, storeFiles: this.storeFiles }))));
+        return (index.h("form", null, index.h("fieldset", { class: "mb-4" }, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Bank Account Info"), index.h("form-control-tooltip", { helpText: "This direct deposit account is the designated bank account where incoming 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." })), index.h("hr", { class: "mt-2" }), shouldShowPlaidVerification && (index.h("div", { class: "mt-3" }, index.h("plaid-verification", { authToken: this.authToken, accountId: this.platformAccountId, businessId: this.businessId, onPlaidVerificationSuccess: () => {
+                // Refresh bank account data after successful Plaid verification
+                this.isAddingNewBankAccount = false;
+                this.refreshBankAccountData();
+            } }))), this.country === Business.CountryCode.CAN ? (index.h("bank-account-form-inputs-canada", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.showReadOnlyView })) : (index.h("bank-account-form-inputs", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.showReadOnlyView })), this.showReadOnlyView && (index.h("div", { class: "mt-3" }, index.h(button.Button, { variant: "secondary", type: "button", onClick: this.handleChangeBankAccount, disabled: this.isLoading, part: parts.buttonSecondary }, "Change Bank Account"))), (!this.existingBankAccount || this.isAddingNewBankAccount) && (index.h("div", { class: "mt-3 d-flex gap-2" }, this.isAddingNewBankAccount && (index.h(button.Button, { variant: "secondary", type: "button", onClick: this.handleCancel, disabled: this.isLoading, part: parts.buttonSecondary }, "Cancel")), index.h(button.Button, { variant: "primary", type: "button", onClick: this.handleSaveBankAccount, disabled: this.isLoading, isLoading: this.isLoading }, "Save Bank Account")))), index.h("fieldset", { class: "mt-4" }, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Document Uploads"), index.h("form-control-tooltip", { helpText: "One document (voided check or bank statement) is required for underwriting purposes. It needs to visibly show the name tied to the account and the account number. Various file formats such as PDF, DOC, DOCX, JPEG are accepted. Multiple files can be uploaded for each document category." })), index.h("hr", { class: "mt-2" }), index.h("business-documents-on-file", { documents: this.existingDocuments, isLoading: this.isLoading }), index.h("bank-account-document-form-inputs", { inputHandler: this.inputHandler, errors: this.errors, storeFiles: this.storeFiles }))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -606,9 +615,9 @@ const BusinessBankAccountFormStep = class {
 const BusinessCoreInfoFormStep = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event");
-        this.stepCompleteEvent = index.createEvent(this, "complete-form-step-event");
-        this.formLoading = index.createEvent(this, "formLoading");
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.stepCompleteEvent = index.createEvent(this, "complete-form-step-event", 7);
+        this.formLoading = index.createEvent(this, "formLoading", 7);
         this.errors = {};
         this.coreInfo = {};
         this.isLoading = false;
@@ -713,7 +722,7 @@ const BusinessCoreInfoFormStep = class {
         var _a, _b;
         const coreInfoDefaultValue = this.formController.getInitialValues();
         if (this.isLoading) {
-            return index.h(PaymentProvisioningLoading, null);
+            return index.h(paymentProvisioningLoading.PaymentProvisioningLoading, null);
         }
         return (index.h("form", null, index.h("fieldset", null, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Business Information")), index.h("hr", { class: "mt-2" }), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "legal_name", label: "Business Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (don't use acronyms or abbreviations unless you registered that way)." })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler, helpText: "Enter this exactly as it appears on your tax records (leave blank if you don't have a registered DBA/trade name)" })), index.h("div", { class: "col-12 col-md-8" }, index.h("form-control-select", { name: "classification", label: "Business Classification", options: businessFormOptions.businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-4" }, index.h("form-control-date", { name: "date_of_incorporation", label: "Date of Registration", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), index.h("div", { class: "col-12 col-md-6" }, index.h("form-control-text", { name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler, helpText: "Describe what you sell" })), index.h("div", { class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (index.h("form-control-number-masked", { name: "tax_id", label: countryConfig.countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: '000000000', helpText: countryConfig.countryLabels[this.country].taxIdHelpText })) : (index.h("div", null, index.h("label", { class: "form-label", part: parts.label }, countryConfig.countryLabels[this.country].taxIdLabel), index.h("div", { class: "input-group mb-3" }, index.h("input", { type: "text", class: "form-control", part: parts.inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), index.h("button", { class: "btn btn-secondary", type: "button", part: parts.buttonSecondary, onClick: () => {
                 this.isEditingTaxId = true;
@@ -730,16 +739,23 @@ const BusinessCoreInfoFormStep = class {
 const BusinessOwnersFormStep = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.clickEvent = index.createEvent(this, "click-event");
-        this.stepCompleteEvent = index.createEvent(this, "complete-form-step-event");
-        this.errorEvent = index.createEvent(this, "error-event");
-        this.formLoading = index.createEvent(this, "formLoading");
+        this.clickEvent = index.createEvent(this, "click-event", 7);
+        this.stepCompleteEvent = index.createEvent(this, "complete-form-step-event", 7);
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.formLoading = index.createEvent(this, "formLoading", 7);
         this.ownersPayload = [];
         this.refs = [];
         this.isLoading = false;
+        this.representativeIsOwner = null;
         this.matchRef = (ref, ownerId) => {
-            const ownerIndex = this.refs.findIndex(ref => ref === ownerId);
+            if (ref === null)
+                return;
+            const ownerIndex = this.ownersPayload.findIndex(owner => owner.id === ownerId);
             if (ownerIndex !== -1) {
+                // Ensure refs array is properly sized before setting ref
+                if (this.refs.length !== this.ownersPayload.length) {
+                    this.manageRefs();
+                }
                 this.refs[ownerIndex] = ref;
             }
         };
@@ -748,6 +764,7 @@ const BusinessOwnersFormStep = class {
             this.isLoading = true;
             this.getBusiness({
                 onSuccess: (response) => {
+                    this.representative = new Business.Representative(response.data.representative || {});
                     if (response.data.owners.length) {
                         this.ownersPayload = response.data.owners.map(owner => ({ id: owner.id }));
                     }
@@ -801,6 +818,21 @@ const BusinessOwnersFormStep = class {
             this.ownersPayload = this.ownersPayload.filter(owner => owner.id !== id);
             this.newFormOpen && (this.newFormOpen = false);
         };
+        this.handleRepresentativeIsOwnerChange = (value) => {
+            this.representativeIsOwner = value;
+            if (this.representativeIsOwner) {
+                this.ownersPayload = this.ownersPayload.filter(owner => owner.id !== '');
+                this.patchBusiness({
+                    payload: {
+                        owners: [{ id: this.representative.id }, ...this.ownersPayload],
+                    },
+                    onSuccess: () => {
+                        this.getData();
+                        this.newFormOpen = false;
+                    },
+                });
+            }
+        };
     }
     propChanged() {
         this.initializeApi();
@@ -866,9 +898,11 @@ const BusinessOwnersFormStep = class {
     }
     render() {
         if (this.isLoading) {
-            return (index.h(index.Host, null, index.h(PaymentProvisioningLoading, null)));
+            return (index.h(index.Host, null, index.h(paymentProvisioningLoading.PaymentProvisioningLoading, null)));
         }
-        return (index.h(index.Host, null, index.h("div", null, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Owners"), index.h("form-control-tooltip", { helpText: "For partnerships, LLCs or privately held corporations, the business is required to apply with all individuals with 25% or more ownership to the application. For charities and registered non-profits, the business is required to apply with 1 individual with substantial control over the entity, such as a board member or director." })), index.h("hr", { class: "mt-2" }), index.h("div", { class: 'row gy-3' }, this.ownersPayload.map((owner) => {
+        const isRepresentativeOwner = this.ownersPayload.some(owner => owner.id === this.representative.id);
+        const shouldShowRepresentativeIsOwner = this.representativeIsOwner === null && !isRepresentativeOwner;
+        return (index.h(index.Host, null, index.h("div", null, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Owners"), index.h("form-control-tooltip", { helpText: "For partnerships, LLCs or privately held corporations, the business is required to apply with all individuals with 25% or more ownership to the application. For charities and registered non-profits, the business is required to apply with 1 individual with substantial control over the entity, such as a board member or director." })), index.h("hr", { class: "mt-2" }), shouldShowRepresentativeIsOwner && (index.h("div", { class: `alert alert-warning mb-3`, part: parts.alert }, index.h("div", { class: "card-body" }, index.h("div", { class: "d-flex align-items-center mb-3" }, index.h("strong", null, "Is the representative of this business also an owner?")), index.h("div", { class: "d-flex gap-2" }, index.h(button.Button, { variant: 'primary', onClick: () => this.handleRepresentativeIsOwnerChange(true) }, "Yes"), index.h(button.Button, { variant: 'secondary', onClick: () => this.handleRepresentativeIsOwnerChange(false) }, "No"))))), index.h("div", { class: 'row gy-3' }, this.ownersPayload.map((owner) => {
             return (index.h("justifi-owner-form", { key: owner.id, authToken: this.authToken, businessId: this.businessId, ownerId: owner.id, removeOwner: this.removeOwnerForm, newFormOpen: this.newFormOpen, ownersLength: this.ownersPayload.length, country: this.country, allowOptionalFields: this.allowOptionalFields, ref: (ref) => this.matchRef(ref, owner.id) }));
         })), index.h("div", { class: 'd-flex justify-content-start' }, index.h("div", { class: 'gap-2' }, index.h(button.Button, { variant: 'primary', onClick: () => this.addOwnerForm(true), hidden: !this.showAddOwnerButton }, "Add Owner"))))));
     }
@@ -882,9 +916,9 @@ const BusinessOwnersFormStep = class {
 const BusinessRepresentativeFormStep = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event");
-        this.stepCompleteEvent = index.createEvent(this, "complete-form-step-event");
-        this.formLoading = index.createEvent(this, "formLoading");
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.stepCompleteEvent = index.createEvent(this, "complete-form-step-event", 7);
+        this.formLoading = index.createEvent(this, "formLoading", 7);
         this.errors = {};
         this.representative = {};
         this.isLoading = false;
@@ -994,7 +1028,7 @@ const BusinessRepresentativeFormStep = class {
     }
     render() {
         if (!this.formController || this.isLoading) {
-            return (index.h(PaymentProvisioningLoading, null));
+            return (index.h(paymentProvisioningLoading.PaymentProvisioningLoading, null));
         }
         return (index.h("justifi-business-representative-form-inputs", { representativeDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }));
     }
@@ -1019,10 +1053,10 @@ const businessTermsConditionsSchema = (allowOptionalFields) => {
 const BusinessTermsConditionsFormStep = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.stepCompleteEvent = index.createEvent(this, "complete-form-step-event");
-        this.errorEvent = index.createEvent(this, "error-event");
-        this.formLoading = index.createEvent(this, "formLoading");
-        this.formCompleted = index.createEvent(this, "formCompleted");
+        this.stepCompleteEvent = index.createEvent(this, "complete-form-step-event", 7);
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.formLoading = index.createEvent(this, "formLoading", 7);
+        this.formCompleted = index.createEvent(this, "formCompleted", 7);
         this.errors = {};
         this.fetchData = async () => {
             this.formLoading.emit(true);
@@ -1124,16 +1158,16 @@ const BusinessTermsConditionsFormStep = class {
         return (index.h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
     }
     render() {
-        return (index.h("form", { key: '721f3c171358f9450a8b460dafac3c9f7f27727b' }, index.h("fieldset", { key: 'e151086c528d5e359e4ecd2c33feb01c5571a6ca' }, index.h("legend", { key: 'ff4ba3bead3ec50cf9736d6a864740e542f42b2d', part: parts.heading2 }, "Terms and Conditions"), index.h("hr", { key: 'c076bfe230bafbe8db7280f5f708de893c970bf2' }), index.h("div", { key: 'd2a1e0f4e15077d07fe7de2cb847252990b44bde' }, index.h("p", { key: '559c4c6d6e27b5fb800984e87097fe080482462d' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), index.h("br", { key: '014b3a7be231c81bd23c35ab212d7ac4e4c1d107' }), index.h("div", { key: '3ef38ecffd678c36c564836434f0a0da341116af', class: "row-gy-3" }, index.h("div", { key: 'e715723e19a212628d29fec46ca494b7080dac66', class: "col-12" }, index.h("form-control-checkbox", { key: '6054f012fa3abacf6b9f6ffe7d7e88444d8a1066', 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 (index.h("form", { key: '33336d0a66d63ce39951822fd570a9a0689e714d' }, index.h("fieldset", { key: 'fcfdb59eef671cb408ed99e2dad20d6be706688a' }, index.h("legend", { key: 'f0cf7f0ac15c90cf36ee25d4bf986c0e781a2e92', part: parts.heading2 }, "Terms and Conditions"), index.h("hr", { key: 'd5c820e7d6523f931040a994bd103d69fd644c45' }), index.h("div", { key: '681b584de14afe121f5dc69ee0bad1cab51ba0d1' }, index.h("p", { key: '7c597bf891a108d303739126b806ded5220f56ab' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), index.h("br", { key: '52854c5a07611180be40df21a5f60d7d9d4c4cb7' }), index.h("div", { key: '7448b3f6138b996edac137b961367725e3b40556', class: "row-gy-3" }, index.h("div", { key: 'c732deb4e1e3a2d04dd4e09914543a7f594af108', class: "col-12" }, index.h("form-control-checkbox", { key: 'fca18e4843aef20d13790029b114b2ecaeb6ffa2', 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 }))))));
     }
 };
 
 const LegalAddressFormStep = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event");
-        this.stepCompleteEvent = index.createEvent(this, "complete-form-step-event");
-        this.formLoading = index.createEvent(this, "formLoading");
+        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.stepCompleteEvent = index.createEvent(this, "complete-form-step-event", 7);
+        this.formLoading = index.createEvent(this, "formLoading", 7);
         this.errors = {};
         this.legal_address = {};
         this.isLoading = false;
@@ -1235,7 +1269,7 @@ const LegalAddressFormStep = class {
         var _a;
         const legalAddressDefaultValue = (_a = this.formController) === null || _a === void 0 ? void 0 : _a.getInitialValues();
         if (this.isLoading) {
-            return index.h(PaymentProvisioningLoading, null);
+            return index.h(paymentProvisioningLoading.PaymentProvisioningLoading, null);
         }
         return (index.h("form", null, index.h("fieldset", null, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Legal Address of your Business"), index.h("form-control-tooltip", { helpText: "No PO Boxes." })), index.h("hr", { class: "mt-2" }), index.h("justifi-form-address-fields", { country: this.country, errors: this.errors, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
     }
@@ -1259,7 +1293,7 @@ const PaymentProvisioningFormButtons = class {
         return this.currentStep === this.totalSteps;
     }
     render() {
-        return (index.h("div", { key: 'e13d3613af061d0067d1dbd84b6c3aebfc782aad', class: 'd-flex gap-2' }, index.h(button.Button, { key: '7b422ce77e13872f3dbd622574bce0e3e6e9c2ed', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), index.h(button.Button, { key: 'ea1242fdccb0b0af2438f4aaab91e3e17a607ef7', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, eventTypes.BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), index.h(button.Button, { key: '0c323f533ea84608dcdabb885f69d71a81ec684b', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, eventTypes.BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
+        return (index.h("div", { key: '53ba6c809e1968712b333f4bcf2798dbca186ddb', class: 'd-flex gap-2' }, index.h(button.Button, { key: 'b45c60083ccf6589cae0c63ce6b66c18da340dc7', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), index.h(button.Button, { key: '27372798da0276de44d1563a4688486e7cc91d64', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, eventTypes.BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), index.h(button.Button, { key: '8bc14ca8fe951caf276f8ed03e502486e11acbe2', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, eventTypes.BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
     }
 };
 
@@ -1282,7 +1316,7 @@ const PaymentProvisioningFormSteps = class {
         return this.componentStepMapping[this.currentStep]();
     }
     render() {
-        return (index.h("div", { key: 'dcf3f283bae7de00311f35e41b8d803196f50d49', class: 'col-12 mb-4' }, this.currentStepComponent));
+        return (index.h("div", { key: 'ff7c9e688009383fdbe18c9824fa578d2338900c', class: 'col-12 mb-4' }, this.currentStepComponent));
     }
 };
 

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BhI7cJcE.js');
+var index = require('./index-p7cvUYAE.js');
 var index_esm = require('./index.esm-ByC0D4sJ.js');
-var parts = require('./parts-BVbaniVM.js');
+var parts = require('./parts-BsBVknuf.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 
 const AdditionalStatementSchema = index_esm.create$3({
@@ -100,7 +100,7 @@ const AdditionalStatement = class {
     }
     render() {
         var _a, _b;
-        return (index.h("div", { key: 'd943c5a732c4ece78a9d3894b1395bfe9fde13eb' }, index.h("div", { key: '918d1e3ef1259396d177e41d10998cbd9d69c060', class: "row gy-3" }, index.h("div", { key: 'bfab1580c07005da4046884acd07858478ed9e29', class: "col-12" }, index.h("h2", { key: '9d82008f712ce05f35a42bc169f581ec5e38d9ea', class: "h5", part: parts.heading5 }, "Additional Evidence")), index.h("div", { key: '28b192ee15fc788ef9923e366b46e0d1458f5061', class: "col-12" }, index.h("form-control-textarea", { key: '799b740724230fc5fd7ed7e19d8f7069416eed10', 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 })), index.h("div", { key: '0e1f293bd196f45faaa495f310be6c72ce101e0e', class: "col-12" }, index.h("form-control-file-v2", { key: '02ae90e06226350272bb49d1cb0d753f641c6801', 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 (index.h("div", { key: 'd52503cf5815f53c655754d07b1bc1cc7401d07f' }, index.h("div", { key: 'b7c4c06c3bd77afbd5cd9f96158eaf3161425f0b', class: "row gy-3" }, index.h("div", { key: '33836b54b773763a8657afc90331cc67045d4b71', class: "col-12" }, index.h("h2", { key: 'fef897d53f97e665210ead7210041dcf5ce816a1', class: "h5", part: parts.heading5 }, "Additional Evidence")), index.h("div", { key: '26afd31b03e4d399e4c6032ea9c1bdee54d830be', class: "col-12" }, index.h("form-control-textarea", { key: '4fd907f2de7d8239d9665583d88b656aa0e0a311', 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 })), index.h("div", { key: '7775cf2e4ee5d27a1c703a9bd3710f6ec2b2f09f', class: "col-12" }, index.h("form-control-file-v2", { key: '7155276e45b54d1c70ba37a778d8ebc69a626b8f', 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 })))));
     }
 };
 
@@ -134,7 +134,7 @@ const CancellationPolicy = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: '24d9db9409e2bc6147e73b70b103c86d9c65580d' }, index.h("div", { key: 'a724a9f96b0cc7f6a38fab82b572962b72ffbf9b', class: "row gy-3" }, index.h("div", { key: 'ba734334efd7a7fbc7adcc2c8bcb73f80278a413', class: "col-12" }, index.h("h2", { key: 'f57de791ca5b8f6752ce06460ba813f89f8145f5', class: "h5", part: parts.heading5 }, "Cancellation Policy")), index.h("div", { key: '86946aa4b4b2615864c3e6053e661564f4eb5658', class: "col-12" }, index.h("form-control-textarea", { key: '0f996bfd0a1b64effef21418a7813a12f1ad5fcd', 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 })), index.h("div", { key: 'd46ca79368e4bc1f13e406d0fece0be4b8e33950', class: "col-12" }, index.h("form-control-textarea", { key: '0d7991cf878e645b80b8aa8b03533dc758d267a9', 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 })), index.h("div", { key: 'aa89c58ba7263fe7419908fd4964874645b26c3e', class: "col-12" }, index.h("form-control-file-v2", { key: '7e6020a57b0d804c20e0b2c092bf512912679eb9', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
+        return (index.h("div", { key: '7e324ceb101b39f115b802eaaba72bc1244d944f' }, index.h("div", { key: '09051fac8c49c6ffc52e37d5027a353a8e4fe8ae', class: "row gy-3" }, index.h("div", { key: '6c8c50593dca3155a708ec25f3189be54df3e3b9', class: "col-12" }, index.h("h2", { key: 'bdffa3a4ea564d715c377ffe2b97c7ec59600ed5', class: "h5", part: parts.heading5 }, "Cancellation Policy")), index.h("div", { key: '376a234708050ff8079db49dd42e28eabbd2d5ce', class: "col-12" }, index.h("form-control-textarea", { key: '2b6a803b276cf3c73e2a3745cd09c9b797265127', 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 })), index.h("div", { key: '52d22aae6cca0dd3215d545957d130564ae673e5', class: "col-12" }, index.h("form-control-textarea", { key: '170191a065345416f68bb0abfa72b59318c65ed6', 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 })), index.h("div", { key: 'cb5e7e12104574a061139fd882c9da41e8ffadbb', class: "col-12" }, index.h("form-control-file-v2", { key: '7c09d5592ac3584e134f8a1a3d0aeca0c2cf4373', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
     }
 };
 
@@ -169,7 +169,7 @@ const CustomerDetails = class {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (index.h("div", { key: 'b348b17f0b320a540b0496f04572ba1360f4fd15' }, index.h("div", { key: '376750fbcd6da41a602d6ad5b4a2130dbcce17dc', class: "row gy-3" }, index.h("div", { key: '2f6134bbd055fdb8afa495e29370a3528b5d8701', class: "col-12" }, index.h("h2", { key: '7e29aa97b070479bc6df91fe2bd4416a3a2210dd', class: "h5", part: parts.heading5 }, "Customer Details")), index.h("div", { key: '7f44155fab6f6387fa768af1225c10a63fc3587b', class: "col-12" }, index.h("form-control-text", { key: '6c38a71cdcf231729d9db144a3936130dc0e0b4d', 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 })), index.h("div", { key: '06c883df8dfa58535c32bcb43e6649537ff0b91c', class: "col-12" }, index.h("form-control-text", { key: 'eb424a6d80d90d19e7be31323de3ad41ede47c09', 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 })), index.h("div", { key: 'a7ba05dfc72dabeeb690daff6e9f692488172d15', class: "col-12" }, index.h("form-control-textarea", { key: '9b47c924dfdd8065d6e456210a2cdaac30376f9b', 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 })), index.h("div", { key: '37ba310fdd33ffb1fc41a168fb31c4f21a49b568', class: "col-12" }, index.h("form-control-file-v2", { key: 'e54b14ab429073482f68f8ba259e797be4c41a0f', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), index.h("div", { key: '9084a731a58784355bc543759d6bf50bd6001c52', class: "col-12" }, index.h("form-control-file-v2", { key: 'bfb40202ff50523583ad8bcc7dc96740495de312', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
+        return (index.h("div", { key: '2a284179b0e885a49328aea3de640ac89a721a50' }, index.h("div", { key: 'aa7da787c2438af27988aa66ee14a980f3b06b9b', class: "row gy-3" }, index.h("div", { key: '7866c966658406e25a7a96f8b625dff4cd01fae9', class: "col-12" }, index.h("h2", { key: '16232b46708a785c70fb1160d45f71457517f146', class: "h5", part: parts.heading5 }, "Customer Details")), index.h("div", { key: 'fa470479d54a9c68543f01f5aa8168b31345c558', class: "col-12" }, index.h("form-control-text", { key: 'b0908d5cf478b70081ae376f52f37539cfe6cd4f', 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 })), index.h("div", { key: 'a74a0dc1a29526fc24a4ed85b51152679f6cf557', class: "col-12" }, index.h("form-control-text", { key: 'e212808991ff68e64ef07fe216b30d9ef53f1876', 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 })), index.h("div", { key: '588cd9e061aeb50c7b1a427cf961a594b20543e2', class: "col-12" }, index.h("form-control-textarea", { key: '03792e2bd58e6f83605bd6d8694ecd52c69f7bf9', 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 })), index.h("div", { key: 'e82bcb4a124a371349a61446ed80bfc2ddff6447', class: "col-12" }, index.h("form-control-file-v2", { key: '177fd69a1d5fd956e875651f28f3b52673ca7b3b', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), index.h("div", { key: '0e1b09ec74a570e5eae6378c0789147b2a8a9f41', class: "col-12" }, index.h("form-control-file-v2", { key: '07eaaa242425f54482c5bf1c45bbb64b7b0eb032', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
     }
 };
 
@@ -203,7 +203,7 @@ const DuplicateCharge = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: 'e47e81701d243ca3d0cbd63752ac8edc02337cf8' }, index.h("div", { key: 'e8c380c186d957a09910887ffaa1476c55889ae2', class: "row gy-3" }, index.h("div", { key: '6209bbe1f2b37a0fb7215d9eca5da546f7b07343', class: "col-12" }, index.h("h2", { key: '4fcc49631c78e5f780b116f6741efbdc8526a81b', class: "h5", part: parts.heading5 }, "Duplicate Charge")), index.h("div", { key: '8d0a2ebe2fc159af79392decb28775e39e18868a', class: "col-12" }, index.h("form-control-text", { key: '45e3bfb01b42fdbfa366226bce57f59b33b682e5', 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 })), index.h("div", { key: '2e2d2c826a068d1ca22b527187b8850c5f92aa80', class: "col-12" }, index.h("form-control-textarea", { key: '97437cc325d852b9ff4ad1080d7921caac392ad2', 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 })), index.h("div", { key: 'bf0afc8eaf9eafd1cf08a1d1efeb1007e66ed1a0', class: "col-12" }, index.h("form-control-file-v2", { key: '75d18cc087a7765798f51463d2f9e70197cc5374', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
+        return (index.h("div", { key: 'bfd32a0d9ae4fb268939513d5206912e6e60b499' }, index.h("div", { key: '2c41e7c7b33d711a7a4c76c4a3fccb569e9e9a44', class: "row gy-3" }, index.h("div", { key: '5cc774a79845c5899c1d34e402db5876cbf3e438', class: "col-12" }, index.h("h2", { key: '4f26c3cd1e6035100d9837bfbc9e8fda96b4b04e', class: "h5", part: parts.heading5 }, "Duplicate Charge")), index.h("div", { key: 'e8f259b79ad4b0378ba9608499407e1f5506e962', class: "col-12" }, index.h("form-control-text", { key: 'abe5a8f45e4839d6c22e7a43b2561148226fa3f9', 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 })), index.h("div", { key: '73f01e8f48b828b4469bd9a12ed20373e3a68ffe', class: "col-12" }, index.h("form-control-textarea", { key: '9d2779988e2fc60c4284a874b512a214a2f84831', 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 })), index.h("div", { key: '77393e15774fbce72f9051414a8d92c07a7b8a00', class: "col-12" }, index.h("form-control-file-v2", { key: 'c89b9fe51f969e0eeaf34a0a1d5aa3e94374d26d', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
     }
 };
 
@@ -236,7 +236,7 @@ const ElectronicEvidence = class {
     }
     render() {
         var _a, _b;
-        return (index.h("div", { key: '6518aa80a07c58e19076a102cc9e319cc3c9ee39' }, index.h("div", { key: '73444a9bf6008cbb1e6e66945ceca8ee23b996b1', class: "row gy-3" }, index.h("div", { key: 'b13b7db17bcf0e35a2fec5089bb5a282323587cb', class: "col-12" }, index.h("h2", { key: '289f212f765d91b9565e2c2024b0adedece833c2', class: "h5", part: parts.heading5 }, "Electronic Evidence")), index.h("div", { key: '7c4bb450be8746e3024b807ea8dc9f368cbb746c', class: "col-12" }, index.h("form-control-text", { key: 'b4938d9d1b0869af38d4d74eb61b8f5dda1761e2', 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 })), index.h("div", { key: '88ce56f5e30a5dae990fcf3ee0816a3636dfe4f9', class: "col-12" }, index.h("form-control-file-v2", { key: '4890efb2a4c67ec668c12caa53ce0978f6870925', 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: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
+        return (index.h("div", { key: '6d2edd78d7560d7f4c1b649b6682d9565642a471' }, index.h("div", { key: '943bb135558ddd1b77584348e1dc7a78eea9bf95', class: "row gy-3" }, index.h("div", { key: '114e921a4f2cfdb130c9a8fde298a8ffe2744662', class: "col-12" }, index.h("h2", { key: 'd2e5515b640557162bb8856fdc1bbd778b4cdab1', class: "h5", part: parts.heading5 }, "Electronic Evidence")), index.h("div", { key: '99e45755978c66b8ba8bd4ac3c57015900fc4aaf', class: "col-12" }, index.h("form-control-text", { key: 'f2d9724bfdd36297a72240d0709b777acc41566d', 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 })), index.h("div", { key: 'fedc63aa2a66f0b65dd10bdb80973031813a5106', class: "col-12" }, index.h("form-control-file-v2", { key: '4c83a23b83af34e14575673377a1ed5ec6af0c63', 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: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
     }
 };
 
@@ -270,7 +270,7 @@ const ProductOrService = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h("div", { key: 'cfa8c6c92bb2790dbaea1939e6acc7539fd848d7' }, index.h("div", { key: '63d38a0c614f932ef018791fb1388b3dc49c7e5c', class: "row gy-3" }, index.h("div", { key: '6140c07a8c354d9339509a00141fbc7a1de146f4', class: "col-12" }, index.h("h2", { key: '40c755fe0938930e0283c391df12c417850eecb4', class: "h5", part: parts.heading5 }, "Product & Service Details")), index.h("div", { key: 'b213783cf90bcc17522ab0367e530a48a2474270', class: "col-12" }, index.h("form-control-text", { key: 'b7977ccef55a4f616f1d7cd20cedad5af5187741', 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 })), index.h("div", { key: '462085df8eedee334fbfa38d752803493515b39f', class: "col-12" }, index.h("form-control-date", { key: 'dca6d8369385607b2fa43882d864e42d4c0fec4c', 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 })), index.h("div", { key: '74aeb86e75d1496f88f7286cab4cf8fcbd737f60', class: "col-12" }, index.h("form-control-file-v2", { key: '6872fb5a4a54ace55578dd0ba789ca7409799645', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
+        return (index.h("div", { key: '39e0aa0809a7f31075914992db63b4692e90c8f7' }, index.h("div", { key: '22ac8468a1f393d953674eb9df6ad8b8b841c809', class: "row gy-3" }, index.h("div", { key: 'b1f46f086d396273166299dd8bd529e79107f13a', class: "col-12" }, index.h("h2", { key: 'e1fdc1f37af032ae5f5616339e314185d9934f3d', class: "h5", part: parts.heading5 }, "Product & Service Details")), index.h("div", { key: '1a23b1efc62e0d3b9d024794839fd471a50386ff', class: "col-12" }, index.h("form-control-text", { key: '309456cdc1d555c6a650701fbea26e86f6c361e8', 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 })), index.h("div", { key: 'd4ca284ae38f394ee2ab89133648bf8948ccd4db', class: "col-12" }, index.h("form-control-date", { key: 'af3d48ac5b43ece0163f6ea35f5da50894790167', 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 })), index.h("div", { key: 'fd55750e38937249a235870dd447efa9be17f19b', class: "col-12" }, index.h("form-control-file-v2", { key: 'c8c8bd2bb80a4dfc4b28907433673ed60bfedf8d', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
     }
 };
 
@@ -304,7 +304,7 @@ const RefundPolicy = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (index.h("div", { key: 'd9234b27998495091ed3a8f6a68e8bd0ca273351' }, index.h("div", { key: '8456144a474b1cf7bfbcfd0bac0e24837376a0fd', class: "row gy-3" }, index.h("div", { key: 'f13612f184a140a4bd9b5ee18a31b0faad3da535', class: "col-12" }, index.h("h2", { key: 'dc5959ec45379faafa8dc973fcb652729c65a4ae', class: "h5", part: parts.heading5 }, "Refund Policy and Receipt")), index.h("div", { key: 'bcf9f262aa58d5a92d13477035bf8fea788c8738', class: "col-12" }, index.h("form-control-textarea", { key: '6f8676d9a2427b7a3d6cd5a1ba6533f9c21b986f', 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 })), index.h("div", { key: '9d5707337a5955d63eaca24b885bbdbfbf3f84d8', class: "col-12" }, index.h("form-control-textarea", { key: '4e7f13b79b895ddee0890519176b54ccaa092fa4', 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 })), index.h("div", { key: 'c02521ff9575fd1d0f430c6b5171457c5205a12f', class: "col-12" }, index.h("form-control-file-v2", { key: 'd5223c87347af2a02cb0748be32fffe29ac18137', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), index.h("div", { key: '341f0fa04c29e33533cc8ec16b4364367124ce53', class: "col-12" }, index.h("form-control-file-v2", { key: '280dd38b7b4e5a29b6dd7f5fbc765f0e3b9cd765', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
+        return (index.h("div", { key: '7cee5ba256884cd7c605ecf15bb053491638d152' }, index.h("div", { key: '532fbf2796589fa07689891b645689251775fdd4', class: "row gy-3" }, index.h("div", { key: '3b09609d869fc9e88759cedb6dcf1f8a568e0d93', class: "col-12" }, index.h("h2", { key: '0322bce2a6c761e4c49f5c0fd7a200b3255c5dee', class: "h5", part: parts.heading5 }, "Refund Policy and Receipt")), index.h("div", { key: '260dec4ba14d062998001f13ed26108b0eb45e56', class: "col-12" }, index.h("form-control-textarea", { key: '0ed21b81a6a708708179b3a163bb816b9d0a497e', 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 })), index.h("div", { key: '2c1877075ada904c565f4556c7fe00021d85b137', class: "col-12" }, index.h("form-control-textarea", { key: '58b3c47e543a2f7a82010b47772b22329de8ed0e', 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 })), index.h("div", { key: '990fe61c90b2be5d198d31fb0c5165fbbcc8d96e', class: "col-12" }, index.h("form-control-file-v2", { key: '6f725675ab78150e3005754475577f96d796a0d0', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), index.h("div", { key: '65eb12d67c8d84e55bc590454222b0cb8c17512f', class: "col-12" }, index.h("form-control-file-v2", { key: 'f8dae47642c8c41c079180075f89ebc9ca7812a7', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
 };
 
@@ -341,7 +341,7 @@ const ShippingDetails = class {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (index.h("div", { key: '6b71aa457f7e3ac9fd050deea342c6ca14c1d62f' }, index.h("div", { key: 'c6a309a59de4b6cf6f5ca1e3bfee3da1cdca543c', class: "row gy-3" }, index.h("div", { key: '1668c86989cec124c7d11d54b9dd6edf46c182d0', class: "col-12" }, index.h("h2", { key: 'e911f21be4aa8a369d427ae80989d8223693e3ba', class: "h5", part: parts.heading5 }, "Shipping Details")), index.h("div", { key: '025beda9984cb47518eccb04971470a46ad3d73b', class: "col-12" }, index.h("form-control-text", { key: 'ea8db703b0d94e5c2d8148cfaa97e6eb2a824e06', 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 })), index.h("div", { key: '764cddd9b2b8156ab97d598fed23459f074006de', class: "col-12" }, index.h("form-control-text", { key: '4ce85b6b5c4ca79c2edaafbe3169bf049153cbfa', 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 })), index.h("div", { key: '8e18b6159156b7d21dba344e2c1a22418b139e3e', class: "col-12" }, index.h("form-control-date", { key: 'd3a8ef184475150d07fea4f82e65800c5c259b47', 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 })), index.h("div", { key: 'ff23ee968b2b6f64eefd3453fcdb788034e166e0', class: "col-12" }, index.h("form-control-textarea", { key: '75bad71ceae6bab8de6d47175fda3bd27491bde0', 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 })), index.h("div", { key: 'c774e01b09f930e3656e4b194b386234a692fbbe', class: "col-12" }, index.h("form-control-file-v2", { key: '928f2195a67e1aac483ea70ff97c3e65e8dcfbe9', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
+        return (index.h("div", { key: '42e223f71b2bbb47452c42ef5fa3461c33fb1f05' }, index.h("div", { key: '202b32fe04059d34bbcc422a4d8a426148fffa4c', class: "row gy-3" }, index.h("div", { key: '4508298a411269d447989c859b9f916f3d288c38', class: "col-12" }, index.h("h2", { key: '732705ee8f3e8d3ebce839e33b7ef3a5ca108224', class: "h5", part: parts.heading5 }, "Shipping Details")), index.h("div", { key: 'c373e96c63ed7398315f000250749fed7ee6b2ef', class: "col-12" }, index.h("form-control-text", { key: '7e4ce2f7ad55c07f4c67b8f80940e94d76d16f43', 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 })), index.h("div", { key: '08e2067843ce83058c73c4673c88b8d1968d81a0', class: "col-12" }, index.h("form-control-text", { key: '5ed369c9064edd5fafc3c3a0142bcace1c3beaee', 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 })), index.h("div", { key: 'fcfe5349a3f9d61039c61de7b1f70e517d479b09', class: "col-12" }, index.h("form-control-date", { key: 'fecafa215e1f4c042e54f34db584503fed7fbe35', 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 })), index.h("div", { key: 'd87378a61c76bf5fb331f02fe6960abbed4d3d59', class: "col-12" }, index.h("form-control-textarea", { key: '1acffdfd447400ef9627359c0a892b93d4ba1a1c', 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 })), index.h("div", { key: '28ebefe8f6db158dc76ca9b8ab86f12a7a968b82', class: "col-12" }, index.h("form-control-file-v2", { key: '7f4ba4acd413eb070a6126f43ab4bb77f3ac12ba', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
     }
 };