@dogeos/dogeos-sdk 3.0.9-beta.0 → 3.0.9

package/README.md

@@ -43,13 +43,17 @@ First, wrap your app root component with `WalletConnectProvider`:
 
 ```tsx
 // App.tsx
-// App.tsx
 import React from "react";
 import { WalletConnectProvider } from "@dogeos/dogeos-sdk";
 
+const dogeConfig = {
+  ...config,
+  clientId: 'your-client-id'
+}
+
 export default function App() {
   return (
-    <WalletConnectProvider config={config}>
+    <WalletConnectProvider config={dogeConfig}>
       <YourApp />
     </WalletConnectProvider>
   );
@@ -64,7 +68,6 @@ Use the `useWalletConnect` hook to open the wallet connection modal and manage c
 // ConnectButton.tsx
 import React from "react";
 import { useWalletConnect } from "@dogeos/dogeos-sdk";
-import { useWalletConnect } from "@dogeos/dogeos-sdk";
 
 export function ConnectButton() {
   const { openModal, isConnected, disconnect, isConnecting } =
@@ -90,7 +93,6 @@ Use the `useAccount` hook to get the currently connected account information:
 // AccountInfo.tsx
 import React from "react";
 import { useAccount } from "@dogeos/dogeos-sdk";
-import { useAccount } from "@dogeos/dogeos-sdk";
 
 export function AccountInfo() {
   const { address, chainId, chainType, currentWallet } = useAccount();
@@ -186,10 +188,11 @@ export function SignInButton() {
 import { WalletConnectProvider } from "@dogeos/dogeos-sdk";
 import type { WalletConnectKitConfig } from "@dogeos/dogeos-sdk";
 
-const config: WalletConnectKitConfig = {
+const dogeConfig: WalletConnectKitConfig = {
   // WalletConnect project ID (obtain from https://cloud.walletconnect.com)
   walletConnectProjectId: "your-project-id",
 
+  clientId: "your-client-id",
   // Application metadata
   metadata: {
     name: "My DApp",
@@ -201,7 +204,7 @@ const config: WalletConnectKitConfig = {
 
 export function App() {
   return (
-    <WalletConnectProvider config={config}>
+    <WalletConnectProvider config={dogeConfig}>
       <YourApp />
     </WalletConnectProvider>
   );
@@ -226,7 +229,7 @@ export function App() {
   }, []);
 
   return (
-    <WalletConnectProvider config={{ chains }}>
+    <WalletConnectProvider config={{ chains, clientId: "your-client-id", }}>
       <YourApp />
     </WalletConnectProvider>
   );
@@ -251,7 +254,7 @@ export function App() {
   }, []);
 
   return (
-    <WalletConnectProvider config={{ connectors }}>
+    <WalletConnectProvider config={{ connectors , clientId: "your-client-id" }}>
       <YourApp />
     </WalletConnectProvider>
   );
@@ -280,6 +283,7 @@ const config = {
       },
     ],
   },
+  clientId: "your-client-id",
 };
 
 export function App() {
@@ -324,6 +328,7 @@ const config = {
       },
     },
   } as ThemeConfig,
+  clientId: "your-client-id"
 };
 
 export function App() {
@@ -369,7 +374,7 @@ export function App() {
   const config: WalletConnectKitConfig = {
     // WalletConnect configuration
     walletConnectProjectId: "your-project-id",
-
+    clientId: "your-client-id",
     // DApp application metadata
     metadata: {
       name: "My DApp",
@@ -735,6 +740,16 @@ type ChainType = "evm" | "solana" | "aptos" | "dogecoin";
 
 ## FAQ
 
+### How to use with Next.js?
+
+```js
+"use client"; // add "use client" at your index router page
+```
+
+### Supported Next.js version
+
+- Next.js 14/15 version had supported
+
 ### How to get WalletConnect Project ID?
 
 1. Visit [WalletConnect Cloud](https://cloud.walletconnect.com)

package/dist/{features-animation-BsnToLWy.js → features-animation-FaUBRR8C.js}

@@ -1,4 +1,4 @@
-import { G as Ct, H as Z, I as Ie, d as q, J as Ee, e as Mt, K as Mn, p as Ae, N as Fn, O as Dn, Q as Rn, a as P, R as le, T as On, U as In, V as Ne, W as H, X as Ft, b as Y, Y as En, Z as Nn, f as ne, w as Dt, B as ue, n as I, c as se, _ as ce, $ as Kn, h as Bn, r as Rt, a0 as Ke, a1 as Ln, x as kn, a2 as _n, j as O, a3 as Ot, a4 as It, a5 as Et, a6 as He, a7 as Nt, E as Gn, a8 as Un, a9 as $n, aa as qe, ab as jn, ac as Wn, ad as zn, ae as Hn, af as qn, ag as Yn, ah as Xn, ai as Zn, aj as Jn, ak as Qn, al as es } from "./index-DyerC0th.js";
+import { G as Ct, H as Z, I as Ie, d as q, J as Ee, e as Mt, K as Mn, p as Ae, N as Fn, O as Dn, Q as Rn, a as P, R as le, T as On, U as In, V as Ne, W as H, X as Ft, b as Y, Y as En, Z as Nn, f as ne, w as Dt, B as ue, n as I, c as se, _ as ce, $ as Kn, h as Bn, r as Rt, a0 as Ke, a1 as Ln, x as kn, a2 as _n, j as O, a3 as Ot, a4 as It, a5 as Et, a6 as He, a7 as Nt, E as Gn, a8 as Un, a9 as $n, aa as qe, ab as jn, ac as Wn, ad as zn, ae as Hn, af as qn, ag as Yn, ah as Xn, ai as Zn, aj as Jn, ak as Qn, al as es } from "./index-CgMq2-0F.js";
 import { Fragment as ts } from "react";
 function Kt(t, e) {
   if (!Array.isArray(e))

package/dist/{index-DAH581QK.js → index-B5Mj4ZsY.js}

@@ -11,10 +11,10 @@
   }
 })();
 
-import { f as T, a as R, c as O, b as Ot, i as F, p as z, d as le, n as M, P as he, e as Ft, L as ce, S as ue, g as de, m as Nt, h as Gt, r as Wt, j as me, s as $, k as H, l as et } from "./index-DyerC0th.js";
-import { A as Zi, q as Ki, M as Ji, z as Qi, y as ts, w as es, v as is, u as ss, C as os, E as ns, t as as, o as rs, D as ls, x as hs, F as cs, B as us } from "./index-DyerC0th.js";
-import { i as fe, e as _t, p as pe, a as b, s as ge, m as ye, b as v, c as J, d as y, f as ve, g as xe, h as Pe, j as zt, k as it, l as $t, n as Te, F as Ht, o as st, q as De, r as ot, t as Xt, u as Se, S as Ee, v as Ae, w as V, x as N, y as G, z as nt, A as Re, B as Le, C as Ce, D as B, E as je, G as Ve } from "./features-animation-BsnToLWy.js";
-import { K as ms, N as fs, V as ps, a4 as gs, H as ys, a2 as vs, P as xs, Q as Ps, R as Ts, T as Ds, U as Ss, W as Es, J as As, _ as Rs, X as Ls, Y as Cs, Z as js, M as Vs, a1 as Bs, a3 as Ms, $ as ws, O as ks, a0 as bs, L as Us, I as Is } from "./features-animation-BsnToLWy.js";
+import { f as T, a as R, c as O, b as Ot, i as F, p as z, d as le, n as M, P as he, e as Ft, L as ce, S as ue, g as de, m as Nt, h as Gt, r as Wt, j as me, s as $, k as H, l as et } from "./index-CgMq2-0F.js";
+import { A as Zi, q as Ki, M as Ji, z as Qi, y as ts, w as es, v as is, u as ss, C as os, E as ns, t as as, o as rs, D as ls, x as hs, F as cs, B as us } from "./index-CgMq2-0F.js";
+import { i as fe, e as _t, p as pe, a as b, s as ge, m as ye, b as v, c as J, d as y, f as ve, g as xe, h as Pe, j as zt, k as it, l as $t, n as Te, F as Ht, o as st, q as De, r as ot, t as Xt, u as Se, S as Ee, v as Ae, w as V, x as N, y as G, z as nt, A as Re, B as Le, C as Ce, D as B, E as je, G as Ve } from "./features-animation-FaUBRR8C.js";
+import { K as ms, N as fs, V as ps, a4 as gs, H as ys, a2 as vs, P as xs, Q as Ps, R as Ts, T as Ds, U as Ss, W as Es, J as As, _ as Rs, X as Ls, Y as Cs, Z as js, M as Vs, a1 as Bs, a3 as Ms, $ as ws, O as ks, a0 as bs, L as Us, I as Is } from "./features-animation-FaUBRR8C.js";
 import { jsx as Be } from "react/jsx-runtime";
 import { useContext as Q, useId as Me, useEffect as we, useCallback as ke, Component as be } from "react";
 const at = (t, e) => Math.abs(t - e);