FuelLabs · petertonysmith94 · Jan 13, 2025 · Jan 13, 2025 · Jan 13, 2025 · Jan 13, 2025
@@ -2,7 +2,7 @@ name: 'Forc Setup'
 
 inputs:
   forc-components:
-    default: 'forc@0.65.2, fuel-core@0.39.0'
+    default: 'forc@0.66.5, fuel-core@0.40.2'
 
 runs:
   using: 'composite'

@@ -1,6 +1,6 @@
 [[package]]
 name = "core"
-source = "path+from-root-8357A6DDC5F39D14"
+source = "path+from-root-6A8836696D55BC6E"
 
 [[package]]
 name = "custom_asset"
@@ -23,7 +23,7 @@ dependencies = ["std"]
 
 [[package]]
 name = "std"
-source = "git+https://github.com/fuellabs/sway?tag=v0.65.2#66bb430395daf5b8f7205f7b9d8d008e2e812d54"
+source = "git+https://github.com/fuellabs/sway?tag=v0.66.5#94a066652468b4afa3bd396dacef482ed590976b"
 dependencies = ["core"]
 
 [[package]]

@@ -10,7 +10,7 @@
     "@fuels/connectors": "0.35.1",
     "@fuels/react": "0.35.1",
     "@tanstack/react-query": "5.28.4",
-    "fuels": "0.96.1",
+    "fuels": "0.98.0",
     "react": "18.3.1",
     "react-dom": "18.3.1"
   },

@@ -2,5 +2,5 @@
 channel = "testnet"
 
 [components]
-fuel-core = "0.38.0"
-forc = "0.65.2"
+fuel-core = "0.40.2"
+forc = "0.66.5"
@@ -124,7 +124,7 @@
       "send@<0.19.0": ">=0.19.0",
       "serve-static@<1.16.0": ">=1.16.0",
       "rollup@>=4.0.0 <4.22.4": ">=4.22.4",
-      "fuels": "0.96.1",
+      "fuels": "0.98.0",
       "secp256k1@=5.0.0": ">=5.0.1",
       "elliptic@<6.6.0": ">=6.6.0",
       "cross-spawn@<7.0.5": ">=7.0.5",

@@ -43,7 +43,7 @@
     "events": "3.3.0",
     "fake-indexeddb": "4.0.2",
     "framer-motion": "10.16.4",
-    "fuels": "0.96.1",
+    "fuels": "0.98.0",
     "json-edit-react": "1.13.3",
     "json-rpc-2.0": "1.7.0",
     "lodash.debounce": "4.0.8",

