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

package/dist/es/hooks/element/usePopoverPositioner.js

@@ -1,85 +1,106 @@
-import { PopoverContainerPosition as s, PopoverContainerVariant as I } from "../../components/internal/Popover/types.js";
-import Y from "../../components/internal/Popover/utils/utils.js";
-import { useState as F, useCallback as W, useRef as x, useEffect as $ } from "../../external/preact/hooks/dist/hooks.module.js";
-import v from "../useReflex/useReflex.js";
-const G = ({
+import { PopoverContainerPosition as s, PopoverContainerVariant as C } from "../../components/internal/Popover/types.js";
+import F from "../../components/internal/Popover/utils/utils.js";
+import { useState as X, useCallback as W, useRef as x, useEffect as G } from "../../external/preact/hooks/dist/hooks.module.js";
+import $ from "../useReflex.js";
+import { isRefObject as v } from "../../primitives/reactive/reflex/helpers.js";
+const A = ({
   popover: r,
   offset: t,
-  targetElement: T,
+  targetElement: u,
   position: O,
-  variant: u,
-  fullWidth: L
+  variant: o,
+  fullWidth: I
 }) => {
-  const m = T == null ? void 0 : T.current;
+  const L = u == null ? void 0 : u.current;
   let l = 0, h = 0;
-  const e = m.getBoundingClientRect(), B = document.body.getBoundingClientRect(), i = r == null ? void 0 : r.firstChild, R = B.left + B.width / 2 - i.offsetWidth / 2, w = e.left + e.width / 2 - i.offsetWidth / 2, d = e.top + e.height / 2 - i.offsetHeight / 2;
+  const e = L.getBoundingClientRect(), B = document.body.getBoundingClientRect(), d = r == null ? void 0 : r.firstChild, R = B.left + B.width / 2 - d.offsetWidth / 2, b = e.left + e.width / 2 - d.offsetWidth / 2, T = e.top + e.height / 2 - d.offsetHeight / 2;
   switch (O) {
     case s.BOTTOM:
-      l = L ? R : u === I.TOOLTIP ? w + window.scrollX : (e == null ? void 0 : e.left) + window.scrollX, h = (e == null ? void 0 : e.top) + (e == null ? void 0 : e.height) + window.scrollY + t[1];
+      l = I ? R : o === C.TOOLTIP ? b + window.scrollX : (e == null ? void 0 : e.left) + window.scrollX, h = (e == null ? void 0 : e.top) + (e == null ? void 0 : e.height) + window.scrollY + t[1];
       break;
     case s.BOTTOM_LEFT:
       l = (e == null ? void 0 : e.right) + window.scrollX - r.clientWidth, h = (e == null ? void 0 : e.top) + (e == null ? void 0 : e.height) + window.scrollY + t[1];
       break;
     case s.TOP:
-      l = u === I.TOOLTIP ? w + window.scrollX : e.left + window.scrollX, h = (e == null ? void 0 : e.top) - (i == null ? void 0 : i.clientHeight) + window.scrollY - t[0];
+      l = o === C.TOOLTIP ? b + window.scrollX : e.left + window.scrollX, h = (e == null ? void 0 : e.top) - (d == null ? void 0 : d.clientHeight) + window.scrollY - t[0];
       break;
     case s.RIGHT:
-      l = e.left + e.width + window.scrollX + t[2], h = u === I.TOOLTIP ? d + window.scrollY : (e == null ? void 0 : e.top) - (e == null ? void 0 : e.height) / 2 + window.scrollY;
+      l = e.left + e.width + window.scrollX + t[2], h = o === C.TOOLTIP ? T + window.scrollY : (e == null ? void 0 : e.top) - (e == null ? void 0 : e.height) / 2 + window.scrollY;
       break;
     case s.LEFT:
-      l = (e == null ? void 0 : e.left) - (r == null ? void 0 : r.clientWidth) + window.scrollX - t[3], h = u === I.TOOLTIP ? d + window.scrollY : (e == null ? void 0 : e.top) + window.scrollY - (e == null ? void 0 : e.height) / 2;
+      l = (e == null ? void 0 : e.left) - (r == null ? void 0 : r.clientWidth) + window.scrollX - t[3], h = o === C.TOOLTIP ? T + window.scrollY : (e == null ? void 0 : e.top) + window.scrollY - (e == null ? void 0 : e.height) / 2;
       break;
   }
-  const b = [l, h, 0];
-  return `position:absolute;inset:0 auto auto 0;margin: 0;transform: ${b.reduce((o, k, c) => c === 0 ? o + `${k}px,` : c === b.length - 1 ? o + ` ${k}px)` : o + ` ${k}px,`, "translate3d(")};visibility:hidden`;
-}, _ = (r, t, T, O, u, L, m, l, h) => {
-  const [e, B] = F(!0), [i, R] = F(l ? !l : !!O), [w, d] = F(O || s.TOP), [b, f] = F([]), o = W((c) => {
-    if (c.intersectionRatio === 1)
-      return R(!0);
-    if (!e && c.intersectionRatio !== 1) {
-      if (b && b.length === (l ? 5 : 4)) {
-        const n = b.reduce((a, C) => C[1] > a[1] ? C : a, b[0]);
-        d(n[0]), R(!0);
-        return;
+  const w = [l, h, 0];
+  return `position:absolute;inset:0 auto auto 0;margin: 0;transform: ${w.reduce((i, k, c) => c === 0 ? i + `${k}px,` : c === w.length - 1 ? i + ` ${k}px)` : i + ` ${k}px,`, "translate3d(")};visibility:hidden`;
+}, q = (r, t, u, O, o, I, L, l, h) => {
+  const [e, B] = X(!0), [d, R] = X(l ? !l : !!O), [b, T] = X(O || s.TOP), [w, f] = X([]), i = W(
+    (c) => {
+      if (c.intersectionRatio === 1) return R(!0);
+      if (!e && c.intersectionRatio !== 1) {
+        if (w && w.length === (l ? 5 : 4)) {
+          const n = w.reduce((a, m) => m[1] > a[1] ? m : a, w[0]);
+          T(n[0]), R(!0);
+          return;
+        }
+        switch (R(!1), b) {
+          case s.TOP:
+            f((n) => [...n, [s.TOP, c.intersectionRatio]]), T(s.BOTTOM);
+            break;
+          case s.BOTTOM:
+            f((n) => [...n, [s.BOTTOM, c.intersectionRatio]]), T(l ? s.BOTTOM_LEFT : s.RIGHT);
+            break;
+          case s.BOTTOM_LEFT:
+            f((n) => [...n, [s.BOTTOM, c.intersectionRatio]]), T(s.RIGHT);
+            break;
+          case s.RIGHT:
+            f((n) => [...n, [s.RIGHT, c.intersectionRatio]]), T(s.LEFT);
+            break;
+          case s.LEFT:
+            f((n) => [...n, [s.LEFT, c.intersectionRatio]]), T(s.TOP);
+            break;
+        }
       }
-      switch (R(!1), w) {
-        case s.TOP:
-          f((n) => [...n, [s.TOP, c.intersectionRatio]]), d(s.BOTTOM);
-          break;
-        case s.BOTTOM:
-          f((n) => [...n, [s.BOTTOM, c.intersectionRatio]]), d(l ? s.BOTTOM_LEFT : s.RIGHT);
-          break;
-        case s.BOTTOM_LEFT:
-          f((n) => [...n, [s.BOTTOM, c.intersectionRatio]]), d(s.RIGHT);
-          break;
-        case s.RIGHT:
-          f((n) => [...n, [s.RIGHT, c.intersectionRatio]]), d(s.LEFT);
-          break;
-        case s.LEFT:
-          f((n) => [...n, [s.LEFT, c.intersectionRatio]]), d(s.TOP);
-          break;
-      }
-    }
-  }, [e, b, w, l]), k = x(o);
-  return $(() => {
-    Y(k.current).remove(), k.current = o;
-  }, [o]), v(W((c, n) => {
-    var a, C;
-    if (n && (!O || l) && Y(o).observer.unobserve(n), c && t.current) {
-      if ((!O || l) && Y(o).observer.observe(c), !(c instanceof Element))
-        return;
-      const X = G({
-        popover: c,
-        offset: r,
-        targetElement: t,
-        position: w,
-        variant: T,
-        fullWidth: m ?? !1
-      }), M = i ? X + ";visibility:visible" : X, H = L ? M + ";min-width:fit-content;width:" + ((a = t.current) == null ? void 0 : a.clientWidth) + "px" : M;
-      c.setAttribute("style", `${H}`), e && B(!1), T && T === I.TOOLTIP && u && ((C = u.current) == null || C.setAttribute("data-popover-placement", w));
-    }
-  }, [r, t, w, O, T, o, i, e, L, u, m, l]), h);
-}, j = _;
+    },
+    [e, w, b, l]
+  ), k = x(i);
+  return G(() => {
+    F(k.current).remove(), k.current = i;
+  }, [i]), $(
+    W(
+      (c, n) => {
+        var a, m;
+        if (n && (!O || l) && F(i).observer.unobserve(n), c && t.current) {
+          if ((!O || l) && F(i).observer.observe(c), !(c instanceof Element)) return;
+          const Y = A({
+            popover: c,
+            offset: r,
+            targetElement: t,
+            position: b,
+            variant: u,
+            fullWidth: L ?? !1
+          }), M = d ? Y + ";visibility:visible" : Y, H = I ? M + ";min-width:fit-content;width:" + ((a = t.current) == null ? void 0 : a.clientWidth) + "px" : M;
+          c.setAttribute("style", `${H}`), e && B(!1), u && u === C.TOOLTIP && o && v(o) && ((m = o.current) == null || m.setAttribute("data-popover-placement", b));
+        }
+      },
+      [
+        r,
+        t,
+        b,
+        O,
+        u,
+        i,
+        d,
+        e,
+        I,
+        o,
+        L,
+        l
+      ]
+    ),
+    h
+  );
+};
 export {
-  j as default
+  q as default
 };

