@crossmint/client-sdk-react-ui 1.11.0 → 1.11.1

package/src/providers/CrossmintAuthProvider.test.tsx

@@ -1,269 +0,0 @@
-import { SESSION_PREFIX, REFRESH_TOKEN_PREFIX } from "@crossmint/common-sdk-auth";
-import { fireEvent, render, waitFor } from "@testing-library/react";
-import { type ReactNode, act } from "react";
-import { beforeEach, describe, expect, vi, it, type MockInstance } from "vitest";
-import { mock } from "vitest-mock-extended";
-
-import { CrossmintAuth as CrossmintAuthClient, getJWTExpiration, deleteCookie } from "@crossmint/client-sdk-auth";
-import { type EVMSmartWallet, SmartWalletSDK } from "@crossmint/client-sdk-smart-wallet";
-import { createCrossmint } from "@crossmint/common-sdk-base";
-
-import { useAuth, useWallet } from "../hooks";
-import { CrossmintProvider, useCrossmint } from "../hooks/useCrossmint";
-import { MOCK_API_KEY } from "../testUtils";
-import { CrossmintAuthProvider, type CrossmintAuthWalletConfig } from "./CrossmintAuthProvider";
-
-vi.mock("@crossmint/client-sdk-smart-wallet", async () => {
-    const actual = await vi.importActual("@crossmint/client-sdk-smart-wallet");
-    return {
-        ...actual,
-        SmartWalletSDK: {
-            init: vi.fn(),
-        },
-    };
-});
-
-vi.mock("@crossmint/common-sdk-base", async () => {
-    const actual = await vi.importActual("@crossmint/common-sdk-base");
-
-    class MockCrossmintApiClient {}
-
-    return {
-        ...actual,
-        createCrossmint: vi.fn(),
-        validateApiKeyAndGetCrossmintBaseUrl: vi.fn(),
-        CrossmintApiClient: MockCrossmintApiClient,
-    };
-});
-
-vi.mock("@crossmint/client-sdk-auth", async () => {
-    const actual = await vi.importActual("@crossmint/client-sdk-auth");
-    return {
-        ...actual,
-        getJWTExpiration: vi.fn(),
-    };
-});
-
-function renderAuthProvider({
-    children,
-    embeddedWallets,
-}: {
-    children: ReactNode;
-    embeddedWallets: CrossmintAuthWalletConfig;
-}) {
-    return render(
-        <CrossmintProvider apiKey={MOCK_API_KEY}>
-            <CrossmintAuthProvider embeddedWallets={embeddedWallets}>{children}</CrossmintAuthProvider>
-        </CrossmintProvider>
-    );
-}
-
-function TestComponent() {
-    const { setJwt } = useCrossmint();
-    const { wallet, status: walletStatus, error } = useWallet();
-    const { status: authStatus } = useAuth();
-    return (
-        <div>
-            <div data-testid="error">{error?.message ?? "No Error"}</div>
-            <div data-testid="wallet-status">{walletStatus}</div>
-            <div data-testid="auth-status">{authStatus}</div>
-            <div data-testid="wallet">{wallet ? "Wallet Loaded" : "No Wallet"}</div>
-
-            <button data-testid="jwt-input" onClick={() => setJwt("mock-jwt")}>
-                Set JWT
-            </button>
-            <button data-testid="clear-jwt-button" onClick={() => setJwt(undefined)}>
-                Clear JWT
-            </button>
-        </div>
-    );
-}
-
-describe("CrossmintAuthProvider", () => {
-    let mockSDK: SmartWalletSDK;
-    let mockWallet: EVMSmartWallet;
-    let embeddedWallets: CrossmintAuthWalletConfig;
-    let handleRefreshAuthMaterialSpy: MockInstance;
-    let getOAuthUrlSpy: MockInstance;
-
-    beforeEach(() => {
-        vi.resetAllMocks();
-        vi.mocked(createCrossmint).mockImplementation(
-            () =>
-                ({
-                    apiKey: MOCK_API_KEY,
-                }) as any
-        );
-
-        global.fetch = vi.fn().mockImplementation((url: string) => {
-            if (url.includes("/auth/social/")) {
-                return Promise.resolve({
-                    ok: true,
-                    json: () =>
-                        Promise.resolve({
-                            oauthUrl: "https://oauth.example.com",
-                        }),
-                });
-            }
-            return Promise.resolve({
-                ok: true,
-                json: () => Promise.resolve({}),
-            });
-        });
-
-        mockSDK = mock<SmartWalletSDK>();
-        mockWallet = mock<EVMSmartWallet>();
-        vi.mocked(SmartWalletSDK.init).mockReturnValue(mockSDK);
-        vi.mocked(mockSDK.getOrCreateWallet).mockResolvedValue(mockWallet);
-        vi.mocked(getJWTExpiration).mockReturnValue(1000);
-
-        embeddedWallets = {
-            defaultChain: "polygon",
-            createOnLogin: "all-users",
-            type: "evm-smart-wallet",
-        };
-
-        deleteCookie(REFRESH_TOKEN_PREFIX);
-        deleteCookie(SESSION_PREFIX);
-
-        handleRefreshAuthMaterialSpy = vi.spyOn(CrossmintAuthClient.prototype, "handleRefreshAuthMaterial");
-        getOAuthUrlSpy = vi.spyOn(CrossmintAuthClient.prototype, "getOAuthUrl").mockResolvedValue("mock-oauth-url");
-        // Casts as any because refreshAuthMaterial is protected
-        vi.spyOn(CrossmintAuthClient.prototype as any, "refreshAuthMaterial").mockResolvedValue(
-            Promise.resolve({
-                jwt: "mock-jwt",
-                refreshToken: { secret: "mock-refresh-token", expiresAt: 123456 },
-                user: {},
-            })
-        );
-        const mockCrossmintAuth = CrossmintAuthClient.from(createCrossmint({ apiKey: MOCK_API_KEY }));
-        vi.spyOn(CrossmintAuthClient, "from").mockReturnValue(mockCrossmintAuth);
-    });
-
-    it("Happy path", async () => {
-        await act(() => {
-            document.cookie = `${REFRESH_TOKEN_PREFIX}=mock-refresh-token; path=/; SameSite=Lax;`;
-            document.cookie = `${SESSION_PREFIX}=mock-jwt; path=/; SameSite=Lax;`;
-        });
-
-        const { getByTestId } = renderAuthProvider({
-            children: <TestComponent />,
-            embeddedWallets,
-        });
-
-        expect(getByTestId("wallet-status").textContent).toBe("in-progress");
-        expect(getByTestId("auth-status").textContent).toBe("logged-in");
-        expect(getByTestId("wallet").textContent).toBe("No Wallet");
-        expect(getByTestId("error").textContent).toBe("No Error");
-
-        await waitFor(() => {
-            expect(getByTestId("wallet-status").textContent).toBe("loaded");
-            expect(getByTestId("auth-status").textContent).toBe("logged-in");
-            expect(getByTestId("wallet").textContent).toBe("Wallet Loaded");
-            expect(getByTestId("error").textContent).toBe("No Error");
-        });
-
-        expect(handleRefreshAuthMaterialSpy).toHaveBeenCalledOnce();
-        expect(getOAuthUrlSpy).toHaveBeenCalled();
-        expect(vi.mocked(mockSDK.getOrCreateWallet)).toHaveBeenCalledOnce();
-    });
-
-    it(`When "createOnLogin" is "false", wallet is not loaded`, async () => {
-        document.cookie = `${SESSION_PREFIX}=mock-jwt; path=/;SameSite=Lax;`;
-        const { getByTestId } = await renderAuthProvider({
-            children: <TestComponent />,
-            embeddedWallets: {
-                defaultChain: "polygon",
-                createOnLogin: "off",
-                type: "evm-smart-wallet",
-            },
-        });
-
-        await waitFor(() => {
-            expect(getByTestId("wallet").textContent).toBe("No Wallet");
-            expect(getByTestId("wallet-status").textContent).toBe("not-loaded");
-        });
-
-        expect(vi.mocked(mockSDK.getOrCreateWallet)).not.toHaveBeenCalled();
-    });
-
-    it(`When the jwt from crossmint provider is not defined, wallet is not loaded`, async () => {
-        const { getByTestId } = await renderAuthProvider({
-            children: <TestComponent />,
-            embeddedWallets,
-        });
-
-        await waitFor(() => {
-            expect(getByTestId("wallet-status").textContent).toBe("not-loaded");
-            expect(getByTestId("auth-status").textContent).toBe("logged-out");
-            expect(getByTestId("wallet").textContent).toBe("No Wallet");
-        });
-
-        expect(vi.mocked(mockSDK.getOrCreateWallet)).not.toHaveBeenCalled();
-    });
-
-    it("When the jwt is cleared, so is the wallet", async () => {
-        document.cookie = `${SESSION_PREFIX}=mock-jwt; path=/;SameSite=Lax;`;
-        const { getByTestId } = await renderAuthProvider({
-            children: <TestComponent />,
-            embeddedWallets,
-        });
-
-        await waitFor(() => {
-            expect(getByTestId("wallet-status").textContent).toBe("loaded");
-            expect(getByTestId("auth-status").textContent).toBe("logged-in");
-            expect(getByTestId("wallet").textContent).toBe("Wallet Loaded");
-        });
-
-        fireEvent.click(getByTestId("clear-jwt-button"));
-
-        await waitFor(() => {
-            expect(getByTestId("wallet-status").textContent).toBe("not-loaded");
-            expect(getByTestId("auth-status").textContent).toBe("logged-out");
-            expect(getByTestId("wallet").textContent).toBe("No Wallet");
-        });
-
-        expect(vi.mocked(mockSDK.getOrCreateWallet)).toHaveBeenCalledOnce();
-    });
-
-    it(`Logging in and asserting the auth status`, async () => {
-        const { getByTestId } = await renderAuthProvider({
-            children: <TestComponent />,
-            embeddedWallets,
-        });
-
-        await waitFor(() => {
-            expect(getByTestId("auth-status").textContent).toBe("logged-out");
-        });
-
-        fireEvent.click(getByTestId("jwt-input"));
-
-        await waitFor(() => {
-            expect(getByTestId("auth-status").textContent).toBe("logged-in");
-        });
-    });
-
-    it("Logout clears JWT", async () => {
-        await act(() => {
-            document.cookie = `${REFRESH_TOKEN_PREFIX}=mock-refresh-token; path=/; SameSite=Lax;`;
-            document.cookie = `${SESSION_PREFIX}=mock-jwt; path=/; SameSite=Lax;`;
-        });
-
-        const { getByTestId } = await renderAuthProvider({
-            children: <TestComponent />,
-            embeddedWallets,
-        });
-
-        await waitFor(() => {
-            expect(getByTestId("auth-status").textContent).toBe("logged-in");
-        });
-
-        await act(() => {
-            fireEvent.click(getByTestId("clear-jwt-button"));
-        });
-
-        await waitFor(() => {
-            expect(getByTestId("auth-status").textContent).toBe("logged-out");
-        });
-    });
-});

