handle mm window

Author: chaitanyapotti

packages/modal/src/ui/components/ConnectWallet/ConnectWalletQrCode/ConnectWalletQrCode.tsx

@@ -15,6 +15,7 @@ function ConnectWalletQrCode(props: ConnectWalletQrCodeProps) {
   const { qrCodeValue, isDark, selectedButton, logoImage, primaryColor } = props;
 
   const isDesktop = useMemo<boolean>(() => {
+    if (typeof window === "undefined") return false;
     const browser = Bowser.getParser(window.navigator.userAgent);
     return browser.getPlatformType() === "desktop";
   }, []);

packages/modal/src/ui/components/Root/Root.tsx

@@ -100,6 +100,7 @@ function Root(props: RootProps) {
 
   // Wallet Details
   const deviceDetails = useMemo<{ platform: platform; browser: browser; os: mobileOs }>(() => {
+    if (typeof window === "undefined") return { platform: "mobile", browser: "chrome", os: "ios" };
     const browserData = Bowser.getParser(window.navigator.userAgent);
     return {
       platform: browserData.getPlatformType() as platform,

packages/no-modal/src/connectors/metamask-connector/metamaskConnector.ts

@@ -73,15 +73,16 @@ class MetaMaskConnector extends BaseEvmConnector<void> {
 
     // Detect app metadata
     const iconUrl = await getSiteIcon(window);
+    // TODO: handle ssr
     const appMetadata: MetaMaskSDKOptions["dappMetadata"] = {
-      name: getSiteName(window),
-      url: window.location.origin,
+      name: getSiteName(window) || "web3auth",
+      url: window.location.origin || "https://web3auth.io",
       iconUrl,
     };
 
     // initialize the MetaMask SDK
     const metamaskOptions = deepmerge(this.metamaskOptions || {}, { dappMetadata: appMetadata });
-    this.metamaskSDK = new MetaMaskSDK({ ...metamaskOptions, _source: "web3auth" });
+    this.metamaskSDK = new MetaMaskSDK({ ...metamaskOptions, _source: "web3auth", useDeeplink: metamaskOptions.useDeeplink ?? true });
     // Work around: in case there is an existing SDK instance in memory (window.mmsdk exists), it won't initialize the new SDK instance again
     // and return the existing instance instead of undefined (this is an assumption, not sure if it's a bug or feature of the MetaMask SDK)
     const initResult = await this.metamaskSDK.init();