@justifi/webcomponents 4.21.0 → 4.22.0

package/dist/module/counter-dispute.js

@@ -0,0 +1,189 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$i } from './custom-popper2.js';
+import { d as defineCustomElement$h } from './form-control-date2.js';
+import { d as defineCustomElement$g } from './form-control-error-text2.js';
+import { d as defineCustomElement$f } from './form-control-file2.js';
+import { d as defineCustomElement$e } from './form-control-help-text2.js';
+import { d as defineCustomElement$d } from './form-control-radio2.js';
+import { d as defineCustomElement$c } from './form-control-text2.js';
+import { d as defineCustomElement$b } from './form-control-textarea2.js';
+import { d as defineCustomElement$a } from './form-control-tooltip2.js';
+import { d as defineCustomElement$9 } from './additional-statement.js';
+import { d as defineCustomElement$8 } from './cancellation-policy.js';
+import { d as defineCustomElement$7 } from './customer-details.js';
+import { d as defineCustomElement$6 } from './dispute-reason.js';
+import { d as defineCustomElement$5 } from './duplicate-charge.js';
+import { d as defineCustomElement$4 } from './electronic-evidence.js';
+import { d as defineCustomElement$3 } from './product-or-service.js';
+import { d as defineCustomElement$2 } from './refund-policy.js';
+import { d as defineCustomElement$1 } from './shipping-details.js';
+
+var DisputeManagementClickEvents;
+(function (DisputeManagementClickEvents) {
+    DisputeManagementClickEvents["nextStep"] = "nextStep";
+    DisputeManagementClickEvents["previousStep"] = "previousStep";
+    DisputeManagementClickEvents["cancelDispute"] = "cancelDispute";
+    DisputeManagementClickEvents["counterDispute"] = "counterDispute";
+    DisputeManagementClickEvents["submit"] = "submit";
+})(DisputeManagementClickEvents || (DisputeManagementClickEvents = {}));
+
+const CounterDispute = /*@__PURE__*/ proxyCustomElement(class CounterDispute extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.submit = createEvent(this, "submit", 7);
+        this.clickEvent = createEvent(this, "clickEvent", 7);
+        this.componentStepMapping = [
+            () => h("justifi-dispute-reason", { ref: (el) => this.refs['disputeReason'] = el }),
+            () => h("justifi-product-or-service", { ref: (el) => this.refs['productOrService'] = el }),
+            () => h("justifi-customer-details", { ref: (el) => this.refs['customerDetails'] = el }),
+            () => h("justifi-cancellation-policy", { ref: (el) => this.refs['cancellationPolicy'] = el }),
+            () => h("justifi-refund-policy", { ref: (el) => this.refs['refundPolicy'] = el }),
+            () => h("justifi-duplicate-charge", { ref: (el) => this.refs['duplicateCharge'] = el }),
+            () => h("justifi-electronic-evidence", { ref: (el) => this.refs['electronicEvidence'] = el }),
+            () => h("justifi-shipping-details", { ref: (el) => this.refs['shippingDetails'] = el }),
+            () => h("justifi-additional-statement", { ref: (el) => this.refs['additionalStatement'] = el }),
+        ];
+        this.currentStep = 0;
+        this.refs = [];
+    }
+    get currentStepComponent() {
+        return this.componentStepMapping[this.currentStep]();
+    }
+    get isLastStep() {
+        return this.currentStep === this.componentStepMapping.length - 1;
+    }
+    get isFirstStep() {
+        return this.currentStep === 0;
+    }
+    onNext() {
+        if (this.isLastStep) {
+            this.submit.emit();
+        }
+        else {
+            this.currentStep++;
+            this.clickEvent.emit({ name: DisputeManagementClickEvents.nextStep });
+        }
+    }
+    onBack() {
+        if (this.isFirstStep) {
+            this.clickEvent.emit({ name: DisputeManagementClickEvents.cancelDispute });
+        }
+        else {
+            this.currentStep--;
+            this.clickEvent.emit({ name: DisputeManagementClickEvents.previousStep });
+        }
+    }
+    render() {
+        return (h("div", { key: 'cd8ced72339631d8f2f9439ee26f1187b7b8ab21', class: "row gy-3" }, h("div", { key: '6ae94b1ce9d12b12044c4baa3c3eb9966b4b176e', class: "col-12" }, h("h1", { key: '6893f2dacb6e8932e67d67095076cd2d1bc12b38', class: "h4" }, "Counter dispute")), h("div", { key: '6d34423a06c634824a8b2f2ad5538e4c0b6fbf5c', class: "col-12" }, this.currentStepComponent), h("div", { key: 'fdfc725f0dacae3abb56dfe7300399f57300ffd5', class: "col-12" }, h("div", { key: 'b590b19dda4fbe8d8245dedbb66c421866b2b8f3', class: "d-flex gap-2 mt-4 justify-content-end" }, h("button", { key: '4d91e8db6f5c2ef26ac938c57f7dca33cf9a33ee', class: "btn btn-secondary", onClick: () => this.onBack() }, this.isFirstStep ? 'Cancel' : 'Back'), h("button", { key: 'f56fa57dd1aef4bd5b537d9e67c3aaaa784ccba2', class: "btn btn-primary", onClick: () => this.onNext() }, this.isLastStep ? 'Submit Counter Dispute' : 'Next')))));
+    }
+}, [0, "justifi-counter-dispute", {
+        "currentStep": [32],
+        "refs": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-counter-dispute", "custom-popper", "form-control-date", "form-control-error-text", "form-control-file", "form-control-help-text", "form-control-radio", "form-control-text", "form-control-textarea", "form-control-tooltip", "justifi-additional-statement", "justifi-cancellation-policy", "justifi-customer-details", "justifi-dispute-reason", "justifi-duplicate-charge", "justifi-electronic-evidence", "justifi-product-or-service", "justifi-refund-policy", "justifi-shipping-details"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-counter-dispute":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, CounterDispute);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$i();
+            }
+            break;
+        case "form-control-date":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$h();
+            }
+            break;
+        case "form-control-error-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$g();
+            }
+            break;
+        case "form-control-file":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "form-control-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "form-control-textarea":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "justifi-additional-statement":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "justifi-cancellation-policy":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "justifi-customer-details":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "justifi-dispute-reason":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "justifi-duplicate-charge":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "justifi-electronic-evidence":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "justifi-product-or-service":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "justifi-refund-policy":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "justifi-shipping-details":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { CounterDispute as C, DisputeManagementClickEvents as D, defineCustomElement as d };

