@sparkstudio/authentication-ui 1.0.5 → 1.0.6

package/dist/index.cjs

@@ -20,7 +20,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  AuthenticationTestButton: () => AuthenticationTestButton,
   AuthenticatorProvider: () => AuthenticatorProvider,
   EMPTY_GUID: () => EMPTY_GUID,
   LoginButton: () => LoginButton,
@@ -34,14 +33,6 @@ module.exports = __toCommonJS(index_exports);
 // src/context/UserProvider.tsx
 var import_react = require("react");
 
-// src/AppSettings.ts
-var AppSettings = {
-  APIUrl: "https://localhost:5001",
-  Version: "1.0.0",
-  GoogleClientId: "317399248822-u2seld36hjot7nf2p24oe3icm01aok51.apps.googleusercontent.com",
-  ApplicationName: "3D Crate"
-};
-
 // src/api/Controllers/Auth.ts
 var Auth = class {
   baseUrl;
@@ -111,34 +102,50 @@ var SparkStudioAuthenticationSDK = class {
 // src/context/UserProvider.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var UserContext = (0, import_react.createContext)(void 0);
-function UserProvider({ children }) {
+function UserProvider({
+  children,
+  apiUrl,
+  onLoginSuccess,
+  onLoginFailed,
+  onLogoutSuccess,
+  onLogoutFailed
+}) {
   const [user, setUserState] = (0, import_react.useState)(null);
   (0, import_react.useEffect)(() => {
     const fetchUser = async () => {
       try {
-        const api = new SparkStudioAuthenticationSDK(AppSettings.APIUrl);
+        const api = new SparkStudioAuthenticationSDK(apiUrl);
         const me = await api.auth.GetCurrentUser();
-        setUserState(me);
+        setUser(me);
       } catch (error) {
         console.warn("No user logged in", error);
         setUserState(null);
+        onLoginFailed?.(error);
       }
     };
     fetchUser();
-  }, []);
+  }, [apiUrl]);
   const setUser = (user2) => {
     setUserState(user2);
+    if (user2) {
+      onLoginSuccess?.(user2);
+    }
   };
   const logout = async () => {
     try {
-      const api = new SparkStudioAuthenticationSDK(AppSettings.APIUrl);
+      const api = new SparkStudioAuthenticationSDK(apiUrl);
       await api.auth.Logout?.();
+      onLogoutSuccess?.();
     } catch (err) {
-      console.warn("Logout failed (server side), clearing client state anyway", err);
+      console.warn(
+        "Logout failed (server side), clearing client state anyway",
+        err
+      );
+      onLogoutFailed?.(err);
     }
     setUserState(null);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UserContext.Provider, { value: { user, setUser, logout }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UserContext.Provider, { value: { user, setUser, logout, apiUrl }, children });
 }
 function useUser() {
   const context = (0, import_react.useContext)(UserContext);
@@ -151,27 +158,35 @@ var import_react2 = require("react");
 var import_google = require("@react-oauth/google");
 var import_common_ui = require("@sparkstudio/common-ui");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-function LoginButton({ onSuccess }) {
-  const { setUser } = useUser();
+function LoginButton({ onLogin, onLoginFailed }) {
+  const { setUser, apiUrl } = useUser();
   const [loading, setLoading] = (0, import_react2.useState)(false);
   const login = (0, import_google.useGoogleLogin)({
     flow: "implicit",
     onSuccess: async (tokenResponse) => {
       try {
-        const api = new SparkStudioAuthenticationSDK(AppSettings.APIUrl);
+        const api = new SparkStudioAuthenticationSDK(apiUrl);
         const authentication = await api.auth.SignIn({
           Token: tokenResponse.access_token
         });
-        setUser(authentication?.User ?? null);
-        onSuccess?.(tokenResponse);
+        const user = authentication?.User ?? null;
+        setUser(user);
+        onLogin?.(user);
       } catch (error) {
         console.error("\u{1F534} Login failed (Google or backend SignIn)", error);
+        onLoginFailed?.(error);
       } finally {
         setLoading(false);
       }
     },
     onError: (error) => {
-      console.error("\u274C Google Login Failed", error);
+      console.error("\u274C Google OAuth Login Failed", error);
+      onLoginFailed?.(error);
+      setLoading(false);
+    },
+    onNonOAuthError: (nonOAuthError) => {
+      console.error("\u26A0\uFE0F Google Non-OAuth error", nonOAuthError);
+      onLoginFailed?.(nonOAuthError);
       setLoading(false);
     }
   });
@@ -182,6 +197,7 @@ function LoginButton({ onSuccess }) {
       login();
     } catch (err) {
       console.error("Error starting Google login", err);
+      onLoginFailed?.(err);
       setLoading(false);
     }
   };
@@ -199,7 +215,7 @@ function LoginButton({ onSuccess }) {
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       "img",
       {
-        src: "../../assets/icons/google_icon.webp",
+        src: "https://upload.wikimedia.org/wikipedia/commons/thumb/3/3c/Google_Favicon_2025.svg/960px-Google_Favicon_2025.svg.png",
         alt: "Google",
         style: { width: "21px", height: "21px", margin: 0, padding: 0 }
       }
@@ -211,14 +227,22 @@ function LoginButton({ onSuccess }) {
 // src/components/UserInfoCard.tsx
 var import_common_ui2 = require("@sparkstudio/common-ui");
 var import_jsx_runtime3 = require("react/jsx-runtime");
-function UserInfoCard() {
+function UserInfoCard({ onLogin, onLogout, onLoginFailed }) {
   const { user, logout } = useUser();
+  const handleLogout = async () => {
+    try {
+      await logout();
+      onLogout?.();
+    } catch (err) {
+      console.error("Logout failed", err);
+    }
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: user ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     import_common_ui2.Button,
     {
       loadingText: "Logging out...",
       showSpinner: true,
-      onAction: () => logout(),
+      onAction: handleLogout,
       renderContent: () => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           "img",
@@ -242,7 +266,13 @@ function UserInfoCard() {
         "Logging out..."
       ] })
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LoginButton, {}) });
+  ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    LoginButton,
+    {
+      onLogin,
+      onLoginFailed
+    }
+  ) });
 }
 
 // src/components/AuthenticatorProvider.tsx
@@ -250,23 +280,30 @@ var import_google2 = require("@react-oauth/google");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function AuthenticatorProvider({
   googleClientId,
-  children
+  apiUrl,
+  children,
+  onLoginSuccess,
+  onLoginFailed,
+  onLogoutSuccess,
+  onLogoutFailed
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_google2.GoogleOAuthProvider, { clientId: googleClientId, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(UserProvider, { children }) });
-}
-
-// src/components/Buttons/AuthenticationTestButton.tsx
-var import_common_ui3 = require("@sparkstudio/common-ui");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-function AuthenticationTestButton({ onSuccess }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_common_ui3.Button, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_google2.GoogleOAuthProvider, { clientId: googleClientId, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    UserProvider,
+    {
+      apiUrl,
+      onLoginSuccess,
+      onLoginFailed,
+      onLogoutSuccess,
+      onLogoutFailed,
+      children
+    }
+  ) });
 }
 
 // src/types/Guid.ts
 var EMPTY_GUID = "00000000-0000-0000-0000-000000000000";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  AuthenticationTestButton,
   AuthenticatorProvider,
   EMPTY_GUID,
   LoginButton,

