npm - celestya - Versions diffs - 0.0.1 - Mend

celestya 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/README.md ADDED Viewed

@@ -0,0 +1,146 @@
+# celestya
+Highly opinionated session management tool for NextJS Frontends
+## How to use
+Add environment vars (dont expose them publically!!)
+```bash
+//.env
+CELESTYA_SECRET=XXXXXX      // AT_LEAST_32_CHARACTERS
+CELESTYA_COOKIE_NAME=XXXX   // COOKIE_NAME
+CELESTYA_SECURE=true        // true / false
+```
+Configure the api endpoints
+```tsx
+// /src/app/api/[[...endpoint]]
+import { API_URL, HOST } from "@/config/env";
+import { IConfig, IRequestOptions, Proxy } from "celestya";
+const config: IConfig = {
+    host: HOST || "missing-host",
+    route: "/api",
+    apiUrl: API_URL || "missing-api-url",
+    userEndpoint: "/user",
+};
+export const POST = (req: any, opt: IRequestOptions) => Proxy("POST", req, opt, config);
+export const GET = (req: any, opt: IRequestOptions) => Proxy("GET", req, opt, config);
+```
+Configure the provider
+```tsx
+// /src/app/layout.tsx
+import { AuthProvider, Logout } from "celestya/client";
+export default function RootLayout({
+    children,
+}: {
+    children: React.ReactNode,
+}) {
+    return (
+        <html lang="en">
+            <body>
+                <AuthProvider>{children}</AuthProvider>
+            </body>
+        </html>
+    );
+}
+```
+Use the getSession function in server components (keep in mind they dont revalidate often!)
+```tsx
+// /src/app/navbar.tsx
+import { getSession, /* Session */ } from "celestya";
+// Optionally provide a user object
+interface User {
+    email: string
+    name: string
+}
+const Navbar = async () => {
+    // const session: Session<User> = await getSession(); <- optional
+    const session = await getSession<User>();
+    return <div>Welcome: {session.user?.name}</div>;
+};
+export default Navbar;
+```
+Use the apiFetch function in server components
+```tsx
+// /src/app/navbar.tsx
+import { apiFetch } from "celestya";
+import { config } from "@/app/api/[[...endpoint]]/route"
+// Optionally provide a user object
+interface User {
+    email: string
+    name: string
+}
+const Navbar = async () => {
+    const user = await apiFetch("user", {}, config)
+    return <div>Welcome: {session.user?.name}</div>;
+};
+export default Navbar;
+```
+Use the other functions in client components
+```tsx
+// /src/app/page.tsx
+import { useAuth } from 'celestya/client'
+// Optionally provide a user object
+interface User {
+    email: string
+    name: string
+}
+const Home = async () => {
+    const { ready, get } = useAuth()
+    const handleClick = () => {
+        try {
+            if (!ready) throw new Error('Not ready')
+            const res = await get('/user/billing')
+            console.log(res)
+        } catch (e) {
+            console.log(e)
+        }
+    }
+    return <Button onClick={handleClick}>Welcome: {session.user?.name}</div>;
+};
+export default Navbar;
+```
+## Todo
+- [ ]: Upload request with worker as helper (?)
+- [ ]: Refresh logic
+- [x]: Change returns at error
+- [x]: GET request with auth
+- [x]: POST request with auth
+- [x]: Fix issue with getSession serverside and config set at layout (If used at api/\_/route.tsx)
+- [x]: Fix issue with api endpoints if no layout has been loaded (if accessing api directly)

package/dist/client/index.d.mts ADDED Viewed

