@crossmint/client-sdk-react-ui 1.9.2 → 1.10.0

package/src/hooks/useRefreshToken.ts

@@ -1,68 +0,0 @@
-import { useCallback, useEffect, useRef } from "react";
-
-import type { AuthMaterialWithUser } from "@crossmint/common-sdk-auth";
-import type { CrossmintAuthService } from "@crossmint/client-sdk-auth";
-import { getJWTExpiration } from "@crossmint/client-sdk-auth";
-import { queueTask, type CancellableTask } from "@crossmint/client-sdk-base";
-import { REFRESH_TOKEN_PREFIX } from "@crossmint/common-sdk-auth";
-
-import { getCookie } from "../utils/authCookies";
-
-// 2 minutes before jwt expiration
-const TIME_BEFORE_EXPIRING_JWT_IN_SECONDS = 120;
-
-type UseAuthTokenRefreshProps = {
-    crossmintAuthService: CrossmintAuthService;
-    setAuthMaterial: (authMaterial: AuthMaterialWithUser) => void;
-    logout: () => void;
-};
-
-// Makes sure that everything inside the async IIFE has finished running before it can be called again.
-// The actual promise just holds that IIFE until it has finished running and it's then set to null
-let refreshPromise: Promise<void> | null = null;
-
-export function useRefreshToken({ crossmintAuthService, setAuthMaterial, logout }: UseAuthTokenRefreshProps) {
-    const refreshTaskRef = useRef<CancellableTask | null>(null);
-
-    const refreshAuthMaterial = useCallback(() => {
-        if (refreshPromise != null) {
-            return refreshPromise;
-        }
-
-        const refreshToken = getCookie(REFRESH_TOKEN_PREFIX);
-        if (refreshToken != null) {
-            refreshPromise = (async () => {
-                try {
-                    const result = await crossmintAuthService.refreshAuthMaterial(refreshToken);
-                    setAuthMaterial(result);
-                    const jwtExpiration = getJWTExpiration(result.jwt);
-
-                    if (jwtExpiration == null) {
-                        throw new Error("Invalid JWT");
-                    }
-
-                    const currentTime = Date.now() / 1000;
-                    const timeToExpire = jwtExpiration - currentTime - TIME_BEFORE_EXPIRING_JWT_IN_SECONDS;
-                    if (timeToExpire > 0) {
-                        const endTime = Date.now() + timeToExpire * 1000;
-                        refreshTaskRef.current = queueTask(refreshAuthMaterial, endTime);
-                    }
-                } catch (error) {
-                    logout();
-                    console.error(error);
-                } finally {
-                    refreshPromise = null;
-                }
-            })();
-        }
-    }, []);
-
-    useEffect(() => {
-        refreshAuthMaterial();
-        return () => {
-            if (refreshTaskRef.current) {
-                refreshTaskRef.current.cancel();
-            }
-        };
-    }, []);
-}

package/src/utils/authCookies.test.ts

@@ -1,41 +0,0 @@
-import { beforeEach, describe, expect, test } from "vitest";
-
-import { waitForSettledState } from "../testUtils";
-import { deleteCookie, getCookie, setCookie } from "./authCookies";
-
-describe("authCookies", () => {
-    beforeEach(() => {
-        // Clear all cookies before each test
-        document.cookie.split(";").forEach((cookie) => {
-            document.cookie = cookie
-                .replace(/^ +/, "")
-                .replace(/=.*/, "=;expires=" + new Date().toUTCString() + ";path=/");
-        });
-    });
-
-    test("should return undefined for non-existent cookie", () => {
-        expect(getCookie("non-existent")).toBeUndefined();
-    });
-
-    test("should return the correct value for an existing cookie", async () => {
-        document.cookie = "test-cookie=test-value";
-        await waitForSettledState(() => {
-            expect(getCookie("test-cookie")).toBe("test-value");
-        });
-    });
-
-    test("should set a cookie without expiration", async () => {
-        setCookie("test-cookie", "test-value");
-        await waitForSettledState(() => {
-            expect(document.cookie).toContain("test-cookie=test-value");
-        });
-    });
-
-    test("should delete an existing cookie", async () => {
-        document.cookie = "test-cookie=test-value";
-        deleteCookie("test-cookie");
-        await waitForSettledState(() => {
-            expect(document.cookie).not.toContain("test-cookie");
-        });
-    });
-});

package/src/utils/authCookies.ts

@@ -1,13 +0,0 @@
-export function getCookie(name: string): string | undefined {
-    const crossmintRefreshToken = document.cookie.split("; ").find((row) => row.startsWith(name));
-    return crossmintRefreshToken ? crossmintRefreshToken.split("=")[1] : undefined;
-}
-
-export function setCookie(name: string, value: string, expiresAt?: string) {
-    const expiresInUtc = expiresAt ? new Date(expiresAt).toUTCString() : "";
-    document.cookie = `${name}=${value}; ${expiresAt ? `expires=${expiresInUtc};` : ""} path=/; SameSite=Lax;`;
-}
-
-export function deleteCookie(name: string) {
-    document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`;
-}