@justifi/webcomponents 6.0.0-rc.9 → 6.0.1-rc.0

package/dist/cjs/{checkout.store-MSwLBCby.js → index-C2ITzalN.js}

@@ -1,7 +1,5 @@
 'use strict';
 
-var index = require('./index-B32W0A3m.js');
-
 exports.PAYMENT_MODE = void 0;
 (function (PAYMENT_MODE) {
     PAYMENT_MODE["ECOM"] = "ecom";
@@ -9,7 +7,7 @@ exports.PAYMENT_MODE = void 0;
     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;
+var PAYMENT_METHOD_TYPES;
 (function (PAYMENT_METHOD_TYPES) {
     PAYMENT_METHOD_TYPES["CARD"] = "card";
     PAYMENT_METHOD_TYPES["BANK_ACCOUNT"] = "bank_account";
@@ -17,7 +15,7 @@ exports.PAYMENT_METHOD_TYPES = void 0;
     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 = {}));
+})(PAYMENT_METHOD_TYPES || (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) {
@@ -30,42 +28,32 @@ exports.PAYMENT_METHODS = void 0;
     PAYMENT_METHODS["SEZZLE"] = "sezzle";
     PAYMENT_METHODS["PLAID"] = "plaid";
 })(exports.PAYMENT_METHODS || (exports.PAYMENT_METHODS = {}));
-
-const initialState = {
-    accountId: '',
-    authToken: '',
-    billingFormFields: {
-        address_postal_code: '',
-    },
-    bnplEnabled: false,
-    insuranceEnabled: false,
-    bnplProviderApiVersion: '',
-    bnplProviderCheckoutUrl: '',
-    bnplProviderClientId: '',
-    bnplProviderMode: '',
-    checkoutId: '',
-    bankAccountVerification: undefined,
-    disableBankAccount: false,
-    disableBnpl: false,
-    disableCreditCard: false,
-    disablePaymentMethodGroup: false,
-    paymentAmount: 0,
-    paymentCurrency: 'USD',
-    paymentDescription: '',
-    paymentMethodGroupId: undefined,
-    paymentMethods: [],
-    paymentToken: undefined,
-    savePaymentMethod: false,
-    selectedPaymentMethod: exports.PAYMENT_METHODS.NEW_CARD,
-    totalAmount: 0,
+const mapPaymentMethodType = (type) => {
+    switch (type) {
+        case PAYMENT_METHOD_TYPES.CARD:
+            return exports.PAYMENT_METHODS.SAVED_CARD;
+        case PAYMENT_METHOD_TYPES.BANK_ACCOUNT:
+            return exports.PAYMENT_METHODS.SAVED_BANK_ACCOUNT;
+        default:
+            return type;
+    }
 };
-const { state: checkoutStore, onChange } = index.createStore(initialState);
-Object.keys(initialState).forEach((key) => {
-    // @ts-ignore
-    onChange(key, (newValue) => {
-        checkoutStore[key] = newValue;
-    });
-});
+class PaymentMethod {
+    constructor(paymentMethod) {
+        this.id = paymentMethod.id;
+        this.type = mapPaymentMethodType(paymentMethod.type);
+        this.status = paymentMethod.status;
+        this.invalid_reason = paymentMethod.invalid_reason;
+        this.name = paymentMethod.name;
+        this.brand = paymentMethod.brand;
+        this.acct_last_four = paymentMethod.acct_last_four;
+        this.account_type = paymentMethod.account_type;
+        this.month = paymentMethod.month;
+        this.year = paymentMethod.year;
+        this.address_line1_check = paymentMethod.address_line1_check;
+        this.address_postal_code_check = paymentMethod.address_postal_code_check;
+        this.bin_details = paymentMethod.bin_details;
+    }
+}
 
-exports.checkoutStore = checkoutStore;
-exports.onChange = onChange;
+exports.PaymentMethod = PaymentMethod;

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

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

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

@@ -4,7 +4,7 @@ const NAMESPACE = 'webcomponents';
 const BUILD = /* webcomponents */ { hydratedSelectorName: "hydrated", lazyLoad: true, slotRelocation: true, updatable: true};
 
 /*
- Stencil Client Platform v4.36.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.37.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -24,6 +24,7 @@ var getHostRef = (ref) => {
   return void 0;
 };
 var registerInstance = (lazyInstance, hostRef) => {
+  if (!hostRef) return;
   lazyInstance.__stencil__getHostRef = () => hostRef;
   hostRef.$lazyInstance$ = lazyInstance;
 };
@@ -1543,7 +1544,12 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
     } else {
       Cstr = elm.constructor;
       const cmpTag = elm.localName;
-      customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
+      const setWatchIsReady = () => hostRef.$flags$ |= 128 /* isWatchReady */;
+      if (!!customElements.get(cmpTag)) {
+        setWatchIsReady();
+      } else {
+        customElements.whenDefined(cmpTag).then(setWatchIsReady);
+      }
     }
   }
   const ancestorComponent = hostRef.$ancestorComponent$;