package/dist/es/hooks/element/useUniqueIdentifier.js

@@ -1,12 +1,18 @@
-import { useRef as r, useCallback as u } from "../../external/preact/hooks/dist/hooks.module.js";
-import f from "../useReflex/useReflex.js";
-import { uniqueId as s } from "../../utils/random/uniqueId.js";
-const o = (t) => {
+import { useRef as r, useCallback as f } from "../../external/preact/hooks/dist/hooks.module.js";
+import u from "../useReflex.js";
+import { uniqueId as o } from "../../utils/random/uniqueId.js";
+const c = (n) => {
   const e = r();
-  return f(u((i, n) => {
-    n instanceof Element && n.id === e.current && (n.id = ""), i instanceof Element && (i.id = e.current || (e.current = s()));
-  }, [t]), t);
-}, m = o;
+  return u(
+    f(
+      (i, t) => {
+        t instanceof Element && t.id === e.current && (t.id = ""), i instanceof Element && (i.id = e.current || (e.current = o()));
+      },
+      [n]
+    ),
+    n
+  );
+};
 export {
-  m as default
+  c as default
 };

package/dist/es/hooks/useBalanceAccountSelection.js

@@ -0,0 +1,18 @@
+import { useState as s, useCallback as f, useMemo as m } from "../external/preact/hooks/dist/hooks.module.js";
+import { capitalize as x } from "../utils/value/string.js";
+const u = (e) => {
+  const [d, t] = s(0), r = f(() => t(0), [t]), p = m(() => e == null ? void 0 : e[d], [e, d]), B = m(
+    () => e && e.length > 1 ? Object.freeze(e.map(({ description: i, id: o }) => ({ id: o, name: x(i) }))) : void 0,
+    [e]
+  ), S = f(
+    ({ target: i }) => {
+      const o = i == null ? void 0 : i.value, n = e == null ? void 0 : e.findIndex(({ id: l }) => l === o);
+      n >= 0 && t(n);
+    },
+    [e, t]
+  );
+  return { activeBalanceAccount: p, balanceAccountSelectionOptions: B, onBalanceAccountSelection: S, resetBalanceAccountSelection: r };
+};
+export {
+  u as default
+};

