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

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

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

@@ -1,6 +1,6 @@
 import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import A from "classnames";
-import { useState as $, useCallback as j, useEffect as W, useMemo as X } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useState as q, useCallback as j, useEffect as W, useMemo as X } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import Y from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
 import G from "../../../../internal/Button/DownloadButton/DownloadButton.js";
 import I from "../../../../internal/CopyText/CopyText.js";
@@ -17,8 +17,8 @@ import { getDisputeReason as re } from "../../../../utils/translation/getters.js
 import { getDefenseReasonContent as de, getDefenseDocumentContent as ie } from "../../utils/index.js";
 import { useDisputeFlow as oe } from "../../context/dispute/context.js";
 import { DATE_FORMAT_DISPUTE_DETAILS as D } from "../../../../../constants/dateFormats.js";
-import { Icon as le } from "../../../../internal/Icon/Icon.js";
-import { Fragment as pe } from "../../../../../external/preact/dist/preact.module.js";
+import { Icon as pe } from "../../../../internal/Icon/Icon.js";
+import { Fragment as le } from "../../../../../external/preact/dist/preact.module.js";
 import me from "../../../../internal/StructuredList/StructuredList.js";
 const r = {
   acceptedOn: "disputes.management.details.fields.acceptedOn",
@@ -34,13 +34,13 @@ const r = {
   paymentReference: "disputes.management.details.fields.paymentReference",
   reasonCode: "disputes.management.details.fields.reasonCode",
   respondBy: "disputes.management.details.fields.respondBy"
-}, ce = ["ACCEPTED", "EXPIRED"], Be = ({ dispute: d, dataCustomization: a, defenseReasonConfig: k }) => {
+}, ce = ["ACCEPTED", "EXPIRED"], we = ({ dispute: d, dataCustomization: a, defenseReasonConfig: k }) => {
   var P;
-  const { i18n: u } = ae(), { dateFormat: y } = Y(d.payment.balanceAccount.timeZone), { defenseDocumentConfig: v } = oe(), [N, w] = $(), x = j(async () => {
-    var p, f, T;
+  const { i18n: u } = ae(), { dateFormat: y } = Y(d.payment.balanceAccount.timeZone), { defenseDocumentConfig: v } = oe(), [N, B] = q(), x = j(async () => {
+    var l, f, T;
     if (d) {
-      const m = await ((f = (p = a == null ? void 0 : a.details) == null ? void 0 : p.onDataRetrieve) == null ? void 0 : f.call(p, d));
-      w(
+      const m = await ((f = (l = a == null ? void 0 : a.details) == null ? void 0 : l.onDataRetrieve) == null ? void 0 : f.call(l, d));
+      B(
         (T = a == null ? void 0 : a.details) == null ? void 0 : T.fields.reduce((o, i) => g.has(i.key) || (i == null ? void 0 : i.visibility) === "hidden" ? o : { ...o, ...m != null && m[i.key] ? { [i.key]: m[i.key] } : {} }, {})
       );
     }
@@ -49,7 +49,7 @@ const r = {
     x();
   }, [x]), X(() => {
     var F;
-    const { pspReference: p, reason: f, acceptedDate: T, createdAt: m, dueDate: o, status: i, type: B } = d.dispute, { pspReference: U, merchantReference: b, balanceAccount: M } = d.payment, { reason: R, defendedOn: E, suppliedDocuments: h } = d.defense || {}, L = B === "NOTIFICATION_OF_FRAUD", C = i === "EXPIRED" || i === "LOST" && !L && !E, q = z(d.dispute) && d.dispute.defensibility !== "NOT_ACTIONABLE", l = null, K = [
+    const { pspReference: l, reason: f, acceptedDate: T, createdAt: m, dueDate: o, status: i, type: w } = d.dispute, { pspReference: U, merchantReference: b, balanceAccount: M } = d.payment, { reason: R, defendedOn: E, suppliedDocuments: h } = d.defense || {}, L = w === "NOTIFICATION_OF_FRAUD", C = i === "EXPIRED" || i === "LOST" && !L && !E, K = z(d.dispute) && d.dispute.defensibility !== "NOT_ACTIONABLE", p = null, V = [
       ...[
         // dispute reason
         {
@@ -59,7 +59,7 @@ const r = {
           id: "disputeReason"
         },
         // reason code
-        L ? l : {
+        L ? p : {
           key: r.reasonCode,
           value: f.code,
           id: "reasonCode"
@@ -71,11 +71,11 @@ const r = {
           id: "openedOn"
         },
         // respond by
-        o && q ? {
+        o && K ? {
           key: r.respondBy,
           value: /* @__PURE__ */ t("time", { dateTime: o, children: y(o, D) }),
           id: "respondBy"
-        } : l,
+        } : p,
         // dispute reference
         {
           key: r.disputeReference,
@@ -84,7 +84,7 @@ const r = {
             {
               copyButtonAriaLabelKey: "disputes.management.details.actions.copyDisputeReference",
               type: "Default",
-              textToCopy: p,
+              textToCopy: l,
               showCopyTextTooltip: !1
             }
           ),
@@ -123,26 +123,26 @@ const r = {
             }
           ),
           id: "paymentMerchantReference"
-        } : l,
+        } : p,
         // defense reason
         R ? {
           key: r.defenseReason,
           value: ((F = de(k, u, R)) == null ? void 0 : F.title) ?? R,
           id: "defenseReason"
-        } : l,
+        } : p,
         // defended on
         E ? {
           key: r.defendedOn,
           value: /* @__PURE__ */ t("time", { dateTime: E, children: y(E, D) }),
           id: "defendedOn"
-        } : l,
+        } : p,
         // evidence
         h && h.length > 0 ? {
           key: r.disputeEvidence,
-          value: /* @__PURE__ */ t(pe, { children: h.map((s, n) => {
+          value: /* @__PURE__ */ t(le, { children: h.map((s, n) => {
             var e;
             const c = {
-              path: { disputePspReference: p },
+              path: { disputePspReference: l },
               query: { documentType: s }
             };
             return /* @__PURE__ */ t("div", { className: ee, children: [
@@ -156,29 +156,29 @@ const r = {
                   requestParams: c,
                   iconButton: !0,
                   errorMessage: () => /* @__PURE__ */ t("div", { className: te, children: [
-                    /* @__PURE__ */ t(le, { name: "info-filled" }),
+                    /* @__PURE__ */ t(pe, { name: "info-filled" }),
                     /* @__PURE__ */ t(S, { variant: _.CAPTION, el: Q.SPAN, children: u.get("disputes.management.details.errors.downloadFailure") })
                   ] }),
-                  onDownloadRequested: () => console.warn("Download failed for", s),
+                  setError: () => console.warn("Download failed for", s),
                   "aria-label": u.get("disputes.management.details.actions.downloadEvidence")
                 }
               )
             ] }, `${s}-${n}`);
           }) }),
           id: "disputeEvidence"
-        } : l,
+        } : p,
         // accepted on
         T && ce.includes(i) ? {
           key: r.acceptedOn,
           value: /* @__PURE__ */ t("time", { dateTime: T, children: y(T, D) }),
           id: "acceptedOn"
-        } : l,
+        } : p,
         // expired on
         o && C ? {
           key: r.expiredOn,
           value: /* @__PURE__ */ t("time", { dateTime: o, children: y(o, D) }),
           id: "expiredOn"
-        } : l
+        } : p
       ].filter(Boolean).filter((s) => {
         var n, c;
         return !((c = (n = a == null ? void 0 : a.details) == null ? void 0 : n.fields) != null && c.some((e) => e.key === s.id && e.visibility === "hidden"));
@@ -196,7 +196,7 @@ const r = {
       me,
       {
         classNames: se,
-        items: K,
+        items: V,
         layout: "4-8",
         align: "start",
         renderLabel: (s) => /* @__PURE__ */ t("div", { className: ne, children: s }),
@@ -204,9 +204,9 @@ const r = {
           if (c === "link" && e)
             return /* @__PURE__ */ t(Z, { classNames: [A(e == null ? void 0 : e.className)], href: e.href, target: e.target || "_blank", children: s });
           if (c === "icon" && e) {
-            const V = { url: e == null ? void 0 : e.src, alt: e.alt || s };
+            const $ = { url: e == null ? void 0 : e.src, alt: e.alt || s };
             return /* @__PURE__ */ t("div", { className: A("adyen-pe-dispute-data__list-icon-value", e == null ? void 0 : e.className), children: [
-              /* @__PURE__ */ t(H, { ...V }),
+              /* @__PURE__ */ t(H, { ...$ }),
               /* @__PURE__ */ t(S, { variant: _.BODY, children: s })
             ] });
           }
@@ -227,5 +227,5 @@ const r = {
   ]);
 };
 export {
-  Be as default
+  we as default
 };

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

@@ -1,52 +1,51 @@
-import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import y from "classnames";
 import { useState as o, useRef as M, useLayoutEffect as C } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import R from "../../../../../core/Context/useCoreContext.js";
-import { Alert as P } from "../../../../internal/Alert/Alert.js";
-import l from "../../../../internal/Typography/Typography.js";
-import { AlertVariantOption as U, AlertTypeOption as x } from "../../../../internal/Alert/types.js";
+import { Alert as U } from "../../../../internal/Alert/Alert.js";
+import u from "../../../../internal/Typography/Typography.js";
+import { AlertTypeOption as x } from "../../../../internal/Alert/types.js";
 import { ButtonVariant as H } from "../../../../internal/Button/types.js";
-import { TypographyVariant as u, TypographyElement as T } from "../../../../internal/Typography/types.js";
-import { DISPUTE_DATA_ISSUER_COMMENT as h, DISPUTE_DATA_ISSUER_COMMENTS_ALERT as N, DISPUTE_DATA_ISSUER_COMMENTS_GROUP as O, DISPUTE_DATA_ISSUER_COMMENTS as v, DISPUTE_DATA_ISSUER_COMMENTS_TRUNCATED as G, DISPUTE_DATA_ISSUER_COMMENTS_EXPANDED as B } from "./constants.js";
+import { TypographyVariant as l, TypographyElement as T } from "../../../../internal/Typography/types.js";
+import { DISPUTE_DATA_ISSUER_COMMENTS_ALERT as P, DISPUTE_DATA_ISSUER_COMMENTS_GROUP as N, DISPUTE_DATA_ISSUER_COMMENT as h, DISPUTE_DATA_ISSUER_COMMENTS as O, DISPUTE_DATA_ISSUER_COMMENTS_TRUNCATED as v, DISPUTE_DATA_ISSUER_COMMENTS_EXPANDED as G } from "./constants.js";
 /* empty css                 */
-import V from "../../../../internal/Button/Button.js";
-const K = ({ issuerComments: E }) => {
-  const { i18n: a } = R(), [S, d] = o(0), [g, A] = o(0), [p, _] = o(!1), [n, I] = o(!1), i = M(null), f = (r) => {
-    var e;
-    r.preventDefault(), I(!n), (e = i.current) == null || e.style.setProperty("max-height", `${n ? S : g}px`);
+import B from "../../../../internal/Button/Button.js";
+const J = ({ issuerComments: E }) => {
+  const { i18n: a } = R(), [S, d] = o(0), [g, _] = o(0), [c, A] = o(!1), [n, I] = o(!1), s = M(null), f = (r) => {
+    var t;
+    r.preventDefault(), I(!n), (t = s.current) == null || t.style.setProperty("max-height", `${n ? S : g}px`);
   };
   return C(() => {
     var r;
-    if (i.current) {
-      const e = i.current, s = e.querySelector(`:scope .${h}`), D = s ? parseInt(getComputedStyle(s).getPropertyValue("line-height")) : 0, m = Math.min((s == null ? void 0 : s.clientHeight) || 1 / 0, D * 3), c = e.scrollHeight;
-      d(m), A(c), _(c > m), (r = i.current) == null || r.style.setProperty("max-height", `${m}px`);
+    if (s.current) {
+      const t = s.current, i = t.querySelector(`:scope .${h}`), D = i ? parseInt(getComputedStyle(i).getPropertyValue("line-height")) : 0, m = Math.min((i == null ? void 0 : i.clientHeight) || 1 / 0, D * 3), p = t.scrollHeight;
+      d(m), _(p), A(p > m), (r = s.current) == null || r.style.setProperty("max-height", `${m}px`);
     }
-  }, []), /* @__PURE__ */ t(
-    P,
+  }, []), /* @__PURE__ */ e(
+    U,
     {
       type: x.HIGHLIGHT,
-      variant: U.TIP,
-      description: /* @__PURE__ */ t("div", { className: N, children: [
-        /* @__PURE__ */ t(l, { el: T.DIV, variant: u.BODY, strongest: !0, children: a.get("disputes.management.details.issuerComment") }),
-        /* @__PURE__ */ t(
+      description: /* @__PURE__ */ e("div", { className: P, children: [
+        /* @__PURE__ */ e(u, { el: T.DIV, variant: l.BODY, strongest: !0, children: a.get("disputes.management.details.issuerComment") }),
+        /* @__PURE__ */ e(
           "div",
           {
-            className: y(v, {
-              [B]: n,
-              [G]: p
+            className: y(O, {
+              [G]: n,
+              [v]: c
             }),
-            children: /* @__PURE__ */ t("ul", { ref: i, className: O, children: E.map((r, e) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
-              l,
+            children: /* @__PURE__ */ e("ul", { ref: s, className: N, children: E.map((r, t) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+              u,
               {
                 className: h,
                 el: T.PARAGRAPH,
-                variant: u.BODY,
+                variant: l.BODY,
                 children: r
               }
-            ) }, e)) })
+            ) }, t)) })
           }
         ),
-        p && /* @__PURE__ */ t(V, { variant: H.TERTIARY, onClick: f, children: a.get(
+        c && /* @__PURE__ */ e(B, { variant: H.TERTIARY, onClick: f, children: a.get(
           n ? "disputes.management.details.issuerComment.showLess" : "disputes.management.details.issuerComment.showMore"
         ) })
       ] })
@@ -54,5 +53,5 @@ const K = ({ issuerComments: E }) => {
   );
 };
 export {
-  K as DisputeIssuerComments
+  J as DisputeIssuerComments
 };