package/dist/module/custom-popper2.js

@@ -1876,7 +1876,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: 'e426fcd8c6ed3026bd19b5f88d9fc8caea6dd2ad' }, h("style", { key: '2c6a3c8606f19df70d7fac866c60a1563456a20f' }, `
+        return (h("div", { key: '8a37af79ca05c760a65fde19686d0c2e796fbb0b' }, h("style", { key: '9a92807c0d688d1ddc86f05bcc39e34f1da2a939' }, `
           .popper-content {
             display: none;
           }
@@ -1884,7 +1884,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '3aafc7f4659c0b598586600cc44979c9b7425eae', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '2f338c682141c1610b265d8eca98a34678632c46' }))));
+          `), h("div", { key: 'fc9582fdc9d0b2e0ad115daad752796cd2bc4067', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '79ecc806af9caa4450969cd4b84868b59aa3f55b' }))));
     }
 }, [4, "custom-popper", {
         "placement": [1],

package/dist/module/customer-details.js

@@ -0,0 +1,69 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$7 } from './custom-popper2.js';
+import { d as defineCustomElement$6 } from './form-control-error-text2.js';
+import { d as defineCustomElement$5 } from './form-control-file2.js';
+import { d as defineCustomElement$4 } from './form-control-help-text2.js';
+import { d as defineCustomElement$3 } from './form-control-text2.js';
+import { d as defineCustomElement$2 } from './form-control-textarea2.js';
+import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
+
+const CustomerDetails = /*@__PURE__*/ proxyCustomElement(class CustomerDetails extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        return (h("div", { key: '4511521cc0b5d152847fe47515a932bc25632b69' }, h("div", { key: 'ccc20447c74727d926159c4bbd78d7aa81f406fb', class: "row gy-3" }, h("div", { key: '09d693c977d9f55978df56fd94f37e65fcf42548', class: "col-12" }, h("h2", { key: 'ef47704c5d35b7b18e49603e050a1128728219b4', class: "h5" }, "Customer Details")), h("div", { key: '0f6ee829c192d15b22208d207ab34d7c433b1c8d', class: "col-12" }, h("form-control-text", { key: '8f64ca680c0dcd4b41d93523a62e0b3bbf1daf3e', label: "Full Name", name: "customer_name" })), h("div", { key: '8789d52f77c2cb673260fa12382c31725e2a7ffa', class: "col-12" }, h("form-control-text", { key: 'af48dedd7c9ce318a7d1009c1227cceda2d799b0', label: "Email", name: "customer_email_address" })), h("div", { key: '17fdeea69f9eab82e55d63cd55af079532696d57', class: "col-12" }, h("form-control-textarea", { key: '05d930b272e0162100412bc81a05df8cd2817e21', label: "Billing Address", name: "customer_billing_address" })), h("div", { key: 'abd6e1f661bfb2b5ac54460d97283b7a1092ac79', class: "col-12" }, h("form-control-file", { key: '4ee87cf74482c31a297bcd108ddd0ad69f3d7366', label: "Customer Signature", name: "customer_signature" })), h("div", { key: 'f33ec1c7c4791828d456e27ee1dcbc665220821d', class: "col-12" }, h("form-control-file", { key: 'c2bb6a3c58eb20652566d9cb1c524b4390bbab33', label: "Customer Communication", name: "customer_communication" })))));
+    }
+}, [0, "justifi-customer-details"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-customer-details", "custom-popper", "form-control-error-text", "form-control-file", "form-control-help-text", "form-control-text", "form-control-textarea", "form-control-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-customer-details":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, CustomerDetails);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "form-control-error-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "form-control-file":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "form-control-textarea":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { CustomerDetails as C, defineCustomElement as d };

package/dist/module/details.js

@@ -10,7 +10,7 @@ const Details = /*@__PURE__*/ proxyCustomElement(class Details extends HTMLEleme
         this.errorMessage = undefined;
     }
     render() {
-        return (h(StyledHost, { key: '067f67765c63376d98b996fded17eb6418832d92', exportParts: 'detail-empty-state, detail-metadata-title, detail-metadata, detail-section, detail-section-title, \n        detail-section-item-title, detail-section-item-data, detail-head, detail-title, detail-head-info' }, this.errorMessage ?
+        return (h(StyledHost, { key: 'c7c725936e4987ca76781b7edc73f1b67e00f21a', exportParts: 'detail-empty-state, detail-metadata-title, detail-metadata, detail-section, detail-section-title, \n        detail-section-item-title, detail-section-item-data, detail-head, detail-title, detail-head-info' }, this.errorMessage ?
             ErrorState(this.errorMessage)
             :
                 h("main", { class: "p-2" }, h("slot", { name: "head-info" }), h("slot", { name: 'detail-sections' }))));

package/dist/module/dispute-management-core.js

@@ -0,0 +1,160 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { S as StyledHost } from './styled-host.js';
+import { d as defineCustomElement$9, D as DisputeManagementClickEvents } from './counter-dispute.js';
+import { d as defineCustomElement$k } from './custom-popper2.js';
+import { d as defineCustomElement$j } from './form-control-date2.js';
+import { d as defineCustomElement$i } from './form-control-error-text2.js';
+import { d as defineCustomElement$h } from './form-control-file2.js';
+import { d as defineCustomElement$g } from './form-control-help-text2.js';
+import { d as defineCustomElement$f } from './form-control-radio2.js';
+import { d as defineCustomElement$e } from './form-control-text2.js';
+import { d as defineCustomElement$d } from './form-control-textarea2.js';
+import { d as defineCustomElement$c } from './form-control-tooltip2.js';
+import { d as defineCustomElement$b } from './additional-statement.js';
+import { d as defineCustomElement$a } from './cancellation-policy.js';
+import { d as defineCustomElement$8 } from './customer-details.js';
+import { d as defineCustomElement$7 } from './dispute-notification.js';
+import { d as defineCustomElement$6 } from './dispute-reason.js';
+import { d as defineCustomElement$5 } from './duplicate-charge.js';
+import { d as defineCustomElement$4 } from './electronic-evidence.js';
+import { d as defineCustomElement$3 } from './product-or-service.js';
+import { d as defineCustomElement$2 } from './refund-policy.js';
+import { d as defineCustomElement$1 } from './shipping-details.js';
+
+const DisputeManagementCore = /*@__PURE__*/ proxyCustomElement(class DisputeManagementCore extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.submit = createEvent(this, "submit", 7);
+        this.showCounterDispute = false;
+    }
+    counterDisputeHandler(event) {
+        if (event.detail.name === DisputeManagementClickEvents.counterDispute) {
+            this.showCounterDispute = true;
+        }
+        if (event.detail.name === DisputeManagementClickEvents.cancelDispute) {
+            this.showCounterDispute = false;
+        }
+    }
+    render() {
+        return (h(StyledHost, { key: 'cb4d87f38d2e577efaf8dfc088f272e05a158dcb' }, this.showCounterDispute ? h("justifi-counter-dispute", null) : h("justifi-dispute-notification", null)));
+    }
+}, [0, "justifi-dispute-management-core", {
+        "showCounterDispute": [32]
+    }, [[0, "clickEvent", "counterDisputeHandler"]]]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-dispute-management-core", "custom-popper", "form-control-date", "form-control-error-text", "form-control-file", "form-control-help-text", "form-control-radio", "form-control-text", "form-control-textarea", "form-control-tooltip", "justifi-additional-statement", "justifi-cancellation-policy", "justifi-counter-dispute", "justifi-customer-details", "justifi-dispute-notification", "justifi-dispute-reason", "justifi-duplicate-charge", "justifi-electronic-evidence", "justifi-product-or-service", "justifi-refund-policy", "justifi-shipping-details"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-dispute-management-core":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DisputeManagementCore);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$k();
+            }
+            break;
+        case "form-control-date":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
+        case "form-control-error-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$i();
+            }
+            break;
+        case "form-control-file":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$h();
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$g();
+            }
+            break;
+        case "form-control-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "form-control-textarea":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "justifi-additional-statement":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "justifi-cancellation-policy":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "justifi-counter-dispute":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "justifi-customer-details":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "justifi-dispute-notification":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "justifi-dispute-reason":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "justifi-duplicate-charge":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "justifi-electronic-evidence":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "justifi-product-or-service":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "justifi-refund-policy":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "justifi-shipping-details":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { DisputeManagementCore as D, defineCustomElement as d };

package/dist/module/dispute-notification.js

@@ -0,0 +1,36 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+
+const DisputeNotification = /*@__PURE__*/ proxyCustomElement(class DisputeNotification extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.submit = createEvent(this, "submit", 7);
+        this.clickEvent = createEvent(this, "clickEvent", 7);
+    }
+    acceptDispute() {
+        // submit the dispute as forfeited, then emit submit event
+        this.submit.emit();
+    }
+    initiateCounterDispute() {
+        this.clickEvent.emit({ name: 'counterDispute' });
+    }
+    render() {
+        return (h("div", { key: 'e4d4de3446f6cd1b21fceb5b51bbbb912e2becbd' }, h("h1", { key: '4f6c5d36c498c4828f9234c02910f68f1563f683', class: "h4" }, "This payment was disputed"), h("p", { key: 'dd69d64f749dbd7ef3dee0c02121f7a4d5c43935' }, "The cardholder for this payment claims that the product was not received."), h("p", { key: '012671e73722cf571e2ffe9ec7268fc5a68211b8' }, "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: 'a305a609445a42ed31486089ee50fb6e826333e3', class: "h5" }, "Dispute details"), h("div", { key: 'c383e914b7f80d4899c9f9a161ede6ab19b0bb20', class: "d-table gap-2" }, h("div", { key: '3a17b05d7608bd3e85462e225829e540073a58c3', class: "d-table-row gap-2" }, h("span", { key: '26410fd189aede2ce647d80c17c5b1de81ae1e33', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'cf978f0256bca203c8ffba95b7d207f10354b154', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, "$50.00")), h("div", { key: '2a84d71d53c8cd8fd55bd788dd8cf5f4390876fa', class: "d-table-row gap-2" }, h("span", { key: '196bc7ca8a74bcb63f72f979b1f219adedb1f19e', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '46b8a0867cae071a1d929beb684930f59b7b6bfa', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, "Product not received")), h("div", { key: '491e7f02249c12159a8488943659ba6bf2e27d71', class: "d-table-row gap-2" }, h("span", { key: '04af38ed973f99c2b1e7a82c64fc27ff87a01a15', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '8929ec9b7bb528d9b47851df29bd75e816018e70', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, "dis_1234567890"))), h("div", { key: '2693379df3be7315ee7acf751af6c2eaeca56dcc', class: "d-flex gap-2 mt-4 justify-content-end" }, h("button", { key: '738f868f185f9bbf98d41306e8b260959b2295bd', class: "btn btn-secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h("button", { key: '83712ad248a0f8784b8b176c5620b531b21df50e', class: "btn btn-primary", onClick: () => this.initiateCounterDispute() }, "Counter dispute"))));
+    }
+}, [0, "justifi-dispute-notification"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-dispute-notification"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-dispute-notification":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DisputeNotification);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { DisputeNotification as D, defineCustomElement as d };

package/dist/module/dispute-reason.js

@@ -0,0 +1,45 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$3 } from './form-control-error-text2.js';
+import { d as defineCustomElement$2 } from './form-control-help-text2.js';
+import { d as defineCustomElement$1 } from './form-control-radio2.js';
+
+const DisputeReason = /*@__PURE__*/ proxyCustomElement(class DisputeReason extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        return (h("div", { key: '012cc41aff83527468bbd2aa375c436876bc95ab', class: "row gy-3" }, h("div", { key: 'b52a68e86969e7f581e07b2d30b536a764778a7e', class: "col-12" }, h("h2", { key: '0c03884aef100c47a4b178b2da84a7c0c6ac7609', class: "h5" }, "Why are you countering this dispute?"), h("div", { key: 'f538c9bb9134bc57e69e9edce4087cef376634fa', class: "row gy-3" }, h("div", { key: '9c1f5e09e19d8d4830526bd2cf14c02c7b56d1f9', class: "col-12" }, h("form-control-radio", { key: 'f0498d4524db28040f460632165213b7756263b4', name: "disputeReason", label: "The cardholder withdrew the dispute", value: "reason1" }), h("form-control-radio", { key: 'c62c544f6099c3dccf5b34cb8a0db003496b370d', name: "disputeReason", label: "The cardholder received the product or service", value: "reason2" }), h("form-control-radio", { key: 'c3ea107bddf2a740612100bd67b99010fb2a345e', name: "disputeReason", label: "The cardholder was refunded", value: "reason3" }), h("form-control-radio", { key: 'd31e6a36cb3adc470809bfc92f48a7a13f0f8b03', name: "disputeReason", label: "The product, service, event or booking was cancelled or delayed due to a government order or other circumstances beyond your control", value: "reason4" }), h("form-control-radio", { key: '4dd304a181be479f7a1db6eb8e6882ce801915fb', name: "disputeReason", label: "Other", value: "reason5" }))))));
+    }
+}, [0, "justifi-dispute-reason"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-dispute-reason", "form-control-error-text", "form-control-help-text", "form-control-radio"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-dispute-reason":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DisputeReason);
+            }
+            break;
+        case "form-control-error-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "form-control-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { DisputeReason as D, defineCustomElement as d };

package/dist/module/duplicate-charge.js

@@ -0,0 +1,69 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$7 } from './custom-popper2.js';
+import { d as defineCustomElement$6 } from './form-control-error-text2.js';
+import { d as defineCustomElement$5 } from './form-control-file2.js';
+import { d as defineCustomElement$4 } from './form-control-help-text2.js';
+import { d as defineCustomElement$3 } from './form-control-text2.js';
+import { d as defineCustomElement$2 } from './form-control-textarea2.js';
+import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
+
+const DuplicateCharge = /*@__PURE__*/ proxyCustomElement(class DuplicateCharge extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        return (h("div", { key: 'b02f7b5b70969b8bf441266b368e8ddff43dd1e0' }, h("div", { key: 'f6fd012b8b477f4e2130872d0b43b85adad25fdd', class: "row gy-3" }, h("div", { key: '22f93a10a461f4e6e746b019861380c08bee9715', class: "col-12" }, h("h2", { key: 'fdcc6a3b8120bb3efa124e6bb79e96f5b444578a', class: "h5" }, "Duplicate Charge")), h("div", { key: '750890417b504f0477cf3359384c589f835847e5', class: "col-12" }, h("form-control-text", { key: 'e3d5f7886d8c6adea82f05a29ed45b41cd7db60e', label: "Original Payment ID", name: "duplicate_charge_original_payment_id" })), h("div", { key: 'd7c96b14fc113f70b88c24127edac5311323eb0a', class: "col-12" }, h("form-control-textarea", { key: '26fcb96b35087c948cbfd6a469a92ca7cdb86330', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation" })), h("div", { key: 'eadcc0457689882a1c19d18dd2898059d87547b0', class: "col-12" }, h("form-control-file", { key: 'f7aea8d759f94876bca6213de22cff28f8db8783', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation" })))));
+    }
+}, [0, "justifi-duplicate-charge"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-duplicate-charge", "custom-popper", "form-control-error-text", "form-control-file", "form-control-help-text", "form-control-text", "form-control-textarea", "form-control-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-duplicate-charge":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DuplicateCharge);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "form-control-error-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "form-control-file":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "form-control-textarea":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { DuplicateCharge as D, defineCustomElement as d };