package/dist/index.d.cts

@@ -1,28 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
-declare function UserInfoCard(): react_jsx_runtime.JSX.Element;
-
-interface AuthenticatorProviderProps {
-    googleClientId: string;
-    children: ReactNode;
-}
-/**
- * Public entrypoint for consumers:
- * Wraps children with Google OAuth + User context.
- */
-declare function AuthenticatorProvider({ googleClientId, children, }: AuthenticatorProviderProps): react_jsx_runtime.JSX.Element;
-
-interface LoginButtonProps {
-    onSuccess?: (tokenResponse: any) => void;
-}
-declare function LoginButton({ onSuccess }: LoginButtonProps): react_jsx_runtime.JSX.Element;
-
-interface AuthenticationTestButtonProps {
-    onSuccess?: (tokenResponse: any) => void;
-}
-declare function AuthenticationTestButton({ onSuccess }: AuthenticationTestButtonProps): react_jsx_runtime.JSX.Element;
-
 /**
  * Represents an Auto-generated model for UserDTO.
  */
@@ -41,15 +19,61 @@ declare class UserDTO implements IUserDTO {
     constructor(init: UserDTOInit);
 }
 
+interface UserInfoCardProps {
+    onLogin?: (user: UserDTO) => void;
+    onLoginFailed?: (error: string) => void;
+    onLogout?: () => void;
+}
+declare function UserInfoCard({ onLogin, onLogout, onLoginFailed }: UserInfoCardProps): react_jsx_runtime.JSX.Element;
+
+interface AuthenticatorProviderProps {
+    googleClientId: string;
+    apiUrl: string;
+    children: ReactNode;
+    onLoginSuccess?: (user: UserDTO | null) => void;
+    onLoginFailed?: (error: unknown) => void;
+    onLogoutSuccess?: () => void;
+    onLogoutFailed?: (error: unknown) => void;
+}
+/**
+ * Public entrypoint for consumers:
+ * Wraps children with Google OAuth + User context.
+ */
+declare function AuthenticatorProvider({ googleClientId, apiUrl, children, onLoginSuccess, onLoginFailed, onLogoutSuccess, onLogoutFailed, }: AuthenticatorProviderProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Represents an Auto-generated model for AuthResponse.
+ */
+interface IAuthResponse {
+    User: UserDTO;
+}
+type AuthResponseInit = Partial<IAuthResponse> & Pick<IAuthResponse, "User">;
+declare class AuthResponse implements IAuthResponse {
+    User: UserDTO;
+    constructor(init: AuthResponseInit);
+}
+
+interface LoginButtonProps {
+    onLogin?: (user: AuthResponse["User"]) => void;
+    onLoginFailed?: (error: any) => void;
+}
+declare function LoginButton({ onLogin, onLoginFailed }: LoginButtonProps): react_jsx_runtime.JSX.Element;
+
 interface UserContextType {
     user: UserDTO | null;
     setUser: (user: UserDTO | null) => void;
     logout: () => Promise<void>;
+    apiUrl: string;
 }
 interface UserProviderProps {
     children: ReactNode;
+    apiUrl: string;
+    onLoginSuccess?: (user: UserDTO | null) => void;
+    onLoginFailed?: (error: unknown) => void;
+    onLogoutSuccess?: () => void;
+    onLogoutFailed?: (error: unknown) => void;
 }
-declare function UserProvider({ children }: UserProviderProps): react_jsx_runtime.JSX.Element;
+declare function UserProvider({ children, apiUrl, onLoginSuccess, onLoginFailed, onLogoutSuccess, onLogoutFailed, }: UserProviderProps): react_jsx_runtime.JSX.Element;
 declare function useUser(): UserContextType;
 
 type Guid = string;
@@ -67,18 +91,6 @@ declare class TokenRequest implements ITokenRequest {
     constructor(init: TokenRequestInit);
 }
 
-/**
- * Represents an Auto-generated model for AuthResponse.
- */
-interface IAuthResponse {
-    User: UserDTO;
-}
-type AuthResponseInit = Partial<IAuthResponse> & Pick<IAuthResponse, "User">;
-declare class AuthResponse implements IAuthResponse {
-    User: UserDTO;
-    constructor(init: AuthResponseInit);
-}
-
 /**
 * Auto-generated client for the Auth controller.
 */
@@ -107,4 +119,4 @@ declare class SparkStudioAuthenticationSDK {
     constructor(baseUrl: string);
 }
 
-export { AuthenticationTestButton, AuthenticatorProvider, type AuthenticatorProviderProps, EMPTY_GUID, type Guid, LoginButton, SparkStudioAuthenticationSDK, UserInfoCard, UserProvider, useUser };
+export { AuthenticatorProvider, type AuthenticatorProviderProps, EMPTY_GUID, type Guid, LoginButton, SparkStudioAuthenticationSDK, UserInfoCard, UserProvider, useUser };

package/dist/index.d.ts

@@ -1,28 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
-declare function UserInfoCard(): react_jsx_runtime.JSX.Element;
-
-interface AuthenticatorProviderProps {
-    googleClientId: string;
-    children: ReactNode;
-}
-/**
- * Public entrypoint for consumers:
- * Wraps children with Google OAuth + User context.
- */
-declare function AuthenticatorProvider({ googleClientId, children, }: AuthenticatorProviderProps): react_jsx_runtime.JSX.Element;
-
-interface LoginButtonProps {
-    onSuccess?: (tokenResponse: any) => void;
-}
-declare function LoginButton({ onSuccess }: LoginButtonProps): react_jsx_runtime.JSX.Element;
-
-interface AuthenticationTestButtonProps {
-    onSuccess?: (tokenResponse: any) => void;
-}
-declare function AuthenticationTestButton({ onSuccess }: AuthenticationTestButtonProps): react_jsx_runtime.JSX.Element;
-
 /**
  * Represents an Auto-generated model for UserDTO.
  */
@@ -41,15 +19,61 @@ declare class UserDTO implements IUserDTO {
     constructor(init: UserDTOInit);
 }
 
+interface UserInfoCardProps {
+    onLogin?: (user: UserDTO) => void;
+    onLoginFailed?: (error: string) => void;
+    onLogout?: () => void;
+}
+declare function UserInfoCard({ onLogin, onLogout, onLoginFailed }: UserInfoCardProps): react_jsx_runtime.JSX.Element;
+
+interface AuthenticatorProviderProps {
+    googleClientId: string;
+    apiUrl: string;
+    children: ReactNode;
+    onLoginSuccess?: (user: UserDTO | null) => void;
+    onLoginFailed?: (error: unknown) => void;
+    onLogoutSuccess?: () => void;
+    onLogoutFailed?: (error: unknown) => void;
+}
+/**
+ * Public entrypoint for consumers:
+ * Wraps children with Google OAuth + User context.
+ */
+declare function AuthenticatorProvider({ googleClientId, apiUrl, children, onLoginSuccess, onLoginFailed, onLogoutSuccess, onLogoutFailed, }: AuthenticatorProviderProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Represents an Auto-generated model for AuthResponse.
+ */
+interface IAuthResponse {
+    User: UserDTO;
+}
+type AuthResponseInit = Partial<IAuthResponse> & Pick<IAuthResponse, "User">;
+declare class AuthResponse implements IAuthResponse {
+    User: UserDTO;
+    constructor(init: AuthResponseInit);
+}
+
+interface LoginButtonProps {
+    onLogin?: (user: AuthResponse["User"]) => void;
+    onLoginFailed?: (error: any) => void;
+}
+declare function LoginButton({ onLogin, onLoginFailed }: LoginButtonProps): react_jsx_runtime.JSX.Element;
+
 interface UserContextType {
     user: UserDTO | null;
     setUser: (user: UserDTO | null) => void;
     logout: () => Promise<void>;
+    apiUrl: string;
 }
 interface UserProviderProps {
     children: ReactNode;
+    apiUrl: string;
+    onLoginSuccess?: (user: UserDTO | null) => void;
+    onLoginFailed?: (error: unknown) => void;
+    onLogoutSuccess?: () => void;
+    onLogoutFailed?: (error: unknown) => void;
 }
-declare function UserProvider({ children }: UserProviderProps): react_jsx_runtime.JSX.Element;
+declare function UserProvider({ children, apiUrl, onLoginSuccess, onLoginFailed, onLogoutSuccess, onLogoutFailed, }: UserProviderProps): react_jsx_runtime.JSX.Element;
 declare function useUser(): UserContextType;
 
 type Guid = string;
@@ -67,18 +91,6 @@ declare class TokenRequest implements ITokenRequest {
     constructor(init: TokenRequestInit);
 }
 
-/**
- * Represents an Auto-generated model for AuthResponse.
- */
-interface IAuthResponse {
-    User: UserDTO;
-}
-type AuthResponseInit = Partial<IAuthResponse> & Pick<IAuthResponse, "User">;
-declare class AuthResponse implements IAuthResponse {
-    User: UserDTO;
-    constructor(init: AuthResponseInit);
-}
-
 /**
 * Auto-generated client for the Auth controller.
 */
@@ -107,4 +119,4 @@ declare class SparkStudioAuthenticationSDK {
     constructor(baseUrl: string);
 }
 
-export { AuthenticationTestButton, AuthenticatorProvider, type AuthenticatorProviderProps, EMPTY_GUID, type Guid, LoginButton, SparkStudioAuthenticationSDK, UserInfoCard, UserProvider, useUser };
+export { AuthenticatorProvider, type AuthenticatorProviderProps, EMPTY_GUID, type Guid, LoginButton, SparkStudioAuthenticationSDK, UserInfoCard, UserProvider, useUser };

package/dist/index.js

@@ -1,13 +1,10 @@
 // src/context/UserProvider.tsx
-import { createContext, useContext, useState, useEffect } from "react";
-
-// src/AppSettings.ts
-var AppSettings = {
-  APIUrl: "https://localhost:5001",
-  Version: "1.0.0",
-  GoogleClientId: "317399248822-u2seld36hjot7nf2p24oe3icm01aok51.apps.googleusercontent.com",
-  ApplicationName: "3D Crate"
-};
+import {
+  createContext,
+  useContext,
+  useState,
+  useEffect
+} from "react";
 
 // src/api/Controllers/Auth.ts
 var Auth = class {
@@ -78,34 +75,50 @@ var SparkStudioAuthenticationSDK = class {
 // src/context/UserProvider.tsx
 import { jsx } from "react/jsx-runtime";
 var UserContext = createContext(void 0);
-function UserProvider({ children }) {
+function UserProvider({
+  children,
+  apiUrl,
+  onLoginSuccess,
+  onLoginFailed,
+  onLogoutSuccess,
+  onLogoutFailed
+}) {
   const [user, setUserState] = useState(null);
   useEffect(() => {
     const fetchUser = async () => {
       try {
-        const api = new SparkStudioAuthenticationSDK(AppSettings.APIUrl);
+        const api = new SparkStudioAuthenticationSDK(apiUrl);
         const me = await api.auth.GetCurrentUser();
-        setUserState(me);
+        setUser(me);
       } catch (error) {
         console.warn("No user logged in", error);
         setUserState(null);
+        onLoginFailed?.(error);
       }
     };
     fetchUser();
-  }, []);
+  }, [apiUrl]);
   const setUser = (user2) => {
     setUserState(user2);
+    if (user2) {
+      onLoginSuccess?.(user2);
+    }
   };
   const logout = async () => {
     try {
-      const api = new SparkStudioAuthenticationSDK(AppSettings.APIUrl);
+      const api = new SparkStudioAuthenticationSDK(apiUrl);
       await api.auth.Logout?.();
+      onLogoutSuccess?.();
     } catch (err) {
-      console.warn("Logout failed (server side), clearing client state anyway", err);
+      console.warn(
+        "Logout failed (server side), clearing client state anyway",
+        err
+      );
+      onLogoutFailed?.(err);
     }
     setUserState(null);
   };
-  return /* @__PURE__ */ jsx(UserContext.Provider, { value: { user, setUser, logout }, children });
+  return /* @__PURE__ */ jsx(UserContext.Provider, { value: { user, setUser, logout, apiUrl }, children });
 }
 function useUser() {
   const context = useContext(UserContext);
@@ -118,27 +131,35 @@ import { useState as useState2 } from "react";
 import { useGoogleLogin } from "@react-oauth/google";
 import { Button } from "@sparkstudio/common-ui";
 import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
-function LoginButton({ onSuccess }) {
-  const { setUser } = useUser();
+function LoginButton({ onLogin, onLoginFailed }) {
+  const { setUser, apiUrl } = useUser();
   const [loading, setLoading] = useState2(false);
   const login = useGoogleLogin({
     flow: "implicit",
     onSuccess: async (tokenResponse) => {
       try {
-        const api = new SparkStudioAuthenticationSDK(AppSettings.APIUrl);
+        const api = new SparkStudioAuthenticationSDK(apiUrl);
         const authentication = await api.auth.SignIn({
           Token: tokenResponse.access_token
         });
-        setUser(authentication?.User ?? null);
-        onSuccess?.(tokenResponse);
+        const user = authentication?.User ?? null;
+        setUser(user);
+        onLogin?.(user);
       } catch (error) {
         console.error("\u{1F534} Login failed (Google or backend SignIn)", error);
+        onLoginFailed?.(error);
       } finally {
         setLoading(false);
       }
     },
     onError: (error) => {
-      console.error("\u274C Google Login Failed", error);
+      console.error("\u274C Google OAuth Login Failed", error);
+      onLoginFailed?.(error);
+      setLoading(false);
+    },
+    onNonOAuthError: (nonOAuthError) => {
+      console.error("\u26A0\uFE0F Google Non-OAuth error", nonOAuthError);
+      onLoginFailed?.(nonOAuthError);
       setLoading(false);
     }
   });
@@ -149,6 +170,7 @@ function LoginButton({ onSuccess }) {
       login();
     } catch (err) {
       console.error("Error starting Google login", err);
+      onLoginFailed?.(err);
       setLoading(false);
     }
   };
@@ -166,7 +188,7 @@ function LoginButton({ onSuccess }) {
     /* @__PURE__ */ jsx2(
       "img",
       {
-        src: "../../assets/icons/google_icon.webp",
+        src: "https://upload.wikimedia.org/wikipedia/commons/thumb/3/3c/Google_Favicon_2025.svg/960px-Google_Favicon_2025.svg.png",
         alt: "Google",
         style: { width: "21px", height: "21px", margin: 0, padding: 0 }
       }
@@ -178,14 +200,22 @@ function LoginButton({ onSuccess }) {
 // src/components/UserInfoCard.tsx
 import { Button as Button2 } from "@sparkstudio/common-ui";
 import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function UserInfoCard() {
+function UserInfoCard({ onLogin, onLogout, onLoginFailed }) {
   const { user, logout } = useUser();
+  const handleLogout = async () => {
+    try {
+      await logout();
+      onLogout?.();
+    } catch (err) {
+      console.error("Logout failed", err);
+    }
+  };
   return /* @__PURE__ */ jsx3(Fragment2, { children: user ? /* @__PURE__ */ jsx3(
     Button2,
     {
       loadingText: "Logging out...",
       showSpinner: true,
-      onAction: () => logout(),
+      onAction: handleLogout,
       renderContent: () => /* @__PURE__ */ jsxs2(Fragment2, { children: [
         /* @__PURE__ */ jsx3(
           "img",
@@ -209,7 +239,13 @@ function UserInfoCard() {
         "Logging out..."
       ] })
     }
-  ) : /* @__PURE__ */ jsx3(LoginButton, {}) });
+  ) : /* @__PURE__ */ jsx3(
+    LoginButton,
+    {
+      onLogin,
+      onLoginFailed
+    }
+  ) });
 }
 
 // src/components/AuthenticatorProvider.tsx
@@ -217,22 +253,29 @@ import { GoogleOAuthProvider } from "@react-oauth/google";
 import { jsx as jsx4 } from "react/jsx-runtime";
 function AuthenticatorProvider({
   googleClientId,
-  children
+  apiUrl,
+  children,
+  onLoginSuccess,
+  onLoginFailed,
+  onLogoutSuccess,
+  onLogoutFailed
 }) {
-  return /* @__PURE__ */ jsx4(GoogleOAuthProvider, { clientId: googleClientId, children: /* @__PURE__ */ jsx4(UserProvider, { children }) });
-}
-
-// src/components/Buttons/AuthenticationTestButton.tsx
-import { Button as Button3 } from "@sparkstudio/common-ui";
-import { jsx as jsx5 } from "react/jsx-runtime";
-function AuthenticationTestButton({ onSuccess }) {
-  return /* @__PURE__ */ jsx5(Button3, {});
+  return /* @__PURE__ */ jsx4(GoogleOAuthProvider, { clientId: googleClientId, children: /* @__PURE__ */ jsx4(
+    UserProvider,
+    {
+      apiUrl,
+      onLoginSuccess,
+      onLoginFailed,
+      onLogoutSuccess,
+      onLogoutFailed,
+      children
+    }
+  ) });
 }
 
 // src/types/Guid.ts
 var EMPTY_GUID = "00000000-0000-0000-0000-000000000000";
 export {
-  AuthenticationTestButton,
   AuthenticatorProvider,
   EMPTY_GUID,
   LoginButton,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sparkstudio/authentication-ui",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",