@justifi/webcomponents 6.10.3 → 6.11.0

package/dist/cjs/{get-subaccounts-BUyf9EhG.js → get-subaccounts-BQW_RPW5.js}

@@ -2,7 +2,7 @@
 
 var Api = require('./Api-Bukk55YZ.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var Plaid = require('./Plaid-B_UkFjIV.js');
+var Plaid = require('./Plaid-DR9WDZ98.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
 require('./Dispute-CruQTF6_.js');

package/dist/cjs/gross-payment-chart-core.cjs.entry.js

@@ -2,10 +2,10 @@
 
 var index = require('./index-p7cvUYAE.js');
 var utils = require('./utils-BHi4j5rB.js');
-var utils$1 = require('./utils-Vwo0VR7n.js');
-var spinner = require('./spinner-oLSXKwxU.js');
+var utils$1 = require('./utils-8RGQVADu.js');
+var spinner = require('./spinner-C6ZGOB2P.js');
 require('./dinero-BwNN_k7x.js');
-require('./parts-C0AyF3nd.js');
+require('./parts-BXshb_S-.js');
 
 /*!
  * @kurkle/color v0.3.4
@@ -11064,7 +11064,7 @@ const GrossPaymentChartCore = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'a5fc2c7a59a015170ffd465ece20c3c8cd8ee99a' }, this.loading && index.h(spinner.Spinner, { key: 'e0f3cdf534e3e907c56575ceb46976e315ef574b' }), !this.errorMessage ? index.h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : utils$1.ErrorState(this.errorMessage)));
+        return (index.h(index.Host, { key: '22e858d2d13aad7ca2df6c92e60189122ecfe5c7' }, this.loading && index.h(spinner.Spinner, { key: '243905dbba7552a52762026198c3e91861d13b59' }), !this.errorMessage ? index.h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : utils$1.ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/cjs/{header-1-BOijdmPN.js → header-1-CsBQoo1f.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var parts = require('./parts-C0AyF3nd.js');
+var parts = require('./parts-BXshb_S-.js');
 
 const Header1 = (props) => {
     return index.h("h1", { class: `header-1 ${props === null || props === void 0 ? void 0 : props.class}`, part: parts.heading1 }, props.text);

package/dist/cjs/{header-3-FeTJjrR1.js → header-3-DCYJhPro.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var parts = require('./parts-C0AyF3nd.js');
+var parts = require('./parts-BXshb_S-.js');
 
 const Header3 = (props) => {
     return index.h("h3", { class: `header-3 ${props === null || props === void 0 ? void 0 : props.class}`, part: parts.heading3 }, props.text);

package/dist/cjs/hidden-input_2.cjs.entry.js

@@ -2,10 +2,10 @@
 
 var index$1 = require('./index-p7cvUYAE.js');
 var index = require('./index-W-zoNiyM.js');
-var parts = require('./parts-C0AyF3nd.js');
+var parts = require('./parts-BXshb_S-.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
-var formControlErrorText = require('./form-control-error-text-6-HeM6bw.js');
-var _package = require('./package-C7-boC1U.js');
+var formControlErrorText = require('./form-control-error-text-BO58Y6zF.js');
+var _package = require('./package-D8NG-zuY.js');
 
 const iframeInputStylesStore = index.createStore({
     focused: {
@@ -114,7 +114,7 @@ const HiddenInput = class {
         return parts.input;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '05cefc92dac95360d470070c64fbc0318c666214' }, index$1.h("input", { key: '02c9a6001a394b96cbc09b6d906287b81c20e98f', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (index$1.h(index$1.Host, { key: '5697b5e318914b8866bc6ad2fb2009e5f8c8d80f' }, index$1.h("input", { key: '3370d11bc6e5a49f28dd2e95bf1d92ee7a0dd892', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
 };
 
@@ -1729,10 +1729,10 @@ const IframeInput = class {
         return params;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'ebf24e9c73ea9a7f352dfc7368678117144745c3', class: "form-group d-flex flex-column" }, index$1.h("div", { key: 'e88393af9005c217ad3cc2504e8285629339402c', style: {
+        return (index$1.h(index$1.Host, { key: 'e85f5a2417ccc46ac8df23a695c6ef3fcd71577e', class: "form-group d-flex flex-column" }, index$1.h("div", { key: '02878f7fb1e720aa97a67e72d5f1711e0fbd0668', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, index$1.h("label", { key: '47591ac9c82096e9bde5b5706b08c9dc8461788b', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index$1.h("div", { key: 'b39265660ede091bd365d983a702202469adab97', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, index$1.h("iframe", { key: '12354fce7a91119a17d577df02c2f627ebc10b98', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, index$1.h("label", { key: '57c46b739fb284c4ee618594f04cc5ff128bf16c', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index$1.h("div", { key: '4634650c721673a52ea55e331154a624c19266dc', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, index$1.h("iframe", { key: 'facd226e399f41537657603c50c45887c1177c42', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1742,7 +1742,7 @@ const IframeInput = class {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), index$1.h(formControlErrorText.FormControlErrorText, { key: '604488d6da7e2ff87e24e3eed0a77b3a6231106e', errorText: this.errorText, name: this.inputId }))));
+            } })), index$1.h(formControlErrorText.FormControlErrorText, { key: '73c34b9ab89a21e6b3203904988bf8a542eb01f8', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return index$1.getElement(this); }
 };

package/dist/cjs/{insurance-state-DIV_moDI.js → insurance-state-Xe2auE-N.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var parts = require('./parts-C0AyF3nd.js');
+var parts = require('./parts-BXshb_S-.js');
 var index$1 = require('./index-W-zoNiyM.js');
 
 const Header2 = (props) => {

package/dist/cjs/internal-tokenize-payment-method_7.cjs.entry.js

@@ -3,21 +3,21 @@
 var index = require('./index-p7cvUYAE.js');
 var styledHost = require('./styled-host-DAi5SuFa.js');
 require('./event-types-YOY5TKUN.js');
-var checkPkgVersion = require('./check-pkg-version-DpY7PKYF.js');
+var checkPkgVersion = require('./check-pkg-version-Di4JmtKX.js');
 var configState = require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-require('./Plaid-B_UkFjIV.js');
+require('./Plaid-DR9WDZ98.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
 require('./Dispute-CruQTF6_.js');
 var checkout_store = require('./checkout.store-zTfjieKa.js');
 var index$1 = require('./index-CajjbB9t.js');
-var skeleton = require('./skeleton-C9Aio7v_.js');
+var skeleton = require('./skeleton-DvRCiQlA.js');
 var utils = require('./utils-BHi4j5rB.js');
-var button = require('./button-Cr3iHpyf.js');
-var parts = require('./parts-C0AyF3nd.js');
-require('./package-C7-boC1U.js');
+var button = require('./button-CR9Rl1-o.js');
+var parts = require('./parts-BXshb_S-.js');
+require('./package-D8NG-zuY.js');
 require('./Api-Bukk55YZ.js');
 require('./index-W-zoNiyM.js');
 
@@ -281,7 +281,7 @@ const InternalTokenizePaymentMethod = class {
         return paymentMethodType === index$1.PAYMENT_METHODS.NEW_CARD ? (index.h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (index.h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'bb6a2e0eec485c96a756c504a278670804be0634' }, index.h("form", { key: 'f12f65c8fbe45e86418be9d3c2ff1107e292c86d' }, index.h("fieldset", { key: 'becda77faf80fd8b1e6d967cc4ead3d4adc3b6e8' }, index.h("div", { key: '0419c1843747f59e68800ae3e2c78096b32605b0', class: "row gy-3" }, index.h("div", { key: '8724f40a13bc62808f6e99cced2f8d7419b22d53', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: 'ec9c0e2f6a85976d68e3dc939cd2826bfbd840d8', class: "col-12" }, index.h("justifi-button", { key: '1c4b6a83c8357e15eaba071ea2fb8ba82b4c978c', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (index.h(styledHost.StyledHost, { key: '86d79320ea44f9e791ab91739075d160769743fb' }, index.h("form", { key: 'd8b62d8d0442085822a51eeaef816809e2bd1f05' }, index.h("fieldset", { key: 'c792bba0b82c19f05ce551b95157479d407113e2' }, index.h("div", { key: '57e93910091e25344a371ac081aa657c683049b4', class: "row gy-3" }, index.h("div", { key: 'bc63e26c74b247ec4d5d5ee9510d8370b9e36f17', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: '1d9acd0beee80e8b339204d7328a0d2e9078b9a3', class: "col-12" }, index.h("justifi-button", { key: '18a968b57420f0690e6f6c98b5e108f769b61d4b', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -336,10 +336,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '6c1e183b7ba2c70b41e22386d74a9cf7430aa8d5' }, index.h(BankAccountFormSkeleton, { key: '2755f4d21f8d62919ef56909f2dc6b9211bf550d', isReady: this.isReady }), index.h("hidden-input", { key: 'c35448285cd2b53973caa4a56c28a135e1ed7d74' }), index.h("div", { key: '9fae602596267bafc39b9e3e9946a289b38393b6', class: "container-fluid p-0", style: {
+        return (index.h(styledHost.StyledHost, { key: 'b9674b4e8cfd28e440f28c3e08772bc879f0d1b6' }, index.h(BankAccountFormSkeleton, { key: '87adb553cd4fefac370379bbfcc373fbd8935f60', isReady: this.isReady }), index.h("hidden-input", { key: '1395bba6465865528e94e945ca614107027e86c4' }), index.h("div", { key: '7ce58ad6226ac6cb3c4ec45895a5e3a94885d3a9', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: 'bfaee6ed0eaa2a68175f18146d56195cc1a23e91', class: "row mb-3" }, index.h("iframe-input", { key: '7385c2582ad5b397eb2afcb9c87b789d4918542c', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), index.h("div", { key: 'effe6b1f18d5fa531f4537accfe8279b81bc7b49', class: "row" }, index.h("iframe-input", { key: '19cc7e46d8f7cb79c70ba21f2e9c15c7665eca47', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
+            } }, index.h("div", { key: '85a4a2955404571823404bd9aa46c0744b5f1469', class: "row mb-3" }, index.h("iframe-input", { key: 'af85c82af0770b89bbba09347b5f3bf65d581e5a', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), index.h("div", { key: '201171891252c6384e47657b007e7e0381d12cfa', class: "row" }, index.h("iframe-input", { key: '1f2b63b6cb11c0dd906727aaba3127e68ecb540c', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
     }
 };
 
@@ -383,7 +383,7 @@ const JustifiButton = class {
         this.type = 'button';
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '5f92a2a58c0828c78818f0055dc2692857730788' }, index.h(button.Button, { key: '541fe7cc24e137cf55fc470b16f3aa8c47eee0d3', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (index.h(styledHost.StyledHost, { key: 'b9a4be42df1dbeca39a2c310ab6375cc2c1946f3' }, index.h(button.Button, { key: '04bfb3aaa6af8b2dafa07dbcebaf6b7a03a07442', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 };
 
@@ -437,10 +437,10 @@ const JustifiCardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'e204cee1fc875392b8056baf58b7234a739fffce' }, index.h(CardFormSkeleton, { key: '3accfb88d66661ceaef39f765bb3fddfd0f98393', isReady: this.isReady }), index.h("hidden-input", { key: '0416ddca8b444cf8702f3fff52065bf647bd4b61' }), index.h("div", { key: '37c1d5014e5a6658bfd28e08e361ffaa6488f6d7', class: "container-fluid p-0", style: {
+        return (index.h(styledHost.StyledHost, { key: '20d4ea593b1f53fdbe8cc301e64c1a7743802678' }, index.h(CardFormSkeleton, { key: 'f3d2569ddcf94c8cf5f07ba4e1a862d6991c686e', isReady: this.isReady }), index.h("hidden-input", { key: '4804eb065aa5c2c21a84cd5e4ae02d8e00544081' }), index.h("div", { key: '0c98ea9d4218a70a95b620a969481083aac623f3', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: 'e2956855dfbcab38a782c22e93bd49252196baa8', class: "mb-3" }, index.h("iframe-input", { key: '55105f1eebab4b846e1b5c55448259368a412349', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), index.h("div", { key: '9464b1a500a84dcaa438a9ebdad756637d14cb24', class: "row" }, index.h("div", { key: 'adc51687629fb00d26c6627e95c0228f5a4dfd11', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '52a0e5e198b6bfac00515ec220370e289674b613', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), index.h("div", { key: '1b09582711d838643db265b003ed18b18042713e', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'a1731a8dc02723398e1aae58b3812fccf62e6157', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), index.h("div", { key: '1e2c3205f2e0b28d036480d2c61934da5e7da620', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'b7b87360068434122f9b5a8935468240684b7a1d', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
+            } }, index.h("div", { key: '6674294528ffdf8b3e90aa75827d88c891f74f65', class: "mb-3" }, index.h("iframe-input", { key: 'a08798d454cf5b7e572c334bdf3238f08071fa43', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), index.h("div", { key: 'e5aca3795c1788bd0862f7dbf28dec58bbcc3f03', class: "row" }, index.h("div", { key: '29c8dcbf332349d1b81e98b17630de0cd3ef8b77', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '88dd4b4601010543f2d02b4b5ca6814431de1e63', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), index.h("div", { key: 'd7b557547cdb3e18103c9ad0588733448a22d4f6', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '2b9915cd264167e2c3080688290765590061ae6d', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), index.h("div", { key: '241ead4a324fc65ddc787e8fa81cb8ed62e3114d', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'c254b90ef75b5bcf1ff86bddf2d488de0a2bb709', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
 };
 

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

@@ -3,29 +3,29 @@
 var index = require('./index-p7cvUYAE.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
 var paymentProvisioningActions = require('./payment-provisioning-actions-J6TGZZb9.js');
-var business_service = require('./business.service-Kplx8w_D.js');
+var business_service = require('./business.service-mliLE8kX.js');
 var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-CI80eZLJ.js');
 var index_esm = require('./index.esm-C1ZPG85l.js');
 var Business = require('./Business-oBifyXkW.js');
 var formInputMasks = require('./form-input-masks-BnNFJ3IJ.js');
-var parts = require('./parts-C0AyF3nd.js');
-var paymentProvisioningLoading = require('./payment-provisioning-loading-CbcFPETB.js');
+var parts = require('./parts-BXshb_S-.js');
+var paymentProvisioningLoading = require('./payment-provisioning-loading-tM9WWmxv.js');
 var businessFormOptions = require('./business-form-options-D_nM7NDk.js');
 var eventTypes = require('./event-types-DNOUef41.js');
 require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
-var Plaid = require('./Plaid-B_UkFjIV.js');
+var Plaid = require('./Plaid-DR9WDZ98.js');
 require('./Pagination-Dediz133.js');
 require('./Dispute-CruQTF6_.js');
 var schemaValidations = require('./schema-validations-_yWWnnaG.js');
-var button = require('./button-Cr3iHpyf.js');
+var button = require('./button-CR9Rl1-o.js');
 require('./event-types-YOY5TKUN.js');
 var countryConfig = require('./country-config-D7fss2oF.js');
 var businessIdentitySchema = require('./business-identity-schema-DWWtSiUF.js');
 var Api = require('./Api-Bukk55YZ.js');
 require('./utils-DvUQQLmR.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./skeleton-C9Aio7v_.js');
+require('./skeleton-DvRCiQlA.js');
 require('./index-W-zoNiyM.js');
 require('./utils-BHi4j5rB.js');
 
@@ -282,22 +282,20 @@ const BusinessBankAccountFormStep = class {
         this.existingDocuments = [];
         this.documentData = new Plaid.EntityDocumentStorage();
         this.isLoading = false;
-        this.isAddingNewBankAccount = true;
+        this.viewMode = 'manual';
         this.bankAccountVerification = false;
         this.platformAccountId = null;
-        this.usePlaidVerification = true;
         this.getSchema = () => {
             const schema = bankAccountSchemaByCountry[this.country];
             return schema(this.allowOptionalFields, this.existingDocuments);
         };
         this.initializeFormController = () => {
             this.formController = new index_esm.FormController(this.getSchema());
-            if (this.isAddingNewBankAccount) {
-                // Clear form when adding a new bank account
-                this.formController.setInitialValues({ business_id: this.businessId });
+            if (this.viewMode === 'readonly') {
+                this.formController.setInitialValues(Object.assign({}, this.bankAccount));
             }
             else {
-                this.formController.setInitialValues(Object.assign({}, this.bankAccount));
+                this.formController.setInitialValues({ business_id: this.businessId });
             }
             this.formController.errors.subscribe(errors => {
                 this.errors = Object.assign({}, errors);
@@ -316,20 +314,8 @@ const BusinessBankAccountFormStep = class {
             this.isLoading = true;
             this.getBusiness({
                 onSuccess: (response) => {
-                    if (response.data.bank_accounts.length > 0) {
-                        // Get the latest bank account (last in array)
-                        const bankAccounts = response.data.bank_accounts;
-                        const latestBankAccount = bankAccounts[bankAccounts.length - 1];
-                        this.bankAccount = new BankAccount(latestBankAccount);
-                        this.isAddingNewBankAccount = false;
-                    }
-                    else {
-                        this.bankAccount = new BankAccount({});
-                        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;
+                    this.processBusinessResponse(response.data);
+                    this.determineViewMode();
                 },
                 onError: ({ error, code, severity }) => {
                     this.errorEvent.emit({
@@ -345,24 +331,20 @@ const BusinessBankAccountFormStep = class {
             });
         };
         this.handleChangeBankAccount = () => {
-            this.isAddingNewBankAccount = true;
+            this.viewMode = this.plaidAvailable ? 'plaid' : 'manual';
             this.documentData = new Plaid.EntityDocumentStorage();
-            // Reset to Plaid if available when changing bank account
-            this.usePlaidVerification = this.bankAccountVerification && !!this.platformAccountId;
             this.initializeFormController();
         };
         this.handleCancel = () => {
-            this.isAddingNewBankAccount = false;
+            this.viewMode = this.existingBankAccount ? 'readonly' : 'plaid';
             this.documentData = new Plaid.EntityDocumentStorage();
-            // Reset toggle state when canceling
-            this.usePlaidVerification = true;
             this.initializeFormController();
         };
         this.handleToggleToManualEntry = () => {
-            this.usePlaidVerification = false;
+            this.viewMode = 'manual';
         };
         this.handleToggleToPlaidVerification = () => {
-            this.usePlaidVerification = true;
+            this.viewMode = 'plaid';
         };
         this.handleSaveBankAccount = async () => {
             this.formController.validateAndSubmit(() => {
@@ -439,12 +421,10 @@ const BusinessBankAccountFormStep = class {
         this.formLoading.emit(newValue);
     }
     async validateAndSubmit({ onSuccess }) {
-        if (this.existingBankAccount && !this.isAddingNewBankAccount) {
-            // If a bank account already exists and we're not adding a new one, skip bank account posting; proceed directly to document upload
+        if (this.viewMode === 'readonly') {
             this.sendData(onSuccess);
         }
         else {
-            // If bank account is new, validate form inputs (bank account fields), then proceed
             this.formController.validateAndSubmit(() => this.sendData(onSuccess));
         }
     }
@@ -493,24 +473,48 @@ const BusinessBankAccountFormStep = class {
         var _a;
         return !!((_a = this.bankAccount) === null || _a === void 0 ? void 0 : _a.id);
     }
-    get showReadOnlyView() {
-        return this.existingBankAccount && !this.isAddingNewBankAccount;
+    get plaidAvailable() {
+        return this.bankAccountVerification && !!this.platformAccountId;
+    }
+    get showCancel() {
+        return this.bankAccountVerification || this.existingBankAccount;
+    }
+    processBusinessResponse(data) {
+        const { bank_accounts, documents, settings, platform_account_id } = data;
+        if (bank_accounts.length > 0) {
+            this.bankAccount = new BankAccount(bank_accounts[bank_accounts.length - 1]);
+        }
+        else {
+            this.bankAccount = new BankAccount({});
+            this.bankAccount.business_id = this.businessId;
+        }
+        this.existingDocuments = documents;
+        this.bankAccountVerification = settings.bank_account_verification === true;
+        this.platformAccountId = platform_account_id;
+    }
+    determineViewMode() {
+        if (this.existingBankAccount) {
+            this.viewMode = 'readonly';
+        }
+        else if (this.plaidAvailable) {
+            this.viewMode = 'plaid';
+        }
+        else {
+            this.viewMode = 'manual';
+        }
     }
     async sendData(onSuccess) {
         try {
-            // Post bank account data if we're adding a new bank account
-            const bankAccountPosted = this.isAddingNewBankAccount ? await this.postBankAccountData() : true;
-            if (!bankAccountPosted) {
-                return;
+            if (this.viewMode === 'manual') {
+                const bankAccountPosted = await this.postBankAccountData();
+                if (!bankAccountPosted)
+                    return;
             }
-            // Post documents only after bank account was successfully created
             const documentsUploaded = await this.postBusinessDocuments();
-            if (!documentsUploaded) {
+            if (!documentsUploaded)
                 return;
-            }
-            // Refresh bank account data after successful save
-            if (this.isAddingNewBankAccount) {
-                this.isAddingNewBankAccount = false;
+            if (this.viewMode === 'manual') {
+                this.viewMode = 'readonly';
                 await this.refreshBankAccountData();
             }
             onSuccess();
@@ -555,17 +559,8 @@ const BusinessBankAccountFormStep = class {
             this.isLoading = true;
             this.getBusiness({
                 onSuccess: (response) => {
-                    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 = bank_accounts;
-                        const latestBankAccount = bankAccounts[bankAccounts.length - 1];
-                        this.bankAccount = new BankAccount(latestBankAccount);
-                    }
-                    this.existingDocuments = documents;
-                    this.bankAccountVerification = settings.bank_account_verification === true;
-                    this.platformAccountId = platform_account_id;
+                    this.processBusinessResponse(response.data);
+                    this.determineViewMode();
                     this.initializeFormController();
                 },
                 onError: ({ error, code, severity }) => {
@@ -603,17 +598,30 @@ const BusinessBankAccountFormStep = class {
             this.isLoading = false;
         }
     }
+    renderBankAccountInputs(disabled) {
+        const defaultValue = this.formController.getInitialValues();
+        return this.country === Business.CountryCode.CAN ? (index.h("bank-account-form-inputs-canada", { defaultValue: defaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: disabled })) : (index.h("bank-account-form-inputs", { defaultValue: defaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: disabled }));
+    }
+    renderReadonlyView() {
+        return (index.h("div", null, this.renderBankAccountInputs(true), 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"))));
+    }
+    renderPlaidView() {
+        return (index.h("div", { class: "mt-3" }, index.h("plaid-verification", { authToken: this.authToken, accountId: this.platformAccountId, businessId: this.businessId, onPlaidVerificationSuccess: () => {
+                this.viewMode = 'readonly';
+                this.refreshBankAccountData();
+            } }), index.h("div", { class: "mt-3" }, index.h(button.Button, { type: "button", variant: "link", className: "p-0", onClick: this.handleToggleToManualEntry, disabled: this.isLoading, part: parts.buttonLink }, "Enter bank details manually (document upload required)"))));
+    }
+    renderManualEntryView() {
+        return (index.h("div", null, this.plaidAvailable && (index.h("div", { class: "mb-3" }, index.h(button.Button, { type: "button", variant: "secondary", onClick: this.handleToggleToPlaidVerification, disabled: this.isLoading, part: parts.buttonSecondary }, "Link bank account with Plaid instead"))), this.renderBankAccountInputs(false), index.h("div", { class: "mt-3 d-flex gap-2" }, this.showCancel && (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"))));
+    }
+    renderDocumentUploads() {
+        return (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 })));
+    }
     render() {
-        const bankAccountDefaultValue = this.formController.getInitialValues();
-        const shouldShowPlaidVerification = this.bankAccountVerification && this.platformAccountId;
         if (this.isLoading) {
             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" }), shouldShowPlaidVerification && this.usePlaidVerification && !this.showReadOnlyView && (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();
-            } }), index.h("div", { class: "mt-3" }, index.h(button.Button, { type: "button", variant: "link", onClick: this.handleToggleToManualEntry, disabled: this.isLoading, part: parts.buttonLink }, "Enter bank details manually (document upload required)")))), (!this.usePlaidVerification || this.showReadOnlyView) && (index.h("div", null, shouldShowPlaidVerification && !this.usePlaidVerification && !this.showReadOnlyView && (index.h("div", { class: "mb-3" }, index.h(button.Button, { type: "button", variant: "secondary", onClick: this.handleToggleToPlaidVerification, disabled: this.isLoading, part: parts.buttonSecondary }, "Link bank account with Plaid instead"))), 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) && !this.usePlaidVerification && (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")))), (!this.usePlaidVerification || this.showReadOnlyView) && (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" }), this.viewMode === 'readonly' && this.renderReadonlyView(), this.viewMode === 'plaid' && this.renderPlaidView(), this.viewMode === 'manual' && this.renderManualEntryView()), this.viewMode !== 'plaid' && this.renderDocumentUploads()));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-p7cvUYAE.js');
 var index_esm = require('./index.esm-C1ZPG85l.js');
-var parts = require('./parts-C0AyF3nd.js');
+var parts = require('./parts-BXshb_S-.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: '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 })))));
+        return (index.h("div", { key: '4c6f6740b3ad7c063f3275dad9d74feb360b36a7' }, index.h("div", { key: '4eeb3d2aae2df266e95ea80ed97bf00b63fe2952', class: "row gy-3" }, index.h("div", { key: 'ca0c7efc3186ba84e648fd2432fd36862ca7e704', class: "col-12" }, index.h("h2", { key: '26236264d2dd37545092b15b8164b109b9738bfe', class: "h5", part: parts.heading5 }, "Additional Evidence")), index.h("div", { key: '84e74149369dcfab9f31dd2a079044911b8af9f4', class: "col-12" }, index.h("form-control-textarea", { key: '1aa5ffee7bcf19d56b34708cdac36bcda9bb4d03', 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: '7145211db8aaaba540670c7d67cf2d1075f1fc69', class: "col-12" }, index.h("form-control-file-v2", { key: '64b82123ff0697fdca198363417582bb6079fbbe', 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: '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 })))));
+        return (index.h("div", { key: 'f9b93b3dd8c73dcf878c3a4ff0bf1644a853b7bb' }, index.h("div", { key: '520759d6b31b86035d1e60a9c8b1353e764291ef', class: "row gy-3" }, index.h("div", { key: '3afe7011e77eb9c864e8b26e93edccc917f42658', class: "col-12" }, index.h("h2", { key: '57fe3c49c3d2634525c2d6c6dc04031ff73a8a3f', class: "h5", part: parts.heading5 }, "Cancellation Policy")), index.h("div", { key: 'dd6b7bb8a608940d213e55224de3410f51c5b78d', class: "col-12" }, index.h("form-control-textarea", { key: '05596adee9001ca673e0c61ffa1245ea45ae944d', 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: '75dca392cfee3a5c571acb0ed1526623be0eb7e8', class: "col-12" }, index.h("form-control-textarea", { key: '9bf96784519d39c9961b2741da358b0112275c71', 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: 'd9995887e3791f54730d84a598869dce7cabd8b4', class: "col-12" }, index.h("form-control-file-v2", { key: '40fb6492e3db57e1d9b5b77d37229579bee4de5e', 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: '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 })))));
+        return (index.h("div", { key: 'ac1c08881bf4f5288aa6841d3f87ba1d8e9dd6e4' }, index.h("div", { key: '148296af222d038e8e9ab3e318d210b7638074d2', class: "row gy-3" }, index.h("div", { key: 'e3e3635454797465b08b0df10023f66899d8dd04', class: "col-12" }, index.h("h2", { key: 'd65767d3d3b091afc8b9b4798e639214ede14726', class: "h5", part: parts.heading5 }, "Customer Details")), index.h("div", { key: '258f8dadcb6aec223c1a039ee0100ed91d0b2896', class: "col-12" }, index.h("form-control-text", { key: 'e2206e72a7603ca15ea1d6a70593667e1eaf5132', 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: '792028d6ae5ee85765b91188e20330489cfd7bb3', class: "col-12" }, index.h("form-control-text", { key: 'a7288afe499a39a6c78bf8b1fe5f5e1a5bc6af27', 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: '82f8bfaa81e727226e013e94712928a5cdb03841', class: "col-12" }, index.h("form-control-textarea", { key: 'bd2410564783f6ae8acf1d1fb820bcbe4aea3aa5', 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: '84442373f62efaf5a1e14623d61eff0bc81f6751', class: "col-12" }, index.h("form-control-file-v2", { key: '4575df27d749c4520fa55d7f1fc901296ec2ed45', 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: 'f1c9f81104d1e080be993d0af29343c5d540cb43', class: "col-12" }, index.h("form-control-file-v2", { key: '8b8e4eefba1e84551645229204108bfe007012cf', 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: '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 })))));
+        return (index.h("div", { key: '3a6188603e8cfdd1b24db55703f63b2199dc9e71' }, index.h("div", { key: '68cac9c229db9641e3f71e42e9f96d4b6437e9b9', class: "row gy-3" }, index.h("div", { key: '2060793e27c759d8fdf21765fcfbf0253ca9a016', class: "col-12" }, index.h("h2", { key: '21fb843b28af8fe9cfc2ef4aa297541fb3d9d61b', class: "h5", part: parts.heading5 }, "Duplicate Charge")), index.h("div", { key: '9743e65ce74307e5d4544c46f2507f4815d0a413', class: "col-12" }, index.h("form-control-text", { key: '213e56620c428e214d3b937a45fee4a0c2116caf', 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: 'ca7963f7cbc63caece9d0ff91fd6ae04a45bc9a7', class: "col-12" }, index.h("form-control-textarea", { key: '9edf3135b2cbbc61017fa1fd74f06da34982c4d6', 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: 'e0fe338e2bec5bc1889eeb72f8138f2f0fce497b', class: "col-12" }, index.h("form-control-file-v2", { key: '86851806bb69be1da6334376a44da6cddfa013e7', 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: '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 })))));
+        return (index.h("div", { key: '2938a2cebbc08938a88af9848f674727c2925473' }, index.h("div", { key: 'fc85fd26921d9ffc0ed547bd4c4facb40cfbcd5f', class: "row gy-3" }, index.h("div", { key: 'b737248f4ffc77483816c80192b3b957ed899f67', class: "col-12" }, index.h("h2", { key: '4ee8776884ba4527e4ab6acf9255bc24ceda264c', class: "h5", part: parts.heading5 }, "Electronic Evidence")), index.h("div", { key: '6343a2a36120fd60a46c4a0d72096db778298d43', class: "col-12" }, index.h("form-control-text", { key: '26d4b151d39d0fcc100fa4494a5efca07905d152', 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: 'd9f2a4a6c66c32765a36378669b02faecbca070c', class: "col-12" }, index.h("form-control-file-v2", { key: 'f3284b4fc35f68e1120960e4728f0e8f472920fa', 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: '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 })))));
+        return (index.h("div", { key: '05fccd72cd4c7d22cd23e8f14518f0e70dacb3e5' }, index.h("div", { key: '464b6335fb494bbd13a4eb8ab8be0e73b7658a6b', class: "row gy-3" }, index.h("div", { key: '446a4650edee4c7b5caa8709afce2826484d1f28', class: "col-12" }, index.h("h2", { key: 'f2414eb4ea879136177702367591cb45542a6cdb', class: "h5", part: parts.heading5 }, "Product & Service Details")), index.h("div", { key: '5ce3d90815b48a94f7aadc104aa02d3c04ef423d', class: "col-12" }, index.h("form-control-text", { key: '721d1376342972cb9a2a932c7a710231435905a5', 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: 'f3580d06b1e390c3f769177091aa93b9b82e5b26', class: "col-12" }, index.h("form-control-date", { key: '9166a295b843c890100a41d33d38c69aaaa69950', 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: 'd67631887c3178f05ae85112f71bcefb5807496c', class: "col-12" }, index.h("form-control-file-v2", { key: '8e9f0b2a8ffb264e3d89a36a452477a72482eb8a', 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: '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 })))));
+        return (index.h("div", { key: 'b0b610c20e194b94743d99212e2efffef56520f9' }, index.h("div", { key: '0a17bc79f6a07aba4cf9e5f5ef0ee4a6d484bf51', class: "row gy-3" }, index.h("div", { key: '517679d918a832bdf8b21554cc9e4121c304cdff', class: "col-12" }, index.h("h2", { key: 'c49dfd3f5072031b1ff07e51df4149548e79d83a', class: "h5", part: parts.heading5 }, "Refund Policy and Receipt")), index.h("div", { key: '5d7af624762783c0151d31e4c9600381b8a8fa3a', class: "col-12" }, index.h("form-control-textarea", { key: 'fb4ca818378fa6d674ba7c389f906145b9d11627', 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: '0591b80676048c52034b0571ac94a1daad70f102', class: "col-12" }, index.h("form-control-textarea", { key: '1ce0a48f04f12a8d4bc91d01e90dd6caa32018af', 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: 'd02a401923e4c38427cff3245767441ef4b9f779', class: "col-12" }, index.h("form-control-file-v2", { key: '772aefaf3e0a54768ef9163df0de8ba6cfdb28b5', 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: 'd113a7eacf5a4aee4132baed5fd6a76bd670ba30', class: "col-12" }, index.h("form-control-file-v2", { key: '8a3c5f1d006e97ff6bb385a76818a325686ff1de', 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: '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 })))));
+        return (index.h("div", { key: '180df6d9062459eec271f148828a2dd57f18d271' }, index.h("div", { key: '406e8870df739225b547ada975dbd83085ea97d2', class: "row gy-3" }, index.h("div", { key: '44c088ffe6b0eb7cbe072069821de8c9d3e1892d', class: "col-12" }, index.h("h2", { key: '208bc93626a900b414ce3df5a8c3d7dfc5d1d75a', class: "h5", part: parts.heading5 }, "Shipping Details")), index.h("div", { key: '27cf473cefd457cc3c802cef99ace1584881bf16', class: "col-12" }, index.h("form-control-text", { key: '6dfa9be914863103a6362c6b9efd81c5be99b0f2', 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: '7b6f0e1d14698442a98df75f5635cbafc8172ddb', class: "col-12" }, index.h("form-control-text", { key: 'a5424f340602b3a1b3ccbe38a14ac36d0a6a74d2', 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: '1c956a0ef4ca9d3fbc61af14bcb6bca058aed8f7', class: "col-12" }, index.h("form-control-date", { key: '32c52e9178e9f54ef4f4695ffae0c124e025d354', 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: '34eed46e9dce3dffa3b8547ee2e601927a6b239b', class: "col-12" }, index.h("form-control-textarea", { key: 'f873c9a4c9d4518e35d76a61000d99e26e25f4a4', 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: '025fb202955938d89d6990eac237b1be66cf1945', class: "col-12" }, index.h("form-control-file-v2", { key: '135edc3fcaef1a07dde5c175a11b8c3f833b93c9', 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 })))));
     }
 };