@justifi/webcomponents 5.4.3 → 5.5.0

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

@@ -6,14 +6,12 @@ import { heading5 } from "../../../styles/parts";
 import fileInputHandler from "./file-input-handler";
 export class CancellationPolicy {
     constructor() {
-        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.documents = { cancellation_policy: [] };
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
     }
     async validateAndSubmit(onSuccess) {
         const documentList = Object.values(this.documents).flat();
@@ -30,13 +28,14 @@ export class CancellationPolicy {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '7b4cf555fd1fbfcc99aea27f60a507daa36f6ee6' }, h("div", { key: '0751a543b921a2fa8bb25e68e71c1cba6cc5229f', class: "row gy-3" }, h("div", { key: '9e4043494f5804e92af66b0f4595137f741e9556', class: "col-12" }, h("h2", { key: 'a078ec09adb7197ac0e5260ca220d868e746773c', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '814cacdfbc107e848dcf42bacb744f8b7819c248', class: "col-12" }, h("form-control-textarea", { key: 'aa867ea4cfc3d7c436e481a829a1ec779f3281d8', 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 })), h("div", { key: 'b8a6851094599ed3683f3c14f18305ff0a8ed557', class: "col-12" }, h("form-control-textarea", { key: '8292b5808ad9af2f36a4306cf0bd67b9183cc144', 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 })), h("div", { key: 'ee80c2f43bc56563221fcd892130c2ff6e492dcd', class: "col-12" }, h("form-control-file-v2", { key: '4ddc23ba32d324552c16fd20aff18e117cb22831', 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 (h("div", { key: '357b75b81a6705a1d2257efaa4b6d4d6ac196c5a' }, h("div", { key: 'f60069eb655a1f8c7ac2213ca4d48301d0481757', class: "row gy-3" }, h("div", { key: 'b8cd4d71c015f74aff40904683613b7d99c1275f', class: "col-12" }, h("h2", { key: '7093d2dc9deca71d96e66bc654d26aa9ea2581ff', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: 'f6886ebcd05d5668f80d704a4a4713c44ef1d9ee', class: "col-12" }, h("form-control-textarea", { key: '85af8911456fc85283f4afe1133c4b53a964ea45', 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 })), h("div", { key: '2ea95518d275418d18dff8138c4cd3a88400c52c', class: "col-12" }, h("form-control-textarea", { key: 'b98460a8e6934e3754252d232017fcd3db265e53', 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 })), h("div", { key: 'd9fcad5f9adeddbfc3abc3a5627cd809d9198f23', class: "col-12" }, h("form-control-file-v2", { key: 'cb9f79a80cd8be9440fed50ee9a6e08560e1281b', 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 })))));
     }
     static get is() { return "justifi-cancellation-policy"; }
     static get properties() {
         return {
             "disputeResponse": {
                 "type": "any",
+                "attribute": "dispute-response",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -49,11 +48,13 @@ export class CancellationPolicy {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "dispute-response",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "documentErrors": {
                 "type": "any",
+                "attribute": "document-errors",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -66,7 +67,8 @@ export class CancellationPolicy {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "document-errors",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "{}"
             }

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

@@ -6,14 +6,12 @@ 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.disputeResponse = undefined;
         this.documentErrors = {};
-        this.form = undefined;
         this.errors = {};
         this.documents = { customer_signature: [], customer_communication: [] };
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
     }
     async validateAndSubmit(onSuccess) {
         const documentList = Object.values(this.documents).flat();
@@ -30,13 +28,14 @@ export class CustomerDetails {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: 'b7f6a56dd2c1ed9c489c9af51be7cc51645c798d' }, h("div", { key: 'a3c9a1fb87739dfb1c02ec651663ed27b75a3b39', class: "row gy-3" }, h("div", { key: 'b0a978ee641386f8bddf52787b39371a5279be68', class: "col-12" }, h("h2", { key: '51d722637868f1b380d7065edcc7ee8421eeeacc', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '5b4843b8391cf38b3322d9a4995d02cd81af95e2', class: "col-12" }, h("form-control-text", { key: '5c8725f1893aad3007552a72f928143b3a2cac57', 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: '20529807f6b93411a2dbcf6cf0894b084d2e854f', class: "col-12" }, h("form-control-text", { key: '22c89513e4744a745f91602a8311c64c9a7840ad', 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: '728c483456c7fd97d54368b9d0bf0a046ee1e169', class: "col-12" }, h("form-control-textarea", { key: '128222a80fd9e716dc20de70d3bf33b42fc147ab', 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: 'e55c1e358c4fe57f118d13b07b6109a1d97d6c8b', class: "col-12" }, h("form-control-file-v2", { key: '00a057cfb9b9813004634dda61e047d5ac14e623', 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: '3389590c63a5d3044e2470d7243e67ef57697682', class: "col-12" }, h("form-control-file-v2", { key: '3eea18b33b3203e599bbf0ac94c687b2ecb321fa', 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 (h("div", { key: 'aa6d9ce0e3f4fed7bbec20ae012dc4281d1463fb' }, h("div", { key: 'b456cd10529c362d671567acb2c51b309c587873', class: "row gy-3" }, h("div", { key: '1f46068f107c6cb63cf44beda7cd208581732ffd', class: "col-12" }, h("h2", { key: '1c2b3ffcbaff446509f38304f768fc0e1ee8cb20', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '7f24c6aa8d2221d1319a7adbef3fed710806fe8d', class: "col-12" }, h("form-control-text", { key: '8ac22164468ba524e3936ac6ea4452eb0e9ec041', 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: 'bd7462028ae2be56b2d91fe216e723624c35bc9f', class: "col-12" }, h("form-control-text", { key: '024fa329a590d1c72496f88c676a0a773e2c17db', 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: '62289ab9f0963a7263caf551205b775b7088a1e5', class: "col-12" }, h("form-control-textarea", { key: '38ec0bfdd5de12c896dfee034cc0c838ae368dec', 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: '939e0ae33c789e107a06ef0ff863c068d39d6e71', class: "col-12" }, h("form-control-file-v2", { key: 'f6e270b3621e53814f947ee9d6668a64759af2fa', 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: 'e21ababbc4d31128a58234443e9ed846f816c80b', class: "col-12" }, h("form-control-file-v2", { key: 'f011192607cb4a24b4a1efe47ce5364e3f5c315d', 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() {
         return {
             "disputeResponse": {
                 "type": "any",
+                "attribute": "dispute-response",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -49,11 +48,13 @@ export class CustomerDetails {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "dispute-response",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "documentErrors": {
                 "type": "any",
+                "attribute": "document-errors",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -66,7 +67,8 @@ export class CustomerDetails {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "document-errors",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "{}"
             }

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

@@ -4,6 +4,11 @@ import { heading4 } from "../../../styles/parts";
 import { Button } from "../../../ui-components/button";
 export class DisputeResponseCore {
     constructor() {
+        this.disputeResponse = {};
+        this.isLoading = false;
+        this.documentList = [];
+        this.documentErrors = {};
+        this.currentStep = 0;
         this.componentStepMapping = [
             () => 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 }),
@@ -140,15 +145,6 @@ export class DisputeResponseCore {
                 await this.handleSubmit(submitData, documentList, formStep);
             });
         };
-        this.updateDisputeResponse = undefined;
-        this.submitDisputeResponse = undefined;
-        this.createDisputeEvidence = undefined;
-        this.disputeResponse = {};
-        this.isLoading = false;
-        this.documentList = [];
-        this.documentErrors = {};
-        this.currentStep = 0;
-        this.currentStepComponentRef = undefined;
     }
     get currentStepComponent() {
         return this.componentStepMapping[this.currentStep]();
@@ -160,13 +156,14 @@ export class DisputeResponseCore {
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: '1f44d3fa1d95758e9dc949bc9df9cb8def59aae5', class: "row gy-3" }, h("div", { key: '5245e71606a4f69a8978c27bf8d0a985ecf3b835', class: "col-12" }, h("h1", { key: 'e843ee37344171cb159fe83889ddc244487d49ed', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '7680b28f96255822f3048dc529bafa71cebf81cc', class: "col-12" }, this.currentStepComponent), h("div", { key: '3ce0c6ac049c64a3ed18e42dcc001dd1f62a5aed', class: "col-12" }, h("div", { key: '2192e17c236024e2c89ea361ac1a4e2b57c6b50e', 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: '925abd40942ff12e2e6a86a3c929848694713b15', class: "row gy-3" }, h("div", { key: 'd5f26db74f10893a9cde0758902c0b035a61a2c1', class: "col-12" }, h("h1", { key: '97a51d22b0e540b72f91f0a1a7bd813c8fb8d82d', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: 'fad6269029d7c647b0fdfef74b51ae10b57c3c25', class: "col-12" }, this.currentStepComponent), h("div", { key: 'ddc092e8ec7d7e65944ec0d543ee77d002430f5a', class: "col-12" }, h("div", { key: 'ba9acd77d6aaa6aeb302cecc9d3f5d5b429214c5', 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() {
         return {
             "updateDisputeResponse": {
                 "type": "unknown",
+                "attribute": "update-dispute-response",
                 "mutable": false,
                 "complexType": {
                     "original": "(args: {\n    payload: any,\n    onSuccess: (disputeResponse: any) => void,\n    onError: (disputeResponse: any) => void\n  }) => Promise<IApiResponse<IDispute>>",
@@ -193,10 +190,13 @@ export class DisputeResponseCore {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "submitDisputeResponse": {
                 "type": "unknown",
+                "attribute": "submit-dispute-response",
                 "mutable": false,
                 "complexType": {
                     "original": "(args: {\n    payload: any,\n    onSuccess: (disputeResponse: any) => void,\n    onError: (disputeResponse: any) => void\n  }) => Promise<IApiResponse<IDispute>>",
@@ -223,10 +223,13 @@ export class DisputeResponseCore {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "createDisputeEvidence": {
                 "type": "unknown",
+                "attribute": "create-dispute-evidence",
                 "mutable": false,
                 "complexType": {
                     "original": "(args: {\n    payload: any,\n    onSuccess: (disputeResponse: any) => void,\n    onError: (disputeResponse: any) => void\n  }) => Promise<IApiResponse<any>>",
@@ -248,10 +251,13 @@ export class DisputeResponseCore {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "disputeResponse": {
                 "type": "any",
+                "attribute": "dispute-response",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -264,7 +270,8 @@ export class DisputeResponseCore {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "dispute-response",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "{}"
             }

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

@@ -7,18 +7,12 @@ import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../api/Compon
 import { DisputeService } from "../../../api/services/dispute.service";
 export class DisputeResponse {
     constructor() {
+        this.errorMessage = null;
+        this.apiOrigin = PROXY_API_ORIGIN;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
             this.errorEvent.emit(event.detail);
         };
-        this.updateDisputeResponse = undefined;
-        this.submitDisputeResponse = undefined;
-        this.createDisputeEvidence = undefined;
-        this.errorMessage = null;
-        this.authToken = undefined;
-        this.disputeId = undefined;
-        this.disputeResponse = undefined;
-        this.apiOrigin = PROXY_API_ORIGIN;
     }
     componentWillLoad() {
         checkPkgVersion();
@@ -59,7 +53,7 @@ export class DisputeResponse {
         }
     }
     render() {
-        return (h(StyledHost, { key: '1a0ac889493d8008e9bd70e4c3aad9ea72d12453' }, h("justifi-dispute-response-core", { key: '82e11a3f0d14640beca1ebed72364662db3ffdbd', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: 'f9f1f5840fdcbde1bff206516b1ab5777e29e101' }, h("justifi-dispute-response-core", { key: '8ead7c944c233a6fa5fc6bf1cdd04670d446948e', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get is() { return "justifi-dispute-response"; }
@@ -68,6 +62,7 @@ export class DisputeResponse {
         return {
             "authToken": {
                 "type": "string",
+                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -80,11 +75,13 @@ export class DisputeResponse {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "auth-token",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "disputeId": {
                 "type": "string",
+                "attribute": "dispute-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -97,11 +94,13 @@ export class DisputeResponse {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "dispute-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "disputeResponse": {
                 "type": "unknown",
+                "attribute": "dispute-response",
                 "mutable": false,
                 "complexType": {
                     "original": "DisputeResponse",
@@ -118,10 +117,13 @@ export class DisputeResponse {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "apiOrigin": {
                 "type": "string",
+                "attribute": "api-origin",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -134,7 +136,8 @@ export class DisputeResponse {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "api-origin",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "PROXY_API_ORIGIN"
             }

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

@@ -6,14 +6,12 @@ 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.disputeResponse = undefined;
         this.documentErrors = {};
-        this.form = undefined;
         this.errors = {};
         this.documents = { duplicate_charge_documentation: [] };
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
     }
     async validateAndSubmit(onSuccess) {
         const documentList = Object.values(this.documents).flat();
@@ -30,13 +28,14 @@ export class DuplicateCharge {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'eb4f8764416b3f82bb2ca4052816c55abf7a10e0' }, h("div", { key: '6e7c5c9e25cc508d253fb4506588670d5edb6d3a', class: "row gy-3" }, h("div", { key: '76afe1f271b1aeb530f8bfbadfa16b39833abff0', class: "col-12" }, h("h2", { key: '5e311a49194c20250ec12cf1872f46af1219627d', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '6e3a0d4e88f8464f1bdefb580626fd5d37af6c76', class: "col-12" }, h("form-control-text", { key: 'd5fd0e4706df1f246395ef0e1825b9c25456e713', 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: '01a17763a76e14e05ae84cbadd12f1eb7b8da4dc', class: "col-12" }, h("form-control-textarea", { key: '9dde7a1922f55d31b983626f1279a222c6dface6', 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: '736b812a5178f6340e981c98920849a39778b788', class: "col-12" }, h("form-control-file-v2", { key: '8df332685d9b4b23f48fae76b2d46c93e5ca3d40', 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 (h("div", { key: 'a66b6bb52fe1b0fb8e212dc00727e76340d7ca0c' }, h("div", { key: 'a318705438874cd947565be981b46723c178cbe4', class: "row gy-3" }, h("div", { key: '207fd1e636d499f03d905cd66121487550fae4ee', class: "col-12" }, h("h2", { key: '7e13abfa26ea8c64df319377dc72bb92895bdba4', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '9f8c7054328beb116790026cb24a4d3e324edcac', class: "col-12" }, h("form-control-text", { key: '1ffb43f1c395eac1fbb4922eecf9ba4cf55e132f', 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: 'f8157dbd195d769860dfbf8e096612b8bfe8fe05', class: "col-12" }, h("form-control-textarea", { key: 'bb9e98c90935059a99f7251e54a2e10cd2d8e6b0', 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: '5f81e93eb28f2aaf4a0b26a1fc38a843de40faa2', class: "col-12" }, h("form-control-file-v2", { key: 'c62471bd7cb1304ff04d15ae6527885d1658d8cb', 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() {
         return {
             "disputeResponse": {
                 "type": "any",
+                "attribute": "dispute-response",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -49,11 +48,13 @@ export class DuplicateCharge {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "dispute-response",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "documentErrors": {
                 "type": "any",
+                "attribute": "document-errors",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -66,7 +67,8 @@ export class DuplicateCharge {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "document-errors",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "{}"
             }

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

@@ -6,14 +6,12 @@ import { heading5 } from "../../../styles/parts";
 import fileInputHandler from "./file-input-handler";
 export class ElectronicEvidence {
     constructor() {
-        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.documents = { activity_log: [] };
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
     }
     async validateAndSubmit(onSuccess) {
         const documentList = Object.values(this.documents).flat();
@@ -30,13 +28,14 @@ export class ElectronicEvidence {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'e6ddcb39f751386da5613108a8dde54a6f299a54' }, h("div", { key: '085db2253e1330617bd26326faa3fcf19c84b890', class: "row gy-3" }, h("div", { key: '5d0652116e282ed5e9cae11e1330f261652e9de4', class: "col-12" }, h("h2", { key: '5606230417d4cdb4218f6fb7af319712add4ecc7', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'ed8db92b69aca3c4661d1e84e07ecbbeb5b33b87', class: "col-12" }, h("form-control-text", { key: 'c7b4edb8172f30cd559544d1cb925861ae8fdcb2', 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: '077c0d5c6b5a7fd6fba2add6b6d4bfe50d3ae7d6', class: "col-12" }, h("form-control-file-v2", { key: 'ea44784a843b2d35b53caf0412a07056d68c11c3', 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 (h("div", { key: 'dfd89ee2ac10d21896550590e2bc16c93cf5d250' }, h("div", { key: '1a80252467cdd2425aef5aadc5eb15114b979c72', class: "row gy-3" }, h("div", { key: '0d15a99118ea22fb60d59295fc8027e46cec9894', class: "col-12" }, h("h2", { key: 'b1a4523bbe0fbb9cab857ac5652c4b8f09d51a06', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '0e12afb8381bc6ecc923f28be5a5445003e5a55e', class: "col-12" }, h("form-control-text", { key: '509d4621fdd6f346f4c1987b919386960dd6b4e6', 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: 'c52b67e91e30f2be088837215b9b96f7deafea71', class: "col-12" }, h("form-control-file-v2", { key: 'd3fee7102a66df9cb39c1463247b27b5c5c3a934', 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() {
         return {
             "disputeResponse": {
                 "type": "any",
+                "attribute": "dispute-response",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -49,11 +48,13 @@ export class ElectronicEvidence {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "dispute-response",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "documentErrors": {
                 "type": "any",
+                "attribute": "document-errors",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -66,7 +67,8 @@ export class ElectronicEvidence {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "document-errors",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "{}"
             }

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

@@ -6,14 +6,12 @@ import { heading5 } from "../../../styles/parts";
 import fileInputHandler from "./file-input-handler";
 export class ProductOrService {
     constructor() {
-        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.documents = { service_documentation: [] };
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
     }
     async validateAndSubmit(onSuccess) {
         const documentList = Object.values(this.documents).flat();
@@ -30,13 +28,14 @@ export class ProductOrService {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '8d3c718760c63f8ff57e02979bc16220a1fe1bef' }, h("div", { key: '9e01588d0a7ecdf25649e06eeb488eceec28f369', class: "row gy-3" }, h("div", { key: 'a596d8b3cb35c20b6131cafaf58ce4b7d8112f47', class: "col-12" }, h("h2", { key: 'f85ef842a4134424368eddd1fb937b603f24cd93', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '2248cf9d4604d9ad01257849662fbe003b06b008', class: "col-12" }, h("form-control-text", { key: '15a7ea5b0bc3544ca9cc261690a8fbc41d3acf14', 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: '55dd1964d4674196a13a319620c9333410899ede', class: "col-12" }, h("form-control-date", { key: '528b504c7a73d0ff9e43d92c0cc2ca75bef3f700', 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: '2551b98489d545825da7418957267128e5629419', class: "col-12" }, h("form-control-file-v2", { key: '93acee274f248630fba1d9a1b130bfa7404b075b', 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 (h("div", { key: '8a6a190848964c16b947093eadd0b0496c86a3f6' }, h("div", { key: 'df6c7de15d25c39b63bba017835c82743679770c', class: "row gy-3" }, h("div", { key: '928aa9285444f905ba3958de0a5a2663946e698f', class: "col-12" }, h("h2", { key: '10d1005631fa68fe52c7e1d6793c4d1a4e9eb0df', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '69ad4e4d6a9a3088f50c00f332dc9b2509560b73', class: "col-12" }, h("form-control-text", { key: '9678d4e8714d1076aed58a7aa81dc8aa0981c5d1', 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: '245b69ba2746c869aed2bfa5088550de2bf528c0', class: "col-12" }, h("form-control-date", { key: '49ed65ee6c3f45d6cbbecb5547e93e451935c1c7', 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: '4fd14509e520248d6f7a98eadfb0d65294cad295', class: "col-12" }, h("form-control-file-v2", { key: 'e0b7c1d0a9d9df468bd816c48c649b7d041c523d', 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() {
         return {
             "disputeResponse": {
                 "type": "any",
+                "attribute": "dispute-response",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -49,11 +48,13 @@ export class ProductOrService {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "dispute-response",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "documentErrors": {
                 "type": "any",
+                "attribute": "document-errors",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -66,7 +67,8 @@ export class ProductOrService {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "document-errors",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "{}"
             }

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

@@ -6,14 +6,12 @@ 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.disputeResponse = undefined;
         this.documentErrors = {};
-        this.form = undefined;
         this.errors = {};
         this.documents = { refund_policy: [], receipt: [] };
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
     }
     async validateAndSubmit(onSuccess) {
         const documentList = Object.values(this.documents).flat();
@@ -30,13 +28,14 @@ export class RefundPolicy {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: '5090f71dfc35c4ecf7a49d566b42d5ed926d7188' }, h("div", { key: 'd7533084b67a246236698cbc08c129104611db39', class: "row gy-3" }, h("div", { key: 'aa88ebc88a55fc241f65e20b9bf1ec26b90100f2', class: "col-12" }, h("h2", { key: '5216145cce452bedaa470f0dbb12f416e02bd065', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '95617388997edf7c450ae4907b4637e387a4f856', class: "col-12" }, h("form-control-textarea", { key: '1f7617d2d2ad73a5146a26a93e624fd235a86d4b', 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: 'dea5e70fac18452bec1db04cb2a647e12b1c20ed', class: "col-12" }, h("form-control-textarea", { key: '21189989b1acc035b65aa7cdf97f8c2b7f8f6ec5', 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: 'af9fe5c50b4a3b08bd61ba125f8dea9384b40ed1', class: "col-12" }, h("form-control-file-v2", { key: 'ca725cb13d208ab585b58e792e4172153be6d2ae', 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: 'b81ce0ce44cb79e04d10ab7ccd3da8d4e3172b47', class: "col-12" }, h("form-control-file-v2", { key: 'f990cd794f8ed0f1912644fd727e77fc3ca61957', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
+        return (h("div", { key: '555919c6fe54695c5f4410dfcdb25a4a841a51c6' }, h("div", { key: '73d5a11307041f416ffb90acbe1ecbbd524d51e8', class: "row gy-3" }, h("div", { key: 'c6a60fffff0e40f274abdc855e68a2354e219769', class: "col-12" }, h("h2", { key: '42c21e6b072c5dce901ef31f2f15b9c0696e913c', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '343c7065f8f56a07f61a1a11d581879196e4ffa3', class: "col-12" }, h("form-control-textarea", { key: 'e5efc4251a705d28ba1071b2314cbe6c92c21b83', 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: '4c78794d8d9a83bd2d6b9ff0a9d97421a9256fe4', class: "col-12" }, h("form-control-textarea", { key: 'e3e0ac85a2675b4eca76f7054ac91e60f1afe006', 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: 'f0fe0a0d045e1797f24161f1a2844b896b9b05a3', class: "col-12" }, h("form-control-file-v2", { key: '57137e5fd1f874ae616e2bd9a491a994be84ec4b', 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: 'c020fd2f747660caa1a5c83af9a40ff1fc804641', class: "col-12" }, h("form-control-file-v2", { key: '72b0fae5f880715bffe856a168509c92799d64c5', 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() {
         return {
             "disputeResponse": {
                 "type": "any",
+                "attribute": "dispute-response",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -49,11 +48,13 @@ export class RefundPolicy {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "dispute-response",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "documentErrors": {
                 "type": "any",
+                "attribute": "document-errors",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -66,7 +67,8 @@ export class RefundPolicy {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "document-errors",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "{}"
             }