@adyen/adyen-platform-experience-web 1.7.1 → 1.8.1

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

@@ -1,19 +1,20 @@
-import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as n } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-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 { TypographyVariant as e, TypographyElement as p } from "../../../../internal/Typography/types.js";
-const A = () => {
-  const { i18n: r } = m();
-  return n(
-    () => /* @__PURE__ */ o("div", { className: `${i} ${a}`, children: [
-      /* @__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") })
+import { jsx as r } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as s } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useModalContext as m } from "../../../../internal/Modal/Modal.js";
+import { TX_DATA_CONTAINER as p, TX_DATA_HEAD_CONTAINER as l } from "../constants.js";
+import c from "../../../../../core/Context/useCoreContext.js";
+import o from "../../../../internal/Typography/Typography.js";
+import { TypographyElement as e, TypographyVariant as n } from "../../../../internal/Typography/types.js";
+const y = () => {
+  const { i18n: t } = c(), { withinModal: i } = m(), a = i ? e.H2 : e.DIV;
+  return s(
+    () => /* @__PURE__ */ r("div", { className: `${p} ${l}`, children: [
+      /* @__PURE__ */ r(o, { el: a, variant: n.SUBTITLE, stronger: !0, children: t.get("transactions.details.refund.title") }),
+      /* @__PURE__ */ r(o, { variant: n.BODY, children: t.get("transactions.details.refund.processingInfo") })
     ] }),
-    [r]
+    [t]
   );
 };
 export {
-  A as default
+  y as default
 };

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

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

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

@@ -1,4 +1,11 @@
-const e = Object.freeze(["requested_by_customer", "issue_with_item_sold", "fraudulent", "duplicate", "other"]);
+const e = Object.freeze(["requested_by_customer", "issue_with_item_sold", "fraudulent", "duplicate", "other"]), s = Object.freeze({
+  requested_by_customer: "transactions.details.common.refundReasons.requestedByCustomer",
+  issue_with_item_sold: "transactions.details.common.refundReasons.issueWithItemSold",
+  fraudulent: "transactions.details.common.refundReasons.fraudulent",
+  duplicate: "transactions.details.common.refundReasons.duplicate",
+  other: "transactions.details.common.refundReasons.other"
+});
 export {
-  e as REFUND_REASONS
+  e as REFUND_REASONS,
+  s as REFUND_REASONS_KEYS
 };

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

@@ -1,98 +1,111 @@
 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 { 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_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: l,
-  extraFields: l,
-  dataCustomization: l
-}), S = N(
+import { memo as j } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { Fragment as R, createContext as z } from "../../../../../external/preact/dist/preact.module.js";
+import { useMemo as s, useCallback as k, useEffect as A, useContext as B } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import _ from "../../../../../core/Context/analytics/useAnalyticsContext.js";
+import L from "../../../../../core/Context/useCoreContext.js";
+import { ButtonVariant as D } from "../../../../internal/Button/types.js";
+import { ActiveView as q } from "../types.js";
+import { Icon as M } from "../../../../internal/Icon/Icon.js";
+import { EMPTY_OBJECT as f, EMPTY_ARRAY as G } from "../../../../../utils/value/constants.js";
+import { noop as P } from "../../../../../utils/common.js";
+const Y = z({
+  availableItems: G,
+  primaryAction: P,
+  secondaryAction: P,
+  transaction: f,
+  extraFields: f,
+  dataCustomization: f
+}), tt = j(
   ({
-    children: P,
-    lineItems: Y,
-    refundAvailable: n,
-    refundDisabled: f,
-    setActiveView: u,
-    setPrimaryAction: p,
-    setSecondaryAction: v,
-    transaction: i,
-    transactionNavigator: k,
-    extraFields: F,
-    dataCustomization: I
+    children: E,
+    lineItems: F,
+    refundAvailable: r,
+    refundDisabled: u,
+    setActiveView: p,
+    setPrimaryAction: T,
+    setSecondaryAction: g,
+    transaction: c,
+    transactionNavigator: I,
+    extraFields: N,
+    dataCustomization: O
   }) => {
-    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;
-        if (C) return 1;
+    const { i18n: o } = L(), { currentTransaction: b, canNavigateBackward: C, canNavigateForward: y, backward: v, forward: x } = I, t = _(), h = s(() => ({ title: o.get("transactions.details.actions.refund") }), [o]), i = s(() => !r || u, [r, u]), d = k(() => {
+      var a;
+      i || (p(q.REFUND), (a = t.addEvent) == null || a.call(t, "Switched to refund view", {
+        category: "Transaction component",
+        subCategory: "Transaction details"
+      }));
+    }, [i, p, t]), n = s(() => {
+      if (b === c.id) {
+        if (C) return 2;
+        if (y) return 1;
       }
-    }, [g, C, T, i]), c = w(() => {
-      switch (t) {
+    }, [C, y, b, c]), l = k(() => {
+      var a, w;
+      switch (n) {
         case 2:
-          return void x();
+          return (a = t.addEvent) == null || a.call(t, "Clicked button", {
+            label: "Return to refund",
+            category: "Transaction component",
+            subCategory: "Transaction details"
+          }), void v();
         case 1:
-          return void b();
+          return (w = t.addEvent) == null || w.call(t, "Clicked button", {
+            label: "Go to payment",
+            category: "Transaction component",
+            subCategory: "Transaction details"
+          }), void x();
       }
-    }, [t, x, b]), d = o(() => {
-      switch (t) {
+    }, [n, v, x, t]), m = s(() => {
+      switch (n) {
         case 2:
           return {
-            title: r.get("refund.returnToRefund"),
-            renderTitle: (m) => /* @__PURE__ */ e(R, { children: [
-              /* @__PURE__ */ e(E, { style: { transform: "scaleX(-1)" }, name: "angle-right" }),
-              /* @__PURE__ */ e("span", { children: m })
+            title: o.get("transactions.details.actions.backToRefund"),
+            renderTitle: (a) => /* @__PURE__ */ e(R, { children: [
+              /* @__PURE__ */ e(M, { style: { transform: "scaleX(-1)" }, name: "angle-right" }),
+              /* @__PURE__ */ e("span", { children: a })
             ] })
           };
         case 1:
           return {
-            title: r.get("refund.goToPayment"),
-            renderTitle: (m) => /* @__PURE__ */ e(R, { children: [
-              /* @__PURE__ */ e(E, { name: "angle-right" }),
-              /* @__PURE__ */ e("span", { children: m })
+            title: o.get("transactions.details.actions.goToPayment"),
+            renderTitle: (a) => /* @__PURE__ */ e(R, { children: [
+              /* @__PURE__ */ e(M, { name: "angle-right" }),
+              /* @__PURE__ */ e("span", { children: a })
             ] })
           };
       }
-    }, [t, r]);
-    return y(() => {
-      p(
-        n ? Object.freeze({
-          disabled: a,
-          event: s,
-          variant: A.PRIMARY,
+    }, [n, o]);
+    return A(() => {
+      T(
+        r ? Object.freeze({
+          disabled: i,
+          event: d,
+          variant: D.PRIMARY,
           ...h
         }) : void 0
       );
-    }, [s, n, a, h, p]), y(() => {
-      v(
-        t && d ? Object.freeze({
+    }, [d, r, i, h, T]), A(() => {
+      g(
+        n && m ? Object.freeze({
           disabled: !1,
-          event: c,
-          variant: A.SECONDARY,
-          ...d
+          event: l,
+          variant: D.SECONDARY,
+          ...m
         }) : void 0
       );
-    }, [t, c, d, v]), /* @__PURE__ */ e(
-      M.Provider,
+    }, [n, l, m, g]), /* @__PURE__ */ e(
+      Y.Provider,
       {
-        value: { availableItems: Y, primaryAction: s, secondaryAction: c, transaction: i, extraFields: F, dataCustomization: I },
-        children: P
+        value: { availableItems: F, primaryAction: d, secondaryAction: l, transaction: c, extraFields: N, dataCustomization: O },
+        children: E
       }
     );
   }
-), W = () => j(M);
+), at = () => B(Y);
 export {
-  S as TransactionDetailsProvider,
-  W as default,
-  W as useTransactionDetailsContext
+  tt as TransactionDetailsProvider,
+  at as default,
+  at as useTransactionDetailsContext
 };

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

@@ -1,87 +1,92 @@
-import { jsx as g } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { memo as D } from "../../../../../external/preact/compat/dist/compat.module.js";
-import { createContext as E } from "../../../../../external/preact/dist/preact.module.js";
-import { useContext as F } from "../../../../../external/preact/hooks/dist/hooks.module.js";
-import { REFUND_REASONS as N } from "../constants.js";
-import { useRefundContextActions as U } from "./hooks/useRefundContextActions.js";
-import { useRefundContextAmount as _ } from "./hooks/useRefundContextAmount.js";
-import { useRefundContextLineItems as O } from "./hooks/useRefundContextLineItems.js";
-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 { jsx as D } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { memo as E } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { createContext as F } from "../../../../../external/preact/dist/preact.module.js";
+import { useContext as N } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { REFUND_REASONS as U } from "../constants.js";
+import { useRefundContextActions as _ } from "./hooks/useRefundContextActions.js";
+import { useRefundContextAmount as O } from "./hooks/useRefundContextAmount.js";
+import { useRefundContextLineItems as S } from "./hooks/useRefundContextLineItems.js";
+import { useRefundContextReason as Y } from "./hooks/useRefundContextReason.js";
+import j from "../../../../../hooks/useMutation/useMutation.js";
+import { RefundMode as q } from "../types.js";
+import { useConfigContext as K } from "../../../../../core/ConfigContext/context.js";
 import { noop as t } from "../../../../../utils/common.js";
-import { EMPTY_ARRAY as f } from "../../../../../utils/value/constants.js";
-const d = E({
+import { EMPTY_ARRAY as d } from "../../../../../utils/value/constants.js";
+const c = F({
   amount: 0,
   availableAmount: 0,
-  availableItems: f,
+  availableItems: d,
   clearItems: t,
   currency: "",
   interactionsDisabled: !1,
-  items: f,
+  items: d,
   primaryAction: t,
-  refundMode: j.FULL_AMOUNT,
-  refundReason: N[0],
+  refundMode: q.FULL_AMOUNT,
+  refundReason: U[0],
   secondaryAction: t,
   setAmount: t,
   setRefundReason: t,
   transactionId: "",
-  updateItems: t
-}), $ = D(
+  updateItems: t,
+  transactionOriginalAmount: void 0
+}), tt = E(
   ({
-    availableAmount: s,
-    children: c,
-    currency: e,
-    lineItems: p,
-    refreshTransaction: R,
-    refundMode: n,
+    availableAmount: e,
+    children: p,
+    currency: n,
+    lineItems: R,
+    refreshTransaction: x,
+    refundMode: s,
     setActiveView: A,
     setPrimaryAction: l,
-    setSecondaryAction: x,
-    transactionId: r
+    setSecondaryAction: C,
+    transactionId: r,
+    transactionOriginalAmount: m
   }) => {
-    const { isLoading: m, mutate: C } = Y({
-      queryFn: q().endpoints.initiateRefund
-    }), { availableItems: I, clearItems: v, items: a, updateItems: T } = O({ currency: e, lineItems: p }), o = m, [i, b] = _({ availableAmount: s, currency: e, interactionsDisabled: o, items: a, refundMode: n }), [u, y] = S({ interactionsDisabled: o, refundMode: n }), { value: L } = i, { primaryAction: M, secondaryAction: P } = U({
+    const { isLoading: i, mutate: I } = j({
+      queryFn: K().endpoints.initiateRefund
+    }), { availableItems: v, clearItems: T, items: a, updateItems: y } = S({ currency: n, lineItems: R }), o = i, [u, L] = O({ availableAmount: e, currency: n, interactionsDisabled: o, items: a, refundMode: s }), [f, M] = Y({ interactionsDisabled: o, refundMode: s }), { value: P } = u, { primaryAction: b, secondaryAction: g } = _({
       interactionsDisabled: o,
-      refreshTransaction: R,
-      refundAmount: i,
-      refundInProgress: m,
-      refundReason: u,
-      refundTransaction: C,
+      refreshTransaction: x,
+      availableAmount: e,
+      refundAmount: u,
+      refundInProgress: i,
+      refundReason: f,
+      refundTransaction: I,
       setActiveView: A,
       setPrimaryAction: l,
-      setSecondaryAction: x,
-      transactionId: r
+      setSecondaryAction: C,
+      transactionId: r,
+      transactionOriginalAmount: m
     });
-    return /* @__PURE__ */ g(
-      d.Provider,
+    return /* @__PURE__ */ D(
+      c.Provider,
       {
         value: {
-          amount: L,
-          availableAmount: s,
-          availableItems: I,
-          clearItems: v,
-          currency: e,
+          amount: P,
+          availableAmount: e,
+          availableItems: v,
+          clearItems: T,
+          currency: n,
           interactionsDisabled: o,
           items: a,
-          primaryAction: M,
-          refundMode: n,
-          refundReason: u,
-          secondaryAction: P,
-          setAmount: b,
-          setRefundReason: y,
+          primaryAction: b,
+          refundMode: s,
+          refundReason: f,
+          secondaryAction: g,
+          setAmount: L,
+          setRefundReason: M,
           transactionId: r,
-          updateItems: T
+          updateItems: y,
+          transactionOriginalAmount: m
         },
-        children: c
+        children: p
       }
     );
   }
-), tt = () => F(d);
+), ot = () => N(c);
 export {
-  $ as TransactionRefundProvider,
-  tt as default,
-  tt as useTransactionRefundContext
+  tt as TransactionRefundProvider,
+  ot as default,
+  ot as useTransactionRefundContext
 };

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

@@ -1,52 +1,64 @@
-import { useMemo as n, useCallback as A } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
-import g from "../../../../../../core/Context/useCoreContext.js";
-import { ActiveView as p } from "../../types.js";
-const E = ({
-  refundAmount: t,
-  refundReason: u,
-  refundInProgress: l,
-  refundTransaction: o,
-  setActiveView: r,
-  transactionId: c
+import { useMemo as s, useCallback as P } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
+import R from "../../../../../../core/Context/analytics/useAnalyticsContext.js";
+import h from "../../../../../../core/Context/useCoreContext.js";
+import { ActiveView as E } from "../../types.js";
+const v = ({
+  availableAmount: u,
+  refundAmount: e,
+  refundReason: o,
+  refundInProgress: f,
+  refundTransaction: l,
+  setActiveView: d,
+  transactionId: p,
+  transactionOriginalAmount: r
 }) => {
-  const { i18n: e } = g(), m = n(() => {
-    const b = e.amount(t.value, t.currency);
-    return { title: e.get("refundPayment", { values: { amount: b } }) };
-  }, [t, e]), s = n(() => ({ title: e.get("refundAction") }), [e]), f = n(
+  const { i18n: t } = h(), c = R(), a = s(() => {
+    const n = t.amount(e.value, e.currency);
+    return { title: t.get("transactions.details.refund.actions.refund.labels.amount", { values: { amount: n } }) };
+  }, [e, t]), y = s(() => ({ title: t.get("transactions.details.refund.actions.refund.labels.payment") }), [t]), b = s(
     () => ({
-      title: `${e.get("inProgress")}..`,
+      title: `${t.get("transactions.details.refund.actions.refund.labels.inProgress")}..`,
       state: "loading"
     }),
-    [e]
-  ), i = n(
+    [t]
+  ), i = s(
     () => ({
-      path: { transactionId: c }
+      path: { transactionId: p }
     }),
-    [c]
-  ), a = n(
+    [p]
+  ), m = s(
     () => ({
-      amount: t,
-      refundReason: u
+      amount: e,
+      refundReason: o
       // ...(refundMode === RefundMode.PARTIAL_LINE_ITEMS && { lineItems: [] }),
     }),
-    [t, u]
-  ), d = A(
+    [e, o]
+  ), C = s(
+    () => u === e.value && u === (r == null ? void 0 : r.value),
+    [u, r, e]
+  ), F = P(
     // [TODO]: Fix broken/missing type inference for useMutation mutate()
-    () => o == null ? void 0 : o(
+    () => l == null ? void 0 : l(
       {
-        body: a,
+        body: m,
         contentType: "application/json"
       },
       i
     ).then(() => {
-      r(p.REFUND_SUCCESS);
+      var n;
+      (n = c.addEvent) == null || n.call(c, "Completed refund", {
+        refundReason: o,
+        isFullRefund: C,
+        category: "Transaction component",
+        subCategory: "Transaction details"
+      }), d(E.REFUND_SUCCESS);
     }).catch(() => {
-      r(p.REFUND_ERROR);
+      d(E.REFUND_ERROR);
     }),
-    [o, i, a, r]
-  ), y = n(() => l ? f : t.value > 0 ? m : s, [t, l, m, s, f]);
-  return { refundAction: d, refundActionLabel: y };
+    [C, l, i, m, o, d, c]
+  ), L = s(() => f ? b : e.value > 0 ? a : y, [e, f, a, y, b]);
+  return { refundAction: F, refundActionLabel: L };
 };
 export {
-  E as useRefundAction
+  v as useRefundAction
 };

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

@@ -1,39 +1,39 @@
 import { useRefundAction as y } from "./useRefundAction.js";
-import { useMemo as l, useCallback as p, useEffect as u } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as u, useCallback as b, useEffect as p } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
 import C from "../../../../../../core/Context/useCoreContext.js";
 import { ButtonVariant as A } from "../../../../../internal/Button/types.js";
 import { ActiveView as R } from "../../types.js";
 const k = ({
-  interactionsDisabled: t,
+  interactionsDisabled: e,
   refundAmount: n,
   setActiveView: r,
-  setPrimaryAction: i,
-  setSecondaryAction: s,
+  setPrimaryAction: s,
+  setSecondaryAction: i,
   ...v
 }) => {
-  const { refundAction: f, refundActionLabel: m } = y({ ...v, refundAmount: n, setActiveView: r }), { i18n: b } = C(), o = l(() => t || n.value <= 0, [n, t]), a = p(() => !o && f(), [o, f]), e = t, d = l(() => b.get("back"), [b]), c = p(
-    () => void (!e && r(R.DETAILS)),
-    [e, r]
+  const { refundAction: f, refundActionLabel: d } = y({ ...v, refundAmount: n, setActiveView: r }), { i18n: m } = C(), o = u(() => e || n.value <= 0, [n, e]), a = b(() => !o && f(), [o, f]), t = e, l = u(() => m.get("transactions.details.refund.actions.back"), [m]), c = b(
+    () => void (!t && r(R.DETAILS)),
+    [t, r]
   );
-  return u(() => {
-    i(
+  return p(() => {
+    s(
       Object.freeze({
         disabled: o,
         event: a,
         variant: A.PRIMARY,
-        ...m
+        ...d
       })
     );
-  }, [a, o, m, i]), u(() => {
-    s(
+  }, [a, o, d, s]), p(() => {
+    i(
       Object.freeze({
-        disabled: e,
+        disabled: t,
         event: c,
-        title: d,
+        title: l,
         variant: A.SECONDARY
       })
     );
-  }, [c, e, d, s]), { primaryAction: a, secondaryAction: c };
+  }, [c, t, l, i]), { primaryAction: a, secondaryAction: c };
 };
 export {
   k as useRefundContextActions