@visin/frontend-core 0.1.2 → 0.1.4

package/dist/auth/AuthProvider.d.ts

@@ -0,0 +1,24 @@
+import { type ReactNode } from 'react';
+import type { AuthCheckResult, AuthService, AuthUser } from './authService';
+export interface AuthContextValue {
+    user: AuthUser | null;
+    isAuthenticated: boolean;
+    isLoading: boolean;
+    /** Redirects to auth-front's login page, returning to the current page after. */
+    login: () => void;
+    logout: () => Promise<void>;
+    /** Re-runs the session check and updates the shared context state; returns the fresh result. */
+    refresh: () => Promise<AuthCheckResult>;
+}
+/**
+ * Builds a Context + `useAuth()` hook backed by a single `authService`
+ * instance, so every consumer in the app shares one session check instead
+ * of each component independently re-fetching `/auth/verify` on mount.
+ */
+export declare function createAuthContext(authService: AuthService): {
+    AuthProvider: ({ children }: {
+        children: ReactNode;
+    }) => import("react").JSX.Element;
+    useAuth: () => AuthContextValue;
+};
+//# sourceMappingURL=AuthProvider.d.ts.map

package/dist/auth/AuthProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthProvider.d.ts","sourceRoot":"","sources":["../../src/auth/AuthProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACpG,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE5E,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,iFAAiF;IACjF,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,gGAAgG;IAChG,OAAO,EAAE,MAAM,OAAO,CAAC,eAAe,CAAC,CAAC;CACzC;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,WAAW;iCAGpB;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE;mBAsCvC,gBAAgB;EASrC"}

package/dist/auth/AuthProvider.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useState } from 'react';
+/**
+ * Builds a Context + `useAuth()` hook backed by a single `authService`
+ * instance, so every consumer in the app shares one session check instead
+ * of each component independently re-fetching `/auth/verify` on mount.
+ */
+export function createAuthContext(authService) {
+    const AuthContext = createContext(undefined);
+    function AuthProvider({ children }) {
+        const [user, setUser] = useState(null);
+        const [isLoading, setIsLoading] = useState(true);
+        const refresh = useCallback(async () => {
+            const result = await authService.checkAuth();
+            setUser(result.user);
+            return result;
+        }, []);
+        useEffect(() => {
+            let cancelled = false;
+            setIsLoading(true);
+            refresh().finally(() => {
+                if (!cancelled)
+                    setIsLoading(false);
+            });
+            return () => {
+                cancelled = true;
+            };
+        }, [refresh]);
+        const login = useCallback(() => {
+            authService.redirectToLogin();
+        }, []);
+        const logout = useCallback(async () => {
+            await authService.logout();
+            setUser(null);
+            window.location.reload();
+        }, []);
+        return (_jsx(AuthContext.Provider, { value: { user, isAuthenticated: !!user, isLoading, login, logout, refresh }, children: children }));
+    }
+    function useAuth() {
+        const context = useContext(AuthContext);
+        if (context === undefined) {
+            throw new Error('useAuth must be used within an AuthProvider');
+        }
+        return context;
+    }
+    return { AuthProvider, useAuth };
+}
+//# sourceMappingURL=AuthProvider.js.map

