@justifi/webcomponents 6.0.0-rc.1 → 6.0.0-rc.11

package/dist/cjs/form-control-number.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
+var index = require('./index-C9hBD-32.js');
 var parts = require('./parts-9jMf1erK.js');
-var formControlHelpText = require('./form-control-help-text-5KIUw1IP.js');
-var formControlErrorText = require('./form-control-error-text-HM0zQerh.js');
+var formControlHelpText = require('./form-control-help-text-JoZjhb9m.js');
+var formControlErrorText = require('./form-control-error-text-B-P5UDhm.js');
 require('./event-types-YOY5TKUN.js');
 
 const NumberInput = class {

package/dist/cjs/form-control-radio.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
+var index = require('./index-C9hBD-32.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const RadioInput = class {
@@ -32,10 +32,10 @@ const RadioInput = class {
         return parts.inputRadio;
     }
     render() {
-        return (index.h(index.Host, { key: '984c9f44082c3672f4b27b5a0059061763b6fede', class: 'form-group d-flex flex-column' }, index.h("div", { key: 'e5782af27624f153276d2c4cc3d7f899560ff7a9', class: "form-check" }, index.h("input", { key: '3d36bf3f4fc10fa36cff6a8b9fd38ec3bd082713', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '215443342d15bd2ab9ad4103e3798ed77a3c6d48', class: 'form-group d-flex flex-column' }, index.h("div", { key: 'a7ec61cb97c5fc10b799a90d1df55e11bee7945c', class: "form-check" }, index.h("input", { key: 'ee46d4ae13daca74f42ce2c472e08255c90a0a80', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), index.h("label", { key: '9f647a6cf94d280aa665a21fb2b6f492d2d6a931', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: parts.label }, this.label)), index.h("form-control-help-text", { key: 'bc315679286f429d49b1f113e74cb0c6307f7e96', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'e315ab0413dc4e82fd7bd6457e95199980daa732', errorText: this.errorText, name: this.name })));
+            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), index.h("label", { key: '87bf82a7c8512f598c00091d56a35488ad6f26b7', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: parts.label }, this.label)), index.h("form-control-help-text", { key: '905f1c94bf8538cd7550840935c2951007ed33c2', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '0a0a531f057ab7bd2658ea8f1dc4b028a87b39a3', errorText: this.errorText, name: this.name })));
     }
 };
 

package/dist/cjs/form-control-select_2.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
+var index = require('./index-C9hBD-32.js');
 var parts = require('./parts-9jMf1erK.js');
