@justifi/webcomponents 4.23.1 → 5.0.0-rc-1

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

@@ -1,8 +1,149 @@
 import { h } from "@stencil/core";
+import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api/ComponentError";
+import JustifiAnalytics from "../../api/Analytics";
+import { checkPkgVersion } from "../../utils/check-pkg-version";
+import { makeGetDispute } from "./dispute-actions";
+import { DisputeService } from "../../api/services/dispute.service";
+import { config } from "../../../config";
 export class DisputeManagement {
+    constructor() {
+        this.handleErrorEvent = event => {
+            this.errorMessage = event.detail.message;
+            this.errorEvent.emit(event.detail);
+        };
+        this.disputeId = undefined;
+        this.authToken = undefined;
+        this.apiOrigin = config.proxyApiOrigin;
+        this.getDispute = undefined;
+        this.errorMessage = null;
+    }
+    componentWillLoad() {
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeGetDispute();
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    ;
+    propChanged() {
+        this.initializeGetDispute();
+    }
+    initializeGetDispute() {
+        if (this.disputeId && this.authToken) {
+            this.getDispute = makeGetDispute({
+                id: this.disputeId,
+                authToken: this.authToken,
+                service: new DisputeService(),
+                apiOrigin: this.apiOrigin,
+            });
+        }
+        else {
+            this.errorMessage = 'Dispute ID and Auth Token are required';
+            this.errorEvent.emit({
+                message: this.errorMessage,
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
     render() {
-        return (h("justifi-dispute-management-core", { key: 'ed28c52d4621058967a53f79c1f00db1d453f5a9' }));
+        return (h("justifi-dispute-management-core", { key: '3e2a5b24484e8f1e198168910be7880732da3931', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get is() { return "justifi-dispute-management"; }
-    static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "disputeId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "dispute-id",
+                "reflect": false
+            },
+            "authToken": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "auth-token",
+                "reflect": false
+            },
+            "apiOrigin": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "api-origin",
+                "reflect": false,
+                "defaultValue": "config.proxyApiOrigin"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "getDispute": {},
+            "errorMessage": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "errorEvent",
+                "name": "error-event",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "ComponentErrorEvent",
+                    "resolved": "ComponentErrorEvent",
+                    "references": {
+                        "ComponentErrorEvent": {
+                            "location": "import",
+                            "path": "../../api/ComponentEvents",
+                            "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "disputeId",
+                "methodName": "propChanged"
+            }, {
+                "propName": "authToken",
+                "methodName": "propChanged"
+            }];
+    }
 }

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

@@ -1,20 +1,107 @@
 import { h } from "@stencil/core";
+import { formatCurrency } from "../../utils/utils";
+import { heading4, text } from "../../styles/parts";
+import { Skeleton, Button, StyledHost } 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 DisputeNotification {
+    constructor() {
+        this.dispute = undefined;
+        this.authToken = undefined;
+        this.isLoading = undefined;
+    }
     acceptDispute() {
-        // submit the dispute as forfeited, then emit submit event
-        this.submitted.emit();
+        makeSubmitDisputeResponse({
+            disputeId: this.dispute.id,
+            authToken: this.authToken,
+            service: new DisputeService()
+        })({
+            payload: { forfeit: true },
+            onSuccess: (response) => {
+                this.submitEvent.emit({ response: response });
+            },
+            onError: ({ error, code, severity }) => {
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+            },
+        });
     }
-    initiateCounterDispute() {
-        this.clickEvent.emit({ name: 'counterDispute' });
+    initiateRespondToDispute() {
+        this.clickEvent.emit({ name: DisputeManagementClickActions.respondToDispute });
     }
     render() {
-        return (h("div", { key: '0d0972438c4853aa287ec5fc3f6ac73065901cf8' }, h("h1", { key: '017c26575eb5896d2b4e14cacbe64ae03ee448d3', class: "h4" }, "This payment was disputed"), h("p", { key: 'e67a528f7776d024aa8637d1e698c28a089b29a4' }, "The cardholder for this payment claims that the product was not received."), h("p", { key: 'abefc2a97d6c97dc2b335eb056e51a41523b8a7e' }, "You can either counter the dispute by presenting proof of the product's delivery to or use by the cardholder, or you can choose to accept the dispute right away, refund the cardholder, and resolve the matter."), h("h2", { key: '8db22af9658f7bafefa08a8f7bb3d472ddb2031c', class: "h5" }, "Dispute details"), h("div", { key: '6a2fed3e4eeef95f234645d21204459a58f7361b', class: "d-table gap-2" }, h("div", { key: '728991225235e32591c7e06c92b268e64328f6d6', class: "d-table-row gap-2" }, h("span", { key: 'c86a018efc52559e2378c1be7b42bb8a135ab59d', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '8e35d45cdaca9f6942e0198a0f048c25f4076cd3', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, "$50.00")), h("div", { key: 'd46174ef479090e4903ca7d31fe91200fc7801e2', class: "d-table-row gap-2" }, h("span", { key: '2fa646161979d79798a4a4de2e8b4d50c53eebda', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'a6685b45566eb217cc9354c52f21e250d19fac6f', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, "Product not received")), h("div", { key: '24cbc95215f43c523443b5987ac4759f4a151778', class: "d-table-row gap-2" }, h("span", { key: 'edff0d1c841ca687c82371c16978ce8b74f42a2f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: 'a9adf4c147677fc7e2fc30382b0943c6a4abb99f', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, "dis_1234567890"))), h("div", { key: '19038f6b2169c8cc09d386f19e5679275642671a', class: "d-flex gap-2 mt-4 justify-content-end" }, h("button", { key: '115bbcc4b0fcbc4d31b09445c5d7fb419394b5ff', class: "btn btn-secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h("button", { key: 'bb526454770114506239c1062e2d657ded4195e2', class: "btn btn-primary", onClick: () => this.initiateCounterDispute() }, "Counter dispute"))));
+        var _a, _b, _c, _d, _e, _f, _g;
+        return (h(StyledHost, { key: 'df45596c8b40c5665589e976405c38f05271812f' }, this.isLoading && (h("div", { key: '9c1f507799665e4297a9e76d24cf1656079bb146', style: { marginBottom: '8px' } }, h(Skeleton, { key: '6a6e2314fb16348e59d4ff9b4739d895b376303c', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '286352f2b7da7f3b494add74fc332a3d2a6f4d42', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'bc3985914e7dbeecbe4ea9efea1fcdd592d2600e', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: 'e0371f22a67d7ebef374e2ad4ed0e0d151b2105b', part: text }, h("h1", { key: 'a85046d309d92aee9c6a01e0311fe23d0cc48b98', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '886223ea616ea99c76b7f0e719f2bec606e6796a' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '3f12d0ded622ad0c844dee081b8eb3d444e2b4e3', class: "h5" }, "Dispute details"), h("div", { key: 'add2e0e67fcebcb484a2a30ea66a303693a95be8', class: "d-table gap-2" }, h("div", { key: '30b35751ab437971b2c0ef6ab003d7c348d3cc3f', class: "d-table-row gap-2" }, h("span", { key: '7b5ea6fdf2d644a2c31e0276185fb2a95b0ee85f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'f91e37855056374a345a8a534c9343ed71180a1e', 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: '6d2ef3c07ee006eba74caae39e1c355c4f1d0e80', class: "d-table-row gap-2" }, h("span", { key: 'cb60ccb1855a7bc15b8e411986790c33419659c3', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'a2c21645bbba4529576062baacbdd1166e1b4f72', 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: '4f9bfc9fa68efc18032a9367938c82fef27f6dbe', class: "d-table-row gap-2" }, h("span", { key: 'c78b105e6e1bbe3332005c71e230609c9f2a65d9', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '0d75f20d0c665cf18eb6a91eb4a890df0e0a09be', 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: '97801ea1983a7591d0c5aa933842fcce2eb12394', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '8155accf40a4512506b18de08423da53cd3c2ff7', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'b23bd82c73ae7c8c020b7ad5c60223f9a1eae8d2', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: '2b3ee4c8f1b9b0100416c7804897530e001826d3' }, h("h1", { key: 'abdeb425738b1f0cd8b27836a885f9d9e31b1774', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'aa42c034af8bef20370aac9607065e6f15a87534' }, "The cardholder is disputing this payment. A counter dispute has been submitEvent and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '2a75a70a3a45a0d42dc182b0782983220444c42b' }, h("h1", { key: '3e6c8aad4507bab77c6f0bf06c2ee26af382b8e8', class: "h4" }, "This payment was disputed"), h("p", { key: 'b1d2626f6c6529005676ead7776b988693334971' }, "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: '1b9da576c01bd69842cd3d0b65e96997842461e8' }, h("h1", { key: 'c5521ef13d0f9437b90fd34b96e43f980ab7ceb8', class: "h4" }, "This payment was disputed"), h("p", { key: 'd5724f0fd2194621a908d803752dc1965d2f0043' }, "The cardholder disputed this payment and the card issuer has settled it their favor.")))));
     }
     static get is() { return "justifi-dispute-notification"; }
+    static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "dispute": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "Dispute",
+                    "resolved": "Dispute",
+                    "references": {
+                        "Dispute": {
+                            "location": "import",
+                            "path": "../../api/Dispute",
+                            "id": "src/api/Dispute.ts::Dispute"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "authToken": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "auth-token",
+                "reflect": false
+            },
+            "isLoading": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "is-loading",
+                "reflect": false
+            }
+        };
+    }
     static get events() {
         return [{
-                "method": "submitted",
-                "name": "submitted",
+                "method": "clickEvent",
+                "name": "click-event",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
@@ -23,13 +110,19 @@ export class DisputeNotification {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
+                    "original": "ComponentClickEvent",
+                    "resolved": "ComponentClickEvent",
+                    "references": {
+                        "ComponentClickEvent": {
+                            "location": "import",
+                            "path": "../../api/ComponentEvents",
+                            "id": "src/api/ComponentEvents.ts::ComponentClickEvent"
+                        }
+                    }
                 }
             }, {
-                "method": "clickEvent",
-                "name": "clickEvent",
+                "method": "errorEvent",
+                "name": "error-event",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
@@ -38,9 +131,36 @@ export class DisputeNotification {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
+                    "original": "ComponentErrorEvent",
+                    "resolved": "ComponentErrorEvent",
+                    "references": {
+                        "ComponentErrorEvent": {
+                            "location": "import",
+                            "path": "../../api/ComponentEvents",
+                            "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "submitEvent",
+                "name": "submit-event",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "ComponentSubmitEvent",
+                    "resolved": "ComponentSubmitEvent",
+                    "references": {
+                        "ComponentSubmitEvent": {
+                            "location": "import",
+                            "path": "../../api/ComponentEvents",
+                            "id": "src/api/ComponentEvents.ts::ComponentSubmitEvent"
+                        }
+                    }
                 }
             }];
     }

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

@@ -0,0 +1,110 @@
+import { h } from "@stencil/core";
+import { FormController } from "../../../ui-components/form/form";
+import AdditionalStatementSchema from "./schemas/additional-statement-schema";
+import { DisputeEvidenceDocument } from "../../../api/DisputeEvidenceDocument";
+import { DisputeResponseFormStep } from "./dispute-response-form-types";
+import { heading5 } from "../../../styles/parts";
+export class AdditionalStatement {
+    constructor() {
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
+        this.handleFileSelection = (e) => {
+            const target = e.target;
+            const name = target.name;
+            const files = target.files;
+            for (const file of files) {
+                this.documentList.push(new DisputeEvidenceDocument(file, name));
+            }
+        };
+        this.disputeResponse = undefined;
+        this.form = undefined;
+        this.errors = {};
+        this.documentList = [];
+        this.acceptedTerms = false;
+        this.acceptedTermsErrorText = undefined;
+    }
+    async validateAndSubmit(onSuccess) {
+        this.form.validateAndSubmit((formData) => onSuccess(formData, this.documentList, DisputeResponseFormStep.additionalStatement));
+    }
+    ;
+    componentWillLoad() {
+        this.form = new FormController(AdditionalStatementSchema);
+    }
+    componentDidLoad() {
+        this.form.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    render() {
+        var _a;
+        return (h("div", { key: 'b87dba6b6f0cfd8be3bd034996ad0848f31df3da' }, h("div", { key: 'b2af872dd182dede7cb2c697aa8297acc49eb6c1', class: "row gy-3" }, h("div", { key: '34815036600a5030f388c0dcb840ab7f4db0b66f', class: "col-12" }, h("h2", { key: 'c7922a6dd81112aefc028d1f7662aed993cd4c58', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '1e760ad49f1a7494181b4658f8e73a3f6ede2a22', class: "col-12" }, h("form-control-textarea", { key: '7226c1a3ef90a9f2db529f20470678bf8277738f', 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: 'cbf8886bd32f9859e6cbe75d5c499ea3eb23aea3', class: "col-12" }, h("form-control-file-v2", { key: '05d52880aa75af84bab03122ef39c2fbc0d0cf7b', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: this.handleFileSelection })))));
+    }
+    static get is() { return "justifi-additional-statement"; }
+    static get properties() {
+        return {
+            "disputeResponse": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "dispute-response",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "form": {},
+            "errors": {},
+            "documentList": {},
+            "acceptedTerms": {},
+            "acceptedTermsErrorText": {}
+        };
+    }
+    static get methods() {
+        return {
+            "validateAndSubmit": {
+                "complexType": {
+                    "signature": "(onSuccess: (formData: any, documentList: DisputeEvidenceDocument[], formStep: DisputeResponseFormStep) => void) => Promise<void>",
+                    "parameters": [{
+                            "name": "onSuccess",
+                            "type": "(formData: any, documentList: DisputeEvidenceDocument[], formStep: DisputeResponseFormStep) => void",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "DisputeEvidenceDocument": {
+                            "location": "import",
+                            "path": "../../../api/DisputeEvidenceDocument",
+                            "id": "src/api/DisputeEvidenceDocument.ts::DisputeEvidenceDocument"
+                        },
+                        "DisputeResponseFormStep": {
+                            "location": "import",
+                            "path": "./dispute-response-form-types",
+                            "id": "src/components/dispute-management/dispute-response/dispute-response-form-types.ts::DisputeResponseFormStep"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+}
+;

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

@@ -0,0 +1,106 @@
+import { h } from "@stencil/core";
+import { FormController } from "../../../ui-components/form/form";
+import CancellationPolicySchema from "./schemas/cancellation-policy-schema";
+import { DisputeEvidenceDocument } from "../../../api/DisputeEvidenceDocument";
+import { DisputeResponseFormStep } from "./dispute-response-form-types";
+import { heading5 } from "../../../styles/parts";
+export class CancellationPolicy {
+    constructor() {
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
+        this.handleFileSelection = (e) => {
+            const target = e.target;
+            const name = target.name;
+            const files = target.files;
+            for (const file of files) {
+                this.documentList.push(new DisputeEvidenceDocument(file, name));
+            }
+        };
+        this.disputeResponse = undefined;
+        this.form = undefined;
+        this.errors = {};
+        this.documentList = [];
+    }
+    async validateAndSubmit(onSuccess) {
+        this.form.validateAndSubmit((formData) => onSuccess(formData, this.documentList, DisputeResponseFormStep.cancellationPolicy));
+    }
+    ;
+    componentWillLoad() {
+        this.form = new FormController(CancellationPolicySchema);
+    }
+    componentDidLoad() {
+        this.form.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    render() {
+        var _a, _b;
+        return (h("div", { key: 'e4e9bc25a430c01e60345523341a52e343d8ada8' }, h("div", { key: '3a22fcf75e13235e40b30686cc953a5c7963f676', class: "row gy-3" }, h("div", { key: '88cfd3d1fdc811e20367caa917ee88a1531fae96', class: "col-12" }, h("h2", { key: '56030d5fb77119d324b33c8290e62ca220425afc', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '816d7868525662ae14d549852c816840933a15e6', class: "col-12" }, h("form-control-textarea", { key: '165335b23db8c03976da96f1a369f28f1ad46505', 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: 'b7f0333145ef1c1f3a1a6bd69f0e01a199f09da6', class: "col-12" }, h("form-control-textarea", { key: 'a456a76fd6745bd6386787e69fee81b7b48c7dc2', 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: '929e6f0e5fee8e6c4be4558e82b22a15806c1723', class: "col-12" }, h("form-control-file-v2", { key: '661504e19c6d2304a93a95f716b6b215832c4a90', label: "Upload Cancellation Policy", name: "cancellation_policy_file", onChange: this.handleFileSelection })))));
+    }
+    static get is() { return "justifi-cancellation-policy"; }
+    static get properties() {
+        return {
+            "disputeResponse": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "dispute-response",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "form": {},
+            "errors": {},
+            "documentList": {}
+        };
+    }
+    static get methods() {
+        return {
+            "validateAndSubmit": {
+                "complexType": {
+                    "signature": "(onSuccess: (formData: any, documentList: DisputeEvidenceDocument[], formStep: DisputeResponseFormStep) => void) => Promise<void>",
+                    "parameters": [{
+                            "name": "onSuccess",
+                            "type": "(formData: any, documentList: DisputeEvidenceDocument[], formStep: DisputeResponseFormStep) => void",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "DisputeEvidenceDocument": {
+                            "location": "import",
+                            "path": "../../../api/DisputeEvidenceDocument",
+                            "id": "src/api/DisputeEvidenceDocument.ts::DisputeEvidenceDocument"
+                        },
+                        "DisputeResponseFormStep": {
+                            "location": "import",
+                            "path": "./dispute-response-form-types",
+                            "id": "src/components/dispute-management/dispute-response/dispute-response-form-types.ts::DisputeResponseFormStep"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+}
+;