@@ -0,0 +1,66 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+declare module "iron-session" {
+    interface IronSessionData<U, T> {
+        user?: U;
+        token?: {
+            jwt: string;
+            refresh: string;
+            decoded: T;
+        };
+    }
+}
+interface ILoginData {
+    data: object;
+    redirect?: string;
+    onErrorUrl?: string;
+}
+interface IRegisterData {
+    data: object;
+    redirect?: string;
+    onErrorUrl?: string;
+}
+interface IOAuthData {
+    state: string;
+    oAuthUrl: string;
+    onErrorUrl?: string;
+}
+interface IResponseError {
+    error: string;
+    message: string;
+}
+interface IResponseSuccess<T, U> {
+    error: null;
+    data: T;
+    details: U;
+}
+interface IAuthContext<U> {
+    isLoggedIn: boolean;
+    ready: boolean;
+    user: U;
+    login: (data: ILoginData) => Promise<string>;
+    register: (data: IRegisterData) => Promise<string>;
+    oAuth: (data: IOAuthData) => Promise<string>;
+    logout: () => Promise<string>;
+    refreshUser: (force?: boolean) => Promise<void>;
+    get: <T, U = any>(url: string) => Promise<ResponseType<T, U>>;
+    post: <T, U = any>(url: string, body: any) => Promise<ResponseType<T, U>>;
+    del: <T, U = any>(url: string) => Promise<ResponseType<T, U>>;
+}
+interface IAuthContextOptions {
+    children: React.ReactNode;
+    routePrefix?: string;
+}
+interface IChildProps {
+    children?: React.ReactNode;
+}
+type ResponseType<T, U = any> = IResponseError | IResponseSuccess<T, U>;
+type LogoutProps = React.FC<React.ComponentProps<'div'> & IChildProps>;
+declare const AuthProvider: <IU>({ children, routePrefix, }: IAuthContextOptions) => react_jsx_runtime.JSX.Element;
+declare const Logout: LogoutProps;
+declare const useAuth: () => IAuthContext<any>;
+export { AuthProvider, Logout, useAuth };

package/dist/client/index.d.ts ADDED Viewed

@@ -0,0 +1,66 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+declare module "iron-session" {
+    interface IronSessionData<U, T> {
+        user?: U;
+        token?: {
+            jwt: string;
+            refresh: string;
+            decoded: T;
+        };
+    }
+}
+interface ILoginData {
+    data: object;
+    redirect?: string;
+    onErrorUrl?: string;
+}
+interface IRegisterData {
+    data: object;
+    redirect?: string;
+    onErrorUrl?: string;
+}
+interface IOAuthData {
+    state: string;
+    oAuthUrl: string;
+    onErrorUrl?: string;
+}
+interface IResponseError {
+    error: string;
+    message: string;
+}
+interface IResponseSuccess<T, U> {
+    error: null;
+    data: T;
+    details: U;
+}
+interface IAuthContext<U> {
+    isLoggedIn: boolean;
+    ready: boolean;
+    user: U;
+    login: (data: ILoginData) => Promise<string>;
+    register: (data: IRegisterData) => Promise<string>;
+    oAuth: (data: IOAuthData) => Promise<string>;
+    logout: () => Promise<string>;
+    refreshUser: (force?: boolean) => Promise<void>;
+    get: <T, U = any>(url: string) => Promise<ResponseType<T, U>>;
+    post: <T, U = any>(url: string, body: any) => Promise<ResponseType<T, U>>;
+    del: <T, U = any>(url: string) => Promise<ResponseType<T, U>>;
+}
+interface IAuthContextOptions {
+    children: React.ReactNode;
+    routePrefix?: string;
+}
+interface IChildProps {
+    children?: React.ReactNode;
+}
+type ResponseType<T, U = any> = IResponseError | IResponseSuccess<T, U>;
+type LogoutProps = React.FC<React.ComponentProps<'div'> & IChildProps>;
+declare const AuthProvider: <IU>({ children, routePrefix, }: IAuthContextOptions) => react_jsx_runtime.JSX.Element;
+declare const Logout: LogoutProps;
+declare const useAuth: () => IAuthContext<any>;
+export { AuthProvider, Logout, useAuth };

package/dist/client/index.js ADDED Viewed