package/dist/auth/AuthProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthProvider.js","sourceRoot":"","sources":["../../src/auth/AuthProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAcpG;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAC,WAAwB;IACxD,MAAM,WAAW,GAAG,aAAa,CAA+B,SAAS,CAAC,CAAC;IAE3E,SAAS,YAAY,CAAC,EAAE,QAAQ,EAA2B;QACzD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAkB,IAAI,CAAC,CAAC;QACxD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEjD,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,IAA8B,EAAE;YAC/D,MAAM,MAAM,GAAG,MAAM,WAAW,CAAC,SAAS,EAAE,CAAC;YAC7C,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YACrB,OAAO,MAAM,CAAC;QAChB,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,SAAS,CAAC,GAAG,EAAE;YACb,IAAI,SAAS,GAAG,KAAK,CAAC;YACtB,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,OAAO,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE;gBACrB,IAAI,CAAC,SAAS;oBAAE,YAAY,CAAC,KAAK,CAAC,CAAC;YACtC,CAAC,CAAC,CAAC;YACH,OAAO,GAAG,EAAE;gBACV,SAAS,GAAG,IAAI,CAAC;YACnB,CAAC,CAAC;QACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;QAEd,MAAM,KAAK,GAAG,WAAW,CAAC,GAAS,EAAE;YACnC,WAAW,CAAC,eAAe,EAAE,CAAC;QAChC,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,IAAmB,EAAE;YACnD,MAAM,WAAW,CAAC,MAAM,EAAE,CAAC;YAC3B,OAAO,CAAC,IAAI,CAAC,CAAC;YACd,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;QAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,YAC9F,QAAQ,GACY,CACxB,CAAC;IACJ,CAAC;IAED,SAAS,OAAO;QACd,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;QACxC,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YAC1B,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAC;QACjE,CAAC;QACD,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC;AACnC,CAAC"}

package/dist/auth/authService.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Fields observed across the auth-service endpoints frontends call:
+ * `/auth/verify` always returns `groups` (JWT-derived); `/auth/profile`
+ * returns `firstName`/`lastName` (DB-derived) but not `groups`. Optional
+ * fields reflect which endpoint populated the result, not that the field
+ * is unreliable.
+ */
+export interface AuthUser {
+    id: string;
+    email: string;
+    name: string;
+    picture?: string;
+    firstName?: string;
+    lastName?: string;
+    username?: string;
+    groups?: string[];
+}
+export interface AuthCheckResult {
+    authenticated: boolean;
+    user: AuthUser | null;
+}
+export interface AuthServiceOptions {
+    /** Base URL of auth-service, e.g. `() => getGlobalConfig().AUTH_SERVICE_URL`. */
+    authServiceUrl: () => string;
+    /** Base URL of the auth-front login page, e.g. `() => getGlobalConfig().AUTH_FRONT_URL`. */
+    authFrontUrl: () => string;
+}
+/**
+ * Session-management logic shared by every Visin frontend: token storage,
+ * `/auth/verify` + `/auth/profile` checks, logout, and the redirect to
+ * auth-front's login page. Each app previously hand-rolled this
+ * (`account-front/services/authService.ts`, `vision-front/contexts/AuthContext.tsx`)
+ * with near-identical but subtly diverging logic; wrap the result in
+ * `createAuthContext` for a React Context/hook, or use it directly for a
+ * plain-object service.
+ */
+export declare function createAuthService({ authServiceUrl, authFrontUrl }: AuthServiceOptions): {
+    getToken: () => string | null;
+    checkAuth: () => Promise<AuthCheckResult>;
+    getCurrentUser: () => Promise<AuthUser | null>;
+    getProfile: () => Promise<AuthUser | null>;
+    isAuthenticated: () => Promise<boolean>;
+    logout: () => Promise<boolean>;
+    redirectToLogin: (returnUrl?: string) => void;
+};
+export type AuthService = ReturnType<typeof createAuthService>;
+//# sourceMappingURL=authService.d.ts.map

