@atzentis/auth-react 0.0.4 → 0.0.5

package/dist/index.d.ts

@@ -1,28 +1,34 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import * as _atzentis_auth_sdk from '@atzentis/auth-sdk';
-import { LoginParams, RegisterParams } from '@atzentis/auth-sdk';
+import { AuthClient, User, AuthConfig, LoginCredentials, SignupData } from '@atzentis/auth-sdk';
 
+interface AuthContextValue {
+    client: AuthClient;
+    user: User | null;
+    isAuthenticated: boolean;
+    isLoading: boolean;
+    setUser: (user: User | null) => void;
+}
+declare const AuthContext: react.Context<AuthContextValue | null>;
 interface AuthProviderProps {
-    baseUrl: string;
+    config: AuthConfig;
     children: React.ReactNode;
 }
-declare function AuthProvider({ baseUrl, children }: AuthProviderProps): react_jsx_runtime.JSX.Element;
+declare function AuthProvider({ config, children }: AuthProviderProps): react_jsx_runtime.JSX.Element;
 
 declare function useAuth(): {
     user: _atzentis_auth_sdk.User | null;
-    session: _atzentis_auth_sdk.Session | null;
     isAuthenticated: boolean;
     isLoading: boolean;
-    login: (params: LoginParams) => Promise<_atzentis_auth_sdk.Session>;
-    register: (params: RegisterParams) => Promise<_atzentis_auth_sdk.Session>;
-    logout: () => Promise<void>;
-    refreshSession: () => Promise<_atzentis_auth_sdk.Session>;
+    login: (credentials: LoginCredentials) => Promise<_atzentis_auth_sdk.LoginResponse>;
+    signup: (data: SignupData) => Promise<_atzentis_auth_sdk.SignupResponse>;
 };
 
 declare function useSession(): {
-    session: _atzentis_auth_sdk.Session | null;
+    user: _atzentis_auth_sdk.User | null;
     isAuthenticated: boolean;
     isLoading: boolean;
 };
 
-export { AuthProvider, useAuth, useSession };
+export { AuthContext, type AuthContextValue, AuthProvider, useAuth, useSession };

package/dist/index.js

@@ -1,24 +1,22 @@
 import { AuthClient } from '@atzentis/auth-sdk';