@@ -12,13 +12,13 @@ export async function seedCurrentAccount(page: Page, amount: BN) {
 }
 
 export async function seedWallet(address: string, amount: BN) {
-  const provider = await Provider.create(VITE_FUEL_PROVIDER_URL);
+  const provider = new Provider(VITE_FUEL_PROVIDER_URL);
   const genesisWallet = Wallet.fromPrivateKey(GENESIS_SECRET, provider);
 
   const transfETH = await genesisWallet.transfer(
     Address.fromString(address),
     amount,
-    provider.getBaseAssetId()
+    await provider.getBaseAssetId()
   );
   await transfETH.wait();
 

@@ -98,7 +98,7 @@ test.describe('FuelWallet Extension', () => {
   });
 
   test('SDK operations', async ({ context, baseURL, extensionId }) => {
-    const provider = await Provider.create(process.env.VITE_FUEL_PROVIDER_URL);
+    const provider = new Provider(process.env.VITE_FUEL_PROVIDER_URL);
     // Use a single instance of the page to avoid
     // multiple waiting times, and window.fuel checking.
     const blankPage = await context.newPage();

@@ -27,7 +27,7 @@ test.describe('SendTransaction', () => {
     const { accounts } = await mockData(page);
     account = accounts[0];
     await seedWallet(account.address, bn(100_000_000));
-    provider = await Provider.create(process.env.VITE_FUEL_PROVIDER_URL);
+    provider = new Provider(process.env.VITE_FUEL_PROVIDER_URL);
   });
 
   test('Send transaction', async () => {
@@ -358,7 +358,7 @@ test.describe('SendTransaction', () => {
   });
 
   test('Send transaction to an asset address should fail', async () => {
-    const assetAddress = provider.getBaseAssetId();
+    const assetAddress = await provider.getBaseAssetId();
     await visit(page, '/send');
     await getInputByName(page, 'address').fill(assetAddress);
     await getInputByName(page, 'amount').fill('0.001');

@@ -5,8 +5,6 @@ import { FuelAddress } from './FuelAddress';
 
 const accountAddressB256 =
   '0x2230bd556418ddc58b48065208b3958a8db247f11394023e17ff143db7235c6c';
-const accountAddressBech32 =
-  'fuel1ygct64tyrrwutz6gqefq3vu432xmy3l3zw2qy0shlu2rmdert3kqx97pfj';
 
 describe('FuelAddress', () => {
   it('a11y', async () => {
@@ -19,9 +17,4 @@ describe('FuelAddress', () => {
     renderWithProvider(<FuelAddress address={accountAddressB256} />);
     expect(screen.getByText('0x2230...5C6C')).toBeInTheDocument();
   });
-
-  it('should show b256 address from bech32', () => {
-    renderWithProvider(<FuelAddress address={accountAddressBech32} />);
-    expect(screen.getByText('0x2230...5C6C')).toBeInTheDocument();
-  });
 });
@@ -1,18 +1,13 @@
 import type { ThemeUtilsCSS } from '@fuel-ui/css';
 import { cssObj } from '@fuel-ui/css';
 import { Box, Copyable, Icon, IconButton, Text } from '@fuel-ui/react';
-import {
-  Address,
-  type B256Address,
-  type Bech32Address,
-  type ChecksumAddress,
-} from 'fuels';
+import { Address, type B256Address, type ChecksumAddress } from 'fuels';
 import { useMemo } from 'react';
 import { shortAddress } from '~/systems/Core';
 import { useExplorerLink } from '../../hooks/useExplorerLink';
 
 export type AddressProps = {
-  address: ChecksumAddress | Bech32Address | B256Address;
+  address: ChecksumAddress | B256Address;
   canOpenExplorer?: boolean;
   css?: ThemeUtilsCSS;
   isContract?: boolean;
@@ -27,7 +22,7 @@
  const account = useMemo<string>(() => {
    if (!address) return '';
    if (isContract) return Address.fromDynamicInput(address).toB256();
    return Address.fromDynamicInput(address).toString();
  }, [isContract, address]);

  const { openExplorer, href } = useExplorerLink(account);

@@ -11,9 +11,9 @@ import { AssetsCache } from '~/systems/Asset/cache/AssetsCache';
 import { chromeStorage } from '~/systems/Core/services/chromeStorage';
 import type { Maybe } from '~/systems/Core/types';
 import { db } from '~/systems/Core/utils/database';
+import { readFromOPFS } from '~/systems/Core/utils/opfs';
 import { getUniqueString } from '~/systems/Core/utils/string';
 import { getTestNoDexieDbData } from '../utils/getTestNoDexieDbData';
-import { readFromOPFS } from '~/systems/Core/utils/opfs';
 
 export type AccountInputs = {
   addAccount: {
@@ -108,7 +108,7 @@ export class AccountService {
       const provider = await createProvider(providerUrl!);
       const balances = await getBalances(provider, account.publicKey);
       const balanceAssets = await AssetsCache.fetchAllAssets(
-        provider.getChainId(),
+        await provider.getChainId(),
         balances.map((balance) => balance.assetId)
       );
       // includes "asset" prop in balance, centralizing the complexity here instead of in rest of UI
@@ -142,7 +142,7 @@ export class AccountService {
       });
 
       // includes eth balance info, centralizing the complexity here instead of in rest of UI
-      const baseAssetId = provider.getBaseAssetId();
+      const baseAssetId = await provider.getBaseAssetId();
       const ethAsset = balances.find(
         (balance) => balance.assetId === baseAssetId.toString()
       );

@@ -314,12 +314,10 @@ export class BackgroundService {
       this.communicationProtocol
     );
 
-    // We need to forward bech32 addresses to the popup, regardless if we receive a b256 here
-    // our database is storing fuel addresses
-    const bech32Address = Address.fromDynamicInput(address).toString();
+    const b256Address = Address.fromDynamicInput(address).toString();
 
     const signedMessage = await popupService.sendTransaction({
-      address: bech32Address,
+      address: b256Address,
       provider,
       transaction,
       origin,

@@ -15,9 +15,9 @@ import {
   FuelConnectorEventTypes,
   type NetworkEvent,
 } from 'fuels';
+import { chromeStorage } from '~/systems/Core/services/chromeStorage';
 import type { CommunicationProtocol } from './CommunicationProtocol';
 import { DatabaseObservable } from './DatabaseObservable';
-import { chromeStorage } from '~/systems/Core/services/chromeStorage';
 
 export class DatabaseEvents {
   readonly databaseObservable: DatabaseObservable<
@@ -75,7 +75,7 @@ export class DatabaseEvents {
       }
     );
 
-    // -- START Events for sync db with chrome storage 
+    // -- START Events for sync db with chrome storage
     this.databaseObservable.on<'accounts:create', Account>(
       'accounts:create',
       async (event) => {
@@ -101,7 +101,7 @@ export class DatabaseEvents {
         }
       }
     );
-    // -- END Events for sync db with chrome storage 
+    // -- END Events for sync db with chrome storage
 
     this.databaseObservable.on<'accounts:update', Account>(
       'accounts:update',

@@ -83,5 +83,5 @@ export const chromeStorage = {
   vaults: new ChromeStorageTable<Vault>('vaults'),
   clear: () => {
     chrome?.storage?.local?.clear();
-  }
+  },
 };
@@ -17,7 +17,7 @@ export const getMockedTransaction = async (
   const transactionRequest = await TxService.createTransfer({
     to: destinyAddress.toString(),
     amount: bn.parseUnits('0.1'),
-    assetId: provider.getBaseAssetId(),
+    assetId: await provider.getBaseAssetId(),
     tip: bn(0),
     gasLimit: bn(1_000_000),
   });

@@ -229,8 +229,8 @@ export class NetworkService {
 
       if (!networkByChainId || !networkByUrl) {
         const provider = await createProvider(url);
-        const providerName = provider.getChain().name;
-        const providerChainId = provider.getChainId();
+        const providerName = (await provider.getChain()).name;
+        const providerChainId = await provider.getChainId();
 
         if (providerChainId !== chainId) {
           throw new Error(
@@ -308,7 +308,7 @@ export class NetworkService {
 
       if (!networkByUrl) {
         const provider = await createProvider(url);
-        const providerName = provider.getChain().name;
+        const providerName = (await provider.getChain()).name;
         const providerChainId = await provider.getChainId();
 
         await NetworkService.validateNetworkVersion({

@@ -2,7 +2,7 @@ import { cssObj } from '@fuel-ui/css';
 import { Alert, Box, Form, Input, Text } from '@fuel-ui/react';
 import { motion } from 'framer-motion';
 import { type BN, bn } from 'fuels';
-import { useEffect, useMemo, useRef, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { AssetSelect } from '~/systems/Asset';
 import {
   ControlledField,
@@ -35,6 +35,7 @@ export function SendSelect({
   provider,
 }: SendSelectProps) {
   const [watchMax, setWatchMax] = useState(false);
+  const [baseAssetId, setBaseAssetId] = useState<string | null>(null);
   const isAmountFocused = useRef<boolean>(false);
   const baseFeeRef = useRef<BN | null>(baseFee);
   const tipRef = useRef<BN>(tip);
@@ -49,17 +50,21 @@ export function SendSelect({
     name: 'asset',
   });
 
+  useEffect(() => {
+    provider
+      ?.getBaseAssetId()
+      .then((id) => setBaseAssetId(id))
+      .catch((e) => console.error(e));
+  }, [provider]);
+
   const decimals = useMemo(() => {
     const selectedAsset = balances?.find((a) => a.asset?.assetId === assetId);
     return selectedAsset?.asset?.decimals;
   }, [assetId, balances]);
 
   const isSendingBaseAssetId = useMemo(() => {
-    return (
-      assetId &&
-      provider?.getBaseAssetId().toLowerCase() === assetId.toLowerCase()
-    );
-  }, [provider, assetId]);
+    return assetId && baseAssetId?.toLowerCase() === assetId.toLowerCase();
+  }, [baseAssetId, assetId]);
 
   useEffect(() => {
     if (

@@ -102,9 +102,9 @@ const schemaFactory = (provider?: Provider) =>
             return false;
           }
 
+          const baseAssetId = await provider?.getBaseAssetId();
           const isSendingBaseAssetId =
-            asset &&
-            provider?.getBaseAssetId().toLowerCase() === asset.toLowerCase();
+            asset && baseAssetId?.toLowerCase() === asset.toLowerCase();
           if (isSendingBaseAssetId) {
             // It means "baseFee" is being calculated
             if (!baseFee) {
@@ -141,7 +141,7 @@ const schemaFactory = (provider?: Provider) =>
             }
 
             const assetCached = await AssetsCache.getInstance().getAsset({
-              chainId: provider.getChainId(),
+              chainId: await provider.getChainId(),
               assetId: value,
               dbAssets: [],
               save: false,

@@ -1,6 +1,6 @@
 import { cssObj } from '@fuel-ui/css';
 import { Box, Icon } from '@fuel-ui/react';
-import type { Bech32Address, Operation, TransactionStatus } from 'fuels';
+import type { B256Address, Operation, TransactionStatus } from 'fuels';
 import { useAccounts } from '~/systems/Account';
 
 import { getTxIcon, getTxIconBgColor, getTxIconColor } from '../../utils';
@@ -16,7 +16,7 @@ export function TxIcon({ operation, status }: TxIconProps) {
     <Box.Flex css={styles.root(status)}>
       <Icon
         size={22}
-        icon={getTxIcon(operation, account?.address as Bech32Address)}
+        icon={getTxIcon(operation, account?.address as B256Address)}
         color={getTxIconColor(status)}
       />
     </Box.Flex>

@@ -1,7 +1,7 @@
 import { cssObj } from '@fuel-ui/css';
 import { Avatar, Box, Card, Heading, Icon, Image, Text } from '@fuel-ui/react';
 import type { OperationTransactionAddress } from 'fuels';
-import { Address, AddressType, ChainName, isB256, isBech32 } from 'fuels';
+import { Address, AddressType, ChainName, isB256 } from 'fuels';
 import { type FC, useMemo } from 'react';
 import { EthAddress, FuelAddress, useAccounts } from '~/systems/Account';
 
@@ -24,7 +24,7 @@ export const TxRecipientCard: TxRecipientCardComponent = ({
 }) => {
   const { accounts } = useAccounts();
   const address = recipient?.address || '';
-  const isValidAddress = isB256(address) || isBech32(address);
+  const isValidAddress = isB256(address);
   const fuelAddress = isValidAddress
     ? Address.fromString(address).toString()
     : '';

@@ -29,7 +29,7 @@ export const useAssetsAmount = (params: UseAmountAmountParams) => {
         const assetsWithAmount: (AssetFuelAmount | null)[] = await Promise.all(
           params.operationsCoin.map(async (operationCoin) => {
             const assetCached = await assetsCache.getAsset({
-              chainId: provider.getChainId(),
+              chainId: await provider.getChainId(),
               assetId: operationCoin.assetId,
               dbAssets: [],
               save: false,

@@ -1,4 +1,4 @@
-import type { Bech32Address, Operation, TransactionSummary } from 'fuels';
+import type { B256Address, Operation, TransactionSummary } from 'fuels';
 import { Address, OperationName } from 'fuels';
 import { useMemo } from 'react';
 import { useAccounts } from '~/systems/Account';
@@ -14,10 +14,10 @@ type UseTxMetadataProps = {
 export function getAddress(address?: string) {
   if (!address) return '';
   if (address === 'Network') return address;
-  return Address.fromString(address).bech32Address;
+  return Address.fromString(address).b256Address;
 }
 
-export function getLabel(operation: Operation, address?: Bech32Address) {
+export function getLabel(operation: Operation, address?: B256Address) {
   const { name } = operation;
   const me = address ? Address.fromString(address).toHexString() : '';
 
@@ -39,7 +39,7 @@ export function useTxMetadata({
 
   // Avoid screen to break with empty operations
   const mainOperation = operations[0] || {};
-  const label = getLabel(mainOperation, account?.address as Bech32Address);
+  const label = getLabel(mainOperation, account?.address as B256Address);
   const timeFormattedRaw = time ? formatDate(time) : undefined;
   const timeFormatted = timeFormattedRaw?.replace(
     'a few seconds ago',