package/dist/es/hooks/useBalanceAccounts.js

@@ -0,0 +1,25 @@
+import { useFetch as h } from "./useFetch.js";
+import { useMemo as s } from "../external/preact/hooks/dist/hooks.module.js";
+import { useConfigContext as p } from "../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as u } from "../utils/value/constants.js";
+const y = (t, i) => {
+  const { getBalanceAccounts: o } = p().endpoints, { data: e, isFetching: m, error: f } = h(
+    s(
+      () => ({
+        fetchOptions: { enabled: !!o && (i ?? !0), keepPrevData: !0 },
+        queryFn: async () => o == null ? void 0 : o(u)
+      }),
+      [o]
+    )
+  ), r = s(
+    () => e == null ? void 0 : e.data.filter((n) => t ? n.id === t : !0),
+    [e == null ? void 0 : e.data, t]
+  ), g = s(
+    () => !!t && !!(e != null && e.data.length) && (r == null ? void 0 : r.length) === 0,
+    [r == null ? void 0 : r.length, e == null ? void 0 : e.data.length, t]
+  );
+  return { balanceAccounts: r, isBalanceAccountIdWrong: g, isFetching: m, error: f };
+};
+export {
+  y as default
+};

package/dist/es/hooks/useBooleanState.js

@@ -0,0 +1,8 @@
+import { useState as u, useCallback as a } from "../external/preact/hooks/dist/hooks.module.js";
+const r = (s = !1) => {
+  const [o, e] = u(s), l = a((t) => e(t), []), n = a(() => e((t) => !t), []);
+  return [o, l, n];
+};
+export {
+  r as default
+};