-var formControlErrorText = require('./form-control-error-text-HM0zQerh.js');
+var formControlErrorText = require('./form-control-error-text-B-P5UDhm.js');
 require('./event-types-YOY5TKUN.js');
 
 const SelectInput = class {
@@ -42,10 +42,10 @@ const SelectInput = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '9842d5b2a2069292ded1b960bc024d7995a6d58e' }, index.h("div", { key: 'b4b5fe37f88661d2f592864adb16ae997a38b484', class: "form-group d-flex flex-column" }, index.h("div", { key: 'f70c40c7e4bdd58b985ac9b6e76fbf48ff15261e', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '6b1d9e1f3b22e702962c1d23a057f08222af5e1a', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'fae7835adde280a8c4f48f3c9b169240aac3672d', helpText: this.helpText })), index.h("select", { key: 'bee75d1bb56ed104473efcad7d8c432b50bfbb38', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'a7428cd8a89414d877dafe9948f5652f28c36a5f' }, index.h("div", { key: 'c9d5d5d2f8a6292484d3606d883dbb9d168aa316', class: "form-group d-flex flex-column" }, index.h("div", { key: 'c1aba6560934b966de02e9afef77428c6060eefb', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '5fbbb09c3955ff3285b006f24c3873082394d39c', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'f756a05a8273ab6fd65205bb5c32cd34c30a9db3', helpText: this.helpText })), index.h("select", { key: 'ffd0fa461d3c35da5595e705a7c4068066d8f971', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (index.h("option", { value: option.value }, option.label)))), index.h(formControlErrorText.FormControlErrorText, { key: 'f5df46552aa8124b344260bca05bd02c695d0fe6', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (index.h("option", { value: option.value }, option.label)))), index.h(formControlErrorText.FormControlErrorText, { key: '6ee60bb236ccf7cea7bc8ccf946a363d2cd26906', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/cjs/{get-payment-details-DtCXaIMx.js → get-payment-details-BfgRmNL4.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-require('./config-state-5xZf-jax.js');
+require('./config-state-BBOZIS8x.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var Refund = require('./Refund-CqWNG8sx.js');
+var Refund = require('./Refund-BefKONu4.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');

package/dist/cjs/{get-subaccounts-CwCH5rC8.js → get-subaccounts-Bnfv2tEN.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var Api = require('./Api-CPuq_15r.js');
+var Api = require('./Api-DyimBzKT.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var Refund = require('./Refund-CqWNG8sx.js');
+var Refund = require('./Refund-BefKONu4.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-require('./config-state-5xZf-jax.js');
+require('./config-state-BBOZIS8x.js');
 require('./dinero-BwNN_k7x.js');
 var utils = require('./utils-DvUQQLmR.js');
 

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
-var utils = require('./utils-BaGF9XIe.js');
-var utils$1 = require('./utils-Df-pajL7.js');
-var spinner = require('./spinner-Kb1BFvnL.js');
+var index = require('./index-C9hBD-32.js');
+var utils = require('./utils-ChCUZgUy.js');
+var utils$1 = require('./utils-Bzyj4qWe.js');
+var spinner = require('./spinner-jmeA44Ee.js');
 require('./dinero-BwNN_k7x.js');
 require('./parts-9jMf1erK.js');
 
@@ -11055,7 +11055,7 @@ const GrossPaymentChartCore = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '14360f11f9b118e347ee73739f03c3631fbef1a4' }, this.loading && index.h(spinner.Spinner, { key: 'a5190472afdbf507c6c36c8aaae1473bffc80dcf' }), !this.errorMessage ? index.h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : utils$1.ErrorState(this.errorMessage)));
+        return (index.h(index.Host, { key: '663505aa79e84647ccc612ba671910a2cbc9e27d' }, this.loading && index.h(spinner.Spinner, { key: '2c0a00781ec16313786e76e2d95f4cddae5d3cb9' }), !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-DD41iNlG.js → header-1-DRA3f4Jh.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
+var index = require('./index-C9hBD-32.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const Header1 = (props) => {

package/dist/cjs/{header-3-D9Wa0IfT.js → header-3-sOdOpfx3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
+var index = require('./index-C9hBD-32.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const Header3 = (props) => {

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

@@ -1,11 +1,11 @@
 'use strict';
 
-var index$1 = require('./index-dm_GlYlb.js');
-var index = require('./index-Yd9aLenr.js');
+var index$1 = require('./index-C9hBD-32.js');
+var index = require('./index-B32W0A3m.js');
 var parts = require('./parts-9jMf1erK.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
-var formControlErrorText = require('./form-control-error-text-HM0zQerh.js');
-var _package = require('./package-Cp_7Ls2E.js');
+var formControlErrorText = require('./form-control-error-text-B-P5UDhm.js');
+var _package = require('./package-BL9z319y.js');
 
 const iframeInputStylesStore = index.createStore({
     focused: {

package/dist/cjs/{index-Yd9aLenr.js → index-B32W0A3m.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
+var index = require('./index-C9hBD-32.js');
 
 const appendToMap = (map, propName, value) => {
     const items = map.get(propName);

package/dist/cjs/{index-dm_GlYlb.js → index-C9hBD-32.js}

@@ -4,7 +4,7 @@ const NAMESPACE = 'webcomponents';
 const BUILD = /* webcomponents */ { hydratedSelectorName: "hydrated", lazyLoad: true, slotRelocation: true, updatable: true};
 
 /*
- Stencil Client Platform v4.36.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.36.3 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -1486,7 +1486,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
       Cstr.observedAttributes = Array.from(
         /* @__PURE__ */ new Set([
           ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
-          ...members.filter(([_, m]) => m[0] & 15 /* HasAttribute */).map(([propName, m]) => {
+          ...members.filter(([_, m]) => m[0] & 31 /* HasAttribute */).map(([propName, m]) => {
             const attrName = m[1] || propName;
             attrNameToPropName.set(attrName, propName);
             return attrName;

package/dist/cjs/index-D-dD-aC2.js

@@ -0,0 +1,30 @@
+'use strict';
+
+exports.PAYMENT_MODE = void 0;
+(function (PAYMENT_MODE) {
+    PAYMENT_MODE["ECOM"] = "ecom";
+    PAYMENT_MODE["BNPL"] = "bnpl";
+    PAYMENT_MODE["APPLE_PAY"] = "apple_pay";
+})(exports.PAYMENT_MODE || (exports.PAYMENT_MODE = {}));
+// Maps the backend payment method types to the frontend payment method types
+exports.PAYMENT_METHOD_TYPES = void 0;
+(function (PAYMENT_METHOD_TYPES) {
+    PAYMENT_METHOD_TYPES["CARD"] = "card";
+    PAYMENT_METHOD_TYPES["BANK_ACCOUNT"] = "bank_account";
+    PAYMENT_METHOD_TYPES["APPLE_PAY"] = "apple_pay";
+    PAYMENT_METHOD_TYPES["GOOGLE_PAY"] = "google_pay";
+    PAYMENT_METHOD_TYPES["SEZZLE"] = "sezzle";
+    PAYMENT_METHOD_TYPES["PLAID"] = "plaid";
+})(exports.PAYMENT_METHOD_TYPES || (exports.PAYMENT_METHOD_TYPES = {}));
+// Available payment methods for the modular checkout component (differentiates between saved and new payment methods)
+exports.PAYMENT_METHODS = void 0;
+(function (PAYMENT_METHODS) {
+    PAYMENT_METHODS["SAVED_CARD"] = "saved_card";
+    PAYMENT_METHODS["NEW_CARD"] = "new_card";
+    PAYMENT_METHODS["SAVED_BANK_ACCOUNT"] = "saved_bank_account";
+    PAYMENT_METHODS["NEW_BANK_ACCOUNT"] = "new_bank_account";
+    PAYMENT_METHODS["APPLE_PAY"] = "apple_pay";
+    PAYMENT_METHODS["GOOGLE_PAY"] = "google_pay";
+    PAYMENT_METHODS["SEZZLE"] = "sezzle";
+    PAYMENT_METHODS["PLAID"] = "plaid";
+})(exports.PAYMENT_METHODS || (exports.PAYMENT_METHODS = {}));

package/dist/cjs/index.cjs.js

@@ -1,2 +1,10 @@
 'use strict';
 
+var index = require('./index-D-dD-aC2.js');
+
+
+
+Object.defineProperty(exports, "PAYMENT_METHODS", {
+	enumerable: true,
+	get: function () { return index.PAYMENT_METHODS; }
+});

package/dist/cjs/{insurance-state-Cyva9u6S.js → insurance-state-d2thhXUX.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
+var index = require('./index-C9hBD-32.js');
 var parts = require('./parts-9jMf1erK.js');
-var index$1 = require('./index-Yd9aLenr.js');
+var index$1 = require('./index-B32W0A3m.js');
 
 const Header2 = (props) => {
     return index.h("h2", { class: `header-2 ${props === null || props === void 0 ? void 0 : props.class}`, part: parts.heading2 }, props.text);

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

@@ -1,30 +1,30 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
+var index = require('./index-C9hBD-32.js');
 var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-DNbSH3E-.js');
 var index_esm = require('./index.esm-BleZSAc0.js');
 var Business = require('./Business-DCRzZf0w.js');
 var formInputMasks = require('./form-input-masks-DgXd0f4V.js');
 var parts = require('./parts-9jMf1erK.js');
-var skeleton = require('./skeleton-x-GSs3xk.js');
+var skeleton = require('./skeleton-C7DQRD6r.js');
 require('./event-types-YOY5TKUN.js');
 var businessFormOptions = require('./business-form-options-CMII7nIK.js');
 var eventTypes = require('./event-types-DNOUef41.js');
-var Refund = require('./Refund-CqWNG8sx.js');
+var Refund = require('./Refund-BefKONu4.js');
 var schemaValidations = require('./schema-validations-jek_iZ9W.js');
-require('./config-state-5xZf-jax.js');
+require('./config-state-BBOZIS8x.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
 require('./Pagination-Dediz133.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DAyWinG2.js');
-var button = require('./button-CfVQSysQ.js');
+var button = require('./button-DsHDMHaa.js');
 var businessIdentitySchema = require('./business-identity-schema-CclzWSOn.js');
 var stateOptions = require('./state-options-CIT9xdTz.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./helpers-B5OCqlIM.js');
-require('./utils-BaGF9XIe.js');
-require('./index-Yd9aLenr.js');
+require('./utils-ChCUZgUy.js');
+require('./index-B32W0A3m.js');
 
 class BankAccount {
     constructor(data) {

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

@@ -1,24 +1,24 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
+var index = require('./index-C9hBD-32.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
 var paymentProvisioningActions = require('./payment-provisioning-actions-CZVlnRA0.js');
-var business_service = require('./business.service-C3BdUPlm.js');
-require('./config-state-5xZf-jax.js');
+var business_service = require('./business.service-BB6zl4Gc.js');
+require('./config-state-BBOZIS8x.js');
 require('./dinero-BwNN_k7x.js');
-require('./Refund-CqWNG8sx.js');
+require('./Refund-BefKONu4.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var index_esm = require('./index.esm-BleZSAc0.js');
-var Api = require('./Api-CPuq_15r.js');
+var Api = require('./Api-DyimBzKT.js');
 var parts = require('./parts-9jMf1erK.js');
 var eventTypes = require('./event-types-DNOUef41.js');
-var button = require('./button-CfVQSysQ.js');
+var button = require('./button-DsHDMHaa.js');
 require('./event-types-YOY5TKUN.js');
 require('./utils-DvUQQLmR.js');
-require('./index-Yd9aLenr.js');
-require('./utils-BaGF9XIe.js');
+require('./index-B32W0A3m.js');
+require('./utils-ChCUZgUy.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./_commonjsHelpers-BJu3ubxk.js');

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-dm_GlYlb.js');
+var index = require('./index-C9hBD-32.js');
 var index_esm = require('./index.esm-BleZSAc0.js');
 var parts = require('./parts-9jMf1erK.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
@@ -100,7 +100,7 @@ const AdditionalStatement = class {
     }
     render() {
         var _a, _b;
-        return (index.h("div", { key: '3904e1b961f9e1a0683647d306a128efcd7b9202' }, index.h("div", { key: '37ae13e4b7ad7bc8a18b588c4e591cde9030147e', class: "row gy-3" }, index.h("div", { key: '2f9b835795f21e4585638ad8be2093642f08b982', class: "col-12" }, index.h("h2", { key: '9ff1aeb8256ffe97c6300bd48597542519cda0a7', class: "h5", part: parts.heading5 }, "Additional Evidence")), index.h("div", { key: 'e4c6b9f4624b06103b6c643838a76c4a724e3168', class: "col-12" }, index.h("form-control-textarea", { key: 'dc9a5cb126a2d6f70cd8d59cdcfcd29f5c4e341b', 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: 'ba5202a5d8df30f5f4b7217341110646bb76e082', class: "col-12" }, index.h("form-control-file-v2", { key: '3168fc63d6bd6013821ee335914d916bb680fe42', 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: '4d0fbca80a880577be7853efc494807d7d1e2fd9' }, index.h("div", { key: '6c3a82afe01b0812807a8e19dc750d4e9901876a', class: "row gy-3" }, index.h("div", { key: '89e7f50b0c6d67249b892caf8c6b2d78c1742309', class: "col-12" }, index.h("h2", { key: 'e0c4db3f5330cdd0e00897da0a54b898f0056f93', class: "h5", part: parts.heading5 }, "Additional Evidence")), index.h("div", { key: '58d4506d4bc0470afa4de87fdcf25ce4397d4180', class: "col-12" }, index.h("form-control-textarea", { key: 'aee641d90803d0ff483cfe75d881e3259303d4bc', 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: '19377eb6382adc9cb69ec57fe7928b7d477110d8', class: "col-12" }, index.h("form-control-file-v2", { key: '9529de236046398904d4780fcedada3a67ce4daf', 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: '29819e51969e655219ccbdbb2e1d1b738b64f7d3' }, index.h("div", { key: '28279bbc8354128a5041ed6eac16d4966be1584c', class: "row gy-3" }, index.h("div", { key: '8b6215544f87a8c35b81a93a5f4826a35e0c0f9f', class: "col-12" }, index.h("h2", { key: 'b6337efb93f03ea48f2c29b1baef4929f236df2d', class: "h5", part: parts.heading5 }, "Cancellation Policy")), index.h("div", { key: 'b7d78115378ecd0b4a4f8a43349f1b4f2527ca35', class: "col-12" }, index.h("form-control-textarea", { key: '6ab47f5626a945f222efceef43dc096061cb67ed', 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: '6aeccf798d112e79251408401c99d916a9065e94', class: "col-12" }, index.h("form-control-textarea", { key: '580e61e4370570c9a04496fef4b7ad9c19058336', 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: 'e0deddf002b64d02bc5a5db075da11d2566dc3bb', class: "col-12" }, index.h("form-control-file-v2", { key: '3da55e915d4d3126456de8e95debc6d9e46dca42', 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: 'ac10b9b21d37179211d74118b06f561e95d9ea71' }, index.h("div", { key: '8ff525f8ed20828ed153b7dc23cb84a0277b81d4', class: "row gy-3" }, index.h("div", { key: '4f22ed526972a6625dc77b3ab0ab5b074277d7b2', class: "col-12" }, index.h("h2", { key: 'd78d54468b91edd99238bd757f871b18ec5b58ca', class: "h5", part: parts.heading5 }, "Cancellation Policy")), index.h("div", { key: '629c9660446cbba8951cd8396d9b72aea71c731b', class: "col-12" }, index.h("form-control-textarea", { key: '60e0b4903e4ddec6915d23617f215d5d2ea20935', 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: 'aec3e4561f880b86ba6f5c7ce0298e45b837c2fd', class: "col-12" }, index.h("form-control-textarea", { key: 'e77d126709037cb22e6e4fcf2228652ffeb672ee', 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: '407c071a0f7a1e488eb2ef4d522e515138a5ed2c', class: "col-12" }, index.h("form-control-file-v2", { key: '15dfacd8e1de439848d12ecec9a0f5ffac259484', 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: 'f5442efc59bb6a99a87f90feb5a4a147019af940' }, index.h("div", { key: 'd0f97e7ca943bfe8e4846ea84838ab08dc3658ab', class: "row gy-3" }, index.h("div", { key: 'da7f41d96c717f921010786f593c3776e2644738', class: "col-12" }, index.h("h2", { key: '0f7d56f400ec0f4250bbf7c8b2b736e084c17ab0', class: "h5", part: parts.heading5 }, "Customer Details")), index.h("div", { key: 'eca73b10ec43454be35d4ec6e09b410b7a509b46', class: "col-12" }, index.h("form-control-text", { key: '1b67e031f3ac24b43319b09a01a5e297095ecc84', 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: '967326bb10e6d2a64b2f3f0bae99432f238e361c', class: "col-12" }, index.h("form-control-text", { key: 'fc7d83cc51728920d9f4849dd85f4f019bb50fe4', 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: '4e598f3e9bf118ddf22c4c160f0171c9789cd853', class: "col-12" }, index.h("form-control-textarea", { key: 'fe1c2e1a4c70ef463a31e890349a5b49f979e21b', 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: 'a4345bc3b39f913cc233baa21373a6d7d93d3cda', class: "col-12" }, index.h("form-control-file-v2", { key: '82cb1b948807d901845a23137b5d488c9edd53ae', 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: 'ffc589785e6114d604c2d98d3140de5487dc8af6', class: "col-12" }, index.h("form-control-file-v2", { key: '5b6b64927e4b90cc6dbb302fbc0d2067b70c6f4a', 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: 'e09402d1c3ca9bb8f3a243c22bec2e9d908d661f' }, index.h("div", { key: '67a1038f92a9a9711ca37d353af7a06b87cbe0a8', class: "row gy-3" }, index.h("div", { key: '1be2249539c434bf3faf847b4202ff2f421d15a3', class: "col-12" }, index.h("h2", { key: '17d8bc1b31dfa77f08500ff4029f572049d9e1ce', class: "h5", part: parts.heading5 }, "Customer Details")), index.h("div", { key: '3e218b39c8f5dab178cc8b23caf403e1a912694c', class: "col-12" }, index.h("form-control-text", { key: 'ab28a2176315c3ecd1ff984a599589a81375f4e0', 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: 'e1739728748de575e39f29018cd1139d75232611', class: "col-12" }, index.h("form-control-text", { key: '9f2aec120b08ac793be93f9c990d81a74c9e57d2', 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: '9be7e4a85edfc9bc95e8ede96ebc81f4777f1cdb', class: "col-12" }, index.h("form-control-textarea", { key: '100e419cc2064509aaa03c76e2898fc7df85e950', 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: '94da95bb013738aefb17088203ee14e07f159ae0', class: "col-12" }, index.h("form-control-file-v2", { key: '1ab77a12a715fbb82c0bc1c9f9081e54fd3fef0e', 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: '88eed9387758b86332137fa64b4e3b3c5825d908', class: "col-12" }, index.h("form-control-file-v2", { key: '0b654ffcf253c639b07ffe03450a87550caaa75a', 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: '2b1fbb67aebf81b2cac878cfd86a71e31feb7288' }, index.h("div", { key: 'e05d18f73ae193c43ead170ca59e580172115c25', class: "row gy-3" }, index.h("div", { key: '0f0c24505bc9e14e79681e1686e61671027af940', class: "col-12" }, index.h("h2", { key: '0c5a6f6119c5178564ece36506e90d79cf0a2393', class: "h5", part: parts.heading5 }, "Duplicate Charge")), index.h("div", { key: 'cb740c8a1b6ded55b53b4b402ec5ae3147b6c632', class: "col-12" }, index.h("form-control-text", { key: 'a89bae70a2cf7500d69d51d0e2a8b9f50dc6ed56', 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: '87ec40290b40beae641136a5caca878bf5b69d34', class: "col-12" }, index.h("form-control-textarea", { key: '3a87c44d1584949ac5ec444c28b26a043a697e90', 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: 'dc4fbe2c23c992d9bf72d1932d41886d3a4bd53a', class: "col-12" }, index.h("form-control-file-v2", { key: 'ee9e58fff423be4009bef08109b14a4acda8e39f', 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: '2a51ce4a6859bdd9b6fc3376f08726a682a61587' }, index.h("div", { key: '49765fde2654e0eda955e4569d3003749d04b1a1', class: "row gy-3" }, index.h("div", { key: '9a04ce529407e436c5c7dc363525821116eb3271', class: "col-12" }, index.h("h2", { key: '6d8c1c64da56d19e3adedc08171b7096084adb0b', class: "h5", part: parts.heading5 }, "Duplicate Charge")), index.h("div", { key: '3a4be2ced9e35974864a6fb3504dff58d792e623', class: "col-12" }, index.h("form-control-text", { key: 'a3d86e2059a017d931619d1e53a24e60e9f95282', 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: '407386824a21bc40a802366ebf4c8e0cc2aef908', class: "col-12" }, index.h("form-control-textarea", { key: 'c4b5a5026eeffedeae11d9f6fd74ecd4e288894c', 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: 'cc4a805b1c5574436a19258007cd3271831e9967', class: "col-12" }, index.h("form-control-file-v2", { key: '49d84e63f7acd6dd953429063fc9206373482d16', 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: 'e23dbefec1d452aa3ba3cca69523eee0f5cfe923' }, index.h("div", { key: 'e1f11a356d05519b568b5bb65be9e8a1fc14e46f', class: "row gy-3" }, index.h("div", { key: 'a6208153a9a44d49e88f80d953477de8b40ed64b', class: "col-12" }, index.h("h2", { key: 'c80cc00343452fbf9d9ddacb6929d3a7e0a33f42', class: "h5", part: parts.heading5 }, "Electronic Evidence")), index.h("div", { key: '1ed5c9f72596f33f41431eb62e6338f60adc9ab3', class: "col-12" }, index.h("form-control-text", { key: 'dfb38a1c00b8b09849840f4a071fbaa12321f7a8', 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: 'd6f0a73cccf7eb2ea481836c6206ee39a0a21c6c', class: "col-12" }, index.h("form-control-file-v2", { key: '25dfd3efa3ec536f899fb263624bfea1b68dc397', 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: '41d5fd40ac6fc4fffddb7913b647046869882dfd' }, index.h("div", { key: '265d25bbd6423f6514a1bb4fab1574631113783d', class: "row gy-3" }, index.h("div", { key: 'e55e31fbfaa88eacd940622551e37951e54aa321', class: "col-12" }, index.h("h2", { key: '710bec9fdf42a7ddedbaed447ab1212bc9d6be9c', class: "h5", part: parts.heading5 }, "Electronic Evidence")), index.h("div", { key: '81ad6d6af441041c0aa0f39c732d528e9d966b61', class: "col-12" }, index.h("form-control-text", { key: 'b9a3ae49cc394e28baadec0ca9904e5c25996921', 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: '53c9b52e9ff3a988805c9e72dca2038ac8cb8483', class: "col-12" }, index.h("form-control-file-v2", { key: 'bd2bd5d7131bf7c92a7d11042211a9b7764dbbd7', 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: 'f1f7d30bd481b5e3b49d9aaffd6e9bc1266b3c17' }, index.h("div", { key: 'c41caefa4937db6b0669cd28e84b6918c719d8f0', class: "row gy-3" }, index.h("div", { key: 'be3b622f366017c7a8bdddfc363a0a46216de2ea', class: "col-12" }, index.h("h2", { key: '39374858f492c6e20e637dab0c73356fb6c6499d', class: "h5", part: parts.heading5 }, "Product & Service Details")), index.h("div", { key: 'c910f0b2a6c1574f2b09348e4d3b889a675bbfeb', class: "col-12" }, index.h("form-control-text", { key: '636616c14d388dd25c33d81220231f2e7b36ec2f', 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: '44da2982c48cd5da994aec38f5196205b25c4868', class: "col-12" }, index.h("form-control-date", { key: '6b5ff071f9e941caaadff9fbaf18501524f71fce', 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: '8ae3d7fbc3826f932ee14d98a48d90cf913606af', class: "col-12" }, index.h("form-control-file-v2", { key: '5990ebe0df1e74fd7b1d6a6cf1dd8d08cd680a68', 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: 'c93f5bc2e64f5e2964eb033cb6c972283841876b' }, index.h("div", { key: '7986f459ba9cc0d7e896a418ba4bd9e51148d36f', class: "row gy-3" }, index.h("div", { key: 'ddf033f861a5b91961294600a5d6d7261937711c', class: "col-12" }, index.h("h2", { key: '2a33306859a2982fbb3457831c29a98cd3e86c4f', class: "h5", part: parts.heading5 }, "Product & Service Details")), index.h("div", { key: '385212b08cbdcd4d610c806f1f9b5d18446a9831', class: "col-12" }, index.h("form-control-text", { key: '210a8c07288473e93737e93659dc91e7f813e306', 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: '5a52ad00db803d2ddd0afe6ee7cde4b907e1ad1a', class: "col-12" }, index.h("form-control-date", { key: '1bdef3f3391b4a97aa3e97aefac3e29b5520f620', 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: 'd4fc75d0f175914e2fbb134e6449e1d45742a9f3', class: "col-12" }, index.h("form-control-file-v2", { key: '62e1ae0f42103f49bc5c93427b62ad90570634f8', 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: '75d1e4a99166f8b8f112746fd5a786ed4b41b6ae' }, index.h("div", { key: 'c4a137ad32f0a0e5580061b1cc2443399d5baf15', class: "row gy-3" }, index.h("div", { key: '8b864aacd4b1334f9a5e7ffdf116345db20aac58', class: "col-12" }, index.h("h2", { key: 'e319c7e0d2ebedf204e6845fb977651b96f4a9b8', class: "h5", part: parts.heading5 }, "Refund Policy and Receipt")), index.h("div", { key: '72cc1aff194c70395f8002b4af6842cd42046d80', class: "col-12" }, index.h("form-control-textarea", { key: '798219393da9f68198205bb877a5a3aa2ac2d1bb', 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: 'bc0d341abb63327da6d97fba120c34aebabd50b3', class: "col-12" }, index.h("form-control-textarea", { key: '2aa931300951be7897d9ba4adeda6be5e94a00d8', 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: 'c3cad588c5b40a6133920a0c43f71d7b172abdab', class: "col-12" }, index.h("form-control-file-v2", { key: '8f2184a0d95804a85d61de763c14b1a6fb44c566', 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: '183f6286e96694e54fd31213b514349a43d0446f', class: "col-12" }, index.h("form-control-file-v2", { key: 'e3f97404946c8e6a813d397141d10e372df5f520', 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: 'a300941b5472ab2cfd1dd212fbab4b280c132f73' }, index.h("div", { key: '1f11681c815c4f0676da384884b758b1bd49f3d1', class: "row gy-3" }, index.h("div", { key: '56f1575a5e2c7da5d725ca224b5d64163de0fd23', class: "col-12" }, index.h("h2", { key: '9ccb22c016184f233d1096b66380473a8e62c269', class: "h5", part: parts.heading5 }, "Refund Policy and Receipt")), index.h("div", { key: 'e602ac3e5fe3cbd3d12910d66cc8d879295a9e4a', class: "col-12" }, index.h("form-control-textarea", { key: 'f6e6dae3ab7d383da16fa5308933a77cf63f11d8', 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: '8cdb3b28847683f5fd4594eb64522c899e5ef993', class: "col-12" }, index.h("form-control-textarea", { key: 'c8e4b7c760cbe8bb9cb30818b0c29f6012092649', 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: '95c376af4517e3ee23afd64d479a6ae051f03d72', class: "col-12" }, index.h("form-control-file-v2", { key: 'dc2ef0d5911dbab2d820bc46563bbb7218390501', 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: 'b9d6ffb85e987f5037e414dde26e72f5219c0ea8', class: "col-12" }, index.h("form-control-file-v2", { key: 'c6513b7a2f9d68c2df2be8c21da0d16e03a6a885', 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: 'a0907d5f1fe8d40876f816b6d332dbb0d9afe975' }, index.h("div", { key: '3f22d56b30227d9ce0d22dc45c4e29bba60b5366', class: "row gy-3" }, index.h("div", { key: 'ec768dcf266527e981712f55cdb1921d0e6ef257', class: "col-12" }, index.h("h2", { key: '0b0e92ba9164941f48e1162937d7bd694683b206', class: "h5", part: parts.heading5 }, "Shipping Details")), index.h("div", { key: '2a5f5508c7f8b1a3a674d4bd18a2cba725ff86e7', class: "col-12" }, index.h("form-control-text", { key: 'deb04aa47dee3269ad8ad84b59edfdf251207520', 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: 'e340cf8f480c335b7e565e7d4bf052685bc3f78f', class: "col-12" }, index.h("form-control-text", { key: '8e3d040776e821518c0d04ea8d0da2d0ddb75cd3', 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: '71dab91e7befe734db1b8f02bb3fd8d1b8180ab8', class: "col-12" }, index.h("form-control-date", { key: 'f257e98c81762700c7164a8cbd86764ebe4e4353', 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: 'e69255a96e9292fea2269f7f0a7888e53e5a8be7', class: "col-12" }, index.h("form-control-textarea", { key: 'b40386270d12484982d81a85db0e95853f76ec58', 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: '23f2a4dabdaefef86940ae03e00a5d240d061a2f', class: "col-12" }, index.h("form-control-file-v2", { key: '6db6eb9ed1803d7c25f2b9dd03955be7e9c41a34', 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: '4556d3dbedce4833b63302f78f467ccf71cce02c' }, index.h("div", { key: '18569ca4c37bbf7b82a13db6c8ae878d0b2c12fa', class: "row gy-3" }, index.h("div", { key: '001f41285eda4237686861df1aaaad24836fbf7c', class: "col-12" }, index.h("h2", { key: '3193324c11f5ca7c81de99cd224e2f8a8d21a43d', class: "h5", part: parts.heading5 }, "Shipping Details")), index.h("div", { key: 'e312e8aee070bee2b317dc7f6f9e616dc3cbd26e', class: "col-12" }, index.h("form-control-text", { key: '69a90af0a8c328b7e0eba67d39ac3f2f4ffd3439', 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: '5c4ca04204a7467918e2e130d6ee437a4c5db85b', class: "col-12" }, index.h("form-control-text", { key: '266415e75633d4d4b5062f56ec43d47e60e03aa1', 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: '90088259556bbfce03c87af029ea53efc4c394de', class: "col-12" }, index.h("form-control-date", { key: 'b5eaf92844540c4536f8296e8668ed7e826dfd1f', 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: '180c72ec5c37cb7bca2edbf3d158d4973c149084', class: "col-12" }, index.h("form-control-textarea", { key: '924cae54e30cba491dd4ce10bb514a7374a1d793', 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: 'b7f06251c0a03bec0b6622b9d05c7c55d7d6bb13', class: "col-12" }, index.h("form-control-file-v2", { key: '832da84ac1f4822ac882c03d60b169a2351ffb8e', 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 })))));
     }
 };