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

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

@@ -0,0 +1,85 @@
+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 { 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 { EMPTY_ARRAY as f } from "../../../../../utils/value/constants.js";
+import { noop as t } from "../../../../../utils/common.js";
+const d = M({
+  amount: 0,
+  availableAmount: 0,
+  availableItems: f,
+  clearItems: t,
+  currency: "",
+  interactionsDisabled: !1,
+  items: f,
+  primaryAction: t,
+  refundMode: h.FULL_AMOUNT,
+  refundReason: U[0],
+  secondaryAction: t,
+  setAmount: t,
+  setRefundReason: t,
+  transactionId: "",
+  updateItems: t
+}), $ = F(
+  ({
+    availableAmount: s,
+    children: c,
+    currency: e,
+    lineItems: p,
+    refreshTransaction: R,
+    refundMode: n,
+    setActiveView: A,
+    setPrimaryAction: l,
+    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 } = _({
+      interactionsDisabled: o,
+      refreshTransaction: R,
+      refundAmount: i,
+      refundInProgress: m,
+      refundReason: u,
+      refundTransaction: C,
+      setActiveView: A,
+      setPrimaryAction: l,
+      setSecondaryAction: x,
+      transactionId: r
+    });
+    return /* @__PURE__ */ E(
+      d.Provider,
+      {
+        value: {
+          amount: L,
+          availableAmount: s,
+          availableItems: I,
+          clearItems: v,
+          currency: e,
+          interactionsDisabled: o,
+          items: a,
+          primaryAction: P,
+          refundMode: n,
+          refundReason: u,
+          secondaryAction: D,
+          setAmount: b,
+          setRefundReason: y,
+          transactionId: r,
+          updateItems: T
+        },
+        children: c
+      }
+    );
+  }
+), tt = () => N(d);
+export {
+  $ as TransactionRefundProvider,
+  tt as default,
+  tt as useTransactionRefundContext
+};

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

@@ -0,0 +1,18 @@
+import { EMPTY_ARRAY as a } from "../../../../../utils/value/constants.js";
+import { isUndefined as r } from "../../../../../utils/value/is.js";
+import { clamp as s } from "../../../../../utils/value/number.js";
+const f = (o, u, i, c = 0) => {
+  const { ...n } = o.get(i.id), t = s(0, Math.trunc(c), n.quantity += i.quantity);
+  n.quantity -= t, o.set(i.id, Object.freeze(n)), t > 0 && u.push(Object.freeze({ ...n, quantity: t }));
+}, q = (o, u, i = a) => {
+  const c = new Map((i == null ? void 0 : i.map(({ id: t, quantity: e }) => [t, e])) ?? a), n = [];
+  return u.forEach((t) => {
+    const e = c.get(t.id);
+    r(e) ? n.push(t) : c.delete(t.id) && f(o, n, t, e);
+  }), c.forEach((t, e) => {
+    f(o, n, { id: e, quantity: 0 }, t);
+  }), n.length > 0 ? Object.freeze(n) : a;
+};
+export {
+  q as updateRefundItems
+};

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

@@ -0,0 +1,52 @@
+import { useMemo as n, useCallback as A } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
+import g from "../../../../../../core/Context/useCoreContext.js";
+import { ActiveView as p } from "../../types.js";
+const E = ({
+  refundAmount: t,
+  refundReason: u,
+  refundInProgress: l,
+  refundTransaction: o,
+  setActiveView: r,
+  transactionId: c
+}) => {
+  const { i18n: e } = g(), m = n(() => {
+    const b = e.amount(t.value, t.currency);
+    return { title: e.get("refundPayment", { values: { amount: b } }) };
+  }, [t, e]), s = n(() => ({ title: e.get("refundAction") }), [e]), f = n(
+    () => ({
+      title: `${e.get("inProgress")}..`,
+      state: "loading"
+    }),
+    [e]
+  ), i = n(
+    () => ({
+      path: { transactionId: c }
+    }),
+    [c]
+  ), a = n(
+    () => ({
+      amount: t,
+      refundReason: u
+      // ...(refundMode === RefundMode.PARTIAL_LINE_ITEMS && { lineItems: [] }),
+    }),
+    [t, u]
+  ), d = A(
+    // [TODO]: Fix broken/missing type inference for useMutation mutate()
+    () => o == null ? void 0 : o(
+      {
+        body: a,
+        contentType: "application/json"
+      },
+      i
+    ).then(() => {
+      r(p.REFUND_SUCCESS);
+    }).catch(() => {
+      r(p.REFUND_ERROR);
+    }),
+    [o, i, a, r]
+  ), y = n(() => l ? f : t.value > 0 ? m : s, [t, l, m, s, f]);
+  return { refundAction: d, refundActionLabel: y };
+};
+export {
+  E as useRefundAction
+};

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

@@ -0,0 +1,40 @@
+import { useRefundAction as y } from "./useRefundAction.js";
+import { useMemo as l, useCallback as p, useEffect as u } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
+import C from "../../../../../../core/Context/useCoreContext.js";
+import { ButtonVariant as A } from "../../../../../internal/Button/types.js";
+import { ActiveView as R } from "../../types.js";
+const k = ({
+  interactionsDisabled: t,
+  refundAmount: n,
+  setActiveView: r,
+  setPrimaryAction: i,
+  setSecondaryAction: s,
+  ...v
+}) => {
+  const { refundAction: f, refundActionLabel: m } = y({ ...v, refundAmount: n, setActiveView: r }), { i18n: b } = C(), o = l(() => t || n.value <= 0, [n, t]), a = p(() => !o && f(), [o, f]), e = t, d = l(() => b.get("back"), [b]), c = p(
+    () => void (!e && r(R.DETAILS)),
+    [e, r]
+  );
+  return u(() => {
+    i(
+      Object.freeze({
+        disabled: o,
+        event: a,
+        variant: A.PRIMARY,
+        ...m
+      })
+    );
+  }, [a, o, m, i]), u(() => {
+    s(
+      Object.freeze({
+        disabled: e,
+        event: c,
+        title: d,
+        variant: A.SECONDARY
+      })
+    );
+  }, [c, e, d, s]), { primaryAction: a, secondaryAction: c };
+};
+export {
+  k as useRefundContextActions
+};

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

@@ -0,0 +1,32 @@
+import { RefundMode as s } from "../../types.js";
+import { useState as N, useMemo as o, useCallback as _, useEffect as p } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { clamp as E } from "../../../../../../utils/value/number.js";
+const M = ({
+  availableAmount: t,
+  currency: u,
+  interactionsDisabled: c,
+  items: f,
+  refundMode: e
+}) => {
+  const [n, r] = N(0), m = o(() => {
+    switch (e) {
+      case s.NON_REFUNDABLE:
+        return 0;
+      case s.PARTIAL_LINE_ITEMS:
+      case s.PARTIAL_AMOUNT:
+        return n;
+      case s.FULL_AMOUNT:
+      default:
+        return t;
+    }
+  }, [t, f, e, n]), R = o(() => Object.freeze({ currency: u, value: m }), [m, u]), A = o(() => !c && e === s.PARTIAL_AMOUNT, [c, e]), T = _(
+    (L) => void (A && r(E(0, L, t))),
+    [t, A]
+  );
+  return p(() => {
+    r(t);
+  }, [t]), [R, T];
+};
+export {
+  M as useRefundContextAmount
+};

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

@@ -0,0 +1,41 @@
+import { updateRefundItems as p } from "../helpers.js";
+import { useState as v, useMemo as f, useCallback as b } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
+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;
+      const e = t.availableQuantity;
+      return e > 0 && Number.isFinite(e) && Math.trunc(e) === e;
+    }).map(
+      ({ id: t, ...e }) => [
+        t,
+        Object.freeze({
+          amount: e.amountIncludingTax.value,
+          quantity: e.availableQuantity,
+          id: t
+        })
+      ]
+    );
+    return new Map(a ?? o);
+  }, [c, n]), M = f(
+    () => (n == null ? void 0 : n.filter(({ id: a }) => u.has(a))) ?? o,
+    [s, n, u]
+  ), i = b(
+    function(a) {
+      m((t) => {
+        const g = [...arguments.length === 0 ? new Map(t.map(({ id: r }) => [r, 0])) : new Map((a == null ? void 0 : a.map((r) => [r, 0])) ?? o)].map(([r, h]) => ({ id: r, quantity: h }));
+        return p(u, t, g);
+      });
+    },
+    [u]
+  ), l = b(
+    (a) => m((t) => p(u, t, a)),
+    [u]
+  );
+  return { availableItems: M, clearItems: i, items: s, updateItems: l };
+};
+export {
+  T as useRefundContextLineItems
+};

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

