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

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 pe, useEffect as le } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+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 Te } from "../../../../../hooks/useFetch.js";
-import { useResponsiveContainer as de, containerQueries as ue } from "../../../../../hooks/useResponsiveContainer.js";
+import { useFetch as de } from "../../../../../hooks/useFetch.js";
+import { useResponsiveContainer as Te, 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 Ae 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 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 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 { 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 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 ke from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import { getDisputeType as xe } from "../../../../utils/translation/getters.js";
+import { ErrorMessageDisplay as He } from "../../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
+import { getDisputesErrorMessage as Ye } from "../../../../utils/disputes/getDisputesErrorMessage.js";
+import Xe 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 { 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 = ({
+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: r,
+  dispute: a,
   timeZone: d
 }) => {
-  const { i18n: c } = W(), { dateFormat: o } = Ye(d);
+  const { i18n: l } = W(), { dateFormat: r } = ke(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";
+      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";
       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: [
+          description: /* @__PURE__ */ t(g, { children: [
+            l.get(u),
+            T !== "NOTIFICATION_OF_FRAUD" && !!c && /* @__PURE__ */ t(g, { children: [
               " ",
               /* @__PURE__ */ t(
                 we,
                 {
-                  translationKey: "disputes.alert.responseDeadline",
+                  translationKey: "disputes.management.details.alerts.responseDeadline",
                   fills: {
-                    date: /* @__PURE__ */ t(Ce, { variant: Me.BODY, el: be.SPAN, stronger: !0, children: o(p, Xe) })
+                    date: /* @__PURE__ */ t("time", { dateTime: c, children: /* @__PURE__ */ t(Le, { variant: Me.BODY, el: be.SPAN, stronger: !0, children: r(c, Ve) }) })
                   }
                 }
               )
@@ -64,29 +64,43 @@ const Ve = (i) => !!i && typeof i == "object" && i.type === "button", je = ({
       );
     }
     case "autoDefended":
-      return /* @__PURE__ */ t(S, { type: I.HIGHLIGHT, variant: O.TIP, description: c.get("disputes.alert.autoDefended") });
+      return /* @__PURE__ */ t(
+        S,
+        {
+          type: I.HIGHLIGHT,
+          variant: O.TIP,
+          description: l.get("disputes.management.details.alerts.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) });
+      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) });
     }
     case "notDefendable":
-      return /* @__PURE__ */ t(S, { type: I.HIGHLIGHT, variant: O.TIP, description: c.get("disputes.alert.notDefendable") });
+      return /* @__PURE__ */ t(
+        S,
+        {
+          type: I.HIGHLIGHT,
+          variant: O.TIP,
+          description: l.get("disputes.management.details.alerts.notDefendable")
+        }
+      );
   }
   return null;
-}, Rt = ({
+}, Pt = ({
   disputeId: i,
-  dataCustomization: r,
+  dataCustomization: a,
   onContactSupport: d,
-  onDismiss: c
+  onDismiss: l
 }) => {
-  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(
+  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(
     A(
       () => ({
         fetchOptions: {
-          enabled: !!i && !!R && !p,
-          onSuccess: (s) => {
-            u(s);
+          enabled: !!i && !!R && !c,
+          onSuccess: (n) => {
+            T(n);
           }
         },
         queryFn: async () => R(Ge, {
@@ -95,118 +109,119 @@ const Ve = (i) => !!i && typeof i == "object" && i.type === "button", je = ({
           }
         })
       }),
-      [p, i, R, u]
+      [c, i, R, T]
     )
-  ), e = p || D, l = (w = e == null ? void 0 : e.dispute) == null ? void 0 : w.defensibility, ne = De({
+  ), e = c || D, m = (X = e == null ? void 0 : e.dispute) == null ? void 0 : X.defensibility, ae = Ee({
     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);
+  }), F = A(() => {
+    const { chargeback: n, preArbitration: s } = (e == null ? void 0 : e.dispute.issuerExtraData) ?? {}, o = [];
+    return [s, n].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);
       });
-    }), 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)
+    }), 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(() => {
+    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(s).filter((_) => Ve(_))
+        Object.values(n).filter((_) => je(_))
       );
-  }, [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"),
+  }, [D, a == null ? void 0 : a.details]);
+  pe(() => {
+    x();
+  }, [x]);
+  const H = A(() => {
+    const n = [];
+    return L && n.push({
+      title: r.get("disputes.management.details.actions.defendChargeback"),
+      event: k
+    }), b && n.push({
+      title: r.get("disputes.management.details.actions.accept"),
       event: M,
       variant: h.SECONDARY
-    }), E && v(d) && s.push({
-      title: o.get("contactSupport"),
+    }), E && v(d) && n.push({
+      title: r.get("disputes.management.details.actions.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,
+    }), 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,
         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: [
+    }), 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: Be }),
-        /* @__PURE__ */ t("div", { className: ye, children: [
+        /* @__PURE__ */ t("span", { className: Pe }),
+        /* @__PURE__ */ t("div", { className: Be, 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("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-${a}`)) })
+      ] }, `skeleton-${o}`)) })
     ] }) });
   }
-  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,
+  const B = (e == null ? void 0 : e.dispute.type) === "NOTIFICATION_OF_FRAUD", ie = !!(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(
+    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,
     {
-      renderSecondaryButton: c ? oe : void 0,
+      renderSecondaryButton: l ? oe : void 0,
       withImage: !0,
       outlined: !1,
       absolutePosition: !1,
       withBackground: !1,
-      ...ie
+      ...ce
     }
-  ) }) : e ? /* @__PURE__ */ t(P, { children: [
-    /* @__PURE__ */ t("div", { className: Le, children: /* @__PURE__ */ t(
-      Ae,
+  ) }) : e ? /* @__PURE__ */ t(g, { children: [
+    /* @__PURE__ */ t("div", { className: Fe, children: /* @__PURE__ */ t(
+      De,
       {
-        ...ne,
-        tag: /* @__PURE__ */ t(P, { children: [
-          g && /* @__PURE__ */ t(Ee, { label: g }),
-          !y && /* @__PURE__ */ t(fe, { dispute: e.dispute })
+        ...ae,
+        tag: /* @__PURE__ */ t(g, { children: [
+          C && /* @__PURE__ */ t(fe, { label: C }),
+          !B && /* @__PURE__ */ t(_e, { dispute: e.dispute })
         ] })
       }
     ) }),
-    L.length > 0 && /* @__PURE__ */ t(Oe, { issuerComments: L }),
-    T && /* @__PURE__ */ t(
-      je,
+    F.length > 0 && /* @__PURE__ */ t(Oe, { issuerComments: F }),
+    p && /* @__PURE__ */ t(
+      qe,
       {
-        alertMode: T,
+        alertMode: p,
         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
+    /* @__PURE__ */ t(Ie, { dispute: e, dataCustomization: a, defenseReasonConfig: $ }),
+    H.length > 0 ? /* @__PURE__ */ t("div", { className: Ce, children: /* @__PURE__ */ t(Ae, { actions: H }) }) : null
   ] }) : null });
 };
 export {
-  Rt as DisputeData,
-  Rt as default
+  Pt as DisputeData,
+  Pt as default
 };