@adyen/adyen-platform-experience-web 1.4.2 → 1.5.1

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

@@ -1,5 +1,5 @@
 import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useCallback as A, useMemo as n, useEffect as Q } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useCallback as A, useMemo as c, useEffect as Q } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import V from "../../../../../hooks/useBalanceAccountSelection.js";
 import W from "../../../../../hooks/useDefaultOverviewFilterParams.js";
 import X from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
@@ -15,11 +15,11 @@ import oe from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.
 import { useFilterBarState as le, FilterBarMobileSwitch as ie, FilterBar as pe } from "../../../../internal/FilterBar/FilterBar.js";
 import me from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
 import { useConfigContext as fe } from "../../../../../core/ConfigContext/context.js";
-import { isFunction as ne } from "../../../../../utils/value/is.js";
-import { Header as ce } from "../../../../internal/Header/Header.js";
+import { isFunction as ce } from "../../../../../utils/value/is.js";
+import { Header as ne } from "../../../../internal/Header/Header.js";
 const we = ({
   onFiltersChanged: i,
-  balanceAccounts: c,
+  balanceAccounts: n,
   allowLimitSelection: d,
   preferredLimit: _ = $,
   isLoadingBalanceAccount: L,
@@ -27,8 +27,8 @@ const we = ({
   hideTitle: h,
   dataCustomization: e
 }) => {
-  var S, u, D, R;
-  const { getReports: p } = fe().endpoints, { activeBalanceAccount: r, balanceAccountSelectionOptions: O, onBalanceAccountSelection: g } = V(c), { defaultParams: o, nowTimestamp: N, refreshNowTimestamp: m } = W("reports", r), b = A(
+  var S, D, R, u;
+  const { getReports: p } = fe().endpoints, { activeBalanceAccount: r, balanceAccountSelectionOptions: O, onBalanceAccountSelection: g } = V(n), { defaultParams: o, nowTimestamp: N, refreshNowTimestamp: m } = W("reports", r), b = A(
     async (t, f) => p({ signal: f, errorLevel: "error" }, {
       query: {
         ...t,
@@ -39,7 +39,7 @@ const we = ({
       }
     }),
     [r == null ? void 0 : r.id, o, p]
-  ), E = le(), y = n(() => ne(i) ? i : void 0, [i]), U = n(() => d ? Z : void 0, [d]), { canResetFilters: w, error: M, fetching: x, filters: T, limit: q, limitOptions: v, records: F, resetFilters: de, updateFilters: K, updateLimit: j, ...k } = oe({
+  ), E = le(), y = c(() => ce(i) ? i : void 0, [i]), U = c(() => d ? Z : void 0, [d]), { canResetFilters: w, error: v, fetching: M, filters: T, limit: x, limitOptions: q, records: F, resetFilters: de, updateFilters: K, updateLimit: j, ...k } = oe({
     fetchRecords: b,
     dataField: "data",
     filterParams: o.current.defaultFilterParams,
@@ -51,19 +51,19 @@ const we = ({
   }), B = A(
     ({ records: t, retrievedData: f }) => se(t, f, (I, J) => I.createdAt === J.createdAt),
     []
-  ), G = n(() => {
+  ), G = c(() => {
     var t;
     return te((t = e == null ? void 0 : e.list) == null ? void 0 : t.fields, a);
   }, [(S = e == null ? void 0 : e.list) == null ? void 0 : S.fields]), { customRecords: H, loadingCustomRecords: Y } = re({
     records: F,
     hasCustomColumn: G,
-    onDataRetrieve: (u = e == null ? void 0 : e.list) == null ? void 0 : u.onDataRetrieve,
+    onDataRetrieve: (D = e == null ? void 0 : e.list) == null ? void 0 : D.onDataRetrieve,
     mergeCustomData: B
   });
   return Q(() => {
     m();
   }, [T, m]), /* @__PURE__ */ s("div", { className: z, children: [
-    /* @__PURE__ */ s(ce, { hideTitle: h, titleKey: "reportsTitle", subtitleKey: "reportsNotice", children: /* @__PURE__ */ s(ie, { ...E }) }),
+    /* @__PURE__ */ s(ne, { hideTitle: h, titleKey: "reportsTitle", subtitleKey: "reportsNotice", children: /* @__PURE__ */ s(ie, { ...E }) }),
     /* @__PURE__ */ s(pe, { ...E, children: [
       /* @__PURE__ */ s(
         me,
@@ -91,15 +91,15 @@ const we = ({
       C,
       {
         balanceAccountId: r == null ? void 0 : r.id,
-        loading: x || L || !c || !r || Y,
-        data: (D = e == null ? void 0 : e.list) != null && D.onDataRetrieve ? H : F,
+        loading: M || L || !n || !r || Y,
+        data: (R = e == null ? void 0 : e.list) != null && R.onDataRetrieve ? H : F,
         showPagination: !0,
-        limit: q,
-        limitOptions: v,
+        limit: x,
+        limitOptions: q,
         onContactSupport: P,
         onLimitSelection: j,
-        error: M,
-        customColumns: (R = e == null ? void 0 : e.list) == null ? void 0 : R.fields,
+        error: v,
+        customColumns: (u = e == null ? void 0 : e.list) == null ? void 0 : u.fields,
         ...k
       }
     )

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

@@ -15,8 +15,8 @@ import { BASE_CLASS as G, DATE_TYPE_CLASS as $, DATE_TYPE_DATE_SECTION_CLASS as
 /* empty css                  */
 import { useTableColumns as V } from "../../../../../hooks/useTableColumns.js";
 import g from "../../../../internal/DataGrid/DataGrid.js";
-import { DATE_FORMAT_REPORTS as D } from "../../../../../constants/dateFormats.js";
 import X from "../../../../internal/Pagination/Pagination.js";
+import { DATE_FORMAT_REPORTS as D } from "../../../../../constants/dateFormats.js";
 import { useConfigContext as H } from "../../../../../core/ConfigContext/context.js";
 const J = ["createdAt", "dateAndReportType", "reportType", "reportFile"], ge = ({
   error: i,

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

@@ -4,26 +4,26 @@ import { useState as N, useMemo as V, useCallback as i, useLayoutEffect as X } f
 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 { AlertTypeOption as Y, AlertVariantOption as h } from "../../../../internal/Alert/types.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 b } from "../../../../internal/Button/types.js";
+import { ButtonVariant as h } from "../../../../internal/Button/types.js";
 import Ae from "../../../../internal/DataOverviewDetails/DataOverviewDetailsSkeleton.js";
-import { TypographyModifier as Te, TypographyVariant as H } from "../../../../internal/Typography/types.js";
+import { TypographyVariant as H, TypographyModifier as Te } from "../../../../internal/Typography/types.js";
 import x 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_DATA_CLASS as De, TX_REFUND_RESPONSE as Ie } from "../constants.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 he from "../details/TransactionStatusBox.js";
-import { TransactionRefundFullAmountInput as be, TransactionRefundPartialAmountInput as ye } from "../refund/TransactionRefundAmount.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";
 /* empty css                     */
 import { useTransaction as ge } from "../../hooks/useTransaction/useTransaction.js";
 import { useTransactionRefundMetadata as Pe } from "../../hooks/useTransactionRefundMetadata/useTransactionRefundMetadata.js";
-import { Icon as j } from "../../../../internal/Icon/Icon.js";
-import q from "../../../../internal/Button/Button.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";
@@ -32,7 +32,7 @@ const W = ({
   children: s,
   renderViewActionButtons: o,
   renderViewMessageBox: c
-}) => /* @__PURE__ */ e("div", { className: De, children: [
+}) => /* @__PURE__ */ e("div", { className: Ie, children: [
   s,
   c && c(),
   o()
@@ -41,7 +41,7 @@ const W = ({
   title: o,
   renderIcon: c,
   subtitle: p
-}) => /* @__PURE__ */ e("div", { className: Ie, children: [
+}) => /* @__PURE__ */ e("div", { className: De, children: [
   c && c(),
   /* @__PURE__ */ e(x, { className: Te.MEDIUM, variant: H.TITLE, children: o }),
   /* @__PURE__ */ e(x, { variant: H.BODY, children: p }),
@@ -81,7 +81,7 @@ const W = ({
       var k, w;
       return {
         title: l.value,
-        variant: b.SECONDARY,
+        variant: h.SECONDARY,
         event: (k = l.config) == null ? void 0 : k.action,
         classNames: (w = l.config) != null && w.className ? [l.config.className] : []
       };
@@ -94,14 +94,14 @@ const W = ({
       v,
       {
         type: Y.HIGHLIGHT,
-        variant: h.TIP,
+        variant: b.TIP,
         description: `${r.get("refund.theRefundIsBeingProcessed")} ${r.get("pleaseComeBackLater")}`
       }
     ),
     u.map((t, R) => /* @__PURE__ */ e(
       v,
       {
-        variant: h.TIP,
+        variant: b.TIP,
         type: (t == null ? void 0 : t.type) ?? Y.HIGHLIGHT,
         description: t == null ? void 0 : t.label
       },
@@ -134,7 +134,7 @@ const W = ({
           extraFields: o,
           dataCustomization: c,
           children: [
-            /* @__PURE__ */ e($, { className: _e, children: /* @__PURE__ */ e(he, { transaction: n, refundedState: oe }) }),
+            /* @__PURE__ */ e($, { className: _e, children: /* @__PURE__ */ e(be, { transaction: n, refundedState: oe }) }),
             /* @__PURE__ */ e(ve, {})
           ]
         }
@@ -152,12 +152,12 @@ const W = ({
           children: [
             /* @__PURE__ */ e(Ce, {}),
             ee && /* @__PURE__ */ e(Oe, {}),
-            T === y.FULL_AMOUNT && /* @__PURE__ */ e(be, {}),
+            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,
               {
-                variant: h.TIP,
+                variant: b.TIP,
                 type: S.type,
                 description: S.description
               }
@@ -169,20 +169,20 @@ const W = ({
       return /* @__PURE__ */ e(
         z,
         {
-          renderIcon: () => /* @__PURE__ */ e(j, { name: "checkmark-circle-fill", className: F(G, Se) }),
+          renderIcon: () => /* @__PURE__ */ e(q, { name: "checkmark-circle-fill", className: F(G, Se) }),
           title: r.get("refundActionSuccessTitle"),
           subtitle: r.get("refundActionSuccessSubtitle"),
-          action: () => /* @__PURE__ */ e(q, { variant: b.SECONDARY, onClick: le, children: r.get("goBack") })
+          action: () => /* @__PURE__ */ e(j, { variant: h.SECONDARY, onClick: le, children: r.get("goBack") })
         }
       );
     case a.REFUND_ERROR:
       return /* @__PURE__ */ e(
         z,
         {
-          renderIcon: () => /* @__PURE__ */ e(j, { name: "cross-circle-fill", className: F(G, Ee) }),
+          renderIcon: () => /* @__PURE__ */ e(q, { name: "cross-circle-fill", className: F(G, Ee) }),
           title: r.get("refundActionErrorTitle"),
           subtitle: r.get("refundActionErrorSubtitle"),
-          action: () => /* @__PURE__ */ e(q, { variant: b.SECONDARY, onClick: A, children: r.get("goBack") })
+          action: () => /* @__PURE__ */ e(j, { variant: h.SECONDARY, onClick: A, children: r.get("goBack") })
         }
       );
     default:

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

@@ -1,5 +1,5 @@
 import { jsx as s } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as v } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as L } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import S from "../../../../internal/CopyText/CopyText.js";
 import { TX_DETAILS_RESERVED_FIELDS_SET as b, TX_DATA_LIST as F, TX_DATA_LABEL as B } from "../constants.js";
 import { isCustomDataObject as p } from "../../../../internal/DataGrid/components/TableCells.js";
@@ -15,7 +15,7 @@ import { isNullish as X } from "../../../../../utils/value/is.js";
 const re = () => {
   var y;
   const { i18n: u } = C(), { transaction: m, extraFields: f, dataCustomization: i } = j();
-  return v(() => {
+  return L(() => {
     const { balanceAccount: l, category: _, id: x, paymentPspReference: R, refundMetadata: n } = m, d = _ === "Refund", a = null, T = (t) => {
       if (X(t)) return null;
       const { value: r, currency: o } = t;
@@ -61,9 +61,9 @@ const re = () => {
           if (o === "link" && e)
             return /* @__PURE__ */ s(K, { classNames: [c(e == null ? void 0 : e.className)], href: e.href, target: e.target || "_blank", children: t });
           if (o === "icon" && e) {
-            const L = { url: e == null ? void 0 : e.src, alt: e.alt || t };
+            const v = { url: e == null ? void 0 : e.src, alt: e.alt || t };
             return /* @__PURE__ */ s("div", { className: c("adyen-pe-transaction-data__list-icon-value", e == null ? void 0 : e.className), children: [
-              /* @__PURE__ */ s(O, { ...L }),
+              /* @__PURE__ */ s(O, { ...v }),
               /* @__PURE__ */ s(D, { variant: k.BODY, children: [
                 " ",
                 t,

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

@@ -1,12 +1,12 @@
 import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { TX_DATA_CONTAINER as U, TX_DATA_INPUT_HEAD as S, TX_DATA_INPUT_CONTAINER as $, TX_DATA_INPUT_CONTAINER_SHORT as B, TX_DATA_INPUT_CONTAINER_TEXT as q, TX_DATA_INPUT_CONTAINER_WITH_ERROR as H, TX_DATA_INPUT as L } from "../constants.js";
+import { TX_DATA_CONTAINER as U, TX_DATA_INPUT_HEAD as S, TX_DATA_INPUT as $, TX_DATA_INPUT_CONTAINER_WITH_ERROR as B, TX_DATA_INPUT_CONTAINER_TEXT as q, TX_DATA_INPUT_CONTAINER_SHORT as H, TX_DATA_INPUT_CONTAINER as L } from "../constants.js";
 import M from "classnames";
 import { useState as R, useMemo as V, useRef as v } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import C from "../../../../../core/Context/useCoreContext.js";
 import Y from "../../../../internal/SVGIcons/CloseCircle.js";
 import j from "../../../../internal/FormFields/InputBase.js";
 import h from "../../../../internal/Typography/Typography.js";
-import { TypographyElement as b, TypographyVariant as D } from "../../../../internal/Typography/types.js";
+import { TypographyVariant as b, TypographyElement as D } from "../../../../internal/Typography/types.js";
 import { getDecimalAmount as w, getDivider as W } from "../../../../../core/Localization/amount/amount-util.js";
 import { ARIA_ERROR_SUFFIX as k } from "../../../../../core/Errors/constants.js";
 import { TagVariant as z } from "../../../../internal/Tag/types.js";
@@ -24,15 +24,15 @@ const P = (r, n) => w(r, n).toFixed(_(n)), _ = (r) => Math.log10(W(r)), x = ({
 }) => {
   const { i18n: a } = C(), i = v(E()), m = v(E()), p = e ? l ? a.get(e, { values: { amount: l } }) : a.get(e) : "";
   return /* @__PURE__ */ t("div", { className: U, children: [
-    /* @__PURE__ */ t("div", { className: S, children: /* @__PURE__ */ t("div", { id: m.current, children: /* @__PURE__ */ t(h, { el: b.SPAN, variant: D.BODY, stronger: !0, children: a.get("refundAmount") }) }) }),
+    /* @__PURE__ */ t("div", { className: S, children: /* @__PURE__ */ t("div", { id: m.current, children: /* @__PURE__ */ t(h, { el: D.SPAN, variant: b.BODY, stronger: !0, children: a.get("refundAmount") }) }) }),
     /* @__PURE__ */ t(
       "div",
       {
         className: M({
-          [$]: !0,
-          [B]: !0,
+          [L]: !0,
+          [H]: !0,
           [q]: !0,
-          [H]: !!e
+          [B]: !!e
         }),
         children: [
           /* @__PURE__ */ t("label", { htmlFor: i.current, "aria-labelledby": m.current, children: [
@@ -42,7 +42,7 @@ const P = (r, n) => w(r, n).toFixed(_(n)), _ = (r) => Math.log10(W(r)), x = ({
               {
                 min: 0,
                 type: "number",
-                className: L,
+                className: $,
                 disabled: J(n),
                 lang: a.locale,
                 onInput: A,
@@ -53,7 +53,7 @@ const P = (r, n) => w(r, n).toFixed(_(n)), _ = (r) => Math.log10(W(r)), x = ({
           ] }),
           e && /* @__PURE__ */ t("div", { className: "adyen-pe-input__refund-invalid-value", id: `${i.current}${k}`, children: [
             /* @__PURE__ */ t(Y, {}),
-            /* @__PURE__ */ t(h, { el: b.SPAN, variant: D.BODY, children: p })
+            /* @__PURE__ */ t(h, { el: D.SPAN, variant: b.BODY, children: p })
           ] })
         ]
       }

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

@@ -3,7 +3,7 @@ import { useMemo as n } from "../../../../../external/preact/hooks/dist/hooks.mo
 import { TX_DATA_CONTAINER as i, TX_DATA_HEAD_CONTAINER as a } from "../constants.js";
 import m from "../../../../../core/Context/useCoreContext.js";
 import t from "../../../../internal/Typography/Typography.js";
-import { TypographyElement as p, TypographyVariant as e } from "../../../../internal/Typography/types.js";
+import { TypographyVariant as e, TypographyElement as p } from "../../../../internal/Typography/types.js";
 const A = () => {
   const { i18n: r } = m();
   return n(

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

@@ -4,7 +4,7 @@ import { TX_DATA_CONTAINER as d, TX_DATA_INPUT_HEAD as T, TX_DATA_INPUT_CONTAINE
 import { REFUND_REASONS as R } from "../../context/constants.js";
 import N from "../../../../../core/Context/useCoreContext.js";
 import A from "../../../../internal/Typography/Typography.js";
-import { TypographyElement as _, TypographyVariant as h } from "../../../../internal/Typography/types.js";
+import { TypographyVariant as _, TypographyElement as h } from "../../../../internal/Typography/types.js";
 import { useTransactionRefundContext as g } from "../../context/refund/context.js";
 import C from "../../../../internal/FormFields/Select/Select.js";
 const P = () => {
@@ -22,7 +22,7 @@ const P = () => {
     [r]
   );
   return /* @__PURE__ */ o("div", { className: d, children: [
-    /* @__PURE__ */ o("div", { className: T, children: /* @__PURE__ */ o(A, { el: _.SPAN, variant: h.BODY, stronger: !0, children: n.get("refundReason") }) }),
+    /* @__PURE__ */ o("div", { className: T, children: /* @__PURE__ */ o(A, { el: h.SPAN, variant: _.BODY, stronger: !0, children: n.get("refundReason") }) }),
     /* @__PURE__ */ o("div", { className: `${u} ${p}`, children: /* @__PURE__ */ o(
       C,
       {

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

@@ -1,27 +1,27 @@
 import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { memo as N } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { createContext as O, Fragment as R } from "../../../../../external/preact/dist/preact.module.js";
+import { Fragment as R, createContext as O } from "../../../../../external/preact/dist/preact.module.js";
 import { useMemo as o, useCallback as w, useEffect as y, useContext as j } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import z from "../../../../../core/Context/useCoreContext.js";
 import { ButtonVariant as A } from "../../../../internal/Button/types.js";
 import { ActiveView as B } from "../types.js";
 import { Icon as E } from "../../../../internal/Icon/Icon.js";
-import { EMPTY_ARRAY as _, EMPTY_OBJECT as f } from "../../../../../utils/value/constants.js";
+import { EMPTY_OBJECT as l, EMPTY_ARRAY as _ } from "../../../../../utils/value/constants.js";
 import { noop as D } from "../../../../../utils/common.js";
 const M = O({
   availableItems: _,
   primaryAction: D,
   secondaryAction: D,
-  transaction: f,
-  extraFields: f,
-  dataCustomization: f
+  transaction: l,
+  extraFields: l,
+  dataCustomization: l
 }), S = N(
   ({
     children: P,
     lineItems: Y,
     refundAvailable: n,
-    refundDisabled: u,
-    setActiveView: l,
+    refundDisabled: f,
+    setActiveView: u,
     setPrimaryAction: p,
     setSecondaryAction: v,
     transaction: i,
@@ -29,9 +29,9 @@ const M = O({
     extraFields: F,
     dataCustomization: I
   }) => {
-    const { i18n: r } = z(), { currentTransaction: T, canNavigateBackward: g, canNavigateForward: C, backward: x, forward: b } = k, h = o(() => ({ title: r.get("refundAction") }), [r]), a = o(() => !n || u, [n, u]), s = w(
-      () => void (!a && l(B.REFUND)),
-      [a, l]
+    const { i18n: r } = z(), { currentTransaction: T, canNavigateBackward: g, canNavigateForward: C, backward: x, forward: b } = k, h = o(() => ({ title: r.get("refundAction") }), [r]), a = o(() => !n || f, [n, f]), s = w(
+      () => void (!a && u(B.REFUND)),
+      [a, u]
     ), t = o(() => {
       if (T === i.id) {
         if (g) return 2;

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

@@ -10,8 +10,8 @@ import { useRefundContextReason as S } from "./hooks/useRefundContextReason.js";
 import Y from "../../../../../hooks/useMutation/useMutation.js";
 import { RefundMode as j } from "../types.js";
 import { useConfigContext as q } from "../../../../../core/ConfigContext/context.js";
-import { EMPTY_ARRAY as f } from "../../../../../utils/value/constants.js";
 import { noop as t } from "../../../../../utils/common.js";
+import { EMPTY_ARRAY as f } from "../../../../../utils/value/constants.js";
 const d = E({
   amount: 0,
   availableAmount: 0,

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

@@ -24,8 +24,8 @@ const T = ({ currency: c, lineItems: n }) => {
   ), i = b(
     function(a) {
       m((t) => {
-        const g = [...arguments.length === 0 ? new Map(t.map(({ id: r }) => [r, 0])) : new Map((a == null ? void 0 : a.map((r) => [r, 0])) ?? o)].map(([r, h]) => ({ id: r, quantity: h }));
-        return p(u, t, g);
+        const d = [...arguments.length === 0 ? new Map(t.map(({ id: r }) => [r, 0])) : new Map((a == null ? void 0 : a.map((r) => [r, 0])) ?? o)].map(([r, g]) => ({ id: r, quantity: g }));
+        return p(u, t, d);
       });
     },
     [u]

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

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

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

@@ -20,10 +20,10 @@ const J = (s) => {
   return m(() => {
     t || r(i.id);
   }, [t, i]), m(() => {
-    var F;
+    var v;
     const n = h.current, f = g.current;
-    return f.category === "Refund" && (n.reset(f.id, (F = f.refundMetadata) == null ? void 0 : F.originalPaymentId), n.onNavigation = ({ to: v }) => {
-      u.current = !0, E(performance.now()), v && r(v);
+    return f.category === "Refund" && (n.reset(f.id, (v = f.refundMetadata) == null ? void 0 : v.originalPaymentId), n.onNavigation = ({ to: F }) => {
+      u.current = !0, E(performance.now()), F && r(F);
     }), () => {
       u.current = !1, n.onNavigation = null, n.reset();
     };

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

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

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

@@ -1,6 +1,6 @@
 import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { AmountSkeleton as d } from "../AmountSkeleton/AmountSkeleton.js";
-import { BASE_CLASS as y, BODY_CLASS as T, PLACEHOLDER_CLASS as E, LABEL_CLASS as b, AMOUNT_CLASS as B } from "./constants.js";
+import { BASE_CLASS as y, PLACEHOLDER_CLASS as T, AMOUNT_CLASS as E, LABEL_CLASS as b, BODY_CLASS as B } from "./constants.js";
 import { SummaryItemLabel as C } from "./SummaryItemLabel.js";
 import { Tooltip as N } from "../../../../internal/Tooltip/Tooltip.js";
 import { TypographyVariant as n } from "../../../../internal/Typography/types.js";
@@ -32,15 +32,15 @@ const W = ({
     (t, r) => t.valueHasLabelStyle ? n.CAPTION : r && !S ? n.BODY : n.TITLE,
     [S]
   );
-  return /* @__PURE__ */ e("div", { className: p(y, { [T]: !u }), children: i.map((t, r) => {
+  return /* @__PURE__ */ e("div", { className: p(y, { [B]: !u }), children: i.map((t, r) => {
     const a = t.getValue(), o = !!a && a.length > 12;
     return /* @__PURE__ */ e("div", { children: [
       u && (t.tooltipLabel ? /* @__PURE__ */ e(N, { content: s.get(`${t.tooltipLabel}`), isContainerHovered: h, children: /* @__PURE__ */ e(C, { config: t, i18n: s, isSkeletonVisible: l }) }) : /* @__PURE__ */ e(C, { config: t, i18n: s, isSkeletonVisible: l })),
-      l ? /* @__PURE__ */ e(d, { isLoading: c, hasMargin: t.hasSkeletonMargin, width: t.skeletonWidth + "px" }) : A ? /* @__PURE__ */ e("span", { className: p([y, E]) }) : /* @__PURE__ */ e("div", { ref: t.ref, style: f(r), children: /* @__PURE__ */ e(
+      l ? /* @__PURE__ */ e(d, { isLoading: c, hasMargin: t.hasSkeletonMargin, width: t.skeletonWidth + "px" }) : A ? /* @__PURE__ */ e("span", { className: p([y, T]) }) : /* @__PURE__ */ e("div", { ref: t.ref, style: f(r), children: /* @__PURE__ */ e(
         O,
         {
           variant: v(t, o),
-          className: p({ [b]: t.valueHasLabelStyle, [B]: !t.valueHasLabelStyle }),
+          className: p({ [b]: t.valueHasLabelStyle, [E]: !t.valueHasLabelStyle }),
           children: a
         }
       ) })

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

@@ -1,5 +1,5 @@
 import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { LABEL_CONTAINER_CLASS as l, LABEL_CONTAINER_CLASS_LOADING as L, LABEL_CLASS as i } from "./constants.js";
+import { LABEL_CLASS as l, LABEL_CONTAINER_CLASS as L, LABEL_CONTAINER_CLASS_LOADING as i } from "./constants.js";
 import { TypographyVariant as s } from "../../../../internal/Typography/types.js";
 import A from "../../../../internal/Typography/Typography.js";
 import f from "classnames";
@@ -8,11 +8,11 @@ const d = y(
   ({ config: r, i18n: e, isSkeletonVisible: m, className: o, ...t }, p) => /* @__PURE__ */ a(
     "span",
     {
-      className: f(l, o, { [L]: m }),
+      className: f(L, o, { [i]: m }),
       style: { cursor: "default" },
       ref: p,
       ...t,
-      children: r.labelKey && /* @__PURE__ */ a(A, { variant: s.CAPTION, className: i, children: e.get(r.labelKey) })
+      children: r.labelKey && /* @__PURE__ */ a(A, { variant: s.CAPTION, className: l, children: e.get(r.labelKey) })
     }
   )
 );

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

@@ -1,18 +1,18 @@
 import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useState as h, useMemo as p } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import c from "../../../../internal/ExpandableCard/ExpandableCard.js";
+import { useState as p, useMemo as c } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import h from "../../../../internal/ExpandableCard/ExpandableCard.js";
 import { memo as M } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { TransactionTotalItem as d } from "../TransactionTotalItem/TransactionTotalItem.js";
+import { TransactionTotalItem as u } from "../TransactionTotalItem/TransactionTotalItem.js";
 import { BaseList as x } from "../../../../internal/BaseList/BaseList.js";
 import { useMaxWidthsState as T } from "../../hooks/useMaxWidths.js";
 /* empty css                       */
 const C = M(({ totals: s, isLoading: o, hiddenField: a, fullWidth: l }) => {
-  const [m, n] = T(), [i, t] = h(!1), [f, ...u] = p(() => s.map((e) => (e.key = `${e.currency}-${Math.random()}`, e)), [s]);
+  const [m, n] = T(), [i, t] = p(!1), [f, ...d] = c(() => s.map((e) => (e.key = `${e.currency}-${Math.random()}`, e)), [s]);
   return /* @__PURE__ */ r(
-    c,
+    h,
     {
       renderHeader: /* @__PURE__ */ r(
-        d,
+        u,
         {
           isHovered: i,
           total: f,
@@ -29,8 +29,8 @@ const C = M(({ totals: s, isLoading: o, hiddenField: a, fullWidth: l }) => {
       onFocus: () => t(!0),
       onMouseLeave: () => t(!1),
       onBlur: () => t(!1),
-      children: !o && u.length && /* @__PURE__ */ r(x, { children: u.map((e) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
-        d,
+      children: !o && d.length && /* @__PURE__ */ r(x, { children: d.map((e) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
+        u,
         {
           isHovered: i,
           total: e,