feat: add Arcana Wallet connector

[shrinathprabhu]

Summary

Adds connector for Arcana Wallet (https://arcana.network)

Checklist

• I've added error handling for all actions/requests, and verified how this error will show on UI. (or there was no error handling)
• I've reviewed all the copy changed/added in this PR, using AI if needed. (or there was no copy changes)
• I've included the reference to the issues being closed from Github and/or Linear (or there was no issues)
• I've changed the Docs to reflect my changes (or it was not needed)
• I've put docs links where it may be helpful (or it was not needed)
• I checked the resulting UI both in Light and Dark mode (or no UI changes were made)
• I reviewed the entire PR myself (preferably, on GH UI)

[vercel]

@shrinathprabhu is attempting to deploy a commit to the Fuel Labs Team on Vercel.

A member of the Team first needs to authorize it.

[fuel-cla-bot]

Thanks for the contribution! Before we can merge this, we need @shrinathprabhu to sign the Fuel Labs Contributor License Agreement.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
fuel-connectors	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 19, 2025 3:19am

[fuel-cla-bot]

Thanks for the contribution! Before we can merge this, we need @svarcoder to sign the Fuel Labs Contributor License Agreement.

[helciofranco]

ERR_PNPM_LOCKFILE_MISSING_DEPENDENCY  Broken lockfile: no entry for '[email protected]' in pnpm-lock.yaml

[LuizAsFight]

hey thanks for the contribution looking forward to have this connector ready to improve UX for fuel users!!

I was checking on the test link and couldn't fully test it, are you guys using the preview link to test if the connector is functional? I got locked on this screen to switch network, the wallet doesnt take any action when I click on it

[LuizAsFight]

after each commit you will have a new preview link to be able to check your latest changes:

[LuizAsFight]

in case you want to run the examples project locally :
1- copy/paste from the examples/react-app/.env.example and create a .env
2- set VITE_FUEL_PROVIDER_URL=https://testnet.fuel.network/v1/playground
3- set VITE_CHAIN_ID_NAME=testnet
4- run pnpm install
5- run pnpm build
6- run pnpm dev:examples:react

Done you should have the examples app running on localhost:5173

[shrinathprabhu]

hey thanks for the contribution looking forward to have this connector ready to improve UX for fuel users!!

I was checking on the test link and couldn't fully test it, are you guys using the preview link to test if the connector is functional? I got locked on this screen to switch network, the wallet doesnt take any action when I click on it

Yeah @LuizAsFight , our wallet doesn't support testnet networks for now, but I'll add support for Fuel Switch network feature, so the preview link works fine

[LuizAsFight]

I was testing here and detected some issues in the wallet itself (looks to not be in the connector):

• on review screen, a simple transfer is showing one operation from the account to the account itself (maybe this is the change output?)
  
• on review screen, when doing a contract call, it's missing the contract call itself, instead its only showing the change output
  
• after clicking on "switch network" it got stuck on the popup even after I clicked multiple times. by refreshing the page I realized that the wallet actually changed to testnet network, it just didn't close the switch network popup

for this one I was only able to make it happen once:

• after clicking on submit got this error (maybe estimation error on arcana wallet side?)
  
  

[LuizAsFight]

another suggestion (but not a blocker for this PR) is:

• when we connect 2 different accounts, and the user change the account inside of arcana wallet, you can send an event to let the connectors know and switch the account on dapp side as well (you can see one example of how this is done on fuel wallet here

Screen.Recording.2025-04-04.at.02.15.24.mov

[LuizAsFight]

my only real concern on this PR is about the review screen that needs to improve to show correct information for the user

@shrinathprabhu have any ETA on the fixes on review screen? the others I mentioned are not blockers for this pr

[shrinathprabhu]

@LuizAsFight I'll add it this week