-import { createContext, useState, useEffect, useContext } from 'react';
+import { createContext, useState, useMemo, useContext, useCallback } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 var AuthContext = createContext(null);
-function AuthProvider({ baseUrl, children }) {
-  const [client] = useState(() => new AuthClient({ baseUrl }));
-  const [session, setSession] = useState(null);
-  const [isLoading, setIsLoading] = useState(true);
-  useEffect(() => {
-    client.getSession().then((session2) => {
-      setSession(session2);
-      setIsLoading(false);
-    });
-  }, [client]);
-  const value = {
-    client,
-    session,
-    isAuthenticated: session !== null,
-    isLoading
-  };
+function AuthProvider({ config, children }) {
+  const [client] = useState(() => new AuthClient(config));
+  const [user, setUser] = useState(null);
+  const [isLoading] = useState(false);
+  const value = useMemo(
+    () => ({
+      client,
+      user,
+      isAuthenticated: user !== null,
+      isLoading,
+      setUser
+    }),
+    [client, user, isLoading]
+  );
   return /* @__PURE__ */ jsx(AuthContext.Provider, { value, children });
 }
 function useAuth() {
@@ -26,16 +24,29 @@ function useAuth() {
   if (!context) {
     throw new Error("useAuth must be used within AuthProvider");
   }
-  const { client, session, isAuthenticated, isLoading } = context;
+  const { client, user, isAuthenticated, isLoading, setUser } = context;
+  const login = useCallback(
+    async (credentials) => {
+      const response = await client.login(credentials);
+      setUser(response.user);
+      return response;
+    },
+    [client, setUser]
+  );
+  const signup = useCallback(
+    async (data) => {
+      const response = await client.signup(data);
+      setUser(response.user);
+      return response;
+    },
+    [client, setUser]
+  );
   return {
-    user: session?.user ?? null,
-    session,
+    user,
     isAuthenticated,
     isLoading,
-    login: (params) => client.login(params),
-    register: (params) => client.register(params),
-    logout: () => client.logout(),
-    refreshSession: () => client.refreshSession()
+    login,
+    signup
   };
 }
 function useSession() {
@@ -44,12 +55,12 @@ function useSession() {
     throw new Error("useSession must be used within AuthProvider");
   }
   return {
-    session: context.session,
+    user: context.user,
     isAuthenticated: context.isAuthenticated,
     isLoading: context.isLoading
   };
 }
 
-export { AuthProvider, useAuth, useSession };
+export { AuthContext, AuthProvider, useAuth, useSession };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/provider.tsx","../src/use-auth.ts","../src/use-session.ts"],"names":["session","useContext"],"mappings":";;;;AAWO,IAAM,WAAA,GAAc,cAAuC,IAAI,CAAA;AAO/D,SAAS,YAAA,CAAa,EAAE,OAAA,EAAS,QAAA,EAAS,EAAsB;AACrE,EAAA,MAAM,CAAC,MAAM,CAAA,GAAI,QAAA,CAAS,MAAM,IAAI,UAAA,CAAW,EAAE,OAAA,EAAS,CAAC,CAAA;AAC3D,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAyB,IAAI,CAAA;AAC3D,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,IAAI,CAAA;AAE/C,EAAA,SAAA,CAAU,MAAM;AAEd,IAAA,MAAA,CAAO,UAAA,EAAW,CAAE,IAAA,CAAK,CAACA,QAAAA,KAAY;AACpC,MAAA,UAAA,CAAWA,QAAO,CAAA;AAClB,MAAA,YAAA,CAAa,KAAK,CAAA;AAAA,IACpB,CAAC,CAAA;AAAA,EACH,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,MAAM,KAAA,GAA0B;AAAA,IAC9B,MAAA;AAAA,IACA,OAAA;AAAA,IACA,iBAAiB,OAAA,KAAY,IAAA;AAAA,IAC7B;AAAA,GACF;AAEA,EAAA,uBAAO,GAAA,CAAC,WAAA,CAAY,QAAA,EAAZ,EAAqB,OAAe,QAAA,EAAS,CAAA;AACvD;ACnCO,SAAS,OAAA,GAAU;AACxB,EAAA,MAAM,OAAA,GAAU,WAAW,WAAW,CAAA;AAEtC,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,MAAM,IAAI,MAAM,0CAA0C,CAAA;AAAA,EAC5D;AAEA,EAAA,MAAM,EAAE,MAAA,EAAQ,OAAA,EAAS,eAAA,EAAiB,WAAU,GAAI,OAAA;AAExD,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,SAAS,IAAA,IAAQ,IAAA;AAAA,IACvB,OAAA;AAAA,IACA,eAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA,EAAO,CAAC,MAAA,KAAwB,MAAA,CAAO,MAAM,MAAM,CAAA;AAAA,IACnD,QAAA,EAAU,CAAC,MAAA,KAA2B,MAAA,CAAO,SAAS,MAAM,CAAA;AAAA,IAC5D,MAAA,EAAQ,MAAM,MAAA,CAAO,MAAA,EAAO;AAAA,IAC5B,cAAA,EAAgB,MAAM,MAAA,CAAO,cAAA;AAAe,GAC9C;AACF;ACpBO,SAAS,UAAA,GAAa;AAC3B,EAAA,MAAM,OAAA,GAAUC,WAAW,WAAW,CAAA;AAEtC,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,MAAM,IAAI,MAAM,6CAA6C,CAAA;AAAA,EAC/D;AAEA,EAAA,OAAO;AAAA,IACL,SAAS,OAAA,CAAQ,OAAA;AAAA,IACjB,iBAAiB,OAAA,CAAQ,eAAA;AAAA,IACzB,WAAW,OAAA,CAAQ;AAAA,GACrB;AACF","file":"index.js","sourcesContent":["import { AuthClient } from \"@atzentis/auth-sdk\";\nimport type { Session } from \"@atzentis/auth-sdk\";\nimport { createContext, useEffect, useState } from \"react\";\n\ninterface AuthContextValue {\n  client: AuthClient;\n  session: Session | null;\n  isAuthenticated: boolean;\n  isLoading: boolean;\n}\n\nexport const AuthContext = createContext<AuthContextValue | null>(null);\n\ninterface AuthProviderProps {\n  baseUrl: string;\n  children: React.ReactNode;\n}\n\nexport function AuthProvider({ baseUrl, children }: AuthProviderProps) {\n  const [client] = useState(() => new AuthClient({ baseUrl }));\n  const [session, setSession] = useState<Session | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n\n  useEffect(() => {\n    // Load session on mount\n    client.getSession().then((session) => {\n      setSession(session);\n      setIsLoading(false);\n    });\n  }, [client]);\n\n  const value: AuthContextValue = {\n    client,\n    session,\n    isAuthenticated: session !== null,\n    isLoading,\n  };\n\n  return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;\n}\n","import type { LoginParams, RegisterParams } from \"@atzentis/auth-sdk\";\nimport { useContext } from \"react\";\nimport { AuthContext } from \"./provider\";\n\nexport function useAuth() {\n  const context = useContext(AuthContext);\n\n  if (!context) {\n    throw new Error(\"useAuth must be used within AuthProvider\");\n  }\n\n  const { client, session, isAuthenticated, isLoading } = context;\n\n  return {\n    user: session?.user ?? null,\n    session,\n    isAuthenticated,\n    isLoading,\n    login: (params: LoginParams) => client.login(params),\n    register: (params: RegisterParams) => client.register(params),\n    logout: () => client.logout(),\n    refreshSession: () => client.refreshSession(),\n  };\n}\n","import { useContext } from \"react\";\nimport { AuthContext } from \"./provider\";\n\nexport function useSession() {\n  const context = useContext(AuthContext);\n\n  if (!context) {\n    throw new Error(\"useSession must be used within AuthProvider\");\n  }\n\n  return {\n    session: context.session,\n    isAuthenticated: context.isAuthenticated,\n    isLoading: context.isLoading,\n  };\n}\n"]}
+{"version":3,"sources":["../src/provider.tsx","../src/use-auth.ts","../src/use-session.ts"],"names":["useContext"],"mappings":";;;;AAYO,IAAM,WAAA,GAAc,cAAuC,IAAI;AAO/D,SAAS,YAAA,CAAa,EAAE,MAAA,EAAQ,QAAA,EAAS,EAAsB;AACpE,EAAA,MAAM,CAAC,MAAM,CAAA,GAAI,QAAA,CAAS,MAAM,IAAI,UAAA,CAAW,MAAM,CAAC,CAAA;AACtD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAsB,IAAI,CAAA;AAClD,EAAA,MAAM,CAAC,SAAS,CAAA,GAAI,QAAA,CAAS,KAAK,CAAA;AAElC,EAAA,MAAM,KAAA,GAA0B,OAAA;AAAA,IAC9B,OAAO;AAAA,MACL,MAAA;AAAA,MACA,IAAA;AAAA,MACA,iBAAiB,IAAA,KAAS,IAAA;AAAA,MAC1B,SAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,MAAA,EAAQ,IAAA,EAAM,SAAS;AAAA,GAC1B;AAEA,EAAA,uBAAO,GAAA,CAAC,WAAA,CAAY,QAAA,EAAZ,EAAqB,OAAe,QAAA,EAAS,CAAA;AACvD;AChCO,SAAS,OAAA,GAAU;AACxB,EAAA,MAAM,OAAA,GAAU,WAAW,WAAW,CAAA;AAEtC,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,MAAM,IAAI,MAAM,0CAA0C,CAAA;AAAA,EAC5D;AAEA,EAAA,MAAM,EAAE,MAAA,EAAQ,IAAA,EAAM,eAAA,EAAiB,SAAA,EAAW,SAAQ,GAAI,OAAA;AAE9D,EAAA,MAAM,KAAA,GAAQ,WAAA;AAAA,IACZ,OAAO,WAAA,KAAkC;AACvC,MAAA,MAAM,QAAA,GAAW,MAAM,MAAA,CAAO,KAAA,CAAM,WAAW,CAAA;AAC/C,MAAA,OAAA,CAAQ,SAAS,IAAI,CAAA;AACrB,MAAA,OAAO,QAAA;AAAA,IACT,CAAA;AAAA,IACA,CAAC,QAAQ,OAAO;AAAA,GAClB;AAEA,EAAA,MAAM,MAAA,GAAS,WAAA;AAAA,IACb,OAAO,IAAA,KAAqB;AAC1B,MAAA,MAAM,QAAA,GAAW,MAAM,MAAA,CAAO,MAAA,CAAO,IAAI,CAAA;AACzC,MAAA,OAAA,CAAQ,SAAS,IAAI,CAAA;AACrB,MAAA,OAAO,QAAA;AAAA,IACT,CAAA;AAAA,IACA,CAAC,QAAQ,OAAO;AAAA,GAClB;AAEA,EAAA,OAAO;AAAA,IACL,IAAA;AAAA,IACA,eAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACF;AACF;ACnCO,SAAS,UAAA,GAAa;AAC3B,EAAA,MAAM,OAAA,GAAUA,WAAW,WAAW,CAAA;AAEtC,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,MAAM,IAAI,MAAM,6CAA6C,CAAA;AAAA,EAC/D;AAEA,EAAA,OAAO;AAAA,IACL,MAAM,OAAA,CAAQ,IAAA;AAAA,IACd,iBAAiB,OAAA,CAAQ,eAAA;AAAA,IACzB,WAAW,OAAA,CAAQ;AAAA,GACrB;AACF","file":"index.js","sourcesContent":["import type { AuthConfig, User } from \"@atzentis/auth-sdk\";\nimport { AuthClient } from \"@atzentis/auth-sdk\";\nimport { createContext, useMemo, useState } from \"react\";\n\nexport interface AuthContextValue {\n  client: AuthClient;\n  user: User | null;\n  isAuthenticated: boolean;\n  isLoading: boolean;\n  setUser: (user: User | null) => void;\n}\n\nexport const AuthContext = createContext<AuthContextValue | null>(null);\n\ninterface AuthProviderProps {\n  config: AuthConfig;\n  children: React.ReactNode;\n}\n\nexport function AuthProvider({ config, children }: AuthProviderProps) {\n  const [client] = useState(() => new AuthClient(config));\n  const [user, setUser] = useState<User | null>(null);\n  const [isLoading] = useState(false);\n\n  const value: AuthContextValue = useMemo(\n    () => ({\n      client,\n      user,\n      isAuthenticated: user !== null,\n      isLoading,\n      setUser,\n    }),\n    [client, user, isLoading],\n  );\n\n  return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;\n}\n","import type { LoginCredentials, SignupData } from \"@atzentis/auth-sdk\";\nimport { useCallback, useContext } from \"react\";\nimport { AuthContext } from \"./provider\";\n\nexport function useAuth() {\n  const context = useContext(AuthContext);\n\n  if (!context) {\n    throw new Error(\"useAuth must be used within AuthProvider\");\n  }\n\n  const { client, user, isAuthenticated, isLoading, setUser } = context;\n\n  const login = useCallback(\n    async (credentials: LoginCredentials) => {\n      const response = await client.login(credentials);\n      setUser(response.user);\n      return response;\n    },\n    [client, setUser],\n  );\n\n  const signup = useCallback(\n    async (data: SignupData) => {\n      const response = await client.signup(data);\n      setUser(response.user);\n      return response;\n    },\n    [client, setUser],\n  );\n\n  return {\n    user,\n    isAuthenticated,\n    isLoading,\n    login,\n    signup,\n  };\n}\n","import { useContext } from \"react\";\nimport { AuthContext } from \"./provider\";\n\nexport function useSession() {\n  const context = useContext(AuthContext);\n\n  if (!context) {\n    throw new Error(\"useSession must be used within AuthProvider\");\n  }\n\n  return {\n    user: context.user,\n    isAuthenticated: context.isAuthenticated,\n    isLoading: context.isLoading,\n  };\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atzentis/auth-react",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Atzentis Auth React — hooks and components for auth.atzentis.com",
   "keywords": [
     "atzentis",
@@ -34,7 +34,7 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@atzentis/auth-sdk": "0.0.4"
+    "@atzentis/auth-sdk": "0.0.5"
   },
   "peerDependencies": {
     "react": ">=18.0.0",