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

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

@@ -0,0 +1,98 @@
+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 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 { 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";
+import { Tag as G } from "../../../../internal/Tag/Tag.js";
+import { useTransactionRefundContext as O } from "../../context/refund/context.js";
+import { uniqueId as E } from "../../../../../utils/random/uniqueId.js";
+import { boolOrFalse as J } from "../../../../../utils/value/bool.js";
+const P = (r, n) => w(r, n).toFixed(_(n)), _ = (r) => Math.log10(W(r)), x = ({
+  currency: r,
+  disabled: n,
+  errorMessage: e,
+  errorMessageArg: l,
+  onInput: A,
+  value: T
+}) => {
+  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: M({
+          [$]: !0,
+          [B]: !0,
+          [q]: !0,
+          [H]: !!e
+        }),
+        children: [
+          /* @__PURE__ */ t("label", { htmlFor: i.current, "aria-labelledby": m.current, children: [
+            r && /* @__PURE__ */ t(G, { label: r, variant: z.DEFAULT }),
+            /* @__PURE__ */ t(
+              j,
+              {
+                min: 0,
+                type: "number",
+                className: L,
+                disabled: J(n),
+                lang: a.locale,
+                onInput: A,
+                value: T,
+                uniqueId: i.current
+              }
+            )
+          ] }),
+          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 })
+          ] })
+        ]
+      }
+    )
+  ] });
+}, At = () => {
+  const { availableAmount: r, currency: n } = O();
+  return /* @__PURE__ */ t(x, { currency: n, errorMessage: null, value: P(r, n), disabled: !0 });
+}, Tt = ({ locale: r }) => {
+  const { availableAmount: n, currency: e, interactionsDisabled: l, setAmount: A } = O(), [T, a] = R(null), [i, m] = R(`${P(n, e)}`), { i18n: p } = C(), y = V(() => {
+    const s = _(e);
+    return (o) => Math.trunc(+`${parseFloat(o)}e${s}`) || 0;
+  }, [e]), X = (s) => {
+    var I;
+    let o = s.currentTarget.value.trim();
+    const c = y(o);
+    let u = null;
+    c || o ? (c < 0 && (u = "noNegativeNumbersAllowed"), c > n && (u = "refundAmount.excess")) : u = "refundAmount.required";
+    const N = ((I = 1.1.toLocaleString(r).match(/\d(.*?)\d/)) == null ? void 0 : I[1]) || ".", f = o.split(N);
+    if (f.length === 2) {
+      const g = _(e), F = f[0];
+      let d = f[1];
+      d.length >= g && (d = d.substring(0, g), o = F + N + d, s.currentTarget.value = o);
+    }
+    m(o), a(u), A(u ? 0 : c);
+  };
+  return /* @__PURE__ */ t(
+    x,
+    {
+      currency: e,
+      errorMessage: T,
+      errorMessageArg: p.amount(n, e),
+      onInput: X,
+      value: i,
+      disabled: l
+    }
+  );
+};
+export {
+  At as TransactionRefundFullAmountInput,
+  Tt as TransactionRefundPartialAmountInput
+};

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

@@ -0,0 +1,19 @@
+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 { 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: p.DIV, variant: e.SUBTITLE, stronger: !0, children: r.get("refundAction") }),
+      /* @__PURE__ */ o(t, { variant: e.BODY, children: r.get("refundNotice") })
+    ] }),
+    [r]
+  );
+};
+export {
+  A as default
+};

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

@@ -0,0 +1,41 @@
+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 P = () => {
+  const { i18n: n } = N(), { interactionsDisabled: s, refundReason: i, setRefundReason: r } = g(), m = f(
+    () => Object.freeze(
+      R.map((e) => ({ id: e, name: n.has(`refundReason.${e}`) ? n.get(`refundReason.${e}`) : e }))
+    ),
+    [n]
+  ), l = c(
+    (e) => {
+      var t;
+      const a = (t = e.target) == null ? void 0 : t.value;
+      a && r(a);
+    },
+    [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: `${u} ${p}`, children: /* @__PURE__ */ o(
+      C,
+      {
+        items: m,
+        readonly: s,
+        filterable: !1,
+        multiSelect: !1,
+        onChange: l,
+        selected: i
+      }
+    ) })
+  ] });
+};
+export {
+  P as default
+};

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

