@justifi/webcomponents 5.3.4 → 5.3.6

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": {}
         };
     }

package/dist/collection/components/order-terminals/order-terminals-loading.js

@@ -2,5 +2,5 @@ import { h } from "@stencil/core";
 import { Skeleton } from "../../ui-components";
 const FormBlock = () => (h("div", { class: "row gap-3" }, h("div", { class: "col-12" }, h(Skeleton, { width: "25%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "100%" })), h("div", { class: "col-12 d-flex gap-3" }, h(Skeleton, { width: "50%" }), h(Skeleton, { width: "50%" })), h("div", { class: "col-12 d-flex gap-3" }, h(Skeleton, { width: "65%" }), h(Skeleton, { width: "35%" }))));
 export const OrderTerminalsLoading = () => {
-    return (h("div", { class: "row gap-5" }, h("div", { class: "col-12" }, h(Skeleton, { width: "40%", height: "40px" })), h(FormBlock, null), h(FormBlock, null), h(FormBlock, null)));
+    return (h("div", { class: "row gap-5" }, h("div", { class: "col-12" }, h(Skeleton, { width: "40%", height: "40px" })), h(FormBlock, null)));
 };