@vritti/quantum-ui 0.1.10 → 0.1.11

package/dist/AuthProvider.d.ts

@@ -1,9 +1,32 @@
+import { Context } from 'react';
 import { default as default_2 } from 'react';
 
-export declare const AuthProvider: default_2.FC<AuthProviderProps>;
+export declare const OnboardingContext: Context<OnboardingContextType | undefined>;
 
-declare interface AuthProviderProps {
+export declare interface OnboardingContextType extends OnboardingData {
+    onboardingToken: string | null;
+    isLoading: boolean;
+    error: string | null;
+}
+
+export declare interface OnboardingData {
+    userId: string;
+    email: string;
+    firstName: string;
+    lastName: string;
+    currentStep: string;
+    onboardingComplete: boolean;
+    accountStatus: string;
+    emailVerified: boolean;
+    phoneVerified: boolean;
+}
+
+export declare const OnboardingProvider: default_2.FC<OnboardingProviderProps>;
+
+declare interface OnboardingProviderProps {
     children: default_2.ReactNode;
 }
 
+export declare const useOnboarding: () => OnboardingContextType;
+
 export { }

package/dist/OnboardingProvider.js

@@ -0,0 +1,91 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { createContext, useContext, useState, useRef, useCallback, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { axios } from './utils/axios.js';
+
+const OnboardingContext = createContext(void 0);
+const useOnboarding = () => {
+  const context = useContext(OnboardingContext);
+  if (!context) {
+    throw new Error("useOnboarding must be used within an OnboardingProvider");
+  }
+  return context;
+};
+
+const OnboardingProvider = ({ children }) => {
+  const [data, setData] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const navigate = useNavigate();
+  const isFetchingRef = useRef(false);
+  const fetchOnboardingStatus = useCallback(async () => {
+    if (isFetchingRef.current) return;
+    isFetchingRef.current = true;
+    try {
+      const response = await axios.get("/onboarding/status");
+      setData({
+        ...response.data,
+        isLoading: false,
+        error: null
+      });
+    } catch (err) {
+      const axiosError = err;
+      if (axiosError.response?.status === 401) {
+        navigate("/login", { replace: true });
+      } else {
+        setData({
+          onboardingToken: null,
+          userId: "",
+          email: "",
+          firstName: "",
+          lastName: "",
+          currentStep: "",
+          onboardingComplete: false,
+          accountStatus: "",
+          emailVerified: false,
+          phoneVerified: false,
+          isLoading: false,
+          error: axiosError?.message || "Failed to fetch onboarding status"
+        });
+      }
+    } finally {
+      isFetchingRef.current = false;
+      setIsLoading(false);
+    }
+  }, [navigate]);
+  useEffect(() => {
+    fetchOnboardingStatus();
+  }, []);
+  useEffect(() => {
+    if (!data?.onboardingToken) return;
+    const requestInterceptor = axios.interceptors.request.use((config) => {
+      config.headers.Authorization = `Bearer ${data.onboardingToken}`;
+      return config;
+    });
+    return () => {
+      axios.interceptors.request.eject(requestInterceptor);
+    };
+  }, [data?.onboardingToken]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs("div", { className: "text-center space-y-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-primary mx-auto" }),
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Loading..." })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx(OnboardingContext.Provider, { value: data || {
+    onboardingToken: null,
+    userId: "",
+    email: "",
+    firstName: "",
+    lastName: "",
+    currentStep: "",
+    onboardingComplete: false,
+    accountStatus: "",
+    emailVerified: false,
+    phoneVerified: false,
+    isLoading: false,
+    error: null
+  }, children });
+};
+
+export { OnboardingContext as O, OnboardingProvider as a, useOnboarding as u };
+//# sourceMappingURL=OnboardingProvider.js.map