package/src/providers/CrossmintAuthProvider.tsx

@@ -1,211 +0,0 @@
-import { type ReactNode, createContext, useEffect, useMemo, useRef, useState } from "react";
-
-import { CrossmintAuth, getCookie } from "@crossmint/client-sdk-auth";
-import type { EVMSmartWalletChain } from "@crossmint/client-sdk-smart-wallet";
-import { type UIConfig, validateApiKeyAndGetCrossmintBaseUrl } from "@crossmint/common-sdk-base";
-import { type AuthMaterialWithUser, SESSION_PREFIX, type SDKExternalUser } from "@crossmint/common-sdk-auth";
-
-import AuthFormDialog from "../components/auth/AuthFormDialog";
-import { useCrossmint, useWallet } from "../hooks";
-import { CrossmintWalletProvider } from "./CrossmintWalletProvider";
-import { AuthFormProvider } from "./auth/AuthFormProvider";
-import { TwindProvider } from "./TwindProvider";
-
-export type CrossmintAuthWalletConfig = {
-    defaultChain: EVMSmartWalletChain;
-    createOnLogin: "all-users" | "off";
-    type: "evm-smart-wallet";
-    showPasskeyHelpers?: boolean;
-};
-
-export type LoginMethod = "email" | "google" | "farcaster" | "web3";
-
-export type CrossmintAuthProviderProps = {
-    embeddedWallets?: CrossmintAuthWalletConfig;
-    appearance?: UIConfig;
-    children: ReactNode;
-    loginMethods?: LoginMethod[];
-    refreshRoute?: string;
-    logoutRoute?: string;
-};
-
-type AuthStatus = "logged-in" | "logged-out" | "in-progress";
-
-export interface AuthContextType {
-    crossmintAuth?: CrossmintAuth;
-    login: () => void;
-    logout: () => void;
-    jwt?: string;
-    user?: SDKExternalUser;
-    status: AuthStatus;
-    getUser: () => void;
-}
-
-const defaultContextValue: AuthContextType = {
-    crossmintAuth: undefined,
-    login: () => {},
-    logout: () => {},
-    jwt: undefined,
-    user: undefined,
-    status: "logged-out",
-    getUser: () => {},
-};
-
-export const AuthContext = createContext<AuthContextType>(defaultContextValue);
-
-const defaultEmbeddedWallets: CrossmintAuthWalletConfig = {
-    defaultChain: "base-sepolia",
-    createOnLogin: "off",
-    type: "evm-smart-wallet",
-};
-
-export function CrossmintAuthProvider({
-    embeddedWallets = defaultEmbeddedWallets,
-    children,
-    appearance,
-    loginMethods = ["email", "google"],
-    refreshRoute,
-    logoutRoute,
-}: CrossmintAuthProviderProps) {
-    const [user, setUser] = useState<SDKExternalUser | undefined>(undefined);
-    const { crossmint, setJwt } = useCrossmint("CrossmintAuthProvider must be used within CrossmintProvider");
-    // Only create the CrossmintAuth instance once, even in StrictMode, as the constructor calls /refresh
-    // It can only be called once to avoid race conditions
-    const crossmintAuthRef = useRef<CrossmintAuth | null>(null);
-    // biome-ignore lint/correctness/useExhaustiveDependencies: crossmint can't be a dependency because it updates with each jwt change
-    const crossmintAuth = useMemo(() => {
-        if (!crossmintAuthRef.current) {
-            crossmintAuthRef.current = CrossmintAuth.from(crossmint, {
-                callbacks: {
-                    onLogout: () => {
-                        setJwt(undefined);
-                        setUser(undefined);
-                    },
-                    onTokenRefresh: (authMaterial: AuthMaterialWithUser) => {
-                        setJwt(authMaterial.jwt);
-                        setUser(authMaterial.user);
-                    },
-                },
-                refreshRoute,
-                logoutRoute,
-            });
-        }
-        return crossmintAuthRef.current;
-    }, []);
-
-    const crossmintBaseUrl = validateApiKeyAndGetCrossmintBaseUrl(crossmint.apiKey);
-    const [dialogOpen, setDialogOpen] = useState(false);
-
-    useEffect(() => {
-        if (crossmint.jwt == null) {
-            const jwt = getCookie(SESSION_PREFIX);
-            setJwt(jwt);
-        }
-    }, []);
-
-    useEffect(() => {
-        if (crossmint.jwt == null) {
-            return;
-        }
-
-        setDialogOpen(false);
-    }, [crossmint.jwt]);
-
-    const login = () => {
-        if (crossmint.jwt != null) {
-            console.log("User already logged in");
-            return;
-        }
-
-        setDialogOpen(true);
-    };
-
-    const logout = () => {
-        crossmintAuth.logout();
-    };
-
-    const getAuthStatus = (): AuthStatus => {
-        if (crossmint.jwt != null) {
-            return "logged-in";
-        }
-        if (dialogOpen) {
-            return "in-progress";
-        }
-        return "logged-out";
-    };
-
-    const getUser = async () => {
-        if (crossmint.jwt == null) {
-            console.log("User not logged in");
-            return;
-        }
-
-        const user = await crossmintAuth.getUser();
-        setUser(user);
-    };
-
-    return (
-        <TwindProvider>
-            <AuthContext.Provider
-                value={{
-                    crossmintAuth,
-                    login,
-                    logout,
-                    jwt: crossmint.jwt,
-                    user,
-                    status: getAuthStatus(),
-                    getUser,
-                }}
-            >
-                <CrossmintWalletProvider
-                    defaultChain={embeddedWallets.defaultChain}
-                    showPasskeyHelpers={embeddedWallets.showPasskeyHelpers}
-                    appearance={appearance}
-                >
-                    <AuthFormProvider
-                        initialState={{
-                            appearance,
-                            setDialogOpen,
-                            loginMethods,
-                            embeddedWallets,
-                            baseUrl: crossmintBaseUrl,
-                        }}
-                    >
-                        <WalletManager embeddedWallets={embeddedWallets} accessToken={crossmint.jwt}>
-                            {children}
-                        </WalletManager>
-
-                        <AuthFormDialog open={dialogOpen} />
-                    </AuthFormProvider>
-                </CrossmintWalletProvider>
-            </AuthContext.Provider>
-        </TwindProvider>
-    );
-}
-
-function WalletManager({
-    embeddedWallets,
-    children,
-    accessToken,
-}: {
-    embeddedWallets: CrossmintAuthWalletConfig;
-    children: ReactNode;
-    accessToken: string | undefined;
-}) {
-    const { getOrCreateWallet, clearWallet, status } = useWallet();
-
-    useEffect(() => {
-        if (embeddedWallets.createOnLogin === "all-users" && status === "not-loaded" && accessToken != null) {
-            getOrCreateWallet({
-                type: embeddedWallets.type,
-                signer: { type: "PASSKEY" },
-            });
-        }
-
-        if (status === "loaded" && accessToken == null) {
-            clearWallet();
-        }
-    }, [accessToken, status]);
-
-    return <>{children}</>;
-}

