chore: re-add block explorer link to transaction header

.changeset/brown-deers-retire.md

@@ -0,0 +1,5 @@
+---
+"fuels-wallet": patch
+---
+
+Fix error not showing on Dapp Approve transaction

.changeset/odd-islands-behave.md

@@ -0,0 +1,5 @@
+---
+"fuels-wallet": patch
+---
+
+Re-add block explorer link to transaction header

examples/cra-dapp/package.json

@@ -8,7 +8,7 @@
   },
   "dependencies": {
     "@fuels/connectors": "0.4.0",
-    "@fuels/react": "0.19.0",
+    "@fuels/react": "0.20.0",
     "@tanstack/react-query": "5.28.4",
     "fuels": "0.84.0",
     "react": "18.2.0",

package.json

@@ -66,7 +66,7 @@
     "@biomejs/biome": "1.6.1",
     "@changesets/changelog-github": "^0.4.8",
     "@changesets/cli": "^2.26.2",
-    "@fuels/ts-config": "0.19.0",
+    "@fuels/ts-config": "0.20.0",
     "@jest/types": "29.6.3",
     "@playwright/test": "1.39.0",
     "@types/jest": "^29.5.5",

packages/app/.env.example

@@ -2,6 +2,7 @@ VITE_CRX_NAME="Fuel Wallet Development"
 VITE_CRX_VERSION_API="https://fuellabs.github.io/fuels-wallet/latest.json"
 VITE_FUEL_PROVIDER_URL=http://localhost:4000/v1/graphql
 VITE_FUEL_FAUCET_URL=http://localhost:4040
+VITE_EXPLORER_URL=https://app.fuel.network/
 VITE_MNEMONIC_WORDS=12
 VITE_ADDR_OWNER=0xa449b1ffee0e2205fa924c6740cc48b3b473aa28587df6dab12abc245d1f5298
 GENESIS_SECRET=0xa449b1ffee0e2205fa924c6740cc48b3b473aa28587df6dab12abc245d1f5298

packages/app/package.json

@@ -25,10 +25,10 @@
     "@fuel-ui/react": "0.23.3",
     "@fuel-ui/test-utils": "0.17.0",
     "@fuel-wallet/connections": "workspace:*",
-    "@fuels/assets": "0.19.0",
-    "@fuels/local-storage": "0.19.0",
-    "@fuels/react": "0.19.0",
-    "@fuels/react-xstore": "0.19.0",
+    "@fuels/assets": "0.20.0",
+    "@fuels/local-storage": "0.20.0",
+    "@fuels/react": "0.20.0",
+    "@fuels/react-xstore": "0.20.0",
     "@hookform/resolvers": "3.3.2",
     "@react-aria/utils": "3.21.0",
     "@sentry/browser": "7.73.0",

packages/app/src/systems/Transaction/components/TxHeader/TxHeader.tsx

@@ -26,10 +26,7 @@ export const TxHeader: TxHeaderComponent = ({
   type,
   providerUrl = '',
 }) => {
-  const { href: _href, openExplorer: _openExplorer } = useExplorerLink(
-    providerUrl,
-    id
-  );
+  const { href, openExplorer } = useExplorerLink(providerUrl, id);
 
   return (
     <Card css={styles.root}>
@@ -56,7 +53,7 @@ export const TxHeader: TxHeaderComponent = ({
             }}
             tooltipMessage="Copy Transaction ID"
           />
-          {/* <Copyable
+          <Copyable
             value={href}
             tooltipMessage="Copy Transaction Link"
             iconProps={{
@@ -71,7 +68,7 @@ export const TxHeader: TxHeaderComponent = ({
               onClick={openExplorer}
               aria-label="Open explorer"
             />
-          </Tooltip> */}
+          </Tooltip>
         </Box.Flex>
       </Box.Flex>
       <Box.Flex css={{ ...styles.row, ...styles.type }}>

packages/app/src/systems/Transaction/services/transaction.tsx

@@ -172,7 +172,10 @@ export class TxService {
       const transaction = transactionRequest.toTransaction();
       const transactionBytes = transactionRequest.toTransactionBytes();
 
-      const simulateTxErrors = getGroupedErrors(e.response?.errors);
+      const errorsToParse =
+        e.name === 'FuelError' ? [{ message: e.message }] : e.response?.errors;
+      const simulateTxErrors = getGroupedErrors(errorsToParse);
+
       const gasPrice = await provider.getLatestGasPrice();
       const txSummary = assembleTransactionSummary({
         receipts: [],

packages/docs/package.json

@@ -15,7 +15,7 @@
     "@fuel-ui/icons": "0.23.3",
     "@fuel-ui/react": "0.23.3",
     "@fuels/connectors": "0.4.0",
-    "@fuels/react": "0.19.0",
+    "@fuels/react": "0.20.0",
     "@mdx-js/react": "^2.3.0",
     "@next/mdx": "14.2.3",
     "@tanstack/react-query": "5.28.4",

packages/e2e-contract-tests/package.json

@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@fuels/connectors": "0.4.0",
-    "@fuels/react": "0.19.0",
+    "@fuels/react": "0.20.0",
     "@tanstack/react-query": "5.28.4",
     "fuels": "0.84.0",
     "react": "^18.2.0",
@@ -22,7 +22,7 @@
   },
   "devDependencies": {
     "@fuel-wallet/types": "workspace:*",
-    "@fuels/playwright-utils": "0.19.0",
+    "@fuels/playwright-utils": "0.20.0",
     "@playwright/test": "^1.39.0",
     "@types/chrome": "^0.0.246",
     "@types/node": "^20.8.4",