@adyen/adyen-platform-experience-web 1.10.2 → 1.11.0

package/dist/es/components/external/UIElement/UIElement.js

@@ -1,12 +1,13 @@
 import { jsx as e } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import o from "classnames";
-import { createRef as r } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
-import { AnalyticsProvider as a } from "../../../core/Context/analytics/AnalyticsProvider.js";
-import i from "../../../core/Context/CoreProvider.js";
-import m from "../BaseElement.js";
+import r from "classnames";
+import { createRef as i } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
+import a from "../BaseElement.js";
 /* empty css               */
-import { ConfigProvider as c } from "../../../core/ConfigContext/context.js";
-class y extends m {
+import { FALLBACK_ENV as m } from "../../../core/utils.js";
+import c from "../../../core/Context/preact/CoreProvider.js";
+import { AnalyticsProvider as p } from "../../../core/Context/analytics/preact/AnalyticsProvider.js";
+import { ConfigProvider as l } from "../../../core/ConfigContext/preact/context.js";
+class N extends a {
   componentRef = null;
   componentToRender = null;
   compRef;
@@ -14,7 +15,7 @@ class y extends m {
   elementRef;
   onContactSupport;
   constructor(t) {
-    super(t), this.setState = this.setState.bind(this), this.onContactSupport = t.onContactSupport, this.elementRef = this, this.compRef = r();
+    super(t), this.setState = this.setState.bind(this), this.onContactSupport = t.onContactSupport, this.elementRef = this, this.compRef = i();
   }
   get isValid() {
     return !!this.state.isValid;
@@ -52,29 +53,32 @@ class y extends m {
     this.state = { ...this.state, ...t };
   }
   setUIElementStatus;
-  setStatus(t, s) {
-    return this.componentRef?.setStatus ? this.componentRef.setStatus(t, s) : this.setUIElementStatus?.(t), this;
+  setStatus(t, n) {
+    return this.componentRef?.setStatus ? this.componentRef.setStatus(t, n) : this.setUIElementStatus?.(t), this;
   }
   render() {
-    const t = this.props.core, s = this.props.onError || t.onError || null, n = t.update.bind(t);
-    return t.session.errorHandler = s, /* @__PURE__ */ e(c, { type: this.type, session: t.session, children: /* @__PURE__ */ e(
-      i,
+    const t = this.props.core, n = this.props.onError || t.onError || null, o = t.update.bind(t);
+    t.session.errorHandler = n;
+    const s = () => this.compRef.current;
+    return /* @__PURE__ */ e(l, { type: this.type, session: t.session, children: /* @__PURE__ */ e(
+      c,
       {
-        componentRef: this.compRef,
+        componentRef: s,
+        environment: t.options.environment || m,
         i18n: t.localization.i18n,
         getCdnConfig: t.getCdnConfig,
         getImageAsset: t.getImageAsset,
         getDatasetAsset: t.getDatasetAsset,
         getCdnDataset: t.getCdnDataset,
         loadingContext: t.loadingContext,
-        externalErrorHandler: s,
-        updateCore: n,
-        children: /* @__PURE__ */ e(a, { componentName: this.displayName, analyticsEnabled: t?.analyticsEnabled ?? !0, children: this.componentToRender && /* @__PURE__ */ e("section", { ref: this.compRef, className: o("adyen-pe-component", this.customClassNames), children: /* @__PURE__ */ e("div", { className: "adyen-pe-component__container", children: this.componentToRender() }) }) })
+        externalErrorHandler: n,
+        updateCore: o,
+        children: /* @__PURE__ */ e(p, { componentName: this.displayName, analyticsEnabled: t?.analyticsEnabled ?? !0, children: this.componentToRender && /* @__PURE__ */ e("section", { ref: this.compRef, className: r("adyen-pe-component", this.customClassNames), "data-testid": "component-root", children: /* @__PURE__ */ e("div", { className: "adyen-pe-component__container", children: this.componentToRender() }) }) })
       }
     ) }, performance.now());
   }
 }
 export {
-  y as UIElement,
-  y as default
+  N as UIElement,
+  N as default
 };

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

@@ -1,43 +1,45 @@
 import { jsx as e } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import u from "classnames";
-import { useState as N, useRef as E, useCallback as O } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import { useUniqueId as f } from "../../../hooks/useUniqueId.js";
-import { ACCORDION_HEADER_CLASS as R, ACCORDION_HEADER_CONTAINER_CLASS as p, ACCORDION_HEADER_CONTROLLER_CLASS as S, ACCORDION_CONTENT_CLASS as _, ACCORDION_BASE_CLASS as I } from "./constants.js";
+import N from "classnames";
+import { useState as s, useRef as O, useCallback as R, useLayoutEffect as _ } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import p from "../../../hooks/useUniqueId.js";
+import { ACCORDION_HEADER_CLASS as S, ACCORDION_HEADER_CONTAINER_CLASS as h, ACCORDION_HEADER_CONTROLLER_CLASS as I, ACCORDION_CONTENT_CLASS as v, ACCORDION_BASE_CLASS as D } from "./constants.js";
 /* empty css               */
 import { Icon as a } from "../Icon/Icon.js";
-function b({ children: s, classNames: d, header: l, headerInformation: n }) {
-  const [o, m] = N(!1), r = E(null), C = O(() => m((A) => !A), []), c = f(), t = `accordion-content-${c}`, i = `accordion-controller-${c}`;
-  return /* @__PURE__ */ e("div", { className: u(I, d), children: [
-    /* @__PURE__ */ e("div", { className: R, children: [
+function y({ children: d, classNames: l, header: m, headerInformation: t }) {
+  const [n, C] = s(!1), [u, A] = s(0), o = O(null), f = R(() => C((E) => !E), []), c = p(), r = `accordion-content-${c}`, i = `accordion-controller-${c}`;
+  return _(() => {
+    o.current && A(o.current.offsetHeight);
+  }, []), /* @__PURE__ */ e("div", { className: N(D, l), children: [
+    /* @__PURE__ */ e("div", { className: S, children: [
       /* @__PURE__ */ e(
         "button",
         {
           id: i,
-          "aria-controls": t,
-          className: p,
-          onClick: C,
-          "aria-expanded": o,
-          children: /* @__PURE__ */ e("div", { className: S, children: [
-            l,
-            o ? /* @__PURE__ */ e(a, { name: "chevron-up" }) : /* @__PURE__ */ e(a, { name: "chevron-down" })
+          "aria-controls": r,
+          className: h,
+          onClick: f,
+          "aria-expanded": n,
+          children: /* @__PURE__ */ e("div", { className: I, children: [
+            m,
+            n ? /* @__PURE__ */ e(a, { name: "chevron-up" }) : /* @__PURE__ */ e(a, { name: "chevron-down" })
           ] })
         }
       ),
-      n && /* @__PURE__ */ e("div", { children: n })
+      t && /* @__PURE__ */ e("div", { children: t })
     ] }),
     /* @__PURE__ */ e(
       "div",
       {
         role: "region",
-        id: t,
+        id: r,
         "aria-labelledby": i,
-        style: { maxHeight: o ? r?.current?.offsetHeight : 0 },
-        className: _,
-        children: /* @__PURE__ */ e("div", { ref: r, children: s })
+        style: { maxHeight: n ? u : 0 },
+        className: v,
+        children: /* @__PURE__ */ e("div", { ref: o, children: d })
       }
     )
   ] });
 }
 export {
-  b as default
+  y as default
 };

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

@@ -1,58 +1,67 @@
 import { jsx as e } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import I from "classnames";
-import { ButtonVariant as c } from "../Button/types.js";
-import N from "../../../core/Context/useCoreContext.js";
-import { TypographyVariant as t, TypographyElement as d } from "../Typography/types.js";
+import g from "classnames";
+import { ButtonVariant as m } from "../Button/types.js";
+import { TypographyVariant as r, TypographyElement as d } from "../Typography/types.js";
 import p from "../Typography/Typography.js";
-import { AlertIcon as A } from "./AlertIcon.js";
+import { AlertIcon as v } from "./AlertIcon.js";
 import { AlertVariantOption as a } from "./types.js";
 /* empty css           */
-import y from "../Button/Button.js";
-import { Icon as g } from "../Icon/Icon.js";
-const Y = ({
-  className: _,
-  description: n,
-  closeButton: h,
-  title: o,
+import B from "../../../core/Context/preact/useCoreContext.js";
+import h from "../Button/Button.js";
+import { Icon as C } from "../Icon/Icon.js";
+const $ = ({
+  className: y,
+  description: o,
+  closeButton: u,
+  title: n,
   type: l,
-  children: u,
+  children: _,
   onClose: i,
-  actions: m,
-  variant: r = a.DEFAULT
+  actions: s,
+  variant: t = a.DEFAULT,
+  "data-testid": T
 }) => {
-  const { i18n: T } = N();
-  return /* @__PURE__ */ e("div", { className: I("adyen-pe-alert", `adyen-pe-alert--${l}`, `adyen-pe-alert--${r}`, _), role: "alert", children: [
-    /* @__PURE__ */ e(A, { type: l, className: "adyen-pe-alert__icon" }),
-    /* @__PURE__ */ e("div", { className: "adyen-pe-alert__content-container", children: [
-      /* @__PURE__ */ e("div", { className: "adyen-pe-alert__content", children: [
-        o && r !== a.TIP && /* @__PURE__ */ e(p, { className: "adyen-pe-alert__title", el: d.DIV, variant: t.BODY, wide: !0, strongest: !0, children: o }),
-        n && /* @__PURE__ */ e(
-          p,
+  const { i18n: f } = B(), I = !!s?.length, N = i && (t !== a.TIP || u);
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-testid": T,
+      className: g("adyen-pe-alert", `adyen-pe-alert--${l}`, `adyen-pe-alert--${t}`, y),
+      role: "alert",
+      children: [
+        /* @__PURE__ */ e(v, { type: l, className: "adyen-pe-alert__icon" }),
+        /* @__PURE__ */ e("div", { className: "adyen-pe-alert__content-container", children: [
+          /* @__PURE__ */ e("div", { className: "adyen-pe-alert__content", children: [
+            n && t !== a.TIP && /* @__PURE__ */ e(p, { className: "adyen-pe-alert__title", el: d.DIV, variant: r.BODY, wide: !0, strongest: !0, children: n }),
+            o && /* @__PURE__ */ e(
+              p,
+              {
+                className: "adyen-pe-alert__description",
+                el: d.DIV,
+                variant: t === a.TIP ? r.CAPTION : r.BODY,
+                wide: !0,
+                children: o
+              }
+            ),
+            _
+          ] }),
+          I && /* @__PURE__ */ e("div", { className: "adyen-pe-alert__actions", children: s?.map((c, A) => /* @__PURE__ */ e(h, { onClick: c.onClick, variant: m.TERTIARY, children: c.label }, A)) })
+        ] }),
+        N && /* @__PURE__ */ e("div", { className: "adyen-pe-alert__close-button", children: /* @__PURE__ */ e(
+          h,
           {
-            className: "adyen-pe-alert__description",
-            el: d.DIV,
-            variant: r === a.TIP ? t.CAPTION : t.BODY,
-            wide: !0,
-            children: n
+            iconButton: !0,
+            variant: m.TERTIARY,
+            onClick: i,
+            "aria-label": f.get("common.actions.dismiss.labels.dismiss"),
+            children: /* @__PURE__ */ e(C, { name: "cross" })
           }
-        ),
-        u
-      ] }),
-      !!m?.length && /* @__PURE__ */ e("div", { className: "adyen-pe-alert__actions", children: m?.map((s, f) => /* @__PURE__ */ e(y, { onClick: s.onClick, variant: c.TERTIARY, children: s.label }, f)) })
-    ] }),
-    i && (r !== a.TIP || h) && /* @__PURE__ */ e("div", { className: "adyen-pe-alert__close-button", children: /* @__PURE__ */ e(
-      y,
-      {
-        iconButton: !0,
-        variant: c.TERTIARY,
-        onClick: i,
-        "aria-label": T.get("common.actions.dismiss.labels.dismiss"),
-        children: /* @__PURE__ */ e(g, { name: "cross" })
-      }
-    ) })
-  ] });
+        ) })
+      ]
+    }
+  );
 };
 export {
-  Y as Alert,
-  Y as default
+  $ as Alert,
+  $ as default
 };

package/dist/es/components/internal/Button/DownloadButton/DownloadButton.js

@@ -1,12 +1,12 @@
 import { jsx as o } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import b from "classnames";
 import { useState as D, useEffect as m, useMemo as h } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
-import I from "../../../../core/Context/useCoreContext.js";
-import { useResponsiveContainer as N, containerQueries as S } from "../../../../hooks/useResponsiveContainer.js";
+import { useResponsiveContainer as I, containerQueries as N } from "../../../../hooks/useResponsiveContainer.js";
 import _ from "../Button.js";
 import { ButtonVariant as l } from "../types.js";
-import F from "./useDownload.js";
+import S from "./useDownload.js";
 /* empty css                    */
+import F from "../../../../core/Context/preact/useCoreContext.js";
 import Y from "../../Spinner/Spinner.js";
 import { Icon as k } from "../../Icon/Icon.js";
 import { Fragment as A } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
@@ -23,7 +23,7 @@ function M({
   errorMessage: f,
   ...p
 }) {
-  const { i18n: r } = I(), [i, u] = D(!1), x = N(S.down.xs), { data: s, error: e, isFetching: t } = F(R, g, i);
+  const { i18n: r } = F(), [i, u] = D(!1), x = I(N.down.xs), { data: s, error: e, isFetching: t } = S(R, g, i);
   m(() => {
     i && u(!1);
   }, [i]), m(() => {

package/dist/es/components/internal/Button/DownloadButton/useDownload.js

@@ -1,5 +1,5 @@
 import { useFetch as s } from "../../../../hooks/useFetch.js";
-import { useConfigContext as a } from "../../../../core/ConfigContext/context.js";
+import { useConfigContext as a } from "../../../../core/ConfigContext/preact/context.js";
 import { EMPTY_OBJECT as p } from "../../../../utils/value/constants.js";
 const f = (o, t, n, r) => {
   const e = a().endpoints[o];

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

@@ -1,27 +1,27 @@
 import { jsx as o } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { memo as i, forwardRef as t } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
-import d from "./hooks/useCalendar.js";
+import { memo as i, forwardRef as d } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
+import m from "./hooks/useCalendar.js";
 /* empty css              */
-import l from "./components/CalendarControls/CalendarControls.js";
-import m from "./components/CalendarGrid/CalendarGrid.js";
-const s = t((r, a) => {
-  const e = d(r, a), n = e.grid.config();
+import f from "./components/CalendarControls/CalendarControls.js";
+import s from "./components/CalendarGrid/CalendarGrid.js";
+const c = d((r, t) => {
+  const { cursorElementRef: a, cursorRootProps: l, grid: e } = m(r, t), n = e.config();
   return /* @__PURE__ */ o("div", { role: "none", children: [
-    /* @__PURE__ */ o(l, { config: n, grid: e.grid, renderer: r.renderControl }),
+    /* @__PURE__ */ o(f, { config: n, grid: e, renderer: r.renderControl }),
     /* @__PURE__ */ o(
-      m,
+      s,
       {
-        ref: e.cursorElementRef,
+        ref: a,
         config: n,
-        cursorRootProps: e.cursorRootProps,
+        cursorRootProps: l,
         getGridLabel: r.getGridLabel,
-        grid: e.grid,
+        grid: e,
         onlyCellsWithin: r.onlyCellsWithin,
         prepare: r.prepare
       }
     )
   ] });
-}), R = i(s);
+}), R = i(c);
 export {
   R as default
 };

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

@@ -1,18 +1,18 @@
 import { InteractionKeyCode as c } from "../../../../types.js";
-import { SELECT_NONE as R, CALENDAR_CONTROLS as N, SHIFT_BLOCK as B, SHIFT_PERIOD as F, SHIFT_FRAME as K, CALENDAR_SELECTIONS as U, SELECT_MANY as d, FIRST_WEEK_DAYS as x, FRAME_SIZES as z, CURSOR_NEXT_BLOCK as v, CURSOR_PREV_BLOCK as Y, CURSOR_BLOCK_END as j, CURSOR_LINE_END as V, CURSOR_BLOCK_START as G, CURSOR_LINE_START as X, CURSOR_DOWNWARD as q, CURSOR_UPWARD as J, CURSOR_FORWARD as Z, CURSOR_BACKWARD as $, SELECT_ONE as C, SELECTION_FROM as n, SELECTION_TO as a, CONTROLS_NONE as Q, CONTROLS_MINIMAL as tt, CONTROLS_ALL as it, SELECTION_COLLAPSE as st } from "../constants.js";
+import { SELECT_NONE as R, SHIFT_BLOCK as B, SHIFT_PERIOD as F, SHIFT_FRAME as K, CALENDAR_SELECTIONS as U, SELECT_MANY as d, FIRST_WEEK_DAYS as x, CALENDAR_CONTROLS as N, FRAME_SIZES as z, CURSOR_NEXT_BLOCK as v, CURSOR_PREV_BLOCK as Y, CURSOR_BLOCK_END as j, CURSOR_LINE_END as V, CURSOR_BLOCK_START as G, CURSOR_LINE_START as X, CURSOR_DOWNWARD as q, CURSOR_UPWARD as J, CURSOR_FORWARD as Z, CURSOR_BACKWARD as $, SELECT_ONE as C, SELECTION_FROM as n, SELECTION_TO as a, CONTROLS_NONE as Q, CONTROLS_MINIMAL as tt, CONTROLS_ALL as it, SELECTION_COLLAPSE as st } from "../constants.js";
 import { withTimezone as b } from "../utils.js";
 import { CalendarShiftControlsFlag as A, CalendarShiftControlFlag as S } from "../types.js";
-import { today as _ } from "../../../../../primitives/time/today/main.js";
+import _ from "../../../../../primitives/time/today/main.js";
 import { createIndexed as y } from "../../../../../primitives/auxiliary/indexed/main.js";
 import { createWatchlist as et, isWatchlistUnsubscribeToken as ht } from "../../../../../primitives/reactive/watchlist/main.js";
-import { boolify as g, boolOrTrue as D } from "../../../../../utils/value/bool.js";
-import { pickFrom as E } from "../../../../../utils/collection/main.js";
-import { createEffectStack as I } from "../../../../../primitives/reactive/effectStack/main.js";
+import { createEffectStack as D } from "../../../../../primitives/reactive/effectStack/main.js";
 import rt from "../timeframe/frames/MonthFrame.js";
+import { boolify as g, boolOrTrue as I } from "../../../../../utils/value/bool.js";
+import { pickFrom as E } from "../../../../../utils/collection/main.js";
 import { timezoneToSystem as T, systemToTimezone as p } from "../../../../../core/Localization/datetime/restamper/utils.js";
 import { EMPTY_OBJECT as O } from "../../../../../utils/value/constants.js";
 import { withFreezeProxyHandlers as ot, structFrom as nt, struct as ct } from "../../../../../utils/struct/main.js";
-import { isUndefined as L, isFunction as m, isNullish as k, isString as H } from "../../../../../utils/value/is.js";
+import { isFunction as m, isNullish as k, isString as L, isUndefined as H } from "../../../../../utils/value/is.js";
 import { noop as w } from "../../../../../utils/common.js";
 import { isBitSafeInteger as at } from "../../../../../utils/value/number.js";
 class o {
@@ -60,8 +60,8 @@ class o {
     today: () => this.#F.timestamp
   });
   #T = this.#d?.snapshot;
-  #g = I(() => this.#r && this.#d?.requestNotification());
-  #b = I(() => this.#r?.call(this.#E));
+  #g = D(() => this.#r && this.#d?.requestNotification());
+  #b = D(() => this.#r?.call(this.#E));
   #w = nt(
     y(
       () => this.#t?.size ?? 0,
@@ -112,7 +112,7 @@ class o {
       },
       highlight: {
         value: (() => {
-          const t = () => this.#c === this.#h && L(this.#h), i = (s) => (e) => o.#p.call(this, (h) => {
+          const t = () => this.#c === this.#h && H(this.#h), i = (s) => (e) => o.#p.call(this, (h) => {
             if (!(this.#n || !this.#s || this.#s === R)) {
               if (k(h)) return this.#A();
               t() ? this.#t?.updateSelection(h, st) : (this.#t?.updateSelection(h, s), this.#s === d && this.#e && this.#k(h, s === n ? a : n, this.#e)), this.#c = this.#t?.selectionStart, this.#h = this.#t?.selectionEnd, this.#t?.shiftFrameToTimestamp(s === n ? this.#c : this.#h);
@@ -142,7 +142,7 @@ class o {
   static #K = Object.keys(A).filter((t) => isNaN(+t));
   static #U = ["PREV", "NEXT"];
   static #x(t) {
-    if (!H(t) || !o.#W.test(t)) return;
+    if (!L(t) || !o.#W.test(t)) return;
     const i = t.split(/\s+/);
     return Array.from({ length: 6 }, (s, e) => parseInt(i[e] ?? "0"));
   }
@@ -187,7 +187,7 @@ class o {
     if (this.#n) return;
     this.#e = void 0;
     const i = t?.highlight, s = g(this.#i.minified);
-    if (H(i) ? (this.#e = o.#x(i)) && (this.#s = d) : this.#s = E(U, i, this.#s), this.#i = {
+    if (L(i) ? (this.#e = o.#x(i)) && (this.#s = d) : this.#s = E(U, i, this.#s), this.#i = {
       ...this.#i,
       ...t,
       blocks: E(z, t?.blocks, this.#i.blocks),
@@ -261,7 +261,7 @@ class o {
         const l = this.#j(h);
         if (!(l && f.length)) return l;
         const u = this.#q(i, f[0]);
-        return L(u) ? !1 : (this.#t?.shiftFrameByOffset(h * u, e), !0);
+        return H(u) ? !1 : (this.#t?.shiftFrameByOffset(h * u, e), !0);
       })(...r);
     }
     return [i, this.#m[t]];
@@ -345,11 +345,11 @@ class o {
   #I() {
     switch (this.#s) {
       case d:
-        !D(this.#t?.blankSelection) && this.#e && this.#k(this.#t?.selectionStart, a, this.#e);
+        !I(this.#t?.blankSelection) && this.#e && this.#k(this.#t.selectionStart, a, this.#e);
         break;
       case C:
-        if (!D(this.#t?.blankSelection)) {
-          const t = b(this.#t?.timezone), i = new Date(T(t, this.#t?.selectionStart));
+        if (!I(this.#t?.blankSelection)) {
+          const t = b(this.#t?.timezone), i = new Date(T(t, this.#t.selectionStart));
           this.#t?.updateSelection(p(t, i.setHours(23, 59, 59, 999)), a);
         }
         break;

package/dist/es/components/internal/Calendar/calendar/timeframe/frames/MonthFrame.js

@@ -1,7 +1,7 @@
 import A from "./TimeFrame.js";
 import { getWeekendDays as k } from "../common/utils.js";
 import { getEdgesDistance as I, withTimezone as S, getTimezoneDateParts as c, computeTimestampOffset as _, getMonthDays as d, startOfMonth as M, startOfWeek as R } from "../../utils.js";
-import { DAY_MS as E, DAY_OF_WEEK_FORMATS as H, MAXIMUM_MONTH_UNITS as O } from "../../constants.js";
+import { DAY_OF_WEEK_FORMATS as H, MAXIMUM_MONTH_UNITS as E, DAY_MS as O } from "../../constants.js";
 import L from "../common/flags.js";
 import { TimeFlag as s } from "../../types.js";
 import { timezoneToSystem as F, systemToTimezone as N } from "../../../../../../core/Localization/datetime/restamper/utils.js";
@@ -60,7 +60,7 @@ class tt extends A {
     return t < this.originTimestamp ? 0 - e : e;
   }
   #p(t, e = 0) {
-    const i = S(this.timezone), m = F(i, t), n = N(i, m + e * E);
+    const i = S(this.timezone), m = F(i, t), n = N(i, m + e * O);
     let [, , , r, a] = c(n, this.timezone), l = 0;
     return (r > 0 || a > 0) && (r = (r > 12 ? 24 : 0) - r, a = (r > 1 ? 1 : -1) * a, l = r * 36e5 + a * 6e4), n + l;
   }
@@ -105,7 +105,7 @@ class tt extends A {
     ];
   }
   getFrameBlockAtIndex(t) {
-    const [e, i, m] = d(this.origin, this.#m, t), n = t > 0 ? this.getFrameBlockAtIndex(t - 1).inner.to + 1 : this.#n, r = n + e - 1, a = Math.floor(n / 7) * 7, l = this.dynamicBlockHeight ? Math.ceil((r + 1) / 7) * 7 : a + O, D = this.dynamicBlockHeight ? l - a : O, B = new Proxy(
+    const [e, i, m] = d(this.origin, this.#m, t), n = t > 0 ? this.getFrameBlockAtIndex(t - 1).inner.to + 1 : this.#n, r = n + e - 1, a = Math.floor(n / 7) * 7, l = this.dynamicBlockHeight ? Math.ceil((r + 1) / 7) * 7 : a + E, D = this.dynamicBlockHeight ? l - a : E, B = new Proxy(
       g(),
       U({
         get: (W, p, z) => {
@@ -144,7 +144,7 @@ class tt extends A {
     return d(this.origin, this.#m, t)[0];
   }
   getUnitsOffsetForTimestamp(t, e) {
-    return Math.round((e - t) / E);
+    return Math.round((e - t) / O);
   }
   reoriginate() {
     this.originTimestamp = M(this.originTimestamp, this.timezone);

package/dist/es/components/internal/Calendar/calendar/timeframe/frames/TimeFrame.js

@@ -4,7 +4,7 @@ import { computeTimestampOffset as x } from "../../utils.js";
 import { FIRST_WEEK_DAYS as L, DAY_MS as k, SHIFT_FRAME as g, SHIFT_PERIOD as U, SHIFT_BLOCK as N, CURSOR_NEXT_BLOCK as w, CURSOR_PREV_BLOCK as z, CURSOR_LINE_END as W, CURSOR_LINE_START as M, CURSOR_BLOCK_END as H, CURSOR_BLOCK_START as K, CURSOR_DOWNWARD as v, CURSOR_UPWARD as Y, CURSOR_FORWARD as V, CURSOR_BACKWARD as X, SELECTION_COLLAPSE as j, SELECTION_NEAREST as T, SELECTION_FARTHEST as I, SELECTION_TO as B, SELECTION_FROM as S } from "../../constants.js";
 import q from "../common/flags.js";
 import { BASE_LOCALE as G } from "../../../../../../core/Localization/datetime/restamper/constants.js";
-import { today as E } from "../../../../../../primitives/time/today/main.js";
+import E from "../../../../../../primitives/time/today/main.js";
 import { createIndexed as c } from "../../../../../../primitives/auxiliary/indexed/main.js";
 import { isUndefined as l, isNullish as m, isBoolean as C, isFunction as J } from "../../../../../../utils/value/is.js";
 import { isInfinity as p, clamp as O, mid as P, isBitSafeInteger as R, mod as Q } from "../../../../../../utils/value/number.js";

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

@@ -1,4 +1,4 @@
-import { createRangeTimestampsConfigRestampingContext as W, parseRangeTimestamp as i, isRangeTimestampsConfigWithoutOffsets as Y, getRangeTimestampsConfigParameterUnwrapper as b, isRangeTimestampsConfigWithFromOffsets as E } from "./utils.js";
+import { createRangeTimestampsConfigRestampingContext as W, parseRangeTimestamp as i, isRangeTimestampsConfigWithoutOffsets as Y, isRangeTimestampsConfigWithFromOffsets as b, getRangeTimestampsConfigParameterUnwrapper as E } from "./utils.js";
 import H from "../../../../../core/Localization/datetime/restamper/restamper.js";
 import { EMPTY_OBJECT as u } from "../../../../../utils/value/constants.js";
 import { asPlainObject as d, struct as C } from "../../../../../utils/struct/main.js";
@@ -10,7 +10,7 @@ const U = (R = u, D = u) => {
       now: l,
       timezone: w,
       ...W(a)
-    }), m = b(s, f);
+    }), m = E(s, f);
     let { from: n, to: r, now: o } = u;
     const g = (p) => {
       o = i(p ?? Date.now()) ?? o;
@@ -20,7 +20,7 @@ const U = (R = u, D = u) => {
           break t;
         }
         let t, e, T;
-        (T = E(s)) ? (t = new Date(n = i(m(s.from)) ?? o), e = 1) : (t = new Date(r = i(m(s.to)) ?? o), e = -1), t = new Date(f.timezoneToSystem(t));
+        (T = b(s)) ? (t = new Date(n = i(m(s.from)) ?? o), e = 1) : (t = new Date(r = i(m(s.to)) ?? o), e = -1), t = new Date(f.timezoneToSystem(t));
         const [F = 0, O = 0, x = 0, M = 0, S = 0, _ = 0, P = 0] = m(s.offsets);
         t.setFullYear(t.getFullYear() + F * e, t.getMonth() + O * e, t.getDate() + x * e), t.setHours(
           t.getHours() + M * e,

package/dist/es/components/internal/Calendar/calendar/timerange/presets/shared/offsetWeek.js

@@ -1,11 +1,11 @@
 import p from "../../factory.js";
-import { getRangeTimestampsContextIntegerPropertyFactory as D, offsetsForNDays as y, nowTimestamp as F } from "../../utils.js";
+import { nowTimestamp as D, getRangeTimestampsContextIntegerPropertyFactory as y, offsetsForNDays as F } from "../../utils.js";
 import { startOfWeek as g } from "../../../utils.js";
 import { clamp as E } from "../../../../../../../utils/value/number.js";
-const r = 1, W = y(7), k = D(0, 6, r), C = (s = 0) => {
+const r = 1, W = F(7), k = y(0, 6, r), C = (s = 0) => {
   const e = ~~E(0, s, 1 / 0) || 0;
   return (n = r) => {
-    const a = e ? { offsets: W } : { to: F }, o = k(n);
+    const a = e ? { offsets: W } : { to: D }, o = k(n);
     return p(
       {
         from: ({ now: f, timezone: m, systemToTimezone: i, timezoneToSystem: c }) => {

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

@@ -1,24 +1,24 @@
 import { RANGE_FROM as s, RANGE_TO as h } from "../constants.js";
-import { computeTimestampOffset as i, getEdgesDistance as m } from "../utils.js";
+import { computeTimestampOffset as e, getEdgesDistance as m } from "../utils.js";
 class r {
   #h = 1 / 0;
   #t = 1 / 0;
-  #e = -1 / 0;
-  #i = 0;
+  #i = -1 / 0;
+  #e = 0;
   #s = 0;
   constructor(...t) {
     if (t.length >= 3) {
-      let e = new Date(t[1]).getTime();
+      const i = new Date(t[1]).getTime();
       if (typeof t[2] != "symbol")
-        this.#e = e || this.#e, this.#t = new Date(t[2]).getTime() || this.#t, this.#t < this.#e && ([this.#t, this.#e] = [this.#e, this.#t]), this.#s = i(this.#e, t[0]), this.#i = i(this.#t, t[0]), this.#h = m(this.#e, this.#t, t[0]) + 1;
-      else if (!isNaN(e))
+        this.#i = i || this.#i, this.#t = new Date(t[2]).getTime() || this.#t, this.#t < this.#i && ([this.#t, this.#i] = [this.#i, this.#t]), this.#s = e(this.#i, t[0]), this.#e = e(this.#t, t[0]), this.#h = m(this.#i, this.#t, t[0]) + 1;
+      else if (!isNaN(i))
         switch (t[2]) {
           case h:
-            this.#t = e, this.#i = i(this.#t, t[0]);
+            this.#t = i, this.#e = e(this.#t, t[0]);
             break;
           case s:
           default:
-            this.#e = e, this.#s = i(this.#e, t[0]);
+            this.#i = i, this.#s = e(this.#i, t[0]);
             break;
         }
     }
@@ -30,10 +30,10 @@ class r {
     return this.#t;
   }
   get endTimestampOffset() {
-    return this.#i;
+    return this.#e;
   }
   get startTimestamp() {
-    return this.#e;
+    return this.#i;
   }
   get startTimestampOffset() {
     return this.#s;

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

@@ -4,7 +4,7 @@ import { timezoneToSystem as O, systemToTimezone as E } from "../../../../core/L
 import M from "../../../../core/Localization/datetime/restamper/restamper.js";
 import { isInfinity as m, mod as g } from "../../../../utils/value/number.js";
 import { identity as A } from "../../../../utils/common.js";
-import { EMPTY_OBJECT as _, EMPTY_ARRAY as y } from "../../../../utils/value/constants.js";
+import { EMPTY_ARRAY as _, EMPTY_OBJECT as y } from "../../../../utils/value/constants.js";
 import { isUndefined as S } from "../../../../utils/value/is.js";
 const Y = /^(\d{2})\/(\d{2})\/(-?\d+),\s+(\d{2}):(\d{2}):(\d{2}).(\d{3})/, c = (t = A) => (e, o, ...n) => {
   const s = d(o), r = new Date(O(s, e));
@@ -27,11 +27,11 @@ const Y = /^(\d{2})\/(\d{2})\/(-?\d+),\s+(\d{2}):(\d{2}):(\d{2}).(\d{3})/, c = (
       break;
   }
   return [a, s, r];
-}, R = (t, e = 0) => (7 - e + t) % 7, j = (t, e) => m(t) ? 0 : t - z(t, e), v = (t) => S(t) ? t : new Date(t), w = (t, e = _) => {
+}, R = (t, e = 0) => (7 - e + t) % 7, j = (t, e) => m(t) ? 0 : t - z(t, e), v = (t) => S(t) ? t : new Date(t), w = (t, e = y) => {
   const o = d(e.timeZone), n = { ...f, ...e, timeZone: o.tz.current };
   return new Date(t).toLocaleDateString(u, n);
 }, i = (t, e) => {
-  const o = w(t, { ...p, ...f, timeZone: e, hour12: !1 }), [, n = "", s = "", r = "", a = "", D = "", T = "", h = ""] = o.match(Y) ?? y;
+  const o = w(t, { ...p, ...f, timeZone: e, hour12: !1 }), [, n = "", s = "", r = "", a = "", D = "", T = "", h = ""] = o.match(Y) ?? _;
   return [+r, +n - 1, +s, +a % 24, +D, +T, +h];
 }, G = (t, e, o) => {
   if (m(t) || m(e)) return 1 / 0;

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

@@ -4,7 +4,7 @@ import y from "./CalendarGridDate.js";
 import _ from "./CalendarGridDayOfWeek.js";
 /* empty css                  */
 const f = h(({ cursorRootProps: t, onlyCellsWithin: i, prepare: d, getGridLabel: s, grid: r }, o) => /* @__PURE__ */ e("ol", { className: "adyen-pe-calendar", role: "none", ...t, children: r.map((a) => /* @__PURE__ */ e("li", { className: "adyen-pe-calendar__month", role: "none", children: [
-  /* @__PURE__ */ e("div", { className: "adyen-pe-calendar__month-name", role: "none", children: /* @__PURE__ */ e("time", { dateTime: a.datetime, "aria-hidden": "true", children: a.label }) }),
+  /* @__PURE__ */ e("div", { className: "adyen-pe-calendar__month-name", role: "none", "data-testid": "calendar-month-name", children: /* @__PURE__ */ e("time", { dateTime: a.datetime, "aria-hidden": "true", children: a.label }) }),
   /* @__PURE__ */ e(
     "table",
     {