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

package/dist/es/components/external/CapitalOverview/constants.js

@@ -6,7 +6,11 @@ const e = {
   preQualifiedGrant: "adyen-pe-capital-overview__pre-qualified-grant",
   preQualifiedGrantButton: "adyen-pe-capital-overview__pre-qualified-grant-review-button",
   errorContainer: "adyen-pe-capital-overview__error-container"
+}, a = {
+  componentName: "capitalOverview",
+  category: "Capital overview component"
 };
 export {
-  e as CAPITAL_OVERVIEW_CLASS_NAMES
+  e as CAPITAL_OVERVIEW_CLASS_NAMES,
+  a as sharedCapitalOverviewAnalyticsEventProperties
 };

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

@@ -1,9 +1,9 @@
 import { jsx as i } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import U from "classnames";
+import z from "classnames";
 import "../../../../../external/preact/compat/dist/compat.module.js";
-import { useState as L, useMemo as c, useCallback as p, useEffect as $ } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import z from "../../../../../core/Context/useCoreContext.js";
-import { useFetch as J } from "../../../../../hooks/useFetch.js";
+import { useState as k, useMemo as l, useEffect as x, useCallback as p } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import J from "../../../../../core/Context/useCoreContext.js";
+import { useFetch as U } from "../../../../../hooks/useFetch.js";
 import { useResponsiveContainer as K, containerQueries as W } from "../../../../../hooks/useResponsiveContainer.js";
 import { Alert as X } from "../../../../internal/Alert/Alert.js";
 import { AlertVariantOption as Z, AlertTypeOption as ee } from "../../../../internal/Alert/types.js";
@@ -11,121 +11,125 @@ import te from "../../../../internal/Button/ButtonActions/ButtonActions.js";
 import { TypographyVariant as R, TypographyElement as S } from "../../../../internal/Typography/types.js";
 import A from "../../../../internal/Typography/Typography.js";
 import { useDisputeFlow as ne } from "../../context/dispute/context.js";
-import { getDefenseReasonContent as P } from "../../utils/index.js";
+import { getDefenseReasonContent as E } from "../../utils/index.js";
 import oe from "../../../../internal/FormFields/Select/Select.js";
 import { Fragment as ie } from "../../../../../external/preact/dist/preact.module.js";
 import { useConfigContext as se } from "../../../../../core/ConfigContext/context.js";
 import { EMPTY_OBJECT as ae } from "../../../../../utils/value/constants.js";
