thirdweb 5.105.49-nightly-04862de9e4e11724720fa40a0ed4713ff2bfdad5-20250917000323 → 5.106.0

package/src/stories/ConnectEmbed.stories.tsx

@@ -0,0 +1,128 @@
+import type { Meta } from "@storybook/react";
+import { ConnectButton } from "../react/web/ui/ConnectWallet/ConnectButton.js";
+import { ConnectEmbed } from "../react/web/ui/ConnectWallet/Modal/ConnectEmbed.js";
+import { ecosystemWallet } from "../wallets/in-app/web/ecosystem.js";
+import { inAppWallet } from "../wallets/in-app/web/in-app.js";
+import { storyClient } from "./utils.js";
+
+const meta: Meta<typeof ConnectEmbed> = {
+  title: "Connect/ConnectEmbed",
+  parameters: {
+    layout: "centered",
+  },
+  decorators: [
+    (Story) => {
+      return (
+        <div>
+          <Story />
+          <div
+            style={{
+              position: "absolute",
+              bottom: "20px",
+              right: "20px",
+            }}
+          >
+            <ConnectButton client={storyClient} />
+          </div>
+        </div>
+      );
+    },
+  ],
+};
+export default meta;
+
+export function BasicUsage() {
+  return <ConnectEmbed client={storyClient} />;
+}
+
+export function Header() {
+  return (
+    <ConnectEmbed
+      client={storyClient}
+      header={{
+        title: "Foo bar",
+        titleIcon: "https://placehold.co/400x400",
+      }}
+    />
+  );
+}
+
+export function WideModal() {
+  return <ConnectEmbed client={storyClient} modalSize="wide" />;
+}
+
+export function ClassNameAndStylesAdded() {
+  return (
+    <ConnectEmbed
+      client={storyClient}
+      className="foo-bar"
+      style={{
+        outline: "1px solid red",
+      }}
+    />
+  );
+}
+
+export function WideModalAndClassNameAndStylesAdded() {
+  return (
+    <ConnectEmbed
+      client={storyClient}
+      modalSize="wide"
+      className="foo-bar"
+      style={{
+        outline: "1px solid red",
+      }}
+    />
+  );
+}
+
+export function AllInAppWalletAuthMethods() {
+  return (
+    <ConnectEmbed
+      client={storyClient}
+      className="foo-bar"
+      wallets={[
+        inAppWallet({
+          auth: {
+            options: [
+              "line",
+              "google",
+              "apple",
+              "facebook",
+              "discord",
+              "x",
+              "tiktok",
+              "coinbase",
+              "farcaster",
+              "telegram",
+              "github",
+              "twitch",
+              "steam",
+              "guest",
+              "backend",
+              "email",
+              "phone",
+              "passkey",
+              "wallet",
+            ],
+          },
+        }),
+      ]}
+    />
+  );
+}
+
+export function EcosystemWallet() {
+  return (
+    <ConnectEmbed
+      showThirdwebBranding={false}
+      client={storyClient}
+      wallets={[
+        ecosystemWallet("ecosystem.b3-open-gaming", {
+          partnerId: "dbcd5e9b-564e-4ba0-91a0-becf0edabb61",
+        }),
+      ]}
+      theme="light"
+    />
+  );
+}

package/src/stories/ConnectWallet/useWalletDetailsModal.stories.tsx

