@multiplatform.one/web3 7.88.10 → 7.89.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/web3",
-  "version": "7.88.10",
+  "version": "7.89.0",
   "description": "Web3 wallet integration for multiplatform.one ecosystem with ConnectKit and wagmi",
   "keywords": [
     "connectkit",
@@ -120,10 +120,10 @@
     "@aave/account": "^0.2.1",
     "@coinbase/wallet-sdk": "^4.4.0",
     "@metamask/connect-evm": "^2.1.1",
-    "@multiplatform.one/connectkit": "^7.88.10",
-    "@multiplatform.one/gpg": "^7.88.10",
-    "@multiplatform.one/platform": "^7.88.10",
-    "@multiplatform.one/theme": "^7.88.10",
+    "@multiplatform.one/connectkit": "^7.89.0",
+    "@multiplatform.one/gpg": "^7.89.0",
+    "@multiplatform.one/platform": "^7.89.0",
+    "@multiplatform.one/theme": "^7.89.0",
     "@noble/ciphers": "^1.3.0",
     "@noble/curves": "^1.9.7",
     "@phosphor-icons/react": "^2.1.10",
@@ -147,8 +147,8 @@
     "wagmi": "^3.7.1"
   },
   "devDependencies": {
-    "@multiplatform.one/config": "7.88.10",
-    "@multiplatform.one/test-utils": "7.88.10",
+    "@multiplatform.one/config": "7.89.0",
+    "@multiplatform.one/test-utils": "7.89.0",
     "@tamagui/build": "2.7.6",
     "@tanstack/react-query": "^5.104.3",
     "@testing-library/jest-dom": "^7.0.1",

package/src/bridge/bridgeConnector.ts

@@ -14,7 +14,7 @@ export function createBridgeConnector(bridge: BridgeClient): CreateConnectorFn {
     let provider: BridgeProvider | undefined;
 
     const getProvider = async (): Promise<BridgeProvider> => {
-      if (!provider) provider = createBridgeProvider(bridge);
+      provider ??= createBridgeProvider(bridge);
       return provider;
     };
 

package/src/connectkit/modalTransitionTimer.spec.tsx

@@ -0,0 +1,79 @@
+// @vitest-environment happy-dom
+import React from "react";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { act, cleanup, render, waitFor } from "@testing-library/react";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { WagmiProvider, createConfig, createStorage, http } from "wagmi";
+import { mock } from "wagmi/connectors";
+import { mainnet } from "wagmi/chains";
+
+import { ConnectKitProvider, useModal } from ".";
+
+const ACCOUNT = "0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045";
+const TRANSITION_MS = 360;
+
+function memoryStorage() {
+  const map = new Map<string, string>();
+  return {
+    getItem: (key: string) => map.get(key) ?? null,
+    setItem: (key: string, value: string) => void map.set(key, value),
+    removeItem: (key: string) => void map.delete(key),
+  };
+}
+
+let modal: ReturnType<typeof useModal> | undefined;
+function GrabModal() {
+  modal = useModal();
+  return null;
+}
+
+function Harness() {
+  const [config] = React.useState(() =>
+    createConfig({
+      chains: [mainnet],
+      connectors: [mock({ accounts: [ACCOUNT], features: {} })],
+      transports: { [mainnet.id]: http() },
+      storage: createStorage({ storage: memoryStorage() }),
+    }),
+  );
+  const [client] = React.useState(() => new QueryClient());
+  return (
+    <WagmiProvider config={config}>
+      <QueryClientProvider client={client}>
+        <ConnectKitProvider>
+          <GrabModal />
+        </ConnectKitProvider>
+      </QueryClientProvider>
+    </WagmiProvider>
+  );
+}
+
+afterEach(() => {
+  vi.restoreAllMocks();
+  cleanup();
+  modal = undefined;
+});
+
+// FZ-9681: the modal's transition timer fired after test-web3's happy-dom
+// window was gone and React threw "window is not defined" outside any test.
+describe("connectkit Modal transition timer", () => {
+  it("clears every transition timer it set once the modal unmounts", async () => {
+    const setTimeoutSpy = vi.spyOn(globalThis, "setTimeout");
+    const clearTimeoutSpy = vi.spyOn(globalThis, "clearTimeout");
+    const { unmount } = render(<Harness />);
+    await waitFor(() => expect(modal).toBeDefined());
+
+    act(() => modal!.setOpen(true));
+    const transitionTimers = () =>
+      setTimeoutSpy.mock.calls.flatMap(([, delay], index) =>
+        delay === TRANSITION_MS ? [setTimeoutSpy.mock.results[index]?.value] : [],
+      );
+    await waitFor(() => expect(transitionTimers().length).toBeGreaterThan(0));
+
+    const timers = transitionTimers();
+    unmount();
+
+    const cleared = new Set(clearTimeoutSpy.mock.calls.map(([id]) => id));
+    expect(timers.filter((id) => !cleared.has(id))).toEqual([]);
+  });
+});