@justifi/webcomponents 5.3.4-rc → 5.3.5

package/dist/collection/components/dispute-management/dispute-response/customer-details.js

@@ -1,29 +1,23 @@
 import { h } from "@stencil/core";
 import { FormController } from "../../../ui-components/form/form";
 import CustomerDetailsSchema from "./schemas/customer-details-schema";
-import { DisputeEvidenceDocument } from "../../../api/DisputeEvidenceDocument";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 import { heading5 } from "../../../styles/parts";
+import fileInputHandler from "./file-input-handler";
 export class CustomerDetails {
     constructor() {
         this.inputHandler = (name, value) => {
             this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
         };
-        this.handleFileSelection = (e) => {
-            const target = e.target;
-            const name = target.name;
-            const files = target.files;
-            for (const file of files) {
-                this.documentList.push(new DisputeEvidenceDocument(file, name));
-            }
-        };
         this.disputeResponse = undefined;
+        this.documentErrors = {};
         this.form = undefined;
         this.errors = {};
-        this.documentList = [];
+        this.documents = { customer_signature: [], customer_communication: [] };
     }
     async validateAndSubmit(onSuccess) {
-        this.form.validateAndSubmit((formData) => onSuccess(formData, this.documentList, DisputeResponseFormStep.customerDetails));
+        const documentList = Object.values(this.documents).flat();
+        this.form.validateAndSubmit((formData) => onSuccess(formData, documentList, DisputeResponseFormStep.customerDetails));
     }
     ;
     componentWillLoad() {
@@ -35,8 +29,8 @@ export class CustomerDetails {
         });
     }
     render() {
-        var _a, _b, _c;
-        return (h("div", { key: '7c8bb0293eee2006e4e8e7aa65a692b3ce211c43' }, h("div", { key: '677de6f4bbf636dbbba97f5a188b076985fc6f0a', class: "row gy-3" }, h("div", { key: 'b1044548517ab9bc2f8a873965e1f81fd98a6216', class: "col-12" }, h("h2", { key: 'e3c6706441eee0adbfdf540528511353686d1fb9', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '2e5e5eda8c07941358a02430aa06bcd4ce13a5ca', class: "col-12" }, h("form-control-text", { key: '6271fd7c5def3e501501f5a8af00bcbc77b5e67d', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: '4347830601eda422e863cbdd70cf4d9862d19fb2', class: "col-12" }, h("form-control-text", { key: '4dbb512ac5a81de067d2fb9c2b9edeffda1f199b', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: 'ee16ae4bd2ea9c4e3949af9705e05fd6709b7f5d', class: "col-12" }, h("form-control-textarea", { key: 'd2339c6ebc8ffbe24f68ce079f0d623f7107cf29', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: 'eff1fb76a8cab96b0fba6e7b8a1aab2b6dc405e7', class: "col-12" }, h("form-control-file-v2", { key: 'ece727a3d010e0ba4741874992ed3e92d711b338', label: "Customer Signature", name: "customer_signature", onChange: this.handleFileSelection })), h("div", { key: 'b585af6033d79e16a71ff8ff9ee34176910ae109', class: "col-12" }, h("form-control-file-v2", { key: '74473ea1ac14a7efaa4a0032bea1d2c4b5ca6339', label: "Customer Communication", name: "customer_communication", onChange: this.handleFileSelection })))));
+        var _a, _b, _c, _d, _e;
+        return (h("div", { key: '70e29d650d5304522f927c15b4eb5e62e203c5e0' }, h("div", { key: 'f50422b29cb2a4f3bca911ced94dc681adb3fc41', class: "row gy-3" }, h("div", { key: 'f29816d9281ea4c4db5018d3b7edb1600569357a', class: "col-12" }, h("h2", { key: 'a2889c95c293bf0bbf97c16e4486e307ca87729c', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '9cd45719434a1740f67b73c13fd08e0fe562168e', class: "col-12" }, h("form-control-text", { key: '5a30a3aef7fbe2d3013c46e43a437724dae41213', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: '9812e1f9f6df949b9f15b2c3f28857db7dcf5cb7', class: "col-12" }, h("form-control-text", { key: '10b146053a399039e8dbd42c3cab53b4b55c0ec3', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '2742a0922a223bd60d6e3d08a55190742ecf5112', class: "col-12" }, h("form-control-textarea", { key: '41491e238c75716520d747cbf9f1bcc329a2d686', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: '71074f31e565c24107b91b04d9aa16da77ba618c', class: "col-12" }, h("form-control-file-v2", { key: '17f70cf96927b01e65430e13c2d21209e9170603', 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 })), h("div", { key: 'ec696695191e68c7ceb0cc41f99f9e53f2d59da1', class: "col-12" }, h("form-control-file-v2", { key: '562ff8b3819f536d491f2e2e55a85a55fcda0e1c', 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 })))));
     }
     static get is() { return "justifi-customer-details"; }
     static get properties() {
@@ -57,6 +51,24 @@ export class CustomerDetails {
                 },
                 "attribute": "dispute-response",
                 "reflect": false
+            },
+            "documentErrors": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "document-errors",
+                "reflect": false,
+                "defaultValue": "{}"
             }
         };
     }
@@ -64,7 +76,7 @@ export class CustomerDetails {
         return {
             "form": {},
             "errors": {},
-            "documentList": {}
+            "documents": {}
         };
     }
     static get methods() {

package/dist/collection/components/dispute-management/dispute-response/dispute-response-core.js

@@ -5,14 +5,14 @@ import { Button } from "../../../ui-components/button";
 export class DisputeResponseCore {
     constructor() {
         this.componentStepMapping = [
-            () => h("justifi-product-or-service", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
-            () => h("justifi-customer-details", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
-            () => h("justifi-cancellation-policy", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
-            () => h("justifi-refund-policy", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
-            () => h("justifi-duplicate-charge", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
-            () => h("justifi-electronic-evidence", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
-            () => h("justifi-shipping-details", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
-            () => h("justifi-additional-statement", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
+            () => h("justifi-product-or-service", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
+            () => h("justifi-customer-details", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
+            () => h("justifi-cancellation-policy", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
+            () => h("justifi-refund-policy", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
+            () => h("justifi-duplicate-charge", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
+            () => h("justifi-electronic-evidence", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
+            () => h("justifi-shipping-details", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
+            () => h("justifi-additional-statement", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
         ];
         this.saveData = async (formData, formStep) => {
             const hasFormData = Object.keys(formData).length;
@@ -74,15 +74,15 @@ export class DisputeResponseCore {
                 },
                 onSuccess: (response) => {
                     document.presignedUrl = response.data.presigned_url;
-                    this.isLoading = false;
                 },
                 onError: ({ error, code, severity }) => {
+                    const errors = { [document.dispute_evidence_type]: error };
+                    this.documentErrors = Object.assign(Object.assign({}, this.documentErrors), errors);
                     this.errorEvent.emit({
                         errorCode: code,
                         message: error,
                         severity,
                     });
-                    this.isLoading = false;
                 },
             });
         };
@@ -97,20 +97,26 @@ export class DisputeResponseCore {
             });
             return response;
         };
-        this.onCancel = () => {
-            this.clickEvent.emit({ name: DisputeManagementClickActions.cancelDispute });
-        };
         this.handleSubmit = async (formData, documentList, formStep) => {
             this.isLoading = true;
             if (documentList.length) {
+                this.documentErrors = {};
                 this.documentList = documentList;
                 await this.initializeMakePresignedURLs();
+                const hasPresigningErrors = Object.keys(this.documentErrors).length;
+                if (hasPresigningErrors) {
+                    this.isLoading = false;
+                    throw new Error('Could not presign all documents');
+                }
                 await this.initializeFileUploads();
             }
             // this needs to happen last because it fires the 'submit-event' and 'complete-form-step-event' event
             await this.saveData(formData, formStep);
             this.isLoading = false;
         };
+        this.onCancel = () => {
+            this.clickEvent.emit({ name: DisputeManagementClickActions.cancelDispute });
+        };
         // after each of these steps where validateAndSubmit is called, reload the dispute
         // and set isLoading, and pass defaults into each step
         this.onBack = async () => {
@@ -140,6 +146,7 @@ export class DisputeResponseCore {
         this.disputeResponse = {};
         this.isLoading = false;
         this.documentList = [];
+        this.documentErrors = {};
         this.currentStep = 0;
         this.currentStepComponentRef = undefined;
     }
@@ -153,7 +160,7 @@ export class DisputeResponseCore {
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: 'a031de7ea80f4f31c6e841be4b4640a8b7db7dcd', class: "row gy-3" }, h("div", { key: 'cd7ef54b4643e1a74022ed7c2e075e75076c4c44', class: "col-12" }, h("h1", { key: '705612783bc67e0d01f4d24e01c9c09d1b2a7362', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '72c35e89dc87377fe4dbcbb9fe2e2c1b58767a21', class: "col-12" }, this.currentStepComponent), h("div", { key: '37d85a8980293390f15b45271f8b2a8fa4cadb29', class: "col-12" }, h("div", { key: 'c3b281e02b19598b11acdb09a34212edf1745173', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
+        return (h("div", { key: '452cfcf106f40c27f34df05ae2923c0909de9245', class: "row gy-3" }, h("div", { key: 'd9b608a8d880310b96e98cd4a00cabfcca77dc79', class: "col-12" }, h("h1", { key: '050aef1fa636d09880edc7d738d56eab2cf62e52', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '4e6094f9240d4db3d4bc03c59754ab3d04fed5bc', class: "col-12" }, this.currentStepComponent), h("div", { key: '9c1739bc4ed1a9104fd04531a11e02cbbb4f11cc', class: "col-12" }, h("div", { key: 'd37cda5a7689d8bf9263283eb24e1074ee3d97a0', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
     }
     static get is() { return "justifi-dispute-response-core"; }
     static get properties() {
@@ -267,6 +274,7 @@ export class DisputeResponseCore {
         return {
             "isLoading": {},
             "documentList": {},
+            "documentErrors": {},
             "currentStep": {},
             "currentStepComponentRef": {}
         };

package/dist/collection/components/dispute-management/dispute-response/duplicate-charge.js

@@ -1,29 +1,23 @@
 import { h } from "@stencil/core";
 import { FormController } from "../../../ui-components/form/form";
 import DuplicateChargeSchema from "./schemas/duplicate-charge-schema";
-import { DisputeEvidenceDocument } from "../../../api/DisputeEvidenceDocument";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 import { heading5 } from "../../../styles/parts";
+import fileInputHandler from "./file-input-handler";
 export class DuplicateCharge {
     constructor() {
         this.inputHandler = (name, value) => {
             this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
         };
-        this.handleFileSelection = (e) => {
-            const target = e.target;
-            const name = target.name;
-            const files = target.files;
-            for (const file of files) {
-                this.documentList.push(new DisputeEvidenceDocument(file, name));
-            }
-        };
         this.disputeResponse = undefined;
+        this.documentErrors = {};
         this.form = undefined;
         this.errors = {};
-        this.documentList = [];
+        this.documents = { duplicate_charge_documentation: [] };
     }
     async validateAndSubmit(onSuccess) {
-        this.form.validateAndSubmit((formData) => onSuccess(formData, this.documentList, DisputeResponseFormStep.duplicateCharge));
+        const documentList = Object.values(this.documents).flat();
+        this.form.validateAndSubmit((formData) => onSuccess(formData, documentList, DisputeResponseFormStep.duplicateCharge));
     }
     ;
     componentWillLoad() {
@@ -35,8 +29,8 @@ export class DuplicateCharge {
         });
     }
     render() {
-        var _a, _b;
-        return (h("div", { key: '3714de9262cead1d09db56792ba11b3357f54a0a' }, h("div", { key: '10d1612387d0d5085a1e98b761a59eff4fb8d9a9', class: "row gy-3" }, h("div", { key: 'b69b5b378e9104c5aa413a7099868b8376dac04c', class: "col-12" }, h("h2", { key: '39c935c74773c20de95b7f735e7efc11e1b16618', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '63531ffa973de2f6948ad61091467661cd22c917', class: "col-12" }, h("form-control-text", { key: '8a1346115f3e3c1e12e6b6fc50d816829dd218f6', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: '7f6f5ba85681e208d2c5727c1d3d6512e43df99a', class: "col-12" }, h("form-control-textarea", { key: '4265b06d5980c7bea096c001f52d80180c20fec5', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: '9bdfeb8fd8d334de4bf51d10e76752a28d54ff55', class: "col-12" }, h("form-control-file-v2", { key: '03062c1a7e8e2dc98cc8b43394562720843d4956', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: this.handleFileSelection })))));
+        var _a, _b, _c;
+        return (h("div", { key: '0b0d73b396b32f29fa389d3981d48c3f30f96fd7' }, h("div", { key: '2fd16a4cf964c863a59789a2be60d94b27a95de8', class: "row gy-3" }, h("div", { key: '48c15f7db3285caa9164d815615b82a84283fbfe', class: "col-12" }, h("h2", { key: '397b3026311bf57588b172146fc9822f99ede63e', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: 'c825b6efd428bee298b9b0ddf2265378cf999de9', class: "col-12" }, h("form-control-text", { key: 'b43283087a10826bf8e582a1e863ed4982b5c000', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: '66d5cefa16c341f5c523eaa46de5c11f5b16e619', class: "col-12" }, h("form-control-textarea", { key: 'f83573136fc2ce108f186f9434f46a3f157bd102', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: 'cc47dc1d9dbac962d27494b5ff3fef572c98c7b4', class: "col-12" }, h("form-control-file-v2", { key: '3cf06b6d61edd6ac96d02b12639d040f698b2526', 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 })))));
     }
     static get is() { return "justifi-duplicate-charge"; }
     static get properties() {
@@ -57,6 +51,24 @@ export class DuplicateCharge {
                 },
                 "attribute": "dispute-response",
                 "reflect": false
+            },
+            "documentErrors": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "document-errors",
+                "reflect": false,
+                "defaultValue": "{}"
             }
         };
     }
@@ -64,7 +76,7 @@ export class DuplicateCharge {
         return {
             "form": {},
             "errors": {},
-            "documentList": {}
+            "documents": {}
         };
     }
     static get methods() {

package/dist/collection/components/dispute-management/dispute-response/electronic-evidence.js

@@ -1,29 +1,23 @@
 import { h } from "@stencil/core";
 import { FormController } from "../../../ui-components/form/form";
 import ElectronicEvidenceSchema from "./schemas/electronic-evidence-schema";
-import { DisputeEvidenceDocument } from "../../../api/DisputeEvidenceDocument";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 import { heading5 } from "../../../styles/parts";
+import fileInputHandler from "./file-input-handler";
 export class ElectronicEvidence {
     constructor() {
-        this.handleFileSelection = (e) => {
-            const target = e.target;
-            const name = target.name;
-            const files = target.files;
-            for (const file of files) {
-                this.documentList.push(new DisputeEvidenceDocument(file, name));
-            }
-        };
         this.inputHandler = (name, value) => {
             this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
         };
         this.disputeResponse = undefined;
+        this.documentErrors = {};
         this.form = undefined;
         this.errors = {};
-        this.documentList = [];
+        this.documents = { activity_log: [] };
     }
     async validateAndSubmit(onSuccess) {
-        this.form.validateAndSubmit((formData) => onSuccess(formData, this.documentList, DisputeResponseFormStep.electronicEvidence));
+        const documentList = Object.values(this.documents).flat();
+        this.form.validateAndSubmit((formData) => onSuccess(formData, documentList, DisputeResponseFormStep.electronicEvidence));
     }
     ;
     componentWillLoad() {
@@ -35,8 +29,8 @@ export class ElectronicEvidence {
         });
     }
     render() {
-        var _a;
-        return (h("div", { key: 'a75975ee478e0754c38e67edd1fbf702364f23a7' }, h("div", { key: '32f60518951cd7270901c50b44acf11bde22a041', class: "row gy-3" }, h("div", { key: '8f3aed3249af4852b3ef9d35b5ad09b80947c5b3', class: "col-12" }, h("h2", { key: '7fee82b939aab2131eb573fcf3189aac8a816e7d', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'db919599078f089e70b182b44980a62588ce90cf', class: "col-12" }, h("form-control-text", { key: 'ea3e78ebe16d9def88b08910a700f01f5f5e0992', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: 'e4d03c158110ef7d10bf290b036536bc654f36ea', class: "col-12" }, h("form-control-file-v2", { key: 'a87c4d1502434b740e41e01a3ddc33d5d069557d', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: this.handleFileSelection, errorText: this.errors.activity_log })))));
+        var _a, _b;
+        return (h("div", { key: '1a4a1d78529c48b8f32029a3efa05b4430c6d271' }, h("div", { key: '593d167f4e6b610ac3cdb8a04b4eee30a1cb4f91', class: "row gy-3" }, h("div", { key: '39440c3a2802b823c85f251c4393ba76bad287c0', class: "col-12" }, h("h2", { key: 'f5ec8cce1bbadb772ac6dbe668cf54187d2690d7', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'b9020a773c45a8f59a31ffef44b32253fdb4a551', class: "col-12" }, h("form-control-text", { key: '56122eafb7f138f4472a5818cddd32cb0e17fc7e', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: '0737f585271838dd60ab9ee1e6ac83d0c6362b96', class: "col-12" }, h("form-control-file-v2", { key: '63590d574ee151cbf82638002dfe513cea471035', 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 })))));
     }
     static get is() { return "justifi-electronic-evidence"; }
     static get properties() {
@@ -57,6 +51,24 @@ export class ElectronicEvidence {
                 },
                 "attribute": "dispute-response",
                 "reflect": false
+            },
+            "documentErrors": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "document-errors",
+                "reflect": false,
+                "defaultValue": "{}"
             }
         };
     }
@@ -64,7 +76,7 @@ export class ElectronicEvidence {
         return {
             "form": {},
             "errors": {},
-            "documentList": {}
+            "documents": {}
         };
     }
     static get methods() {

package/dist/collection/components/dispute-management/dispute-response/file-input-handler.js

@@ -0,0 +1,11 @@
+import { DisputeEvidenceDocument } from "../../../api/DisputeEvidenceDocument";
+const fileInputHandler = (e, documentState) => {
+    const target = e.target;
+    const name = target.name;
+    const files = target.files;
+    documentState[name] = [];
+    for (const file of files) {
+        documentState[name].push(new DisputeEvidenceDocument(file, name));
+    }
+};
+export default fileInputHandler;

package/dist/collection/components/dispute-management/dispute-response/product-or-service.js

@@ -1,29 +1,23 @@
 import { h } from "@stencil/core";
 import { FormController } from "../../../ui-components/form/form";
 import ProductOrServiceSchema from "./schemas/product-or-service-schema";
-import { DisputeEvidenceDocument } from "../../../api/DisputeEvidenceDocument";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 import { heading5 } from "../../../styles/parts";
+import fileInputHandler from "./file-input-handler";
 export class ProductOrService {
     constructor() {
-        this.handleFileSelection = (e) => {
-            const target = e.target;
-            const name = target.name;
-            const files = target.files;
-            for (const file of files) {
-                this.documentList.push(new DisputeEvidenceDocument(file, name));
-            }
-        };
         this.inputHandler = (name, value) => {
             this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
         };
         this.disputeResponse = undefined;
+        this.documentErrors = {};
         this.form = undefined;
         this.errors = {};
-        this.documentList = [];
+        this.documents = { service_documentation: [] };
     }
     async validateAndSubmit(onSuccess) {
-        this.form.validateAndSubmit((formData) => onSuccess(formData, this.documentList, DisputeResponseFormStep.productOrService));
+        const documentList = Object.values(this.documents).flat();
+        this.form.validateAndSubmit((formData) => onSuccess(formData, documentList, DisputeResponseFormStep.productOrService));
     }
     ;
     componentWillLoad() {
@@ -35,8 +29,8 @@ export class ProductOrService {
         });
     }
     render() {
-        var _a, _b;
-        return (h("div", { key: '5a6f2b3a9c40e31c2be9a0c98abb64793ac37996' }, h("div", { key: '7ff77c4cba89dad5195aed658a13f559953f9632', class: "row gy-3" }, h("div", { key: '407d0c1d31ec876fcd1a7ba0f160caeecf8ea2f6', class: "col-12" }, h("h2", { key: '6da19469c4d0570d666e7d57144f60a7c2ec0a53', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '35c1de85ef91b00d26231c836f9ea56cb1b83a44', class: "col-12" }, h("form-control-text", { key: '48027fd45015c44bf0a15b53bba6976422002d4f', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '96966b5a210ac7c21b7c39d12967619044227055', class: "col-12" }, h("form-control-text", { key: 'ed1d72fd0768e58df68f3df48f1e7d4ed2c6a9ed', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '74b8735faf5261fd631539c0447903b9c94abd1b', class: "col-12" }, h("form-control-file-v2", { key: '24273cc84eded001b7224aa3c413c444f8697798', label: "Service Documentation", name: "service_documentation", onChange: this.handleFileSelection, errorText: this.errors.service_documentation })))));
+        var _a, _b, _c;
+        return (h("div", { key: '0e2648d399af18f7959bed2e0fff56fd63b541df' }, h("div", { key: '4322c227617147721ab7cf33a5e75a09bc370a0c', class: "row gy-3" }, h("div", { key: 'e2bc9f0642356a864e7fa323262ead13d4825fdc', class: "col-12" }, h("h2", { key: '88af660c9add83da7edc7758d4645db796c80fdf', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: 'dcfb0f64e1b611eb8d53f97950d5922f7358a64c', class: "col-12" }, h("form-control-text", { key: '42959d4b7c03d14fdef29a656a5f18d0d89d3b2e', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '1f4173e79f10a6ac32b860ecbd62fe5c612cc5b2', class: "col-12" }, h("form-control-date", { key: '6e8bab228b3a23655cbf71fe6dc72a850b38947c', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '2e32f65cc5388302d067fb1a8db34e3e529435c2', class: "col-12" }, h("form-control-file-v2", { key: 'f9fb2ac0c6a2f37a7584eeda2460702b1e0d6cc0', 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 })))));
     }
     static get is() { return "justifi-product-or-service"; }
     static get properties() {
@@ -57,6 +51,24 @@ export class ProductOrService {
                 },
                 "attribute": "dispute-response",
                 "reflect": false
+            },
+            "documentErrors": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "document-errors",
+                "reflect": false,
+                "defaultValue": "{}"
             }
         };
     }
@@ -64,7 +76,7 @@ export class ProductOrService {
         return {
             "form": {},
             "errors": {},
-            "documentList": {}
+            "documents": {}
         };
     }
     static get methods() {

package/dist/collection/components/dispute-management/dispute-response/refund-policy.js

@@ -1,29 +1,23 @@
 import { h } from "@stencil/core";
 import { FormController } from "../../../ui-components/form/form";
 import RefundPolicySchema from "./schemas/refund-policy-schema";
-import { DisputeEvidenceDocument } from "../../../api/DisputeEvidenceDocument";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 import { heading5 } from "../../../styles/parts";
+import fileInputHandler from "./file-input-handler";
 export class RefundPolicy {
     constructor() {
         this.inputHandler = (name, value) => {
             this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
         };
-        this.handleFileSelection = (e) => {
-            const target = e.target;
-            const name = target.name;
-            const files = target.files;
-            for (const file of files) {
-                this.documentList.push(new DisputeEvidenceDocument(file, name));
-            }
-        };
         this.disputeResponse = undefined;
+        this.documentErrors = {};
         this.form = undefined;
         this.errors = {};
-        this.documentList = [];
+        this.documents = { refund_policy: [], receipt: [] };
     }
     async validateAndSubmit(onSuccess) {
-        this.form.validateAndSubmit((formData) => onSuccess(formData, this.documentList, DisputeResponseFormStep.refundPolicy));
+        const documentList = Object.values(this.documents).flat();
+        this.form.validateAndSubmit((formData) => onSuccess(formData, documentList, DisputeResponseFormStep.refundPolicy));
     }
     ;
     componentWillLoad() {
@@ -35,8 +29,8 @@ export class RefundPolicy {
         });
     }
     render() {
-        var _a, _b;
-        return (h("div", { key: '703c5efe2968f84e6cc83ee725c23170076d43b5' }, h("div", { key: 'c04272ce41b0591b3f03f469ff531bc90de82c73', class: "row gy-3" }, h("div", { key: 'e50b1bfe25275aafcbc1ba2a78e1c64957744808', class: "col-12" }, h("h2", { key: '0f61003e430d370024f9f81b67755feb24646b62', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'e6e6b3154767c841dcdcd77766fccd2403d19512', class: "col-12" }, h("form-control-textarea", { key: '2d57333ac337dd0045dbfc764e85a9d5ae3a4d7e', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: 'bf37aa030c4d45a75899a7933bb3fe13729a5507', class: "col-12" }, h("form-control-textarea", { key: 'cd5c88fc04d6b8f0489b080eacc81b2e301e0480', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: '7bad042eda98c6f94772734708046de75946b48f', class: "col-12" }, h("form-control-file-v2", { key: 'ff350d9ea2dc50b7b306c2127384732816576865', label: "Upload Refund Policy", name: "refund_policy", onChange: this.handleFileSelection })), h("div", { key: '3dbd9e591e6a38ba57fa4bddb5f876c50b480a78', class: "col-12" }, h("form-control-file-v2", { key: 'fd6df99ca40e36ba36be6ab127f104506697e623', label: "Upload Receipt", name: "receipt", onChange: this.handleFileSelection })))));
+        var _a, _b, _c, _d;
+        return (h("div", { key: '882eb01880bcfdde30abe10465fecd7390654ed6' }, h("div", { key: 'de2f238310e4b80976888d147e90047688ad5ada', class: "row gy-3" }, h("div", { key: '305af62aa762ae6abff0678998132e8f56707550', class: "col-12" }, h("h2", { key: '6e224996b82639c426d129bfd28633f3d3839f6f', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'b2b8d444c594bf92d04fed6640230745c5fb49ba', class: "col-12" }, h("form-control-textarea", { key: 'f75c6c360c485ac5253164be5d4941d859deb902', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: '1788d1e6ba1ddbe82795ce1a41b901a81c055f6d', class: "col-12" }, h("form-control-textarea", { key: 'f47fac9b8e0d6b9766311b13c760129bb6335ddd', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'd96552fee8b4cdddf31148b2d3783a4e1dfb031b', class: "col-12" }, h("form-control-file-v2", { key: '3c6c06201ef3a730aed41ab6b8cb62d5ee8d8128', 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 })), h("div", { key: 'ec2271dd9646596df3106f56c6e96f618196046a', class: "col-12" }, h("form-control-file-v2", { key: '48f956f2580187fc7baecc5426d5ed0a1050150b', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
     static get is() { return "justifi-refund-policy"; }
     static get properties() {
@@ -57,6 +51,24 @@ export class RefundPolicy {
                 },
                 "attribute": "dispute-response",
                 "reflect": false
+            },
+            "documentErrors": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "document-errors",
+                "reflect": false,
+                "defaultValue": "{}"
             }
         };
     }
@@ -64,7 +76,7 @@ export class RefundPolicy {
         return {
             "form": {},
             "errors": {},
-            "documentList": {}
+            "documents": {}
         };
     }
     static get methods() {

package/dist/collection/components/dispute-management/dispute-response/shipping-details.js

@@ -1,29 +1,24 @@
 import { h } from "@stencil/core";
 import { FormController } from "../../../ui-components/form/form";
 import ShippingDetailsSchema from "./schemas/shipping-details-schema";
-import { DisputeEvidenceDocument } from "../../../api/DisputeEvidenceDocument";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 import { heading5 } from "../../../styles/parts";
+import fileInputHandler from "./file-input-handler";
 export class ShippingDetails {
     constructor() {
         this.inputHandler = (name, value) => {
             this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
         };
-        this.handleFileSelection = (e) => {
-            const target = e.target;
-            const name = target.name;
-            const files = target.files;
-            for (const file of files) {
-                this.documentList.push(new DisputeEvidenceDocument(file, name));
-            }
-        };
         this.disputeResponse = undefined;
+        this.documentErrors = {};
         this.form = undefined;
         this.errors = {};
+        this.documents = { shipping_documentation: [] };
         this.documentList = [];
     }
     async validateAndSubmit(onSuccess) {
-        this.form.validateAndSubmit((formData) => onSuccess(formData, this.documentList, DisputeResponseFormStep.shippingDetails));
+        const documentList = Object.values(this.documents).flat();
+        this.form.validateAndSubmit((formData) => onSuccess(formData, documentList, DisputeResponseFormStep.shippingDetails));
     }
     ;
     componentWillLoad() {
@@ -35,8 +30,8 @@ export class ShippingDetails {
         });
     }
     render() {
-        var _a, _b, _c, _d;
-        return (h("div", { key: '67cfe365cdb518bfd098502e11d24fff63581052' }, h("div", { key: '6adf6e14084452e52cfa6bce8433c3531e7e5a95', class: "row gy-3" }, h("div", { key: '2ea11029c2d0c3f7c1bd75ea52f50a84cf4a23c7', class: "col-12" }, h("h2", { key: 'ca0e8158b9c7b31bd627ad48dab5c6f59e8c33b9', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '71a3ff8825b1d824d262cf78e1ce226cc265453b', class: "col-12" }, h("form-control-text", { key: 'b1436af6043ec687d245b923d0df7605a47bb9d5', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '3d163ebab9371d6ba03f7859c851518c2b9c42e0', class: "col-12" }, h("form-control-text", { key: 'b37976e6a54dc322cfbfb44081dd57e6425cba9c', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '3476796fbca30f969fe71da1c049dc83ed691891', class: "col-12" }, h("form-control-date", { key: 'ba734764e4702ee2f1846f3f580cdbf0e7156ff6', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '8f2690c1f1fddaad3915f1b8aca5f934a45b5f71', class: "col-12" }, h("form-control-textarea", { key: 'dd26eedba648b038e2b414825d7f26c1a326db2f', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'ce3e63025adfe560a466522411d93968d8abd420', class: "col-12" }, h("form-control-file-v2", { key: '099d48a3c6b2b7999442e1a0609c4fdac2f67c66', label: "Shipping Documentation", name: "shipping_documentation", onChange: this.handleFileSelection })))));
+        var _a, _b, _c, _d, _e;
+        return (h("div", { key: '90641cea619de697d7a90e6e397790f79ceb9376' }, h("div", { key: '52d939e26bd26e99240d100897a530b89553e727', class: "row gy-3" }, h("div", { key: '01755fbca3430bd3066377e9481038370c49b2d8', class: "col-12" }, h("h2", { key: 'd273fbe6ff8b7815ba5c2369748a3a20548b0a4d', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '595f4e63dff85591713a4c895acb6628c8ef8214', class: "col-12" }, h("form-control-text", { key: '958169d07544237a72facdc016d4d12ac64a4c48', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '1d3020a30f95c5ced652871a635aba0152bbc4e3', class: "col-12" }, h("form-control-text", { key: '088af20353ec2efcb65a4e597a1fb4aec23cfcbb', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '536ee74c42d326d7f7f698274c846bfebf0d34dd', class: "col-12" }, h("form-control-date", { key: '71ef44bd4c810a567162b7fe92199eceff9be470', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '8887e0daf44be31486563e85cd989eef1da5f5ce', class: "col-12" }, h("form-control-textarea", { key: 'c34093bc4ee65f4fb092c377a98e01cd69bdbc7c', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: '469a5d8c7e28fa2ad430f104f08f387448f70048', class: "col-12" }, h("form-control-file-v2", { key: 'a2b6c6c0c1cf32430582b97efe6bcc1d4c47147d', 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 })))));
     }
     static get is() { return "justifi-shipping-details"; }
     static get properties() {
@@ -57,6 +52,24 @@ export class ShippingDetails {
                 },
                 "attribute": "dispute-response",
                 "reflect": false
+            },
+            "documentErrors": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "document-errors",
+                "reflect": false,
+                "defaultValue": "{}"
             }
         };
     }
@@ -64,6 +77,7 @@ export class ShippingDetails {
         return {
             "form": {},
             "errors": {},
+            "documents": {},
             "documentList": {}
         };
     }