@adyen/adyen-platform-experience-web 1.10.1 → 1.11.0

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

@@ -1,97 +1,100 @@
-import { jsx as y } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useState as D, useRef as O, useMemo as z, useEffect as F, useCallback as s } from "../../../external/preact/hooks/dist/hooks.module.js";
-import K from "classnames";
-import { InteractionKeyCode as c } from "../../types.js";
-import { Step as M } from "./Step.js";
+import { jsx as y } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useState as D, useRef as O, useMemo as w, useEffect as z, useCallback as c } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import F from "classnames";
+import { InteractionKeyCode as a } from "../../types.js";
+import { Step as K } from "./Step.js";
 /* empty css             */
-const q = ({ activeIndex: r, onChange: i, variant: h = "vertical", children: n, nextStepDisabled: k, ariaLabel: d }) => {
-  const [l, N] = D(r), T = O(null), f = O([]), [p, m] = D(r), S = z(() => (Array.isArray(n) ? n : [n]).filter(Boolean), [n]), A = S.length, a = h === "horizontal";
-  F(() => {
-    r > l && N(r);
-    const e = f.current[r];
-    e && e.scrollIntoView({
-      block: "nearest",
-      inline: "nearest",
-      behavior: "smooth"
-    });
-  }, [r, l]);
-  const o = s(
-    (e) => k && e > l ? !1 : e <= l + 1,
-    [l, k]
-  ), W = s(
-    (e) => {
-      o(e) && (m(e), i(e));
+const j = ({ activeIndex: o, onChange: i, variant: S = "vertical", children: n, nextStepDisabled: T, ariaLabel: d }) => {
+  const [l, L] = D(o), k = O(null), p = O([]), [u, A] = D(o), E = w(() => (Array.isArray(n) ? n : [n]).filter(Boolean), [n]), R = E.length, s = S === "horizontal";
+  z(() => {
+    o > l && L(o);
+    const t = p.current[o], e = k.current;
+    if (t && e)
+      if (s) {
+        const f = t.offsetLeft - e.offsetLeft;
+        e.scrollTo({ left: f, behavior: "smooth" });
+      } else {
+        const f = t.offsetTop - e.offsetTop;
+        e.scrollTo({ top: f, behavior: "smooth" });
+      }
+  }, [o, l, s]);
+  const r = c(
+    (t) => T && t > l ? !1 : t <= l + 1,
+    [l, T]
+  ), N = c(
+    (t) => {
+      r(t) && (A(t), i(t));
     },
-    [o, i]
-  ), u = s((e) => {
-    m(e);
-    const t = f.current[e];
-    t && t.focus();
-  }, []), R = s(() => {
-    const e = Math.min(p + 1, A - 1);
-    o(e) && u(e);
-  }, [o, u, p, A]), b = s(() => {
-    const e = Math.max(p - 1, 0);
-    u(e);
-  }, [u, p]), E = s(() => {
-    const e = document.activeElement, t = f.current.indexOf(e);
-    t !== -1 && o(t) && i(t);
-  }, [o, i]), w = s(
-    (e) => {
-      switch (e.code) {
-        case c.ARROW_RIGHT:
-          a && (e.preventDefault(), R());
+    [r, i]
+  ), m = c((t) => {
+    A(t);
+    const e = p.current[t];
+    e && e.focus();
+  }, []), h = c(() => {
+    const t = Math.min(u + 1, R - 1);
+    r(t) && m(t);
+  }, [r, m, u, R]), b = c(() => {
+    const t = Math.max(u - 1, 0);
+    m(t);
+  }, [m, u]), _ = c(() => {
+    const t = document.activeElement, e = p.current.indexOf(t);
+    e !== -1 && r(e) && i(e);
+  }, [r, i]), W = c(
+    (t) => {
+      switch (t.code) {
+        case a.ARROW_RIGHT:
+          s && (t.preventDefault(), h());
           break;
-        case c.ARROW_LEFT:
-          a && (e.preventDefault(), b());
+        case a.ARROW_LEFT:
+          s && (t.preventDefault(), b());
           break;
-        case c.ARROW_DOWN:
-          a || (e.preventDefault(), R());
+        case a.ARROW_DOWN:
+          s || (t.preventDefault(), h());
           break;
-        case c.ARROW_UP:
-          a || (e.preventDefault(), b());
+        case a.ARROW_UP:
+          s || (t.preventDefault(), b());
           break;
-        case c.TAB:
-          m(r);
+        case a.TAB:
+          A(o);
           break;
-        case c.ENTER:
-        case c.SPACE:
-          e.preventDefault(), E();
+        case a.ENTER:
+        case a.SPACE:
+          t.preventDefault(), _();
           break;
       }
     },
-    [a, r, E, R, b]
+    [s, o, _, h, b]
   );
   return /* @__PURE__ */ y("div", { className: "adyen-pe-stepper", children: /* @__PURE__ */ y(
     "ol",
     {
       "aria-label": d,
-      ref: T,
+      ref: k,
       role: "toolbar",
-      "aria-orientation": h,
-      className: K("adyen-pe-stepper__list", {
-        "adyen-pe-stepper__list--horizontal": a
+      "aria-orientation": S,
+      className: F("adyen-pe-stepper__list", {
+        "adyen-pe-stepper__list--horizontal": s
       }),
-      onKeyDown: w,
-      children: S.map((e, t) => /* @__PURE__ */ y(
-        M,
+      onKeyDown: W,
+      children: E.map((t, e) => /* @__PURE__ */ y(
+        K,
         {
-          totalSteps: A,
-          index: t,
-          active: t === r,
-          completed: t < r,
-          disabled: !o(t),
-          onClick: () => W(t),
-          ref: (_) => {
-            _ && (f.current[t] = _);
+          totalSteps: R,
+          index: e,
+          active: e === o,
+          completed: e < o,
+          disabled: !r(e),
+          onClick: () => N(e),
+          ref: (f) => {
+            f && (p.current[e] = f);
           },
-          children: e.props?.children || e
+          children: t.props?.children || t
         },
-        t
+        e
       ))
     }
   ) });
 };
 export {
-  q as Stepper
+  j as Stepper
 };

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

@@ -1,5 +1,5 @@
-import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useCallback as s } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as o } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useCallback as s } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { StoreSelectorButtonContent as a } from "./StoreSelectorButton/StoreSelectorButton.js";
 import { StoreSelectorItem as c } from "./StoreSelectorItem/StoreSelectorItem.js";
 import { useResponsiveContainer as p, containerQueries as u } from "../../../hooks/useResponsiveContainer.js";

package/dist/es/components/internal/StoreSelector/StoreSelectorButton/StoreSelectorButton.js

@@ -1,4 +1,4 @@
-import { jsx as e } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as e } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import o from "../../Typography/Typography.js";
 import { TypographyVariant as t, TypographyElement as r } from "../../Typography/types.js";
 /* empty css                         */

package/dist/es/components/internal/StoreSelector/StoreSelectorItem/StoreSelectorItem.js

@@ -1,4 +1,4 @@
-import { jsx as e } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as e } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import r from "../../Typography/Typography.js";
 import { TypographyVariant as t, TypographyElement as o } from "../../Typography/types.js";
 /* empty css                       */

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

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

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

@@ -1,19 +1,20 @@
-import { useMemo as u } from "../../../external/preact/hooks/dist/hooks.module.js";
-import n from "../../../core/Context/useCoreContext.js";
+import { useMemo as o } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import n from "../../../core/Context/preact/useCoreContext.js";
 import { uuid as a } from "../../../utils/random/uuid.js";
-const s = (e) => {
-  const { i18n: o } = n();
-  return u(() => e.map((r) => ({
+const p = (e) => {
+  const { i18n: u } = n();
+  return o(() => e.map((r) => ({
     key: r.key,
     value: r.value,
-    id: r.id || a(),
-    label: r.label ?? o.get(r.key),
+    id: r.id,
+    uid: r.id || a(),
+    label: r.label ?? u.get(r.key),
     type: r.type,
     config: r.config,
     rawValue: r.rawValue,
     render: r.render
-  })), [o, e]);
+  })), [u, e]);
 };
 export {
-  s as useStructuredListItems
+  p as useStructuredListItems
 };

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

@@ -0,0 +1,9 @@
+import { jsx as c } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import e from "classnames";
+/* empty css                 */
+import { Icon as o } from "../Icon/Icon.js";
+const i = ({ className: s }) => /* @__PURE__ */ c("div", { className: e("adyen-pe-success-icon", s), children: /* @__PURE__ */ c(o, { name: "checkmark", className: "adyen-pe-success-icon__icon" }) });
+export {
+  i as SuccessIcon,
+  i as default
+};

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

@@ -1,16 +1,16 @@
-import { jsx as i } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as i } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { TypographyVariant as y, TypographyElement as $ } from "../Typography/types.js";
-import h from "../../../core/Context/useCoreContext.js";
-import { useTabbedControl as u } from "../../../hooks/useTabbedControl.js";
-import f from "../Typography/Typography.js";
+import h from "../../../hooks/useTabbedControl.js";
+import u from "../Typography/Typography.js";
 /* empty css          */
+import f from "../../../core/Context/preact/useCoreContext.js";
 function x({
   ["aria-label"]: t,
   activeTab: d,
   tabs: r,
   onChange: s
 }) {
-  const { activeIndex: o, onClick: p, onKeyDown: c, refs: m, uniqueId: a } = u({ onChange: s, options: r, activeOption: d }), { i18n: b } = h();
+  const { activeIndex: o, onClick: p, onKeyDown: c, refs: m, uniqueId: a } = h({ onChange: s, options: r, activeOption: d }), { i18n: b } = f();
   return /* @__PURE__ */ i("div", { children: [
     /* @__PURE__ */ i("div", { className: "adyen-pe-tabs", role: "tablist", "aria-orientation": "horizontal", "aria-label": t, children: r.map((e, n) => {
       const l = o === n;
@@ -28,7 +28,7 @@ function x({
           onKeyDown: c,
           disabled: e.disabled,
           tabIndex: l ? 0 : -1,
-          children: /* @__PURE__ */ i(f, { el: $.SPAN, variant: y.BODY, className: "adyen-pe-tabs__tab-label", stronger: !0, children: b.get(e.label) })
+          children: /* @__PURE__ */ i(u, { el: $.SPAN, variant: y.BODY, className: "adyen-pe-tabs__tab-label", stronger: !0, children: b.get(e.label) })
         },
         `tab:${a}-${e.id}`
       );

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

@@ -1,8 +1,8 @@
-import { jsx as g } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as g } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import o from "classnames";
 import { TagVariant as e } from "./types.js";
 /* empty css         */
-import { memo as m } from "../../../external/preact/compat/dist/compat.module.js";
+import { memo as m } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
 const T = m(({ variant: p = e.DEFAULT, label: t, children: a }) => /* @__PURE__ */ g(
   "div",
   {

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

@@ -1,8 +1,8 @@
-import { jsx as c } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useState as I, useRef as _, useMemo as r, useCallback as g } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as c } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useState as I, useRef as _, useMemo as r, useCallback as g } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { TimelineContext as C } from "./context.js";
 /* empty css              */
-function j({ children: o, showMore: t = null, timeGapLimit: a = null }) {
+function R({ children: o, showMore: t = null, timeGapLimit: a = null }) {
   const [n, u] = I([]), [l, y] = I(!1), v = _(0), m = r(() => t && n.length > t.limit ? n.length - t.limit : null, [t, n.length]), f = r(() => {
     if (!t || !n.length)
       return null;
@@ -51,5 +51,5 @@ function j({ children: o, showMore: t = null, timeGapLimit: a = null }) {
   return /* @__PURE__ */ c(C.Provider, { value: b, children: /* @__PURE__ */ c("div", { className: "adyen-pe-timeline", children: /* @__PURE__ */ c("ol", { className: "adyen-pe-timeline__items", children: o }) }) });
 }
 export {
-  j as default
+  R as default
 };

package/dist/es/components/internal/Timeline/components/DateText.js

@@ -1,8 +1,8 @@
-import { jsx as c } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as d } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as c } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as d } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { TimelineDateFormat as e } from "../types.js";
 import T from "../../../../hooks/useTimezoneAwareDateFormatting.js";
-import { Fragment as h } from "../../../../external/preact/dist/preact.module.js";
+import { Fragment as h } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
 function g(t) {
   switch (t) {
     case e.FULL_DATE:

package/dist/es/components/internal/Timeline/components/TimelineItem.js

@@ -1,5 +1,5 @@
-import { jsx as e } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useContext as R, useRef as M, useLayoutEffect as P, useMemo as A } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as e } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useContext as R, useRef as M, useLayoutEffect as P, useMemo as A } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import Y from "classnames";
 import { TimelineContext as U } from "../context.js";
 import { formatDistanceStrict as q, DateText as z } from "./DateText.js";
@@ -9,18 +9,18 @@ import { TypographyVariant as _, TypographyElement as h } from "../../Typography
 import { Tag as j } from "../../Tag/Tag.js";
 import K from "../../StructuredList/StructuredList.js";
 /* empty css                  */
-import F from "../../../../core/Context/useCoreContext.js";
-import { useUniqueId as H } from "../../../../hooks/useUniqueId.js";
+import F from "../../../../hooks/useUniqueId.js";
+import H from "../../../../core/Context/preact/useCoreContext.js";
 import { Icon as J } from "../../Icon/Icon.js";
 import Q from "../../Button/Button.js";
 const W = {
   day: "common.timeline.timelineItem.timeGap.unit.day"
 };
 function pe({ dataList: y = null, description: r = null, status: f = "black", tag: I, timestamp: i, title: o = null, children: N }) {
-  const { i18n: a } = F(), g = R(U);
+  const { i18n: a } = H(), g = R(U);
   if (!g)
     throw new Error("TimelineItem must be used within a Timeline component");
-  const { registerTimelineEntry: T, entries: l, showAll: x, showMoreIndex: C, hiddenItems: w, visibleIndexes: m, timeGapLimit: s, toggleShowAll: D } = g, b = M(H());
+  const { registerTimelineEntry: T, entries: l, showAll: x, showMoreIndex: C, hiddenItems: w, visibleIndexes: m, timeGapLimit: s, toggleShowAll: D } = g, b = M(F());
   P(() => {
     const t = {
       title: o || void 0,

package/dist/es/components/internal/Timeline/context.js

@@ -1,4 +1,4 @@
-import { createContext as t } from "../../../external/preact/dist/preact.module.js";
+import { createContext as t } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
 const o = t(null);
 export {
   o as TimelineContext

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

@@ -1,10 +1,10 @@
-import { jsx as a } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useCallback as h, useMemo as u } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as a } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useCallback as h, useMemo as u } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { classes as e } from "./constants.js";
 import c from "classnames";
 /* empty css                  */
 import { fixedForwardRef as g } from "../../../utils/preact/fixedForwardRef.js";
-import { Fragment as d } from "../../../external/preact/dist/preact.module.js";
+import { Fragment as d } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
 import { Icon as k } from "../Icon/Icon.js";
 const T = g(
   ({ className: n, children: o, labelBeforeSwitch: s, onClick: t, readOnly: r, ...i }, p) => {

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

@@ -1,4 +1,4 @@
-import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as e } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import c from "../Popover/Popover.js";
 import { PopoverContainerVariant as g } from "../Popover/types.js";
 import { useTooltipListeners as T } from "./useTooltipListeners.js";
@@ -6,8 +6,8 @@ import { TypographyVariant as d, TypographyElement as y } from "../Typography/ty
 import v from "../Typography/Typography.js";
 import E from "../../../hooks/element/useUniqueIdentifier.js";
 import P from "classnames";
-import { cloneElement as b, Fragment as I } from "../../../external/preact/dist/preact.module.js";
-import { useState as N, useMemo as x } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { cloneElement as b, Fragment as I } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
+import { useState as N, useMemo as x } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 /* empty css             */
 const h = (o) => typeof o == "string", D = ({ content: o, children: t, showTooltip: i, position: m, isUnderlineVisible: r = !1 }) => {
   const [a, n] = N(null), { isVisible: l, listeners: f } = T(), s = E(), p = l || !!i, u = x(

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

@@ -1,16 +1,16 @@
-import { useRef as n, useCallback as i, useEffect as l } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { useRef as u, useCallback as i, useEffect as l } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { InteractionKeyCode as f } from "../../types.js";
 import m from "../../../hooks/useBooleanState.js";
 const y = () => {
-  const [u, t] = m(), o = n(), c = n(() => {
+  const [c, t] = m(), o = u(), r = u(() => {
     o.current && clearTimeout(o.current), o.current = void 0;
-  }).current, r = i(() => {
+  }).current, e = i(() => {
+    r(), t(!1);
+  }, [r, t]), n = i(() => {
     o.current ??= setTimeout(() => {
       o.current = setTimeout(e, 15e3), t(!0);
     }, 500);
-  }, [t]), e = i(() => {
-    c(), t(!1);
-  }, [t]), a = i(
+  }, [e, t]), a = i(
     (s) => {
       s.code === f.ESCAPE && (s.preventDefault(), s.stopPropagation(), e());
     },
@@ -18,13 +18,13 @@ const y = () => {
   );
   return l(() => e, [e]), {
     listeners: {
-      onfocusin: r,
+      onfocusin: n,
       onfocusout: e,
-      onMouseEnter: r,
+      onMouseEnter: n,
       onMouseLeave: e,
       onKeyDown: a
     },
-    isVisible: u
+    isVisible: c
   };
 };
 export {

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

@@ -1,33 +1,32 @@
-import { jsx as f } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import g from "../../../core/Context/useCoreContext.js";
-import { Fragment as d } from "../../../external/preact/dist/preact.module.js";
-import { useMemo as F } from "../../../external/preact/hooks/dist/hooks.module.js";
-import { uniqueId as v } from "../../../utils/random/uniqueId.js";
+import { jsx as f } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { Fragment as d } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
+import { useMemo as F } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import g from "../../../core/Context/preact/useCoreContext.js";
+import v from "../../../utils/random/uniqueId.js";
 import { isFunction as x } from "../../../utils/value/is.js";
-const h = (t) => x(t) ? t : () => t, q = ({ count: t, defaultFill: u, fills: e, translationKey: c }) => {
+const h = (o) => x(o) ? o : () => o, q = ({ count: o, defaultFill: u, fills: e, translationKey: c }) => {
   const { i18n: l } = g(), p = F(() => {
     const n = h(u);
     return e !== void 0 ? (...r) => {
       const [s, i] = r;
       for (const m of [s, i]) {
-        const o = h(e[m])(...r);
-        if (o != null) return o;
+        const t = h(e[m])(...r);
+        if (t != null) return t;
       }
       return n(...r);
     } : n;
   }, [e, u]);
   return F(() => {
-    const n = [], r = v("translation"), s = (...o) => (n.push(p(...o) ?? null), r), [i, ...m] = l.get(c, { count: t, values: s }).split(r);
+    const n = [], r = v("translation"), s = (...t) => (n.push(p(...t) ?? null), r), [i, ...m] = l.get(c, { count: o, values: s }).split(r);
     return /* @__PURE__ */ f(d, { children: [
       i,
-      m.map((o, a) => /* @__PURE__ */ f(d, { children: [
+      m.map((t, a) => /* @__PURE__ */ f(d, { children: [
         n[a],
-        o
+        t
       ] }, `${r}__${a}`))
     ] });
-  }, [l, t, p, c]);
+  }, [l, o, p, c]);
 };
 export {
-  q as Translation,
-  q as default
+  q as Translation
 };

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

@@ -1,9 +1,9 @@
-import { jsx as f } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as f } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { DEFAULT_TYPOGRAPHY_CLASSNAME as o } from "./constants.js";
 import R from "classnames";
-import { useMemo as y } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as y } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { TypographyVariant as T, TypographyModifier as E } from "./types.js";
-import { memo as C } from "../../../external/preact/compat/dist/compat.module.js";
+import { memo as C } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
 /* empty css                */
 function P({ el: B, id: D, className: N, stronger: I, strongest: L, variant: $, medium: O, large: p, testId: A, wide: m, children: S }) {
   const s = B || "p", Y = y(

package/dist/es/components/utils/capital/getCapitalErrorMessage.js

@@ -1,4 +1,4 @@
-import { jsx as s } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as s } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { getCommonErrorMessage as m } from "../getCommonErrorCode.js";
 import n from "../../internal/CopyText/CopyText.js";
 const o = {

package/dist/es/components/utils/disputes/getDisputesErrorMessage.js

@@ -1,4 +1,4 @@
-import { jsx as n } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as n } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { UNDEFINED_ERROR as t } from "../getCommonErrorCode.js";
 import m from "../../internal/CopyText/CopyText.js";
 const c = (e, o, r) => {

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

@@ -1,4 +1,4 @@
-import { jsx as n } from "../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as n } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { UNDEFINED_ERROR as m, getCommonErrorMessage as c } from "./getCommonErrorCode.js";
 import a from "../internal/CopyText/CopyText.js";
 const l = (r, o, e) => {

package/dist/es/components/utils/translation/getters.js

@@ -1,12 +1,12 @@
 import { createDynamicTranslationFactory as s, createKeyFactoryFromConfig as e } from "./factory.js";
-import { DISPUTE_REASON_CATEGORIES as a, DISPUTE_TYPES as i, DISPUTE_STATUSES as r } from "../disputes/constants.js";
+import { DISPUTE_TYPES as a, DISPUTE_REASON_CATEGORIES as i, DISPUTE_STATUSES as r } from "../disputes/constants.js";
 import { REFUND_REASONS_KEYS as c } from "../../external/TransactionDetails/constants.js";
 const o = (t, n) => n, y = e({ prefix: "payouts.details.breakdown.adjustments.types." }), I = s(y, o), p = e({ prefix: "payouts.details.breakdown.fundsCaptured.types." }), P = s(p, o), u = e({ prefix: "reports.common.types." }), U = s(u, o), m = e({ prefix: "transactions.details.summary.adjustments.types." }), b = s(m, o), d = e({
   prefix: "transactions.details.summary.adjustments.types.",
   suffix: ".information"
 }), k = s(d), T = e({ prefix: "transactions.common.types." }), N = s(T, o), f = e({ prefix: "transactions.common.types.", suffix: ".description" }), O = s(f);
 e({ prefix: "transactions.common.statuses." });
-const x = e({ prefix: "transactions.details.timeline.statuses." }), w = s(x, o), g = e({ prefix: "transactions.details.timeline.types." }), Y = s(g, o), F = e({ prefix: "transactions.details.common.refundReasons." }), l = (t) => t && (c[t] ?? F(t)), G = s(l, o), K = e({ prefix: "disputes.common.reasonCategories." }), S = (t) => t && (a[t] ?? K(t)), V = s(S, o), R = e({ prefix: "disputes.common.statuses." }), A = (t) => t && (r[t] ?? R(t)), h = s(A, o), E = e({ prefix: "disputes.management.details.types." }), C = (t) => t && (i[t] ?? E(t)), q = s(C, o);
+const x = e({ prefix: "transactions.details.timeline.statuses." }), w = s(x, o), g = e({ prefix: "transactions.details.timeline.types." }), Y = s(g, o), F = e({ prefix: "transactions.details.common.refundReasons." }), l = (t) => t && (c[t] ?? F(t)), G = s(l, o), K = e({ prefix: "disputes.common.reasonCategories." }), S = (t) => t && (i[t] ?? K(t)), V = s(S, o), R = e({ prefix: "disputes.common.statuses." }), A = (t) => t && (r[t] ?? R(t)), h = s(A, o), E = e({ prefix: "disputes.management.details.types." }), C = (t) => t && (a[t] ?? E(t)), q = s(C, o);
 export {
   V as getDisputeReason,
   h as getDisputeStatus,

package/dist/es/config/capital/pollingConfig.json.js

@@ -0,0 +1,7 @@
+const i = { initialIntervalMs: 500, backoffMultiplier: 1, maxDurationMs: 3e3 }, l = {
+  missingActions: i
+};
+export {
+  l as default,
+  i as missingActions
+};