package/dist/es/hooks/useCommitAction/useCommitAction.js

@@ -1,28 +1,27 @@
-import { useState as O, useCallback as r, useMemo as A, useEffect as g } from "../../external/preact/hooks/dist/hooks.module.js";
+import { useState as O, useCallback as r, useMemo as a, useEffect as g } from "../../external/preact/hooks/dist/hooks.module.js";
 import { ButtonVariant as P } from "../../components/internal/Button/types.js";
 import { CommitAction as t } from "./types.js";
 import v from "../../core/Context/useCoreContext.js";
 import { boolOrFalse as B } from "../../utils/value/bool.js";
 import { EMPTY_OBJECT as L } from "../../utils/value/constants.js";
-const b = ({
-  applyDisabled: a,
-  applyTitle: m,
-  resetDisabled: e,
-  resetTitle: c
-} = L) => {
-  const {
-    i18n: s
-  } = v(), [n, o] = O(t.NONE), [R, u] = O(n !== t.NONE), C = r(() => o(t.APPLY), [o]), E = r(() => o(t.CLEAR), [o]), i = r(() => o(t.NONE), [o]), f = A(() => ({
-    disabled: B(a),
-    event: C,
-    title: (m == null ? void 0 : m.trim()) || s.get("apply"),
-    variant: P.PRIMARY
-  }), [s, C, a, m]), N = A(() => ({
-    disabled: B(e),
-    event: E,
-    title: (c == null ? void 0 : c.trim()) || s.get("reset"),
-    variant: P.SECONDARY
-  }), [s, E, e, c]), Y = A(() => [f, N], [f, N]);
+const S = ({ applyDisabled: A, applyTitle: m, resetDisabled: e, resetTitle: c } = L) => {
+  const { i18n: s } = v(), [n, o] = O(t.NONE), [R, u] = O(n !== t.NONE), C = r(() => o(t.APPLY), [o]), E = r(() => o(t.CLEAR), [o]), i = r(() => o(t.NONE), [o]), f = a(
+    () => ({
+      disabled: B(A),
+      event: C,
+      title: (m == null ? void 0 : m.trim()) || s.get("apply"),
+      variant: P.PRIMARY
+    }),
+    [s, C, A, m]
+  ), N = a(
+    () => ({
+      disabled: B(e),
+      event: E,
+      title: (c == null ? void 0 : c.trim()) || s.get("reset"),
+      variant: P.SECONDARY
+    }),
+    [s, E, e, c]
+  ), Y = a(() => [f, N], [f, N]);
   return g(() => {
     switch (u(n !== t.NONE), n) {
       case t.APPLY:
@@ -30,13 +29,8 @@ const b = ({
         i();
         break;
     }
-  }, [n, u, i]), {
-    commitAction: n,
-    commitActionButtons: Y,
-    committing: R,
-    resetCommitAction: i
-  };
-}, _ = b;
+  }, [n, u, i]), { commitAction: n, commitActionButtons: Y, committing: R, resetCommitAction: i };
+};
 export {
-  _ as default
+  S as default
 };

