@variamosple/variamos-components 0.2.5 → 0.4.0

package/dist/Context/SessionContext.js

@@ -1,97 +1,91 @@
 import { jsx as G } from "react/jsx-runtime";
-import { createContext as K, useState as T, useEffect as k, useContext as N } from "react";
-import { Events as V } from "../Common/Events.js";
-import { usePageVisibility as z } from "../Hooks/usePageVisibility.js";
-const y = K(void 0), x = "guestId", f = (d) => {
-  d && V.publish("variamosNavigate", d);
-}, m = (d) => {
-  d && localStorage.setItem("authToken", d);
-}, J = ({
-  loginUrl: d,
-  getSessionInfo: e,
-  requestSignUp: v,
-  requestSignIn: w,
-  requestSignInAsGuest: C,
-  requestLogout: P,
-  children: b
+import { createContext as L, useState as g, useEffect as d, useContext as T } from "react";
+import { Events as _ } from "../Common/Events.js";
+import { usePageVisibility as j } from "../Hooks/usePageVisibility.js";
+import { forgetStoredSessionToken as s } from "./storedSessionToken.js";
+const I = L(void 0), w = "guestId", E = (r) => {
+  r && _.publish("variamosNavigate", r);
+};
+function f(r, i) {
+  var a, c;
+  return r != null && r.errorCode ? (i(null), !1) : (i(((a = r == null ? void 0 : r.data) == null ? void 0 : a.user) ?? null), E((c = r == null ? void 0 : r.data) == null ? void 0 : c.redirect), !0);
+}
+const S = "Sign in error.", V = ({
+  loginUrl: r,
+  getSessionInfo: i,
+  requestSignUp: a,
+  requestSignIn: c,
+  requestSignInAsGuest: l,
+  requestLogout: y,
+  children: C
 }) => {
-  const [E, t] = T(null), [A, c] = T(!0), g = !!E, I = z();
-  k(() => {
-    c(!0), e().then((o) => {
-      var a, n, i;
-      o != null && o.errorCode ? t(null) : (m((a = o == null ? void 0 : o.data) == null ? void 0 : a.authToken), t(((n = o == null ? void 0 : o.data) == null ? void 0 : n.user) ?? null), f((i = o == null ? void 0 : o.data) == null ? void 0 : i.redirect));
-    }).catch(() => {
-      t(null);
-    }).finally(() => c(!1));
-  }, [e]), k(() => {
-    if (g && I) {
-      const o = () => {
-        e().then((n) => {
-          var i, r, h;
-          n != null && n.errorCode ? t(null) : (m((i = n == null ? void 0 : n.data) == null ? void 0 : i.authToken), t(((r = n == null ? void 0 : n.data) == null ? void 0 : r.user) ?? null), f((h = n == null ? void 0 : n.data) == null ? void 0 : h.redirect));
-        }).catch(() => {
-          t(null);
-        });
-      };
-      o();
-      const a = setInterval(() => {
-        o();
-      }, 6e4);
-      return () => clearInterval(a);
-    }
-  }, [g, I, e]);
-  const L = (o) => {
-    if (!v)
+  const [h, e] = g(null), [x, o] = g(!0), u = h !== null, m = j();
+  d(() => {
+    s();
+  }, []), d(() => {
+    o(!0), i().then((t) => f(t, e)).catch(() => {
+      e(null);
+    }).finally(() => o(!1));
+  }, [i]), d(() => {
+    if (!(u && m)) return;
+    const t = () => {
+      i().then((R) => f(R, e)).catch(() => {
+        e(null);
+      });
+    };
+    t();
+    const n = setInterval(t, 6e4);
+    return () => clearInterval(n);
+  }, [u, m, i]);
+  const v = (t) => i().then((n) => (f(n, e) || t.withError(
+    n.errorCode ?? 500,
+    n.message ?? S
+  ), t)).catch(() => (e(null), t.withError(500, S))), P = (t) => {
+    if (!a)
       throw new Error("requestSignUp is not defined.");
-    return c(!0), v(o).finally(() => c(!1));
-  }, U = (o) => {
-    if (!w)
+    return o(!0), a(t).finally(() => o(!1));
+  }, b = (t) => {
+    if (!c)
       throw new Error("requestSignIn is not defined.");
-    return c(!0), w(o).then((a) => a != null && a.errorCode ? a : e().then((n) => {
-      var i, r, h;
-      return n != null && n.errorCode ? (t(null), a.withError(n.errorCode, n.message)) : (m((i = n == null ? void 0 : n.data) == null ? void 0 : i.authToken), t(((r = n == null ? void 0 : n.data) == null ? void 0 : r.user) ?? null), f((h = n == null ? void 0 : n.data) == null ? void 0 : h.redirect)), a;
-    }).catch(() => (t(null), a.withError(500, "Sign in error.")))).finally(() => c(!1));
-  }, j = () => {
-    if (!C)
+    return o(!0), c(t).then(
+      (n) => n != null && n.errorCode ? n : v(n)
+    ).finally(() => o(!1));
+  }, A = () => {
+    if (!l)
       throw new Error("requestSignInAsGuest is not defined.");
-    c(!0);
-    const o = localStorage.getItem(x);
-    return C(o).then((a) => {
+    return o(!0), l(localStorage.getItem(w)).then((t) => {
       var n;
-      return a != null && a.errorCode ? a : (localStorage.setItem(x, ((n = a == null ? void 0 : a.data) == null ? void 0 : n.id) || ""), e().then((i) => {
-        var r, h, S;
-        return i != null && i.errorCode ? (t(null), a.withError(i.errorCode, i.message)) : (m((r = i == null ? void 0 : i.data) == null ? void 0 : r.authToken), t(((h = i == null ? void 0 : i.data) == null ? void 0 : h.user) ?? null), f((S = i == null ? void 0 : i.data) == null ? void 0 : S.redirect)), a;
-      }).catch(() => (t(null), a.withError(500, "Sign in error."))));
-    }).finally(() => c(!1));
-  }, q = () => {
-    P().then(() => {
-      localStorage.removeItem("authToken"), f(d), setTimeout(() => {
-        t(null);
+      return t != null && t.errorCode ? t : (localStorage.setItem(w, ((n = t == null ? void 0 : t.data) == null ? void 0 : n.id) || ""), v(t));
+    }).finally(() => o(!1));
+  }, N = () => {
+    y().then(() => {
+      s(), E(r), setTimeout(() => {
+        e(null);
       }, 200);
     });
   };
   return /* @__PURE__ */ G(
-    y.Provider,
+    I.Provider,
     {
       value: {
-        user: E,
-        isAuthenticated: g,
-        logout: q,
-        signUp: L,
-        signIn: U,
-        signInAsGuest: j,
-        isLoading: A
+        user: h,
+        isAuthenticated: u,
+        logout: N,
+        signUp: P,
+        signIn: b,
+        signInAsGuest: A,
+        isLoading: x
       },
-      children: b
+      children: C
     }
   );
-}, M = () => {
-  const d = N(y);
-  if (d === void 0)
+}, z = () => {
+  const r = T(I);
+  if (r === void 0)
     throw new Error("useSession must be used within a SessionProvider");
-  return d;
+  return r;
 };
 export {
-  J as SessionProvider,
-  M as useSession
+  V as SessionProvider,
+  z as useSession
 };

package/dist/Context/index.d.ts

@@ -1,5 +1,5 @@
 export * from './AnalyticsContext';
 export * from './MenuContext';
+export * from './NotificationContext';
 export * from './RouterContext';
 export * from './SessionContext';
-export * from './NotificationContext';

package/dist/Context/index.js

@@ -1,21 +1,21 @@
 import { AnalyticsContext as t, AnalyticsProvider as r, PAGE_VISIT_EVENT as i } from "./AnalyticsContext.js";
 import { MenuContext as n, MenuContextProvider as u, useMenu as x } from "./MenuContext.js";
-import { RouterContext as a, getBasePath as P, isAbsoluteUrl as m, useRouter as p } from "./RouterContext.js";
-import { SessionProvider as d, useSession as l } from "./SessionContext.js";
-import { NotificationProvider as A, useNotifications as C } from "./NotificationContext.js";
+import { NotificationProvider as a, useNotifications as P } from "./NotificationContext.js";
+import { RouterContext as p, getBasePath as c, isAbsoluteUrl as d, useRouter as l } from "./RouterContext.js";
+import { SessionProvider as A, useSession as C } from "./SessionContext.js";
 export {
   t as AnalyticsContext,
   r as AnalyticsProvider,
   n as MenuContext,
   u as MenuContextProvider,
-  A as NotificationProvider,
+  a as NotificationProvider,
   i as PAGE_VISIT_EVENT,
-  a as RouterContext,
-  d as SessionProvider,
-  P as getBasePath,
-  m as isAbsoluteUrl,
+  p as RouterContext,
+  A as SessionProvider,
+  c as getBasePath,
+  d as isAbsoluteUrl,
   x as useMenu,
-  C as useNotifications,
-  p as useRouter,
-  l as useSession
+  P as useNotifications,
+  l as useRouter,
+  C as useSession
 };

package/dist/Context/notificationAccessToken.d.ts

@@ -10,8 +10,6 @@ export interface NotificationAccessToken {
 export declare function accessTokenUrl(adminApiUrl: string): string;
 export interface AccessTokenProviderOptions {
     url: string;
-    /** Session token of the platform, sent to the admin service. */
-    getSessionToken?: () => string | null;
     fetchImpl?: typeof fetch;
     now?: () => number;
     /** A token is renewed this long before it expires. */
@@ -26,4 +24,4 @@ export interface AccessTokenProvider {
  * Keeps one token in memory, renews it shortly before it expires, and
  * shares a single request between concurrent callers.
  */
-export declare function createAccessTokenProvider({ url, getSessionToken, fetchImpl, now, refreshMarginMs, }: AccessTokenProviderOptions): AccessTokenProvider;
+export declare function createAccessTokenProvider({ url, fetchImpl, now, refreshMarginMs, }: AccessTokenProviderOptions): AccessTokenProvider;

package/dist/Context/notificationAccessToken.js

@@ -1,31 +1,27 @@
-function g(t) {
+import { fieldOf as s } from "../Common/fieldOf.js";
+function d(t) {
   return `${t.replace(/\/+$/, "").replace(/\/v1$/, "")}/v1/notifications/access-token`;
 }
-function y({
+function k({
   url: t,
-  getSessionToken: s = () => localStorage.getItem("authToken"),
-  fetchImpl: p = (...e) => fetch(...e),
-  now: f = Date.now,
-  refreshMarginMs: k = 6e4
+  fetchImpl: o = (...e) => fetch(...e),
+  now: i = Date.now,
+  refreshMarginMs: u = 6e4
 }) {
   let e = null, n = null;
-  const d = async () => {
-    var a, o;
+  const f = async () => {
     try {
-      const c = s(), l = await p(t, {
-        credentials: "include",
-        headers: c ? { Authorization: `Bearer ${c}` } : {}
-      });
-      if (!l.ok) return null;
-      const i = await l.json(), r = (a = i.data) == null ? void 0 : a.token, u = Date.parse(String((o = i.data) == null ? void 0 : o.expiresAt));
-      return typeof r != "string" || Number.isNaN(u) ? null : (e = { token: r, expiresAt: u }, r);
+      const c = await o(t, { credentials: "include" });
+      if (!c.ok) return null;
+      const l = s(await c.json(), "data"), r = s(l, "token"), a = Date.parse(String(s(l, "expiresAt")));
+      return typeof r != "string" || Number.isNaN(a) ? null : (e = { token: r, expiresAt: a }, r);
     } catch {
       return null;
     }
   };
   return {
-    async get() {
-      return e && f() < e.expiresAt - k ? e.token : (n ?? (n = d().finally(() => {
+    get() {
+      return e && i() < e.expiresAt - u ? Promise.resolve(e.token) : (n ?? (n = f().finally(() => {
         n = null;
       })), n);
     },
@@ -35,6 +31,6 @@ function y({
   };
 }
 export {
-  g as accessTokenUrl,
-  y as createAccessTokenProvider
+  d as accessTokenUrl,
+  k as createAccessTokenProvider
 };

package/dist/Context/notificationApi.d.ts

@@ -0,0 +1,43 @@
+export interface NotificationItem {
+    id: string;
+    templateKey: string;
+    variables: Record<string, unknown>;
+    metadata: Record<string, unknown>;
+    isRead: boolean;
+    createdAt: string;
+}
+export interface UserNotificationPreferences {
+    emailEnabled: boolean;
+    inAppEnabled: boolean;
+    mutedEventTypes: string[];
+}
+export type NotificationFolder = "inbox" | "trash";
+/** A notification sent by the service, or null if a field is missing. */
+export declare function notificationItemOf(value: unknown): NotificationItem | null;
+/** The preferences sent by the service, or null if a field is missing. */
+export declare function preferencesOf(value: unknown): UserNotificationPreferences | null;
+export interface NotificationApiOptions {
+    apiUrl: string;
+    recipientId: string;
+    getHeaders: () => Promise<Record<string, string>>;
+    fetchImpl?: typeof fetch;
+}
+export interface NotificationPage {
+    folder: NotificationFolder;
+    page: number;
+    limit: number;
+}
+/**
+ * Calls to the notification service. Each one resolves to null (or false)
+ * when the service refuses; a network error rejects.
+ */
+export declare function createNotificationApi({ apiUrl, recipientId, getHeaders, fetchImpl, }: NotificationApiOptions): {
+    list({ folder, page, limit, }: NotificationPage): Promise<NotificationItem[] | null>;
+    markAsRead(id: string): Promise<boolean>;
+    markAllAsRead(): Promise<boolean>;
+    emptyTrash(): Promise<boolean>;
+    remove(id: string): Promise<boolean>;
+    preferences(): Promise<UserNotificationPreferences | null>;
+    updatePreferences(updates: Partial<UserNotificationPreferences>): Promise<UserNotificationPreferences | null>;
+};
+export type NotificationApi = ReturnType<typeof createNotificationApi>;

package/dist/Context/notificationApi.js

@@ -0,0 +1,83 @@
+import { fieldOf as r } from "../Common/fieldOf.js";
+const d = (e) => typeof e == "object" && e !== null ? Object.fromEntries(Object.entries(e)) : {};
+function m(e) {
+  const a = r(e, "id"), i = r(e, "templateKey"), s = r(e, "isRead"), n = r(e, "createdAt");
+  return typeof a != "string" || typeof i != "string" || typeof s != "boolean" || typeof n != "string" ? null : {
+    id: a,
+    templateKey: i,
+    variables: d(r(e, "variables")),
+    metadata: d(r(e, "metadata")),
+    isRead: s,
+    createdAt: n
+  };
+}
+function y(e) {
+  const a = r(e, "emailEnabled"), i = r(e, "inAppEnabled"), s = r(e, "mutedEventTypes");
+  return typeof a != "boolean" || typeof i != "boolean" || !Array.isArray(s) ? null : {
+    emailEnabled: a,
+    inAppEnabled: i,
+    mutedEventTypes: s.filter((n) => typeof n == "string")
+  };
+}
+function E({
+  apiUrl: e,
+  recipientId: a,
+  getHeaders: i,
+  fetchImpl: s = fetch
+}) {
+  const n = `recipientId=${a}`, o = async (t, f, p) => {
+    const c = await s(`${e}/notifications${t}`, {
+      method: f,
+      headers: await i(),
+      body: p
+    });
+    return c.ok ? c : null;
+  }, l = async (t) => t ? t.json() : null;
+  return {
+    async list({
+      folder: t,
+      page: f,
+      limit: p
+    }) {
+      const c = await l(
+        await o(
+          `?${n}&page=${f}&limit=${p}&folder=${t}`
+        )
+      );
+      return Array.isArray(c) ? c.map(m).filter((u) => u !== null) : null;
+    },
+    async markAsRead(t) {
+      return await o(`/${t}/read`, "PATCH") !== null;
+    },
+    async markAllAsRead() {
+      return await o(`/read-all?${n}`, "PATCH") !== null;
+    },
+    async emptyTrash() {
+      return await o(`/trash?${n}`, "DELETE") !== null;
+    },
+    async remove(t) {
+      return await o(`/${t}`, "DELETE") !== null;
+    },
+    async preferences() {
+      return y(
+        await l(await o(`/preferences?${n}`))
+      );
+    },
+    async updatePreferences(t) {
+      return y(
+        await l(
+          await o(
+            `/preferences?${n}`,
+            "PATCH",
+            JSON.stringify(t)
+          )
+        )
+      );
+    }
+  };
+}
+export {
+  E as createNotificationApi,
+  m as notificationItemOf,
+  y as preferencesOf
+};

package/dist/Context/storedSessionToken.d.ts

@@ -0,0 +1,8 @@
+/** Key under which versions before 0.4.0 kept the session token. */
+export declare const STORED_TOKEN_KEY = "authToken";
+/**
+ * Removes the session token that versions before 0.4.0 kept in the browser
+ * storage, where any script of the page can read it. The session lives in
+ * the httpOnly cookie of the admin service alone (EV-117).
+ */
+export declare function forgetStoredSessionToken(storage?: Pick<Storage, "removeItem"> | undefined): void;

package/dist/Context/storedSessionToken.js

@@ -0,0 +1,11 @@
+const e = "authToken";
+function n(o = globalThis.localStorage) {
+  try {
+    o == null || o.removeItem(e);
+  } catch {
+  }
+}
+export {
+  e as STORED_TOKEN_KEY,
+  n as forgetStoredSessionToken
+};

package/dist/Context/useNotificationState.d.ts

@@ -0,0 +1,35 @@
+import { Dispatch, SetStateAction } from 'react';
+import { NotificationApi, NotificationFolder, NotificationItem, UserNotificationPreferences } from './notificationApi';
+export declare function logFailure(failure: string, action: () => Promise<void>): Promise<void>;
+/** The notifications shown, the unread count, and how to load them. */
+export declare function useNotificationList(api: NotificationApi | null): {
+    notifications: NotificationItem[];
+    unreadCount: number;
+    isLoading: boolean;
+    setNotifications: Dispatch<SetStateAction<NotificationItem[]>>;
+    setUnreadCount: Dispatch<SetStateAction<number>>;
+    fetchNotifications: (folder?: NotificationFolder, page?: number, limit?: number) => Promise<void>;
+    receive: (item: NotificationItem) => void;
+    clear: () => void;
+};
+interface NotificationChanges {
+    api: NotificationApi | null;
+    notifications: NotificationItem[];
+    setNotifications: Dispatch<SetStateAction<NotificationItem[]>>;
+    setUnreadCount: Dispatch<SetStateAction<number>>;
+}
+/** Marking as read and deleting, applied to the list once the service agrees. */
+export declare function useNotificationChanges({ api, notifications, setNotifications, setUnreadCount, }: NotificationChanges): {
+    markAsRead: (id: string) => Promise<void>;
+    markAllAsRead: () => Promise<void>;
+    emptyTrash: () => Promise<void>;
+    deleteNotification: (id: string) => Promise<void>;
+};
+/** The notification preferences of the signed-in user. */
+export declare function useNotificationPreferences(api: NotificationApi | null): {
+    preferences: UserNotificationPreferences | null;
+    fetchPreferences: () => Promise<void>;
+    updatePreferences: (updates: Partial<UserNotificationPreferences>) => Promise<void>;
+    clearPreferences: () => void;
+};
+export {};

package/dist/Context/useNotificationState.js

@@ -0,0 +1,92 @@
+import { useCallback as f, useMemo as F, useState as y } from "react";
+async function i(e, s) {
+  try {
+    await s();
+  } catch (t) {
+    console.error(e, t);
+  }
+}
+const R = (e) => e.filter((s) => !s.isRead).length;
+function A(e) {
+  const [s, t] = y([]), [c, l] = y(0), [m, a] = y(!1), d = f(
+    async (n = "inbox", r = 1, h = 10) => {
+      e && (a(!0), await i("Failed to fetch notifications:", async () => {
+        const w = await e.list({ folder: n, page: r, limit: h });
+        w && (t(w), n === "inbox" && l(R(w)));
+      }), a(!1));
+    },
+    [e]
+  ), o = f((n) => {
+    t((r) => [n, ...r]), l((r) => r + 1);
+  }, []), u = f(() => {
+    t([]), l(0);
+  }, []);
+  return {
+    notifications: s,
+    unreadCount: c,
+    isLoading: m,
+    setNotifications: t,
+    setUnreadCount: l,
+    fetchNotifications: d,
+    receive: o,
+    clear: u
+  };
+}
+function P({
+  api: e,
+  notifications: s,
+  setNotifications: t,
+  setUnreadCount: c
+}) {
+  const l = f(
+    (o) => i("Failed to mark notification as read:", async () => {
+      await (e == null ? void 0 : e.markAsRead(o)) && (t(
+        (u) => u.map((n) => n.id === o ? { ...n, isRead: !0 } : n)
+      ), c((u) => Math.max(0, u - 1)));
+    }),
+    [e, t, c]
+  ), m = f(
+    () => i("Failed to mark all notifications as read:", async () => {
+      await (e == null ? void 0 : e.markAllAsRead()) && (t((o) => o.map((u) => ({ ...u, isRead: !0 }))), c(0));
+    }),
+    [e, t, c]
+  ), a = f(
+    () => i("Failed to empty trash:", async () => {
+      await (e == null ? void 0 : e.emptyTrash()) && t([]);
+    }),
+    [e, t]
+  ), d = f(
+    (o) => i("Failed to delete notification:", async () => {
+      var n;
+      const u = ((n = s.find((r) => r.id === o)) == null ? void 0 : n.isRead) === !1;
+      await (e == null ? void 0 : e.remove(o)) && (t((r) => r.filter((h) => h.id !== o)), u && c((r) => Math.max(0, r - 1)));
+    }),
+    [e, s, t, c]
+  );
+  return F(
+    () => ({ markAsRead: l, markAllAsRead: m, emptyTrash: a, deleteNotification: d }),
+    [l, m, a, d]
+  );
+}
+function g(e) {
+  const [s, t] = y(null), c = f(
+    () => i("Failed to fetch preferences:", async () => {
+      const a = await (e == null ? void 0 : e.preferences());
+      a && t(a);
+    }),
+    [e]
+  ), l = f(
+    (a) => i("Failed to update preferences:", async () => {
+      const d = await (e == null ? void 0 : e.updatePreferences(a));
+      d && t(d);
+    }),
+    [e]
+  ), m = f(() => t(null), []);
+  return { preferences: s, fetchPreferences: c, updatePreferences: l, clearPreferences: m };
+}
+export {
+  i as logFailure,
+  P as useNotificationChanges,
+  A as useNotificationList,
+  g as useNotificationPreferences
+};

package/dist/Hooks/useDebouncedValue.js

@@ -1,19 +1,23 @@
-import { useState as r, useEffect as i, useCallback as m } from "react";
-let e;
-function l(t, u) {
-  const [c, o] = r(t);
-  i(() => (e = setTimeout(() => {
-    o(t);
-  }, u), () => {
-    clearTimeout(e);
-  }), [t, u]);
-  const s = m((n) => {
-    clearTimeout(e), e = setTimeout(() => {
-      o(n);
-    }, u);
-  }, []);
-  return [c, s];
+import { useState as s, useRef as i, useEffect as m, useCallback as f } from "react";
+function b(u, e) {
+  const [o, r] = s(u), t = i(
+    void 0
+  );
+  m(() => (t.current = setTimeout(() => {
+    r(u);
+  }, e), () => {
+    clearTimeout(t.current);
+  }), [u, e]);
+  const c = f(
+    (n) => {
+      clearTimeout(t.current), t.current = setTimeout(() => {
+        r(n);
+      }, e);
+    },
+    [e]
+  );
+  return [o, c];
 }
 export {
-  l as useDebouncedValue
+  b as useDebouncedValue
 };

package/dist/Hooks/usePaginatedQuery.js

@@ -1,32 +1,26 @@
 import { useState as t, useCallback as u } from "react";
-function T({
-  queryFunction: s,
+function S({
+  queryFunction: n,
   initialPage: c = 1
 }) {
-  const [g, i] = t([]), [n, d] = t(null), [P, l] = t(c), [m, C] = t(1), [b, f] = t(1), [h, r] = t(!1), [I] = t(null), o = u(
-    (a) => (d(a), r(!0), l(a.pageNumber || 1), s(a).then((e) => (i(e.data ?? []), C(e.totalCount || 0), f(
-      Math.ceil((e.totalCount || 0) / a.pageSize)
-    ), e)).finally(() => {
+  const [i, g] = t([]), [e, d] = t(null), [f, l] = t(c), [P, m] = t(1), [C, b] = t(1), [h, r] = t(!1), [I] = t(null), s = u(
+    (a) => (d(a), r(!0), l(a.pageNumber || 1), n(a).then((o) => (g(o.data ?? []), m(o.totalCount || 0), b(Math.ceil((o.totalCount || 0) / a.pageSize)), o)).finally(() => {
       r(!1);
     })),
-    [s]
+    [n]
   ), D = u(
     (a) => {
-      o(
-        Object.assign(n, {
-          pageNumber: a
-        })
-      );
+      e && s(Object.assign(e, { pageNumber: a }));
     },
-    [n, o]
+    [e, s]
   );
   return {
-    data: g,
-    loadData: o,
-    filter: n,
-    currentPage: P,
-    totalItems: m,
-    totalPages: b,
+    data: i,
+    loadData: s,
+    filter: e,
+    currentPage: f,
+    totalItems: P,
+    totalPages: C,
     isLoading: h,
     error: I,
     onPageChange: D,
@@ -34,5 +28,5 @@ function T({
   };
 }
 export {
-  T as usePaginatedQuery
+  S as usePaginatedQuery
 };