@adyen/adyen-platform-experience-web 1.5.0 → 1.6.0

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

@@ -1,188 +1,204 @@
-import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import F from "classnames";
-import { useState as N, useMemo as V, useCallback as i, useLayoutEffect as X } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import ue from "../../../../../core/Context/useCoreContext.js";
-import { useFetch as de } from "../../../../../hooks/useFetch.js";
-import { Alert as v } from "../../../../internal/Alert/Alert.js";
-import { AlertVariantOption as b, AlertTypeOption as Y } from "../../../../internal/Alert/types.js";
-import fe from "../../../../internal/Button/ButtonActions/ButtonActions.js";
-import { ButtonActionsLayoutBasic as pe } from "../../../../internal/Button/ButtonActions/types.js";
-import { ButtonVariant as h } from "../../../../internal/Button/types.js";
-import Ae from "../../../../internal/DataOverviewDetails/DataOverviewDetailsSkeleton.js";
-import { TypographyVariant as H, TypographyModifier as Te } from "../../../../internal/Typography/types.js";
-import x from "../../../../internal/Typography/Typography.js";
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import V from "classnames";
+import { useState as S, useMemo as X, useCallback as i, useLayoutEffect as x } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import pt from "../../../../../core/Context/useCoreContext.js";
+import { useFetch as At } from "../../../../../hooks/useFetch.js";
+import { Alert as b } from "../../../../internal/Alert/Alert.js";
+import { AlertVariantOption as h, AlertTypeOption as Y } from "../../../../internal/Alert/types.js";
+import Tt from "../../../../internal/Button/ButtonActions/ButtonActions.js";
+import { ButtonActionsLayoutBasic as Nt } from "../../../../internal/Button/ButtonActions/types.js";
+import { ButtonVariant as v } from "../../../../internal/Button/types.js";
+import St from "../../../../internal/DataOverviewDetails/DataOverviewDetailsSkeleton.js";
+import Rt from "../../../../internal/StatusBox/useStatusBox.js";
+import { TypographyVariant as H, TypographyModifier as Et } from "../../../../internal/Typography/types.js";
+import $ from "../../../../internal/Typography/Typography.js";
 import { ActiveView as a, RefundMode as y } from "../../context/types.js";
-import { TX_DATA_ACTION_BAR as Re, TX_REFUND_STATUSES_CONTAINER as Ne, TX_REFUND_RESPONSE_ICON as G, TX_REFUND_RESPONSE_ERROR_ICON as Ee, TX_REFUND_RESPONSE_SUCCESS_ICON as Se, TX_STATUS_BOX as _e, TX_REFUND_RESPONSE as De, TX_DATA_CLASS as Ie } from "../constants.js";
-import ve from "../details/TransactionDataProperties.js";
-import $ from "../details/TransactionDetailsDataContainer.js";
-import be from "../details/TransactionStatusBox.js";
-import { TransactionRefundFullAmountInput as he, TransactionRefundPartialAmountInput as ye } from "../refund/TransactionRefundAmount.js";
-import Ce from "../refund/TransactionRefundNotice.js";
-import Oe from "../refund/TransactionRefundReason.js";
+import { TX_DATA_ACTION_BAR as _t, TX_REFUND_STATUSES_CONTAINER as Dt, TX_REFUND_RESPONSE_ICON as G, TX_REFUND_RESPONSE_ERROR_ICON as It, TX_REFUND_RESPONSE_SUCCESS_ICON as bt, TX_STATUS_BOX as ht, TX_DATA_AMOUNT as vt, TX_REFUND_RESPONSE as yt, TX_DATA_CLASS as Ot } from "../constants.js";
+import gt from "../details/TransactionDataProperties.js";
+import j from "../details/TransactionDetailsDataContainer.js";
+import Ct from "../../../../internal/StatusBox/StatusBox.js";
+import { TransactionRefundFullAmountInput as Pt, TransactionRefundPartialAmountInput as Bt } from "../refund/TransactionRefundAmount.js";
+import Lt from "../refund/TransactionRefundNotice.js";
+import Ut from "../refund/TransactionRefundReason.js";
 /* empty css                     */
