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

package/dist/es/components/external/TransactionsOverview/components/TransactionsOverviewContainer/TransactionsOverviewContainer.js

@@ -1,27 +1,27 @@
 import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useSetupEndpoint as g } from "../../../../../hooks/useSetupEndpoint/useSetupEndpoint.js";
-import { useFetch as h } from "../../../../../hooks/useFetch/useFetch.js";
-import { TransactionsOverview as f } from "../TransactionsOverview/TransactionsOverview.js";
-import { useCallback as A, useMemo as a } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import d from "../../../../../core/Auth/useAuthContext.js";
+import { useFetch as d } from "../../../../../hooks/useFetch/useFetch.js";
+import { TransactionsOverview as h } from "../TransactionsOverview/TransactionsOverview.js";
+import { useCallback as f, useMemo as a } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import A from "../../../../../core/Auth/useAuthContext.js";
 import p from "classnames";
-import { ErrorMessageDisplay as s } from "../../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
+import { ErrorMessageDisplay as i } from "../../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
 import { BASE_CLASS as C, WITH_ERROR_CLASS as I } from "./constants.js";
 import "./TransactionsOverviewContainer.scss.js";
-import { EMPTY_OBJECT as T } from "../../../../../utils/common/constants.js";
-function F(n) {
-  const { sessionSetupError: c, endpoints: i } = d(), r = g("getBalanceAccounts"), { data: e, isFetching: u } = h({
-    fetchOptions: { enabled: !!i.getBalanceAccounts, keepPrevData: !0 },
-    queryFn: A(async () => r(T), [r])
+import { EMPTY_OBJECT as v } from "../../../../../utils/common/constants.js";
+function R(n) {
+  const { sessionSetupError: r, endpoints: s } = A(), c = g("getBalanceAccounts"), { data: e, isFetching: m } = d({
+    fetchOptions: { enabled: !!s.getBalanceAccounts, keepPrevData: !0 },
+    queryFn: f(async () => c(v), [c])
   }), t = a(
-    () => e == null ? void 0 : e.balanceAccounts.filter((m) => n.balanceAccountId ? m.id === n.balanceAccountId : !0),
-    [e == null ? void 0 : e.balanceAccounts, n.balanceAccountId]
-  ), l = a(
-    () => !!n.balanceAccountId && !!(e != null && e.balanceAccounts.length) && (t == null ? void 0 : t.length) === 0,
-    [t == null ? void 0 : t.length, e == null ? void 0 : e.balanceAccounts.length, n.balanceAccountId]
+    () => e == null ? void 0 : e.data.filter((l) => n.balanceAccountId ? l.id === n.balanceAccountId : !0),
+    [e == null ? void 0 : e.data, n.balanceAccountId]
+  ), u = a(
+    () => !!n.balanceAccountId && !!(e != null && e.data.length) && (t == null ? void 0 : t.length) === 0,
+    [t == null ? void 0 : t.length, e == null ? void 0 : e.data.length, n.balanceAccountId]
   );
-  return /* @__PURE__ */ o("div", { className: p(C, { [I]: c }), children: c ? /* @__PURE__ */ o(
-    s,
+  return /* @__PURE__ */ o("div", { className: p(C, { [I]: r }), children: r ? /* @__PURE__ */ o(
+    i,
     {
       withImage: !0,
       centered: !0,
@@ -29,16 +29,16 @@ function F(n) {
       message: ["weCouldNotLoadTheTransactionsOverview", "tryRefreshingThePageOrComeBackLater"],
       refreshComponent: !0
     }
-  ) : l ? /* @__PURE__ */ o(
-    s,
+  ) : u ? /* @__PURE__ */ o(
+    i,
     {
       withImage: !0,
       centered: !0,
       title: "somethingWentWrong",
       message: ["weCouldNotLoadTheTransactionsOverview", "theSelectedBalanceAccountIsIncorrect"]
     }
-  ) : /* @__PURE__ */ o(f, { ...n, balanceAccounts: t, isLoadingBalanceAccount: u }) });
+  ) : /* @__PURE__ */ o(h, { ...n, balanceAccounts: t, isLoadingBalanceAccount: m }) });
 }
 export {
-  F as default
+  R as default
 };

package/dist/es/components/external/TransactionsOverview/components/TransactionsOverviewDateFilter.js

@@ -7,28 +7,28 @@ import P from "../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
 import { EMPTY_OBJECT as S } from "../../../../utils/common/constants.js";
 const _ = ({
   balanceAccount: a,
-  canResetFilters: T,
-  defaultParams: o,
-  filters: C,
-  nowTimestamp: n,
+  canResetFilters: C,
+  defaultParams: n,
+  filters: T,
+  nowTimestamp: o,
   refreshNowTimestamp: D,
   updateFilters: s
 }) => {
-  const { i18n: i } = I(), t = E(() => i.get(o.current.defaultTimeRange), [i]), [g, R] = d(t), l = p(
+  const { i18n: i } = I(), t = E(() => i.get(n.current.defaultTimeRange), [i]), [g, R] = d(t), l = p(
     (r = S) => {
-      for (const [u, m] of Object.entries(r)) {
-        switch (u) {
+      for (const [f, m] of Object.entries(r)) {
+        switch (f) {
           case "selectedPresetOption":
             R(m || t);
             break;
           case c.FROM:
             s({
-              [e.CREATED_SINCE]: m || o.current.defaultFilterParams[e.CREATED_SINCE]
+              [e.CREATED_SINCE]: m || n.current.defaultFilterParams[e.CREATED_SINCE]
             });
             break;
           case c.TO:
             s({
-              [e.CREATED_UNTIL]: m || o.current.defaultFilterParams[e.CREATED_UNTIL]
+              [e.CREATED_UNTIL]: m || n.current.defaultFilterParams[e.CREATED_UNTIL]
             });
             break;
           default:
@@ -39,29 +39,29 @@ const _ = ({
     },
     [t, D, s]
   );
-  E(() => !T && R(t), [T, t]);
-  const f = E(() => {
-    const r = new Date(n);
+  E(() => !C && R(t), [C, t]);
+  const u = E(() => {
+    const r = new Date(o);
     return r.setMonth(r.getMonth() - 24), r.toString();
-  }, [n]);
+  }, [o]);
   return /* @__PURE__ */ O(
     P,
     {
       label: i.get("dateRange"),
       name: e.CREATED_SINCE,
-      sinceDate: f,
-      untilDate: new Date(n).toString(),
-      from: C[e.CREATED_SINCE],
-      to: C[e.CREATED_UNTIL],
+      sinceDate: u,
+      untilDate: new Date(o).toString(),
+      from: T[e.CREATED_SINCE],
+      to: T[e.CREATED_UNTIL],
       selectedPresetOption: g,
-      timeRangePresetOptions: o.current.timeRangeOptions,
+      timeRangePresetOptions: n.current.timeRangeOptions,
       timezone: a == null ? void 0 : a.timeZone,
       onChange: l,
       showTimezoneInfo: !0,
-      now: n
+      now: o
     }
   );
-}, x = _;
+}, w = _;
 export {
-  x as default
+  w as default
 };

package/dist/es/components/external/TransactionsOverview/components/TransactionsTable/TransactionsTable.js

@@ -1,60 +1,60 @@
 import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import D from "../Category/Category.js";
-import _ from "../../../../../core/Context/useCoreContext.js";
-import { useState as L, useMemo as l, useCallback as N } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { getLabel as C, parsePaymentMethodType as b } from "../utils.js";
+import _ from "../Category/Category.js";
+import L from "../../../../../core/Context/useCoreContext.js";
+import { useState as N, useMemo as l, useCallback as C } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { getLabel as D, parsePaymentMethodType as b } from "../utils.js";
 import { Tag as O } from "../../../../internal/Tag/Tag.js";
 import { TagVariant as v } from "../../../../internal/Tag/types.js";
 import { CellTextPosition as H } from "../../../../internal/DataGrid/types.js";
 import { Image as w } from "../../../../internal/Image/Image.js";
-import F from "../TransactionListError/TransactionListError.js";
-import { getCurrencyCode as P } from "../../../../../core/Localization/amount/amount-util.js";
-import { BASE_CLASS as R, AMOUNT_CLASS as k, PAYMENT_METHOD_CLASS as G, PAYMENT_METHOD_LOGO_CONTAINER_CLASS as I, PAYMENT_METHOD_LOGO_CLASS as Y } from "./constants.js";
+import P from "../TransactionListError/TransactionListError.js";
+import { getCurrencyCode as R } from "../../../../../core/Localization/amount/amount-util.js";
+import { BASE_CLASS as F, AMOUNT_CLASS as x, PAYMENT_METHOD_CLASS as G, PAYMENT_METHOD_LOGO_CONTAINER_CLASS as I, PAYMENT_METHOD_LOGO_CLASS as Y } from "./constants.js";
 import "./TransactionTable.scss.js";
-import { useMediaQuery as x, mediaQueries as $ } from "../../hooks/useMediaQuery.js";
-import p from "../../../../internal/DataGrid/DataGrid.js";
+import { useMediaQuery as k, mediaQueries as $ } from "../../hooks/useMediaQuery.js";
+import d from "../../../../internal/DataGrid/DataGrid.js";
 import { Fragment as W } from "../../../../../external/preact/dist/preact.module.js";
 import B from "../../../../internal/Pagination/Pagination.js";
-const Q = ["creationDate", "paymentMethod", "transactionType", "amount"], lo = ({
+const Q = ["createdAt", "paymentMethod", "transactionType", "amount"], lo = ({
   availableCurrencies: r,
   error: n,
   hasMultipleCurrencies: s,
-  loading: d,
+  loading: p,
   onContactSupport: m,
   onRowClick: u,
   onTransactionSelected: V,
   showDetails: j,
-  showPagination: T,
-  transactions: y,
+  showPagination: y,
+  transactions: T,
   ...f
 }) => {
-  const { i18n: a } = _(), [h, i] = L(), c = x($.down.sm), M = l(
+  const { i18n: a } = L(), [h, c] = N(), i = k($.down.sm), M = l(
     () => Q.map((o) => {
-      const e = a.get(C(o));
+      const e = a.get(D(o));
       return o === "amount" ? {
         key: o,
-        label: s ? e : `${e} ${r && r[0] ? `(${P(r[0])})` : ""}`,
+        label: s ? e : `${e} ${r && r[0] ? `(${R(r[0])})` : ""}`,
         position: o === "amount" ? H.RIGHT : void 0
       } : { key: o, label: e };
-    }).filter((o) => !(c && ["status", "type"].includes(o.key))),
-    [r, s, a, c]
+    }).filter((o) => !(i && ["status", "type"].includes(o.key))),
+    [r, s, a, i]
   ), g = {
     title: "noTransactionsFound",
     message: ["tryDifferentSearchOrResetYourFiltersAndWeWillTryAgain"]
-  }, A = N(
+  }, A = C(
     (o) => {
-      i(o ?? void 0);
+      c(o ?? void 0);
     },
-    [i]
-  ), S = l(() => () => /* @__PURE__ */ t(F, { error: n, onContactSupport: m }), [n, m]);
-  return /* @__PURE__ */ t("div", { className: R, children: /* @__PURE__ */ t(
-    p,
+    [c]
+  ), S = l(() => () => /* @__PURE__ */ t(P, { error: n, onContactSupport: m }), [n, m]);
+  return /* @__PURE__ */ t("div", { className: F, children: /* @__PURE__ */ t(
+    d,
     {
       errorDisplay: S,
       error: n,
       columns: M,
-      data: y,
-      loading: d,
+      data: T,
+      loading: p,
       outline: !1,
       onRowClick: { callback: u },
       onRowHover: A,
@@ -71,12 +71,12 @@ const Q = ["creationDate", "paymentMethod", "transactionType", "amount"], lo = (
         },*/
         transactionType: ({ item: o, rowIndex: e }) => {
           const E = `tooltip.${o.category}`;
-          return o.category ? a.has(E) ? /* @__PURE__ */ t(D, { value: o.category, isContainerHovered: e === h }) : /* @__PURE__ */ t("span", { children: o.category }) : null;
+          return o.category ? a.has(E) ? /* @__PURE__ */ t(_, { value: o.category, isContainerHovered: e === h }) : /* @__PURE__ */ t("span", { children: o.category }) : null;
         },
-        creationDate: ({ value: o }) => a.fullDate(o),
+        createdAt: ({ value: o }) => a.fullDate(o),
         amount: ({ value: o }) => {
           const e = a.amount(o.value, o.currency, { hideCurrency: !s });
-          return /* @__PURE__ */ t("span", { className: k, children: e });
+          return /* @__PURE__ */ t("span", { className: x, children: e });
         },
         paymentMethod: ({ item: o }) => {
           var e;
@@ -94,7 +94,7 @@ const Q = ["creationDate", "paymentMethod", "transactionType", "amount"], lo = (
           ] }) : /* @__PURE__ */ t(O, { label: a.get("noData"), variant: v.WHITE }) });
         }
       },
-      children: T && /* @__PURE__ */ t(p.Footer, { children: /* @__PURE__ */ t(B, { ...f }) })
+      children: y && /* @__PURE__ */ t(d.Footer, { children: /* @__PURE__ */ t(B, { ...f }) })
     }
   ) });
 };

package/dist/es/components/external/TransactionsOverview/components/utils.js

@@ -1,7 +1,7 @@
 const a = {
   id: "paymentId",
   transactionType: "transactionType",
-  creationDate: "date",
+  createdAt: "date",
   balanceAccountId: "balanceAccount",
   accountHolderId: "account",
   fee: "txType.Fee",

package/dist/es/components/external/TransactionsOverview/hooks/useMaxWidths.js

@@ -1,9 +1,9 @@
-import { useState as u, useCallback as x } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { useState as c, useCallback as u } from "../../../../external/preact/hooks/dist/hooks.module.js";
 const W = () => {
-  const [s, r] = u([]), n = x((a) => {
+  const [s, r] = c([]), n = u((a) => {
     r(
-      (o) => a.every((t) => !t) ? a : a.map((t, c) => {
-        const e = o[c];
+      (o) => a.every((t) => !t) ? a : a.map((t, x) => {
+        const e = o[x];
         return !e || t > e ? t : e;
       })
     );

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

@@ -3,11 +3,11 @@ var h = (s, e, t) => e in s ? a(s, e, { enumerable: !0, configurable: !0, writab
 var o = (s, e, t) => (h(s, typeof e != "symbol" ? e + "" : e, t), t);
 import { jsx as i } from "../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import m from "../../core/Auth/AuthProvider.js";
-import c from "../../core/Context/CoreProvider.js";
-import u from "./BaseElement.js";
+import u from "../../core/Context/CoreProvider.js";
+import c from "./BaseElement.js";
 import d from "../../utils/get-image.js";
 import { EMPTY_OBJECT as l } from "../../utils/common/constants.js";
-class f extends u {
+class f extends c {
   constructor(t) {
     super(t);
     o(this, "componentRef");
@@ -73,7 +73,7 @@ class f extends u {
         token: ((n = this.session) == null ? void 0 : n.token) ?? "",
         updateCore: this.props.core.update.bind(this.props.core),
         sessionSetupError: this.sessionSetupError,
-        children: /* @__PURE__ */ i(c, { i18n: this.i18n, loadingContext: this.loadingContext, children: this.componentToRender && /* @__PURE__ */ i("div", { className: "adyen-pe-component", children: this.componentToRender() }) })
+        children: /* @__PURE__ */ i(u, { i18n: this.i18n, loadingContext: this.loadingContext, children: this.componentToRender && /* @__PURE__ */ i("div", { className: "adyen-pe-component", children: this.componentToRender() }) })
       }
     );
   }

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

@@ -1,22 +1,22 @@
 import { jsx as B } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import A from "../Button/hooks/useButton.js";
-import { DEFAULT_BASE_BUTTON_CLASSNAME as N } from "./constants.js";
-import { parseClassName as k } from "../../../utils/class-name-utils.js";
-import { parseBoolean as C } from "../../../utils/common/index.js";
-import { forwardRef as E } from "../../../external/preact/compat/dist/compat.module.js";
+import N from "../Button/hooks/useButton.js";
+import { DEFAULT_BASE_BUTTON_CLASSNAME as A } from "./constants.js";
+import { parseClassName as C } from "../../../utils/class-name-utils.js";
+import { parseBoolean as E } from "../../../utils/common/index.js";
+import { forwardRef as S } from "../../../external/preact/compat/dist/compat.module.js";
 import { useMemo as r } from "../../../external/preact/hooks/dist/hooks.module.js";
 import "./BaseButton.scss.js";
-function S({ disabled: o = !1, onClick: s, classNameModifiers: a = [], type: m = "button", children: e, className: t, fullWidth: n, ...f }, u) {
-  const i = r(() => k("", t) || "", [t]), l = r(() => C(o), [o]), { classes: p, click: c } = A(
+function T({ disabled: o = !1, onClick: s, classNameModifiers: a = [], type: m = "button", children: e, className: t, fullWidth: n, ...u }, f) {
+  const i = r(() => C("", t) || "", [t]), l = r(() => E(o), [o]), { classes: p, click: c } = N(
     i,
     [...a, ...n ? ["full-width"] : []],
-    N,
+    A,
     l,
     s
   );
-  return /* @__PURE__ */ B("button", { className: p, type: m, disabled: o, onClick: c, ref: u, ...f, children: e });
+  return /* @__PURE__ */ B("button", { className: p, type: m, disabled: o, onClick: c, ref: f, ...u, children: e });
 }
-const V = E(S);
+const b = S(T);
 export {
-  V as default
+  b as default
 };

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

@@ -1,7 +1,7 @@
-import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import "./BaseList.scss.js";
 import { BASE_CLASS as s } from "./constants.js";
-const e = ({ children: o }) => /* @__PURE__ */ r("ul", { className: s, children: o });
+const e = ({ children: r }) => /* @__PURE__ */ o("ul", { className: s, children: r });
 export {
   e as BaseList
 };

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

@@ -4,14 +4,14 @@ import { ICON_BUTTON_CLASSNAME as S, ICON_BUTTON_CONTENT_CLASSNAME as B, BUTTON_
 import { TypographyElement as U, TypographyVariant as y } from "../Typography/types.js";
 import I from "../Typography/Typography.js";
 import { parseClassName as h } from "../../../utils/class-name-utils.js";
-import { parseBoolean as $ } from "../../../utils/common/index.js";
-import { forwardRef as d } from "../../../external/preact/compat/dist/compat.module.js";
+import { parseBoolean as d } from "../../../utils/common/index.js";
+import { forwardRef as g } from "../../../external/preact/compat/dist/compat.module.js";
 import { useMemo as p } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { ButtonVariant as g } from "./types.js";
+import { ButtonVariant as V } from "./types.js";
 import "./Button.scss.js";
-import { Fragment as k } from "../../../external/preact/dist/preact.module.js";
+import { Fragment as $ } from "../../../external/preact/dist/preact.module.js";
 function F({
-  variant: n = g.PRIMARY,
+  variant: n = V.PRIMARY,
   disabled: o = !1,
   onClick: T,
   classNameModifiers: l = [],
@@ -23,7 +23,7 @@ function F({
   iconButton: e = !1,
   ...f
 }, A) {
-  const _ = p(() => h("", m) || "", [m]), c = p(() => $(o), [o]), { classes: N, click: u } = C(_, [...l, n], M, c, T);
+  const _ = p(() => h("", m) || "", [m]), c = p(() => d(o), [o]), { classes: N, click: u } = C(_, [...l, n], M, c, T);
   return /* @__PURE__ */ r(
     "button",
     {
@@ -33,7 +33,7 @@ function F({
       onClick: u,
       ref: A,
       ...f,
-      children: e ? /* @__PURE__ */ r("div", { className: `${B}`, children: s }) : /* @__PURE__ */ r(k, { children: [
+      children: e ? /* @__PURE__ */ r("div", { className: `${B}`, children: s }) : /* @__PURE__ */ r($, { children: [
         a && /* @__PURE__ */ r("span", { className: O, children: a }),
         /* @__PURE__ */ r(I, { className: E, el: U.SPAN, variant: y.BODY, stronger: !0, children: s }),
         t && /* @__PURE__ */ r("span", { className: L, children: t })
@@ -41,7 +41,7 @@ function F({
     }
   );
 }
-const q = d(F);
+const H = g(F);
 export {
-  q as default
+  H as default
 };

package/dist/es/components/internal/Button/hooks/useButton.js

@@ -11,7 +11,7 @@ const c = (s, e, r, u, t) => {
     () => p(r, e, [r, s]),
     [e, s]
   ), click: f };
-}, v = c;
+}, g = c;
 export {
-  v as default
+  g as default
 };

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

@@ -3,7 +3,7 @@ import { memo as s } from "../../../../../external/preact/compat/dist/compat.mod
 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);
+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)) }), g = s(e);
 export {
-  x as default
+  g as default
 };

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

@@ -5,7 +5,7 @@ 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) => {
+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,17 +23,17 @@ 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 = t(r.className, m, _), { children: D, className: h, ...C } = r.childProps || l, f = t(r.childClassName, i, h);
   return /* @__PURE__ */ c("th", { ...N, ...d, className: E, children: /* @__PURE__ */ c("abbr", { ...C, className: f, children: p }) });
 }, G = y(
-  P,
+  A,
   n({
     block: n.exclude,
     flags: (a) => +a

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

@@ -1,4 +1,4 @@
-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";
@@ -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/useTimezone.js

@@ -18,9 +18,9 @@ const { getTimezoneTime: S, getUsedTimezone: F } = (() => {
       typeof m != "symbol" && i(m.timestamp);
     }) : a;
   }, [i, e]), { clockTime: o, GMTOffset: f, timestamp: t, timezone: r };
-}, D = O;
+}, h = O;
 export {
-  D as default,
+  h as default,
   S as getTimezoneTime,
   F as getUsedTimezone
 };

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

@@ -8,8 +8,8 @@ import { CellTextPosition as c } from "./types.js";
 import w from "./components/SkeletonBody.js";
 import { ErrorMessageDisplay as N } from "../ErrorMessageDisplay/ErrorMessageDisplay.js";
 import { useMemo as m } from "../../../external/preact/hooks/dist/hooks.module.js";
-import C from "../../../images/no-data-female.svg.js";
-const G = Object.freeze({
+import T from "../../../images/no-data-female.svg.js";
+const S = Object.freeze({
   activeIndex: -1,
   index: -1
 });
@@ -42,14 +42,14 @@ function g({ errorDisplay: e, ...a }) {
               },
               t.key
             )) }) }),
-            /* @__PURE__ */ d(R, { ...a, emptyBody: n })
+            /* @__PURE__ */ d(C, { ...a, emptyBody: n })
           ] }),
           u && (a.error && e ? e() : /* @__PURE__ */ d(
             N,
             {
               title: ((r = a.emptyTableMessage) == null ? void 0 : r.title) ?? "thereAreNoResults",
               message: (i = a.emptyTableMessage) == null ? void 0 : i.message,
-              imageDesktop: C,
+              imageDesktop: T,
               centered: !0
             }
           ))
@@ -59,7 +59,7 @@ function g({ errorDisplay: e, ...a }) {
     }
   );
 }
-function R(e) {
+function C(e) {
   const a = m(() => e.loading || e.emptyBody || e.error, [e.emptyBody, e.error, e.loading]);
   return /* @__PURE__ */ d("tbody", { className: o("adyen-pe-data-grid__body"), children: a ? /* @__PURE__ */ d(w, { columnsNumber: e.columns.length, loading: e.loading }) : e.onRowClick ? /* @__PURE__ */ d(
     b,
@@ -90,6 +90,6 @@ g.defaultProps = {
   scrollable: !0
 };
 export {
-  G as INITIAL_STATE,
+  S as INITIAL_STATE,
   g as default
 };

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

@@ -5,17 +5,17 @@ import { noop as t } from "../../../../utils/common/index.js";
 import { useCallback as d } from "../../../../external/preact/hooks/dist/hooks.module.js";
 import { useInteractiveDataGrid as b } from "../hooks/useInteractiveDataGrid.js";
 import { Fragment as I } from "../../../../external/preact/dist/preact.module.js";
-const T = ({
+const M = ({
   data: s,
-  columns: n,
+  columns: c,
   onRowClick: o,
-  customCells: u,
+  customCells: n,
   onRowHover: e
 }) => {
   const y = d(
     (r) => () => o == null ? void 0 : o.callback(o != null && o.retrievedField ? r[o.retrievedField] : r),
     [o]
-  ), { i18n: p } = F(), { currentIndex: f, listeners: c, ref: g } = b({ totalRows: (s == null ? void 0 : s.length) ?? 0 });
+  ), { i18n: p } = F(), { currentIndex: f, listeners: u, ref: g } = b({ totalRows: (s == null ? void 0 : s.length) ?? 0 });
   return /* @__PURE__ */ l(I, { children: s == null ? void 0 : s.map((r, a) => /* @__PURE__ */ l(
     "tr",
     {
@@ -28,13 +28,13 @@ const T = ({
       "data-index": a,
       className: "adyen-pe-data-grid__row adyen-pe-data-grid__row--clickable",
       onClick: y(r),
-      onFocusCapture: c.onFocusCapture(a),
-      onKeyDownCapture: c.onKeyDownCapture,
-      children: /* @__PURE__ */ l(h, { columns: n, customCells: u, item: r, rowIndex: a })
+      onFocusCapture: u.onFocusCapture(a),
+      onKeyDownCapture: u.onKeyDownCapture,
+      children: /* @__PURE__ */ l(h, { columns: c, customCells: n, item: r, rowIndex: a })
     },
     r
   )) });
 };
 export {
-  T as InteractiveBody
+  M as InteractiveBody
 };