@adyen/adyen-platform-experience-web 1.3.1 → 1.4.0

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

@@ -1,71 +1,70 @@
 import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useState as x, useCallback as F, useMemo as Y } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import k from "../Category/Category.js";
-import H from "../../../../internal/DataOverviewError/DataOverviewError.js";
-import $ from "../../../../../core/Context/useCoreContext.js";
+import { useState as F, useCallback as Y, useMemo as k } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import x from "../Category/Category.js";
+import $ from "../../../../internal/DataOverviewError/DataOverviewError.js";
+import H from "../../../../../core/Context/useCoreContext.js";
 import { getCurrencyCode as I } from "../../../../../core/Localization/amount/amount-util.js";
 import P from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
-import { CellTextPosition as V } from "../../../../internal/DataGrid/types.js";
 import { TypographyVariant as n } from "../../../../internal/Typography/types.js";
 import a from "../../../../internal/Typography/Typography.js";
-import { useResponsiveViewport as d, mediaQueries as p } from "../../../../../hooks/useResponsiveViewport.js";
-import { BASE_CLASS as B, AMOUNT_CLASS as G, DATE_AND_PAYMENT_METHOD_CLASS as U, DATE_METHOD_CLASS as W } from "./constants.js";
+import { useResponsiveContainer as d, containerQueries as c } from "../../../../../hooks/useResponsiveContainer.js";
+import { BASE_CLASS as B, AMOUNT_CLASS as U, DATE_AND_PAYMENT_METHOD_CLASS as G, DATE_METHOD_CLASS as W } from "./constants.js";
 /* empty css                      */
 import A from "./PaymentMethodCell.js";
 import { useTableColumns as j } from "../../../../../hooks/useTableColumns.js";
 import f from "../../../../internal/DataGrid/DataGrid.js";
 import { DATE_FORMAT_TRANSACTIONS_MOBILE as q, DATE_FORMAT_TRANSACTIONS as z } from "../../../../../constants/dateFormats.js";
 import K from "../../../../internal/Pagination/Pagination.js";
