@adyen/adyen-platform-experience-web 1.1.0 → 1.2.0

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

@@ -1,60 +1,64 @@
-import d from "./DateFilterCore.js";
+import { jsx as d } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import I from "./DateFilterCore.js";
 import { FilterParam as e } from "../../../../types.js";
-import { useMemo as C, useState as I, useCallback as O } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import P from "../../../../../core/Context/useCoreContext.js";
+import { useMemo as C, useState as O, useCallback as P } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import _ from "../../../../../core/Context/useCoreContext.js";
 import { DateRangeFilterParam as l } from "./types.js";
-import { jsx as _ } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { EMPTY_OBJECT as A } from "../../../../../utils/value/constants.js";
 const S = ({
-  timezone: u,
+  timezone: T,
   canResetFilters: s,
   defaultParams: r,
   filters: i,
   nowTimestamp: m,
   refreshNowTimestamp: c,
-  sinceDate: T,
+  sinceDate: u,
   untilDate: R,
   updateFilters: a
 }) => {
-  const {
-    i18n: o
-  } = P(), t = C(() => o.get(r.current.defaultTimeRange), [o]), [D, E] = I(t), f = O((g = A) => {
-    for (const [p, n] of Object.entries(g)) {
-      switch (p) {
-        case "selectedPresetOption":
-          E(n || t);
-          break;
-        case l.FROM:
-          a({
-            [e.CREATED_SINCE]: n || r.current.defaultFilterParams[e.CREATED_SINCE]
-          });
-          break;
-        case l.TO:
-          a({
-            [e.CREATED_UNTIL]: n || r.current.defaultFilterParams[e.CREATED_UNTIL]
-          });
-          break;
-        default:
-          return;
+  const { i18n: o } = _(), t = C(() => o.get(r.current.defaultTimeRange), [o]), [D, E] = O(t), f = P(
+    (g = A) => {
+      for (const [p, n] of Object.entries(g)) {
+        switch (p) {
+          case "selectedPresetOption":
+            E(n || t);
+            break;
+          case l.FROM:
+            a({
+              [e.CREATED_SINCE]: n || r.current.defaultFilterParams[e.CREATED_SINCE]
+            });
+            break;
+          case l.TO:
+            a({
+              [e.CREATED_UNTIL]: n || r.current.defaultFilterParams[e.CREATED_UNTIL]
+            });
+            break;
+          default:
+            return;
+        }
+        c();
       }
-      c();
+    },
+    [t, c, a]
+  );
+  return C(() => !s && E(t), [s, t]), /* @__PURE__ */ d(
+    I,
+    {
+      label: o.get("dateRange"),
+      name: e.CREATED_SINCE,
+      sinceDate: u,
+      untilDate: R ?? new Date(m).toString(),
+      from: i[e.CREATED_SINCE],
+      to: i[e.CREATED_UNTIL],
+      selectedPresetOption: D,
+      timeRangePresetOptions: r.current.timeRangeOptions,
+      timezone: T,
+      onChange: f,
+      showTimezoneInfo: !0,
+      now: m
     }
-  }, [t, c, a]);
-  return C(() => !s && E(t), [s, t]), _(d, {
-    label: o.get("dateRange"),
-    name: e.CREATED_SINCE,
-    sinceDate: T,
-    untilDate: R ?? new Date(m).toString(),
-    from: i[e.CREATED_SINCE],
-    to: i[e.CREATED_UNTIL],
-    selectedPresetOption: D,
-    timeRangePresetOptions: r.current.timeRangeOptions,
-    timezone: u,
-    onChange: f,
-    showTimezoneInfo: !0,
-    now: m
-  });
-}, U = S;
+  );
+}, M = S;
 export {
-  U as default
+  M as default
 };

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

@@ -1,15 +1,15 @@
-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 { jsx as S } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import B from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
+import { useState as C, useCallback as M, useMemo as T, useEffect as E, useRef as L } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { BASE_LOCALE as x } 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 _ 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 = {
+import z from "../BaseFilter/BaseFilter.js";
+import I from "../../../DatePicker/DatePicker.js";
+import { EMPTY_OBJECT as V } from "../../../../../utils/value/constants.js";
+import { CommitAction as p } from "../../../../../hooks/useCommitAction/types.js";
+const _ = {
   month: "short",
   day: "numeric",
   year: "numeric"
@@ -18,17 +18,9 @@ const V = {
   if (t && r)
     return `${t} - ${r}`;
   if (t)
-    return s.get("filter.date.since", {
-      values: {
-        date: t
-      }
-    });
+    return s.get("filter.date.since", { values: { date: t } });
   if (r)
-    return s.get("filter.date.until", {
-      values: {
-        date: r
-      }
-    });
+    return s.get("filter.date.until", { values: { date: r } });
 }, i = (s) => {
   try {
     return new Date(s || "").toISOString();
@@ -48,45 +40,45 @@ const V = {
     timeRangePresetOptions: c,
     timezone: D,
     sinceDate: m,
-    untilDate: O
+    untilDate: y
   }) => {
-    const {
-      i18n: P
-    } = k(), {
-      fullDateFormat: d
-    } = 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]);
+    const { i18n: O } = k(), { fullDateFormat: d } = B(D), [g, R] = C(f), u = T(() => [new Date(n), new Date(o)], [n, o]), a = L(), P = M(
+      (l, h) => {
+        F(v(O, d, i(l), i(h)));
+      },
+      [O, d, F]
+    );
     return E(() => {
-      var l, C, p;
+      var l, h, A;
       switch (e) {
-        case A.APPLY:
+        case p.APPLY:
           r({
             selectedPresetOption: g,
             [b.FROM]: i((l = a.current) == null ? void 0 : l.from),
-            [b.TO]: i((C = a.current) == null ? void 0 : C.to)
+            [b.TO]: i((h = a.current) == null ? void 0 : h.to)
           });
           break;
-        case A.CLEAR:
-          (p = a.current) == null || p.clear(), r();
+        case p.CLEAR:
+          (A = a.current) == null || A.clear(), r();
+      }
+    }, [e, r, g]), /* @__PURE__ */ S(
+      I,
+      {
+        ref: a,
+        now: t,
+        originDate: u,
+        onHighlight: P,
+        onPresetOptionSelected: R,
+        selectedPresetOption: f,
+        timeRangePresetOptions: c,
+        timezone: D,
+        showTimezoneInfo: w,
+        sinceDate: i(m),
+        untilDate: i(y)
       }
-    }, [e, r, g]), S(z, {
-      ref: a,
-      now: t,
-      originDate: u,
-      onHighlight: y,
-      onPresetOptionSelected: R,
-      selectedPresetOption: f,
-      timeRangePresetOptions: c,
-      timezone: D,
-      showTimezoneInfo: w,
-      sinceDate: i(m),
-      untilDate: i(O)
-    });
+    );
   };
