@sparkstudio/authentication-ui 1.0.24 → 1.0.26

package/dist/index.cjs

@@ -20,18 +20,40 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  AppSettings: () => AppSettings,
+  Auth: () => Auth,
+  AuthResponse: () => AuthResponse,
   AuthenticatorProvider: () => AuthenticatorProvider,
   EMPTY_GUID: () => EMPTY_GUID,
+  Home: () => Home,
   LoginButton: () => LoginButton,
   SparkStudioAuthenticationSDK: () => SparkStudioAuthenticationSDK,
+  TokenRequest: () => TokenRequest,
+  UserDTO: () => UserDTO,
   UserInfoCard: () => UserInfoCard,
   UserProvider: () => UserProvider,
+  loadConfig: () => loadConfig,
   useUser: () => useUser
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/context/UserProvider.tsx
-var import_react = require("react");
+// src/AppSettings.ts
+var AppSettings = {
+  AuthenticationUrl: "https://nqf2pnj4zh.execute-api.us-east-2.amazonaws.com/Prod",
+  AccountsUrl: "https://qm80qdl3rh.execute-api.us-east-2.amazonaws.com/Prod",
+  Version: "1.0.0",
+  GoogleClientId: "317399248822-u2seld36hjot7nf2p24oe3icm01aok51.apps.googleusercontent.com",
+  ApplicationName: "Spark Studio Authentication"
+};
+async function loadConfig() {
+  const response = await fetch("/appsettings.json");
+  const config = await response.json();
+  AppSettings.AuthenticationUrl = config.AuthenticationUrl;
+  AppSettings.AccountsUrl = config.AccountsUrl;
+  AppSettings.Version = config.Version;
+  AppSettings.GoogleClientId = config.GoogleClientId;
+  AppSettings.ApplicationName = config.ApplicationName;
+}
 
 // src/api/Controllers/Auth.ts
 var Auth = class {
@@ -102,7 +124,45 @@ var SparkStudioAuthenticationSDK = class {
   }
 };
 
+// src/api/DTOs/AuthResponse.ts
+var AuthResponse = class {
+  Token;
+  User;
+  constructor(init) {
+    this.Token = init.Token;
+    this.User = init.User;
+  }
+};
+
+// src/api/DTOs/TokenRequest.ts
+var TokenRequest = class {
+  Token;
+  constructor(init) {
+    this.Token = init.Token;
+  }
+};
+
+// src/api/DTOs/UserDTO.ts
+var UserDTO = class {
+  Id;
+  Sub;
+  Name;
+  Email;
+  ProfilePicture;
+  constructor(init) {
+    this.Id = init.Id;
+    this.Sub = init.Sub;
+    this.Name = init.Name;
+    this.Email = init.Email;
+    this.ProfilePicture = init.ProfilePicture;
+  }
+};
+
+// src/components/AuthenticatorProvider.tsx
+var import_google = require("@react-oauth/google");
+
 // src/context/UserProvider.tsx
+var import_react = require("react");
 var import_accounts_sdk = require("@sparkstudio/accounts-sdk");
 var import_jsx_runtime = require("react/jsx-runtime");
 var UserContext = (0, import_react.createContext)(void 0);
@@ -125,8 +185,11 @@ function UserProvider({
         const me = await api.auth.GetCurrentUser();
         if (me) {
           const accountsApi = new import_accounts_sdk.SparkStudioAccountsSDK(accountsUrl);
-          const dbUser = await accountsApi.users.SyncUser();
-          setUser(dbUser);
+          const authResponseDTO = await accountsApi.users.SyncUser();
+          localStorage.setItem("auth_token", authResponseDTO?.Token ?? "");
+          const user2 = authResponseDTO?.User ?? null;
+          setUser(user2);
+          onLoginSuccess?.(user2);
         } else {
           throw new Error("Authenticated user in cache does not exist.");
         }
@@ -183,28 +246,56 @@ function useUser() {
   return context;
 }
 
+// src/components/AuthenticatorProvider.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function AuthenticatorProvider({
+  googleClientId,
+  authenticationUrl,
+  accountsUrl,
+  children,
+  onLoginSuccess,
+  onLoginFailed,
+  onLogoutSuccess,
+  onLogoutFailed
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_google.GoogleOAuthProvider, { clientId: googleClientId, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    UserProvider,
+    {
+      authenticationUrl,
+      accountsUrl,
+      onLoginSuccess,
+      onLoginFailed,
+      onLogoutSuccess,
+      onLogoutFailed,
+      children
+    }
+  ) });
+}
+
 // src/components/Buttons/LoginButton.tsx
 var import_react2 = require("react");
