@adyen/adyen-platform-experience-web 1.1.1 → 1.3.0

package/dist/es/components/internal/Calendar/components/CalendarGrid/CalendarGridDayOfWeek.js

@@ -1,62 +1,48 @@
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { memo as y } from "../../../../../external/preact/compat/dist/compat.module.js";
 import { propsProperty as k, property as o } from "./utils.js";
 import { CalendarGridRenderToken as L } from "../../types.js";
-import { jsx as c } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { memoComparator as t } from "../../../../../utils/preact/memoComparator/main.js";
+import { memoComparator as n } from "../../../../../utils/preact/memoComparator/main.js";
 import { EMPTY_OBJECT as l } from "../../../../../utils/value/constants.js";
-import { getClassName as n } from "../../../../../utils/preact/className.js";
-const m = "adyen-pe-calendar__cell adyen-pe-calendar__cell--day-of-week", i = "adyen-pe-calendar__day-of-week", u = (a = l, e) => {
-  const s = k.unwrapped({
-    childClassName: o.mutable(i),
-    childProps: {
-      children: o.restricted(),
-      className: ""
+import { getClassName as m } from "../../../../../utils/preact/className.js";
+const i = "adyen-pe-calendar__cell adyen-pe-calendar__cell--day-of-week", p = "adyen-pe-calendar__day-of-week", u = (a = l, e) => {
+  const s = k.unwrapped(
+    {
+      childClassName: o.mutable(p),
+      childProps: {
+        children: o.restricted(),
+        className: ""
+      },
+      className: o.mutable(i),
+      props: {
+        ...a,
+        children: o.restricted(),
+        className: ""
+      }
     },
-    className: o.mutable(m),
-    props: {
-      ...a,
-      children: o.restricted(),
-      className: ""
-    }
-  }, !0);
+    !0
+  );
   return e == null || e(L.DAY_OF_WEEK, s), s;
-}, A = ({
-  prepare: a,
-  flags: e,
-  labels: {
-    long: s,
-    short: p
-  }
-}) => {
+}, A = ({ prepare: a, flags: e, labels: { long: s, short: _ } }) => {
   const d = {
     "aria-label": s,
     "data-first-week-day": e.LINE_START,
     "data-last-week-day": e.LINE_END,
     "data-weekend": e.WEEKEND,
     scope: "col"
-  }, r = u(d, a), {
-    children: P,
-    className: _,
-    ...N
-  } = r.props || l, E = n(r.className, m, _), {
+  }, r = u(d, a), { children: P, className: N, ...c } = r.props || l, E = m(r.className, i, N), {
     children: D,
-    className: h,
-    ...C
-  } = r.childProps || l, f = n(r.childClassName, i, h);
-  return c("th", {
-    ...N,
-    ...d,
-    className: E,
-    children: c("abbr", {
-      ...C,
-      className: f,
-      children: p
-    })
-  });
-}, G = y(A, t({
-  block: t.exclude,
-  flags: (a) => +a
-}));
+    className: f,
+    ...h
+  } = r.childProps || l, C = m(r.childClassName, p, f);
+  return /* @__PURE__ */ t("th", { ...c, ref: c.ref, ...d, className: E, children: /* @__PURE__ */ t("abbr", { ...h, className: C, children: _ }) });
+}, G = y(
+  A,
+  n({
+    block: n.exclude,
+    flags: (a) => +a
+  })
+);
 export {
   G as default
 };

package/dist/es/components/internal/Calendar/components/CalendarGrid/utils.js

@@ -3,75 +3,60 @@ import { EMPTY_OBJECT as u } from "../../../../../utils/value/constants.js";
 import { struct as a, structFrom as l } from "../../../../../utils/struct/main.js";
 import { enumerable as m } from "../../../../../utils/struct/property.js";
 import { boolOrTrue as O } from "../../../../../utils/value/bool.js";
