@justifi/webcomponents 6.12.3 → 6.12.5

package/dist/collection/components/dispute-management/{justifi-dispute-notification.js → dispute-notification.js}

@@ -1,11 +1,11 @@
 import { h } from "@stencil/core";
 import { formatCurrency } from "../../utils/utils";
 import { heading4, text } from "../../styles/parts";
-import { Skeleton, Button, StyledHost } from "../../ui-components";
+import { Skeleton, Button } from "../../ui-components";
 import { makeSubmitDisputeResponse } from "./dispute-response/dispute-response-actions";
 import { DisputeService } from "../../api/services/dispute.service";
 import { DisputeManagementClickActions } from "./event-types";
-export class JustifiDisputeNotification {
+export class DisputeNotification {
     acceptDispute() {
         makeSubmitDisputeResponse({
             disputeId: this.dispute.id,
@@ -44,11 +44,10 @@ export class JustifiDisputeNotification {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (h(StyledHost, { key: '736e9c381309e08926162292fdbf7b62cc2087e9' }, this.isLoading && (h("div", { key: '21bdc2b142c32d00323211dda36074976b63dbb4', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'e73b642a8c2a02b397affeb1fff5e5c35a3d87fb', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '8ba58aa2227e88903a3eccc2bb8b577c05515139', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'fb88ccd69ee44cf8af5e9093906fc21016a2a5b6', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: 'e1fb6db600ef9418b47eb5e51ef8c62f4b005183', part: text }, h("h1", { key: 'ac2e9efc93c68d30f2a20ce2816c668826adfe6d', class: "h4", part: heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
-            _b.due_date, ") for this dispute has passed"), h("p", { key: '6d189ad1eaa6c9e144749a5bab6aefcf3541e382' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (h("div", { key: '2212952890d5fedb650c15d6e526e3fbf9ab9a68', part: text }, h("h1", { key: '67426dbff584f957e89a8d86570fab038de53f8d', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '513490e2c25f4b12d1400d74862618aaf9794bd3' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '352898d8cae890914bf8feffd0ca913b71cd6c18', class: "h5" }, "Dispute details"), h("div", { key: 'b2b00e53e015d2cfb7a58ee66220af6dbb22467a', class: "d-table gap-2" }, h("div", { key: 'ee7162b5c176c1d334f09cdda553a1ef6e9b1dd0', class: "d-table-row gap-2" }, h("span", { key: '863e381c1610481ae609e4f9e3bc4d4cba6981cb', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'a4860c2b8b4f9f79cea5b45e8da37509368e02fd', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { key: '15b6c3183065af7771ffd31971e9c120c28cb285', class: "d-table-row gap-2" }, h("span", { key: '1a43935f1a8fa71dbd7b511430d5b29179a00d40', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '6351bb9fcc392700e52f6a19a5b7796f0db81b7c', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), h("div", { key: '07badb71175a086399c2cd7e21f20eef2dc71547', class: "d-table-row gap-2" }, h("span", { key: '7f000a4206424cd4808d5cd9a20c339bf3ecaf18', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: 'a768799fd24012e11c9a3907f9da9959c815d475', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), h("div", { key: 'b077e8d4e7c446db5c46f41174dbbf18647da81d', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: 'b113557e1ebabd4d787d95d3cf65c50c66085f0b', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '8fc56615440cd75503c7ce9324670592e1c88068', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: '1419d80deb612294fe979d8cbf2fb76eab05c30c', part: text }, h("h1", { key: 'd77570d765ec7c1161c29f667911df1a40004c5b', class: "h4", part: heading4 }, "This payment is disputed and under review"), h("p", { key: 'b4e258895b34f062b244d710a0b947e08bb5bbea' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (h("div", { key: '7e32157b5bcdc02bfd125b9b03607f67488ab48e', part: text }, h("h1", { key: 'd087b4fcb56468bd8aa9904286f858591af94ba1', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '0aa0f4003d253874c6bd639afffba2ca37c9985e' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (h("div", { key: 'f3855957e8222a4837f5cee6026b0c56df3ed185', part: text }, h("h1", { key: '1c0261b5d45e54b26982be2112b92d8585933b7a', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: 'f8ae5063b7254794687af55b989a5f282846fbfb' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (h("div", { key: 'c5963c0823e635ee0c2e88979b174c89c96af134', class: "dispute-notification-root" }, this.isLoading && (h("div", { key: '4de146d999a16e1b4ad3e393285a843d86febdda', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'ccbf1fe76ac5582cb2536548901c12768096e867', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '06ede07362fe88dfd4ec6b38c80bf619b9c7a134', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '768613c5b20ef403c468b12d5dacbea4b211ebef', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: 'a22e18df2764ddb6bee0db7e4da388bd9aec0d99', part: text }, h("h1", { key: 'b602464b54aacc6c0776975921dbe3fceeda1f04', class: "h4", part: heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
+            _b.due_date, ") for this dispute has passed"), h("p", { key: 'e4b8615f75914e7aa613f6120172bc2cc0f6dd31' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (h("div", { key: '2b09cc88b63ca582e2ef8cb83ef4455d4af493cc', part: text }, h("h1", { key: '74ac700bc104aac085712a30da0b968a1bec41fe', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '2d133967991c3ee44f022ac925c873c198b71315' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '376936590aaeb5903f430eedb84984704966563d', class: "h5" }, "Dispute details"), h("div", { key: '8afea9772ee48495c8b731ba8602c48e00061f8c', class: "d-table gap-2" }, h("div", { key: '14630372fff051e1baadb7239ced63ae56edaf7e', class: "d-table-row gap-2" }, h("span", { key: '4ec3fc5233e87b07021eeb78ac7d4e09666502c7', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'fe19ae497136c8ef5511a0197952c6d3cd889b84', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { key: '0f955e0707a9b8126868a34dafa39320e00d7706', class: "d-table-row gap-2" }, h("span", { key: '63dc2ebf125f6ec52a155ced1324a02b0735c78b', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '5a6e543559e873811348fa0b68d21fe0f1dac781', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), h("div", { key: '7656de07c60c137dd7005f96370a71442dcdb526', class: "d-table-row gap-2" }, h("span", { key: '817a89c84f605cbfac346f0d39790b35a73d51a4', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: 'e0e7c74f85934f6a1d2e02bc24d5563e1a37222e', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), h("div", { key: '2ef721cebd617709242a0b4b9713ff264f73eac0', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '530f16709538e4146e542b88177145e4b2c9808a', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'a498af8eb2d5a41e75a8fb044b981463b8e3bbd4', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: 'f01a89cda469402b5543b64b02ddfc9ec66cc62b', part: text }, h("h1", { key: '15f0173bdfc20dea6fb16b030479f8554e40b716', class: "h4", part: heading4 }, "This payment is disputed and under review"), h("p", { key: 'a444d77fad985cddf37a0386db7ee65f321fa11c' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (h("div", { key: '08bf0f31e5fe43dbf1058709f500d0b592827dcb', part: text }, h("h1", { key: 'e9925566140ac26b9fb42026258f3ca2bebc002f', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: 'b0dd7cec8cad943d46d7e2d7d919f15b29d08fbd' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (h("div", { key: '4b037a462c3e9b3c7b7296e15b443c94a4310f46', part: text }, h("h1", { key: 'b614282d90adb69e9c638ed7a6f80566033c69ed', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '3808b99fb69241784c6f3e09bbd6b13636cb26a3' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
-    static get is() { return "justifi-dispute-notification"; }
-    static get encapsulation() { return "shadow"; }
+    static get is() { return "dispute-notification"; }
     static get properties() {
         return {
             "dispute": {

package/dist/collection/components/dispute-management/dispute-response/{justifi-additional-statement.js → additional-statement.js}

@@ -4,7 +4,7 @@ import AdditionalStatementSchema from "./schemas/additional-statement-schema";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 import { heading5 } from "../../../styles/parts";
 import fileInputHandler from "./file-input-handler";
-export class JustifiAdditionalStatement {
+export class AdditionalStatement {
     constructor() {
         this.documentErrors = {};
         this.errors = {};
@@ -29,9 +29,9 @@ export class JustifiAdditionalStatement {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '97175b1ff6bee9154ec66df8710c7343cdd9a2dd' }, h("div", { key: 'f36de20ce5e724780550bcb0eaa4512b5d1559ef', class: "row gy-3" }, h("div", { key: 'bf5002c5e8b8c3f516fa8cad1f42e7b7ca9e55f9', class: "col-12" }, h("h2", { key: '64f6517d1029463cfe07c435f6b4a1cdca95f097', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '81ced6dd86b41293b6692d3023fbe5e9e11cc392', class: "col-12" }, h("form-control-textarea", { key: 'd5f28108a9dbea3e0f2634b1cd96316a9f986c90', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: '19d8047c4fc03376f77f5331f2fcfea6cd20e2b9', class: "col-12" }, h("form-control-file-v2", { key: '871bc06d4f7b5e3d56dd73ddfc9a8061d701f501', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
+        return (h("div", { key: '6981b81dee8ead47d8e86c501b82d61aa4c337b9' }, h("div", { key: '0bf8ad743eaf5fe2e8c68d79947a4c2303e782f1', class: "row gy-3" }, h("div", { key: 'bdd3e46477ed7667a73a81d98c62e1121660b820', class: "col-12" }, h("h2", { key: 'b0b8e093b3c7204526b19fc54f80ea8c681ff22e', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '15570a6b33fab873a7fc9faa544c8fb234515f38', class: "col-12" }, h("form-control-textarea", { key: '68e08b8e96dbb74c35f1fabbb769aa95a3e0ada9', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: 'f684ffc7e55aac7d0667326c99480b796f2a9cfc', class: "col-12" }, h("form-control-file-v2", { key: '8ea248120f9f2ed5fb689a1a25855266dbe561a0', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
     }
-    static get is() { return "justifi-additional-statement"; }
+    static get is() { return "additional-statement"; }
     static get properties() {
         return {
             "disputeResponse": {

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: 'f5f98ed91abdb767d3f48efaa9d69a5445d6a5bf' }, h("div", { key: 'b7a2539c1c5971267eb469fb0011508e5c3aa163', class: "row gy-3" }, h("div", { key: '82666927fa4daccb9ea2ad511e445201d216775e', class: "col-12" }, h("h2", { key: '7cf97383cee9cd3c5c95cc20374826b7f0d0ebe3', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '8a4691ee688de45f97dd624310ca5fc39cf20db2', class: "col-12" }, h("form-control-textarea", { key: '27ce967696f3f89c8b91d5892f7dfffefacd8536', 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: '12a25c0dc23b528b412e1b19fd9b7071967fd411', class: "col-12" }, h("form-control-textarea", { key: '81ceef5f5b94ad31eb1cd36991a13e099b13725c', 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: '9afbe3a16b1da50afea763c66e4ee0b5b388b137', class: "col-12" }, h("form-control-file-v2", { key: '9a613e293af4d48354859bfd2329afce152a5f89', 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: '8bc10877cfabb168cd717d463a1ae252809275f5' }, h("div", { key: '12dc083ba94dfbb7b20671c636a0be03f3b67070', class: "row gy-3" }, h("div", { key: '429c91062e19b12711baa35d14b1337f8fbfc9d6', class: "col-12" }, h("h2", { key: '406723145d3bdbaa52b2897a5dc4347be34e7eea', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '40d5e8bd7c2b1fe8786c38fc2b7a3789278f3497', class: "col-12" }, h("form-control-text", { key: 'ade5ccaf5a45ba5f3f81c68196bfc7879da03315', 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: 'baf8a129aa64d4507bce0d1f9ed7077f0911715e', class: "col-12" }, h("form-control-text", { key: '786f84b55ffec13cc937dff50e587e28865c7114', 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: '2805d754316314934648955b34e8c6da5f709192', class: "col-12" }, h("form-control-textarea", { key: '95a7a8a9d1d9ea70478021110808545c0730ffec', 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: '78fa90926cc11695379a95dde849cfb28cf829f5', class: "col-12" }, h("form-control-file-v2", { key: '984ab42f7742afcb0b74ccf65f313ead0542f75d', 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: 'de0bf546a3e767ec1e362446f14edea449643b2b', class: "col-12" }, h("form-control-file-v2", { key: '4124feba010476d48ab052142b7fb962d1550934', 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: '2cc3b2abef27f1ecf146dca2423fe07efd98c816', class: "row gy-3" }, h("div", { key: '4c0303a7ad858568888c1345709858ac922ec176', class: "col-12" }, h("h1", { key: 'e857a204a17cb406790023c68e1f2908e3e194bc', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: 'bff6c1e8d5852569d868829aaf6721e8489ee577', class: "col-12" }, this.currentStepComponent), h("div", { key: '4ea8230871e5f0b90e4fed95821bf1ed6ba6ad83', class: "col-12" }, h("div", { key: 'a489196afb70fc4fc7c14c8ad2d55253b6f71a64', 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: 'a34d10b642c601ff1a2e6109bdad5550afef0dc7' }, h("div", { key: '65dfe9ecb13d4038fbceb5b3f88313e473ad0f2f', class: "row gy-3" }, h("div", { key: '5ec12191f9e56396ff1e67b53dcdfecdca8f21e9', class: "col-12" }, h("h2", { key: 'b5bf89077f1ae3dcbb6c37e28b2728a0c88ed1b4', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '52cdf5962d03f1724dc610a4525a4bf09a68fe4e', class: "col-12" }, h("form-control-text", { key: '785cc51d4491326c3e7555404e47726cb6f6f0ea', 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: 'c3142d3b716cb3a191d930a5961d8361e4ef6204', class: "col-12" }, h("form-control-textarea", { key: 'd6cd675e958cd0685a89812891c599393a309fef', 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: 'e805678d04d01f4763ee663590e89e96be9fcfb4', class: "col-12" }, h("form-control-file-v2", { key: 'c83c4e91ebba42be4a6e640aa73186f6b461c42f', 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: '3b0122e517065a72f2d7b8411d75067db093e284' }, h("div", { key: '3f6b7c42a8e6419a4890ae29c41afd98ecdd8f11', class: "row gy-3" }, h("div", { key: 'f807c043be7f75e7f9befd24cb80fd93f56678d5', class: "col-12" }, h("h2", { key: '3c4315f405ab5cead5eebe48975f26e9d93e0d84', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'd84fa8fcc504137031181fdb1974f50d1bc49ef8', class: "col-12" }, h("form-control-text", { key: 'db3862f6a1ebd5afcf5e1ff2943de3d977e56bbe', 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: '4e882539af79b200962740ae5645df663c82bde9', class: "col-12" }, h("form-control-file-v2", { key: '2be5e0f0d1ad5b47d41fabb1f2fe25397e7cc69f', 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: '4587b32b05500749ada539467d8eb2409d0180bd' }, h("div", { key: 'b6696b8324fff8752b227ae3ba41a13ba1ac9063', class: "row gy-3" }, h("div", { key: '013ea18c3848964f098d18c13caf3dde4670093a', class: "col-12" }, h("h2", { key: '6329d4950881a7856b8b47c9e047c8d25e48aaac', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: 'c30067cffb73b64e57ee0189ef53ef04337a8cf3', class: "col-12" }, h("form-control-text", { key: '23060ee222508fe8ef1e4063bd19a95cb4fab288', 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: '05902305859cbbfa5572fdc2303ef27c4533cbda', class: "col-12" }, h("form-control-date", { key: 'cc4ca8d15ab2d04863323fdb73f4f3cde363b61d', 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: 'a0986336639e8ff22cfa7fd10eb761fa5159e8e7', class: "col-12" }, h("form-control-file-v2", { key: '352467c92329bbf22535a38ee4c2a14d9a9110c6', 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: 'e59738a3425e348d989077da9353aa12293cea2f' }, h("div", { key: '32365305802a0584b959e04268796b21ca73fe21', class: "row gy-3" }, h("div", { key: 'ab46282525e6afb9b4db2f82ea6a716e1bd32649', class: "col-12" }, h("h2", { key: 'b1c9fbfccf63eee921a734e0e82cc868ddfb6652', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '1287269e5c352018fd289c64e876b985137c36c8', class: "col-12" }, h("form-control-textarea", { key: '217292c1ea3a92c3a1cfb68c6d1cbe5b4c532262', 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: '7b54f191e06110c1c186ae316558d7617bd3fc93', class: "col-12" }, h("form-control-textarea", { key: 'ec77cd98d1c77c88e74655b430f89bb2e79bb125', 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: '68971eb2d792f9f733e68b6e9bcab8965cc51412', class: "col-12" }, h("form-control-file-v2", { key: '991ef9fa96a95a52caf72b723d854f17d2c76a0c', 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: '22528492e08a56f5b72ad11ef754d1a46884093f', class: "col-12" }, h("form-control-file-v2", { key: '4ea877eeef562dd232bdf5d1359d54cc4e030365', 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: '66ab4f496a037d4724fcc127803d2fd4c72ad2a8' }, h("div", { key: 'a650a56e124ecc55aaa383a32e27cad862801d01', class: "row gy-3" }, h("div", { key: 'aedaacba104b8540eedafcbc8f7c776fa99ab387', class: "col-12" }, h("h2", { key: 'b4e2dc10ef6cbdab47143f2cc64a484050bfc416', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '7110551e0ecf98b149f008eb7105235b8d601454', class: "col-12" }, h("form-control-text", { key: '2c17294567ff47b181c8d11cfda7651671adac92', 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: '031476a2435c80b8ae27fb50303f14797d84a801', class: "col-12" }, h("form-control-text", { key: '67441fbba00af48235867763561cf8adf66b9e69', 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: '1fcc1bf129d3ec577f4f36a2801422044ec0a59e', class: "col-12" }, h("form-control-date", { key: 'aa0464427d083dceba8e1604e045c707366d6046', 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: 'f61850943df4c9d6605cde9d86b2e8275ced0af4', class: "col-12" }, h("form-control-textarea", { key: 'a1d4997810348a93f26a9f4932890ffd911ea062', 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: '9dd41ee3436d63e0c89318129e811630e4aad75d', class: "col-12" }, h("form-control-file-v2", { key: 'fe1879caad49f44f1abd312a3925a20e6bdc11bf', 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": {