Fix build error in vite when connecting safe (thirdweb-dev#859)

Co-authored-by: Jonas Daniels <[email protected]>

.changeset/heavy-dolls-jog.md

@@ -0,0 +1,6 @@
+---
+"@thirdweb-dev/wallets": patch
+"@thirdweb-dev/react": patch
+---
+
+Fix Error when connecting to Safe in Vite

packages/wallets/src/evm/connectors/safe/index.ts

@@ -4,6 +4,12 @@ import type { SafeConnectionArgs } from "./types";
 import { ethers } from "ethers";
 import type { Signer } from "ethers";
 import { AbstractBrowserWallet } from "../../wallets/base";
+import {
+  SafeService,
+  SafeEthersSigner,
+} from "@safe-global/safe-ethers-adapters";
+import safeCoreSdk from "@safe-global/safe-core-sdk";
+import safeEthersLib from "@safe-global/safe-ethers-lib";
 
 // excerpt from https://docs.gnosis-safe.io/backend/available-services
 const CHAIN_ID_TO_GNOSIS_SERVER_URL = {
@@ -88,23 +94,17 @@ export class SafeConnector extends TWConnector<SafeConnectionArgs> {
       throw new Error("Chain not supported");
     }
 
-    const [safeEthersAdapters, safeCoreSdk, safeEthersLib] = await Promise.all([
-      import("@safe-global/safe-ethers-adapters"),
-      import("@safe-global/safe-core-sdk"),
-      import("@safe-global/safe-ethers-lib"),
-    ]);
-
-    const ethAdapter = new safeEthersLib.default({
+    const ethAdapter = new safeEthersLib({
       ethers,
       signerOrProvider: signer,
     });
 
-    const safe = await safeCoreSdk.default.create({
+    const safe = await safeCoreSdk.create({
       ethAdapter: ethAdapter as any,
       safeAddress,
     });
-    const service = new safeEthersAdapters.SafeService(serverUrl);
-    const safeSigner = new safeEthersAdapters.SafeEthersSigner(
+    const service = new SafeService(serverUrl);
+    const safeSigner = new SafeEthersSigner(
       safe as any,
       service,
       signer.provider,

packages/wallets/src/evm/wallets/safe.ts

@@ -1,7 +1,7 @@
 import { ConnectParams, TWConnector } from "../interfaces/tw-connector";
 import { AbstractBrowserWallet, WalletOptions } from "./base";
 import type { Chain } from "@thirdweb-dev/chains";
-import { SafeConnectionArgs } from "../connectors/safe/types";
+import type { SafeConnectionArgs } from "../connectors/safe/types";
 import type { SafeConnector as SafeConnectorType } from "../connectors/safe";
 
 export { SafeSupportedChainsSet } from "../connectors/safe";