@adyen/adyen-platform-experience-web 1.0.0-beta.2 → 1.0.0

package/dist/es/components/internal/Calendar/calendar/timerange/utils.js

@@ -1,60 +1,57 @@
-import { toString as T, enumerable as c, struct as g, hasOwnProperty as f, isBitSafeInteger as l, clamp as u, isFunction as O } from "../../../../../utils/common/index.js";
-import { systemToTimezone as z, timezoneToSystem as h } from "../../../../../core/Localization/datetime/restamper/utils.js";
-import { EMPTY_OBJECT as d } from "../../../../../utils/common/constants.js";
-const P = (t) => T(t).slice(8, -1) === "Object" ? t : d, w = (t, e = !0) => ({
-  enumerable: e !== !1,
-  get: t
-}), j = (t) => Object.freeze({
-  systemToTimezone: c((e) => z(t, e)),
-  timezoneToSystem: c((e) => h(t, e)),
-  timezoneOffset: c((e) => t(e).offset)
-}), F = (t, e, s = t) => {
-  const a = (n, r) => {
+import { systemToTimezone as g, timezoneToSystem as T } from "../../../../../core/Localization/datetime/restamper/utils.js";
+import { clamp as u, isBitSafeInteger as l } from "../../../../../utils/value/number.js";
+import { enumerable as m, getter as z, hasOwnProperty as a } from "../../../../../utils/struct/property.js";
+import { struct as h } from "../../../../../utils/struct/main.js";
+import { isUndefined as O, isNullish as d, isFunction as w } from "../../../../../utils/value/is.js";
+const V = (t) => Object.freeze({
+  systemToTimezone: m((e) => g(t, e)),
+  timezoneToSystem: m((e) => T(t, e)),
+  timezoneOffset: m((e) => t(e).offset)
+}), x = (t, e, s = t) => {
+  const f = (n, r) => {
     let o = n;
-    n == null ? o = s : l(n) || (o = r ?? s);
+    d(n) ? o = s : l(n) || (o = r ?? s);
     const i = u(t, o, e);
     return i === o ? i : r ?? s;
   };
   return (n) => {
-    const r = w(() => o);
-    let o = a(n);
-    return g({
+    const r = z(() => o);
+    let o = f(n);
+    return h({
       value: r,
-      descriptor: c({
+      descriptor: m({
         ...r,
         set(i) {
           const p = o;
-          o = a(i, o), p !== o && (this.now = this.now);
+          o = f(i, o), p !== o && (this.now = this.now);
         }
       })
     });
   };
-}, M = (t, e) => (s) => O(s) ? s.call(t, e) : s, N = (t) => !f(t, "offsets"), S = (t) => f(t, "from"), V = ({ now: t }) => t, b = (() => {
+}, M = (t, e) => (s) => w(s) ? s.call(t, e) : s, P = (t) => !a(t, "offsets"), S = (t) => a(t, "from"), j = ({ now: t }) => t, D = (() => {
   const t = /* @__PURE__ */ new Map();
   return (e) => {
     let s = t.get(e);
-    return s === void 0 && (s = Object.freeze([0, 0, e, 0, 0, 0, -1]), t.set(e, s)), s;
+    return O(s) && (s = Object.freeze([0, 0, e, 0, 0, 0, -1]), t.set(e, s)), s;
   };
-})(), x = (t) => {
+})(), U = (t) => {
   try {
     const e = t instanceof Date || +t === t ? t : void 0, s = new Date(e).getTime();
     return isNaN(s) ? void 0 : s;
   } catch {
   }
-}, m = (t) => t.setHours(0, 0, 0, 0), _ = (t) => (m(t), t.setDate(1)), B = (t) => (m(t), t.setMonth(0, 1)), D = (t, e = t) => 0 + (-e % 7 + (t - 7)) % 7;
+}, c = (t) => t.setHours(0, 0, 0, 0), W = (t) => (c(t), t.setDate(1)), _ = (t) => (c(t), t.setMonth(0, 1)), B = (t, e = t) => 0 + (-e % 7 + (t - 7)) % 7;
 export {
-  P as asPlainObject,
-  j as createRangeTimestampsConfigRestampingContext,
+  V as createRangeTimestampsConfigRestampingContext,
   M as getRangeTimestampsConfigParameterUnwrapper,
-  F as getRangeTimestampsContextIntegerPropertyFactory,
-  w as getter,
+  x as getRangeTimestampsContextIntegerPropertyFactory,
   S as isRangeTimestampsConfigWithFromOffsets,
-  N as isRangeTimestampsConfigWithoutOffsets,
-  V as nowTimestamp,
-  b as offsetsForNDays,
-  x as parseRangeTimestamp,
-  m as startOfDay,
-  _ as startOfMonth,
-  D as startOfWeekOffset,
-  B as startOfYear
+  P as isRangeTimestampsConfigWithoutOffsets,
+  j as nowTimestamp,
+  D as offsetsForNDays,
+  U as parseRangeTimestamp,
+  c as startOfDay,
+  W as startOfMonth,
+  B as startOfWeekOffset,
+  _ as startOfYear
 };

package/dist/es/components/internal/Calendar/calendar/timeslice/index.js

@@ -1,6 +1,6 @@
 import m from "./TimeSlice.js";
 import { RANGE_FROM as n, RANGE_TO as a } from "../constants.js";
-import { struct as s } from "../../../../../utils/common/index.js";
+import { struct as s } from "../../../../../utils/struct/main.js";
 const o = (...e) => {
   const t = new m(...e);
   return s({

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

@@ -1,19 +1,20 @@
-import { isInfinite as c, mod as g } from "../../../../utils/common/index.js";
-const f = (t) => c(t) ? 0 : t - new Date(t).setHours(0, 0, 0, 0), h = (t) => t === void 0 ? t : new Date(t), d = (t, n) => {
+import { isInfinity as c, mod as f } from "../../../../utils/value/number.js";
+import { isUndefined as g } from "../../../../utils/value/is.js";
+const h = (t) => c(t) ? 0 : t - new Date(t).setHours(0, 0, 0, 0), i = (t) => g(t) ? t : new Date(t), M = (t, n) => {
   if (c(t) || c(n))
     return 1 / 0;
   const e = new Date(t), o = new Date(n);
   return Math.abs(o.getMonth() - e.getMonth() + (o.getFullYear() - e.getFullYear()) * 12);
-}, M = (() => {
+}, l = (() => {
   const t = [31, [29, 28], 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
   return (n, e, o = 0) => {
-    const a = n + o, r = g(a, 12), s = e + Math.floor(a / 12);
+    const a = n + o, r = f(a, 12), s = e + Math.floor(a / 12);
     return [r === 1 ? t[1][(s % 100 ? s % 4 : s % 400) && 1] : t[r], r, s];
   };
 })();
 export {
-  f as computeTimestampOffset,
-  h as getDateObjectFromTimestamp,
-  d as getEdgesDistance,
-  M as getMonthDays
+  h as computeTimestampOffset,
+  i as getDateObjectFromTimestamp,
+  M as getEdgesDistance,
+  l as getMonthDays
 };

package/dist/es/components/internal/Calendar/components/CalendarControls/CalendarControls.js

@@ -1,9 +1,9 @@
 import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { memo as s } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { isFunction as l } from "../../../../../utils/common/index.js";
-import i from "../../calendar/facade/index.js";
-import { Fragment as c } from "../../../../../external/preact/dist/preact.module.js";
-const e = ({ config: r, grid: { controls: t }, renderer: o }) => r.controls === i.controls.NONE || !l(o) ? null : /* @__PURE__ */ a(c, { children: t.map(([n, m]) => o(n, m)) }), x = s(e);
+import l from "../../calendar/facade/index.js";
+import { Fragment as i } from "../../../../../external/preact/dist/preact.module.js";
+import { isFunction as c } from "../../../../../utils/value/is.js";
+const e = ({ config: r, grid: { controls: t }, renderer: o }) => r.controls === l.controls.NONE || !c(o) ? null : /* @__PURE__ */ a(i, { children: t.map(([n, m]) => o(n, m)) }), g = s(e);
 export {
-  x as default
+  g as default
 };

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

@@ -1,50 +1,53 @@
 import { jsx as E } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { getClassName as N } from "../../../../../utils/class-name-utils.js";
-import { memo as u, forwardRef as w } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { propsProperty as y, property as s } from "./utils.js";
-import { CalendarGridRenderToken as O } from "../../types.js";
-import l from "../../../../../utils/memoComparator/memoComparator.js";
-import { EMPTY_OBJECT as i } from "../../../../../utils/common/constants.js";
+import { memo as u } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { propsProperty as w, property as n } from "./utils.js";
+import { CalendarGridRenderToken as y } from "../../types.js";
+import { memoComparator as N } from "../../../../../utils/preact/memoComparator/main.js";
+import { fixedForwardRef as O } from "../../../../../utils/preact/fixedForwardRef.js";
+import { getClassName as l } from "../../../../../utils/preact/className.js";
+import { EMPTY_OBJECT as i } from "../../../../../utils/value/constants.js";
 const T = "adyen-pe-calendar__cell adyen-pe-calendar__cell--date", _ = "adyen-pe-calendar__date", P = (a = i, r) => {
-  const d = y.unwrapped(
+  const d = w.unwrapped(
     {
-      childClassName: s.mutable(_),
+      childClassName: n.mutable(_),
       childProps: {
-        children: s.restricted(),
+        children: n.restricted(),
         className: ""
       },
-      className: s.mutable(T),
+      className: n.mutable(T),
       props: {
         ...a,
-        children: s.restricted(),
+        children: n.restricted(),
         className: ""
       }
     },
     !0
   );
-  return r == null || r(O.DATE, d), d;
-}, G = w(({ grid: a, prepare: r, datetime: d, flags: e, index: m, label: p, onlyCellsWithin: C }, h) => {
-  const n = e.WITHIN_BLOCK, t = {
-    "data-cursor-position": m,
-    "data-within-month": n,
-    tabIndex: -1
-  };
-  if (n) {
-    const c = e.WITHIN_RANGE;
-    t["data-today"] = e.CURRENT, t["data-first-week-day"] = e.LINE_START, t["data-last-week-day"] = e.LINE_END, t["data-weekend"] = e.WEEKEND, t["data-first-month-day"] = e.BLOCK_START, t["data-last-month-day"] = e.BLOCK_END, t["data-within-range"] = c, c && (t["data-range-end"] = e.RANGE_END, t["data-range-start"] = e.RANGE_START, t["data-selection-end"] = e.SELECTION_END, t["data-selection-start"] = e.SELECTION_START, t["data-within-selection"] = e.WITHIN_SELECTION, t["aria-selected"] = `${!!(e.SELECTION_END || e.SELECTION_START || e.WITHIN_SELECTION)}`), m === +a.cursor && (t.ref = h);
+  return r == null || r(y.DATE, d), d;
+}, G = O(
+  ({ grid: a, prepare: r, datetime: d, flags: e, index: m, label: p, onlyCellsWithin: C }, h) => {
+    const s = e.WITHIN_BLOCK, t = {
+      "data-cursor-position": m,
+      "data-within-month": s,
+      tabIndex: -1
+    };
+    if (s) {
+      const c = e.WITHIN_RANGE;
+      t["data-today"] = e.CURRENT, t["data-first-week-day"] = e.LINE_START, t["data-last-week-day"] = e.LINE_END, t["data-weekend"] = e.WEEKEND, t["data-first-month-day"] = e.BLOCK_START, t["data-last-month-day"] = e.BLOCK_END, t["data-within-range"] = c, c && (t["data-range-end"] = e.RANGE_END, t["data-range-start"] = e.RANGE_START, t["data-selection-end"] = e.SELECTION_END, t["data-selection-start"] = e.SELECTION_START, t["data-within-selection"] = e.WITHIN_SELECTION, t["aria-selected"] = `${!!(e.SELECTION_END || e.SELECTION_START || e.WITHIN_SELECTION)}`), m === +a.cursor && (t.ref = h);
+    }
+    const o = P(t, r), { children: x, className: I, ...A } = o.props || i, L = l(o.className, T, I);
+    return /* @__PURE__ */ E("td", { ...A, ...t, className: L, children: (!C || s) && (() => {
+      const { children: c, className: S, ...D } = o.childProps || i, R = l(o.childClassName, _, S);
+      return /* @__PURE__ */ E("time", { ...D, className: R, dateTime: d, children: p });
+    })() });
   }
-  const o = P(t, r), { children: k, className: I, ...A } = o.props || i, L = N(o.className, T, I);
-  return /* @__PURE__ */ E("td", { ...A, ...t, className: L, children: (!C || n) && (() => {
-    const { children: c, className: S, ...D } = o.childProps || i, R = N(o.childClassName, _, S);
-    return /* @__PURE__ */ E("time", { ...D, className: R, dateTime: d, children: p });
-  })() });
-}), U = u(
+), F = u(
   G,
-  l({
-    block: l.exclude,
+  N({
+    block: N.exclude,
     flags: (a) => +a
   })
 );
 export {
-  U as default
+  F as default
 };

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

@@ -1,11 +1,11 @@
 import { jsx as c } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { getClassName as t } from "../../../../../utils/class-name-utils.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 n from "../../../../../utils/memoComparator/memoComparator.js";
-import { EMPTY_OBJECT as l } from "../../../../../utils/common/constants.js";
-const m = "adyen-pe-calendar__cell adyen-pe-calendar__cell--day-of-week", i = "adyen-pe-calendar__day-of-week", A = (a = l, e) => {
+import { memoComparator as t } 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),
@@ -23,19 +23,19 @@ const m = "adyen-pe-calendar__cell adyen-pe-calendar__cell--day-of-week", i = "a
     !0
   );
   return e == null || e(L.DAY_OF_WEEK, s), s;
-}, P = ({ prepare: a, flags: e, labels: { long: s, short: p } }) => {
+}, A = ({ prepare: a, flags: e, labels: { long: s, short: p } }) => {
   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 = A(d, a), { children: u, className: _, ...N } = r.props || l, E = t(r.className, m, _), { children: D, className: h, ...C } = r.childProps || l, f = t(r.childClassName, i, h);
+  }, r = u(d, a), { children: P, className: _, ...N } = r.props || l, E = n(r.className, m, _), { children: D, className: h, ...C } = r.childProps || l, f = n(r.childClassName, i, h);
   return /* @__PURE__ */ c("th", { ...N, ...d, className: E, children: /* @__PURE__ */ c("abbr", { ...C, className: f, children: p }) });
 }, G = y(
-  P,
-  n({
-    block: n.exclude,
+  A,
+  t({
+    block: t.exclude,
     flags: (a) => +a
   })
 );

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

@@ -1,64 +1,63 @@
-import { toString as l } from "../../../../../utils/common/index.js";
-import { EMPTY_OBJECT as a } from "../../../../../utils/common/constants.js";
-const s = (() => {
-  const n = (e) => Object.freeze(
-    Object.create(a, Object.fromEntries(Object.entries(e).map(([t, r]) => [t, { value: r }])))
+import { isPlainObject as b } from "../../../../../utils/value/is.js";
+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) => {
     try {
-      return Object.getPrototypeOf(e) === a;
+      return Object.getPrototypeOf(e) === u;
     } catch {
       return !1;
     }
-  }, c = (e, t) => {
+  }, o = (e, r) => {
     if (!e)
-      return n({
-        enumerable: !0,
-        writable: e !== !1,
-        value: t
-      });
-    let r = t;
-    return n({
+      return c(m(r, O(e)));
+    let t = r;
+    return c({
       enumerable: !0,
-      get: () => r,
-      set: (o) => {
-        r = e(o);
+      get: () => t,
+      set: (s) => {
+        t = e(s);
       }
     });
   };
-  return Object.defineProperties(c, {
+  return Object.defineProperties(o, {
     is: { value: i },
-    isObject: { value: (e) => l(e).slice(8, -1) === "Object" },
-    immutable: { value: (e) => c(!1, e) },
-    mutable: { value: (e) => c(void 0, e) },
-    restricted: { value: () => c(!1) }
+    isObject: { value: b },
+    immutable: { value: (e) => o(!1, e) },
+    mutable: { value: (e) => o(void 0, e) },
+    restricted: { value: () => o(!1) }
   });
-})(), O = (() => {
-  const n = (c = {}, e = !1) => {
-    const t = /* @__PURE__ */ Object.create(null);
-    for (const [r, o] of Object.entries(c)) {
+})(), g = (() => {
+  const c = (o = {}, e = !1) => {
+    const r = a();
+    for (const [t, s] of Object.entries(o)) {
       try {
-        const p = s.is(o), u = s.isObject(o);
-        if (p || u) {
-          Object.defineProperty(t, r, p ? o : n(o, e));
+        const p = n.is(s), f = n.isObject(s);
+        if (p || f) {
+          Object.defineProperty(r, t, p ? s : c(s, e));
           continue;
         } else if (e) {
-          Object.defineProperty(t, r, s.immutable(o));
+          Object.defineProperty(r, t, n.immutable(s));
           continue;
         }
       } catch {
       }
-      t[r] = o;
+      r[t] = s;
     }
-    return s((r = {}) => Object.assign(t, r), t);
+    return n((t = {}) => Object.assign(r, t), r);
   };
-  return Object.defineProperties(n, {
-    unwrapped: { value: (c = {}, e = !1) => {
-      const t = n(c, e);
-      return Object.create(null, { P: t }).P;
+  return Object.defineProperties(c, {
+    unwrapped: { value: (o = {}, e = !1) => {
+      const r = c(o, e);
+      return a({ P: r }).P;
     } }
   });
 })();
 export {
-  s as property,
-  O as propsProperty
+  n as property,
+  g as propsProperty
 };

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

@@ -1,10 +1,10 @@
-import { useState as J, useMemo as l, useRef as $, useCallback as q, useImperativeHandle as y, useEffect as k } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { useState as q, useMemo as l, useRef as J, useCallback as $, useImperativeHandle as y, useEffect as A } from "../../../../external/preact/hooks/dist/hooks.module.js";
 import z from "../../../../core/Context/useCoreContext.js";
 import { getDateObjectFromTimestamp as P } from "../calendar/utils.js";
-import { isFunction as K } from "../../../../utils/common/index.js";
 import G from "../../../../hooks/element/useFocusCursor.js";
 import n from "../calendar/facade/index.js";
-import { EMPTY_OBJECT as u } from "../../../../utils/common/constants.js";
+import { EMPTY_OBJECT as u } from "../../../../utils/value/constants.js";
+import { isFunction as K } from "../../../../utils/value/is.js";
 const Q = ({
   blocks: a,
   controls: f,
@@ -20,23 +20,23 @@ const Q = ({
   untilDate: T,
   useYearView: d
 }, w) => {
-  const { i18n: b } = z(), [B, R] = J(performance.now()), O = l(() => n.slice(E, T), [E, T]), F = $(u), I = l(
+  const { i18n: b } = z(), [B, R] = q(performance.now()), O = l(() => n.slice(E, T), [E, T]), x = J(u), F = l(
     () => f ?? (K(N) ? n.controls.MINIMAL : n.controls.NONE),
     [f, N]
-  ), x = l(
+  ), I = l(
     () => p ?? (K(s) ? n.highlight.ONE : n.highlight.NONE),
     [p, s]
   ), { grid: t, kill: S } = l(() => {
     const { grid: e, kill: r } = n(function() {
-      R(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));
+      R(performance.now()), x.current = this, !(o === e.highlight.from && h === e.highlight.to) && (o = e.highlight.from, h = e.highlight.to, s == null || s(o, h));
     });
     let { from: o, to: h } = 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) {
@@ -56,7 +56,7 @@ const Q = ({
       }
     };
   }, [t]), j = G(
-    q(
+    $(
       (e, r) => {
         r instanceof Element && r.removeAttribute("aria-selected"), e instanceof Element && e.setAttribute("aria-selected", "true");
       },
@@ -72,7 +72,7 @@ const Q = ({
           t != null && t.highlight && (t.highlight.from = void 0);
         },
         get config() {
-          return { ...F.current ?? u };
+          return { ...x.current ?? u };
         },
         get from() {
           return P(e);
@@ -89,19 +89,19 @@ const Q = ({
       };
     },
     [t, B]
-  ), k(() => {
+  ), A(() => {
     t.config({
       blocks: a,
-      controls: I,
+      controls: F,
       firstWeekDay: g,
       fixedBlockHeight: !m,
-      highlight: x,
+      highlight: I,
       locale: C ?? b.locale,
       minified: d,
       timeslice: O,
       trackCurrentDay: M
     });
-  }, [I, x, a, m, g, t, b, C, O, M, d]), k(() => {
+  }, [F, I, a, m, g, t, b, C, O, M, d]), A(() => {
     const e = [].concat(L).slice(0, 2).map(Number).filter(Boolean);
     return e[0] && (t.highlight.from = +e[0]), e[1] && (t.highlight.to = +e[1]), S;
   }, []), { cursorElementRef: j, cursorRootProps: _, grid: t };

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

@@ -1,35 +1,35 @@
 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 { isFunction as f } from "../../../../utils/common/index.js";
-import d from "../../SVGIcons/ChevronDown.js";
-import p from "../../SVGIcons/ChevronUp.js";
-import C from "../../../../core/Context/useCoreContext.js";
-import R from "../../../../hooks/element/useDetachedRender.js";
-import b from "../../Button/Button.js";
+import f from "../../SVGIcons/ChevronDown.js";
+import d from "../../SVGIcons/ChevronUp.js";
+import p from "../../../../core/Context/useCoreContext.js";
+import C from "../../../../hooks/element/useDetachedRender.js";
+import R from "../../Button/Button.js";
+import { isFunction as b } from "../../../../utils/value/is.js";
 const h = (e) => {
-  const { i18n: a } = C();
-  return R(
+  const { i18n: a } = p();
+  return C(
     c(
       (u, r, t) => {
         if (!(u instanceof HTMLElement))
           return null;
-        if (f(e))
+        if (b(e))
           return e(r, t);
         let o, n, i;
         switch (r) {
           case "PREV":
-            o = "prev", n = "previous", i = p;
+            o = "prev", n = "previous", i = d;
             break;
           case "NEXT":
-            o = n = "next", i = d;
+            o = n = "next", i = f;
             break;
           default:
             return null;
         }
         const s = t();
         return s ? /* @__PURE__ */ l(
-          b,
+          R,
           {
             "aria-label": a.get(`calendar.${n}Month`),
             variant: m.TERTIARY,

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

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

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

@@ -0,0 +1,37 @@
+import { jsx as s } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { CARD_BASE_CLASS as i, CARD_FILLED as o, CARD_NO_OUTLINE as h, CARD_HEADER as L, CARD_HEADER_CONTENT as O, CARD_TITLE as n, CARD_SUBTITLE as p, CARD_BODY as I, CARD_BODY_WITH_TITLE as f, CARD_FOOTER as B } from "./constants.js";
+import A from "classnames";
+import "./Card.scss.js";
+const S = ({
+  title: c,
+  subTitle: D,
+  children: C,
+  footer: _,
+  el: R,
+  renderHeader: a,
+  renderFooter: m,
+  filled: E,
+  noOutline: N,
+  classNameModifiers: l
+}) => {
+  const T = R || "header";
+  return /* @__PURE__ */ s("section", { className: A(i, { [o]: E, [h]: N }, l), children: [
+    (c || a) && /* @__PURE__ */ s(T, { className: L, children: (c || a) && /* @__PURE__ */ s("div", { className: O, children: [
+      a || /* @__PURE__ */ s("span", { className: n, children: c }),
+      D && /* @__PURE__ */ s("div", { className: p, children: D })
+    ] }) }),
+    /* @__PURE__ */ s(
+      "div",
+      {
+        className: A(I, {
+          [f]: c || a
+        }),
+        children: C
+      }
+    ),
+    (_ || m) && /* @__PURE__ */ s("footer", { className: B, children: m || _ })
+  ] });
+}, x = S;
+export {
+  x as default
+};

package/dist/es/{core/Localization/translations/ar.json.js → components/internal/Card/Card.scss.js}

@@ -1,4 +1,4 @@
-const a = {};
+const a = "";
 export {
   a as default
 };

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

@@ -0,0 +1,13 @@
+const _ = "adyen-pe-card", t = `${_}__body`, o = `${_}__header`, n = `${_}__title`, D = `${_}__subtitle`, A = `${o}-content`, R = `${t}--with-title`, c = `${_}--no-outline`, e = `${_}--filled`, C = `${_}__footer`;
+export {
+  _ as CARD_BASE_CLASS,
+  t as CARD_BODY,
+  R as CARD_BODY_WITH_TITLE,
+  e as CARD_FILLED,
+  C as CARD_FOOTER,
+  o as CARD_HEADER,
+  A as CARD_HEADER_CONTENT,
+  c as CARD_NO_OUTLINE,
+  D as CARD_SUBTITLE,
+  n as CARD_TITLE
+};