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

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

@@ -0,0 +1,39 @@
+const n = "adyen-pe-payment-links-overview", t = "adyen-pe-payment-link-table", i = `${n}--xs`, c = `${n}__tabs-container`, S = `${t}__mobile-cell`, s = `${t}__mobile-amount-cell`, a = `${t}__mobile-expire-date-cell`, A = `${n}__filters-container`, L = `${n}__action-buttons-container`, T = `${n}__filters-alert-container`, E = `${n}__action-button`, N = 90, l = "active", o = {
+  active: "payByLink.overview.list.statusGroups.active",
+  inactive: "payByLink.overview.list.statusGroups.inactive"
+}, p = Object.entries(o).map(([_, e]) => ({
+  id: _,
+  label: e,
+  content: null
+})), y = {
+  active: "active",
+  inactive: "inactive"
+}, m = {
+  active: "payByLink.common.status.active",
+  expired: "payByLink.common.status.expired",
+  completed: "payByLink.common.status.completed",
+  paymentPending: "payByLink.common.status.paymentPending"
+}, I = {
+  open: "payByLink.common.linkType.open",
+  singleUse: "payByLink.common.linkType.singleUse"
+};
+export {
+  L as ACTION_BUTTONS_CONTAINER_CLASS,
+  E as ACTION_BUTTON_CLASS,
+  n as BASE_CLASS,
+  t as BASE_TABLE_GRID_CLASS,
+  i as BASE_XS_CLASS,
+  l as DEFAULT_PAYMENT_LINK_STATUS_GROUP,
+  N as EARLIEST_PAYMENT_LINK_DATE,
+  T as FILTERS_ALERT_CONTAINER_CLASS,
+  A as FILTERS_CONTAINER_CLASS,
+  s as MOBILE_AMOUNT_CELL_CLASS,
+  a as MOBILE_EXPIRE_DATE_CELL_CLASS,
+  S as MOBILE_TABLE_CELL_CLASS,
+  m as PAYMENT_LINK_STATUSES,
+  o as PAYMENT_LINK_STATUS_GROUPS,
+  y as PAYMENT_LINK_STATUS_GROUPS_FILTER_MAPPING,
+  p as PAYMENT_LINK_STATUS_GROUPS_TABS,
+  I as PAYMENT_LINK_TYPES,
+  c as TABS_CONTAINER_CLASS
+};

package/dist/es/components/external/PaymentLinksOverview/utils/getPaymentLinksErrorMessage.js

@@ -0,0 +1,60 @@
+import { jsx as a } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { UNDEFINED_ERROR as c } from "../../../utils/getCommonErrorCode.js";
+import l from "../../../internal/CopyText/CopyText.js";
+const u = "ACCOUNT_MISCONFIGURATION", y = "WRONG_STORE_IDS", N = (o, t, e, r) => {
+  var m;
+  if (!o) return c;
+  const s = e ? "common.errors.errorCode" : "common.errors.errorCodeSupport", n = {
+    [s]: o.requestId ? /* @__PURE__ */ a(l, { copyButtonAriaLabelKey: "common.actions.copy.labels.errorCode", textToCopy: o.requestId }) : null
+  };
+  switch (o.errorCode) {
+    case u:
+      return {
+        title: "common.errors.somethingWentWrong",
+        message: ["payByLink.common.errors.accountConfiguration", "common.errors.contactSupport"],
+        translationValues: n,
+        onContactSupport: e
+      };
+    case y:
+      return {
+        title: "common.errors.somethingWentWrong",
+        message: ["payByLink.common.errors.storeID", "common.errors.contactSupport"],
+        translationValues: n,
+        onContactSupport: e
+      };
+    case "29_001":
+      return (m = o.invalidFields) != null && m.some((i) => i.name === "paymentLinkId") ? {
+        title: "payByLink.overview.errors.listEmpty",
+        message: ["payByLink.overview.errors.listEmpty.message"],
+        images: {
+          desktop: r == null ? void 0 : r({ name: "no-results-found" }),
+          mobile: r == null ? void 0 : r({ name: "no-results-found", subFolder: "images/small" })
+        }
+      } : {
+        title: "common.errors.somethingWentWrong",
+        message: ["payByLink.overview.errors.couldNotLoadLinks", "common.errors.retry"],
+        onContactSupport: e
+      };
+    case "00_500":
+    case void 0:
+      return {
+        title: "common.errors.somethingWentWrong",
+        message: ["payByLink.overview.errors.couldNotLoadLinks", s],
+        translationValues: n,
+        refreshComponent: !0
+      };
+    default:
+      return {
+        title: "common.errors.somethingWentWrong",
+        message: [t, s],
+        translationValues: n,
+        onContactSupport: e,
+        refreshComponent: !0
+      };
+  }
+};
+export {
+  u as ACCOUNT_MISCONFIGURATION,
+  y as WRONG_STORE_IDS,
+  N as getPaymentLinksErrorMessage
+};

