@adyen/adyen-platform-experience-web 1.2.0 → 1.3.1

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

@@ -1,28 +1,28 @@
 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";
-import "./Tabs.scss.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(l) {
-  const s = l.tabs, { i18n: d } = _(), c = l.defaultActiveTab ? l.tabs.findIndex((e) => e.id === l.defaultActiveTab) : 0, [t, b] = u(c === -1 ? 0 : c), m = y({}), o = h((e) => {
-    const a = m.current[e];
+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 = s.length, a = {
+    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 (i) => {
-      var f;
-      a[i.key] && (i.preventDefault(), (f = a[i.key]) == null || f.call(a));
+    return (l) => {
+      var m;
+      a[l.key] && (l.preventDefault(), (m = a[l.key]) == null || m.call(a));
     };
-  }, [s.length, t, o]);
+  }, [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: s.map((e, a) => /* @__PURE__ */ n(
+    /* @__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}`,
@@ -31,7 +31,7 @@ function O(l) {
         role: "tab",
         "aria-controls": `panel-id-${e.id}`,
         "aria-selected": t === a,
-        ref: (i) => m.current[a] = i,
+        ref: (l) => f.current[a] = l,
         onKeyDown: p,
         onClick: a === t ? void 0 : () => b(a),
         onFocus: () => b(a),
@@ -50,10 +50,9 @@ function O(l) {
       },
       `tab-${e.id}`
     )) }),
-    /* @__PURE__ */ n("div", { className: "adyen-fp-tabpanel__wrapper", children: s.map((e, a) => /* @__PURE__ */ n(
+    /* @__PURE__ */ n("div", { className: "adyen-fp-tabpanel__wrapper", children: i.map((e, a) => /* @__PURE__ */ n(
       "section",
       {
-        name: e.id,
         className: "adyen-fp-tabpanel__content",
         id: `panel-id-${e.id}`,
         hidden: t !== a,

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

@@ -1,7 +1,7 @@
 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";
 const s = o(({ variant: p = e.DEFAULT, label: t }) => /* @__PURE__ */ a(
   "div",

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

@@ -1,19 +1,19 @@
 import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useResponsiveViewport as b, mediaQueries as v } from "../../../hooks/useResponsiveViewport.js";
-import T from "../Popover/Popover.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 E } from "../../../external/preact/dist/preact.module.js";
-import "./Tooltip.scss.js";
-const O = (t) => typeof t == "string", S = ({ 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(), _ = b(v.down.sm), { isVisible: m, listeners: l } = x();
+  const e = P(), _ = v(T.down.sm), { isVisible: m, listeners: l } = x();
   return _ ? /* @__PURE__ */ r(p, { children: o }) : /* @__PURE__ */ r(p, { children: [
-    o ? E(o, {
+    o ? O(o, {
       ...o == null ? void 0 : o.props,
       role: "button",
       tabIndex: -1,
@@ -25,17 +25,17 @@ const O = (t) => typeof t == "string", S = ({ content: t, children: o, triggerRe
       "aria-describedby": `tooltip-${(n = e.current) == null ? void 0 : n.id}`
     }) : null,
     (m || a) && /* @__PURE__ */ r(
-      T,
+      b,
       {
         variant: V.TOOLTIP,
         targetElement: g ?? e,
         position: y,
         open: m || a,
-        children: /* @__PURE__ */ r(p, { children: t && O(t) ? /* @__PURE__ */ r(N, { variant: I.CAPTION, children: t }) : { content: t } })
+        children: /* @__PURE__ */ r(p, { children: t && w(t) ? /* @__PURE__ */ r(N, { variant: I.CAPTION, children: t }) : { content: t } })
       }
     )
   ] });
 };
 export {
-  S as Tooltip
+  M as Tooltip
 };

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,12 +1,12 @@
 import { jsx as Y } 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 C } from "../../../external/preact/hooks/dist/hooks.module.js";
+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 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, testId: N, wide: m, children: A }) {
-  const S = B || "p", s = C(
+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,
@@ -29,7 +29,7 @@ function y({ el: B, className: D, stronger: I, strongest: L, variant: $, medium:
   );
   return /* @__PURE__ */ Y(S, { className: f([`${o}`, s, D]), "data-testid": N, children: A });
 }
-const x = R(y);
+const x = y(C);
 export {
   x as default
 };

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

@@ -11,11 +11,9 @@ const t = {
   message: [t.couldNotLoadOffers, t.tryRefreshingThePage],
   refreshComponent: !0
 }, d = (e, o) => {
-  if (!e)
-    return a;
+  if (!e) return a;
   const i = l(e, o);
-  if (i)
-    return i;
+  if (i) return i;
   const s = o ? "theErrorCodeIs" : "contactSupportForHelpAndShareErrorCode";
   switch (e.errorCode) {
     case void 0:
@@ -50,8 +48,12 @@ const t = {
     case "EMPTY_CONFIG":
       return {
         title: t.somethingWentWrong,
-        message: ["capital.weCouldNotContinueWithTheOffer", t.contactSupportForHelp],
-        onContactSupport: o
+        message: ["capital.weCouldNotContinueWithTheOffer", t.contactSupportForHelp]
+      };
+    case "UNSUPPORTED_REGION":
+      return {
+        title: "capital.unsupportedRegionTitle",
+        message: "capital.unsupportedRegionDescription"
       };
     default:
       return { ...a, refreshComponent: !0 };

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

@@ -1,6 +1,5 @@
 const r = { title: "thereWasAnUnexpectedError", message: ["contactSupportForHelp"] }, s = (e, t) => {
-  if (!e)
-    return null;
+  if (!e) return null;
   switch (e.errorCode) {
     case "29_001":
       return {

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

@@ -1,12 +1,10 @@
 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 c = (e, t, r) => {
+  if (!e) return n;
   const o = a(e, r);
-  if (o)
-    return o;
+  if (o) return o;
   switch (e.errorCode) {
     case void 0:
       return {
@@ -30,5 +28,5 @@ const d = (e, t, r) => {
   }
 };
 export {
-  d as getErrorMessage
+  c as getErrorMessage
 };

package/dist/es/constants/dateFormats.js

@@ -10,7 +10,7 @@ const _ = "2-digit", A = "long", o = "numeric", t = "short", s = "shortOffset",
   ...E,
   month: t,
   hour12: !1
-}, n = { ...O, year: void 0 }, R = { ...T, month: "short" }, M = T, c = n, S = { ...T, weekday: A }, I = { ...T, month: t }, e = O, D = n, F = {
+}, 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,
@@ -21,8 +21,8 @@ export {
   M as DATE_FORMAT_PAYOUTS,
   c as DATE_FORMAT_PAYOUTS_MOBILE,
   S as DATE_FORMAT_PAYOUT_DETAILS,
-  I as DATE_FORMAT_REPORTS,
-  e as DATE_FORMAT_TRANSACTIONS,
+  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
+};

package/dist/es/core/{Auth → ConfigContext}/session/AuthSession.js

@@ -1,85 +1,85 @@
 var a = Object.defineProperty;
-var _ = (i, s, t) => s in i ? a(i, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[s] = t;
-var e = (i, s, t) => (_(i, typeof s != "symbol" ? s + "" : s, t), t);
-import f from "./AuthSetupContext.js";
-import c from "./AuthSessionSpecification.js";
+var f = (i, e, t) => e in i ? a(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var s = (i, e, t) => f(i, typeof e != "symbol" ? e + "" : e, t);
+import { SetupContext as _ } from "./SetupContext.js";
+import { AuthSessionSpecification as c } from "./AuthSessionSpecification.js";
 import { createErrorContainer as l } from "../../../primitives/auxiliary/errorContainer/main.js";
 import { SessionContext as S } from "../../../primitives/context/session/SessionContext.js";
 import { createPromisor as p } from "../../../primitives/async/promisor/main.js";
 import { createWatchlist as u } from "../../../primitives/reactive/watchlist/main.js";
-import { EVT_SESSION_EXPIRED as m, EVT_SESSION_READY as C, ERR_SESSION_REFRESH_ABORTED as d } from "../../../primitives/context/session/constants.js";
+import { EVT_SESSION_EXPIRED as C, EVT_SESSION_READY as m, ERR_SESSION_REFRESH_ABORTED as d } from "../../../primitives/context/session/constants.js";
 import { boolOrTrue as x, boolOrFalse as E } from "../../../utils/value/bool.js";
 import { isFunction as g } from "../../../utils/value/is.js";
-class y {
+class z {
   constructor() {
-    e(this, "_canSkipSessionRefresh", !1);
-    e(this, "_refreshPromisorSignal");
-    e(this, "_sessionIsFrozen", !1);
-    e(this, "_errorContainer", l());
-    e(this, "_specification", new c());
-    e(this, "_sessionContext", new S(this._specification));
-    e(this, "_setupContext", new f(this._sessionContext));
-    e(this, "_refreshPromisor", p(async (s, t = !1) => {
-      let r = !this._refreshPromisorSignal, n = this._refreshPromisorSignal === (this._refreshPromisorSignal = s);
+    s(this, "_canSkipSessionRefresh", !1);
+    s(this, "_refreshPromisorSignal");
+    s(this, "_sessionIsFrozen", !1);
+    s(this, "_errorContainer", l());
+    s(this, "_specification", new c());
+    s(this, "_sessionContext", new S(this._specification));
+    s(this, "_setupContext", new _(this._sessionContext));
+    s(this, "_refreshPromisor", p(async (e, t = !1) => {
+      let r = !this._refreshPromisorSignal, n = this._refreshPromisorSignal === (this._refreshPromisorSignal = e);
       const o = E(t) && this._canSkipSessionRefresh;
       r && (r = !1, this._errorContainer.reset(), this._onAuthStateChanged());
       try {
-        await (o ? this._setupContext : this._sessionContext).refresh(s).finally(() => n = this._refreshPromisorSignal === s);
+        await (o ? this._setupContext : this._sessionContext).refresh(e).finally(() => n = this._refreshPromisorSignal === e);
       } catch (h) {
-        if (!n)
-          return;
-        !s.aborted && (o || h !== d) && this._errorContainer.set(h), r = !o;
+        if (!n) return;
+        !e.aborted && (o || h !== d) && this._errorContainer.set(h), r = !o;
       } finally {
         (r || o && n) && (this._refreshPromisorSignal = void 0, this._onAuthStateChanged());
       }
     }));
-    e(this, "_watchlist", u({
+    s(this, "_watchlist", u({
       endpoints: () => this._setupContext.endpoints,
+      extraConfig: () => this._setupContext.extraConfig,
       hasError: () => this._errorContainer.hasError,
       isExpired: () => this._sessionContext.isExpired,
       isFrozen: () => this._sessionIsFrozen,
       refreshing: () => !!this._refreshPromisorSignal
     }));
-    e(this, "freeze", () => {
+    s(this, "freeze", () => {
       this._sessionIsFrozen = !0, this._watchlist.on.resume = void 0, this._watchlist.cancelSubscriptions();
     });
-    e(this, "http", this._sessionContext.http.bind(this._sessionContext, null));
-    e(this, "refresh", this._refresh.bind(this));
-    e(this, "subscribe", this._watchlist.subscribe);
+    s(this, "http", this._sessionContext.http.bind(this._sessionContext, null));
+    s(this, "refresh", this._refresh.bind(this));
+    s(this, "subscribe", this._watchlist.subscribe);
     this._watchlist.on.resume = () => {
-      const s = [
-        this._sessionContext.on(m, () => {
+      const e = [
+        this._sessionContext.on(C, () => {
           this._canSkipSessionRefresh = !1, this._onAuthStateChanged();
         }),
-        this._sessionContext.on(C, () => {
+        this._sessionContext.on(m, () => {
           this._refresh(this._canSkipSessionRefresh = !0);
         })
       ];
       this._watchlist.on.idle = () => {
-        this._watchlist.on.idle = void 0, s.forEach((t) => t()), s.length = 0;
+        this._watchlist.on.idle = void 0, e.forEach((t) => t()), e.length = 0;
       }, !this.context.refreshing && x(this.context.isExpired) && this._refresh();
     };
   }
   get context() {
     return this._watchlist.snapshot;
   }
-  set loadingContext(s) {
-    this._setupContext.loadingContext = s;
+  set loadingContext(e) {
+    this._setupContext.loadingContext = e;
   }
-  set errorHandler(s) {
-    this._specification.errorHandler = s;
+  set errorHandler(e) {
+    this._specification.errorHandler = e;
   }
-  set onSessionCreate(s) {
-    this._specification.onSessionCreate !== s && (this._specification.onSessionCreate = s, this._refreshPromisorSignal && g(this._specification.onSessionCreate) && (this._canSkipSessionRefresh = !1, this._refresh()));
+  set onSessionCreate(e) {
+    this._specification.onSessionCreate !== e && (this._specification.onSessionCreate = e, this._refreshPromisorSignal && g(this._specification.onSessionCreate) && (this._canSkipSessionRefresh = !1, this._refresh()));
   }
   _onAuthStateChanged() {
     this._watchlist.requestNotification();
   }
-  _refresh(s = !1) {
-    this._refreshPromisor(s);
+  _refresh(e = !1) {
+    this._refreshPromisor(e);
   }
 }
 export {
-  y as AuthSession,
-  y as default
+  z as AuthSession,
+  z as default
 };

package/dist/es/core/{Auth → ConfigContext}/session/AuthSessionSpecification.js

@@ -1,57 +1,56 @@
-var l = Object.defineProperty;
-var f = (i, t, r) => t in i ? l(i, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : i[t] = r;
-var a = (i, t, r) => (f(i, typeof t != "symbol" ? t + "" : t, r), r);
+var c = Object.defineProperty;
+var f = (i, t, r) => t in i ? c(i, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : i[t] = r;
+var s = (i, t, r) => f(i, typeof t != "symbol" ? t + "" : t, r);
 import { http as u } from "../../Http/http.js";
 import { ErrorTypes as m } from "../../Http/utils.js";
-import { AUTO_REFRESH as A, MAX_AGE_MS as d } from "./constants.js";
-import { isPlainObject as E, isString as h, isUndefined as _ } from "../../../utils/value/is.js";
-import { ERR_SESSION_EXPIRED as S } from "../../../primitives/context/session/constants.js";
-import { enumerable as c } from "../../../utils/struct/property.js";
-import { isAbortSignal as H, abortSignalForAny as O } from "../../../utils/abort/main.js";
-class R {
+import { AUTO_REFRESH as E, MAX_AGE_MS as d } from "./constants.js";
+import { isPlainObject as _, isString as h, isUndefined as A } from "../../../utils/value/is.js";
+import { ERR_SESSION_EXPIRED as H } from "../../../primitives/context/session/constants.js";
+import { enumerable as l } from "../../../utils/struct/property.js";
+import { isAbortSignal as O, abortSignalForAny as R } from "../../../utils/abort/main.js";
+class y {
   constructor(t) {
-    a(this, "assert", (t) => {
-      if (E(t)) {
+    s(this, "assert", (t) => {
+      if (_(t)) {
         const r = h(t.id) ? t.id.trim() : void 0, e = h(t.token) ? t.token.trim() : void 0;
-        if (r && e)
-          return;
+        if (r && e) return;
       }
       throw void 0;
     });
-    a(this, "deadline", (t) => {
+    s(this, "deadline", (t) => {
       const r = [];
-      let e, s;
+      let e, a;
       try {
-        ({ iat: e, exp: s } = JSON.parse(atob(t == null ? void 0 : t.token.split(".")[1]))), r.push(s);
+        ({ iat: e, exp: a } = JSON.parse(atob(t == null ? void 0 : t.token.split(".")[1]))), r.push(a);
       } catch {
         e = Date.now();
       }
-      if (!_(d)) {
+      if (!A(d)) {
         const n = new Date(e);
         r.push(n.setMilliseconds(n.getMilliseconds() + d));
       }
       return r;
     });
-    a(this, "http", async (t, r, e) => {
-      const { headers: s, signal: n, ...p } = e;
+    s(this, "http", async (t, r, e) => {
+      const { headers: a, signal: n, ...p } = e;
       try {
         const o = {
           ...p,
           headers: {
-            ...s,
+            ...a,
             ...t && { Authorization: `Bearer ${t.token}` }
           },
           errorHandler: this._errorHandler,
-          signal: H(n) ? O([r, n]) : r
+          signal: O(n) ? R([r, n]) : r
         };
         return await u(o);
       } catch (o) {
-        throw (o == null ? void 0 : o.type) === m.EXPIRED_TOKEN ? S : o;
+        throw (o == null ? void 0 : o.type) === m.EXPIRED_TOKEN ? H : o;
       }
     });
     this.onSessionCreate = t, this._errorHandler = this._errorHandler.bind(this), Object.defineProperties(this, {
-      autoRefresh: c(A),
-      onRefresh: c((r, e) => this.onSessionCreate(e))
+      autoRefresh: l(E),
+      onRefresh: l((r, e) => this.onSessionCreate(e))
     });
   }
   _errorHandler(t) {
@@ -62,8 +61,7 @@ class R {
     throw t;
   }
 }
-const y = R;
 export {
-  R as AuthSessionSpecification,
+  y as AuthSessionSpecification,
   y as default
 };

package/dist/es/core/ConfigContext/session/SetupContext.js

@@ -0,0 +1,75 @@
+var P = Object.defineProperty;
+var u = (s, t, r) => t in s ? P(s, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : s[t] = r;
+var i = (s, t, r) => u(s, typeof t != "symbol" ? t + "" : t, r);
+import { SETUP_ENDPOINT_PATH as l } from "./constants.js";
+import { parseSearchParams as d } from "../../Http/utils.js";
+import { noop as f, deepFreeze as x } from "../../../utils/common.js";
+import { EMPTY_OBJECT as _ } from "../../../utils/value/constants.js";
+import { createPromisor as g } from "../../../primitives/async/promisor/main.js";
+import { struct as y, withFreezeProxyHandlers as E, asPlainObject as b } from "../../../utils/struct/main.js";
+import { isPlainObject as O, isUndefined as C } from "../../../utils/value/is.js";
+import { isAbortSignal as S, abortSignalForAny as v } from "../../../utils/abort/main.js";
+class N {
+  constructor(t) {
+    i(this, "_endpoints", _);
+    i(this, "_extraConfig", _);
+    i(this, "_revokeEndpointsProxy", f);
+    i(this, "_beforeHttp", async () => {
+      await this._refreshPromisor.promise.catch(f);
+    });
+    i(this, "_refreshPromisor", g((t, r) => {
+      const o = S(r) ? v([r, t]) : t;
+      return this._fetchSetupEndpoint(o);
+    }));
+    this._session = t;
+    let r;
+    this.refresh = (o) => (this._refreshPromisor(o).catch(f), r ?? (r = this._refreshPromisor.promise.finally(() => r = void 0).then(({ endpoints: n, ...e }) => {
+      this._resetEndpoints(), { proxy: this._endpoints, revoke: this._revokeEndpointsProxy } = this._getEndpointsProxy(n), this._extraConfig = x(e);
+    })));
+  }
+  get endpoints() {
+    return this._endpoints;
+  }
+  get extraConfig() {
+    return this._extraConfig;
+  }
+  _fetchSetupEndpoint(t) {
+    return this._session.http(null, {
+      method: "POST",
+      path: l,
+      errorLevel: "fatal",
+      loadingContext: this.loadingContext,
+      signal: t
+    });
+  }
+  _getEndpointsProxy(t) {
+    const r = new Set(Object.keys(t)), o = y();
+    return Proxy.revocable(
+      _,
+      E({
+        get: (n, e, c) => r.has(e) ? (o[e] ?? (o[e] = (() => {
+          const { method: a = "GET", url: h } = t[e];
+          if (!C(h || void 0))
+            return (...m) => {
+              const p = this._getHttpOptions(a, h, ...m);
+              return this._session.http(this._beforeHttp, p);
+            };
+        })()), o[e]) : Reflect.get(n, e, c)
+      })
+    );
+  }
+  _getHttpOptions(t, r, ...o) {
+    const { loadingContext: n } = this, [e, c] = o, { path: a, query: h } = b(c), m = h && d(h);
+    if (O(a))
+      for (const p of Object.keys(a))
+        r = r.replace(`{${p}}`, a[p]);
+    return { loadingContext: n, ...e, method: t, params: m, path: r };
+  }
+  _resetEndpoints() {
+    this._revokeEndpointsProxy(), this._revokeEndpointsProxy = f, this._endpoints = _;
+  }
+}
+export {
+  N as SetupContext,
+  N as default
+};

package/dist/es/core/{Auth → ConfigContext}/session/constants.js

@@ -1,11 +1,11 @@
 import { boolOrFalse as t } from "../../../utils/value/bool.js";
-const o = "/setup", i = t(void 0), r = (() => {
+const n = "/setup", r = t(void 0), s = (() => {
   let e = 0;
   if (Number.isFinite(e) && (e = Math.max(0, ~~e)))
     return e;
 })();
 export {
-  i as AUTO_REFRESH,
-  r as MAX_AGE_MS,
-  o as SETUP_ENDPOINT_PATH
+  r as AUTO_REFRESH,
+  s as MAX_AGE_MS,
+  n as SETUP_ENDPOINT_PATH
 };

package/dist/es/core/{Auth → ConfigContext}/session/utils/sessionAwareComponentAvailability/helpers/componentAvailabilityErrors.js

@@ -1,5 +1,5 @@
-const t = (o) => {
-  switch (o) {
+const o = (e) => {
+  switch (e) {
     case "payouts":
       return "weCouldNotLoadThePayoutsOverview";
     case "transactions":
@@ -13,7 +13,7 @@ const t = (o) => {
     default:
       return "somethingWentWrong";
   }
-}, e = t;
+};
 export {
-  e as default
+  o as default
 };

package/dist/es/core/{Auth → ConfigContext}/session/utils/sessionAwareComponentAvailability/helpers/componentAvailabilityRegistry.js

@@ -1,5 +1,5 @@
 import { isFunction as i } from "../../../../../../utils/value/is.js";
-const a = (t, n) => i(t.endpoints[n]), o = {
+const a = (t, n) => i(t.endpoints[n]), e = {
   transactions: (t) => a(t, "getTransactions"),
   transactionDetails: (t) => a(t, "getTransaction"),
   payouts: (t) => a(t, "getPayouts"),
@@ -7,7 +7,7 @@ const a = (t, n) => i(t.endpoints[n]), o = {
   reports: (t) => a(t, "getReports"),
   capitalOverview: (t) => a(t, "getDynamicGrantOffersConfiguration"),
   capitalOffer: (t) => a(t, "getDynamicGrantOffer")
-}, r = o;
+};
 export {
-  r as default
+  e as default
 };