-const D = "adyen-pe-defend-dispute-reason", b = {
-  selector: D + "__selector",
-  description: D + "__description",
-  dropdownList: D + "__dropdown-list",
-  dropdownListMobile: D + "__dropdown-list--mobile"
-}, Se = () => {
-  var N, T, B, E;
-  const { i18n: t } = z(), {
+const b = "adyen-pe-defend-dispute-reason", v = {
+  selector: b + "__selector",
+  description: b + "__description",
+  dropdownList: b + "__dropdown-list",
+  dropdownListMobile: b + "__dropdown-list--mobile"
+}, Ie = () => {
+  var O, T, B, P;
+  const { i18n: t } = J(), {
     applicableDocuments: s,
     dispute: n,
-    goBack: F,
-    setFlowState: f,
-    setSelectedDefenseReason: C,
-    selectedDefenseReason: a,
-    setApplicableDocuments: u,
-    defenseReasonConfig: g
-  } = ne(), l = (N = n == null ? void 0 : n.dispute) == null ? void 0 : N.allowedDefenseReasons, I = (T = n == null ? void 0 : n.dispute) == null ? void 0 : T.pspReference, [h, y] = L(!1), k = K(W.down.xs), r = c(
+    goBack: C,
+    setFlowState: u,
+    setSelectedDefenseReason: D,
+    selectedDefenseReason: r,
+    setApplicableDocuments: g,
+    defenseReasonConfig: h
+  } = ne(), m = (O = n == null ? void 0 : n.dispute) == null ? void 0 : O.allowedDefenseReasons, F = (T = n == null ? void 0 : n.dispute) == null ? void 0 : T.pspReference, [f, y] = k(!1), L = K(W.down.xs), d = l(
     () => Object.freeze(
-      l == null ? void 0 : l.map((e) => {
+      m == null ? void 0 : m.map((e) => {
         var o;
         return {
           id: e,
-          disabled: l.length === 1,
-          name: ((o = P(g, t, e)) == null ? void 0 : o.title) ?? e
+          disabled: m.length === 1,
+          name: ((o = E(h, t, e)) == null ? void 0 : o.title) ?? e
         };
       })
     ) ?? [],
-    [t, l, g]
-  ), m = c(
+    [t, m, h]
+  ), a = l(
     () => {
       var e, o;
-      return a ? (e = r.find((Q) => Q.id === a)) == null ? void 0 : e.id : ((o = r == null ? void 0 : r[0]) == null ? void 0 : o.id) ?? null;
+      return r ? (e = d.find(($) => $.id === r)) == null ? void 0 : e.id : ((o = d == null ? void 0 : d[0]) == null ? void 0 : o.id) ?? null;
     },
-    [a, r]
-  ), { getApplicableDefenseDocuments: _ } = se().endpoints, x = p(async () => _ == null ? void 0 : _(ae, {
+    [r, d]
+  );
+  x(() => {
+    a && D(a);
+  }, [a, f]);
+  const { getApplicableDefenseDocuments: _ } = se().endpoints, M = p(async () => _ == null ? void 0 : _(ae, {
     query: {
-      defenseReason: a
+      defenseReason: r
     },
     path: {
-      disputePspReference: I
+      disputePspReference: F
     }
-  }), [a, I, _]), { error: M, isFetching: v } = J({
-    queryFn: x,
+  }), [r, F, _]), { error: q, isFetching: w } = U({
+    queryFn: M,
     fetchOptions: {
-      enabled: h,
+      enabled: f,
       onSuccess: p(
         (e) => {
-          y(!1), u((e == null ? void 0 : e.data) ?? null), e != null && e.data && (e == null ? void 0 : e.data.length) > 0 && f("uploadDefenseFilesView");
+          y(!1), g((e == null ? void 0 : e.data) ?? null), e != null && e.data && (e == null ? void 0 : e.data.length) > 0 && u("uploadDefenseFilesView");
         },
-        [u, y, f]
+        [g, y, u]
       )
     }
   });
-  $(() => {
+  x(() => {
     y(!1);
-  }, [M]);
-  const O = p(() => {
-    if (s != null && s.length) return f("uploadDefenseFilesView");
+  }, [q]);
+  const N = p(() => {
+    if (s != null && s.length) return u("uploadDefenseFilesView");
     y(!0);
-  }, [s, f]), q = p(
+  }, [s, u]), H = p(
     (e) => {
       var o;
-      a !== e.target.value && (s != null && s.length) && u([]), (o = e == null ? void 0 : e.target) != null && o.value && C(e.target.value);
+      r !== e.target.value && (s != null && s.length) && g([]), (o = e == null ? void 0 : e.target) != null && o.value && D(e.target.value);
     },
-    [s, a, u, C]
-  ), H = c(() => [
+    [s, r, g, D]
+  ), V = l(() => [
     {
       title: t.get("disputes.management.defend.common.actions.continue"),
-      disabled: h || v,
-      event: O
+      disabled: f || w,
+      event: N
     },
     {
       title: t.get("disputes.management.common.actions.goBack"),
-      disabled: h || v,
-      event: F
+      disabled: f || w,
+      event: C
     }
-  ], [v, h, t, F, O]), w = c(() => (n == null ? void 0 : n.dispute.type) === "REQUEST_FOR_INFORMATION", [n == null ? void 0 : n.dispute.type]), [V, Y] = L(!w), G = p(() => {
+  ], [w, f, t, C, N]), I = l(() => (n == null ? void 0 : n.dispute.type) === "REQUEST_FOR_INFORMATION", [n == null ? void 0 : n.dispute.type]), [G, Y] = k(!I), j = p(() => {
     Y(!1);
-  }, []), d = c(
-    () => m ? P(g, t, m) : void 0,
-    [g, t, m]
-  ), j = c(
-    () => w ? t.get("disputes.management.defend.requestForInformation.selectDefenseReason") : t.get("disputes.management.defend.chargeback.selectDefenseReason"),
-    [t, w]
+  }, []), c = l(
+    () => a ? E(h, t, a) : void 0,
+    [h, t, a]
+  ), Q = l(
+    () => I ? t.get("disputes.management.defend.requestForInformation.selectDefenseReason") : t.get("disputes.management.defend.chargeback.selectDefenseReason"),
+    [t, I]
   );
-  return !r || !m ? null : /* @__PURE__ */ i(ie, { children: [
-    /* @__PURE__ */ i("div", { className: b.selector, children: [
-      /* @__PURE__ */ i(A, { className: "adyen-pe-defend-dispute__reason-description", variant: R.BODY, children: j }),
+  return !d || !a ? null : /* @__PURE__ */ i(ie, { children: [
+    /* @__PURE__ */ i("div", { className: v.selector, children: [
+      /* @__PURE__ */ i(A, { className: "adyen-pe-defend-dispute__reason-description", variant: R.BODY, children: Q }),
       /* @__PURE__ */ i(
         oe,
         {
-          items: r,
-          onChange: q,
-          selected: m,
+          items: d,
+          onChange: H,
+          selected: a,
           "aria-label": t.get("disputes.management.defend.common.inputs.reasonSelect.a11y.label"),
-          popoverClassNameModifiers: [U(b.dropdownList, { [b.dropdownListMobile]: k })],
+          popoverClassNameModifiers: [z(v.dropdownList, { [v.dropdownListMobile]: L })],
           fixedPopoverPositioning: !0
         }
       ),
-      (B = d == null ? void 0 : d.primaryDescriptionItems) == null ? void 0 : B.map((e, o) => /* @__PURE__ */ i(
+      (B = c == null ? void 0 : c.primaryDescriptionItems) == null ? void 0 : B.map((e, o) => /* @__PURE__ */ i(
         A,
         {
           el: S.PARAGRAPH,
-          className: b.description,
+          className: v.description,
           variant: R.BODY,
           children: e
         },
         `description-${o}`
       )),
-      ((E = d == null ? void 0 : d.secondaryDescriptionItems) == null ? void 0 : E.length) && /* @__PURE__ */ i("ul", { className: "adyen-pe-defend-dispute-reason__secondary-description-items-container", children: d.secondaryDescriptionItems.map((e, o) => /* @__PURE__ */ i("li", { className: "adyen-pe-defend-dispute-reason__secondary-description-item", children: /* @__PURE__ */ i(
+      ((P = c == null ? void 0 : c.secondaryDescriptionItems) == null ? void 0 : P.length) && /* @__PURE__ */ i("ul", { className: "adyen-pe-defend-dispute-reason__secondary-description-items-container", children: c.secondaryDescriptionItems.map((e, o) => /* @__PURE__ */ i("li", { className: "adyen-pe-defend-dispute-reason__secondary-description-item", children: /* @__PURE__ */ i(
         A,
         {
           el: S.PARAGRAPH,
@@ -135,10 +139,10 @@ const D = "adyen-pe-defend-dispute-reason", b = {
         }
       ) }, `description-item-${o}`)) })
     ] }),
-    V && /* @__PURE__ */ i(X, { onClose: G, type: ee.HIGHLIGHT, variant: Z.DEFAULT, children: /* @__PURE__ */ i(A, { className: "adyen-pe-alert__description", el: S.DIV, variant: R.BODY, wide: !0, children: t.get("disputes.management.defend.chargeback.feeInfo") }) }),
-    /* @__PURE__ */ i("div", { className: "adyen-pe-defend-dispute__actions", children: /* @__PURE__ */ i(te, { actions: H }) })
+    G && /* @__PURE__ */ i(X, { onClose: j, type: ee.HIGHLIGHT, variant: Z.TIP, closeButton: !0, children: /* @__PURE__ */ i(A, { className: "adyen-pe-alert__description", el: S.DIV, variant: R.CAPTION, wide: !0, children: t.get("disputes.management.defend.chargeback.feeInfo") }) }),
+    /* @__PURE__ */ i("div", { className: "adyen-pe-defend-dispute__actions", children: /* @__PURE__ */ i(te, { actions: V }) })
   ] });
 };
 export {
-  Se as DefendDisputeReason
+  Ie as DefendDisputeReason
 };

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

@@ -17,13 +17,13 @@ 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 Le, DISPUTE_DATA_ACTION_BAR as Ce } from "./constants.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 Ye } from "../../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
-import { getDisputesErrorMessage as Xe } from "../../../../utils/disputes/getDisputesErrorMessage.js";
+import { ErrorMessageDisplay as Xe } from "../../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
+import { getDisputesErrorMessage as Ye } 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";
@@ -54,7 +54,7 @@ const qe = (c) => !!c && typeof c == "object" && c.type === "button", Qe = ({
                 {
                   translationKey: "disputes.management.details.alerts.responseDeadline",
                   fills: {
-                    date: /* @__PURE__ */ t("time", { dateTime: n, children: /* @__PURE__ */ t(be, { variant: ke.BODY, el: Me.SPAN, stronger: !0, children: r(n, je) }) })
+                    date: /* @__PURE__ */ t("time", { dateTime: n, children: /* @__PURE__ */ t(be, { variant: ke.CAPTION, el: Me.SPAN, stronger: !0, children: r(n, je) }) })
                   }
                 }
               )
@@ -122,7 +122,7 @@ const qe = (c) => !!c && typeof c == "object" && c.type === "button", Qe = ({
         V && i.push(V);
       });
     }), i.filter(Boolean);
-  }, [e]), L = 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", C = !!l && l === "DEFENDABLE" && se, b = !!l && ["ACCEPTABLE", "DEFENDABLE"].includes(l) && ne, M = N(() => {
+  }, [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");
@@ -137,9 +137,9 @@ const qe = (c) => !!c && typeof c == "object" && c.type === "button", Qe = ({
   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]), Y = A(() => {
+  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 C && s.push({
+    return L && s.push({
       title: H,
       event: k
     }), b && s.push({
@@ -158,7 +158,7 @@ const qe = (c) => !!c && typeof c == "object" && c.type === "button", Qe = ({
         variant: h.SECONDARY
       });
     }), s;
-  }, [C, H, k, b, D, d, f, r, M]), X = 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]);
+  }, [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: [
@@ -181,14 +181,14 @@ const qe = (c) => !!c && typeof c == "object" && c.type === "button", Qe = ({
   }
   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" : X && l === "NOT_ACTIONABLE" ? p = "notDefendable" : X && 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 = Xe(
+  ((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: j(J, { [W]: !U }), children: P ? /* @__PURE__ */ t("div", { className: ve, children: /* @__PURE__ */ t(
-    Ye,
+    Xe,
     {
       renderSecondaryButton: m ? ie : void 0,
       withImage: !0,
@@ -198,12 +198,12 @@ const qe = (c) => !!c && typeof c == "object" && c.type === "button", Qe = ({
       ...me
     }
   ) }) : e ? /* @__PURE__ */ t(g, { children: [
-    /* @__PURE__ */ t("div", { className: Le, children: /* @__PURE__ */ t(
+    /* @__PURE__ */ t("div", { className: Ce, children: /* @__PURE__ */ t(
       De,
       {
         ...re,
         tag: /* @__PURE__ */ t(g, { children: [
-          L && /* @__PURE__ */ t(_e, { label: L }),
+          C && /* @__PURE__ */ t(_e, { label: C }),
           !y && /* @__PURE__ */ t(Ne, { dispute: e.dispute })
         ] })
       }
@@ -218,7 +218,7 @@ const qe = (c) => !!c && typeof c == "object" && c.type === "button", Qe = ({
       }
     ),
     /* @__PURE__ */ t(he, { dispute: e, dataCustomization: o, defenseReasonConfig: z }),
-    Y.length > 0 ? /* @__PURE__ */ t("div", { className: Ce, children: /* @__PURE__ */ t(Ee, { actions: Y }) }) : null
+    X.length > 0 ? /* @__PURE__ */ t("div", { className: Le, children: /* @__PURE__ */ t(Ee, { actions: X }) }) : null
   ] }) : null });
 };
 export {

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
 };