@@ -0,0 +1,238 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+// src/client/index.ts
+var client_exports = {};
+__export(client_exports, {
+  AuthProvider: () => AuthProvider,
+  Logout: () => Logout,
+  useAuth: () => useAuth
+});
+module.exports = __toCommonJS(client_exports);
+// src/client/contextProvider.tsx
+var import_react = require("react");
+// src/client/request.ts
+async function gFetch({
+  url,
+  options
+}) {
+  const response = await fetch(url, {
+    method: "GET",
+    ...options
+  });
+  return await response.json();
+}
+async function pFetch({
+  url,
+  body
+}) {
+  const response = await fetch(url, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(body)
+  });
+  return await response.json();
+}
+async function dFetch({
+  url,
+  options
+}) {
+  const response = await fetch(url, {
+    method: "DELETE",
+    ...options
+  });
+  return await response.json();
+}
+// src/client/contextProvider.tsx
+var import_navigation = require("next/navigation");
+var import_jsx_runtime = require("react/jsx-runtime");
+var AuthContext = (0, import_react.createContext)(null);
+var AuthContextProvider = ({
+  children,
+  routePrefix = "/api"
+}) => {
+  const [isLoggedIn, setIsLoggedIn] = (0, import_react.useState)(false);
+  const [ready, setReady] = (0, import_react.useState)(false);
+  const [user, setUser] = (0, import_react.useState)({});
+  const router = (0, import_navigation.useRouter)();
+  const loginRoute = routePrefix + "/login";
+  const registerRoute = routePrefix + "/register";
+  const logoutRoute = routePrefix + "/logout";
+  const userRoute = routePrefix + "/user";
+  const oAuthRoute = routePrefix + "/oauth";
+  const proxyRoute = routePrefix + "/proxy";
+  const login = async (loginData) => {
+    try {
+      const res = await pFetch({
+        url: loginRoute,
+        body: loginData.data
+      });
+      setIsLoggedIn(true);
+      if (res.error)
+        throw new Error(res.message);
+      return loginData.redirect || "/";
+    } catch (e) {
+      return `${loginData.onErrorUrl || "/"}?error=${e.message}`;
+    }
+  };
+  const register = async (registerData) => {
+    try {
+      const res = await pFetch({
+        url: registerRoute,
+        body: registerData.data
+      });
+      if (res.error)
+        throw new Error(res.message);
+      return `${registerData.redirect || "/"}?success=true`;
+    } catch (e) {
+      return `${registerData.onErrorUrl || "/"}?error=${e.message}`;
+    }
+  };
+  const oAuth = async ({
+    state,
+    oAuthUrl,
+    onErrorUrl
+  }) => {
+    try {
+      const url = new URL(oAuthRoute, "http://localhost/");
+      url.searchParams.set("authUrl", oAuthUrl);
+      if (state && state !== "/")
+        url.searchParams.set("state", state);
+      const response = await gFetch({ url: url.pathname + url.search });
+      return response.data;
+    } catch (e) {
+      return `${onErrorUrl || "/"}?error=${e.message}`;
+    }
+  };
+  const logout = async () => {
+    try {
+      const data = await gFetch({
+        url: logoutRoute,
+        options: { cache: "no-store" }
+      });
+      setIsLoggedIn(false);
+      setUser({});
+      return data.data;
+    } catch (e) {
+      console.log(e);
+      return "/";
+    }
+  };
+  const refreshUser = async (force) => {
+    try {
+      const data = await gFetch({
+        url: `${userRoute}${force ? "?force=true" : ""}`,
+        options: { cache: "no-store" }
+      });
+      if (!data.error) {
+        setUser(data.data);
+        setIsLoggedIn(true);
+      } else {
+        setUser({});
+        setIsLoggedIn(false);
+      }
+      setReady(true);
+      router.refresh();
+    } catch (e) {
+      console.log("refreshUser error: ", e);
+    }
+  };
+  const get = async (url) => {
+    try {
+      const r = await gFetch({ url: `${proxyRoute}${url}` });
+      return r;
+    } catch (e) {
+      return { error: "getRequestError", message: e.message };
+    }
+  };
+  const post = async (url, body) => {
+    try {
+      const r = await pFetch({
+        url: `${proxyRoute}${url}`,
+        body
+      });
+      return r;
+    } catch (e) {
+      return { error: "getRequestError", message: e.message };
+    }
+  };
+  const del = async (url) => {
+    try {
+      const r = await dFetch({ url: `${proxyRoute}${url}` });
+      return r;
+    } catch (e) {
+      return { error: "getRequestError", message: e.message };
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    if (!ready)
+      refreshUser();
+  }, []);
+  const provider = {
+    ready,
+    login,
+    register,
+    logout,
+    isLoggedIn,
+    refreshUser,
+    user,
+    oAuth,
+    get,
+    post,
+    del
+    /* upload, */
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AuthContext.Provider, { value: provider, children });
+};
+var contextProvider_default = AuthContextProvider;
+// src/client/useAuth.ts
+var import_react2 = require("react");
+var useAuthContext = () => {
+  return (0, import_react2.useContext)(AuthContext);
+};
+var useAuth_default = useAuthContext;
+// src/client/Logout.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var LogoutComponent = ({ children, ...props }) => {
+  const { logout } = useAuth_default();
+  const handleLogout = async (e) => {
+    e.preventDefault();
+    await logout();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { onClick: handleLogout, ...props, children });
+};
+var Logout_default = LogoutComponent;
+// src/client/index.ts
+var AuthProvider = contextProvider_default;
+var Logout = Logout_default;
+var useAuth = useAuth_default;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AuthProvider,
+  Logout,
+  useAuth
+});
+//# sourceMappingURL=index.js.map