package/dist/auth/authService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"authService.d.ts","sourceRoot":"","sources":["../../src/auth/authService.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,aAAa,EAAE,OAAO,CAAC;IACvB,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IACjC,iFAAiF;IACjF,cAAc,EAAE,MAAM,MAAM,CAAC;IAC7B,4FAA4F;IAC5F,YAAY,EAAE,MAAM,MAAM,CAAC;CAC5B;AAED;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,cAAc,EAAE,YAAY,EAAE,EAAE,kBAAkB;oBAM/D,MAAM,GAAG,IAAI;qBAIN,OAAO,CAAC,eAAe,CAAC;0BAsBnB,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC;sBAK5B,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC;2BAUnB,OAAO,CAAC,OAAO,CAAC;kBAKzB,OAAO,CAAC,OAAO,CAAC;kCAaJ,MAAM,KAAG,IAAI;EAMnD;AAED,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

package/dist/auth/authService.js

@@ -0,0 +1,74 @@
+import { createApiClient } from '../apiClient';
+/**
+ * Session-management logic shared by every Visin frontend: token storage,
+ * `/auth/verify` + `/auth/profile` checks, logout, and the redirect to
+ * auth-front's login page. Each app previously hand-rolled this
+ * (`account-front/services/authService.ts`, `vision-front/contexts/AuthContext.tsx`)
+ * with near-identical but subtly diverging logic; wrap the result in
+ * `createAuthContext` for a React Context/hook, or use it directly for a
+ * plain-object service.
+ */
+export function createAuthService({ authServiceUrl, authFrontUrl }) {
+    const client = createApiClient({
+        baseUrl: authServiceUrl,
+        getToken: () => localStorage.getItem('authToken')
+    });
+    function getToken() {
+        return localStorage.getItem('authToken');
+    }
+    async function checkAuth() {
+        try {
+            const data = await client.get('/auth/verify', { credentials: 'include', skipAuthRedirect: true });
+            if (data.success) {
+                if (data.token) {
+                    localStorage.setItem('authToken', data.token);
+                }
+                return { authenticated: data.authenticated, user: data.user ?? null };
+            }
+            localStorage.removeItem('authToken');
+            return { authenticated: false, user: null };
+        }
+        catch (error) {
+            console.error('Auth check failed:', error);
+            localStorage.removeItem('authToken');
+            return { authenticated: false, user: null };
+        }
+    }
+    async function getCurrentUser() {
+        const result = await checkAuth();
+        return result.user;
+    }
+    async function getProfile() {
+        try {
+            const data = await client.get('/auth/profile', { credentials: 'include' });
+            return data.success ? (data.user ?? null) : null;
+        }
+        catch (error) {
+            console.error('Get profile failed:', error);
+            return null;
+        }
+    }
+    async function isAuthenticated() {
+        const result = await checkAuth();
+        return result.authenticated;
+    }
+    async function logout() {
+        try {
+            const data = await client.post('/auth/logout', undefined, { credentials: 'include' });
+            if (data.success) {
+                localStorage.removeItem('authToken');
+            }
+            return data.success;
+        }
+        catch (error) {
+            console.error('Logout failed:', error);
+            return false;
+        }
+    }
+    function redirectToLogin(returnUrl) {
+        const currentUrl = returnUrl || window.location.href;
+        window.location.href = `${authFrontUrl()}?redirect_uri=${encodeURIComponent(currentUrl)}`;
+    }
+    return { getToken, checkAuth, getCurrentUser, getProfile, isAuthenticated, logout, redirectToLogin };
+}
+//# sourceMappingURL=authService.js.map

package/dist/auth/authService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"authService.js","sourceRoot":"","sources":["../../src/auth/authService.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAgC/C;;;;;;;;GAQG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAAE,cAAc,EAAE,YAAY,EAAsB;IACpF,MAAM,MAAM,GAAG,eAAe,CAAC;QAC7B,OAAO,EAAE,cAAc;QACvB,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC;KAClD,CAAC,CAAC;IAEH,SAAS,QAAQ;QACf,OAAO,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;IAC3C,CAAC;IAED,KAAK,UAAU,SAAS;QACtB,IAAI,CAAC;YACH,MAAM,IAAI,GAAG,MAAM,MAAM,CAAC,GAAG,CAC3B,cAAc,EACd,EAAE,WAAW,EAAE,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAE,CACnD,CAAC;YAEF,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;oBACf,YAAY,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;gBAChD,CAAC;gBACD,OAAO,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,EAAE,CAAC;YACxE,CAAC;YACD,YAAY,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;YACrC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QAC9C,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAC;YAC3C,YAAY,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;YACrC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QAC9C,CAAC;IACH,CAAC;IAED,KAAK,UAAU,cAAc;QAC3B,MAAM,MAAM,GAAG,MAAM,SAAS,EAAE,CAAC;QACjC,OAAO,MAAM,CAAC,IAAI,CAAC;IACrB,CAAC;IAED,KAAK,UAAU,UAAU;QACvB,IAAI,CAAC;YACH,MAAM,IAAI,GAAG,MAAM,MAAM,CAAC,GAAG,CAAwC,eAAe,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC;YAClH,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACnD,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;YAC5C,OAAO,IAAI,CAAC;QACd,CAAC;IACH,CAAC;IAED,KAAK,UAAU,eAAe;QAC5B,MAAM,MAAM,GAAG,MAAM,SAAS,EAAE,CAAC;QACjC,OAAO,MAAM,CAAC,aAAa,CAAC;IAC9B,CAAC;IAED,KAAK,UAAU,MAAM;QACnB,IAAI,CAAC;YACH,MAAM,IAAI,GAAG,MAAM,MAAM,CAAC,IAAI,CAAuB,cAAc,EAAE,SAAS,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC;YAC5G,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,YAAY,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;YACvC,CAAC;YACD,OAAO,IAAI,CAAC,OAAO,CAAC;QACtB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;YACvC,OAAO,KAAK,CAAC;QACf,CAAC;IACH,CAAC;IAED,SAAS,eAAe,CAAC,SAAkB;QACzC,MAAM,UAAU,GAAG,SAAS,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;QACrD,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,YAAY,EAAE,iBAAiB,kBAAkB,CAAC,UAAU,CAAC,EAAE,CAAC;IAC5F,CAAC;IAED,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC;AACvG,CAAC"}

package/dist/components/ErrorPage/ErrorPage.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+/**
+ * Props for the ErrorPage component
+ */
+export interface ErrorPageProps {
+    /** The main error title to display */
+    title?: string;
+    /** The error message content (can be text or React elements) */
+    message?: string | ReactNode;
+    /** Custom icon to display (defaults to error icon) */
+    icon?: ReactNode;
+    /** Whether to show the retry button */
+    showRetry?: boolean;
+    /** Callback function when retry button is clicked */
+    onRetry?: () => void;
+}
+export declare function ErrorPage({ title, message, icon, showRetry, onRetry }: ErrorPageProps): import("react").JSX.Element;
+//# sourceMappingURL=ErrorPage.d.ts.map

package/dist/components/ErrorPage/ErrorPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorPage.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPage/ErrorPage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,sDAAsD;IACtD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uCAAuC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAA6B,EAC7B,OAMC,EACD,IAAsE,EACtE,SAAgB,EAChB,OAAwC,EACzC,EAAE,cAAc,+BAkChB"}

package/dist/components/ErrorPage/ErrorPage.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Typography, Button } from '@mui/material';
+import ErrorOutlineIcon from '@mui/icons-material/ErrorOutlined';
+export function ErrorPage({ title = 'Configuration Error', message = (_jsxs(_Fragment, { children: ["Failed to load application configuration.", _jsx("br", {}), "Please check your network connection and try again."] })), icon = _jsx(ErrorOutlineIcon, { sx: { fontSize: 80, color: 'error.main' } }), showRetry = true, onRetry = () => window.location.reload() }) {
+    return (_jsxs(Box, { sx: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center',
+            height: '100vh',
+            gap: 2
+        }, children: [icon, _jsx(Typography, { variant: "h4", color: "error", gutterBottom: true, sx: {
+                    fontWeight: 600
+                }, children: title }), _jsx(Typography, { variant: "body1", sx: {
+                    color: "text.secondary",
+                    textAlign: "center",
+                    mb: showRetry ? 2 : 0
+                }, children: message }), showRetry && (_jsx(Button, { variant: "contained", color: "primary", onClick: onRetry, children: "Retry" }))] }));
+}
+//# sourceMappingURL=ErrorPage.js.map