package/dist/es/hooks/useCustomColumnsData.js

@@ -0,0 +1,26 @@
+import { useState as n, useCallback as C, useEffect as r } from "../external/preact/hooks/dist/hooks.module.js";
+const g = ({
+  records: s,
+  onDataRetrieved: t,
+  mergeCustomData: c
+}) => {
+  const [e, u] = n(s), [f, l] = n(!1), a = C(
+    (m) => async () => {
+      try {
+        const o = t ? await t(m) : [];
+        u(c({ records: s, retrievedData: o }));
+      } catch (o) {
+        u(s), console.error(o);
+      } finally {
+        l(!1);
+      }
+    },
+    [t, s, c]
+  );
+  return r(() => {
+    t && s.length && (l(!0), a(s)());
+  }, [t, a, s]), { customRecords: e, loadingCustomRecords: f };
+};
+export {
+  g as useCustomColumnsData
+};

package/dist/es/hooks/useDefaultOverviewFilterParams.js

@@ -0,0 +1,25 @@
+import { useState as m, useRef as f, useCallback as u, useEffect as l } from "../external/preact/hooks/dist/hooks.module.js";
+import { FilterParam as e } from "../components/types.js";
+import { getTimeRangeSelectionDefaultPresetOptions as T } from "../components/internal/DatePicker/components/TimeRangeSelector/useTimeRangeSelection.js";
+import { DEFAULT_TRANSACTIONS_OVERVIEW_MULTI_SELECTION_FILTER_PARAMS as c } from "../components/external/TransactionsOverview/components/MultiSelectionFilter/useMultiSelectionFilter/constants.js";
+const A = (r) => {
+  const t = T(), a = "rangePreset.last30Days", { from: s, to: n } = t[a];
+  return { defaultFilterParams: {
+    ...r === "transactions" && {
+      ...c,
+      [e.MIN_AMOUNT]: void 0,
+      [e.MAX_AMOUNT]: void 0
+    },
+    [e.BALANCE_ACCOUNT]: void 0,
+    [e.CREATED_SINCE]: new Date(s).toISOString(),
+    [e.CREATED_UNTIL]: new Date(n).toISOString()
+  }, defaultTimeRange: a, timeRangeOptions: t };
+}, D = (r, t) => {
+  const [a, s] = m(Date.now()), n = A(r), i = f(n), o = u(() => s(Date.now()), [s]);
+  return l(() => {
+    o();
+  }, [t, o]), { defaultParams: i, nowTimestamp: a, refreshNowTimestamp: o };
+};
+export {
+  D as default
+};

package/dist/es/hooks/useFetch.js

@@ -0,0 +1,39 @@
+import { useRef as l, useReducer as h, useCallback as y, useEffect as g } from "../external/preact/hooks/dist/hooks.module.js";
+import { boolOrTrue as f } from "../utils/value/bool.js";
+function R({
+  fetchOptions: { keepPrevData: s, onSuccess: t, enabled: i } = { keepPrevData: !0 },
+  queryFn: u
+}) {
+  const r = l(!1), a = {
+    error: void 0,
+    data: void 0,
+    isFetching: f(i)
+  }, o = (e, c) => {
+    switch (c.type) {
+      case "loading":
+        return { ...a, isFetching: !0, data: s ? e.data : void 0 };
+      case "fetched":
+        return { ...a, data: c.payload, isFetching: !1 };
+      case "error":
+        return { ...a, error: c.payload, isFetching: !1 };
+      default:
+        return e;
+    }
+  }, [p, n] = h(o, a), d = y(async () => {
+    n({ type: "loading" });
+    try {
+      if (r.current) return;
+      const e = await u();
+      t == null || t(e), n({ type: "fetched", payload: e });
+    } catch (e) {
+      if (r.current) return;
+      n({ type: "error", payload: e });
+    }
+  }, [n, u, t]);
+  return g(() => (r.current = !1, f(i) && d(), () => {
+    r.current = !0;
+  }), [i, d]), p;
+}
+export {
+  R as useFetch
+};