@@ -0,0 +1,17 @@
+import { useState as u, useMemo as r, useCallback as f } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { RefundMode as m } from "../../types.js";
+import { REFUND_REASONS as c } from "../../constants.js";
+const E = ({ interactionsDisabled: e, refundMode: o }) => {
+  const [n, t] = u(c[0]), s = r(
+    // [TODO]: Remove refund mode check here and use the `refundable` field from `useTransactionRefundMetadata`
+    () => !e && o !== m.NON_REFUNDABLE,
+    [e, o]
+  ), R = f(
+    (a) => void (s && t(a)),
+    [s]
+  );
+  return [n, R];
+};
+export {
+  E as useRefundContextReason
+};

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

@@ -0,0 +1,8 @@
+var E = /* @__PURE__ */ ((r) => (r[r.DETAILS = 0] = "DETAILS", r[r.REFUND = 1] = "REFUND", r[r.REFUND_SUCCESS = 2] = "REFUND_SUCCESS", r[r.REFUND_ERROR = 3] = "REFUND_ERROR", r))(E || {}), _ = /* @__PURE__ */ ((r) => (r[r.INDETERMINATE = 0] = "INDETERMINATE", r[r.PARTIAL = 1] = "PARTIAL", r[r.FULL = 2] = "FULL", r))(_ || {}), L = /* @__PURE__ */ ((r) => (r.NON_REFUNDABLE = "non_refundable", r.PARTIAL_AMOUNT = "partially_refundable_any_amount", r.PARTIAL_LINE_ITEMS = "partially_refundable_with_line_items_required", r.FULL_AMOUNT = "fully_refundable_only", r))(L || {}), l = /* @__PURE__ */ ((r) => (r.IN_PROGRESS = "in_progress", r.COMPLETED = "completed", r.FAILED = "failed", r))(l || {}), N = /* @__PURE__ */ ((r) => (r.PARTIAL = "partial", r.FULL = "full", r))(N || {});
+export {
+  E as ActiveView,
+  L as RefundMode,
+  l as RefundStatus,
+  N as RefundType,
+  _ as RefundedState
+};

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

