fix(app): store useSetMachineConfig (FuelLabs#376)

.changeset/poor-eggs-tan.md

@@ -0,0 +1,6 @@
+---
+"@fuel-wallet/types": patch
+"@fuel-wallet/sdk": patch
+---
+
+Fix(sdk): ts and eslint warnings after update deps

package.json

@@ -64,17 +64,17 @@
   },
   "devDependencies": {
     "@babel/core": "^7.20.5",
-    "@changesets/changelog-github": "^0.4.7",
-    "@changesets/cli": "^2.25.2",
+    "@changesets/changelog-github": "^0.4.8",
+    "@changesets/cli": "^2.26.0",
     "@jest/types": "29.3.1",
-    "@playwright/test": "^1.28.1",
+    "@playwright/test": "^1.29.0",
     "@types/jest": "^29.2.4",
-    "@types/node": "^18.11.11",
+    "@types/node": "^18.11.17",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.9",
-    "@xstate/cli": "^0.3.3",
+    "@xstate/cli": "^0.4.1",
     "dotenv": "^16.0.3",
-    "eslint": "^8.29.0",
+    "eslint": "^8.30.0",
     "fs-extra": "^11.1.0",
     "http-server": "^14.1.1",
     "husky": "^8.0.2",
@@ -84,13 +84,13 @@
     "jest-transform-stub": "^2.0.0",
     "lint-staged": "^13.1.0",
     "npm-run-all": "^4.1.5",
-    "playwright": "^1.28.1",
-    "prettier": "^2.8.0",
+    "playwright": "^1.29.0",
+    "prettier": "^2.8.1",
     "ts-jest": "^29.0.3",
     "ts-node": "^10.9.1",
     "turbo": "^1.6.3",
-    "typescript": "^4.9.3",
-    "updates": "^13.2.3"
+    "typescript": "^4.9.4",
+    "updates": "^13.2.4"
   },
   "pnpm": {
     "peerDependencyRules": {

packages/app/package.json

@@ -19,9 +19,9 @@
   },
   "dependencies": {
     "@fontsource/source-code-pro": "^4.5.12",
-    "@fuel-ts/mnemonic": "0.24.2",
-    "@fuel-ts/wallet": "0.24.2",
-    "@fuel-ts/wallet-manager": "0.24.2",
+    "@fuel-ts/mnemonic": "0.26.0",
+    "@fuel-ts/wallet": "0.26.0",
+    "@fuel-ts/wallet-manager": "0.26.0",
     "@fuel-ui/config": "^0.10.1",
     "@fuel-ui/css": "^0.10.1",
     "@fuel-ui/react": "^0.10.1",
@@ -30,32 +30,32 @@
     "@fuel-wallet/types": "workspace:*",
     "@fuel-wallet/xstore": "workspace:*",
     "@hookform/resolvers": "^2.9.10",
-    "@react-aria/utils": "^3.14.1",
+    "@react-aria/utils": "^3.14.2",
     "@xstate/react": "^3.0.1",
     "cross-fetch": "^3.1.5",
     "dexie": "^3.2.2",
     "dexie-observable": "4.0.0-beta.13",
     "dexie-react-hooks": "^1.1.1",
     "events": "^3.3.0",
     "fake-indexeddb": "^4.0.1",
-    "framer-motion": "^7.6.15",
-    "fuels": "0.24.2",
-    "json-rpc-2.0": "^1.4.1",
+    "framer-motion": "^7.10.2",
+    "fuels": "0.26.0",
+    "json-rpc-2.0": "^1.4.2",
     "react": "^18.2.0",
     "react-content-loader": "^6.2.0",
     "react-dom": "^18.2.0",
     "react-google-recaptcha": "^2.1.0",
     "react-helmet": "^6.1.0",
-    "react-hook-form": "^7.40.0",
-    "react-qr-code": "^2.0.8",
-    "react-router-dom": "^6.4.4",
-    "xstate": "^4.35.0",
+    "react-hook-form": "^7.41.0",
+    "react-qr-code": "^2.0.11",
+    "react-router-dom": "^6.5.0",
+    "xstate": "^4.35.1",
     "yup": "^0.32.11"
   },
   "devDependencies": {
     "@babel/core": "^7.20.5",
     "@crxjs/vite-plugin": "^1.0.14",
-    "@playwright/test": "^1.28.1",
+    "@playwright/test": "^1.29.0",
     "@storybook/addon-a11y": "^6.5.14",
     "@storybook/addon-actions": "^6.5.14",
     "@storybook/addon-essentials": "^6.5.14",
@@ -72,27 +72,27 @@
     "@storybook/react": "^6.5.14",
     "@storybook/testing-library": "^0.0.13",
     "@storybook/theming": "^6.5.14",
-    "@types/chrome": "^0.0.203",
+    "@types/chrome": "^0.0.204",
     "@types/react": "^18.0.26",
     "@types/react-custom-scroll": "^4.3.2",
     "@types/react-dom": "^18.0.9",
     "@types/react-google-recaptcha": "^2.1.5",
     "@types/react-helmet": "^6.1.6",
     "@types/testing-library__jest-dom": "^5.14.5",
-    "@vitejs/plugin-react": "^2.2.0",
+    "@vitejs/plugin-react": "^3.0.0",
     "@xstate/inspect": "^0.7.0",
-    "msw": "^0.49.1",
+    "msw": "^0.49.2",
     "msw-storybook-addon": "^1.6.3",
     "storybook-addon-react-router-v6": "^0.2.1",
-    "storybook-dark-mode": "^1.1.2",
-    "ts-jest-mock-import-meta": "^0.12.0",
+    "storybook-dark-mode": "^2.0.4",
+    "ts-jest-mock-import-meta": "^1.0.0",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
-    "typescript": "^4.9.3",
+    "typescript": "^4.9.4",
     "util": "^0.12.5",
-    "vite": "^3.2.5",
-    "vite-plugin-static-copy": "^0.12.0",
-    "vite-plugin-zip-pack": "^1.0.4",
-    "vite-tsconfig-paths": "^3.6.0",
+    "vite": "^4.0.2",
+    "vite-plugin-static-copy": "^0.13.0",
+    "vite-plugin-zip-pack": "^1.0.5",
+    "vite-tsconfig-paths": "^4.0.3",
     "webpack": "^5.75.0"
   },
   "pnpm": {

packages/app/src/systems/CRX/background/services/BackgroundService.ts

@@ -85,7 +85,7 @@ export class BackgroundService {
   async connectionMiddlware(
     next: JSONRPCServerMiddlewareNext<EventOrigin>,
     request: JSONRPCRequest,
-    serverParams: EventOrigin | undefined
+    serverParams: EventOrigin
   ) {
     // If the method is not connect check if connection is already established
     if (request.method !== 'connect') {

packages/app/src/systems/DApp/machines/signMachine.tsx

@@ -34,14 +34,14 @@ type MachineEvents =
 
 export const signMachine = createMachine(
   {
+    predictableActionArguments: true,
     // eslint-disable-next-line @typescript-eslint/consistent-type-imports
     tsTypes: {} as import('./signMachine.typegen').Typegen0,
     schema: {
       context: {} as MachineContext,
       services: {} as MachineServices,
       events: {} as MachineEvents,
     },
-    predictableActionArguments: true,
     id: '(machine)',
     initial: 'idle',
     states: {
@@ -67,7 +67,7 @@ export const signMachine = createMachine(
       unlocking: {
         invoke: {
           id: 'unlock',
-          src: unlockMachine as UnlockMachine,
+          src: 'unlock',
           onDone: [
             unlockMachineErrorAction('unlocking', 'unlockError'),
             {
@@ -129,6 +129,7 @@ export const signMachine = createMachine(
       }),
     },
     services: {
+      unlock: unlockMachine,
       signMessage: FetchMachine.create<
         { message: string; wallet: WalletUnlocked },
         string

packages/app/src/systems/DApp/machines/transactionMachine.tsx

@@ -131,7 +131,7 @@ export const transactionMachine = createMachine(
       unlocking: {
         invoke: {
           id: 'unlock',
-          src: unlockMachine,
+          src: 'unlock',
           data: (_: MachineContext, ev: MachineEvents) => ev.input,
           onDone: [
             unlockMachineErrorAction('unlocking', 'unlockError'),
@@ -231,6 +231,7 @@ export const transactionMachine = createMachine(
       }),
     },
     services: {
+      unlock: unlockMachine,
       fetchGasPrice: FetchMachine.create<TxInputs['fetchGasPrice'], BN>({
         showError: false,
         async fetch({ input }) {