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

package/dist/es/components/internal/FormFields/Select/components/SelectButton.js

@@ -1,92 +1,92 @@
 import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import c from "classnames";
-import { useMemo as O } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import S from "../../../../../core/Context/useCoreContext.js";
-import { ButtonVariant as f } from "../../../Button/types.js";
-import u from "../../../Typography/Typography.js";
-import C from "../../../SVGIcons/ChevronDown.js";
-import { TypographyElement as L, TypographyVariant as B } from "../../../Typography/types.js";
-import { DROPDOWN_BUTTON_CLASS as p, DROPDOWN_BUTTON_ACTIVE_CLASS as R, DROPDOWN_BUTTON_HAS_SELECTION_CLASS as h, DROPDOWN_BUTTON_READONLY_CLASS as y, DROPDOWN_BUTTON_INVALID_CLASS as A, DROPDOWN_BUTTON_VALID_CLASS as E, DROPDOWN_BUTTON_ICON_CLASS as P, DROPDOWN_BUTTON_TEXT_CLASS as U, DROPDOWN_BUTTON_MULTI_SELECT_COUNTER_CLASS as g, DROPDOWN_BUTTON_COLLAPSE_INDICATOR_CLASS as x, DROPDOWN_BUTTON_CLASSNAME as I } from "../constants.js";
-import { Fragment as W } from "../../../../../external/preact/dist/preact.module.js";
-import b from "../../../Img/Img.js";
-import w from "../../../Button/Button.js";
-import { boolOrFalse as V } from "../../../../../utils/value/bool.js";
-const F = ({
+import D from "classnames";
+import { useMemo as s } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import f from "../../../../../core/Context/useCoreContext.js";
+import { ButtonVariant as u } from "../../../Button/types.js";
+import C from "../../../Typography/Typography.js";
+import L from "../../../SVGIcons/ChevronDown.js";
+import { TypographyElement as B, TypographyVariant as p } from "../../../Typography/types.js";
+import { DROPDOWN_BUTTON_CLASS as R, DROPDOWN_BUTTON_ACTIVE_CLASS as h, DROPDOWN_BUTTON_HAS_SELECTION_CLASS as y, DROPDOWN_BUTTON_READONLY_CLASS as A, DROPDOWN_BUTTON_INVALID_CLASS as E, DROPDOWN_BUTTON_VALID_CLASS as P, DROPDOWN_BUTTON_ICON_CLASS as U, DROPDOWN_BUTTON_TEXT_CLASS as g, DROPDOWN_BUTTON_MULTI_SELECT_COUNTER_CLASS as x, DROPDOWN_BUTTON_COLLAPSE_INDICATOR_CLASS as I, DROPDOWN_BUTTON_CLASSNAME as W } from "../constants.js";
+import { Fragment as b } from "../../../../../external/preact/dist/preact.module.js";
+import w from "../../../Img/Img.js";
+import V from "../../../Button/Button.js";
+import { boolOrFalse as F } from "../../../../../utils/value/bool.js";
+const M = ({
   active: e,
-  disabled: m,
+  disabled: d,
   className: i,
   filterable: n,
   toggleButtonRef: l,
   ...o
 }) => {
-  const r = O(() => n ? c(I, i) : i, [i, n]);
+  const r = s(() => n ? D(W, i) : i, [i, n]);
   return n ? /* @__PURE__ */ a("div", { ...o, className: r, ref: l }) : /* @__PURE__ */ a(
-    w,
+    V,
     {
       ...o,
       className: r,
-      disabled: m,
-      variant: f.SECONDARY,
+      disabled: d,
+      variant: u.SECONDARY,
       ref: l
     }
   );
-}, Z = (e) => {
-  var N;
-  const { i18n: m } = S(), { active: i, filterable: n, multiSelect: l, placeholder: o, readonly: r, showList: d, withoutCollapseIndicator: _ } = e, s = O(() => (o == null ? void 0 : o.trim()) || m.get("select.filter.placeholder"), [m, o]), t = O(() => V(l) ? void 0 : i[0], [i, l]), D = O(() => {
-    var T;
-    return ((T = t == null ? void 0 : t.name) == null ? void 0 : T.trim()) || s;
-  }, [t, s]);
+}, $ = (e) => {
+  var T, c;
+  const { i18n: d } = f(), { active: i, filterable: n, multiSelect: l, placeholder: o, readonly: r, showList: m, withoutCollapseIndicator: S } = e, O = s(() => (o == null ? void 0 : o.trim()) || d.get("select.filter.placeholder"), [d, o]), t = s(() => F(l) ? void 0 : i[0], [i, l]), N = s(() => {
+    var _;
+    return ((_ = t == null ? void 0 : t.name) == null ? void 0 : _.trim()) || O;
+  }, [t, O]);
   return /* @__PURE__ */ a(
-    F,
+    M,
     {
       active: i,
       disabled: r,
       "aria-disabled": r,
-      "aria-expanded": d,
+      "aria-expanded": m,
       "aria-haspopup": "listbox",
-      className: c(p, {
-        [R]: d,
-        [h]: !!i.length,
-        [y]: r,
-        [A]: e.isInvalid,
-        [E]: e.isValid
+      className: D(R, {
+        [h]: m,
+        [y]: !!i.length,
+        [A]: r,
+        [E]: e.isInvalid,
+        [P]: e.isValid
       }),
       filterable: n,
       onClick: r ? void 0 : e.toggleList,
       onKeyDown: r ? void 0 : e.onButtonKeyDown,
       role: n ? "button" : void 0,
       tabIndex: 0,
-      title: D,
+      title: N,
       toggleButtonRef: e.toggleButtonRef,
       type: n ? void 0 : "button",
       "aria-describedby": e.ariaDescribedBy,
       id: e.id ?? "",
       children: [
-        d && n ? /* @__PURE__ */ a(
+        m && n ? /* @__PURE__ */ a(
           "input",
           {
             "aria-autocomplete": "list",
             "aria-controls": e.selectListId,
-            "aria-expanded": d,
+            "aria-expanded": m,
             "aria-owns": e.selectListId,
             autoComplete: "off",
             className: "adyen-pe-filter-input",
             onInput: e.onInput,
-            placeholder: s,
+            placeholder: O,
             ref: e.filterInputRef,
             role: "combobox",
             type: "text"
           }
-        ) : /* @__PURE__ */ a(W, { children: [
-          (t == null ? void 0 : t.icon) && /* @__PURE__ */ a(b, { className: P, src: t.icon, alt: t.name.trim() }),
-          /* @__PURE__ */ a("span", { className: U, children: ((N = t == null ? void 0 : t.selectedOptionName) == null ? void 0 : N.trim()) || (t == null ? void 0 : t.name.trim()) || s }),
-          l && e.appliedFilterNumber > 0 && /* @__PURE__ */ a("div", { className: g, children: /* @__PURE__ */ a(u, { el: L.SPAN, variant: B.BODY, stronger: !0, children: e.appliedFilterNumber }) })
+        ) : /* @__PURE__ */ a(b, { children: [
+          (t == null ? void 0 : t.icon) && /* @__PURE__ */ a(w, { className: U, src: t.icon, alt: ((T = t == null ? void 0 : t.name) == null ? void 0 : T.trim()) ?? "" }),
+          /* @__PURE__ */ a("span", { className: g, children: ((c = t == null ? void 0 : t.selectedOptionName) == null ? void 0 : c.trim()) || N }),
+          l && e.appliedFilterNumber > 0 && /* @__PURE__ */ a("div", { className: x, children: /* @__PURE__ */ a(C, { el: B.SPAN, variant: p.BODY, stronger: !0, children: e.appliedFilterNumber }) })
         ] }),
-        !_ && /* @__PURE__ */ a("span", { className: x, children: /* @__PURE__ */ a(C, { role: "presentation" }) })
+        !S && /* @__PURE__ */ a("span", { className: I, children: /* @__PURE__ */ a(L, { role: "presentation" }) })
       ]
     }
   );
 };
 export {
-  Z as default
+  $ as default
 };

package/dist/es/components/internal/FormFields/Select/components/SelectList.js

@@ -1,12 +1,12 @@
 import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useResponsiveViewport as R, mediaQueries as x } from "../../../../../hooks/useResponsiveViewport.js";
+import { useResponsiveContainer as R, containerQueries as x } from "../../../../../hooks/useResponsiveContainer.js";
 import b from "../../../Popover/Popover.js";
-import { PopoverContainerSize as w, PopoverContainerVariant as A, PopoverContainerPosition as V } from "../../../Popover/types.js";
-import g from "../../../../../core/Context/useCoreContext.js";
-import a from "classnames";
-import { memo as h } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { PopoverContainerSize as A, PopoverContainerVariant as g, PopoverContainerPosition as h } from "../../../Popover/types.js";
+import F from "../../../../../core/Context/useCoreContext.js";
+import m from "classnames";
+import { memo as W } from "../../../../../external/preact/compat/dist/compat.module.js";
 import { useMemo as l } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { DROPDOWN_LIST_CLASS as F, DROPDOWN_LIST_ACTIVE_CLASS as W, DROPDOWN_ELEMENT_CLASS as z, DROPDOWN_ELEMENT_NO_OPTION_CLASS as j } from "../constants.js";
+import { DROPDOWN_LIST_CLASS as w, DROPDOWN_LIST_ACTIVE_CLASS as V, DROPDOWN_ELEMENT_CLASS as z, DROPDOWN_ELEMENT_NO_OPTION_CLASS as j } from "../constants.js";
 import y, { renderListItemDefault as B } from "./SelectListItem.js";
 import { fixedForwardRef as Q } from "../../../../../utils/preact/fixedForwardRef.js";
 import { isFunction as U } from "../../../../../utils/value/is.js";
@@ -16,13 +16,13 @@ const k = Q(
     active: c,
     commitActions: p,
     items: d,
-    multiSelect: s,
+    multiSelect: n,
     onKeyDown: f,
     onSelect: u,
     renderListItem: t,
     selectListId: O,
     showList: i,
-    textFilter: n,
+    textFilter: s,
     toggleButtonRef: S,
     dismissPopover: C,
     setToTargetWidth: N,
@@ -30,7 +30,7 @@ const k = Q(
     showOverlay: _,
     fitPosition: D
   }, E) => {
-    const { i18n: L } = g(), T = R(x.down.xs), m = d.filter((e) => !n || e.name.toLowerCase().includes(n)), v = a(F, { [W]: i }), M = a(z, j), I = l(() => U(t) ? t : B, [t]), r = l(() => $(s), [s]);
+    const { i18n: L } = F(), T = R(x.down.xs), a = d.filter((e) => !s || e.name.toLowerCase().includes(s)), v = m(w, { [V]: i }), M = m(z, j), I = l(() => U(t) ? t : B, [t]), r = l(() => $(n), [n]);
     return i ? /* @__PURE__ */ o(
       b,
       {
@@ -42,14 +42,14 @@ const k = Q(
         dismissible: !1,
         open: i,
         setToTargetWidth: N,
-        containerSize: w.MEDIUM,
-        variant: A.POPOVER,
+        containerSize: A.MEDIUM,
+        variant: g.POPOVER,
         targetElement: S,
         withContentPadding: !1,
-        position: V.BOTTOM,
+        position: h.BOTTOM,
         showOverlay: _ && T,
         fitPosition: D,
-        children: /* @__PURE__ */ o("ul", { className: v, id: O, ref: E, role: "listbox", "aria-multiselectable": r, children: m.length ? m.map((e) => /* @__PURE__ */ o(
+        children: /* @__PURE__ */ o("ul", { className: v, id: O, ref: E, role: "listbox", "aria-multiselectable": r, children: a.length ? a.map((e) => /* @__PURE__ */ o(
           y,
           {
             item: e,
@@ -64,7 +64,7 @@ const k = Q(
       }
     ) : null;
   }
-), se = h(k);
+), ne = W(k);
 export {
-  se as default
+  ne as default
 };

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

@@ -15,6 +15,7 @@ const e = {
   "cross-circle-fill": () => import("../../../images/icons/cross-circle-fill.svg.js"),
   cross: () => import("../../../images/icons/cross.svg.js"),
   download: () => import("../../../images/icons/download.svg.js"),
+  "external-link": () => import("../../../images/icons/external-link.svg.js"),
   filter: () => import("../../../images/icons/filter.svg.js"),
   "info-filled": () => import("../../../images/icons/info-filled.svg.js"),
   "minus-circle-outline": () => import("../../../images/icons/minus-circle-outline.svg.js"),

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

@@ -0,0 +1,40 @@
+import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import s from "../Typography/Typography.js";
+import { TypographyElement as c, TypographyVariant as k } from "../Typography/types.js";
+import y from "classnames";
+import { useCallback as u } from "../../../external/preact/hooks/dist/hooks.module.js";
+/* empty css          */
+import { Icon as d } from "../Icon/Icon.js";
+function C({
+  href: n,
+  children: o,
+  variant: r = "default",
+  truncate: t,
+  target: a = "_blank",
+  withIcon: p = !0,
+  classNames: l = [],
+  ...i
+}) {
+  const m = u((f) => f.stopPropagation(), []);
+  return /* @__PURE__ */ e(
+    "a",
+    {
+      className: y("adyen-pe-link", [...l], {
+        [`adyen-pe-link--${r}`]: r !== "default",
+        "adyen-pe-link--truncate": t
+      }),
+      href: n,
+      target: a,
+      rel: "noopener noreferrer",
+      onClick: m,
+      ...i,
+      children: [
+        /* @__PURE__ */ e(s, { className: "adyen-pe-link__text", el: c.SPAN, variant: k.BODY, children: o }),
+        p && a === "_blank" && /* @__PURE__ */ e(d, { name: "external-link" })
+      ]
+    }
+  );
+}
+export {
+  C as default
+};

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

@@ -1,38 +1,38 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useClickOutside as h } from "../../../hooks/element/useClickOutside.js";
-import { useResponsiveViewport as v, mediaQueries as _ } from "../../../hooks/useResponsiveViewport.js";
+import { useClickOutside as w } from "../../../hooks/element/useClickOutside.js";
+import { useResponsiveContainer as v, containerQueries as _ } from "../../../hooks/useResponsiveContainer.js";
 import { ButtonVariant as x } from "../Button/types.js";
 import g from "../../../core/Context/useCoreContext.js";
-import { useContext as k, useCallback as E, useEffect as N } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { createContext as C, Fragment as M } from "../../../external/preact/dist/preact.module.js";
+import { useContext as k, useCallback as C, useEffect as E } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { createContext as N, Fragment as M } from "../../../external/preact/dist/preact.module.js";
 import m from "classnames";
 /* empty css           */
 import B from "../Button/Button.js";
 import { Icon as L } from "../Icon/Icon.js";
-const i = C({ withinModal: !1 }), P = () => k(i);
-function Q({
-  title: n,
+const i = N({ withinModal: !1 }), Q = () => k(i);
+function S({
+  title: t,
   children: c,
-  classNameModifiers: p = [],
+  classNameModifiers: s = [],
   isOpen: a,
   onClose: o,
   isDismissible: d = !0,
-  headerWithBorder: s = !0,
+  headerWithBorder: p = !0,
   size: r = "fluid",
   ...u
 }) {
-  const f = v(_.down.xs), { i18n: y } = g(), w = h(null, o), t = E(
+  const f = v(_.down.xs), { i18n: y } = g(), h = w(null, o), n = C(
     (l) => {
       l.key === "Escape" && a && d && o();
     },
     [a, d, o]
   );
-  return N(() => (a ? window.addEventListener("keydown", t) : window.removeEventListener("keydown", t), () => window.removeEventListener("keydown", t)), [a, t]), /* @__PURE__ */ e(M, { children: a && /* @__PURE__ */ e(
+  return E(() => (a ? window.addEventListener("keydown", n) : window.removeEventListener("keydown", n), () => window.removeEventListener("keydown", n)), [a, n]), /* @__PURE__ */ e(M, { children: a && /* @__PURE__ */ e(
     "div",
     {
       className: m(
         "adyen-pe-modal-wrapper",
-        p.map((l) => `adyen-pe-modal-wrapper--${l}`),
+        s.map((l) => `adyen-pe-modal-wrapper--${l}`),
         { "adyen-pe-modal-wrapper--open": a, "adyen-pe-modal-wrapper--dismissible": d }
       ),
       role: "dialog",
@@ -49,17 +49,17 @@ function Q({
             "adyen-pe-modal--extra-large": r === "extra-large",
             "adyen-pe-modal--full-screen": r === "full-screen" || f
           }),
-          ref: w,
+          ref: h,
           children: [
             /* @__PURE__ */ e(
               "div",
               {
                 className: m("adyen-pe-modal__header", {
-                  "adyen-pe-modal__header--with-title": n,
-                  "adyen-pe-modal__header--with-border-bottom": s
+                  "adyen-pe-modal__header--with-title": t,
+                  "adyen-pe-modal__header--with-border-bottom": p
                 }),
                 children: [
-                  n && /* @__PURE__ */ e("div", { className: "adyen-pe-modal__header__title", children: n }),
+                  t && /* @__PURE__ */ e("div", { className: "adyen-pe-modal__header__title", children: t }),
                   d && /* @__PURE__ */ e(
                     B,
                     {
@@ -83,6 +83,6 @@ function Q({
   ) });
 }
 export {
-  Q as default,
-  P as useModalContext
+  S as default,
+  Q as useModalContext
 };

package/dist/es/components/internal/Modal/ModalContent/ModalContent.js

@@ -1,24 +1,24 @@
-import { jsx as o } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as s } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import a from "../../DataOverviewDetails/DataOverviewDetails.js";
+import { jsx as e } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as a } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import i from "../../DataOverviewDetails/DataOverviewDetails.js";
 /* empty css                  */
-import { Fragment as i } from "../../../../external/preact/dist/preact.module.js";
-const m = {
+import { Fragment as m } from "../../../../external/preact/dist/preact.module.js";
+const c = {
   base: "adyen-pe-modal-content"
 };
-function p({ type: r, data: e, ...n }) {
-  const t = s(() => {
+function h({ type: r, data: o, dataCustomization: s, ...n }) {
+  const t = a(() => {
     switch (r) {
       case "payout":
-        return { ...e, type: r };
+        return { ...o, type: r, ...n };
       case "transaction":
-        return { id: e, type: r, ...n };
+        return { id: o, type: r, ...n };
       default:
-        return { data: e, type: r };
+        return { data: o, type: r };
     }
-  }, [e, r]);
-  return /* @__PURE__ */ o(i, { children: t && /* @__PURE__ */ o("div", { className: m.base, children: /* @__PURE__ */ o(a, { ...t }) }) });
+  }, [o, r]);
+  return /* @__PURE__ */ e(m, { children: t && /* @__PURE__ */ e("div", { className: c.base, children: /* @__PURE__ */ e(i, { ...t, dataCustomization: s }) }) });
 }
 export {
-  p as default
+  h as default
 };

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

@@ -1,38 +1,39 @@
 import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import a from "classnames";
 import { useMemo as C } from "../../../external/preact/hooks/dist/hooks.module.js";
-import f from "../../../core/Context/useCoreContext.js";
+import T from "../../../core/Context/useCoreContext.js";
 import { TypographyVariant as l } from "../Typography/types.js";
-import m from "../Typography/Typography.js";
-import { SL_GRID_CLASS as _, SL_BASE_CLASS as T, SL_ITEM_CLASS as h, SL_ITEM_WITH_HIGHLIGHT_CLASS as E, SL_LABEL_CLASS as I, SL_CONTENT_CLASS as v } from "./constants.js";
+import c from "../Typography/Typography.js";
+import { SL_GRID_CLASS as i, SL_BASE_CLASS as h, SL_ALIGN_END as E, SL_ITEM_CLASS as I, SL_ITEM_WITH_HIGHLIGHT_CLASS as N, SL_LABEL_CLASS as y, SL_CONTENT_CLASS as g } from "./constants.js";
 /* empty css                    */
-import { useStructuredListItems as y } from "./useStructuredListItem.js";
-const N = "6-6";
-function G({
-  items: e,
-  highlightable: c,
-  renderValue: L,
-  renderLabel: s,
-  layout: S = N,
-  grid: p = !0,
-  classNames: n
+import { useStructuredListItems as v } from "./useStructuredListItem.js";
+const O = "6-6";
+function U({
+  items: L,
+  highlightable: n,
+  renderValue: e,
+  renderLabel: S,
+  layout: s = O,
+  grid: m = !0,
+  classNames: p,
+  align: d = "end"
 }) {
-  const [u, d] = C(() => S.split("-").map((r) => `${_}--width-${r}-of-12`), [S]), A = y(e), { i18n: o } = f();
-  return /* @__PURE__ */ t("div", { "aria-label": o.get("structuredList"), className: a(T, n), children: A.map((r, i) => /* @__PURE__ */ t(
-    "dl",
+  const [u, A] = C(() => s.split("-").map((r) => `${i}--width-${r}-of-12`), [s]), f = v(L), { i18n: o } = T();
+  return /* @__PURE__ */ t("dl", { "aria-label": o.get("structuredList"), className: a(h, p, { [E]: d === "end" }), children: f.map((r, _) => /* @__PURE__ */ t(
+    "div",
     {
-      className: a(h, {
-        [E]: c,
-        [_]: p
+      className: a(I, {
+        [N]: n,
+        [i]: m
       }),
       children: [
-        /* @__PURE__ */ t("dt", { className: a(I, u), children: s ? s(r.label, e[i].key) : /* @__PURE__ */ t(m, { variant: l.BODY, children: r.label }) }),
-        /* @__PURE__ */ t("dd", { "aria-label": `${o.get(r.key)} ${o.get("value")}`, className: a(v, d), children: L ? L(r.value, r.key) : /* @__PURE__ */ t(m, { variant: l.BODY, children: r.value }) })
+        /* @__PURE__ */ t("dt", { className: a(y, u), children: S ? S(r.label, L[_].key) : /* @__PURE__ */ t(c, { variant: l.BODY, children: r.label }) }),
+        /* @__PURE__ */ t("dd", { "aria-label": `${o.get(r.key)} ${o.get("value")}`, className: a(g, A), children: e ? e(r.value, r.key, r.type, r.config) : /* @__PURE__ */ t(c, { variant: l.BODY, children: r.value }) })
       ]
     },
-    `${i}_${r.id || "0"}`
+    `${_}_${r.id || "0"}`
   )) });
 }
 export {
-  G as default
+  U as default
 };

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

@@ -1,9 +1,10 @@
-const _ = "adyen-pe-structured-list", S = `${_}__item`, L = `${_}__grid`, t = `${_}__content`, n = `${_}__label`, s = `${S}--has-highlight`;
+const _ = "adyen-pe-structured-list", L = `${_}--align-end`, S = `${_}__item`, t = `${_}__grid`, n = `${_}__content`, s = `${_}__label`, c = `${S}--has-highlight`;
 export {
+  L as SL_ALIGN_END,
   _ as SL_BASE_CLASS,
-  t as SL_CONTENT_CLASS,
-  L as SL_GRID_CLASS,
+  n as SL_CONTENT_CLASS,
+  t as SL_GRID_CLASS,
   S as SL_ITEM_CLASS,
-  s as SL_ITEM_WITH_HIGHLIGHT_CLASS,
-  n as SL_LABEL_CLASS
+  c as SL_ITEM_WITH_HIGHLIGHT_CLASS,
+  s as SL_LABEL_CLASS
 };

package/dist/es/components/internal/StructuredList/useStructuredListItem.js

@@ -1,15 +1,17 @@
-import { useMemo as o } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as t } from "../../../external/preact/hooks/dist/hooks.module.js";
 import u from "../../../core/Context/useCoreContext.js";
 import { uuid as n } from "../../../utils/random/uuid.js";
-const p = (r) => {
-  const { i18n: t } = u();
-  return o(() => r.map((e) => ({
+const c = (r) => {
+  const { i18n: o } = u();
+  return t(() => r.map((e) => ({
     key: e.key,
     value: e.value,
     id: n(),
-    label: t.get(e.key)
-  })), [t, r]);
+    label: o.get(e.key),
+    type: e.type,
+    config: e.config
+  })), [o, r]);
 };
 export {
-  p as useStructuredListItems
+  c as useStructuredListItems
 };

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

@@ -1,41 +1,45 @@
-import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useResponsiveViewport as v, mediaQueries as T } from "../../../hooks/useResponsiveViewport.js";
-import b from "../Popover/Popover.js";
-import { PopoverContainerVariant as V } from "../Popover/types.js";
-import { useTooltipListeners as x } from "./useTooltipListeners.js";
-import { TypographyVariant as I } from "../Typography/types.js";
-import N from "../Typography/Typography.js";
-import P from "../../../hooks/element/useUniqueIdentifier.js";
-import u from "classnames";
-import { Fragment as p, cloneElement as O } from "../../../external/preact/dist/preact.module.js";
+import { jsx as a } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import v from "../Popover/Popover.js";
+import { PopoverContainerVariant as y } from "../Popover/types.js";
+import { useTooltipListeners as P } from "./useTooltipListeners.js";
+import { TypographyVariant as x } from "../Typography/types.js";
+import _ from "../Typography/Typography.js";
+import l from "../../../hooks/element/useUniqueIdentifier.js";
+import g from "classnames";
+import { Fragment as s, cloneElement as b } from "../../../external/preact/dist/preact.module.js";
 /* empty css             */
-const w = (t) => typeof t == "string", M = ({ content: t, children: o, triggerRef: g, showTooltip: a, position: y, isContainerHovered: s = !1 }) => {
-  var i, f, n;
-  const e = P(), _ = v(T.down.sm), { isVisible: m, listeners: l } = x();
-  return _ ? /* @__PURE__ */ r(p, { children: o }) : /* @__PURE__ */ r(p, { children: [
-    o ? O(o, {
+const w = (t) => typeof t == "string";
+function h() {
+  const t = "ontouchstart" in window, o = navigator.maxTouchPoints && navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints && navigator.msMaxTouchPoints > 0, r = window.matchMedia && window.matchMedia("(pointer: coarse)").matches;
+  return t || o || r;
+}
+const $ = ({ content: t, children: o, triggerRef: r, showTooltip: i, position: c, isContainerHovered: p = !1 }) => {
+  var m, u, f;
+  const e = l(), { isVisible: n, listeners: T } = P();
+  return h() ? /* @__PURE__ */ a(s, { children: o }) : /* @__PURE__ */ a(s, { children: [
+    o ? b(o, {
       ...o == null ? void 0 : o.props,
       role: "button",
       tabIndex: -1,
       ref: e,
-      className: (i = o == null ? void 0 : o.props) != null && i.className ? u(`${(f = o == null ? void 0 : o.props) == null ? void 0 : f.className} adyen-pe__tooltip-target`, {
-        " adyen-pe__tooltip-target--hovered": s
-      }) : u("adyen-pe__tooltip-target", { "adyen-pe__tooltip-target--hovered": s }),
-      ...l,
-      "aria-describedby": `tooltip-${(n = e.current) == null ? void 0 : n.id}`
+      className: (m = o == null ? void 0 : o.props) != null && m.className ? g(`${(u = o == null ? void 0 : o.props) == null ? void 0 : u.className} adyen-pe__tooltip-target`, {
+        " adyen-pe__tooltip-target--hovered": p
+      }) : g("adyen-pe__tooltip-target", { "adyen-pe__tooltip-target--hovered": p }),
+      ...T,
+      "aria-describedby": `tooltip-${(f = e.current) == null ? void 0 : f.id}`
     }) : null,
-    (m || a) && /* @__PURE__ */ r(
-      b,
+    (n || i) && /* @__PURE__ */ a(
+      v,
       {
-        variant: V.TOOLTIP,
-        targetElement: g ?? e,
-        position: y,
-        open: m || a,
-        children: /* @__PURE__ */ r(p, { children: t && w(t) ? /* @__PURE__ */ r(N, { variant: I.CAPTION, children: t }) : { content: t } })
+        variant: y.TOOLTIP,
+        targetElement: r ?? e,
+        position: c,
+        open: n || i,
+        children: /* @__PURE__ */ a(s, { children: t && w(t) ? /* @__PURE__ */ a(_, { variant: x.CAPTION, children: t }) : { content: t } })
       }
     )
   ] });
 };
 export {
-  M as Tooltip
+  $ as Tooltip
 };

package/dist/es/components/utils/customData/hasCustomField.js

@@ -0,0 +1,22 @@
+import { EMPTY_ARRAY as a } from "../../../utils/value/constants.js";
+const c = (o, s = a) => {
+  var e;
+  if (Array.isArray(o))
+    for (const t of o)
+      try {
+        const r = typeof t == "object" ? (e = t == null ? void 0 : t.key) == null ? void 0 : e.trim() : !1;
+        if (
+          // `fieldName` is expected to be a string (except in a case of misconfiguration)
+          typeof r == "string" && // `fieldName` should not be an empty string (except in a case of misconfiguration)
+          r && // `field` is a custom field if `fieldName` is not in the `standardFields` list
+          !s.includes(r)
+        )
+          return !0;
+      } catch {
+      }
+  return !1;
+};
+export {
+  c as default,
+  c as hasCustomField
+};

package/dist/es/components/utils/customData/mergeRecords.js

@@ -0,0 +1,13 @@
+import { EMPTY_OBJECT as f } from "../../../utils/value/constants.js";
+const m = (o, d, c) => {
+  const r = [];
+  for (let e = 0; e < o.length; e++) {
+    const t = o[e], n = d.find((s) => c(s, t, e));
+    r[e] = { ...n ?? f, ...t };
+  }
+  return r;
+};
+export {
+  m as default,
+  m as mergeRecords
+};

package/dist/es/core/Context/CoreContext.js

@@ -1,12 +1,13 @@
 import { createContext as o } from "../../external/preact/dist/preact.module.js";
 import t from "../Localization/Localization.js";
 import { noop as n } from "../../utils/common.js";
-const m = o({
+const i = o({
   i18n: new t().i18n,
   loadingContext: "",
   commonProps: {},
-  updateCore: n
+  updateCore: n,
+  componentRef: { current: null }
 });
 export {
-  m as CoreContext
+  i as CoreContext
 };