upgrade deps (#6)

babel.config.js

@@ -15,7 +15,7 @@ module.exports = {
     '@babel/preset-react'
   ],
   plugins: [
-    ['@babel/plugin-proposal-class-properties', { loose: true },],
-    ["@vanilla-extract/babel-plugin", {},]
+    ['@babel/plugin-transform-class-properties', { loose: true }],
+    ["@vanilla-extract/babel-plugin", {}]
   ]
 }

examples/react/package.json

@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "homepage": "kit",
+  "type": "module",
   "dependencies": {
     "0xsequence": "^1.8.2",
     "@0xsequence/design-system": "^1.1.0",
@@ -19,17 +20,18 @@
     "react-dom": "^18.2.0",
     "typescript": "^5.3.3",
     "viem": "^2.5.7",
+    "vite-plugin-node-polyfills": "^0.21.0",
     "wagmi": "^2.5.7"
   },
   "devDependencies": {
-    "@types/node": "^16.18.11",
-    "@types/react": "^18.0.27",
-    "@types/react-dom": "^18.0.10",
-    "@vanilla-extract/vite-plugin": "^3.7.1",
-    "@vitejs/plugin-react": "^3.1.0",
-    "vite": "^4.1.1",
-    "vite-plugin-svgr": "^2.4.0",
-    "vite-tsconfig-paths": "^4.0.5"
+    "@types/node": "^20.11.17",
+    "@types/react": "^18.2.55",
+    "@types/react-dom": "^18.2.19",
+    "@vanilla-extract/vite-plugin": "^4.0.4",
+    "@vitejs/plugin-react": "^4.2.1",
+    "vite": "^5.1.1",
+    "vite-plugin-svgr": "^4.2.0",
+    "vite-tsconfig-paths": "^4.3.1"
   },
   "scripts": {
     "start": "vite",

examples/react/vite.config.js

@@ -1,8 +1,9 @@
-import { defineConfig } from 'vite';
+import { defineConfig } from 'vite'
 import dns from 'dns'
-import react from '@vitejs/plugin-react';
-import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin';
-import viteTsconfigPaths from 'vite-tsconfig-paths';
+import react from '@vitejs/plugin-react'
+import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin'
+import { nodePolyfills } from 'vite-plugin-node-polyfills'
+import viteTsconfigPaths from 'vite-tsconfig-paths'
 import svgrPlugin from 'vite-plugin-svgr'
 
 dns.setDefaultResultOrder('verbatim')
@@ -14,9 +15,15 @@ export default defineConfig(() => {
     // },
     plugins: [
       react(),
+      nodePolyfills({
+        include: ["buffer"],
+        globals: {
+          Buffer: true,
+        },
+      }),
       viteTsconfigPaths(),
-      svgrPlugin(),
       vanillaExtractPlugin(),
+      svgrPlugin(),
     ],
     server: {
       port: 4444,

package.json

@@ -26,17 +26,17 @@
     "build:react": "pnpm --filter @0xsequence/kit-example-react build"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.2",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/preset-env": "^7.20.2",
+    "@0xsequence/kit": "workspace:*",
+    "@0xsequence/kit-connectors": "workspace:*",
+    "@babel/core": "^7.23.9",
+    "@babel/plugin-transform-class-properties": "^7.18.6",
+    "@babel/preset-env": "^7.23.9",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
-    "@babel/runtime": "^7.20.1",
+    "@babel/runtime": "^7.23.9",
     "@changesets/changelog-github": "^0.4.7",
     "@changesets/cli": "^2.25.2",
-    "@0xsequence/kit": "workspace:*",
-    "@0xsequence/kit-connectors": "workspace:*",
-    "@preconstruct/cli": "^2.6.2",
+    "@preconstruct/cli": "^2.8.3",
     "@types/chai": "^4.2.22",
     "@types/chai-as-promised": "^7.1.4",
     "@types/mocha": "^10.0.0",
@@ -63,7 +63,7 @@
     "react-dom": "^18.2.0",
     "rimraf": "^4.1.2",
     "ts-node": "^10.9.1",
-    "tsx": "^3.12.1",
+    "tsx": "^4.7.1",
     "typescript": "~5.3.3",
     "wagmi": "^2.5.7"
   },

packages/kit/src/components/KitProvider/index.tsx

@@ -92,23 +92,23 @@ export const KitProvider = (props: KitConnectProviderProps) => {
   const [modalPosition, setModalPosition] = useState<ModalPosition>(position)
   const [displayedAssets, setDisplayedAssets] = useState<DisplayedAsset[]>(displayedAssetsSetting)
   const [analytics, setAnalytics] = useState<SequenceClient["analytics"]>()
-  const { address, isConnected } = useAccount()
+  // const { address, isConnected } = useAccount()
 
   const setupAnalytics = (projectAccessKey: string) => {
     const s = sequence.initWallet(projectAccessKey)
     const sequenceAnalytics = s.client.analytics
     setAnalytics(sequenceAnalytics)
   }
 
-  useEffect(() => {
-    if (!isConnected) {
-      analytics?.reset()
-      return
-    }
-    if (address) {
-      analytics?.identify(address.toLowerCase())
-    }
-  },[analytics, address, isConnected])
+  // useEffect(() => {
+  //   if (!isConnected) {
+  //     analytics?.reset()
+  //     return
+  //   }
+  //   if (address) {
+  //     analytics?.identify(address.toLowerCase())
+  //   }
+  // },[analytics, address, isConnected])
 
   const poweredBySequenceOnClick = () => {
     window.open('https://sequence.xyz')