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

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

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

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

@@ -2,57 +2,57 @@ import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRun
 import x from "../PaymentRefund/PaymentRefund.js";
 import S from "../PaymentDetails/PaymentDetails.js";
 import C from "../../../../internal/DataOverviewDetails/DataOverviewDetailsSkeleton.js";
-import { ActiveView as c } from "../../types.js";
+import { ActiveView as l } from "../../types.js";
 import { useLandedPageEvent as V } from "../../../../../hooks/useAnalytics/useLandedPageEvent.js";
-import { useState as l, 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/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 { EMPTY_ARRAY as p } from "../../../../../utils/value/constants.js";
+import { EMPTY_ARRAY as A } from "../../../../../utils/value/constants.js";
 const Z = ({
-  dataCustomization: A,
-  extraFields: v,
-  fetchingTransaction: D,
-  refreshTransaction: R,
+  dataCustomization: v,
+  extraFields: D,
+  fetchingTransaction: R,
+  refreshTransaction: b,
   transaction: e,
-  transactionNavigator: b
+  transactionNavigator: k
 }) => {
-  const [k, s] = l(c.DETAILS), [r, d] = l(!1), { withinModal: w } = N(), {
-    fullRefundFailed: I,
-    fullRefundInProgress: L,
-    refundableAmount: P,
-    refundAmounts: f,
-    refundAvailable: E,
-    refundCurrency: u,
-    refundDisabled: a,
-    refundedAmount: i,
-    refundedState: M,
-    refundMode: T,
+  const [w, s] = p(l.DETAILS), [d, f] = p(!1), { withinModal: I } = N(), {
+    fullRefundFailed: L,
+    fullRefundInProgress: P,
+    refundableAmount: E,
+    refundAmounts: u,
+    refundAvailable: M,
+    refundCurrency: a,
+    refundDisabled: i,
+    refundedAmount: m,
+    refundedState: T,
+    refundMode: g,
     refundLocked: t
-  } = Y(e), g = j(t), m = n(() => a || r, [a, r]), y = n(() => t || r, [t, r]), h = n(() => Object.freeze(e.lineItems ?? p), [e.lineItems]);
+  } = Y(e), y = j(t), r = n(() => t || d, [t, d]), c = n(() => i || r, [i, r]), h = n(() => Object.freeze(e.lineItems ?? A), [e.lineItems]);
   if (V({
     ...O,
-    ...w && { fromPage: "Transactions overview" }
+    ...I && { fromPage: "Transactions overview" }
   }), F(() => {
-    (g.current = t) && d(!1);
-  }, [t]), D)
+    (y.current = t) && f(!1);
+  }, [t]), R)
     return /* @__PURE__ */ o(C, { skeletonRowNumber: 5 });