package/dist/OnboardingProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingProvider.js","sources":["../lib/context/OnboardingContext.tsx","../lib/context/OnboardingProvider.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface OnboardingData {\n  userId: string;\n  email: string;\n  firstName: string;\n  lastName: string;\n  currentStep: string;\n  onboardingComplete: boolean;\n  accountStatus: string;\n  emailVerified: boolean;\n  phoneVerified: boolean;\n}\n\nexport interface OnboardingContextType extends OnboardingData {\n  onboardingToken: string | null;\n  isLoading: boolean;\n  error: string | null;\n}\n\nexport const OnboardingContext = createContext<OnboardingContextType | undefined>(undefined);\n\nexport const useOnboarding = (): OnboardingContextType => {\n  const context = useContext(OnboardingContext);\n  if (!context) {\n    throw new Error('useOnboarding must be used within an OnboardingProvider');\n  }\n  return context;\n};\n","import React, { useEffect, useState, useRef, useCallback } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { OnboardingContext, type OnboardingContextType, type OnboardingData } from './OnboardingContext';\nimport { axios } from '../utils/axios';\nimport type { AxiosError } from 'axios';\n\ninterface OnboardingProviderProps {\n  children: React.ReactNode;\n}\n\ninterface OnboardingStatusResponse extends OnboardingData {\n  onboardingToken: string;\n}\n\nexport const OnboardingProvider: React.FC<OnboardingProviderProps> = ({ children }) => {\n  const [data, setData] = useState<OnboardingContextType | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n  const navigate = useNavigate();\n  const isFetchingRef = useRef(false);\n\n  const fetchOnboardingStatus = useCallback(async () => {\n    // Prevent multiple simultaneous calls\n    if (isFetchingRef.current) return;\n\n    isFetchingRef.current = true;\n    try {\n      const response = await axios.get<OnboardingStatusResponse>('/onboarding/status');\n      setData({\n        ...response.data,\n        isLoading: false,\n        error: null,\n      });\n    } catch (err) {\n      const axiosError = err as AxiosError;\n      if (axiosError.response?.status === 401) {\n        navigate('/login', { replace: true });\n      } else {\n        // Set error state for other failures (connection errors, etc)\n        setData({\n          onboardingToken: null,\n          userId: '',\n          email: '',\n          firstName: '',\n          lastName: '',\n          currentStep: '',\n          onboardingComplete: false,\n          accountStatus: '',\n          emailVerified: false,\n          phoneVerified: false,\n          isLoading: false,\n          error: axiosError?.message || 'Failed to fetch onboarding status',\n        });\n      }\n    } finally {\n      isFetchingRef.current = false;\n      setIsLoading(false);\n    }\n  }, [navigate]);\n\n  // Only call once on mount with empty dependency array\n  useEffect(() => {\n    fetchOnboardingStatus();\n  }, []);\n\n  useEffect(() => {\n    if (!data?.onboardingToken) return;\n\n    // Request interceptor - Add authorization header\n    const requestInterceptor = axios.interceptors.request.use((config) => {\n      config.headers.Authorization = `Bearer ${data.onboardingToken}`;\n      return config;\n    });\n\n    return () => {\n      axios.interceptors.request.eject(requestInterceptor);\n    };\n  }, [data?.onboardingToken]);\n\n  if (isLoading) {\n    return (\n      <div className='flex items-center justify-center min-h-screen'>\n        <div className='text-center space-y-4'>\n          <div className='animate-spin rounded-full h-12 w-12 border-b-2 border-primary mx-auto'></div>\n          <p className='text-muted-foreground'>Loading...</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <OnboardingContext.Provider value={data || {\n      onboardingToken: null,\n      userId: '',\n      email: '',\n      firstName: '',\n      lastName: '',\n      currentStep: '',\n      onboardingComplete: false,\n      accountStatus: '',\n      emailVerified: false,\n      phoneVerified: false,\n      isLoading: false,\n      error: null,\n    }}>\n      {children}\n    </OnboardingContext.Provider>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/assets/quantum-ui.css

@@ -130,4 +130,121 @@
 .PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
 	opacity: 1;
 	color: var(--PhoneInputCountrySelectArrow-color--focus);
-}
+}/**
+ * Quantum UI Shared Styles
+ *
+ * This file contains ONLY:
+ * 1. Color theme variables (:root and .dark) - shared across all apps
+ * 2. PhoneInput component overrides - for h-9 container sizing
+ *
+ * Apps should import this file to get consistent colors and PhoneInput styling,
+ * then define their own complete Tailwind configuration.
+ */
+
+:root {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.3211 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.3211 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.3211 0 0);
+  --primary: oklch(0.522 0.1771 255.8297);
+  --primary-foreground: oklch(1 0 0);
+  --secondary: oklch(0.967 0.0029 264.5419);
+  --secondary-foreground: oklch(0.4461 0.0263 256.8018);
+  --muted: oklch(0.9846 0.0017 247.8389);
+  --muted-foreground: oklch(0.551 0.0234 264.3637);
+  --accent: oklch(0.9514 0.025 236.8242);
+  --accent-foreground: oklch(0.3791 0.1378 265.5222);
+  --destructive: oklch(0.6368 0.2078 25.3313);
+  --destructive-foreground: oklch(1 0 0);
+  --border: oklch(0.9276 0.0058 264.5313);
+  --input: oklch(0.9276 0.0058 264.5313);
+  --ring: oklch(0.6231 0.188 259.8145);
+  --chart-1: oklch(0.6231 0.188 259.8145);
+  --chart-2: oklch(0.5461 0.2152 262.8809);
+  --chart-3: oklch(0.4882 0.2172 264.3763);
+  --chart-4: oklch(0.4244 0.1809 265.6377);
+  --chart-5: oklch(0.3791 0.1378 265.5222);
+  --sidebar: oklch(0.9846 0.0017 247.8389);
+  --sidebar-foreground: oklch(0.3211 0 0);
+  --sidebar-primary: oklch(0.6231 0.188 259.8145);
+  --sidebar-primary-foreground: oklch(1 0 0);
+  --sidebar-accent: oklch(0.9514 0.025 236.8242);
+  --sidebar-accent-foreground: oklch(0.3791 0.1378 265.5222);
+  --sidebar-border: oklch(0.9276 0.0058 264.5313);
+  --sidebar-ring: oklch(0.6231 0.188 259.8145);
+  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
+  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+  --radius: 0.625rem;
+  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
+  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
+  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
+  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
+  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
+  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
+  --tracking-normal: 0em;
+  --spacing: 0.25rem;
+}
+
+.dark {
+  --background: oklch(0.2046 0 0);
+  --foreground: oklch(0.9219 0 0);
+  --card: oklch(0.2686 0 0);
+  --card-foreground: oklch(0.9219 0 0);
+  --popover: oklch(0.2686 0 0);
+  --popover-foreground: oklch(0.9219 0 0);
+  --primary: oklch(0.522 0.1771 255.8297);
+  --primary-foreground: oklch(1 0 0);
+  --secondary: oklch(0.2686 0 0);
+  --secondary-foreground: oklch(0.9219 0 0);
+  --muted: oklch(0.2686 0 0);
+  --muted-foreground: oklch(0.7155 0 0);
+  --accent: oklch(0.3791 0.1378 265.5222);
+  --accent-foreground: oklch(0.8823 0.0571 254.1284);
+  --destructive: oklch(0.6368 0.2078 25.3313);
+  --destructive-foreground: oklch(1 0 0);
+  --border: oklch(0.3715 0 0);
+  --input: oklch(0.3715 0 0);
+  --ring: oklch(0.6231 0.188 259.8145);
+  --chart-1: oklch(0.7137 0.1434 254.624);
+  --chart-2: oklch(0.6231 0.188 259.8145);
+  --chart-3: oklch(0.5461 0.2152 262.8809);
+  --chart-4: oklch(0.4882 0.2172 264.3763);
+  --chart-5: oklch(0.4244 0.1809 265.6377);
+  --sidebar: oklch(0.2046 0 0);
+  --sidebar-foreground: oklch(0.9219 0 0);
+  --sidebar-primary: oklch(0.6231 0.188 259.8145);
+  --sidebar-primary-foreground: oklch(1 0 0);
+  --sidebar-accent: oklch(0.3791 0.1378 265.5222);
+  --sidebar-accent-foreground: oklch(0.8823 0.0571 254.1284);
+  --sidebar-border: oklch(0.3715 0 0);
+  --sidebar-ring: oklch(0.6231 0.188 259.8145);
+  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
+  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+  --radius: 0.625rem;
+  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
+  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
+  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
+  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
+  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
+  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
+}
+
+/* PhoneInput flag sizing overrides for h-9 (36px) container */
+.PhoneInput {
+  --PhoneInputCountryFlag-height: 1rem;
+}
+
+.PhoneInputCountryIcon {
+  max-width: 1rem;
+  max-height: 1rem;
+}

