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

package/dist/es/components/internal/DataGrid/hooks/useInteractiveDataGrid.js

@@ -1,76 +1,73 @@
-import { useReducer as I, useCallback as a } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { useReducer as I, useCallback as o } from "../../../../external/preact/hooks/dist/hooks.module.js";
 import p from "../../../../hooks/useReflex.js";
-import { InteractionKeyCode as s } from "../../../types.js";
-import { INITIAL_STATE as R } from "../DataGrid.js";
-const T = ({ totalRows: x }) => {
-  const [i, o] = I(
-    (e, t) => {
-      const n = x;
-      if (n > 1) {
-        const d = t.index;
-        if (d < n && d >= 0)
-          return t.type === "ACTIVE" ? Object.freeze({ ...e, index: t.index ?? 0, activeIndex: t.index }) : Object.freeze({ ...e, index: t.index ?? 0, activeIndex: -1 });
+import { InteractionKeyCode as n } from "../../../types.js";
+import { INITIAL_STATE as u } from "../DataGrid.js";
+const T = ({ totalRows: r }) => {
+  const [t, d] = I(
+    (e, i) => {
+      const s = r;
+      if (s > 1) {
+        const x = i.index;
+        if (x < s && x >= 0)
+          return i.type === "ACTIVE" ? Object.freeze({ ...e, index: i.index ?? 0, activeIndex: i.index }) : Object.freeze({ ...e, index: i.index ?? 0, activeIndex: -1 });
       }
       return e;
     },
-    R
-  ), r = p(
-    a(
+    u
+  ), a = p(
+    o(
       (e) => {
-        var n;
         if (!(e instanceof Element)) return;
-        const t = Number((n = e.dataset) == null ? void 0 : n.index);
-        i.activeIndex === -1 && t === 0 || t === i.index ? e.setAttribute("tabindex", "0") : e.setAttribute("tabindex", "-1"), t === i.activeIndex && (e == null || e.focus());
+        const i = Number(e.dataset?.index);
+        t.activeIndex === -1 && i === 0 || i === t.index ? e.setAttribute("tabindex", "0") : e.setAttribute("tabindex", "-1"), i === t.activeIndex && e?.focus();
       },
-      [i.activeIndex, i.index]
+      [t.activeIndex, t.index]
     )
-  ), c = a(
+  ), c = o(
     (e) => {
-      var n, d;
-      if (!(((n = e.target) == null ? void 0 : n.getAttribute("role")) === "row")) {
-        e.code === s.ARROW_LEFT && o({
+      if (!(e.target?.getAttribute("role") === "row")) {
+        e.code === n.ARROW_LEFT && d({
           type: "ACTIVE",
-          index: i.index
+          index: t.index
         });
         return;
       }
       switch (e.code) {
-        case s.ARROW_DOWN:
-        case s.ARROW_UP:
-          o({
+        case n.ARROW_DOWN:
+        case n.ARROW_UP:
+          d({
             type: "ACTIVE",
-            index: e.code === s.ARROW_DOWN ? i.index + 1 : i.index - 1
+            index: e.code === n.ARROW_DOWN ? t.index + 1 : t.index - 1
           });
           break;
-        case s.HOME:
-          o({
+        case n.HOME:
+          d({
             type: "ACTIVE",
             index: 0
           });
           break;
-        case s.END:
-          o({
+        case n.END:
+          d({
             type: "ACTIVE",
-            index: x - 1
+            index: r - 1
           });
           break;
-        case s.ENTER:
-          (d = e.currentTarget) == null || d.click();
+        case n.ENTER:
+          e.currentTarget?.click();
           break;
         default:
           return;
       }
       e.stopPropagation();
     },
-    [x, i.index]
-  ), f = a(
-    (e) => (t) => {
-      var d;
-      (!(((d = t.target) == null ? void 0 : d.localName) === "tr") || i.index === -1) && o({ type: "CURRENT", index: e });
+    [r, t.index]
+  ), f = o(
+    (e) => (i) => {
+      (!(i.target?.localName === "tr") || t.index === -1) && d({ type: "CURRENT", index: e });
     },
-    [i.index]
+    [t.index]
   );
-  return { listeners: { onKeyDownCapture: c, onFocusCapture: f }, ref: r, activeIndex: i.activeIndex, currentIndex: i.index };
+  return { listeners: { onKeyDownCapture: c, onFocusCapture: f }, ref: a, activeIndex: t.activeIndex, currentIndex: t.index };
 };
 export {
   T as useInteractiveDataGrid

package/dist/es/components/internal/DataOverviewDetails/DataOverviewDetails.js

@@ -1,74 +1,72 @@
 import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 /* empty css                         */
-import { useMemo as T, useState as P, useCallback as k, useEffect as x } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { useModalContext as I } from "../Modal/Modal.js";
-import { useFetch as M } from "../../../hooks/useFetch.js";
-import { PayoutData as O } from "../../external/PayoutDetails/components/PayoutData.js";
-import B from "../../../hooks/useBalanceAccounts.js";
-import { getErrorMessage as q } from "../../utils/getErrorMessage.js";
-import { ErrorMessageDisplay as z } from "../ErrorMessageDisplay/ErrorMessageDisplay.js";
-import { useDataOverviewDetailsTitle as L } from "./useDataOverviewDetailsTitle.js";
-import { TX_DETAILS_RESERVED_FIELDS_SET as N } from "../../external/TransactionDetails/constants.js";
-import { PAYOUT_TABLE_FIELDS as R } from "../../external/PayoutsOverview/components/PayoutsTable/PayoutsTable.js";
-import { Header as Y } from "../Header/Header.js";
-import { useConfigContext as K } from "../../../core/ConfigContext/context.js";
-import { EMPTY_OBJECT as j } from "../../../utils/value/constants.js";
-const H = {
+import { useMemo as l, useState as C, useCallback as g, useEffect as w } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { useModalContext as S } from "../Modal/Modal.js";
+import { useFetch as _ } from "../../../hooks/useFetch.js";
+import { PayoutData as F } from "../../external/PayoutDetails/components/PayoutData.js";
+import P from "../../../hooks/useBalanceAccounts.js";
+import { getErrorMessage as k } from "../../utils/getErrorMessage.js";
+import { ErrorMessageDisplay as x } from "../ErrorMessageDisplay/ErrorMessageDisplay.js";
+import { useDataOverviewDetailsTitle as I } from "./useDataOverviewDetailsTitle.js";
+import { TX_DETAILS_RESERVED_FIELDS_SET as M } from "../../external/TransactionDetails/constants.js";
+import { PAYOUT_TABLE_FIELDS as O } from "../../external/PayoutsOverview/components/PayoutsTable/PayoutsTable.js";
+import { Header as p } from "../Header/Header.js";
+import { useConfigContext as B } from "../../../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as q } from "../../../utils/value/constants.js";
+const z = {
   payout: "getPayout"
 };
-function nt(t) {
-  var D;
-  const s = K().endpoints[H[t.type]], { hideTitle: C, titleKey: g } = L(t), { withinModal: w } = I(), { data: i, error: n, isFetching: A } = M(
-    T(
+function $(t) {
+  const r = B().endpoints[z[t.type]], { hideTitle: y, titleKey: f } = I(t), { withinModal: D } = S(), { data: i, error: n, isFetching: E } = _(
+    l(
       () => ({
-        fetchOptions: { enabled: !!t.id && !!s },
+        fetchOptions: { enabled: !!t.id && !!r },
         queryFn: async () => {
           switch (t.type) {
             case "payout":
-              const a = { query: { balanceAccountId: t.id, createdAt: t.date } };
-              return s(j, { ...a });
+              const e = { query: { balanceAccountId: t.id, createdAt: t.date } };
+              return r(q, { ...e });
           }
         }
       }),
-      [s, t]
+      [r, t]
     )
-  ), m = t.id, b = t == null ? void 0 : t.balanceAccountDescription, { balanceAccounts: u } = B(m, !b), d = T(() => {
+  ), s = t.id, v = t?.balanceAccountDescription, { balanceAccounts: h } = P(s, !v), c = l(() => {
     if (n) {
-      let a;
+      let e;
       switch (t.type) {
         case "payout":
-          a = "payouts.details.errors.unavailable";
+          e = "payouts.details.errors.unavailable";
           break;
       }
-      return q(n, a, t.onContactSupport);
+      return k(n, e, t.onContactSupport);
     }
-  }, [n, t.onContactSupport, t.type]), y = i, [S, _] = P(), l = k(async () => {
-    var a, r, E, f, v;
+  }, [n, t.onContactSupport, t.type]), u = i, [T, A] = C(), d = g(async () => {
     if (i) {
-      const c = await ((E = (r = (a = t.dataCustomization) == null ? void 0 : a.details) == null ? void 0 : r.onDataRetrieve) == null ? void 0 : E.call(r, i));
-      _(
-        (v = (f = t.dataCustomization) == null ? void 0 : f.details) == null ? void 0 : v.fields.reduce((h, e) => N.has(e.key) || R.includes(e.key) || (e == null ? void 0 : e.visibility) === "hidden" ? h : { ...h, ...c != null && c[e.key] ? { [e.key]: c[e.key] } : {} }, {})
+      const e = await t.dataCustomization?.details?.onDataRetrieve?.(i);
+      A(
+        t.dataCustomization?.details?.fields.reduce((m, a) => M.has(a.key) || O.includes(a.key) || a?.visibility === "hidden" ? m : { ...m, ...e?.[a.key] ? { [a.key]: e[a.key] } : {} }, {})
       );
     }
-  }, [i, t]), F = t.dataCustomization;
-  return x(() => {
-    l();
-  }, [l]), /* @__PURE__ */ o("div", { className: "adyen-pe-overview-details", children: [
-    /* @__PURE__ */ o(Y, { hideTitle: C, titleKey: g, forwardedToRoot: !w }),
-    n && d && /* @__PURE__ */ o("div", { className: "adyen-pe-overview-details--error-container", children: /* @__PURE__ */ o(z, { withImage: !0, ...d }) }),
-    t.type === "payout" && y && /* @__PURE__ */ o(
-      O,
+  }, [i, t]), b = t.dataCustomization;
+  return w(() => {
+    d();
+  }, [d]), /* @__PURE__ */ o("div", { className: "adyen-pe-overview-details", children: [
+    /* @__PURE__ */ o(p, { hideTitle: y, titleKey: f, forwardedToRoot: !D }),
+    n && c && /* @__PURE__ */ o("div", { className: "adyen-pe-overview-details--error-container", children: /* @__PURE__ */ o(x, { withImage: !0, ...c }) }),
+    t.type === "payout" && u && /* @__PURE__ */ o(
+      F,
       {
-        balanceAccountId: m,
-        payout: y,
-        balanceAccountDescription: (t == null ? void 0 : t.balanceAccountDescription) || ((D = u == null ? void 0 : u[0]) == null ? void 0 : D.description),
-        isFetching: A,
-        extraFields: S,
-        dataCustomization: F
+        balanceAccountId: s,
+        payout: u,
+        balanceAccountDescription: t?.balanceAccountDescription || h?.[0]?.description,
+        isFetching: E,
+        extraFields: T,
+        dataCustomization: b
       }
     )
   ] });
 }
 export {
-  nt as default
+  $ as default
 };

package/dist/es/components/internal/DataOverviewDisplay/DataDetailsModal.js

@@ -1,37 +1,37 @@
 import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useEffect as h } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { popoverUtil as M } from "../Popover/utils/popoverUtil.js";
-import g from "../../../core/Context/useCoreContext.js";
-import s from "../Modal/ModalContent/ModalContent.js";
-import v from "../Modal/Modal.js";
-const y = ({
-  children: i,
-  className: p,
-  ariaLabelKey: f,
+import { useEffect as f } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { popoverUtil as l } from "../Popover/utils/popoverUtil.js";
+import d from "../../../core/Context/useCoreContext.js";
+import e from "../Modal/ModalContent/ModalContent.js";
+import u from "../Modal/Modal.js";
+const z = ({
+  children: m,
+  className: n,
+  ariaLabelKey: s,
   selectedDetail: o,
-  resetDetails: u,
-  dataCustomization: C
+  resetDetails: a,
+  dataCustomization: p
 }) => {
-  const { i18n: m } = g(), n = !!o;
-  return h(() => {
-    n && M.closeAll();
-  }, [n]), /* @__PURE__ */ r("div", { className: p, children: [
-    i,
+  const { i18n: i } = d(), t = !!o;
+  return f(() => {
+    t && l.closeAll();
+  }, [t]), /* @__PURE__ */ r("div", { className: n, children: [
+    m,
     o && /* @__PURE__ */ r(
-      v,
+      u,
       {
-        title: o != null && o.title ? m.get(o.title) : void 0,
+        title: o?.title ? i.get(o.title) : void 0,
         isOpen: !!o,
-        "aria-label": m.get(f),
-        onClose: u,
+        "aria-label": i.get(s),
+        onClose: a,
         isDismissible: !0,
         headerWithBorder: !1,
-        size: (o == null ? void 0 : o.modalSize) ?? "large",
-        children: o && /* @__PURE__ */ r(s, { dataCustomization: { details: C }, ...o == null ? void 0 : o.selection })
+        size: o?.modalSize ?? "large",
+        children: o && /* @__PURE__ */ r(e, { dataCustomization: { details: p }, ...o?.selection })
       }
     )
   ] });
 };
 export {
-  y as DataDetailsModal
+  z as DataDetailsModal
 };

package/dist/es/components/internal/DatePicker/DatePicker.js

@@ -1,37 +1,36 @@
 import { jsx as n } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import _ from "classnames";
-import { forwardRef as p } from "../../../external/preact/compat/dist/compat.module.js";
-import { useState as O, useMemo as a, useCallback as g } from "../../../external/preact/hooks/dist/hooks.module.js";
-import v from "../../../core/Context/useCoreContext.js";
-import I from "../../../hooks/useReflex.js";
-import N from "../Calendar/hooks/useTimezone.js";
-import { DEFAULT_FIRST_WEEK_DAY as D } from "../Calendar/calendar/timerange/presets/shared/offsetWeek.js";
-import L from "../Calendar/hooks/useCalendarControlsRendering.js";
+import y from "classnames";
+import { forwardRef as z } from "../../../external/preact/compat/dist/compat.module.js";
+import { useState as R, useMemo as i, useCallback as c } from "../../../external/preact/hooks/dist/hooks.module.js";
+import w from "../../../core/Context/useCoreContext.js";
+import b from "../../../hooks/useReflex.js";
+import _ from "../Calendar/hooks/useTimezone.js";
+import { DEFAULT_FIRST_WEEK_DAY as O } from "../Calendar/calendar/timerange/presets/shared/offsetWeek.js";
+import v from "../Calendar/hooks/useCalendarControlsRendering.js";
 /* empty css                */
-import M from "./components/TimeRangeSelector/TimeRangeSelector.js";
-import P from "../Calendar/Calendar.js";
-import u from "../Calendar/calendar/facade/index.js";
-import { boolOrTrue as S } from "../../../utils/value/bool.js";
-import { EMPTY_OBJECT as x } from "../../../utils/value/constants.js";
-import { noop as E } from "../../../utils/common.js";
-const $ = p((e, T) => {
-  const { i18n: r } = v(), [C, k] = L(e.renderControl), [y, m] = O(performance.now()), t = a(() => S(e.showTimezoneInfo), [e.showTimezoneInfo]), { clockTime: l, GMTOffset: c } = N({ timezone: e.timezone, withClock: t }), z = a(() => _([{ "adyen-pe-datepicker--with-timezone": t }, "adyen-pe-datepicker"]), [t]), R = a(() => t ? { values: { offset: c, time: l } } : x, [c, l, t]), o = I(E, T), w = g(
-    (i) => r.get("common.filters.types.date.calendar.label", { values: { monthOfYear: i.label } }),
+import I from "./components/TimeRangeSelector/TimeRangeSelector.js";
+import N from "../Calendar/Calendar.js";
+import s from "../Calendar/calendar/facade/index.js";
+import { boolOrTrue as D } from "../../../utils/value/bool.js";
+import { EMPTY_OBJECT as L } from "../../../utils/value/constants.js";
+import { noop as M } from "../../../utils/common.js";
+const Q = z((e, d) => {
+  const { i18n: r } = w(), [f, h] = v(e.renderControl), [g, a] = R(performance.now()), t = i(() => D(e.showTimezoneInfo), [e.showTimezoneInfo]), { clockTime: m, GMTOffset: l } = _({ timezone: e.timezone, withClock: t }), u = i(() => y([{ "adyen-pe-datepicker--with-timezone": t }, "adyen-pe-datepicker"]), [t]), p = i(() => t ? { values: { offset: l, time: m } } : L, [l, m, t]), o = b(M, d), T = c(
+    (k) => r.get("common.filters.types.date.calendar.label", { values: { monthOfYear: k.label } }),
     [r]
-  ), b = g(() => {
-    var i, s, d, f, h;
-    m(performance.now()), (i = o.current) != null && i.from && ((s = o.current) != null && s.to) && ((h = e.onHighlight) == null || h.call(e, +((d = o.current) == null ? void 0 : d.from), +((f = o.current) == null ? void 0 : f.to)));
-  }, [m, e.onHighlight]);
-  return /* @__PURE__ */ n("div", { className: z, children: [
+  ), C = c(() => {
+    a(performance.now()), o.current?.from && o.current?.to && e.onHighlight?.(+o.current?.from, +o.current?.to);
+  }, [a, e.onHighlight]);
+  return /* @__PURE__ */ n("div", { className: u, children: [
     /* @__PURE__ */ n("div", { className: "adyen-pe-datepicker__selector-container", children: /* @__PURE__ */ n(
-      M,
+      I,
       {
         now: e.now,
         calendarRef: o,
         onTimeRangeSelected: e.onPresetOptionSelected,
         options: e.timeRangePresetOptions,
         selectedOption: e.selectedPresetOption,
-        timestamp: y,
+        timestamp: g,
         timezone: e.timezone,
         "aria-label": e.timeRangeSelectorLabel
       }
@@ -39,31 +38,31 @@ const $ = p((e, T) => {
     /* @__PURE__ */ n(
       "div",
       {
-        ref: k,
+        ref: h,
         role: "group",
         className: "adyen-pe-datepicker__controls",
         "aria-label": r.get("common.filters.types.date.calendar.navigation.label")
       }
     ),
     /* @__PURE__ */ n(
-      P,
+      N,
       {
         ...e,
         ref: o,
-        firstWeekDay: D,
+        firstWeekDay: O,
         dynamicBlockRows: !0,
         onlyCellsWithin: !0,
-        controls: e.controls ?? u.controls.MINIMAL,
-        highlight: e.highlight ?? u.highlight.MANY,
-        getGridLabel: w,
-        onHighlight: b,
-        renderControl: C,
+        controls: e.controls ?? s.controls.MINIMAL,
+        highlight: e.highlight ?? s.highlight.MANY,
+        getGridLabel: T,
+        onHighlight: C,
+        renderControl: f,
         trackCurrentDay: !0
       }
     ),
-    t && /* @__PURE__ */ n("div", { className: "adyen-pe-datepicker__timezone", children: r.get("common.filters.types.date.timezoneInfo", R) })
+    t && /* @__PURE__ */ n("div", { className: "adyen-pe-datepicker__timezone", children: r.get("common.filters.types.date.timezoneInfo", p) })
   ] });
 });
 export {
-  $ as default
+  Q as default
 };

package/dist/es/components/internal/DatePicker/components/TimeRangeSelector/TimeRangeSelector.js

@@ -1,34 +1,34 @@
-import { jsx as S } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as j, useCallback as w, useRef as a, useEffect as i } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { useTimeRangeSelection as x } from "./useTimeRangeSelection.js";
-import D from "../../../FormFields/Select/Select.js";
-const z = ({
-  ["aria-label"]: b,
-  calendarRef: t,
-  onTimeRangeSelected: o,
-  timestamp: r,
-  ...h
+import { jsx as h } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as O, useCallback as C, useRef as p, useEffect as a } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useTimeRangeSelection as d } from "./useTimeRangeSelection.js";
+import j from "../../../FormFields/Select/Select.js";
+const q = ({
+  ["aria-label"]: S,
+  calendarRef: e,
+  onTimeRangeSelected: l,
+  timestamp: t,
+  ...g
 }) => {
-  const { customSelection: l, from: u, onSelection: f, options: m, selectedOption: s, to: c } = x(h), O = j(() => Object.freeze(m.map((e) => ({ id: e, name: e }))), [m]), C = w(({ target: e }) => f(e == null ? void 0 : e.value), [f]), n = a(!0), p = a(r);
-  return i(() => {
-    t != null && t.current && u && c && (n.current = !0, t.current.from = new Date(u), t.current.to = new Date(c));
-  }, [t, u, c]), i(() => {
-    p.current !== r && (p.current = r, n.current ? n.current = !1 : l());
-  }, [l, r]), i(() => {
-    s && (o == null || o(s));
-  }, [s, o]), /* @__PURE__ */ S(
-    D,
+  const { customSelection: u, from: n, onSelection: i, options: f, selectedOption: r, to: s } = d(g), b = O(() => Object.freeze(f.map((o) => ({ id: o, name: o }))), [f]), T = C(({ target: o }) => i(o?.value), [i]), c = p(!0), m = p(t);
+  return a(() => {
+    e?.current && n && s && (c.current = !0, e.current.from = new Date(n), e.current.to = new Date(s));
+  }, [e, n, s]), a(() => {
+    m.current !== t && (m.current = t, c.current ? c.current = !1 : u());
+  }, [u, t]), a(() => {
+    r && l?.(r);
+  }, [r, l]), /* @__PURE__ */ h(
+    j,
     {
       setToTargetWidth: !0,
-      items: O,
+      items: b,
       filterable: !1,
       multiSelect: !1,
-      onChange: C,
-      selected: s,
-      "aria-label": b
+      onChange: T,
+      selected: r,
+      "aria-label": S
     }
   );
 };
 export {
-  z as default
+  q as default
 };

package/dist/es/components/internal/DatePicker/components/TimeRangeSelector/useTimeRangeSelection.js

@@ -1,12 +1,12 @@
-import { useState as S, useRef as b, useMemo as l, useCallback as I } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useState as l, useRef as b, useMemo as m, useCallback as I } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import C from "../../../../../core/Context/useCoreContext.js";
 import k from "../../../Calendar/calendar/timerange/presets/yearToDate.js";
 import K from "../../../Calendar/calendar/timerange/presets/lastMonth.js";
 import z from "../../../Calendar/calendar/timerange/presets/thisMonth.js";
-import F from "../../../Calendar/calendar/timerange/presets/lastWeek.js";
-import v from "../../../Calendar/calendar/timerange/presets/thisWeek.js";
+import x from "../../../Calendar/calendar/timerange/presets/lastWeek.js";
+import F from "../../../Calendar/calendar/timerange/presets/thisWeek.js";
 import u from "../../../Calendar/calendar/timerange/presets/lastNDays.js";
-const n = Object.freeze({
+const s = Object.freeze({
   LAST_7_DAYS: "common.filters.types.date.rangeSelect.options.last7Days",
   LAST_30_DAYS: "common.filters.types.date.rangeSelect.options.last30Days",
   LAST_90_DAYS: "common.filters.types.date.rangeSelect.options.last90Days",
@@ -16,68 +16,67 @@ const n = Object.freeze({
   LAST_MONTH: "common.filters.types.date.rangeSelect.options.lastMonth",
   YEAR_TO_DATE: "common.filters.types.date.rangeSelect.options.yearToDate"
 }), U = ({
-  exclude: t = []
+  exclude: n = []
 } = {}) => {
-  const o = {
-    [n.LAST_7_DAYS]: u(7),
-    [n.LAST_30_DAYS]: u(30),
-    [n.LAST_90_DAYS]: u(90),
-    [n.THIS_WEEK]: v(),
-    [n.LAST_WEEK]: F(),
-    [n.THIS_MONTH]: z(),
-    [n.LAST_MONTH]: K(),
-    [n.YEAR_TO_DATE]: k()
+  const e = {
+    [s.LAST_7_DAYS]: u(7),
+    [s.LAST_30_DAYS]: u(30),
+    [s.LAST_90_DAYS]: u(90),
+    [s.THIS_WEEK]: F(),
+    [s.LAST_WEEK]: x(),
+    [s.THIS_MONTH]: z(),
+    [s.LAST_MONTH]: K(),
+    [s.YEAR_TO_DATE]: k()
   };
-  if (!(t != null && t.length)) return Object.freeze(o);
-  const i = new Set(t);
+  if (!n?.length) return Object.freeze(e);
+  const i = new Set(n);
   return Object.freeze(
-    Object.fromEntries(Object.entries(o).filter(([a]) => !i.has(a)))
+    Object.fromEntries(Object.entries(e).filter(([a]) => !i.has(a)))
   );
 }, V = ({
-  now: t = Date.now(),
-  options: o,
+  now: n = Date.now(),
+  options: e,
   selectedOption: i,
   timezone: a
 }) => {
-  const { i18n: p } = C(), [M, A] = S(), [R, g] = S(), [f, T] = S(), E = b(), y = b(), [s, D, c] = l(() => {
-    const r = p.get("common.filters.types.date.rangeSelect.options.custom"), e = Object.keys(o), m = Object.freeze(e.map((O) => p.get(O)));
-    return [r, (O, N = m) => {
-      const Y = N.findIndex((H) => H === O);
-      return o[e[Y]];
-    }, m];
-  }, [p, o]), [d, h] = S(i === s), L = l(() => Object.freeze([...c, s]), [s, c]), W = l(
-    () => d ? L : c,
-    [d, c, L]
-  ), _ = I(
-    (r) => {
-      const e = D(r, c);
-      e && (A(e.from), g(e.to), h(!1), T(r));
+  const { i18n: S } = C(), [M, O] = l(), [R, A] = l(), [p, f] = l(), g = b(), E = b(), [o, d, r] = m(() => {
+    const c = S.get("common.filters.types.date.rangeSelect.options.custom"), t = Object.keys(e), L = Object.freeze(t.map((_) => S.get(_)));
+    return [c, (_, N = L) => {
+      const Y = N.findIndex((H) => H === _);
+      return e[t[Y]];
+    }, L];
+  }, [S, e]), [y, D] = l(i === o), h = m(() => Object.freeze([...r, o]), [o, r]), W = m(
+    () => y ? h : r,
+    [y, r, h]
+  ), T = I(
+    (c) => {
+      const t = d(c, r);
+      t && (O(t.from), A(t.to), D(!1), f(c));
     },
-    [s, D, f, c]
+    [o, d, p, r]
   ), j = I(() => {
-    A(void 0), g(void 0), h(!0), T(s);
-  }, [s]);
-  return l(() => {
-    i === s ? T(s) : _(i);
-  }, []), l(() => {
-    var r;
-    if (E.current !== t || y.current !== a) {
-      const e = Object.values(o);
-      e.forEach((m) => {
-        m.now = t, m.timezone = a;
-      }), E.current = t, y.current = (r = e[0]) == null ? void 0 : r.timezone, _(f);
+    O(void 0), A(void 0), D(!0), f(o);
+  }, [o]);
+  return m(() => {
+    i === o ? f(o) : T(i);
+  }, []), m(() => {
+    if (g.current !== n || E.current !== a) {
+      const c = Object.values(e);
+      c.forEach((t) => {
+        t.now = n, t.timezone = a;
+      }), g.current = n, E.current = c[0]?.timezone, T(p);
     }
-  }, [t, a, o]), {
+  }, [n, a, e]), {
     customSelection: j,
     from: M,
-    onSelection: _,
+    onSelection: T,
     options: W,
-    selectedOption: f,
+    selectedOption: p,
     to: R
   };
 };
 export {
-  n as TIME_RANGE_SELECTION_PRESET_OPTION_KEYS,
+  s as TIME_RANGE_SELECTION_PRESET_OPTION_KEYS,
   V as default,
   U as getTimeRangeSelectionDefaultPresetOptions,
   V as useTimeRangeSelection