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

package/dist/es/components/external/TransactionDetails/context/details/context.js

@@ -1,50 +1,48 @@
 import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { memo as N } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { createContext as O, Fragment as h } from "../../../../../external/preact/dist/preact.module.js";
-import { useMemo as a, useCallback as R, useEffect as w, useContext as j } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import k from "../../../../../core/Context/useCoreContext.js";
+import { memo as I } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { createContext as N, Fragment as h } from "../../../../../external/preact/dist/preact.module.js";
+import { useMemo as o, useCallback as R, useEffect as w, useContext as O } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import j from "../../../../../core/Context/useCoreContext.js";
 import { ButtonVariant as y } from "../../../../internal/Button/types.js";
 import { ActiveView as B } from "../types.js";
-import A from "../../../../internal/Icon/Icon.js";
+import { Icon as A } from "../../../../internal/Icon/Icon.js";
 import { EMPTY_ARRAY as _, EMPTY_OBJECT as E } from "../../../../../utils/value/constants.js";
 import { noop as D } from "../../../../../utils/common.js";
-const P = O({
+const M = N({
   availableItems: _,
   primaryAction: D,
   secondaryAction: D,
   transaction: E,
   extraFields: E
-}), Q = N(
+}), Q = I(
   ({
-    children: Y,
-    lineItems: F,
+    children: P,
+    lineItems: Y,
     refundAvailable: n,
-    refundDisabled: l,
-    setActiveView: f,
+    refundDisabled: f,
+    setActiveView: l,
     setPrimaryAction: u,
     setSecondaryAction: p,
     transaction: i,
-    transactionNavigator: I,
-    extraFields: M
+    transactionNavigator: k,
+    extraFields: F
   }) => {
-    const { i18n: r } = k(), { currentTransaction: v, canNavigateBackward: T, canNavigateForward: g, backward: C, forward: b } = I, x = a(() => ({ title: r.get("refundAction") }), [r]), o = a(() => !n || l, [n, l]), s = R(
-      () => void (!o && f(B.REFUND)),
-      [o, f]
-    ), t = a(() => {
+    const { i18n: r } = j(), { currentTransaction: v, canNavigateBackward: T, canNavigateForward: g, backward: x, forward: C } = k, b = o(() => ({ title: r.get("refundAction") }), [r]), a = o(() => !n || f, [n, f]), s = R(
+      () => void (!a && l(B.REFUND)),
+      [a, l]
+    ), t = o(() => {
       if (v === i.id) {
-        if (T)
-          return 2;
-        if (g)
-          return 1;
+        if (T) return 2;
+        if (g) return 1;
       }
     }, [T, g, v, i]), c = R(() => {
       switch (t) {
         case 2:
-          return void C();
+          return void x();
         case 1:
-          return void b();
+          return void C();
       }
-    }, [t, C, b]), d = a(() => {
+    }, [t, x, C]), d = o(() => {
       switch (t) {
         case 2:
           return {
@@ -67,13 +65,13 @@ const P = O({
     return w(() => {
       u(
         n ? Object.freeze({
-          disabled: o,
+          disabled: a,
           event: s,
           variant: y.PRIMARY,
-          ...x
+          ...b
         }) : void 0
       );
-    }, [s, n, o, x, u]), w(() => {
+    }, [s, n, a, b, u]), w(() => {
       p(
         t && d ? Object.freeze({
           disabled: !1,
@@ -82,9 +80,9 @@ const P = O({
           ...d
         }) : void 0
       );
-    }, [t, c, d, p]), /* @__PURE__ */ e(P.Provider, { value: { availableItems: F, primaryAction: s, secondaryAction: c, transaction: i, extraFields: M }, children: Y });
+    }, [t, c, d, p]), /* @__PURE__ */ e(M.Provider, { value: { availableItems: Y, primaryAction: s, secondaryAction: c, transaction: i, extraFields: F }, children: P });
   }
-), S = () => j(P);
+), S = () => O(M);
 export {
   Q as TransactionDetailsProvider,
   S as default,

package/dist/es/components/external/TransactionDetails/context/refund/context.js

@@ -1,18 +1,18 @@
-import { jsx as E } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { memo as F } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { createContext as M } from "../../../../../external/preact/dist/preact.module.js";
-import { useContext as N } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { REFUND_REASONS as U } from "../constants.js";
-import { useRefundContextActions as _ } from "./hooks/useRefundContextActions.js";
-import { useRefundContextAmount as g } from "./hooks/useRefundContextAmount.js";
+import { jsx as g } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { memo as D } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { createContext as E } from "../../../../../external/preact/dist/preact.module.js";
+import { useContext as F } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { REFUND_REASONS as N } from "../constants.js";
+import { useRefundContextActions as U } from "./hooks/useRefundContextActions.js";
+import { useRefundContextAmount as _ } from "./hooks/useRefundContextAmount.js";
 import { useRefundContextLineItems as O } from "./hooks/useRefundContextLineItems.js";
 import { useRefundContextReason as S } from "./hooks/useRefundContextReason.js";
 import Y from "../../../../../hooks/useMutation/useMutation.js";
-import { RefundMode as h } from "../types.js";
-import { useAuthContext as j } from "../../../../../core/Auth/context.js";
+import { RefundMode as j } from "../types.js";
+import { useConfigContext as q } from "../../../../../core/ConfigContext/context.js";
 import { EMPTY_ARRAY as f } from "../../../../../utils/value/constants.js";
 import { noop as t } from "../../../../../utils/common.js";
-const d = M({
+const d = E({
   amount: 0,
   availableAmount: 0,
   availableItems: f,
@@ -21,14 +21,14 @@ const d = M({
   interactionsDisabled: !1,
   items: f,
   primaryAction: t,
-  refundMode: h.FULL_AMOUNT,
-  refundReason: U[0],
+  refundMode: j.FULL_AMOUNT,
+  refundReason: N[0],
   secondaryAction: t,
   setAmount: t,
   setRefundReason: t,
   transactionId: "",
   updateItems: t
-}), $ = F(
+}), $ = D(
   ({
     availableAmount: s,
     children: c,
@@ -41,7 +41,9 @@ const d = M({
     setSecondaryAction: x,
     transactionId: r
   }) => {
-    const { isLoading: m, mutate: C } = Y({ queryFn: j().endpoints.initiateRefund }), { availableItems: I, clearItems: v, items: a, updateItems: T } = O({ currency: e, lineItems: p }), o = m, [i, b] = g({ availableAmount: s, currency: e, interactionsDisabled: o, items: a, refundMode: n }), [u, y] = S({ interactionsDisabled: o, refundMode: n }), { value: L } = i, { primaryAction: P, secondaryAction: D } = _({
+    const { isLoading: m, mutate: C } = Y({
+      queryFn: q().endpoints.initiateRefund
+    }), { availableItems: I, clearItems: v, items: a, updateItems: T } = O({ currency: e, lineItems: p }), o = m, [i, b] = _({ availableAmount: s, currency: e, interactionsDisabled: o, items: a, refundMode: n }), [u, y] = S({ interactionsDisabled: o, refundMode: n }), { value: L } = i, { primaryAction: M, secondaryAction: P } = U({
       interactionsDisabled: o,
       refreshTransaction: R,
       refundAmount: i,
@@ -53,7 +55,7 @@ const d = M({
       setSecondaryAction: x,
       transactionId: r
     });
-    return /* @__PURE__ */ E(
+    return /* @__PURE__ */ g(
       d.Provider,
       {
         value: {
@@ -64,10 +66,10 @@ const d = M({
           currency: e,
           interactionsDisabled: o,
           items: a,
-          primaryAction: P,
+          primaryAction: M,
           refundMode: n,
           refundReason: u,
-          secondaryAction: D,
+          secondaryAction: P,
           setAmount: b,
           setRefundReason: y,
           transactionId: r,
@@ -77,7 +79,7 @@ const d = M({
       }
     );
   }
-), tt = () => N(d);
+), tt = () => F(d);
 export {
   $ as TransactionRefundProvider,
   tt as default,

package/dist/es/components/external/TransactionDetails/context/refund/hooks/useRefundContextAmount.js

@@ -15,6 +15,8 @@ const M = ({
       case s.PARTIAL_LINE_ITEMS:
       case s.PARTIAL_AMOUNT:
         return n;
+      // case RefundMode.PARTIAL_LINE_ITEMS:
+      //     return items.reduce((total, { amount, quantity }) => total + amount * quantity, 0);
       case s.FULL_AMOUNT:
       default:
         return t;

package/dist/es/components/external/TransactionDetails/context/refund/hooks/useRefundContextLineItems.js

@@ -4,8 +4,7 @@ import { EMPTY_ARRAY as o } from "../../../../../../utils/value/constants.js";
 const T = ({ currency: c, lineItems: n }) => {
   const [s, m] = v(o), u = f(() => {
     const a = n == null ? void 0 : n.filter((t) => {
-      if (t.amountIncludingTax.currency !== c)
-        return;
+      if (t.amountIncludingTax.currency !== c) return;
       const e = t.availableQuantity;
       return e > 0 && Number.isFinite(e) && Math.trunc(e) === e;
     }).map(

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

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

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

@@ -1,46 +1,46 @@
-import q from "./transactionNavigator/createDuplexTransactionNavigator.js";
-import { useState as d, useRef as e, useMemo as w, useCallback as I, useEffect as m } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { createDuplexTransactionNavigator as w } from "./transactionNavigator/createDuplexTransactionNavigator.js";
+import { useState as d, useRef as e, useMemo as A, useCallback as I, useEffect as m } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import { useFetch as O } from "../../../../../hooks/useFetch.js";
-import { useAuthContext as P } from "../../../../../core/Auth/context.js";
+import { useConfigContext as P } from "../../../../../core/ConfigContext/context.js";
 import { EMPTY_OBJECT as N } from "../../../../../utils/value/constants.js";
-const R = (c) => {
-  const [i, y] = d(c), [t, r] = d(c.id), [E, b] = d(performance.now()), { getTransaction: a } = P().endpoints, h = e(q()), x = h.current, u = e(!1), l = e(!1), T = e(c), p = e(t), A = w(() => !!a && !!t && u.current, [t, a]), C = I(
+const J = (s) => {
+  const [i, y] = d(s), [t, r] = d(s.id), [C, E] = d(performance.now()), { getTransaction: a } = P().endpoints, h = e(w()), b = h.current, u = e(!1), l = e(!1), g = e(s), p = e(t), x = A(() => !!a && !!t && u.current, [t, a]), M = I(
     () => a(N, {
       path: { transactionId: t }
     }),
     [t, a]
   ), {
     data: o,
-    error: g,
-    isFetching: s
+    error: T,
+    isFetching: c
   } = O({
-    fetchOptions: { enabled: A },
-    queryFn: C
-  }), M = I(() => r(void 0), []);
+    fetchOptions: { enabled: x },
+    queryFn: M
+  }), q = I(() => r(void 0), []);
   return m(() => {
     t || r(i.id);
   }, [t, i]), m(() => {
-    var v;
-    const n = h.current, f = T.current;
-    return f.category === "Refund" && (n.reset(f.id, (v = f.refundMetadata) == null ? void 0 : v.originalPaymentId), n.onNavigation = ({ to: F }) => {
-      u.current = !0, b(performance.now()), F && r(F);
+    var F;
+    const n = h.current, f = g.current;
+    return f.category === "Refund" && (n.reset(f.id, (F = f.refundMetadata) == null ? void 0 : F.originalPaymentId), n.onNavigation = ({ to: v }) => {
+      u.current = !0, E(performance.now()), v && r(v);
     }), () => {
       u.current = !1, n.onNavigation = null, n.reset();
     };
   }, []), m(() => {
-    if (l.current !== s && !(l.current = s))
-      if (!o || g)
+    if (l.current !== c && !(l.current = c))
+      if (!o || T)
         r(p.current);
       else {
-        const n = T.current;
+        const n = g.current;
         y(() => ({
           ...o.id === n.id ? n : N,
           ...o
         })), p.current = t;
       }
-  }, [o, g, s, t, E]), { fetchingTransaction: s, refreshTransaction: M, transaction: i, transactionNavigator: x };
-}, L = R;
+  }, [o, T, c, t, C]), { fetchingTransaction: c, refreshTransaction: q, transaction: i, transactionNavigator: b };
+};
 export {
-  L as default,
-  R as useTransaction
+  J as default,
+  J as useTransaction
 };

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

@@ -1,17 +1,17 @@
-import { useMemo as s } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as a } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import W from "../../../../../core/Context/useCoreContext.js";
 import { AlertTypeOption as A } from "../../../../internal/Alert/types.js";
 import { RefundMode as p, RefundStatus as b, RefundedState as g } from "../../context/types.js";
 import { checkRefundStatusCollection as j } from "./helpers.js";
 import { boolOrFalse as z } from "../../../../../utils/value/bool.js";
 import { isFunction as q, isUndefined as J } from "../../../../../utils/value/is.js";
-import { useAuthContext as K } from "../../../../../core/Auth/context.js";
-const H = ["completed", "in_progress", "failed"], Q = (t) => {
+import { useConfigContext as K } from "../../../../../core/ConfigContext/context.js";
+const H = ["completed", "in_progress", "failed"], te = (t) => {
   var S, v, F;
-  const { i18n: o } = W(), e = t == null ? void 0 : t.refundDetails, a = (e == null ? void 0 : e.refundMode) ?? p.FULL_AMOUNT, M = z(e == null ? void 0 : e.refundLocked), E = a !== p.NON_REFUNDABLE, c = (S = t == null ? void 0 : t.originalAmount) == null ? void 0 : S.value, f = s(() => {
+  const { i18n: o } = W(), e = t == null ? void 0 : t.refundDetails, s = (e == null ? void 0 : e.refundMode) ?? p.FULL_AMOUNT, E = z(e == null ? void 0 : e.refundLocked), G = s !== p.NON_REFUNDABLE, c = (S = t == null ? void 0 : t.originalAmount) == null ? void 0 : S.value, f = a(() => {
     var r;
     return t ? Math.max(0, ((r = e == null ? void 0 : e.refundableAmount) == null ? void 0 : r.value) ?? 0) : 0;
-  }, [e, t]), G = q(K().endpoints.initiateRefund), O = G && E && f > 0, N = ((v = e == null ? void 0 : e.refundableAmount) == null ? void 0 : v.currency) ?? (t == null ? void 0 : t.amount.currency) ?? "", C = !O || M, u = s(() => {
+  }, [e, t]), M = q(K().endpoints.initiateRefund), O = M && G && f > 0, N = ((v = e == null ? void 0 : e.refundableAmount) == null ? void 0 : v.currency) ?? (t == null ? void 0 : t.amount.currency) ?? "", x = !O || E, u = a(() => {
     var I;
     const r = ((I = t == null ? void 0 : t.refundDetails) == null ? void 0 : I.refundStatuses) ?? [];
     return (r == null ? void 0 : r.filter((n) => n.amount.value !== 0).sort((n, d) => H.includes(n.status) && H.includes(d.status) && H.indexOf(n.status) > H.indexOf(d.status) ? 0 : -1).reduce((n, d) => {
@@ -19,21 +19,21 @@ const H = ["completed", "in_progress", "failed"], Q = (t) => {
       const l = d.status, R = ~d.amount.value + 1;
       return n != null && n[l] ? ((T = n == null ? void 0 : n[l]) == null || T.amounts.push(R), n) : { ...n, [l]: { amounts: [R], currency: d.amount.currency } };
     }, {})) ?? {};
-  }, [(F = t == null ? void 0 : t.refundDetails) == null ? void 0 : F.refundStatuses]), m = s(() => {
+  }, [(F = t == null ? void 0 : t.refundDetails) == null ? void 0 : F.refundStatuses]), m = a(() => {
     var I, n;
     const r = (n = (I = u.completed) == null ? void 0 : I.amounts) == null ? void 0 : n.reduce((d, l) => d + l, 0);
     return r ? Math.max(0, r ?? 0) : 0;
-  }, [u]), { some: h, every: i } = s(
+  }, [u]), { some: h, every: i } = a(
     () => j(({ status: r }) => r === b.COMPLETED, e == null ? void 0 : e.refundStatuses),
     [e == null ? void 0 : e.refundStatuses]
-  ), $ = s(() => {
+  ), $ = a(() => {
     var r;
     return f === 0 && m > 0 && i && m === c ? [{ type: A.HIGHLIGHT, label: o.get("refund.fullAmountRefunded") }] : ((r = Object.keys(u)) == null ? void 0 : r.map((n) => {
       var T, U;
       const d = n, l = (T = u == null ? void 0 : u[d]) == null ? void 0 : T.amounts.reduce((L, y, B) => {
-        var D, P, x;
-        const _ = (D = u == null ? void 0 : u[d]) == null ? void 0 : D.amounts.length;
-        return _ > 1 && B === _ - 1 ? `${L ? `${L}` : ""} ${o.get("and")} ${o.amount(y, (P = u == null ? void 0 : u[d]) == null ? void 0 : P.currency)}` : `${L ? `${L},` : ""} ${o.amount(y, (x = u == null ? void 0 : u[d]) == null ? void 0 : x.currency)}`;
+        var C, D, P;
+        const _ = (C = u == null ? void 0 : u[d]) == null ? void 0 : C.amounts.length;
+        return _ > 1 && B === _ - 1 ? `${L ? `${L}` : ""} ${o.get("and")} ${o.amount(y, (D = u == null ? void 0 : u[d]) == null ? void 0 : D.currency)}` : `${L ? `${L},` : ""} ${o.amount(y, (P = u == null ? void 0 : u[d]) == null ? void 0 : P.currency)}`;
       }, ""), R = (U = u == null ? void 0 : u[d]) == null ? void 0 : U.amounts.reduce((L, y) => L + y, 0);
       switch (n) {
         case b.COMPLETED:
@@ -61,10 +61,10 @@ const H = ["completed", "in_progress", "failed"], Q = (t) => {
           return;
       }
     })) ?? [];
-  }, [f, c, o, m, u, i]), k = s(() => {
+  }, [f, c, o, m, u, i]), k = a(() => {
     if (f > 0) {
       const r = o.amount(f, N);
-      switch (a) {
+      switch (s) {
         case p.FULL_AMOUNT:
           return {
             type: A.HIGHLIGHT,
@@ -80,33 +80,33 @@ const H = ["completed", "in_progress", "failed"], Q = (t) => {
       }
     }
     return null;
-  }, [o, f, N, a]), w = s(() => {
-    switch (a) {
+  }, [o, f, N, s]), w = a(() => {
+    switch (s) {
       case p.NON_REFUNDABLE:
         if (f === 0 && m > 0 && i && m === c)
           return g.FULL;
     }
-    switch (a) {
+    switch (s) {
       case p.PARTIAL_AMOUNT:
       case p.PARTIAL_LINE_ITEMS:
         if (f > 0 && h && m > 0 && !J(c) && m < c)
           return g.PARTIAL;
     }
     return g.INDETERMINATE;
-  }, [f, m, a, c, h, i]);
+  }, [f, m, s, c, h, i]);
   return {
     refundableAmount: f,
     // the maximum amount still available for refund
-    refundable: E,
+    refundable: G,
     // whether the refund mode of the payment allows for refund
     refundableAmountLabel: k,
     refundAvailable: O,
     // whether a refund can be initiated for the payment
-    refundAuthorization: G,
+    refundAuthorization: M,
     // whether the authenticated user has sufficient permission to initiate refunds
     refundCurrency: N,
     // the payment currency for any initiated refund
-    refundDisabled: C,
+    refundDisabled: x,
     // whether refund action for the payment is disabled (refund view should be prevented)
     refundedAmount: m,
     // the total amount already refunded
@@ -114,13 +114,13 @@ const H = ["completed", "in_progress", "failed"], Q = (t) => {
     // whether the payment is yet to be, partially or fully refunded
     refundStatuses: $,
     //the refund statuses
-    refundLocked: M,
+    refundLocked: E,
     // whether refund action for the payment is temporarily locked
-    refundMode: a
+    refundMode: s
     // the refund mode of the payment
   };
-}, re = Q;
+};
 export {
-  re as default,
-  Q as useTransactionRefundMetadata
+  te as default,
+  te as useTransactionRefundMetadata
 };

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

@@ -1,26 +1,25 @@
 var r = Object.defineProperty;
-var c = (o, n, t) => n in o ? r(o, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[n] = t;
-var e = (o, n, t) => (c(o, typeof n != "symbol" ? n + "" : n, t), t);
-import { jsx as i } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import a from "./components/TransactionsOverviewContainer/TransactionsOverviewContainer.js";
-import p from "../UIElement/UIElement.js";
-class s extends p {
-  constructor(t) {
-    super(t);
-    e(this, "componentToRender", () => /* @__PURE__ */ i(
-      a,
+var s = (e, t, o) => t in e ? r(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
+var n = (e, t, o) => s(e, typeof t != "symbol" ? t + "" : t, o);
+import { jsx as c } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import i from "./components/TransactionsOverviewContainer/TransactionsOverviewContainer.js";
+import { UIElement as a } from "../UIElement/UIElement.js";
+class p extends a {
+  constructor(o) {
+    super(o);
+    n(this, "componentToRender", () => /* @__PURE__ */ c(
+      i,
       {
         ...this.props,
         balanceAccountId: this.props.balanceAccountId,
-        ref: (t) => void (this.componentRef = t)
+        ref: (o) => void (this.componentRef = o)
       }
     ));
     this.componentToRender = this.componentToRender.bind(this);
   }
 }
-e(s, "type", "transactions");
-const h = s;
+n(p, "type", "transactions");
 export {
-  s as TransactionsElement,
-  h as default
+  p as TransactionsElement,
+  p as default
 };

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

@@ -1,9 +1,9 @@
 import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import m from "classnames";
-import { BASE_CLASS as r, LOADING_CLASS as S, MARGIN_CLASS as a } from "./constants.js";
-import "./AmountSkeleton.scss.js";
-const n = ({ hasMargin: o = !1, isLoading: t = !1, width: e }) => /* @__PURE__ */ s("span", { className: m(r, { [S]: t, [a]: o }), style: { width: e } }), u = n;
+import e from "classnames";
+import { BASE_CLASS as m, LOADING_CLASS as a, MARGIN_CLASS as S } from "./constants.js";
+/* empty css                    */
+const n = ({ hasMargin: o = !1, isLoading: t = !1, width: r }) => /* @__PURE__ */ s("span", { className: e(m, { [a]: t, [S]: o }), style: { width: r } });
 export {
   n as AmountSkeleton,
-  u as default
+  n as default
 };

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

@@ -1,5 +1,5 @@
 import { jsx as i } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useCallback as y, useMemo as p, useEffect as M } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useCallback as k, useMemo as p, useEffect as y } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import { useFetch as W } from "../../../../../hooks/useFetch.js";
 import { memo as g } from "../../../../../external/preact/compat/dist/compat.module.js";
 import { BASE_CLASS as w } from "./constants.js";
@@ -7,38 +7,36 @@ import F from "../../../../internal/ExpandableCard/ExpandableCard.js";
 import { BaseList as L } from "../../../../internal/BaseList/BaseList.js";
 import { BalanceItem as u } from "../BalanceItem/BalanceItem.js";
 import { useMaxWidthsState as O } from "../../hooks/useMaxWidths.js";
-import { useAuthContext as T } from "../../../../../core/Auth/context.js";
+import { useConfigContext as T } from "../../../../../core/ConfigContext/context.js";
 import { EMPTY_OBJECT as q } from "../../../../../utils/value/constants.js";
-const G = g(({ balanceAccountId: o, defaultCurrencyCode: m, onCurrenciesChange: h, fullWidth: S }) => {
-  const { getBalances: s } = T().endpoints, x = y(async () => s == null ? void 0 : s(q, {
+const G = g(({ balanceAccountId: o, defaultCurrencyCode: m, onCurrenciesChange: f, fullWidth: S }) => {
+  const { getBalances: s } = T().endpoints, x = k(async () => s == null ? void 0 : s(q, {
     path: { balanceAccountId: o }
   }), [o, s]), { data: t, error: B, isFetching: a } = W({
     fetchOptions: p(() => ({ enabled: !!o && !!s }), [o, s]),
     queryFn: x
-  }), f = !o || a, E = !!B || !(t != null && t.data.length), e = p(() => (t == null ? void 0 : t.data) && [...t.data].sort(({ currency: r }, { currency: n }) => {
+  }), h = !o || a, E = !!B || !(t != null && t.data.length), e = p(() => (t == null ? void 0 : t.data) && [...t.data].sort(({ currency: r }, { currency: n }) => {
     if (m) {
-      if (r === m)
-        return -1;
-      if (n === m)
-        return 1;
+      if (r === m) return -1;
+      if (n === m) return 1;
     }
     return r.localeCompare(n);
-  }), [t == null ? void 0 : t.data, m]), [k, ...l] = p(() => (e == null ? void 0 : e.map((r) => (r.key = `${r.currency}-${Math.random()}`, r))) ?? [], [e]), [c, d] = O();
-  return M(() => {
+  }), [t == null ? void 0 : t.data, m]), [M, ...l] = p(() => (e == null ? void 0 : e.map((r) => (r.key = `${r.currency}-${Math.random()}`, r))) ?? [], [e]), [c, d] = O();
+  return y(() => {
     const r = new Set((e == null ? void 0 : e.map(({ currency: n }) => n)) || []);
-    h(Array.from(r), a);
-  }, [e, a, h]), /* @__PURE__ */ i("div", { className: w, children: /* @__PURE__ */ i(
+    f(Array.from(r), a);
+  }, [e, a, f]), /* @__PURE__ */ i("div", { className: w, children: /* @__PURE__ */ i(
     F,
     {
       renderHeader: /* @__PURE__ */ i(
         u,
         {
           isEmpty: E,
-          balance: k,
+          balance: M,
           widths: c,
           isHeader: !0,
-          isSkeleton: f,
-          isLoading: f,
+          isSkeleton: h,
+          isLoading: h,
           onWidthsSet: d
         }
       ),

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

@@ -1,23 +1,23 @@
-import { jsx as u } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { memo as a } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { memo as u } from "../../../../../external/preact/compat/dist/compat.module.js";
 import { useResponsiveViewport as t, mediaQueries as o } from "../../../../../hooks/useResponsiveViewport.js";
 import c from "../../../../internal/FormFields/Select/Select.js";
-const f = a(
+const y = u(
   ({
     placeholder: i,
-    selection: l,
+    selection: r,
     selectionOptions: e,
-    updateSelection: r
+    updateSelection: l
   }) => {
     const s = t(o.down.xs), m = t(o.only.sm), n = t(o.only.md);
-    return e && e.length > 1 ? /* @__PURE__ */ u(
+    return e && e.length > 1 ? /* @__PURE__ */ a(
       c,
       {
-        onChange: r,
+        onChange: l,
         filterable: !1,
         multiSelect: !0,
         placeholder: i,
-        selected: l,
+        selected: r,
         withoutCollapseIndicator: !0,
         items: e,
         showOverlay: s,
@@ -25,7 +25,7 @@ const f = a(
       }
     ) : null;
   }
-), y = f;
+);
 export {
   y as default
 };