@adyen/adyen-platform-experience-web 1.9.0 → 1.10.0

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

@@ -13,10 +13,11 @@ const M = (o, n) => {
     `${N} ${B}`,
     f,
     o,
+    "button",
     l
   ), d = t(() => ({ ...s, ...o.onClick && r ? { onClick: r } : {} }), [r, s, o.onClick]);
   return /* @__PURE__ */ A("a", { ...d, href: o.href, ref: n, children: u });
-}, U = p(M);
+}, O = p(M);
 export {
-  U as default
+  O as default
 };

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

@@ -1,18 +1,19 @@
 import { jsx as s } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import r from "../Button/hooks/useButton.js";
-import { DEFAULT_BASE_BUTTON_CLASSNAME as n } from "./constants.js";
+import n from "../Button/hooks/useButton.js";
+import { DEFAULT_BASE_BUTTON_CLASSNAME as r } from "./constants.js";
 import { useMemo as e } from "../../../external/preact/hooks/dist/hooks.module.js";
 /* empty css                */
 import { fixedForwardRef as c } from "../../../utils/preact/fixedForwardRef.js";
 import { parseClassName as f } from "../../../utils/preact/className.js";
 import { parseBooleanProp as u } from "../../../utils/preact/props.js";
 function d(t, a) {
-  const o = e(() => f("", t.className) || "", [t.className]), l = e(() => u(t.disabled || !1), [t.disabled]), { click: i, allProps: m } = r(
+  const o = e(() => f("", t.className) || "", [t.className]), l = e(() => u(t.disabled || !1), [t.disabled]), { click: i, allProps: m } = n(
     o,
     [...t.classNameModifiers || [], ...t.fullWidth ? ["full-width"] : []],
-    n,
+    r,
     l,
     t,
+    t.type,
     t.onClick
   );
   return /* @__PURE__ */ s("button", { type: t.type || "button", onClick: i, ref: a, ...m, children: t.children });

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

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

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

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

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

@@ -1,79 +1,70 @@
 import { jsx as o } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import k from "classnames";
-import { useState as g, useEffect as p, useMemo as y } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import x from "../../../../core/Context/useCoreContext.js";
-import { useResponsiveContainer as E, containerQueries as I } from "../../../../hooks/useResponsiveContainer.js";
-import C from "../Button.js";
-import { ButtonVariant as b } from "../types.js";
-import N from "./useDownload.js";
+import h from "classnames";
+import { useState as N, useEffect as l, useMemo as _ } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import S from "../../../../core/Context/useCoreContext.js";
+import { useResponsiveContainer as F, containerQueries as Y } from "../../../../hooks/useResponsiveContainer.js";
+import y from "../Button.js";
+import { ButtonVariant as c } from "../types.js";
+import k from "./useDownload.js";
 /* empty css                    */
-import S from "../../Spinner/Spinner.js";
-import { Icon as U } from "../../Icon/Icon.js";
-import { Fragment as j } from "../../../../external/preact/dist/preact.module.js";
-function F({ blob: d, filename: s }) {
-  const n = document.createElement("a"), i = URL.createObjectURL(d);
-  n.href = i, n.download = s || "download";
-  const r = () => {
-    setTimeout(() => {
-      URL.revokeObjectURL(i);
-    }, 150);
-  };
-  n.addEventListener("click", r, { once: !0 }), n.click();
-}
-function K({
-  className: d,
-  disabled: s,
-  endpointName: n,
-  requestParams: i,
+import A from "../../Spinner/Spinner.js";
+import { Icon as E } from "../../Icon/Icon.js";
+import { Fragment as L } from "../../../../external/preact/dist/preact.module.js";
+import { downloadBlob as R } from "../../../../utils/file/download.js";
+function P({
+  className: C,
+  disabled: g,
+  endpointName: v,
+  requestParams: x,
   setError: r,
-  errorDisplay: w,
-  onDownloadRequested: l,
-  iconButton: e = !1,
-  errorMessage: h,
-  ..._
+  errorDisplay: f,
+  onDownloadRequested: i,
+  iconButton: n = !1,
+  errorMessage: p,
+  ...u
 }) {
-  const { i18n: m } = x(), [f, v] = g(!1), R = E(I.down.xs), { data: u, error: t, isFetching: a } = N(n, i, f);
-  p(() => {
-    f && v(!1);
-  }, [f]), p(() => {
-    u && F(u);
-  }, [u]), p(() => {
+  const { i18n: m } = S(), [s, b] = N(!1), T = F(Y.down.xs), { data: d, error: t, isFetching: a } = k(v, x, s);
+  l(() => {
+    s && b(!1);
+  }, [s]), l(() => {
+    d && R(d);
+  }, [d]), l(() => {
     r && t && r(t);
   }, [t, r]);
-  const L = () => {
-    v(!0), l == null || l();
-  }, c = y(() => a ? /* @__PURE__ */ o(S, { size: "small" }) : /* @__PURE__ */ o(U, { name: "download" }), [a]), T = y(() => e ? c : a ? `${m.get("common.actions.download.labels.inProgress")}..` : m.get("common.actions.download.labels.default"), [c, m, a, e]);
-  return /* @__PURE__ */ o(j, { children: [
+  const w = () => {
+    b(!0), i == null || i();
+  }, e = _(() => a ? /* @__PURE__ */ o(A, { size: "small" }) : /* @__PURE__ */ o(E, { name: "download" }), [a]), I = _(() => n ? e : a ? `${m.get("common.actions.download.labels.inProgress")}..` : m.get("common.actions.download.labels.default"), [e, m, a, n]);
+  return /* @__PURE__ */ o(L, { children: [
     /* @__PURE__ */ o(
       "div",
       {
-        className: k("adyen-pe-download", {
-          "adyen-pe-download-icon-button-container": e
+        className: h("adyen-pe-download", {
+          "adyen-pe-download-icon-button-container": n
         }),
         children: [
-          R ? /* @__PURE__ */ o(C, { iconButton: !0, variant: b.TERTIARY, onClick: L, ..._, children: c }) : /* @__PURE__ */ o(
-            C,
+          T ? /* @__PURE__ */ o(y, { iconButton: !0, variant: c.TERTIARY, onClick: w, ...u, children: e }) : /* @__PURE__ */ o(
+            y,
             {
-              className: k(
+              className: h(
                 "adyen-pe-download__button",
-                { "adyen-pe-download__button--loading": a, "adyen-pe-download__button--icon": e },
-                d
+                { "adyen-pe-download__button--loading": a, "adyen-pe-download__button--icon": n },
+                C
               ),
-              disabled: s || a,
-              variant: e ? b.TERTIARY : b.SECONDARY,
-              onClick: L,
-              ...!e && { iconLeft: c },
-              ..._,
-              children: T
+              disabled: g || a,
+              variant: n ? c.TERTIARY : c.SECONDARY,
+              onClick: w,
+              ...!n && { iconLeft: e },
+              ...u,
+              children: I
             }
           ),
-          t && w && /* @__PURE__ */ o("div", { className: "adyen-pe-download__error", children: w })
+          t && f && /* @__PURE__ */ o("div", { className: "adyen-pe-download__error", children: f })
         ]
       }
     ),
-    t && h && h(t)
+    t && p && p(t)
   ] });
 }
 export {
-  K as default
+  P as default
 };

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

@@ -1,13 +1,13 @@
-import { useFetch as r } from "../../../../hooks/useFetch.js";
-import { useConfigContext as s } from "../../../../core/ConfigContext/context.js";
-import { EMPTY_OBJECT as a } from "../../../../utils/value/constants.js";
-const i = (o, t, n) => {
-  const e = s().endpoints[o];
-  return r({
-    fetchOptions: { enabled: !!e && n, keepPrevData: !0 },
-    queryFn: async () => e(a, { ...t })
+import { useFetch as s } from "../../../../hooks/useFetch.js";
+import { useConfigContext as a } from "../../../../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as p } from "../../../../utils/value/constants.js";
+const f = (o, t, n, r) => {
+  const e = a().endpoints[o];
+  return s({
+    fetchOptions: { enabled: !!e && n, keepPrevData: !0, onSuccess: r },
+    queryFn: async () => e(p, { ...t })
   });
 };
 export {
-  i as default
+  f as default
 };

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

@@ -1,53 +1,53 @@
 import { jsx as t } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useCallback as p, useMemo as _ } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import L from "classnames";
-import { BUTTON_LOADING_CLASSNAME as C, BUTTON_FULL_WIDTH_CLASSNAME as g, BUTTON_CONDENSED_CLASSNAME as h, ICON_BUTTON_CLASSNAME as M, ICON_BUTTON_CONTENT_CLASSNAME as U, BUTTON_ICON_LEFT_CLASSNAME as u, BUTTON_LABEL_CLASSNAME as d, BUTTON_LABEL_CENTERED_CLASSNAME as D, BUTTON_ICON_RIGHT_CLASSNAME as I } from "../constants.js";
-import y from "../../Typography/Typography.js";
-import { TypographyVariant as x, TypographyElement as v } from "../../Typography/types.js";
-import { getModifierClasses as F } from "../../../../utils/preact/className.js";
-import R from "../../Spinner/Spinner.js";
-import { Fragment as G } from "../../../../external/preact/dist/preact.module.js";
-const w = (A, l, e, o, r, N) => {
-  const { children: T, iconLeft: i, iconRight: s, iconButton: n = !1, fullWidth: S, condensed: E, state: a = "default" } = r, O = p(
-    (c) => {
-      c.preventDefault(), o || N == null || N(c);
+import { useCallback as C, useMemo as _ } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import O from "classnames";
+import { BUTTON_LOADING_CLASSNAME as g, BUTTON_FULL_WIDTH_CLASSNAME as h, BUTTON_CONDENSED_CLASSNAME as u, ICON_BUTTON_CLASSNAME as M, ICON_BUTTON_CONTENT_CLASSNAME as U, BUTTON_ICON_LEFT_CLASSNAME as d, BUTTON_LABEL_CLASSNAME as D, BUTTON_LABEL_CENTERED_CLASSNAME as I, BUTTON_ICON_RIGHT_CLASSNAME as y } from "../constants.js";
+import x from "../../Typography/Typography.js";
+import { TypographyVariant as v, TypographyElement as F } from "../../Typography/types.js";
+import { getModifierClasses as R } from "../../../../utils/preact/className.js";
+import G from "../../Spinner/Spinner.js";
+import { Fragment as H } from "../../../../external/preact/dist/preact.module.js";
+const w = (A, l, T, o, r, S, N) => {
+  const { children: e, iconLeft: i, iconRight: s, iconButton: n = !1, fullWidth: E, condensed: c, state: a = "default" } = r, f = C(
+    (L) => {
+      S !== "submit" && L.preventDefault(), o || N == null || N(L);
     },
-    [o, N]
+    [o, N, S]
   ), m = _(
-    () => F(e, l, [e, A]),
-    [e, l, A]
-  ), f = _(
+    () => R(T, l, [T, A]),
+    [T, l, A]
+  ), B = _(
     () => ({
       ...r,
-      className: L(m, {
+      className: O(m, {
         [M]: n,
+        [u]: c,
         [h]: E,
-        [g]: S,
-        [C]: a === "loading"
+        [g]: a === "loading"
       }),
       disabled: o || a === "loading"
     }),
-    [m, E, o, S, n, r, a]
-  ), B = _(
-    () => n ? /* @__PURE__ */ t("div", { className: `${U}`, children: T }) : /* @__PURE__ */ t(G, { children: [
-      a === "loading" && /* @__PURE__ */ t(R, { size: "x-small" }),
-      i && /* @__PURE__ */ t("span", { className: u, children: i }),
+    [m, c, o, E, n, r, a]
+  ), p = _(
+    () => n ? /* @__PURE__ */ t("div", { className: `${U}`, children: e }) : /* @__PURE__ */ t(H, { children: [
+      a === "loading" && /* @__PURE__ */ t(G, { size: "x-small" }),
+      i && /* @__PURE__ */ t("span", { className: d, children: i }),
       /* @__PURE__ */ t(
-        y,
+        x,
         {
-          className: L(d, {
-            [D]: r.align === "center"
+          className: O(D, {
+            [I]: r.align === "center"
           }),
-          el: v.SPAN,
-          variant: x.BODY,
-          children: T
+          el: F.SPAN,
+          variant: v.BODY,
+          children: e
         }
       ),
-      s && /* @__PURE__ */ t("span", { className: I, children: s })
+      s && /* @__PURE__ */ t("span", { className: y, children: s })
     ] }),
-    [T, n, i, s, r.align, a]
+    [e, n, i, s, r.align, a]
   );
-  return { classes: m, click: O, allChildren: B, allProps: f };
+  return { classes: m, click: f, allChildren: p, allProps: B };
 };
 export {
   w as default

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

@@ -1,7 +1,7 @@
 import { timezoneToSystem as p, systemToTimezone as g } from "../../../../../core/Localization/datetime/restamper/utils.js";
 import { clamp as T, isBitSafeInteger as l } from "../../../../../utils/value/number.js";
-import { enumerable as m, hasOwnProperty as c, getter as z } from "../../../../../utils/struct/property.js";
-import { struct as u } from "../../../../../utils/struct/main.js";
+import { struct as z } from "../../../../../utils/struct/main.js";
+import { enumerable as m, getter as u, hasOwnProperty as c } from "../../../../../utils/struct/property.js";
 import { isUndefined as d, isFunction as h, isNullish as w } from "../../../../../utils/value/is.js";
 const O = (e) => Object.freeze({
   systemToTimezone: m((t) => g(e, t)),
@@ -15,9 +15,9 @@ const O = (e) => Object.freeze({
     return r === s ? r : i ?? o;
   };
   return (n) => {
-    const i = z(() => s);
+    const i = u(() => s);
     let s = a(n);
-    return u({
+    return z({
       value: i,
       descriptor: m({
         ...i,

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

@@ -0,0 +1,44 @@
+import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import o from "classnames";
+import { useState as q, useRef as T, useCallback as A, useEffect as C } from "../../../external/preact/hooks/dist/hooks.module.js";
+/* empty css              */
+import m from "../Typography/Typography.js";
+import { TypographyVariant as p, TypographyElement as d } from "../Typography/types.js";
+import { Icon as h } from "../Icon/Icon.js";
+import { uniqueId as S } from "../../../utils/random/uniqueId.js";
+const j = ({ checked: a, error: y, description: s, disabled: u, id: b, label: f, name: _, value: v, onInput: c, className: k, ...x }) => {
+  const [l, n] = q(a), N = T(S()), i = b || N.current, g = A(
+    (r) => {
+      var t;
+      c == null || c(r), a === void 0 && n(((t = r == null ? void 0 : r.currentTarget) == null ? void 0 : t.checked) ?? !1);
+    },
+    [a, c]
+  );
+  return C(() => {
+    n(a);
+  }, [a]), /* @__PURE__ */ e("div", { className: o("adyen-pe-checkbox", k), children: [
+    /* @__PURE__ */ e(
+      "input",
+      {
+        name: _,
+        type: "checkbox",
+        checked: l,
+        disabled: u,
+        className: o("adyen-pe-visually-hidden adyen-pe-checkbox__input"),
+        id: i,
+        onInput: g,
+        ...x
+      }
+    ),
+    /* @__PURE__ */ e("label", { className: "adyen-pe-checkbox__label", htmlFor: i, children: [
+      l ? /* @__PURE__ */ e(h, { name: "checkmark-square-fill", className: "adyen-pe-checkbox__icon" }) : /* @__PURE__ */ e(h, { name: "square", className: o("adyen-pe-checkbox__icon", { "adyen-pe-checkbox__icon--error": y }) }),
+      /* @__PURE__ */ e("div", { className: "adyen-pe-checkbox__label-content", children: [
+        /* @__PURE__ */ e(m, { el: d.SPAN, variant: p.BODY, children: f }),
+        s && /* @__PURE__ */ e(m, { el: d.SPAN, variant: p.BODY, className: "adyen-pe-checkbox__description", children: s })
+      ] })
+    ] })
+  ] });
+};
+export {
+  j as Checkbox
+};

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

@@ -1,68 +1,71 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import y from "classnames";
-import { useState as B, useCallback as u, useMemo as f } from "../../../external/preact/hooks/dist/hooks.module.js";
-import C from "../../../core/Context/useCoreContext.js";
-import { Tooltip as b } from "../Tooltip/Tooltip.js";
-import { ButtonVariant as I } from "../Button/types.js";
+import B from "classnames";
+import { useState as C, useCallback as f, useMemo as b } from "../../../external/preact/hooks/dist/hooks.module.js";
+import I from "../../../core/Context/useCoreContext.js";
+import { Tooltip as _ } from "../Tooltip/Tooltip.js";
+import { ButtonVariant as S } from "../Button/types.js";
 /* empty css              */
-import S from "../Button/Button.js";
-import { Icon as T } from "../Icon/Icon.js";
-const a = "adyen-pe-copy-text", t = {
-  base: a,
-  container: a + "__container",
-  icon: a + "__icon",
-  information: a + "__information",
-  label: a + "__label",
-  text: a + "__text"
-}, D = ({
-  copyButtonAriaLabelKey: s,
-  isUnderlineVisible: _,
-  textToCopy: o,
+import T from "../Button/Button.js";
+import { Icon as A } from "../Icon/Icon.js";
+const o = "adyen-pe-copy-text", a = {
+  base: o,
+  container: o + "__container",
+  icon: o + "__icon",
+  information: o + "__information",
+  label: o + "__label",
+  text: o + "__text",
+  stronger: o + "--stronger"
+}, V = ({
+  copyButtonAriaLabelKey: c,
+  isUnderlineVisible: h,
+  textToCopy: t,
   visibleText: r,
-  onCopyText: c,
-  showCopyTextTooltip: h = !0,
+  onCopyText: s,
+  showCopyTextTooltip: v = !0,
   type: n = "Trimmed",
-  ...v
+  stronger: l,
+  ...g
 }) => {
-  const { i18n: i } = C(), [l, m] = B(!1), d = u(() => m(!1), []), N = f(() => i.get(s ?? "common.actions.copy.labels.default"), [i, s]), x = u(async () => {
-    if (o)
+  const { i18n: i } = I(), [m, d] = C(!1), p = f(() => d(!1), []), N = b(() => i.get(c ?? "common.actions.copy.labels.default"), [i, c]), x = f(async () => {
+    if (t)
       try {
-        await navigator.clipboard.writeText(o), m(!0), c && c();
-      } catch (g) {
-        console.error(g);
+        await navigator.clipboard.writeText(t), d(!0), s && s();
+      } catch (y) {
+        console.error(y);
       }
-  }, [o, c]), p = f(
+  }, [t, s]), u = b(
     () => /* @__PURE__ */ e(
       "span",
       {
-        className: y({
-          [t.label]: n !== "Default",
-          [t.information]: n === "Trimmed",
-          [t.text]: n === "Text"
+        className: B({
+          [a.label]: n !== "Default",
+          [a.information]: n === "Trimmed",
+          [a.text]: n === "Text",
+          [a.stronger]: l
         }),
-        children: r || o
+        children: r || t
       }
     ),
-    [r, o, n]
+    [n, l, r, t]
   );
-  return /* @__PURE__ */ e("span", { className: t.container, ...v, children: [
-    h ? /* @__PURE__ */ e(b, { content: o, isUnderlineVisible: _, children: p }) : p,
-    /* @__PURE__ */ e(b, { content: i.get(l ? "common.actions.copy.labels.done" : "common.actions.copy.labels.default"), children: /* @__PURE__ */ e(
-      S,
+  return /* @__PURE__ */ e("span", { className: a.container, ...g, children: [
+    v ? /* @__PURE__ */ e(_, { content: t, isUnderlineVisible: h, children: u }) : u,
+    /* @__PURE__ */ e(_, { content: i.get(m ? "common.actions.copy.labels.done" : "common.actions.copy.labels.default"), children: /* @__PURE__ */ e(
+      T,
       {
-        variant: I.TERTIARY,
-        className: t.base,
+        variant: S.TERTIARY,
+        className: a.base,
         onClick: x,
-        onBlur: d,
-        onMouseLeaveCapture: d,
+        onBlur: p,
+        onMouseLeaveCapture: p,
         "aria-label": N,
         "data-testid": "copyText",
-        children: /* @__PURE__ */ e("div", { className: t.icon, children: /* @__PURE__ */ e(T, { name: "copy", "data-testid": "copy-icon" }) })
+        children: /* @__PURE__ */ e("div", { className: a.icon, children: /* @__PURE__ */ e(A, { name: "copy", "data-testid": "copy-icon" }) })
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "adyen-pe-visually-hidden", "aria-atomic": "true", "aria-live": "polite", children: l && i.get("common.actions.copy.labels.done") })
+    /* @__PURE__ */ e("div", { className: "adyen-pe-visually-hidden", "aria-atomic": "true", "aria-live": "polite", children: m && i.get("common.actions.copy.labels.done") })
   ] });
 };
 export {
-  D as default
+  V as default
 };