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

package/dist/es/components/external/TransactionDetails/components/PaymentDetails/PaymentDetailsActions.js

@@ -1,10 +1,10 @@
-import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import D from "classnames";
-import { memo as P } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import E from "classnames";
+import { memo as D } from "../../../../../external/preact/compat/dist/compat.module.js";
 import { useMemo as n } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { ActiveView as h } from "../../types.js";
-import { ButtonVariant as u } from "../../../../internal/Button/types.js";
-import { ButtonActionsLayoutBasic as E } from "../../../../internal/Button/ButtonActions/types.js";
+import { ActiveView as P } from "../../types.js";
+import { ButtonVariant as s } from "../../../../internal/Button/types.js";
+import { ButtonActionsLayoutBasic as h } from "../../../../internal/Button/ButtonActions/types.js";
 import { sharedTransactionDetailsEventProperties as O, TX_DATA_CONTAINER as _, TX_DATA_ACTION_BAR as I } from "../../constants.js";
 import w from "../../../../internal/Button/ButtonActions/ButtonActions.js";
 import x from "../../../../../core/Context/analytics/useAnalyticsContext.js";
@@ -12,76 +12,72 @@ import L from "../../../../../core/Context/useCoreContext.js";
 import { Icon as M } from "../../../../internal/Icon/Icon.js";
 import { Fragment as S } from "../../../../../external/preact/dist/preact.module.js";
 const X = ({
-  extraFields: f,
-  refundAvailable: d,
-  refundDisabled: l,
-  setActiveView: p,
-  transaction: T,
-  transactionNavigator: C
+  extraFields: c,
+  refundAvailable: m,
+  refundDisabled: r,
+  setActiveView: l,
+  transaction: f,
+  transactionNavigator: B
 }) => {
-  const e = x(), { currentTransaction: g, canNavigateBackward: A, canNavigateForward: v, backward: N, forward: y } = C, { i18n: i } = L(), r = n(
+  const u = x(), { currentTransaction: d, canNavigateBackward: p, canNavigateForward: T, backward: v, forward: g } = B, { i18n: a } = L(), e = n(
     () => ({
-      backToRefund: { title: i.get("transactions.details.actions.backToRefund"), eventLabel: "Return to refund" },
-      goToPayment: { title: i.get("transactions.details.actions.goToPayment"), eventLabel: "Go to payment" },
-      refund: { title: i.get("transactions.details.actions.refund") }
+      backToRefund: { title: a.get("transactions.details.actions.backToRefund"), eventLabel: "Return to refund" },
+      goToPayment: { title: a.get("transactions.details.actions.goToPayment"), eventLabel: "Go to payment" },
+      refund: { title: a.get("transactions.details.actions.refund") }
     }),
-    [i]
-  ), s = n(() => {
-    if (g === T.id) {
-      if (A) return "backToRefund";
-      if (v) return "goToPayment";
+    [a]
+  ), i = n(() => {
+    if (d === f.id) {
+      if (p) return "backToRefund";
+      if (T) return "goToPayment";
     }
-  }, [A, v, g, T.id]), R = n(() => {
-    if (d)
+  }, [p, T, d, f.id]), A = n(() => {
+    if (m)
       return {
-        disabled: l,
+        disabled: r,
         event: () => {
-          l || p(h.REFUND);
+          r || l(P.REFUND);
         },
-        title: r.refund.title,
-        variant: u.PRIMARY
+        title: e.refund.title,
+        variant: s.PRIMARY
       };
-  }, [r, d, l, p]), b = n(() => {
-    if (s) {
-      const t = r[s], o = s === "backToRefund", c = o ? N : y;
+  }, [e, m, r, l]), N = n(() => {
+    if (i) {
+      const t = e[i], b = i === "backToRefund", k = b ? v : g;
       return {
         disabled: !1,
         event: () => {
-          var m;
           try {
-            c();
+            k();
           } finally {
-            (m = e.addEvent) == null || m.call(e, "Clicked button", {
+            u.addEvent?.("Clicked button", {
               ...O,
               label: t.eventLabel
             });
           }
         },
-        renderTitle: (m) => /* @__PURE__ */ a(S, { children: [
-          /* @__PURE__ */ a(M, { name: "angle-right", style: { transform: `scaleX(${o ? -1 : 1})` } }),
-          /* @__PURE__ */ a("span", { children: m })
+        renderTitle: (C) => /* @__PURE__ */ o(S, { children: [
+          /* @__PURE__ */ o(M, { name: "angle-right", style: { transform: `scaleX(${b ? -1 : 1})` } }),
+          /* @__PURE__ */ o("span", { children: C })
         ] }),
         title: t.title,
-        variant: u.SECONDARY
+        variant: s.SECONDARY
       };
     }
-  }, [r, N, y, s, e]), B = n(
-    () => Object.values(f || []).filter((t) => (t == null ? void 0 : t.type) === "button").map((t) => {
-      var o, c;
-      return {
-        title: t.value,
-        variant: u.SECONDARY,
-        event: (o = t.config) == null ? void 0 : o.action,
-        classNames: (c = t.config) != null && c.className ? [t.config.className] : []
-      };
-    }),
-    [f]
-  ), k = n(
-    () => [R, b, ...B].filter(Boolean),
-    [R, b, B]
+  }, [e, v, g, i, u]), y = n(
+    () => Object.values(c || []).filter((t) => t?.type === "button").map((t) => ({
+      title: t.value,
+      variant: s.SECONDARY,
+      event: t.config?.action,
+      classNames: t.config?.className ? [t.config.className] : []
+    })),
+    [c]
+  ), R = n(
+    () => [A, N, ...y].filter(Boolean),
+    [A, N, y]
   );
-  return k.length > 0 ? /* @__PURE__ */ a("div", { className: D(_, I), children: /* @__PURE__ */ a(w, { actions: k, layout: E.BUTTONS_END }) }) : null;
-}, W = P(X);
+  return R.length > 0 ? /* @__PURE__ */ o("div", { className: E(_, I), children: /* @__PURE__ */ o(w, { actions: R, layout: h.BUTTONS_END }) }) : null;
+}, W = D(X);
 export {
   W as default
 };

package/dist/es/components/external/TransactionDetails/components/PaymentDetails/PaymentDetailsProperties.js

@@ -1,146 +1,141 @@
-import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { memo as S } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { useMemo as u, useCallback as h } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { getTransactionRefundReason as j } from "../../../../utils/translation/getters.js";
-import { isCustomDataObject as R } from "../../../../internal/DataGrid/components/TableCells.js";
-import { TypographyVariant as N, TypographyElement as _ } from "../../../../internal/Typography/types.js";
-import { TX_DETAILS_FIELDS_REMAPS as F, TX_DATA_LABEL as M, TX_DATA_LIST as X, sharedTransactionDetailsEventProperties as w } from "../../constants.js";
-import { normalizeCustomFields as Y } from "../../../../utils/customData/normalizeCustomFields.js";
-import q from "../../../../../core/Context/analytics/useAnalyticsContext.js";
-import $ from "../../../../../core/Context/useCoreContext.js";
-import A from "../../../../internal/Typography/Typography.js";
-import g from "../../../../internal/DataGrid/components/Icon.js";
-import G from "../../../../internal/CopyText/CopyText.js";
-import H from "../../../../internal/Link/Link.js";
-import T from "classnames";
-import J from "../../../../internal/StructuredList/StructuredList.js";
-const Q = {
-  ...w,
+import { jsx as n } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { memo as N } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { useMemo as u, useCallback as P } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { getTransactionRefundReason as K } from "../../../../utils/translation/getters.js";
+import { isCustomDataObject as y } from "../../../../internal/DataGrid/components/TableCells.js";
+import { TypographyVariant as k, TypographyElement as A } from "../../../../internal/Typography/types.js";
+import { TX_DETAILS_FIELDS_REMAPS as V, TX_DATA_LABEL as g, TX_DATA_LIST as O, sharedTransactionDetailsEventProperties as j } from "../../constants.js";
+import { normalizeCustomFields as F } from "../../../../utils/customData/normalizeCustomFields.js";
+import X from "../../../../../core/Context/analytics/useAnalyticsContext.js";
+import w from "../../../../../core/Context/useCoreContext.js";
+import I from "../../../../internal/Typography/Typography.js";
+import Y from "../../../../internal/DataGrid/components/Icon.js";
+import q from "../../../../internal/CopyText/CopyText.js";
+import z from "../../../../internal/Link/Link.js";
+import R from "classnames";
+import $ from "../../../../internal/StructuredList/StructuredList.js";
+const G = {
+  ...j,
   sectionName: "Details",
   label: "Copy button"
-}, c = {
+}, o = {
   account: "transactions.details.fields.account",
   id: "transactions.details.fields.referenceID",
   merchantReference: "transactions.details.fields.merchantReference",
   pspReference: "transactions.details.fields.pspReference",
   refundPspReference: "transactions.details.fields.refundPspReference",
   refundReason: "transactions.details.fields.refundReason"
-}, P = {
+}, T = {
   id: "transactions.details.actions.copyReferenceID",
   merchantReference: "transactions.details.actions.copyMerchantReference",
   pspReference: "transactions.details.actions.copyPspReference"
-}, l = null, d = ({ dataCustomization: n, extraFields: f, transaction: o }) => {
-  const { i18n: m } = $(), p = u(() => {
-    var b;
-    const { balanceAccount: e, category: s, id: y, merchantReference: t, paymentPspReference: L, refundMetadata: a } = o, x = (e == null ? void 0 : e.description) || (e == null ? void 0 : e.id), k = s === "Refund", C = Y((b = n == null ? void 0 : n.details) == null ? void 0 : b.fields, F, o), V = [
+}, i = null, c = ({ dataCustomization: s, extraFields: p, transaction: a }) => {
+  const { i18n: d } = w(), h = u(() => {
+    const { balanceAccount: e, category: r, id: m, merchantReference: t, paymentPspReference: D, refundMetadata: l } = a, b = e?.description || e?.id, L = r === "Refund", x = F(s?.details?.fields, V, a), S = [
       // balance account
-      x ? { id: "account", key: c.account, value: x } : l,
+      b ? { id: "account", key: o.account, value: b } : i,
       // refund reason
-      k && (a != null && a.refundReason) ? {
+      L && l?.refundReason ? {
         id: "refundReason",
-        key: c.refundReason,
-        value: j(m, a.refundReason)
-      } : l,
+        key: o.refundReason,
+        value: K(d, l.refundReason)
+      } : i,
       // reference id
       {
         id: "id",
-        key: c.id,
-        value: /* @__PURE__ */ r(
-          d.CopyText,
+        key: o.id,
+        value: /* @__PURE__ */ n(
+          c.CopyText,
           {
-            copyButtonAriaLabelKey: P.id,
+            copyButtonAriaLabelKey: T.id,
             trackingName: "Reference ID",
-            textToCopy: y
+            textToCopy: m
           }
         )
       },
       // merchant reference
       t ? {
         id: "merchantReference",
-        key: c.merchantReference,
-        value: /* @__PURE__ */ r(
-          d.CopyText,
+        key: o.merchantReference,
+        value: /* @__PURE__ */ n(
+          c.CopyText,
           {
-            copyButtonAriaLabelKey: P.merchantReference,
+            copyButtonAriaLabelKey: T.merchantReference,
             trackingName: "Merchant reference",
             textToCopy: t
           }
         )
-      } : l,
+      } : i,
       // payment psp reference
-      L ? {
+      D ? {
         id: "paymentPspReference",
-        key: c.pspReference,
-        value: /* @__PURE__ */ r(
-          d.CopyText,
+        key: o.pspReference,
+        value: /* @__PURE__ */ n(
+          c.CopyText,
           {
-            copyButtonAriaLabelKey: P.pspReference,
+            copyButtonAriaLabelKey: T.pspReference,
             trackingName: "PSP reference",
-            textToCopy: L
+            textToCopy: D
           }
         )
-      } : l,
+      } : i,
       // refund psp reference
-      k && (a != null && a.refundPspReference) ? {
+      L && l?.refundPspReference ? {
         id: "refundPspReference",
-        key: c.refundPspReference,
-        value: a.refundPspReference
-      } : l
-    ], v = C ? (i) => {
-      var I;
-      return ((I = C.find((O) => O.key === i)) == null ? void 0 : I.visibility) !== "hidden";
-    } : () => !0;
-    return V.filter((i) => (i == null ? void 0 : i.id) && v(i.id));
-  }, [m, n, o]), D = u(
-    () => Object.entries(f || {}).filter(([, e]) => (e == null ? void 0 : e.type) !== "button").map(([e, s]) => ({
+        key: o.refundPspReference,
+        value: l.refundPspReference
+      } : i
+    ], B = x ? (f) => x.find((M) => M.key === f)?.visibility !== "hidden" : () => !0;
+    return S.filter((f) => f?.id && B(f.id));
+  }, [d, s, a]), C = u(
+    () => Object.entries(p || {}).filter(([, e]) => e?.type !== "button").map(([e, r]) => ({
       key: e,
-      value: R(s) ? s.value : s,
-      type: R(s) ? s.type : "text",
-      config: R(s) ? s.config : void 0
+      value: y(r) ? r.value : r,
+      type: y(r) ? r.type : "text",
+      config: y(r) ? r.config : void 0
     })),
-    [f]
-  ), B = u(() => [...p, ...D], [D, p]), E = h(
-    (e) => /* @__PURE__ */ r("div", { className: M, children: e }),
+    [p]
+  ), _ = u(() => [...h, ...C], [C, h]), v = P(
+    (e) => /* @__PURE__ */ n("div", { className: g, children: e }),
     []
-  ), K = h((e, s, y, t) => {
+  ), E = P((e, r, m, t) => {
     if (t)
-      switch (y) {
+      switch (m) {
         case "icon":
-          return /* @__PURE__ */ r("div", { className: T(t.className, "adyen-pe-transaction-data__list-icon-value"), children: [
-            /* @__PURE__ */ r(g, { url: t.src, alt: t.alt || e }),
-            /* @__PURE__ */ r(A, { el: _.SPAN, variant: N.BODY, children: [
+          return /* @__PURE__ */ n("div", { className: R(t.className, "adyen-pe-transaction-data__list-icon-value"), children: [
+            /* @__PURE__ */ n(Y, { url: t.src, alt: t.alt || e }),
+            /* @__PURE__ */ n(I, { el: A.SPAN, variant: k.BODY, children: [
               " ",
               e
             ] })
           ] });
         case "link":
-          return /* @__PURE__ */ r(H, { classNames: [T(t.className)], href: t.href, target: t.target || "_blank", children: e });
+          return /* @__PURE__ */ n(z, { classNames: [R(t.className)], href: t.href, target: t.target || "_blank", children: e });
       }
-    return /* @__PURE__ */ r(A, { el: _.DIV, variant: N.BODY, className: T(t == null ? void 0 : t.className), children: e });
+    return /* @__PURE__ */ n(I, { el: A.DIV, variant: k.BODY, className: R(t?.className), children: e });
   }, []);
-  return /* @__PURE__ */ r(
-    J,
+  return /* @__PURE__ */ n(
+    $,
     {
       align: "start",
       layout: "5-7",
-      items: B,
-      classNames: X,
-      renderLabel: E,
-      renderValue: K
+      items: _,
+      classNames: O,
+      renderLabel: v,
+      renderValue: E
     }
   );
 };
-d.CopyText = S(({ trackingName: n, ...f }) => {
-  const o = q(), m = h(() => {
-    var p;
-    n && ((p = o.addEvent) == null || p.call(o, "Clicked button", {
-      ...Q,
-      subSectionName: n
-    }));
-  }, [n, o]);
-  return /* @__PURE__ */ r(G, { ...f, onCopyText: m, showCopyTextTooltip: !1, type: "Default" });
+c.CopyText = N(({ trackingName: s, ...p }) => {
+  const a = X(), d = P(() => {
+    s && a.addEvent?.("Clicked button", {
+      ...G,
+      subSectionName: s
+    });
+  }, [s, a]);
+  return /* @__PURE__ */ n(q, { ...p, onCopyText: d, showCopyTextTooltip: !1, type: "Default" });
 });
-const fe = S(d);
+const de = N(c);
 export {
-  fe as default
+  de as default
 };

package/dist/es/components/external/TransactionDetails/components/PaymentDetails/PaymentDetailsStatusBox.js

@@ -1,49 +1,48 @@
 import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import f from "classnames";
-import A from "../../../../internal/StatusBox/StatusBox.js";
-import d from "../../../../internal/StatusBox/useStatusBox.js";
-import S from "../../../../../core/Context/useCoreContext.js";
-import { getTransactionCategory as g } from "../../../../utils/translation/getters.js";
-import { getAmountStyleForTransaction as y, getRefundTypeForTransaction as x } from "../../utils.js";
-import { TX_DATA_AMOUNT as B, TX_DATA_CONTAINER as C, TX_STATUS_BOX as D, TX_DATA_TAGS as L } from "../../constants.js";
-import { RefundType as u, RefundedState as T } from "../../types.js";
+import p from "classnames";
+import f from "../../../../internal/StatusBox/StatusBox.js";
+import A from "../../../../internal/StatusBox/useStatusBox.js";
+import d from "../../../../../core/Context/useCoreContext.js";
+import { getTransactionCategory as S } from "../../../../utils/translation/getters.js";
+import { getAmountStyleForTransaction as g, getRefundTypeForTransaction as y } from "../../utils.js";
+import { TX_DATA_AMOUNT as x, TX_DATA_CONTAINER as B, TX_STATUS_BOX as C, TX_DATA_TAGS as D } from "../../constants.js";
+import { RefundType as l, RefundedState as u } from "../../types.js";
 import { TagVariant as m } from "../../../../internal/Tag/types.js";
 import { Tag as r } from "../../../../internal/Tag/Tag.js";
-import { useMemo as c } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { memo as p } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { Fragment as U } from "../../../../../external/preact/dist/preact.module.js";
+import { useMemo as T } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { memo as c } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { Fragment as L } from "../../../../../external/preact/dist/preact.module.js";
 const i = ({ refundedState: e, transaction: t }) => {
-  var l;
-  const o = d({
-    timezone: (l = t.balanceAccount) == null ? void 0 : l.timeZone,
+  const o = A({
+    timezone: t.balanceAccount?.timeZone,
     createdAt: t.createdAt,
     amountData: t.netAmount,
     paymentMethodData: t.paymentMethod,
     bankAccount: t.bankAccount
-  }), n = c(
+  }), n = T(
     () => ({
-      amount: `${B}--${y(t)}`
+      amount: `${x}--${g(t)}`
     }),
     [t]
-  ), s = c(
+  ), s = T(
     () => /* @__PURE__ */ a(i.StatusTags, { transaction: t, refundedState: e }),
     [t, e]
   );
-  return /* @__PURE__ */ a("div", { className: f(C, D), children: /* @__PURE__ */ a(A, { ...o, classNames: n, tag: s }) });
+  return /* @__PURE__ */ a("div", { className: p(B, C), children: /* @__PURE__ */ a(f, { ...o, classNames: n, tag: s }) });
 };
-i.StatusTags = p(({ transaction: e, refundedState: t }) => {
-  const { i18n: o } = S(), { category: n } = e, s = x(e);
-  return /* @__PURE__ */ a("div", { className: L, children: [
-    n && /* @__PURE__ */ a(r, { label: g(o, n), variant: m.DEFAULT }),
-    s && /* @__PURE__ */ a(U, { children: [
-      s === u.FULL && /* @__PURE__ */ a(r, { label: o.get("transactions.details.common.refundTypes.full"), variant: m.SUCCESS }),
-      s === u.PARTIAL && /* @__PURE__ */ a(r, { label: o.get("transactions.details.common.refundTypes.partial"), variant: m.BLUE })
+i.StatusTags = c(({ transaction: e, refundedState: t }) => {
+  const { i18n: o } = d(), { category: n } = e, s = y(e);
+  return /* @__PURE__ */ a("div", { className: D, children: [
+    n && /* @__PURE__ */ a(r, { label: S(o, n), variant: m.DEFAULT }),
+    s && /* @__PURE__ */ a(L, { children: [
+      s === l.FULL && /* @__PURE__ */ a(r, { label: o.get("transactions.details.common.refundTypes.full"), variant: m.SUCCESS }),
+      s === l.PARTIAL && /* @__PURE__ */ a(r, { label: o.get("transactions.details.common.refundTypes.partial"), variant: m.BLUE })
     ] }),
-    t === T.FULL && /* @__PURE__ */ a(r, { label: o.get("transactions.details.common.refundedStates.full"), variant: m.SUCCESS }),
-    t === T.PARTIAL && /* @__PURE__ */ a(r, { label: o.get("transactions.details.common.refundedStates.partial"), variant: m.BLUE })
+    t === u.FULL && /* @__PURE__ */ a(r, { label: o.get("transactions.details.common.refundedStates.full"), variant: m.SUCCESS }),
+    t === u.PARTIAL && /* @__PURE__ */ a(r, { label: o.get("transactions.details.common.refundedStates.partial"), variant: m.BLUE })
   ] });
 });
-const $ = p(i);
+const I = c(i);
 export {
-  $ as default
+  I as default
 };

package/dist/es/components/external/TransactionDetails/components/PaymentDetails/PaymentDetailsSummary.js

@@ -1,82 +1,76 @@
-import { jsx as u } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { memo as L } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { useMemo as j, useCallback as p } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { TX_DATA_LABEL as y, TX_DATA_LIST as v } from "../../constants.js";
-import { TypographyVariant as D, TypographyElement as I } from "../../../../internal/Typography/types.js";
-import { getTransactionAmountAdjustmentType as d } from "../../../../utils/translation/getters.js";
-import N from "../../../../../core/Context/useCoreContext.js";
-import S from "../../../../internal/Typography/Typography.js";
-import A from "classnames";
-import { Tooltip as _ } from "../../../../internal/Tooltip/Tooltip.js";
-import P from "../../../../internal/StructuredList/StructuredList.js";
-import { isNullish as V } from "../../../../../utils/value/is.js";
-const l = {
+import { jsx as m } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { memo as v } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { useMemo as L, useCallback as y } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { Tooltip as I } from "../../../../internal/Tooltip/Tooltip.js";
+import { TX_DATA_LABEL as p, TX_DATA_LIST as k } from "../../constants.js";
+import { TypographyVariant as D, TypographyElement as P } from "../../../../internal/Typography/types.js";
+import { getTransactionAmountAdjustmentType as A, getTransactionAmountAdjustmentTypeInformation as S } from "../../../../utils/translation/getters.js";
+import V from "../../../../../core/Context/useCoreContext.js";
+import _ from "../../../../internal/Typography/Typography.js";
+import f from "classnames";
+import x from "../../../../internal/StructuredList/StructuredList.js";
+import { isNullish as B } from "../../../../../utils/value/is.js";
+const i = {
   grossAmount: "transactions.details.summary.fields.grossAmount",
   netAmount: "transactions.details.summary.fields.netAmount",
   originalAmount: "transactions.details.summary.fields.originalAmount"
-}, b = null, k = (r) => r && typeof r == "object" && "value" in r, C = {
-  "transactions.details.summary.adjustments.types.tip": "transactions.details.summary.adjustments.types.tip.information",
-  "transactions.details.summary.adjustments.types.surcharge": "transactions.details.summary.adjustments.types.surcharge.information"
-}, E = ({ transaction: r }) => {
-  const { i18n: o } = N(), f = j(() => {
-    const { additions: t, deductions: s, amountBeforeDeductions: e, netAmount: a, originalAmount: c } = r, i = (n) => {
-      if (V(n)) return null;
-      const { value: m, currency: h } = n;
-      return o.amount(m, h);
+}, C = null, N = ({ transaction: c }) => {
+  const { i18n: o } = V(), g = L(() => {
+    const { additions: t, deductions: a, amountBeforeDeductions: e, netAmount: u, originalAmount: l } = c, r = (n) => {
+      if (B(n)) return null;
+      const { value: s, currency: d } = n;
+      return `${o.amount(s, d, { hideCurrency: !0 })} ${d}`;
     };
     return [
       // original amount
-      c && (t && t.length > 0 || c.value !== e.value) ? {
+      l && (t && t.length > 0 || l.value !== e.value) ? {
         id: "originalAmount",
-        key: l.originalAmount,
-        value: i(c)
-      } : b,
+        key: i.originalAmount,
+        value: r(l)
+      } : C,
       // additions
-      ...(t == null ? void 0 : t.map(({ type: n, ...m }) => ({
-        key: d(o, n),
-        value: i(m)
-      }))) ?? [],
+      ...t?.map(({ type: n, ...s }) => ({
+        key: A(o, n),
+        value: r(s)
+      })) ?? [],
       // amountBeforeDeductions
       {
         id: "grossAmount",
-        key: l.grossAmount,
-        value: i(e)
+        key: i.grossAmount,
+        value: r(e)
       },
       // deductions
-      ...(s == null ? void 0 : s.map(({ type: n, ...m }) => ({
-        key: `transactions.details.summary.adjustments.types.${n}`,
-        value: i(m),
-        rawValue: m,
-        label: d(o, n)
-      }))) ?? [],
+      ...a?.map(({ type: n, ...s }) => ({
+        key: A(o, n),
+        value: r(s),
+        rawValue: S(o, n)
+        // tooltip content
+      })) ?? [],
       // netAmount
       {
         id: "netAmount",
-        key: l.netAmount,
-        value: i(a)
+        key: i.netAmount,
+        value: r(u)
       }
     ].filter(Boolean);
-  }, [o, r]), g = p(
-    (t, s, e) => {
-      const a = C[s];
-      return e && k(e) && e.value < 0 && a ? /* @__PURE__ */ u(_, { content: o.get(a), isUnderlineVisible: !0, children: /* @__PURE__ */ u("span", { className: A(y), children: t }) }, s) : /* @__PURE__ */ u("div", { className: A(y), children: t });
-    },
+  }, [o, c]), T = y(
+    (t, a, e) => e ? /* @__PURE__ */ m(I, { content: e, isUnderlineVisible: !0, children: /* @__PURE__ */ m("span", { className: f(p), children: t }) }) : /* @__PURE__ */ m("div", { className: f(p), children: t }),
     [o]
-  ), T = p((t, s) => {
-    const e = s === l.netAmount, a = D.BODY;
-    return /* @__PURE__ */ u(S, { el: I.DIV, variant: a, strongest: e, children: t });
+  ), h = y((t, a) => {
+    const e = a === i.netAmount, u = D.BODY;
+    return /* @__PURE__ */ m(_, { el: P.DIV, variant: u, strongest: e, children: t });
   }, []);
-  return /* @__PURE__ */ u(
-    P,
+  return /* @__PURE__ */ m(
+    x,
     {
-      classNames: v,
-      items: f,
+      classNames: k,
+      items: g,
       layout: "5-7",
-      renderLabel: g,
-      renderValue: T
+      renderLabel: T,
+      renderValue: h
     }
   );
-}, z = L(E);
+}, z = v(N);
 export {
   z as default
 };