-const n = (() => {
-  const c = (e) => Object.freeze(l(u, Object.fromEntries(Object.entries(e).map(([r, t]) => [r, {
-    value: t
-  }])))), i = (e) => {
+const c = (() => {
+  const s = (e) => Object.freeze(
+    l(u, Object.fromEntries(Object.entries(e).map(([r, t]) => [r, { value: t }])))
+  ), i = (e) => {
     try {
       return Object.getPrototypeOf(e) === u;
     } catch {
       return !1;
     }
   }, o = (e, r) => {
-    if (!e)
-      return c(m(r, O(e)));
+    if (!e) return s(m(r, O(e)));
     let t = r;
-    return c({
+    return s({
       enumerable: !0,
       get: () => t,
-      set: (s) => {
-        t = e(s);
+      set: (n) => {
+        t = e(n);
       }
     });
   };
   return Object.defineProperties(o, {
-    is: {
-      value: i
-    },
-    isObject: {
-      value: b
-    },
-    immutable: {
-      value: (e) => o(!1, e)
-    },
-    mutable: {
-      value: (e) => o(void 0, e)
-    },
-    restricted: {
-      value: () => o(!1)
-    }
+    is: { value: i },
+    isObject: { value: b },
+    immutable: { value: (e) => o(!1, e) },
+    mutable: { value: (e) => o(void 0, e) },
+    restricted: { value: () => o(!1) }
   });
 })(), g = (() => {
-  const c = (o = {}, e = !1) => {
+  const s = (o = {}, e = !1) => {
     const r = a();
-    for (const [t, s] of Object.entries(o)) {
+    for (const [t, n] of Object.entries(o)) {
       try {
-        const p = n.is(s), f = n.isObject(s);
+        const p = c.is(n), f = c.isObject(n);
         if (p || f) {
-          Object.defineProperty(r, t, p ? s : c(s, e));
+          Object.defineProperty(r, t, p ? n : s(n, e));
           continue;
         } else if (e) {
-          Object.defineProperty(r, t, n.immutable(s));
+          Object.defineProperty(r, t, c.immutable(n));
           continue;
         }
       } catch {
       }
-      r[t] = s;
+      r[t] = n;
     }
-    return n((t = {}) => Object.assign(r, t), r);
+    return c((t = {}) => Object.assign(r, t), r);
   };
-  return Object.defineProperties(c, {
-    unwrapped: {
-      value: (o = {}, e = !1) => {
-        const r = c(o, e);
-        return a({
-          P: r
-        }).P;
-      }
-    }
+  return Object.defineProperties(s, {
+    unwrapped: { value: (o = {}, e = !1) => {
+      const r = s(o, e);
+      return a({ P: r }).P;
+    } }
   });
 })();
 export {
-  n as property,
+  c as property,
   g as propsProperty
 };

package/dist/es/components/internal/Calendar/hooks/useCalendar.js

@@ -1,58 +1,49 @@
-import { useState as J, useMemo as l, useRef as $, useCallback as y, useImperativeHandle as G, useEffect as P } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import Q from "../../../../core/Context/useCoreContext.js";
+import { useState as J, useMemo as h, useRef as _, useCallback as G, useImperativeHandle as Q, useEffect as P } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import U from "../../../../core/Context/useCoreContext.js";
 import { getDateObjectFromTimestamp as K } from "../calendar/utils.js";
-import U from "../../../../hooks/element/useFocusCursor.js";
+import X from "../../../../hooks/element/useFocusCursor.js";
 import n from "../calendar/facade/index.js";
 import { EMPTY_OBJECT as u } from "../../../../utils/value/constants.js";
 import { isFunction as L } from "../../../../utils/value/is.js";
-const X = ({
-  blocks: a,
-  controls: f,
+const H = ({
+  blocks: f,
+  controls: a,
   dynamicBlockRows: m,
   firstWeekDay: g,
   highlight: p,
-  locale: C,
+  locale: N,
   onHighlight: s,
   originDate: w,
-  renderControl: N,
+  renderControl: C,
   sinceDate: E,
   timezone: M,
   trackCurrentDay: T,
   untilDate: d,
   useYearView: b
 }, B) => {
-  const {
-    i18n: O
-  } = Q(), [R, S] = J(performance.now()), x = l(() => n.slice(E, d), [E, d]), F = $(u), I = l(() => f ?? (L(N) ? n.controls.MINIMAL : n.controls.NONE), [f, N]), k = l(() => p ?? (L(s) ? n.highlight.ONE : n.highlight.NONE), [p, s]), {
-    grid: t,
-    kill: _
-  } = l(() => {
-    const {
-      grid: e,
-      kill: r
-    } = n(function() {
-      S(performance.now()), F.current = this, !(o === e.highlight.from && h === e.highlight.to) && (o = e.highlight.from, h = e.highlight.to, s == null || s(o, h));
+  const { i18n: O } = U(), [R, S] = J(performance.now()), F = h(() => n.slice(E, d), [E, d]), I = _(u), x = h(
+    () => a ?? (L(C) ? n.controls.MINIMAL : n.controls.NONE),
+    [a, C]
+  ), A = h(
+    () => p ?? (L(s) ? n.highlight.ONE : n.highlight.NONE),
+    [p, s]
+  ), { grid: t, kill: j } = h(() => {
+    const { grid: e, kill: r } = n(function() {
+      S(performance.now()), I.current = this, !(o === e.highlight.from && l === e.highlight.to) && (o = e.highlight.from, l = e.highlight.to, s == null || s(o, l));
     });
-    let {
-      from: o,
-      to: h
-    } = e.highlight;
+    let { from: o, to: l } = e.highlight;
     return e.config.cursorIndex = (i) => {
       let c = i.target;
       for (; c && c !== i.currentTarget; ) {
-        const A = Number(c.dataset.cursorPosition);
-        if (Number.isFinite(A))
-          return A;
+        const k = Number(c.dataset.cursorPosition);
+        if (Number.isFinite(k)) return k;
         c = c.parentNode;
       }
     }, e.config.shiftFactor = function(i) {
       if (this.controls === n.controls.MINIMAL)
         return i != null && i.shiftKey ? 12 : i != null && i.altKey ? this.blocks : 1;
-    }, {
-      grid: e,
-      kill: r
-    };
-  }, []), j = l(() => {
+    }, { grid: e, kill: r };
+  }, []), q = h(() => {
     const e = (r) => {
       t.cursor(r);
     };
@@ -64,58 +55,71 @@ const X = ({
         t.cursor(r) && r.preventDefault();
       }
     };
-  }, [t]), q = U(y((e, r) => {
-    r instanceof Element && r.removeAttribute("aria-selected"), e instanceof Element && e.setAttribute("aria-selected", "true");
-  }, []));
-  return G(B, () => {
-    const {
-      from: e,
-      to: r
-    } = (t == null ? void 0 : t.highlight) || u;
-    return {
-      clear: () => {
-        t != null && t.highlight && (t.highlight.from = void 0);
-      },
-      get config() {
-        return {
-          ...F.current ?? u
-        };
-      },
-      get from() {
-        return K(e);
-      },
-      set from(o) {
-        t != null && t.highlight && o && (t.highlight.from = o.getTime());
+  }, [t]), y = X(
+    G(
+      (e, r) => {
+        r instanceof Element && r.removeAttribute("aria-selected"), e instanceof Element && e.setAttribute("aria-selected", "true");
       },
-      get to() {
-        return K(r);
-      },
-      set to(o) {
-        t != null && t.highlight && o && (t.highlight.to = o.getTime());
-      }
-    };
-  }, [t, R]), P(() => {
+      []
+    )
+  );
+  return Q(
+    B,
+    () => {
+      const { from: e, to: r } = (t == null ? void 0 : t.highlight) || u;
+      return {
+        clear: () => {
+          t != null && t.highlight && (t.highlight.from = void 0);
+        },
+        get config() {
+          return { ...I.current ?? u };
+        },
+        get from() {
+          return K(e);
+        },
+        set from(o) {
+          t != null && t.highlight && o && (t.highlight.from = o.getTime());
+        },
+        get to() {
+          return K(r);
+        },
+        set to(o) {
+          t != null && t.highlight && o && (t.highlight.to = o.getTime());
+        }
+      };
+    },
+    [t, R]
+  ), P(() => {
     t.config({
-      blocks: a,
-      controls: I,
+      blocks: f,
+      controls: x,
       firstWeekDay: g,
       fixedBlockHeight: !m,
-      highlight: k,
-      locale: C ?? O.locale,
+      highlight: A,
+      locale: N ?? O.locale,
       minified: b,
-      timeslice: x,
+      timeslice: F,
       timezone: M,
       trackCurrentDay: T
     });
-  }, [I, k, a, m, g, t, O, C, x, M, T, b]), P(() => {
+  }, [
+    x,
+    A,
+    f,
+    m,
+    g,
+    t,
+    O,
+    N,
+    F,
+    M,
+    T,
+    b
+  ]), P(() => {
     const e = [].concat(w).slice(0, 2).map(Number).filter(Boolean);
-    return e[0] && (t.highlight.from = +e[0]), e[1] && (t.highlight.to = +e[1]), _;
-  }, []), {
-    cursorElementRef: q,
-    cursorRootProps: j,
-    grid: t
-  };
-}, v = X;
+    return e[0] && (t.highlight.from = +e[0]), e[1] && (t.highlight.to = +e[1]), j;
+  }, []), { cursorElementRef: y, cursorRootProps: q, grid: t };
+};
 export {
-  v as default
+  H as default
 };

package/dist/es/components/internal/Calendar/hooks/useCalendarControlsRendering.js

@@ -1,46 +1,49 @@
+import { jsx as l } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { ButtonVariant as m } from "../../Button/types.js";
-import { useCallback as c } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import f from "../../SVGIcons/ChevronDown.js";
-import d from "../../SVGIcons/ChevronUp.js";
-import p from "../../../../core/Context/useCoreContext.js";
+import { useCallback as f } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import c from "../../SVGIcons/ChevronDown.js";
+import p from "../../SVGIcons/ChevronUp.js";
+import d from "../../../../core/Context/useCoreContext.js";
 import C from "../../../../hooks/element/useDetachedRender.js";
-import { jsx as l } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import R from "../../Button/Button.js";
-import { isFunction as b } from "../../../../utils/value/is.js";
-const h = (e) => {
-  const {
-    i18n: a
-  } = p();
-  return C(c((u, r, t) => {
-    if (!(u instanceof HTMLElement))
-      return null;
-    if (b(e))
-      return e(r, t);
-    let o, n, i;
-    switch (r) {
-      case "PREV":
-        o = "prev", n = "previous", i = d;
-        break;
-      case "NEXT":
-        o = n = "next", i = f;
-        break;
-      default:
-        return null;
-    }
-    const s = t();
-    return s ? l(R, {
-      "aria-label": a.get(`calendar.${n}Month`),
-      variant: m.TERTIARY,
-      disabled: !s,
-      classNameModifiers: ["circle", o],
-      iconButton: !0,
-      onClick: t,
-      children: l(i, {
-        role: "presentation"
-      })
-    }, r) : null;
-  }, [a, e]));
-}, D = h;
+import b from "../../Button/Button.js";
+import { isFunction as h } from "../../../../utils/value/is.js";
+const w = (e) => {
+  const { i18n: a } = d();
+  return C(
+    f(
+      (u, r, t) => {
+        if (!(u instanceof HTMLElement)) return null;
+        if (h(e)) return e(r, t);
+        let o, i, n;
+        switch (r) {
+          case "PREV":
+            o = "prev", i = "previous", n = p;
+            break;
+          case "NEXT":
+            o = i = "next", n = c;
+            break;
+          default:
+            return null;
+        }
+        const s = t();
+        return s ? /* @__PURE__ */ l(
+          b,
+          {
+            "aria-label": a.get(`calendar.${i}Month`),
+            variant: m.TERTIARY,
+            disabled: !s,
+            classNameModifiers: ["circle", o],
+            iconButton: !0,
+            onClick: t,
+            children: /* @__PURE__ */ l(n, { role: "presentation" })
+          },
+          r
+        ) : null;
+      },
+      [a, e]
+    )
+  );
+};
 export {
-  D as default
+  w as default
 };

package/dist/es/components/internal/Calendar/hooks/useTimezone.js

@@ -1,44 +1,28 @@
 import { useMemo as c, useRef as g, useState as d } from "../../../../external/preact/hooks/dist/hooks.module.js";
 import { getTimezoneOffsetFromFormattedDateString as l, getGMTSuffixForTimezoneOffset as E } from "../../../../core/Localization/datetime/restamper/utils.js";
 import M from "../../../../core/Localization/datetime/restamper/restamper.js";
-import _ from "../../../../primitives/time/clock/main.js";
+import { clock as _ } from "../../../../primitives/time/clock/main.js";
 import { isWatchlistUnsubscribeToken as G } from "../../../../primitives/reactive/watchlist/main.js";
 import { boolOrFalse as O } from "../../../../utils/value/bool.js";
 import { noop as a } from "../../../../utils/common.js";
-import { EMPTY_OBJECT as S, EMPTY_ARRAY as F } from "../../../../utils/value/constants.js";
-const {
-  getTimezoneTime: R,
-  getUsedTimezone: U
-} = (() => {
-  const n = /\d{2}:\d{2}(?=:\d{2}(?:\.\d+)?\s+([AP]M))/i, m = /^GMT|0(?=\d:00)|:00/g, e = M();
-  return {
-    getTimezoneTime: (t, i = Date.now()) => {
-      e.tz = t;
-      const {
-        formatted: o
-      } = e(i), [f = "", s = ""] = (o == null ? void 0 : o.match(n)) ?? F, u = l(o), z = `${f}${s && ` ${s}`}`, p = E(u).replace(m, "");
-      return [z, p];
-    },
-    getUsedTimezone: (t) => (e.tz = t, e.tz.current)
-  };
-})(), $ = ({
-  timezone: n,
-  withClock: m = !1
-} = S) => {
-  const e = c(() => O(m), [m]), r = c(() => U(n), [n]), T = g(a), [t, i] = d(Date.now()), [o, f] = c(() => R(r, t), [t, r]);
+import { EMPTY_OBJECT as S, EMPTY_ARRAY as R } from "../../../../utils/value/constants.js";
+const { getTimezoneTime: U, getUsedTimezone: A } = (() => {
+  const m = /\d{2}:\d{2}(?=:\d{2}(?:\.\d+)?\s+([AP]M))/i, n = /^GMT|0(?=\d:00)|:00/g, e = M();
+  return { getTimezoneTime: (t, i = Date.now()) => {
+    e.tz = t;
+    const { formatted: o } = e(i), [f = "", s = ""] = (o == null ? void 0 : o.match(m)) ?? R, u = l(o), z = `${f}${s && ` ${s}`}`, p = E(u).replace(n, "");
+    return [z, p];
+  }, getUsedTimezone: (t) => (e.tz = t, e.tz.current) };
+})(), N = ({ timezone: m, withClock: n = !1 } = S) => {
+  const e = c(() => O(n), [n]), r = c(() => A(m), [m]), T = g(a), [t, i] = d(Date.now()), [o, f] = c(() => U(r, t), [t, r]);
   return c(() => {
     T.current(), T.current = e ? _.subscribe((s) => {
       G(s) || i(s.now);
     }) : a;
-  }, [i, e]), {
-    clockTime: o,
-    GMTOffset: f,
-    timestamp: t,
-    timezone: r
-  };
-}, P = $;
+  }, [i, e]), { clockTime: o, GMTOffset: f, timestamp: t, timezone: r };
+};
 export {
-  P as default,
-  R as getTimezoneTime,
-  U as getUsedTimezone
+  N as default,
+  U as getTimezoneTime,
+  A as getUsedTimezone
 };

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

@@ -0,0 +1,18 @@
+import { jsx as i } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as n } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { TypographyVariant as s } from "../Typography/types.js";
+/* empty css                   */
+import { getCapitalHeaderSubtitleByLegalEntity as m } from "./helpers.js";
+import { useConfigContext as l } from "../../../core/ConfigContext/context.js";
+import { Header as p } from "../Header/Header.js";
+const d = (a) => {
+  var e;
+  const t = (e = l().extraConfig) == null ? void 0 : e.legalEntity, o = n(() => {
+    const r = m(t);
+    return r ? { subtitleKey: r } : {};
+  }, [t]);
+  return /* @__PURE__ */ i(p, { ...a, ...o, subtitleConfig: { variant: s.CAPTION, classNames: "adyen-pe-capital-header__subtitle" } });
+};
+export {
+  d as CapitalHeader
+};

package/dist/es/components/internal/CapitalHeader/constants.js

@@ -0,0 +1,7 @@
+var s = /* @__PURE__ */ ((U) => (U.AU = "AU", U.EU = "EU", U.GB = "GB", U.US = "US", U))(s || {});
+const r = ["AU", "GB", "US"], e = ["EU"];
+export {
+  s as SupportedLocation,
+  r as supportedCountries,
+  e as supportedRegions
+};

package/dist/es/components/internal/CapitalHeader/helpers.js

@@ -0,0 +1,34 @@
+import { supportedCountries as n, supportedRegions as s, SupportedLocation as r } from "./constants.js";
+const u = (e) => {
+  var o;
+  const t = (o = e == null ? void 0 : e.regions) == null ? void 0 : o.find((c) => c.type === "capital");
+  return (t == null ? void 0 : t.value) ?? "";
+}, p = (e) => {
+  switch (e) {
+    case r.EU:
+      return "capital.legalSubtitleEU";
+    default:
+      return null;
+  }
+}, i = (e) => {
+  switch (e) {
+    case r.AU:
+      return "capital.legalSubtitleAU";
+    case r.GB:
+      return "capital.legalSubtitleGB";
+    case r.US:
+      return "capital.legalSubtitleUS";
+    default:
+      return null;
+  }
+}, d = (e) => {
+  const t = u(e), o = e == null ? void 0 : e.countryCode;
+  return i(o) ?? p(t);
+}, S = (e) => {
+  const t = u(e), o = (e == null ? void 0 : e.countryCode) ?? "";
+  return n.includes(o) || s.includes(t);
+};
+export {
+  d as getCapitalHeaderSubtitleByLegalEntity,
+  S as isCapitalRegionSupported
+};