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

package/dist/es/components/external/DisputeManagement/utils/index.js

@@ -1,22 +1,20 @@
-import p from "../../../../config/disputes/defenseDocumentConfig.json.js";
-import d from "../../../../config/disputes/defenseReasonConfig.json.js";
-const h = (e, n, c) => {
-  const o = `${n}.${c}`;
-  return e.has(o) ? e.get(o) : void 0;
-}, u = (e, n, c, o) => {
-  const t = n[c];
+const f = (e, n, o) => {
+  const s = `${n}.${o}`;
+  return e.has(s) ? e.get(s) : void 0;
+}, r = (e, n, o, s) => {
+  const t = n[o];
   if (!t) return;
-  const g = h(e, o, t.title), l = t.help ? Array.isArray(t.help) ? t.help : [t.help] : void 0, r = l == null ? void 0 : l.map((f) => h(e, o, f)).filter((f) => f !== void 0), s = [];
-  return t.helpitems && t.helpitems.forEach((f) => {
-    const i = h(e, o, f);
-    i && s.push(i);
+  const u = f(e, s, t.title), m = t.help ? Array.isArray(t.help) ? t.help : [t.help] : void 0, h = m == null ? void 0 : m.map((l) => f(e, s, l)).filter((l) => l !== void 0), c = [];
+  return t.helpitems && t.helpitems.forEach((l) => {
+    const g = f(e, s, l);
+    g && c.push(g);
   }), {
-    title: g || "",
-    ...r != null && r.length ? { primaryDescriptionItems: r } : {},
-    ...s != null && s.length ? { secondaryDescriptionItems: s } : {}
+    title: u || "",
+    ...h != null && h.length ? { primaryDescriptionItems: h } : {},
+    ...c != null && c.length ? { secondaryDescriptionItems: c } : {}
   };
-}, C = (e, n) => u(e, p, n, "disputes.defenseDocument"), v = (e, n) => u(e, d, n, "disputes.defenseReason");
+}, a = (e, n, o) => r(n, e, o, "disputes.management.common.defenseDocuments"), p = (e, n, o) => r(n, e, o, "disputes.management.common.defenseReasons");
 export {
-  C as getDefenseDocumentContent,
-  v as getDefenseReasonContent
+  a as getDefenseDocumentContent,
+  p as getDefenseReasonContent
 };

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

@@ -1,25 +1,18 @@
 var s = Object.defineProperty;
-var r = (o, e, t) => e in o ? s(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var n = (o, e, t) => r(o, typeof e != "symbol" ? e + "" : e, t);
+var n = (t, e, o) => e in t ? s(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
+var r = (t, e, o) => n(t, typeof e != "symbol" ? e + "" : e, o);
 import { jsx as i } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import p from "./components/DisputesContainer/DisputesContainer.js";
-import { UIElement as c } from "../UIElement/UIElement.js";
-class m extends c {
-  constructor(t) {
-    super(t);
-    n(this, "componentToRender", () => /* @__PURE__ */ i(
-      p,
-      {
-        ...this.props,
-        balanceAccountId: this.props.balanceAccountId,
-        ref: (t) => void (this.componentRef = t)
-      }
-    ));
+import { UIElement as m } from "../UIElement/UIElement.js";
+class c extends m {
+  constructor(o) {
+    super(o);
+    r(this, "componentToRender", () => /* @__PURE__ */ i(p, { ...this.props }));
     this.componentToRender = this.componentToRender.bind(this);
   }
 }
-n(m, "type", "disputes");
+r(c, "type", "disputes");
 export {
-  m as DisputesOverviewElement,
-  m as default
+  c as DisputesOverviewElement,
+  c as default
 };

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

@@ -1,49 +1,48 @@
-import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useState as C, useCallback as u, useEffect as g } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import S from "../../../../../core/Context/useCoreContext.js";
 import { popoverUtil as h } from "../../../../internal/Popover/utils/popoverUtil.js";
-import { DisputeDetailsContainer as M } from "../../../DisputeManagement/components/DisputeDetailsContainer/DisputeDetailsContainer.js";
-/* empty css                            */
-import A from "../../../../internal/Modal/Modal.js";
+import { DisputeDetailsContainer as A } from "../../../DisputeManagement/components/DisputeDetailsContainer/DisputeDetailsContainer.js";
+import D from "../../../../internal/Modal/Modal.js";
 const E = ({
-  children: p,
+  children: c,
   selectedDetail: e,
-  resetDetails: t,
-  dataCustomization: c,
-  onContactSupport: l,
+  resetDetails: n,
+  dataCustomization: p,
+  onContactSupport: f,
   refreshDisputesList: a,
-  setModalVisible: n
+  setModalVisible: o
 }) => {
-  const { i18n: f } = S(), [i, r] = C(!1), s = !!e, d = u(() => {
-    i && (r(!1), a("CHARGEBACKS")), n(!1), t();
-  }, [i, a, t, n]), m = u(() => {
+  const { i18n: l } = S(), [i, r] = C(!1), s = !!e, d = u(() => {
+    i && (r(!1), a("CHARGEBACKS")), o(!1), n();
+  }, [i, a, n, o]), m = u(() => {
     r(!0);
   }, []);
   return g(() => {
-    s && (n(!0), h.closeAll());
-  }, [s, n]), /* @__PURE__ */ o("div", { children: [
-    p,
-    e && /* @__PURE__ */ o(
-      A,
+    s && (o(!0), h.closeAll());
+  }, [s, o]), /* @__PURE__ */ t("div", { children: [
+    c,
+    e && /* @__PURE__ */ t(
+      D,
       {
         isOpen: s,
-        "aria-label": f.get("disputes.disputeManagementTitle"),
+        "aria-label": l.get("disputes.management.common.title"),
         onClose: d,
         isDismissible: !0,
         headerWithBorder: !1,
         size: e.modalSize || "large",
-        children: /* @__PURE__ */ o("div", { className: "adyen-pe-dispute-management-modal-content", children: /* @__PURE__ */ o(
-          M,
+        children: /* @__PURE__ */ t(
+          A,
           {
             id: e.selection.data,
-            dataCustomization: c,
+            dataCustomization: p,
             onDisputeAccept: m,
             onDisputeDefend: m,
-            onContactSupport: l,
-            onDismiss: t,
+            onContactSupport: f,
+            onDismiss: n,
             hideTitle: !0
           }
-        ) })
+        )
       }
     )
   ] });

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

@@ -2,20 +2,20 @@ import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRun
 import c from "../../../../../hooks/useBalanceAccounts.js";
 import i from "../../../../internal/DataOverviewContainer/DataOverviewContainer.js";
 import { DisputesOverview as s } from "../DisputesOverview/DisputesOverview.js";
-function v({ ...e }) {
-  const { balanceAccounts: r, isBalanceAccountIdWrong: t, isFetching: n, error: a } = c(e.balanceAccountId);
+function p({ ...e }) {
+  const { balanceAccounts: n, isBalanceAccountIdWrong: r, isFetching: a, error: t } = c(e.balanceAccountId);
   return /* @__PURE__ */ o(
     i,
     {
-      balanceAccountsError: a,
+      balanceAccountsError: t,
       className: "adyen-pe-disputes-overview-container",
-      errorMessage: "disputes.error.couldNotLoadDisputesOverview",
-      isBalanceAccountIdWrong: t,
+      errorMessage: "disputes.overview.common.errors.unavailable",
+      isBalanceAccountIdWrong: r,
       onContactSupport: e.onContactSupport,
-      children: /* @__PURE__ */ o(s, { ...e, balanceAccounts: r, isLoadingBalanceAccount: n })
+      children: /* @__PURE__ */ o(s, { ...e, balanceAccounts: n, isLoadingBalanceAccount: a })
     }
   );
 }
 export {
-  v as default
+  p as default
 };

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

@@ -1,119 +1,122 @@
 import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import Ue from "classnames";
-import { useState as f, useMemo as T, useCallback as S, useRef as B, useEffect as P } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import Z from "../../../../../core/Context/useCoreContext.js";
-import Pe, { ALL_BALANCE_ACCOUNTS_SELECTION_ID as Le } from "../../../../../hooks/useBalanceAccountSelection.js";
+import Le from "classnames";
+import { useState as E, useMemo as a, useCallback as f, useRef as B, useEffect as U } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import W from "../../../../../core/Context/useCoreContext.js";
+import Pe, { ALL_BALANCE_ACCOUNTS_SELECTION_ID as he } from "../../../../../hooks/useBalanceAccountSelection.js";
 import Ce from "../../../../../hooks/useDefaultOverviewFilterParams.js";
-import be from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
-import { EARLIEST_DISPUTES_SINCE_DATE as he, TABS_CONTAINER_CLASS as Me, BASE_CLASS as Ne, BASE_XS_CLASS as ge } from "./constants.js";
-import { LIMIT_OPTIONS as we, DEFAULT_PAGE_LIMIT as ve } from "../../../../internal/Pagination/constants.js";
-import { DISPUTE_REASON_CATEGORIES as J, DISPUTE_PAYMENT_SCHEMES as W, DISPUTE_STATUS_GROUPS as w } from "../../../../utils/disputes/constants.js";
-import { useResponsiveContainer as Ge, containerQueries as ye } from "../../../../../hooks/useResponsiveContainer.js";
-import { FilterParam as U } from "../../../../types.js";
-import { DisputesTable as xe } from "../DisputesTable/DisputesTable.js";
-import { DisputeManagementModal as je } from "../DisputeManagementModal/DisputeManagementModal.js";
-import ke from "../../../../internal/Tabs/Tabs.js";
+import ve from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
+import { EARLIEST_DISPUTES_SINCE_DATE as Me, TABS_CONTAINER_CLASS as we, BASE_CLASS as Ne, BASE_XS_CLASS as ge } from "./constants.js";
+import { LIMIT_OPTIONS as ye, DEFAULT_PAGE_LIMIT as Ge } from "../../../../internal/Pagination/constants.js";
+import { DISPUTE_REASON_CATEGORIES as $, DISPUTE_PAYMENT_SCHEMES as z, DISPUTE_STATUS_GROUPS as g } from "../../../../utils/disputes/constants.js";
+import { useResponsiveContainer as xe, containerQueries as je } from "../../../../../hooks/useResponsiveContainer.js";
+import { FilterParam as O } from "../../../../types.js";
+import { DisputesTable as ke } from "../DisputesTable/DisputesTable.js";
+import { DisputeManagementModal as He } from "../DisputeManagementModal/DisputeManagementModal.js";
+import Ve from "../../../../internal/Tabs/Tabs.js";
 /* empty css                      */
-import He from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
-import { useMultiSelectionFilter as K } from "../../../TransactionsOverview/components/MultiSelectionFilter/useMultiSelectionFilter/useMultiSelectionFilter.js";
-import Ve from "../../../../../hooks/useModalDetails/useModalDetails.js";
-import { useFilterBarState as Ye, FilterBarMobileSwitch as Be, FilterBar as Ke } from "../../../../internal/FilterBar/FilterBar.js";
-import qe from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
-import q from "../../../TransactionsOverview/components/MultiSelectionFilter/MultiSelectionFilter.js";
-import Qe from "../../../../internal/FormFields/Select/Select.js";
-import { useConfigContext as Xe } from "../../../../../core/ConfigContext/context.js";
-import { listFrom as Q } from "../../../../../utils/collection/main.js";
-import { isFunction as Ze } from "../../../../../utils/value/is.js";
-import { Header as Je } from "../../../../internal/Header/Header.js";
-const X = "CHARGEBACKS", N = "schemeCodes", p = "reasonCategories", g = "_t", We = Object.keys(W), $e = Object.keys(J), ze = Object.keys(w), $ = Object.entries(w).map(([i, n]) => ({
-  id: i,
-  label: n,
+import Ye from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
+import { useMultiSelectionFilter as q } from "../../../TransactionsOverview/components/MultiSelectionFilter/useMultiSelectionFilter/useMultiSelectionFilter.js";
+import Ke from "../../../../../hooks/useModalDetails/useModalDetails.js";
+import { useFilterBarState as Be, FilterBarMobileSwitch as qe, FilterBar as Qe } from "../../../../internal/FilterBar/FilterBar.js";
+import Xe from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
+import Q from "../../../TransactionsOverview/components/MultiSelectionFilter/MultiSelectionFilter.js";
+import Ze from "../../../../internal/FormFields/Select/Select.js";
+import { useConfigContext as Je } from "../../../../../core/ConfigContext/context.js";
+import { listFrom as X } from "../../../../../utils/collection/main.js";
+import { isFunction as We } from "../../../../../utils/value/is.js";
+import { Header as $e } from "../../../../internal/Header/Header.js";
+import { noop as Z } from "../../../../../utils/common.js";
+const J = "CHARGEBACKS", w = "schemeCodes", T = "reasonCategories", N = "_t", ze = Object.keys(z), et = Object.keys($), tt = Object.keys(g), ee = Object.entries(g).map(([n, o]) => ({
+  id: n,
+  label: o,
   content: null
-})), et = ({
-  activeTab: i,
-  onChange: n
+})), rt = ({
+  ["aria-label"]: n,
+  activeTab: o,
+  onChange: _
 }) => {
-  const { i18n: E } = Z(), [_, D] = f(i), F = T(() => Object.entries(w).map(([o, a]) => ({
-    id: o,
-    name: E.get(a)
-  })), [E]);
-  return P(() => {
-    const o = $.find((a) => a.id === _);
-    o && n(o);
-  }, [n, _]), P(() => D(i), [i]), /* @__PURE__ */ r(
-    Qe,
+  const { i18n: R } = W(), [A, D] = E(o), L = a(() => Object.entries(g).map(([i, m]) => ({
+    id: i,
+    name: R.get(m)
+  })), [R]);
+  return U(() => {
+    const i = ee.find((m) => m.id === A);
+    i && _(i);
+  }, [_, A]), U(() => D(o), [o]), /* @__PURE__ */ r(
+    Ze,
     {
-      items: F,
-      selected: _,
-      onChange: ({ target: o }) => D(o.value),
+      "aria-label": n,
+      items: L,
+      selected: A,
+      onChange: ({ target: i }) => D(i.value),
       showOverlay: !0,
       multiSelect: !1,
       filterable: !1
     }
   );
-}, ht = ({
-  onFiltersChanged: i,
-  balanceAccounts: n,
-  allowLimitSelection: E = !0,
-  preferredLimit: _ = ve,
-  isLoadingBalanceAccount: D,
-  onContactSupport: F,
-  hideTitle: o,
-  onRecordSelection: a,
-  showDetails: v,
-  dataCustomization: m
+}, wt = ({
+  onFiltersChanged: n,
+  balanceAccounts: o,
+  allowLimitSelection: _ = !0,
+  preferredLimit: R = Ge,
+  isLoadingBalanceAccount: A,
+  onContactSupport: D,
+  hideTitle: L,
+  onRecordSelection: i,
+  showDetails: m,
+  dataCustomization: c
 }) => {
-  const { i18n: I } = Z(), { getDisputeList: L } = Xe().endpoints, { activeBalanceAccount: e, balanceAccountSelectionOptions: z, onBalanceAccountSelection: ee } = Pe(n, !0), { defaultParams: A, nowTimestamp: C, refreshNowTimestamp: b } = Ce("disputes", e), [G, te] = f(!1), [re, se] = f(), [c, ie] = f(X), [oe, y] = f(!1), [x, j] = f(c), k = T(
+  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(
     () => ({
-      showDetails: v ?? !0,
-      callback: a
+      showDetails: m ?? !0,
+      callback: i
     }),
-    [v, a]
-  ), ne = T(() => ({ dispute: k }), [k]), le = S(
-    async ({ [g]: t, ...s }, u) => L({ signal: u, errorLevel: "error" }, {
+    [m, i]
+  ), ae = a(() => ({ dispute: H }), [H]), me = f(
+    async ({ [N]: t, ...s }, S) => P({ signal: S, errorLevel: "error" }, {
       query: {
         ...s,
-        ...(e == null ? void 0 : e.id) !== Le && {
+        ...(e == null ? void 0 : e.id) !== he && {
           balanceAccountId: (e == null ? void 0 : e.id) ?? ""
         },
-        reasonCategories: Q(s[p]),
-        schemeCodes: Q(s[N]),
-        createdSince: s[U.CREATED_SINCE] ?? A.current.defaultFilterParams[U.CREATED_SINCE],
-        createdUntil: s[U.CREATED_UNTIL] ?? A.current.defaultFilterParams[U.CREATED_UNTIL]
+        reasonCategories: X(s[T]),
+        schemeCodes: X(s[w]),
+        createdSince: s[O.CREATED_SINCE] ?? F.current.defaultFilterParams[O.CREATED_SINCE],
+        createdUntil: s[O.CREATED_UNTIL] ?? F.current.defaultFilterParams[O.CREATED_UNTIL]
       }
     }),
-    [e == null ? void 0 : e.id, A, L]
-  ), H = Ye(), ae = T(() => Ze(i) ? i : void 0, [i]), me = T(() => E ? we : void 0, [E]), h = Object.assign(A.current.defaultFilterParams, {
-    [p]: void 0,
-    [N]: void 0,
-    [g]: performance.now(),
-    statusGroup: X
-  }), { canResetFilters: ce, error: de, fetching: ue, filters: d, limit: Se, limitOptions: pe, records: fe, resetFilters: tt, updateFilters: l, updateLimit: Te, ...Ee } = He({
-    fetchRecords: le,
+    [e == null ? void 0 : e.id, F, P]
+  ), V = Be(), ce = a(() => We(n) ? n : void 0, [n]), ue = a(() => _ ? ye : void 0, [_]), v = Object.assign(F.current.defaultFilterParams, {
+    [T]: void 0,
+    [w]: void 0,
+    [N]: performance.now(),
+    statusGroup: J
+  }), { canResetFilters: de, error: pe, fetching: Se, filters: p, limit: fe, limitOptions: Te, records: Ee, resetFilters: st, updateFilters: l, updateLimit: _e, ...Ae } = Ye({
+    fetchRecords: me,
     dataField: "data",
-    filterParams: h,
+    filterParams: v,
     initialFiltersSameAsDefault: !0,
-    onFiltersChanged: ae,
-    preferredLimit: _,
-    preferredLimitOptions: me,
-    enabled: !!(e != null && e.id) && !!L
-  }), M = B(void 0), _e = K({
-    mapFilterOptionName: S((t) => I.get(J[t]), [I]),
-    filterParam: p,
-    filterValues: $e,
-    defaultFilters: { ...h, [p]: M.current },
+    onFiltersChanged: ce,
+    preferredLimit: R,
+    preferredLimitOptions: ue,
+    enabled: !!(e != null && e.id) && !!P
+  }), M = B(void 0), De = q({
+    mapFilterOptionName: f((t) => u.get($[t]), [u]),
+    filterParam: T,
+    filterValues: et,
+    defaultFilters: { ...v, [T]: M.current },
     updateFilters: l,
-    filters: d
-  }), Ae = K({
-    mapFilterOptionName: S((t) => W[t], []),
-    filterParam: N,
-    filterValues: We,
-    defaultFilters: h,
+    filters: p
+  }), Fe = q({
+    mapFilterOptionName: f((t) => z[t], []),
+    filterParam: w,
+    filterValues: ze,
+    defaultFilters: v,
     updateFilters: l,
-    filters: d
-  }), { updateDetails: V, resetDetails: De, selectedDetail: Fe } = Ve(ne), Ie = S(
+    filters: p
+  }), { updateDetails: Y, resetDetails: Re, selectedDetail: be } = Ke(ae), Ie = f(
     ({ disputePspReference: t }) => {
-      V({
+      Y({
         selection: {
           type: "dispute",
           data: t
@@ -121,94 +124,125 @@ const X = "CHARGEBACKS", N = "schemeCodes", p = "reasonCategories", g = "_t", We
         modalSize: "small"
       }).callback({ id: t });
     },
-    [V]
-  ), Re = T(() => {
-    const t = new Date(C), s = t.setFullYear(t.getFullYear() - 1), u = new Date(he).getTime();
-    return new Date(Math.max(u, s)).toString();
-  }, [C]), R = B(null), Y = S(
+    [Y]
+  ), Oe = a(() => {
+    const t = new Date(h), s = t.setFullYear(t.getFullYear() - 1), S = new Date(Me).getTime();
+    return new Date(Math.max(S, s)).toString();
+  }, [h]), b = B(null), K = f(
     ({ id: t }) => {
-      R.current && clearTimeout(R.current), R.current = setTimeout(() => {
-        requestAnimationFrame(() => y(!1));
-        const s = p, u = { statusGroup: t, [s]: void 0 };
-        t !== "FRAUD_ALERTS" && (u[s] = M.current), l(u), R.current = null;
-      }, 500), ie(t), y(!0), j(void 0);
+      b.current && clearTimeout(b.current), b.current = setTimeout(() => {
+        requestAnimationFrame(() => G(!1));
+        const s = T, S = { statusGroup: t, [s]: void 0 };
+        t !== "FRAUD_ALERTS" && (S[s] = M.current), l(S), b.current = null;
+      }, 500), ne(t), G(!0), j(void 0);
     },
     [l]
-  ), Oe = S(
+  ), Ue = f(
     (t) => {
-      t && ze.includes(t) && t !== c ? j(t) : (
+      t && tt.includes(t) && t !== d ? j(t) : (
         // Refresh the current disputes list status group,
         // by updating the last refresh timestamp filter parameter
-        l({ [g]: performance.now() })
+        l({ [N]: performance.now() })
       );
     },
-    [c, l]
-  ), O = Ge(ye.down.xs);
-  return P(() => {
-    se(O && G ? { maxHeight: 0, overflowY: "hidden" } : void 0);
-  }, [O, G]), P(() => {
-    b(), d.statusGroup !== "FRAUD_ALERTS" && (M.current = d[p]);
-  }, [d, b]), /* @__PURE__ */ r("div", { style: re, className: Ue(Ne, { [ge]: O }), children: [
-    /* @__PURE__ */ r(Je, { hideTitle: o, titleKey: "disputes.title", children: /* @__PURE__ */ r(Be, { ...H }) }),
+    [d, l]
+  ), I = xe(je.down.xs);
+  return U(() => {
+    oe(I && y ? { maxHeight: 0, overflowY: "hidden" } : void 0);
+  }, [I, y]), U(() => {
+    C(), p.statusGroup !== "FRAUD_ALERTS" && (M.current = p[T]);
+  }, [p, C]), /* @__PURE__ */ r("div", { style: ie, className: Le(Ne, { [ge]: I }), children: [
+    /* @__PURE__ */ r($e, { hideTitle: L, titleKey: "disputes.overview.common.title", children: /* @__PURE__ */ r(qe, { ...V }) }),
     /* @__PURE__ */ r("div", { children: [
-      /* @__PURE__ */ r("div", { className: Me, children: O ? /* @__PURE__ */ r(et, { activeTab: x ?? c, onChange: Y }) : /* @__PURE__ */ r(ke, { tabs: $, activeTab: x, onChange: Y }) }),
-      /* @__PURE__ */ r(Ke, { ...H, children: [
-        /* @__PURE__ */ r(
-          qe,
+      /* @__PURE__ */ r("div", { children: [
+        /* @__PURE__ */ r("div", { className: we, children: I ? /* @__PURE__ */ r(
+          rt,
           {
-            activeBalanceAccount: e,
-            balanceAccountSelectionOptions: z,
-            onBalanceAccountSelection: ee
+            "aria-label": k,
+            activeTab: x ?? d,
+            onChange: K
           }
-        ),
-        /* @__PURE__ */ r(
-          be,
+        ) : /* @__PURE__ */ r(
+          Ve,
           {
-            canResetFilters: ce,
-            defaultParams: A,
-            filters: d,
-            nowTimestamp: C,
-            refreshNowTimestamp: b,
-            sinceDate: Re,
-            timezone: e == null ? void 0 : e.timeZone,
-            updateFilters: l
+            "aria-label": k,
+            tabs: ee,
+            activeTab: x,
+            onChange: K
           }
-        ),
-        /* @__PURE__ */ r(q, { ...Ae, placeholder: I.get("disputes.paymentMethod") }),
-        c !== "FRAUD_ALERTS" && /* @__PURE__ */ r(q, { ..._e, placeholder: I.get("disputes.disputeReason") })
-      ] })
-    ] }),
-    /* @__PURE__ */ r(
-      je,
-      {
-        dataCustomization: (m == null ? void 0 : m.details) && { details: m == null ? void 0 : m.details },
-        selectedDetail: Fe,
-        resetDetails: De,
-        onContactSupport: F,
-        refreshDisputesList: Oe,
-        setModalVisible: te,
-        children: /* @__PURE__ */ r(
-          xe,
-          {
-            activeBalanceAccount: e,
-            balanceAccountId: e == null ? void 0 : e.id,
-            loading: oe || ue || D || !n || !e,
-            data: fe,
-            showPagination: !0,
-            limit: Se,
-            limitOptions: pe,
-            onContactSupport: F,
-            onLimitSelection: Te,
-            error: de,
-            onRowClick: Ie,
-            statusGroup: c,
-            ...Ee
-          }
-        )
-      }
-    )
+        ) }),
+        /* @__PURE__ */ r(Qe, { ...V, ariaLabelKey: "disputes.overview.common.filters.a11y.label", children: [
+          /* @__PURE__ */ r(
+            Xe,
+            {
+              activeBalanceAccount: e,
+              balanceAccountSelectionOptions: te,
+              onBalanceAccountSelection: re
+            }
+          ),
+          /* @__PURE__ */ r(
+            ve,
+            {
+              canResetFilters: de,
+              defaultParams: F,
+              filters: p,
+              nowTimestamp: h,
+              refreshNowTimestamp: C,
+              sinceDate: Oe,
+              timezone: e == null ? void 0 : e.timeZone,
+              updateFilters: l
+            }
+          ),
+          /* @__PURE__ */ r(
+            Q,
+            {
+              ...Fe,
+              placeholder: u.get("disputes.overview.common.filters.types.paymentMethod"),
+              onResetAction: Z
+            }
+          ),
+          d !== "FRAUD_ALERTS" && /* @__PURE__ */ r(
+            Q,
+            {
+              ...De,
+              placeholder: u.get("disputes.overview.common.filters.types.disputeReason"),
+              onResetAction: Z
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ r(
+        He,
+        {
+          dataCustomization: (c == null ? void 0 : c.details) && { details: c == null ? void 0 : c.details },
+          selectedDetail: be,
+          resetDetails: Re,
+          onContactSupport: D,
+          refreshDisputesList: Ue,
+          setModalVisible: se,
+          children: /* @__PURE__ */ r(
+            ke,
+            {
+              activeBalanceAccount: e,
+              balanceAccountId: e == null ? void 0 : e.id,
+              loading: le || Se || A || !o || !e,
+              data: Ee,
+              showPagination: !0,
+              limit: fe,
+              limitOptions: Te,
+              onContactSupport: D,
+              onLimitSelection: _e,
+              error: pe,
+              onRowClick: Ie,
+              statusGroup: d,
+              ...Ae
+            }
+          )
+        }
+      )
+    ] })
   ] });
 };
 export {
-  ht as DisputesOverview
+  wt as DisputesOverview
 };

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

@@ -1,14 +1,14 @@
 import { jsx as m } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useMemo as a } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import n from "../../../../../core/Context/useCoreContext.js";
-import { DISPUTE_STATUSES as i } from "../../../../utils/disputes/constants.js";
-import { isDisputeActionNeededUrgently as u } from "../../../../utils/disputes/actionNeeded.js";
-import { Tag as f } from "../../../../internal/Tag/Tag.js";
+import s from "../../../../../core/Context/useCoreContext.js";
+import { getDisputeStatus as i } from "../../../../utils/translation/getters.js";
+import { isDisputeActionNeededUrgently as f } from "../../../../utils/disputes/actionNeeded.js";
+import { Tag as u } from "../../../../internal/Tag/Tag.js";
 import { TagVariant as r } from "../../../../internal/Tag/types.js";
-const l = ({ dispute: t }) => {
-  const { i18n: o } = n(), e = a(() => o.get(i[t.status]), [o, t]), s = a(() => t.status === "WON" ? r.SUCCESS : u(t) ? r.ERROR : r.DEFAULT, [t]);
-  return /* @__PURE__ */ m(f, { variant: s, label: e });
+const D = ({ dispute: t }) => {
+  const { i18n: o } = s(), n = a(() => i(o, t.status), [o, t]), e = a(() => t.status === "WON" ? r.SUCCESS : (t == null ? void 0 : t.defensibility) === "NOT_ACTIONABLE" ? r.DEFAULT : f(t) ? r.ERROR : r.DEFAULT, [t]);
+  return /* @__PURE__ */ m(u, { variant: e, label: n });
 };
 export {
-  l as default
+  D as default
 };