@redzone/taunt-logins-ui-react 0.0.24 → 0.0.26

package/dist/cjs/index.cjs

@@ -80,32 +80,9 @@ function LoadingView() {
     });
 }
 
-const DefinitelyUndefined = ()=>Promise.resolve(undefined);
-const TauntContext = react.createContext({
-    taunt: {},
-    tauntServiceEndpoint: "",
-    initialised: false,
-    loggedIn: false,
-    isLoading: false,
-    tauntUser: undefined,
-    loginDetails: undefined,
-    setLoginDetails: DefinitelyUndefined,
-    getMe: DefinitelyUndefined,
-    metamaskLogin: DefinitelyUndefined,
-    otpMagicLogin: DefinitelyUndefined,
-    telegramLogin: DefinitelyUndefined,
-    metaLogin: DefinitelyUndefined,
-    coinbaseLogin: DefinitelyUndefined,
-    refreshToken: DefinitelyUndefined,
-    getClaimrToken: DefinitelyUndefined,
-    getClaimrSkulls: DefinitelyUndefined,
-    getClaimrReferralCode: DefinitelyUndefined,
-    logout: ()=>{
-    /* empty */ }
-});
+const TauntContext = react.createContext(undefined);
 function useTaunt() {
     const ctx = react.useContext(TauntContext);
-    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     if (!ctx) {
         throw new Error("useTaunt must be used within a TauntProvider");
     }
@@ -575,18 +552,21 @@ const TauntProvider = ({ children, tauntServiceEndpoint, magicKey })=>{
     if (!tauntServiceEndpoint) {
         throw new Error("TauntProvider: tauntServiceEndpoint is not provided");
     }
-    console.log("🔧 Initializing TauntProvider with endpoint:", {
-        tauntServiceEndpoint,
-        magicKey
-    });
     const [initialised, setInitialised] = react.useState(false);
     const [tauntUser, setTauntUser] = react.useState();
     const [loginDetails, setLoginDetails] = react.useState();
-    const taunt = react.useMemo(()=>new tauntLogins.TauntApi(tauntServiceEndpoint, setLoginDetails), [
+    const taunt = react.useMemo(()=>new tauntLogins.TauntApi(tauntServiceEndpoint), [
         tauntServiceEndpoint
     ]);
     const [isLoading, setIsLoading] = react.useState(false);
     const loggedIn = !!tauntUser;
+    react.useEffect(()=>{
+        if (!tauntUser) {
+            setLoginDetails(undefined);
+        }
+    }, [
+        tauntUser
+    ]);
     const getMe = react.useCallback(async (force = false)=>{
         if (!force && !loggedIn) return undefined;
         return taunt.getLoggedInUser();
@@ -661,26 +641,35 @@ const TauntProvider = ({ children, tauntServiceEndpoint, magicKey })=>{
         return Promise.resolve(undefined);
     }, []);
     const logout = react.useCallback(()=>{
-        void taunt.logout().then(()=>{
+        void taunt.logout().finally(()=>{
             setTauntUser(undefined);
         });
     }, [
         taunt
     ]);
-    const refreshToken = react.useCallback(async (token)=>{
-        if (!token) return;
+    const refreshToken = react.useCallback(async (token, autoLogoutOnError = true)=>{
+        if (!token) {
+            if (autoLogoutOnError) {
+                logout();
+            }
+            return;
+        }
         setIsLoading(true);
         try {
             await taunt.refresh(token);
             return await refreshUser();
         } catch (error) {
             console.error("Failed to refresh token:", error);
+            if (autoLogoutOnError) {
+                logout();
+            }
         } finally{
             setIsLoading(false);
         }
     }, [
+        taunt,
         refreshUser,
-        taunt
+        logout
     ]);
     const withTaunt = react.useCallback(async (fn)=>{
         if (loggedIn) {
@@ -699,6 +688,25 @@ const TauntProvider = ({ children, tauntServiceEndpoint, magicKey })=>{
     const getClaimrReferralCode = react.useCallback(()=>withTaunt((taunt)=>taunt.getClaimrReferralCode()), [
         withTaunt
     ]);
+    const getAccessDetails = react.useCallback(async ()=>{
+        if (loginDetails) {
+            return loginDetails;
+        }
+        if (loggedIn) {
+            if (taunt.refreshToken) {
+                setLoginDetails(await refreshToken(taunt.refreshToken));
+                return loginDetails;
+            } else {
+                logout();
+            }
+        }
+    }, [
+        loggedIn,
+        loginDetails,
+        taunt.refreshToken,
+        refreshToken,
+        logout
+    ]);
     const safeSetLoginDetails = react.useCallback((props)=>loginWith(async ({ taunt })=>{
             await taunt.setLoginDetails(props);
             return props;
@@ -733,6 +741,7 @@ const TauntProvider = ({ children, tauntServiceEndpoint, magicKey })=>{
             loginDetails,
             tauntUser,
             setLoginDetails: safeSetLoginDetails,
+            getAccessDetails,
             getMe,
             getClaimrToken,
             getClaimrSkulls,

package/dist/cjs/index.d.cts

@@ -99,6 +99,7 @@ interface ContextProps {
     metaLogin: () => MaybeUser;
     coinbaseLogin: () => MaybeUser;
     getMe: () => MaybeUser;
+    getAccessDetails: () => Promise<TauntAccessDetails | undefined>;
     setLoginDetails: (props: TauntAccessDetails) => MaybeUser;
     refreshToken: (token: string) => MaybeUser;
     getClaimrToken: () => MaybeString;
@@ -106,7 +107,7 @@ interface ContextProps {
     getClaimrReferralCode: () => MaybeString;
     logout: () => void;
 }
-declare const TauntContext: react.Context<ContextProps>;
+declare const TauntContext: react.Context<ContextProps | undefined>;
 declare function useTaunt(): ContextProps;
 
 declare const TauntProvider: ({ children, tauntServiceEndpoint, magicKey }: {

package/dist/es/index.d.ts

@@ -99,6 +99,7 @@ interface ContextProps {
     metaLogin: () => MaybeUser;
     coinbaseLogin: () => MaybeUser;
     getMe: () => MaybeUser;
+    getAccessDetails: () => Promise<TauntAccessDetails | undefined>;
     setLoginDetails: (props: TauntAccessDetails) => MaybeUser;
     refreshToken: (token: string) => MaybeUser;
     getClaimrToken: () => MaybeString;
@@ -106,7 +107,7 @@ interface ContextProps {
     getClaimrReferralCode: () => MaybeString;
     logout: () => void;
 }
-declare const TauntContext: react.Context<ContextProps>;
+declare const TauntContext: react.Context<ContextProps | undefined>;
 declare function useTaunt(): ContextProps;
 
 declare const TauntProvider: ({ children, tauntServiceEndpoint, magicKey }: {

package/dist/es/index.js

@@ -80,32 +80,9 @@ function LoadingView() {
     });
 }
 
-const DefinitelyUndefined = ()=>Promise.resolve(undefined);
-const TauntContext = createContext({
-    taunt: {},
-    tauntServiceEndpoint: "",
-    initialised: false,
-    loggedIn: false,
-    isLoading: false,
-    tauntUser: undefined,
-    loginDetails: undefined,
-    setLoginDetails: DefinitelyUndefined,
-    getMe: DefinitelyUndefined,
-    metamaskLogin: DefinitelyUndefined,
-    otpMagicLogin: DefinitelyUndefined,
-    telegramLogin: DefinitelyUndefined,
-    metaLogin: DefinitelyUndefined,
-    coinbaseLogin: DefinitelyUndefined,
-    refreshToken: DefinitelyUndefined,
-    getClaimrToken: DefinitelyUndefined,
-    getClaimrSkulls: DefinitelyUndefined,
-    getClaimrReferralCode: DefinitelyUndefined,
-    logout: ()=>{
-    /* empty */ }
-});
+const TauntContext = createContext(undefined);
 function useTaunt() {
     const ctx = useContext(TauntContext);
-    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     if (!ctx) {
         throw new Error("useTaunt must be used within a TauntProvider");
     }
@@ -575,18 +552,21 @@ const TauntProvider = ({ children, tauntServiceEndpoint, magicKey })=>{
     if (!tauntServiceEndpoint) {
         throw new Error("TauntProvider: tauntServiceEndpoint is not provided");
     }
-    console.log("🔧 Initializing TauntProvider with endpoint:", {
-        tauntServiceEndpoint,
-        magicKey
-    });
     const [initialised, setInitialised] = useState(false);
     const [tauntUser, setTauntUser] = useState();
     const [loginDetails, setLoginDetails] = useState();
-    const taunt = useMemo(()=>new TauntApi(tauntServiceEndpoint, setLoginDetails), [
+    const taunt = useMemo(()=>new TauntApi(tauntServiceEndpoint), [
         tauntServiceEndpoint
     ]);
     const [isLoading, setIsLoading] = useState(false);
     const loggedIn = !!tauntUser;
+    useEffect(()=>{
+        if (!tauntUser) {
+            setLoginDetails(undefined);
+        }
+    }, [
+        tauntUser
+    ]);
     const getMe = useCallback(async (force = false)=>{
         if (!force && !loggedIn) return undefined;
         return taunt.getLoggedInUser();
@@ -661,26 +641,35 @@ const TauntProvider = ({ children, tauntServiceEndpoint, magicKey })=>{
         return Promise.resolve(undefined);
     }, []);
     const logout = useCallback(()=>{
-        void taunt.logout().then(()=>{
+        void taunt.logout().finally(()=>{
             setTauntUser(undefined);
         });
     }, [
         taunt
     ]);
-    const refreshToken = useCallback(async (token)=>{
-        if (!token) return;
+    const refreshToken = useCallback(async (token, autoLogoutOnError = true)=>{
+        if (!token) {
+            if (autoLogoutOnError) {
+                logout();
+            }
+            return;
+        }
         setIsLoading(true);
         try {
             await taunt.refresh(token);
             return await refreshUser();
         } catch (error) {
             console.error("Failed to refresh token:", error);
+            if (autoLogoutOnError) {
+                logout();
+            }
         } finally{
             setIsLoading(false);
         }
     }, [
+        taunt,
         refreshUser,
-        taunt
+        logout
     ]);
     const withTaunt = useCallback(async (fn)=>{
         if (loggedIn) {
@@ -699,6 +688,25 @@ const TauntProvider = ({ children, tauntServiceEndpoint, magicKey })=>{
     const getClaimrReferralCode = useCallback(()=>withTaunt((taunt)=>taunt.getClaimrReferralCode()), [
         withTaunt
     ]);
+    const getAccessDetails = useCallback(async ()=>{
+        if (loginDetails) {
+            return loginDetails;
+        }
+        if (loggedIn) {
+            if (taunt.refreshToken) {
+                setLoginDetails(await refreshToken(taunt.refreshToken));
+                return loginDetails;
+            } else {
+                logout();
+            }
+        }
+    }, [
+        loggedIn,
+        loginDetails,
+        taunt.refreshToken,
+        refreshToken,
+        logout
+    ]);
     const safeSetLoginDetails = useCallback((props)=>loginWith(async ({ taunt })=>{
             await taunt.setLoginDetails(props);
             return props;
@@ -733,6 +741,7 @@ const TauntProvider = ({ children, tauntServiceEndpoint, magicKey })=>{
             loginDetails,
             tauntUser,
             setLoginDetails: safeSetLoginDetails,
+            getAccessDetails,
             getMe,
             getClaimrToken,
             getClaimrSkulls,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redzone/taunt-logins-ui-react",
-  "version": "0.0.24",
+  "version": "0.0.26",
   "type": "module",
   "main": "./dist/es/index.js",
   "module": "./dist/es/index.js",
@@ -30,6 +30,7 @@
     "postbuild": "npm run copy:styles",
     "clean": "rm -rf dist",
     "lint": "eslint .",
+    "npm:login": "npm login",
     "prenpm:publish": "npm run build",
     "npm:publish": "npm publish --access public",
     "fb:login": "firebase login --reauth",