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

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

@@ -1,7 +1,7 @@
 import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import Y from "../Button/ButtonActions/ButtonActions.js";
-import { ButtonActionsLayoutBasic as Z } from "../Button/ButtonActions/types.js";
-import { DEFAULT_POPOVER_CLASSNAME as t, DEFAULT_TOOLTIP_CLASSNAME as g, POPOVER_CONTAINER_CLASSNAME as oo, TOOLTIP_CONTENT_CLASSNAME as w, POPOVER_CONTENT_CLASSNAME as P, POPOVER_HEADER_TITLE_CLASSNAME as eo, POPOVER_FOOTER_CLASSNAME as ro, POPOVER_HEADER_CLASSNAME as $ } from "./constants.js";
+import Z from "../Button/ButtonActions/ButtonActions.js";
+import { ButtonActionsLayoutBasic as z } from "../Button/ButtonActions/types.js";
+import { DEFAULT_POPOVER_CLASSNAME as t, DEFAULT_TOOLTIP_CLASSNAME as g, POPOVER_CONTAINER_CLASSNAME as oo, TOOLTIP_CONTENT_CLASSNAME as k, POPOVER_CONTENT_CLASSNAME as P, POPOVER_HEADER_TITLE_CLASSNAME as ro, POPOVER_FOOTER_CLASSNAME as eo, POPOVER_HEADER_CLASSNAME as $ } from "./constants.js";
 import no from "./PopoverDismissButton/PopoverDismissButton.js";
 import to from "./PopoverTitle/PopoverTitle.js";
 import { PopoverContainerVariant as c, PopoverContainerSize as h } from "./types.js";
@@ -10,29 +10,30 @@ import { useClickOutside as io, ClickOutsideVariant as so } from "../../../hooks
 import mo from "../../../hooks/element/useFocusTrap.js";
 import uo from "../../../hooks/element/usePopoverPositioner.js";
 import D from "../../../hooks/element/useUniqueIdentifier.js";
-import { getModifierClasses as ao } from "../../../utils/class-name-utils.js";
-import { isFunction as po } from "../../../utils/common/index.js";
-import { SELECTORS as fo, isFocusable as lo } from "../../../utils/tabbable.js";
+import { SELECTORS as ao, isFocusable as po } from "../../../primitives/dom/tabbableRoot/tabbable.js";
 import B from "classnames";
-import { createPortal as Oo } from "../../../external/preact/compat/dist/compat.module.js";
-import { useMemo as k, useRef as T, useCallback as A, useEffect as Eo } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { createPortal as fo } from "../../../external/preact/compat/dist/compat.module.js";
+import { useMemo as w, useRef as T, useCallback as A, useEffect as lo } from "../../../external/preact/hooks/dist/hooks.module.js";
 import "./Popover.scss.js";
-import Po from "../../../hooks/useReflex/hooks/useReflex.js";
+import Oo from "../../../hooks/useReflex/useReflex.js";
 import { Fragment as N } from "../../../external/preact/dist/preact.module.js";