@@ -0,0 +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 { 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 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();
+  }, c = () => {
+    const r = i, s = t;
+    i = void 0, n == null || n(
+      g({
+        from: e(() => r),
+        to: e(() => s)
+      })
+    );
+  };
+  return g({
+    backward: d(v),
+    forward: d(p),
+    canNavigateBackward: e(m),
+    canNavigateForward: e(u),
+    currentTransaction: e(() => t),
+    onNavigation: { set: w },
+    reset: d(N)
+  });
+}, B = x;
+export {
+  x as createDuplexTransactionNavigator,
+  B as default
+};

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

@@ -0,0 +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 { useFetch as O } from "../../../../../hooks/useFetch.js";
+import { useAuthContext as P } from "../../../../../core/Auth/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(
+    () => a(N, {
+      path: { transactionId: t }
+    }),
+    [t, a]
+  ), {
+    data: o,
+    error: g,
+    isFetching: s
+  } = O({
+    fetchOptions: { enabled: A },
+    queryFn: C
+  }), M = 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);
+    }), () => {
+      u.current = !1, n.onNavigation = null, n.reset();
+    };
+  }, []), m(() => {
+    if (l.current !== s && !(l.current = s))
+      if (!o || g)
+        r(p.current);
+      else {
+        const n = T.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;
+export {
+  L as default,
+  R as useTransaction
+};

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

@@ -0,0 +1,10 @@
+const x = (m, h) => {
+  let k = h ? (h == null ? void 0 : h.length) > 0 : !1, p = !1;
+  return h == null || h.forEach((v) => {
+    const g = !!m(v);
+    k && (k = g), p || (p = g);
+  }), { every: k, some: p };
+};
+export {
+  x as checkRefundStatusCollection
+};

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

@@ -0,0 +1,126 @@
+import { useMemo as s } 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) => {
+  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(() => {
+    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(() => {
+    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) => {
+      var 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(() => {
+    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(
+    () => j(({ status: r }) => r === b.COMPLETED, e == null ? void 0 : e.refundStatuses),
+    [e == null ? void 0 : e.refundStatuses]
+  ), $ = s(() => {
+    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)}`;
+      }, ""), R = (U = u == null ? void 0 : u[d]) == null ? void 0 : U.amounts.reduce((L, y) => L + y, 0);
+      switch (n) {
+        case b.COMPLETED:
+          return {
+            type: A.HIGHLIGHT,
+            label: o.get("refund.amountAlreadyRefunded", { values: { amount: l } })
+          };
+        case b.IN_PROGRESS:
+          return R === c ? {
+            type: A.HIGHLIGHT,
+            label: o.get("refund.theRefundIsBeingProcessed")
+          } : {
+            type: A.HIGHLIGHT,
+            label: o.get("refund.amountInProgress", { values: { amount: l } })
+          };
+        case b.FAILED:
+          return R === c ? {
+            type: A.WARNING,
+            label: o.get("refund.fullAmountFailed")
+          } : {
+            type: A.WARNING,
+            label: o.get("refund.amountFailed", { values: { amount: l } })
+          };
+        default:
+          return;
+      }
+    })) ?? [];
+  }, [f, c, o, m, u, i]), k = s(() => {
+    if (f > 0) {
+      const r = o.amount(f, N);
+      switch (a) {
+        case p.FULL_AMOUNT:
+          return {
+            type: A.HIGHLIGHT,
+            description: o.get("refund.onlyRefundable", { values: { amount: r } })
+          };
+        case p.PARTIAL_AMOUNT:
+          return {
+            type: A.HIGHLIGHT,
+            description: o.get("refund.maximumRefundable", { values: { amount: r } })
+          };
+        default:
+          return null;
+      }
+    }
+    return null;
+  }, [o, f, N, a]), w = s(() => {
+    switch (a) {
+      case p.NON_REFUNDABLE:
+        if (f === 0 && m > 0 && i && m === c)
+          return g.FULL;
+    }
+    switch (a) {
+      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]);
+  return {
+    refundableAmount: f,
+    // the maximum amount still available for refund
+    refundable: E,
+    // 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,
+    // whether the authenticated user has sufficient permission to initiate refunds
+    refundCurrency: N,
+    // the payment currency for any initiated refund
+    refundDisabled: C,
+    // whether refund action for the payment is disabled (refund view should be prevented)
+    refundedAmount: m,
+    // the total amount already refunded
+    refundedState: w,
+    // whether the payment is yet to be, partially or fully refunded
+    refundStatuses: $,
+    //the refund statuses
+    refundLocked: M,
+    // whether refund action for the payment is temporarily locked
+    refundMode: a
+    // the refund mode of the payment
+  };
+}, re = Q;
+export {
+  re as default,
+  Q as useTransactionRefundMetadata
+};

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

@@ -1,17 +1,20 @@
 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 i from "./components/TransactionsOverviewContainer/TransactionsOverviewContainer.js";
-import a from "../UIElement/UIElement.js";
-import { jsx as p } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-class s extends a {
+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", () => p(i, {
-      ...this.props,
-      balanceAccountId: this.props.balanceAccountId,
-      ref: (t) => void (this.componentRef = t)
-    }));
+    e(this, "componentToRender", () => /* @__PURE__ */ i(
+      a,
+      {
+        ...this.props,
+        balanceAccountId: this.props.balanceAccountId,
+        ref: (t) => void (this.componentRef = t)
+      }
+    ));
     this.componentToRender = this.componentToRender.bind(this);
   }
 }

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

@@ -1,20 +1,8 @@
-import s from "classnames";
-import { BASE_CLASS as m, LOADING_CLASS as r, MARGIN_CLASS as S } from "./constants.js";
+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";
-import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-const n = ({
-  hasMargin: o = !1,
-  isLoading: t = !1,
-  width: e
-}) => a("span", {
-  className: s(m, {
-    [r]: t,
-    [S]: o
-  }),
-  style: {
-    width: e
-  }
-}), u = n;
+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;
 export {
   n as AmountSkeleton,
   u as default

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

@@ -1,38 +1,37 @@
-import y from "../../../../../core/Context/useCoreContext.js";
-import { useRef as r, useMemo as a } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { SummaryItem as p } from "../SummaryItem/SummaryItem.js";
-import { jsx as g } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-const S = ({
-  balance: e,
-  isHeader: s = !1,
-  isSkeleton: u = !1,
-  isLoading: m = !1,
-  widths: n,
-  onWidthsSet: l,
-  isEmpty: f
-}) => {
-  const {
-    i18n: t
-  } = y(), o = r(null), i = r(null), c = a(() => [{
-    labelKey: "accountBalance",
-    ref: o,
-    skeletonWidth: 80,
-    getValue: () => e && t.amount(e.value, e.currency)
-  }, {
-    ref: i,
-    skeletonWidth: 40,
-    valueHasLabelStyle: !0,
-    getValue: () => e == null ? void 0 : e.currency
-  }], [e, o, t]);
-  return g(p, {
-    isEmpty: f,
-    columnConfigs: c,
-    isHeader: s,
-    isSkeletonVisible: u,
-    isLoading: m,
-    widths: n,
-    onWidthsSet: l
-  });
+import { jsx as y } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import a from "../../../../../core/Context/useCoreContext.js";
+import { useRef as r, useMemo as p } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { SummaryItem as g } from "../SummaryItem/SummaryItem.js";
+const S = ({ balance: e, isHeader: s = !1, isSkeleton: u = !1, isLoading: m = !1, widths: n, onWidthsSet: l, isEmpty: f }) => {
+  const { i18n: t } = a(), o = r(null), i = r(null), c = p(
+    () => [
+      {
+        labelKey: "accountBalance",
+        ref: o,
+        skeletonWidth: 80,
+        getValue: () => e && t.amount(e.value, e.currency)
+      },
+      {
+        ref: i,
+        skeletonWidth: 40,
+        valueHasLabelStyle: !0,
+        getValue: () => e == null ? void 0 : e.currency
+      }
+    ],
+    [e, o, t]
+  );
+  return /* @__PURE__ */ y(
+    g,
+    {
+      isEmpty: f,
+      columnConfigs: c,
+      isHeader: s,
+      isSkeletonVisible: u,
+      isLoading: m,
+      widths: n,
+      onWidthsSet: l
+    }
+  );
 };
 export {
   S as BalanceItem