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

package/dist/es/components/external/TransactionDetails/components/PaymentRefund/PaymentRefundAmount.js

@@ -1,49 +1,49 @@
-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 { TX_DATA_CONTAINER as F, TX_DATA_INPUT_HEAD as M, TX_DATA_INPUT as $, TX_DATA_INPUT_CONTAINER_WITH_ERROR as B, TX_DATA_INPUT_CONTAINER_TEXT as H, TX_DATA_INPUT_CONTAINER_SHORT as L, TX_DATA_INPUT_CONTAINER as V } from "../../constants.js";
 import Y from "classnames";
-import { memo as j } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { memo as j } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
 import { Tag as k } from "../../../../internal/Tag/Tag.js";
 import { TagVariant as W } from "../../../../internal/Tag/types.js";
 import { ARIA_ERROR_SUFFIX as w } from "../../../../../core/Errors/constants.js";
 import { getDecimalAmount as z, getDivider as G } from "../../../../../core/Localization/amount/amount-util.js";
 import { TypographyVariant as R, TypographyElement as h } from "../../../../internal/Typography/types.js";
-import { useState as E, useMemo as D, useRef as P, useCallback as J, useEffect as K } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import Q from "../../../../../core/Context/useCoreContext.js";
+import { useState as E, useMemo as D, useRef as P, useCallback as J, useEffect as K } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import b from "../../../../internal/Typography/Typography.js";
-import Z from "../../../../internal/FormFields/InputBase.js";
-import { useUniqueId as O } from "../../../../../hooks/useUniqueId.js";
+import Q from "../../../../internal/FormFields/InputBase.js";
+import O from "../../../../../hooks/useUniqueId.js";
+import Z from "../../../../../core/Context/preact/useCoreContext.js";
 import { Icon as ee } from "../../../../internal/Icon/Icon.js";