-const To = (i) => {
-  var e;
+import { isFunction as Eo } from "../../../utils/value/is.js";
+import { boolOrTrue as Po } from "../../../utils/value/bool.js";
+import { getModifierClasses as To } from "../../../utils/preact/className.js";
+const Ao = (i) => {
+  var r;
   let a;
-  const l = (e = i.querySelector(`.${w}`)) == null ? void 0 : e.querySelectorAll(fo);
+  const l = (r = i.querySelector(`.${k}`)) == null ? void 0 : r.querySelectorAll(ao);
   return l ? (Array.prototype.some.call(l, (s) => {
-    if (lo(s))
+    if (po(s))
       return a = s;
   }), a) : null;
-}, Ao = (i) => i === c.TOOLTIP ? [10, 3, 5, 5] : [15, 15, 15, 15];
-function Uo({
+}, No = (i) => i === c.TOOLTIP ? [10, 3, 5, 5] : [15, 15, 15, 15];
+function Wo({
   actions: i,
   disableFocusTrap: a = !1,
-  actionsLayout: l = Z.SPACE_BETWEEN,
-  variant: e = c.TOOLTIP,
+  actionsLayout: l = z.SPACE_BETWEEN,
+  variant: r = c.TOOLTIP,
   title: s,
   open: p,
   dismissible: C,
@@ -44,7 +45,7 @@ function Uo({
   position: q,
   targetElement: n,
   setToTargetWidth: x,
-  dismiss: r,
+  dismiss: e,
   children: y,
   withContentPadding: U,
   classNameModifiers: K,
@@ -52,36 +53,36 @@ function Uo({
   fitPosition: W,
   ...v
 }) {
-  const R = k(() => po(r) && C !== !1, [r, C]), F = D(), I = T(), H = A(
+  const R = w(() => Eo(e) && Po(C), [e, C]), F = D(), I = T(), j = A(
     (m) => {
       var u;
-      r && r(), m && ((u = n == null ? void 0 : n.current) == null || u.focus());
+      e && e(), m && ((u = n == null ? void 0 : n.current) == null || u.focus());
     },
-    [r, n]
+    [e, n]
   ), E = A(
     (m) => {
-      m.code === co.ESCAPE && (r && r(), (n == null ? void 0 : n.current).focus());
+      m.code === co.ESCAPE && (e && e(), (n == null ? void 0 : n.current).focus());
     },
-    [r, n]
+    [e, n]
   ), d = T(E), V = T(), M = io(
-    uo(Ao(e), n, e, q, F, x, f, W),
-    r,
-    e === c.TOOLTIP && !p,
+    uo(No(r), n, r, q, F, x, f, W),
+    e,
+    r === c.TOOLTIP && !p,
     so.POPOVER
-  ), j = mo(a ? null : M, H), G = Po(
+  ), H = mo(a ? null : M, j), G = Oo(
     A(
       (m) => {
         m instanceof Element && (cancelAnimationFrame(V.current), V.current = requestAnimationFrame(() => {
           if (I.current === p || !(I.current = p))
             return;
-          const u = To(m);
+          const u = Ao(m);
           u == null || u.focus();
         }));
       },
       [p]
     ),
-    a ? M : j
-  ), z = D(G), J = k(
+    a ? M : H
+  ), J = D(G), Q = w(
     () => ({
       [`${t}--medium`]: O === h.MEDIUM,
       [`${t}--with-divider`]: !!L,
@@ -92,39 +93,39 @@ function Uo({
     }),
     [O, L, S, _, f]
   );
-  Eo(() => (document.removeEventListener("keydown", d.current), document.addEventListener("keydown", d.current = E), () => document.removeEventListener("keydown", d.current)), [E]);
-  const Q = e === c.TOOLTIP ? g : `${t} ${oo}`, X = e === c.TOOLTIP ? w : `${P}`;
-  return Oo(
+  lo(() => (document.removeEventListener("keydown", d.current), document.addEventListener("keydown", d.current = E), () => document.removeEventListener("keydown", d.current)), [E]);
+  const X = r === c.TOOLTIP ? g : `${t} ${oo}`, Y = r === c.TOOLTIP ? k : `${P}`;
+  return fo(
     /* @__PURE__ */ o(N, { children: p ? /* @__PURE__ */ o(N, { children: [
       f && /* @__PURE__ */ o("div", { className: "adyen-pe-popover__overlay" }),
       /* @__PURE__ */ o(
         "div",
         {
           id: "popover",
-          ref: z,
+          ref: J,
           ...v,
-          className: B(Q, J, K),
+          className: B(X, Q, K),
           style: { visibility: "hidden" },
-          role: v.role ?? (e === c.POPOVER ? "dialog" : "tooltip"),
+          role: v.role ?? (r === c.POPOVER ? "dialog" : "tooltip"),
           children: [
-            (s || R) && /* @__PURE__ */ o("div", { className: ao($, b, [$]), children: [
-              s && /* @__PURE__ */ o("div", { className: eo, children: /* @__PURE__ */ o(to, { title: s }) }),
-              R && /* @__PURE__ */ o(no, { onClick: r })
+            (s || R) && /* @__PURE__ */ o("div", { className: To($, b, [$]), children: [
+              s && /* @__PURE__ */ o("div", { className: ro, children: /* @__PURE__ */ o(to, { title: s }) }),
+              R && /* @__PURE__ */ o(no, { onClick: e })
             ] }),
             y && /* @__PURE__ */ o(N, { children: [
               /* @__PURE__ */ o(
                 "div",
                 {
-                  className: B(X, {
+                  className: B(Y, {
                     [`${P}--with-padding`]: U,
                     [`${P}--overlay`]: f
                   }),
                   children: y
                 }
               ),
-              e === c.TOOLTIP && /* @__PURE__ */ o("span", { "data-popover-placement": "hidden", ref: F, className: "adyen-pe-tooltip__arrow" })
+              r === c.TOOLTIP && /* @__PURE__ */ o("span", { "data-popover-placement": "hidden", ref: F, className: "adyen-pe-tooltip__arrow" })
             ] }),
-            i && /* @__PURE__ */ o("div", { className: ro, children: /* @__PURE__ */ o(Y, { actions: i, layout: l }) })
+            i && /* @__PURE__ */ o("div", { className: eo, children: /* @__PURE__ */ o(Z, { actions: i, layout: l }) })
           ]
         }
       )
@@ -133,5 +134,5 @@ function Uo({
   );
 }
 export {
-  Uo as default
+  Wo as default
 };

package/dist/es/components/internal/Popover/PopoverTitle/PopoverTitle.js

@@ -5,7 +5,7 @@ import { memo as n } from "../../../../external/preact/compat/dist/compat.module
 function p({ title: t, isImageTitle: r = !1 }) {
   return /* @__PURE__ */ a(e, { strongest: !r, variant: (() => r ? o.SUBTITLE : o.BODY)(), children: t });
 }
-const c = n(p);
+const T = n(p);
 export {
-  c as default
+  T as default
 };

package/dist/es/components/internal/Popover/utils/utils.js

@@ -1,12 +1,14 @@
-import { struct as f, enumerable as o, structFrom as u } from "../../../../utils/common/index.js";
-const d = (() => {
+import { struct as f, structFrom as m } from "../../../../utils/struct/main.js";
+import { enumerable as o } from "../../../../utils/struct/property.js";
+import { isUndefined as d } from "../../../../utils/value/is.js";
+const u = (() => {
   const t = /* @__PURE__ */ new WeakMap(), s = f({
     remove: o(function() {
       i(this.observerCallback);
     })
   }), n = (e) => {
     let r = t.get(e);
-    if (r === void 0) {
+    if (d(r)) {
       const v = new IntersectionObserver(
         (c) => {
           c.forEach((b) => {
@@ -15,7 +17,7 @@ const d = (() => {
         },
         { root: null, rootMargin: "", threshold: [1] }
       );
-      r = u(s, {
+      r = m(s, {
         observerCallback: o(e),
         observer: o(v)
       }), t.set(e, r);
@@ -26,7 +28,7 @@ const d = (() => {
     r == null || r.observer.disconnect(), t.delete(e);
   };
   return n;
-})(), a = d;
+})(), h = u;
 export {
-  a as default
+  h as default
 };

package/dist/es/components/internal/SVGIcons/CheckedBox.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import c from "../../../utils/fixedForwardRef.js";
+import { fixedForwardRef as c } from "../../../utils/preact/fixedForwardRef.js";
 const h = c(({ title: e, ...r }, t) => /* @__PURE__ */ o("svg", { ...r, ref: t, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
   e && /* @__PURE__ */ o("title", { children: e }),
   /* @__PURE__ */ o(

package/dist/es/components/internal/SVGIcons/Checkmark.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import i from "../../../utils/fixedForwardRef.js";
+import { fixedForwardRef as i } from "../../../utils/preact/fixedForwardRef.js";
 const t = i(({ title: r, ...l }, o) => /* @__PURE__ */ e("svg", { ...l, ref: o, xmlns: "http://www.w3.org/2000/svg", fill: "none", width: "16", viewBox: "0 0 16 16", height: "16", children: [
   r && /* @__PURE__ */ e("title", { children: r }),
   /* @__PURE__ */ e(

package/dist/es/components/internal/SVGIcons/ChevronDown.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import n from "../../../utils/fixedForwardRef.js";
+import { fixedForwardRef as n } from "../../../utils/preact/fixedForwardRef.js";
 const i = n(({ title: e, ...l }, r) => /* @__PURE__ */ o("svg", { ...l, ref: r, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
   e && /* @__PURE__ */ o("title", { children: e }),
   /* @__PURE__ */ o(

package/dist/es/components/internal/SVGIcons/ChevronLeft.js

@@ -1,12 +1,12 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import r from "../../../utils/fixedForwardRef.js";
-const d = r(({ title: o, ...t }, i) => /* @__PURE__ */ e("svg", { ...t, ref: i, width: "7", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  o && /* @__PURE__ */ e("title", { children: o }),
+import { fixedForwardRef as r } from "../../../utils/preact/fixedForwardRef.js";
+const d = r(({ title: t, ...o }, i) => /* @__PURE__ */ e("svg", { ...o, ref: i, width: "7", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  t && /* @__PURE__ */ e("title", { children: t }),
   /* @__PURE__ */ e(
     "path",
     {
       d: "M5.56077 2.00011L2.56077 5.00011L5.56077 8.00011L4.50011 9.06077L0.439453 5.00011L4.50011 0.939453L5.56077 2.00011Z",
-      fill: t.disabled ? "#8D95A3" : "#00112C"
+      fill: o.disabled ? "#8D95A3" : "#00112C"
     }
   )
 ] })), l = d;

package/dist/es/components/internal/SVGIcons/ChevronRight.js

@@ -1,12 +1,12 @@
 import { jsx as i } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import h from "../../../utils/fixedForwardRef.js";
-const r = h(({ title: o, ...t }, e) => /* @__PURE__ */ i("svg", { ...t, ref: e, width: "7", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  o && /* @__PURE__ */ i("title", { children: o }),
+import { fixedForwardRef as h } from "../../../utils/preact/fixedForwardRef.js";
+const r = h(({ title: t, ...e }, o) => /* @__PURE__ */ i("svg", { ...e, ref: o, width: "7", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  t && /* @__PURE__ */ i("title", { children: t }),
   /* @__PURE__ */ i(
     "path",
     {
       d: "M0.439453 7.9999L3.43945 4.9999L0.439454 1.9999L1.50011 0.93924L5.56077 4.9999L1.50011 9.06056L0.439453 7.9999Z",
-      fill: t.disabled ? "#8D95A3" : "#00112C"
+      fill: e.disabled ? "#8D95A3" : "#00112C"
     }
   )
 ] })), n = r;

package/dist/es/components/internal/SVGIcons/ChevronUp.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import i from "../../../utils/fixedForwardRef.js";
-const n = i(({ title: o, ...l }, r) => /* @__PURE__ */ e("svg", { ...l, ref: r, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
-  o && /* @__PURE__ */ e("title", { children: o }),
+import { fixedForwardRef as i } from "../../../utils/preact/fixedForwardRef.js";
+const n = i(({ title: l, ...o }, r) => /* @__PURE__ */ e("svg", { ...o, ref: r, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
+  l && /* @__PURE__ */ e("title", { children: l }),
   /* @__PURE__ */ e(
     "path",
     {

package/dist/es/components/internal/SVGIcons/Close.js

@@ -1,13 +1,13 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-const o = ({ ...l }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l, children: /* @__PURE__ */ e(
+const o = ({ ...l }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", ...l, children: /* @__PURE__ */ e(
   "path",
   {
+    fill: "currentColor",
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M13.6569 4.07112C14.0474 3.6806 14.0474 3.04743 13.6569 2.65691C13.2664 2.26638 12.6332 2.26638 12.2427 2.65691L8.00005 6.89954L3.75745 2.65694C3.36692 2.26641 2.73376 2.26641 2.34324 2.65694C1.95271 3.04746 1.95271 3.68063 2.34324 4.07115L6.58584 8.31375L2.34319 12.5564C1.95266 12.9469 1.95266 13.5801 2.34319 13.9706C2.73371 14.3611 3.36688 14.3611 3.7574 13.9706L8.00005 9.72796L12.2427 13.9706C12.6333 14.3612 13.2664 14.3612 13.6569 13.9706C14.0475 13.5801 14.0475 12.947 13.6569 12.5564L9.41426 8.31375L13.6569 4.07112Z",
-    fill: "#000"
+    d: "M13.6569 4.07112C14.0474 3.6806 14.0474 3.04743 13.6569 2.65691C13.2664 2.26638 12.6332 2.26638 12.2427 2.65691L8.00005 6.89954L3.75745 2.65694C3.36692 2.26641 2.73376 2.26641 2.34324 2.65694C1.95271 3.04746 1.95271 3.68063 2.34324 4.07115L6.58584 8.31375L2.34319 12.5564C1.95266 12.9469 1.95266 13.5801 2.34319 13.9706C2.73371 14.3611 3.36688 14.3611 3.7574 13.9706L8.00005 9.72796L12.2427 13.9706C12.6333 14.3612 13.2664 14.3612 13.6569 13.9706C14.0475 13.5801 14.0475 12.947 13.6569 12.5564L9.41426 8.31375L13.6569 4.07112Z"
   }
-) }), t = o;
+) }), C = o;
 export {
-  t as default
+  C as default
 };

package/dist/es/components/internal/SVGIcons/Filter.js

@@ -5,7 +5,7 @@ const l = ({ ...i }) => /* @__PURE__ */ t("svg", { width: "16", height: "16", vi
     d: "M1.25 1.25H14.75V4.05C14.75 4.65117 14.5094 5.22128 14.0903 5.64033L10.08 9.65066V11.6212L7.34093 14.76H5.92V9.65066L1.90967 5.64033C1.49062 5.22128 1.25 4.65117 1.25 4.05V1.25ZM2.75 2.75V4.05C2.75 4.24883 2.82938 4.43872 2.97033 4.57967L7.42 9.02934V12.388L8.58 11.0588V9.02934L13.0297 4.57967C13.1706 4.43872 13.25 4.24883 13.25 4.05V2.75H2.75Z",
     fill: "#00112C"
   }
-) }), e = l;
+) }), o = l;
 export {
-  e as default
+  o as default
 };

package/dist/es/components/internal/SVGIcons/UncheckedBox.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import c from "../../../utils/fixedForwardRef.js";
+import { fixedForwardRef as c } from "../../../utils/preact/fixedForwardRef.js";
 const h = c(({ title: e, ...r }, t) => /* @__PURE__ */ o("svg", { ...r, ref: t, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
   e && /* @__PURE__ */ o("title", { children: e }),
   /* @__PURE__ */ o("path", { stroke: "currentColor", d: "M.5 4C.5 2 2.1.5 4 .5h8c2 0 3.5 1.6 3.5 3.5v8c0 2-1.6 3.5-3.5 3.5H4C2 15.5.5 13.9.5 12V4Z" })

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

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

package/dist/es/{core/Localization/translations/fi-FI.json.js → components/internal/StructuredList/StructuredList.scss.js}

@@ -1,4 +1,4 @@
-const t = {};
+const t = "";
 export {
   t as default
 };

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

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

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

@@ -0,0 +1,18 @@
+import { useMemo as n } from "../../../external/preact/hooks/dist/hooks.module.js";
+import s from "../../../core/Context/useCoreContext.js";
+import { uuid as c } from "../../../utils/random/uuid.js";
+const i = (r) => {
+  const { i18n: t } = s();
+  return n(() => Object.keys(r).reduce((o, e) => {
+    const u = r[e];
+    return u && o.push({
+      key: e,
+      value: u,
+      id: c(),
+      label: t.get(e)
+    }), o;
+  }, []), [t, r]);
+};
+export {
+  i as useStructuredListItems
+};

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

@@ -1,21 +1,21 @@
-import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import t from "classnames";
+import { jsx as m } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import o from "classnames";
 import { TagVariant as e } from "./types.js";
 import "./Tag.scss.js";
-import { memo as m } from "../../../external/preact/compat/dist/compat.module.js";
-const c = m(({ variant: a = e.DEFAULT, label: o }) => /* @__PURE__ */ r(
+import { memo as p } from "../../../external/preact/compat/dist/compat.module.js";
+const y = p(({ variant: a = e.DEFAULT, label: r }) => /* @__PURE__ */ m(
   "div",
   {
-    className: t("adyen-pe-tag", {
+    className: o("adyen-pe-tag", {
       "adyen-pe-tag--success": a === e.SUCCESS,
       "adyen-pe-tag--default": a === e.DEFAULT,
       "adyen-pe-tag--warning": a === e.WARNING,
       "adyen-pe-tag--error": a === e.ERROR,
-      "adyen-pe-tag--white": a === e.WHITE
+      "adyen-pe-tag--primary": a === e.WHITE
     }),
-    children: o
+    children: r
   }
 ));
 export {
-  c as Tag
+  y as Tag
 };

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

@@ -1,41 +1,41 @@
 import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMediaQuery as T, mediaQueries as b } from "../../external/TransactionsOverview/hooks/useMediaQuery.js";
-import v from "../Popover/Popover.js";
-import { PopoverContainerVariant as x } from "../Popover/types.js";
-import { useTooltipListeners as I } from "./useTooltipListeners.js";
-import { TypographyVariant as N } from "../Typography/types.js";
+import { useResponsiveViewport as v, mediaQueries as T } from "../../external/TransactionsOverview/hooks/useResponsiveViewport.js";
+import b from "../Popover/Popover.js";
+import { PopoverContainerVariant as N } from "../Popover/types.js";
+import { useTooltipListeners as V } from "./useTooltipListeners.js";
+import { TypographyVariant as I } from "../Typography/types.js";
 import P from "../Typography/Typography.js";
-import V from "../../../hooks/element/useUniqueIdentifier.js";
+import w from "../../../hooks/element/useUniqueIdentifier.js";
 import u from "classnames";
-import { Fragment as p, cloneElement as O } from "../../../external/preact/dist/preact.module.js";
+import { Fragment as p, cloneElement as x } from "../../../external/preact/dist/preact.module.js";
 import "./Tooltip.scss.js";
-const E = (t) => typeof t == "string", C = ({ content: t, children: o, triggerRef: y, showTooltip: a, position: g, isContainerHovered: s = !1 }) => {
+const O = (t) => typeof t == "string", Q = ({ content: t, children: o, triggerRef: g, showTooltip: s, position: y, isContainerHovered: a = !1 }) => {
   var i, f, n;
-  const e = V(), _ = T(b.down.sm), { isVisible: m, listeners: l } = I();
-  return _ ? /* @__PURE__ */ r(p, { children: o }) : /* @__PURE__ */ r(p, { children: [
-    o ? O(o, {
+  const e = w(), l = v(T.down.sm), { isVisible: m, listeners: _ } = V();
+  return l ? /* @__PURE__ */ r(p, { children: o }) : /* @__PURE__ */ r(p, { children: [
+    o ? x(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,
+        " adyen-pe__tooltip-target--hovered": a
+      }) : u("adyen-pe__tooltip-target", { "adyen-pe__tooltip-target--hovered": a }),
+      ..._,
       "aria-describedby": `tooltip-${(n = e.current) == null ? void 0 : n.id}`
     }) : null,
-    (m || a) && /* @__PURE__ */ r(
-      v,
+    (m || s) && /* @__PURE__ */ r(
+      b,
       {
-        variant: x.TOOLTIP,
-        targetElement: y ?? e,
-        position: g,
-        open: m || a,
-        children: /* @__PURE__ */ r(p, { children: t && E(t) ? /* @__PURE__ */ r(P, { variant: N.CAPTION, children: t }) : { content: t } })
+        variant: N.TOOLTIP,
+        targetElement: g ?? e,
+        position: y,
+        open: m || s,
+        children: /* @__PURE__ */ r(p, { children: t && O(t) ? /* @__PURE__ */ r(P, { variant: I.CAPTION, children: t }) : { content: t } })
       }
     )
   ] });
 };
 export {
-  C as Tooltip
+  Q as Tooltip
 };

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

@@ -1,12 +1,12 @@
-import { jsx as Y } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as S } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { DEFAULT_TYPOGRAPHY_CLASSNAME as o } from "./constants.js";
-import f from "classnames";
-import { useMemo as s } from "../../../external/preact/hooks/dist/hooks.module.js";
+import Y from "classnames";
+import { useMemo as f } from "../../../external/preact/hooks/dist/hooks.module.js";
 import { TypographyVariant as T, TypographyModifier as E } from "./types.js";
 import { memo as R } from "../../../external/preact/compat/dist/compat.module.js";
 import "./Typography.scss.js";
-function y({ el: B, className: D, stronger: I, strongest: L, variant: $, medium: O, large: p, wide: m, children: N }) {
-  const A = B || "p", S = s(
+function y({ el: N, className: s, stronger: I, strongest: L, variant: $, medium: O, large: p, wide: m, children: B }) {
+  const D = N || "p", A = f(
     () => ({
       // Caption
       [`${o}--${T.CAPTION}`]: $ === T.CAPTION,
@@ -27,9 +27,9 @@ function y({ el: B, className: D, stronger: I, strongest: L, variant: $, medium:
     }),
     [$, m, I, O, p, L]
   );
-  return /* @__PURE__ */ Y(A, { className: f([`${o}`, S, D]), children: N });
+  return /* @__PURE__ */ S(D, { className: Y([`${o}`, A, s]), children: B });
 }
-const x = R(y);
+const l = R(y);
 export {
-  x as default
+  l as default
 };

package/dist/es/components/types.js

@@ -1,4 +1,5 @@
-var E = /* @__PURE__ */ ((A) => (A.ARROW_DOWN = "ArrowDown", A.ARROW_LEFT = "ArrowLeft", A.ARROW_RIGHT = "ArrowRight", A.ARROW_UP = "ArrowUp", A.BACKSPACE = "Backspace", A.END = "End", A.ENTER = "Enter", A.ESCAPE = "Escape", A.HOME = "Home", A.PAGE_DOWN = "PageDown", A.PAGE_UP = "PageUp", A.SPACE = "Space", A.TAB = "Tab", A))(E || {});
+var E = /* @__PURE__ */ ((A) => (A.ARROW_DOWN = "ArrowDown", A.ARROW_LEFT = "ArrowLeft", A.ARROW_RIGHT = "ArrowRight", A.ARROW_UP = "ArrowUp", A.BACKSPACE = "Backspace", A.END = "End", A.ENTER = "Enter", A.ESCAPE = "Escape", A.HOME = "Home", A.PAGE_DOWN = "PageDown", A.PAGE_UP = "PageUp", A.SPACE = "Space", A.TAB = "Tab", A))(E || {}), R = /* @__PURE__ */ ((A) => (A.BALANCE_ACCOUNT = "balanceAccount", A.CATEGORIES = "categories", A.CURRENCIES = "currencies", A.CREATED_SINCE = "createdSince", A.CREATED_UNTIL = "createdUntil", A.STATUSES = "statuses", A.MIN_AMOUNT = "minAmount", A.MAX_AMOUNT = "maxAmount", A))(R || {});
 export {
+  R as FilterParam,
   E as InteractionKeyCode
 };

package/dist/es/components/utils/getCommonErrorCode.js

@@ -0,0 +1,26 @@
+const s = { title: "thereWasAnUnexpectedError", message: ["pleaseReachOutToSupportForAssistance"] }, r = (e, t) => {
+  if (!e)
+    return null;
+  switch (e.errorCode) {
+    case "29_001":
+      return {
+        title: "theRequestIsMissingRequiredFieldsOrContainsInvalidData",
+        message: ["pleaseReachOutToSupportForAssistance"],
+        onContactSupport: t
+      };
+    case "30_112":
+      return {
+        title: "entityWasNotFound",
+        message: ["entityWasNotFoundDetail"],
+        onContactSupport: t
+      };
+    case "00_403":
+      return s;
+    default:
+      return null;
+  }
+};
+export {
+  s as UNDEFINED_ERROR,
+  r as getCommonErrorMessage
+};

package/dist/es/components/utils/getErrorMessage.js

@@ -0,0 +1,34 @@
+import { jsx as m } from "../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { UNDEFINED_ERROR as n, getCommonErrorMessage as a } from "./getCommonErrorCode.js";
+import i from "../internal/CopyText/CopyText.js";
+const d = (e, t, r) => {
+  if (!e)
+    return n;
+  const o = a(e, r);
+  if (o)
+    return o;
+  switch (e.errorCode) {
+    case void 0:
+      return {
+        title: "somethingWentWrong",
+        message: [t, "tryRefreshingThePageOrComeBackLater"],
+        refreshComponent: !0
+      };
+    case "00_500": {
+      const s = r ? "theErrorCodeIs" : "contactSupportForHelpAndShareErrorCode";
+      return {
+        title: "somethingWentWrong",
+        message: [t, s],
+        translationValues: {
+          [s]: e.requestId ? /* @__PURE__ */ m(i, { text: e.requestId }) : null
+        },
+        onContactSupport: r
+      };
+    }
+    default:
+      return n;
+  }
+};
+export {
+  d as getErrorMessage
+};