package/dist/context/AuthProvider.d.ts

@@ -1,7 +1,2 @@
-import { default as React } from 'react';
-interface AuthProviderProps {
-    children: React.ReactNode;
-}
-export declare const AuthProvider: React.FC<AuthProviderProps>;
-export {};
-//# sourceMappingURL=AuthProvider.d.ts.map
+export * from './index'
+export {}

package/dist/context/AuthProvider.js

@@ -1,2 +1,2 @@
-export { A as AuthContext, a as AuthProvider, u as useAuth } from '../AuthProvider.js';
+export { O as OnboardingContext, a as OnboardingProvider, u as useOnboarding } from '../OnboardingProvider.js';
 //# sourceMappingURL=AuthProvider.js.map

package/dist/index.d.ts

@@ -8,24 +8,6 @@ import { Value as PhoneValue } from 'react-phone-number-input';
 import * as React_2 from 'react';
 import { VariantProps } from 'class-variance-authority';
 
-export declare const AuthContext: Context<AuthContextType | undefined>;
-
-export declare interface AuthContextType {
-    accessToken: string | null;
-    isAuthenticated: boolean;
-    isLoading: boolean;
-    error: string | null;
-    refreshToken: () => Promise<void>;
-    logout: () => void;
-    setToken: (token: string) => void;
-}
-
-export declare const AuthProvider: default_2.FC<AuthProviderProps>;
-
-declare interface AuthProviderProps {
-    children: default_2.ReactNode;
-}
-
 export declare function Button({
     className,
     variant,
@@ -139,6 +121,32 @@ export declare function cn(...inputs: ClassValue[]) {
 
 export { isValidPhoneNumber }
 
+export declare const OnboardingContext: Context<OnboardingContextType | undefined>;
+
+export declare interface OnboardingContextType extends OnboardingData {
+    onboardingToken: string | null;
+    isLoading: boolean;
+    error: string | null;
+}
+
+export declare interface OnboardingData {
+    userId: string;
+    email: string;
+    firstName: string;
+    lastName: string;
+    currentStep: string;
+    onboardingComplete: boolean;
+    accountStatus: string;
+    emailVerified: boolean;
+    phoneVerified: boolean;
+}
+
+export declare const OnboardingProvider: default_2.FC<OnboardingProviderProps>;
+
+declare interface OnboardingProviderProps {
+    children: default_2.ReactNode;
+}
+
 export declare const PasswordField: default_2.FC<PasswordFieldProps>;
 
 declare interface PasswordFieldProps extends Omit<TextFieldProps, 'type' | 'endAdornment'> {
@@ -191,6 +199,6 @@ declare interface TypographyProps {
     className?: string;
 }
 
-export declare const useAuth: () => AuthContextType;
+export declare const useOnboarding: () => OnboardingContextType;
 
 export { }

package/dist/index.js

@@ -1,4 +1,4 @@
-export { A as AuthContext, a as AuthProvider, u as useAuth } from './AuthProvider.js';
+export { O as OnboardingContext, a as OnboardingProvider, u as useOnboarding } from './OnboardingProvider.js';
 export { c as cn } from './utils.js';
 export { B as Button, b as buttonVariants } from './Button.js';
 export { C as Card, a as CardContent, b as CardDescription, c as CardFooter, d as CardHeader, e as CardTitle } from './Card.js';

package/package.json

@@ -5,7 +5,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.1.10",
+  "version": "0.1.11",
   "type": "module",
   "sideEffects": false,
   "repository": {
@@ -84,7 +84,7 @@
       "types": "./dist/AuthProvider.d.ts",
       "import": "./dist/context/AuthProvider.js"
     },
-    "./dist/assets/quantum-ui.css": "./dist/assets/quantum-ui.css"
+    "./index.css": "./dist/assets/quantum-ui.css"
   },
   "files": [
     "dist"

package/dist/AuthProvider.js

@@ -1,137 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { createContext, useContext, useState, useRef, useCallback, useEffect } from 'react';
-import { useNavigate } from 'react-router-dom';
-import { axios } from './utils/axios.js';
-
-const AuthContext = createContext(void 0);
-const useAuth = () => {
-  const context = useContext(AuthContext);
-  if (!context) {
-    throw new Error("useAuth must be used within an AuthProvider");
-  }
-  return context;
-};
-
-const TOKEN_REFRESH_INTERVAL = 15 * 60 * 1e3;
-const AuthProvider = ({ children }) => {
-  const [accessToken, setAccessToken] = useState(null);
-  const [isAuthenticated, setIsAuthenticated] = useState(false);
-  const [isLoading, setIsLoading] = useState(true);
-  const [error, setError] = useState(null);
-  const navigate = useNavigate();
-  const refreshTimerRef = useRef(null);
-  const isRefreshingRef = useRef(false);
-  const refreshToken = useCallback(async () => {
-    if (isRefreshingRef.current) {
-      return;
-    }
-    try {
-      isRefreshingRef.current = true;
-      setError(null);
-      const response = await axios.get("/auth/refresh-application");
-      const { accessToken: newToken } = response.data;
-      if (newToken) {
-        setAccessToken(newToken);
-        setIsAuthenticated(true);
-      } else {
-        throw new Error("No access token received");
-      }
-    } catch (err) {
-      console.error("Token refresh failed:", err);
-      setError("Authentication failed");
-      setAccessToken(null);
-      setIsAuthenticated(false);
-      navigate("/login", { replace: true });
-    } finally {
-      isRefreshingRef.current = false;
-      setIsLoading(false);
-    }
-  }, [navigate]);
-  const setToken = useCallback((token) => {
-    setAccessToken(token);
-    setIsAuthenticated(true);
-  }, []);
-  const logout = useCallback(() => {
-    setAccessToken(null);
-    setIsAuthenticated(false);
-    setError(null);
-    if (refreshTimerRef.current) {
-      clearInterval(refreshTimerRef.current);
-      refreshTimerRef.current = null;
-    }
-    navigate("/login", { replace: true });
-  }, [navigate]);
-  useEffect(() => {
-    refreshToken();
-  }, [refreshToken]);
-  useEffect(() => {
-    if (isAuthenticated && accessToken) {
-      if (refreshTimerRef.current) {
-        clearInterval(refreshTimerRef.current);
-      }
-      refreshTimerRef.current = setInterval(() => {
-        refreshToken();
-      }, TOKEN_REFRESH_INTERVAL);
-    }
-    return () => {
-      if (refreshTimerRef.current) {
-        clearInterval(refreshTimerRef.current);
-        refreshTimerRef.current = null;
-      }
-    };
-  }, [isAuthenticated, accessToken, refreshToken]);
-  useEffect(() => {
-    const requestInterceptor = axios.interceptors.request.use(
-      (config) => {
-        if (accessToken && config.headers) {
-          config.headers.Authorization = `Bearer ${accessToken}`;
-        }
-        return config;
-      },
-      (error2) => Promise.reject(error2)
-    );
-    const responseInterceptor = axios.interceptors.response.use(
-      (response) => response,
-      async (error2) => {
-        const originalRequest = error2.config;
-        if (error2.response?.status === 401 && !originalRequest._retry) {
-          originalRequest._retry = true;
-          try {
-            await refreshToken();
-            if (accessToken && originalRequest.headers) {
-              originalRequest.headers.Authorization = `Bearer ${accessToken}`;
-            }
-            return axios(originalRequest);
-          } catch (refreshError) {
-            logout();
-            return Promise.reject(refreshError);
-          }
-        }
-        return Promise.reject(error2);
-      }
-    );
-    return () => {
-      axios.interceptors.request.eject(requestInterceptor);
-      axios.interceptors.response.eject(responseInterceptor);
-    };
-  }, [accessToken, refreshToken, logout]);
-  const value = {
-    accessToken,
-    isAuthenticated,
-    isLoading,
-    error,
-    refreshToken,
-    logout,
-    setToken
-  };
-  if (isLoading) {
-    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-primary mx-auto" }),
-      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Loading..." })
-    ] }) });
-  }
-  return /* @__PURE__ */ jsx(AuthContext.Provider, { value, children });
-};
-
-export { AuthContext as A, AuthProvider as a, useAuth as u };
-//# sourceMappingURL=AuthProvider.js.map

