@adyen/adyen-platform-experience-web 1.5.0 → 1.6.0

package/dist/es/components/external/DisputeManagement/components/DisputeDetails/DisputeDetails.js

@@ -0,0 +1,38 @@
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import u from "../../../../../core/Context/useCoreContext.js";
+import { TypographyVariant as c } from "../../../../internal/Typography/types.js";
+import f from "../../../../internal/Typography/Typography.js";
+import { useDisputeFlow as l } from "../../context/dispute/context.js";
+import { AcceptDisputeFlow as d } from "../AcceptDisputeFlow/AcceptDisputeFlow.js";
+import { DefendDisputeFlow as D } from "../DefendDisputeFlow/DefendDisputeFlow.js";
+import { DisputeData as w } from "../DisputesData/DisputeData.js";
+import { Fragment as g } from "../../../../../external/preact/dist/preact.module.js";
+const R = ({
+  id: t,
+  hideTitle: r,
+  dataCustomization: o,
+  onContactSupport: i,
+  onDisputeAccept: s,
+  onDisputeDefend: p,
+  onDismiss: a
+}) => {
+  const { flowState: n } = l(), { i18n: m } = u();
+  switch (n) {
+    case "details":
+      return /* @__PURE__ */ e(g, { children: [
+        !r && /* @__PURE__ */ e(f, { variant: c.TITLE, medium: !0, children: m.get("disputes.disputeManagementTitle") }),
+        /* @__PURE__ */ e(w, { disputeId: t, dataCustomization: o, onContactSupport: i, onDismiss: a })
+      ] });
+    case "accept":
+      return /* @__PURE__ */ e(d, { onDisputeAccept: s });
+    case "defendReasonSelectionView":
+    case "defenseSubmitResponseView":
+    case "uploadDefenseFilesView":
+      return /* @__PURE__ */ e(D, { onDisputeDefend: p });
+    default:
+      return null;
+  }
+};
+export {
+  R as DisputeDetails
+};

package/dist/es/components/external/DisputeManagement/components/DisputeDetailsContainer/DisputeDetailsContainer.js

@@ -0,0 +1,14 @@
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useState as a, useCallback as p } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { DisputeContextProvider as n } from "../../context/dispute/context.js";
+import { DisputeDetails as u } from "../DisputeDetails/DisputeDetails.js";
+/* empty css                             */
+const f = (e) => {
+  const [s, i] = a(), r = p((o) => {
+    i(o);
+  }, []);
+  return /* @__PURE__ */ t(n, { dispute: s, setDispute: r, children: /* @__PURE__ */ t("div", { className: "adyen-pe-dispute__container", children: /* @__PURE__ */ t(u, { ...e }) }) });
+};
+export {
+  f as DisputeDetailsContainer
+};

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

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

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

