@adyen/adyen-platform-experience-web 1.10.1 → 1.11.0

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

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

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

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

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

@@ -1,30 +1,30 @@
-import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as t } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import l from "classnames";
-import { useState as G, useMemo as h, useCallback as w, useEffect as $ } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import V from "../../../../../core/Context/useCoreContext.js";
-import H from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
-import { Alert as j } from "../../../../internal/Alert/Alert.js";
-import { AlertTypeOption as q } from "../../../../internal/Alert/types.js";
-import { DAY_MS as z } from "../../../../internal/Calendar/calendar/constants.js";
-import { getDisputeReason as Q } from "../../../../utils/translation/getters.js";
-import { isDisputeActionNeededUrgently as W } from "../../../../utils/disputes/actionNeeded.js";
-import Z from "../../../../internal/DataOverviewError/DataOverviewError.js";
+import { useState as G, useMemo as h, useCallback as w, useEffect as $ } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import V from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import { Alert as H } from "../../../../internal/Alert/Alert.js";
+import { AlertTypeOption as j } from "../../../../internal/Alert/types.js";
+import { DAY_MS as q } from "../../../../internal/Calendar/calendar/constants.js";
+import { getDisputeReason as z } from "../../../../utils/translation/getters.js";
+import { isDisputeActionNeededUrgently as Q } from "../../../../utils/disputes/actionNeeded.js";
+import W from "../../../../internal/DataOverviewError/DataOverviewError.js";
 import { TypographyVariant as v, TypographyElement as A } from "../../../../internal/Typography/types.js";
 import y from "../../../../internal/Typography/Typography.js";
 import { BASE_CLASS as r } from "./constants.js";
-import { useTableColumns as J } from "../../../../../hooks/useTableColumns.js";
-import { useResponsiveContainer as X, containerQueries as ee } from "../../../../../hooks/useResponsiveContainer.js";
+import { useTableColumns as Z } from "../../../../../hooks/useTableColumns.js";
+import { useResponsiveContainer as J, containerQueries as X } from "../../../../../hooks/useResponsiveContainer.js";
 import f from "../../../TransactionsOverview/components/TransactionsTable/PaymentMethodCell.js";
-import te from "./DisputeStatusTag.js";
-import { Tag as oe } from "../../../../internal/Tag/Tag.js";
-import { Tooltip as ne } from "../../../../internal/Tooltip/Tooltip.js";
+import ee from "./DisputeStatusTag.js";
+import { Tag as te } from "../../../../internal/Tag/Tag.js";
+import { Tooltip as oe } from "../../../../internal/Tooltip/Tooltip.js";
 /* empty css                   */
+import ne from "../../../../../core/Context/preact/useCoreContext.js";
 import { DATE_FORMAT_RESPONSE_DEADLINE as se, DATE_FORMAT_DISPUTES as N } from "../../../../../constants/dateFormats.js";
 import R from "../../../../internal/DataGrid/DataGrid.js";
 import re from "../../../../internal/Pagination/Pagination.js";
