@justifi/webcomponents 6.12.2 → 6.12.4

package/dist/collection/components/dispute-management/dispute-response/{justifi-cancellation-policy.js → cancellation-policy.js}

@@ -4,7 +4,7 @@ import CancellationPolicySchema from "./schemas/cancellation-policy-schema";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 import { heading5 } from "../../../styles/parts";
 import fileInputHandler from "./file-input-handler";
-export class JustifiCancellationPolicy {
+export class CancellationPolicy {
     constructor() {
         this.documentErrors = {};
         this.errors = {};
@@ -28,9 +28,9 @@ export class JustifiCancellationPolicy {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '06da02c750e3281c8e9a92c4d1957d1ceb9097ae' }, h("div", { key: '8ec6ebf90b3beb3d3a24c6fee0427f2ba949aba7', class: "row gy-3" }, h("div", { key: '3a465a5a53f8795fdc20845bef945a8aa4cf8b3d', class: "col-12" }, h("h2", { key: '6193c10bed3c100ef63b302db15473965669c0ec', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '0d68bbb77217df1e9ed067593a76eddfc76f20ff', class: "col-12" }, h("form-control-textarea", { key: 'd5a3157c26687247d23d558c25f0687e339191bc', 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: '6fbc16ced9bbb9188f683f5493902d8982d61e5a', class: "col-12" }, h("form-control-textarea", { key: 'fa009aa03035ccc1c42a70337f1502276e0d9499', 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: '3267fe5bd07181b17fe1875dac501f7ca827900d', class: "col-12" }, h("form-control-file-v2", { key: '6fd33a1194be752f078c1aab7924bf1502177fb2', 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: 'debb9fe05382d0806038547b61fe3201845db2a1' }, h("div", { key: '030d5be9a41dff1954049c6ac33a79024741c43c', class: "row gy-3" }, h("div", { key: 'd5da527af347d6c29c30f5ed5b5295b9ef693e7f', class: "col-12" }, h("h2", { key: '3f8d2da0485bd28220ae9f66db87fab49e86a734', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: 'd7fa3aacd80ad375ba58d1c86d8cf9d00c4cce6e', class: "col-12" }, h("form-control-textarea", { key: 'ca14e78ef0dcbad3b2a76cb230c2eb4a7c56f877', 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: 'e8f10ab0e5e3e9c7a0f90aa13e8680607bb64a3e', class: "col-12" }, h("form-control-textarea", { key: '5ca2d11d67301b512756cbc4355939b9433be033', 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: '36b8ef8f62721f220a05b1571bb347641b433b56', class: "col-12" }, h("form-control-file-v2", { key: 'c04f383cf55abd36b753718c2170d64f97935e7f', 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 is() { return "cancellation-policy"; }
     static get properties() {
         return {
             "disputeResponse": {

package/dist/collection/components/dispute-management/dispute-response/{justifi-customer-details.js → customer-details.js}

@@ -4,7 +4,7 @@ import CustomerDetailsSchema from "./schemas/customer-details-schema";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 import { heading5 } from "../../../styles/parts";
 import fileInputHandler from "./file-input-handler";
-export class JustifiCustomerDetails {
+export class CustomerDetails {
     constructor() {
         this.documentErrors = {};
         this.errors = {};
@@ -28,9 +28,9 @@ export class JustifiCustomerDetails {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '99a3ca32c4f0867f1c9ce8be6e24de3206111b2b' }, h("div", { key: 'd7e62b1331acdcdff20c6a8141d2447d070d338d', class: "row gy-3" }, h("div", { key: '7c6d1924454163791d3e220d000a4d37588d4eb8', class: "col-12" }, h("h2", { key: '25cd3fac6addfe1d66052de8d5fbae6204168409', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: 'f6335d63a564fbfa597129e55939e8958dbc156e', class: "col-12" }, h("form-control-text", { key: 'af06a0b36a775d3f8fcf88e9294be3241f0c45b7', 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: '7e0f3c1c8a354ece07ccbadd32f1d21f184a6eed', class: "col-12" }, h("form-control-text", { key: '34e43daff0a9335fd55ddd1511b39738f20947bc', 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: 'c88f74e81d377f328e82020134d679fc402b884c', class: "col-12" }, h("form-control-textarea", { key: '785d88c1a038a7a6f3417d13620b7f8104e23c5f', 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: '7d3d38d2a781eebac7bb77a9bacb816547060a7d', class: "col-12" }, h("form-control-file-v2", { key: '3fc2ada66ba9be0a9a5d65f380237ac044134e27', 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: '30c6c70d765fd4b1f7e37ee2f37b01e9b3ec2b4f', class: "col-12" }, h("form-control-file-v2", { key: 'a84cd87563ad2fa2c7dcf832d3b1219bfded150c', 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: '91e26b2e75fdd29814c58122e5aeae0d4d696032' }, h("div", { key: '029a3828b8682fdd10af400dccceff109f866509', class: "row gy-3" }, h("div", { key: '71fa3ded5566c5c18c682b8cfdfdcc5ebba2db44', class: "col-12" }, h("h2", { key: '95eb1ed9da9cd955fa9c4c7a83368ac3c3378d5b', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '9450f8bd033efc7d48d62ce343b8b43833887f63', class: "col-12" }, h("form-control-text", { key: '5690f7d9a46e2d58bdc24af0aab3798664f21745', 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: 'a12aa4cb464e5df7f045302b08801adca70005f6', class: "col-12" }, h("form-control-text", { key: '39cdb0b558b87a7eae0528ea40b9ca4175b4cf7c', 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: '13604ae63374c6fa1805d8c4be0ba55fc166a924', class: "col-12" }, h("form-control-textarea", { key: '60a110f277175418c2ec0938600ad4b04f885ee3', 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: 'abaa8888fff9952b3433c49e82a7150d6cd971dd', class: "col-12" }, h("form-control-file-v2", { key: 'e2e79edd8eaafd93cfdb91fd6a3b77645c1d28f2', 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: '04bfc4bf3e735cccf70fb83d2e0882662b389727', class: "col-12" }, h("form-control-file-v2", { key: '476d3df1f072afdf95a6ad83e8b94b5946d66186', 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 is() { return "customer-details"; }
     static get properties() {
         return {
             "disputeResponse": {

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

@@ -1,23 +1,30 @@
 import { h } from "@stencil/core";
+import { checkPkgVersion } from "../../../utils/check-pkg-version";
+import { makeCreateDisputeEvidence, makeUpdateDisputeResponse, makeSubmitDisputeResponse, } from "./dispute-response-actions";
+import JustifiAnalytics from "../../../api/Analytics";
+import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../api/ComponentError";
+import { DisputeService } from "../../../api/services/dispute.service";
 import { DisputeManagementClickActions } from "../event-types";
 import { heading4 } from "../../../styles/parts";
 import { Button } from "../../../ui-components/button";
-export class JustifiDisputeResponseCore {
+export class DisputeResponse {
     constructor() {
+        this.errorMessage = null;
         this.disputeResponse = {};
+        this.apiOrigin = PROXY_API_ORIGIN;
         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 }),
-            () => 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 }),
+            () => (h("product-or-service", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (h("customer-details", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (h("cancellation-policy", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (h("refund-policy", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (h("duplicate-charge", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (h("electronic-evidence", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (h("shipping-details", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (h("additional-statement", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
         ];
         this.saveData = async (formData, formStep) => {
             const hasFormData = Object.keys(formData).length;
@@ -115,15 +122,12 @@ export class JustifiDisputeResponseCore {
                 }
                 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 () => {
             await this.currentStepComponentRef.validateAndSubmit(async (formData, documentList, formStep) => {
                 this.clickEvent.emit({ name: DisputeManagementClickActions.previousStep });
@@ -146,6 +150,45 @@ export class JustifiDisputeResponseCore {
             });
         };
     }
+    componentWillLoad() {
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeDisputeServiceMethods();
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
+    propChanged() {
+        this.initializeDisputeServiceMethods();
+    }
+    initializeDisputeServiceMethods() {
+        if (this.disputeId && this.authToken) {
+            this.updateDisputeResponse = makeUpdateDisputeResponse({
+                disputeId: this.disputeId,
+                authToken: this.authToken,
+                service: new DisputeService(),
+            });
+            this.createDisputeEvidence = makeCreateDisputeEvidence({
+                disputeId: this.disputeId,
+                authToken: this.authToken,
+                service: new DisputeService(),
+            });
+            this.submitDisputeResponse = makeSubmitDisputeResponse({
+                disputeId: this.disputeId,
+                authToken: this.authToken,
+                service: new DisputeService(),
+            });
+        }
+        else {
+            this.errorMessage = 'Account ID and Auth Token are required';
+            this.errorEvent.emit({
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                message: this.errorMessage,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
     get currentStepComponent() {
         return this.componentStepMapping[this.currentStep]();
     }
@@ -156,90 +199,60 @@ export class JustifiDisputeResponseCore {
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: 'c08c10977c1623e1bc7a86b81fe1dd865a2e51ed', class: "row gy-3" }, h("div", { key: '227c651ce1a06865edb4eb2c5339b3123b6a4db5', class: "col-12" }, h("h1", { key: '7c880d92b985d125d286c8443fcb4005a937c070', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '96413bfd5d67f298811f7ec5f63789be2b6b3dd6', class: "col-12" }, this.currentStepComponent), h("div", { key: '7beb58f7a362798a498c72d5bd7ae274dd84e596', class: "col-12" }, h("div", { key: '78a4a3671c0b50199b2ca5ed09f9d42b0cc0624f', 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: '50f6bf79c7590ef3591e2163dbcd89241ca17b62', class: "dispute-response-root" }, h("div", { key: '5345d5a3c5e7ff2d4c56f438fe623578e3d2029e', class: "row gy-3" }, h("div", { key: '8925276a290105b2fde5cd6bfdf0390c3a0c95f9', class: "col-12" }, h("h1", { key: 'b8eb14deedc748b3612f11fad9d94fa38020a7f8', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '50afe487bdb21d3ea2dc149c662a284f5ebb4d9b', class: "col-12" }, this.currentStepComponent), h("div", { key: 'cde242630fdc12e82ee5a77a199c4f6a7858371e', class: "col-12" }, h("div", { key: 'ce548b753ec56df34e23eb33649a27449d49b712', 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 is() { return "dispute-response"; }
     static get properties() {
         return {
-            "updateDisputeResponse": {
-                "type": "unknown",
+            "authToken": {
+                "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "(args: {\n    payload: any,\n    onSuccess: (disputeResponse: any) => void,\n    onError: (disputeResponse: any) => void\n  }) => Promise<IApiResponse<IDispute>>",
-                    "resolved": "(args: { payload: any; onSuccess: (disputeResponse: any) => void; onError: (disputeResponse: any) => void; }) => Promise<IApiResponse<IDispute>>",
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "IApiResponse": {
-                            "location": "import",
-                            "path": "../../../api",
-                            "id": "src/api/index.ts::IApiResponse"
-                        },
-                        "IDispute": {
-                            "location": "import",
-                            "path": "../../../api/Dispute",
-                            "id": "src/api/Dispute.ts::IDispute"
-                        }
-                    }
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
                     "text": ""
                 },
                 "getter": false,
-                "setter": false
+                "setter": false,
+                "reflect": false,
+                "attribute": "auth-token"
             },
-            "submitDisputeResponse": {
-                "type": "unknown",
+            "disputeId": {
+                "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "(args: {\n    payload: any,\n    onSuccess: (disputeResponse: any) => void,\n    onError: (disputeResponse: any) => void\n  }) => Promise<IApiResponse<IDispute>>",
-                    "resolved": "(args: { payload: any; onSuccess: (disputeResponse: any) => void; onError: (disputeResponse: any) => void; }) => Promise<IApiResponse<IDispute>>",
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "IApiResponse": {
-                            "location": "import",
-                            "path": "../../../api",
-                            "id": "src/api/index.ts::IApiResponse"
-                        },
-                        "IDispute": {
-                            "location": "import",
-                            "path": "../../../api/Dispute",
-                            "id": "src/api/Dispute.ts::IDispute"
-                        }
-                    }
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
                     "text": ""
                 },
                 "getter": false,
-                "setter": false
+                "setter": false,
+                "reflect": false,
+                "attribute": "dispute-id"
             },
-            "createDisputeEvidence": {
-                "type": "unknown",
+            "disputeResponse": {
+                "type": "any",
                 "mutable": false,
                 "complexType": {
-                    "original": "(args: {\n    payload: any,\n    onSuccess: (disputeResponse: any) => void,\n    onError: (disputeResponse: any) => void\n  }) => Promise<IApiResponse<any>>",
-                    "resolved": "(args: { payload: any; onSuccess: (disputeResponse: any) => void; onError: (disputeResponse: any) => void; }) => Promise<IApiResponse<any>>",
+                    "original": "ApiDisputeResponse | any",
+                    "resolved": "any",
                     "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "IApiResponse": {
+                        "ApiDisputeResponse": {
                             "location": "import",
                             "path": "../../../api",
-                            "id": "src/api/index.ts::IApiResponse"
+                            "id": "src/api/index.ts::DisputeResponse"
                         }
                     }
                 },
@@ -250,18 +263,21 @@ export class JustifiDisputeResponseCore {
                     "text": ""
                 },
                 "getter": false,
-                "setter": false
+                "setter": false,
+                "reflect": false,
+                "attribute": "dispute-response",
+                "defaultValue": "{}"
             },
-            "disputeResponse": {
-                "type": "any",
+            "apiOrigin": {
+                "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "any",
-                    "resolved": "any",
+                    "original": "string",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -269,13 +285,17 @@ export class JustifiDisputeResponseCore {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "dispute-response",
-                "defaultValue": "{}"
+                "attribute": "api-origin",
+                "defaultValue": "PROXY_API_ORIGIN"
             }
         };
     }
     static get states() {
         return {
+            "updateDisputeResponse": {},
+            "submitDisputeResponse": {},
+            "createDisputeEvidence": {},
+            "errorMessage": {},
             "isLoading": {},
             "documentList": {},
             "documentErrors": {},
@@ -370,5 +390,13 @@ export class JustifiDisputeResponseCore {
                 }
             }];
     }
+    static get watchers() {
+        return [{
+                "propName": "disputeId",
+                "methodName": "propChanged"
+            }, {
+                "propName": "authToken",
+                "methodName": "propChanged"
+            }];
+    }
 }
-;

package/dist/collection/components/dispute-management/dispute-response/{justifi-duplicate-charge.js → duplicate-charge.js}

@@ -4,7 +4,7 @@ import DuplicateChargeSchema from "./schemas/duplicate-charge-schema";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 import { heading5 } from "../../../styles/parts";
 import fileInputHandler from "./file-input-handler";
-export class JustifiDuplicateCharge {
+export class DuplicateCharge {
     constructor() {
         this.documentErrors = {};
         this.errors = {};
@@ -28,9 +28,9 @@ export class JustifiDuplicateCharge {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '98ca80e403dd32506af99145e08204be5eec4b31' }, h("div", { key: 'a8eeafb1ba7af0cb64b739a6c433c9a8ff9d5d92', class: "row gy-3" }, h("div", { key: 'be0573c9b62984e6b2bcf01242e75cca0ae8cc8c', class: "col-12" }, h("h2", { key: '6c40320a1da739177366d671ff2cff3688ab157e', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '4778b442ff686afeebcf9d19d6d91847ae3e7e5d', class: "col-12" }, h("form-control-text", { key: '7413dbaba70c32f8982b9719a2b27398aaa6f33a', 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: '53da7a4a0143e14ec5a334b3181d5e3d0588a634', class: "col-12" }, h("form-control-textarea", { key: 'c26aaeea93f882d9baa35cf9d5ba5e26b86a83dc', 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: '9e0f630e9211f701d7949c2d96e69dd62d221bd2', class: "col-12" }, h("form-control-file-v2", { key: '1f6495ddc4c034337b860208721a703416ae5c0d', 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: '4bd4aad3fbdaac994ee97aa1421a6f380657cfee' }, h("div", { key: '53548ff2b4bb09c2b1d078b2657127802422558a', class: "row gy-3" }, h("div", { key: '25658729932e2eb1d0706bd83106a92976e09b91', class: "col-12" }, h("h2", { key: '885bf37ba0a013397d4fef68683b24e9e8e1bed6', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '2f38e6451c2d982900729639994977b8ef8f8c04', class: "col-12" }, h("form-control-text", { key: '8cf20ffcd748bee860c1c8a52326a265bbe32696', 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: 'e61d85188051830d2e674cfc39dab73ada597c66', class: "col-12" }, h("form-control-textarea", { key: '762f300d71a99a31030ed052299129ae8457ad4c', 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: 'c5a1d7368132ba063d080ec7d071bd9131381ad2', class: "col-12" }, h("form-control-file-v2", { key: '3bd9928e8a212e1665d446cb31ae9e02d6645437', 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 is() { return "duplicate-charge"; }
     static get properties() {
         return {
             "disputeResponse": {

package/dist/collection/components/dispute-management/dispute-response/{justifi-electronic-evidence.js → electronic-evidence.js}

@@ -4,7 +4,7 @@ import ElectronicEvidenceSchema from "./schemas/electronic-evidence-schema";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 import { heading5 } from "../../../styles/parts";
 import fileInputHandler from "./file-input-handler";
-export class JustifiElectronicEvidence {
+export class ElectronicEvidence {
     constructor() {
         this.documentErrors = {};
         this.errors = {};
@@ -28,9 +28,9 @@ export class JustifiElectronicEvidence {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'cfa8c6c92bb2790dbaea1939e6acc7539fd848d7' }, h("div", { key: '63d38a0c614f932ef018791fb1388b3dc49c7e5c', class: "row gy-3" }, h("div", { key: '6140c07a8c354d9339509a00141fbc7a1de146f4', class: "col-12" }, h("h2", { key: '40c755fe0938930e0283c391df12c417850eecb4', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'e5145c83af0623fe602ea51a171d97e2e4064e19', class: "col-12" }, h("form-control-text", { key: 'c1886a0f25a6955526dd07ae9a5e00a29172a716', 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: 'fd6fa580702047999cfd94fddccd3e9185d61201', class: "col-12" }, h("form-control-file-v2", { key: '816fb2eb5d3ca714e7b4e35398cfce41a5a02ae1', 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: '00fa5deacbf19befd07d7d8764db8e3474377d5a' }, h("div", { key: 'be3d0b6775e78352bdaf4d0e739da61444fae572', class: "row gy-3" }, h("div", { key: 'e55a58628d1baad34be38d5d21598c6a372dd3c3', class: "col-12" }, h("h2", { key: '463ec945a9cc0e46350b13c774b634ef25bde2e9', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '5576a4d1b32a0c2d2d4341bf591721aed6fcf6a4', class: "col-12" }, h("form-control-text", { key: '9f64b68724ba8b2bdf435b02077fd362f8fe1ab1', 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: 'e5b2635ede15e41e9e686ab338448d3c2fdf8166', class: "col-12" }, h("form-control-file-v2", { key: '5137a992c79a1ccfcb8f3a114d1a12823b597dd2', 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 is() { return "electronic-evidence"; }
     static get properties() {
         return {
             "disputeResponse": {

package/dist/collection/components/dispute-management/dispute-response/{justifi-product-or-service.js → product-or-service.js}

@@ -4,7 +4,7 @@ import ProductOrServiceSchema from "./schemas/product-or-service-schema";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 import { heading5 } from "../../../styles/parts";
 import fileInputHandler from "./file-input-handler";
-export class JustifiProductOrService {
+export class ProductOrService {
     constructor() {
         this.documentErrors = {};
         this.errors = {};
@@ -28,9 +28,9 @@ export class JustifiProductOrService {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'e43f3118bb3b607e3af86cbdf8cba319bd0c7f26' }, h("div", { key: 'ab2452d038e39e3b2781d72b0b43c42899734fce', class: "row gy-3" }, h("div", { key: '04a31b25a688803623882e91e6d27ebdcab3fc99', class: "col-12" }, h("h2", { key: 'c32d209d8c441287353316222a2ad11d66ad3022', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '936a6427c3531df4dcc096ff50bc31a0b85a4bcb', class: "col-12" }, h("form-control-text", { key: 'e7c77f6b3f35ff66935e2c48c4a6c7b203cdc3ea', 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: '51e374b7cf4053261f0bc44a19ee13c39e4b8a88', class: "col-12" }, h("form-control-date", { key: '0b11a59dbd74b0e6fe568a948c643722542647ab', 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: 'e18ae7ebca9050fc87aed1d51d664c278b16c341', class: "col-12" }, h("form-control-file-v2", { key: 'dd7567eb79c3d273bfa3b4464dd39b9508d8a018', 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: 'd0b168de486d51cd6141f2d80441b7e5f4fac5cc' }, h("div", { key: 'bea13ed13614f43b801be60c46673fb98ff09cc8', class: "row gy-3" }, h("div", { key: '1163ad6cff89e6fb29b16622e1aed6e55a5ee435', class: "col-12" }, h("h2", { key: '6f4fc9439e0a95d6e5992d7655f1c6e8f1b2b7bd', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '3111413dc874eaa80e21ec6838d8c0896f38ce2e', class: "col-12" }, h("form-control-text", { key: '3a18e08d653c67912f904337e37d786588e50217', 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: 'ea2202cf65741022ff7363cc325948944a18afb2', class: "col-12" }, h("form-control-date", { key: 'c8ceda1e61e9dbf7496173ec30e0c8f6d1b48f91', 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: 'fb3e555b7781977e80541d1b2d6e7bd10b4ec087', class: "col-12" }, h("form-control-file-v2", { key: '2b459a198427db073a6d5e2a1ed5141cc6fc2d20', 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 is() { return "product-or-service"; }
     static get properties() {
         return {
             "disputeResponse": {

package/dist/collection/components/dispute-management/dispute-response/{justifi-refund-policy.js → refund-policy.js}

@@ -4,7 +4,7 @@ import RefundPolicySchema from "./schemas/refund-policy-schema";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 import { heading5 } from "../../../styles/parts";
 import fileInputHandler from "./file-input-handler";
-export class JustifiRefundPolicy {
+export class RefundPolicy {
     constructor() {
         this.documentErrors = {};
         this.errors = {};
@@ -28,9 +28,9 @@ export class JustifiRefundPolicy {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: 'c5a20cda29feb1dd2bc608a34f1d479e75218606' }, h("div", { key: '137aeb0f70a8ae6daba6f44d0128098c1580d91a', class: "row gy-3" }, h("div", { key: '9a5839b430e5dc73b6543f17fc53c927859a36c9', class: "col-12" }, h("h2", { key: 'bdd71c1c572428ba0d274e7319786a5236de193b', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '191121597d2277907a526d1c3ea1662e40c5ffc0', class: "col-12" }, h("form-control-textarea", { key: '131ecd8df82112e62825c821e3408f721b65486d', 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: 'ea28978ddac1ca271b4d2685559c30564756e24c', class: "col-12" }, h("form-control-textarea", { key: 'dbf87760ec66daffe670e13014d69bb899fb4e6f', 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: 'f04e0f3e88971625b296c9a13d2e4c66ca0ee431', class: "col-12" }, h("form-control-file-v2", { key: 'fa4b249335a73a479c8e6abbc4c44e2fe3ab11e6', 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: 'e06df78e4ee3b06278850d53d0484fd750ee48ed', class: "col-12" }, h("form-control-file-v2", { key: '82980ca492c41b2e705ad1e686af84122a94b7a2', 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: 'f04cacfa7617a6430a0e4d264248dfa1606ef988' }, h("div", { key: 'aa3b2d3fcd2263e6d5033b68b9524250bb51d7fa', class: "row gy-3" }, h("div", { key: 'e2154a203be02f1f6ed60666799db30f6b2e10fe', class: "col-12" }, h("h2", { key: '2856f16f60d6310c7dd64c86de1ebf7e01fac1fc', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '94187589fdeb685fcc99e5ea2c6868ceedfd5ed2', class: "col-12" }, h("form-control-textarea", { key: 'fbaa1a08ab910c4ac31a53bd1385a05abcff0bb5', 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: '45e893fa517222ac88333b306ae28fc1eb09daa0', class: "col-12" }, h("form-control-textarea", { key: '646a2b77b2e896523a5e3ec3da07e020c5a72c32', 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: '3f4369cb2f2aac9ede8f386b338c9637ab4f5b8f', class: "col-12" }, h("form-control-file-v2", { key: '867c6f97af1710b6119984bd1f87f3a5eb358dc6', 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: '066f2d66a0dd5be5c47d44620c295b952a4755cd', class: "col-12" }, h("form-control-file-v2", { key: '2036cbddd0ebf663401154120b5c1627fdc93df3', 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 is() { return "refund-policy"; }
     static get properties() {
         return {
             "disputeResponse": {

package/dist/collection/components/dispute-management/dispute-response/{justifi-shipping-details.js → shipping-details.js}

@@ -4,7 +4,7 @@ import ShippingDetailsSchema from "./schemas/shipping-details-schema";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 import { heading5 } from "../../../styles/parts";
 import fileInputHandler from "./file-input-handler";
-export class JustifiShippingDetails {
+export class ShippingDetails {
     constructor() {
         this.documentErrors = {};
         this.errors = {};
@@ -29,9 +29,9 @@ export class JustifiShippingDetails {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '5095dc339b43e49c59b6efcfacacbb680408edf5' }, h("div", { key: '1fbe12df13f6013c2223b60b94ac0a5fa4596dc0', class: "row gy-3" }, h("div", { key: 'd31cb56b51c77a39125f3531e9513ebc51155277', class: "col-12" }, h("h2", { key: '317c209a7e3168e85b4e0c672a6c8cb8f5e2177c', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '27f75f17046c752629058d496cb7820b23dcbc2c', class: "col-12" }, h("form-control-text", { key: '3640223bb57f4d6eea09df3d3a0c66b7f5cce998', 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: 'e31d26c7622a07833814aba997c25fa114dfd276', class: "col-12" }, h("form-control-text", { key: 'e6cc2d569c05e28452428577c9991d3f45ab97c8', 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: '6ebb9e323186e4db61e42c68757f218b6d412253', class: "col-12" }, h("form-control-date", { key: 'aee185a1e9a7bdf3a9ff79d4cef4937dae6b9eaf', 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: 'afee1bf9054a4d43b1c708a254459134453e014c', class: "col-12" }, h("form-control-textarea", { key: 'b238c60b5fc8805d5969ceb271ecbb0b5f77f7b4', 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: '631889f4538c546dc386009b229acd9fb7a98a6c', class: "col-12" }, h("form-control-file-v2", { key: 'd960f9f6494ffd3f5bc4b62fa66f3466974f07c5', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
+        return (h("div", { key: '3b414c89e4d310b598685ef4e0595361edbe4783' }, h("div", { key: '8f630c3bff6432da2184524865d8f322c53c3685', class: "row gy-3" }, h("div", { key: '116988f4f62d30c4b5312604b3cc3d1df831a5bd', class: "col-12" }, h("h2", { key: 'f79794380f6b9ff7e964bea19a1898f9f190f0ff', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'b7448564e27dd9237f61df0e7c690c5705f97941', class: "col-12" }, h("form-control-text", { key: 'd03af28966dec1ba0ba16f8adf34ee4aae7a077e', 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: '5632f97cacae9d17864e14a41789ead3b39f2ca0', class: "col-12" }, h("form-control-text", { key: '9f6ff174dfcedb7a7f74a9e75a46164fcebe6095', 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: 'e7fb2b0187e8e4ea8fb30fd316291465b41f4a9d', class: "col-12" }, h("form-control-date", { key: '06f39b93c95cbe6b4897585dd9ab06ad636dd933', 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: '1d0a48b701a12129ebfa39b7482145b32006d854', class: "col-12" }, h("form-control-textarea", { key: 'f98b3cc3ef9423c31e3dc195a4b9896fbc3da1c9', 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: '82379a765e791a5b373a3c01b8fec6fe05ffa2d5', class: "col-12" }, h("form-control-file-v2", { key: 'cff1198af3f29e837b48b46eed5f385da9994a66', 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 is() { return "shipping-details"; }
     static get properties() {
         return {
             "disputeResponse": {

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

@@ -4,48 +4,98 @@ import JustifiAnalytics from "../../api/Analytics";
 import { checkPkgVersion } from "../../utils/check-pkg-version";
 import { makeGetDispute } from "../../actions/dispute/dispute-actions";
 import { DisputeService } from "../../api/services/dispute.service";
+import { DisputeManagementClickActions } from "./event-types";
+import { Dispute, DisputeStatus } from "../../api/Dispute";
+import { StyledHost } from "../../ui-components";
 export class JustifiDisputeManagement {
     constructor() {
-        this.errorMessage = null;
-        this.handleErrorEvent = event => {
-            this.errorMessage = event.detail.message;
-            this.errorEvent.emit(event.detail);
-        };
+        this.isLoading = true;
+        this.showDisputeResponseForm = false;
+        this.fetchDisputePending = false;
+    }
+    scheduleFetchDispute() {
+        if (!this.getDispute || this.fetchDisputePending) {
+            return;
+        }
+        this.fetchDisputePending = true;
+        queueMicrotask(() => {
+            this.fetchDisputePending = false;
+            if (this.getDispute) {
+                this.fetchData();
+            }
+        });
+    }
+    disputeResponseHandler(event) {
+        if (event.detail.name === DisputeManagementClickActions.respondToDispute) {
+            this.showDisputeResponseForm = true;
+        }
+        if (event.detail.name === DisputeManagementClickActions.cancelDispute) {
+            this.showDisputeResponseForm = false;
+        }
+    }
+    disputeSubmittedHandler() {
+        this.fetchData();
     }
     componentWillLoad() {
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         this.initializeGetDispute();
     }
+    componentDidLoad() {
+        this.scheduleFetchDispute();
+    }
     disconnectedCallback() {
         var _a;
         (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
-    ;
     propChanged() {
         this.initializeGetDispute();
+        this.scheduleFetchDispute();
     }
     initializeGetDispute() {
         if (this.disputeId && this.authToken) {
             this.getDispute = makeGetDispute({
                 id: this.disputeId,
                 authToken: this.authToken,
-                service: new DisputeService()
+                service: new DisputeService(),
             });
         }
         else {
-            this.errorMessage = 'Dispute ID and Auth Token are required';
             this.errorEvent.emit({
-                message: this.errorMessage,
+                message: 'Dispute ID and Auth Token are required',
                 errorCode: ComponentErrorCodes.MISSING_PROPS,
                 severity: ComponentErrorSeverity.ERROR,
             });
         }
     }
+    fetchData() {
+        if (!this.getDispute) {
+            return;
+        }
+        this.isLoading = true;
+        this.getDispute({
+            onSuccess: ({ dispute }) => {
+                this.dispute = new Dispute(dispute);
+                this.isLoading = false;
+                if (this.dispute.status !== DisputeStatus.needsResponse) {
+                    this.showDisputeResponseForm = false;
+                }
+            },
+            onError: ({ error, code, severity }) => {
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+                this.isLoading = false;
+            },
+        });
+    }
     render() {
-        return (h("justifi-dispute-management-core", { key: '934ece663ee7323be1157e67c566424081245b0c', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h(StyledHost, { key: 'a9185f55e6f2704ec8ba85c5061e8c46338481e3' }, h("div", { key: 'e4851b3fa85ec428929b7868c0748b56c0172c8b' }, this.showDisputeResponseForm ? (h("dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading })))));
     }
     static get is() { return "justifi-dispute-management"; }
+    static get encapsulation() { return "shadow"; }
     static get properties() {
         return {
             "disputeId": {
@@ -91,7 +141,9 @@ export class JustifiDisputeManagement {
     static get states() {
         return {
             "getDispute": {},
-            "errorMessage": {}
+            "dispute": {},
+            "isLoading": {},
+            "showDisputeResponseForm": {}
         };
     }
     static get events() {
@@ -127,4 +179,19 @@ export class JustifiDisputeManagement {
                 "methodName": "propChanged"
             }];
     }
+    static get listeners() {
+        return [{
+                "name": "click-event",
+                "method": "disputeResponseHandler",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "submit-event",
+                "method": "disputeSubmittedHandler",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
 }