chore: latest kit (coinbase#453)

Co-authored-by: Ky Lee <[email protected]>

template/web/app/buy-me-coffee/_components/MemoCard.tsx

@@ -1,4 +1,4 @@
-import { Avatar, Name } from '@coinbase/onchainkit';
+import { Avatar, Name } from '@coinbase/onchainkit/identity';
 import { clsx } from 'clsx';
 import { convertBigIntTimestampToDate } from '@/utils/timestamp';
 import type { CoffeeMemo } from './types';

template/web/package.json

@@ -18,7 +18,7 @@
     "test:coverage:open": "yarn test:coverage && open coverage/lcov-report/index.html"
   },
   "dependencies": {
-    "@coinbase/onchainkit": "0.6.1",
+    "@coinbase/onchainkit": "0.9.5",
     "@coinbase/wallet-sdk": "^3.9.1",
     "@farcaster/hub-nodejs": "^0.10.21",
     "@privy-io/react-auth": "^1.56.2",
@@ -30,6 +30,8 @@
     "@tanstack/react-query": "^5.20.1",
     "abitype": "^0.10.3",
     "clsx": "^2.1.0",
+    "graphql": "14",
+    "graphql-request": "6",
     "net": "^1.0.2",
     "next": "13.5.6",
     "next-pwa": "5.6.0",

template/web/src/components/layout/header/AccountDropdown.tsx

@@ -1,4 +1,4 @@
-import { Avatar } from '@coinbase/onchainkit';
+import { Avatar } from '@coinbase/onchainkit/identity';
 import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
 import { clsx } from 'clsx';
 import { useAccount } from 'wagmi';

template/web/src/components/layout/header/AccountInfoPanel.tsx

@@ -1,5 +1,5 @@
 import { useCallback } from 'react';
-import { Avatar, Name } from '@coinbase/onchainkit';
+import { Avatar, Name } from '@coinbase/onchainkit/identity';
 import { ExitIcon } from '@radix-ui/react-icons';
 import { useAccount, useDisconnect } from 'wagmi';
 import { getSlicedAddress } from '@/utils/address';

template/web/tsconfig.json

@@ -12,7 +12,7 @@
     "noEmit": true,
     "esModuleInterop": true,
     "module": "esnext",
-    "moduleResolution": "Node",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",

template/web/yarn.lock

@@ -1510,7 +1510,7 @@ __metadata:
     "@babel/preset-env": "npm:^7.23.5"
     "@babel/preset-react": "npm:^7.23.3"
     "@babel/preset-typescript": "npm:^7.23.3"
-    "@coinbase/onchainkit": "npm:0.6.1"
+    "@coinbase/onchainkit": "npm:0.9.5"
     "@coinbase/wallet-sdk": "npm:^3.9.1"
     "@farcaster/hub-nodejs": "npm:^0.10.21"
     "@jest/globals": "npm:^29.7.0"
@@ -1557,6 +1557,8 @@ __metadata:
     eslint-plugin-react-perf: "npm:^3.3.1"
     eslint-plugin-relay: "npm:^1.8.3"
     eslint-plugin-simple-import-sort: "npm:^8.0.0"
+    graphql: "npm:14"
+    graphql-request: "npm:6"
     identity-obj-proxy: "npm:^3.0.0"
     jest: "npm:^29.7.0"
     jest-environment-jsdom: "npm:^29.7.0"
@@ -1595,14 +1597,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@coinbase/onchainkit@npm:0.6.1":
-  version: 0.6.1
-  resolution: "@coinbase/onchainkit@npm:0.6.1"
+"@coinbase/onchainkit@npm:0.9.5":
+  version: 0.9.5
+  resolution: "@coinbase/onchainkit@npm:0.9.5"
   peerDependencies:
+    "@xmtp/frames-validator": ^0.5.0
+    graphql: ^14
+    graphql-request: ^6
     react: ^18
     react-dom: ^18
     viem: ^2.7.0
-  checksum: 10c0/fd1b45b8f385f35e7a9aee5a45557511021783cd1a8fbd4c802807b92bc8be1cd72d660ede06e1ffaac9400973230f19ec652473a3ec0b3fc65df59150c696ce
+  checksum: 10c0/9ed200c73f08351f4aa9a03a62af163edc1bf2c7803c182c76d04c1c7362eb261b9e8ac2c09c01d21419b946181fb347728cfe312f1292f4e1863dffbe53d1ea
   languageName: node
   linkType: hard
 
@@ -2267,6 +2272,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@graphql-typed-document-node/core@npm:^3.2.0":
+  version: 3.2.0
+  resolution: "@graphql-typed-document-node/core@npm:3.2.0"
+  peerDependencies:
+    graphql: ^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0
+  checksum: 10c0/94e9d75c1f178bbae8d874f5a9361708a3350c8def7eaeb6920f2c820e82403b7d4f55b3735856d68e145e86c85cbfe2adc444fdc25519cd51f108697e99346c
+  languageName: node
+  linkType: hard
+
 "@grpc/grpc-js@npm:~1.8.21":
   version: 1.8.21
   resolution: "@grpc/grpc-js@npm:1.8.21"
@@ -9308,6 +9322,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"graphql-request@npm:6":
+  version: 6.1.0
+  resolution: "graphql-request@npm:6.1.0"
+  dependencies:
+    "@graphql-typed-document-node/core": "npm:^3.2.0"
+    cross-fetch: "npm:^3.1.5"
+  peerDependencies:
+    graphql: 14 - 16
+  checksum: 10c0/f8167925a110e8e1de93d56c14245e7e64391dc8dce5002dd01bf24a3059f345d4ca1bb6ce2040e2ec78264211b0704e75da3e63984f0f74d2042f697a4e8cc6
+  languageName: node
+  linkType: hard
+
+"graphql@npm:14":
+  version: 14.7.0
+  resolution: "graphql@npm:14.7.0"
+  dependencies:
+    iterall: "npm:^1.2.2"
+  checksum: 10c0/7f8085d4d8f4cd20bde0a2c327d21a0beaf2d0539775dc4fc093d2193c51f3c268ab43d11d539ce0ef26ffea227de7c7bd47788636bd66c5a944c95ad0870727
+  languageName: node
+  linkType: hard
+
 "graphql@npm:^14.0.0 || ^15.0.0":
   version: 15.8.0
   resolution: "graphql@npm:15.8.0"
@@ -10425,6 +10460,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"iterall@npm:^1.2.2":
+  version: 1.3.0
+  resolution: "iterall@npm:1.3.0"
+  checksum: 10c0/40de624e5fe937c4c0e511981b91caea9ff2142bfc0316cccc8506eaa03aa253820cc17c5bc5f0a98706c7268a373e5ebee9af9a0c8a359730cf7c05938b57b5
+  languageName: node
+  linkType: hard
+
 "iterator.prototype@npm:^1.1.2":
   version: 1.1.2
   resolution: "iterator.prototype@npm:1.1.2"