@@ -0,0 +1,32 @@
+import { RefundType as d } from "../context/types.js";
+import { parsePaymentMethodType as p } from "../../TransactionsOverview/components/utils.js";
+import { EMPTY_OBJECT as r } from "../../../../utils/value/constants.js";
+const f = (e) => {
+  switch (e == null ? void 0 : e.status) {
+    case "Booked":
+      return "default";
+    case "Reversed":
+      return "error";
+    default:
+      return "pending";
+  }
+}, o = (e) => e != null && e.paymentMethod ? e.paymentMethod.type : e != null && e.bankAccount ? "bankTransfer" : null, h = (e) => {
+  var u;
+  return e != null && e.paymentMethod ? p(e.paymentMethod, "detail") : (u = e == null ? void 0 : e.bankAccount) == null ? void 0 : u.accountNumberLastFourDigits;
+}, M = (e) => {
+  if (e.category === "Refund") {
+    const { refundType: u } = e.refundMetadata ?? r;
+    switch (u) {
+      case d.FULL:
+        return d.FULL;
+      case d.PARTIAL:
+        return d.PARTIAL;
+    }
+  }
+};
+export {
+  f as getAmountStyleForTransaction,
+  h as getDisplayablePaymentMethodForTransaction,
+  o as getPaymentMethodTypeForTransaction,
+  M as getRefundTypeForTransaction
+};

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

@@ -0,0 +1,4 @@
+const e = Object.freeze(["requested_by_customer", "issue_with_item_sold", "fraudulent", "duplicate", "other"]);
+export {
+  e as REFUND_REASONS
+};

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

@@ -0,0 +1,90 @@
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { memo as I } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { createContext as N, Fragment as h } from "../../../../../external/preact/dist/preact.module.js";
+import { useMemo as o, useCallback as R, useEffect as w, useContext as O } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import j from "../../../../../core/Context/useCoreContext.js";
+import { ButtonVariant as y } from "../../../../internal/Button/types.js";
+import { ActiveView as B } from "../types.js";
+import { Icon as A } from "../../../../internal/Icon/Icon.js";
+import { EMPTY_ARRAY as _, EMPTY_OBJECT as E } from "../../../../../utils/value/constants.js";
+import { noop as D } from "../../../../../utils/common.js";
+const M = N({
+  availableItems: _,
+  primaryAction: D,
+  secondaryAction: D,
+  transaction: E,
+  extraFields: E
+}), Q = I(
+  ({
+    children: P,
+    lineItems: Y,
+    refundAvailable: n,
+    refundDisabled: f,
+    setActiveView: l,
+    setPrimaryAction: u,
+    setSecondaryAction: p,
+    transaction: i,
+    transactionNavigator: k,
+    extraFields: F
+  }) => {
+    const { i18n: r } = j(), { currentTransaction: v, canNavigateBackward: T, canNavigateForward: g, backward: x, forward: C } = k, b = o(() => ({ title: r.get("refundAction") }), [r]), a = o(() => !n || f, [n, f]), s = R(
+      () => void (!a && l(B.REFUND)),
+      [a, l]
+    ), t = o(() => {
+      if (v === i.id) {
+        if (T) return 2;
+        if (g) return 1;
+      }
+    }, [T, g, v, i]), c = R(() => {
+      switch (t) {
+        case 2:
+          return void x();
+        case 1:
+          return void C();
+      }
+    }, [t, x, C]), d = o(() => {
+      switch (t) {
+        case 2:
+          return {
+            title: r.get("refund.returnToRefund"),
+            renderTitle: (m) => /* @__PURE__ */ e(h, { children: [
+              /* @__PURE__ */ e(A, { style: { transform: "scaleX(-1)" }, name: "angle-right" }),
+              /* @__PURE__ */ e("span", { children: m })
+            ] })
+          };
+        case 1:
+          return {
+            title: r.get("refund.goToPayment"),
+            renderTitle: (m) => /* @__PURE__ */ e(h, { children: [
+              /* @__PURE__ */ e(A, { name: "angle-right" }),
+              /* @__PURE__ */ e("span", { children: m })
+            ] })
+          };
+      }
+    }, [t, r]);
+    return w(() => {
+      u(
+        n ? Object.freeze({
+          disabled: a,
+          event: s,
+          variant: y.PRIMARY,
+          ...b
+        }) : void 0
+      );
+    }, [s, n, a, b, u]), w(() => {
+      p(
+        t && d ? Object.freeze({
+          disabled: !1,
+          event: c,
+          variant: y.SECONDARY,
+          ...d
+        }) : void 0
+      );
+    }, [t, c, d, p]), /* @__PURE__ */ e(M.Provider, { value: { availableItems: Y, primaryAction: s, secondaryAction: c, transaction: i, extraFields: F }, children: P });
+  }
+), S = () => O(M);
+export {
+  Q as TransactionDetailsProvider,
+  S as default,
+  S as useTransactionDetailsContext
+};

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