package/dist/components/ErrorPage/ErrorPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorPage.js","sourceRoot":"","sources":["../../../src/components/ErrorPage/ErrorPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAExD,OAAO,gBAAgB,MAAM,mCAAmC,CAAC;AAkBjE,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,GAAG,qBAAqB,EAC7B,OAAO,GAAG,CACR,2EAEE,cAAM,2DAEL,CACJ,EACD,IAAI,GAAG,KAAC,gBAAgB,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,GAAI,EACtE,SAAS,GAAG,IAAI,EAChB,OAAO,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,EACzB;IACf,OAAO,CACL,MAAC,GAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,MAAM,EAAE,OAAO;YACf,GAAG,EAAE,CAAC;SACP,aAEA,IAAI,EACL,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,EAAC,YAAY,QAAC,EAAE,EAAE;oBACtD,UAAU,EAAE,GAAG;iBAChB,YACE,KAAK,GACK,EACb,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;oBACF,KAAK,EAAE,gBAAgB;oBACvB,SAAS,EAAE,QAAQ;oBACnB,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;iBACtB,YACA,OAAO,GACG,EACZ,SAAS,IAAI,CACZ,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,sBAEnD,CACV,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/ErrorPage/index.d.ts

@@ -0,0 +1,3 @@
+export { ErrorPage } from './ErrorPage';
+export type { ErrorPageProps } from './ErrorPage';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ErrorPage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/ErrorPage/index.js