package/src/providers/CrossmintWalletProvider.test.tsx

@@ -1,218 +0,0 @@
-import { fireEvent, render, waitFor } from "@testing-library/react";
-import type { ReactNode } from "react";
-import { beforeEach, describe, expect, it, vi } from "vitest";
-import { mock } from "vitest-mock-extended";
-
-import { type EVMSmartWallet, SmartWalletError, SmartWalletSDK } from "@crossmint/client-sdk-smart-wallet";
-import { createCrossmint } from "@crossmint/common-sdk-base";
-
-import { CrossmintProvider, useCrossmint } from "../hooks/useCrossmint";
-import { useWallet } from "../hooks/useWallet";
-import { MOCK_API_KEY } from "../testUtils";
-import { CrossmintWalletProvider } from "./CrossmintWalletProvider";
-
-vi.mock("@crossmint/client-sdk-smart-wallet", async () => {
-    const actual = await vi.importActual("@crossmint/client-sdk-smart-wallet");
-    return {
-        ...actual,
-        SmartWalletSDK: {
-            init: vi.fn(),
-        },
-    };
-});
-
-vi.mock("@crossmint/common-sdk-base", async () => {
-    const actual = await vi.importActual("@crossmint/common-sdk-base");
-    return {
-        ...actual,
-        createCrossmint: vi.fn(),
-    };
-});
-
-vi.mock("../hooks/useCrossmint", async () => {
-    const actual = await vi.importActual("../hooks/useCrossmint");
-    return {
-        ...actual,
-        useCrossmint: vi.fn(),
-    };
-});
-
-function renderWalletProvider({ children }: { children: ReactNode }) {
-    return render(
-        <CrossmintProvider apiKey={MOCK_API_KEY}>
-            <CrossmintWalletProvider defaultChain="polygon-amoy">{children}</CrossmintWalletProvider>
-        </CrossmintProvider>
-    );
-}
-
-function TestComponent() {
-    const { status, wallet, error, getOrCreateWallet, clearWallet } = useWallet();
-
-    return (
-        <div>
-            <div data-testid="error">{error?.message ?? "No Error"}</div>
-            <div data-testid="status">{status}</div>
-            <div data-testid="wallet">{wallet ? "Wallet Loaded" : "No Wallet"}</div>
-            <button data-testid="create-wallet-button" onClick={() => getOrCreateWallet()}>
-                Create Wallet
-            </button>
-            <button data-testid="clear-wallet-button" onClick={() => clearWallet()}>
-                Clear Wallet
-            </button>
-        </div>
-    );
-}
-
-describe("CrossmintWalletProvider", () => {
-    let mockSDK: SmartWalletSDK;
-    let mockWallet: EVMSmartWallet;
-
-    beforeEach(() => {
-        vi.resetAllMocks();
-        vi.mocked(createCrossmint).mockImplementation(() => ({}) as any);
-        vi.mocked(useCrossmint).mockReturnValue({
-            crossmint: {
-                apiKey: MOCK_API_KEY,
-                jwt: "mock-jwt",
-            },
-            setJwt: () => {},
-        });
-
-        mockSDK = mock<SmartWalletSDK>();
-        mockWallet = mock<EVMSmartWallet>();
-        vi.mocked(SmartWalletSDK.init).mockReturnValue(mockSDK);
-        vi.mocked(mockSDK.getOrCreateWallet).mockResolvedValue(mockWallet);
-    });
-
-    describe("getOrCreateWallet", () => {
-        it("happy path ", async () => {
-            const { getByTestId } = renderWalletProvider({
-                children: <TestComponent />,
-            });
-            expect(getByTestId("wallet").textContent).toBe("No Wallet");
-            expect(getByTestId("error").textContent).toBe("No Error");
-
-            fireEvent.click(getByTestId("create-wallet-button"));
-
-            await waitFor(() => {
-                expect(getByTestId("status").textContent).toBe("in-progress");
-                expect(getByTestId("wallet").textContent).toBe("No Wallet");
-                expect(getByTestId("error").textContent).toBe("No Error");
-            });
-
-            await waitFor(() => {
-                expect(getByTestId("status").textContent).toBe("loaded");
-                expect(getByTestId("wallet").textContent).toBe("Wallet Loaded");
-                expect(getByTestId("error").textContent).toBe("No Error");
-            });
-
-            expect(vi.mocked(mockSDK.getOrCreateWallet)).toHaveBeenCalledOnce();
-        });
-
-        describe(`When jwt is not set in "CrossmintProvider"`, () => {
-            beforeEach(() => {
-                vi.mocked(useCrossmint).mockReturnValue({
-                    crossmint: {
-                        apiKey: MOCK_API_KEY,
-                        jwt: undefined,
-                    },
-                    setJwt: () => {},
-                });
-            });
-
-            it("does not create a wallet", async () => {
-                const { getByTestId } = renderWalletProvider({
-                    children: <TestComponent />,
-                });
-
-                fireEvent.click(getByTestId("create-wallet-button"));
-
-                await waitFor(() => {
-                    expect(getByTestId("status").textContent).toBe("not-loaded");
-                    expect(getByTestId("wallet").textContent).toBe("No Wallet");
-                    expect(getByTestId("error").textContent).toBe("No Error");
-                });
-
-                expect(vi.mocked(mockSDK.getOrCreateWallet)).not.toHaveBeenCalled();
-            });
-        });
-
-        describe("When getOrCreateWallet throws a known error", () => {
-            beforeEach(() => {
-                vi.mocked(mockSDK.getOrCreateWallet).mockRejectedValue(new SmartWalletError("Wallet creation failed"));
-            });
-
-            it("should set error directly with the thrown error", async () => {
-                const { getByTestId } = renderWalletProvider({
-                    children: <TestComponent />,
-                });
-
-                fireEvent.click(getByTestId("create-wallet-button"));
-
-                await waitFor(() => {
-                    expect(getByTestId("status").textContent).toBe("in-progress");
-                    expect(getByTestId("wallet").textContent).toBe("No Wallet");
-                    expect(getByTestId("error").textContent).toBe("No Error");
-                });
-
-                await waitFor(() => {
-                    expect(getByTestId("status").textContent).toBe("loading-error");
-                    expect(getByTestId("wallet").textContent).toBe("No Wallet");
-                    expect(getByTestId("error").textContent).toBe("Wallet creation failed");
-                });
-
-                expect(vi.mocked(mockSDK.getOrCreateWallet)).toHaveBeenCalledOnce();
-            });
-        });
-
-        describe("When getOrCreateWallet throws an unknown error", () => {
-            beforeEach(() => {
-                vi.mocked(mockSDK.getOrCreateWallet).mockRejectedValue(new Error("Wallet creation failed"));
-            });
-
-            it("should set the error with the thrown error wrapped with a SmartWalletError", async () => {
-                const { getByTestId } = renderWalletProvider({
-                    children: <TestComponent />,
-                });
-
-                fireEvent.click(getByTestId("create-wallet-button"));
-
-                await waitFor(() => {
-                    expect(getByTestId("status").textContent).toBe("in-progress");
-                    expect(getByTestId("wallet").textContent).toBe("No Wallet");
-                    expect(getByTestId("error").textContent).toBe("No Error");
-                });
-
-                await waitFor(() => {
-                    expect(getByTestId("status").textContent).toBe("loading-error");
-                    expect(getByTestId("wallet").textContent).toBe("No Wallet");
-                    expect(getByTestId("error").textContent).toBe("Unknown Wallet Error: Wallet creation failed");
-                });
-
-                expect(vi.mocked(mockSDK.getOrCreateWallet)).toHaveBeenCalledOnce();
-            });
-        });
-    });
-
-    it("clearWallet happy path", async () => {
-        const { getByTestId } = renderWalletProvider({
-            children: <TestComponent />,
-        });
-
-        fireEvent.click(getByTestId("create-wallet-button"));
-
-        await waitFor(() => {
-            expect(getByTestId("status").textContent).toBe("loaded");
-            expect(getByTestId("wallet").textContent).toBe("Wallet Loaded");
-            expect(getByTestId("error").textContent).toBe("No Error");
-        });
-
-        fireEvent.click(getByTestId("clear-wallet-button"));
-
-        await waitFor(() => {
-            expect(getByTestId("status").textContent).toBe("not-loaded");
-            expect(getByTestId("wallet").textContent).toBe("No Wallet");
-            expect(getByTestId("error").textContent).toBe("No Error");
-        });
-    });
-});