-const Q = ["createdAt", "paymentMethod", "transactionType", "amount"], fo = ({
+const Q = ["createdAt", "paymentMethod", "transactionType", "amount"], yo = ({
   activeBalanceAccount: s,
   availableCurrencies: i,
   error: m,
-  hasMultipleCurrencies: c,
+  hasMultipleCurrencies: p,
   loading: h,
   onContactSupport: l,
-  onRowClick: M,
-  showDetails: X,
+  onRowClick: C,
+  showDetails: V,
   showPagination: g,
-  transactions: D,
-  customColumns: S,
-  ...C
+  transactions: M,
+  customColumns: D,
+  ...S
 }) => {
-  const { i18n: e } = $(), { dateFormat: T } = P(s == null ? void 0 : s.timeZone), [_, u] = x(), y = d(p.up.sm), E = d(p.up.md), O = d(p.down.xs), w = e.get("amount"), N = j({
+  const { i18n: e } = H(), { dateFormat: u } = P(s == null ? void 0 : s.timeZone), [_, T] = F(), y = d(c.up.sm), E = d(c.up.md), O = d(c.down.xs), N = e.get("amount"), b = j({
     fields: Q,
-    customColumns: S,
+    customColumns: D,
     columnConfig: {
       amount: {
-        label: c ? void 0 : `${w} ${i && i[0] ? `(${I(i[0])})` : ""}`,
-        position: V.RIGHT,
+        label: p ? void 0 : `${N} ${i && i[0] ? `(${I(i[0])})` : ""}`,
+        position: "right",
         flex: y ? 1.5 : void 0
       },
       transactionType: { visible: E },
       paymentMethod: { visible: y }
     }
-  }), R = {
+  }), v = {
     title: "noTransactionsFound",
     message: ["tryDifferentSearchOrResetYourFiltersAndWeWillTryAgain"]
-  }, b = F(
+  }, R = Y(
     (o) => {
-      u(o ?? void 0);
+      T(o ?? void 0);
     },
-    [u]
-  ), v = Y(
-    () => () => /* @__PURE__ */ t(H, { error: m, onContactSupport: l, errorMessage: "weCouldNotLoadYourTransactions" }),
+    [T]
+  ), w = k(
+    () => () => /* @__PURE__ */ t($, { error: m, onContactSupport: l, errorMessage: "weCouldNotLoadYourTransactions" }),
     [m, l]
   );
   return /* @__PURE__ */ t("div", { className: B, children: /* @__PURE__ */ t(
     f,
     {
-      errorDisplay: v,
+      errorDisplay: w,
       error: m,
-      columns: N,
-      data: D,
+      columns: b,
+      data: M,
       loading: h,
       outline: !1,
-      onRowClick: { callback: M },
-      onRowHover: b,
-      emptyTableMessage: R,
+      onRowClick: { callback: C },
+      onRowHover: R,
+      emptyTableMessage: v,
       customCells: {
         // Remove status column temporarily
         /* status: ({ value }) => {
@@ -78,23 +77,23 @@ const Q = ["createdAt", "paymentMethod", "transactionType", "amount"], fo = ({
         },*/
         transactionType: ({ item: o, rowIndex: r }) => {
           const L = `tooltip.${o.category}`;
-          return o.category ? e.has(L) ? /* @__PURE__ */ t(k, { isContainerHovered: r === _, value: o.category }) : /* @__PURE__ */ t(a, { variant: n.BODY, children: e.has(`txType.${o.category}`) ? e.get(`txType.${o.category}`) : `${o.category}` }) : null;
+          return o.category ? e.has(L) ? /* @__PURE__ */ t(x, { isContainerHovered: r === _, value: o.category }) : /* @__PURE__ */ t(a, { variant: n.BODY, children: e.has(`txType.${o.category}`) ? e.get(`txType.${o.category}`) : `${o.category}` }) : null;
         },
         amount: ({ value: o }) => {
-          const r = e.amount(o.value, o.currency, { hideCurrency: !c });
-          return /* @__PURE__ */ t(a, { variant: n.BODY, className: G, children: r });
+          const r = e.amount(o.value, o.currency, { hideCurrency: !p });
+          return /* @__PURE__ */ t(a, { variant: n.BODY, className: U, children: r });
         },
-        createdAt: ({ item: o, value: r }) => O ? /* @__PURE__ */ t("div", { className: U, children: [
+        createdAt: ({ item: o, value: r }) => O ? /* @__PURE__ */ t("div", { className: G, children: [
           /* @__PURE__ */ t(A, { paymentMethod: o.paymentMethod, bankAccount: o.bankAccount }),
-          /* @__PURE__ */ t(a, { variant: n.BODY, className: W, children: T(o.createdAt, q) })
-        ] }) : /* @__PURE__ */ t(a, { variant: n.BODY, children: T(r, z) }),
+          /* @__PURE__ */ t(a, { variant: n.BODY, className: W, children: u(o.createdAt, q) })
+        ] }) : /* @__PURE__ */ t(a, { variant: n.BODY, children: u(r, z) }),
         paymentMethod: ({ item: o }) => /* @__PURE__ */ t(A, { paymentMethod: o.paymentMethod, bankAccount: o.bankAccount })
       },
-      children: g && /* @__PURE__ */ t(f.Footer, { children: /* @__PURE__ */ t(K, { ...C }) })
+      children: g && /* @__PURE__ */ t(f.Footer, { children: /* @__PURE__ */ t(K, { ...S }) })
     }
   ) });
 };
 export {
   Q as TRANSACTION_FIELDS,
-  fo as TransactionsTable
+  yo as TransactionsTable
 };

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

@@ -1,22 +1,24 @@
 var m = Object.defineProperty;
-var p = (o, e, t) => e in o ? m(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var s = (o, e, t) => p(o, typeof e != "symbol" ? e + "" : e, t);
-import { jsx as i } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import l from "../../../core/Context/CoreProvider.js";
-import c from "../BaseElement.js";
+var p = (s, e, t) => e in s ? m(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var o = (s, e, t) => p(s, typeof e != "symbol" ? e + "" : e, t);
+import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import c from "../../../core/Context/CoreProvider.js";
+import l from "../BaseElement.js";
 /* empty css               */
-import u from "classnames";
-import { ConfigProvider as h } from "../../../core/ConfigContext/context.js";
-class x extends c {
+import h from "classnames";
+import { createRef as d } from "../../../external/preact/dist/preact.module.js";
+import { ConfigProvider as u } from "../../../core/ConfigContext/context.js";
+class N extends l {
   constructor(t) {
     super(t);
-    s(this, "componentRef", null);
-    s(this, "componentToRender", null);
-    s(this, "elementRef");
-    s(this, "onContactSupport");
-    s(this, "customClassNames");
-    s(this, "setUIElementStatus");
-    this.setState = this.setState.bind(this), this.onContactSupport = t.onContactSupport, this.elementRef = this;
+    o(this, "componentRef", null);
+    o(this, "componentToRender", null);
+    o(this, "elementRef");
+    o(this, "onContactSupport");
+    o(this, "customClassNames");
+    o(this, "compRef");
+    o(this, "setUIElementStatus");
+    this.setState = this.setState.bind(this), this.onContactSupport = t.onContactSupport, this.elementRef = this, this.compRef = d();
   }
   get isValid() {
     return !!this.state.isValid;
@@ -54,25 +56,26 @@ class x extends c {
   setState(t) {
     this.state = { ...this.state, ...t };
   }
-  setStatus(t, n) {
-    var r, a;
-    return (r = this.componentRef) != null && r.setStatus ? this.componentRef.setStatus(t, n) : (a = this.setUIElementStatus) == null || a.call(this, t), this;
+  setStatus(t, i) {
+    var n, a;
+    return (n = this.componentRef) != null && n.setStatus ? this.componentRef.setStatus(t, i) : (a = this.setUIElementStatus) == null || a.call(this, t), this;
   }
   render() {
-    const t = this.props.core, n = t.update.bind(t), r = this.props.onError || t.onError || null;
-    return t.session.errorHandler = r, /* @__PURE__ */ i(h, { type: this.type, session: t.session, children: /* @__PURE__ */ i(
-      l,
+    const t = this.props.core, i = t.update.bind(t), n = this.props.onError || t.onError || null;
+    return t.session.errorHandler = n, /* @__PURE__ */ r(u, { type: this.type, session: t.session, children: /* @__PURE__ */ r(
+      c,
       {
         i18n: t.localization.i18n,
         loadingContext: t.loadingContext,
-        updateCore: n,
-        externalErrorHandler: r,
-        children: this.componentToRender && /* @__PURE__ */ i("div", { className: u("adyen-pe-component", this.customClassNames), children: this.componentToRender() })
+        updateCore: i,
+        externalErrorHandler: n,
+        componentRef: this.compRef,
+        children: this.componentToRender && /* @__PURE__ */ r("div", { ref: this.compRef, className: h("adyen-pe-component", this.customClassNames), children: /* @__PURE__ */ r("div", { className: "adyen-pe-component__container", children: this.componentToRender() }) })
       }
     ) }, performance.now());
   }
 }
 export {
-  x as UIElement,
-  x as default
+  N as UIElement,
+  N as default
 };

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

@@ -1,22 +1,22 @@
-import { jsx as C } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import h from "../Button/hooks/useButton.js";
-import { DEFAULT_BUTTON_CLASSNAME as p } from "../Button/constants.js";
-import { ButtonVariant as A } from "../Button/types.js";
+import { jsx as A } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import C from "../Button/hooks/useButton.js";
+import { DEFAULT_BUTTON_CLASSNAME as N, BUTTON_ANCHOR_CLASSNAME as B } from "../Button/constants.js";
+import { ButtonVariant as h } from "../Button/types.js";
 import { useMemo as t } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { fixedForwardRef as B } from "../../../utils/preact/fixedForwardRef.js";
-import { parseClassName as N } from "../../../utils/preact/className.js";
+import { fixedForwardRef as p } from "../../../utils/preact/fixedForwardRef.js";
+import { parseClassName as T } from "../../../utils/preact/className.js";
 import { parseBooleanProp as k } from "../../../utils/preact/props.js";
 const M = (o, n) => {
-  const { variant: i = A.PRIMARY, disabled: a = !1, onClick: l, classNameModifiers: m = [], className: e } = o, c = t(() => N("", e) || "", [e]), f = t(() => k(a), [a]), { click: r, allChildren: u, allProps: s } = h(
+  const { variant: i = h.PRIMARY, disabled: a = !1, onClick: l, classNameModifiers: m = [], className: e } = o, c = t(() => T("", e) || "", [e]), f = t(() => k(a), [a]), { click: r, allChildren: u, allProps: s } = C(
     c,
     [...m, i],
-    p,
+    `${N} ${B}`,
     f,
     o,
     l
   ), d = t(() => ({ ...s, ...o.onClick && r ? { onClick: r } : {} }), [r, s, o.onClick]);
-  return /* @__PURE__ */ C("a", { ...d, href: o.href, ref: n, children: u });
-}, L = B(M);
+  return /* @__PURE__ */ A("a", { ...d, href: o.href, ref: n, children: u });
+}, U = p(M);
 export {
-  L as default
+  U as default
 };

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

@@ -1,24 +1,24 @@
 import { jsx as n } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import s from "./hooks/useButton.js";
-import { DEFAULT_BUTTON_CLASSNAME as c } from "./constants.js";
-import { useMemo as a } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { ButtonVariant as f } from "./types.js";
+import c from "./hooks/useButton.js";
+import { DEFAULT_BUTTON_CLASSNAME as f } from "./constants.js";
+import { useMemo as o } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { ButtonVariant as u } from "./types.js";
 /* empty css            */
-import { fixedForwardRef as u } from "../../../utils/preact/fixedForwardRef.js";
-import { parseClassName as d } from "../../../utils/preact/className.js";
-import { parseBooleanProp as N } from "../../../utils/preact/props.js";
-function B(t, o) {
-  const e = a(() => d("", t.className) || "", [t.className]), i = a(() => N(t.disabled || !1), [t.disabled]), { click: m, allChildren: r, allProps: l } = s(
+import { fixedForwardRef as d } from "../../../utils/preact/fixedForwardRef.js";
+import { parseClassName as N } from "../../../utils/preact/className.js";
+import { parseBooleanProp as B } from "../../../utils/preact/props.js";
+function b(t, a) {
+  const e = o(() => N("", t.className) || "", [t.className]), r = o(() => B(t.disabled || !1), [t.disabled]), { click: s, allChildren: i, allProps: l } = c(
     e,
-    [...t.classNameModifiers || [], t.variant || f.PRIMARY],
-    c,
-    i,
+    [...t.classNameModifiers || [], t.variant || u.PRIMARY],
+    f,
+    r,
     t,
     t.onClick
-  );
-  return /* @__PURE__ */ n("button", { ...l, ref: o, type: t.type || "button", onClick: m, children: r });
+  ), { classNameModifiers: A, ...m } = l;
+  return /* @__PURE__ */ n("button", { ...m, ref: a, type: t.type || "button", onClick: s, children: i });
 }
-const V = u(B);
+const y = d(b);
 export {
-  V as default
+  y as default
 };

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

@@ -1,22 +1,24 @@
-import { jsx as i } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as a } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { ButtonActionsLayout as c } from "./types.js";
-import { BUTTON_ACTION_CLASSNAME as o, BUTTON_ACTION_CONTAINER_CLASSNAME as d } from "../constants.js";
-import { ButtonVariant as a } from "../types.js";
+import { BUTTON_ACTION_CLASSNAME as i, BUTTON_ACTION_CONTAINER_CLASSNAME as d } from "../constants.js";
+import { ButtonVariant as s } from "../types.js";
 /* empty css                   */
-import { memo as A } from "../../../../external/preact/compat/dist/compat.module.js";
-import { useMemo as N } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { memo as N } from "../../../../external/preact/compat/dist/compat.module.js";
+import { useMemo as A } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import p from "classnames";
 import T from "../Button.js";
-function p({ actions: t, layout: s = c.BUTTONS_END }) {
-  const n = () => `${o}--${s}`, l = (e) => {
+function f({ actions: t, layout: o = c.BUTTONS_END }) {
+  const l = () => `${i}--${o}`, m = (e) => {
     const r = t.length - 1;
-    return e === r ? a.PRIMARY : a.SECONDARY;
-  }, m = N(() => [...t].reverse(), [t]);
-  return /* @__PURE__ */ i("div", { className: o, children: /* @__PURE__ */ i("div", { className: `${d} ${n()}`, role: "group", children: m.map((e, r) => /* @__PURE__ */ i(
+    return e === r ? s.PRIMARY : s.SECONDARY;
+  }, n = A(() => [...t].reverse(), [t]);
+  return /* @__PURE__ */ a("div", { className: i, children: /* @__PURE__ */ a("div", { className: `${d} ${l()}`, role: "group", children: n.map((e, r) => /* @__PURE__ */ a(
     T,
     {
+      className: p(e.classNames),
       "aria-label": e.title,
       disabled: e.disabled,
-      variant: e.variant || l(r),
+      variant: e.variant || m(r),
       onClick: e.event,
       state: e.state ?? "default",
       children: e.renderTitle ? e.renderTitle(e.title) : e.title
@@ -24,7 +26,7 @@ function p({ actions: t, layout: s = c.BUTTONS_END }) {
     `${r}_${e.title || "0"}`
   )) }) });
 }
-const I = A(p);
+const E = N(f);
 export {
-  I as default
+  E as default
 };

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

@@ -1,51 +1,51 @@
 import { jsx as o } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import g from "classnames";
-import { useState as k, useEffect as m } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import x from "../../../../core/Context/useCoreContext.js";
-import { useResponsiveViewport as B, mediaQueries as y } from "../../../../hooks/useResponsiveViewport.js";
-import h from "../../SVGIcons/Download.js";
+import _ from "classnames";
+import { useState as g, useEffect as m } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import k from "../../../../core/Context/useCoreContext.js";
+import { useResponsiveContainer as x, containerQueries as B } from "../../../../hooks/useResponsiveContainer.js";
+import w from "../../SVGIcons/Download.js";
 import v from "../Button.js";
 import { ButtonVariant as b } from "../types.js";
-import C from "./useDownload.js";
+import y from "./useDownload.js";
 /* empty css                    */
-import L from "../../Spinner/Spinner.js";
-function E({ blob: r, filename: c }) {
-  const t = document.createElement("a"), n = URL.createObjectURL(r);
-  t.href = n, t.download = c || "download";
-  const a = () => {
+import C from "../../Spinner/Spinner.js";
+function N({ blob: r, filename: c }) {
+  const t = document.createElement("a"), a = URL.createObjectURL(r);
+  t.href = a, t.download = c || "download";
+  const n = () => {
     setTimeout(() => {
-      URL.revokeObjectURL(n);
+      URL.revokeObjectURL(a);
     }, 150);
   };
-  t.addEventListener("click", a, { once: !0 }), t.click();
+  t.addEventListener("click", n, { once: !0 }), t.click();
 }
-function Y({ className: r, disabled: c, endpointName: t, params: n, setError: a, errorDisplay: f, onDownloadRequested: d }) {
-  const { i18n: p } = x(), [s, u] = k(!1), _ = B(y.down.xs), { data: l, error: i, isFetching: e } = C(t, n, s);
+function D({ className: r, disabled: c, endpointName: t, params: a, setError: n, errorDisplay: f, onDownloadRequested: d }) {
+  const { i18n: u } = k(), [s, p] = g(!1), L = x(B.down.xs), { data: l, error: i, isFetching: e } = y(t, a, s);
   m(() => {
-    s && u(!1);
+    s && p(!1);
   }, [s]), m(() => {
-    l && E(l);
+    l && N(l);
   }, [l]), m(() => {
-    a && i && a(i);
-  }, [i]);
-  const w = () => {
-    u(!0), d == null || d();
+    n && i && n(i);
+  }, [i, n]);
+  const h = () => {
+    p(!0), d == null || d();
   };
   return /* @__PURE__ */ o("div", { className: "adyen-pe-download", children: [
-    _ ? /* @__PURE__ */ o(v, { iconButton: !0, variant: b.TERTIARY, onClick: w, children: e ? /* @__PURE__ */ o(L, { size: "small" }) : /* @__PURE__ */ o(h, {}) }) : /* @__PURE__ */ o(
+    L ? /* @__PURE__ */ o(v, { iconButton: !0, variant: b.TERTIARY, onClick: h, children: e ? /* @__PURE__ */ o(C, { size: "small" }) : /* @__PURE__ */ o(w, {}) }) : /* @__PURE__ */ o(
       v,
       {
-        className: g("adyen-pe-download__button", { "adyen-pe-download__button--loading": e }, r),
+        className: _("adyen-pe-download__button", { "adyen-pe-download__button--loading": e }, r),
         disabled: c || e,
         variant: b.SECONDARY,
-        onClick: w,
-        iconLeft: e ? /* @__PURE__ */ o(L, { size: "small" }) : /* @__PURE__ */ o(h, {}),
-        children: e ? `${p.get("downloading")}..` : p.get("download")
+        onClick: h,
+        iconLeft: e ? /* @__PURE__ */ o(C, { size: "small" }) : /* @__PURE__ */ o(w, {}),
+        children: e ? `${u.get("downloading")}..` : u.get("download")
       }
     ),
     i && f && /* @__PURE__ */ o("div", { className: "adyen-pe-download__error", children: f })
   ] });
 }
 export {
-  Y as default
+  D as default
 };

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

@@ -1,14 +1,15 @@
-const N = "adyen-pe-button", _ = `${N}-actions`, T = `${N}--icon`, A = `${N}--icon-content`, n = `${_}__container-wrapper`, S = `${N}__label`, o = `${N}__icon-right`, t = `${N}__icon-left`, O = `${N}--condensed`, C = `${N}--full-width`, c = `${N}--loading`;
+const _ = "adyen-pe-button", T = "adyen-pe-button__anchor", N = `${_}-actions`, A = `${_}--icon`, n = `${_}--icon-content`, o = `${N}__container-wrapper`, S = `${_}__label`, t = `${_}__icon-right`, O = `${_}__icon-left`, C = `${_}--condensed`, c = `${_}--full-width`, E = `${_}--loading`;
 export {
-  _ as BUTTON_ACTION_CLASSNAME,
-  n as BUTTON_ACTION_CONTAINER_CLASSNAME,
-  O as BUTTON_CONDENSED_CLASSNAME,
-  C as BUTTON_FULL_WIDTH_CLASSNAME,
-  t as BUTTON_ICON_LEFT_CLASSNAME,
-  o as BUTTON_ICON_RIGHT_CLASSNAME,
+  N as BUTTON_ACTION_CLASSNAME,
+  o as BUTTON_ACTION_CONTAINER_CLASSNAME,
+  T as BUTTON_ANCHOR_CLASSNAME,
+  C as BUTTON_CONDENSED_CLASSNAME,
+  c as BUTTON_FULL_WIDTH_CLASSNAME,
+  O as BUTTON_ICON_LEFT_CLASSNAME,
+  t as BUTTON_ICON_RIGHT_CLASSNAME,
   S as BUTTON_LABEL_CLASSNAME,
-  c as BUTTON_LOADING_CLASSNAME,
-  N as DEFAULT_BUTTON_CLASSNAME,
-  T as ICON_BUTTON_CLASSNAME,
-  A as ICON_BUTTON_CONTENT_CLASSNAME
+  E as BUTTON_LOADING_CLASSNAME,
+  _ as DEFAULT_BUTTON_CLASSNAME,
+  A as ICON_BUTTON_CLASSNAME,
+  n as ICON_BUTTON_CONTENT_CLASSNAME
 };

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

@@ -1,25 +1,19 @@
 import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import a from "classnames";
 import { useState as f, useCallback as p } from "../../../external/preact/hooks/dist/hooks.module.js";
-import x from "../../../core/Context/useCoreContext.js";
-import { ButtonVariant as u } from "../Button/types.js";
+import u from "../../../core/Context/useCoreContext.js";
+import { ButtonVariant as h } from "../Button/types.js";
 import { Tooltip as s } from "../Tooltip/Tooltip.js";
 /* empty css              */
-import h from "../Button/Button.js";
-import { Icon as L } from "../Icon/Icon.js";
-const D = ({
-  textToCopy: o,
-  isHovered: l,
-  buttonLabel: i,
-  showCopyTextTooltip: m = !0,
-  type: e = "Link"
-}) => {
-  const { i18n: n } = x(), [d, c] = f(n.get("copy")), _ = p(async () => {
+import L from "../Button/Button.js";
+import { Icon as k } from "../Icon/Icon.js";
+const I = ({ textToCopy: o, isHovered: l, buttonLabel: i, showCopyTextTooltip: d = !0, type: e = "Link", ...m }) => {
+  const { i18n: n } = u(), [_, c] = f(n.get("copy")), y = p(async () => {
     if (o)
       try {
         await navigator.clipboard.writeText(o), c(n.get("copied"));
-      } catch (y) {
-        console.log(y);
+      } catch (x) {
+        console.log(x);
       }
   }, [n, o]), r = p(() => {
     c(n.get("copy"));
@@ -30,8 +24,9 @@ const D = ({
       className: a("adyen-pe-copy-text__container", {
         "adyen-pe-copy-text__container--information": e === "Link"
       }),
+      ...m,
       children: [
-        m ? /* @__PURE__ */ t(s, { content: o, isContainerHovered: l, children: /* @__PURE__ */ t(
+        d ? /* @__PURE__ */ t(s, { content: o, isContainerHovered: l, children: /* @__PURE__ */ t(
           "span",
           {
             className: a({
@@ -52,21 +47,22 @@ const D = ({
             children: i || o
           }
         ),
-        /* @__PURE__ */ t(s, { content: d, children: /* @__PURE__ */ t(
-          h,
+        /* @__PURE__ */ t(s, { content: _, children: /* @__PURE__ */ t(
+          L,
           {
-            variant: u.TERTIARY,
+            variant: h.TERTIARY,
             className: "adyen-pe-copy-text",
-            onClick: _,
+            onClick: y,
             onBlur: r,
             onMouseLeaveCapture: r,
+            "data-testid": "copyText",
             children: /* @__PURE__ */ t(
               "div",
               {
                 className: a("adyen-pe-copy-text__icon", {
                   "adyen-pe-copy-text__icon--information": e === "Link"
                 }),
-                children: /* @__PURE__ */ t(L, { name: "copy", "data-testid": "copy-icon" })
+                children: /* @__PURE__ */ t(k, { name: "copy", "data-testid": "copy-icon" })
               }
             )
           }
@@ -76,5 +72,5 @@ const D = ({
   );
 };
 export {
-  D as default
+  I as default
 };

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

@@ -1,32 +1,31 @@
-import { jsx as n } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useDataGridContext as m } from "./hooks/useDataGridContext.js";
-import { useRef as f, useEffect as d } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { isValidElement as p, cloneElement as u } from "../../../external/preact/dist/preact.module.js";
+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 c from "classnames";
-import { CellTextPosition as s } from "./types.js";
-function G({
+function C({
   children: t,
   column: r,
   position: a,
-  ...i
+  ...o
 }) {
-  const { registerCells: o } = m(), e = f(null);
+  const { registerCells: l } = n(), e = m(null);
   return d(() => {
-    var l;
-    e.current && o({
+    var s;
+    e.current && l({
       column: r,
-      width: (l = e.current) == null ? void 0 : l.getBoundingClientRect().width
+      width: (s = e.current) == null ? void 0 : s.getBoundingClientRect().width
     });
-  }, [r, o]), /* @__PURE__ */ n(
+  }, [r, l]), /* @__PURE__ */ i(
     "div",
     {
       role: "cell",
       className: c("adyen-pe-data-grid__cell", {
-        "adyen-pe-data-grid__cell--right": a === s.RIGHT,
-        "adyen-pe-data-grid__cell--center": a === s.CENTER
+        "adyen-pe-data-grid__cell--right": a === "right",
+        "adyen-pe-data-grid__cell--center": a === "center"
       }),
-      ...i,
-      children: t && p(t) ? u(t, {
+      ...o,
+      children: t && f(t) ? u(t, {
         ...t == null ? void 0 : t.props,
         ref: e,
         style: { width: "min-content" }
@@ -35,5 +34,5 @@ function G({
   );
 }
 export {
-  G as default
+  C as default
 };