@adyen/adyen-platform-experience-web 1.10.0 → 1.10.1

package/dist/es/components/external/DisputeManagement/components/DefendDisputeFlow/DefendDisputeResponse.js

@@ -3,32 +3,32 @@ import { useCallback as l, useRef as y, useEffect as v } from "../../../../../ex
 import k from "../../../../../core/Context/useCoreContext.js";
 import u from "../../../../internal/Button/Button.js";
 import { ButtonVariant as f } from "../../../../internal/Button/types.js";
-import { TypographyVariant as a } from "../../../../internal/Typography/types.js";
-import i from "../../../../internal/Typography/Typography.js";
+import { TypographyVariant as t } from "../../../../internal/Typography/types.js";
+import a from "../../../../internal/Typography/Typography.js";
 import { useDisputeFlow as C } from "../../context/dispute/context.js";
 /* empty css                       */
 import { Icon as g } from "../../../../internal/Icon/Icon.js";
 import { isFunction as N } from "../../../../../utils/value/is.js";
-const V = ({ onDisputeDefend: r }) => {
-  const { i18n: s } = k(), { clearFiles: o, clearStates: d, dispute: n, setFlowState: t, defendResponse: c } = C(), h = l(() => {
-    d(), t("details");
-  }, [d, t]), _ = l(() => {
-    o(), t("uploadDefenseFilesView");
-  }, [o, t]), m = y(!1);
+const V = ({ onDisputeDefend: i }) => {
+  const { i18n: s } = k(), { clearFiles: c, clearStates: o, dispute: d, setFlowState: n, defendResponse: r } = C(), h = l(() => {
+    o(), n("details");
+  }, [o, n]), _ = l(() => {
+    c(), n("uploadDefenseFilesView");
+  }, [c, n]), m = y(!1);
   return v(() => {
-    if (!m.current && c === "success" && N(r)) {
-      const p = n == null ? void 0 : n.dispute.pspReference;
-      p && (m.current = !0, r({ id: p }));
+    if (!m.current && r === "success" && N(i)) {
+      const p = d?.dispute.pspReference;
+      p && (m.current = !0, i({ id: p }));
     }
-  }, [c, n, r]), /* @__PURE__ */ e("div", { className: "adyen-pe-defend-dispute__response", children: c === "success" ? /* @__PURE__ */ e("div", { className: "adyen-pe-defend-dispute__success", children: [
+  }, [r, d, i]), /* @__PURE__ */ e("div", { className: "adyen-pe-defend-dispute__response", children: r === "success" ? /* @__PURE__ */ e("div", { className: "adyen-pe-defend-dispute__success", children: [
     /* @__PURE__ */ e(g, { name: "checkmark-circle-fill", className: "adyen-pe-defend-dispute__success-icon" }),
-    /* @__PURE__ */ e(i, { variant: a.TITLE, children: s.get("disputes.management.defend.common.evidenceSubmitted") }),
-    /* @__PURE__ */ e(i, { variant: a.BODY, className: "adyen-pe-defend-dispute__success-description", children: s.get("disputes.management.defend.chargeback.submitSuccessInfo") }),
+    /* @__PURE__ */ e(a, { variant: t.TITLE, children: s.get("disputes.management.defend.common.evidenceSubmitted") }),
+    /* @__PURE__ */ e(a, { variant: t.BODY, className: "adyen-pe-defend-dispute__success-description", children: s.get("disputes.management.defend.chargeback.submitSuccessInfo") }),
     /* @__PURE__ */ e("div", { className: "adyen-pe-defend-dispute__success-buttons", children: /* @__PURE__ */ e(u, { variant: f.SECONDARY, onClick: h, children: s.get("disputes.management.common.actions.showDetails") }) })
   ] }) : /* @__PURE__ */ e("div", { className: "adyen-pe-defend-dispute__error", children: [
     /* @__PURE__ */ e(g, { name: "cross-circle-fill", className: "adyen-pe-defend-dispute__error-icon" }),
-    /* @__PURE__ */ e(i, { variant: a.TITLE, medium: !0, children: s.get("disputes.management.defend.common.errors.somethingWentWrong") }),
-    /* @__PURE__ */ e(i, { variant: a.BODY, children: s.get("disputes.management.defend.common.errors.defenseFailed") }),
+    /* @__PURE__ */ e(a, { variant: t.TITLE, medium: !0, children: s.get("disputes.management.defend.common.errors.somethingWentWrong") }),
+    /* @__PURE__ */ e(a, { variant: t.BODY, children: s.get("disputes.management.defend.common.errors.defenseFailed") }),
     /* @__PURE__ */ e(u, { variant: f.SECONDARY, onClick: _, children: s.get("disputes.management.common.actions.goBack") })
   ] }) });
 };

package/dist/es/components/external/DisputeManagement/components/DefendDisputeFlow/SelectAndUploadOptionalDoc.js

@@ -1,113 +1,111 @@
 import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import E from "classnames";
-import { useResponsiveContainer as F, containerQueries as L } from "../../../../../hooks/useResponsiveContainer.js";
-import h from "../../../../internal/Typography/Typography.js";
-import { TypographyElement as v, TypographyVariant as C } from "../../../../internal/Typography/types.js";
-import { FileInput as P } from "../../../../internal/FormFields/FileInput/FileInput.js";
-import B from "../../../../../core/Context/useCoreContext.js";
-import { useDisputeFlow as M } from "../../context/dispute/context.js";
-import { getDefenseDocumentContent as N } from "../../utils/index.js";
-import { useMemo as O, useCallback as S, useEffect as R } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import Y from "../../../../internal/Button/Button.js";
-import { ButtonVariant as V } from "../../../../internal/Button/types.js";
-import { ALLOWED_FILE_TYPES as k, DOCUMENT_MAX_SIZE as U } from "./constants.js";
-import { Icon as W } from "../../../../internal/Icon/Icon.js";
-import j from "../../../../internal/FormFields/Select/Select.js";
+import I from "classnames";
+import { useResponsiveContainer as A, containerQueries as E } from "../../../../../hooks/useResponsiveContainer.js";
+import _ from "../../../../internal/Typography/Typography.js";
+import { TypographyElement as g, TypographyVariant as h } from "../../../../internal/Typography/types.js";
+import { FileInput as F } from "../../../../internal/FormFields/FileInput/FileInput.js";
+import L from "../../../../../core/Context/useCoreContext.js";
+import { useDisputeFlow as B } from "../../context/dispute/context.js";
+import { getDefenseDocumentContent as M } from "../../utils/index.js";
+import { useMemo as N, useCallback as v, useEffect as O } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import P from "../../../../internal/Button/Button.js";
+import { ButtonVariant as R } from "../../../../internal/Button/types.js";
+import { ALLOWED_FILE_TYPES as Y, DOCUMENT_MAX_SIZE as V } from "./constants.js";
+import { Icon as k } from "../../../../internal/Icon/Icon.js";
+import U from "../../../../internal/FormFields/Select/Select.js";
 const a = "adyen-pe-defend-dispute-document-upload-box", n = {
   deleteButton: a + "__delete-button-container",
   dropdownList: a + "__dropdown-list",
   dropdownListMobile: a + "__dropdown-list--mobile",
   extraDocuments: a + "__extra-documents-selector",
   extraDocumentsTitle: a + "__extra-documents-selector-title"
-}, ne = ({
+}, re = ({
   items: d,
   selection: t,
   setSelection: p,
-  disabled: i,
-  required: T,
-  title: b,
-  index: l,
+  disabled: l,
+  required: C,
+  title: S,
+  index: m,
   onRemoveOption: c,
-  mapError: x
+  mapError: T
 }) => {
-  var y, _;
-  const { i18n: r } = B(), { addFileToDefendPayload: w, moveFieldInDefendPayload: u, removeFieldFromDefendPayload: f, defenseDocumentConfig: D } = M(), g = O(() => r.get("disputes.management.defend.common.inputs.documentSelect.a11y.label"), [r]), I = F(L.down.xs), A = S(
-    (e) => N(D, r, e),
+  const { i18n: r } = L(), { addFileToDefendPayload: b, moveFieldInDefendPayload: u, removeFieldFromDefendPayload: f, defenseDocumentConfig: D } = B(), y = N(() => r.get("disputes.management.defend.common.inputs.documentSelect.a11y.label"), [r]), w = A(E.down.xs), x = v(
+    (e) => M(D, r, e),
     [D, r]
-  ), m = S(
+  ), i = v(
     (e) => {
-      t && u(t, e), p(e, l);
+      t && u(t, e), p(e, m);
     },
-    [l, u, t, p]
+    [m, u, t, p]
   );
-  return R(() => {
+  return O(() => {
     const e = d.filter(({ disabled: s }) => s !== !0);
-    e.length === 1 && !t && m(e[0].id);
-  }, [d, t, m]), /* @__PURE__ */ o("div", { className: n.extraDocuments, children: [
+    e.length === 1 && !t && i(e[0].id);
+  }, [d, t, i]), /* @__PURE__ */ o("div", { className: n.extraDocuments, children: [
     /* @__PURE__ */ o("div", { className: n.deleteButton, children: [
-      /* @__PURE__ */ o(h, { strongest: !0, className: n.extraDocumentsTitle, variant: C.BODY, el: v.DIV, children: b }),
+      /* @__PURE__ */ o(_, { strongest: !0, className: n.extraDocumentsTitle, variant: h.BODY, el: g.DIV, children: S }),
       c && /* @__PURE__ */ o(
-        Y,
+        P,
         {
-          disabled: i,
+          disabled: l,
           "aria-label": r.get("disputes.management.defend.common.actions.deleteOptionalDocument"),
-          onClick: () => l !== void 0 && !i && c(l),
-          variant: V.TERTIARY,
+          onClick: () => m !== void 0 && !l && c(m),
+          variant: R.TERTIARY,
           fullWidth: !1,
           align: "center",
-          children: /* @__PURE__ */ o(W, { name: "trash-can" })
+          children: /* @__PURE__ */ o(k, { name: "trash-can" })
         }
       )
     ] }),
     /* @__PURE__ */ o("div", { children: [
       /* @__PURE__ */ o(
-        j,
+        U,
         {
           onChange: (e) => {
             const s = e.target.value;
-            m(s);
+            i(s);
           },
           items: d,
           filterable: !1,
           multiSelect: !1,
           showOverlay: !1,
           selected: t,
-          readonly: i,
-          "aria-label": g,
-          placeholder: g,
-          popoverClassNameModifiers: [E(n.dropdownList, { [n.dropdownListMobile]: I })],
-          fixedPopoverPositioning: !0
+          readonly: l,
+          "aria-label": y,
+          placeholder: y,
+          popoverClassNameModifiers: [I(n.dropdownList, { [n.dropdownListMobile]: w })]
         }
       ),
-      t && ((_ = (y = A(t)) == null ? void 0 : y.primaryDescriptionItems) == null ? void 0 : _.map((e) => /* @__PURE__ */ o(
-        h,
+      t && x(t)?.primaryDescriptionItems?.map((e) => /* @__PURE__ */ o(
+        _,
         {
           className: "adyen-pe-defend-dispute-document-upload__description",
-          variant: C.BODY,
-          el: v.PARAGRAPH,
+          variant: h.BODY,
+          el: g.PARAGRAPH,
           children: e
         },
         e
-      )))
+      ))
     ] }),
     /* @__PURE__ */ o(
-      P,
+      F,
       {
-        maxFileSize: (e) => U[e],
-        allowedFileTypes: k,
-        mapError: x,
+        maxFileSize: (e) => V[e],
+        allowedFileTypes: Y,
+        mapError: T,
         onDelete: () => {
           t && f(t);
         },
-        disabled: i || !t,
-        required: T,
+        disabled: l || !t,
+        required: C,
         onChange: (e) => {
-          t && (e[0] ? w(t, e[0]) : f(t));
+          t && (e[0] ? b(t, e[0]) : f(t));
         }
       }
     )
   ] });
 };
 export {
-  ne as default
+  re as default
 };

package/dist/es/components/external/DisputeManagement/components/DisputesData/DisputeData.js

@@ -1,60 +1,60 @@
-import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import j from "classnames";
-import { useMemo as A, useCallback as N, useState as pe, useEffect as de } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import $ from "../../../../../core/Context/useCoreContext.js";
-import { useFetch as Te } from "../../../../../hooks/useFetch.js";
-import { useResponsiveContainer as ue, containerQueries as Ae } from "../../../../../hooks/useResponsiveContainer.js";
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import Y from "classnames";
+import { useMemo as T, useCallback as _, useState as re, useEffect as ce } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import Q from "../../../../../core/Context/useCoreContext.js";
+import { useFetch as pe } from "../../../../../hooks/useFetch.js";
+import { useResponsiveContainer as de, containerQueries as me } from "../../../../../hooks/useResponsiveContainer.js";
 /* empty css                 */
-import { Alert as S } from "../../../../internal/Alert/Alert.js";
-import { AlertVariantOption as O, AlertTypeOption as I } from "../../../../internal/Alert/types.js";
-import Ee from "../../../../internal/Button/ButtonActions/ButtonActions.js";
-import { ButtonVariant as h } from "../../../../internal/Button/types.js";
-import De from "../../../../internal/StatusBox/StatusBox.js";
-import fe from "../../../../internal/StatusBox/useStatusBox.js";
-import { Tag as _e } from "../../../../internal/Tag/Tag.js";
-import Ne from "../../../DisputesOverview/components/DisputesTable/DisputeStatusTag.js";
-import { useDisputeFlow as Se } from "../../context/dispute/context.js";
-import { isDisputeActionNeeded as Oe } from "../../../../utils/disputes/actionNeeded.js";
-import { DisputeIssuerComments as Ie } from "./DisputeIssuerComments.js";
-import he from "./DisputeDataProperties.js";
-import { DISPUTE_DATA_SKELETON_CONTAINER as ge, DISPUTE_DATA_STATUS_BOX_SKELETON as Re, DISPUTE_DATA_STATUS_BOX_STATUS_CONTAINER as Pe, DISPUTE_DATA_STATUS_BOX_STATUS as q, DISPUTE_DATA_STATUS_BOX_AMOUNT as ye, DISPUTE_DATA_STATUS_BOX_PAYMENT_METHOD_CONTAINER as Be, DISPUTE_DATA_STATUS_BOX_PAYMENT_METHOD as Q, DISPUTE_DATA_PROPERTIES_SKELETON_CONTAINER as Fe, DISPUTE_DATA_PROPERTIES_SKELETON as Ue, DISPUTE_DATA_PROPERTIES_SKELETON_ELEMENT as Z, DISPUTE_DATA_CLASS as J, DISPUTE_DATA_MOBILE_CLASS as W, DISPUTE_DATA_ERROR_CONTAINER as ve, DISPUTE_STATUS_BOX as Ce, DISPUTE_DATA_ACTION_BAR as Le } from "./constants.js";
-import be from "../../../../internal/Typography/Typography.js";
-import { TypographyElement as Me, TypographyVariant as ke } from "../../../../internal/Typography/types.js";
-import xe from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
-import { getDisputeType as He } from "../../../../utils/translation/getters.js";
-import { ErrorMessageDisplay as Xe } from "../../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
-import { getDisputesErrorMessage as Ye } from "../../../../utils/disputes/getDisputesErrorMessage.js";
+import { Alert as N } from "../../../../internal/Alert/Alert.js";
+import { AlertVariantOption as S, AlertTypeOption as O } from "../../../../internal/Alert/types.js";
+import ue from "../../../../internal/Button/ButtonActions/ButtonActions.js";
+import { ButtonVariant as I } from "../../../../internal/Button/types.js";
+import le from "../../../../internal/StatusBox/StatusBox.js";
+import Te from "../../../../internal/StatusBox/useStatusBox.js";
+import { Tag as Ae } from "../../../../internal/Tag/Tag.js";
+import fe from "../../../DisputesOverview/components/DisputesTable/DisputeStatusTag.js";
+import { useDisputeFlow as Ee } from "../../context/dispute/context.js";
+import { isDisputeActionNeeded as De } from "../../../../utils/disputes/actionNeeded.js";
+import { DisputeIssuerComments as _e } from "./DisputeIssuerComments.js";
+import Ne from "./DisputeDataProperties.js";
+import { DISPUTE_DATA_SKELETON_CONTAINER as Se, DISPUTE_DATA_STATUS_BOX_SKELETON as Oe, DISPUTE_DATA_STATUS_BOX_STATUS_CONTAINER as Ie, DISPUTE_DATA_STATUS_BOX_STATUS as K, DISPUTE_DATA_STATUS_BOX_AMOUNT as ge, DISPUTE_DATA_STATUS_BOX_PAYMENT_METHOD_CONTAINER as he, DISPUTE_DATA_STATUS_BOX_PAYMENT_METHOD as G, DISPUTE_DATA_PROPERTIES_SKELETON_CONTAINER as Re, DISPUTE_DATA_PROPERTIES_SKELETON as Pe, DISPUTE_DATA_PROPERTIES_SKELETON_ELEMENT as V, DISPUTE_DATA_CLASS as j, DISPUTE_DATA_MOBILE_CLASS as q, DISPUTE_DATA_ERROR_CONTAINER as ye, DISPUTE_STATUS_BOX as Be, DISPUTE_DATA_ACTION_BAR as Ce } from "./constants.js";
+import Fe from "../../../../internal/Typography/Typography.js";
+import { TypographyElement as Ue, TypographyVariant as ve } from "../../../../internal/Typography/types.js";
+import Le from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import { getDisputeType as be } from "../../../../utils/translation/getters.js";
+import { ErrorMessageDisplay as Me } from "../../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
+import { getDisputesErrorMessage as ke } from "../../../../utils/disputes/getDisputesErrorMessage.js";
 import we from "../../../../internal/Button/Button.js";
 import { Fragment as g } from "../../../../../external/preact/dist/preact.module.js";
-import { Translation as Ke } from "../../../../internal/Translation/Translation.js";
-import { useConfigContext as Ge } from "../../../../../core/ConfigContext/context.js";
-import { EMPTY_OBJECT as Ve } from "../../../../../utils/value/constants.js";
-import { isFunction as F } from "../../../../../utils/value/is.js";
-import { DATE_FORMAT_RESPONSE_DEADLINE as je } from "../../../../../constants/dateFormats.js";
-const qe = (c) => !!c && typeof c == "object" && c.type === "button", Qe = ({
-  alertMode: c,
-  dispute: o,
-  timeZone: d
+import { Translation as xe } from "../../../../internal/Translation/Translation.js";
+import { useConfigContext as He } from "../../../../../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as Xe } from "../../../../../utils/value/constants.js";
+import { isFunction as y } from "../../../../../utils/value/is.js";
+import { DATE_FORMAT_RESPONSE_DEADLINE as Ye } from "../../../../../constants/dateFormats.js";
+const Ke = (o) => !!o && typeof o == "object" && o.type === "button", Ge = ({
+  alertMode: o,
+  dispute: d,
+  timeZone: m
 }) => {
-  const { i18n: m } = $(), { dateFormat: r } = xe(d);
-  switch (c) {
+  const { i18n: i } = Q(), { dateFormat: n } = Le(m);
+  switch (o) {
     case "contactSupport": {
-      const { dueDate: n, type: T } = o, u = T === "REQUEST_FOR_INFORMATION" ? "disputes.management.details.alerts.contactSupport.requestForInformation" : T === "NOTIFICATION_OF_FRAUD" ? "disputes.management.details.alerts.contactSupport.notificationOfFraud" : "disputes.management.details.alerts.contactSupport.chargeback";
-      return /* @__PURE__ */ t(
-        S,
+      const { dueDate: a, type: u } = d, l = u === "REQUEST_FOR_INFORMATION" ? "disputes.management.details.alerts.contactSupport.requestForInformation" : u === "NOTIFICATION_OF_FRAUD" ? "disputes.management.details.alerts.contactSupport.notificationOfFraud" : "disputes.management.details.alerts.contactSupport.chargeback";
+      return /* @__PURE__ */ e(
+        N,
         {
-          type: I.WARNING,
-          variant: O.TIP,
-          description: /* @__PURE__ */ t(g, { children: [
-            m.get(u),
-            T !== "NOTIFICATION_OF_FRAUD" && !!n && /* @__PURE__ */ t(g, { children: [
+          type: O.WARNING,
+          variant: S.TIP,
+          description: /* @__PURE__ */ e(g, { children: [
+            i.get(l),
+            u !== "NOTIFICATION_OF_FRAUD" && !!a && /* @__PURE__ */ e(g, { children: [
               " ",
-              /* @__PURE__ */ t(
-                Ke,
+              /* @__PURE__ */ e(
+                xe,
                 {
                   translationKey: "disputes.management.details.alerts.responseDeadline",
                   fills: {
-                    date: /* @__PURE__ */ t("time", { dateTime: n, children: /* @__PURE__ */ t(be, { variant: ke.CAPTION, el: Me.SPAN, stronger: !0, children: r(n, je) }) })
+                    date: /* @__PURE__ */ e("time", { dateTime: a, children: /* @__PURE__ */ e(Fe, { variant: ve.CAPTION, el: Ue.SPAN, stronger: !0, children: n(a, Ye) }) })
                   }
                 }
               )
@@ -64,164 +64,161 @@ const qe = (c) => !!c && typeof c == "object" && c.type === "button", Qe = ({
       );
     }
     case "autoDefended":
-      return /* @__PURE__ */ t(
-        S,
+      return /* @__PURE__ */ e(
+        N,
         {
-          type: I.HIGHLIGHT,
-          variant: O.TIP,
-          description: m.get("disputes.management.details.alerts.autoDefended")
+          type: O.HIGHLIGHT,
+          variant: S.TIP,
+          description: i.get("disputes.management.details.alerts.autoDefended")
         }
       );
     case "notDefended": {
-      const n = o.status === "EXPIRED" ? "disputes.management.details.alerts.notDefendedExpired" : "disputes.management.details.alerts.notDefendedLost";
-      return /* @__PURE__ */ t(S, { type: I.HIGHLIGHT, variant: O.TIP, description: m.get(n) });
+      const a = d.status === "EXPIRED" ? "disputes.management.details.alerts.notDefendedExpired" : "disputes.management.details.alerts.notDefendedLost";
+      return /* @__PURE__ */ e(N, { type: O.HIGHLIGHT, variant: S.TIP, description: i.get(a) });
     }
     case "notDefendable":
-      return /* @__PURE__ */ t(
-        S,
+      return /* @__PURE__ */ e(
+        N,
         {
-          type: I.HIGHLIGHT,
-          variant: O.TIP,
-          description: m.get("disputes.management.details.alerts.notDefendable")
+          type: O.HIGHLIGHT,
+          variant: S.TIP,
+          description: i.get("disputes.management.details.alerts.notDefendable")
         }
       );
   }
   return null;
-}, yt = ({
-  disputeId: c,
-  dataCustomization: o,
-  onContactSupport: d,
-  onDismiss: m
+}, ht = ({
+  disputeId: o,
+  dataCustomization: d,
+  onContactSupport: m,
+  onDismiss: i
 }) => {
-  var w, K, G;
-  const { i18n: r } = $(), { dispute: n, setDispute: T, setFlowState: u, defenseReasonConfig: z } = Se(), { getDisputeDetail: R, getApplicableDefenseDocuments: ee, acceptDispute: te } = Ge().endpoints, ne = F(te), se = F(ee), U = ue(Ae.up.sm), { data: E, isFetching: ae, error: P } = Te(
-    A(
+  const { i18n: n } = Q(), { dispute: a, setDispute: u, setFlowState: l, defenseReasonConfig: Z } = Ee(), { getDisputeDetail: h, getApplicableDefenseDocuments: z, acceptDispute: J } = He().endpoints, W = y(J), $ = y(z), B = de(me.up.sm), { data: A, isFetching: ee, error: R } = pe(
+    T(
       () => ({
         fetchOptions: {
-          enabled: !!c && !!R && !n,
+          enabled: !!o && !!h && !a,
           onSuccess: (s) => {
-            T(s);
+            u(s);
           }
         },
-        queryFn: async () => R(Ve, {
+        queryFn: async () => h(Xe, {
           path: {
-            disputePspReference: c
+            disputePspReference: o
           }
         })
       }),
-      [n, c, R, T]
+      [a, o, h, u]
     )
-  ), e = n || E, l = (w = e == null ? void 0 : e.dispute) == null ? void 0 : w.defensibility, re = fe({
-    amountData: e == null ? void 0 : e.dispute.amount,
-    paymentMethodData: e == null ? void 0 : e.payment.paymentMethod
-  }), v = A(() => {
-    const { chargeback: s, preArbitration: a } = (e == null ? void 0 : e.dispute.issuerExtraData) ?? {}, i = [];
-    return [a, s].forEach((_) => {
-      _ && ["LIABILITY_NOT_ACCEPTED_FULLY", "PRE_ARB_REASON", "NOTE"].forEach((le) => {
-        const B = _[le], V = B == null ? void 0 : B.trim();
-        V && i.push(V);
+  ), t = a || A, r = t?.dispute?.defensibility, te = Te({
+    amountData: t?.dispute.amount,
+    paymentMethodData: t?.payment.paymentMethod
+  }), C = T(() => {
+    const { chargeback: s, preArbitration: p } = t?.dispute.issuerExtraData ?? {}, D = [];
+    return [p, s].forEach((H) => {
+      H && ["LIABILITY_NOT_ACCEPTED_FULLY", "PRE_ARB_REASON", "NOTE"].forEach((ie) => {
+        const X = H[ie]?.trim();
+        X && D.push(X);
       });
-    }), i.filter(Boolean);
-  }, [e]), C = A(() => He(r, e == null ? void 0 : e.dispute.type), [r, e]), D = !!l && ["ACCEPTABLE", "DEFENDABLE_EXTERNALLY"].includes(l) || (e == null ? void 0 : e.dispute.type) === "NOTIFICATION_OF_FRAUD", L = !!l && l === "DEFENDABLE" && se, b = !!l && ["ACCEPTABLE", "DEFENDABLE"].includes(l) && ne, M = N(() => {
-    u("accept");
-  }, [u]), k = N(() => {
-    u("defendReasonSelectionView");
-  }, [u]), [f, oe] = pe([]), x = N(async () => {
-    var a, i;
-    const s = E && await ((i = (a = o == null ? void 0 : o.details) == null ? void 0 : a.onDataRetrieve) == null ? void 0 : i.call(a, E));
+    }), D.filter(Boolean);
+  }, [t]), F = T(() => be(n, t?.dispute.type), [n, t]), f = !!r && ["ACCEPTABLE", "DEFENDABLE_EXTERNALLY"].includes(r) || t?.dispute.type === "NOTIFICATION_OF_FRAUD", U = !!r && r === "DEFENDABLE" && $, v = !!r && ["ACCEPTABLE", "DEFENDABLE"].includes(r) && W, L = _(() => {
+    l("accept");
+  }, [l]), b = _(() => {
+    l("defendReasonSelectionView");
+  }, [l]), [E, se] = re([]), M = _(async () => {
+    const s = A && await d?.details?.onDataRetrieve?.(A);
     if (s)
-      return oe(
-        Object.values(s).filter((_) => qe(_))
+      return se(
+        Object.values(s).filter((p) => Ke(p))
       );
-  }, [E, o == null ? void 0 : o.details]);
-  de(() => {
-    x();
-  }, [x]);
-  const H = A(() => (n == null ? void 0 : n.dispute.type) === "REQUEST_FOR_INFORMATION" ? r.get("disputes.management.details.actions.submitInformation") : r.get("disputes.management.details.actions.defendChargeback"), [r, n == null ? void 0 : n.dispute.type]), X = A(() => {
+  }, [A, d?.details]);
+  ce(() => {
+    M();
+  }, [M]);
+  const k = T(() => a?.dispute.type === "REQUEST_FOR_INFORMATION" ? n.get("disputes.management.details.actions.submitInformation") : n.get("disputes.management.details.actions.defendChargeback"), [n, a?.dispute.type]), w = T(() => {
     const s = [];
-    return L && s.push({
-      title: H,
-      event: k
-    }), b && s.push({
-      title: r.get("disputes.management.details.actions.accept"),
-      event: M,
-      variant: h.SECONDARY
-    }), D && F(d) && s.push({
-      title: r.get("disputes.management.details.actions.contactSupport"),
-      event: d,
-      variant: h.SECONDARY
-    }), f && f.length && f.forEach((a) => {
-      var i;
+    return U && s.push({
+      title: k,
+      event: b
+    }), v && s.push({
+      title: n.get("disputes.management.details.actions.accept"),
+      event: L,
+      variant: I.SECONDARY
+    }), f && y(m) && s.push({
+      title: n.get("disputes.management.details.actions.contactSupport"),
+      event: m,
+      variant: I.SECONDARY
+    }), E && E.length && E.forEach((p) => {
       s.push({
-        title: a == null ? void 0 : a.value,
-        event: (i = a == null ? void 0 : a.config) == null ? void 0 : i.action,
-        variant: h.SECONDARY
+        title: p?.value,
+        event: p?.config?.action,
+        variant: I.SECONDARY
       });
     }), s;
-  }, [L, H, k, b, D, d, f, r, M]), Y = A(() => !!e && Oe(e.dispute), [e]), ie = N(() => /* @__PURE__ */ t(we, { variant: h.SECONDARY, onClick: m, children: r.get("disputes.management.common.actions.goBack") }), [r, m]);
-  if (!e && !P || ae) {
+  }, [U, k, b, v, f, m, E, n, L]), x = T(() => !!t && De(t.dispute), [t]), ne = _(() => /* @__PURE__ */ e(we, { variant: I.SECONDARY, onClick: i, children: n.get("disputes.management.common.actions.goBack") }), [n, i]);
+  if (!t && !R || ee) {
     const s = Array.from({ length: 5 });
-    return /* @__PURE__ */ t("div", { className: j(J, { [W]: !U }), children: /* @__PURE__ */ t("div", { className: ge, children: [
-      /* @__PURE__ */ t("div", { className: Re, children: [
-        /* @__PURE__ */ t("div", { className: Pe, children: [
-          /* @__PURE__ */ t("span", { className: q }),
-          /* @__PURE__ */ t("span", { className: q })
+    return /* @__PURE__ */ e("div", { className: Y(j, { [q]: !B }), children: /* @__PURE__ */ e("div", { className: Se, children: [
+      /* @__PURE__ */ e("div", { className: Oe, children: [
+        /* @__PURE__ */ e("div", { className: Ie, children: [
+          /* @__PURE__ */ e("span", { className: K }),
+          /* @__PURE__ */ e("span", { className: K })
         ] }),
-        /* @__PURE__ */ t("span", { className: ye }),
-        /* @__PURE__ */ t("div", { className: Be, children: [
-          /* @__PURE__ */ t("span", { className: Q }),
-          /* @__PURE__ */ t("span", { className: Q })
+        /* @__PURE__ */ e("span", { className: ge }),
+        /* @__PURE__ */ e("div", { className: he, children: [
+          /* @__PURE__ */ e("span", { className: G }),
+          /* @__PURE__ */ e("span", { className: G })
         ] })
       ] }),
-      /* @__PURE__ */ t("div", { className: Fe, children: s.map((a, i) => /* @__PURE__ */ t("div", { className: Ue, children: [
-        /* @__PURE__ */ t("span", { className: Z }),
-        /* @__PURE__ */ t("span", { className: Z })
-      ] }, `skeleton-${i}`)) })
+      /* @__PURE__ */ e("div", { className: Re, children: s.map((p, D) => /* @__PURE__ */ e("div", { className: Pe, children: [
+        /* @__PURE__ */ e("span", { className: V }),
+        /* @__PURE__ */ e("span", { className: V })
+      ] }, `skeleton-${D}`)) })
     ] }) });
   }
-  const y = (e == null ? void 0 : e.dispute.type) === "NOTIFICATION_OF_FRAUD", ce = !!(e != null && e.defense && e.defense.defendedOn);
-  let p;
-  ((K = e == null ? void 0 : e.defense) == null ? void 0 : K.autodefended) === !0 ? p = "autoDefended" : Y && l === "NOT_ACTIONABLE" ? p = "notDefendable" : Y && D || D && y ? p = "contactSupport" : ((e == null ? void 0 : e.dispute.status) === "EXPIRED" || (e == null ? void 0 : e.dispute.status) === "LOST" && !(y || ce)) && (p = "notDefended");
-  const me = Ye(
-    P,
+  const P = t?.dispute.type === "NOTIFICATION_OF_FRAUD", ae = !!(t?.defense && t.defense.defendedOn);
+  let c;
+  t?.defense?.autodefended === !0 ? c = "autoDefended" : x && r === "NOT_ACTIONABLE" ? c = "notDefendable" : x && f || f && P ? c = "contactSupport" : (t?.dispute.status === "EXPIRED" || t?.dispute.status === "LOST" && !(P || ae)) && (c = "notDefended");
+  const oe = ke(
+    R,
     "disputes.management.common.errors.unavailable",
-    d
+    m
   );
-  return /* @__PURE__ */ t("div", { className: j(J, { [W]: !U }), children: P ? /* @__PURE__ */ t("div", { className: ve, children: /* @__PURE__ */ t(
-    Xe,
+  return /* @__PURE__ */ e("div", { className: Y(j, { [q]: !B }), children: R ? /* @__PURE__ */ e("div", { className: ye, children: /* @__PURE__ */ e(
+    Me,
     {
-      renderSecondaryButton: m ? ie : void 0,
+      renderSecondaryButton: i ? ne : void 0,
       withImage: !0,
       outlined: !1,
       absolutePosition: !1,
       withBackground: !1,
-      ...me
+      ...oe
     }
-  ) }) : e ? /* @__PURE__ */ t(g, { children: [
-    /* @__PURE__ */ t("div", { className: Ce, children: /* @__PURE__ */ t(
-      De,
+  ) }) : t ? /* @__PURE__ */ e(g, { children: [
+    /* @__PURE__ */ e("div", { className: Be, children: /* @__PURE__ */ e(
+      le,
       {
-        ...re,
-        tag: /* @__PURE__ */ t(g, { children: [
-          C && /* @__PURE__ */ t(_e, { label: C }),
-          !y && /* @__PURE__ */ t(Ne, { dispute: e.dispute })
+        ...te,
+        tag: /* @__PURE__ */ e(g, { children: [
+          F && /* @__PURE__ */ e(Ae, { label: F }),
+          !P && /* @__PURE__ */ e(fe, { dispute: t.dispute })
         ] })
       }
     ) }),
-    v.length > 0 && /* @__PURE__ */ t(Ie, { issuerComments: v }),
-    p && /* @__PURE__ */ t(
-      Qe,
+    C.length > 0 && /* @__PURE__ */ e(_e, { issuerComments: C }),
+    c && /* @__PURE__ */ e(
+      Ge,
       {
-        alertMode: p,
-        dispute: e.dispute,
-        timeZone: (G = e.payment.balanceAccount) == null ? void 0 : G.timeZone
+        alertMode: c,
+        dispute: t.dispute,
+        timeZone: t.payment.balanceAccount?.timeZone
       }
     ),
-    /* @__PURE__ */ t(he, { dispute: e, dataCustomization: o, defenseReasonConfig: z }),
-    X.length > 0 ? /* @__PURE__ */ t("div", { className: Le, children: /* @__PURE__ */ t(Ee, { actions: X }) }) : null
+    /* @__PURE__ */ e(Ne, { dispute: t, dataCustomization: d, defenseReasonConfig: Z }),
+    w.length > 0 ? /* @__PURE__ */ e("div", { className: Ce, children: /* @__PURE__ */ e(ue, { actions: w }) }) : null
   ] }) : null });
 };
 export {
-  yt as DisputeData,
-  yt as default
+  ht as DisputeData,
+  ht as default
 };