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

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

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

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 { getDisputesErrorMessage as Ye } from "../../../../utils/disputes/getDisputesErrorMessage.js";
-import Xe from "../../../../internal/Button/Button.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 Le, DISPUTE_DATA_ACTION_BAR as Ce } 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 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.BODY, 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]), 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(() => {
     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]), Y = A(() => {
+    const s = [];
+    return C && 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;
+  }, [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]);
+  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" : 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(
     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(
+    Ye,
     {
-      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: Le, children: /* @__PURE__ */ t(
       De,
       {
-        ...ae,
+        ...re,
         tag: /* @__PURE__ */ t(g, { children: [
-          C && /* @__PURE__ */ t(fe, { label: C }),
-          !B && /* @__PURE__ */ t(_e, { dispute: e.dispute })
+          L && /* @__PURE__ */ t(_e, { label: L }),
+          !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 }),
+    Y.length > 0 ? /* @__PURE__ */ t("div", { className: Ce, children: /* @__PURE__ */ t(Ee, { actions: Y }) }) : null
   ] }) : null });
 };
 export {
-  Pt as DisputeData,
-  Pt as default
+  yt as DisputeData,
+  yt as default
 };

package/dist/es/components/external/DisputesOverview/components/DisputesOverview/DisputesOverview.js

@@ -66,7 +66,7 @@ const J = "CHARGEBACKS", w = "schemeCodes", T = "reasonCategories", N = "_t", ze
   showDetails: m,
   dataCustomization: c
 }) => {
-  const { i18n: u } = W(), { getDisputeList: P } = Je().endpoints, { activeBalanceAccount: e, balanceAccountSelectionOptions: te, onBalanceAccountSelection: re } = Pe(o, !0), { defaultParams: F, nowTimestamp: h, refreshNowTimestamp: C } = Ce("disputes", e), [y, se] = E(!1), [ie, oe] = E(), [d, ne] = E(J), [le, G] = E(!1), [x, j] = E(d), k = a(() => u.get("disputes.overview.common.filters.types.statusGroup"), [u]), H = a(
+  const { i18n: u } = W(), { getDisputeList: P } = Je().endpoints, { activeBalanceAccount: e, balanceAccountSelectionOptions: te, onBalanceAccountSelection: re } = Pe(o, !0), { defaultParams: F, nowTimestamp: h, refreshNowTimestamp: C } = Ce("disputes", e, "last90Days"), [y, se] = E(!1), [ie, oe] = E(), [d, ne] = E(J), [le, G] = E(!1), [x, j] = E(d), k = a(() => u.get("disputes.overview.common.filters.types.statusGroup"), [u]), H = a(
     () => ({
       showDetails: m ?? !0,
       callback: i