thirdweb 5.65.2 → 5.66.0-nightly-880c3453ee8fc0fabbde0afb752a17894cd579a0-20241106000325

package/dist/types/react/web/ui/MediaRenderer/ModelViewer.d.ts

@@ -1,14 +1,6 @@
 import "@google/model-viewer";
-import type { ModelViewerElement } from "@google/model-viewer";
 import React from "react";
 import type { MediaRendererProps } from "./types.js";
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "model-viewer": Partial<ModelViewerElement>;
-        }
-    }
-}
 declare const ModelViewer: React.ForwardRefExoticComponent<Pick<MediaRendererProps, "src" | "style" | "alt" | "className" | "poster"> & React.RefAttributes<HTMLDivElement>>;
 export default ModelViewer;
 //# sourceMappingURL=ModelViewer.d.ts.map

package/dist/types/react/web/ui/MediaRenderer/ModelViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModelViewer.d.ts","sourceRoot":"","sources":["../../../../../../src/react/web/ui/MediaRenderer/ModelViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAErD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,cAAc,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;SAC7C;KACF;CACF;AAED,QAAA,MAAM,WAAW,mJAkBV,CAAC;AAER,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ModelViewer.d.ts","sourceRoot":"","sources":["../../../../../../src/react/web/ui/MediaRenderer/ModelViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAErD,QAAA,MAAM,WAAW,mJAmBV,CAAC;AAER,eAAe,WAAW,CAAC"}

package/dist/types/react/web/ui/SiteEmbed.d.ts

@@ -0,0 +1,27 @@
+import type { ThirdwebClient } from "../../../client/client.js";
+import type { Ecosystem } from "../../../wallets/in-app/core/wallet/types.js";
+/**
+ * Embeds another thirdweb-supported site for seamless in-app and ecosystem wallet connection.
+ *
+ * @note Make sure the embedded site includes <AutoConnect /> and supports frame ancestors, see [here](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/frame-ancestors) for more information.
+ *
+ * @note The embedded site must support the connected wallet (ecosystem or in-app).
+ *
+ * @param {Object} props - The props to pass to the iframe
+ * @param {String} props.src - The URL of the site to embed
+ * @param {ThirdwebClient} props.client - The client to use for the embedded site
+ * @param {Ecosystem} [props.ecosystem] - The ecosystem to use for the embedded site
+ *
+ * @example
+ * ```tsx
+ * import { SiteEmbed } from "thirdweb/react";
+ *
+ * <SiteEmbed src="https://thirdweb.com" clientId="thirdweb-client-id" />
+ * ```
+ */
+export declare function SiteEmbed({ src, client, ecosystem, ...props }: {
+    src: string;
+    client: ThirdwebClient;
+    ecosystem?: Ecosystem;
+} & React.DetailedHTMLProps<React.IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>): import("react/jsx-runtime.js").JSX.Element;
+//# sourceMappingURL=SiteEmbed.d.ts.map

package/dist/types/react/web/ui/SiteEmbed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiteEmbed.d.ts","sourceRoot":"","sources":["../../../../../src/react/web/ui/SiteEmbed.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAKhE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8CAA8C,CAAC;AAG9E;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,SAAS,CAAC,EACxB,GAAG,EACH,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE;IACD,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,GAAG,KAAK,CAAC,iBAAiB,CACzB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,iBAAiB,CAClB,8CAgDA"}

package/dist/types/react/web/ui/components/Drawer.d.ts

@@ -16,8 +16,8 @@ export declare const DrawerOverlay: import("@emotion/styled").StyledComponent<{
  * @internal
  */
 export declare function useDrawer(): {
-    drawerRef: import("react").RefObject<HTMLDivElement>;
-    drawerOverlayRef: import("react").RefObject<HTMLDivElement>;
+    drawerRef: import("react").RefObject<HTMLDivElement | null>;
+    drawerOverlayRef: import("react").RefObject<HTMLDivElement | null>;
     setIsOpen: (value: boolean) => Promise<void>;
     isOpen: boolean;
 };

package/dist/types/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "5.65.2";
+export declare const version = "5.66.0-nightly-880c3453ee8fc0fabbde0afb752a17894cd579a0-20241106000325";
 //# sourceMappingURL=version.d.ts.map

package/dist/types/version.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,WAAW,CAAC"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,2EAA2E,CAAC"}

package/dist/types/wallets/in-app/web/lib/get-url-token.d.ts

