@adyen/adyen-platform-experience-web 1.4.2 → 1.5.1

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

@@ -1,23 +1,23 @@
-import { useMemo as c, useRef as g, useState as d } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as c, useRef as d, useState as g } 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 { 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 { clock as M } from "../../../../primitives/time/clock/main.js";
+import { isWatchlistUnsubscribeToken as _ } from "../../../../primitives/reactive/watchlist/main.js";
+import G from "../../../../core/Localization/datetime/restamper/restamper.js";
+import { EMPTY_OBJECT as O, EMPTY_ARRAY as S } from "../../../../utils/value/constants.js";
+import { boolOrFalse as R } from "../../../../utils/value/bool.js";
 import { noop as a } from "../../../../utils/common.js";
-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();
+  const m = /\d{2}:\d{2}(?=:\d{2}(?:\.\d+)?\s+([AP]M))/i, n = /^GMT|0(?=\d:00)|:00/g, e = G();
   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, "");
+    const { formatted: o } = e(i), [f = "", s = ""] = (o == null ? void 0 : o.match(m)) ?? S, 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]);
+})(), N = ({ timezone: m, withClock: n = !1 } = O) => {
+  const e = c(() => R(n), [n]), r = c(() => A(m), [m]), T = d(a), [t, i] = g(Date.now()), [o, f] = c(() => U(r, t), [t, r]);
   return c(() => {
-    T.current(), T.current = e ? _.subscribe((s) => {
-      G(s) || i(s.now);
+    T.current(), T.current = e ? M.subscribe((s) => {
+      _(s) || i(s.now);
     }) : a;
   }, [i, e]), { clockTime: o, GMTOffset: f, timestamp: t, timezone: r };
 };

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { jsx as s } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { CARD_BASE_CLASS as h, CARD_FILLED as o, CARD_NO_OUTLINE as I, CARD_NO_PADDING as L, CARD_HEADER as p, CARD_HEADER_CONTENT as n, CARD_TITLE as d, CARD_SUBTITLE as f, CARD_BODY as t, CARD_BODY_WITH_TITLE as B, CARD_FOOTER as S } from "./constants.js";
+import { CARD_HEADER as h, CARD_HEADER_CONTENT as o, CARD_TITLE as I, CARD_SUBTITLE as L, CARD_BODY as p, CARD_BODY_WITH_TITLE as n, CARD_FOOTER as d, CARD_BASE_CLASS as f, CARD_NO_PADDING as t, CARD_NO_OUTLINE as B, CARD_FILLED as S } from "./constants.js";
 import m from "classnames";
 /* empty css          */
 const Y = ({
@@ -21,26 +21,26 @@ const Y = ({
     "section",
     {
       className: m(
-        h,
-        { [o]: N, [I]: E, [L]: i },
+        f,
+        { [S]: N, [B]: E, [t]: i },
         T
       ),
       "data-testid": l,
       children: [
-        (D || a) && /* @__PURE__ */ s(O, { className: p, children: (D || a) && /* @__PURE__ */ s("div", { className: n, children: [
-          a || /* @__PURE__ */ s("span", { className: d, children: D }),
-          _ && /* @__PURE__ */ s("div", { className: f, children: _ })
+        (D || a) && /* @__PURE__ */ s(O, { className: h, children: (D || a) && /* @__PURE__ */ s("div", { className: o, children: [
+          a || /* @__PURE__ */ s("span", { className: I, children: D }),
+          _ && /* @__PURE__ */ s("div", { className: L, children: _ })
         ] }) }),
         /* @__PURE__ */ s(
           "div",
           {
-            className: m(t, {
-              [B]: D || a
+            className: m(p, {
+              [n]: D || a
             }),
             children: C
           }
         ),
-        (A || c) && /* @__PURE__ */ s("footer", { className: S, children: c || A })
+        (A || c) && /* @__PURE__ */ s("footer", { className: d, children: c || A })
       ]
     }
   );

package/dist/es/components/internal/DataGrid/DataGridCell.js

@@ -1,20 +1,20 @@
 import { jsx as i } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useDataGridContext as n } from "./hooks/useDataGridContext.js";
 import { useRef as m, useEffect as d } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { isValidElement as f, cloneElement as u } from "../../../external/preact/dist/preact.module.js";
+import { cloneElement as f, isValidElement as u } from "../../../external/preact/dist/preact.module.js";
 import c from "classnames";
 function C({
-  children: t,
+  children: e,
   column: r,
   position: a,
   ...o
 }) {
-  const { registerCells: l } = n(), e = m(null);
+  const { registerCells: l } = n(), t = m(null);
   return d(() => {
     var s;
-    e.current && l({
+    t.current && l({
       column: r,
-      width: (s = e.current) == null ? void 0 : s.getBoundingClientRect().width
+      width: (s = t.current) == null ? void 0 : s.getBoundingClientRect().width
     });
   }, [r, l]), /* @__PURE__ */ i(
     "div",
@@ -25,9 +25,9 @@ function C({
         "adyen-pe-data-grid__cell--center": a === "center"
       }),
       ...o,
-      children: t && f(t) ? u(t, {
-        ...t == null ? void 0 : t.props,
-        ref: e,
+      children: e && u(e) ? f(e, {
+        ...e == null ? void 0 : e.props,
+        ref: t,
         style: { width: "min-content" }
       }) : null
     }

package/dist/es/components/internal/DataGrid/components/TableCells.js

@@ -8,40 +8,40 @@ import S from "../../Button/Button.js";
 import { Fragment as I } from "../../../../external/preact/dist/preact.module.js";
 const L = (o) => !!o && typeof o == "object" && "value" in o, _ = (o) => !!o && typeof o == "object" && o.type === "icon", O = (o) => !!o && typeof o == "object" && o.type === "button", w = (o) => !!o && typeof o == "object" && o.type === "link", Y = ({
   columns: o,
-  customCells: i,
+  customCells: t,
   item: l,
   rowIndex: j
-}) => /* @__PURE__ */ c(I, { children: o.map(({ key: r, position: f }) => {
-  var u, g, m, d, b, h, N;
-  if (i != null && i[r])
-    return /* @__PURE__ */ c(y, { "aria-labelledby": String(r), column: r, position: f, children: /* @__PURE__ */ c("div", {
+}) => /* @__PURE__ */ c(I, { children: o.map(({ key: r, position: s }) => {
+  var g, u, m, b, d, h, v;
+  if (t != null && t[r])
+    return /* @__PURE__ */ c(y, { "aria-labelledby": String(r), column: r, position: s, children: /* @__PURE__ */ c("div", {
       style: { width: "min-content" },
       // TODO create safeguard to remove "as any" assertion
-      children: i[r]({
+      children: t[r]({
         key: r,
         value: l[r],
         item: l,
         rowIndex: j
       })
     }) }, r);
-  const n = l[r], { value: e, type: s } = L(n) ? n : { value: n, type: "text" }, t = _(n) ? { url: (u = n == null ? void 0 : n.config) == null ? void 0 : u.src, alt: ((g = n == null ? void 0 : n.config) == null ? void 0 : g.alt) !== void 0 && ((m = n == null ? void 0 : n.config) == null ? void 0 : m.alt) !== null ? (d = n == null ? void 0 : n.config) == null ? void 0 : d.alt : n.value } : void 0, p = O(n) ? (x) => {
-    var v;
-    x.stopPropagation(), (v = n == null ? void 0 : n.config) == null || v.action();
+  const n = l[r], { value: i, type: f } = L(n) ? n : { value: n, type: "text" }, e = _(n) ? { url: (g = n == null ? void 0 : n.config) == null ? void 0 : g.src, alt: ((u = n == null ? void 0 : n.config) == null ? void 0 : u.alt) !== void 0 && ((m = n == null ? void 0 : n.config) == null ? void 0 : m.alt) !== null ? (b = n == null ? void 0 : n.config) == null ? void 0 : b.alt : n.value } : void 0, p = O(n) ? (x) => {
+    var N;
+    x.stopPropagation(), (N = n == null ? void 0 : n.config) == null || N.action();
   } : void 0;
-  return /* @__PURE__ */ c(y, { "aria-labelledby": String(r), column: r, position: f, children: /* @__PURE__ */ c("div", { className: "adyen-pe-data-grid__cell-value", children: [
-    _(n) && n.config && (t == null ? void 0 : t.url) && /* @__PURE__ */ c("div", { className: a("adyen-pe-data-grid__icon-cell", (b = n == null ? void 0 : n.config) == null ? void 0 : b.className), children: [
-      /* @__PURE__ */ c(T, { ...t }),
-      e.trim() && /* @__PURE__ */ c("span", { children: e })
+  return /* @__PURE__ */ c(y, { "aria-labelledby": String(r), column: r, position: s, children: /* @__PURE__ */ c("div", { className: "adyen-pe-data-grid__cell-value", children: [
+    _(n) && n.config && (e == null ? void 0 : e.url) && /* @__PURE__ */ c("div", { className: a("adyen-pe-data-grid__icon-cell", (d = n == null ? void 0 : n.config) == null ? void 0 : d.className), children: [
+      /* @__PURE__ */ c(T, { ...e }),
+      i.trim() && /* @__PURE__ */ c("span", { children: i })
     ] }),
-    s === "text" && /* @__PURE__ */ c("span", { className: a((h = n == null ? void 0 : n.config) == null ? void 0 : h.className), children: e }),
-    s === "button" && n.config && p && /* @__PURE__ */ c(S, { className: a((N = n.config) == null ? void 0 : N.className), onClick: p, variant: D.SECONDARY, children: e }),
+    f === "text" && /* @__PURE__ */ c("span", { className: a((h = n == null ? void 0 : n.config) == null ? void 0 : h.className), children: i }),
+    f === "button" && n.config && p && /* @__PURE__ */ c(S, { className: a((v = n.config) == null ? void 0 : v.className), onClick: p, variant: D.SECONDARY, children: i }),
     w(n) && n.config && /* @__PURE__ */ c(
       B,
       {
         classNames: n.config.className ? [n.config.className] : [],
         href: n.config.href,
         target: n.config.target,
-        children: e
+        children: i
       }
     )
   ] }) }, r);

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

@@ -19,8 +19,8 @@ const X = {
   payout: "getPayout"
 }, l = (t) => !("data" in t);
 function dt(t) {
-  var v;
-  const S = y(() => l(t) ? null : t.data, [t]), c = y(() => l(t) ? t.id : null, [t]), s = W().endpoints[X[t.type]], { hideTitle: _, title: w } = V(t), { data: e, error: o, isFetching: T } = O(
+  var f;
+  const S = y(() => l(t) ? null : t.data, [t]), c = y(() => l(t) ? t.id : null, [t]), s = W().endpoints[X[t.type]], { hideTitle: _, title: w } = V(t), { data: e, error: o, isFetching: D } = O(
     y(
       () => ({
         fetchOptions: { enabled: !!c && !!s },
@@ -35,10 +35,10 @@ function dt(t) {
       }),
       [c, s, t]
     )
-  ), F = t.type === "payout" ? t.id : e == null ? void 0 : e.balanceAccountId, P = t.type === "payout" ? t == null ? void 0 : t.balanceAccountDescription : t == null ? void 0 : t.balanceAccount, { balanceAccounts: i } = Y(F, !P), D = y(() => {
+  ), F = t.type === "payout" ? t.id : e == null ? void 0 : e.balanceAccountId, P = t.type === "payout" ? t == null ? void 0 : t.balanceAccountDescription : t == null ? void 0 : t.balanceAccount, { balanceAccounts: i } = Y(F, !P), v = y(() => {
     if (o)
       return q(o, "weCouldNotLoadYourTransactions", t.onContactSupport);
-  }, [o, t.onContactSupport]), r = S ?? e, [E, k] = x(), f = L(async () => {
+  }, [o, t.onContactSupport]), r = S ?? e, [T, k] = x(), E = L(async () => {
     var u, d, A, I, g;
     if (e && (l(t) && t.type === "transaction" || t.type === "payout")) {
       const m = await ((A = (d = (u = t.dataCustomization) == null ? void 0 : u.details) == null ? void 0 : d.onDataRetrieve) == null ? void 0 : A.call(d, e));
@@ -48,10 +48,10 @@ function dt(t) {
     }
   }, [e, t]), h = l(t) && t.type === "transaction" || t.type === "payout" ? t.dataCustomization : void 0;
   return N(() => {
-    f();
-  }, [f]), /* @__PURE__ */ n("div", { className: "adyen-pe-overview-details", children: [
+    E();
+  }, [E]), /* @__PURE__ */ n("div", { className: "adyen-pe-overview-details", children: [
     !_ && /* @__PURE__ */ n("div", { className: "adyen-pe-overview-details--title", children: /* @__PURE__ */ n(M, { variant: R.TITLE, medium: !0, children: w }) }),
-    o && D && /* @__PURE__ */ n("div", { className: "adyen-pe-overview-details--error-container", children: /* @__PURE__ */ n(z, { withImage: !0, ...D }) }),
+    o && v && /* @__PURE__ */ n("div", { className: "adyen-pe-overview-details--error-container", children: /* @__PURE__ */ n(z, { withImage: !0, ...v }) }),
     t.type === "transaction" && /* @__PURE__ */ n(
       U,
       {
@@ -59,9 +59,9 @@ function dt(t) {
           ...r || b,
           balanceAccount: (t == null ? void 0 : t.balanceAccount) || (i == null ? void 0 : i[0])
         } : void 0,
-        error: !!(o && D),
-        isFetching: T,
-        extraFields: E,
+        error: !!(o && v),
+        isFetching: D,
+        extraFields: T,
         dataCustomization: h
       }
     ),
@@ -70,9 +70,9 @@ function dt(t) {
       {
         balanceAccountId: c,
         payout: r,
-        balanceAccountDescription: (t == null ? void 0 : t.balanceAccountDescription) || ((v = i == null ? void 0 : i[0]) == null ? void 0 : v.description),
-        isFetching: T,
-        extraFields: E,
+        balanceAccountDescription: (t == null ? void 0 : t.balanceAccountDescription) || ((f = i == null ? void 0 : i[0]) == null ? void 0 : f.description),
+        isFetching: D,
+        extraFields: T,
         dataCustomization: h
       }
     )

package/dist/es/components/internal/DataOverviewDetails/useDataOverviewDetailsTitle.js

@@ -1,18 +1,18 @@
 import { useModalContext as c } from "../Modal/Modal.js";
-import { useState as u, useMemo as i, useEffect as f } from "../../../external/preact/hooks/dist/hooks.module.js";
-import m from "../../../core/Context/useCoreContext.js";
-import { boolOrFalse as d } from "../../../utils/value/bool.js";
+import { useState as u, useMemo as i, useEffect as d } from "../../../external/preact/hooks/dist/hooks.module.js";
+import f from "../../../core/Context/useCoreContext.js";
+import { boolOrFalse as m } from "../../../utils/value/bool.js";
 const T = {
   transaction: "transactionDetails",
   payout: "payoutDetails"
-}, C = ({ hideTitle: t, type: e }) => {
-  const { i18n: o } = m(), { withinModal: s } = c(), [a, r] = u(!1), n = i(() => a || d(t), [a, t]), l = i(() => o.get(T[e]), [o, e]);
-  return f(() => {
+}, E = ({ hideTitle: t, type: e }) => {
+  const { i18n: o } = f(), { withinModal: s } = c(), [a, r] = u(!1), n = i(() => a || m(t), [a, t]), l = i(() => o.get(T[e]), [o, e]);
+  return d(() => {
     r(s);
   }, [s]), { hideTitle: n, title: l };
 };
 export {
   T as TITLES_BY_TYPE,
-  C as default,
-  C as useDataOverviewDetailsTitle
+  E as default,
+  E as useDataOverviewDetailsTitle
 };

package/dist/es/components/internal/DataOverviewDisplay/DataDetailsModal.js

@@ -11,17 +11,17 @@ const O = ({
   resetDetails: f,
   dataCustomization: u
 }) => {
-  const { i18n: n } = s(), m = !!o;
+  const { i18n: m } = s(), n = !!o;
   return C(() => {
-    m && h.closeAll();
-  }, [m]), /* @__PURE__ */ r("div", { className: p, children: [
+    n && h.closeAll();
+  }, [n]), /* @__PURE__ */ r("div", { className: p, children: [
     i,
     o && /* @__PURE__ */ r(
       a,
       {
-        title: o != null && o.title ? n.get(o.title) : void 0,
+        title: o != null && o.title ? m.get(o.title) : void 0,
         isOpen: !!o,
-        "aria-label": n.get("payoutDetails"),
+        "aria-label": m.get("payoutDetails"),
         onClose: f,
         isDismissible: !0,
         headerWithBorder: !1,

package/dist/es/components/internal/DataOverviewDisplay/DataOverviewHeader/DataOverviewHeader.js

@@ -1,14 +1,14 @@
 import { jsx as r } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import a from "../../Typography/Typography.js";
 import m from "../../../../core/Context/useCoreContext.js";
-import { TypographyElement as d, TypographyVariant as c } from "../../Typography/types.js";
+import { TypographyVariant as d, TypographyElement as c } from "../../Typography/types.js";
 /* empty css                        */
 const h = "adyen-pe-data-overview-header", u = ({ baseClassName: e = h, children: t, hideTitle: p, titleKey: i, descriptionKey: o }) => {
   const { i18n: n } = m();
   return /* @__PURE__ */ r("header", { className: e, children: [
     /* @__PURE__ */ r("div", { className: `${e}__headings`, children: [
-      !p && i && /* @__PURE__ */ r("div", { className: `${e}__title`, children: /* @__PURE__ */ r(a, { el: d.SPAN, variant: c.TITLE, medium: !0, children: n.get(i) }) }),
-      o && /* @__PURE__ */ r("p", { className: `${e}__description`, children: /* @__PURE__ */ r(a, { el: d.SPAN, variant: c.BODY, children: n.get(o) }) })
+      !p && i && /* @__PURE__ */ r("div", { className: `${e}__title`, children: /* @__PURE__ */ r(a, { el: c.SPAN, variant: d.TITLE, medium: !0, children: n.get(i) }) }),
+      o && /* @__PURE__ */ r("p", { className: `${e}__description`, children: /* @__PURE__ */ r(a, { el: c.SPAN, variant: d.BODY, children: n.get(o) }) })
     ] }),
     t && /* @__PURE__ */ r("div", { className: `${e}__controls`, children: t })
   ] });

package/dist/es/components/internal/DatePicker/components/TimeRangeSelector/useTimeRangeSelection.js

@@ -1,59 +1,59 @@
 import { useState as i, useRef as k, useMemo as c, useCallback as C } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import N from "../../../../../core/Context/useCoreContext.js";
-import R from "../../../Calendar/calendar/timerange/presets/lastNDays.js";
-import q from "../../../Calendar/calendar/timerange/presets/thisWeek.js";
-import v from "../../../Calendar/calendar/timerange/presets/lastWeek.js";
+import I from "../../../../../core/Context/useCoreContext.js";
+import N from "../../../Calendar/calendar/timerange/presets/yearToDate.js";
+import q from "../../../Calendar/calendar/timerange/presets/lastMonth.js";
 import A from "../../../Calendar/calendar/timerange/presets/thisMonth.js";
-import E from "../../../Calendar/calendar/timerange/presets/lastMonth.js";
-import K from "../../../Calendar/calendar/timerange/presets/yearToDate.js";
+import E from "../../../Calendar/calendar/timerange/presets/lastWeek.js";
+import K from "../../../Calendar/calendar/timerange/presets/thisWeek.js";
+import R from "../../../Calendar/calendar/timerange/presets/lastNDays.js";
 const X = () => Object.freeze({
   "rangePreset.last7Days": R(7),
   "rangePreset.last30Days": R(30),
-  "rangePreset.thisWeek": q(),
-  "rangePreset.lastWeek": v(),
+  "rangePreset.thisWeek": K(),
+  "rangePreset.lastWeek": E(),
   "rangePreset.thisMonth": A(),
-  "rangePreset.lastMonth": E(),
-  "rangePreset.yearToDate": K()
+  "rangePreset.lastMonth": q(),
+  "rangePreset.yearToDate": N()
 }), Y = ({
   now: a = Date.now(),
-  options: s,
+  options: n,
   selectedOption: m,
   timezone: u
 }) => {
-  const { i18n: f } = N(), [W, h] = i(), [j, d] = i(), [l, g] = i(), S = k(), y = k(), [t, D, n] = c(() => {
-    const o = f.get("rangePreset.custom"), e = Object.keys(s), r = Object.freeze(e.map((O) => f.get(O)));
+  const { i18n: l } = I(), [W, h] = i(), [j, d] = i(), [f, g] = i(), S = k(), y = k(), [e, D, s] = c(() => {
+    const o = l.get("rangePreset.custom"), t = Object.keys(n), r = Object.freeze(t.map((O) => l.get(O)));
     return [o, (O, F = r) => {
-      const z = F.findIndex((I) => I === O);
-      return s[e[z]];
+      const v = F.findIndex((z) => z === O);
+      return n[t[v]];
     }, r];
-  }, [f, s]), [P, T] = i(m === t), b = c(() => Object.freeze([...n, t]), [t, n]), M = c(
-    () => P ? b : n,
-    [P, n, b]
+  }, [l, n]), [P, T] = i(m === e), b = c(() => Object.freeze([...s, e]), [e, s]), M = c(
+    () => P ? b : s,
+    [P, s, b]
   ), p = C(
     (o) => {
-      const e = D(o, n);
-      e && (h(e.from), d(e.to), T(!1), g(o));
+      const t = D(o, s);
+      t && (h(t.from), d(t.to), T(!1), g(o));
     },
-    [t, D, l, n]
+    [e, D, f, s]
   ), x = C(() => {
-    h(void 0), d(void 0), T(!0), g(t);
-  }, [t]);
+    h(void 0), d(void 0), T(!0), g(e);
+  }, [e]);
   return c(() => {
-    m === t ? g(t) : p(m);
+    m === e ? g(e) : p(m);
   }, []), c(() => {
     var o;
     if (S.current !== a || y.current !== u) {
-      const e = Object.values(s);
-      e.forEach((r) => {
+      const t = Object.values(n);
+      t.forEach((r) => {
         r.now = a, r.timezone = u;
-      }), S.current = a, y.current = (o = e[0]) == null ? void 0 : o.timezone, p(l);
+      }), S.current = a, y.current = (o = t[0]) == null ? void 0 : o.timezone, p(f);
     }
-  }, [a, u, s]), {
+  }, [a, u, n]), {
     customSelection: x,
     from: W,
     onSelection: p,
     options: M,
-    selectedOption: l,
+    selectedOption: f,
     to: j
   };
 };

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

@@ -9,8 +9,7 @@ import k from "classnames";
 import { Fragment as p } from "../../../external/preact/dist/preact.module.js";
 import g from "../Button/Button.js";
 const f = {
-  md: 680,
-  lg: 1024
+  md: 680
 }, K = ({
   title: x,
   message: s,

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

@@ -6,41 +6,41 @@ import w from "../../../core/Context/useCoreContext.js";
 import z from "../SVGIcons/ChevronUp.js";
 import U from "../SVGIcons/ChevronDown.js";
 /* empty css                    */
-import { CARD_HEIGHT_PROPERTY as y, BASE_CLASS as j, CONTAINER_CLASS as p, CONTAINER_BUTTON_CLASS as g, CONTAINER_FILLED_CLASS as C, CONTAINER_OVERLAY_ID as N, CONTENT_CLASS as A, CONTENT_EXPANDABLE_CLASS as D, CHEVRON_CLASS as k, CONTAINER_OVERLAY_CLASS as q, CONTAINER_HIDDEN_CLASS as G, CONTAINER_IN_FLOW_CLASS as M } from "./constants.js";
+import { CARD_HEIGHT_PROPERTY as y, BASE_CLASS as j, CONTAINER_OVERLAY_ID as f, CONTENT_CLASS as C, CONTENT_EXPANDABLE_CLASS as g, CHEVRON_CLASS as D, CONTAINER_CLASS as N, CONTAINER_BUTTON_CLASS as k, CONTAINER_FILLED_CLASS as A, CONTAINER_OVERLAY_CLASS as q, CONTAINER_IN_FLOW_CLASS as G, CONTAINER_HIDDEN_CLASS as M } from "./constants.js";
 import { Fragment as X } from "../../../external/preact/dist/preact.module.js";
 import B from "../BaseButton/BaseButton.js";
 const ne = ({ renderHeader: c, children: O, filled: d, fullWidth: E, inFlow: S, ...l }) => {
-  const { i18n: _ } = w(), [e, h] = x(!1), [R, v] = x(0), a = F(() => S === !0, [S]), o = I(() => h((s) => !s), [h]), u = i(null), L = i(null), f = i(!1), T = i(e), m = Y(
+  const { i18n: _ } = w(), [e, h] = x(!1), [v, R] = x(0), a = F(() => S === !0, [S]), o = I(() => h((s) => !s), [h]), u = i(null), L = i(null), m = i(!1), T = i(e), p = Y(
     void 0,
     I(() => {
-      e && (o(), f.current = !0);
+      e && (o(), m.current = !0);
     }, [e, o])
   );
   return V(() => {
     const s = L.current;
-    s && (a ? s.style.setProperty(y, `${R}px`) : e || s.style.removeProperty(y));
-  }, [R, a, e]), b(() => {
-    if (!a) return void v(0);
+    s && (a ? s.style.setProperty(y, `${v}px`) : e || s.style.removeProperty(y));
+  }, [v, a, e]), b(() => {
+    if (!a) return void R(0);
     const s = u.current;
     if (!s) return;
     const t = new ResizeObserver((H) => {
       for (const P of H)
-        P.target === s && v(s.offsetHeight || 0);
+        P.target === s && R(s.offsetHeight || 0);
     });
     return t.observe(s), () => {
       t.unobserve(s), t.disconnect();
     };
   }, [a]), b(() => {
     var s, t;
-    e ? (s = m.current) == null || s.focus() : (T.current !== e && !f.current && ((t = u.current) == null || t.focus()), f.current = !1), T.current = e;
-  }, [e, m]), /* @__PURE__ */ r("div", { ref: L, className: j, children: O ? /* @__PURE__ */ r(X, { children: [
+    e ? (s = p.current) == null || s.focus() : (T.current !== e && !m.current && ((t = u.current) == null || t.focus()), m.current = !1), T.current = e;
+  }, [e, p]), /* @__PURE__ */ r("div", { ref: L, className: j, children: O ? /* @__PURE__ */ r(X, { children: [
     /* @__PURE__ */ r(
       B,
       {
-        className: n(p, g, { [C]: d }),
+        className: n(N, k, { [A]: d }),
         disabled: e,
         fullWidth: E,
-        "aria-controls": N,
+        "aria-controls": f,
         "aria-expanded": e,
         "aria-hidden": e,
         onClick: o,
@@ -49,40 +49,40 @@ const ne = ({ renderHeader: c, children: O, filled: d, fullWidth: E, inFlow: S,
         ...l,
         children: [
           /* @__PURE__ */ r("span", { className: "adyen-pe-visually-hidden", children: _.get("expandableCard.expand") }),
-          /* @__PURE__ */ r("div", { className: n(A, D), children: c }),
-          /* @__PURE__ */ r("div", { className: k, children: /* @__PURE__ */ r(U, { role: "presentation" }) })
+          /* @__PURE__ */ r("div", { className: n(C, g), children: c }),
+          /* @__PURE__ */ r("div", { className: D, children: /* @__PURE__ */ r(U, { role: "presentation" }) })
         ]
       }
     ),
     /* @__PURE__ */ r(
       B,
       {
-        id: N,
-        className: n(p, g, q, {
-          [C]: d,
-          [G]: !e,
-          [M]: a
+        id: f,
+        className: n(N, k, q, {
+          [A]: d,
+          [M]: !e,
+          [G]: a
         }),
         disabled: !e,
         fullWidth: E,
-        "aria-controls": N,
+        "aria-controls": f,
         "aria-expanded": e,
         "aria-hidden": !e,
         onClick: o,
-        ref: m,
+        ref: p,
         "data-testid": "collapse-button",
         ...l,
         children: [
           /* @__PURE__ */ r("span", { className: "adyen-pe-visually-hidden", children: _.get("expandableCard.collapse") }),
-          /* @__PURE__ */ r("div", { className: n(A, D), children: [
+          /* @__PURE__ */ r("div", { className: n(C, g), children: [
             c,
             /* @__PURE__ */ r("div", { children: O })
           ] }),
-          /* @__PURE__ */ r("div", { className: k, children: /* @__PURE__ */ r(z, { role: "presentation" }) })
+          /* @__PURE__ */ r("div", { className: D, children: /* @__PURE__ */ r(z, { role: "presentation" }) })
         ]
       }
     )
-  ] }) : /* @__PURE__ */ r("div", { className: n(p, { [C]: d }), ...l, children: /* @__PURE__ */ r("div", { className: A, children: c }) }) });
+  ] }) : /* @__PURE__ */ r("div", { className: n(N, { [A]: d }), ...l, children: /* @__PURE__ */ r("div", { className: C, children: c }) }) });
 };
 export {
   ne as default

package/dist/es/components/internal/FilterBar/components/FilterButton/FilterButton.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import d from "../../../Button/hooks/useButton.js";
-import { TypographyElement as T, TypographyVariant as y } from "../../../Typography/types.js";
+import { TypographyVariant as T, TypographyElement as y } from "../../../Typography/types.js";
 import N from "../../../Typography/Typography.js";
 import { useMemo as s } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 /* empty css                  */
@@ -10,7 +10,7 @@ import { parseBooleanProp as h } from "../../../../../utils/preact/props.js";
 const F = "adyen-pe-filter-button";
 function g(o, a) {
   const { className: t, classNameModifiers: i = [], children: m, disabled: r, onClick: n, ...l } = o, c = s(() => b("", t) || "", [t]), p = s(() => h(r), [r]), { classes: u, click: f } = d(c, i, F, p, o, n);
-  return /* @__PURE__ */ e("button", { className: u, ref: a, onClick: f, ...l, children: /* @__PURE__ */ e(N, { el: T.DIV, variant: y.BODY, stronger: !0, children: m }) });
+  return /* @__PURE__ */ e("button", { className: u, ref: a, onClick: f, ...l, children: /* @__PURE__ */ e(N, { el: y.DIV, variant: T.BODY, stronger: !0, children: m }) });
 }
 const _ = B(g);
 export {