-import { Translation as ie } from "../../../../internal/Translation/Translation.js";
-import { Icon as ae } from "../../../../internal/Icon/Icon.js";
-import { useConfigContext as le } from "../../../../../core/ConfigContext/context.js";
+import { Icon as ie } from "../../../../internal/Icon/Icon.js";
+import { Translation as ae } from "../../../../internal/Translation/Translation.js";
+import { useConfigContext as le } from "../../../../../core/ConfigContext/preact/context.js";
 const O = {
   status: "disputes.overview.common.fields.status",
   respondBy: "disputes.overview.common.fields.respondBy",
@@ -62,7 +62,7 @@ const O = {
   statusGroup: s,
   ...B
 }) => {
-  const { i18n: i } = V(), { refreshing: _ } = le(), { dateFormat: d } = H(U?.timeZone), [b, P] = G(null), g = h(() => S || _, [S, _]), o = X(ee.down.xs);
+  const { i18n: i } = ne(), { refreshing: _ } = le(), { dateFormat: d } = V(U?.timeZone), [b, P] = G(null), g = h(() => S || _, [S, _]), o = J(X.down.xs);
   let c;
   if (T)
     switch (s) {
@@ -76,7 +76,7 @@ const O = {
         c = "disputes.overview.ongoingAndClosed.limitSelect.a11y.label";
         break;
     }
-  const x = J({
+  const x = Z({
     fields: de,
     fieldsKeys: O,
     customColumns: k,
@@ -119,7 +119,7 @@ const O = {
   }), C = w(() => P(null), []), I = w(
     (e) => {
       if (!e) return "";
-      const u = new Date(e).getTime() - Date.now(), p = Math.ceil(u / z), a = d(e, { ...se, weekday: void 0 });
+      const u = new Date(e).getTime() - Date.now(), p = Math.ceil(u / q), a = d(e, { ...se, weekday: void 0 });
       return p <= 1 ? i.get("disputes.overview.common.actionNeeded.respondToday", { values: { date: a } }) : i.get("disputes.overview.common.actionNeeded.respondDays", { values: { days: p, date: a } });
     },
     [d, i]
@@ -127,13 +127,13 @@ const O = {
     title: M[s].title,
     message: [M[s].message]
   }, Y = h(
-    () => () => /* @__PURE__ */ t(Z, { error: D, errorMessage: "disputes.overview.common.errors.listUnavailable", onContactSupport: E }),
+    () => () => /* @__PURE__ */ t(W, { error: D, errorMessage: "disputes.overview.common.errors.listUnavailable", onContactSupport: E }),
     [D, E]
   );
   return $(() => {
     g && C();
   }, [g, C]), /* @__PURE__ */ t("div", { className: r, children: [
-    b && /* @__PURE__ */ t(j, { onClose: C, type: q.WARNING, className: "adyen-pe-disputes-table-alert", ...b }),
+    b && /* @__PURE__ */ t(H, { onClose: C, type: j.WARNING, className: "adyen-pe-disputes-table-alert", ...b }),
     /* @__PURE__ */ t(
       R,
       {
@@ -148,14 +148,14 @@ const O = {
         emptyTableMessage: K,
         customCells: {
           status: ({ item: e }) => /* @__PURE__ */ t("div", { className: l(n.cellContent, { [n.cellContentVStack]: o }), children: [
-            /* @__PURE__ */ t(te, { dispute: e }),
+            /* @__PURE__ */ t(ee, { dispute: e }),
             o && /* @__PURE__ */ t(f, { paymentMethod: e.paymentMethod })
           ] }),
           reason: ({ item: e }) => e.reason.title,
           respondBy: ({ item: e }) => {
-            const m = W(e), u = d(e.dueDate, N), p = !0, a = () => m && p ? /* @__PURE__ */ t(ne, { content: I(e.dueDate), children: /* @__PURE__ */ t("span", { className: n.dateContentUrgent, children: [
+            const m = Q(e), u = d(e.dueDate, N), p = !0, a = () => m && p ? /* @__PURE__ */ t(oe, { content: I(e.dueDate), children: /* @__PURE__ */ t("span", { className: n.dateContentUrgent, children: [
               /* @__PURE__ */ t("time", { dateTime: e.dueDate, children: u }),
-              /* @__PURE__ */ t(ae, { name: "warning-filled" })
+              /* @__PURE__ */ t(ie, { name: "warning-filled" })
             ] }) }) : /* @__PURE__ */ t("time", { dateTime: e.dueDate, children: u });
             return /* @__PURE__ */ t("div", { className: l(n.cellContent, { [n.cellContentVStack]: o }), children: [
               e.dueDate ? /* @__PURE__ */ t(
@@ -168,7 +168,7 @@ const O = {
                     [n.statusContentUrgent]: m
                   }),
                   children: o ? /* @__PURE__ */ t(
-                    ie,
+                    ae,
                     {
                       translationKey: "disputes.overview.common.actionNeeded.dueDate",
                       fills: { dueDate: a }
@@ -179,7 +179,7 @@ const O = {
               o && /* @__PURE__ */ t(f, { paymentMethod: e.paymentMethod })
             ] });
           },
-          currency: ({ item: e }) => /* @__PURE__ */ t(oe, { children: e.amount.currency }),
+          currency: ({ item: e }) => /* @__PURE__ */ t(te, { children: e.amount.currency }),
           disputedAmount: ({ item: e }) => e.amount && /* @__PURE__ */ t(y, { el: A.SPAN, variant: v.BODY, stronger: !0, children: i.amount(e.amount.value, e.amount.currency, { hideCurrency: !1 }) }),
           createdAt: ({ item: e }) => /* @__PURE__ */ t("div", { className: l(n.cellContent, { [n.cellContentVStack]: o }), children: [
             /* @__PURE__ */ t(
@@ -195,7 +195,7 @@ const O = {
             o && /* @__PURE__ */ t(f, { paymentMethod: e.paymentMethod })
           ] }),
           paymentMethod: ({ item: e }) => /* @__PURE__ */ t(f, { paymentMethod: e.paymentMethod }),
-          disputeReason: ({ item: e }) => /* @__PURE__ */ t("span", { children: Q(i, e.reason.category) }),
+          disputeReason: ({ item: e }) => /* @__PURE__ */ t("span", { children: z(i, e.reason.category) }),
           totalPaymentAmount: ({ item: e }) => e && /* @__PURE__ */ t(y, { el: A.SPAN, variant: v.BODY, stronger: !0, children: i.amount(e.amount.value, e.amount.currency, { hideCurrency: !1 }) })
         },
         children: T && /* @__PURE__ */ t(R.Footer, { children: /* @__PURE__ */ t(

package/dist/es/components/external/PaymentLinkCreation/PaymentLinkCreationElement.js

@@ -1,4 +1,4 @@
-import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as e } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { UIElement as n } from "../UIElement/UIElement.js";
 import r from "./components/PaymentLinkCreationContainer/PaymentLinkCreationContainer.js";
 class s extends n {