-const Ae = j(({ currency: n, disabled: c, onChange: g, value: x }) => {
-  const { i18n: t } = Q(), d = O(), I = O(), i = Math.log10(G(n)), r = parseInt(`${x}`, 10), f = z(r, n).toFixed(i), [U, X] = E(f), [p, y] = E(), C = D(() => {
+const Ae = j(({ currency: n, disabled: d, onChange: g, value: x }) => {
+  const { i18n: t } = Z(), f = O(), I = O(), i = Math.log10(G(n)), r = parseInt(`${x}`, 10), p = z(r, n).toFixed(i), [U, X] = E(p), [u, y] = E(), C = D(() => {
     const a = { amount: t.amount(r, n) };
     return {
       excess: t.get("transactions.details.refund.inputs.amount.errors.excess", { values: a }),
       negative: t.get("transactions.details.refund.inputs.amount.errors.negative"),
       required: t.get("transactions.details.refund.inputs.amount.errors.required")
     };
-  }, [t, n, r]), T = p && C[p], S = D(() => t.get("transactions.details.refund.inputs.amount.label"), [t]), s = P(null), A = J(
+  }, [t, n, r]), T = u && C[u], S = D(() => t.get("transactions.details.refund.inputs.amount.label"), [t]), s = P(null), A = J(
     (a) => {
       let l, o = a.value.trim();
-      const u = Math.trunc(+`${parseFloat(o)}e${i}`) || 0;
-      u || o ? (u < 0 && (l = "negative"), u > r && (l = "excess")) : l = "required";
+      const m = Math.trunc(+`${parseFloat(o)}e${i}`) || 0;
+      m || o ? (m < 0 && (l = "negative"), m > r && (l = "excess")) : l = "required";
       const v = 1.1.toLocaleString(t.locale).match(/\d(.*?)\d/)?.[1] || ".", _ = o.split(v);
       if (_.length === 2) {
         const q = _[0];
-        let m = _[1];
-        m.length >= i && (m = m.substring(0, i), o = q + v + m, a.value = o);
+        let c = _[1];
+        c.length >= i && (c = c.substring(0, i), o = q + v + c, a.value = o);
       }
-      X(o), y(l), g?.(l ? 0 : u);
+      X(o), y(l), g?.(l ? 0 : m);
     },
-    [i, r, g]
+    [i, r, g, t.locale]
   ), N = P();
   return K(() => {
     if (N.current !== r)
       N.current = r;
-    else if (c && p && s.current)
-      s.current.value = f;
+    else if (d && u && s.current)
+      s.current.value = p;
     else return;
     s.current && A(s.current);
-  }, [A, c, f, r]), /* @__PURE__ */ e("div", { className: F, children: [
+  }, [A, d, p, r, u]), /* @__PURE__ */ e("div", { className: F, children: [
     /* @__PURE__ */ e("div", { className: M, children: /* @__PURE__ */ e("div", { id: I, children: /* @__PURE__ */ e(b, { el: h.SPAN, variant: R.BODY, stronger: !0, children: S }) }) }),
     /* @__PURE__ */ e(
       "div",
@@ -55,24 +55,24 @@ const Ae = j(({ currency: n, disabled: c, onChange: g, value: x }) => {
           [B]: T
         }),
         children: [
-          /* @__PURE__ */ e("label", { htmlFor: d, "aria-labelledby": I, children: [
+          /* @__PURE__ */ e("label", { htmlFor: f, "aria-labelledby": I, children: [
             n && /* @__PURE__ */ e(k, { label: n, variant: W.DEFAULT }),
             /* @__PURE__ */ e(
-              Z,
+              Q,
               {
                 min: 0,
                 type: "number",
                 className: $,
-                disabled: c,
+                disabled: d,
                 lang: t.locale,
                 onInput: (a) => A(a.currentTarget),
                 value: U,
-                uniqueId: d,
+                uniqueId: f,
                 ref: s
               }
             )
           ] }),
-          T && /* @__PURE__ */ e("div", { className: "adyen-pe-input__refund-invalid-value", id: `${d}${w}`, children: [
+          T && /* @__PURE__ */ e("div", { className: "adyen-pe-input__refund-invalid-value", id: `${f}${w}`, children: [
             /* @__PURE__ */ e(ee, { name: "cross-circle-fill" }),
             /* @__PURE__ */ e(b, { el: h.SPAN, variant: R.BODY, children: T })
           ] })

package/dist/es/components/external/TransactionDetails/components/PaymentRefund/PaymentRefundNotice.js

@@ -1,11 +1,11 @@
-import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as t } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import m from "classnames";
-import { memo as s } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { memo as s } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
 import { useModalContext as p } from "../../../../internal/Modal/Modal.js";
 import { TX_DATA_CONTAINER as l, TX_DATA_HEAD_CONTAINER as c } from "../../constants.js";
 import { TypographyElement as o, TypographyVariant as e } from "../../../../internal/Typography/types.js";
-import f from "../../../../../core/Context/useCoreContext.js";
 import n from "../../../../internal/Typography/Typography.js";
+import f from "../../../../../core/Context/preact/useCoreContext.js";
 const N = s(() => {
   const { i18n: r } = f(), { withinModal: i } = p(), a = i ? o.H2 : o.DIV;
   return /* @__PURE__ */ t("div", { className: m(l, c), children: [

package/dist/es/components/external/TransactionDetails/components/PaymentRefund/PaymentRefundReason.js

@@ -1,14 +1,14 @@
-import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { REFUND_REASONS as T, TX_DATA_CONTAINER as p, TX_DATA_INPUT_HEAD as f, TX_DATA_INPUT_CONTAINER as u, TX_DATA_INPUT_CONTAINER_SHORT as N } from "../../constants.js";
-import { useMemo as n, useCallback 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 { REFUND_REASONS as T, TX_DATA_CONTAINER as f, TX_DATA_INPUT_HEAD as p, TX_DATA_INPUT_CONTAINER as u, TX_DATA_INPUT_CONTAINER_SHORT as N } from "../../constants.js";
+import { useMemo as n, useCallback as A } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { getTransactionRefundReason as _ } from "../../../../utils/translation/getters.js";
 import { TypographyVariant as R, TypographyElement as y } from "../../../../internal/Typography/types.js";
-import g from "../../../../../core/Context/useCoreContext.js";
-import h from "../../../../internal/Typography/Typography.js";
-import { useUniqueId as I } from "../../../../../hooks/useUniqueId.js";
+import g from "../../../../internal/Typography/Typography.js";
+import h from "../../../../../hooks/useUniqueId.js";
+import I from "../../../../../core/Context/preact/useCoreContext.js";
 import b from "../../../../internal/FormFields/Select/Select.js";
 const x = ({ disabled: l, onChange: r, reason: i }) => {
-  const { i18n: a } = g(), o = I(), m = n(() => a.get("transactions.details.refund.inputs.reason.label"), [a]), c = n(
+  const { i18n: a } = I(), o = h(), m = n(() => a.get("transactions.details.refund.inputs.reason.label"), [a]), c = n(
     () => T.map((t) => ({
       name: _(a, t),
       id: t
@@ -21,8 +21,8 @@ const x = ({ disabled: l, onChange: r, reason: i }) => {
     },
     [r]
   );
-  return /* @__PURE__ */ e("div", { className: p, children: [
-    /* @__PURE__ */ e("div", { id: o, className: f, children: /* @__PURE__ */ e(h, { el: y.SPAN, variant: R.BODY, stronger: !0, children: m }) }),
+  return /* @__PURE__ */ e("div", { className: f, children: [
+    /* @__PURE__ */ e("div", { id: o, className: p, children: /* @__PURE__ */ e(g, { el: y.SPAN, variant: R.BODY, stronger: !0, children: m }) }),
     /* @__PURE__ */ e("div", { className: `${u} ${N}`, children: /* @__PURE__ */ e(
       b,
       {

package/dist/es/components/external/TransactionDetails/components/TransactionData/TransactionData.js

@@ -1,49 +1,51 @@
-import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { TX_DETAILS_RESERVED_FIELDS_SET as k, TX_DETAILS_FIELDS_REMAPS as R } from "../../constants.js";
-import _ from "../../../../internal/DataOverviewDetails/DataOverviewDetailsSkeleton.js";
-import { normalizeCustomFields as F } from "../../../../utils/customData/normalizeCustomFields.js";
-import { TransactionDataContent as M } from "./TransactionDataContent.js";
+import { jsx as r } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { TX_DETAILS_RESERVED_FIELDS_SET as _, TX_DETAILS_FIELDS_REMAPS as F } from "../../constants.js";
+import I from "../../../../internal/DataOverviewDetails/DataOverviewDetailsSkeleton.js";
+import M from "../../../../utils/customData/normalizeCustomFields.js";
+import { TransactionDataContent as R } from "./TransactionDataContent.js";
 import { useModalContext as b } from "../../../../internal/Modal/Modal.js";
-import { useState as v, useMemo as E, useRef as I, useEffect as D } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useState as l, useMemo as y, useEffect as c } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { ErrorMessageDisplay as x } from "../../../../internal/ErrorMessageDisplay/ErrorMessageDisplay.js";
-import { getErrorMessage as A } from "../../../../utils/getErrorMessage.js";
-import { useTransaction as H } from "../../hooks/useTransaction/useTransaction.js";
-import { boolOrFalse as L } from "../../../../../utils/value/bool.js";
-import { Header as N } from "../../../../internal/Header/Header.js";
-const W = ({ id: a, dataCustomization: o, hideTitle: l, onContactSupport: m }) => {
-  const { error: i, fetchingTransaction: d, refreshTransaction: y, transaction: e, transactionNavigator: h } = H(a), { withinModal: n } = b(), [w, f] = v(), [u, S] = v(!1), g = E(() => u || L(l), [u, l]), s = I(e), T = E(
-    () => A(i, "transactions.details.errors.unavailable", m),
-    [i, m]
+import { getErrorMessage as H } from "../../../../utils/getErrorMessage.js";
+import L from "../../hooks/useTransaction/useTransaction.js";
+import { boolOrFalse as N } from "../../../../../utils/value/bool.js";
+import { Header as A } from "../../../../internal/Header/Header.js";
+const W = ({ id: t, dataCustomization: a, hideTitle: m, onContactSupport: d }) => {
+  const { error: i, fetchingTransaction: f, refreshTransaction: h, transaction: e, transactionNavigator: w } = L(t), { withinModal: n } = b(), [S, T] = l(), [p, g] = l(!1), [u, v] = l(), k = y(() => p || N(m), [p, m]), E = y(
+    () => H(i, "transactions.details.errors.unavailable", d),
+    [i, d]
   );
-  return !s.current && e && (s.current = e), D(() => {
-    S(n);
-  }, [n]), D(() => {
-    e && e.id === a ? (async () => {
-      const c = await o?.details?.onDataRetrieve?.(e);
-      f(
-        F(
-          o?.details?.fields,
-          R,
-          c
-        )?.reduce((p, t) => !k.has(t.key) && t?.visibility !== "hidden" ? {
-          ...p,
-          ...c?.[t.key] && { [t.key]: c[t.key] }
-        } : p, {})
+  return c(() => {
+    e && e.id === t ? v((o) => o ?? e) : e || v(void 0);
+  }, [e, t]), c(() => {
+    g(n);
+  }, [n]), c(() => {
+    e && e.id === t ? (async () => {
+      const o = await a?.details?.onDataRetrieve?.(e);
+      T(
+        M(
+          a?.details?.fields,
+          F,
+          o
+        )?.reduce((D, s) => !_.has(s.key) && s?.visibility !== "hidden" ? {
+          ...D,
+          ...o?.[s.key] && { [s.key]: o[s.key] }
+        } : D, {})
       );
-    })() : f(void 0);
-  }, [e, a, o]), /* @__PURE__ */ r("div", { className: "adyen-pe-overview-details", children: [
-    /* @__PURE__ */ r(N, { hideTitle: g, titleKey: "transactions.details.title", forwardedToRoot: !n }),
-    s.current ? /* @__PURE__ */ r(
-      M,
+    })() : T(void 0);
+  }, [e, t, a]), /* @__PURE__ */ r("div", { className: "adyen-pe-overview-details", children: [
+    /* @__PURE__ */ r(A, { hideTitle: k, titleKey: "transactions.details.title", forwardedToRoot: !n }),
+    u ? /* @__PURE__ */ r(
+      R,
       {
-        extraFields: w,
-        dataCustomization: o,
-        fetchingTransaction: d,
-        refreshTransaction: y,
-        transaction: e ?? s.current,
-        transactionNavigator: h
+        extraFields: S,
+        dataCustomization: a,
+        fetchingTransaction: f,
+        refreshTransaction: h,
+        transaction: e ?? u,
+        transactionNavigator: w
       }
-    ) : d ? /* @__PURE__ */ r(_, { skeletonRowNumber: 5 }) : i && T && /* @__PURE__ */ r("div", { className: "adyen-pe-overview-details--error-container", children: /* @__PURE__ */ r(x, { outlined: !1, absolutePosition: !1, withBackground: !1, withImage: !0, ...T }) })
+    ) : f ? /* @__PURE__ */ r(I, { skeletonRowNumber: 5 }) : i && E && /* @__PURE__ */ r("div", { className: "adyen-pe-overview-details--error-container", children: /* @__PURE__ */ r(x, { outlined: !1, absolutePosition: !1, withBackground: !1, withImage: !0, ...E }) })
   ] });
 };
 export {

package/dist/es/components/external/TransactionDetails/components/TransactionData/TransactionDataContent.js

@@ -1,19 +1,19 @@
-import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as o } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import x from "../PaymentRefund/PaymentRefund.js";
 import S from "../PaymentDetails/PaymentDetails.js";
 import C from "../../../../internal/DataOverviewDetails/DataOverviewDetailsSkeleton.js";
 import { ActiveView as l } from "../../types.js";
 import { useLandedPageEvent as V } from "../../../../../hooks/useAnalytics/useLandedPageEvent.js";
-import { useState as p, useRef as j, useMemo as n, useEffect as F } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useState as p, useRef as j, useMemo as n, useEffect as F } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { useModalContext as N } from "../../../../internal/Modal/Modal.js";
 import { sharedTransactionDetailsEventProperties as O } from "../../constants.js";
 /* empty css                     */
-import { useRefundMetadata as Y } from "../../hooks/useRefundMetadata/useRefundMetadata.js";
+import Y from "../../hooks/useRefundMetadata/useRefundMetadata.js";
 import { EMPTY_ARRAY as A } from "../../../../../utils/value/constants.js";
 const Z = ({
-  dataCustomization: v,
-  extraFields: D,
-  fetchingTransaction: R,
+  dataCustomization: R,
+  extraFields: v,
+  fetchingTransaction: D,
   refreshTransaction: b,
   transaction: e,
   transactionNavigator: k
@@ -36,7 +36,7 @@ const Z = ({
     ...I && { fromPage: "Transactions overview" }
   }), F(() => {
     (y.current = t) && f(!1);
-  }, [t]), R)
+  }, [t]), D)
     return /* @__PURE__ */ o(C, { skeletonRowNumber: 5 });
   switch (w) {
     case l.REFUND:
@@ -60,8 +60,8 @@ const Z = ({
       return /* @__PURE__ */ o(
         S,
         {
-          dataCustomization: v,
-          extraFields: D,
+          dataCustomization: R,
+          extraFields: v,
           fullRefundFailed: L,
           fullRefundInProgress: P,
           refundAmounts: u,

package/dist/es/components/external/TransactionDetails/constants.js

@@ -1,5 +1,5 @@
 import { TRANSACTION_ANALYTICS_SUBCATEGORY_DETAILS as a, TRANSACTION_ANALYTICS_CATEGORY as T } from "../TransactionsOverview/constants.js";
-import { TRANSACTION_FIELDS as r } from "../TransactionsOverview/components/TransactionsTable/TransactionsTable.js";
+import { TRANSACTION_FIELDS as r } from "../TransactionsOverview/components/TransactionsTable/fields.js";
 import { DetailsTab as n } from "./types.js";
 const t = "adyen-pe-transaction-data", E = `${t}__amount`, d = `${t}__action-bar`, l = `${t}__container`, N = `${t}__head-container`, o = `${t}__input`, s = `${o}-container`, S = `${s}--short`, R = `${s}--text-input`, I = `${s}--with-error`, D = `${o}-head`, m = `${t}__label`, O = `${t}__list`, X = `${t}__tags`, f = `${t}__status-box`, p = `${t}__timeline-label`, C = `${t}__timeline-value`, U = `${t}__refund-response`, c = `${t}__refund-response-icon`, $ = `${c}--success`, L = `${c}--error`, b = `${t}__refund-statuses-container`, P = /* @__PURE__ */ new Set([
   "status",

package/dist/es/components/external/TransactionDetails/hooks/useRefundMetadata/useRefundMetadata.js

@@ -1,9 +1,9 @@
-import { useMemo as m } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as m } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { RefundMode as f, RefundedState as R } from "../../types.js";
 import { REFUND_STATUSES as S } from "../../constants.js";
 import { boolOrFalse as U } from "../../../../../utils/value/bool.js";
 import { isFunction as _ } from "../../../../../utils/value/is.js";
-import { useConfigContext as h } from "../../../../../core/ConfigContext/context.js";
+import { useConfigContext as h } from "../../../../../core/ConfigContext/preact/context.js";
 const y = (s) => {
   const u = s?.refundDetails, l = u?.refundMode ?? f.FULL_AMOUNT, N = U(u?.refundLocked), F = l !== f.NON_REFUNDABLE, e = m(() => s ? Math.max(0, u?.refundableAmount?.value ?? 0) : 0, [u, s]), L = _(h().endpoints.initiateRefund), M = L && F && e > 0, p = u?.refundableAmount?.currency ?? s?.netAmount.currency ?? "", E = !M || N, r = m(() => {
     let d = -1;

package/dist/es/components/external/TransactionDetails/hooks/useTransaction/transactionNavigator/createDuplexTransactionNavigator.js

@@ -1,34 +1,35 @@
 import { EMPTY_ARRAY as T } from "../../../../../../utils/value/constants.js";
-import { struct as u } from "../../../../../../utils/struct/main.js";
+import { struct as l } from "../../../../../../utils/struct/main.js";
 import { enumerable as d, getter as i } from "../../../../../../utils/struct/property.js";
 import { isNullish as k, isFunction as b } from "../../../../../../utils/value/is.js";
-import { isEmptyString as l } from "../../../../../../utils/value/string.js";
+import { isEmptyString as m } from "../../../../../../utils/value/string.js";
 const A = () => {
-  let [t, n, r, o] = T;
-  const m = () => !!(t && t === o && r), g = () => !!(t && t === r && o);
+  let [t, n, a, o] = T;
+  const u = () => !!(t && t === o && a), g = () => !!(t && t === a && o);
   let e = null;
   const v = () => {
-    m() && (n = t, t = r, c());
+    u() && (n = t, t = a, c());
   }, N = () => {
     g() && (n = t, t = o, c());
-  }, p = (a, s) => {
+  }, p = (r, s) => {
     const f = t;
-    t = n = r = o = void 0, !l(a) && !l(s) && (r = a, o = s, t = f === r || f === o ? f : r, f !== t && c());
-  }, w = (a) => {
-    k(a) ? e = null : b(a) && e !== (e = a) && c();
+    t = n = a = o = void 0, !m(r) && !m(s) && (a = r, o = s, t = f === a || f === o ? f : a, f !== t && c());
+  }, w = (r) => {
+    k(r) ? e = null : b(r) && e !== (e = r) && c();
   }, c = () => {
-    const a = n, s = t;
+    if (m(t)) return;
+    const r = n, s = t;
     n = void 0, e?.(
-      u({
-        from: i(() => a),
+      l({
+        from: i(() => r),
         to: i(() => s)
       })
     );
   };
-  return u({
+  return l({
     backward: d(v),
     forward: d(N),
-    canNavigateBackward: i(m),
+    canNavigateBackward: i(u),
     canNavigateForward: i(g),
     currentTransaction: i(() => t),
     onNavigation: { set: w },

package/dist/es/components/external/TransactionDetails/hooks/useTransaction/useTransaction.js

@@ -1,24 +1,24 @@
 import S from "../../../../../hooks/useBalanceAccounts.js";
 import { createDuplexTransactionNavigator as y } from "./transactionNavigator/createDuplexTransactionNavigator.js";
-import { useRef as m, useState as l, useMemo as h, useCallback as C, useEffect as s } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { useFetch as x } from "../../../../../hooks/useFetch.js";
-import { useConfigContext as B } from "../../../../../core/ConfigContext/context.js";
+import { useRef as m, useState as l, useMemo as h, useCallback as C, useEffect as s } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { useFetch as R } from "../../../../../hooks/useFetch.js";
+import { useConfigContext as x } from "../../../../../core/ConfigContext/preact/context.js";
+import { EMPTY_OBJECT as B } from "../../../../../utils/value/constants.js";
 import { isFunction as E } from "../../../../../utils/value/is.js";
-import { EMPTY_OBJECT as M } from "../../../../../utils/value/constants.js";
 const v = (e) => {
   const { onNavigation: n, reset: a, ...r } = e;
   return r;
 }, J = (e) => {
-  const n = m(y()).current, [a, r] = l(e), [t, N] = l(), [b, A] = l(() => v(n)), { balanceAccounts: T } = S(), { getTransaction: i } = B().endpoints, {
+  const n = m(y()).current, [a, r] = l(e), [t, N] = l(), [b, A] = l(() => v(n)), { balanceAccounts: T } = S(), { getTransaction: i } = x().endpoints, {
     data: u,
     error: f,
     isFetching: o
-  } = x(
+  } = R(
     h(() => {
       const c = E(i) && !!a, g = { transactionId: a };
       return {
         fetchOptions: { enabled: c },
-        queryFn: () => i(M, { path: g })
+        queryFn: () => i(B, { path: g })
       };
     }, [i, a])
   ), p = m(o), d = m(a), F = h(() => {

package/dist/es/components/external/TransactionsOverview/TransactionsOverviewElement.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 n from "./components/TransactionsOverviewContainer/TransactionsOverviewContainer.js";
 import { UIElement as o } from "../UIElement/UIElement.js";
 class m extends o {

package/dist/es/components/external/TransactionsOverview/components/AmountDisplay/AmountDisplay.js

@@ -1,22 +1,22 @@
-import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as r } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import f from "classnames";
 import e from "../../../../internal/Typography/Typography.js";
-import g from "../../../../../core/Context/useCoreContext.js";
 import { TypographyVariant as o, TypographyElement as m } from "../../../../internal/Typography/types.js";
-import { Tooltip as N } from "../../../../internal/Tooltip/Tooltip.js";
-import { useMemo as c } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { Tooltip as g } from "../../../../internal/Tooltip/Tooltip.js";
+import { useMemo as c } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { classes as t } from "./constants.js";
 /* empty css                   */
+import N from "../../../../../core/Context/preact/useCoreContext.js";
 import { Icon as P } from "../../../../internal/Icon/Icon.js";
 const U = ({ amount: p, currency: n, description: s, label: l, large: a }) => {
-  const { i18n: i } = g(), [u, T] = c(() => {
+  const { i18n: i } = N(), [u, T] = c(() => {
     const h = a ? { variant: o.TITLE, large: !0 } : { variant: o.SUBTITLE, stronger: !0 }, d = a ? { variant: o.SUBTITLE, stronger: !0 } : { variant: o.CAPTION, stronger: !0 };
     return [h, d];
   }, [a]), y = c(() => i.amount(p, n), [i, p, n]);
   return /* @__PURE__ */ r("div", { className: t.root, children: [
     /* @__PURE__ */ r("div", { className: t.label, children: [
       /* @__PURE__ */ r(e, { el: m.SPAN, variant: o.CAPTION, children: l }),
-      s && /* @__PURE__ */ r(N, { content: s, children: /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(P, { name: "info" }) }) })
+      s && /* @__PURE__ */ r(g, { content: s, children: /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(P, { name: "info" }) }) })
     ] }),
     /* @__PURE__ */ r("div", { className: f(t.amount, { [t.amountLarge]: a }), children: [
       /* @__PURE__ */ r(e, { el: m.SPAN, ...u, children: y }),

package/dist/es/components/external/TransactionsOverview/components/AmountSkeleton/AmountSkeleton.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 e from "classnames";
 import { BASE_CLASS as m, MARGIN_CLASS as a, LOADING_CLASS as S } from "./constants.js";
 /* empty css                    */

package/dist/es/components/external/TransactionsOverview/components/BalanceItem/BalanceItem.js

@@ -1,31 +1,31 @@
-import { jsx as V } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import d from "../../../../../core/Context/useCoreContext.js";
-import { useRef as s, useMemo as h } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as V } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useRef as s, useMemo as h } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { SummaryItem as C } from "../SummaryItem/SummaryItem.js";
-const R = ({
+import k from "../../../../../core/Context/preact/useCoreContext.js";
+const d = ({
   balance: e,
   hiddenField: r,
-  isHeader: a = !1,
-  showLabelUnderline: l = !1,
-  isSkeleton: o = !1,
-  isLoading: n = !1,
-  widths: i,
-  onWidthsSet: u,
-  availableBalanceElemId: m,
-  reservedBalanceElemId: c
+  isHeader: l = !1,
+  showLabelUnderline: n = !1,
+  isSkeleton: u = !1,
+  isLoading: i = !1,
+  widths: m,
+  onWidthsSet: f,
+  availableBalanceElemId: a,
+  reservedBalanceElemId: o
 }) => {
-  const { i18n: t } = d(), f = s(null), v = s(null), g = s(null), y = h(() => {
-    const b = {
-      elemId: m,
+  const { i18n: t } = k(), c = s(null), v = s(null), g = s(null), y = h(() => {
+    const p = {
+      elemId: a,
       labelKey: "transactions.overview.balances.tags.available",
-      ref: f,
+      ref: c,
       skeletonWidth: 80,
       getValue: () => e && t.amount(e.value, e.currency),
       get ariaLabel() {
         return `${t.get(this.labelKey)}: ${this.getValue()}`;
       }
-    }, p = {
-      elemId: c,
+    }, b = {
+      elemId: o,
       labelKey: "transactions.overview.balances.tags.reserved",
       ref: v,
       skeletonWidth: 80,
@@ -36,8 +36,8 @@ const R = ({
       }
     };
     return [
-      ...r !== "available" ? [b] : [],
-      ...r !== "reserved" ? [p] : [],
+      ...r !== "available" ? [p] : [],
+      ...r !== "reserved" ? [b] : [],
       {
         ref: g,
         skeletonWidth: 40,
@@ -45,21 +45,21 @@ const R = ({
         getValue: () => e?.currency
       }
     ];
-  }, [e, r, t]);
+  }, [e, r, t, a, o]);
   return /* @__PURE__ */ V(
     C,
     {
-      showLabelUnderline: l,
+      showLabelUnderline: n,
       isEmpty: !e,
       columnConfigs: y,
-      isHeader: a,
-      isSkeletonVisible: o,
-      isLoading: n,
-      widths: i,
-      onWidthsSet: u
+      isHeader: l,
+      isSkeletonVisible: u,
+      isLoading: i,
+      widths: m,
+      onWidthsSet: f
     }
   );
 };
 export {
-  R as BalanceItem
+  d as BalanceItem
 };

package/dist/es/components/external/TransactionsOverview/components/Balances/Balances.js

@@ -1,11 +1,11 @@
-import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { memo as m } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { jsx as e } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { memo as m } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
 import { BalancesCard as o } from "./BalancesCard.js";
 import { BASE_CLASS as c, ITEM_CLASS as t } from "./constants.js";
 import { useResponsiveContainer as l, containerQueries as n } from "../../../../../hooks/useResponsiveContainer.js";
-import v from "../../../../../core/Context/useCoreContext.js";
 /* empty css              */
-import { Fragment as f } from "../../../../../external/preact/dist/preact.module.js";
+import v from "../../../../../core/Context/preact/useCoreContext.js";
+import { Fragment as f } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
 const S = m(({ balances: a, loadingBalances: i }) => {
   const { i18n: r } = v(), d = l(n.only.xs), s = l(n.down.sm);
   return /* @__PURE__ */ e("div", { className: c, children: d ? /* @__PURE__ */ e(f, { children: [

package/dist/es/components/external/TransactionsOverview/components/Balances/BalancesCard.js

@@ -1,14 +1,14 @@
-import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { memo as w } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { useState as y, useMemo as t } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import x from "../../../../../core/Context/useCoreContext.js";
-import $ from "../../../../internal/ExpandableCard/ExpandableCard.js";
+import { jsx as r } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { memo as w } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
+import { useState as y, useMemo as t } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import x from "../../../../internal/ExpandableCard/ExpandableCard.js";
 import { BalanceItem as u } from "../BalanceItem/BalanceItem.js";
-import { useMaxWidthsState as C } from "../../hooks/useMaxWidths.js";
-import { Fragment as M } from "../../../../../external/preact/dist/preact.module.js";
-import { uniqueId as B } from "../../../../../utils/random/uniqueId.js";
+import { useMaxWidthsState as $ } from "../../hooks/useMaxWidths.js";
+import C from "../../../../../core/Context/preact/useCoreContext.js";
+import { Fragment as M } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
+import B from "../../../../../utils/random/uniqueId.js";
 const q = w(({ balances: b, isLoading: n, hiddenField: l, fullWidth: f, ...I }) => {
-  const { i18n: s } = x(), [c, i] = C(), [o, m] = y(!1), d = t(() => s.get("transactions.overview.balances.currency.label"), [s]), [a, ...v] = t(() => b.map((e) => ({
+  const { i18n: s } = C(), [c, i] = $(), [o, m] = y(!1), d = t(() => s.get("transactions.overview.balances.currency.label"), [s]), [a, ...v] = t(() => b.map((e) => ({
     ...e,
     key: e.currency,
     availableBalanceElemId: B("elem"),
@@ -69,7 +69,7 @@ const q = w(({ balances: b, isLoading: n, hiddenField: l, fullWidth: f, ...I })
     e.key
   )) }) : void 0, [n, v, o, l, c, i, d]);
   return /* @__PURE__ */ r(
-    $,
+    x,
     {
       renderContent: ({ collapsibleContent: e }) => /* @__PURE__ */ r("div", { role: "list", "aria-label": E, children: [
         p,