[v6] chore: update sequence v2 WaaS related packages and remove unused code (#594)

tolgahan-arikan · web-flow · commit 13bc8eb77f2f · 2026-03-30T16:32:53.000+02:00
* chore: update sequence v2 packages and remove unused code

* fix: preserve native token pricing in hooks
diff --git a/examples/next/package.json b/examples/next/package.json
@@ -15,11 +15,7 @@
     "@0xsequence/connect": "workspace:*",
     "@0xsequence/design-system": "3.2.9",
     "@0xsequence/hooks": "workspace:*",
-    "@0xsequence/waas": "^2.3.38",
     "@0xsequence/wallet-widget": "workspace:*",
-    "@imtbl/config": "^2.2.0",
-    "@imtbl/sdk": "^2.2.0",
-    "@radix-ui/react-select": "^2.2.5",
     "@tanstack/react-query": "^5.74.11",
     "example-shared-components": "workspace:*",
     "next": "14.2.3",
diff --git a/examples/next/src/app/auth-callback/page.tsx b/examples/next/src/app/auth-callback/page.tsx
diff --git a/examples/next/src/components/ImmutableCallback.tsx b/examples/next/src/components/ImmutableCallback.tsx
diff --git a/examples/next/src/config.ts b/examples/next/src/config.ts
@@ -1,8 +1,6 @@
 import { SequenceCheckoutConfig } from '@0xsequence/checkout'
 import { ConnectConfig, createConfig, createContractPermission } from '@0xsequence/connect'
 import { ChainId } from '@0xsequence/connect'
-import { Environment } from '@imtbl/config'
-import { passport } from '@imtbl/sdk'
 import { zeroAddress } from 'viem'
 import { cookieStorage, createStorage } from 'wagmi'
 
@@ -74,31 +72,6 @@ export const connectConfig: ConnectConfig = {
     : undefined
 }
 
-let passportInstance: passport.Passport | undefined
-
-export const getPassportInstance = () => {
-  if (typeof window === 'undefined') {
-    return undefined
-  }
-
-  if (!passportInstance) {
-    passportInstance = new passport.Passport({
-      baseConfig: {
-        environment: Environment.SANDBOX,
-        publishableKey: 'pk_imapik-test-VEMeW7wUX7hE7LHg3FxY'
-      },
-      forceScwDeployBeforeMessageSignature: true,
-      clientId: 'ap8Gv3188GLFROiBFBNFz77DojRpqxnS',
-      redirectUri: `${defaultOrigin}/auth-callback`,
-      logoutRedirectUri: `${defaultOrigin}`,
-      audience: 'platform_api',
-      scope: 'openid offline_access email transact'
-    })
-  }
-
-  return passportInstance
-}
-
 export const config = createConfig({
   ...connectConfig,
   walletUrl: 'https://v3.sequence-dev.app',
diff --git a/examples/react-waas/package.json b/examples/react-waas/package.json
@@ -14,11 +14,7 @@
     "@0xsequence/connect": "workspace:*",
     "@0xsequence/design-system": "3.2.9",
     "@0xsequence/hooks": "workspace:*",
-    "@0xsequence/waas": "^2.3.36",
     "@0xsequence/wallet-widget": "workspace:*",
-    "@imtbl/config": "^2.2.0",
-    "@imtbl/sdk": "^2.2.0",
-    "@radix-ui/react-select": "^2.2.5",
     "@tanstack/react-query": "^5.74.11",
     "example-shared-components": "workspace:*",
     "react": "^19.1.0",
diff --git a/examples/react-waas/src/App.tsx b/examples/react-waas/src/App.tsx
@@ -5,7 +5,6 @@ import { SequenceWalletProvider } from '@0xsequence/wallet-widget'
 import { BrowserRouter, Route, Routes } from 'react-router-dom'
 
 import { Homepage } from './components/Homepage'
-import { ImmutableCallback } from './components/ImmutableCallback'
 import { InlineDemo } from './components/InlineDemo'
 import { XAuthCallback } from './components/XAuthCallback'
 import { checkoutConfig, config } from './config'
@@ -20,7 +19,6 @@ export const App = () => {
               <Routes>
                 <Route path="/" element={<Homepage />} />
                 <Route path="/inline" element={<InlineDemo />} />
-                <Route path="/auth-callback" element={<ImmutableCallback />} />
                 <Route path="/auth-callback-X" element={<XAuthCallback />} />
               </Routes>
             </BrowserRouter>
diff --git a/examples/react-waas/src/components/ImmutableCallback.tsx b/examples/react-waas/src/components/ImmutableCallback.tsx
diff --git a/examples/react-waas/src/config.ts b/examples/react-waas/src/config.ts
@@ -1,8 +1,6 @@
 import { SequenceCheckoutConfig } from '@0xsequence/checkout'
 import { ConnectConfig, createConfig } from '@0xsequence/connect'
 import { ChainId } from '@0xsequence/connect'
-import { Environment } from '@imtbl/config'
-import { passport } from '@imtbl/sdk'
 import { zeroAddress } from 'viem'
 
 const searchParams = new URLSearchParams(location.search)
@@ -72,19 +70,6 @@ export const connectConfig: ConnectConfig = {
     : undefined
 }
 
-export const passportInstance = new passport.Passport({
-  baseConfig: {
-    environment: Environment.SANDBOX,
-    publishableKey: 'pk_imapik-test-VEMeW7wUX7hE7LHg3FxY'
-  },
-  forceScwDeployBeforeMessageSignature: true,
-  clientId: 'ap8Gv3188GLFROiBFBNFz77DojRpqxnS',
-  redirectUri: `${window.location.origin}/auth-callback`,
-  logoutRedirectUri: `${window.location.origin}`,
-  audience: 'platform_api',
-  scope: 'openid offline_access email transact'
-})
-
 export const config = createConfig('waas', {
   ...connectConfig,
   appName: 'Sequence Web SDK Demo',
diff --git a/examples/react/package.json b/examples/react/package.json
@@ -16,11 +16,7 @@
     "@0xsequence/connect": "workspace:*",
     "@0xsequence/design-system": "3.2.9",
     "@0xsequence/hooks": "workspace:*",
-    "@0xsequence/waas": "^2.3.38",
     "@0xsequence/wallet-widget": "workspace:*",
-    "@imtbl/config": "^2.2.0",
-    "@imtbl/sdk": "^2.2.0",
-    "@radix-ui/react-select": "^2.2.5",
     "@tanstack/react-query": "^5.74.11",
     "example-shared-components": "workspace:*",
     "react": "^19.1.0",
diff --git a/examples/react/src/App.tsx b/examples/react/src/App.tsx
@@ -5,7 +5,6 @@ import { useCallback, useMemo, useState } from 'react'
 import { BrowserRouter, Route, Routes } from 'react-router-dom'
 
 import { Homepage } from './components/Homepage'
-import { ImmutableCallback } from './components/ImmutableCallback'
 import { InlineDemo } from './components/InlineDemo'
 import { XAuthCallback } from './components/XAuthCallback'
 import { createExampleConfig, loadWalletUrl, persistWalletUrl, sanitizeWalletUrl } from './config'
@@ -48,7 +47,6 @@ const AppContent = () => {
           <Routes>
             <Route path="/" element={<Homepage walletUrl={walletUrl} onWalletUrlChange={handleWalletUrlChange} />} />
             <Route path="/inline" element={<InlineDemo config={config} />} />
-            <Route path="/auth-callback" element={<ImmutableCallback />} />
             <Route path="/auth-callback-X" element={<XAuthCallback />} />
           </Routes>
         </BrowserRouter>
diff --git a/examples/react/src/components/ImmutableCallback.tsx b/examples/react/src/components/ImmutableCallback.tsx
diff --git a/examples/react/src/config.ts b/examples/react/src/config.ts
@@ -1,7 +1,5 @@
 import { ConnectConfig, createConfig, createContractPermission } from '@0xsequence/connect'
 import { ChainId } from '@0xsequence/connect'
-import { Environment } from '@imtbl/config'
-import { passport } from '@imtbl/sdk'
 
 import { webSdkDemoLogoDataUrl } from './constants/index.js'
 import { getEmitterContractAddress } from './constants/permissions'
@@ -15,8 +13,7 @@ const isDev = false
 const projectAccessKey = isDev ? 'AQAAAAAAAAVBcvNU0sTXiBQmgnL-uVm929Y' : 'AQAAAAAAAEGvyZiWA9FMslYeG_yayXaHnSI'
 const walletConnectProjectId = 'c65a6cb1aa83c4e24500130f23a437d8'
 export const WALLET_URL_STORAGE_KEY = 'sequence-react-example.walletUrl'
-export const DEFAULT_WALLET_URL = 'https://immutable.ecosystem-demo.xyz'
-// export const DEFAULT_WALLET_URL = 'https://v3.sequence-dev.app/'
+export const DEFAULT_WALLET_URL = 'https://v3.sequence-dev.app'
 
 export const sanitizeWalletUrl = (walletUrl: string): string => {
   const trimmed = walletUrl.trim()
@@ -62,19 +59,6 @@ export const connectConfig: ConnectConfig = {
     : undefined
 }
 
-export const passportInstance = new passport.Passport({
-  baseConfig: {
-    environment: Environment.SANDBOX,
-    publishableKey: 'pk_imapik-test-VEMeW7wUX7hE7LHg3FxY'
-  },
-  forceScwDeployBeforeMessageSignature: true,
-  clientId: 'ap8Gv3188GLFROiBFBNFz77DojRpqxnS',
-  redirectUri: `${window.location.origin}/auth-callback`,
-  logoutRedirectUri: `${window.location.origin}`,
-  audience: 'platform_api',
-  scope: 'openid offline_access email transact'
-})
-
 export const loadWalletUrl = (): string => {
   if (typeof window === 'undefined') {
     return DEFAULT_WALLET_URL
diff --git a/packages/connect/package.json b/packages/connect/package.json
@@ -41,21 +41,21 @@
   "dependencies": {
     "@0xsequence/dapp-client": ">=3.0.1",
     "@0xsequence/api": ">=3.0.1",
-    "@0xsequence/auth": "^2.3.38",
-    "@0xsequence/core": "^2.3.38",
+    "@0xsequence/auth": "^2.3.43",
+    "@0xsequence/core": "^2.3.43",
     "@0xsequence/design-system": "3.2.9",
     "@0xsequence/ethauth": "^1.0.0",
     "@0xsequence/indexer": ">=3.0.1",
     "@0xsequence/wallet-primitives": ">=3.0.1",
-    "@0xsequence/provider": "^2.3.38",
-    "@0xsequence/waas": "^2.3.38",
+    "@0xsequence/provider": "^2.3.43",
+    "@0xsequence/waas": "^2.3.43",
     "clsx": "^2.1.1",
     "fuse.js": "^7.1.0",
     "motion": "^12.9.2",
     "uuid": "^10.0.0"
   },
   "peerDependencies": {
-    "0xsequence": ">= 2.3.38",
+    "0xsequence": ">= 2.3.43",
     "@0xsequence/hooks": "workspace:*",
     "@coinbase/wallet-sdk": "^4.3.6",
     "@databeat/tracker": "^0.9.3",
@@ -81,7 +81,7 @@
     }
   },
   "devDependencies": {
-    "0xsequence": "^2.3.38",
+    "0xsequence": "^2.3.43",
     "@0xsequence/hooks": "workspace:*",
     "@databeat/tracker": "^0.9.3",
     "@react-oauth/google": "^0.11.1",
diff --git a/packages/connect/src/styles.ts b/packages/connect/src/styles.ts
@@ -888,6 +888,9 @@ export const styles = String.raw`
   .min-w-\[8rem\] {
     min-width: 8rem;
   }
+  .min-w-\[200px\] {
+    min-width: 200px;
+  }
   .min-w-full {
     min-width: 100%;
   }
diff --git a/packages/hooks/src/hooks/IndexerGateway/useGetNativeTokenBalance.ts b/packages/hooks/src/hooks/IndexerGateway/useGetNativeTokenBalance.ts
@@ -16,7 +16,14 @@ const getNativeTokenBalance = async (
   const res = await indexerGatewayClient.getNativeTokenBalance(args)
 
   const balances = res.balances.map(balances =>
-    createNativeTokenBalance(balances.chainId, balances.result.accountAddress, balances.result.balance)
+    createNativeTokenBalance({
+      chainId: balances.chainId,
+      accountAddress: balances.result.accountAddress,
+      balance: balances.result.balance,
+      balanceUSD: balances.result.balanceUSD,
+      priceUSD: balances.result.priceUSD,
+      priceUpdatedAt: balances.result.priceUpdatedAt
+    })
   )
 
   return balances
diff --git a/packages/hooks/src/hooks/IndexerGateway/useGetSingleTokenBalance.ts b/packages/hooks/src/hooks/IndexerGateway/useGetSingleTokenBalance.ts
@@ -27,7 +27,16 @@ const getSingleTokenBalance = async (args: GetSingleTokenBalanceArgs, indexerGat
   })
 
   if (compareAddress(args.contractAddress, ZERO_ADDRESS)) {
-    return createNativeTokenBalance(args.chainId, args.accountAddress, balance.nativeBalances[0].results[0].balance)
+    const nativeBalance = balance.nativeBalances[0].results[0]
+
+    return createNativeTokenBalance({
+      chainId: args.chainId,
+      accountAddress: args.accountAddress,
+      balance: nativeBalance.balance,
+      balanceUSD: nativeBalance.balanceUSD,
+      priceUSD: nativeBalance.priceUSD,
+      priceUpdatedAt: nativeBalance.priceUpdatedAt
+    })
   } else {
     if (args.tokenId) {
       return balance.balances[0].results.find(result => result.tokenID === args.tokenId)
diff --git a/packages/hooks/src/hooks/IndexerGateway/useGetTokenBalancesDetails.ts b/packages/hooks/src/hooks/IndexerGateway/useGetTokenBalancesDetails.ts
@@ -15,7 +15,14 @@ const getTokenBalancesDetails = async (indexerGatewayClient: SequenceIndexerGate
 
     const nativeTokens: TokenBalance[] = res.nativeBalances.flatMap(nativeChainBalance =>
       nativeChainBalance.results.map(nativeTokenBalance =>
-        createNativeTokenBalance(nativeChainBalance.chainId, nativeTokenBalance.accountAddress, nativeTokenBalance.balance)
+        createNativeTokenBalance({
+          chainId: nativeChainBalance.chainId,
+          accountAddress: nativeTokenBalance.accountAddress,
+          balance: nativeTokenBalance.balance,
+          balanceUSD: nativeTokenBalance.balanceUSD,
+          priceUSD: nativeTokenBalance.priceUSD,
+          priceUpdatedAt: nativeTokenBalance.priceUpdatedAt
+        })
       )
     )
 
diff --git a/packages/hooks/src/hooks/IndexerGateway/useGetTokenBalancesSummary.ts b/packages/hooks/src/hooks/IndexerGateway/useGetTokenBalancesSummary.ts
@@ -15,7 +15,14 @@ const getTokenBalancesSummary = async (indexerGatewayClient: SequenceIndexerGate
 
     const nativeTokens: TokenBalance[] = res.nativeBalances.flatMap(nativeChainBalance =>
       nativeChainBalance.results.map(nativeTokenBalance =>
-        createNativeTokenBalance(nativeChainBalance.chainId, nativeTokenBalance.accountAddress, nativeTokenBalance.balance)
+        createNativeTokenBalance({
+          chainId: nativeChainBalance.chainId,
+          accountAddress: nativeTokenBalance.accountAddress,
+          balance: nativeTokenBalance.balance,
+          balanceUSD: nativeTokenBalance.balanceUSD,
+          priceUSD: nativeTokenBalance.priceUSD,
+          priceUpdatedAt: nativeTokenBalance.priceUpdatedAt
+        })
       )
     )
 
diff --git a/packages/hooks/src/utils/helpers.ts b/packages/hooks/src/utils/helpers.ts
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