-  return (e) => S(s, {
-    ...e
-  });
+  return (e) => /* @__PURE__ */ S(s, { ...e });
 })(), $ = (s, e, n) => s.formatRange(e, n);
 function U({
   title: s,
@@ -95,51 +87,42 @@ function U({
   selectedPresetOption: o,
   ...t
 }) {
-  const {
-    i18n: r
-  } = k(), {
-    fullDateFormat: F
-  } = B(t.timezone), [w, f] = h(), [c, D] = h(), [m, O] = h(), P = M((u) => {
-    const {
-      from: a,
-      to: y,
-      selectedPresetOption: l
-    } = u ?? I;
-    try {
-      f(w ?? l), D(i(c ?? a)), O(i(m ?? y));
-    } finally {
-      t.onChange({
-        from: a,
-        to: y,
-        selectedPresetOption: l
-      });
-    }
-  }, [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);
+  const { i18n: r } = k(), { fullDateFormat: F } = B(t.timezone), [w, f] = C(), [c, D] = C(), [m, y] = C(), O = M(
+    (u) => {
+      const { from: a, to: P, selectedPresetOption: l } = u ?? V;
+      try {
+        f(w ?? l), D(i(c ?? a)), y(i(m ?? P));
+      } finally {
+        t.onChange({ from: a, to: P, selectedPresetOption: l });
+      }
+    },
+    [w, c, m, t]
+  ), d = T(() => r.get("rangePreset.custom"), [r]), g = T(() => {
+    const u = { ..._, timeZone: t.timezone };
+    let a = new Intl.DateTimeFormat(x, u);
     try {
       a = new Intl.DateTimeFormat(r.locale, u);
     } catch {
     }
     return a;
   }, [r, t.timezone]);
-  E(() => f(o), [o]), E(() => D(i(e || Date.now())), [e]), E(() => O(i(n || Date.now())), [n]);
+  E(() => f(o), [o]), E(() => D(i(e || Date.now())), [e]), E(() => y(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: R,
-    onChange: P,
-    render: Y,
-    selectedPresetOption: o,
-    value: v(r, F, e, n),
-    withContentPadding: !1
-  });
+  return /* @__PURE__ */ S(
+    z,
+    {
+      ...t,
+      from: e,
+      to: n,
+      type: "date",
+      label: R,
+      onChange: O,
+      render: Y,
+      selectedPresetOption: o,
+      value: v(r, F, e, n),
+      withContentPadding: !1
+    }
+  );
 }
 export {
   U as default

package/dist/es/components/internal/FormFields/InputBase.js

@@ -1,82 +1,73 @@
-import { ARIA_ERROR_SUFFIX as h } from "../../../core/Errors/constants.js";
+import { jsx as c } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { ARIA_ERROR_SUFFIX as u } from "../../../core/Errors/constants.js";
 import _ from "classnames";
-import { forwardRef as P } from "../../../external/preact/compat/dist/compat.module.js";
+import { forwardRef as q } from "../../../external/preact/compat/dist/compat.module.js";
 import { useCallback as r } from "../../../external/preact/hooks/dist/hooks.module.js";
 import "./FormFields.scss.js";
-import { jsx as c } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { Fragment as k } from "../../../external/preact/dist/preact.module.js";
-import { hasOwnProperty as q } from "../../../utils/struct/property.js";
-function u({
-  onInput: a,
-  onKeyUp: d,
-  trimOnBlur: l,
-  onBlurHandler: e,
-  onBlur: t,
-  onFocusHandler: s,
-  errorMessage: f,
-  ...p
-}, v) {
-  const {
-    autoCorrect: A,
-    classNameModifiers: m,
-    isInvalid: n,
-    isValid: C,
-    readonly: I = !1,
-    spellCheck: O,
-    type: y,
-    uniqueId: o,
-    isCollatingErrors: $,
-    disabled: g
-  } = p;
-  q(p, "onChange") && console.error("Error: Form fields that rely on InputBase may not have an onChange property");
-  const N = r((i) => {
-    a == null || a(i);
-  }, [a]), x = r((i) => {
-    d && d(i);
-  }, [d]), R = r((i) => {
-    e == null || e(i), l && (i.target.value = i.target.value.trim()), t == null || t(i);
-  }, [t, e, l]), b = r((i) => {
-    s == null || s(i);
-  }, [s]), w = _("adyen-pe-input", [`adyen-pe-input--${y}`], p.className, {
-    "adyen-pe-input--invalid": n,
-    "adyen-pe-input--valid": C
-  }, m == null ? void 0 : m.map((i) => `adyen-pe-input--${i}`)), {
-    classNameModifiers: V,
-    uniqueId: j,
-    isInvalid: F,
-    isValid: S,
-    isCollatingErrors: U,
-    ...E
-  } = p;
-  return c(k, {
-    children: [c("input", {
-      id: o,
-      ...E,
-      type: y,
-      className: w,
-      readOnly: I,
-      "aria-describedby": $ ? void 0 : `${o}${h}`,
-      "aria-invalid": n,
-      onInput: N,
-      onBlur: R,
-      onFocus: b,
-      onKeyUp: x,
-      disabled: g,
-      ref: v
-    }), n && f && c("span", {
-      className: "adyen-pe-input__invalid-value",
-      id: `${o}${h}`,
-      children: f
-    })]
-  });
+import { Fragment as P } from "../../../external/preact/dist/preact.module.js";
+import { hasOwnProperty as k } from "../../../utils/struct/property.js";
+function h({ onInput: i, onKeyUp: d, trimOnBlur: l, onBlurHandler: e, onBlur: t, onFocusHandler: s, errorMessage: f, ...p }, v) {
+  const { autoCorrect: A, classNameModifiers: m, isInvalid: n, isValid: C, readonly: I = !1, spellCheck: O, type: y, uniqueId: o, isCollatingErrors: $, disabled: g } = p;
+  k(p, "onChange") && console.error("Error: Form fields that rely on InputBase may not have an onChange property");
+  const b = r(
+    (a) => {
+      i == null || i(a);
+    },
+    [i]
+  ), N = r(
+    (a) => {
+      d && d(a);
+    },
+    [d]
+  ), R = r(
+    (a) => {
+      e == null || e(a), l && (a.target.value = a.target.value.trim()), t == null || t(a);
+    },
+    [t, e, l]
+  ), w = r(
+    (a) => {
+      s == null || s(a);
+    },
+    [s]
+  ), x = _(
+    "adyen-pe-input",
+    [`adyen-pe-input--${y}`],
+    p.className,
+    {
+      "adyen-pe-input--invalid": n,
+      "adyen-pe-input--valid": C
+    },
+    m == null ? void 0 : m.map((a) => `adyen-pe-input--${a}`)
+  ), { classNameModifiers: V, uniqueId: j, isInvalid: F, isValid: S, isCollatingErrors: U, ...E } = p;
+  return /* @__PURE__ */ c(P, { children: [
+    /* @__PURE__ */ c(
+      "input",
+      {
+        id: o,
+        ...E,
+        type: y,
+        className: x,
+        readOnly: I,
+        "aria-describedby": $ ? void 0 : `${o}${u}`,
+        "aria-invalid": n,
+        onInput: b,
+        onBlurCapture: R,
+        onFocus: w,
+        onKeyUp: N,
+        disabled: g,
+        ref: v
+      }
+    ),
+    n && f && /* @__PURE__ */ c("span", { className: "adyen-pe-input__invalid-value", id: `${o}${u}`, children: f })
+  ] });
 }
-u.defaultProps = {
+h.defaultProps = {
   type: "text",
   classNameModifiers: [],
   onInput: () => {
   }
 };
-const Q = P(u);
+const Q = q(h);
 export {
   Q as default
 };

package/dist/es/components/internal/FormFields/InputText.js

@@ -1,14 +1,8 @@
-import t from "./InputBase.js";
-import { forwardRef as a } from "../../../external/preact/compat/dist/compat.module.js";
-import { jsx as i } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-const m = a(function(e, r) {
-  return i(t, {
-    classNameModifiers: e.classNameModifiers,
-    ...e,
-    ref: r,
-    "aria-required": e.required,
-    type: "text"
-  });
+import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import a from "./InputBase.js";
+import { forwardRef as i } from "../../../external/preact/compat/dist/compat.module.js";
+const m = i(function(e, r) {
+  return /* @__PURE__ */ t(a, { classNameModifiers: e.classNameModifiers, ...e, ref: r, "aria-required": e.required, type: "text" });
 });
 export {
   m as default

package/dist/es/components/internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js

@@ -1,40 +1,43 @@
+import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { memo as n } from "../../../../../external/preact/compat/dist/compat.module.js";
 import { useCallback as a } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { useResponsiveViewport as p, mediaQueries as C } from "../../../../hooks/useResponsiveViewport.js";
+import { useResponsiveViewport as C, mediaQueries as p } from "../../../../../hooks/useResponsiveViewport.js";
 import { renderDefaultSingleSelectionCheckedness as c } from "../components/SelectListItem.js";
 import "./BalanceAccountSelector.scss.js";
-import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { Fragment as d } from "../../../../../external/preact/dist/preact.module.js";
 import S from "../Select.js";
-const m = "adyen-pe-balance-account-selector", _ = `${m}__account-id`, f = `${m}__account-label`, u = n(({
-  activeBalanceAccount: r,
-  balanceAccountSelectionOptions: o,
-  onBalanceAccountSelection: t
-}) => {
-  const l = p(C.down.xs), i = a((e) => s(d, {
-    children: [s("div", {
-      className: e.contentClassName,
-      children: [e.item.name && s("span", {
-        className: f,
-        children: e.item.name
-      }), s("span", {
-        className: _,
-        children: e.item.id
-      })]
-    }), c(e)]
-  }), []);
-  return o && o.length > 1 ? s(S, {
-    popoverClassNameModifiers: [m],
-    onChange: t,
-    filterable: !1,
-    multiSelect: !1,
-    selected: r == null ? void 0 : r.id,
-    withoutCollapseIndicator: !0,
-    items: o,
-    renderListItem: i,
-    showOverlay: l
-  }) : null;
-}), x = u;
+const m = "adyen-pe-balance-account-selector", _ = `${m}__account-id`, f = `${m}__account-label`, u = n(
+  ({
+    activeBalanceAccount: r,
+    balanceAccountSelectionOptions: o,
+    onBalanceAccountSelection: t
+  }) => {
+    const l = C(p.down.xs), i = a(
+      (e) => /* @__PURE__ */ s(d, { children: [
+        /* @__PURE__ */ s("div", { className: e.contentClassName, children: [
+          e.item.name && /* @__PURE__ */ s("span", { className: f, children: e.item.name }),
+          /* @__PURE__ */ s("span", { className: _, children: e.item.id })
+        ] }),
+        c(e)
+      ] }),
+      []
+    );
+    return o && o.length > 1 ? /* @__PURE__ */ s(
+      S,
+      {
+        popoverClassNameModifiers: [m],
+        onChange: t,
+        filterable: !1,
+        multiSelect: !1,
+        selected: r == null ? void 0 : r.id,
+        withoutCollapseIndicator: !0,
+        items: o,
+        renderListItem: i,
+        showOverlay: l
+      }
+    ) : null;
+  }
+), O = u;
 export {
-  x as default
+  O as default
 };