@@ -0,0 +1,196 @@
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import _ from "classnames";
+import { useState as $, useCallback as j, useEffect as Y, useMemo as G } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import K from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import W from "../../../../internal/Button/DownloadButton/DownloadButton.js";
+import I from "../../../../internal/CopyText/CopyText.js";
+import X from "../../../../internal/DataGrid/components/Icon.js";
+import { isCustomDataObject as O } from "../../../../internal/DataGrid/components/TableCells.js";
+import H from "../../../../internal/Link/Link.js";
+import { Tag as Z } from "../../../../internal/Tag/Tag.js";
+import { TypographyElement as J, TypographyVariant as h } from "../../../../internal/Typography/types.js";
+import S from "../../../../internal/Typography/Typography.js";
+import { PAYOUT_TABLE_FIELDS as Q } from "../../../PayoutsOverview/components/PayoutsTable/PayoutsTable.js";
+import { isDisputeActionNeeded as g } from "../../../../utils/disputes/actionNeeded.js";
+import { DISPUTE_DETAILS_RESERVED_FIELDS_SET as L, DISPUTE_DATA_LIST_EVIDENCE as z, DISPUTE_DATA_LIST_EVIDENCE_ERROR_MESSAGE as ee, DISPUTE_DATA_LIST as se, DISPUTE_DATA_LABEL as te } from "./constants.js";
+import re from "../../../../../core/Context/useCoreContext.js";
+import { DISPUTE_REASON_CATEGORIES as ne } from "../../../../utils/disputes/constants.js";
+import { getDefenseReasonContent as de, getDefenseDocumentContent as pe } from "../../utils/index.js";
+import { DATE_FORMAT_DISPUTE_DETAILS as D } from "../../../../../constants/dateFormats.js";
+import { Icon as oe } from "../../../../internal/Icon/Icon.js";
+import { Fragment as ae } from "../../../../../external/preact/dist/preact.module.js";
+import ie from "../../../../internal/StructuredList/StructuredList.js";
+const d = {
+  acceptedOn: "disputes.acceptedOn",
+  account: "disputes.account",
+  defendedOn: "disputes.defendedOn",
+  defenseReason: "disputes.defenseReason",
+  disputeEvidence: "disputes.evidence",
+  disputeReason: "disputes.disputeReason",
+  disputeReference: "disputes.disputeReference",
+  expiredOn: "disputes.expiredOn",
+  merchantReference: "disputes.merchantReference",
+  openedOn: "disputes.openedOn",
+  paymentReference: "disputes.paymentReference",
+  reasonCode: "disputes.reasonCode",
+  respondBy: "disputes.respondBy"
+}, ce = ["ACCEPTED", "EXPIRED"], Be = ({ dispute: o, dataCustomization: n }) => {
+  var N;
+  const { i18n: T } = re(), { dateFormat: m } = K(o.payment.balanceAccount.timeZone), [k, F] = $(), v = j(async () => {
+    var i, u, E;
+    if (o) {
+      const y = await ((u = (i = n == null ? void 0 : n.details) == null ? void 0 : i.onDataRetrieve) == null ? void 0 : u.call(i, o));
+      F(
+        (E = n == null ? void 0 : n.details) == null ? void 0 : E.fields.reduce((c, p) => L.has(p.key) || Q.includes(p.key) || (p == null ? void 0 : p.visibility) === "hidden" ? c : { ...c, ...y != null && y[p.key] ? { [p.key]: y[p.key] } : {} }, {})
+      );
+    }
+  }, [o, n]);
+  return Y(() => {
+    v();
+  }, [v]), G(() => {
+    var b;
+    const { pspReference: i, reason: u, acceptedDate: E, createdAt: y, dueDate: c, status: p, type: B } = o.dispute, { pspReference: w, merchantReference: x, balanceAccount: U } = o.payment, { reason: f, defendedOn: R, suppliedDocuments: A } = o.defense || {}, P = B === "NOTIFICATION_OF_FRAUD", C = p === "EXPIRED" || p === "LOST" && !P && !R, M = g(o.dispute) && o.dispute.defensibility !== "NOT_ACTIONABLE", a = null, q = [
+      ...[
+        // dispute reason
+        {
+          key: d.disputeReason,
+          value: `${T.get(ne[u.category])} - ${u.title}`,
+          // [NOTE]: Not translated at the moment (maybe in the future)
+          id: "disputeReason"
+        },
+        // reason code
+        P ? a : {
+          key: d.reasonCode,
+          value: u.code,
+          id: "reasonCode"
+        },
+        // created at
+        {
+          key: d.openedOn,
+          value: m(y, D),
+          id: "openedOn"
+        },
+        // respond by
+        c && M ? {
+          key: d.respondBy,
+          value: m(c, D),
+          id: "respondBy"
+        } : a,
+        // dispute reference
+        {
+          key: d.disputeReference,
+          value: /* @__PURE__ */ t(I, { type: "Default", textToCopy: i, showCopyTextTooltip: !1 }),
+          id: "disputeId"
+        },
+        // balance account
+        {
+          key: d.account,
+          value: U.description,
+          id: "account"
+        },
+        // psp reference
+        {
+          key: d.paymentReference,
+          value: /* @__PURE__ */ t(I, { type: "Default", textToCopy: w, showCopyTextTooltip: !1 }),
+          id: "paymentPspReference"
+        },
+        // merchant reference
+        x ? {
+          key: d.merchantReference,
+          value: /* @__PURE__ */ t(I, { type: "Default", textToCopy: x, showCopyTextTooltip: !1 }),
+          id: "paymentMerchantReference"
+        } : a,
+        // defense reason
+        f ? {
+          key: d.defenseReason,
+          value: ((b = de(T, f)) == null ? void 0 : b.title) ?? f,
+          id: "defenseReason"
+        } : a,
+        // defended on
+        R ? {
+          key: d.defendedOn,
+          value: m(R, D),
+          id: "defendedOn"
+        } : a,
+        // evidence
+        A && A.length > 0 ? {
+          key: d.disputeEvidence,
+          value: /* @__PURE__ */ t(ae, { children: A.map((s, r) => {
+            var e;
+            const l = {
+              path: { disputePspReference: i },
+              query: { documentType: s }
+            };
+            return /* @__PURE__ */ t("div", { className: z, children: [
+              /* @__PURE__ */ t(Z, { label: ((e = pe(T, s)) == null ? void 0 : e.title) ?? s }),
+              /* @__PURE__ */ t(
+                W,
+                {
+                  className: "adyen-pe-dispute-document-download",
+                  endpointName: "downloadDefenseDocument",
+                  disabled: !1,
+                  requestParams: l,
+                  iconButton: !0,
+                  errorMessage: () => /* @__PURE__ */ t("div", { className: ee, children: [
+                    /* @__PURE__ */ t(oe, { name: "info-filled" }),
+                    /* @__PURE__ */ t(S, { variant: h.CAPTION, el: J.SPAN, children: T.get("disputes.error.failedRetry") })
+                  ] }),
+                  onDownloadRequested: () => console.warn("Download failed for", s)
+                }
+              )
+            ] }, `${s}-${r}`);
+          }) }),
+          id: "disputeEvidence"
+        } : a,
+        // accepted on
+        E && ce.includes(p) ? {
+          key: d.acceptedOn,
+          value: m(E, D),
+          id: "acceptedOn"
+        } : a,
+        // expired on
+        c && C ? {
+          key: d.expiredOn,
+          value: m(c, D),
+          id: "expiredOn"
+        } : a
+      ].filter(Boolean).filter((s) => {
+        var r, l;
+        return !((l = (r = n == null ? void 0 : n.details) == null ? void 0 : r.fields) != null && l.some((e) => e.key === s.id && e.visibility === "hidden"));
+      }),
+      ...Object.entries(k || {}).filter(
+        ([s, r]) => !L.has(s) && r.type !== "button" && r.visibility !== "hidden"
+      ).map(([s, r]) => ({
+        key: s,
+        value: O(r) ? r.value : r,
+        type: O(r) ? r.type : "text",
+        config: O(r) ? r.config : void 0
+      })) || {}
+    ];
+    return /* @__PURE__ */ t(
+      ie,
+      {
+        classNames: se,
+        items: q,
+        layout: "4-8",
+        align: "start",
+        renderLabel: (s) => /* @__PURE__ */ t("div", { className: te, children: s }),
+        renderValue: (s, r, l, e) => {
+          if (l === "link" && e)
+            return /* @__PURE__ */ t(H, { classNames: [_(e == null ? void 0 : e.className)], href: e.href, target: e.target || "_blank", children: s });
+          if (l === "icon" && e) {
+            const V = { url: e == null ? void 0 : e.src, alt: e.alt || s };
+            return /* @__PURE__ */ t("div", { className: _("adyen-pe-dispute-data__list-icon-value", e == null ? void 0 : e.className), children: [
+              /* @__PURE__ */ t(X, { ...V }),
+              /* @__PURE__ */ t(S, { variant: h.BODY, children: s })
+            ] });
+          }
+          return /* @__PURE__ */ t(S, { className: _(e == null ? void 0 : e.className), variant: h.BODY, children: s });
+        }
+      }
+    );
+  }, [o, T, m, k, (N = n == null ? void 0 : n.details) == null ? void 0 : N.fields]);
+};
+export {
+  Be as default
+};

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