@@ -0,0 +1,2 @@
+export { ErrorPage } from './ErrorPage';
+//# sourceMappingURL=index.js.map

package/dist/components/ErrorPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ErrorPage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/Loader/Loader.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Props for the Loader component
+ */
+export interface LoaderProps {
+    /** The loading message to display below the spinner */
+    message?: string;
+    /** Size of the loading spinner in pixels */
+    size?: number;
+    /** Whether to take full viewport height or auto height */
+    fullHeight?: boolean;
+}
+export declare function Loader({ message, size, fullHeight }: LoaderProps): import("react").JSX.Element;
+//# sourceMappingURL=Loader.d.ts.map

package/dist/components/Loader/Loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,MAAM,CAAC,EAAE,OAAsB,EAAE,IAAS,EAAE,UAAiB,EAAE,EAAE,WAAW,+BAqB3F"}

package/dist/components/Loader/Loader.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, CircularProgress, Typography } from '@mui/material';
+export function Loader({ message = 'Loading...', size = 48, fullHeight = true }) {
+    return (_jsxs(Box, { sx: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center',
+            height: fullHeight ? '100vh' : 'auto',
+            gap: 2,
+            py: fullHeight ? 0 : 8
+        }, children: [_jsx(CircularProgress, { size: size }), _jsx(Typography, { variant: "body1", sx: {
+                    color: "text.secondary"
+                }, children: message })] }));
+}
+//# sourceMappingURL=Loader.js.map

package/dist/components/Loader/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAclE,MAAM,UAAU,MAAM,CAAC,EAAE,OAAO,GAAG,YAAY,EAAE,IAAI,GAAG,EAAE,EAAE,UAAU,GAAG,IAAI,EAAe;IAC1F,OAAO,CACL,MAAC,GAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;YACrC,GAAG,EAAE,CAAC;YACN,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACvB,aAED,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,GAAI,EAChC,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,EAAE,EAAE;oBAC9B,KAAK,EAAE,gBAAgB;iBACxB,YACE,OAAO,GACG,IACT,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Loader/index.d.ts

@@ -0,0 +1,3 @@
+export { Loader } from './Loader';
+export type { LoaderProps } from './Loader';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Loader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/Loader/index.js

@@ -0,0 +1,2 @@
+export { Loader } from './Loader';
+//# sourceMappingURL=index.js.map