-  switch (k) {
-    case c.REFUND:
+  switch (w) {
+    case l.REFUND:
       return /* @__PURE__ */ o(
         x,
         {
-          currency: u,
-          disabled: m,
+          currency: a,
+          disabled: c,
           lineItems: h,
-          maxAmount: P,
-          mode: T,
-          refreshTransaction: R,
-          refundedAmount: i,
-          refundingAmounts: f.in_progress ?? p,
+          maxAmount: E,
+          mode: g,
+          refreshTransaction: b,
+          refundedAmount: m,
+          refundingAmounts: u.in_progress ?? A,
           setActiveView: s,
-          setLocked: d,
+          setLocked: f,
           transaction: e
         }
       );
@@ -60,20 +60,20 @@ const Z = ({
       return /* @__PURE__ */ o(
         S,
         {
-          dataCustomization: A,
-          extraFields: v,
-          fullRefundFailed: I,
-          fullRefundInProgress: L,
-          refundAmounts: f,
-          refundAvailable: E,
-          refundCurrency: u,
-          refundDisabled: m,
-          refundedAmount: i,
-          refundedState: M,
-          refundLocked: y,
+          dataCustomization: v,
+          extraFields: D,
+          fullRefundFailed: L,
+          fullRefundInProgress: P,
+          refundAmounts: u,
+          refundAvailable: M,
+          refundCurrency: a,
+          refundDisabled: c,
+          refundedAmount: m,
+          refundedState: T,
+          refundLocked: r,
           setActiveView: s,
           transaction: e,
-          transactionNavigator: b
+          transactionNavigator: k
         }
       );
   }

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

@@ -1,7 +1,7 @@
 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 { DetailsTab as s } from "./types.js";
-const e = "adyen-pe-transaction-data", E = `${e}__amount`, d = `${e}__action-bar`, l = `${e}__container`, N = `${e}__head-container`, o = `${e}__input`, _ = `${o}-container`, S = `${_}--short`, R = `${_}--text-input`, I = `${_}--with-error`, D = `${o}-head`, m = `${e}__label`, O = `${e}__list`, X = `${e}__tags`, f = `${e}__status-box`, p = `${e}__timeline-label`, C = `${e}__timeline-value`, U = `${e}__refund-response`, c = `${e}__refund-response-icon`, $ = `${c}--success`, L = `${c}--error`, b = `${e}__refund-statuses-container`, P = /* @__PURE__ */ new Set([
+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",
   "category",
   "paymentMethod",
@@ -24,18 +24,17 @@ const e = "adyen-pe-transaction-data", E = `${e}__amount`, d = `${e}__action-bar
   "refundReason"
 ]), h = {
   balanceAccount: "account",
-  balanceAccountId: (t) => {
-    const n = t == null ? void 0 : t.balanceAccount;
-    if (n && !n.description) return "account";
+  balanceAccountId: (e) => {
+    const _ = e?.balanceAccount;
+    if (_ && !_.description) return "account";
   },
-  description: (t) => {
-    var n;
-    if ((n = t == null ? void 0 : t.balanceAccount) != null && n.description) return "account";
+  description: (e) => {
+    if (e?.balanceAccount?.description) return "account";
   }
 }, F = [
-  { id: s.SUMMARY, label: "transactions.details.views.summary", content: null },
-  { id: s.DETAILS, label: "transactions.details.views.details", content: null },
-  { id: s.TIMELINE, label: "transactions.details.views.timeline", content: null }
+  { id: n.SUMMARY, label: "transactions.details.views.summary", content: null },
+  { id: n.DETAILS, label: "transactions.details.views.details", content: null },
+  { id: n.TIMELINE, label: "transactions.details.views.timeline", content: null }
 ], y = ["completed", "in_progress", "failed"], M = ["requested_by_customer", "issue_with_item_sold", "fraudulent", "duplicate", "other"], w = Object.freeze({
   requested_by_customer: "transactions.details.common.refundReasons.requestedByCustomer",
   issue_with_item_sold: "transactions.details.common.refundReasons.issueWithItemSold",
@@ -52,11 +51,11 @@ export {
   y as REFUND_STATUSES,
   d as TX_DATA_ACTION_BAR,
   E as TX_DATA_AMOUNT,
-  e as TX_DATA_CLASS,
+  t as TX_DATA_CLASS,
   l as TX_DATA_CONTAINER,
   N as TX_DATA_HEAD_CONTAINER,
   o as TX_DATA_INPUT,
-  _ as TX_DATA_INPUT_CONTAINER,
+  s as TX_DATA_INPUT_CONTAINER,
   S as TX_DATA_INPUT_CONTAINER_SHORT,
   R as TX_DATA_INPUT_CONTAINER_TEXT,
   I as TX_DATA_INPUT_CONTAINER_WITH_ERROR,

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

@@ -1,76 +1,72 @@
-import { useMemo as R } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { RefundMode as l, RefundedState as N } from "../../types.js";
-import { REFUND_STATUSES as U } from "../../constants.js";
-import { boolOrFalse as _ } from "../../../../../utils/value/bool.js";
-import { isFunction as h } from "../../../../../utils/value/is.js";
-import { useConfigContext as D } from "../../../../../core/ConfigContext/context.js";
-const C = (u) => {
-  var E;
-  const e = u == null ? void 0 : u.refundDetails, c = (e == null ? void 0 : e.refundMode) ?? l.FULL_AMOUNT, F = _(e == null ? void 0 : e.refundLocked), L = c !== l.NON_REFUNDABLE, n = R(() => {
-    var f;
-    return u ? Math.max(0, ((f = e == null ? void 0 : e.refundableAmount) == null ? void 0 : f.value) ?? 0) : 0;
-  }, [e, u]), M = h(D().endpoints.initiateRefund), p = M && L && n > 0, I = ((E = e == null ? void 0 : e.refundableAmount) == null ? void 0 : E.currency) ?? (u == null ? void 0 : u.netAmount.currency) ?? "", T = !p || F, d = R(() => {
-    let f = -1;
-    return ((e == null ? void 0 : e.refundStatuses) ?? []).reduceRight(
-      (o, { amount: t, status: r }, s) => {
-        if (t.value !== 0 && U.includes(r)) {
-          const m = r !== "failed", A = s > f;
-          if (m && A && (f = s), m || A) {
-            const S = (o[r] ?? []).concat(Math.abs(t.value));
-            return { ...o, [r]: S };
+import { useMemo as m } from "../../../../../external/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";
+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;
+    return (u?.refundStatuses ?? []).reduceRight(
+      (t, { amount: o, status: n }, a) => {
+        if (o.value !== 0 && S.includes(n)) {
+          const i = n !== "failed", c = a > d;
+          if (i && c && (d = a), i || c) {
+            const g = (t[n] ?? []).concat(Math.abs(o.value));
+            return { ...t, [n]: g };
           }
         }
-        return o;
+        return t;
       },
       {}
     );
-  }, [e == null ? void 0 : e.refundStatuses]), { fullRefundFailed: a, fullRefundInProgress: b, refundedAmount: i } = R(() => {
-    let f = !1, o = !1;
-    const t = (d.completed ?? []).reduce((m, A) => m + A, 0), r = d.in_progress ?? [], s = d.failed ?? [];
-    return t === 0 && (f = r.length === 0 && s.slice(-1)[0] === n, o = r.length === 1 && r[0] === n), { fullRefundFailed: f, fullRefundInProgress: o, refundedAmount: t };
-  }, [n, d]), g = R(() => {
-    if (i > 0)
-      switch (c) {
-        case l.NON_REFUNDABLE:
-          if (n === 0) return N.FULL;
+  }, [u?.refundStatuses]), { fullRefundFailed: I, fullRefundInProgress: T, refundedAmount: A } = m(() => {
+    let d = !1, t = !1;
+    const o = (r.completed ?? []).reduce((i, c) => i + c, 0), n = r.in_progress ?? [], a = r.failed ?? [];
+    return o === 0 && (d = n.length === 0 && a.slice(-1)[0] === e, t = n.length === 1 && n[0] === e), { fullRefundFailed: d, fullRefundInProgress: t, refundedAmount: o };
+  }, [e, r]), b = m(() => {
+    if (A > 0)
+      switch (l) {
+        case f.NON_REFUNDABLE:
+          if (e === 0) return R.FULL;
           break;
-        case l.PARTIAL_AMOUNT:
-        case l.PARTIAL_LINE_ITEMS:
-          if (n > 0) return N.PARTIAL;
+        case f.PARTIAL_AMOUNT:
+        case f.PARTIAL_LINE_ITEMS:
+          if (e > 0) return R.PARTIAL;
           break;
       }
-    return N.INDETERMINATE;
-  }, [n, i, c]);
+    return R.INDETERMINATE;
+  }, [e, A, l]);
   return {
-    fullRefundFailed: a,
+    fullRefundFailed: I,
     // whether the last (and only) refund that failed is the full refundable amount
-    fullRefundInProgress: b,
+    fullRefundInProgress: T,
     // whether the only refund in progress is the full refundable amount
-    refundableAmount: n,
+    refundableAmount: e,
     // the maximum amount still available for refund
-    refundable: L,
+    refundable: F,
     // whether the refund mode of the payment allows for refund
-    refundAvailable: p,
+    refundAvailable: M,
     // whether a refund can be initiated for the payment
-    refundAuthorization: M,
+    refundAuthorization: L,
     // whether the authenticated user has sufficient permission to initiate refunds
-    refundCurrency: I,
+    refundCurrency: p,
     // the payment currency for any initiated refund
-    refundDisabled: T,
+    refundDisabled: E,
     // whether refund action for the payment is disabled (refund view should be prevented)
-    refundAmounts: d,
+    refundAmounts: r,
     // lookup of refund amounts by refund statuses
-    refundedAmount: i,
+    refundedAmount: A,
     // the total amount already refunded
-    refundedState: g,
+    refundedState: b,
     // whether the payment is yet to be, partially or fully refunded
-    refundLocked: F,
+    refundLocked: N,
     // whether refund action for the payment is temporarily locked
-    refundMode: c
+    refundMode: l
     // the refund mode of the payment
   };
 };
 export {
-  C as default,
-  C as useRefundMetadata
+  y as default,
+  y as useRefundMetadata
 };

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

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

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

@@ -1,52 +1,51 @@
-import y from "../../../../../hooks/useBalanceAccounts.js";
-import { createDuplexTransactionNavigator as A } from "./transactionNavigator/createDuplexTransactionNavigator.js";
-import { useRef as l, useState as T, useMemo as h, useCallback as C, useEffect as u } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+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 { isFunction as E } from "../../../../../utils/value/is.js";
 import { EMPTY_OBJECT as M } from "../../../../../utils/value/constants.js";
-const v = (o) => {
-  const { onNavigation: n, reset: e, ...r } = o;
+const v = (e) => {
+  const { onNavigation: n, reset: a, ...r } = e;
   return r;
-}, J = (o) => {
-  const n = l(A()).current, [e, r] = T(o), [t, N] = T(), [F, I] = T(() => v(n)), { balanceAccounts: i } = y(), { getTransaction: f } = B().endpoints, {
-    data: d,
-    error: g,
-    isFetching: c
+}, 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, {
+    data: u,
+    error: f,
+    isFetching: o
   } = x(
     h(() => {
-      const a = E(f) && !!e, s = { transactionId: e };
+      const c = E(i) && !!a, g = { transactionId: a };
       return {
-        fetchOptions: { enabled: a },
-        queryFn: () => f(M, { path: s })
+        fetchOptions: { enabled: c },
+        queryFn: () => i(M, { path: g })
       };
-    }, [f, e])
-  ), p = l(c), m = l(e), S = h(() => {
+    }, [i, a])
+  ), p = m(o), d = m(a), F = h(() => {
     if (!t) return;
-    const a = i == null ? void 0 : i.find((s) => s.id === t.balanceAccountId);
-    return { ...t, balanceAccount: a };
-  }, [i, t]), b = C(() => r(void 0), []);
-  return u(() => {
-    var a;
-    switch ((t == null ? void 0 : t.id) === o && (t == null ? void 0 : t.category)) {
+    const c = T?.find((g) => g.id === t.balanceAccountId);
+    return { ...t, balanceAccount: c };
+  }, [T, t]), I = C(() => r(void 0), []);
+  return s(() => {
+    switch (t?.id === e && t?.category) {
       case "Refund": {
-        n.reset(t == null ? void 0 : t.id, (a = t == null ? void 0 : t.refundMetadata) == null ? void 0 : a.originalPaymentId), n.onNavigation = ({ to: s }) => r(s);
+        n.reset(t?.id, t?.refundMetadata?.originalPaymentId), n.onNavigation = ({ to: c }) => r(c);
         break;
       }
     }
-    I(v(n));
-  }, [o, t, n]), u(() => {
-    p.current !== c && ((p.current = c) || (!d || g ? r(m.current) : (N(d), m.current = e)));
-  }, [d, g, c, e]), u(() => {
-    e || r(m.current);
-  }, [t, e]), u(() => () => {
+    A(v(n));
+  }, [e, t, n]), s(() => {
+    p.current !== o && ((p.current = o) || (!u || f ? r(d.current) : (N(u), d.current = a)));
+  }, [u, f, o, a]), s(() => {
+    a || r(d.current);
+  }, [t, a]), s(() => () => {
     n.onNavigation = null, n.reset();
   }, [n]), {
-    error: g,
-    fetchingTransaction: c,
-    refreshTransaction: b,
-    transaction: S,
-    transactionNavigator: F
+    error: f,
+    fetchingTransaction: o,
+    refreshTransaction: I,
+    transaction: F,
+    transactionNavigator: b
   };
 };
 export {

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

@@ -1,7 +1,7 @@
 import { RefundType as r } from "./types.js";
-import { EMPTY_OBJECT as d } from "../../../utils/value/constants.js";
-const o = (e) => {
-  switch (e == null ? void 0 : e.status) {
+import { EMPTY_OBJECT as n } from "../../../utils/value/constants.js";
+const a = (e) => {
+  switch (e?.status) {
     case "Booked":
       return "default";
     case "Reversed":
@@ -9,10 +9,10 @@ const o = (e) => {
     default:
       return "pending";
   }
-}, t = (e) => {
-  if ((e == null ? void 0 : e.category) === "Refund") {
-    const { refundType: u } = e.refundMetadata ?? d;
-    switch (u) {
+}, s = (e) => {
+  if (e?.category === "Refund") {
+    const { refundType: t } = e.refundMetadata ?? n;
+    switch (t) {
       case r.FULL:
         return r.FULL;
       case r.PARTIAL:
@@ -21,6 +21,6 @@ const o = (e) => {
   }
 };
 export {
-  o as getAmountStyleForTransaction,
-  t as getRefundTypeForTransaction
+  a as getAmountStyleForTransaction,
+  s as getRefundTypeForTransaction
 };

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

@@ -1,17 +1,13 @@
-var r = Object.defineProperty;
-var s = (o, t, e) => t in o ? r(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var n = (o, t, e) => s(o, typeof t != "symbol" ? t + "" : t, e);
-import { jsx as i } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import p from "./components/TransactionsOverviewContainer/TransactionsOverviewContainer.js";
-import { UIElement as a } from "../UIElement/UIElement.js";
-class m extends a {
-  constructor(e) {
-    super(e);
-    n(this, "componentToRender", () => /* @__PURE__ */ i(p, { ...this.props }));
-    this.componentToRender = this.componentToRender.bind(this);
+import { jsx as e } from "../../../external/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 {
+  static type = "transactions";
+  constructor(t) {
+    super(t), this.componentToRender = this.componentToRender.bind(this);
   }
+  componentToRender = () => /* @__PURE__ */ e(n, { ...this.props });
 }
-n(m, "type", "transactions");
 export {
   m as TransactionsElement,
   m as default