@@ -0,0 +1,87 @@
+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 { EMPTY_ARRAY as f } from "../../../../../utils/value/constants.js";
+import { noop as t } from "../../../../../utils/common.js";
+const d = E({
+  amount: 0,
+  availableAmount: 0,
+  availableItems: f,
+  clearItems: t,
+  currency: "",
+  interactionsDisabled: !1,
+  items: f,
+  primaryAction: t,
+  refundMode: j.FULL_AMOUNT,
+  refundReason: N[0],
+  secondaryAction: t,
+  setAmount: t,
+  setRefundReason: t,
+  transactionId: "",
+  updateItems: t
+}), $ = D(
+  ({
+    availableAmount: s,
+    children: c,
+    currency: e,
+    lineItems: p,
+    refreshTransaction: R,
+    refundMode: n,
+    setActiveView: A,
+    setPrimaryAction: l,
+    setSecondaryAction: x,
+    transactionId: r
+  }) => {
+    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({
+      interactionsDisabled: o,
+      refreshTransaction: R,
+      refundAmount: i,
+      refundInProgress: m,
+      refundReason: u,
+      refundTransaction: C,
+      setActiveView: A,
+      setPrimaryAction: l,
+      setSecondaryAction: x,
+      transactionId: r
+    });
+    return /* @__PURE__ */ g(
+      d.Provider,
+      {
+        value: {
+          amount: L,
+          availableAmount: s,
+          availableItems: I,
+          clearItems: v,
+          currency: e,
+          interactionsDisabled: o,
+          items: a,
+          primaryAction: M,
+          refundMode: n,
+          refundReason: u,
+          secondaryAction: P,
+          setAmount: b,
+          setRefundReason: y,
+          transactionId: r,
+          updateItems: T
+        },
+        children: c
+      }
+    );
+  }
+), tt = () => F(d);
+export {
+  $ as TransactionRefundProvider,
+  tt as default,
+  tt as useTransactionRefundContext
+};

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