package/dist/components/Loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Loader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/config/createConfigProvider.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from 'react';
+export interface CreateConfigProviderOptions<T> {
+    /** Builds a config object from build-time env vars. Used in dev, during HMR fallback, and (with onFetchError: 'fallback') if /config.json fails to load in production. */
+    createDevConfig: () => T;
+    /** Whether the app is running in dev mode (pass `import.meta.env.DEV` from the calling app so Vite can statically replace it). */
+    isDev: boolean;
+    /** 'error-page' (default) renders ErrorPage if /config.json fails to load. 'fallback' falls back to createDevConfig() so the app can still render with build-time env vars. */
+    onFetchError?: 'error-page' | 'fallback';
+    /** Wraps the resolved config's children, e.g. with CssBaseline/ThemeProvider. Defaults to rendering children unwrapped. */
+    renderChildren?: (children: ReactNode) => ReactNode;
+    /** Rendered while config is loading. Defaults to the shared Loader. */
+    loadingFallback?: ReactNode;
+}
+export declare function createConfigProvider<T extends Record<string, any>>(options: CreateConfigProviderOptions<T>): {
+    ConfigProvider: ({ children }: {
+        children: ReactNode;
+    }) => React.JSX.Element;
+    ConfigContext: React.Context<T>;
+    useConfig: () => T;
+    getGlobalConfig: () => T;
+};
+//# sourceMappingURL=createConfigProvider.d.ts.map

package/dist/config/createConfigProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createConfigProvider.d.ts","sourceRoot":"","sources":["../../src/config/createConfigProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkD,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzF,MAAM,WAAW,2BAA2B,CAAC,CAAC;IAC5C,0KAA0K;IAC1K,eAAe,EAAE,MAAM,CAAC,CAAC;IACzB,kIAAkI;IAClI,KAAK,EAAE,OAAO,CAAC;IACf,+KAA+K;IAC/K,YAAY,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACzC,2HAA2H;IAC3H,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,SAAS,CAAC;IACpD,uEAAuE;IACvE,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,2BAA2B,CAAC,CAAC,CAAC;mCA8BnE;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE;;qBAJvC,CAAC;2BAbK,CAAC;EAsE9B"}

package/dist/config/createConfigProvider.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useState } from 'react';
+import { Loader } from '../components/Loader';
+import { ErrorPage } from '../components/ErrorPage';
+export function createConfigProvider(options) {
+    const { createDevConfig, isDev, onFetchError = 'error-page', renderChildren = (children) => children, loadingFallback = _jsx(Loader, {}) } = options;
+    let globalConfig = null;
+    const ConfigContext = createContext({});
+    function getGlobalConfig() {
+        if (!globalConfig) {
+            if (isDev) {
+                // During HMR in development, config might be temporarily unavailable
+                const fallbackConfig = createDevConfig();
+                console.warn('Using fallback configuration during HMR:', fallbackConfig);
+                return fallbackConfig;
+            }
+            throw new Error('Configuration not initialized. Make sure ConfigProvider is mounted.');
+        }
+        return globalConfig;
+    }
+    function useConfig() {
+        return useContext(ConfigContext);
+    }
+    function ConfigProvider({ children }) {
+        const [config, setConfig] = useState(null);
+        const [error, setError] = useState(null);
+        useEffect(() => {
+            // In development, use environment variables directly
+            if (isDev) {
+                const devConfig = createDevConfig();
+                console.log('Using development configuration from environment variables:', devConfig);
+                setConfig(devConfig);
+                globalConfig = devConfig;
+                return;
+            }
+            // In production, fetch config.json
+            fetch('/config.json')
+                .then((res) => {
+                if (!res.ok)
+                    throw new Error('Config fetch failed');
+                return res.json();
+            })
+                .then((loadedConfig) => {
+                console.log('Using production configuration from config.json:', loadedConfig);
+                setConfig(loadedConfig);
+                globalConfig = loadedConfig;
+            })
+                .catch((err) => {
+                console.error('Configuration load error:', err);
+                if (onFetchError === 'fallback') {
+                    const fallback = createDevConfig();
+                    setConfig(fallback);
+                    globalConfig = fallback;
+                }
+                else {
+                    setError(err.message);
+                }
+            });
+        }, []);
+        if (error) {
+            return _jsx(ErrorPage, {});
+        }
+        if (!config) {
+            return _jsx(_Fragment, { children: loadingFallback });
+        }
+        return (_jsx(ConfigContext.Provider, { value: config, children: renderChildren(children) }));
+    }
+    return { ConfigProvider, ConfigContext, useConfig, getGlobalConfig };
+}
+//# sourceMappingURL=createConfigProvider.js.map