@@ -0,0 +1,56 @@
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import y from "classnames";
+import { useState as n, 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 u from "../../../../internal/Typography/Typography.js";
+import { AlertVariantOption as U, AlertTypeOption as x } from "../../../../internal/Alert/types.js";
+import { ButtonVariant as H } from "../../../../internal/Button/types.js";
+import { TypographyVariant as l, 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";
+/* empty css                 */
+import V from "../../../../internal/Button/Button.js";
+const K = ({ issuerComments: E }) => {
+  const { i18n: a } = R(), [S, A] = n(0), [_, I] = n(0), [p, d] = n(!1), [o, f] = n(!1), i = M(null), g = (r) => {
+    var e;
+    r.preventDefault(), f(!o), (e = i.current) == null || e.style.setProperty("max-height", `${o ? S : _}px`);
+  };
+  return C(() => {
+    var r;
+    if (i.current) {
+      const e = i.current, s = e.querySelector(`.${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;
+      A(m), I(c), d(c > m), (r = i.current) == null || r.style.setProperty("max-height", `${m}px`);
+    }
+  }, []), /* @__PURE__ */ t(
+    P,
+    {
+      type: x.HIGHLIGHT,
+      variant: U.TIP,
+      description: /* @__PURE__ */ t("div", { className: N, children: [
+        /* @__PURE__ */ t(u, { el: T.DIV, variant: l.BODY, strongest: !0, children: a.get("disputes.issuerComment.title") }),
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: y(v, {
+              [B]: o,
+              [G]: p
+            }),
+            children: /* @__PURE__ */ t("ul", { ref: i, className: O, children: E.map((r, e) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
+              u,
+              {
+                className: h,
+                el: T.PARAGRAPH,
+                variant: l.BODY,
+                children: r
+              }
+            ) }, e)) })
+          }
+        ),
+        p && /* @__PURE__ */ t(V, { variant: H.TERTIARY, onClick: g, children: a.get(o ? "disputes.issuerComment.showLess" : "disputes.issuerComment.showMore") })
+      ] })
+    }
+  );
+};
+export {
+  K as DisputeIssuerComments
+};

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

@@ -0,0 +1,44 @@
+const _ = "adyen-pe-dispute-data", t = "adyen-pe-dispute-data--mobile", T = `${_}__status-box`, s = `${_}__action-bar`, E = `${_}__label`, n = `${_}__list`, S = `${_}__list--evidence`, a = `${_}__list-evidence-error-message`, A = `${_}__issuer-comment`, e = `${_}__issuer-comments`, o = `${e}--expanded`, D = `${e}--truncated`, d = `${_}__issuer-comments-alert`, I = `${_}__issuer-comments-group`, c = "adyen-pe-dispute-data__error-container", U = "adyen-pe-dispute-data__status-box-skeleton", p = "adyen-pe-dispute-data__properties-skeleton", P = "adyen-pe-dispute-data__properties-skeleton-element", i = "adyen-pe-dispute-data__properties-skeleton-container", u = "adyen-pe-dispute-data__status-box-status-container", O = "adyen-pe-dispute-data__status-box-status", r = "adyen-pe-dispute-data__status-box-amount", R = "adyen-pe-dispute-data__status-box-payment-method", N = "adyen-pe-dispute-data__skeleton-container", M = "adyen-pe-dispute-data__status-box-payment-method-container", m = /* @__PURE__ */ new Set([
+  "allowedDefenseReasons",
+  "balanceAccount",
+  "amount",
+  "createdAt",
+  "defensibility",
+  "dueDate",
+  "id",
+  "latestDefense",
+  "paymentMerchantReference",
+  "paymentMethod",
+  "paymentPspReference",
+  "reasonCode",
+  "reasonGroup",
+  "status"
+]);
+export {
+  s as DISPUTE_DATA_ACTION_BAR,
+  _ as DISPUTE_DATA_CLASS,
+  c as DISPUTE_DATA_ERROR_CONTAINER,
+  A as DISPUTE_DATA_ISSUER_COMMENT,
+  e as DISPUTE_DATA_ISSUER_COMMENTS,
+  d as DISPUTE_DATA_ISSUER_COMMENTS_ALERT,
+  o as DISPUTE_DATA_ISSUER_COMMENTS_EXPANDED,
+  I as DISPUTE_DATA_ISSUER_COMMENTS_GROUP,
+  D as DISPUTE_DATA_ISSUER_COMMENTS_TRUNCATED,
+  E as DISPUTE_DATA_LABEL,
+  n as DISPUTE_DATA_LIST,
+  S as DISPUTE_DATA_LIST_EVIDENCE,
+  a as DISPUTE_DATA_LIST_EVIDENCE_ERROR_MESSAGE,
+  t as DISPUTE_DATA_MOBILE_CLASS,
+  p as DISPUTE_DATA_PROPERTIES_SKELETON,
+  i as DISPUTE_DATA_PROPERTIES_SKELETON_CONTAINER,
+  P as DISPUTE_DATA_PROPERTIES_SKELETON_ELEMENT,
+  N as DISPUTE_DATA_SKELETON_CONTAINER,
+  r as DISPUTE_DATA_STATUS_BOX_AMOUNT,
+  R as DISPUTE_DATA_STATUS_BOX_PAYMENT_METHOD,
+  M as DISPUTE_DATA_STATUS_BOX_PAYMENT_METHOD_CONTAINER,
+  U as DISPUTE_DATA_STATUS_BOX_SKELETON,
+  O as DISPUTE_DATA_STATUS_BOX_STATUS,
+  u as DISPUTE_DATA_STATUS_BOX_STATUS_CONTAINER,
+  m as DISPUTE_DETAILS_RESERVED_FIELDS_SET,
+  T as DISPUTE_STATUS_BOX
+};

package/dist/es/components/external/DisputeManagement/context/dispute/context.js

@@ -0,0 +1,105 @@
+import { jsx as E } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { createContext as j } from "../../../../../external/preact/dist/preact.module.js";
+import { memo as q } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { useState as f, useCallback as a, useEffect as A, useContext as B } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+const w = (c) => {
+  const l = new FormData();
+  for (const [i, o] of c.entries())
+    o instanceof File ? l.set(i, o, o.name) : l.set(i, o);
+  return l;
+}, P = j(void 0), z = q(({ dispute: c, setDispute: l, children: i }) => {
+  const [o, d] = f("details"), [u, x] = f(null), [R, F] = f([]), [S, r] = f(null), [h, b] = f(null), D = a(() => {
+    r((e) => {
+      if (e) {
+        const n = [...e.keys()].filter((t) => t !== "defenseReason");
+        if (n.length > 0) {
+          const t = w(e);
+          return n.forEach((s) => t.delete(s)), t;
+        }
+      }
+      return e;
+    });
+  }, []), k = a(() => {
+    switch (o) {
+      case "defendReasonSelectionView":
+        d("details");
+        break;
+      case "accept":
+        d("details");
+        break;
+      case "uploadDefenseFilesView":
+        D(), d("defendReasonSelectionView");
+        break;
+      default:
+        d("details");
+        break;
+    }
+  }, [D, o]), p = a(() => {
+    x(null), F(null), r(null), b(null), l(void 0);
+  }, [l]), y = a((e, n) => {
+    r((t) => {
+      const s = t ? w(t) : new FormData();
+      return s.set(e, n, n.name), s;
+    });
+  }, []), C = a((e, n) => {
+    r((t) => {
+      if (t && t.has(e)) {
+        const s = t.get(e), m = w(t);
+        return m.delete(e), s instanceof File ? m.set(n, s, s.name) : m.set(n, s), m;
+      }
+      return t;
+    });
+  }, []), V = a((e) => {
+    r((n) => {
+      if (n && n.has(e)) {
+        const t = w(n);
+        return t.delete(e), t;
+      }
+      return n;
+    });
+  }, []), g = a((e) => {
+    b(e);
+  }, []);
+  return A(() => {
+    r(() => {
+      if (u) {
+        const e = new FormData();
+        return e.set("defenseReason", u), e;
+      }
+      return null;
+    });
+  }, [u]), /* @__PURE__ */ E(
+    P.Provider,
+    {
+      value: {
+        addFileToDefendPayload: y,
+        applicableDocuments: R,
+        clearFiles: D,
+        clearStates: p,
+        defendResponse: h,
+        dispute: c,
+        flowState: o,
+        goBack: k,
+        setApplicableDocuments: F,
+        setFlowState: d,
+        setDispute: l,
+        selectedDefenseReason: u,
+        setSelectedDefenseReason: x,
+        defendDisputePayload: S,
+        onDefendSubmit: g,
+        moveFieldInDefendPayload: C,
+        removeFieldFromDefendPayload: V
+      },
+      children: i
+    }
+  );
+}), G = () => {
+  const c = B(P);
+  if (!c) throw new Error("useDisputeFlow must be used within DisputeFlowProvider");
+  return c;
+};
+export {
+  z as DisputeContextProvider,
+  P as DisputeFlowContext,
+  G as useDisputeFlow
+};