@adyen/adyen-platform-experience-web 1.0.2 → 1.0.3

package/dist/es/components/internal/FilterBar/filters/AmountFilter/AmountFilter.js

@@ -7,15 +7,15 @@ import { jsx as D } from "../../../../../external/preact/jsx-runtime/dist/jsxRun
 import F from "../BaseFilter/BaseFilter.js";
 import { isUndefined as f } from "../../../../../utils/value/is.js";
 import { EMPTY_OBJECT as O } from "../../../../../utils/value/constants.js";
-const H = ({
-  updateFilters: $,
+const G = ({
+  updateFilters: p,
   selectedCurrencies: t,
   availableCurrencies: m,
   ...y
 }) => {
   const {
     i18n: g
-  } = B(), [S, U] = E(), [M, x] = E(), h = w(() => (t == null ? void 0 : t.length) === 1 || (m == null ? void 0 : m.length) === 1, [m == null ? void 0 : m.length, t == null ? void 0 : t.length]), p = L((n, o) => {
+  } = B(), [h, U] = E(), [$, x] = E(), M = w(() => (t == null ? void 0 : t.length) === 1 || (m == null ? void 0 : m.length) === 1, [m == null ? void 0 : m.length, t == null ? void 0 : t.length]), S = L((n, o) => {
     const A = (t == null ? void 0 : t[0]) || (m == null ? void 0 : m[0]), I = o && A ? {
       style: "currency",
       currency: A,
@@ -30,26 +30,26 @@ const H = ({
     U({
       minAmount: o,
       maxAmount: A
-    }), f(o) && f(A) && x(void 0), $({
-      minAmount: f(o) ? void 0 : String(o * T),
-      maxAmount: f(A) ? void 0 : String(A * T)
+    }), f(o) && f(A) && x(void 0), p({
+      minAmount: f(o) ? void 0 : String(Math.round(o * T)),
+      maxAmount: f(A) ? void 0 : String(Math.round(A * T))
     });
-  }, [$]);
-  if (S && (S.minAmount || S.maxAmount)) {
+  }, [p]);
+  if (h && (h.minAmount || h.maxAmount)) {
     const {
       minAmount: n,
       maxAmount: o
-    } = S ?? {};
-    !f(n) && !f(o) && n <= o ? x(`${p(n, h)} ${g.get("to").toLowerCase()} ${p(o, h)}`) : !f(n) && f(o) && n >= 0 ? x(`${g.get("from")} ${p(n, h)}`) : f(n) && !f(o) ? x(`${g.get("to")} ${p(o, h)}`) : x(void 0);
+    } = h ?? {};
+    !f(n) && !f(o) && n <= o ? x(`${S(n, M)} ${g.get("to").toLowerCase()} ${S(o, M)}`) : !f(n) && f(o) && n >= 0 ? x(`${g.get("from")} ${S(n, M)}`) : f(n) && !f(o) ? x(`${g.get("to")} ${S(o, M)}`) : x(void 0);
   }
   return D(F, {
     ...y,
-    updateFilters: $,
+    updateFilters: p,
     minAmount: y.minAmount,
     maxAmount: y.maxAmount,
     onChange: V,
-    value: M,
-    label: M || y.label,
+    value: $,
+    label: $ || y.label,
     type: "text",
     containerSize: z.MEDIUM,
     selectedCurrencies: t,
@@ -58,5 +58,5 @@ const H = ({
   });
 };
 export {
-  H as AmountFilter
+  G as AmountFilter
 };

package/dist/es/components/internal/FilterBar/filters/AmountFilter/RangeSelection.js

@@ -1,10 +1,10 @@
-import p from "../../../FormFields/InputBase.js";
+import A from "../../../FormFields/InputBase.js";
 import "./AmountFilter.scss.js";
-import { useState as A, useCallback as g, useEffect as x, useMemo as b } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useState as g, useCallback as p, useEffect as x, useMemo as b } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import h from "../../../../../core/Context/useCoreContext.js";
 import { AMOUNT_MULTIPLIER as T } from "./constants.js";
 import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { isUndefined as i } from "../../../../../utils/value/is.js";
+import { isUndefined as o } from "../../../../../utils/value/is.js";
 import { CommitAction as F } from "../../../../../hooks/useCommitAction/types.js";
 const R = ({
   onChange: l,
@@ -12,45 +12,46 @@ const R = ({
   onValueUpdated: s,
   selectedCurrencies: I,
   availableCurrencies: M,
-  value: y,
+  value: V,
   ...m
 }) => {
   const {
     i18n: n
-  } = h(), [e, c] = A(i(m.minAmount) ? void 0 : parseFloat(m.minAmount) / T), [t, v] = A(i(m.maxAmount) ? void 0 : parseFloat(m.maxAmount) / T), d = g(() => {
+  } = h(), [e, c] = g(o(m.minAmount) ? void 0 : parseFloat(m.minAmount) / T), [t, d] = g(o(m.maxAmount) ? void 0 : parseFloat(m.maxAmount) / T), v = p(() => {
     l({
       minAmount: e,
       maxAmount: t
     });
-  }, [t, e, l]), f = g(() => {
+  }, [t, e, l]), f = p(() => {
     l({
       minAmount: void 0,
       maxAmount: void 0
-    }), v(void 0), c(void 0);
+    }), d(void 0), c(void 0);
   }, [l]);
   x(() => {
-    u === F.APPLY && d(), u === F.CLEAR && f();
-  }, [d, f, u]);
-  const o = b(() => ({
+    u === F.APPLY && v(), u === F.CLEAR && f();
+  }, [v, f, u]);
+  const i = b(() => ({
     minAmount: e,
     maxAmount: t
   }), [t, e]);
   return x(() => {
-    o.minAmount || o.maxAmount ? s(`${o.minAmount}-${o.maxAmount}`) : s(null);
-  }, [o, s]), r("div", {
+    i.minAmount || i.maxAmount ? s(`${i.minAmount}-${i.maxAmount}`) : s(null);
+  }, [i, s]), r("div", {
     className: "adyen-pe-range-selection-filter",
     children: [r("div", {
       className: "adyen-pe-range-selection-filter__input",
       children: [r("label", {
         htmlFor: "minValue",
         children: `${n.get("from")}:`
-      }), r(p, {
+      }), r(A, {
+        "data-testid": "minValueFilter",
         lang: n.locale,
         name: "minValue",
         type: "number",
         value: e,
         onInput: (a) => {
-          a.currentTarget && c(a.currentTarget.value !== "" ? parseFloat(a.currentTarget.value) : void 0);
+          a.currentTarget && c(a.currentTarget.value !== "" ? a.currentTarget.value : void 0);
         },
         min: 0,
         isInvalid: e ? e < 0 : !1,
@@ -61,16 +62,17 @@ const R = ({
       children: [r("label", {
         htmlFor: "maxValue",
         children: `${n.get("to")}:`
-      }), r(p, {
+      }), r(A, {
+        "data-testid": "maxValueFilter",
         lang: n.locale,
         name: "maxValue",
         type: "number",
         value: t,
         onInput: (a) => {
-          a.currentTarget && v(a.currentTarget.value !== "" ? parseFloat(a.currentTarget.value) : void 0);
+          a.currentTarget && d(a.currentTarget.value !== "" ? a.currentTarget.value : void 0);
         },
         min: e,
-        isInvalid: !i(t) && !i(e) && t < e,
+        isInvalid: !o(t) && !o(e) && t < e,
         errorMessage: n.get("toValueShouldBeGreaterThanTheFromValue")
       })]
     })]

package/dist/es/components/internal/FilterBar/filters/DateFilter/DateFilterCore.js

@@ -1,25 +1,26 @@
-import k from "../../../../hooks/useTimezoneAwareDateFormatting.js";
-import { useState as p, useCallback as v, useMemo as R, useEffect as C, useRef as I } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import x from "../../../../../core/Context/useCoreContext.js";
-import { DateRangeFilterParam as E } from "./types.js";
+import B from "../../../../hooks/useTimezoneAwareDateFormatting.js";
+import { useState as h, useCallback as M, useMemo as T, useEffect as E, useRef as x } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { BASE_LOCALE as L } from "../../../../../core/Localization/datetime/restamper/constants.js";
+import k from "../../../../../core/Context/useCoreContext.js";
+import { DateRangeFilterParam as b } from "./types.js";
 import "./DateFilterCore.scss.js";
 import { jsx as S } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import V from "../BaseFilter/BaseFilter.js";
-import L from "../../../DatePicker/DatePicker.js";
-import { EMPTY_OBJECT as Y } from "../../../../../utils/value/constants.js";
-import { CommitAction as M } from "../../../../../hooks/useCommitAction/types.js";
-const B = {
+import _ from "../BaseFilter/BaseFilter.js";
+import z from "../../../DatePicker/DatePicker.js";
+import { EMPTY_OBJECT as I } from "../../../../../utils/value/constants.js";
+import { CommitAction as A } from "../../../../../hooks/useCommitAction/types.js";
+const V = {
   month: "short",
   day: "numeric",
   year: "numeric"
-}, _ = new Intl.DateTimeFormat("en-US", B), A = (s, t, n, o) => {
-  const e = n && t(n), r = o && t(o);
-  if (e && r)
-    return `${e} - ${r}`;
-  if (e)
+}, v = (s, e, n, o) => {
+  const t = n && e(n), r = o && e(o);
+  if (t && r)
+    return `${t} - ${r}`;
+  if (t)
     return s.get("filter.date.since", {
       values: {
-        date: e
+        date: t
       }
     });
   if (r)
@@ -28,114 +29,118 @@ const B = {
         date: r
       }
     });
-}, a = (s) => {
+}, i = (s) => {
   try {
     return new Date(s || "").toISOString();
   } catch {
     return "";
   }
-}, $ = (() => {
+}, Y = (() => {
   const s = ({
-    editAction: t,
+    editAction: e,
     from: n,
     to: o,
-    now: e,
+    now: t,
     onChange: r,
-    onValueUpdated: g,
+    onValueUpdated: F,
     showTimezoneInfo: w,
     selectedPresetOption: f,
-    timeRangePresetOptions: i,
+    timeRangePresetOptions: c,
     timezone: D,
-    sinceDate: c,
-    untilDate: P
+    sinceDate: m,
+    untilDate: O
   }) => {
     const {
-      i18n: y
-    } = x(), {
+      i18n: P
+    } = k(), {
       fullDateFormat: d
-    } = k(D), [F, O] = p(f), u = R(() => [new Date(n), new Date(o)], [n, o]), m = I(), T = v((l, h) => {
-      g(A(y, d, a(l), a(h)));
-    }, [y, d, g]);
-    return C(() => {
-      var l, h, b;
-      switch (t) {
-        case M.APPLY:
+    } = B(D), [g, R] = h(f), u = T(() => [new Date(n), new Date(o)], [n, o]), a = x(), y = M((l, C) => {
+      F(v(P, d, i(l), i(C)));
+    }, [P, d, F]);
+    return E(() => {
+      var l, C, p;
+      switch (e) {
+        case A.APPLY:
           r({
-            selectedPresetOption: F,
-            [E.FROM]: a((l = m.current) == null ? void 0 : l.from),
-            [E.TO]: a((h = m.current) == null ? void 0 : h.to)
+            selectedPresetOption: g,
+            [b.FROM]: i((l = a.current) == null ? void 0 : l.from),
+            [b.TO]: i((C = a.current) == null ? void 0 : C.to)
           });
           break;
-        case M.CLEAR:
-          (b = m.current) == null || b.clear(), r();
+        case A.CLEAR:
+          (p = a.current) == null || p.clear(), r();
       }
-    }, [t, r, F]), S(L, {
-      ref: m,
-      now: e,
+    }, [e, r, g]), S(z, {
+      ref: a,
+      now: t,
       originDate: u,
-      onHighlight: T,
-      onPresetOptionSelected: O,
+      onHighlight: y,
+      onPresetOptionSelected: R,
       selectedPresetOption: f,
-      timeRangePresetOptions: i,
+      timeRangePresetOptions: c,
       timezone: D,
       showTimezoneInfo: w,
-      sinceDate: a(c),
-      untilDate: a(P)
+      sinceDate: i(m),
+      untilDate: i(O)
     });
   };
-  return (t) => S(s, {
-    ...t
+  return (e) => S(s, {
+    ...e
   });
-})(), j = (s, t, n) => s.formatRange(t, n);
-function X({
+})(), $ = (s, e, n) => s.formatRange(e, n);
+function U({
   title: s,
-  from: t,
+  from: e,
   to: n,
   selectedPresetOption: o,
-  ...e
+  ...t
 }) {
   const {
     i18n: r
-  } = x(), {
-    fullDateFormat: g
-  } = k(e.timezone), [w, f] = p(), [i, D] = p(), [c, P] = p(), y = v((u) => {
+  } = k(), {
+    fullDateFormat: F
+  } = B(t.timezone), [w, f] = h(), [c, D] = h(), [m, O] = h(), P = M((u) => {
     const {
-      from: m,
-      to: T,
+      from: a,
+      to: y,
       selectedPresetOption: l
-    } = u ?? Y;
+    } = u ?? I;
     try {
-      f(w ?? l), D(a(i ?? m)), P(a(c ?? T));
+      f(w ?? l), D(i(c ?? a)), O(i(m ?? y));
     } finally {
-      e.onChange({
-        from: m,
-        to: T,
+      t.onChange({
+        from: a,
+        to: y,
         selectedPresetOption: l
       });
     }
-  }, [w, i, c, e]), [d, F] = R(() => {
-    let u = _;
+  }, [w, c, m, t]), d = T(() => r.get("rangePreset.custom"), [r]), g = T(() => {
+    const u = {
+      ...V,
+      timeZone: t.timezone
+    };
+    let a = new Intl.DateTimeFormat(L, u);
     try {
-      u = new Intl.DateTimeFormat(r.locale, B);
+      a = new Intl.DateTimeFormat(r.locale, u);
     } catch {
     }
-    return [r.get("rangePreset.custom"), u];
-  }, [r]);
-  C(() => f(o), [o]), C(() => D(a(t || Date.now())), [t]), C(() => P(a(n || Date.now())), [n]);
-  const O = R(() => o === d && i && c ? j(F, new Date(i), new Date(c)) : o ?? e.label, [d, F, i, c, o, e.label]);
-  return S(V, {
-    ...e,
-    from: t,
+    return a;
+  }, [r, t.timezone]);
+  E(() => f(o), [o]), E(() => D(i(e || Date.now())), [e]), E(() => O(i(n || Date.now())), [n]);
+  const R = T(() => o === d && c && m ? $(g, new Date(c), new Date(m)) : o ?? t.label, [d, g, c, m, o, t.label]);
+  return S(_, {
+    ...t,
+    from: e,
     to: n,
     type: "date",
-    label: O,
-    onChange: y,
-    render: $,
+    label: R,
+    onChange: P,
+    render: Y,
     selectedPresetOption: o,
-    value: A(r, g, t, n),
+    value: v(r, F, e, n),
     withContentPadding: !1
   });
 }
 export {
-  X as default
+  U as default
 };

package/dist/es/core/Http/utils.js

@@ -22,7 +22,7 @@ const E = (e) => {
       Accept: "application/json, text/plain, */*",
       "Content-Type": "application/json",
       ...o,
-      "SDK-Version": "1.0.2"
+      "SDK-Version": "1.0.3"
     },
     redirect: "follow",
     signal: e.signal,

package/dist/es/core/Localization/datetime/restamper/utils.js

@@ -1,33 +1,33 @@
-import { SYSTEM_TIMEZONE_FORMATTER as c, REGEX_TZ_OFFSET as r } from "./constants.js";
-import { EMPTY_ARRAY as i } from "../../../../utils/value/constants.js";
-import { mod as E } from "../../../../utils/value/number.js";
-const p = /\+(?=-)|([+-]00:00)/g, O = new RegExp("(?<=^\\D?)(\\d)$"), S = ([t, e]) => (Math.abs(t * 60) + e) * (t < 0 ? -1 : 1), _ = (t) => Object.freeze([
+import { SYSTEM_TIMEZONE_FORMATTER as n, REGEX_TZ_OFFSET as m } from "./constants.js";
+import { EMPTY_ARRAY as r } from "../../../../utils/value/constants.js";
+import { mod as i } from "../../../../utils/value/number.js";
+const E = /\+(?=-)|([+-]00:00)/g, p = new RegExp("(?<=^\\D?)(\\d)$"), O = ([t, s]) => (Math.abs(t * 60) + s) * (t < 0 ? -1 : 1), S = (t) => Object.freeze([
   Math.floor(t / 60),
   // offset hours
-  E(t, 60)
+  i(t, 60)
   // offset minutes
-]), M = (t) => parseInt(t, 10) || 0, g = (t) => `GMT+${_(t).map((o) => `${o}`.replace(O, "0$1")).join(":")}`.replace(p, ""), T = (t) => {
-  var s;
-  const e = ((s = t == null ? void 0 : t.match(r)) == null ? void 0 : s[0].split(":", 2).map(M)) ?? i;
-  return S(e.concat(0, 0).slice(0, 2));
-}, F = (t, e = c) => {
-  var n;
-  const s = T((n = c) == null ? void 0 : n.format(t));
-  return T(e == null ? void 0 : e.format(t)) - s;
-}, m = (t, e, s = 1) => {
+]), _ = (t) => parseInt(t, 10) || 0, F = (t) => `GMT+${S(t).map((o) => `${o}`.replace(p, "0$1")).join(":")}`.replace(E, ""), c = (t) => {
+  var e;
+  const s = ((e = t == null ? void 0 : t.match(m)) == null ? void 0 : e[0].split(":", 2).map(_)) ?? r;
+  return O(s.concat(0, 0).slice(0, 2));
+}, R = (t, s = n) => {
+  var f;
+  const e = c((f = n) == null ? void 0 : f.format(t));
+  return c(s == null ? void 0 : s.format(t)) - e;
+}, T = (t, s, e = 1) => {
   const {
     offset: o,
-    timestamp: n
-  } = t(e), f = new Date(n);
-  return f.setMinutes(f.getMinutes() - o * s);
-}, R = (t, e) => m(t, e, 1), z = (t, e) => m(t, e, -1);
+    timestamp: f
+  } = t(s);
+  return f - o * e * 6e4;
+}, g = (t, s) => T(t, s, 1), u = (t, s) => T(t, s, -1);
 export {
-  S as computeTimezoneOffsetInMinutes,
-  _ as computeTimezoneOffsetsFromMinutes,
-  g as getGMTSuffixForTimezoneOffset,
-  F as getTimezoneOffsetForTimestamp,
-  T as getTimezoneOffsetFromFormattedDateString,
-  M as parseTimezoneOffset,
-  R as systemToTimezone,
-  z as timezoneToSystem
+  O as computeTimezoneOffsetInMinutes,
+  S as computeTimezoneOffsetsFromMinutes,
+  F as getGMTSuffixForTimezoneOffset,
+  R as getTimezoneOffsetForTimestamp,
+  c as getTimezoneOffsetFromFormattedDateString,
+  _ as parseTimezoneOffset,
+  g as systemToTimezone,
+  u as timezoneToSystem
 };

package/dist/es/core/core.js

@@ -68,7 +68,7 @@ class e {
     };
   }
 }
-i(e, "version", "1.0.2");
+i(e, "version", "1.0.3");
 const g = e;
 export {
   g as default

package/dist/es/primitives/time/today/main.js

@@ -1,60 +1,55 @@
-import w from "../../../core/Localization/datetime/restamper/restamper.js";
-import { createWatchlist as y, isWatchlistUnsubscribeToken as O } from "../../reactive/watchlist/main.js";
+import g from "../../../core/Localization/datetime/restamper/restamper.js";
+import { createWatchlist as y, isWatchlistUnsubscribeToken as h } from "../../reactive/watchlist/main.js";
 import { clock as S } from "../clock/main.js";
 import { timezoneToSystem as W, systemToTimezone as b } from "../../../core/Localization/datetime/restamper/utils.js";
 import { isNull as z } from "../../../utils/value/is.js";
-import { struct as h } from "../../../utils/struct/main.js";
-import { enumerable as u, getter as x } from "../../../utils/struct/property.js";
-const N = (() => {
-  const f = /* @__PURE__ */ new Map(), s = w(), l = (n = Date.now()) => {
-    const t = new Date(n), o = new Date(W(s, n)), e = t.getDate() - o.getDate();
-    if (e) {
-      const i = e > 1 ? -1 : e < -1 ? 1 : e;
-      t.setDate(t.getDate() - i);
-    }
-    const r = b(s, t.setHours(0, 0, 0, 0)), m = b(s, t.setDate(t.getDate() + 1));
-    return [r, m - r];
+import { struct as x } from "../../../utils/struct/main.js";
+import { enumerable as c, getter as N } from "../../../utils/struct/property.js";
+const O = (() => {
+  const a = /* @__PURE__ */ new Map(), r = g(), u = (m = Date.now()) => {
+    const t = new Date(W(r, m)), e = b(r, t.setHours(0, 0, 0, 0)), s = b(r, t.setDate(t.getDate() + 1));
+    return [e, s - e];
   };
-  return (n) => {
-    s.tz = n;
-    const t = s.tz.current;
-    return f.get(t) ?? (() => {
-      let o = null, e = null, r = null;
-      const m = () => (s.tz = t, o ?? l()[0]), i = (a = Date.now()) => {
-        s.tz = t, [o, e] = l(a);
+  return (m) => {
+    r.tz = m;
+    const t = r.tz.current;
+    return a.get(t) ?? (() => {
+      let e = null, s = null, o = null;
+      const p = () => (r.tz = t, e ?? u()[0]), l = (n = Date.now()) => {
+        r.tz = t, [e, s] = u(n);
       }, {
-        cancelSubscriptions: T,
-        requestNotification: d,
-        subscribe: g,
-        on: p
+        cancelSubscriptions: w,
+        requestNotification: D,
+        subscribe: d,
+        on: f
       } = y({
-        timestamp: m
+        timestamp: p
       });
-      p.resume = () => {
-        r = S.subscribe((a) => {
-          if (O(a))
+      f.resume = () => {
+        o = S.subscribe((n) => {
+          if (h(n))
             return;
           const {
-            now: c
-          } = a;
-          if (z(o) || z(e))
-            return i(c);
-          c - o < e || (i(c), d());
+            now: i
+          } = n;
+          if (z(e) || z(s))
+            return l(i);
+          i - e < s || (l(i), D());
         });
-      }, p.idle = () => {
-        r == null || r(), o = e = r = null;
+      }, f.idle = () => {
+        o == null || o(), e = s = o = null;
       };
-      const D = h({
-        cancelSubscriptions: u(T),
-        timestamp: x(m),
-        timezone: u(t),
-        subscribe: u(g)
+      const T = x({
+        cancelSubscriptions: c(w),
+        timestamp: N(p),
+        timezone: c(t),
+        subscribe: c(d)
       });
-      return f.set(t, D), D;
+      return a.set(t, T), T;
     })();
   };
-})(), v = N;
+})(), v = O;
 export {
   v as default,
-  N as today
+  O as today
 };