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

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

@@ -1,49 +1,38 @@
-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";
 import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-const v = "6-6";
-function b({
-  items: l,
+import a from "classnames";
+import { useMemo as C } from "../../../external/preact/hooks/dist/hooks.module.js";
+import f 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";
+/* empty css                    */
+import { useStructuredListItems as y } from "./useStructuredListItem.js";
+const N = "6-6";
+function G({
+  items: e,
   highlightable: c,
-  renderValue: e,
+  renderValue: L,
   renderLabel: s,
-  layout: L = v,
-  grid: _ = !0
+  layout: S = N,
+  grid: p = !0,
+  classNames: n
 }) {
-  const [n, p] = u(() => L.split("-").map((r) => `${m}--width-${r}-of-12`), [L]), d = I(l), {
-    i18n: a
-  } = A();
-  return t("div", {
-    "aria-label": a.get("structuredList"),
-    className: C,
-    children: d.map((r) => t("dl", {
-      className: o(f, {
-        [T]: c,
-        [m]: _
+  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",
+    {
+      className: a(h, {
+        [E]: c,
+        [_]: p
       }),
-      children: [t("dt", {
-        className: o(h, n),
-        children: s ? s(r.label) : t(i, {
-          variant: S.BODY,
-          children: r.label
-        })
-      }), t("dd", {
-        "aria-label": `${a.get(r.key)} ${a.get("value")}`,
-        className: o(E, p),
-        children: e ? e(r.value) : t(i, {
-          variant: S.BODY,
-          children: r.value
-        })
-      })]
-    }, r.id))
-  });
+      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 }) })
+      ]
+    },
+    `${i}_${r.id || "0"}`
+  )) });
 }
 export {
-  b as default
+  G as default
 };

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