@@ -0,0 +1,18 @@
+import { EMPTY_ARRAY as a } from "../../../../../utils/value/constants.js";
+import { isUndefined as r } from "../../../../../utils/value/is.js";
+import { clamp as s } from "../../../../../utils/value/number.js";
+const f = (o, u, i, c = 0) => {
+  const { ...n } = o.get(i.id), t = s(0, Math.trunc(c), n.quantity += i.quantity);
+  n.quantity -= t, o.set(i.id, Object.freeze(n)), t > 0 && u.push(Object.freeze({ ...n, quantity: t }));
+}, q = (o, u, i = a) => {
+  const c = new Map((i == null ? void 0 : i.map(({ id: t, quantity: e }) => [t, e])) ?? a), n = [];
+  return u.forEach((t) => {
+    const e = c.get(t.id);
+    r(e) ? n.push(t) : c.delete(t.id) && f(o, n, t, e);
+  }), c.forEach((t, e) => {
+    f(o, n, { id: e, quantity: 0 }, t);
+  }), n.length > 0 ? Object.freeze(n) : a;
+};
+export {
+  q as updateRefundItems
+};

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

@@ -0,0 +1,52 @@
+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
+}) => {
+  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(
+    () => ({
+      title: `${e.get("inProgress")}..`,
+      state: "loading"
+    }),
+    [e]
+  ), i = n(
+    () => ({
+      path: { transactionId: c }
+    }),
+    [c]
+  ), a = n(
+    () => ({
+      amount: t,
+      refundReason: u
+      // ...(refundMode === RefundMode.PARTIAL_LINE_ITEMS && { lineItems: [] }),
+    }),
+    [t, u]
+  ), d = A(
+    // [TODO]: Fix broken/missing type inference for useMutation mutate()
+    () => o == null ? void 0 : o(
+      {
+        body: a,
+        contentType: "application/json"
+      },
+      i
+    ).then(() => {
+      r(p.REFUND_SUCCESS);
+    }).catch(() => {
+      r(p.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 };
+};
+export {
+  E as useRefundAction
+};

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

@@ -0,0 +1,40 @@
+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 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,
+  refundAmount: n,
+  setActiveView: r,
+  setPrimaryAction: i,
+  setSecondaryAction: s,
+  ...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]
+  );
+  return u(() => {
+    i(
+      Object.freeze({
+        disabled: o,
+        event: a,
+        variant: A.PRIMARY,
+        ...m
+      })
+    );
+  }, [a, o, m, i]), u(() => {
+    s(
+      Object.freeze({
+        disabled: e,
+        event: c,
+        title: d,
+        variant: A.SECONDARY
+      })
+    );
+  }, [c, e, d, s]), { primaryAction: a, secondaryAction: c };
+};
+export {
+  k as useRefundContextActions
+};

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

@@ -0,0 +1,34 @@
+import { RefundMode as s } from "../../types.js";
+import { useState as N, useMemo as o, useCallback as _, useEffect as p } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { clamp as E } from "../../../../../../utils/value/number.js";
+const M = ({
+  availableAmount: t,
+  currency: u,
+  interactionsDisabled: c,
+  items: f,
+  refundMode: e
+}) => {
+  const [n, r] = N(0), m = o(() => {
+    switch (e) {
+      case s.NON_REFUNDABLE:
+        return 0;
+      case s.PARTIAL_LINE_ITEMS:
+      case s.PARTIAL_AMOUNT:
+        return n;
+      // case RefundMode.PARTIAL_LINE_ITEMS:
+      //     return items.reduce((total, { amount, quantity }) => total + amount * quantity, 0);
+      case s.FULL_AMOUNT:
+      default:
+        return t;
+    }
+  }, [t, f, e, n]), R = o(() => Object.freeze({ currency: u, value: m }), [m, u]), A = o(() => !c && e === s.PARTIAL_AMOUNT, [c, e]), T = _(
+    (L) => void (A && r(E(0, L, t))),
+    [t, A]
+  );
+  return p(() => {
+    r(t);
+  }, [t]), [R, T];
+};
+export {
+  M as useRefundContextAmount
+};

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