package/dist/es/components/external/PayoutDetails/components/PayoutData.js

@@ -112,7 +112,7 @@ const Ue = ({
         classNames: J,
         items: y,
         align: "start",
-        layout: "5-7",
+        layout: "4-8",
         renderLabel: (a) => /* @__PURE__ */ e("div", { className: W, children: a }),
         renderValue: (a, l, u, r) => {
           if (u === "link" && r)

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

@@ -32,7 +32,7 @@ const Qe = ({
   dataCustomization: r
 }) => {
   var P, _, b, A;
-  const { getPayouts: f } = Ie().endpoints, { activeBalanceAccount: e, balanceAccountSelectionOptions: N, onBalanceAccountSelection: w } = ie(E), { defaultParams: l, nowTimestamp: U, refreshNowTimestamp: d } = fe("payouts", e), M = D(
+  const { getPayouts: f } = Ie().endpoints, { activeBalanceAccount: e, balanceAccountSelectionOptions: N, onBalanceAccountSelection: w } = ie({ balanceAccounts: E }), { defaultParams: l, nowTimestamp: U, refreshNowTimestamp: d } = fe("payouts", e), M = D(
     async (s, n) => f({ signal: n, errorLevel: "error" }, {
       query: {
         ...s,

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

@@ -28,7 +28,7 @@ const Ne = ({
   dataCustomization: e
 }) => {
   var T, D, R, u;
-  const { getReports: p } = fe().endpoints, { activeBalanceAccount: r, balanceAccountSelectionOptions: h, onBalanceAccountSelection: v } = V(c), { defaultParams: o, nowTimestamp: O, refreshNowTimestamp: m } = W("reports", r), b = A(
+  const { getReports: p } = fe().endpoints, { activeBalanceAccount: r, balanceAccountSelectionOptions: h, onBalanceAccountSelection: v } = V({ balanceAccounts: c }), { defaultParams: o, nowTimestamp: O, refreshNowTimestamp: m } = W("reports", r), b = A(
     async (t, f) => p({ signal: f, errorLevel: "error" }, {
       query: {
         ...t,

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

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

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

@@ -0,0 +1,94 @@
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import N from "../../../../internal/Tabs/Tabs.js";
+import _ from "./PaymentRefundAlerts.js";
+import C from "./PaymentDetailsActions.js";
+import L from "./PaymentDetailsProperties.js";
+import R from "./PaymentDetailsStatusBox.js";
+import B from "./PaymentDetailsSummary.js";
+import X from "./PaymentDetailsTimeline.js";
+import w from "../../../../../core/Context/useCoreContext.js";
+import { DetailsTab as o } from "../../types.js";
+import { TX_DETAILS_TABS as x, TX_DATA_CLASS as U, TX_DATA_CONTAINER as Y } from "../../constants.js";
+import { useState as j, useMemo as p, useEffect as O } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+const F = ({
+  dataCustomization: i,
+  extraFields: s,
+  fullRefundFailed: c,
+  fullRefundInProgress: v,
+  refundAmounts: D,
+  refundAvailable: d,
+  refundCurrency: y,
+  refundDisabled: S,
+  refundedAmount: b,
+  refundedState: l,
+  refundLocked: g,
+  setActiveView: h,
+  transaction: e,
+  transactionNavigator: E
+}) => {
+  const { i18n: P } = w(), [a, n] = j(), r = p(
+    () => x.filter(({ id: m }) => {
+      switch (m) {
+        case o.SUMMARY:
+          const { additions: u, deductions: f, originalAmount: T, amountBeforeDeductions: A, netAmount: M } = e;
+          return u && u.length > 0 || f && f.length > 0 || T && T.value !== A.value || M.value !== A.value;
+        case o.TIMELINE:
+          return e.events && e.events.length > 0;
+        default:
+          return !0;
+      }
+    }),
+    [e]
+  ), I = p(
+    () => ({
+      [o.DETAILS]: /* @__PURE__ */ t(L, { dataCustomization: i, extraFields: s, transaction: e }),
+      [o.SUMMARY]: /* @__PURE__ */ t(B, { transaction: e }),
+      [o.TIMELINE]: /* @__PURE__ */ t(X, { transaction: e })
+    }),
+    [i, s, e]
+  );
+  return O(() => {
+    var m;
+    return n((m = r[0]) == null ? void 0 : m.id);
+  }, [r]), /* @__PURE__ */ t("div", { className: U, children: [
+    /* @__PURE__ */ t(R, { refundedState: l, transaction: e }),
+    /* @__PURE__ */ t("div", { className: Y, children: [
+      r.length > 1 && /* @__PURE__ */ t(
+        N,
+        {
+          "aria-label": P.get("transactions.details.viewSelect.a11y.label"),
+          onChange: ({ id: m }) => n(m),
+          tabs: r,
+          activeTab: a
+        }
+      ),
+      a && I[a]
+    ] }),
+    /* @__PURE__ */ t(
+      _,
+      {
+        fullRefundFailed: c,
+        fullRefundInProgress: v,
+        refundAmounts: D,
+        refundCurrency: y,
+        refundedAmount: b,
+        refundedState: l,
+        refundLocked: g
+      }
+    ),
+    /* @__PURE__ */ t(
+      C,
+      {
+        extraFields: s,
+        refundAvailable: d,
+        refundDisabled: S,
+        setActiveView: h,
+        transaction: e,
+        transactionNavigator: E
+      }
+    )
+  ] });
+};
+export {
+  F as default
+};

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

@@ -0,0 +1,87 @@
+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 { 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 { 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";
+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
+}) => {
+  const e = x(), { currentTransaction: g, canNavigateBackward: A, canNavigateForward: v, backward: N, forward: y } = C, { i18n: i } = L(), r = 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") }
+    }),
+    [i]
+  ), s = n(() => {
+    if (g === T.id) {
+      if (A) return "backToRefund";
+      if (v) return "goToPayment";
+    }
+  }, [A, v, g, T.id]), R = n(() => {
+    if (d)
+      return {
+        disabled: l,
+        event: () => {
+          l || p(h.REFUND);
+        },
+        title: r.refund.title,
+        variant: u.PRIMARY
+      };
+  }, [r, d, l, p]), b = n(() => {
+    if (s) {
+      const t = r[s], o = s === "backToRefund", c = o ? N : y;
+      return {
+        disabled: !1,
+        event: () => {
+          var m;
+          try {
+            c();
+          } finally {
+            (m = e.addEvent) == null || m.call(e, "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 })
+        ] }),
+        title: t.title,
+        variant: u.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]
+  );
+  return k.length > 0 ? /* @__PURE__ */ a("div", { className: D(_, I), children: /* @__PURE__ */ a(w, { actions: k, layout: E.BUTTONS_END }) }) : null;
+}, W = P(X);
+export {
+  W as default
+};

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

@@ -0,0 +1,146 @@
+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,
+  sectionName: "Details",
+  label: "Copy button"
+}, c = {
+  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 = {
+  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 = [
+      // balance account
+      x ? { id: "account", key: c.account, value: x } : l,
+      // refund reason
+      k && (a != null && a.refundReason) ? {
+        id: "refundReason",
+        key: c.refundReason,
+        value: j(m, a.refundReason)
+      } : l,
+      // reference id
+      {
+        id: "id",
+        key: c.id,
+        value: /* @__PURE__ */ r(
+          d.CopyText,
+          {
+            copyButtonAriaLabelKey: P.id,
+            trackingName: "Reference ID",
+            textToCopy: y
+          }
+        )
+      },
+      // merchant reference
+      t ? {
+        id: "merchantReference",
+        key: c.merchantReference,
+        value: /* @__PURE__ */ r(
+          d.CopyText,
+          {
+            copyButtonAriaLabelKey: P.merchantReference,
+            trackingName: "Merchant reference",
+            textToCopy: t
+          }
+        )
+      } : l,
+      // payment psp reference
+      L ? {
+        id: "paymentPspReference",
+        key: c.pspReference,
+        value: /* @__PURE__ */ r(
+          d.CopyText,
+          {
+            copyButtonAriaLabelKey: P.pspReference,
+            trackingName: "PSP reference",
+            textToCopy: L
+          }
+        )
+      } : l,
+      // refund psp reference
+      k && (a != null && a.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: e,
+      value: R(s) ? s.value : s,
+      type: R(s) ? s.type : "text",
+      config: R(s) ? s.config : void 0
+    })),
+    [f]
+  ), B = u(() => [...p, ...D], [D, p]), E = h(
+    (e) => /* @__PURE__ */ r("div", { className: M, children: e }),
+    []
+  ), K = h((e, s, y, t) => {
+    if (t)
+      switch (y) {
+        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: [
+              " ",
+              e
+            ] })
+          ] });
+        case "link":
+          return /* @__PURE__ */ r(H, { classNames: [T(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__ */ r(
+    J,
+    {
+      align: "start",
+      layout: "5-7",
+      items: B,
+      classNames: X,
+      renderLabel: E,
+      renderValue: K
+    }
+  );
+};
+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" });
+});
+const fe = S(d);
+export {
+  fe as default
+};

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

@@ -0,0 +1,49 @@
+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 { 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";
+const i = ({ refundedState: e, transaction: t }) => {
+  var l;
+  const o = d({
+    timezone: (l = t.balanceAccount) == null ? void 0 : l.timeZone,
+    createdAt: t.createdAt,
+    amountData: t.netAmount,
+    paymentMethodData: t.paymentMethod,
+    bankAccount: t.bankAccount
+  }), n = c(
+    () => ({
+      amount: `${B}--${y(t)}`
+    }),
+    [t]
+  ), s = c(
+    () => /* @__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 }) });
+};
+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 })
+    ] }),
+    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 })
+  ] });
+});
+const $ = p(i);
+export {
+  $ as default
+};

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

@@ -0,0 +1,82 @@
+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 = {
+  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);
+    };
+    return [
+      // original amount
+      c && (t && t.length > 0 || c.value !== e.value) ? {
+        id: "originalAmount",
+        key: l.originalAmount,
+        value: i(c)
+      } : b,
+      // additions
+      ...(t == null ? void 0 : t.map(({ type: n, ...m }) => ({
+        key: d(o, n),
+        value: i(m)
+      }))) ?? [],
+      // amountBeforeDeductions
+      {
+        id: "grossAmount",
+        key: l.grossAmount,
+        value: i(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)
+      }))) ?? [],
+      // netAmount
+      {
+        id: "netAmount",
+        key: l.netAmount,
+        value: i(a)
+      }
+    ].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]
+  ), 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 });
+  }, []);
+  return /* @__PURE__ */ u(
+    P,
+    {
+      classNames: v,
+      items: f,
+      layout: "5-7",
+      renderLabel: g,
+      renderValue: T
+    }
+  );
+}, z = L(E);
+export {
+  z as default
+};