feat: update beta-5 compatibility

.changeset/friendly-avocados-tie.md

@@ -0,0 +1,9 @@
+---
+'@fuel-wallet/playwright-utils': minor
+'@fuel-wallet/react': minor
+'@fuel-wallet/types': minor
+'fuels-wallet': minor
+'@fuel-wallet/sdk': minor
+---
+
+Update wallet to beta-5

.github/setup-forc/action.yml

@@ -24,16 +24,3 @@ runs:
         override: true
 
     - uses: Swatinem/rust-cache@v1
-
-    - name: Set git config
-      run: |
-        git config --global core.bigfilethreshold 100m
-      shell:
-        bash
-
-    - uses: actions/checkout@v2
-    - name: Install Fuel toolchain
-      uses: FuelLabs/action-fuel-toolchain@master
-      with:
-        name: beta-4
-        components: forc@${{ inputs.forc-version }}, fuel-core@${{ inputs.fuel-core-version }}

.github/workflows/pr-tests.yml

@@ -115,14 +115,11 @@ jobs:
     steps:
       - uses: actions/checkout@v3
       - uses: FuelLabs/github-actions/setups/node@master
-      - uses: ./.github/setup-forc
       - uses: FuelLabs/github-actions/setups/docker@master
         with:
           username: ${{ github.repository_owner }}
           password: ${{ secrets.GITHUB_TOKEN }}
-
-      ## This is needed because for some reason setup-forc and setup-node
-      ## Override eachothers installations
+
       - name: Run PNPM install
         id: pnpm-cache
         run:
@@ -132,23 +129,16 @@ jobs:
         run: pnpm node:up:test
 
       - name: Build Application
-        run: pnpm build:test-e2e-contracts
+        run: pnpm build:all
         env:
           ## increase node.js m memory limit for building
           ## with sourcemaps
           NODE_OPTIONS: "--max-old-space-size=4096"
           NODE_ENV: test
-
-      - name: Build Contracts
-        run: forc build --path packages/e2e-contract-tests/contracts/custom_asset
-
-      - name: Deploy Contracts
-        run: | 
-          forc deploy --path packages/e2e-contract-tests/contracts/custom_asset --node-url http://localhost:4001/graphql --default-salt 0xa449b1ffee0e2205fa924c6740cc48b3b473aa28587df6dab12abc245d1f5298
-          forc deploy --path packages/e2e-contract-tests/contracts/custom_asset --node-url http://localhost:4001/graphql --salt 0x0000000000000000000000000000000000000000000000000000000000000001 0xa449b1ffee0e2205fa924c6740cc48b3b473aa28587df6dab12abc245d1f5298
 
-      - name: Generate Contract Types
-        run: pnpm build:e2e-contracts-types
+      - name: Build & Deploy Contracts
+        run: pnpm deploy:contracts
+        working-directory: ./packages/e2e-contract-tests
 
       # E2E tests running with Playwright
       - name: Install Playwright Browsers

docker/docker-compose.yml

@@ -30,7 +30,7 @@ services:
       WALLET_SECRET_KEY: ${WALLET_SECRET}
       DISPENSE_AMOUNT: ${DISPENSE_AMOUNT}
       FUEL_NODE_URL: http://${PROJECT:-fuel-node}_fuel-core:4000/graphql
-    image: ghcr.io/fuellabs/faucet:v0.5.5
+    image: ghcr.io/fuellabs/faucet:v0.6.2
     ports:
       - '${FUEL_FAUCET_PORT:-4040}:3000'
     links:

docker/fuel-core/Dockerfile

@@ -1,4 +1,4 @@
-FROM ghcr.io/fuellabs/fuel-core:v0.20.7
+FROM ghcr.io/fuellabs/fuel-core:v0.22.0
 
 ENV MIN_GAS_PRICE="${MIN_GAS_PRICE}"
 ENV CONSENSUS_KEY="${CONSENSUS_KEY}"

docker/fuel-core/chainConfig.json

@@ -9,22 +9,32 @@
     "type": "LocalTest"
   },
   "block_gas_limit": 5000000000,