@@ -0,0 +1,40 @@
+import { updateRefundItems as p } from "../helpers.js";
+import { useState as v, useMemo as f, useCallback as b } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { EMPTY_ARRAY as o } from "../../../../../../utils/value/constants.js";
+const T = ({ currency: c, lineItems: n }) => {
+  const [s, m] = v(o), u = f(() => {
+    const a = n == null ? void 0 : n.filter((t) => {
+      if (t.amountIncludingTax.currency !== c) return;
+      const e = t.availableQuantity;
+      return e > 0 && Number.isFinite(e) && Math.trunc(e) === e;
+    }).map(
+      ({ id: t, ...e }) => [
+        t,
+        Object.freeze({
+          amount: e.amountIncludingTax.value,
+          quantity: e.availableQuantity,
+          id: t
+        })
+      ]
+    );
+    return new Map(a ?? o);
+  }, [c, n]), M = f(
+    () => (n == null ? void 0 : n.filter(({ id: a }) => u.has(a))) ?? o,
+    [s, n, u]
+  ), 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);
+      });
+    },
+    [u]
+  ), l = b(
+    (a) => m((t) => p(u, t, a)),
+    [u]
+  );
+  return { availableItems: M, clearItems: i, items: s, updateItems: l };
+};
+export {
+  T as useRefundContextLineItems
+};

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

@@ -0,0 +1,17 @@
+import { useState as u, useMemo as r, useCallback as f } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { RefundMode as m } from "../../types.js";
+import { REFUND_REASONS as c } from "../../constants.js";
+const E = ({ interactionsDisabled: e, refundMode: o }) => {
+  const [n, t] = u(c[0]), s = r(
+    // [TODO]: Remove refund mode check here and use the `refundable` field from `useTransactionRefundMetadata`
+    () => !e && o !== m.NON_REFUNDABLE,
+    [e, o]
+  ), R = f(
+    (a) => void (s && t(a)),
+    [s]
+  );
+  return [n, R];
+};
+export {
+  E as useRefundContextReason
+};

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

@@ -0,0 +1,8 @@
+var E = /* @__PURE__ */ ((r) => (r[r.DETAILS = 0] = "DETAILS", r[r.REFUND = 1] = "REFUND", r[r.REFUND_SUCCESS = 2] = "REFUND_SUCCESS", r[r.REFUND_ERROR = 3] = "REFUND_ERROR", r))(E || {}), _ = /* @__PURE__ */ ((r) => (r[r.INDETERMINATE = 0] = "INDETERMINATE", r[r.PARTIAL = 1] = "PARTIAL", r[r.FULL = 2] = "FULL", r))(_ || {}), L = /* @__PURE__ */ ((r) => (r.NON_REFUNDABLE = "non_refundable", r.PARTIAL_AMOUNT = "partially_refundable_any_amount", r.PARTIAL_LINE_ITEMS = "partially_refundable_with_line_items_required", r.FULL_AMOUNT = "fully_refundable_only", r))(L || {}), l = /* @__PURE__ */ ((r) => (r.IN_PROGRESS = "in_progress", r.COMPLETED = "completed", r.FAILED = "failed", r))(l || {}), N = /* @__PURE__ */ ((r) => (r.PARTIAL = "partial", r.FULL = "full", r))(N || {});
+export {
+  E as ActiveView,
+  L as RefundMode,
+  l as RefundStatus,
+  N as RefundType,
+  _ as RefundedState
+};

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

@@ -0,0 +1,41 @@
+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 { 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());
+  }, 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());
+  }, N = (r) => {
+    k(r) ? o = null : b(r) && o !== (o = r) && c();
+  }, c = () => {
+    const r = e, s = t;
+    e = void 0, o == null || o(
+      g({
+        from: i(() => r),
+        to: i(() => s)
+      })
+    );
+  };
+  return g({
+    backward: d(p),
+    forward: d(v),
+    canNavigateBackward: i(u),
+    canNavigateForward: i(m),
+    currentTransaction: i(() => t),
+    onNavigation: { set: N },
+    reset: d(w)
+  });
+};
+export {
+  A as createDuplexTransactionNavigator,
+  A as default
+};