@@ -96,7 +96,7 @@ export function ConnectedAccountName() {
 }
 
 export function ShowBalanceInFiat() {
-  return <Variant client={storyClient} showBalanceInFiat="usd" />;
+  return <Variant client={storyClient} showBalanceInFiat="USD" />;
 }
 
 export function AssetTabs() {

package/src/transaction/prepare-transaction.test.ts

@@ -1,9 +1,9 @@
+import { baseSepolia } from "thirdweb/chains";
 import { describe, expect, test as it } from "vitest";
 import { TEST_ACCOUNT_B } from "~test/test-wallets.js";
 import { TEST_WALLET_A, TEST_WALLET_B } from "../../test/src/addresses.js";
 import { FORKED_ETHEREUM_CHAIN } from "../../test/src/chains.js";
 import { TEST_CLIENT } from "../../test/src/test-clients.js";
-import { defineChain } from "../chains/utils.js";
 import { toWei } from "../utils/units.js";
 import { signAuthorization } from "./actions/eip7702/authorization.js";
 import { estimateGas } from "./actions/estimate-gas.js";
@@ -33,7 +33,7 @@ describe.runIf(process.env.TW_SECRET_KEY)("prepareTransaction", () => {
     });
     const preparedTx = prepareTransaction({
       authorizationList: [authorization],
-      chain: defineChain(911867),
+      chain: baseSepolia,
       client: TEST_CLIENT,
       to: TEST_WALLET_B,
       value: 0n,

package/src/version.ts

@@ -1 +1 @@
-export const version = "5.105.49-nightly-04862de9e4e11724720fa40a0ed4713ff2bfdad5-20250917000323";
+export const version = "5.106.0";

package/src/wallets/connection/autoConnect.test.ts

@@ -5,7 +5,6 @@ import { createWalletAdapter } from "../../adapters/wallet-adapter.js";
 import { ethereum } from "../../chains/chain-definitions/ethereum.js";
 import { webLocalStorage } from "../../utils/storage/webStorage.js";
 import { createWallet } from "../create-wallet.js";
-import { getInstalledWalletProviders } from "../injected/mipdStore.js";
 import { autoConnect } from "./autoConnect.js";
 import { autoConnectCore } from "./autoConnectCore.js";
 
@@ -25,7 +24,6 @@ describe("autoConnect", () => {
 
   beforeEach(() => {
     vi.clearAllMocks();
-    vi.mocked(getInstalledWalletProviders).mockReturnValue([]);
     vi.mocked(createWallet).mockReturnValue(mockWallet);
     vi.mocked(autoConnectCore).mockResolvedValue(true);
   });
@@ -38,7 +36,6 @@ describe("autoConnect", () => {
 
     expect(autoConnectCore).toHaveBeenCalledWith({
       createWalletFn: createWallet,
-      getInstalledWallets: expect.any(Function),
       manager: expect.any(Object),
       props: {
         client: TEST_CLIENT,

package/src/wallets/connection/autoConnect.ts

@@ -1,7 +1,6 @@
 import { webLocalStorage } from "../../utils/storage/webStorage.js";
 import { createWallet } from "../create-wallet.js";
 import { getDefaultWallets } from "../defaultWallets.js";
-import { getInstalledWalletProviders } from "../injected/mipdStore.js";
 import type { Wallet } from "../interfaces/wallet.js";
 import { createConnectionManager } from "../manager/index.js";
 import { autoConnectCore } from "./autoConnectCore.js";
@@ -44,16 +43,6 @@ export async function autoConnect(
   const manager = createConnectionManager(webLocalStorage);
   const result = await autoConnectCore({
     createWalletFn: createWallet,
-    getInstalledWallets: () => {
-      const specifiedWalletIds = new Set(wallets.map((x) => x.id));
-
-      // pass the wallets that are not already specified but are installed by the user
-      const installedWallets = getInstalledWalletProviders()
-        .filter((x) => !specifiedWalletIds.has(x.info.rdns))
-        .map((x) => createWallet(x.info.rdns));
-
-      return installedWallets;
-    },
     manager,
     props: {
       ...props,

package/src/wallets/connection/autoConnectCore.ts

@@ -28,7 +28,6 @@ type AutoConnectCoreProps = {
   connectOverride?: (
     walletOrFn: Wallet | (() => Promise<Wallet>),
   ) => Promise<Wallet | null>;
-  getInstalledWallets?: () => Wallet[];
   setLastAuthProvider?: (
     authProvider: AuthArgsType["strategy"],
     storage: AsyncStorage,
@@ -69,7 +68,6 @@ const _autoConnectCore = async ({
   createWalletFn,
   manager,
   connectOverride,
-  getInstalledWallets,
   setLastAuthProvider,
 }: AutoConnectCoreProps): Promise<boolean> => {
   const { wallets, onConnect } = props;
@@ -120,7 +118,13 @@ const _autoConnectCore = async ({
   // in that case, we default to the passed chain to connect to
   const lastConnectedChain =
     (await getLastConnectedChain(storage)) || props.chain;
-  const availableWallets = [...wallets, ...(getInstalledWallets?.() ?? [])];
+  const availableWallets = lastConnectedWalletIds.map((id) => {
+    const specifiedWallet = wallets.find((w) => w.id === id);
+    if (specifiedWallet) {
+      return specifiedWallet;
+    }
+    return createWalletFn(id as WalletId);
+  });
   const activeWallet =
     lastActiveWalletId &&
     (availableWallets.find((w) => w.id === lastActiveWalletId) ||

package/src/wallets/manager/index.ts

@@ -238,13 +238,12 @@ export function createConnectionManager(storage: AsyncStorage) {
   // save last connected wallet ids to storage
   effect(
     async () => {
-      const prevAccounts = (await getStoredConnectedWalletIds(storage)) || [];
       const accounts = connectedWallets.getValue();
       const ids = accounts.map((acc) => acc?.id).filter((c) => !!c) as string[];
 
       storage.setItem(
         CONNECTED_WALLET_IDS,
-        stringify(Array.from(new Set([...prevAccounts, ...ids]))),
+        stringify(Array.from(new Set([...ids]))),
       );
     },
     [connectedWallets],