Merge branch 'cursor/add-solana-transactions-and-wallets-tables-2ff0' of github.com:thirdweb-dev/js into cursor/add-solana-transactions-and-wallets-tables-2ff0

d4mr · d4mr · commit b83e372c7d0c · 2025-10-16T02:12:10.000+05:30
diff --git a/apps/portal/src/app/bridge/page.mdx b/apps/portal/src/app/bridge/page.mdx
@@ -102,7 +102,7 @@ const preparedQuote = await Bridge.Buy.prepare({
   </TabsContent>
 
   <TabsContent value="react">
-    The quickest way to setup Bridge in your React app is with the [`SwapWidget`](/references/typescript/v5/widgets/SwapWidget) component.
+    The quickest way to setup Bridge in your React app is with the [`SwapWidget`](/references/typescript/v5/SwapWidget) component.
 
     ### Live Playground
 
diff --git a/apps/portal/src/app/payments/custom-data/page.mdx b/apps/portal/src/app/payments/custom-data/page.mdx
@@ -195,7 +195,7 @@ To connect with other auth strategies, use external wallets, or sponsor gas for
 
 - [Buy.prepare](/references/typescript/v5/buy/prepare)
 - [Sell.prepare](/references/typescript/v5/sell/prepare)
-- [BuyWidget](/references/typescript/v5/widgets/BuyWidget)
-- [CheckoutWidget](/references/typescript/v5/widgets/CheckoutWidget)
-- [TransactionWidget](/references/typescript/v5/widgets/TransactionWidget)
+- [BuyWidget](/references/typescript/v5/BuyWidget)
+- [CheckoutWidget](/references/typescript/v5/CheckoutWidget)
+- [TransactionWidget](/references/typescript/v5/TransactionWidget)
 
diff --git a/apps/portal/src/app/payments/page.mdx b/apps/portal/src/app/payments/page.mdx
@@ -106,8 +106,8 @@ const preparedQuote = await Bridge.Buy.prepare({
   </TabsContent>
 
   <TabsContent value="react">
-    The quickest way to setup payments in your React app is with the [`BuyWidget`](/references/typescript/v5/widgets/BuyWidget), [`CheckoutWidget`](/references/typescript/v5/widgets/CheckoutWidget), and [`TransactionWidget`](/references/typescript/v5/widgets/TransactionWidget) components.
-    
+    The quickest way to setup payments in your React app is with the [`BuyWidget`](/references/typescript/v5/BuyWidget), [`CheckoutWidget`](/references/typescript/v5/CheckoutWidget), and [`TransactionWidget`](/references/typescript/v5/TransactionWidget) components.
+
     ### Live Playground
 
 <ArticleIconCard
@@ -116,7 +116,7 @@ const preparedQuote = await Bridge.Buy.prepare({
   icon={ReactIcon}
   href="https://playground.thirdweb.com/connect/pay/transactions"
 />
-    
+
     ### Installation
 
     Install the thirdweb SDK in your React project:
diff --git a/apps/portal/src/app/payments/products/page.mdx b/apps/portal/src/app/payments/products/page.mdx
@@ -82,4 +82,4 @@ The CheckoutWidget handles the complete payment flow, supporting both crypto and
 
 ## API Reference
 
-- [CheckoutWidget](/references/typescript/v5/widgets/CheckoutWidget)
+- [CheckoutWidget](/references/typescript/v5/CheckoutWidget)
diff --git a/apps/wagmi-demo/CHANGELOG.md b/apps/wagmi-demo/CHANGELOG.md
@@ -1,5 +1,13 @@
 # wagmi-inapp
 
+## 0.0.10
+
+### Patch Changes
+
+- Updated dependencies [[`e7f42e6`](https://github.com/thirdweb-dev/js/commit/e7f42e6ac591102145f5e25983aeaa6f3647ad7f)]:
+  - thirdweb@5.108.15
+  - @thirdweb-dev/wagmi-adapter@0.2.165
+
 ## 0.0.9
 
 ### Patch Changes
diff --git a/apps/wagmi-demo/package.json b/apps/wagmi-demo/package.json
@@ -1,7 +1,7 @@
 {
   "name": "wagmi-inapp",
   "private": true,
-  "version": "0.0.9",
+  "version": "0.0.10",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/packages/nebula/CHANGELOG.md b/packages/nebula/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @thirdweb-dev/nebula
 
+## 0.2.68
+
+### Patch Changes
+
+- Updated dependencies [[`e7f42e6`](https://github.com/thirdweb-dev/js/commit/e7f42e6ac591102145f5e25983aeaa6f3647ad7f)]:
+  - thirdweb@5.108.15
+
 ## 0.2.67
 
 ### Patch Changes
diff --git a/packages/nebula/package.json b/packages/nebula/package.json
@@ -57,5 +57,5 @@
   "type": "module",
   "types": "./dist/types/exports/thirdweb.d.ts",
   "typings": "./dist/types/exports/thirdweb.d.ts",
-  "version": "0.2.67"
+  "version": "0.2.68"
 }
diff --git a/packages/thirdweb/CHANGELOG.md b/packages/thirdweb/CHANGELOG.md
@@ -1,5 +1,12 @@
 # thirdweb
 
+## 5.108.15
+
+### Patch Changes
+
+- [#8257](https://github.com/thirdweb-dev/js/pull/8257) [`e7f42e6`](https://github.com/thirdweb-dev/js/commit/e7f42e6ac591102145f5e25983aeaa6f3647ad7f) Thanks [@joaquim-verges](https://github.com/joaquim-verges)! - Improve Transactions list in connect modal
+  Fix query cache for block explorers for raw chains
+
 ## 5.108.14
 
 ### Patch Changes
diff --git a/packages/thirdweb/package.json b/packages/thirdweb/package.json
@@ -430,5 +430,5 @@
     }
   },
   "typings": "./dist/types/exports/thirdweb.d.ts",
-  "version": "5.108.14"
+  "version": "5.108.15"
 }
diff --git a/packages/thirdweb/src/extensions/erc721/read/getNFTs.test.ts b/packages/thirdweb/src/extensions/erc721/read/getNFTs.test.ts
@@ -41,6 +41,7 @@ describe.runIf(process.env.TW_SECRET_KEY)("erc721.getNFTs", () => {
                 "value": "tan",
               },
             ],
+            "contract_address": "0x8a90cab2b38dba80c64b7734e58ee1db38b8992e",
             "description": "A community-driven collectibles project featuring art by Burnt Toast. Doodles come in a joyful range of colors, traits and sizes with a collection size of 10,000. Each Doodle allows its owner to vote for experiences and activations paid for by the Doodles Community Treasury. Burnt Toast is the working alias for Scott Martin, a Canadian–based illustrator, designer, animator and muralist.",
             "image": "ipfs://QmUEfFfwAh4wyB5UfHCVPUxis4j4Q4kJXtm5x5p3g1fVUn",
             "image_url": "ipfs://QmUEfFfwAh4wyB5UfHCVPUxis4j4Q4kJXtm5x5p3g1fVUn",
@@ -78,6 +79,7 @@ describe.runIf(process.env.TW_SECRET_KEY)("erc721.getNFTs", () => {
                 "value": "gradient 2",
               },
             ],
+            "contract_address": "0x8a90cab2b38dba80c64b7734e58ee1db38b8992e",
             "description": "A community-driven collectibles project featuring art by Burnt Toast. Doodles come in a joyful range of colors, traits and sizes with a collection size of 10,000. Each Doodle allows its owner to vote for experiences and activations paid for by the Doodles Community Treasury. Burnt Toast is the working alias for Scott Martin, a Canadian–based illustrator, designer, animator and muralist.",
             "image": "ipfs://QmTDxnzcvj2p3xBrKcGv1wxoyhAn2yzCQnZZ9LmFjReuH9",
             "image_url": "ipfs://QmTDxnzcvj2p3xBrKcGv1wxoyhAn2yzCQnZZ9LmFjReuH9",
@@ -115,6 +117,7 @@ describe.runIf(process.env.TW_SECRET_KEY)("erc721.getNFTs", () => {
                 "value": "purple",
               },
             ],
+            "contract_address": "0x8a90cab2b38dba80c64b7734e58ee1db38b8992e",
             "description": "A community-driven collectibles project featuring art by Burnt Toast. Doodles come in a joyful range of colors, traits and sizes with a collection size of 10,000. Each Doodle allows its owner to vote for experiences and activations paid for by the Doodles Community Treasury. Burnt Toast is the working alias for Scott Martin, a Canadian–based illustrator, designer, animator and muralist.",
             "image": "ipfs://QmbvZ2hbF3nEq5r3ijMEiSGssAmJvtyFwiejTAGHv74LR5",
             "image_url": "ipfs://QmbvZ2hbF3nEq5r3ijMEiSGssAmJvtyFwiejTAGHv74LR5",
@@ -152,6 +155,7 @@ describe.runIf(process.env.TW_SECRET_KEY)("erc721.getNFTs", () => {
                 "value": "pale",
               },
             ],
+            "contract_address": "0x8a90cab2b38dba80c64b7734e58ee1db38b8992e",
             "description": "A community-driven collectibles project featuring art by Burnt Toast. Doodles come in a joyful range of colors, traits and sizes with a collection size of 10,000. Each Doodle allows its owner to vote for experiences and activations paid for by the Doodles Community Treasury. Burnt Toast is the working alias for Scott Martin, a Canadian–based illustrator, designer, animator and muralist.",
             "image": "ipfs://QmVpwaCqLut3wqwB5KSQr2fGnbLuJt5e3LhNvzvcisewZB",
             "image_url": "ipfs://QmVpwaCqLut3wqwB5KSQr2fGnbLuJt5e3LhNvzvcisewZB",
@@ -189,6 +193,7 @@ describe.runIf(process.env.TW_SECRET_KEY)("erc721.getNFTs", () => {
                 "value": "purple",
               },
             ],
+            "contract_address": "0x8a90cab2b38dba80c64b7734e58ee1db38b8992e",
             "description": "A community-driven collectibles project featuring art by Burnt Toast. Doodles come in a joyful range of colors, traits and sizes with a collection size of 10,000. Each Doodle allows its owner to vote for experiences and activations paid for by the Doodles Community Treasury. Burnt Toast is the working alias for Scott Martin, a Canadian–based illustrator, designer, animator and muralist.",
             "image": "ipfs://QmcyuFVLbfBmSeQ9ynu4dk67r97nB1abEekotuVuRGWedm",
             "image_url": "ipfs://QmcyuFVLbfBmSeQ9ynu4dk67r97nB1abEekotuVuRGWedm",
diff --git a/packages/thirdweb/src/react/core/hooks/others/useChainQuery.ts b/packages/thirdweb/src/react/core/hooks/others/useChainQuery.ts
@@ -15,17 +15,15 @@ export function useChainName(chain?: Chain) {
   // only if we have a chain and no chain name!
   const isEnabled = !!chain && !chain.name;
   const chainQuery = useQuery({
-    enabled: isEnabled,
     queryFn: async () => {
       if (!chain) {
         throw new Error("chain is required");
       }
       return convertApiChainToChain(await getChainMetadata(chain));
     },
-    queryKey: ["chain", chain?.id],
+    ...getQueryOptions(chain),
+    enabled: isEnabled,
     retry: false,
-    // 1 hour
-    staleTime: 60 * 60 * 1000,
   });
 
   return {
@@ -39,17 +37,15 @@ export function useChainIconUrl(chain?: Chain) {
   const isEnabled = !!chain && !chain.icon?.url;
   const chainQuery = useQuery({
     // only if we have a chain and no chain icon url!
-    enabled: isEnabled,
     queryFn: async () => {
       if (!chain) {
         throw new Error("chain is required");
       }
       return convertApiChainToChain(await getChainMetadata(chain));
     },
-    queryKey: ["chain", chain?.id],
+    ...getQueryOptions(chain),
+    enabled: isEnabled,
     retry: false,
-    // 1 hour
-    staleTime: 60 * 60 * 1000,
   });
 
   return {
@@ -67,17 +63,14 @@ export function useChainFaucets(chain?: Chain) {
     chain.id !== 1337;
 
   const chainQuery = useQuery({
-    enabled: isEnabled,
     queryFn: async () => {
       if (!chain) {
         throw new Error("chain is required");
       }
-      return convertApiChainToChain(await getChainMetadata(chain));
+      return getChainMetadata(chain);
     },
-    queryKey: ["chain", chain?.id],
-    retry: false,
-    // 1 hour
-    staleTime: 60 * 60 * 1000,
+    ...getQueryOptions(chain),
+    enabled: isEnabled,
   });
 
   return {
@@ -90,18 +83,14 @@ export function useChainSymbol(chain?: Chain) {
   // only if we have a chain and no chain icon url!
   const isEnabled = !!chain && !chain.nativeCurrency?.symbol;
   const chainQuery = useQuery({
-    // only if we have a chain and no chain icon url!
-    enabled: isEnabled,
     queryFn: async () => {
       if (!chain) {
         throw new Error("chain is required");
       }
-      return convertApiChainToChain(await getChainMetadata(chain));
+      return getChainMetadata(chain);
     },
-    queryKey: ["chain", chain?.id],
-    retry: false,
-    // 1 hour
-    staleTime: 60 * 60 * 1000,
+    ...getQueryOptions(chain),
+    enabled: isEnabled,
   });
 
   return {
@@ -116,21 +105,24 @@ export function useChainExplorers(chain?: Chain) {
   const isEnabled = !!chain && !chain.blockExplorers?.length;
 
   const chainQuery = useQuery({
-    enabled: isEnabled,
     queryFn: async () => {
       if (!chain) {
         throw new Error("chain is required");
       }
-      return convertApiChainToChain(await getChainMetadata(chain));
+      return getChainMetadata(chain);
     },
-    queryKey: ["chain", chain?.id],
-    retry: false,
-    // 1 hour
-    staleTime: 60 * 60 * 1000,
+    ...getQueryOptions(chain),
+    enabled: isEnabled,
   });
 
+  const toChain = chainQuery.data
+    ? convertApiChainToChain(chainQuery.data)
+    : undefined;
   return {
-    explorers: chain?.blockExplorers ?? chainQuery.data?.blockExplorers ?? [],
+    explorers:
+      chain?.blockExplorers && chain?.blockExplorers?.length > 0
+        ? chain?.blockExplorers
+        : (toChain?.blockExplorers ?? []),
     isLoading: isEnabled && chainQuery.isLoading,
   };
 }
diff --git a/packages/thirdweb/src/react/web/ui/ConnectWallet/screens/WalletTransactionHistory.tsx b/packages/thirdweb/src/react/web/ui/ConnectWallet/screens/WalletTransactionHistory.tsx
@@ -24,7 +24,6 @@ import { useActiveWalletChain } from "../../../../core/hooks/wallets/useActiveWa
 import { Container } from "../../components/basic.js";
 import { Button } from "../../components/buttons.js";
 import { ChainIcon } from "../../components/ChainIcon.js";
-import { ChainName } from "../../components/ChainName.js";
 import { Spacer } from "../../components/Spacer.js";
 import { Spinner } from "../../components/Spinner.js";
 import { Text } from "../../components/text.js";
@@ -141,6 +140,7 @@ function TransactionButton(props: {
   });
   const chainIconQuery = useChainIconUrl(getCachedChain(props.tx.chainId));
   const receipt = props.tx.receipt ?? fetchedReceipt;
+  const decoded = props.tx.decoded;
 
   const content = (
     <TxButton
@@ -181,9 +181,7 @@ function TransactionButton(props: {
             }}
           >
             <Text color="primaryText" size="sm">
-              {receipt?.to
-                ? `Interacted with ${shortenHex(receipt?.to, 4)}`
-                : `Hash: ${shortenHex(props.tx.transactionHash, 4)}`}
+              {decoded ? decoded.name : `Transaction Sent`}
             </Text>
           </Container>
 
@@ -198,11 +196,11 @@ function TransactionButton(props: {
               justifyContent: "space-between",
             }}
           >
-            <ChainName
-              chain={getCachedChain(props.tx.chainId)}
-              client={props.client}
-              size="xs"
-            />
+            <Text color="secondaryText" size="xs">
+              {receipt?.to
+                ? shortenHex(receipt?.to, 4)
+                : shortenHex(props.tx.transactionHash, 4)}
+            </Text>
           </Container>
         </div>
       </Container>
diff --git a/packages/thirdweb/src/transaction/transaction-store.ts b/packages/thirdweb/src/transaction/transaction-store.ts
@@ -11,6 +11,13 @@ export type StoredTransaction = {
     status: "success" | "failed";
     to: string;
   };
+  decoded?: {
+    name: string;
+    signature: string;
+    inputs?: {
+      [key: string]: unknown;
+    };
+  };
 };
 
 const transactionsByAddress = new Map<string, Store<StoredTransaction[]>>();
@@ -81,6 +88,7 @@ export async function getPastTransactions(options: {
     queryOptions: {
       filter_block_timestamp_gte: oneMonthsAgoInSeconds,
       limit: 20,
+      decode: true,
     },
     walletAddress,
   });
@@ -90,9 +98,10 @@ export async function getPastTransactions(options: {
         ? Number(tx.chain_id)
         : (tx.chain_id as number),
     receipt: {
-      status: tx.status === 1 ? "success" : "failed",
+      status: tx.status === 0 ? "failed" : "success",
       to: tx.to_address,
     },
     transactionHash: tx.hash as Hex,
+    decoded: tx.decoded,
   }));
 }
diff --git a/packages/wagmi-adapter/CHANGELOG.md b/packages/wagmi-adapter/CHANGELOG.md
@@ -1,5 +1,7 @@
 # @thirdweb-dev/wagmi-adapter
 
+## 0.2.165
+
 ## 0.2.164
 
 ## 0.2.163
diff --git a/packages/wagmi-adapter/package.json b/packages/wagmi-adapter/package.json
@@ -56,5 +56,5 @@
   "type": "module",
   "types": "./dist/types/exports/thirdweb.d.ts",
   "typings": "./dist/types/exports/thirdweb.d.ts",
-  "version": "0.2.164"
+  "version": "0.2.165"
 }

Original file line number	Diff line number	Diff line change
`@@ -82,4 +82,4 @@ The CheckoutWidget handles the complete payment flow, supporting both crypto and`
`82`	`82`
`83`	`83`	`## API Reference`
`84`	`84`
`85`		`-- [CheckoutWidget](/references/typescript/v5/widgets/CheckoutWidget)`
	`85`	`+- [CheckoutWidget](/references/typescript/v5/CheckoutWidget)`
Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "wagmi-inapp",`
`3`	`3`	`"private": true,`
`4`		`- "version": "0.0.9",`
	`4`	`+ "version": "0.0.10",`
`5`	`5`	`"type": "module",`
`6`	`6`	`"scripts": {`
`7`	`7`	`"dev": "vite",`
Original file line number	Diff line number	Diff line change
`@@ -57,5 +57,5 @@`
`57`	`57`	`"type": "module",`
`58`	`58`	`"types": "./dist/types/exports/thirdweb.d.ts",`
`59`	`59`	`"typings": "./dist/types/exports/thirdweb.d.ts",`
`60`		`- "version": "0.2.67"`
	`60`	`+ "version": "0.2.68"`
`61`	`61`	`}`
Original file line number	Diff line number	Diff line change
`@@ -430,5 +430,5 @@`
`430`	`430`	`}`
`431`	`431`	`},`
`432`	`432`	`"typings": "./dist/types/exports/thirdweb.d.ts",`
`433`		`- "version": "5.108.14"`
	`433`	`+ "version": "5.108.15"`
`434`	`434`	`}`