-var import_google = require("@react-oauth/google");
+var import_google2 = require("@react-oauth/google");
 var import_common_ui = require("@sparkstudio/common-ui");
 var import_accounts_sdk2 = require("@sparkstudio/accounts-sdk");
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function LoginButton({ onLogin, onLoginFailed }) {
   const { setUser, authenticationUrl, accountsUrl } = useUser();
   const [loading, setLoading] = (0, import_react2.useState)(false);
-  const login = (0, import_google.useGoogleLogin)({
+  const login = (0, import_google2.useGoogleLogin)({
     flow: "implicit",
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     onSuccess: async (tokenResponse) => {
       try {
         const api = new SparkStudioAuthenticationSDK(authenticationUrl);
         const authentication = await api.auth.SignIn({
           Token: tokenResponse.access_token
         });
-        const user = authentication?.User ?? null;
         localStorage.setItem("auth_token", authentication?.Token ?? "");
         const accountsApi = new import_accounts_sdk2.SparkStudioAccountsSDK(accountsUrl);
-        const dbUser = await accountsApi.users.SyncUser();
-        setUser(dbUser);
+        const authResponseDTO = await accountsApi.users.SyncUser();
+        localStorage.setItem("auth_token", authResponseDTO?.Token ?? "");
+        const user = authResponseDTO?.User ?? null;
+        setUser(user);
         onLogin?.(user);
       } catch (error) {
         console.error("\u{1F534} Login failed (Google or backend SignIn)", error);
@@ -235,8 +326,8 @@ function LoginButton({ onLogin, onLoginFailed }) {
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_common_ui.Button, { onClick: handleClick, disabled: loading, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_common_ui.Button, { onClick: handleClick, disabled: loading, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "span",
       {
         className: "spinner-border spinner-border-sm me-2 async-btn__spinner",
@@ -245,8 +336,8 @@ function LoginButton({ onLogin, onLoginFailed }) {
       }
     ),
     "Signing in..."
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "img",
       {
         src: "https://upload.wikimedia.org/wikipedia/commons/thumb/3/3c/Google_Favicon_2025.svg/960px-Google_Favicon_2025.svg.png",
@@ -254,13 +345,13 @@ function LoginButton({ onLogin, onLoginFailed }) {
         style: { width: "21px", height: "21px", margin: 0, padding: 0 }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "d-none d-sm-inline ms-2", children: "Login" })
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "d-none d-sm-inline ms-2", children: "Login" })
   ] }) });
 }
 
 // src/components/UserInfoCard.tsx
 var import_common_ui2 = require("@sparkstudio/common-ui");
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function UserInfoCard({ onLogin, onLogout, onLoginFailed }) {
   const { user, logout } = useUser();
   const handleLogout = async () => {
@@ -271,14 +362,14 @@ function UserInfoCard({ onLogin, onLogout, onLoginFailed }) {
       console.error("Logout failed", err);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: user ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: user ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     import_common_ui2.Button,
     {
       loadingText: "Logging out...",
       showSpinner: true,
       onAction: handleLogout,
-      renderContent: () => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      renderContent: () => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "img",
           {
             src: user.ProfilePicture,
@@ -286,10 +377,10 @@ function UserInfoCard({ onLogin, onLogout, onLoginFailed }) {
             style: { width: "21px", height: "21px", margin: 0, padding: 0 }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "d-none d-sm-inline ms-2", children: "Logout" })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "d-none d-sm-inline ms-2", children: "Logout" })
       ] }),
-      renderLoading: () => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      renderLoading: () => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "span",
           {
             className: "spinner-border spinner-border-sm me-2 async-btn__spinner",
@@ -300,7 +391,7 @@ function UserInfoCard({ onLogin, onLogout, onLoginFailed }) {
         "Logging out..."
       ] })
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     LoginButton,
     {
       onLogin,
@@ -309,42 +400,22 @@ function UserInfoCard({ onLogin, onLogout, onLoginFailed }) {
   ) });
 }
 