@@ -2,9 +2,7 @@ import { useMemo as o } from "../../../external/preact/hooks/dist/hooks.module.j
 import u from "../../../core/Context/useCoreContext.js";
 import { uuid as n } from "../../../utils/random/uuid.js";
 const p = (r) => {
-  const {
-    i18n: t
-  } = u();
+  const { i18n: t } = u();
   return o(() => r.map((e) => ({
     key: e.key,
     value: e.value,

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

@@ -0,0 +1,69 @@
+import { jsx as n } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useState as u, useRef as y, useCallback as h, useMemo as T } from "../../../external/preact/hooks/dist/hooks.module.js";
+/* empty css          */
+import _ from "../../../core/Context/useCoreContext.js";
+import g from "../Typography/Typography.js";
+import { TypographyVariant as I, TypographyElement as N } from "../Typography/types.js";
+import { InteractionKeyCode as r } from "../../types.js";
+function O(s) {
+  const i = s.tabs, { i18n: d } = _(), c = s.defaultActiveTab ? s.tabs.findIndex((e) => e.id === s.defaultActiveTab) : 0, [t, b] = u(c === -1 ? 0 : c), f = y({}), o = h((e) => {
+    const a = f.current[e];
+    a == null || a.focus();
+  }, []), p = T(() => {
+    const e = i.length, a = {
+      [r.ARROW_RIGHT]: () => o((t + 1) % e),
+      [r.ARROW_LEFT]: () => o((t - 1 + e) % e),
+      [r.HOME]: () => o(0),
+      [r.END]: () => o(e - 1)
+    };
+    return (l) => {
+      var m;
+      a[l.key] && (l.preventDefault(), (m = a[l.key]) == null || m.call(a));
+    };
+  }, [i.length, t, o]);
+  return /* @__PURE__ */ n("section", { "aria-label": d.get("tabs"), children: [
+    /* @__PURE__ */ n("div", { className: "adyen-fp-tabs", role: "tablist", "aria-orientation": "horizontal", children: i.map((e, a) => /* @__PURE__ */ n(
+      "button",
+      {
+        id: `tab-id-${e.id}`,
+        name: e.id,
+        className: "adyen-fp-tabs__tab",
+        role: "tab",
+        "aria-controls": `panel-id-${e.id}`,
+        "aria-selected": t === a,
+        ref: (l) => f.current[a] = l,
+        onKeyDown: p,
+        onClick: a === t ? void 0 : () => b(a),
+        onFocus: () => b(a),
+        tabIndex: t === a ? 0 : -1,
+        disabled: e.disabled,
+        children: /* @__PURE__ */ n(
+          g,
+          {
+            variant: I.BODY,
+            el: N.SPAN,
+            stronger: !0,
+            className: "adyen-fp-tabs__tab-content-tab-label",
+            children: d.get(e.label)
+          }
+        )
+      },
+      `tab-${e.id}`
+    )) }),
+    /* @__PURE__ */ n("div", { className: "adyen-fp-tabpanel__wrapper", children: i.map((e, a) => /* @__PURE__ */ n(
+      "section",
+      {
+        className: "adyen-fp-tabpanel__content",
+        id: `panel-id-${e.id}`,
+        hidden: t !== a,
+        role: "tabpanel",
+        "aria-labelledby": `tab-id-${e.id}`,
+        children: e.content
+      },
+      `tabpanel-${e.id}`
+    )) })
+  ] });
+}
+export {
+  O as default
+};

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

@@ -1,21 +1,26 @@
-import m from "classnames";
+import { jsx as a } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import g from "classnames";
 import { TagVariant as e } from "./types.js";
-import "./Tag.scss.js";
+/* empty css         */
 import { memo as o } from "../../../external/preact/compat/dist/compat.module.js";
-import { jsx as p } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-const y = o(({
-  variant: r = e.DEFAULT,
-  label: a
-}) => p("div", {
-  className: m("adyen-pe-tag", {
-    "adyen-pe-tag--success": r === e.SUCCESS,
-    "adyen-pe-tag--default": r === e.DEFAULT,
-    "adyen-pe-tag--warning": r === e.WARNING,
-    "adyen-pe-tag--error": r === e.ERROR,
-    "adyen-pe-tag--primary": r === e.WHITE
-  }),
-  children: a
-}));
+const s = o(({ variant: p = e.DEFAULT, label: t }) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: g("adyen-pe-tag", {
+      // [TODO]: These Bento tag variants definitions are outdated
+      "adyen-pe-tag--success": p === e.SUCCESS,
+      "adyen-pe-tag--default": p === e.DEFAULT,
+      "adyen-pe-tag--warning": p === e.WARNING,
+      "adyen-pe-tag--error": p === e.ERROR,
+      "adyen-pe-tag--primary": p === e.WHITE,
+      "adyen-pe-tag--light": p === e.LIGHT,
+      "adyen-pe-tag--light-with-outline": p === e.LIGHT_WITH_OUTLINE,
+      // Adopted from the latest Bento tag variants spec
+      "adyen-pe-tag--blue": p === e.BLUE
+    }),
+    children: t
+  }
+));
 export {
-  y as Tag
+  s as Tag
 };

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

@@ -1,4 +1,4 @@
-var r = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.WARNING = "warning", e.ERROR = "error", e.SUCCESS = "success", e.WHITE = "white", e))(r || {});
+var E = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.WARNING = "warning", e.ERROR = "error", e.SUCCESS = "success", e.WHITE = "white", e.LIGHT = "light", e.LIGHT_WITH_OUTLINE = "light-with-outline", e.BLUE = "blue", e))(E || {});
 export {
-  r as TagVariant
+  E as TagVariant
 };

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

@@ -1,4 +1,5 @@
-import { useResponsiveViewport as v, mediaQueries as T } from "../../hooks/useResponsiveViewport.js";
+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";
@@ -6,53 +7,35 @@ 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 w } from "../../../external/preact/dist/preact.module.js";
-import "./Tooltip.scss.js";
-import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-const O = (t) => typeof t == "string", Q = ({
-  content: t,
-  children: o,
-  triggerRef: g,
-  showTooltip: a,
-  position: y,
-  isContainerHovered: s = !1
-}) => {
+import { Fragment as p, cloneElement as O } 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 _ ? r(p, {
-    children: o
-  }) : r(p, {
-    children: [o ? w(o, {
+  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, {
       ...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
-      }),
+      }) : u("adyen-pe__tooltip-target", { "adyen-pe__tooltip-target--hovered": s }),
       ...l,
       "aria-describedby": `tooltip-${(n = e.current) == null ? void 0 : n.id}`
-    }) : null, (m || a) && r(b, {
-      variant: V.TOOLTIP,
-      targetElement: g ?? e,
-      position: y,
-      open: m || a,
-      children: r(p, {
-        children: t && O(t) ? r(N, {
-          variant: I.CAPTION,
-          children: t
-        }) : {
-          content: t
-        }
-      })
-    })]
-  });
+    }) : null,
+    (m || a) && /* @__PURE__ */ r(
+      b,
+      {
+        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 } })
+      }
+    )
+  ] });
 };
 export {
-  Q as Tooltip
+  M as Tooltip
 };

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

