@justifi/webcomponents 5.4.3 → 5.5.0

package/dist/module/custom-popper2.js

@@ -143,7 +143,7 @@ function effect$2(_ref2) {
 } // eslint-disable-next-line import/no-unused-modules
 
 
-const applyStyles$1 = {
+var applyStyles$1 = {
   name: 'applyStyles',
   enabled: true,
   phase: 'write',
@@ -458,7 +458,7 @@ function effect$1(_ref2) {
 } // eslint-disable-next-line import/no-unused-modules
 
 
-const arrow$1 = {
+var arrow$1 = {
   name: 'arrow',
   enabled: true,
   phase: 'main',
@@ -625,7 +625,7 @@ function computeStyles(_ref5) {
 } // eslint-disable-next-line import/no-unused-modules
 
 
-const computeStyles$1 = {
+var computeStyles$1 = {
   name: 'computeStyles',
   enabled: true,
   phase: 'beforeWrite',
@@ -672,7 +672,7 @@ function effect(_ref) {
 } // eslint-disable-next-line import/no-unused-modules
 
 
-const eventListeners = {
+var eventListeners = {
   name: 'eventListeners',
   enabled: true,
   phase: 'write',
@@ -982,7 +982,6 @@ function detectOverflow(state, options) {
   var popperOffsets = computeOffsets({
     reference: referenceClientRect,
     element: popperRect,
-    strategy: 'absolute',
     placement: placement
   });
   var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets));
@@ -1178,7 +1177,7 @@ function flip(_ref) {
 } // eslint-disable-next-line import/no-unused-modules
 
 
-const flip$1 = {
+var flip$1 = {
   name: 'flip',
   enabled: true,
   phase: 'main',
@@ -1240,7 +1239,7 @@ function hide(_ref) {
 } // eslint-disable-next-line import/no-unused-modules
 
 
-const hide$1 = {
+var hide$1 = {
   name: 'hide',
   enabled: true,
   phase: 'main',
@@ -1292,7 +1291,7 @@ function offset(_ref2) {
 } // eslint-disable-next-line import/no-unused-modules
 
 
-const offset$1 = {
+var offset$1 = {
   name: 'offset',
   enabled: true,
   phase: 'main',
@@ -1310,13 +1309,12 @@ function popperOffsets(_ref) {
   state.modifiersData[name] = computeOffsets({
     reference: state.rects.reference,
     element: state.rects.popper,
-    strategy: 'absolute',
     placement: state.placement
   });
 } // eslint-disable-next-line import/no-unused-modules
 
 
-const popperOffsets$1 = {
+var popperOffsets$1 = {
   name: 'popperOffsets',
   enabled: true,
   phase: 'read',
@@ -1451,7 +1449,7 @@ function preventOverflow(_ref) {
 } // eslint-disable-next-line import/no-unused-modules
 
 
-const preventOverflow$1 = {
+var preventOverflow$1 = {
   name: 'preventOverflow',
   enabled: true,
   phase: 'main',
@@ -1800,8 +1798,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
         this.placement = 'bottom';
         this.offset = [0, 10];
         this.strategy = 'absolute';
-        this.trigger = 'click';
-        this.anchorRef = undefined;
+        this.trigger = 'click'; // 'click', 'hover', 'focus'
         this.isOpen = false;
     }
     componentDidLoad() {
@@ -1876,7 +1873,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '8c840ff88bde2fd2cb7be39772e2b49699d32844' }, h("style", { key: 'b5b1bd1fa8b6f6c76723d014bf96e2ee09fe60f4' }, `
+        return (h("div", { key: '93ef772e6f341891914bc0d105103268819025bb' }, h("style", { key: '190ce08d03bdac571064457b8c88862957eb29c9' }, `
           .popper-content {
             display: none;
           }
@@ -1884,14 +1881,14 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '80b0e169b33d6679f372f0d34cd2320013485e10', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '4892f58a1fb5a98212f6b651f4cecc03ad7c84a2' }))));
+          `), h("div", { key: '81f42aa1231eee2f8df55958bddc59c0c517e4f1', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'bc13e2c3da97458ceb210719b68547f6944f5437' }))));
     }
 }, [4, "custom-popper", {
         "placement": [1],
         "offset": [16],
         "strategy": [1],
         "trigger": [1],
-        "anchorRef": [16],
+        "anchorRef": [16, "anchor-ref"],
         "isOpen": [32]
     }]);
 function defineCustomElement() {

package/dist/module/customer-details.js

@@ -1,10 +1,10 @@
 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 { T as heading5 } from './parts.js';
+import { W 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';
+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';
@@ -19,14 +19,12 @@ const CustomerDetails = /*@__PURE__*/ proxyCustomElement(class CustomerDetails e
     constructor() {
         super();
         this.__registerHost();
-        this.inputHandler = (name, value) => {
-            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
-        };
-        this.disputeResponse = undefined;
         this.documentErrors = {};
-        this.form = undefined;
         this.errors = {};
         this.documents = { customer_signature: [], customer_communication: [] };
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
     }
     async validateAndSubmit(onSuccess) {
         const documentList = Object.values(this.documents).flat();
@@ -43,7 +41,7 @@ const CustomerDetails = /*@__PURE__*/ proxyCustomElement(class CustomerDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: 'b7f6a56dd2c1ed9c489c9af51be7cc51645c798d' }, h("div", { key: 'a3c9a1fb87739dfb1c02ec651663ed27b75a3b39', class: "row gy-3" }, h("div", { key: 'b0a978ee641386f8bddf52787b39371a5279be68', class: "col-12" }, h("h2", { key: '51d722637868f1b380d7065edcc7ee8421eeeacc', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '5b4843b8391cf38b3322d9a4995d02cd81af95e2', class: "col-12" }, h("form-control-text", { key: '5c8725f1893aad3007552a72f928143b3a2cac57', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: '20529807f6b93411a2dbcf6cf0894b084d2e854f', class: "col-12" }, h("form-control-text", { key: '22c89513e4744a745f91602a8311c64c9a7840ad', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '728c483456c7fd97d54368b9d0bf0a046ee1e169', class: "col-12" }, h("form-control-textarea", { key: '128222a80fd9e716dc20de70d3bf33b42fc147ab', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: 'e55c1e358c4fe57f118d13b07b6109a1d97d6c8b', class: "col-12" }, h("form-control-file-v2", { key: '00a057cfb9b9813004634dda61e047d5ac14e623', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: '3389590c63a5d3044e2470d7243e67ef57697682', class: "col-12" }, h("form-control-file-v2", { key: '3eea18b33b3203e599bbf0ac94c687b2ecb321fa', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
+        return (h("div", { key: 'aa6d9ce0e3f4fed7bbec20ae012dc4281d1463fb' }, h("div", { key: 'b456cd10529c362d671567acb2c51b309c587873', class: "row gy-3" }, h("div", { key: '1f46068f107c6cb63cf44beda7cd208581732ffd', class: "col-12" }, h("h2", { key: '1c2b3ffcbaff446509f38304f768fc0e1ee8cb20', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '7f24c6aa8d2221d1319a7adbef3fed710806fe8d', class: "col-12" }, h("form-control-text", { key: '8ac22164468ba524e3936ac6ea4452eb0e9ec041', 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: 'bd7462028ae2be56b2d91fe216e723624c35bc9f', class: "col-12" }, h("form-control-text", { key: '024fa329a590d1c72496f88c676a0a773e2c17db', 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: '62289ab9f0963a7263caf551205b775b7088a1e5', class: "col-12" }, h("form-control-textarea", { key: '38ec0bfdd5de12c896dfee034cc0c838ae368dec', 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: '939e0ae33c789e107a06ef0ff863c068d39d6e71', class: "col-12" }, h("form-control-file-v2", { key: 'f6e270b3621e53814f947ee9d6668a64759af2fa', 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: 'e21ababbc4d31128a58234443e9ed846f816c80b', class: "col-12" }, h("form-control-file-v2", { key: 'f011192607cb4a24b4a1efe47ce5364e3f5c315d', 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 })))));
     }
 }, [0, "justifi-customer-details", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/details.js

@@ -5,7 +5,6 @@ const Details = /*@__PURE__*/ proxyCustomElement(class Details extends HTMLEleme
     constructor() {
         super();
         this.__registerHost();
-        this.errorMessage = undefined;
     }
     render() {
         return (h(Host, { key: 'd00d3b1c3b5d73af5a0eb1a18f2095f023aeb816' }, this.errorMessage ?

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

@@ -1,10 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { D as DisputeManagementClickActions } from './event-types3.js';
+import { D as DisputeManagementClickActions } from './event-types2.js';
 import { D as Dispute, a as DisputeStatus } from './Payment.js';
 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-file-v22.js';
-import { d as defineCustomElement$f } from './form-control-help-text3.js';
+import { d as defineCustomElement$f } from './form-control-help-text2.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';
@@ -25,10 +25,6 @@ const DisputeManagementCore = /*@__PURE__*/ proxyCustomElement(class DisputeMana
         super();
         this.__registerHost();
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.getDispute = undefined;
-        this.disputeId = undefined;
-        this.authToken = undefined;
-        this.dispute = undefined;
         this.isLoading = true;
         this.showDisputeResponseForm = false;
     }
@@ -72,13 +68,13 @@ const DisputeManagementCore = /*@__PURE__*/ proxyCustomElement(class DisputeMana
         });
     }
     render() {
-        return (h("div", { key: 'da2305d650756505b9b1920f95888425d3b8a63c' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
+        return (h("div", { key: '2d18538755406216b66ec416da158044945530ee' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
     }
     static get watchers() { return {
         "getDispute": ["updateOnPropChange"]
     }; }
 }, [0, "justifi-dispute-management-core", {
-        "getDispute": [16],
+        "getDispute": [16, "get-dispute"],
         "disputeId": [1, "dispute-id"],
         "authToken": [1, "auth-token"],
         "dispute": [32],

package/dist/module/dispute-notification.js

@@ -1,12 +1,12 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { f as formatCurrency } from './utils2.js';
-import { t as text, a3 as heading4 } from './parts.js';
+import { t as text, U as heading4 } from './parts.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import { S as Skeleton } from './skeleton.js';
 import './details.js';
 import { m as makeSubmitDisputeResponse, D as DisputeService } from './dispute-response-actions.js';
-import { D as DisputeManagementClickActions } from './event-types3.js';
+import { D as DisputeManagementClickActions } from './event-types2.js';
 
 const DisputeNotification = /*@__PURE__*/ proxyCustomElement(class DisputeNotification extends HTMLElement {
     constructor() {
@@ -16,9 +16,6 @@ const DisputeNotification = /*@__PURE__*/ proxyCustomElement(class DisputeNotifi
         this.clickEvent = createEvent(this, "click-event", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
         this.submitEvent = createEvent(this, "submit-event", 7);
-        this.dispute = undefined;
-        this.authToken = undefined;
-        this.isLoading = undefined;
     }
     acceptDispute() {
         makeSubmitDisputeResponse({
@@ -44,7 +41,7 @@ const DisputeNotification = /*@__PURE__*/ proxyCustomElement(class DisputeNotifi
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h(StyledHost, { key: 'ad76721d05d9dcdfb643d865aec1a6f0684e1e05' }, this.isLoading && (h("div", { key: 'a8b8e850e168cba9281a6f6302aef53976027346', style: { marginBottom: '8px' } }, h(Skeleton, { key: '813563746b9f9b507b49762c9e1a1f006765345b', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '373c0596e6246860a17822eb5ec49f3ef9e37460', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '32f8083f0551fbea29de6ddbc847dc62fa0b0c48', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '9c032d9b8ea4b176f1fabfff45a2975ac9e6df17', part: text }, h("h1", { key: 'e1a906047a9c056138bb2bd69dddf2bbc54782c4', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '40d9d799d073318ba52a2c559c8119c64e9107aa' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: 'e2d3bc21f03cd47acc8feec8640410c1c74f9b58', class: "h5" }, "Dispute details"), h("div", { key: '3e3c440350a6dc86b42204a43f80fa700c1d06f0', class: "d-table gap-2" }, h("div", { key: '67b4dbf945dae00fe6e6144782c6c249cc032968', class: "d-table-row gap-2" }, h("span", { key: '6570c2fc92f6a526a6e2afee91fa1017f5ef3c9b', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '269f42e3737b419978fb35e741f34a751f0b0d9b', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: 'b498ff565dafbea3e3452d386883924bda431a96', class: "d-table-row gap-2" }, h("span", { key: 'afaecceeac44807453e1a99ffc0d8961022fd98f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '69b491d454f791d679528b77f9f75fc889add363', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: '97515b0bd0dd113e31e6974c7e107af19eed2e73', class: "d-table-row gap-2" }, h("span", { key: 'e8a46a99bb2596d8aab980230088989c3a9455c4', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: 'aa5e2e6997bedfdbd31c2fe9ee540a4399e3a25e', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), h("div", { key: '4e35b26867fdde02426bd047932ca854c05421b7', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '2881172b26ffb36321094ea2f8af7cc622678229', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'e57fca0b48327bb898ec19938498eb1c945bbb4d', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: 'c1f0a2f35d9640efdfd76b13d6969374169b2631' }, h("h1", { key: '800d59ebecc9f15890fe7f264a3b44910e322784', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '30a7d186c01e33f2a95b0cecb3a4a69b59d158e6' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '5d0fbdcc7a15817e1875d18a5f4d9cf982989ed1' }, h("h1", { key: 'b2814587c7bd46e28948346f5871456e6cc0589c', class: "h4" }, "This payment was disputed"), h("p", { key: 'bff6dbf512017e27b1fc6ea2a97b2dc47f4b2a65' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '548cf8e95c0933ec987862c162487abfd3c043bc' }, h("h1", { key: '46f96b5e6785b5a4398918c0e29302403a7194bd', class: "h4" }, "This payment was disputed"), h("p", { key: '71c3c1e1754cd0f0f042a6277ba93b2076cd7645' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (h(StyledHost, { key: 'c7b0e27df3ff2b6c3d7896b643dafa22ecbfc12f' }, this.isLoading && (h("div", { key: '18146e1d3c1dbe3c0d13373c271f6f0c2a14e577', style: { marginBottom: '8px' } }, h(Skeleton, { key: '4549fd59a8f667f3f20eee3ad7f222e3482ddd90', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '7eb2385f0ffd5ff987e744cfa63b21c2b287b8c7', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '573f29b4ab58f7e0e40b92ba66f72301b554c747', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: 'cbca9793cb135c38a44990123eabf1356f956611', part: text }, h("h1", { key: '753e802679bac3750d29956ff36405acd382e63a', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: 'b61db99b9cd660cc275f95f54cdd6c83f8225875' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '9d5121aaeca16f9aa7a95783c1051c82aa9c8411', class: "h5" }, "Dispute details"), h("div", { key: '9283a15923b110e0b3fa88d626b6f35382c1d140', class: "d-table gap-2" }, h("div", { key: '2e55561fe97701ab94ea24b6959971c74ca6e729', class: "d-table-row gap-2" }, h("span", { key: 'f00c9fd6f56714465930707eb4b5d62089e7d267', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '49df6471bb1b23a17c9e94bec38a4790a4c201c9', 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: '82c0acacdf47345bdb164b8e478e5f00231a6c91', class: "d-table-row gap-2" }, h("span", { key: '9e5ffb7a87c37bddb5f3ac06b5cd5b0cb13a8f16', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '1ce8f6455621793c8cc529db0ad7e00edd7c56f7', 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: '2387aca8911939e4a38001aa4b027e4347b53f67', class: "d-table-row gap-2" }, h("span", { key: '6bae0054cd63fa4079aad94b1d59ebae82a5f29f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '9902828da0416de007183640132b13b3b3876ab5', 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: '488bf8b0f522eb80dc7875a05e5bcd9ecadc2e9f', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '4a1ac98e4e10ef9eb6583266e822e9f92f37bb7a', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '9636fef3a69df92ad8d5361f60374ee185c684f6', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: '80161e317bf111f13bd5305a427862a5c8533c6b' }, h("h1", { key: 'c5f43507dbb2b82b7098143b8397a6321e98201c', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'a31b3e8e72a8936ba3016e8f1f08505025d36372' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '0033197d2d6c036de59dab25ec7238664bd52726' }, h("h1", { key: 'ef352a480feefb8e7aa22e27b86395baaedddaa5', class: "h4" }, "This payment was disputed"), h("p", { key: '258eeb510b153e46468889685f6abfcd88671be8' }, "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: 'fa49089194fd3462be03ac147c0f414bcd2ff936' }, h("h1", { key: 'cad5f4223d4394adb1630268ec1dbce4b8e7de97', class: "h4" }, "This payment was disputed"), h("p", { key: 'befc6125e3d2548576c2072ebdf509f39afd93d3' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
 }, [1, "justifi-dispute-notification", {
         "dispute": [16],

package/dist/module/dispute-response-actions.js

@@ -1,28 +1,37 @@
 import { A as Api } from './Api.js';
-import { a as ComponentErrorSeverity } from './ComponentError.js';
+import { C as ComponentErrorSeverity } from './ComponentError.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import './SubAccount.js';
+import './Refund.js';
 import './Document.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 
 class DisputeService {
     async fetchDispute(disputeId, authToken) {
         const endpoint = `disputes/${disputeId}`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).get(endpoint);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).get({ endpoint });
     }
     async updateDisputeResponse(disputeId, authToken, payload) {
         const endpoint = `disputes/${disputeId}/response`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).patch(endpoint, payload);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).patch({
+            endpoint,
+            body: payload,
+        });
     }
     async submitDisputeResponse(disputeId, authToken, payload) {
         const endpoint = `disputes/${disputeId}/response`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
+            endpoint,
+            body: payload,
+        });
     }
     async createDisputeEvidence(disputeId, authToken, payload) {
         const endpoint = `disputes/${disputeId}/evidence`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).put(endpoint, payload);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).put({
+            endpoint,
+            body: payload,
+        });
     }
 }
 

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

@@ -1,11 +1,11 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { D as DisputeManagementClickActions } from './event-types3.js';
-import { a3 as heading4 } from './parts.js';
+import { D as DisputeManagementClickActions } from './event-types2.js';
+import { U 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$c } from './form-control-help-text2.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';
@@ -26,6 +26,11 @@ const DisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class DisputeRespon
         this.errorEvent = createEvent(this, "error-event", 7);
         this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
         this.submitEvent = createEvent(this, "submit-event", 7);
+        this.disputeResponse = {};
+        this.isLoading = false;
+        this.documentList = [];
+        this.documentErrors = {};
+        this.currentStep = 0;
         this.componentStepMapping = [
             () => h("justifi-product-or-service", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
             () => h("justifi-customer-details", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
@@ -162,15 +167,6 @@ const DisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class DisputeRespon
                 await this.handleSubmit(submitData, documentList, formStep);
             });
         };
-        this.updateDisputeResponse = undefined;
-        this.submitDisputeResponse = undefined;
-        this.createDisputeEvidence = undefined;
-        this.disputeResponse = {};
-        this.isLoading = false;
-        this.documentList = [];
-        this.documentErrors = {};
-        this.currentStep = 0;
-        this.currentStepComponentRef = undefined;
     }
     get currentStepComponent() {
         return this.componentStepMapping[this.currentStep]();
@@ -182,12 +178,12 @@ const DisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class DisputeRespon
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: '1f44d3fa1d95758e9dc949bc9df9cb8def59aae5', class: "row gy-3" }, h("div", { key: '5245e71606a4f69a8978c27bf8d0a985ecf3b835', class: "col-12" }, h("h1", { key: 'e843ee37344171cb159fe83889ddc244487d49ed', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '7680b28f96255822f3048dc529bafa71cebf81cc', class: "col-12" }, this.currentStepComponent), h("div", { key: '3ce0c6ac049c64a3ed18e42dcc001dd1f62a5aed', class: "col-12" }, h("div", { key: '2192e17c236024e2c89ea361ac1a4e2b57c6b50e', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
+        return (h("div", { key: '925abd40942ff12e2e6a86a3c929848694713b15', class: "row gy-3" }, h("div", { key: 'd5f26db74f10893a9cde0758902c0b035a61a2c1', class: "col-12" }, h("h1", { key: '97a51d22b0e540b72f91f0a1a7bd813c8fb8d82d', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: 'fad6269029d7c647b0fdfef74b51ae10b57c3c25', class: "col-12" }, this.currentStepComponent), h("div", { key: 'ddc092e8ec7d7e65944ec0d543ee77d002430f5a', class: "col-12" }, h("div", { key: 'ba9acd77d6aaa6aeb302cecc9d3f5d5b429214c5', 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"))))));
     }
 }, [0, "justifi-dispute-response-core", {
-        "updateDisputeResponse": [16],
-        "submitDisputeResponse": [16],
-        "createDisputeEvidence": [16],
+        "updateDisputeResponse": [16, "update-dispute-response"],
+        "submitDisputeResponse": [16, "submit-dispute-response"],
+        "createDisputeEvidence": [16, "create-dispute-evidence"],
         "disputeResponse": [8, "dispute-response"],
         "isLoading": [32],
         "documentList": [32],

package/dist/module/dispute-response.js

@@ -3,11 +3,11 @@ import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { a as makeUpdateDisputeResponse, b as makeCreateDisputeEvidence, m as makeSubmitDisputeResponse, D as DisputeService } from './dispute-response-actions.js';
-import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
 import { d as defineCustomElement$g } from './custom-popper2.js';
 import { d as defineCustomElement$f } from './form-control-date2.js';
 import { d as defineCustomElement$e } from './form-control-file-v22.js';
-import { d as defineCustomElement$d } from './form-control-help-text3.js';
+import { d as defineCustomElement$d } from './form-control-help-text2.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';
@@ -27,18 +27,12 @@ const DisputeResponse = /*@__PURE__*/ proxyCustomElement(class DisputeResponse e
         this.__registerHost();
         this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.errorMessage = null;
+        this.apiOrigin = "https://wc-proxy.justifi.ai";
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
             this.errorEvent.emit(event.detail);
         };
-        this.updateDisputeResponse = undefined;
-        this.submitDisputeResponse = undefined;
-        this.createDisputeEvidence = undefined;
-        this.errorMessage = null;
-        this.authToken = undefined;
-        this.disputeId = undefined;
-        this.disputeResponse = undefined;
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
     }
     componentWillLoad() {
         checkPkgVersion();
@@ -79,7 +73,7 @@ const DisputeResponse = /*@__PURE__*/ proxyCustomElement(class DisputeResponse e
         }
     }
     render() {
-        return (h(StyledHost, { key: '1a0ac889493d8008e9bd70e4c3aad9ea72d12453' }, h("justifi-dispute-response-core", { key: '82e11a3f0d14640beca1ebed72364662db3ffdbd', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: 'f9f1f5840fdcbde1bff206516b1ab5777e29e101' }, h("justifi-dispute-response-core", { key: '8ead7c944c233a6fa5fc6bf1cdd04670d446948e', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get watchers() { return {
@@ -89,7 +83,7 @@ const DisputeResponse = /*@__PURE__*/ proxyCustomElement(class DisputeResponse e
 }, [1, "justifi-dispute-response", {
         "authToken": [1, "auth-token"],
         "disputeId": [1, "dispute-id"],
-        "disputeResponse": [16],
+        "disputeResponse": [16, "dispute-response"],
         "apiOrigin": [1, "api-origin"],
         "updateDisputeResponse": [32],
         "submitDisputeResponse": [32],

package/dist/module/duplicate-charge.js

@@ -1,10 +1,10 @@
 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 { T as heading5 } from './parts.js';
+import { W 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';
+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';
@@ -18,14 +18,12 @@ const DuplicateCharge = /*@__PURE__*/ proxyCustomElement(class DuplicateCharge e
     constructor() {
         super();
         this.__registerHost();
-        this.inputHandler = (name, value) => {
-            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
-        };
-        this.disputeResponse = undefined;
         this.documentErrors = {};
-        this.form = undefined;
         this.errors = {};
         this.documents = { duplicate_charge_documentation: [] };
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
     }
     async validateAndSubmit(onSuccess) {
         const documentList = Object.values(this.documents).flat();
@@ -42,7 +40,7 @@ const DuplicateCharge = /*@__PURE__*/ proxyCustomElement(class DuplicateCharge e
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'eb4f8764416b3f82bb2ca4052816c55abf7a10e0' }, h("div", { key: '6e7c5c9e25cc508d253fb4506588670d5edb6d3a', class: "row gy-3" }, h("div", { key: '76afe1f271b1aeb530f8bfbadfa16b39833abff0', class: "col-12" }, h("h2", { key: '5e311a49194c20250ec12cf1872f46af1219627d', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '6e3a0d4e88f8464f1bdefb580626fd5d37af6c76', class: "col-12" }, h("form-control-text", { key: 'd5fd0e4706df1f246395ef0e1825b9c25456e713', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: '01a17763a76e14e05ae84cbadd12f1eb7b8da4dc', class: "col-12" }, h("form-control-textarea", { key: '9dde7a1922f55d31b983626f1279a222c6dface6', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: '736b812a5178f6340e981c98920849a39778b788', class: "col-12" }, h("form-control-file-v2", { key: '8df332685d9b4b23f48fae76b2d46c93e5ca3d40', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
+        return (h("div", { key: 'a66b6bb52fe1b0fb8e212dc00727e76340d7ca0c' }, h("div", { key: 'a318705438874cd947565be981b46723c178cbe4', class: "row gy-3" }, h("div", { key: '207fd1e636d499f03d905cd66121487550fae4ee', class: "col-12" }, h("h2", { key: '7e13abfa26ea8c64df319377dc72bb92895bdba4', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '9f8c7054328beb116790026cb24a4d3e324edcac', class: "col-12" }, h("form-control-text", { key: '1ffb43f1c395eac1fbb4922eecf9ba4cf55e132f', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: 'f8157dbd195d769860dfbf8e096612b8bfe8fe05', class: "col-12" }, h("form-control-textarea", { key: 'bb9e98c90935059a99f7251e54a2e10cd2d8e6b0', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: '5f81e93eb28f2aaf4a0b26a1fc38a843de40faa2', class: "col-12" }, h("form-control-file-v2", { key: 'c62471bd7cb1304ff04d15ae6527885d1658d8cb', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
     }
 }, [0, "justifi-duplicate-charge", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/electronic-evidence.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 { T as heading5 } from './parts.js';
+import { W as heading5 } from './parts.js';
 import { d as defineCustomElement$4 } from './custom-popper2.js';
 import { d as defineCustomElement$3 } from './form-control-file-v22.js';
 import { d as defineCustomElement$2 } from './form-control-text2.js';
@@ -15,14 +15,12 @@ const ElectronicEvidence = /*@__PURE__*/ proxyCustomElement(class ElectronicEvid
     constructor() {
         super();
         this.__registerHost();
-        this.inputHandler = (name, value) => {
-            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
-        };
-        this.disputeResponse = undefined;
         this.documentErrors = {};
-        this.form = undefined;
         this.errors = {};
         this.documents = { activity_log: [] };
+        this.inputHandler = (name, value) => {
+            this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
+        };
     }
     async validateAndSubmit(onSuccess) {
         const documentList = Object.values(this.documents).flat();
@@ -39,7 +37,7 @@ const ElectronicEvidence = /*@__PURE__*/ proxyCustomElement(class ElectronicEvid
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'e6ddcb39f751386da5613108a8dde54a6f299a54' }, h("div", { key: '085db2253e1330617bd26326faa3fcf19c84b890', class: "row gy-3" }, h("div", { key: '5d0652116e282ed5e9cae11e1330f261652e9de4', class: "col-12" }, h("h2", { key: '5606230417d4cdb4218f6fb7af319712add4ecc7', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'ed8db92b69aca3c4661d1e84e07ecbbeb5b33b87', class: "col-12" }, h("form-control-text", { key: 'c7b4edb8172f30cd559544d1cb925861ae8fdcb2', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: '077c0d5c6b5a7fd6fba2add6b6d4bfe50d3ae7d6', class: "col-12" }, h("form-control-file-v2", { key: 'ea44784a843b2d35b53caf0412a07056d68c11c3', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
+        return (h("div", { key: 'dfd89ee2ac10d21896550590e2bc16c93cf5d250' }, h("div", { key: '1a80252467cdd2425aef5aadc5eb15114b979c72', class: "row gy-3" }, h("div", { key: '0d15a99118ea22fb60d59295fc8027e46cec9894', class: "col-12" }, h("h2", { key: 'b1a4523bbe0fbb9cab857ac5652c4b8f09d51a06', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '0e12afb8381bc6ecc923f28be5a5445003e5a55e', class: "col-12" }, h("form-control-text", { key: '509d4621fdd6f346f4c1987b919386960dd6b4e6', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: 'c52b67e91e30f2be088837215b9b96f7deafea71', class: "col-12" }, h("form-control-file-v2", { key: 'd3fee7102a66df9cb39c1463247b27b5c5c3a934', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
     }
 }, [0, "justifi-electronic-evidence", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/event-types2.js

@@ -1,62 +1,22 @@
-import { h } from '@stencil/core/internal/client';
-import { r as tableEmpty, u as tableError, p as tableCell } from './parts.js';
-import { S as Spinner } from './spinner.js';
+var DisputeManagementClickActions;
+(function (DisputeManagementClickActions) {
+    DisputeManagementClickActions["nextStep"] = "nextStep";
+    DisputeManagementClickActions["previousStep"] = "previousStep";
+    DisputeManagementClickActions["cancelDispute"] = "cancelDispute";
+    DisputeManagementClickActions["respondToDispute"] = "respondToDispute";
+    DisputeManagementClickActions["submit"] = "submit";
+})(DisputeManagementClickActions || (DisputeManagementClickActions = {}));
+var DisputeResponseFormStep;
+(function (DisputeResponseFormStep) {
+    DisputeResponseFormStep["disputeReason"] = "dispute_reason";
+    DisputeResponseFormStep["productOrService"] = "product_or_service";
+    DisputeResponseFormStep["customerDetails"] = "customer_details";
+    DisputeResponseFormStep["cancellationPolicy"] = "cancellation_policy";
+    DisputeResponseFormStep["refundPolicy"] = "refund_policy";
+    DisputeResponseFormStep["duplicateCharge"] = "duplicate_charge";
+    DisputeResponseFormStep["electronicEvidence"] = "electronic_evidence";
+    DisputeResponseFormStep["shippingDetails"] = "shipping_details";
+    DisputeResponseFormStep["additionalStatement"] = "additional_statement";
+})(DisputeResponseFormStep || (DisputeResponseFormStep = {}));
 
-const TableEmptyState = (props) => {
-    const { columnSpan, isEmpty } = props;
-    if (!columnSpan || !isEmpty) {
-        return null;
-    }
-    return (h("tr", null,
-        h("td", { class: "empty-state", part: tableEmpty, colSpan: columnSpan, style: { textAlign: 'center' } }, "No results")));
-};
-
-const TableErrorState = (props) => {
-    const { columnSpan, errorMessage } = props;
-    if (!columnSpan || !errorMessage) {
-        return null;
-    }
-    return (h("tr", null,
-        h("td", { class: "error-state", part: tableError, colSpan: columnSpan, "data-test-id": "table-error-state", style: { textAlign: 'center' } },
-            "An unexpected error occurred: ",
-            errorMessage)));
-};
-
-const TableLoadingState = (props) => {
-    const { columnSpan, isLoading } = props;
-    if (!columnSpan || !isLoading) {
-        return null;
-    }
-    return (h("tr", null,
-        h("td", { class: "loading-state", part: tableCell, colSpan: columnSpan, style: { textAlign: 'center' } },
-            h(Spinner, null))));
-};
-
-class Table {
-    get columnData() {
-        return this.columnKeys.map((key) => this.tableColumns[key]());
-    }
-    get rowData() {
-        return this.collection.map((dataEntry, index) => {
-            return this.columnKeys.map((key) => this.tableCells[key](dataEntry, index));
-        });
-    }
-    set collectionData(collection) {
-        this.collection = collection;
-    }
-    constructor(collection, columns, tableColumns, tableCells) {
-        this.columnKeys = columns.split(',');
-        this.collection = collection;
-        this.tableColumns = tableColumns;
-        this.tableCells = tableCells;
-    }
-}
-
-var TableClickActions;
-(function (TableClickActions) {
-    TableClickActions["row"] = "tableRow";
-    TableClickActions["next"] = "nextPage";
-    TableClickActions["previous"] = "previousPage";
-})(TableClickActions || (TableClickActions = {}));
-
-export { TableClickActions as T, Table as a, TableLoadingState as b, TableEmptyState as c, TableErrorState as d };
+export { DisputeManagementClickActions as D };