package/dist/es/{components/hooks → hooks}/useFreezePeriod.js

@@ -1,18 +1,15 @@
-import { useState as o, useRef as u, useCallback as f, useEffect as i } from "../../external/preact/hooks/dist/hooks.module.js";
-const l = (e = 1e3, a = !1) => {
+import { useState as o, useRef as u, useCallback as f, useEffect as l } from "../external/preact/hooks/dist/hooks.module.js";
+const m = (e = 1e3, a = !1) => {
   const [r, s] = o(a), t = u(), n = u(), c = f(() => {
     r || (n.current = setTimeout(() => {
       t.current = requestAnimationFrame(() => s(!1));
     }, e), s(!0));
   }, [r, e]);
-  return i(() => () => {
+  return l(() => () => {
     cancelAnimationFrame(t.current), clearTimeout(n.current), t.current = n.current = null;
-  }, [e]), {
-    freeze: c,
-    frozen: r
-  };
-}, F = l;
+  }, [e]), { freeze: c, frozen: r };
+};
 export {
-  F as default,
-  l as useFreezePeriod
+  m as default,
+  m as useFreezePeriod
 };

package/dist/es/hooks/useImageUrl.js

@@ -0,0 +1,28 @@
+import a from "../core/Context/useCoreContext.js";
+import { useMemo as g } from "../external/preact/hooks/dist/hooks.module.js";
+import { EMPTY_OBJECT as p } from "../utils/value/constants.js";
+const u = "https://cdf6519016.cdn.adyen.com/checkoutshopper/", C = ({
+  name: e,
+  resourceContext: o,
+  imageFolder: t = "logos/",
+  parentFolder: r = "",
+  extension: s = "svg",
+  size: c = "",
+  subFolder: n = ""
+}) => {
+  const m = `/images/${t}/${n}/${r}/${e}${c}.${s}`.replace(/\/+/g, "/");
+  return `${o}${m}`;
+}, d = ({ options: e = p, name: o }) => {
+  const { loadingContext: t } = a();
+  return g(
+    () => C({
+      resourceContext: u,
+      name: o,
+      ...e
+    }),
+    [t, o, e]
+  );
+};
+export {
+  d as useImageUrl
+};

package/dist/es/hooks/{useMediaQuery/useMediaQuery.js → useMediaQuery.js}