package/dist/cjs/index.cjs.js

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

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-C9hBD-32.js');
+var index = require('./index-Dyzl8Hn6.js');
 var parts = require('./parts-9jMf1erK.js');
-var index$1 = require('./index-B32W0A3m.js');
+var index$1 = require('./index-D1Ba20gi.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-C9hBD-32.js');
+var index = require('./index-Dyzl8Hn6.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-C7DQRD6r.js');
+var skeleton = require('./skeleton-CuIMC98G.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-BVZHsa6Z.js');
+var Refund = require('./Refund-BPSBtjQC.js');
 var schemaValidations = require('./schema-validations-jek_iZ9W.js');
-require('./config-state-BBOZIS8x.js');
+require('./config-state-B_gyIchD.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-DsHDMHaa.js');
+var button = require('./button-7c2RN2yp.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-B32W0A3m.js');
+require('./utils-ChCUZgUy.js');
+require('./index-D1Ba20gi.js');
 
 class BankAccount {
     constructor(data) {
@@ -59,24 +59,9 @@ class BankAccount {
     }
 }
 
-const FormBlock = () => (index.h("div", { class: "row gap-3" },
-    index.h("div", { class: "col-12" },
-        index.h(skeleton.Skeleton, { width: "25%" })),
-    index.h("div", { class: "col-12" },
-        index.h(skeleton.Skeleton, { width: "100%" })),
-    index.h("div", { class: "col-12 d-flex gap-3" },
-        index.h(skeleton.Skeleton, { width: "50%" }),
-        index.h(skeleton.Skeleton, { width: "50%" })),
-    index.h("div", { class: "col-12 d-flex gap-3" },
-        index.h(skeleton.Skeleton, { width: "65%" }),
-        index.h(skeleton.Skeleton, { width: "35%" }))));
+const FormBlock = () => (index.h("div", { class: "row gap-3" }, index.h("div", { class: "col-12" }, index.h(skeleton.Skeleton, { width: "25%" })), index.h("div", { class: "col-12" }, index.h(skeleton.Skeleton, { width: "100%" })), index.h("div", { class: "col-12 d-flex gap-3" }, index.h(skeleton.Skeleton, { width: "50%" }), index.h(skeleton.Skeleton, { width: "50%" })), index.h("div", { class: "col-12 d-flex gap-3" }, index.h(skeleton.Skeleton, { width: "65%" }), index.h(skeleton.Skeleton, { width: "35%" }))));
 const PaymentProvisioningLoading = () => {
-    return (index.h("div", { class: "row gap-5" },
-        index.h("div", { class: "col-12" },
-            index.h(skeleton.Skeleton, { width: "40%", height: "40px" })),
-        index.h(FormBlock, null),
-        index.h(FormBlock, null),
-        index.h(FormBlock, null)));
+    return (index.h("div", { class: "row gap-5" }, index.h("div", { class: "col-12" }, index.h(skeleton.Skeleton, { width: "40%", height: "40px" })), index.h(FormBlock, null), index.h(FormBlock, null), index.h(FormBlock, null)));
 };
 
 const AdditionalQuestionsFormStepCore = class {

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

@@ -1,24 +1,24 @@
 'use strict';
 
-var index = require('./index-C9hBD-32.js');
+var index = require('./index-Dyzl8Hn6.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
 var paymentProvisioningActions = require('./payment-provisioning-actions-CZVlnRA0.js');
-var business_service = require('./business.service-D5IhSyRJ.js');
-require('./config-state-BBOZIS8x.js');
+var business_service = require('./business.service-Dkhqyggm.js');
+require('./config-state-B_gyIchD.js');
 require('./dinero-BwNN_k7x.js');
-require('./Refund-BVZHsa6Z.js');
+require('./Refund-BPSBtjQC.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-y2G49jOh.js');
+var Api = require('./Api-CwTLkFY4.js');
 var parts = require('./parts-9jMf1erK.js');
 var eventTypes = require('./event-types-DNOUef41.js');
-var button = require('./button-DsHDMHaa.js');
+var button = require('./button-7c2RN2yp.js');
 require('./event-types-YOY5TKUN.js');
 require('./utils-DvUQQLmR.js');
-require('./index-B32W0A3m.js');
-require('./utils-BaGF9XIe.js');
+require('./index-D1Ba20gi.js');
+require('./utils-ChCUZgUy.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
@@ -59,7 +59,7 @@ const AdditionalQuestionsFormStep = class {
         }
     }
     render() {
-        return (index.h("justifi-additional-questions-form-step-core", { key: 'b494a48aa19f63e30007663276876540c5149879', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (index.h("justifi-additional-questions-form-step-core", { key: '9692b11a4a655aade004e62c4b4c1fa61904ec11', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -106,7 +106,7 @@ const BusinessBankAccountFormStep = class {
         }
     }
     render() {
-        return (index.h("justifi-business-bank-account-form-step-core", { key: 'adb496ad14cd3334d30e571d873150ed8335f833', businessId: this.businessId, getBusiness: this.getBusiness, postBankAccount: this.postBankAccount, postDocumentRecord: this.postDocumentRecord, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (index.h("justifi-business-bank-account-form-step-core", { key: '675d0d4f64e58f8b036ccd0bdf6d2f77d95fab4b', businessId: this.businessId, getBusiness: this.getBusiness, postBankAccount: this.postBankAccount, postDocumentRecord: this.postDocumentRecord, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -150,7 +150,7 @@ const BusinessCoreInfoFormStep = class {
         }
     }
     render() {
-        return (index.h("justifi-business-core-info-form-step-core", { key: '1d2bd68e87d5f312c54f5a4bda8863b26fdeec5d', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (index.h("justifi-business-core-info-form-step-core", { key: 'c8eb1c76b9c7839e83f341eca5cc60737fb83f6e', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -194,7 +194,7 @@ const BusinessOwnersFormStep = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '3420b6e74da344665583a49146b5b7fd1be40155' }, index.h("justifi-business-owners-form-step-core", { key: '3e092450028815a0b134af4294edbb7589864409', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
+        return (index.h(index.Host, { key: 'aa3b4e716a0592f48180b7dbe2f81662aeb4d6e7' }, index.h("justifi-business-owners-form-step-core", { key: '8e3ef054061dbe2500aa9f67e4aea53b12e5d432', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -238,7 +238,7 @@ const BusinessRepresentativeFormStep = class {
         }
     }
     render() {
-        return (index.h("justifi-business-representative-form-step-core", { key: '582c77f4b763573a1d29726285a9b871afe96d89', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (index.h("justifi-business-representative-form-step-core", { key: '241cd9ff1afae3bf1f9107cf6f66392b7b656471', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -366,7 +366,7 @@ const BusinessTermsConditionsFormStep = class {
         return (index.h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
     }
     render() {
-        return (index.h("form", { key: '8cea6fff2e5b5cbfa7de6b3adfce238153599d1e' }, index.h("fieldset", { key: 'ef3c4ce5d0d03f1d048e072c6f7ac3da565ffb18' }, index.h("legend", { key: 'caa5fee86bd4b5c2a7204a76ae3533146526b9e1', part: parts.heading2 }, "Terms and Conditions"), index.h("hr", { key: '5a72caeaf2dae8f57c0be09ca21feceb0793daf4' }), index.h("div", { key: 'e39700b83a10c479cf6d767c1af61ac8b480e4d5' }, index.h("p", { key: '2b8520977bedf73c295a387095724a561391b005' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), index.h("br", { key: '706ec9ecfd4a0909583745f90b36eeb42fa5e690' }), index.h("div", { key: 'd915e2c49188b829b33b03f07cc8f1ccea99ee1d', class: "row-gy-3" }, index.h("div", { key: 'cbbc74e6b5e80bf54884a8f41eb94f6d5bcdb6dd', class: "col-12" }, index.h("form-control-checkbox", { key: 'f63aed196d33f1760dae8c5ac5487c0fbc7d4838', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
+        return (index.h("form", { key: 'ed3e493e5c53e303c98e97a15149cffd2865de47' }, index.h("fieldset", { key: 'a4be899152d7930c2e5ac8b384f866ba313a434f' }, index.h("legend", { key: '6b473d236380c13ec4186cb5088f976349f18e7c', part: parts.heading2 }, "Terms and Conditions"), index.h("hr", { key: '4ef52973bed72265e0ef29f0ac6e7a0ac1142f8a' }), index.h("div", { key: '621d89594d6335d10a746af628ce85df0bf4a71f' }, index.h("p", { key: '2f13e9851fdfa4b8f678de19261e7df7a7968cc0' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), index.h("br", { key: '7951565f2ad57491cbba0d05d650eb0aea1aea54' }), index.h("div", { key: 'e7d727efbd5d732b31746d3cc61eeaf9eb4b1ff6', class: "row-gy-3" }, index.h("div", { key: 'b6d8d501530fbe4de7c11eb46218c618a7aec26f', class: "col-12" }, index.h("form-control-checkbox", { key: '79030af1a43bc5d1742726b8ea66d6dda3306473', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
     }
 };
 
@@ -406,7 +406,7 @@ const LegalAddressFormStep = class {
         }
     }
     render() {
-        return (index.h("justifi-legal-address-form-step-core", { key: 'bd286476461181f2e8a435a97bf148d55876b49c', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (index.h("justifi-legal-address-form-step-core", { key: 'fb07306fe9d60ca061e9291565ea4dd11db6d93f', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -428,7 +428,7 @@ const PaymentProvisioningFormButtons = class {
         return this.currentStep === this.totalSteps;
     }
     render() {
-        return (index.h("div", { key: '5869ed8c350e3a1ae5fe62dcd04493f432eecff7', class: 'd-flex gap-2' }, index.h(button.Button, { key: 'b1e8c2fff97e9a053d715860a43ddd78c99b255a', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), index.h(button.Button, { key: '8696fe4f0bde5434e51f05f67b39a8e5b2f550bf', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, eventTypes.BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), index.h(button.Button, { key: 'b1750a849d60244bdb3cf82690c6cbd15b6e1110', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, eventTypes.BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
+        return (index.h("div", { key: 'cc744b394b8a75f2cf6b551f50376d16eb4f053b', class: 'd-flex gap-2' }, index.h(button.Button, { key: 'b83498b5bd052607803159acc593ed3f53c8cd4f', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), index.h(button.Button, { key: '02f6dfacedd16c2a82879bf13706bf554372064c', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, eventTypes.BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), index.h(button.Button, { key: 'eda937677c7e1d5a64f88d020ba4c738bc89af68', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, eventTypes.BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
     }
 };
 
@@ -450,7 +450,7 @@ const PaymentProvisioningFormSteps = class {
         return this.componentStepMapping[this.currentStep]();
     }
     render() {
-        return (index.h("div", { key: '9a09e562d0a3548cb40863ba5780c5d1692b6ec3', class: 'col-12 mb-4' }, this.currentStepComponent));
+        return (index.h("div", { key: 'bc4e1cd4a04dc6f0d9338fa737b91fe1628ed2b3', class: 'col-12 mb-4' }, this.currentStepComponent));
     }
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-C9hBD-32.js');
+var index = require('./index-Dyzl8Hn6.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 })))));
     }
 };