@adyen/adyen-platform-experience-web 1.2.0 → 1.3.0

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

@@ -1,28 +1,27 @@
-var s = Object.defineProperty;
-var p = (o, t, e) => t in o ? s(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var n = (o, t, e) => (p(o, typeof t != "symbol" ? t + "" : t, e), e);
-import { jsx as c } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import i from "./components/ReportsOverviewContainer/ReportsOverviewContainer.js";
-import m from "../UIElement/UIElement.js";
-class r extends m {
-  constructor(e) {
-    super(e);
-    n(this, "componentToRender", () => /* @__PURE__ */ c(
-      i,
+var n = Object.defineProperty;
+var s = (o, e, t) => e in o ? n(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var r = (o, e, t) => s(o, typeof e != "symbol" ? e + "" : e, t);
+import { jsx as p } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import c from "./components/ReportsOverviewContainer/ReportsOverviewContainer.js";
+import { UIElement as i } from "../UIElement/UIElement.js";
+class m extends i {
+  constructor(t) {
+    super(t);
+    r(this, "componentToRender", () => /* @__PURE__ */ p(
+      c,
       {
         ...this.props,
         balanceAccountId: this.props.balanceAccountId,
-        ref: (e) => {
-          this.componentRef = e;
+        ref: (t) => {
+          this.componentRef = t;
         }
       }
     ));
     this.componentToRender = this.componentToRender.bind(this);
   }
 }
-n(r, "type", "reports");
-const h = r;
+r(m, "type", "reports");
 export {
-  r as ReportsElement,
-  h as default
+  m as ReportsElement,
+  m as default
 };

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

@@ -1,19 +1,19 @@
-import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useCallback as g, useMemo as f, useEffect as w } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useCallback as U, useMemo as f, useEffect as w } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import M from "../../../../../hooks/useBalanceAccountSelection.js";
 import x from "../../../../../hooks/useDefaultOverviewFilterParams.js";
 import q from "../../../../internal/FilterBar/filters/DateFilter/DateFilter.js";
 import { LIMIT_OPTIONS as K, DEFAULT_PAGE_LIMIT as j } from "../../../../internal/Pagination/constants.js";
 import { FilterParam as o } from "../../../../types.js";
 import { ReportsTable as k } from "../ReportsTable/ReportsTable.js";
-import { BASE_CLASS as v, EARLIEST_PAYOUT_SINCE_DATE as z } from "./constants.js";
-import "./ReportsOverview.scss.js";
-import B from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
-import G, { useFilterBarState as H, FilterBarMobileSwitch as Y } from "../../../../internal/FilterBar/FilterBar.js";
-import J from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
-import { useAuthContext as Q } from "../../../../../core/Auth/context.js";
-import { isFunction as V } from "../../../../../utils/value/is.js";
-import { Header as W } from "../../../../internal/Header/Header.js";
+import { BASE_CLASS as z, EARLIEST_PAYOUT_SINCE_DATE as B } from "./constants.js";
+/* empty css                     */
+import G from "../../../../internal/Pagination/hooks/useCursorPaginatedRecords.js";
+import { useFilterBarState as H, FilterBarMobileSwitch as Y, FilterBar as J } from "../../../../internal/FilterBar/FilterBar.js";
+import Q from "../../../../internal/FormFields/Select/BalanceAccountSelector/BalanceAccountSelector.js";
+import { useConfigContext as V } from "../../../../../core/ConfigContext/context.js";
+import { isFunction as W } from "../../../../../utils/value/is.js";
+import { Header as X } from "../../../../internal/Header/Header.js";
 const Er = ({
   onFiltersChanged: i,
   balanceAccounts: a,
@@ -23,60 +23,60 @@ const Er = ({
   onContactSupport: E,
   hideTitle: T
 }) => {
-  const { getReports: s } = Q().endpoints, { activeBalanceAccount: r, balanceAccountSelectionOptions: S, onBalanceAccountSelection: F } = M(a), { defaultParams: e, nowTimestamp: C, refreshNowTimestamp: m } = x("reports", r), I = g(
-    async (n, U) => s({ signal: U, errorLevel: "error" }, {
+  const { getReports: s } = V().endpoints, { activeBalanceAccount: r, balanceAccountSelectionOptions: S, onBalanceAccountSelection: F } = M(a), { defaultParams: t, nowTimestamp: C, refreshNowTimestamp: n } = x("reports", r), I = U(
+    async (m, g) => s({ signal: g, errorLevel: "error" }, {
       query: {
-        ...n,
+        ...m,
         type: "payout",
-        createdSince: n[o.CREATED_SINCE] ?? e.current.defaultFilterParams[o.CREATED_SINCE],
-        createdUntil: n[o.CREATED_UNTIL] ?? e.current.defaultFilterParams[o.CREATED_UNTIL],
+        createdSince: m[o.CREATED_SINCE] ?? t.current.defaultFilterParams[o.CREATED_SINCE],
+        createdUntil: m[o.CREATED_UNTIL] ?? t.current.defaultFilterParams[o.CREATED_UNTIL],
         balanceAccountId: (r == null ? void 0 : r.id) ?? ""
       }
     }),
-    [r == null ? void 0 : r.id, e, s]
-  ), p = H(), _ = f(() => V(i) ? i : void 0, [i]), A = f(() => l ? K : void 0, [l]), { canResetFilters: P, error: D, fetching: L, filters: d, limit: O, limitOptions: R, records: h, resetFilters: X, updateFilters: N, updateLimit: b, ...y } = B({
+    [r == null ? void 0 : r.id, t, s]
+  ), p = H(), _ = f(() => W(i) ? i : void 0, [i]), P = f(() => l ? K : void 0, [l]), { canResetFilters: A, error: D, fetching: L, filters: d, limit: O, limitOptions: R, records: N, resetFilters: Z, updateFilters: h, updateLimit: b, ...y } = G({
     fetchRecords: I,
     dataField: "data",
-    filterParams: e.current.defaultFilterParams,
+    filterParams: t.current.defaultFilterParams,
     initialFiltersSameAsDefault: !0,
     onFiltersChanged: _,
     preferredLimit: u,
-    preferredLimitOptions: A,
+    preferredLimitOptions: P,
     enabled: !!(r != null && r.id) && !!s
   });
   return w(() => {
-    m();
-  }, [d, m]), /* @__PURE__ */ t("div", { className: v, children: [
-    /* @__PURE__ */ t(W, { hideTitle: T, titleKey: "reportsTitle", subtitleKey: "reportsNotice", children: /* @__PURE__ */ t(Y, { ...p }) }),
-    /* @__PURE__ */ t(G, { ...p, children: [
-      /* @__PURE__ */ t(
-        J,
+    n();
+  }, [d, n]), /* @__PURE__ */ e("div", { className: z, children: [
+    /* @__PURE__ */ e(X, { hideTitle: T, titleKey: "reportsTitle", subtitleKey: "reportsNotice", children: /* @__PURE__ */ e(Y, { ...p }) }),
+    /* @__PURE__ */ e(J, { ...p, children: [
+      /* @__PURE__ */ e(
+        Q,
         {
           activeBalanceAccount: r,
           balanceAccountSelectionOptions: S,
           onBalanceAccountSelection: F
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ e(
         q,
         {
-          canResetFilters: P,
-          defaultParams: e,
+          canResetFilters: A,
+          defaultParams: t,
           filters: d,
           nowTimestamp: C,
-          refreshNowTimestamp: m,
-          sinceDate: z,
+          refreshNowTimestamp: n,
+          sinceDate: B,
           timezone: "UTC",
-          updateFilters: N
+          updateFilters: h
         }
       )
     ] }),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ e(
       k,
       {
         balanceAccountId: r == null ? void 0 : r.id,
         loading: L || c || !a || !r,
-        data: h,
+        data: N,
         showPagination: !0,
         limit: O,
         limitOptions: R,

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

@@ -1,9 +1,9 @@
 import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useState as B, useMemo as n, useCallback as Y } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import M from "../../../../../core/Context/useCoreContext.js";
-import P from "../../../../../hooks/useFreezePeriod.js";
+import { useFreezePeriod as P } from "../../../../../hooks/useFreezePeriod.js";
 import I from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
-import x from "../../../../internal/Alert/Alert.js";
+import { Alert as x } from "../../../../internal/Alert/Alert.js";
 import { AlertTypeOption as V } from "../../../../internal/Alert/types.js";
 import q from "../../../../internal/Button/DownloadButton/DownloadButton.js";
 import { CellTextPosition as z } from "../../../../internal/DataGrid/types.js";
@@ -12,13 +12,13 @@ import U from "../../../../internal/SVGIcons/Warning.js";
 import { TypographyVariant as a } from "../../../../internal/Typography/types.js";
 import i from "../../../../internal/Typography/Typography.js";
 import { getLabel as $ } from "../../../../utils/getLabel.js";
-import { useResponsiveViewport as D, mediaQueries as g } from "../../../../../hooks/useResponsiveViewport.js";
+import { useResponsiveViewport as g, mediaQueries as D } from "../../../../../hooks/useResponsiveViewport.js";
 import { BASE_CLASS as j, DATE_TYPE_CLASS as H, DATE_TYPE_DATE_SECTION_CLASS as Q, DISABLED_BUTTONS_TIMEOUT as X } from "./constants.js";
-import "./ReportsTable.scss.js";
+/* empty css                  */
 import E from "../../../../internal/DataGrid/DataGrid.js";
 import { DATE_FORMAT_REPORTS as h } from "../../../../../constants/dateFormats.js";
 import k from "../../../../internal/Pagination/Pagination.js";
-import { useAuthContext as J } from "../../../../../core/Auth/context.js";
+import { useConfigContext as J } from "../../../../../core/ConfigContext/context.js";
 const K = ["createdAt", "dateAndReportType", "reportType", "reportFile"], Ee = ({
   error: s,
   loading: p,
@@ -28,7 +28,7 @@ const K = ["createdAt", "dateAndReportType", "reportType", "reportFile"], Ee = (
   data: T,
   ...R
 }) => {
-  const { i18n: t } = M(), { dateFormat: A } = I("UTC"), { freeze: S, frozen: b } = P(X), [u, d] = B(null), { refreshing: f } = J(), C = n(() => p || f, [p, f]), m = D(g.up.sm), c = D(g.down.xs), y = n(
+  const { i18n: t } = M(), { dateFormat: u } = I("UTC"), { freeze: S, frozen: C } = P(X), [A, d] = B(null), { refreshing: f } = J(), b = n(() => p || f, [p, f]), m = g(D.up.sm), c = g(D.down.xs), y = n(
     () => ({
       dateAndReportType: c,
       createdAt: m,
@@ -52,10 +52,10 @@ const K = ["createdAt", "dateAndReportType", "reportType", "reportFile"], Ee = (
   }, []), N = {
     title: "noReportsFound",
     message: ["tryDifferentSearchOrResetYourFiltersAndWeWillTryAgain"]
-  }, v = n(
+  }, L = n(
     () => () => /* @__PURE__ */ r(G, { error: s, errorMessage: "weCouldNotLoadYourReports", onContactSupport: l }),
     [s, l]
-  ), L = n(() => /* @__PURE__ */ r(U, {}), []), W = n(
+  ), W = n(() => /* @__PURE__ */ r(U, {}), []), v = n(
     () => (e) => {
       const o = {};
       switch (e == null ? void 0 : e.errorCode) {
@@ -72,22 +72,22 @@ const K = ["createdAt", "dateAndReportType", "reportType", "reportFile"], Ee = (
     [s, l]
   );
   return p && d(null), /* @__PURE__ */ r("div", { className: j, children: [
-    u && /* @__PURE__ */ r(x, { onClose: O, type: V.WARNING, className: "adyen-pe-reports-table-alert", ...u }),
+    A && /* @__PURE__ */ r(x, { onClose: O, type: V.WARNING, className: "adyen-pe-reports-table-alert", ...A }),
     /* @__PURE__ */ r(
       E,
       {
-        errorDisplay: v,
+        errorDisplay: L,
         error: s,
         columns: F,
         data: T,
-        loading: C,
+        loading: b,
         outline: !1,
         emptyTableMessage: N,
         customCells: {
-          createdAt: ({ value: e }) => e ? e && /* @__PURE__ */ r(i, { variant: a.BODY, children: A(e, h) }) : null,
+          createdAt: ({ value: e }) => e ? e && /* @__PURE__ */ r(i, { variant: a.BODY, children: u(e, h) }) : null,
           dateAndReportType: ({ item: e }) => /* @__PURE__ */ r("div", { className: H, children: [
             /* @__PURE__ */ r(i, { variant: a.BODY, stronger: !0, children: t.get(`reportType.${e == null ? void 0 : e.type}`) }),
-            /* @__PURE__ */ r(i, { className: Q, variant: a.BODY, children: A(e.createdAt, h) })
+            /* @__PURE__ */ r(i, { className: Q, variant: a.BODY, children: u(e.createdAt, h) })
           ] }),
           reportType: ({ item: e }) => (e == null ? void 0 : e.type) && /* @__PURE__ */ r(i, { variant: a.BODY, children: t.get(`reportType.${e == null ? void 0 : e.type}`) }),
           reportFile: ({ item: e }) => {
@@ -99,11 +99,11 @@ const K = ["createdAt", "dateAndReportType", "reportType", "reportFile"], Ee = (
               {
                 className: "adyen-pe-reports-table--download",
                 endpointName: "downloadReport",
-                disabled: b,
+                disabled: C,
                 params: o,
                 onDownloadRequested: S,
-                setError: W,
-                errorDisplay: L
+                setError: v,
+                errorDisplay: W
               }
             );
           }

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

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

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

@@ -1,6 +1,6 @@
 import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import e from "../../../../internal/DataOverviewDetails/DataOverviewDetailsSkeleton.js";
-import a from "./TransactionDataContent.js";
+import { TransactionDataContent as a } from "./TransactionDataContent.js";
 import { boolOrFalse as s } from "../../../../../utils/value/bool.js";
 const g = ({ error: n, isFetching: i, transaction: o, extraFields: r }) => s(i) || !(o || n) ? /* @__PURE__ */ t(e, { skeletonRowNumber: 5 }) : o ? /* @__PURE__ */ t(a, { transaction: o, extraFields: r }) : null;
 export {

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

@@ -3,7 +3,7 @@ import L from "classnames";
 import { useState as A, useMemo as B, useCallback as i, useLayoutEffect as U } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import ce from "../../../../../core/Context/useCoreContext.js";
 import { useFetch as se } from "../../../../../hooks/useFetch.js";
-import N from "../../../../internal/Alert/Alert.js";
+import { Alert as N } from "../../../../internal/Alert/Alert.js";
 import { AlertTypeOption as M, AlertVariantOption as D } from "../../../../internal/Alert/types.js";
 import le from "../../../../internal/Button/ButtonActions/ButtonActions.js";
 import { ButtonActionsLayoutBasic as me } from "../../../../internal/Button/ButtonActions/types.js";
@@ -19,15 +19,15 @@ import Ne from "../details/TransactionStatusBox.js";
 import { TransactionRefundFullAmountInput as De, TransactionRefundPartialAmountInput as Ie } from "../refund/TransactionRefundAmount.js";
 import he from "../refund/TransactionRefundNotice.js";
 import be from "../refund/TransactionRefundReason.js";
-import "./TransactionData.scss.js";
-import ve from "../../hooks/useTransaction/useTransaction.js";
-import ye from "../../hooks/useTransactionRefundMetadata/useTransactionRefundMetadata.js";
-import x from "../../../../internal/Icon/Icon.js";
+/* empty css                     */
+import { useTransaction as ve } from "../../hooks/useTransaction/useTransaction.js";
+import { useTransactionRefundMetadata as ye } from "../../hooks/useTransactionRefundMetadata/useTransactionRefundMetadata.js";
+import { Icon as x } from "../../../../internal/Icon/Icon.js";
 import H from "../../../../internal/Button/Button.js";
 import { TransactionRefundProvider as Ce } from "../../context/refund/context.js";
 import { TransactionDetailsProvider as Oe } from "../../context/details/context.js";
 import { EMPTY_ARRAY as Pe, EMPTY_OBJECT as ge } from "../../../../../utils/value/constants.js";
-import { useAuthContext as Le } from "../../../../../core/Auth/context.js";
+import { useConfigContext as Le } from "../../../../../core/ConfigContext/context.js";
 const Y = ({
   children: c,
   renderViewActionButtons: s,
@@ -36,7 +36,7 @@ const Y = ({
   c,
   o && o(),
   s()
-] }), $ = ({
+] }), G = ({
   action: c,
   title: s,
   renderIcon: o,
@@ -46,9 +46,9 @@ const Y = ({
   /* @__PURE__ */ e(w, { className: ue.MEDIUM, variant: F.TITLE, children: s }),
   /* @__PURE__ */ e(w, { variant: F.BODY, children: l }),
   c && c()
-] }), Be = ({ transaction: c, extraFields: s }) => {
+] }), lt = ({ transaction: c, extraFields: s }) => {
   var g;
-  const [o, l] = A(a.DETAILS), [h, G] = A(), [b, j] = A(), [m, v] = A(!1), { fetchingTransaction: q, refreshTransaction: p, transaction: n, transactionNavigator: W } = ve(c), {
+  const [o, l] = A(a.DETAILS), [h, $] = A(), [b, j] = A(), [m, v] = A(!1), { fetchingTransaction: q, refreshTransaction: p, transaction: n, transactionNavigator: W } = ve(c), {
     refundable: z,
     refundableAmount: J,
     refundableAmountLabel: R,
@@ -59,7 +59,7 @@ const Y = ({
     refundStatuses: d,
     refundMode: T,
     refundLocked: E
-  } = ye(n), u = B(() => y || m, [y, m]), { i18n: r } = ce(), ee = Object.freeze((n == null ? void 0 : n.lineItems) ?? Pe), te = i((t) => G(t), []), ne = i((t) => j(t), []), S = i(
+  } = ye(n), u = B(() => y || m, [y, m]), { i18n: r } = ce(), ee = Object.freeze((n == null ? void 0 : n.lineItems) ?? Pe), te = i((t) => $(t), []), ne = i((t) => j(t), []), S = i(
     (t) => t === a.REFUND && u,
     [u]
   ), { getBalanceAccounts: f } = Le().endpoints, { data: _ } = se(
@@ -106,8 +106,7 @@ const Y = ({
     u && l(a.DETAILS);
   }, [u]), q)
     return /* @__PURE__ */ e(de, { skeletonRowNumber: 5 });
-  if (S(o))
-    return null;
+  if (S(o)) return null;
   const P = {
     lineItems: ee,
     refundAvailable: K,
@@ -159,7 +158,7 @@ const Y = ({
       ) });
     case a.REFUND_SUCCESS:
       return /* @__PURE__ */ e(
-        $,
+        G,
         {
           renderIcon: () => /* @__PURE__ */ e(x, { name: "checkmark-circle-fill", className: L(V, Ae) }),
           title: r.get("refundActionSuccessTitle"),
@@ -169,7 +168,7 @@ const Y = ({
       );
     case a.REFUND_ERROR:
       return /* @__PURE__ */ e(
-        $,
+        G,
         {
           renderIcon: () => /* @__PURE__ */ e(x, { name: "cross-circle-fill", className: L(V, Te) }),
           title: r.get("refundActionErrorTitle"),
@@ -180,8 +179,8 @@ const Y = ({
     default:
       return null;
   }
-}, mt = Be;
+};
 export {
-  Be as TransactionDataContent,
-  mt as default
+  lt as TransactionDataContent,
+  lt as default
 };

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

@@ -1,28 +1,27 @@
 import { jsx as i } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useMemo as v } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import P from "../../../../internal/CopyText/CopyText.js";
-import { TX_DETAILS_RESERVED_FIELDS_SET as g, TX_DATA_LIST as x, TX_DATA_LABEL as E } from "../constants.js";
+import g from "../../../../internal/CopyText/CopyText.js";
+import { TX_DETAILS_RESERVED_FIELDS_SET as x, TX_DATA_LIST as E, TX_DATA_LABEL as P } from "../constants.js";
 import { _isCustomDataObject as k } from "../../../../internal/DataGrid/components/TableCells.js";
 import C from "../../../../../core/Context/useCoreContext.js";
 import { useTransactionDetailsContext as I } from "../../context/details/context.js";
 import L from "../../../../internal/StructuredList/StructuredList.js";
 import { isNullish as S } from "../../../../../utils/value/is.js";
-const h = () => {
+const $ = () => {
   const { i18n: s } = C(), { transaction: u, extraFields: l } = I();
   return v(() => {
-    const { balanceAccount: a, category: p, id: y, paymentPspReference: c, refundMetadata: e } = u, r = p === "Refund", t = null, f = (n) => {
-      if (S(n))
-        return null;
+    const { balanceAccount: a, category: p, id: y, paymentPspReference: f, refundMetadata: e } = u, r = p === "Refund", t = null, c = (n) => {
+      if (S(n)) return null;
       const { value: o, currency: _ } = n;
       return s.amount(o, _);
-    }, m = f(u.deductedAmount), d = f(u.originalAmount), R = r ? "refund.refundFee" : "refund.fee", T = r ? "refund.originalPayment" : "refund.originalAmount", A = r ? "refund.paymentPspReference" : "refund.pspReference", D = [
+    }, m = c(u.deductedAmount), d = c(u.originalAmount), R = r ? "refund.refundFee" : "refund.fee", T = r ? "refund.originalPayment" : "refund.originalAmount", A = r ? "refund.paymentPspReference" : "refund.pspReference", D = [
       // amounts
       d ? { key: T, value: d } : t,
       m ? { key: R, value: m } : t,
       // balance account
       a != null && a.description ? { key: "account", value: a.description } : t,
       // custom data
-      ...Object.entries(l || {}).filter(([n]) => !g.has(n)).map(([n, o]) => ({
+      ...Object.entries(l || {}).filter(([n]) => !x.has(n)).map(([n, o]) => ({
         key: n,
         value: k(o) ? o.value : o
       })) || {},
@@ -32,22 +31,22 @@ const h = () => {
         value: s.has(`refundReason.${e.refundReason}`) ? s.get(`refundReason.${e.refundReason}`) : e.refundReason
       } : t,
       // reference id
-      { key: "referenceID", value: /* @__PURE__ */ i(P, { type: "Default", textToCopy: y, showCopyTextTooltip: !1 }) },
+      { key: "referenceID", value: /* @__PURE__ */ i(g, { type: "Default", textToCopy: y, showCopyTextTooltip: !1 }) },
       r && (e != null && e.refundPspReference) ? { key: "refund.refundPspReference", value: e.refundPspReference } : t,
       // psp reference
-      c ? { key: A, value: c } : t
+      f ? { key: A, value: f } : t
     ].filter(Boolean);
     return /* @__PURE__ */ i(
       L,
       {
-        classNames: x,
+        classNames: E,
         items: D,
         layout: "5-7",
-        renderLabel: (n) => /* @__PURE__ */ i("div", { className: E, children: n })
+        renderLabel: (n) => /* @__PURE__ */ i("div", { className: P, children: n })
       }
     );
   }, [s, u]);
-}, w = h;
+};
 export {
-  w as default
+  $ as default
 };

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

@@ -1,7 +1,7 @@
-import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { TX_DATA_CONTAINER as r } from "../constants.js";
 import s from "classnames";
-const i = ({ children: a, className: t }) => /* @__PURE__ */ o("div", { className: s(r, t), children: a }), c = i;
+const n = ({ children: a, className: o }) => /* @__PURE__ */ t("div", { className: s(r, o), children: a });
 export {
-  c as default
+  n as default
 };

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

@@ -1,10 +1,10 @@
 import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { TX_DATA_TAGS as E, TX_DATA_AMOUNT as p, TX_DATA_PAY_METHOD as h, TX_DATA_PAY_METHOD_LOGO_CONTAINER as v, TX_DATA_PAY_METHOD_LOGO as N, TX_DATA_PAY_METHOD_DETAIL as O, TX_DATA_LABEL as S } from "../constants.js";
-import { getPaymentMethodTypeForTransaction as F, getDisplayablePaymentMethodForTransaction as M, getRefundTypeForTransaction as C, getAmountStyleForTransaction as b } from "../utils.js";
-import P from "classnames";
-import { memo as R } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { TX_DATA_TAGS as E, TX_DATA_AMOUNT as p, TX_DATA_PAY_METHOD as h, TX_DATA_PAY_METHOD_LOGO_CONTAINER as v, TX_DATA_PAY_METHOD_LOGO as M, TX_DATA_PAY_METHOD_DETAIL as N, TX_DATA_LABEL as O } from "../constants.js";
+import { getPaymentMethodTypeForTransaction as S, getDisplayablePaymentMethodForTransaction as F, getRefundTypeForTransaction as C, getAmountStyleForTransaction as P } from "../utils.js";
+import R from "classnames";
+import { memo as U } from "../../../../../external/preact/compat/dist/compat.module.js";
 import { useMemo as u } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import U from "../../../../../core/Context/useCoreContext.js";
+import b from "../../../../../core/Context/useCoreContext.js";
 import x from "../../../../../hooks/useTimezoneAwareDateFormatting.js";
 import { RefundType as _, RefundedState as f } from "../../context/types.js";
 import { Image as I } from "../../../../internal/Image/Image.js";
@@ -14,7 +14,7 @@ import { Fragment as D } from "../../../../../external/preact/dist/preact.module
 import { DATE_FORMAT_TRANSACTION_DETAILS as X } from "../../../../../constants/dateFormats.js";
 const $ = ({ refundedState: n, transaction: r }) => {
   var s;
-  const { i18n: t } = U(), { dateFormat: g } = x((s = r == null ? void 0 : r.balanceAccount) == null ? void 0 : s.timeZone), {
+  const { i18n: t } = b(), { dateFormat: g } = x((s = r == null ? void 0 : r.balanceAccount) == null ? void 0 : s.timeZone), {
     amount: l,
     category: i,
     createdAt: A
@@ -24,8 +24,8 @@ const $ = ({ refundedState: n, transaction: r }) => {
     return `${t.amount(L, c, { hideCurrency: !0 })} ${c}`;
   }, [l, t]), [m, y, T] = u(
     () => [
+      S(r),
       F(r),
-      M(r),
       C(r)
     ],
     [r]
@@ -40,14 +40,14 @@ const $ = ({ refundedState: n, transaction: r }) => {
       n === f.FULL && /* @__PURE__ */ e(o, { label: t.get("refunded.full"), variant: a.SUCCESS }),
       n === f.PARTIAL && /* @__PURE__ */ e(o, { label: t.get("refunded.partial"), variant: a.BLUE })
     ] }),
-    d && /* @__PURE__ */ e("div", { className: P(p, `${p}--${b(r)}`), children: d }),
+    d && /* @__PURE__ */ e("div", { className: R(p, `${p}--${P(r)}`), children: d }),
     m && /* @__PURE__ */ e("div", { className: h, children: [
-      /* @__PURE__ */ e("div", { className: v, children: /* @__PURE__ */ e(I, { className: N, name: m, alt: m, folder: "logos/" }) }),
-      /* @__PURE__ */ e("div", { className: O, children: y })
+      /* @__PURE__ */ e("div", { className: v, children: /* @__PURE__ */ e(I, { className: M, name: m, alt: m, folder: "logos/" }) }),
+      /* @__PURE__ */ e("div", { className: N, children: y })
     ] }),
-    A && /* @__PURE__ */ e("div", { className: S, children: g(new Date(A), X) })
+    A && /* @__PURE__ */ e("div", { className: O, children: g(new Date(A), X) })
   ] });
-}, W = R($);
+}, W = U($);
 export {
   W as default
 };

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

@@ -3,17 +3,17 @@ 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 s, TypographyVariant as e } from "../../../../internal/Typography/types.js";
-const T = () => {
+import { TypographyElement as p, TypographyVariant as e } from "../../../../internal/Typography/types.js";
+const A = () => {
   const { i18n: r } = m();
   return n(
     () => /* @__PURE__ */ o("div", { className: `${i} ${a}`, children: [
-      /* @__PURE__ */ o(t, { el: s.DIV, variant: e.SUBTITLE, stronger: !0, children: r.get("refundAction") }),
+      /* @__PURE__ */ o(t, { el: p.DIV, variant: e.SUBTITLE, stronger: !0, children: r.get("refundAction") }),
       /* @__PURE__ */ o(t, { variant: e.BODY, children: r.get("refundNotice") })
     ] }),
     [r]
   );
-}, N = T;
+};
 export {
-  N as default
+  A as default
 };

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

@@ -1,41 +1,41 @@
-import { jsx as n } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as f, useCallback as l } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { TX_DATA_CONTAINER as d, TX_DATA_INPUT_HEAD as T, TX_DATA_INPUT_CONTAINER as u, TX_DATA_INPUT_CONTAINER_SHORT as R } from "../constants.js";
-import { REFUND_REASONS as p } from "../../context/constants.js";
+import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as f, useCallback as c } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { TX_DATA_CONTAINER as d, TX_DATA_INPUT_HEAD as T, TX_DATA_INPUT_CONTAINER as u, TX_DATA_INPUT_CONTAINER_SHORT as p } from "../constants.js";
+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 { useTransactionRefundContext as g } from "../../context/refund/context.js";
 import C from "../../../../internal/FormFields/Select/Select.js";
-const D = () => {
-  const { i18n: o } = N(), { interactionsDisabled: s, refundReason: i, setRefundReason: a } = g(), m = f(
+const P = () => {
+  const { i18n: n } = N(), { interactionsDisabled: s, refundReason: i, setRefundReason: r } = g(), m = f(
     () => Object.freeze(
-      p.map((e) => ({ id: e, name: o.has(`refundReason.${e}`) ? o.get(`refundReason.${e}`) : e }))
+      R.map((e) => ({ id: e, name: n.has(`refundReason.${e}`) ? n.get(`refundReason.${e}`) : e }))
     ),
-    [o]
-  ), c = l(
+    [n]
+  ), l = c(
     (e) => {
       var t;
-      const r = (t = e.target) == null ? void 0 : t.value;
-      r && a(r);
+      const a = (t = e.target) == null ? void 0 : t.value;
+      a && r(a);
     },
-    [a]
+    [r]
   );
-  return /* @__PURE__ */ n("div", { className: d, children: [
-    /* @__PURE__ */ n("div", { className: T, children: /* @__PURE__ */ n(A, { el: _.SPAN, variant: h.BODY, stronger: !0, children: o.get("refundReason") }) }),
-    /* @__PURE__ */ n("div", { className: `${u} ${R}`, children: /* @__PURE__ */ n(
+  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: `${u} ${p}`, children: /* @__PURE__ */ o(
       C,
       {
         items: m,
         readonly: s,
         filterable: !1,
         multiSelect: !1,
-        onChange: c,
+        onChange: l,
         selected: i
       }
     ) })
   ] });
-}, P = D;
+};
 export {
   P as default
 };