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

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

@@ -1,47 +1,47 @@
 import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { AmountSkeleton as f } from "../AmountSkeleton/AmountSkeleton.js";
-import { BASE_CLASS as S, PLACEHOLDER_CLASS as T, AMOUNT_CLASS as b, LABEL_CLASS as E, BODY_CLASS as N } from "./constants.js";
+import { AmountSkeleton as b } from "../AmountSkeleton/AmountSkeleton.js";
+import { BASE_CLASS as S, PLACEHOLDER_CLASS as f, AMOUNT_CLASS as T, LABEL_CLASS as E, BODY_CLASS as N } from "./constants.js";
 import { SummaryItemLabel as h } from "./SummaryItemLabel.js";
 import { Tooltip as B } from "../../../../internal/Tooltip/Tooltip.js";
-import { TypographyVariant as s, TypographyElement as I } from "../../../../internal/Typography/types.js";
+import { TypographyVariant as n, TypographyElement as I } from "../../../../internal/Typography/types.js";
 import O from "../../../../internal/Typography/Typography.js";
 import _ from "../../../../../core/Context/useCoreContext.js";
 import p from "classnames";
-import { useEffect as x, useCallback as H } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useEffect as x, useCallback as D } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 /* empty css                 */
-import { useResponsiveContainer as D, containerQueries as M } from "../../../../../hooks/useResponsiveContainer.js";
+import { useResponsiveContainer as H, containerQueries as M } from "../../../../../hooks/useResponsiveContainer.js";
 const $ = ({
   columnConfigs: i,
   isHeader: u = !1,
-  isHovered: C = !1,
-  isSkeletonVisible: l = !1,
-  isLoading: d = !1,
+  showLabelUnderline: d = !1,
+  isSkeletonVisible: o = !1,
+  isLoading: C = !1,
   widths: m,
   onWidthsSet: L,
   isEmpty: A
 }) => {
-  const { i18n: n } = _();
+  const { i18n: s } = _();
   x(() => {
     const e = i.map((r) => {
-      var a, o;
-      return ((o = (a = r.ref) == null ? void 0 : a.current) == null ? void 0 : o.getBoundingClientRect().width) ?? 0;
+      var a, l;
+      return ((l = (a = r.ref) == null ? void 0 : a.current) == null ? void 0 : l.getBoundingClientRect().width) ?? 0;
     });
     L(e);
   }, [L]);
-  const c = (e) => ({ width: m && m[e] ? m[e] : "auto" }), y = D(M.only.xs), v = H(
-    (e, r) => e.valueHasLabelStyle ? s.CAPTION : r && !y ? s.BODY : s.TITLE,
+  const c = (e) => ({ width: m && m[e] ? m[e] : "auto" }), y = H(M.only.xs), v = D(
+    (e, r) => e.valueHasLabelStyle ? n.CAPTION : r && !y ? n.BODY : n.TITLE,
     [y]
   );
   return /* @__PURE__ */ t("div", { className: p(S, { [N]: !u }), children: i.map((e, r) => {
-    const a = e.getValue(), o = !!a && a.length > 12;
+    const a = e.getValue(), l = !!a && a.length > 12;
     return /* @__PURE__ */ t("div", { children: [
-      u && /* @__PURE__ */ t("div", { role: "presentation", children: e.tooltipLabel ? /* @__PURE__ */ t(B, { content: n.get(`${e.tooltipLabel}`), isContainerHovered: C, children: /* @__PURE__ */ t(h, { config: e, i18n: n, isSkeletonVisible: l }) }) : /* @__PURE__ */ t(h, { config: e, i18n: n, isSkeletonVisible: l }) }),
-      l ? /* @__PURE__ */ t(f, { isLoading: d, hasMargin: e.hasSkeletonMargin, width: e.skeletonWidth + "px" }) : A ? /* @__PURE__ */ t("span", { className: p([S, T]) }) : /* @__PURE__ */ t("div", { id: e.elemId, ref: e.ref, style: c(r), "aria-label": e.ariaLabel, role: "presentation", children: /* @__PURE__ */ t(
+      u && /* @__PURE__ */ t("div", { role: "presentation", children: e.tooltipLabel ? /* @__PURE__ */ t(B, { content: s.get(`${e.tooltipLabel}`), isUnderlineVisible: d, children: /* @__PURE__ */ t(h, { config: e, i18n: s, isSkeletonVisible: o }) }) : /* @__PURE__ */ t(h, { config: e, i18n: s, isSkeletonVisible: o }) }),
+      o ? /* @__PURE__ */ t(b, { isLoading: C, hasMargin: e.hasSkeletonMargin, width: e.skeletonWidth + "px" }) : A ? /* @__PURE__ */ t("span", { className: p([S, f]) }) : /* @__PURE__ */ t("div", { id: e.elemId, ref: e.ref, style: c(r), "aria-label": e.ariaLabel, role: "presentation", children: /* @__PURE__ */ t(
         O,
         {
           el: I.SPAN,
-          variant: v(e, o),
-          className: p({ [E]: e.valueHasLabelStyle, [b]: !e.valueHasLabelStyle }),
+          variant: v(e, l),
+          className: p({ [E]: e.valueHasLabelStyle, [T]: !e.valueHasLabelStyle }),
           children: a
         }
       ) })

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

@@ -6,7 +6,7 @@ const K = ({
   total: e,
   hiddenField: n,
   isHeader: o = !1,
-  isHovered: i = !1,
+  showLabelUnderline: i = !1,
   isSkeleton: r = !1,
   isLoading: a = !1,
   widths: l,
@@ -50,7 +50,7 @@ const K = ({
   return /* @__PURE__ */ x(
     C,
     {
-      isHovered: i,
+      showLabelUnderline: i,
       isEmpty: !e,
       columnConfigs: y,
       isHeader: o,

package/dist/es/components/external/TransactionsOverview/components/TransactionTotals/TotalsCard.js

@@ -1,24 +1,24 @@
 import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { memo as h } from "../../../../../external/preact/compat/dist/compat.module.js";
 import { useState as $, useMemo as i } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import y from "../../../../../core/Context/useCoreContext.js";
-import w from "../../../../internal/ExpandableCard/ExpandableCard.js";
+import w from "../../../../../core/Context/useCoreContext.js";
+import y from "../../../../internal/ExpandableCard/ExpandableCard.js";
 import { TransactionTotalItem as v } from "../TransactionTotalItem/TransactionTotalItem.js";
 import { useMaxWidthsState as M } from "../../hooks/useMaxWidths.js";
 /* empty css                       */
 import { Fragment as C } from "../../../../../external/preact/dist/preact.module.js";
 import { uniqueId as I } from "../../../../../utils/random/uniqueId.js";
-const P = h(({ totals: p, isLoading: o, hiddenField: t, fullWidth: x, ...E }) => {
-  const { i18n: n } = y(), [m, a] = M(), [l, c] = $(!1), d = i(() => n.get("transactions.overview.totals.currency.label"), [n]), [s, ...u] = i(() => p.map((e) => (e.key = `${e.currency}-${Math.random()}`, e.expensesElemId = I("elem"), e.incomingsElemId = I("elem"), e)), [p]), f = i(() => {
-    switch (t) {
+const B = h(({ totals: p, isLoading: o, hiddenField: n, fullWidth: x, ...E }) => {
+  const { i18n: t } = w(), [m, a] = M(), [l, c] = $(!1), d = i(() => t.get("transactions.overview.totals.currency.label"), [t]), [s, ...u] = i(() => p.map((e) => (e.key = `${e.currency}-${Math.random()}`, e.expensesElemId = I("elem"), e.incomingsElemId = I("elem"), e)), [p]), f = i(() => {
+    switch (n) {
       case "expenses":
-        return n.get("transactions.overview.totals.lists.incoming");
+        return t.get("transactions.overview.totals.lists.incoming");
       case "incomings":
-        return n.get("transactions.overview.totals.lists.outgoing");
+        return t.get("transactions.overview.totals.lists.outgoing");
       default:
-        return n.get("transactions.overview.totals.lists.default");
+        return t.get("transactions.overview.totals.lists.default");
     }
-  }, [n, t]), g = i(
+  }, [t, n]), g = i(
     () => /* @__PURE__ */ r(
       "div",
       {
@@ -28,9 +28,9 @@ const P = h(({ totals: p, isLoading: o, hiddenField: t, fullWidth: x, ...E }) =>
         children: /* @__PURE__ */ r(
           v,
           {
-            isHovered: l,
+            showLabelUnderline: l,
             total: s,
-            hiddenField: t,
+            hiddenField: n,
             widths: m,
             isHeader: !0,
             isSkeleton: o,
@@ -42,7 +42,7 @@ const P = h(({ totals: p, isLoading: o, hiddenField: t, fullWidth: x, ...E }) =>
         )
       }
     ),
-    [l, s, t, m, o, a, d]
+    [l, s, n, m, o, a, d]
   ), b = i(() => !o && u.length ? /* @__PURE__ */ r(C, { children: u.map((e) => /* @__PURE__ */ r(
     "div",
     {
@@ -52,9 +52,9 @@ const P = h(({ totals: p, isLoading: o, hiddenField: t, fullWidth: x, ...E }) =>
       children: /* @__PURE__ */ r(
         v,
         {
-          isHovered: l,
+          showLabelUnderline: l,
           total: e,
-          hiddenField: t,
+          hiddenField: n,
           widths: m,
           onWidthsSet: a,
           expensesElemId: e.expensesElemId,
@@ -63,9 +63,9 @@ const P = h(({ totals: p, isLoading: o, hiddenField: t, fullWidth: x, ...E }) =>
       )
     },
     e.key
-  )) }) : void 0, [o, u, l, t, m, a, d]);
+  )) }) : void 0, [o, u, l, n, m, a, d]);
   return /* @__PURE__ */ r(
-    w,
+    y,
     {
       renderContent: ({ collapsibleContent: e }) => /* @__PURE__ */ r("div", { role: "list", "aria-label": f, children: [
         g,
@@ -82,5 +82,5 @@ const P = h(({ totals: p, isLoading: o, hiddenField: t, fullWidth: x, ...E }) =>
   );
 });
 export {
-  P as TotalsCard
+  B as TotalsCard
 };

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

@@ -1,22 +1,22 @@
 import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useState as H, useCallback as I, useMemo as x } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import K from "../../../../internal/DataOverviewError/DataOverviewError.js";
-import U from "../../../../../core/Context/useCoreContext.js";
+import { useState as I, useCallback as x, useMemo as H } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import U from "../../../../internal/DataOverviewError/DataOverviewError.js";
+import K from "../../../../../core/Context/useCoreContext.js";
 import { getCurrencyCode as B } from "../../../../../core/Localization/amount/amount-util.js";
 import $ from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
 import { Tooltip as G } from "../../../../internal/Tooltip/Tooltip.js";
 import { TypographyVariant as n, TypographyElement as a } from "../../../../internal/Typography/types.js";
 import i from "../../../../internal/Typography/Typography.js";
-import { getTransactionCategory as j, getTransactionCategoryDescription as q } from "../../../../utils/translation/getters.js";
+import { getTransactionCategory as V, getTransactionCategoryDescription as j } from "../../../../utils/translation/getters.js";
 import { useResponsiveContainer as c, containerQueries as d } from "../../../../../hooks/useResponsiveContainer.js";
-import { BASE_CLASS as z, DATE_AND_PAYMENT_METHOD_CLASS as Q, DATE_METHOD_CLASS as V, AMOUNT_CLASS as X } from "./constants.js";
+import { BASE_CLASS as q, DATE_AND_PAYMENT_METHOD_CLASS as z, DATE_METHOD_CLASS as Q, AMOUNT_CLASS as X } from "./constants.js";
 /* empty css                      */
 import S from "./PaymentMethodCell.js";
 import { useTableColumns as Z } from "../../../../../hooks/useTableColumns.js";
 import g from "../../../../internal/DataGrid/DataGrid.js";
 import J from "../../../../internal/Pagination/Pagination.js";
 import { DATE_FORMAT_TRANSACTIONS_MOBILE as W, DATE_FORMAT_TRANSACTIONS as tt } from "../../../../../constants/dateFormats.js";
-const et = ["createdAt", "paymentMethod", "transactionType", "amount"], C = {
+const et = ["createdAt", "paymentMethod", "transactionType", "amount"], M = {
   amount: "transactions.overview.list.fields.amount",
   createdAt: "transactions.overview.list.fields.createdAt",
   // currency: 'transactions.overview.list.fields.currency',
@@ -28,19 +28,19 @@ const et = ["createdAt", "paymentMethod", "transactionType", "amount"], C = {
   availableCurrencies: m,
   error: l,
   hasMultipleCurrencies: p,
-  loading: M,
+  loading: C,
   onContactSupport: A,
   onRowClick: D,
   showDetails: ot,
   showPagination: E,
-  transactions: w,
-  customColumns: N,
-  ..._
+  transactions: b,
+  customColumns: w,
+  ...N
 }) => {
-  const { i18n: r } = U(), { dateFormat: T } = $(s == null ? void 0 : s.timeZone), [b, y] = H(), u = c(d.up.sm), O = c(d.up.md), L = c(d.down.xs), R = r.get(C.amount), F = Z({
-    customColumns: N,
+  const { i18n: r } = K(), { dateFormat: T } = $(s == null ? void 0 : s.timeZone), [_, y] = I(), u = c(d.up.sm), O = c(d.up.md), L = c(d.down.xs), R = r.get(M.amount), F = Z({
+    customColumns: w,
     fields: et,
-    fieldsKeys: C,
+    fieldsKeys: M,
     columnConfig: {
       amount: {
         label: p ? void 0 : `${R} ${m && m[0] ? `(${B(m[0])})` : ""}`,
@@ -53,23 +53,23 @@ const et = ["createdAt", "paymentMethod", "transactionType", "amount"], C = {
   }), P = {
     title: "transactions.overview.errors.listEmpty",
     message: ["common.errors.updateFilters"]
-  }, k = I(
+  }, k = x(
     (e) => {
       y(e ?? void 0);
     },
     [y]
-  ), Y = x(
-    () => () => /* @__PURE__ */ t(K, { error: l, onContactSupport: A, errorMessage: "transactions.overview.errors.listUnavailable" }),
+  ), Y = H(
+    () => () => /* @__PURE__ */ t(U, { error: l, onContactSupport: A, errorMessage: "transactions.overview.errors.listUnavailable" }),
     [l, A]
   );
-  return /* @__PURE__ */ t("div", { className: z, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t("div", { className: q, children: /* @__PURE__ */ t(
     g,
     {
       errorDisplay: Y,
       error: l,
       columns: F,
-      data: w,
-      loading: M,
+      data: b,
+      loading: C,
       outline: !1,
       onRowClick: { callback: D },
       onRowHover: k,
@@ -85,10 +85,10 @@ const et = ["createdAt", "paymentMethod", "transactionType", "amount"], C = {
         //     );
         // },
         transactionType: ({ item: e, rowIndex: o }) => {
-          const v = j(r, e.category);
-          if (v) {
-            const f = q(r, e.category), h = () => /* @__PURE__ */ t(i, { el: a.SPAN, variant: n.BODY, children: v });
-            return f ? /* @__PURE__ */ t(G, { content: f, isContainerHovered: o === b, children: /* @__PURE__ */ t("span", { children: h() }) }) : h();
+          const f = V(r, e.category);
+          if (f) {
+            const h = j(r, e.category), v = () => /* @__PURE__ */ t(i, { el: a.SPAN, variant: n.BODY, children: f });
+            return h ? /* @__PURE__ */ t(G, { content: h, isUnderlineVisible: o === _, children: /* @__PURE__ */ t("span", { children: v() }) }) : v();
           }
           return null;
         },
@@ -96,16 +96,16 @@ const et = ["createdAt", "paymentMethod", "transactionType", "amount"], C = {
           const o = r.amount(e.value, e.currency, { hideCurrency: !p });
           return /* @__PURE__ */ t(i, { el: a.SPAN, variant: n.BODY, className: X, children: o });
         },
-        createdAt: ({ item: e, value: o }) => L ? /* @__PURE__ */ t("div", { className: Q, children: [
+        createdAt: ({ item: e, value: o }) => L ? /* @__PURE__ */ t("div", { className: z, children: [
           /* @__PURE__ */ t(S, { paymentMethod: e.paymentMethod, bankAccount: e.bankAccount }),
-          /* @__PURE__ */ t("time", { dateTime: e.createdAt, className: V, children: /* @__PURE__ */ t(i, { el: a.SPAN, variant: n.BODY, children: T(e.createdAt, W) }) })
+          /* @__PURE__ */ t("time", { dateTime: e.createdAt, className: Q, children: /* @__PURE__ */ t(i, { el: a.SPAN, variant: n.BODY, children: T(e.createdAt, W) }) })
         ] }) : /* @__PURE__ */ t("time", { dateTime: o, children: /* @__PURE__ */ t(i, { el: a.SPAN, variant: n.BODY, children: T(o, tt) }) }),
         paymentMethod: ({ item: e }) => /* @__PURE__ */ t(S, { paymentMethod: e.paymentMethod, bankAccount: e.bankAccount })
       },
       children: E && /* @__PURE__ */ t(g.Footer, { children: /* @__PURE__ */ t(
         J,
         {
-          ..._,
+          ...N,
           ariaLabelKey: "transactions.overview.pagination.label",
           limitSelectAriaLabelKey: "transactions.overview.pagination.controls.limitSelect.label"
         }

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

@@ -1,10 +1,11 @@
-const a = Object.freeze({
+const i = Object.freeze({
   klarna: "Klarna",
-  paypal: "PayPal"
+  paypal: "PayPal",
+  klarna_paynow: "Klarna Pay Now"
 });
-function s(r, i) {
-  return r.lastFourDigits ? i === "detail" ? "•••• •••• •••• " + r.lastFourDigits : r.lastFourDigits : r.description || a[r.type] || r.type;
+function l(a, r) {
+  return a.lastFourDigits ? r === "detail" ? "•••• •••• •••• " + a.lastFourDigits : a.lastFourDigits : a.description || i[a.type] || a.type;
 }
 export {
-  s as parsePaymentMethodType
+  l as parsePaymentMethodType
 };

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

@@ -1,28 +1,28 @@
-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 { useMemo as c, useState as d, useEffect as g } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { getTimezoneOffsetFromFormattedDateString as p, getGMTSuffixForTimezoneOffset as E } from "../../../../core/Localization/datetime/restamper/utils.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";
-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 = G();
-  return { getTimezoneTime: (t, i = Date.now()) => {
+import { isWatchlistUnsubscribeToken as l } from "../../../../primitives/reactive/watchlist/main.js";
+import _ from "../../../../core/Localization/datetime/restamper/restamper.js";
+import { EMPTY_OBJECT as G, EMPTY_ARRAY as O } from "../../../../utils/value/constants.js";
+import { boolOrFalse as S } from "../../../../utils/value/bool.js";
+const { getTimezoneTime: U, getUsedTimezone: F } = (() => {
+  const s = /\d{2}:\d{2}(?=:\d{2}(?:\.\d+)?\s+([AP]M))/i, m = /^GMT|0(?=\d:00)|:00/g, e = _();
+  return { getTimezoneTime: (t, T = Date.now()) => {
     e.tz = t;
-    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];
+    const { formatted: o } = e(T), [i = "", f = ""] = (o == null ? void 0 : o.match(s)) ?? O, a = p(o), u = `${i}${f && ` ${f}`}`, z = E(a).replace(m, "");
+    return [u, z];
   }, getUsedTimezone: (t) => (e.tz = t, e.tz.current) };
-})(), 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 ? M.subscribe((s) => {
-      _(s) || i(s.now);
-    }) : a;
-  }, [i, e]), { clockTime: o, GMTOffset: f, timestamp: t, timezone: r };
+})(), N = ({ timezone: s, withClock: m = !1 } = G) => {
+  const e = c(() => S(m), [m]), n = c(() => F(s), [s]), [r, t] = d(Date.now()), [T, o] = c(() => U(n, r), [r, n]);
+  return g(() => {
+    if (e)
+      return M.subscribe((i) => {
+        l(i) || t(i.now);
+      });
+  }, [t, e]), { clockTime: T, GMTOffset: o, timestamp: r, timezone: n };
 };
 export {
   N as default,
   U as getTimezoneTime,
-  A as getUsedTimezone
+  F as getUsedTimezone
 };

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

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

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

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