-  "transaction_parameters": {
-    "contract_max_size": 16777216,
-    "max_inputs": 255,
-    "max_outputs": 255,
-    "max_witnesses": 255,
-    "max_gas_per_tx": 10000000,
-    "max_script_length": 1048576,
-    "max_script_data_length": 1048576,
-    "max_storage_slots": 255,
-    "max_predicate_length": 1048576,
-    "max_predicate_data_length": 1048576,
-    "max_gas_per_predicate": 10000000,
-    "gas_price_factor": 92,
-    "gas_per_byte": 4,
-    "max_message_data_length": 1048576,
-    "chain_id": 0
+  "consensus_parameters": {
+    "tx_params": {
+      "max_inputs": 255,
+      "max_outputs": 255,
+      "max_witnesses": 255,
+      "max_gas_per_tx": 10000000,
+      "max_size": 17825792
+    },
+    "predicate_params": {
+      "max_predicate_length": 1048576,
+      "max_predicate_data_length": 1048576,
+      "max_gas_per_predicate": 10000000,
+      "max_message_data_length": 1048576
+    },
+    "script_params": {
+      "max_script_length": 1048576,
+      "max_script_data_length": 1048576
+    },
+    "contract_params": {
+      "contract_max_size": 16777216,
+      "max_storage_slots": 255
+    },
+    "fee_params": {
+      "gas_price_factor": 92,
+      "gas_per_byte": 4
+    }
   },
   "gas_costs": {
     "add": 1,

package.json

@@ -30,9 +30,6 @@
     "build:app": "turbo run build:app",
     "build:test": "NODE_ENV=test pnpm build:app",
     "build:libs": "turbo run build",
-    "build:e2e-contracts": "turbo run build:e2e-contracts",
-    "build:test-e2e-contracts": "NODE_ENV=test pnpm build:e2e-contracts",
-    "build:e2e-contracts-types": "pnpm run --filter=@fuel-wallet/e2e-contract-tests build:contracts",
     "changeset": "changeset",
     "changeset:empty": "changeset --empty",
     "changeset:release": "changeset publish --no-git-tag",

packages/app/.env.production

@@ -1,7 +1,7 @@
 VITE_CRX_NAME="Fuel Wallet"
 VITE_CRX_RELEASE=true
-VITE_FUEL_PROVIDER_URL=https://beta-4.fuel.network/graphql
-VITE_FUEL_FAUCET_URL=https://faucet-beta-4.fuel.network/
+VITE_FUEL_PROVIDER_URL=https://beta-5.fuel.network/graphql
+VITE_FUEL_FAUCET_URL=https://faucet-beta-5.fuel.network/
 VITE_MNEMONIC_WORDS=12
 VITE_FAUCET_RECAPTCHA_KEY=6Ld3cEwfAAAAAMd4QTs7aO85LyKGdgj0bFsdBfre
 VITE_AUTO_LOCK_IN_MINUTES=10

packages/app/codegen.ts

@@ -34,6 +34,9 @@ const config: CodegenConfig = {
           HexString: 'string',
           Bytes32: 'string',
           UtxoId: 'string',
+          U8: 'string',
+          U16: 'string',
+          U32: 'string',
           U64: 'string',
           Address: 'string',
           BlockId: 'string',
@@ -46,7 +49,6 @@ const config: CodegenConfig = {
           Tai64Timestamp: 'string',
           TxPointer: 'string',
           Nonce: 'string',
-          U32: 'string',
         },
       },
     },

packages/app/package.json

@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@fontsource/source-code-pro": "^5.0.13",
-    "@fuel-ts/wallet-manager": "0.67.0",
+    "@fuel-ts/wallet-manager": "0.71.0",
     "@fuel-ui/css": "0.21.1",
     "@fuel-ui/icons": "0.21.1",
     "@fuel-ui/react": "0.21.1",
@@ -46,11 +46,12 @@
     "events": "^3.3.0",
     "fake-indexeddb": "^4.0.2",
     "framer-motion": "^10.16.4",
-    "fuels": "0.67.0",
+    "fuels": "0.71.0",
     "graphql": "^16.8.1",
     "graphql-request": "^6.1.0",
     "graphql-tag": "^2.12.6",
     "json-rpc-2.0": "^1.6.0",
+    "lodash.clonedeep": "^4.0.8",
     "lodash.debounce": "^4.0.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

packages/app/playwright.config.ts

@@ -22,7 +22,7 @@ const config: PlaywrightTestConfig = {
   use: {
     baseURL: `http://localhost:${PORT}/`,
     permissions: ['clipboard-read', 'clipboard-write'],
-    headless: false,
+    headless: true,
   },
 };
 

packages/app/playwright/commons/gas.ts

@@ -5,7 +5,7 @@ import type { Provider, BN } from 'fuels';
 export const getGasConfig = async (provider: Provider) => {
   const chain = await provider.getChain();
   const nodeInfo = await provider.fetchNode();
-  const gasLimit = chain.consensusParameters.maxGasPerTx;
+  const gasLimit = chain.consensusParameters.maxGasPerTx.div(2);
   const gasPrice = nodeInfo.minGasPrice;
 
   return { gasLimit, gasPrice };

packages/app/playwright/crx/crx.test.ts

@@ -406,7 +406,7 @@ test.describe('FuelWallet Extension', () => {
             // TODO: remove this gas config once SDK fixes and start with correct values
             const chain = await wallet.provider.getChain();
             const nodeInfo = await wallet.provider.fetchNode();
-            const gasLimit = chain.consensusParameters.maxGasPerTx;
+            const gasLimit = chain.consensusParameters.maxGasPerTx.div(2);
             const gasPrice = nodeInfo.minGasPrice;
             const response = await wallet.transfer(
               receiver,

packages/app/playwright/e2e/CreateWallet.test.ts

@@ -48,7 +48,6 @@ test.describe('CreateWallet', () => {
     await hasText(page, /Confirm phrase/i);
     await getButtonByText(page, /Paste/i).click();
     await getButtonByText(page, /Next/i).click();
-    // await page.pause();
 
     /** Adding password */
     await hasText(page, /Create password for encryption/i);

packages/app/playwright/e2e/Networks.test.ts

@@ -88,7 +88,7 @@ test.describe('Networks', () => {
     await expect(buttonCreate).toBeDisabled();
     const urlInput = getInputByName(page, 'url');
     await expect(urlInput).toBeFocused();
-    await urlInput.fill('https://beta-4.fuel.network/graphql');
+    await urlInput.fill('https://beta-5.fuel.network/graphql');
     await hasText(page, /Testnet/i, 0, 15000);
     await expect(buttonCreate).toBeEnabled();
     await buttonCreate.click();

packages/app/playwright/e2e/SendTransaction.test.ts

@@ -1,6 +1,6 @@
 import type { Account } from '@fuel-wallet/types';
 import type { Browser, Page } from '@playwright/test';
-import test, { chromium } from '@playwright/test';
+import test, { chromium, expect } from '@playwright/test';
 import { bn, Provider, Wallet } from 'fuels';
 
 import {
@@ -10,6 +10,7 @@ import {
   getInputByName,
   getByAriaLabel,
   hasAriaLabel,
+  getElementByText,
 } from '../commons';
 import { seedWallet } from '../commons/seedWallet';
 import { ALT_ASSET, mockData } from '../mocks';
@@ -142,13 +143,26 @@ test.describe('SendTransaction', () => {
 
     // Fill amount
     await getByAriaLabel(page, 'Max').click();
-    const value = await getInputByName(page, 'amount').inputValue();
+    const maxAmount = await getInputByName(page, 'amount').inputValue();
+
+    // Get calculated fee
+    await hasText(page, /(.*)ETH/);
+    const el = await getElementByText(page, /(.*)ETH/);
+    const feeAmountText = (await el.textContent()).replace(' ETH', '').trim();
+    const feeAmount = bn.parseUnits(feeAmountText);
+
+    // Max amount after calculating fee
+    const maxAmountAfterFee = await getInputByName(page, 'amount').inputValue();
+    const totalAmount = feeAmount.add(bn.parseUnits(maxAmountAfterFee));
+    await expect(bn.parseUnits(maxAmount).toString()).toBe(
+      totalAmount.toString()
+    );
 
     // Submit transaction
     await getButtonByText(page, 'Confirm').click();
 
     // Approve transaction
-    await hasText(page, `${value} ETH`);
+    await hasText(page, `${maxAmountAfterFee} ETH`);
     await getButtonByText(page, 'Approve').click();
 
     // Wait for transaction to be confirmed

packages/app/playwright/mocks/database.ts

@@ -61,7 +61,7 @@ export const ALT_ASSET = {
 
 export const FUEL_NETWORK = {
   name: 'Fuel Testnet',
-  url: 'https://beta-4.fuel.network/graphql',
+  url: 'https://beta-5.fuel.network/graphql',
 };
 
 export async function getAccount(page: Page) {