@justifi/webcomponents 5.4.4 → 5.6.0

package/dist/collection/components/checkouts-list/checkouts-list.js

@@ -10,17 +10,13 @@ import { StyledHost } from "../../ui-components";
 import { defaultColumnsKeys } from "./checkouts-table";
 export class CheckoutsList {
     constructor() {
+        this.errorMessage = null;
+        this.apiOrigin = PROXY_API_ORIGIN;
+        this.columns = defaultColumnsKeys;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
             this.errorEvent.emit(event.detail);
         };
-        this.getCheckouts = undefined;
-        this.getSubAccounts = undefined;
-        this.errorMessage = null;
-        this.accountId = undefined;
-        this.authToken = undefined;
-        this.apiOrigin = PROXY_API_ORIGIN;
-        this.columns = defaultColumnsKeys;
     }
     componentWillLoad() {
         checkPkgVersion();
@@ -66,7 +62,7 @@ export class CheckoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '072e2dc9373eef92119a0b0a01b61615d3bdcec0' }, h("checkouts-list-core", { key: '84027904ba2baf57aa22247c553ab585d0d71262', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'ae2a18885c69808bd589848ae1b33f4a4a3085e9' }, h("checkouts-list-core", { key: '86201976540a348eb800ee07e9c50f68a1f1a1cf', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-checkouts-list"; }
     static get encapsulation() { return "shadow"; }
@@ -74,6 +70,7 @@ export class CheckoutsList {
         return {
             "accountId": {
                 "type": "string",
+                "attribute": "account-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -86,11 +83,13 @@ export class CheckoutsList {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "account-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "authToken": {
                 "type": "string",
+                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -103,11 +102,13 @@ export class CheckoutsList {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "auth-token",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "apiOrigin": {
                 "type": "string",
+                "attribute": "api-origin",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -120,12 +121,14 @@ export class CheckoutsList {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "api-origin",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "PROXY_API_ORIGIN"
             },
             "columns": {
                 "type": "string",
+                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -138,7 +141,8 @@ export class CheckoutsList {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "columns",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "defaultColumnsKeys"
             }

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

@@ -3,10 +3,6 @@ import { DisputeManagementClickActions } from "./event-types";
 import { Dispute, DisputeStatus } from "../../api/Dispute";
 export class DisputeManagementCore {
     constructor() {
-        this.getDispute = undefined;
-        this.disputeId = undefined;
-        this.authToken = undefined;
-        this.dispute = undefined;
         this.isLoading = true;
         this.showDisputeResponseForm = false;
     }
@@ -50,13 +46,14 @@ export class DisputeManagementCore {
         });
     }
     render() {
-        return (h("div", { key: 'da2305d650756505b9b1920f95888425d3b8a63c' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
+        return (h("div", { key: '5a8663529813801b730d449c835cfafb9924d860' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
     }
     static get is() { return "justifi-dispute-management-core"; }
     static get properties() {
         return {
             "getDispute": {
                 "type": "unknown",
+                "attribute": "get-dispute",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -73,10 +70,13 @@ export class DisputeManagementCore {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "disputeId": {
                 "type": "string",
+                "attribute": "dispute-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -89,11 +89,13 @@ export class DisputeManagementCore {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "dispute-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "authToken": {
                 "type": "string",
+                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -106,7 +108,8 @@ export class DisputeManagementCore {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "auth-token",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

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

@@ -6,15 +6,12 @@ import { makeGetDispute } from "../../actions/dispute/dispute-actions";
 import { DisputeService } from "../../api/services/dispute.service";
 export class DisputeManagement {
     constructor() {
+        this.apiOrigin = PROXY_API_ORIGIN;
+        this.errorMessage = null;
         this.handleErrorEvent = event => {
             this.errorMessage = event.detail.message;
             this.errorEvent.emit(event.detail);
         };
-        this.disputeId = undefined;
-        this.authToken = undefined;
-        this.apiOrigin = PROXY_API_ORIGIN;
-        this.getDispute = undefined;
-        this.errorMessage = null;
     }
     componentWillLoad() {
         checkPkgVersion();
@@ -47,13 +44,14 @@ export class DisputeManagement {
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: '4bdf1bb2befbd6d963744cac254993ad78e2047f', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: 'ae0e4a208d6250c4da7033e1d8bf8c33ec041c36', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get is() { return "justifi-dispute-management"; }
     static get properties() {
         return {
             "disputeId": {
                 "type": "string",
+                "attribute": "dispute-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -66,11 +64,13 @@ export class DisputeManagement {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "dispute-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "authToken": {
                 "type": "string",
+                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -83,11 +83,13 @@ export class DisputeManagement {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "auth-token",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "apiOrigin": {
                 "type": "string",
+                "attribute": "api-origin",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -100,7 +102,8 @@ export class DisputeManagement {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "api-origin",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "PROXY_API_ORIGIN"
             }

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

@@ -6,11 +6,6 @@ import { makeSubmitDisputeResponse } from "./dispute-response/dispute-response-a
 import { DisputeService } from "../../api/services/dispute.service";
 import { DisputeManagementClickActions } from "./event-types";
 export class DisputeNotification {
-    constructor() {
-        this.dispute = undefined;
-        this.authToken = undefined;
-        this.isLoading = undefined;
-    }
     acceptDispute() {
         makeSubmitDisputeResponse({
             disputeId: this.dispute.id,
@@ -35,7 +30,7 @@ export class DisputeNotification {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h(StyledHost, { key: 'ad76721d05d9dcdfb643d865aec1a6f0684e1e05' }, this.isLoading && (h("div", { key: 'a8b8e850e168cba9281a6f6302aef53976027346', style: { marginBottom: '8px' } }, h(Skeleton, { key: '813563746b9f9b507b49762c9e1a1f006765345b', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '373c0596e6246860a17822eb5ec49f3ef9e37460', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '32f8083f0551fbea29de6ddbc847dc62fa0b0c48', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '9c032d9b8ea4b176f1fabfff45a2975ac9e6df17', part: text }, h("h1", { key: 'e1a906047a9c056138bb2bd69dddf2bbc54782c4', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '40d9d799d073318ba52a2c559c8119c64e9107aa' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: 'e2d3bc21f03cd47acc8feec8640410c1c74f9b58', class: "h5" }, "Dispute details"), h("div", { key: '3e3c440350a6dc86b42204a43f80fa700c1d06f0', class: "d-table gap-2" }, h("div", { key: '67b4dbf945dae00fe6e6144782c6c249cc032968', class: "d-table-row gap-2" }, h("span", { key: '6570c2fc92f6a526a6e2afee91fa1017f5ef3c9b', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '269f42e3737b419978fb35e741f34a751f0b0d9b', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: 'b498ff565dafbea3e3452d386883924bda431a96', class: "d-table-row gap-2" }, h("span", { key: 'afaecceeac44807453e1a99ffc0d8961022fd98f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '69b491d454f791d679528b77f9f75fc889add363', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: '97515b0bd0dd113e31e6974c7e107af19eed2e73', class: "d-table-row gap-2" }, h("span", { key: 'e8a46a99bb2596d8aab980230088989c3a9455c4', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: 'aa5e2e6997bedfdbd31c2fe9ee540a4399e3a25e', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), h("div", { key: '4e35b26867fdde02426bd047932ca854c05421b7', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '2881172b26ffb36321094ea2f8af7cc622678229', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'e57fca0b48327bb898ec19938498eb1c945bbb4d', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: 'c1f0a2f35d9640efdfd76b13d6969374169b2631' }, h("h1", { key: '800d59ebecc9f15890fe7f264a3b44910e322784', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '30a7d186c01e33f2a95b0cecb3a4a69b59d158e6' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '5d0fbdcc7a15817e1875d18a5f4d9cf982989ed1' }, h("h1", { key: 'b2814587c7bd46e28948346f5871456e6cc0589c', class: "h4" }, "This payment was disputed"), h("p", { key: 'bff6dbf512017e27b1fc6ea2a97b2dc47f4b2a65' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '548cf8e95c0933ec987862c162487abfd3c043bc' }, h("h1", { key: '46f96b5e6785b5a4398918c0e29302403a7194bd', class: "h4" }, "This payment was disputed"), h("p", { key: '71c3c1e1754cd0f0f042a6277ba93b2076cd7645' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (h(StyledHost, { key: '77119b1227200909f4742e24df0a45e1f631c65c' }, this.isLoading && (h("div", { key: 'f0766ff057fb2f4b75b34c7d4a386bde43e49652', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'd7268194dea5ac2a3b87aea8e17573b4768e308f', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'f8863e45a917f56be302ca1b0b3d472119f6465c', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'c7b8c9c89d9488eea3be8ea0b4536f98a8151487', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '875fe7def317ce1c4547e04e83baf2b232209058', part: text }, h("h1", { key: '09646afc2aac3bf4ef9737bc12442660bbafb2dd', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '14224cffb16726eaa589118be954e0f844ffaee8' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '415028b91872a2391796872fdffdbee837a2a511', class: "h5" }, "Dispute details"), h("div", { key: 'c2b8c6be3132f98eb8c686ab88a5a6a68f92a60e', class: "d-table gap-2" }, h("div", { key: 'd11bd8b3bc680183e8bee40281cc2c294aedbd5a', class: "d-table-row gap-2" }, h("span", { key: 'd77796c0d2764329c3b482ae49ceb8b4cac03d37', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '716d8af2a250c3237af6e23b43bf50e032e9f203', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: 'daba4379197533d2a4b246e81139d81cd15761c6', class: "d-table-row gap-2" }, h("span", { key: 'a039fbf47aff16445e3411c33a7b53716c42866d', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '19087aba5c516d0c71e9f84e8b3323a044ae532a', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: '68ef78b15627df3b22bcde4b90f7c216466e7468', class: "d-table-row gap-2" }, h("span", { key: '9463c281d76b5e201a55c2993253fc22d04168dc', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '5cffed27038f5571f37377c5023a88c8b7773a59', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), h("div", { key: 'e856d924edac10116781425f6d7c4c8c6b26ced2', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '6d5278a91f79c2fe8fbdd9e391b109a6491b13b6', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '242b9076b482aae731ab6bedc1592a1a826e24c5', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: 'f3711546ce5bf8b6a4a8689f5db3fdbf58f45bf4' }, h("h1", { key: '06e39be43cfacf667919adbd2f4f8c596702c340', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'b3bfef2d40e197f8dc9df6f71d9f13017a4b923d' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '580144b1439d6e017726b9731b7bb15e71900092' }, h("h1", { key: '42d74d215d23409672449af86e25c945aac33ea1', class: "h4" }, "This payment was disputed"), h("p", { key: '4c337e89a32f62c8f03a53eb84737785f4b0bdb4' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '66c0f7bbada42053683dd25776a7c0abdb708315' }, h("h1", { key: '273f2d82dbe73a15da3186946763579be2801aa4', class: "h4" }, "This payment was disputed"), h("p", { key: '22172d1c6833eb5407c19dd31b85db805d07d177' }, "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"; }
@@ -43,6 +38,7 @@ export class DisputeNotification {
         return {
             "dispute": {
                 "type": "unknown",
+                "attribute": "dispute",
                 "mutable": false,
                 "complexType": {
                     "original": "Dispute",
@@ -60,10 +56,13 @@ export class DisputeNotification {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "authToken": {
                 "type": "string",
+                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -76,11 +75,13 @@ export class DisputeNotification {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "auth-token",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "isLoading": {
                 "type": "boolean",
+                "attribute": "is-loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -93,7 +94,8 @@ export class DisputeNotification {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "is-loading",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

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

@@ -6,16 +6,13 @@ import { heading5 } from "../../../styles/parts";
 import fileInputHandler from "./file-input-handler";
 export class AdditionalStatement {
     constructor() {
-        this.inputHandler = (name, value) => {
-            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
-        };
-        this.disputeResponse = undefined;
         this.documentErrors = {};
-        this.form = undefined;
         this.errors = {};
         this.acceptedTerms = false;
-        this.acceptedTermsErrorText = undefined;
         this.documents = { uncategorized_file: [] };
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
     }
     async validateAndSubmit(onSuccess) {
         const documentList = Object.values(this.documents).flat();
@@ -32,13 +29,14 @@ export class AdditionalStatement {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'cc4be19078bc6ed3b622f6d9db17c5565d575ddb' }, h("div", { key: 'ae78d8f0a216a417a4c6e2778dd8f36315386437', class: "row gy-3" }, h("div", { key: '065645b98b1a7b5a0bcd2ef55e48bec65a2de082', class: "col-12" }, h("h2", { key: '0728e424e28b970bc3454951841b65d3ef843a95', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '900d5630440472414e43b4ae194c941a73ef46c0', class: "col-12" }, h("form-control-textarea", { key: '0c3e4926570187d4f84f1061c731365441f6f302', 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: '2a9a2f41348f30baeb1082a0d5715f823c112c89', class: "col-12" }, h("form-control-file-v2", { key: 'b47d9a681874b19eed4974bce7dd850d882ae435', 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: '5e572a30ed53b4fbcf3808ba545ce2fdf5b988aa' }, h("div", { key: '90870dc58e0eab72e64ae03bdaa25bb1749d8e23', class: "row gy-3" }, h("div", { key: 'cc3b6f19687d02e047744e8a53d22a2f91a8b968', class: "col-12" }, h("h2", { key: '230c20dc3f75e48afa4008369374fd8c175cb7ea', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '7b49c8012cfc07c44399969f8505db786389b38b', class: "col-12" }, h("form-control-textarea", { key: '349a8a2ebda338e170c90266801ae93b6f9482ea', 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: '01cd368a2278c5de462f0998a50ba4ca5889be26', class: "col-12" }, h("form-control-file-v2", { key: 'f95d0b78704f9a1fd154003edbbffb062659ae27', 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 properties() {
         return {
             "disputeResponse": {
                 "type": "any",
+                "attribute": "dispute-response",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -51,11 +49,13 @@ export class AdditionalStatement {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "dispute-response",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "documentErrors": {
                 "type": "any",
+                "attribute": "document-errors",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -68,7 +68,8 @@ export class AdditionalStatement {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "document-errors",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "{}"
             }

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

@@ -6,14 +6,12 @@ import { heading5 } from "../../../styles/parts";
 import fileInputHandler from "./file-input-handler";
 export class CancellationPolicy {
     constructor() {
-        this.inputHandler = (name, value) => {
-            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
-        };
-        this.disputeResponse = undefined;
         this.documentErrors = {};
-        this.form = undefined;
         this.errors = {};
         this.documents = { cancellation_policy: [] };
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
     }
     async validateAndSubmit(onSuccess) {
         const documentList = Object.values(this.documents).flat();
@@ -30,13 +28,14 @@ export class CancellationPolicy {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '7b4cf555fd1fbfcc99aea27f60a507daa36f6ee6' }, h("div", { key: '0751a543b921a2fa8bb25e68e71c1cba6cc5229f', class: "row gy-3" }, h("div", { key: '9e4043494f5804e92af66b0f4595137f741e9556', class: "col-12" }, h("h2", { key: 'a078ec09adb7197ac0e5260ca220d868e746773c', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '814cacdfbc107e848dcf42bacb744f8b7819c248', class: "col-12" }, h("form-control-textarea", { key: 'aa867ea4cfc3d7c436e481a829a1ec779f3281d8', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: 'b8a6851094599ed3683f3c14f18305ff0a8ed557', class: "col-12" }, h("form-control-textarea", { key: '8292b5808ad9af2f36a4306cf0bd67b9183cc144', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: 'ee80c2f43bc56563221fcd892130c2ff6e492dcd', class: "col-12" }, h("form-control-file-v2", { key: '4ddc23ba32d324552c16fd20aff18e117cb22831', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
+        return (h("div", { key: '6dc5100426e8e4124d19a375250f85f8e15b28d4' }, h("div", { key: 'fb950108be5fd4096a7717c88943938261787f99', class: "row gy-3" }, h("div", { key: '08f85a06288e19939a16d3fa52ef3b3199c56f36', class: "col-12" }, h("h2", { key: 'a585b93921814b1ffbb95c6f9c1de37d4104049b', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '3b7c620518006738d2e36863b62a72142f167733', class: "col-12" }, h("form-control-textarea", { key: '70a76160b0d29648a9e0598dd5b867a382935e03', 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: 'e06d4c794bad47e366ca702e764307fdab5e33a8', class: "col-12" }, h("form-control-textarea", { key: '1b783920c5a5b94bff60d4b061cc7cc6666cc184', 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: '3cb3371c1d3727e55140ea60a0cff96bc0f42702', class: "col-12" }, h("form-control-file-v2", { key: '738a456bf4653240180963fa7e5ab20a7a4add7c', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
     }
     static get is() { return "justifi-cancellation-policy"; }
     static get properties() {
         return {
             "disputeResponse": {
                 "type": "any",
+                "attribute": "dispute-response",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -49,11 +48,13 @@ export class CancellationPolicy {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "dispute-response",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "documentErrors": {
                 "type": "any",
+                "attribute": "document-errors",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -66,7 +67,8 @@ export class CancellationPolicy {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "document-errors",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "{}"
             }

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

@@ -6,14 +6,12 @@ import { heading5 } from "../../../styles/parts";
 import fileInputHandler from "./file-input-handler";
 export class CustomerDetails {
     constructor() {
-        this.inputHandler = (name, value) => {
-            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
-        };
-        this.disputeResponse = undefined;
         this.documentErrors = {};
-        this.form = undefined;
         this.errors = {};
         this.documents = { customer_signature: [], customer_communication: [] };
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
     }
     async validateAndSubmit(onSuccess) {
         const documentList = Object.values(this.documents).flat();
@@ -30,13 +28,14 @@ export class CustomerDetails {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: 'b7f6a56dd2c1ed9c489c9af51be7cc51645c798d' }, h("div", { key: 'a3c9a1fb87739dfb1c02ec651663ed27b75a3b39', class: "row gy-3" }, h("div", { key: 'b0a978ee641386f8bddf52787b39371a5279be68', class: "col-12" }, h("h2", { key: '51d722637868f1b380d7065edcc7ee8421eeeacc', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '5b4843b8391cf38b3322d9a4995d02cd81af95e2', class: "col-12" }, h("form-control-text", { key: '5c8725f1893aad3007552a72f928143b3a2cac57', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: '20529807f6b93411a2dbcf6cf0894b084d2e854f', class: "col-12" }, h("form-control-text", { key: '22c89513e4744a745f91602a8311c64c9a7840ad', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '728c483456c7fd97d54368b9d0bf0a046ee1e169', class: "col-12" }, h("form-control-textarea", { key: '128222a80fd9e716dc20de70d3bf33b42fc147ab', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: 'e55c1e358c4fe57f118d13b07b6109a1d97d6c8b', class: "col-12" }, h("form-control-file-v2", { key: '00a057cfb9b9813004634dda61e047d5ac14e623', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: '3389590c63a5d3044e2470d7243e67ef57697682', class: "col-12" }, h("form-control-file-v2", { key: '3eea18b33b3203e599bbf0ac94c687b2ecb321fa', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
+        return (h("div", { key: '70e29d650d5304522f927c15b4eb5e62e203c5e0' }, h("div", { key: 'f50422b29cb2a4f3bca911ced94dc681adb3fc41', class: "row gy-3" }, h("div", { key: 'f29816d9281ea4c4db5018d3b7edb1600569357a', class: "col-12" }, h("h2", { key: 'a2889c95c293bf0bbf97c16e4486e307ca87729c', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '9cd45719434a1740f67b73c13fd08e0fe562168e', class: "col-12" }, h("form-control-text", { key: '5a30a3aef7fbe2d3013c46e43a437724dae41213', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: '9812e1f9f6df949b9f15b2c3f28857db7dcf5cb7', class: "col-12" }, h("form-control-text", { key: '10b146053a399039e8dbd42c3cab53b4b55c0ec3', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '2742a0922a223bd60d6e3d08a55190742ecf5112', class: "col-12" }, h("form-control-textarea", { key: '41491e238c75716520d747cbf9f1bcc329a2d686', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: '71074f31e565c24107b91b04d9aa16da77ba618c', class: "col-12" }, h("form-control-file-v2", { key: '17f70cf96927b01e65430e13c2d21209e9170603', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: 'ec696695191e68c7ceb0cc41f99f9e53f2d59da1', class: "col-12" }, h("form-control-file-v2", { key: '562ff8b3819f536d491f2e2e55a85a55fcda0e1c', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
     }
     static get is() { return "justifi-customer-details"; }
     static get properties() {
         return {
             "disputeResponse": {
                 "type": "any",
+                "attribute": "dispute-response",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -49,11 +48,13 @@ export class CustomerDetails {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "dispute-response",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "documentErrors": {
                 "type": "any",
+                "attribute": "document-errors",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -66,7 +67,8 @@ export class CustomerDetails {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "document-errors",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "{}"
             }

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

@@ -4,6 +4,11 @@ import { heading4 } from "../../../styles/parts";
 import { Button } from "../../../ui-components/button";
 export class DisputeResponseCore {
     constructor() {
+        this.disputeResponse = {};
+        this.isLoading = false;
+        this.documentList = [];
+        this.documentErrors = {};
+        this.currentStep = 0;
         this.componentStepMapping = [
             () => h("justifi-product-or-service", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
             () => h("justifi-customer-details", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
@@ -140,15 +145,6 @@ export class DisputeResponseCore {
                 await this.handleSubmit(submitData, documentList, formStep);
             });
         };
-        this.updateDisputeResponse = undefined;
-        this.submitDisputeResponse = undefined;
-        this.createDisputeEvidence = undefined;
-        this.disputeResponse = {};
-        this.isLoading = false;
-        this.documentList = [];
-        this.documentErrors = {};
-        this.currentStep = 0;
-        this.currentStepComponentRef = undefined;
     }
     get currentStepComponent() {
         return this.componentStepMapping[this.currentStep]();
@@ -160,13 +156,14 @@ export class DisputeResponseCore {
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: '1f44d3fa1d95758e9dc949bc9df9cb8def59aae5', class: "row gy-3" }, h("div", { key: '5245e71606a4f69a8978c27bf8d0a985ecf3b835', class: "col-12" }, h("h1", { key: 'e843ee37344171cb159fe83889ddc244487d49ed', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '7680b28f96255822f3048dc529bafa71cebf81cc', class: "col-12" }, this.currentStepComponent), h("div", { key: '3ce0c6ac049c64a3ed18e42dcc001dd1f62a5aed', class: "col-12" }, h("div", { key: '2192e17c236024e2c89ea361ac1a4e2b57c6b50e', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
+        return (h("div", { key: '452cfcf106f40c27f34df05ae2923c0909de9245', class: "row gy-3" }, h("div", { key: 'd9b608a8d880310b96e98cd4a00cabfcca77dc79', class: "col-12" }, h("h1", { key: '050aef1fa636d09880edc7d738d56eab2cf62e52', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '4e6094f9240d4db3d4bc03c59754ab3d04fed5bc', class: "col-12" }, this.currentStepComponent), h("div", { key: '9c1739bc4ed1a9104fd04531a11e02cbbb4f11cc', class: "col-12" }, h("div", { key: 'd37cda5a7689d8bf9263283eb24e1074ee3d97a0', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
     }
     static get is() { return "justifi-dispute-response-core"; }
     static get properties() {
         return {
             "updateDisputeResponse": {
                 "type": "unknown",
+                "attribute": "update-dispute-response",
                 "mutable": false,
                 "complexType": {
                     "original": "(args: {\n    payload: any,\n    onSuccess: (disputeResponse: any) => void,\n    onError: (disputeResponse: any) => void\n  }) => Promise<IApiResponse<IDispute>>",
@@ -193,10 +190,13 @@ export class DisputeResponseCore {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "submitDisputeResponse": {
                 "type": "unknown",
+                "attribute": "submit-dispute-response",
                 "mutable": false,
                 "complexType": {
                     "original": "(args: {\n    payload: any,\n    onSuccess: (disputeResponse: any) => void,\n    onError: (disputeResponse: any) => void\n  }) => Promise<IApiResponse<IDispute>>",
@@ -223,10 +223,13 @@ export class DisputeResponseCore {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "createDisputeEvidence": {
                 "type": "unknown",
+                "attribute": "create-dispute-evidence",
                 "mutable": false,
                 "complexType": {
                     "original": "(args: {\n    payload: any,\n    onSuccess: (disputeResponse: any) => void,\n    onError: (disputeResponse: any) => void\n  }) => Promise<IApiResponse<any>>",
@@ -248,10 +251,13 @@ export class DisputeResponseCore {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "disputeResponse": {
                 "type": "any",
+                "attribute": "dispute-response",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -264,7 +270,8 @@ export class DisputeResponseCore {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "dispute-response",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "{}"
             }