@@ -1,14 +1,17 @@
 import { useCallback as s } from "../../../external/preact/hooks/dist/hooks.module.js";
 import { InteractionKeyCode as c } from "../../types.js";
-import a from "../../../hooks/useBooleanState/useBooleanState.js";
+import a from "../../../hooks/useBooleanState.js";
 const m = () => {
-  const [n, o] = a(), t = s(() => o(!0), [o]), e = s(() => o(!1), [o]), i = s((r) => {
-    switch (r.code) {
-      case c.ESCAPE:
-        e();
-        break;
-    }
-  }, [e]);
+  const [n, o] = a(), t = s(() => o(!0), [o]), e = s(() => o(!1), [o]), i = s(
+    (r) => {
+      switch (r.code) {
+        case c.ESCAPE:
+          e();
+          break;
+      }
+    },
+    [e]
+  );
   return {
     listeners: {
       onfocusoutCapture: e,

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

@@ -0,0 +1,33 @@
+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 { isFunction as x } from "../../../utils/value/is.js";
+import { uniqueId as _ } from "../../../utils/random/uniqueId.js";
+const h = (t) => x(t) ? t : () => t, v = ({ count: t, defaultFill: m, fills: e, translationKey: c }) => {
+  const { i18n: l } = g(), p = F(() => {
+    const o = h(m);
+    return e !== void 0 ? (...r) => {
+      const [s, i] = r;
+      for (const u of [s, i]) {
+        const n = h(e[u])(...r);
+        if (n != null) return n;
+      }
+      return o(...r);
+    } : o;
+  }, [e, m]);
+  return F(() => {
+    const o = [], r = _("translation"), s = (...n) => (o.push(p(...n) ?? null), r), [i, ...u] = l.get(c, { count: t, values: s }).split(r);
+    return /* @__PURE__ */ f(d, { children: [
+      i,
+      u.map((n, a) => /* @__PURE__ */ f(d, { children: [
+        o[a],
+        n
+      ] }, `${r}__${a}`))
+    ] });
+  }, [l, t, p, c]);
+};
+export {
+  v as Translation,
+  v as default
+};

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

@@ -1,45 +1,35 @@
+import { jsx as Y } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { DEFAULT_TYPOGRAPHY_CLASSNAME as o } from "./constants.js";
-import Y from "classnames";
-import { useMemo as f } from "../../../external/preact/hooks/dist/hooks.module.js";
+import f from "classnames";
+import { useMemo as R } from "../../../external/preact/hooks/dist/hooks.module.js";
 import { TypographyVariant as T, TypographyModifier as E } from "./types.js";
-import { memo as s } from "../../../external/preact/compat/dist/compat.module.js";
-import "./Typography.scss.js";
-import { jsx as R } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.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 = f(() => ({
-    // Caption
-    [`${o}--${T.CAPTION}`]: $ === T.CAPTION,
-    [`${o}--${T.CAPTION}-${E.WIDE}`]: $ === T.CAPTION && m,
-    [`${o}--${T.CAPTION}-${E.STRONGER}`]: $ === T.CAPTION && I,
-    // Body
-    [`${o}--${T.BODY}`]: $ === T.BODY,
-    [`${o}--${T.BODY}-${E.WIDE}`]: $ === T.BODY && m,
-    [`${o}--${T.BODY}-${E.STRONGER}`]: $ === T.BODY && I,
-    [`${o}--${T.BODY}-${E.STRONGEST}`]: $ === T.BODY && L,
-    // Subtitle
-    [`${o}--${T.SUBTITLE}`]: $ === T.SUBTITLE,
-    [`${o}--${T.SUBTITLE}-${E.STRONGER}`]: $ === T.SUBTITLE && I,
-    // Title
-    [`${o}--${T.TITLE}`]: $ === T.TITLE && !O && !p,
-    [`${o}--${T.TITLE}-${E.MEDIUM}`]: $ === T.TITLE && O,
-    [`${o}--${T.TITLE}-${E.LARGE}`]: $ === T.TITLE && p
-  }), [$, m, I, O, p, L]);
-  return R(A, {
-    className: Y([`${o}`, S, D]),
-    children: N
-  });
+import { memo as y } from "../../../external/preact/compat/dist/compat.module.js";
+/* empty css                */
+function C({ el: B, className: D, stronger: I, strongest: L, variant: $, medium: O, large: p, testId: N, wide: m, children: A }) {
+  const S = B || "p", s = R(
+    () => ({
+      // Caption
+      [`${o}--${T.CAPTION}`]: $ === T.CAPTION,
+      [`${o}--${T.CAPTION}-${E.WIDE}`]: $ === T.CAPTION && m,
+      [`${o}--${T.CAPTION}-${E.STRONGER}`]: $ === T.CAPTION && I,
+      // Body
+      [`${o}--${T.BODY}`]: $ === T.BODY,
+      [`${o}--${T.BODY}-${E.WIDE}`]: $ === T.BODY && m,
+      [`${o}--${T.BODY}-${E.STRONGER}`]: $ === T.BODY && I,
+      [`${o}--${T.BODY}-${E.STRONGEST}`]: $ === T.BODY && L,
+      // Subtitle
+      [`${o}--${T.SUBTITLE}`]: $ === T.SUBTITLE,
+      [`${o}--${T.SUBTITLE}-${E.STRONGER}`]: $ === T.SUBTITLE && I,
+      // Title
+      [`${o}--${T.TITLE}`]: $ === T.TITLE && !O && !p,
+      [`${o}--${T.TITLE}-${E.MEDIUM}`]: $ === T.TITLE && O,
+      [`${o}--${T.TITLE}-${E.LARGE}`]: $ === T.TITLE && p
+    }),
+    [$, m, I, O, p, L]
+  );
+  return /* @__PURE__ */ Y(S, { className: f([`${o}`, s, D]), "data-testid": N, children: A });
 }
-const u = s(y);
+const x = y(C);
 export {
-  u as default
+  x as default
 };

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

@@ -0,0 +1,65 @@
+import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { getCommonErrorMessage as l } from "../getCommonErrorCode.js";
+import n from "../../internal/CopyText/CopyText.js";
+const t = {
+  contactSupportForHelp: "contactSupportForHelp",
+  couldNotLoadOffers: "capital.weCouldNotLoadFinancialOffers",
+  tryRefreshingThePage: "tryRefreshingThePageOrComeBackLater",
+  somethingWentWrong: "somethingWentWrong"
+}, a = {
+  title: t.somethingWentWrong,
+  message: [t.couldNotLoadOffers, t.tryRefreshingThePage],
+  refreshComponent: !0
+}, d = (e, o) => {
+  if (!e) return a;
+  const i = l(e, o);
+  if (i) return i;
+  const s = o ? "theErrorCodeIs" : "contactSupportForHelpAndShareErrorCode";
+  switch (e.errorCode) {
+    case void 0:
+      return { ...a, ...o ? { onContactSupport: o } : {} };
+    case "30_016":
+      return {
+        title: t.somethingWentWrong,
+        message: [t.couldNotLoadOffers, s],
+        translationValues: {
+          [s]: e.requestId ? /* @__PURE__ */ r(n, { textToCopy: e.requestId }) : null
+        },
+        onContactSupport: o
+      };
+    case "30_011":
+      return {
+        title: "capital.accountIsInactive",
+        message: [t.couldNotLoadOffers, s],
+        translationValues: {
+          [s]: e.requestId ? /* @__PURE__ */ r(n, { textToCopy: e.requestId }) : null
+        },
+        onContactSupport: o
+      };
+    case "30_600":
+      return {
+        title: t.somethingWentWrong,
+        message: ["capital.weCouldNotContinueWithTheOffer", s],
+        translationValues: {
+          [s]: e.requestId ? /* @__PURE__ */ r(n, { textToCopy: e.requestId }) : null
+        },
+        onContactSupport: o
+      };
+    case "EMPTY_CONFIG":
+      return {
+        title: t.somethingWentWrong,
+        message: ["capital.weCouldNotContinueWithTheOffer", t.contactSupportForHelp]
+      };
+    case "UNSUPPORTED_REGION":
+      return {
+        title: "capital.unsupportedRegionTitle",
+        message: "capital.unsupportedRegionDescription"
+      };
+    default:
+      return { ...a, refreshComponent: !0 };
+  }
+};
+export {
+  t as COMMON_CAPITAL_ERROR_MESSAGE,
+  d as getCapitalErrorMessage
+};

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

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

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

@@ -1,12 +1,10 @@
-import { UNDEFINED_ERROR as n, getCommonErrorMessage as m } from "./getCommonErrorCode.js";
-import a from "../internal/CopyText/CopyText.js";
-import { jsx as i } from "../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-const d = (e, t, r) => {
-  if (!e)
-    return n;
-  const o = m(e, r);
-  if (o)
-    return o;
+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 c = (e, t, r) => {
+  if (!e) return n;
+  const o = a(e, r);
+  if (o) return o;
   switch (e.errorCode) {
     case void 0:
       return {
@@ -20,9 +18,7 @@ const d = (e, t, r) => {
         title: "somethingWentWrong",
         message: [t, s],
         translationValues: {
-          [s]: e.requestId ? i(a, {
-            text: e.requestId
-          }) : null
+          [s]: e.requestId ? /* @__PURE__ */ m(i, { textToCopy: e.requestId }) : null
         },
         onContactSupport: r
       };
@@ -32,5 +28,5 @@ const d = (e, t, r) => {
   }
 };
 export {
-  d as getErrorMessage
+  c as getErrorMessage
 };

package/dist/es/constants/dateFormats.js

@@ -0,0 +1,28 @@
+const _ = "2-digit", A = "long", o = "numeric", t = "short", s = "shortOffset", T = {
+  month: A,
+  day: o,
+  year: o
+}, E = {
+  hour: _,
+  minute: _
+}, O = {
+  ...T,
+  ...E,
+  month: t,
+  hour12: !1
+}, n = { ...O, year: void 0 }, R = { ...T, month: "short" }, M = T, c = n, S = { ...T, weekday: A }, e = { ...T, month: t }, I = O, D = n, F = {
+  ...T,
+  ...E,
+  weekday: A,
+  timeZoneName: s
+};
+export {
+  R as DATE_FORMAT_CAPITAL_OVERVIEW,
+  M as DATE_FORMAT_PAYOUTS,
+  c as DATE_FORMAT_PAYOUTS_MOBILE,
+  S as DATE_FORMAT_PAYOUT_DETAILS,
+  e as DATE_FORMAT_REPORTS,
+  I as DATE_FORMAT_TRANSACTIONS,
+  D as DATE_FORMAT_TRANSACTIONS_MOBILE,
+  F as DATE_FORMAT_TRANSACTION_DETAILS
+};

package/dist/es/core/ConfigContext/context.js

@@ -0,0 +1,40 @@
+import { jsx as s } from "../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { createContext as x, toChildArray as b } from "../../external/preact/dist/preact.module.js";
+import { useContext as g, useMemo as E, useState as r, useEffect as n } from "../../external/preact/hooks/dist/hooks.module.js";
+import { ErrorMessageDisplay as v } from "../../components/internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
+import P from "./session/utils/sessionAwareComponentAvailability/sessionAwareComponentAvailability.js";
+import U from "./session/utils/sessionAwareComponentAvailability/helpers/componentAvailabilityErrors.js";
+import { asyncNoop as y, noop as A } from "../../utils/common.js";
+import { isWatchlistUnsubscribeToken as T } from "../../primitives/reactive/watchlist/main.js";
+import { isUndefined as H } from "../../utils/value/is.js";
+import { EMPTY_OBJECT as i } from "../../utils/value/constants.js";
+const a = x({
+  endpoints: i,
+  extraConfig: i,
+  hasError: !1,
+  http: y,
+  isExpired: void 0,
+  isFrozen: !1,
+  refresh: A,
+  refreshing: !1
+}), I = ({ children: m, session: t, type: e }) => {
+  const { http: f, refresh: p } = E(() => t, [t]), [, c] = r(0), [u, l] = r(0), [o, C] = r();
+  return n(() => {
+    P(e, t).then(C);
+  }, [t, e]), n(() => t.subscribe((d) => {
+    (T(d) ? l : c)((h) => h + 1);
+  }), [u]), /* @__PURE__ */ s(a.Provider, { value: { ...t.context, http: f, refresh: p }, children: !H(o) && (o ? b(m) : /* @__PURE__ */ s(
+    v,
+    {
+      withImage: !0,
+      centered: !0,
+      title: "somethingWentWrong",
+      message: [U(e), "contactSupportForHelp"]
+    }
+  )) });
+}, N = () => g(a);
+export {
+  I as ConfigProvider,
+  N as default,
+  N as useConfigContext
+};