@@ -1,4 +1,4 @@
-import { useMemo as o, useState as r, useEffect as n } from "../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as o, useState as r, useEffect as n } from "../external/preact/hooks/dist/hooks.module.js";
 const d = (t) => {
   const e = o(() => window.matchMedia(t), [t]), [c, s] = r(e.matches);
   return n(() => {

package/dist/es/hooks/useModalDetails/useModalDetails.js

@@ -1,21 +1,21 @@
-import { useState as f, useCallback as u, useMemo as k } from "../../external/preact/hooks/dist/hooks.module.js";
-import { hasCallback as D } from "./types.js";
+import { useState as f, useCallback as u, useMemo as h } from "../../external/preact/hooks/dist/hooks.module.js";
+import { hasCallback as k } from "./types.js";
 function o(l) {
-  const [n, r] = f(null), d = u((e) => {
-    var c;
-    return e && D(l[e.selection.type]) ? {
-      callback: (c = l == null ? void 0 : l[e.selection.type]) != null && c.callback ? (a) => {
-        var s, t;
-        return (t = (s = l[e.selection.type]) == null ? void 0 : s.callback) == null ? void 0 : t.call(s, {
-          showModal: () => r(e),
-          ...a
-        });
-      } : () => {
-        var a;
-        return ((a = l[e.selection.type]) == null ? void 0 : a.showDetails) && r(e);
-      }
-    } : (r(e), {});
-  }, [l]), i = u(() => r(null), []), b = k(() => {
+  const [n, r] = f(null), d = u(
+    (e) => {
+      var c;
+      return e && k(l[e.selection.type]) ? {
+        callback: (c = l == null ? void 0 : l[e.selection.type]) != null && c.callback ? (a) => {
+          var s, t;
+          return (t = (s = l[e.selection.type]) == null ? void 0 : s.callback) == null ? void 0 : t.call(s, { showModal: () => r(e), ...a });
+        } : () => {
+          var a;
+          return ((a = l[e.selection.type]) == null ? void 0 : a.showDetails) && r(e);
+        }
+      } : (r(e), {});
+    },
+    [l]
+  ), i = u(() => r(null), []), b = h(() => {
     const e = {};
     for (const c in l) {
       const a = l[c];

package/dist/es/hooks/useMounted.js

@@ -0,0 +1,10 @@
+import { useRef as u, useMemo as r, useEffect as n } from "../external/preact/hooks/dist/hooks.module.js";
+const a = (s) => {
+  const e = u(!1), t = r(() => s, [s]);
+  return n(() => (e.current = !0, () => {
+    e.current = !1, t && t();
+  }), [t]), e;
+};
+export {
+  a as default
+};

package/dist/es/hooks/useMutation/useMutation.js

@@ -0,0 +1,59 @@
+import { useState as p, useRef as g, useCallback as M, useEffect as P, useMemo as _ } from "../../external/preact/hooks/dist/hooks.module.js";
+import { isNumber as b, isFunction as k } from "../../utils/value/is.js";
+import { ALREADY_RESOLVED_PROMISE as x } from "../../utils/async/constants.js";
+import { tryResolve as a } from "../../utils/async/main.js";
+import { EMPTY_OBJECT as I } from "../../utils/value/constants.js";
+const u = (e) => {
+  setTimeout(() => {
+    throw e;
+  }, 0);
+};
+function j({
+  queryFn: e,
+  options: A
+}) {
+  const { retry: l = !1, retryDelay: o = 1e3, onSuccess: i, onError: f, onSettled: s, shouldRetry: m } = A || I, [w, y] = p(null), [T, d] = p(null), [r, c] = p("idle"), h = g(!0), n = g(0), C = M(() => {
+    y(null), d(null), c("idle"), n.current = 0;
+  }, []), E = M(() => {
+    n.current = 0;
+  }, []), R = M(
+    async (...D) => {
+      try {
+        c("loading"), d(null);
+        const t = await (e == null ? void 0 : e(...D));
+        return h.current && (y(t), c("success")), x.then(() => {
+          i && a(i, t).catch(u), s && a(s, t, null).catch(u), E();
+        }), t;
+      } catch (t) {
+        let S = 0;
+        if (b(l) && (!m || m(t)) ? S = Math.max(0, Math.floor(l)) : S = 0, n.current++ < S) {
+          const L = k(o) ? o(n.current) : o ?? 1e3;
+          return await new Promise((O) => setTimeout(O, L)), R(...D);
+        }
+        throw h.current && (d(t), c("error")), x.then(() => {
+          f && a(f, t).catch(u), s && a(s, void 0, t).catch(u), E();
+        }), t;
+      }
+    },
+    [e, i, s, l, m, o, E, f]
+  );
+  return P(() => () => {
+    h.current = !1;
+  }, []), _(
+    () => ({
+      data: w,
+      error: T,
+      status: r,
+      isIdle: r === "idle",
+      isLoading: r === "loading",
+      isSuccess: r === "success",
+      isError: r === "error",
+      mutate: R,
+      reset: C
+    }),
+    [w, T, r, R, C]
+  );
+}
+export {
+  j as default
+};