package/dist/client/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../src/client/index.ts","../../src/client/contextProvider.tsx","../../src/client/request.ts","../../src/client/useAuth.ts","../../src/client/Logout.tsx"],"sourcesContent":["import AuthContextProvider from \"./contextProvider\";\nimport LogoutComponent from \"./Logout\";\nimport useAuthContext from \"./useAuth\";\n\nexport const AuthProvider = AuthContextProvider;\nexport const Logout = LogoutComponent;\nexport const useAuth = useAuthContext;\n","\"use client\";\n\nimport { createContext, useEffect, useState } from \"react\";\nimport {\n IAuthContext,\n IAuthContextOptions,\n ILoginData,\n IOAuthData,\n IRegisterData,\n ResponseType,\n} from \"../types/internal\";\n\nimport { dFetch, gFetch, pFetch } from \"./request\";\n\nimport { useRouter } from \"next/navigation\";\n/* +\n Frontend context for providing login, logout, register and refresh\n 'use client' needed for using -> client components only\n server components need to use useSession()\n*/\n\nexport const AuthContext = createContext<IAuthContext<any>>(null as any);\n\nconst AuthContextProvider = <IU,>({\n children,\n routePrefix = \"/api\",\n}: IAuthContextOptions) => {\n const [isLoggedIn, setIsLoggedIn] = useState(false);\n const [ready, setReady] = useState(false);\n const [user, setUser] = useState<IU | {}>({});\n\n const router = useRouter();\n\n // POST /session/login\n const loginRoute = routePrefix + \"/login\";\n\n // POST /session/refresh\n const registerRoute = routePrefix + \"/register\";\n\n // GET /session/logout\n const logoutRoute = routePrefix + \"/logout\";\n\n // GET /session\n const userRoute = routePrefix + \"/user\";\n\n // GET /session/oauth/API_OAUTH_URL\n const oAuthRoute = routePrefix + \"/oauth\";\n\n // GET/POST/DELETE /proxy/URL\n const proxyRoute = routePrefix + \"/proxy\";\n\n const login = async (loginData: ILoginData): Promise<string> => {\n try {\n const res = await pFetch({\n url: loginRoute,\n body: loginData.data,\n });\n\n setIsLoggedIn(true);\n\n if (res.error) throw new Error(res.message);\n\n return loginData.redirect || \"/\";\n } catch (e: any) {\n return `${loginData.onErrorUrl || \"/\"}?error=${e.message}`;\n }\n };\n\n const register = async (registerData: IRegisterData): Promise<string> => {\n try {\n const res = await pFetch({\n url: registerRoute,\n body: registerData.data,\n });\n\n if (res.error) throw new Error(res.message);\n\n return `${registerData.redirect || \"/\"}?success=true`;\n } catch (e: any) {\n return `${registerData.onErrorUrl || \"/\"}?error=${e.message}`;\n }\n };\n\n const oAuth = async ({\n state,\n oAuthUrl,\n onErrorUrl,\n }: IOAuthData): Promise<string> => {\n try {\n const url = new URL(oAuthRoute, \"http://localhost/\");\n\n url.searchParams.set(\"authUrl\", oAuthUrl);\n\n if (state && state !== \"/\") url.searchParams.set(\"state\", state);\n\n const response = await gFetch({ url: url.pathname + url.search });\n\n return response.data;\n } catch (e: any) {\n return `${onErrorUrl || \"/\"}?error=${e.message}`;\n }\n };\n\n const logout = async (): Promise<string> => {\n try {\n const data = await gFetch({\n url: logoutRoute,\n options: { cache: \"no-store\" },\n });\n\n setIsLoggedIn(false);\n setUser({});\n\n return data.data;\n } catch (e: any) {\n console.log(e);\n return \"/\";\n }\n };\n\n const refreshUser = async (force?: boolean): Promise<void> => {\n try {\n const data = await gFetch({\n url: `${userRoute}${force ? \"?force=true\" : \"\"}`,\n options: { cache: \"no-store\" },\n });\n\n if (!data.error) {\n setUser(data.data);\n setIsLoggedIn(true);\n } else {\n setUser({});\n setIsLoggedIn(false);\n }\n\n setReady(true);\n\n router.refresh();\n } catch (e) {\n console.log(\"refreshUser error: \", e);\n }\n };\n\n const get = async <T, U>(url: string): Promise<ResponseType<T, U>> => {\n try {\n const r = await gFetch({ url: `${proxyRoute}${url}` });\n\n return r;\n } catch (e: any) {\n return { error: \"getRequestError\", message: e.message };\n }\n };\n\n const post = async <T, U = any>(\n url: string,\n body: any\n ): Promise<ResponseType<T, U>> => {\n try {\n const r = await pFetch({\n url: `${proxyRoute}${url}`,\n body,\n });\n\n return r;\n } catch (e: any) {\n return { error: \"getRequestError\", message: e.message };\n }\n };\n\n const del = async <T, U>(url: string): Promise<ResponseType<T, U>> => {\n try {\n const r = await dFetch({ url: `${proxyRoute}${url}` });\n\n return r;\n } catch (e: any) {\n return { error: \"getRequestError\", message: e.message };\n }\n };\n\n /**\n * Can only be used if user is logged in! and already initialised\n * @param url url for upload\n * @param formData form data\n * @param setProgress progress dispatch\n * @returns object with data or error\n */\n /* const upload = async <T, U = any>(\n url: string,\n formName: string,\n files: File[],\n setProgress: (p: number) => void,\n ): Promise<TRequest<T, U>> => {\n try {\n if (!user.token) throw new Error('user not logged in')\n \n const res: Error | XMLHttpRequest = await new Promise(\n (resolve, reject) => {\n try {\n const xhr = new XMLHttpRequest()\n const formData = new FormData()\n \n for (let i = 0; i < files.length; i++)\n formData.append(formName, files[i])\n \n xhr.open('POST', `${API_URL}${url}`, true)\n xhr.setRequestHeader('Authorization', `Bearer ${user.token}`)\n xhr.upload.onprogress = (ev: ProgressEvent<EventTarget>) => {\n if (ev.lengthComputable) {\n const percentComplete = (ev.loaded / ev.total) * 100\n setProgress(percentComplete)\n }\n }\n \n xhr.onload = function () {\n console.log('break3?', this)\n return this.status === 200\n ? resolve(this)\n : reject(new Error('Error while uploading: ' + this.status))\n }\n \n xhr.onerror = (ev: ProgressEvent<EventTarget>) => {\n console.log('break2', ev.target)\n reject(ev)\n }\n \n xhr.send(formData)\n } catch (e) {\n console.log('break1', e)\n reject(e)\n }\n },\n )\n \n if (res instanceof Error) throw res\n \n const data: any = JSON.parse(res.responseText)\n \n if (data.error) throw new Error(data.data)\n \n return { data: data.data }\n } catch (e) {\n console.log('break4', e)\n return { error: e.message || 'upload error' }\n }\n }\n \n const getContext = () => {\n let context = user.id\n \n if (!user.id) {\n // if not logged in\n const cookie = document.cookie\n .split(';')\n .find((c) => c.includes('cycle_cid'))\n \n if (cookie) {\n // use cookie value\n context = cookie.split('=')[1]\n } else {\n // set new cookie\n context =\n Math.random().toString(36).substring(2, 15) +\n Math.random().toString(36).substring(2, 15)\n \n document.cookie = `cycle_cid=${context};path=/;max-age=31536000`\n }\n }\n \n return context\n }\n \n const event = async (name: string, value?: any): Promise<boolean> => {\n try {\n const contextId = getContext()\n \n const r = await fetch(NOFY_API_URL + '/event', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: 'Basic ' + ANALYTICS_KEY,\n },\n body: JSON.stringify({\n source: IS_PROD ? 'cycle-frontend' : 'cycle-frontend-dev',\n contextId,\n name,\n value,\n }),\n })\n \n const res = await r.json()\n if (res.error) throw new Error(res.error)\n \n return true\n } catch (e) {\n console.log('#> event error: ', e)\n return false\n }\n }\n \n const pageView = async (url: string, referer?: string): Promise<boolean> => {\n try {\n const contextId = getContext()\n \n const r = await fetch(NOFY_API_URL + '/log/count', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: 'Basic ' + ANALYTICS_KEY,\n },\n body: JSON.stringify({\n meta: {\n contextId,\n type: 'pageview',\n },\n referer,\n identifier: url,\n }),\n })\n \n const res = await r.json()\n if (res.error) throw new Error(res.error)\n \n return true\n } catch (e) {\n console.log('#> event error: ', e)\n return false\n }\n } */\n\n useEffect(() => {\n if (!ready) refreshUser();\n }, []);\n\n const provider = {\n ready,\n login,\n register,\n logout,\n isLoggedIn,\n refreshUser,\n user,\n oAuth,\n get,\n post,\n del,\n /* upload, */\n };\n\n return (\n <AuthContext.Provider value={provider}>{children}</AuthContext.Provider>\n );\n};\n\nexport default AuthContextProvider;\n","export async function gFetch({\n url,\n options,\n}: {\n url: string | URL;\n options?: object;\n}) {\n const response: Response = await fetch(url, {\n method: \"GET\",\n ...options,\n });\n\n return await response.json();\n}\n\nexport async function pFetch({\n url,\n body,\n}: {\n url: string | URL;\n body: object;\n}) {\n const response: Response = await fetch(url, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(body),\n });\n\n return await response.json();\n}\n\nexport async function dFetch({\n url,\n options,\n}: {\n url: string | URL;\n options?: object;\n}) {\n const response: Response = await fetch(url, {\n method: \"DELETE\",\n ...options,\n });\n\n return await response.json();\n}\n","import { useContext } from \"react\";\nimport { AuthContext } from \"./contextProvider\";\n\nconst useAuthContext = () => {\n return useContext(AuthContext);\n};\n\nexport default useAuthContext;\n","'use client'\n\nimport { IChildProps } from \"../types/internal\";\nimport useAuthContext from \"./useAuth\";\n\nexport type LogoutProps = React.FC<React.ComponentProps<'div'> & IChildProps>\n\nconst LogoutComponent: LogoutProps = ({ children, ...props }) => {\n const { logout } = useAuthContext()\n\n const handleLogout = async (e: any) => {\n e.preventDefault()\n await logout()\n }\n\n return (\n <div onClick={handleLogout} {...props}>\n {children}\n </div>\n )\n}\n\nexport default LogoutComponent"],"mappings":"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","names":["import_react","import_jsx_runtime"]}