package/dist/config/createConfigProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createConfigProvider.js","sourceRoot":"","sources":["../../src/config/createConfigProvider.tsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -1,3 +1,13 @@
 export { createApiClient, ApiError } from './apiClient';
 export type { ApiClientOptions, ApiRequestOptions, ApiClient } from './apiClient';
+export { Loader } from './components/Loader';
+export type { LoaderProps } from './components/Loader';
+export { ErrorPage } from './components/ErrorPage';
+export type { ErrorPageProps } from './components/ErrorPage';
+export { createAuthService } from './auth/authService';
+export type { AuthService, AuthServiceOptions, AuthUser, AuthCheckResult } from './auth/authService';
+export { createAuthContext } from './auth/AuthProvider';
+export type { AuthContextValue } from './auth/AuthProvider';
+export { createConfigProvider } from './config/createConfigProvider';
+export type { CreateConfigProviderOptions } from './config/createConfigProvider';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACxD,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACxD,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAElF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,YAAY,EAAE,WAAW,EAAE,kBAAkB,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrG,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,YAAY,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/index.js

@@ -1,8 +1,8 @@
 // @visin/frontend-core - Shared frontend auth/API-client logic for Visin frontends
 export { createApiClient, ApiError } from './apiClient';
-// Not yet extracted: account-front's `authService.ts`, auth-front's
-// `authFlow.ts`, and vision-front's `AuthContext.tsx` implement auth
-// (token storage, login/logout, session checks) three different ways
-// rather than as copies of one pattern, so unifying them needs its own
-// design pass across all three before landing here — see TODO.md.
+export { Loader } from './components/Loader';
+export { ErrorPage } from './components/ErrorPage';
+export { createAuthService } from './auth/authService';
+export { createAuthContext } from './auth/AuthProvider';
+export { createConfigProvider } from './config/createConfigProvider';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,mFAAmF;AAEnF,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGxD,oEAAoE;AACpE,qEAAqE;AACrE,qEAAqE;AACrE,uEAAuE;AACvE,kEAAkE"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,mFAAmF;AAEnF,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visin/frontend-core",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Shared frontend auth/API-client logic for Visin frontends",
   "author": "Toomas Tahves",
   "license": "MIT",
@@ -33,15 +33,27 @@
     "auth",
     "api-client"
   ],
+  "peerDependencies": {
+    "@mui/icons-material": "^9.2.0",
+    "@mui/material": "^9.2.0",
+    "react": "^19.2.7"
+  },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "@types/node": "^26.0.1",
-    "@vitest/coverage-v8": "^3.2.4",
+    "@mui/icons-material": "^9.2.0",
+    "@mui/material": "^9.2.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@types/node": "^26.1.0",
+    "@types/react": "^19.2.17",
+    "@vitest/coverage-v8": "^4.1.9",
     "eslint": "^10.6.0",
-    "jsdom": "^26.1.0",
+    "jsdom": "^29.1.1",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "standard-version": "^9.5.0",
     "typescript": "^6.0.3",
     "typescript-eslint": "^8.62.1",
-    "vitest": "^3.2.4"
+    "vitest": "^4.1.9"
   }
 }