@@ -8,5 +8,6 @@ export declare function getUrlToken(): {
     walletId?: WalletId;
     authResult?: AuthStoredTokenWithCookieReturnType;
     authProvider?: AuthOption;
+    authCookie?: string;
 };
 //# sourceMappingURL=get-url-token.d.ts.map

package/dist/types/wallets/in-app/web/lib/get-url-token.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-url-token.d.ts","sourceRoot":"","sources":["../../../../../../src/wallets/in-app/web/lib/get-url-token.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,oCAAoC,CAAC;AAE9F;;GAEG;AACH,wBAAgB,WAAW,IAAI;IAC7B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,UAAU,CAAC,EAAE,mCAAmC,CAAC;IACjD,YAAY,CAAC,EAAE,UAAU,CAAC;CAC3B,CAyBA"}
+{"version":3,"file":"get-url-token.d.ts","sourceRoot":"","sources":["../../../../../../src/wallets/in-app/web/lib/get-url-token.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,oCAAoC,CAAC;AAE9F;;GAEG;AACH,wBAAgB,WAAW,IAAI;IAC7B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,UAAU,CAAC,EAAE,mCAAmC,CAAC;IACjD,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CA+BA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "thirdweb",
-  "version": "5.65.2",
+  "version": "5.66.0-nightly-880c3453ee8fc0fabbde0afb752a17894cd579a0-20241106000325",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/thirdweb-dev/js.git#main"
@@ -199,7 +199,7 @@
     "!tsconfig.build.json"
   ],
   "dependencies": {
-    "@coinbase/wallet-sdk": "4.1.0",
+    "@coinbase/wallet-sdk": "4.2.0",
     "@emotion/react": "11.13.3",
     "@emotion/styled": "11.13.0",
     "@google/model-viewer": "2.1.1",
@@ -208,17 +208,17 @@
     "@passwordless-id/webauthn": "^1.6.1",
     "@radix-ui/react-dialog": "1.1.2",
     "@radix-ui/react-focus-scope": "1.1.0",
-    "@radix-ui/react-icons": "1.3.0",
+    "@radix-ui/react-icons": "1.3.1",
     "@radix-ui/react-tooltip": "1.1.3",
-    "@tanstack/react-query": "5.59.16",
+    "@tanstack/react-query": "5.59.19",
     "@walletconnect/ethereum-provider": "2.17.1",
     "@walletconnect/sign-client": "2.17.1",
     "abitype": "1.0.6",
     "fuse.js": "7.0.0",
-    "input-otp": "^1.2.4",
+    "input-otp": "^1.4.1",
     "mipd": "0.0.7",
     "uqr": "0.1.2",
-    "viem": "2.21.35"
+    "viem": "2.21.40"
   },
   "peerDependencies": {
     "@aws-sdk/client-lambda": "^3",
@@ -290,28 +290,28 @@
     "node": ">=18"
   },
   "devDependencies": {
-    "@aws-sdk/client-kms": "3.679.0",
-    "@aws-sdk/client-lambda": "3.680.0",
-    "@aws-sdk/credential-providers": "3.679.0",
+    "@aws-sdk/client-kms": "3.682.0",
+    "@aws-sdk/client-lambda": "3.682.0",
+    "@aws-sdk/credential-providers": "3.685.0",
     "@biomejs/biome": "1.9.4",
-    "@chromatic-com/storybook": "2.0.2",
+    "@chromatic-com/storybook": "3.2.2",
     "@codspeed/vitest-plugin": "3.1.1",
     "@coinbase/wallet-mobile-sdk": "1.1.2",
-    "@mobile-wallet-protocol/client": "0.1.1",
+    "@mobile-wallet-protocol/client": "0.1.2",
     "@react-native-async-storage/async-storage": "2.0.0",
     "@size-limit/preset-big-lib": "11.1.6",
-    "@storybook/addon-essentials": "8.3.6",
-    "@storybook/addon-interactions": "8.3.6",
-    "@storybook/addon-links": "8.3.6",
-    "@storybook/addon-onboarding": "8.3.6",
-    "@storybook/react": "8.3.6",
-    "@storybook/react-vite": "8.3.6",
-    "@storybook/test": "8.3.6",
-    "@testing-library/jest-dom": "^6.4.7",
+    "@storybook/addon-essentials": "8.4.2",
+    "@storybook/addon-interactions": "8.4.2",
+    "@storybook/addon-links": "8.4.2",
+    "@storybook/addon-onboarding": "8.4.2",
+    "@storybook/react": "8.4.2",
+    "@storybook/react-vite": "8.4.2",
+    "@storybook/test": "8.4.2",
+    "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.5.2",
     "@types/cross-spawn": "^6.0.6",
-    "@types/react": "^18.3.11",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
     "@viem/anvil": "0.0.10",
     "@vitejs/plugin-react": "^4.3.3",
     "@vitest/coverage-v8": "2.1.4",
@@ -322,21 +322,21 @@
     "ethers6": "npm:ethers@6",
     "expo-linking": "6.3.1",
     "expo-web-browser": "13.0.3",
-    "happy-dom": "^15.7.4",
-    "knip": "5.34.2",
-    "msw": "^2.5.2",
+    "happy-dom": "^15.9.0",
+    "knip": "5.36.2",
+    "msw": "^2.6.0",
     "prettier": "^3.3.2",
-    "react": "18.3.1",
-    "react-native": "0.76.0",
+    "react": "19.0.0-rc-69d4b800-20241021",
+    "react-native": "0.76.1",
     "react-native-aes-gcm-crypto": "0.2.2",
-    "react-native-passkey": "3.0.0-beta2",
-    "react-native-quick-crypto": "0.7.5",
+    "react-native-passkey": "3.0.0",
+    "react-native-quick-crypto": "0.7.6",
     "react-native-svg": "15.8.0",
     "rimraf": "6.0.1",
     "sharp": "^0.33.5",
     "size-limit": "11.1.6",
-    "storybook": "8.3.6",
-    "typedoc": "0.26.10",
+    "storybook": "8.4.2",
+    "typedoc": "0.26.11",
     "typescript": "5.6.3",
     "vite": "5.4.10",
     "vitest": "2.1.4"

package/src/exports/react.ts

@@ -195,3 +195,6 @@ export type {
   FarcasterProfile,
   LensProfile,
 } from "../social/types.js";
+
+// Site Embed
+export { SiteEmbed } from "../react/web/ui/SiteEmbed.js";

package/src/react/core/hooks/connection/ConnectButtonProps.ts

@@ -1,3 +1,4 @@
+import type { JSX } from "react";
 import type { Chain } from "../../../../chains/types.js";
 import type { ThirdwebClient } from "../../../../client/client.js";
 import type { BuyWithCryptoStatus } from "../../../../pay/buyWithCrypto/getStatus.js";

package/src/react/core/hooks/contract/useContractEvents.ts

@@ -84,7 +84,7 @@ export function useContractEvents<
     enabled = true,
     watch = true,
   } = options;
-  const latestBlockNumber = useRef<bigint>(); // We use this to keep track of the latest block number when new pollers are spawned
+  const latestBlockNumber = useRef<bigint>(undefined); // We use this to keep track of the latest block number when new pollers are spawned
 
   const queryClient = useQueryClient();
 

package/src/react/core/hooks/wallets/useAutoConnect.ts

@@ -2,6 +2,8 @@
 
 import { useQuery } from "@tanstack/react-query";
 import type { AsyncStorage } from "../../../../utils/storage/AsyncStorage.js";
+import { isEcosystemWallet } from "../../../../wallets/ecosystem/is-ecosystem-wallet.js";
+import { ClientScopedStorage } from "../../../../wallets/in-app/core/authentication/client-scoped-storage.js";
 import { getUrlToken } from "../../../../wallets/in-app/web/lib/get-url-token.js";
 import type { Wallet } from "../../../../wallets/interfaces/wallet.js";
 import {
@@ -43,8 +45,25 @@ export function useAutoConnectCore(
       getStoredActiveWalletId(storage),
     ]);
 
-    const { authResult, walletId, authProvider } = getUrlToken();
-    if (authResult && walletId) {
+    const { authResult, walletId, authProvider, authCookie } = getUrlToken();
+    const wallet = wallets.find((w) => w.id === walletId);
+
+    // If an auth cookie is found and this site supports the wallet, we'll set the auth cookie in the client storage
+    if (authCookie && wallet) {
+      const clientStorage = new ClientScopedStorage({
+        storage,
+        clientId: props.client.clientId,
+        ecosystem: isEcosystemWallet(wallet)
+          ? {
+              id: wallet.id,
+              partnerId: wallet.getConfig()?.partnerId,
+            }
+          : undefined,
+      });
+      await clientStorage.saveAuthCookie(authCookie);
+    }
+
+    if (walletId) {
       lastActiveWalletId = walletId;
       lastConnectedWalletIds = lastConnectedWalletIds?.includes(walletId)
         ? lastConnectedWalletIds

package/src/react/native/ui/connect/ConnectModal.tsx

@@ -1,4 +1,4 @@
-import { useCallback, useState } from "react";
+import { type JSX, useCallback, useState } from "react";
 import { Platform, StyleSheet, View } from "react-native";
 import { SvgXml } from "react-native-svg";
 import type { Chain } from "../../../../chains/types.js";

package/src/react/native/ui/connect/ConnectedModal.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { type JSX, useEffect, useState } from "react";
 import { Linking, StyleSheet, TouchableOpacity, View } from "react-native";
 import type { ThirdwebClient } from "../../../../client/client.js";
 import { getContract } from "../../../../contract/contract.js";

package/src/react/web/ui/ConnectWallet/Details.tsx

@@ -9,7 +9,7 @@ import {
   TextAlignJustifyIcon,
 } from "@radix-ui/react-icons";
 import { useQuery } from "@tanstack/react-query";
-import { useContext, useEffect, useState } from "react";
+import { type JSX, useContext, useEffect, useState } from "react";
 import { trackPayEvent } from "../../../../analytics/track/pay.js";
 import type { Chain } from "../../../../chains/types.js";
 import type { ThirdwebClient } from "../../../../client/client.js";

package/src/react/web/ui/MediaRenderer/ModelViewer.tsx

@@ -1,16 +1,7 @@
 import "@google/model-viewer";
-import type { ModelViewerElement } from "@google/model-viewer";
 import React from "react";
 import type { MediaRendererProps } from "./types.js";
 
-declare global {
-  namespace JSX {
-    interface IntrinsicElements {
-      "model-viewer": Partial<ModelViewerElement>;
-    }
-  }
-}
-
 const ModelViewer = /* @__PURE__ */ (() =>
   React.forwardRef<
     HTMLDivElement,
@@ -19,6 +10,7 @@ const ModelViewer = /* @__PURE__ */ (() =>
     return (
       <div style={{ ...style }} className={className} ref={ref}>
         {src ? (
+          // @ts-expect-error - model-viewer is not a standard HTML element
           <model-viewer
             src={src}
             alt={alt || "3D Model"}

package/src/react/web/ui/SiteEmbed.test.tsx

@@ -0,0 +1,39 @@
+import { describe, expect, it } from "vitest";
+import { render, waitFor } from "../../../../test/src/react-render.js";
+import { TEST_CLIENT } from "../../../../test/src/test-clients.js";
+import { SiteEmbed } from "./SiteEmbed.js";
+
+describe("SiteEmbed", () => {
+  it("renders iframe with correct src", () => {
+    const testUrl = "https://example.com/";
+    const { container } = render(
+      <SiteEmbed src={testUrl} client={TEST_CLIENT} />,
+    );
+
+    const iframe = container.querySelector("iframe");
+    expect(iframe).toBeTruthy();
+    expect(iframe?.src).toBe(testUrl);
+  });
+
+  it("throws error if clientId is not provided", () => {
+    const testUrl = "https://example.com/";
+    expect(() =>
+      // biome-ignore lint/suspicious/noExplicitAny: testing invalid input
+      render(<SiteEmbed src={testUrl} client={{} as any} />),
+    ).toThrow("The SiteEmbed client must have a clientId");
+  });
+
+  it("adds wallet params to url when wallet is connected", async () => {
+    const testUrl = "https://example.com/";
+    const { container } = render(
+      <SiteEmbed src={testUrl} client={TEST_CLIENT} />,
+      {
+        setConnectedWallet: true,
+      },
+    );
+
+    const iframe = container.querySelector("iframe");
+    expect(iframe).toBeTruthy();
+    await waitFor(() => expect(iframe?.src).toContain("walletId="));
+  });
+});

package/src/react/web/ui/SiteEmbed.tsx

@@ -0,0 +1,90 @@
+"use client";
+import { useQuery } from "@tanstack/react-query";
+import type { ThirdwebClient } from "../../../client/client.js";
+import { getLastAuthProvider } from "../../../react/core/utils/storage.js";
+import { webLocalStorage } from "../../../utils/storage/webStorage.js";
+import { isEcosystemWallet } from "../../../wallets/ecosystem/is-ecosystem-wallet.js";
+import { ClientScopedStorage } from "../../../wallets/in-app/core/authentication/client-scoped-storage.js";
+import type { Ecosystem } from "../../../wallets/in-app/core/wallet/types.js";
+import { useActiveWallet } from "../../core/hooks/wallets/useActiveWallet.js";
+
+/**
+ * Embeds another thirdweb-supported site for seamless in-app and ecosystem wallet connection.
+ *
+ * @note Make sure the embedded site includes <AutoConnect /> and supports frame ancestors, see [here](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/frame-ancestors) for more information.
+ *
+ * @note The embedded site must support the connected wallet (ecosystem or in-app).
+ *
+ * @param {Object} props - The props to pass to the iframe
+ * @param {String} props.src - The URL of the site to embed
+ * @param {ThirdwebClient} props.client - The client to use for the embedded site
+ * @param {Ecosystem} [props.ecosystem] - The ecosystem to use for the embedded site
+ *
+ * @example
+ * ```tsx
+ * import { SiteEmbed } from "thirdweb/react";
+ *
+ * <SiteEmbed src="https://thirdweb.com" clientId="thirdweb-client-id" />
+ * ```
+ */
+export function SiteEmbed({
+  src,
+  client,
+  ecosystem,
+  ...props
+}: {
+  src: string;
+  client: ThirdwebClient;
+  ecosystem?: Ecosystem;
+} & React.DetailedHTMLProps<
+  React.IframeHTMLAttributes<HTMLIFrameElement>,
+  HTMLIFrameElement
+>) {
+  if (!client.clientId) {
+    throw new Error("The SiteEmbed client must have a clientId");
+  }
+
+  const activeWallet = useActiveWallet();
+  const walletId = activeWallet?.id;
+
+  const {
+    data: { authProvider, authCookie } = {},
+  } = useQuery({
+    queryKey: ["site-embed", walletId, src, client.clientId, ecosystem],
+    enabled:
+      activeWallet && (isEcosystemWallet(activeWallet) || walletId === "inApp"),
+    queryFn: async () => {
+      const storage = new ClientScopedStorage({
+        storage: webLocalStorage,
+        clientId: client.clientId,
+        ecosystem,
+      });
+
+      const authProvider = await getLastAuthProvider(webLocalStorage);
+      const authCookie = await storage.getAuthCookie();
+
+      return { authProvider, authCookie };
+    },
+  });
+
+  const url = new URL(src);
+  if (walletId) {
+    url.searchParams.set("walletId", walletId);
+  }
+  if (authProvider) {
+    url.searchParams.set("authProvider", authProvider);
+  }
+  if (authCookie) {
+    url.searchParams.set("authCookie", authCookie);
+  }
+
+  return (
+    <iframe
+      src={encodeURI(url.toString())}
+      width="100%"
+      height="100%"
+      allowFullScreen
+      {...props}
+    />
+  );
+}

package/src/react/web/wallets/in-app/WalletAuth.tsx

@@ -39,7 +39,7 @@ export function WalletAuth(props: {
 }) {
   const { wallet, done } = props;
   const addConnectedWallet = useAddConnectedWallet();
-  const walletToConnect = useRef<Wallet>();
+  const walletToConnect = useRef<Wallet>(undefined);
   const [status, setStatus] = useState<"loading" | "error" | "selecting">(
     "selecting",
   );

package/src/version.ts

@@ -1 +1 @@
-export const version = "5.65.2";
+export const version = "5.66.0-nightly-880c3453ee8fc0fabbde0afb752a17894cd579a0-20241106000325";

package/src/wallets/in-app/web/lib/get-url-token.ts

@@ -9,6 +9,7 @@ export function getUrlToken(): {
   walletId?: WalletId;
   authResult?: AuthStoredTokenWithCookieReturnType;
   authProvider?: AuthOption;
+  authCookie?: string;
 } {
   if (!window?.location) {
     // Not in web
@@ -20,18 +21,24 @@ export function getUrlToken(): {
   const authResultString = params.get("authResult");
   const walletId = params.get("walletId") as WalletId | undefined;
   const authProvider = params.get("authProvider") as AuthOption | undefined;
+  const authCookie = params.get("authCookie") as string | undefined;
 
-  if (authResultString && walletId) {
-    const authResult = JSON.parse(authResultString);
-    params.delete("authResult");
+  if ((authCookie || authResultString) && walletId) {
+    const authResult = (() => {
+      if (authResultString) {
+        params.delete("authResult");
+        return JSON.parse(decodeURIComponent(authResultString));
+      }
+    })();
     params.delete("walletId");
     params.delete("authProvider");
+    params.delete("authCookie");
     window.history.pushState(
       {},
       "",
       `${window.location.pathname}?${params.toString()}`,
     );
-    return { walletId, authResult, authProvider };
+    return { walletId, authResult, authProvider, authCookie };
   }
   return {};
 }