@justifi/webcomponents 6.12.3 → 6.12.5

package/dist/module/{justifi-cancellation-policy2.js → cancellation-policy2.js}

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { ab as heading5 } from './parts.js';
+import { a2 as heading5 } from './parts.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-file-v22.js';
 import { d as defineCustomElement$3 } from './form-control-help-text3.js';
@@ -13,7 +13,7 @@ const CancellationPolicySchema = create$3({
     cancellation_rebuttal: create$6().nullable(),
 });
 
-const JustifiCancellationPolicy = /*@__PURE__*/ proxyCustomElement(class JustifiCancellationPolicy extends HTMLElement {
+const CancellationPolicy = /*@__PURE__*/ proxyCustomElement(class CancellationPolicy extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -41,9 +41,9 @@ const JustifiCancellationPolicy = /*@__PURE__*/ proxyCustomElement(class Justifi
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'f5f98ed91abdb767d3f48efaa9d69a5445d6a5bf' }, h("div", { key: 'b7a2539c1c5971267eb469fb0011508e5c3aa163', class: "row gy-3" }, h("div", { key: '82666927fa4daccb9ea2ad511e445201d216775e', class: "col-12" }, h("h2", { key: '7cf97383cee9cd3c5c95cc20374826b7f0d0ebe3', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '8a4691ee688de45f97dd624310ca5fc39cf20db2', class: "col-12" }, h("form-control-textarea", { key: '27ce967696f3f89c8b91d5892f7dfffefacd8536', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: '12a25c0dc23b528b412e1b19fd9b7071967fd411', class: "col-12" }, h("form-control-textarea", { key: '81ceef5f5b94ad31eb1cd36991a13e099b13725c', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: '9afbe3a16b1da50afea763c66e4ee0b5b388b137', class: "col-12" }, h("form-control-file-v2", { key: '9a613e293af4d48354859bfd2329afce152a5f89', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
+        return (h("div", { key: 'debb9fe05382d0806038547b61fe3201845db2a1' }, h("div", { key: '030d5be9a41dff1954049c6ac33a79024741c43c', class: "row gy-3" }, h("div", { key: 'd5da527af347d6c29c30f5ed5b5295b9ef693e7f', class: "col-12" }, h("h2", { key: '3f8d2da0485bd28220ae9f66db87fab49e86a734', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: 'd7fa3aacd80ad375ba58d1c86d8cf9d00c4cce6e', class: "col-12" }, h("form-control-textarea", { key: 'ca14e78ef0dcbad3b2a76cb230c2eb4a7c56f877', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: 'e8f10ab0e5e3e9c7a0f90aa13e8680607bb64a3e', class: "col-12" }, h("form-control-textarea", { key: '5ca2d11d67301b512756cbc4355939b9433be033', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: '36b8ef8f62721f220a05b1571bb347641b433b56', class: "col-12" }, h("form-control-file-v2", { key: 'c04f383cf55abd36b753718c2170d64f97935e7f', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
     }
-}, [256, "justifi-cancellation-policy", {
+}, [256, "cancellation-policy", {
         "disputeResponse": [8, "dispute-response"],
         "documentErrors": [8, "document-errors"],
         "form": [32],
@@ -55,11 +55,11 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-cancellation-policy", "custom-popper", "form-control-file-v2", "form-control-help-text", "form-control-textarea", "form-control-tooltip"];
+    const components = ["cancellation-policy", "custom-popper", "form-control-file-v2", "form-control-help-text", "form-control-textarea", "form-control-tooltip"];
     components.forEach(tagName => { switch (tagName) {
-        case "justifi-cancellation-policy":
+        case "cancellation-policy":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, JustifiCancellationPolicy);
+                customElements.define(tagName, CancellationPolicy);
             }
             break;
         case "custom-popper":
@@ -91,4 +91,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { JustifiCancellationPolicy as J, defineCustomElement as d };
+export { CancellationPolicy as C, defineCustomElement as d };

package/dist/module/card-billing-form-simple2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { p as postalOnlySchema } from './billing-form-schema.js';
-import { w as billingForm } from './parts.js';
+import { x as billingForm } from './parts.js';
 import { F as FormController } from './form.js';
 import { c as checkoutStore, o as onChange } from './checkout.store.js';
 import { d as defineCustomElement$3 } from './custom-popper2.js';

package/dist/module/country-config.js

@@ -61,4 +61,4 @@ const countryValidation = {
     },
 };
 
-export { countryOptions as a, countryValidation as b, countryLabels as c };
+export { ProvinceOptions as P, countryOptions as a, countryValidation as b, countryLabels as c };

package/dist/module/custom-popper2.js

@@ -1903,7 +1903,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '7a5bab9f568f74c4cc7635a5844ca9a48c506521' }, h("style", { key: '9d073f9cc6b46141f05def0a5fa51d61ce2ec1b0' }, `
+        return (h("div", { key: 'eb1e7317215bc36f340ac0cd8b5826cc302c3693' }, h("style", { key: '1acdb1992e684a654d659e7472758e016b4b11d6' }, `
           .popper-content {
             display: none;
           }
@@ -1911,7 +1911,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '7cea0b75df433ed9b5a8e46b015814a954f47c99', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '6a6f628864ce86989413f80b8a39f7fe089d6633' }))));
+          `), h("div", { key: '53ff89449687b84469c9cfbb83c7807b6e95e003', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'f8f516747c2ad6c2e32efefeaa33f319a202bba6' }))));
     }
     static get watchers() { return {
         "anchorRef": ["onAnchorRefChange"]

package/dist/module/{checkouts-list-core.d.ts → customer-details.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface CheckoutsListCore extends Components.CheckoutsListCore, HTMLElement {}
-export const CheckoutsListCore: {
-    prototype: CheckoutsListCore;
-    new (): CheckoutsListCore;
+interface CustomerDetails extends Components.CustomerDetails, HTMLElement {}
+export const CustomerDetails: {
+    prototype: CustomerDetails;
+    new (): CustomerDetails;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/module/customer-details.js

@@ -0,0 +1,6 @@
+import { C as CustomerDetails$1, d as defineCustomElement$1 } from './customer-details2.js';
+
+const CustomerDetails = CustomerDetails$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { CustomerDetails, defineCustomElement };

package/dist/module/{justifi-customer-details2.js → customer-details2.js}

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { ab as heading5 } from './parts.js';
+import { a2 as heading5 } from './parts.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-file-v22.js';
 import { d as defineCustomElement$4 } from './form-control-help-text3.js';
@@ -15,7 +15,7 @@ const CustomerDetailsSchema = create$3({
     customer_billing_address: create$6().nullable(),
 });
 
-const JustifiCustomerDetails = /*@__PURE__*/ proxyCustomElement(class JustifiCustomerDetails extends HTMLElement {
+const CustomerDetails = /*@__PURE__*/ proxyCustomElement(class CustomerDetails extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -43,9 +43,9 @@ const JustifiCustomerDetails = /*@__PURE__*/ proxyCustomElement(class JustifiCus
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '8bc10877cfabb168cd717d463a1ae252809275f5' }, h("div", { key: '12dc083ba94dfbb7b20671c636a0be03f3b67070', class: "row gy-3" }, h("div", { key: '429c91062e19b12711baa35d14b1337f8fbfc9d6', class: "col-12" }, h("h2", { key: '406723145d3bdbaa52b2897a5dc4347be34e7eea', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '40d5e8bd7c2b1fe8786c38fc2b7a3789278f3497', class: "col-12" }, h("form-control-text", { key: 'ade5ccaf5a45ba5f3f81c68196bfc7879da03315', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: 'baf8a129aa64d4507bce0d1f9ed7077f0911715e', class: "col-12" }, h("form-control-text", { key: '786f84b55ffec13cc937dff50e587e28865c7114', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '2805d754316314934648955b34e8c6da5f709192', class: "col-12" }, h("form-control-textarea", { key: '95a7a8a9d1d9ea70478021110808545c0730ffec', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: '78fa90926cc11695379a95dde849cfb28cf829f5', class: "col-12" }, h("form-control-file-v2", { key: '984ab42f7742afcb0b74ccf65f313ead0542f75d', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: 'de0bf546a3e767ec1e362446f14edea449643b2b', class: "col-12" }, h("form-control-file-v2", { key: '4124feba010476d48ab052142b7fb962d1550934', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
+        return (h("div", { key: '91e26b2e75fdd29814c58122e5aeae0d4d696032' }, h("div", { key: '029a3828b8682fdd10af400dccceff109f866509', class: "row gy-3" }, h("div", { key: '71fa3ded5566c5c18c682b8cfdfdcc5ebba2db44', class: "col-12" }, h("h2", { key: '95eb1ed9da9cd955fa9c4c7a83368ac3c3378d5b', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '9450f8bd033efc7d48d62ce343b8b43833887f63', class: "col-12" }, h("form-control-text", { key: '5690f7d9a46e2d58bdc24af0aab3798664f21745', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: 'a12aa4cb464e5df7f045302b08801adca70005f6', class: "col-12" }, h("form-control-text", { key: '39cdb0b558b87a7eae0528ea40b9ca4175b4cf7c', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '13604ae63374c6fa1805d8c4be0ba55fc166a924', class: "col-12" }, h("form-control-textarea", { key: '60a110f277175418c2ec0938600ad4b04f885ee3', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: 'abaa8888fff9952b3433c49e82a7150d6cd971dd', class: "col-12" }, h("form-control-file-v2", { key: 'e2e79edd8eaafd93cfdb91fd6a3b77645c1d28f2', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: '04bfc4bf3e735cccf70fb83d2e0882662b389727', class: "col-12" }, h("form-control-file-v2", { key: '476d3df1f072afdf95a6ad83e8b94b5946d66186', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
     }
-}, [256, "justifi-customer-details", {
+}, [256, "customer-details", {
         "disputeResponse": [8, "dispute-response"],
         "documentErrors": [8, "document-errors"],
         "form": [32],
@@ -57,11 +57,11 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-customer-details", "custom-popper", "form-control-file-v2", "form-control-help-text", "form-control-text", "form-control-textarea", "form-control-tooltip"];
+    const components = ["customer-details", "custom-popper", "form-control-file-v2", "form-control-help-text", "form-control-text", "form-control-textarea", "form-control-tooltip"];
     components.forEach(tagName => { switch (tagName) {
-        case "justifi-customer-details":
+        case "customer-details":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, JustifiCustomerDetails);
+                customElements.define(tagName, CustomerDetails);
             }
             break;
         case "custom-popper":
@@ -98,4 +98,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { JustifiCustomerDetails as J, defineCustomElement as d };
+export { CustomerDetails as C, defineCustomElement as d };

package/dist/module/dispute-notification.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DisputeNotification extends Components.DisputeNotification, HTMLElement {}
+export const DisputeNotification: {
+    prototype: DisputeNotification;
+    new (): DisputeNotification;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/module/dispute-notification.js

@@ -0,0 +1,6 @@
+import { D as DisputeNotification$1, d as defineCustomElement$1 } from './dispute-notification2.js';
+
+const DisputeNotification = DisputeNotification$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DisputeNotification, defineCustomElement };

package/dist/module/dispute-notification2.js

@@ -0,0 +1,82 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { b as formatCurrency } from './utils2.js';
+import { j as text, L as heading4 } from './parts.js';
+import { B as Button } from './button.js';
+import { S as Skeleton } from './skeleton.js';
+import './justifi-details2.js';
+import './event-types.js';
+import './justifi-radio-list-item2.js';
+import { m as makeSubmitDisputeResponse, D as DisputeManagementClickActions, a as DisputeService } from './event-types3.js';
+
+const DisputeNotification = /*@__PURE__*/ proxyCustomElement(class DisputeNotification extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.clickEvent = createEvent(this, "click-event", 7);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.submitEvent = createEvent(this, "submit-event", 7);
+    }
+    acceptDispute() {
+        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,
+                });
+            },
+        });
+    }
+    initiateRespondToDispute() {
+        this.clickEvent.emit({ name: DisputeManagementClickActions.respondToDispute });
+    }
+    isDueDatePassed() {
+        var _a;
+        if (!((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.due_date)) {
+            return false;
+        }
+        // Fix for JavaScript Date object parsing
+        // https://stackoverflow.com/a/31732581
+        const dueDate = new Date(this.dispute.due_date.replace(/-/g, '\/').replace(/T.+/, ''));
+        const today = new Date();
+        // Reset time to compare only dates
+        today.setHours(0, 0, 0, 0);
+        dueDate.setHours(0, 0, 0, 0);
+        return dueDate < today;
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        return (h("div", { key: 'c5963c0823e635ee0c2e88979b174c89c96af134', class: "dispute-notification-root" }, this.isLoading && (h("div", { key: '4de146d999a16e1b4ad3e393285a843d86febdda', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'ccbf1fe76ac5582cb2536548901c12768096e867', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '06ede07362fe88dfd4ec6b38c80bf619b9c7a134', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '768613c5b20ef403c468b12d5dacbea4b211ebef', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: 'a22e18df2764ddb6bee0db7e4da388bd9aec0d99', part: text }, h("h1", { key: 'b602464b54aacc6c0776975921dbe3fceeda1f04', class: "h4", part: heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
+            _b.due_date, ") for this dispute has passed"), h("p", { key: 'e4b8615f75914e7aa613f6120172bc2cc0f6dd31' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (h("div", { key: '2b09cc88b63ca582e2ef8cb83ef4455d4af493cc', part: text }, h("h1", { key: '74ac700bc104aac085712a30da0b968a1bec41fe', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '2d133967991c3ee44f022ac925c873c198b71315' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '376936590aaeb5903f430eedb84984704966563d', class: "h5" }, "Dispute details"), h("div", { key: '8afea9772ee48495c8b731ba8602c48e00061f8c', class: "d-table gap-2" }, h("div", { key: '14630372fff051e1baadb7239ced63ae56edaf7e', class: "d-table-row gap-2" }, h("span", { key: '4ec3fc5233e87b07021eeb78ac7d4e09666502c7', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'fe19ae497136c8ef5511a0197952c6d3cd889b84', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { key: '0f955e0707a9b8126868a34dafa39320e00d7706', class: "d-table-row gap-2" }, h("span", { key: '63dc2ebf125f6ec52a155ced1324a02b0735c78b', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '5a6e543559e873811348fa0b68d21fe0f1dac781', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), h("div", { key: '7656de07c60c137dd7005f96370a71442dcdb526', class: "d-table-row gap-2" }, h("span", { key: '817a89c84f605cbfac346f0d39790b35a73d51a4', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: 'e0e7c74f85934f6a1d2e02bc24d5563e1a37222e', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), h("div", { key: '2ef721cebd617709242a0b4b9713ff264f73eac0', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '530f16709538e4146e542b88177145e4b2c9808a', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'a498af8eb2d5a41e75a8fb044b981463b8e3bbd4', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: 'f01a89cda469402b5543b64b02ddfc9ec66cc62b', part: text }, h("h1", { key: '15f0173bdfc20dea6fb16b030479f8554e40b716', class: "h4", part: heading4 }, "This payment is disputed and under review"), h("p", { key: 'a444d77fad985cddf37a0386db7ee65f321fa11c' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (h("div", { key: '08bf0f31e5fe43dbf1058709f500d0b592827dcb', part: text }, h("h1", { key: 'e9925566140ac26b9fb42026258f3ca2bebc002f', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: 'b0dd7cec8cad943d46d7e2d7d919f15b29d08fbd' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (h("div", { key: '4b037a462c3e9b3c7b7296e15b443c94a4310f46', part: text }, h("h1", { key: 'b614282d90adb69e9c638ed7a6f80566033c69ed', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '3808b99fb69241784c6f3e09bbd6b13636cb26a3' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+    }
+}, [256, "dispute-notification", {
+        "dispute": [16],
+        "authToken": [1, "auth-token"],
+        "isLoading": [4, "is-loading"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["dispute-notification"];
+    components.forEach(tagName => { switch (tagName) {
+        case "dispute-notification":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DisputeNotification);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { DisputeNotification as D, defineCustomElement as d };

package/dist/module/dispute-response.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DisputeResponse extends Components.DisputeResponse, HTMLElement {}
+export const DisputeResponse: {
+    prototype: DisputeResponse;
+    new (): DisputeResponse;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/module/dispute-response.js

@@ -0,0 +1,6 @@
+import { D as DisputeResponse$1, d as defineCustomElement$1 } from './dispute-response2.js';
+
+const DisputeResponse = DisputeResponse$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DisputeResponse, defineCustomElement };

package/dist/module/{dispute-response-core.js → dispute-response2.js}

@@ -1,24 +1,27 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { D as DisputeManagementClickActions } from './event-types3.js';
-import { $ as heading4 } from './parts.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
+import { D as DisputeManagementClickActions, b as makeUpdateDisputeResponse, c as makeCreateDisputeEvidence, m as makeSubmitDisputeResponse, a as DisputeService } from './event-types3.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { L as heading4 } from './parts.js';
 import { B as Button } from './button.js';
-import { d as defineCustomElement$f } from './custom-popper2.js';
-import { d as defineCustomElement$e } from './form-control-date2.js';
-import { d as defineCustomElement$d } from './form-control-file-v22.js';
-import { d as defineCustomElement$c } from './form-control-help-text3.js';
-import { d as defineCustomElement$b } from './form-control-text2.js';
-import { d as defineCustomElement$a } from './form-control-textarea2.js';
-import { d as defineCustomElement$9 } from './form-control-tooltip2.js';
-import { d as defineCustomElement$8 } from './justifi-additional-statement2.js';
-import { d as defineCustomElement$7 } from './justifi-cancellation-policy2.js';
-import { d as defineCustomElement$6 } from './justifi-customer-details2.js';
-import { d as defineCustomElement$5 } from './justifi-duplicate-charge2.js';
-import { d as defineCustomElement$4 } from './justifi-electronic-evidence2.js';
-import { d as defineCustomElement$3 } from './justifi-product-or-service2.js';
-import { d as defineCustomElement$2 } from './justifi-refund-policy2.js';
-import { d as defineCustomElement$1 } from './justifi-shipping-details2.js';
+import { d as defineCustomElement$f } from './additional-statement2.js';
+import { d as defineCustomElement$e } from './cancellation-policy2.js';
+import { d as defineCustomElement$d } from './custom-popper2.js';
+import { d as defineCustomElement$c } from './customer-details2.js';
+import { d as defineCustomElement$b } from './duplicate-charge2.js';
+import { d as defineCustomElement$a } from './electronic-evidence2.js';
+import { d as defineCustomElement$9 } from './form-control-date2.js';
+import { d as defineCustomElement$8 } from './form-control-file-v22.js';
+import { d as defineCustomElement$7 } from './form-control-help-text3.js';
+import { d as defineCustomElement$6 } from './form-control-text2.js';
+import { d as defineCustomElement$5 } from './form-control-textarea2.js';
+import { d as defineCustomElement$4 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$3 } from './product-or-service2.js';
+import { d as defineCustomElement$2 } from './refund-policy2.js';
+import { d as defineCustomElement$1 } from './shipping-details2.js';
 
-const JustifiDisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class JustifiDisputeResponseCore extends HTMLElement {
+const DisputeResponse = /*@__PURE__*/ proxyCustomElement(class DisputeResponse extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -28,20 +31,22 @@ const JustifiDisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class Justif
         this.errorEvent = createEvent(this, "error-event", 7);
         this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
         this.submitEvent = createEvent(this, "submit-event", 7);
+        this.errorMessage = null;
         this.disputeResponse = {};
+        this.apiOrigin = "https://wc-proxy.justifi.ai";
         this.isLoading = false;
         this.documentList = [];
         this.documentErrors = {};
         this.currentStep = 0;
         this.componentStepMapping = [
-            () => h("justifi-product-or-service", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
-            () => h("justifi-customer-details", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
-            () => h("justifi-cancellation-policy", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
-            () => h("justifi-refund-policy", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
-            () => h("justifi-duplicate-charge", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
-            () => h("justifi-electronic-evidence", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
-            () => h("justifi-shipping-details", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
-            () => h("justifi-additional-statement", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
+            () => (h("product-or-service", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (h("customer-details", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (h("cancellation-policy", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (h("refund-policy", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (h("duplicate-charge", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (h("electronic-evidence", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (h("shipping-details", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
+            () => (h("additional-statement", { ref: (el) => (this.currentStepComponentRef = el), disputeResponse: this.disputeResponse, documentErrors: this.documentErrors })),
         ];
         this.saveData = async (formData, formStep) => {
             const hasFormData = Object.keys(formData).length;
@@ -139,15 +144,12 @@ const JustifiDisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class Justif
                 }
                 await this.initializeFileUploads();
             }
-            // this needs to happen last because it fires the 'submit-event' and 'complete-form-step-event' event
             await this.saveData(formData, formStep);
             this.isLoading = false;
         };
         this.onCancel = () => {
             this.clickEvent.emit({ name: DisputeManagementClickActions.cancelDispute });
         };
-        // after each of these steps where validateAndSubmit is called, reload the dispute
-        // and set isLoading, and pass defaults into each step
         this.onBack = async () => {
             await this.currentStepComponentRef.validateAndSubmit(async (formData, documentList, formStep) => {
                 this.clickEvent.emit({ name: DisputeManagementClickActions.previousStep });
@@ -170,6 +172,45 @@ const JustifiDisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class Justif
             });
         };
     }
+    componentWillLoad() {
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeDisputeServiceMethods();
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
+    propChanged() {
+        this.initializeDisputeServiceMethods();
+    }
+    initializeDisputeServiceMethods() {
+        if (this.disputeId && this.authToken) {
+            this.updateDisputeResponse = makeUpdateDisputeResponse({
+                disputeId: this.disputeId,
+                authToken: this.authToken,
+                service: new DisputeService(),
+            });
+            this.createDisputeEvidence = makeCreateDisputeEvidence({
+                disputeId: this.disputeId,
+                authToken: this.authToken,
+                service: new DisputeService(),
+            });
+            this.submitDisputeResponse = makeSubmitDisputeResponse({
+                disputeId: this.disputeId,
+                authToken: this.authToken,
+                service: new DisputeService(),
+            });
+        }
+        else {
+            this.errorMessage = 'Account ID and Auth Token are required';
+            this.errorEvent.emit({
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                message: this.errorMessage,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
     get currentStepComponent() {
         return this.componentStepMapping[this.currentStep]();
     }
@@ -180,101 +221,112 @@ const JustifiDisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class Justif
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: '2cc3b2abef27f1ecf146dca2423fe07efd98c816', class: "row gy-3" }, h("div", { key: '4c0303a7ad858568888c1345709858ac922ec176', class: "col-12" }, h("h1", { key: 'e857a204a17cb406790023c68e1f2908e3e194bc', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: 'bff6c1e8d5852569d868829aaf6721e8489ee577', class: "col-12" }, this.currentStepComponent), h("div", { key: '4ea8230871e5f0b90e4fed95821bf1ed6ba6ad83', class: "col-12" }, h("div", { key: 'a489196afb70fc4fc7c14c8ad2d55253b6f71a64', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
+        return (h("div", { key: '50f6bf79c7590ef3591e2163dbcd89241ca17b62', class: "dispute-response-root" }, h("div", { key: '5345d5a3c5e7ff2d4c56f438fe623578e3d2029e', class: "row gy-3" }, h("div", { key: '8925276a290105b2fde5cd6bfdf0390c3a0c95f9', class: "col-12" }, h("h1", { key: 'b8eb14deedc748b3612f11fad9d94fa38020a7f8', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '50afe487bdb21d3ea2dc149c662a284f5ebb4d9b', class: "col-12" }, this.currentStepComponent), h("div", { key: 'cde242630fdc12e82ee5a77a199c4f6a7858371e', class: "col-12" }, h("div", { key: 'ce548b753ec56df34e23eb33649a27449d49b712', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next")))))));
     }
-}, [256, "justifi-dispute-response-core", {
-        "updateDisputeResponse": [16],
-        "submitDisputeResponse": [16],
-        "createDisputeEvidence": [16],
+    static get watchers() { return {
+        "disputeId": ["propChanged"],
+        "authToken": ["propChanged"]
+    }; }
+}, [256, "dispute-response", {
+        "authToken": [1, "auth-token"],
+        "disputeId": [1, "dispute-id"],
         "disputeResponse": [8, "dispute-response"],
+        "apiOrigin": [1, "api-origin"],
+        "updateDisputeResponse": [32],
+        "submitDisputeResponse": [32],
+        "createDisputeEvidence": [32],
+        "errorMessage": [32],
         "isLoading": [32],
         "documentList": [32],
         "documentErrors": [32],
         "currentStep": [32],
         "currentStepComponentRef": [32]
+    }, undefined, {
+        "disputeId": ["propChanged"],
+        "authToken": ["propChanged"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-dispute-response-core", "custom-popper", "form-control-date", "form-control-file-v2", "form-control-help-text", "form-control-text", "form-control-textarea", "form-control-tooltip", "justifi-additional-statement", "justifi-cancellation-policy", "justifi-customer-details", "justifi-duplicate-charge", "justifi-electronic-evidence", "justifi-product-or-service", "justifi-refund-policy", "justifi-shipping-details"];
+    const components = ["dispute-response", "additional-statement", "cancellation-policy", "custom-popper", "customer-details", "duplicate-charge", "electronic-evidence", "form-control-date", "form-control-file-v2", "form-control-help-text", "form-control-text", "form-control-textarea", "form-control-tooltip", "product-or-service", "refund-policy", "shipping-details"];
     components.forEach(tagName => { switch (tagName) {
-        case "justifi-dispute-response-core":
+        case "dispute-response":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, JustifiDisputeResponseCore);
+                customElements.define(tagName, DisputeResponse);
             }
             break;
-        case "custom-popper":
+        case "additional-statement":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "form-control-date":
+        case "cancellation-policy":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "form-control-file-v2":
+        case "custom-popper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "form-control-help-text":
+        case "customer-details":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "form-control-text":
+        case "duplicate-charge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "form-control-textarea":
+        case "electronic-evidence":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "form-control-tooltip":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "justifi-additional-statement":
+        case "form-control-file-v2":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "justifi-cancellation-policy":
+        case "form-control-help-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "justifi-customer-details":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "justifi-duplicate-charge":
+        case "form-control-textarea":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "justifi-electronic-evidence":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "justifi-product-or-service":
+        case "product-or-service":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "justifi-refund-policy":
+        case "refund-policy":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }
             break;
-        case "justifi-shipping-details":
+        case "shipping-details":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }
@@ -283,4 +335,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { JustifiDisputeResponseCore as J, defineCustomElement as d };
+export { DisputeResponse as D, defineCustomElement as d };

package/dist/module/duplicate-charge.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DuplicateCharge extends Components.DuplicateCharge, HTMLElement {}
+export const DuplicateCharge: {
+    prototype: DuplicateCharge;
+    new (): DuplicateCharge;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/module/duplicate-charge.js

@@ -0,0 +1,6 @@
+import { D as DuplicateCharge$1, d as defineCustomElement$1 } from './duplicate-charge2.js';
+
+const DuplicateCharge = DuplicateCharge$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DuplicateCharge, defineCustomElement };