-// src/components/AuthenticatorProvider.tsx
-var import_google2 = require("@react-oauth/google");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-function AuthenticatorProvider({
-  googleClientId,
-  authenticationUrl,
-  accountsUrl,
-  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,
-    {
-      authenticationUrl,
-      accountsUrl,
-      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 = {
+  AppSettings,
+  Auth,
+  AuthResponse,
   AuthenticatorProvider,
   EMPTY_GUID,
+  Home,
   LoginButton,
   SparkStudioAuthenticationSDK,
+  TokenRequest,
+  UserDTO,
   UserInfoCard,
   UserProvider,
+  loadConfig,
   useUser
 });

package/dist/index.d.cts

@@ -1,6 +1,16 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
+interface IAppSettings {
+    AuthenticationUrl: string;
+    AccountsUrl: string;
+    Version: string;
+    GoogleClientId: string;
+    ApplicationName: string;
+}
+declare const AppSettings: IAppSettings;
+declare function loadConfig(): Promise<void>;
+
 /**
  * Represents an Auto-generated model for UserDTO.
  */
@@ -21,12 +31,59 @@ declare class UserDTO implements IUserDTO {
     constructor(init: UserDTOInit);
 }
 
-interface UserInfoCardProps {
-    onLogin?: (user: UserDTO) => void;
-    onLoginFailed?: (error: unknown) => void;
-    onLogout?: () => void;
+/**
+ * Represents an Auto-generated model for TokenRequest.
+ */
+interface ITokenRequest {
+    Token?: string;
+}
+type TokenRequestInit = Partial<ITokenRequest>;
+declare class TokenRequest implements ITokenRequest {
+    Token?: string;
+    constructor(init: TokenRequestInit);
+}
+
+/**
+ * Represents an Auto-generated model for AuthResponse.
+ */
+interface IAuthResponse {
+    Token?: string;
+    User: UserDTO;
+}
+type AuthResponseInit = Partial<IAuthResponse> & Pick<IAuthResponse, "User">;
+declare class AuthResponse implements IAuthResponse {
+    Token?: string;
+    User: UserDTO;
+    constructor(init: AuthResponseInit);
+}
+
+/**
+* Auto-generated client for the Auth controller.
+*/
+declare class Auth {
+    private baseUrl;
+    constructor(baseUrl: string);
+    Logout(): Promise<UserDTO>;
+    GetCurrentUser(): Promise<UserDTO>;
+    SignIn(tokenRequest: TokenRequest): Promise<AuthResponse>;
+}
+
+/**
+* Auto-generated client for the Home controller.
+*/
+declare class Home {
+    private baseUrl;
+    constructor(baseUrl: string);
+}
+
+/**
+* Auto-generated API client.
+*/
+declare class SparkStudioAuthenticationSDK {
+    auth: Auth;
+    home: Home;
+    constructor(baseUrl: string);
 }
-declare function UserInfoCard({ onLogin, onLogout, onLoginFailed }: UserInfoCardProps): react_jsx_runtime.JSX.Element;
 
 interface AuthenticatorProviderProps {
     googleClientId: string;
@@ -44,19 +101,12 @@ interface AuthenticatorProviderProps {
  */
 declare function AuthenticatorProvider({ googleClientId, authenticationUrl, accountsUrl, children, onLoginSuccess, onLoginFailed, onLogoutSuccess, onLogoutFailed, }: AuthenticatorProviderProps): react_jsx_runtime.JSX.Element;
 
-/**
- * Represents an Auto-generated model for AuthResponse.
- */
-interface IAuthResponse {
-    Token?: string;
-    User: UserDTO;
-}
-type AuthResponseInit = Partial<IAuthResponse> & Pick<IAuthResponse, "User">;
-declare class AuthResponse implements IAuthResponse {
-    Token?: string;
-    User: UserDTO;
-    constructor(init: AuthResponseInit);
+interface UserInfoCardProps {
+    onLogin?: (user: UserDTO) => void;
+    onLoginFailed?: (error: unknown) => void;
+    onLogout?: () => void;
 }
+declare function UserInfoCard({ onLogin, onLogout, onLoginFailed }: UserInfoCardProps): react_jsx_runtime.JSX.Element;
 
 interface LoginButtonProps {
     onLogin?: (user: AuthResponse["User"]) => void;
@@ -88,44 +138,4 @@ declare function useUser(): UserContextType;
 type Guid = string;
 declare const EMPTY_GUID: Guid;
 
-/**
- * Represents an Auto-generated model for TokenRequest.
- */
-interface ITokenRequest {
-    Token?: string;
-}
-type TokenRequestInit = Partial<ITokenRequest>;
-declare class TokenRequest implements ITokenRequest {
-    Token?: string;
-    constructor(init: TokenRequestInit);
-}
-
-/**
-* Auto-generated client for the Auth controller.
-*/
-declare class Auth {
-    private baseUrl;
-    constructor(baseUrl: string);
-    Logout(): Promise<UserDTO>;
-    GetCurrentUser(): Promise<UserDTO>;
-    SignIn(tokenRequest: TokenRequest): Promise<AuthResponse>;
-}
-
-/**
-* Auto-generated client for the Home controller.
-*/
-declare class Home {
-    private baseUrl;
-    constructor(baseUrl: string);
-}
-
-/**
-* Auto-generated API client.
-*/
-declare class SparkStudioAuthenticationSDK {
-    auth: Auth;
-    home: Home;
-    constructor(baseUrl: string);
-}
-
-export { AuthenticatorProvider, type AuthenticatorProviderProps, EMPTY_GUID, type Guid, LoginButton, SparkStudioAuthenticationSDK, UserInfoCard, UserProvider, useUser };
+export { AppSettings, Auth, AuthResponse, AuthenticatorProvider, type AuthenticatorProviderProps, EMPTY_GUID, type Guid, Home, type IAppSettings, type IAuthResponse, type ITokenRequest, type IUserDTO, LoginButton, SparkStudioAuthenticationSDK, TokenRequest, UserDTO, UserInfoCard, UserProvider, loadConfig, useUser };

package/dist/index.d.ts

@@ -1,6 +1,16 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
+interface IAppSettings {
+    AuthenticationUrl: string;
+    AccountsUrl: string;
+    Version: string;
+    GoogleClientId: string;
+    ApplicationName: string;
+}
+declare const AppSettings: IAppSettings;
+declare function loadConfig(): Promise<void>;
+
 /**
  * Represents an Auto-generated model for UserDTO.
  */
@@ -21,12 +31,59 @@ declare class UserDTO implements IUserDTO {
     constructor(init: UserDTOInit);
 }
 
-interface UserInfoCardProps {
-    onLogin?: (user: UserDTO) => void;
-    onLoginFailed?: (error: unknown) => void;
-    onLogout?: () => void;
+/**
+ * Represents an Auto-generated model for TokenRequest.
+ */
+interface ITokenRequest {
+    Token?: string;
+}
+type TokenRequestInit = Partial<ITokenRequest>;
+declare class TokenRequest implements ITokenRequest {
+    Token?: string;
+    constructor(init: TokenRequestInit);
+}
+
+/**
+ * Represents an Auto-generated model for AuthResponse.
+ */
+interface IAuthResponse {
+    Token?: string;
+    User: UserDTO;
+}
+type AuthResponseInit = Partial<IAuthResponse> & Pick<IAuthResponse, "User">;
+declare class AuthResponse implements IAuthResponse {
+    Token?: string;
+    User: UserDTO;
+    constructor(init: AuthResponseInit);
+}
+
+/**
+* Auto-generated client for the Auth controller.
+*/
+declare class Auth {
+    private baseUrl;
+    constructor(baseUrl: string);
+    Logout(): Promise<UserDTO>;
+    GetCurrentUser(): Promise<UserDTO>;
+    SignIn(tokenRequest: TokenRequest): Promise<AuthResponse>;
+}
+
+/**
+* Auto-generated client for the Home controller.
+*/
+declare class Home {
+    private baseUrl;
+    constructor(baseUrl: string);
+}
+
+/**
+* Auto-generated API client.
+*/
+declare class SparkStudioAuthenticationSDK {
+    auth: Auth;
+    home: Home;
+    constructor(baseUrl: string);
 }
-declare function UserInfoCard({ onLogin, onLogout, onLoginFailed }: UserInfoCardProps): react_jsx_runtime.JSX.Element;
 
 interface AuthenticatorProviderProps {
     googleClientId: string;
@@ -44,19 +101,12 @@ interface AuthenticatorProviderProps {
  */
 declare function AuthenticatorProvider({ googleClientId, authenticationUrl, accountsUrl, children, onLoginSuccess, onLoginFailed, onLogoutSuccess, onLogoutFailed, }: AuthenticatorProviderProps): react_jsx_runtime.JSX.Element;
 
-/**
- * Represents an Auto-generated model for AuthResponse.
- */
-interface IAuthResponse {
-    Token?: string;
-    User: UserDTO;
-}
-type AuthResponseInit = Partial<IAuthResponse> & Pick<IAuthResponse, "User">;
-declare class AuthResponse implements IAuthResponse {
-    Token?: string;
-    User: UserDTO;
-    constructor(init: AuthResponseInit);
+interface UserInfoCardProps {
+    onLogin?: (user: UserDTO) => void;
+    onLoginFailed?: (error: unknown) => void;
+    onLogout?: () => void;
 }
+declare function UserInfoCard({ onLogin, onLogout, onLoginFailed }: UserInfoCardProps): react_jsx_runtime.JSX.Element;
 
 interface LoginButtonProps {
     onLogin?: (user: AuthResponse["User"]) => void;
@@ -88,44 +138,4 @@ declare function useUser(): UserContextType;
 type Guid = string;
 declare const EMPTY_GUID: Guid;
 
-/**
- * Represents an Auto-generated model for TokenRequest.
- */
-interface ITokenRequest {
-    Token?: string;
-}
-type TokenRequestInit = Partial<ITokenRequest>;
-declare class TokenRequest implements ITokenRequest {
-    Token?: string;
-    constructor(init: TokenRequestInit);
-}
-
-/**
-* Auto-generated client for the Auth controller.
-*/
-declare class Auth {
-    private baseUrl;
-    constructor(baseUrl: string);
-    Logout(): Promise<UserDTO>;
-    GetCurrentUser(): Promise<UserDTO>;
-    SignIn(tokenRequest: TokenRequest): Promise<AuthResponse>;
-}
-
-/**
-* Auto-generated client for the Home controller.
-*/
-declare class Home {
-    private baseUrl;
-    constructor(baseUrl: string);
-}
-
-/**
-* Auto-generated API client.
-*/
-declare class SparkStudioAuthenticationSDK {
-    auth: Auth;
-    home: Home;
-    constructor(baseUrl: string);
-}
-
-export { AuthenticatorProvider, type AuthenticatorProviderProps, EMPTY_GUID, type Guid, LoginButton, SparkStudioAuthenticationSDK, UserInfoCard, UserProvider, useUser };
+export { AppSettings, Auth, AuthResponse, AuthenticatorProvider, type AuthenticatorProviderProps, EMPTY_GUID, type Guid, Home, type IAppSettings, type IAuthResponse, type ITokenRequest, type IUserDTO, LoginButton, SparkStudioAuthenticationSDK, TokenRequest, UserDTO, UserInfoCard, UserProvider, loadConfig, useUser };

package/dist/index.js

@@ -1,10 +1,20 @@
-// src/context/UserProvider.tsx
-import {
-  createContext,
-  useContext,
-  useState,
-  useEffect
-} from "react";
+// src/AppSettings.ts
+var AppSettings = {
+  AuthenticationUrl: "https://nqf2pnj4zh.execute-api.us-east-2.amazonaws.com/Prod",
+  AccountsUrl: "https://qm80qdl3rh.execute-api.us-east-2.amazonaws.com/Prod",
+  Version: "1.0.0",
+  GoogleClientId: "317399248822-u2seld36hjot7nf2p24oe3icm01aok51.apps.googleusercontent.com",
+  ApplicationName: "Spark Studio Authentication"
+};
+async function loadConfig() {
+  const response = await fetch("/appsettings.json");
+  const config = await response.json();
+  AppSettings.AuthenticationUrl = config.AuthenticationUrl;
+  AppSettings.AccountsUrl = config.AccountsUrl;
+  AppSettings.Version = config.Version;
+  AppSettings.GoogleClientId = config.GoogleClientId;
+  AppSettings.ApplicationName = config.ApplicationName;
+}
 
 // src/api/Controllers/Auth.ts
 var Auth = class {
@@ -75,7 +85,50 @@ var SparkStudioAuthenticationSDK = class {
   }
 };
 
+// src/api/DTOs/AuthResponse.ts
+var AuthResponse = class {
+  Token;
+  User;
+  constructor(init) {
+    this.Token = init.Token;
+    this.User = init.User;
+  }
+};
+
+// src/api/DTOs/TokenRequest.ts
+var TokenRequest = class {
+  Token;
+  constructor(init) {
+    this.Token = init.Token;
+  }
+};
+
+// src/api/DTOs/UserDTO.ts
+var UserDTO = class {
+  Id;
+  Sub;
+  Name;
+  Email;
+  ProfilePicture;
+  constructor(init) {
+    this.Id = init.Id;
+    this.Sub = init.Sub;
+    this.Name = init.Name;
+    this.Email = init.Email;
+    this.ProfilePicture = init.ProfilePicture;
+  }
+};
+
+// src/components/AuthenticatorProvider.tsx
+import { GoogleOAuthProvider } from "@react-oauth/google";
+
 // src/context/UserProvider.tsx
+import {
+  createContext,
+  useContext,
+  useState,
+  useEffect
+} from "react";
 import { SparkStudioAccountsSDK } from "@sparkstudio/accounts-sdk";
 import { jsx } from "react/jsx-runtime";
 var UserContext = createContext(void 0);
@@ -98,8 +151,11 @@ function UserProvider({
         const me = await api.auth.GetCurrentUser();
         if (me) {
           const accountsApi = new SparkStudioAccountsSDK(accountsUrl);
-          const dbUser = await accountsApi.users.SyncUser();
-          setUser(dbUser);
+          const authResponseDTO = await accountsApi.users.SyncUser();
+          localStorage.setItem("auth_token", authResponseDTO?.Token ?? "");
+          const user2 = authResponseDTO?.User ?? null;
+          setUser(user2);
+          onLoginSuccess?.(user2);
         } else {
           throw new Error("Authenticated user in cache does not exist.");
         }
@@ -156,28 +212,56 @@ function useUser() {
   return context;
 }
 
+// src/components/AuthenticatorProvider.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function AuthenticatorProvider({
+  googleClientId,
+  authenticationUrl,
+  accountsUrl,
+  children,
+  onLoginSuccess,
+  onLoginFailed,
+  onLogoutSuccess,
+  onLogoutFailed
+}) {
+  return /* @__PURE__ */ jsx2(GoogleOAuthProvider, { clientId: googleClientId, children: /* @__PURE__ */ jsx2(
+    UserProvider,
+    {
+      authenticationUrl,
+      accountsUrl,
+      onLoginSuccess,
+      onLoginFailed,
+      onLogoutSuccess,
+      onLogoutFailed,
+      children
+    }
+  ) });
+}
+
 // src/components/Buttons/LoginButton.tsx
 import { useState as useState2 } from "react";
 import { useGoogleLogin } from "@react-oauth/google";
 import { Button } from "@sparkstudio/common-ui";
 import { SparkStudioAccountsSDK as SparkStudioAccountsSDK2 } from "@sparkstudio/accounts-sdk";
-import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
 function LoginButton({ onLogin, onLoginFailed }) {
   const { setUser, authenticationUrl, accountsUrl } = useUser();
   const [loading, setLoading] = useState2(false);
   const login = useGoogleLogin({
     flow: "implicit",
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     onSuccess: async (tokenResponse) => {
       try {
         const api = new SparkStudioAuthenticationSDK(authenticationUrl);
         const authentication = await api.auth.SignIn({
           Token: tokenResponse.access_token
         });
-        const user = authentication?.User ?? null;
         localStorage.setItem("auth_token", authentication?.Token ?? "");
         const accountsApi = new SparkStudioAccountsSDK2(accountsUrl);
-        const dbUser = await accountsApi.users.SyncUser();
-        setUser(dbUser);
+        const authResponseDTO = await accountsApi.users.SyncUser();
+        localStorage.setItem("auth_token", authResponseDTO?.Token ?? "");
+        const user = authResponseDTO?.User ?? null;
+        setUser(user);
         onLogin?.(user);
       } catch (error) {
         console.error("\u{1F534} Login failed (Google or backend SignIn)", error);
@@ -208,8 +292,8 @@ function LoginButton({ onLogin, onLoginFailed }) {
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ jsx2(Button, { onClick: handleClick, disabled: loading, children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(Button, { onClick: handleClick, disabled: loading, children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx3(
       "span",
       {
         className: "spinner-border spinner-border-sm me-2 async-btn__spinner",
@@ -219,7 +303,7 @@ function LoginButton({ onLogin, onLoginFailed }) {
     ),
     "Signing in..."
   ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx3(
       "img",
       {
         src: "https://upload.wikimedia.org/wikipedia/commons/thumb/3/3c/Google_Favicon_2025.svg/960px-Google_Favicon_2025.svg.png",
@@ -227,13 +311,13 @@ function LoginButton({ onLogin, onLoginFailed }) {
         style: { width: "21px", height: "21px", margin: 0, padding: 0 }
       }
     ),
-    /* @__PURE__ */ jsx2("span", { className: "d-none d-sm-inline ms-2", children: "Login" })
+    /* @__PURE__ */ jsx3("span", { className: "d-none d-sm-inline ms-2", children: "Login" })
   ] }) });
 }
 
 // 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";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function UserInfoCard({ onLogin, onLogout, onLoginFailed }) {
   const { user, logout } = useUser();
   const handleLogout = async () => {
@@ -244,14 +328,14 @@ function UserInfoCard({ onLogin, onLogout, onLoginFailed }) {
       console.error("Logout failed", err);
     }
   };
-  return /* @__PURE__ */ jsx3(Fragment2, { children: user ? /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(Fragment2, { children: user ? /* @__PURE__ */ jsx4(
     Button2,
     {
       loadingText: "Logging out...",
       showSpinner: true,
       onAction: handleLogout,
       renderContent: () => /* @__PURE__ */ jsxs2(Fragment2, { children: [
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4(
           "img",
           {
             src: user.ProfilePicture,
@@ -259,10 +343,10 @@ function UserInfoCard({ onLogin, onLogout, onLoginFailed }) {
             style: { width: "21px", height: "21px", margin: 0, padding: 0 }
           }
         ),
-        /* @__PURE__ */ jsx3("span", { className: "d-none d-sm-inline ms-2", children: "Logout" })
+        /* @__PURE__ */ jsx4("span", { className: "d-none d-sm-inline ms-2", children: "Logout" })
       ] }),
       renderLoading: () => /* @__PURE__ */ jsxs2(Fragment2, { children: [
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4(
           "span",
           {
             className: "spinner-border spinner-border-sm me-2 async-btn__spinner",
@@ -273,7 +357,7 @@ function UserInfoCard({ onLogin, onLogout, onLoginFailed }) {
         "Logging out..."
       ] })
     }
-  ) : /* @__PURE__ */ jsx3(
+  ) : /* @__PURE__ */ jsx4(
     LoginButton,
     {
       onLogin,
@@ -282,41 +366,21 @@ function UserInfoCard({ onLogin, onLogout, onLoginFailed }) {
   ) });
 }
 
-// src/components/AuthenticatorProvider.tsx
-import { GoogleOAuthProvider } from "@react-oauth/google";
-import { jsx as jsx4 } from "react/jsx-runtime";
-function AuthenticatorProvider({
-  googleClientId,
-  authenticationUrl,
-  accountsUrl,
-  children,
-  onLoginSuccess,
-  onLoginFailed,
-  onLogoutSuccess,
-  onLogoutFailed
-}) {
-  return /* @__PURE__ */ jsx4(GoogleOAuthProvider, { clientId: googleClientId, children: /* @__PURE__ */ jsx4(
-    UserProvider,
-    {
-      authenticationUrl,
-      accountsUrl,
-      onLoginSuccess,
-      onLoginFailed,
-      onLogoutSuccess,
-      onLogoutFailed,
-      children
-    }
-  ) });
-}
-
 // src/types/Guid.ts
 var EMPTY_GUID = "00000000-0000-0000-0000-000000000000";
 export {
+  AppSettings,
+  Auth,
+  AuthResponse,
   AuthenticatorProvider,
   EMPTY_GUID,
+  Home,
   LoginButton,
   SparkStudioAuthenticationSDK,
+  TokenRequest,
+  UserDTO,
   UserInfoCard,
   UserProvider,
+  loadConfig,
   useUser
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sparkstudio/authentication-ui",
-  "version": "1.0.24",
+  "version": "1.0.26",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -24,7 +24,8 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsup src/index.ts --format cjs,esm --dts --tsconfig tsconfig.lib.json && sass --load-path=node_modules src/index.scss dist/index.css",
+    "generateIndex": "barrelsby --delete --directory src --location top --exclude react-env.d.ts --exclude main.tsx --exclude App.tsx",
+    "build": "npm run generateIndex && tsup src/index.ts --format cjs,esm --dts --tsconfig tsconfig.lib.json && sass --load-path=node_modules src/index.scss dist/index.css",
     "lint": "eslint .",
     "preview": "vite preview",
     "start": "vite"
@@ -35,8 +36,8 @@
   },
   "dependencies": {
     "@react-oauth/google": "^0.13.4",
-    "@sparkstudio/accounts-sdk": "^1.1.71",
-    "@sparkstudio/accounts-ui": "^1.1.71",
+    "@sparkstudio/accounts-sdk": "^1.1.73",
+    "@sparkstudio/accounts-ui": "^1.1.73",
     "@sparkstudio/common-ui": "^1.0.5",
     "rimraf": "^6.1.2"
   },
@@ -46,6 +47,7 @@
     "@types/react": "^19.1.16",
     "@types/react-dom": "^19.1.9",
     "@vitejs/plugin-react": "^5.0.4",
+    "barrelsby": "^2.8.1",
     "eslint": "^9.36.0",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.22",