-import { useTransaction as ge } from "../../hooks/useTransaction/useTransaction.js";
-import { useTransactionRefundMetadata as Pe } from "../../hooks/useTransactionRefundMetadata/useTransactionRefundMetadata.js";
-import j from "../../../../internal/Button/Button.js";
-import { Icon as q } from "../../../../internal/Icon/Icon.js";
-import { TransactionRefundProvider as Le } from "../../context/refund/context.js";
-import { TransactionDetailsProvider as Be } from "../../context/details/context.js";
-import { EMPTY_ARRAY as Ue, EMPTY_OBJECT as Me } from "../../../../../utils/value/constants.js";
-import { useConfigContext as ke } from "../../../../../core/ConfigContext/context.js";
+import { getAmountStyleForTransaction as Mt } from "../utils.js";
+import kt from "./TransactionStatusTag.js";
+import { useTransaction as Ft } from "../../hooks/useTransaction/useTransaction.js";
+import { useTransactionRefundMetadata as wt } from "../../hooks/useTransactionRefundMetadata/useTransactionRefundMetadata.js";
+import q from "../../../../internal/Button/Button.js";
+import { Icon as z } from "../../../../internal/Icon/Icon.js";
+import { TransactionRefundProvider as Vt } from "../../context/refund/context.js";
+import { TransactionDetailsProvider as Xt } from "../../context/details/context.js";
+import { EMPTY_ARRAY as xt, EMPTY_OBJECT as Yt } from "../../../../../utils/value/constants.js";
+import { useConfigContext as Ht } from "../../../../../core/ConfigContext/context.js";
 const W = ({
   children: s,
-  renderViewActionButtons: o,
+  renderViewActionButtons: r,
   renderViewMessageBox: c
-}) => /* @__PURE__ */ e("div", { className: Ie, children: [
+}) => /* @__PURE__ */ t("div", { className: Ot, children: [
   s,
   c && c(),
-  o()
-] }), z = ({
+  r()
+] }), J = ({
   action: s,
-  title: o,
+  title: r,
   renderIcon: c,
   subtitle: p
-}) => /* @__PURE__ */ e("div", { className: De, children: [
+}) => /* @__PURE__ */ t("div", { className: yt, children: [
   c && c(),
-  /* @__PURE__ */ e(x, { className: Te.MEDIUM, variant: H.TITLE, children: o }),
-  /* @__PURE__ */ e(x, { variant: H.BODY, children: p }),
+  /* @__PURE__ */ t($, { className: Et.MEDIUM, variant: H.TITLE, children: r }),
+  /* @__PURE__ */ t($, { variant: H.BODY, children: p }),
   s && s()
-] }), ft = ({ transaction: s, extraFields: o, dataCustomization: c }) => {
-  var M;
-  const [p, E] = N(a.DETAILS), [C, J] = N(), [O, K] = N(), [m, g] = N(!1), { fetchingTransaction: Q, refreshTransaction: A, transaction: n, transactionNavigator: Z } = ge(s), {
-    refundable: ee,
-    refundableAmount: te,
-    refundableAmountLabel: S,
-    refundAvailable: ne,
-    refundCurrency: re,
+] }), Ie = ({ transaction: s, extraFields: r, dataCustomization: c }) => {
+  var M, k;
+  const [p, R] = S(a.DETAILS), [O, Z] = S(), [g, K] = S(), [l, C] = S(!1), { fetchingTransaction: Q, refreshTransaction: A, transaction: e, transactionNavigator: tt } = Ft(s), {
+    refundable: et,
+    refundableAmount: nt,
+    refundableAmountLabel: E,
+    refundAvailable: ot,
+    refundCurrency: rt,
     refundDisabled: P,
-    refundedState: oe,
+    refundedState: at,
     refundStatuses: u,
     refundMode: T,
     refundLocked: _
-  } = Pe(n), d = V(() => P || m, [P, m]), { i18n: r } = ue(), ae = Object.freeze((n == null ? void 0 : n.lineItems) ?? Ue), ce = i((t) => J(t), []), ie = i((t) => K(t), []), D = i(
-    (t) => t === a.REFUND && d,
+  } = wt(e), d = X(() => P || l, [P, l]), { i18n: o } = pt(), ct = Object.freeze((e == null ? void 0 : e.lineItems) ?? xt), it = i((n) => Z(n), []), st = i((n) => K(n), []), D = i(
+    (n) => n === a.REFUND && d,
     [d]
-  ), { getBalanceAccounts: f } = ke().endpoints, { data: I } = de(
-    V(
+  ), { getBalanceAccounts: f } = Ht().endpoints, { data: I } = At(
+    X(
       () => ({
         fetchOptions: {
-          enabled: !!f && !n.balanceAccount && !!n.balanceAccountId,
+          enabled: !!f && !e.balanceAccount && !!e.balanceAccountId,
           keepPrevData: !0
         },
-        queryFn: async () => f == null ? void 0 : f(Me)
+        queryFn: async () => f == null ? void 0 : f(Yt)
       }),
-      [n.balanceAccountId, n.balanceAccount, f]
+      [e.balanceAccountId, e.balanceAccount, f]
     )
-  ), se = i(
-    (t) => void (D(t) || E(t)),
+  ), mt = i(
+    (n) => void (D(n) || R(n)),
     [D]
-  ), L = i(() => {
-    const t = o ? Object.values(o).filter((l) => l.type === "button").map((l) => {
-      var k, w;
+  ), B = i(() => {
+    const n = r ? Object.values(r).filter((m) => m.type === "button").map((m) => {
+      var F, w;
       return {
-        title: l.value,
-        variant: h.SECONDARY,
-        event: (k = l.config) == null ? void 0 : k.action,
-        classNames: (w = l.config) != null && w.className ? [l.config.className] : []
+        title: m.value,
+        variant: v.SECONDARY,
+        event: (F = m.config) == null ? void 0 : F.action,
+        classNames: (w = m.config) != null && w.className ? [m.config.className] : []
       };
-    }) : [], R = [C, O, ...t].filter(Boolean);
-    return R.length ? /* @__PURE__ */ e($, { className: Re, children: /* @__PURE__ */ e(fe, { actions: R, layout: pe.BUTTONS_END }) }) : null;
-  }, [o, C, O]), le = i(() => {
-    A(), g(!0);
-  }, [g, A]), me = i(() => u != null && u.length || _ || m ? /* @__PURE__ */ e("div", { className: Ne, children: [
-    (_ || m) && /* @__PURE__ */ e(
-      v,
+    }) : [], N = [O, g, ...n].filter(Boolean);
+    return N.length ? /* @__PURE__ */ t(j, { className: _t, children: /* @__PURE__ */ t(Tt, { actions: N, layout: Nt.BUTTONS_END }) }) : null;
+  }, [r, O, g]), lt = i(() => {
+    A(), C(!0);
+  }, [C, A]), ut = {
+    timezone: (M = e.balanceAccount) == null ? void 0 : M.timeZone,
+    createdAt: e.createdAt,
+    amountData: e.amount,
+    paymentMethodData: e.paymentMethod,
+    bankAccount: e.bankAccount
+  }, dt = Rt(ut), ft = i(() => u != null && u.length || _ || l ? /* @__PURE__ */ t("div", { className: Dt, children: [
+    (_ || l) && /* @__PURE__ */ t(
+      b,
       {
         type: Y.HIGHLIGHT,
-        variant: b.TIP,
-        description: `${r.get("refund.theRefundIsBeingProcessed")} ${r.get("pleaseComeBackLater")}`
+        variant: h.TIP,
+        description: `${o.get("refund.theRefundIsBeingProcessed")} ${o.get("pleaseComeBackLater")}`
       }
     ),
-    u.map((t, R) => /* @__PURE__ */ e(
-      v,
+    u.map((n, N) => /* @__PURE__ */ t(
+      b,
       {
-        variant: b.TIP,
-        type: (t == null ? void 0 : t.type) ?? Y.HIGHLIGHT,
-        description: t == null ? void 0 : t.label
+        variant: h.TIP,
+        type: (n == null ? void 0 : n.type) ?? Y.HIGHLIGHT,
+        description: n == null ? void 0 : n.label
       },
-      `${Math.random()}-${R}`
+      `${Math.random()}-${N}`
     ))
-  ] }) : null, [r, u, _, m]), B = n.balanceAccount ?? ((M = I == null ? void 0 : I.data) == null ? void 0 : M.find((t) => t.id === n.balanceAccountId));
-  if (X(() => {
-    E(a.DETAILS);
-  }, [n]), X(() => {
-    d && E(a.DETAILS);
+  ] }) : null, [o, u, _, l]), L = e.balanceAccount ?? ((k = I == null ? void 0 : I.data) == null ? void 0 : k.find((n) => n.id === e.balanceAccountId));
+  if (x(() => {
+    R(a.DETAILS);
+  }, [e]), x(() => {
+    d && R(a.DETAILS);
   }, [d]), Q)
-    return /* @__PURE__ */ e(Ae, { skeletonRowNumber: 5 });
+    return /* @__PURE__ */ t(St, { skeletonRowNumber: 5 });
   if (D(p)) return null;
   const U = {
-    lineItems: ae,
-    refundAvailable: ne,
+    lineItems: ct,
+    refundAvailable: ot,
     refundDisabled: d,
-    setActiveView: se,
-    setPrimaryAction: ce,
-    setSecondaryAction: ie
+    setActiveView: mt,
+    setPrimaryAction: it,
+    setSecondaryAction: st
   };
   switch (p) {
     case a.DETAILS:
-      return /* @__PURE__ */ e(W, { renderViewActionButtons: L, renderViewMessageBox: me, children: /* @__PURE__ */ e(
-        Be,
+      return /* @__PURE__ */ t(W, { renderViewActionButtons: B, renderViewMessageBox: ft, children: /* @__PURE__ */ t(
+        Xt,
         {
           ...U,
-          transaction: !n.balanceAccount && B ? { ...n, balanceAccount: B } : { ...n },
-          transactionNavigator: Z,
-          extraFields: o,
+          transaction: !e.balanceAccount && L ? { ...e, balanceAccount: L } : { ...e },
+          transactionNavigator: tt,
+          extraFields: r,
           dataCustomization: c,
           children: [
-            /* @__PURE__ */ e($, { className: _e, children: /* @__PURE__ */ e(be, { transaction: n, refundedState: oe }) }),
-            /* @__PURE__ */ e(ve, {})
+            /* @__PURE__ */ t(j, { className: ht, children: /* @__PURE__ */ t(
+              Ct,
+              {
+                ...dt,
+                tag: /* @__PURE__ */ t(kt, { transaction: e, refundedState: at }),
+                classNames: { amount: `${vt}--${Mt(e)}` }
+              }
+            ) }),
+            /* @__PURE__ */ t(gt, {})
           ]
         }
       ) });
     case a.REFUND:
-      return /* @__PURE__ */ e(W, { renderViewActionButtons: L, children: /* @__PURE__ */ e(
-        Le,
+      return /* @__PURE__ */ t(W, { renderViewActionButtons: B, children: /* @__PURE__ */ t(
+        Vt,
         {
           ...U,
-          availableAmount: te,
-          currency: re,
+          availableAmount: nt,
+          currency: rt,
           refundMode: T,
           refreshTransaction: A,
-          transactionId: n.id,
+          transactionId: e.id,
           children: [
-            /* @__PURE__ */ e(Ce, {}),
-            ee && /* @__PURE__ */ e(Oe, {}),
-            T === y.FULL_AMOUNT && /* @__PURE__ */ e(he, {}),
-            (T === y.PARTIAL_AMOUNT || T === y.PARTIAL_LINE_ITEMS) && /* @__PURE__ */ e(ye, { locale: r.locale }),
-            S && /* @__PURE__ */ e(
-              v,
+            /* @__PURE__ */ t(Lt, {}),
+            et && /* @__PURE__ */ t(Ut, {}),
+            T === y.FULL_AMOUNT && /* @__PURE__ */ t(Pt, {}),
+            (T === y.PARTIAL_AMOUNT || T === y.PARTIAL_LINE_ITEMS) && /* @__PURE__ */ t(Bt, { locale: o.locale }),
+            E && /* @__PURE__ */ t(
+              b,
               {
-                variant: b.TIP,
-                type: S.type,
-                description: S.description
+                variant: h.TIP,
+                type: E.type,
+                description: E.description
               }
             )
           ]
         }
       ) });
     case a.REFUND_SUCCESS:
-      return /* @__PURE__ */ e(
-        z,
+      return /* @__PURE__ */ t(
+        J,
         {
-          renderIcon: () => /* @__PURE__ */ e(q, { name: "checkmark-circle-fill", className: F(G, Se) }),
-          title: r.get("refundActionSuccessTitle"),
-          subtitle: r.get("refundActionSuccessSubtitle"),
-          action: () => /* @__PURE__ */ e(j, { variant: h.SECONDARY, onClick: le, children: r.get("goBack") })
+          renderIcon: () => /* @__PURE__ */ t(z, { name: "checkmark-circle-fill", className: V(G, bt) }),
+          title: o.get("refundActionSuccessTitle"),
+          subtitle: o.get("refundActionSuccessSubtitle"),
+          action: () => /* @__PURE__ */ t(q, { variant: v.SECONDARY, onClick: lt, children: o.get("goBack") })
         }
       );
     case a.REFUND_ERROR:
-      return /* @__PURE__ */ e(
-        z,
+      return /* @__PURE__ */ t(
+        J,
         {
-          renderIcon: () => /* @__PURE__ */ e(q, { name: "cross-circle-fill", className: F(G, Ee) }),
-          title: r.get("refundActionErrorTitle"),
-          subtitle: r.get("refundActionErrorSubtitle"),
-          action: () => /* @__PURE__ */ e(j, { variant: h.SECONDARY, onClick: A, children: r.get("goBack") })
+          renderIcon: () => /* @__PURE__ */ t(z, { name: "cross-circle-fill", className: V(G, It) }),
+          title: o.get("refundActionErrorTitle"),
+          subtitle: o.get("refundActionErrorSubtitle"),
+          action: () => /* @__PURE__ */ t(q, { variant: v.SECONDARY, onClick: A, children: o.get("goBack") })
         }
       );
     default:
@@ -190,6 +206,6 @@ const W = ({
   }
 };
 export {
-  ft as TransactionDataContent,
-  ft as default
+  Ie as TransactionDataContent,
+  Ie as default
 };

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

@@ -0,0 +1,23 @@
+import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import p from "../../../../../core/Context/useCoreContext.js";
+import { Tag as a } from "../../../../internal/Tag/Tag.js";
+import { TagVariant as e } from "../../../../internal/Tag/types.js";
+import { RefundType as m, RefundedState as f } from "../../context/types.js";
+import { TX_DATA_TAGS as T } from "../constants.js";
+import { getRefundTypeForTransaction as s } from "../utils.js";
+import { Fragment as u } from "../../../../../external/preact/dist/preact.module.js";
+const C = ({ transaction: n, refundedState: i }) => {
+  const { i18n: t } = p(), { category: l } = n, o = s(n);
+  return /* @__PURE__ */ r("div", { className: T, children: [
+    l && /* @__PURE__ */ r(a, { label: t.get(`txType.${l}`), variant: e.DEFAULT }),
+    o && /* @__PURE__ */ r(u, { children: [
+      o === m.FULL && /* @__PURE__ */ r(a, { label: t.get("full"), variant: e.SUCCESS }),
+      o === m.PARTIAL && /* @__PURE__ */ r(a, { label: t.get("partial"), variant: e.BLUE })
+    ] }),
+    i === f.FULL && /* @__PURE__ */ r(a, { label: t.get("refunded.full"), variant: e.SUCCESS }),
+    i === f.PARTIAL && /* @__PURE__ */ r(a, { label: t.get("refunded.partial"), variant: e.BLUE })
+  ] });
+};
+export {
+  C as default
+};

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

@@ -1,5 +1,5 @@
-import { TRANSACTION_FIELDS as o } from "../../TransactionsOverview/components/TransactionsTable/TransactionsTable.js";
-const _ = "adyen-pe-transaction-data", s = `${_}__amount`, E = `${_}__action-bar`, N = `${_}__container`, a = `${_}__head-container`, t = `${_}__input`, T = `${t}-container`, D = `${T}--short`, O = `${T}--text-input`, R = `${T}--with-error`, S = `${t}-head`, r = `${_}__label`, I = `${_}__list`, A = `${_}__payment-method`, X = `${A}-detail`, c = `${A}-logo`, $ = `${c}-container`, i = `${_}__tags`, d = `${_}__status-box`, u = `${_}__refund-response`, n = `${_}__refund-response-icon`, C = `${n}--success`, P = `${n}--error`, U = `${_}__refund-statuses-container`, p = /* @__PURE__ */ new Set([
+import { TRANSACTION_FIELDS as A } from "../../TransactionsOverview/components/TransactionsTable/TransactionsTable.js";
+const _ = "adyen-pe-transaction-data", e = `${_}__amount`, s = `${_}__action-bar`, c = `${_}__container`, N = `${_}__head-container`, t = `${_}__input`, T = `${t}-container`, E = `${T}--short`, a = `${T}--text-input`, R = `${T}--with-error`, S = `${t}-head`, r = `${_}__label`, D = `${_}__list`, I = `${_}__tags`, X = `${_}__status-box`, O = `${_}__refund-response`, n = `${_}__refund-response-icon`, $ = `${n}--success`, u = `${n}--error`, i = `${_}__refund-statuses-container`, d = /* @__PURE__ */ new Set([
   "status",
   "category",
   "paymentMethod",
@@ -7,7 +7,7 @@ const _ = "adyen-pe-transaction-data", s = `${_}__amount`, E = `${_}__action-bar
   "balanceAccount",
   "id",
   "balanceAccountId",
-  ...o,
+  ...A,
   "deductedAmount",
   "lineItems",
   "originalAmount",
@@ -16,29 +16,25 @@ const _ = "adyen-pe-transaction-data", s = `${_}__amount`, E = `${_}__action-bar
   "refundMetadata"
 ]);
 export {
-  E as TX_DATA_ACTION_BAR,
-  s as TX_DATA_AMOUNT,
+  s as TX_DATA_ACTION_BAR,
+  e as TX_DATA_AMOUNT,
   _ as TX_DATA_CLASS,
-  N as TX_DATA_CONTAINER,
-  a as TX_DATA_HEAD_CONTAINER,
+  c as TX_DATA_CONTAINER,
+  N as TX_DATA_HEAD_CONTAINER,
   t as TX_DATA_INPUT,
   T as TX_DATA_INPUT_CONTAINER,
-  D as TX_DATA_INPUT_CONTAINER_SHORT,
-  O as TX_DATA_INPUT_CONTAINER_TEXT,
+  E as TX_DATA_INPUT_CONTAINER_SHORT,
+  a as TX_DATA_INPUT_CONTAINER_TEXT,
   R as TX_DATA_INPUT_CONTAINER_WITH_ERROR,
   S as TX_DATA_INPUT_HEAD,
   r as TX_DATA_LABEL,
-  I as TX_DATA_LIST,
-  A as TX_DATA_PAY_METHOD,
-  X as TX_DATA_PAY_METHOD_DETAIL,
-  c as TX_DATA_PAY_METHOD_LOGO,
-  $ as TX_DATA_PAY_METHOD_LOGO_CONTAINER,
-  i as TX_DATA_TAGS,
-  p as TX_DETAILS_RESERVED_FIELDS_SET,
-  u as TX_REFUND_RESPONSE,
-  P as TX_REFUND_RESPONSE_ERROR_ICON,
+  D as TX_DATA_LIST,
+  I as TX_DATA_TAGS,
+  d as TX_DETAILS_RESERVED_FIELDS_SET,
+  O as TX_REFUND_RESPONSE,
+  u as TX_REFUND_RESPONSE_ERROR_ICON,
   n as TX_REFUND_RESPONSE_ICON,
-  C as TX_REFUND_RESPONSE_SUCCESS_ICON,
-  U as TX_REFUND_STATUSES_CONTAINER,
-  d as TX_STATUS_BOX
+  $ as TX_REFUND_RESPONSE_SUCCESS_ICON,
+  i as TX_REFUND_STATUSES_CONTAINER,
+  X as TX_STATUS_BOX
 };

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

@@ -1,6 +1,5 @@
-import { RefundType as d } from "../context/types.js";
-import { parsePaymentMethodType as p } from "../../TransactionsOverview/components/utils.js";
-import { EMPTY_OBJECT as r } from "../../../../utils/value/constants.js";
+import { RefundType as r } from "../context/types.js";
+import { EMPTY_OBJECT as u } from "../../../../utils/value/constants.js";
 const f = (e) => {
   switch (e == null ? void 0 : e.status) {
     case "Booked":
@@ -10,23 +9,18 @@ const f = (e) => {
     default:
       return "pending";
   }
-}, o = (e) => e != null && e.paymentMethod ? e.paymentMethod.type : e != null && e.bankAccount ? "bankTransfer" : null, h = (e) => {
-  var u;
-  return e != null && e.paymentMethod ? p(e.paymentMethod, "detail") : (u = e == null ? void 0 : e.bankAccount) == null ? void 0 : u.accountNumberLastFourDigits;
-}, M = (e) => {
+}, n = (e) => {
   if (e.category === "Refund") {
-    const { refundType: u } = e.refundMetadata ?? r;
-    switch (u) {
-      case d.FULL:
-        return d.FULL;
-      case d.PARTIAL:
-        return d.PARTIAL;
+    const { refundType: t } = e.refundMetadata ?? u;
+    switch (t) {
+      case r.FULL:
+        return r.FULL;
+      case r.PARTIAL:
+        return r.PARTIAL;
     }
   }
 };
 export {
   f as getAmountStyleForTransaction,
-  h as getDisplayablePaymentMethodForTransaction,
-  o as getPaymentMethodTypeForTransaction,
-  M as getRefundTypeForTransaction
+  n as getRefundTypeForTransaction
 };

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

@@ -1,22 +1,26 @@
-import { useMemo as O, useCallback as q } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
-import { selectionOptionsFor as v } from "./utils.js";
-import { listFrom as x } from "../../../../../../utils/collection/main.js";
-const j = ({
+import { useMemo as k, useCallback as C } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { selectionOptionsFor as O } from "./utils.js";
+import { listFrom as T } from "../../../../../../utils/collection/main.js";
+const w = ({
   filterParam: o,
-  filterValues: p,
+  filterValues: M,
   filters: n,
   defaultFilters: c,
-  updateFilters: m
+  updateFilters: m,
+  mapFilterOptionName: b
 }) => {
-  const S = O(() => x((n == null ? void 0 : n[o]) ?? (c == null ? void 0 : c[o]) ?? ""), [c, n, o]), b = O(() => p && v(p), [p]), k = q(
-    ({ target: M }) => {
-      m == null || m({ [o]: (M == null ? void 0 : M.value) || "" });
+  const q = k(() => T((n == null ? void 0 : n[o]) ?? (c == null ? void 0 : c[o]) ?? ""), [c, n, o]), v = k(
+    () => M && O(M, b),
+    [M, b]
+  ), x = C(
+    ({ target: S }) => {
+      m == null || m({ [o]: (S == null ? void 0 : S.value) || "" });
     },
     [m, o]
   );
-  return { selection: S, selectionOptions: b, updateSelection: k };
+  return { selection: q, selectionOptions: v, updateSelection: x };
 };
 export {
-  j as default,
-  j as useMultiSelectionFilter
+  w as default,
+  w as useMultiSelectionFilter
 };

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

@@ -1,4 +1,9 @@
-const t = (o) => Object.freeze(o.map((e) => ({ id: e, name: e })));
+import { identity as r } from "../../../../../../utils/common.js";
+import { isFunction as i } from "../../../../../../utils/value/is.js";
+const p = (e, o) => {
+  const n = i(o) ? o : r;
+  return Object.freeze(e.map((t) => ({ id: t, name: n(t) ?? t })));
+};
 export {
-  t as selectionOptionsFor
+  p as selectionOptionsFor
 };

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

@@ -1,5 +1,5 @@
 import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { DataDetailsModal as ue } from "../../../../internal/DataOverviewDisplay/DataDetailsModal.js";
+import { DataDetailsModal as Te } from "../../../../internal/DataOverviewDisplay/DataDetailsModal.js";
 import { TransactionsTable as Ee, TRANSACTION_FIELDS as Ne } from "../TransactionsTable/TransactionsTable.js";
 import Fe from "../../../../../hooks/useBalanceAccountSelection.js";
 import he from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
@@ -30,7 +30,7 @@ import { isUndefined as H, isFunction as Ze } from "../../../../../utils/value/i
 const Dr = ({
   onFiltersChanged: p,
   balanceAccounts: h,
-  allowLimitSelection: C,
+  allowLimitSelection: C = !0,
   preferredLimit: W = _e,
   onRecordSelection: M,
   showDetails: D,
@@ -40,7 +40,7 @@ const Dr = ({
   dataCustomization: r
 }) => {
   var v, w, x, y;
-  const { i18n: A } = Me(), { getTransactions: S } = Qe().endpoints, { activeBalanceAccount: e, balanceAccountSelectionOptions: Q, onBalanceAccountSelection: Z } = Fe(h), { defaultParams: d, nowTimestamp: T, refreshNowTimestamp: u } = Ue("transactions", e), J = f(
+  const { i18n: A } = Me(), { getTransactions: S } = Qe().endpoints, { activeBalanceAccount: e, balanceAccountSelectionOptions: Q, onBalanceAccountSelection: Z } = Fe(h), { defaultParams: d, nowTimestamp: u, refreshNowTimestamp: T } = Ue("transactions", e), J = f(
     async ({ balanceAccount: o, ...i }, N) => S({ signal: N, errorLevel: "error" }, {
       query: {
         ...i,
@@ -80,8 +80,8 @@ const Dr = ({
       [t.CURRENCIES]: void 0
     });
   }, [l, e == null ? void 0 : e.id]), F(() => {
-    u();
-  }, [n, u]), F(() => {
+    T();
+  }, [n, T]), F(() => {
     E.updateSelection({ target: { value: "Booked", name: "status" } });
   }, [E]);
   const R = xe(ye.down.sm), le = !!m && m.length > 1, b = c(
@@ -113,10 +113,10 @@ const Dr = ({
       }).callback({ id: o });
     },
     [e, L]
-  ), Te = c(() => {
-    const o = new Date(T);
+  ), ue = c(() => {
+    const o = new Date(u);
     return o.setMonth(o.getMonth() - be), o.toString();
-  }, [T]);
+  }, [u]);
   return /* @__PURE__ */ s("div", { className: Le, children: [
     /* @__PURE__ */ s(He, { hideTitle: K, titleKey: "transactionsOverviewTitle", children: /* @__PURE__ */ s(Ye, { ..._ }) }),
     /* @__PURE__ */ s(je, { ..._, children: [
@@ -134,9 +134,9 @@ const Dr = ({
           canResetFilters: q,
           defaultParams: d,
           filters: n,
-          nowTimestamp: T,
-          refreshNowTimestamp: u,
-          sinceDate: Te,
+          nowTimestamp: u,
+          refreshNowTimestamp: T,
+          sinceDate: ue,
           timezone: e == null ? void 0 : e.timeZone,
           updateFilters: l
         }
@@ -185,7 +185,7 @@ const Dr = ({
       ) })
     ] }),
     /* @__PURE__ */ s(
-      ue,
+      Te,
       {
         dataCustomization: r == null ? void 0 : r.details,
         selectedDetail: Ae,