[MNY-295] Fix BuyWidget autoconnect not working when receiverAddress prop is set

Author: MananTank

.changeset/bumpy-shoes-flow.md

@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+Fix BuyWidget autoconnect not working when receiverAddress prop is set

packages/thirdweb/src/react/web/ui/Bridge/BuyWidget.tsx

@@ -25,6 +25,7 @@ import type {
 import type { CompletedStatusResult } from "../../../core/hooks/useStepExecutor.js";
 import type { SupportedTokens } from "../../../core/utils/defaultTokens.js";
 import { webWindowAdapter } from "../../adapters/WindowAdapter.js";
+import { AutoConnect } from "../AutoConnect/AutoConnect.js";
 import connectLocaleEn from "../ConnectWallet/locale/en.js";
 import { EmbedContainer } from "../ConnectWallet/Modal/ConnectEmbed.js";
 import { DynamicHeight } from "../components/DynamicHeight.js";
@@ -359,6 +360,21 @@ export function BuyWidget(props: BuyWidgetProps) {
       className={props.className}
       style={props.style}
     >
+      {props.connectOptions?.autoConnect !== false && (
+        <AutoConnect
+          client={props.client}
+          wallets={props.connectOptions?.wallets}
+          timeout={
+            typeof props.connectOptions?.autoConnect === "object"
+              ? props.connectOptions?.autoConnect?.timeout
+              : undefined
+          }
+          appMetadata={props.connectOptions?.appMetadata}
+          accountAbstraction={props.connectOptions?.accountAbstraction}
+          chain={props.connectOptions?.chain}
+        />
+      )}
+
       <BridgeWidgetContent
         {...props}
         theme={props.theme || "dark"}

packages/thirdweb/src/react/web/ui/Bridge/FundWallet.tsx

@@ -298,6 +298,7 @@ export function FundWallet(props: FundWalletProps) {
           }}
           theme={theme}
           {...props.connectOptions}
+          autoConnect={false}
         />
       ) : (
         <Button

packages/thirdweb/src/stories/BuyWidget.stories.tsx

@@ -138,6 +138,20 @@ export function LargeAmount() {
   );
 }
 
+export function NoAutoConnect() {
+  return (
+    <Variant
+      client={storyClient}
+      chain={ethereum}
+      tokenAddress="0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984"
+      amount="150000"
+      connectOptions={{
+        autoConnect: false,
+      }}
+    />
+  );
+}
+
 function Variant(props: BuyWidgetProps) {
   return (
     <div