package/dist/AuthProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AuthProvider.js","sources":["../lib/context/AuthContext.tsx","../lib/context/AuthProvider.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface AuthContextType {\n  accessToken: string | null;\n  isAuthenticated: boolean;\n  isLoading: boolean;\n  error: string | null;\n  refreshToken: () => Promise<void>;\n  logout: () => void;\n  setToken: (token: string) => void;\n}\n\nexport const AuthContext = createContext<AuthContextType | undefined>(undefined);\n\nexport const useAuth = (): AuthContextType => {\n  const context = useContext(AuthContext);\n  if (!context) {\n    throw new Error('useAuth must be used within an AuthProvider');\n  }\n  return context;\n};\n","import React, { useEffect, useState, useCallback, useRef } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { AuthContext, type AuthContextType } from './AuthContext';\nimport { axios } from '../utils/axios';\nimport type { AxiosError, InternalAxiosRequestConfig } from 'axios';\n\ninterface AuthProviderProps {\n  children: React.ReactNode;\n}\n\ninterface RefreshResponse {\n  accessToken: string;\n}\n\nconst TOKEN_REFRESH_INTERVAL = 15 * 60 * 1000; // 15 minutes in milliseconds\n\nexport const AuthProvider: React.FC<AuthProviderProps> = ({ children }) => {\n  const [accessToken, setAccessToken] = useState<string | null>(null);\n  const [isAuthenticated, setIsAuthenticated] = useState(false);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const navigate = useNavigate();\n\n  const refreshTimerRef = useRef<NodeJS.Timeout | null>(null);\n  const isRefreshingRef = useRef(false);\n\n  // Fetch and set token\n  const refreshToken = useCallback(async () => {\n    // Prevent multiple simultaneous refresh attempts\n    if (isRefreshingRef.current) {\n      return;\n    }\n\n    try {\n      isRefreshingRef.current = true;\n      setError(null);\n\n      const response = await axios.get<RefreshResponse>('/auth/refresh-application');\n\n      const { accessToken: newToken } = response.data;\n\n      if (newToken) {\n        setAccessToken(newToken);\n        setIsAuthenticated(true);\n      } else {\n        throw new Error('No access token received');\n      }\n    } catch (err) {\n      console.error('Token refresh failed:', err);\n      setError('Authentication failed');\n      setAccessToken(null);\n      setIsAuthenticated(false);\n\n      // Redirect to login on failure\n      navigate('/login', { replace: true });\n    } finally {\n      isRefreshingRef.current = false;\n      setIsLoading(false);\n    }\n  }, [navigate]);\n\n  // Set token manually\n  const setToken = useCallback((token: string) => {\n    setAccessToken(token);\n    setIsAuthenticated(true);\n  }, []);\n\n  // Logout function\n  const logout = useCallback(() => {\n    setAccessToken(null);\n    setIsAuthenticated(false);\n    setError(null);\n\n    // Clear refresh timer\n    if (refreshTimerRef.current) {\n      clearInterval(refreshTimerRef.current);\n      refreshTimerRef.current = null;\n    }\n\n    navigate('/login', { replace: true });\n  }, [navigate]);\n\n  // Initial token fetch on mount\n  useEffect(() => {\n    refreshToken();\n  }, [refreshToken]);\n\n  // Set up periodic token refresh\n  useEffect(() => {\n    if (isAuthenticated && accessToken) {\n      // Clear any existing timer\n      if (refreshTimerRef.current) {\n        clearInterval(refreshTimerRef.current);\n      }\n\n      // Set up new refresh timer\n      refreshTimerRef.current = setInterval(() => {\n        refreshToken();\n      }, TOKEN_REFRESH_INTERVAL);\n    }\n\n    // Cleanup on unmount or when auth state changes\n    return () => {\n      if (refreshTimerRef.current) {\n        clearInterval(refreshTimerRef.current);\n        refreshTimerRef.current = null;\n      }\n    };\n  }, [isAuthenticated, accessToken, refreshToken]);\n\n  // Set up axios interceptors\n  useEffect(() => {\n    // Request interceptor - Add authorization header\n    const requestInterceptor = axios.interceptors.request.use(\n      (config: InternalAxiosRequestConfig) => {\n        if (accessToken && config.headers) {\n          config.headers.Authorization = `Bearer ${accessToken}`;\n        }\n        return config;\n      },\n      (error) => Promise.reject(error)\n    );\n\n    // Response interceptor - Handle 401 errors\n    const responseInterceptor = axios.interceptors.response.use(\n      (response) => response,\n      async (error: AxiosError) => {\n        const originalRequest = error.config as InternalAxiosRequestConfig & { _retry?: boolean };\n\n        // If 401 error and not already retried\n        if (error.response?.status === 401 && !originalRequest._retry) {\n          originalRequest._retry = true;\n\n          try {\n            // Try to refresh token\n            await refreshToken();\n\n            // Retry original request with new token\n            if (accessToken && originalRequest.headers) {\n              originalRequest.headers.Authorization = `Bearer ${accessToken}`;\n            }\n\n            return axios(originalRequest);\n          } catch (refreshError) {\n            // Refresh failed, logout user\n            logout();\n            return Promise.reject(refreshError);\n          }\n        }\n\n        return Promise.reject(error);\n      }\n    );\n\n    // Cleanup interceptors on unmount\n    return () => {\n      axios.interceptors.request.eject(requestInterceptor);\n      axios.interceptors.response.eject(responseInterceptor);\n    };\n  }, [accessToken, refreshToken, logout]);\n\n  const value: AuthContextType = {\n    accessToken,\n    isAuthenticated,\n    isLoading,\n    error,\n    refreshToken,\n    logout,\n    setToken,\n  };\n\n  // Show loading state during initial authentication\n  if (isLoading) {\n    return (\n      <div className=\"flex items-center justify-center min-h-screen\">\n        <div className=\"text-center space-y-4\">\n          <div className=\"animate-spin rounded-full h-12 w-12 border-b-2 border-primary mx-auto\"></div>\n          <p className=\"text-muted-foreground\">Loading...</p>\n        </div>\n      </div>\n    );\n  }\n\n  return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;\n};\n"],"names":["error"],"mappings":"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"}