@dynamic-labs-sdk/wagmi 0.0.0 → 1.29.0

package/README.md

@@ -0,0 +1,212 @@
+# @dynamic-labs-sdk/wagmi
+
+Official [wagmi](https://wagmi.sh) support for the Dynamic JS SDK. Expose a
+Dynamic-managed EVM wallet account (embedded/OTP or external) as a wagmi
+connector so `useAccount`, `useSendTransaction`, `useReadContract`, and the rest
+of the wagmi/viem hook ecosystem work against Dynamic wallets — with Dynamic
+remaining the source of truth for wallet state.
+
+## Installation
+
+```bash
+npm install @dynamic-labs-sdk/wagmi wagmi @wagmi/core viem @tanstack/react-query
+```
+
+`wagmi`, `@wagmi/core` and `viem` are peer dependencies. `wagmi` and
+`@tanstack/react-query` are only required for the React helpers.
+
+## Which API to use
+
+Use the automatic sync — `syncDynamicWagmi` in vanilla JS, `SyncDynamicWagmi` /
+`useSyncDynamicWagmi` in React. Both keep wagmi pointed at Dynamic's **selected**
+EVM wallet account, so `setSelectedWalletAccount(...)` is all you ever call to
+move wagmi.
+
+|                                          | Vanilla JS                    | React                                                  |
+| ---------------------------------------- | ----------------------------- | ------------------------------------------------------ |
+| Keep wagmi on Dynamic's selected account | `syncDynamicWagmi`            | `SyncDynamicWagmi` (or the `useSyncDynamicWagmi` hook) |
+| Bridge one specific account yourself     | `createDynamicWagmiConnector` | `createDynamicWagmiConnector`                          |
+
+`createDynamicWagmiConnector` is the primitive both sync helpers are built on. It
+bridges **exactly one** account — the one you pass in — and never follows
+Dynamic's selection, so reach for it only when you deliberately want to pin wagmi
+to a specific account.
+
+## Vanilla JS
+
+`syncDynamicWagmi` keeps a wagmi config on Dynamic's selected EVM wallet account,
+with no React involved. It subscribes to Dynamic's wallet events and drives
+wagmi's `connect` / `disconnect` whenever that selection changes — login, wallet
+switch, or logout — and returns a function that stops the sync.
+
+Create your wagmi config **once at startup** — you don't have a wallet account
+yet, and you never rebuild the config. There is no Dynamic connector in
+`createConfig`:
+
+```ts
+import { createConfig, http } from '@wagmi/core';
+import { mainnet } from 'viem/chains';
+
+export const config = createConfig({
+  chains: [mainnet],
+  transports: { [mainnet.id]: http() },
+});
+```
+
+Then start the sync once — there is no `walletAccount` argument, and you never
+build a connector yourself:
+
+```ts
+import { setSelectedWalletAccount } from '@dynamic-labs-sdk/client';
+import { syncDynamicWagmi } from '@dynamic-labs-sdk/wagmi';
+
+const stopSync = syncDynamicWagmi({ config });
+
+// When you're done (teardown / logout):
+stopSync();
+```
+
+It can start before the user has a wallet: wagmi stays disconnected until an EVM
+wallet account is selected.
+
+If you use multiple Dynamic clients, pass the client as the second argument:
+
+```ts
+const stopSync = syncDynamicWagmi({ config }, client);
+```
+
+### Switching the target wallet account
+
+Switching is a Dynamic call — no wagmi code:
+
+```ts
+import { setSelectedWalletAccount } from '@dynamic-labs-sdk/client';
+
+// wagmi re-points to nextWalletAccount automatically.
+await setSelectedWalletAccount({ walletAccount: nextWalletAccount });
+```
+
+### Pinning wagmi to one specific account
+
+If you want wagmi on an account of your choosing rather than Dynamic's selected
+one, build the connector yourself. The wallet provider is derived from the
+account, so you only ever pass the account:
+
+```ts
+import { connect, disconnect, getConnections } from '@wagmi/core';
+import { createDynamicWagmiConnector } from '@dynamic-labs-sdk/wagmi';
+
+await connect(config, {
+  connector: createDynamicWagmiConnector({ walletAccount }),
+});
+
+// Dynamic-backed connectors carry `type: 'dynamic'`, so you can disconnect
+// yours by name and leave connections your app made elsewhere untouched.
+const dynamicConnections = getConnections(config).filter(
+  (connection) => connection.connector.type === 'dynamic'
+);
+
+for (const { connector } of dynamicConnections) {
+  await disconnect(config, { connector });
+}
+```
+
+This connector is bound to that single account and does not react to
+`setSelectedWalletAccount(...)`; to point it elsewhere, disconnect it and connect
+a connector built for the other account.
+
+If you use multiple Dynamic clients, pass the client as the second argument:
+
+```ts
+const connector = createDynamicWagmiConnector({ walletAccount }, client);
+```
+
+## React
+
+`SyncDynamicWagmi` (or the `useSyncDynamicWagmi` hook) is the React wrapper
+around `syncDynamicWagmi` — it runs the sync for the component's lifetime. It
+watches Dynamic's **selected** EVM wallet account and drives wagmi's `connect` /
+`disconnect` for you whenever that selection changes — login, wallet switch, or
+logout. You do **not** pass a `walletAccount`, and you never build a connector
+yourself.
+
+The payoff: call Dynamic's `setSelectedWalletAccount(...)` anywhere in your app
+and wagmi follows automatically — `useAccount` and friends re-point to the newly
+selected account with no extra wiring. Dynamic stays the source of truth; wagmi
+is a read-only mirror. It renders nothing.
+
+```tsx
+import { DynamicProvider } from '@dynamic-labs-sdk/react-hooks';
+import { SyncDynamicWagmi } from '@dynamic-labs-sdk/wagmi/react';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { WagmiProvider, createConfig, http } from 'wagmi';
+import { mainnet } from 'wagmi/chains';
+
+// Your Dynamic client, created once via createDynamicClient(...).
+import { client } from './dynamicClient';
+
+// Dynamic handles wallet discovery, so disable wagmi's own injected discovery.
+const config = createConfig({
+  chains: [mainnet],
+  multiInjectedProviderDiscovery: false,
+  transports: { [mainnet.id]: http() },
+});
+
+const queryClient = new QueryClient();
+
+// DynamicProvider makes the client available to the rest of Dynamic's React
+// hooks (useUser, useGetWalletAccounts, ...). SyncDynamicWagmi uses the same
+// client to keep wagmi in sync.
+export const Providers = ({ children }) => (
+  <DynamicProvider client={client}>
+    <WagmiProvider config={config}>
+      <QueryClientProvider client={queryClient}>
+        <SyncDynamicWagmi config={config} />
+        {children}
+      </QueryClientProvider>
+    </WagmiProvider>
+  </DynamicProvider>
+);
+```
+
+Once mounted, any wagmi hook mirrors the selected Dynamic wallet, and switching
+accounts is just a Dynamic call — no wagmi code:
+
+```tsx
+import { setSelectedWalletAccount } from '@dynamic-labs-sdk/client';
+import { useAccount } from 'wagmi';
+
+const { address, isConnected } = useAccount();
+
+// wagmi re-points to nextWalletAccount automatically.
+await setSelectedWalletAccount({ walletAccount: nextWalletAccount });
+```
+
+The hook is also available directly:
+
+```tsx
+import { useSyncDynamicWagmi } from '@dynamic-labs-sdk/wagmi/react';
+
+useSyncDynamicWagmi({ config });
+```
+
+## What's supported
+
+- `connect` / `disconnect`
+- `getAccounts` / `getChainId` / `isAuthorized`
+- `switchChain`
+- Forwarding Dynamic wallet events (account change, network change, disconnect)
+  to wagmi.
+
+## Notes & limitations
+
+- v1 bridges a single EVM account at a time (the selected one when syncing, the
+  one you pass otherwise). Bridging multiple EVM accounts simultaneously is a
+  follow-up — let us know if you need this feature.
+- Only EVM wallet accounts are bridged. Selecting a non-EVM wallet account (e.g.
+  Solana) leaves wagmi disconnected until an EVM wallet account is selected
+  again.
+- Not every Dynamic wallet provider can change networks. When the underlying
+  provider cannot, `switchChain` — and `connect(config, { connector, chainId })`
+  with a chain other than the wallet's current one — rejects with wagmi's
+  `SwitchChainNotSupportedError` instead of silently staying on the old network.

package/dist/createDynamicWagmiConnector/createDynamicWagmiConnector.d.ts

@@ -0,0 +1,66 @@
+import type { EvmWalletAccount, EvmWalletProvider } from '@dynamic-labs-sdk/evm';
+import type { CreateConnectorFn } from '@wagmi/core';
+/**
+ * Parameters for {@link createDynamicWagmiConnector}.
+ *
+ * @example
+ * ```ts
+ * const params: CreateDynamicWagmiConnectorParams = { walletAccount };
+ * ```
+ * @see {@link createDynamicWagmiConnector}
+ * @see {@link EvmWalletAccount}
+ */
+export type CreateDynamicWagmiConnectorParams = {
+    /**
+     * The Dynamic EVM wallet account to expose as a wagmi connector. The
+     * underlying wallet provider (embedded/OTP or external) is derived from it,
+     * so callers never pass a provider directly.
+     */
+    walletAccount: EvmWalletAccount;
+};
+/**
+ * Bridges a Dynamic EVM wallet account into a wagmi connector so it can drive
+ * the entire wagmi/viem hook ecosystem (`useAccount`, `useSendTransaction`,
+ * `useReadContract`, …) while Dynamic remains the source of truth for wallet
+ * state.
+ *
+ * The connector derives the EVM wallet provider from the account and reuses the
+ * SDK's own viem integration (`createWalletClientForWalletAccount`) so custom
+ * wallet clients (e.g. smart accounts) keep working. Wallet events emitted by
+ * the provider (account / network / disconnect) are forwarded to wagmi so its
+ * cache stays in sync.
+ *
+ * This is the low-level primitive: it bridges the one account you pass in and
+ * never follows Dynamic's selected account on its own. To have wagmi track
+ * Dynamic's selection automatically, use `syncDynamicWagmi` (vanilla JS) or
+ * `useSyncDynamicWagmi` / `SyncDynamicWagmi` (React, in
+ * `@dynamic-labs-sdk/wagmi/react`), both of which build this connector for you.
+ *
+ * @example
+ * ```ts
+ * // Create the wagmi config once at startup, with no Dynamic connector.
+ * const config = createConfig({ chains, transports });
+ *
+ * // Once the user has a Dynamic EVM wallet account, build the connector and
+ * // connect. `connect` accepts a connector function, so the config is untouched.
+ * const connector = createDynamicWagmiConnector({ walletAccount });
+ * await connect(config, { connector });
+ * ```
+ *
+ * Not every Dynamic wallet provider can change networks: when the underlying
+ * provider has no `switchActiveNetwork`, `switchChain` (and `connect` with a
+ * `chainId` that differs from the wallet's active network) rejects with wagmi's
+ * `SwitchChainNotSupportedError` rather than pretending the switch happened.
+ *
+ * @param params.walletAccount - The Dynamic EVM wallet account to bridge.
+ * @param [client] - The Dynamic client instance. Only required when using multiple Dynamic clients.
+ * @returns A wagmi `CreateConnectorFn` to pass to `connect(config, { connector })`.
+ * @throws {@link NotEvmWalletAccountError} when the account does not resolve to an EVM wallet provider.
+ * @throws `SwitchChainNotSupportedError` when a network switch is requested and the wallet provider cannot switch networks.
+ * @see {@link syncDynamicWagmi}
+ * @see {@link useSyncDynamicWagmi}
+ * @see {@link NotEvmWalletAccountError}
+ * @notInstrumented
+ */
+export declare const createDynamicWagmiConnector: ({ walletAccount }: CreateDynamicWagmiConnectorParams, client?: import("@dynamic-labs-sdk/client").DynamicClient) => CreateConnectorFn<EvmWalletProvider>;
+//# sourceMappingURL=createDynamicWagmiConnector.d.ts.map

package/dist/createDynamicWagmiConnector/createDynamicWagmiConnector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDynamicWagmiConnector.d.ts","sourceRoot":"","sources":["../../src/createDynamicWagmiConnector/createDynamicWagmiConnector.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,uBAAuB,CAAC;AAQ/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAiBrD;;;;;;;;;GASG;AACH,MAAM,MAAM,iCAAiC,GAAG;IAC9C;;;;OAIG;IACH,aAAa,EAAE,gBAAgB,CAAC;CACjC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,eAAO,MAAM,2BAA2B,sBACnB,iCAAiC,gEAEnD,iBAAiB,CAAC,iBAAiB,CAgPlC,CAAC"}

package/dist/createDynamicWagmiConnector/index.d.ts

@@ -0,0 +1,3 @@
+export { createDynamicWagmiConnector } from './createDynamicWagmiConnector';
+export type { CreateDynamicWagmiConnectorParams } from './createDynamicWagmiConnector';
+//# sourceMappingURL=index.d.ts.map

package/dist/createDynamicWagmiConnector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/createDynamicWagmiConnector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,YAAY,EAAE,iCAAiC,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/errors/NotEvmWalletAccountError/NotEvmWalletAccountError.d.ts

@@ -0,0 +1,23 @@
+import { BaseError } from '@dynamic-labs-sdk/client';
+/**
+ * Thrown when a wallet account passed to the wagmi bridge does not resolve to
+ * an EVM wallet provider. wagmi/viem only speak EVM, so non-EVM accounts
+ * (Solana, Sui, etc.) cannot be surfaced as a wagmi connector.
+ *
+ * @example
+ * ```ts
+ * try {
+ *   createDynamicWagmiConnector({ walletAccount });
+ * } catch (error) {
+ *   if (error instanceof NotEvmWalletAccountError) {
+ *     // the account is not an EVM account
+ *   }
+ * }
+ * ```
+ * @see {@link createDynamicWagmiConnector}
+ * @see {@link isEvmWalletProvider}
+ */
+export declare class NotEvmWalletAccountError extends BaseError {
+    constructor(address: string);
+}
+//# sourceMappingURL=NotEvmWalletAccountError.d.ts.map

package/dist/errors/NotEvmWalletAccountError/NotEvmWalletAccountError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotEvmWalletAccountError.d.ts","sourceRoot":"","sources":["../../../src/errors/NotEvmWalletAccountError/NotEvmWalletAccountError.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAAa,wBAAyB,SAAQ,SAAS;gBAEzC,OAAO,EAAE,MAAM;CAS5B"}

package/dist/errors/NotEvmWalletAccountError/index.d.ts

@@ -0,0 +1,2 @@
+export { NotEvmWalletAccountError } from './NotEvmWalletAccountError';
+//# sourceMappingURL=index.d.ts.map

package/dist/errors/NotEvmWalletAccountError/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/errors/NotEvmWalletAccountError/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/exports/index.d.ts

@@ -0,0 +1,6 @@
+export { createDynamicWagmiConnector } from '../createDynamicWagmiConnector';
+export type { CreateDynamicWagmiConnectorParams } from '../createDynamicWagmiConnector';
+export { syncDynamicWagmi } from '../syncDynamicWagmi';
+export type { SyncDynamicWagmiParams } from '../syncDynamicWagmi';
+export { NotEvmWalletAccountError } from '../errors/NotEvmWalletAccountError';
+//# sourceMappingURL=index.d.ts.map

package/dist/exports/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/exports/index.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAC7E,YAAY,EAAE,iCAAiC,EAAE,MAAM,gCAAgC,CAAC;AACxF,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAC"}

package/dist/exports/react.d.ts

@@ -0,0 +1,5 @@
+export { SyncDynamicWagmi } from '../react/SyncDynamicWagmi';
+export type { SyncDynamicWagmiProps } from '../react/SyncDynamicWagmi';
+export { useSyncDynamicWagmi } from '../react/useSyncDynamicWagmi';
+export type { UseSyncDynamicWagmiParams } from '../react/useSyncDynamicWagmi';
+//# sourceMappingURL=react.d.ts.map

package/dist/exports/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/exports/react.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,YAAY,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,YAAY,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/index.cjs

@@ -0,0 +1,11 @@
+const require_syncDynamicWagmi = require('./syncDynamicWagmi-CkgWtmHt.cjs');
+let _dynamic_labs_sdk_assert_package_version = require("@dynamic-labs-sdk/assert-package-version");
+
+//#region src/exports/index.ts
+(0, _dynamic_labs_sdk_assert_package_version.assertPackageVersion)(require_syncDynamicWagmi.name, require_syncDynamicWagmi.version);
+
+//#endregion
+exports.NotEvmWalletAccountError = require_syncDynamicWagmi.NotEvmWalletAccountError;
+exports.createDynamicWagmiConnector = require_syncDynamicWagmi.createDynamicWagmiConnector;
+exports.syncDynamicWagmi = require_syncDynamicWagmi.syncDynamicWagmi;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["packageName","packageVersion"],"sources":["../src/exports/index.ts"],"sourcesContent":["import { assertPackageVersion } from '@dynamic-labs-sdk/assert-package-version';\n\nimport {\n  name as packageName,\n  version as packageVersion,\n} from '../../package.json';\nassertPackageVersion(packageName, packageVersion);\n\nexport { createDynamicWagmiConnector } from '../createDynamicWagmiConnector';\nexport type { CreateDynamicWagmiConnectorParams } from '../createDynamicWagmiConnector';\nexport { syncDynamicWagmi } from '../syncDynamicWagmi';\nexport type { SyncDynamicWagmiParams } from '../syncDynamicWagmi';\nexport { NotEvmWalletAccountError } from '../errors/NotEvmWalletAccountError';\n"],"mappings":";;;;mEAMqBA,+BAAaC,iCAAe"}

package/dist/index.esm.js

@@ -0,0 +1,9 @@
+import { a as version, i as name, n as createDynamicWagmiConnector, r as NotEvmWalletAccountError, t as syncDynamicWagmi } from "./syncDynamicWagmi-4t63--sw.esm.js";
+import { assertPackageVersion } from "@dynamic-labs-sdk/assert-package-version";
+
+//#region src/exports/index.ts
+assertPackageVersion(name, version);
+
+//#endregion
+export { NotEvmWalletAccountError, createDynamicWagmiConnector, syncDynamicWagmi };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","names":["packageName","packageVersion"],"sources":["../src/exports/index.ts"],"sourcesContent":["import { assertPackageVersion } from '@dynamic-labs-sdk/assert-package-version';\n\nimport {\n  name as packageName,\n  version as packageVersion,\n} from '../../package.json';\nassertPackageVersion(packageName, packageVersion);\n\nexport { createDynamicWagmiConnector } from '../createDynamicWagmiConnector';\nexport type { CreateDynamicWagmiConnectorParams } from '../createDynamicWagmiConnector';\nexport { syncDynamicWagmi } from '../syncDynamicWagmi';\nexport type { SyncDynamicWagmiParams } from '../syncDynamicWagmi';\nexport { NotEvmWalletAccountError } from '../errors/NotEvmWalletAccountError';\n"],"mappings":";;;;AAMA,qBAAqBA,MAAaC,QAAe"}

package/dist/react/SyncDynamicWagmi/SyncDynamicWagmi.d.ts

@@ -0,0 +1,37 @@
+import type { DynamicClient } from '@dynamic-labs-sdk/client';
+import type { Config } from '@wagmi/core';
+import type { FC } from 'react';
+export type SyncDynamicWagmiProps = {
+    /**
+     * The Dynamic client instance. Only required when using multiple Dynamic
+     * clients.
+     */
+    client?: DynamicClient;
+    /**
+     * The wagmi config to keep in sync with Dynamic's selected EVM wallet account.
+     */
+    config: Config;
+};
+/**
+ * Drop-in component that keeps a wagmi `Config` in sync with Dynamic's selected
+ * EVM wallet account. Renders nothing.
+ *
+ * Place it inside your `DynamicProvider` / `WagmiProvider` /
+ * `QueryClientProvider` tree so the wagmi hooks mirror Dynamic's wallet state.
+ *
+ * @example
+ * ```tsx
+ * <DynamicProvider client={client}>
+ *   <WagmiProvider config={config}>
+ *     <QueryClientProvider client={queryClient}>
+ *       <SyncDynamicWagmi config={config} />
+ *       <App />
+ *     </QueryClientProvider>
+ *   </WagmiProvider>
+ * </DynamicProvider>
+ * ```
+ *
+ * @notInstrumented
+ */
+export declare const SyncDynamicWagmi: FC<SyncDynamicWagmiProps>;
+//# sourceMappingURL=SyncDynamicWagmi.d.ts.map

package/dist/react/SyncDynamicWagmi/SyncDynamicWagmi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SyncDynamicWagmi.d.ts","sourceRoot":"","sources":["../../../src/react/SyncDynamicWagmi/SyncDynamicWagmi.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAOtD,CAAC"}

package/dist/react/SyncDynamicWagmi/index.d.ts

@@ -0,0 +1,3 @@
+export { SyncDynamicWagmi } from './SyncDynamicWagmi';
+export type { SyncDynamicWagmiProps } from './SyncDynamicWagmi';
+//# sourceMappingURL=index.d.ts.map

package/dist/react/SyncDynamicWagmi/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/SyncDynamicWagmi/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/react/useSyncDynamicWagmi/index.d.ts

@@ -0,0 +1,3 @@
+export { useSyncDynamicWagmi } from './useSyncDynamicWagmi';
+export type { UseSyncDynamicWagmiParams } from './useSyncDynamicWagmi';
+//# sourceMappingURL=index.d.ts.map

package/dist/react/useSyncDynamicWagmi/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/useSyncDynamicWagmi/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/react/useSyncDynamicWagmi/useSyncDynamicWagmi.d.ts

@@ -0,0 +1,29 @@
+import type { Config } from '@wagmi/core';
+export type UseSyncDynamicWagmiParams = {
+    /**
+     * The wagmi config to keep in sync with Dynamic's selected EVM wallet account.
+     */
+    config: Config;
+};
+/**
+ * Keeps a wagmi `Config` in sync with Dynamic's selected EVM wallet account.
+ *
+ * Whenever the selected EVM account changes (login, wallet switch, logout),
+ * wagmi's `connect` / `disconnect` are driven so `useAccount` and the rest of
+ * the wagmi hooks mirror Dynamic. Dynamic stays the source of truth; wagmi is a
+ * read-only mirror.
+ *
+ * This is a thin React wrapper around the vanilla `syncDynamicWagmi`: the effect
+ * only starts the sync on mount and stops it (unsubscribe + disconnect) on
+ * unmount or when `config` / `client` change. All sync logic lives in
+ * `syncDynamicWagmi`. Prefer the `SyncDynamicWagmi` component if you just want to
+ * drop it into your tree.
+ *
+ * @param params.config - The wagmi config to synchronize.
+ * @param [client] - The Dynamic client instance. Only required when using
+ * multiple Dynamic clients.
+ * @see {@link syncDynamicWagmi}
+ * @notInstrumented
+ */
+export declare const useSyncDynamicWagmi: ({ config }: UseSyncDynamicWagmiParams, client?: import("@dynamic-labs-sdk/client").DynamicClient) => void;
+//# sourceMappingURL=useSyncDynamicWagmi.d.ts.map

package/dist/react/useSyncDynamicWagmi/useSyncDynamicWagmi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSyncDynamicWagmi.d.ts","sourceRoot":"","sources":["../../../src/react/useSyncDynamicWagmi/useSyncDynamicWagmi.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAK1C,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,mBAAmB,eAClB,yBAAyB,gEAEpC,IAEF,CAAC"}

package/dist/react.cjs

@@ -0,0 +1,66 @@
+const require_syncDynamicWagmi = require('./syncDynamicWagmi-CkgWtmHt.cjs');
+let _dynamic_labs_sdk_assert_package_version = require("@dynamic-labs-sdk/assert-package-version");
+let _dynamic_labs_sdk_client = require("@dynamic-labs-sdk/client");
+let react = require("react");
+
+//#region src/react/useSyncDynamicWagmi/useSyncDynamicWagmi.ts
+/**
+* Keeps a wagmi `Config` in sync with Dynamic's selected EVM wallet account.
+*
+* Whenever the selected EVM account changes (login, wallet switch, logout),
+* wagmi's `connect` / `disconnect` are driven so `useAccount` and the rest of
+* the wagmi hooks mirror Dynamic. Dynamic stays the source of truth; wagmi is a
+* read-only mirror.
+*
+* This is a thin React wrapper around the vanilla `syncDynamicWagmi`: the effect
+* only starts the sync on mount and stops it (unsubscribe + disconnect) on
+* unmount or when `config` / `client` change. All sync logic lives in
+* `syncDynamicWagmi`. Prefer the `SyncDynamicWagmi` component if you just want to
+* drop it into your tree.
+*
+* @param params.config - The wagmi config to synchronize.
+* @param [client] - The Dynamic client instance. Only required when using
+* multiple Dynamic clients.
+* @see {@link syncDynamicWagmi}
+* @notInstrumented
+*/
+const useSyncDynamicWagmi = ({ config }, client = (0, _dynamic_labs_sdk_client.getDefaultClient)()) => {
+	(0, react.useEffect)(() => require_syncDynamicWagmi.syncDynamicWagmi({ config }, client), [config, client]);
+};
+
+//#endregion
+//#region src/react/SyncDynamicWagmi/SyncDynamicWagmi.tsx
+/**
+* Drop-in component that keeps a wagmi `Config` in sync with Dynamic's selected
+* EVM wallet account. Renders nothing.
+*
+* Place it inside your `DynamicProvider` / `WagmiProvider` /
+* `QueryClientProvider` tree so the wagmi hooks mirror Dynamic's wallet state.
+*
+* @example
+* ```tsx
+* <DynamicProvider client={client}>
+*   <WagmiProvider config={config}>
+*     <QueryClientProvider client={queryClient}>
+*       <SyncDynamicWagmi config={config} />
+*       <App />
+*     </QueryClientProvider>
+*   </WagmiProvider>
+* </DynamicProvider>
+* ```
+*
+* @notInstrumented
+*/
+const SyncDynamicWagmi = ({ config, client }) => {
+	useSyncDynamicWagmi({ config }, client);
+	return null;
+};
+
+//#endregion
+//#region src/exports/react.ts
+(0, _dynamic_labs_sdk_assert_package_version.assertPackageVersion)(require_syncDynamicWagmi.name, require_syncDynamicWagmi.version);
+
+//#endregion
+exports.SyncDynamicWagmi = SyncDynamicWagmi;
+exports.useSyncDynamicWagmi = useSyncDynamicWagmi;
+//# sourceMappingURL=react.cjs.map

package/dist/react.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.cjs","names":["syncDynamicWagmi","SyncDynamicWagmi: FC<SyncDynamicWagmiProps>","packageName","packageVersion"],"sources":["../src/react/useSyncDynamicWagmi/useSyncDynamicWagmi.ts","../src/react/SyncDynamicWagmi/SyncDynamicWagmi.tsx","../src/exports/react.ts"],"sourcesContent":["import { getDefaultClient } from '@dynamic-labs-sdk/client';\nimport type { Config } from '@wagmi/core';\nimport { useEffect } from 'react';\n\nimport { syncDynamicWagmi } from '../../syncDynamicWagmi';\n\nexport type UseSyncDynamicWagmiParams = {\n  /**\n   * The wagmi config to keep in sync with Dynamic's selected EVM wallet account.\n   */\n  config: Config;\n};\n\n/**\n * Keeps a wagmi `Config` in sync with Dynamic's selected EVM wallet account.\n *\n * Whenever the selected EVM account changes (login, wallet switch, logout),\n * wagmi's `connect` / `disconnect` are driven so `useAccount` and the rest of\n * the wagmi hooks mirror Dynamic. Dynamic stays the source of truth; wagmi is a\n * read-only mirror.\n *\n * This is a thin React wrapper around the vanilla `syncDynamicWagmi`: the effect\n * only starts the sync on mount and stops it (unsubscribe + disconnect) on\n * unmount or when `config` / `client` change. All sync logic lives in\n * `syncDynamicWagmi`. Prefer the `SyncDynamicWagmi` component if you just want to\n * drop it into your tree.\n *\n * @param params.config - The wagmi config to synchronize.\n * @param [client] - The Dynamic client instance. Only required when using\n * multiple Dynamic clients.\n * @see {@link syncDynamicWagmi}\n * @notInstrumented\n */\nexport const useSyncDynamicWagmi = (\n  { config }: UseSyncDynamicWagmiParams,\n  client = getDefaultClient()\n): void => {\n  useEffect(() => syncDynamicWagmi({ config }, client), [config, client]);\n};\n","import type { DynamicClient } from '@dynamic-labs-sdk/client';\nimport type { Config } from '@wagmi/core';\nimport type { FC } from 'react';\n\nimport { useSyncDynamicWagmi } from '../useSyncDynamicWagmi';\n\nexport type SyncDynamicWagmiProps = {\n  /**\n   * The Dynamic client instance. Only required when using multiple Dynamic\n   * clients.\n   */\n  client?: DynamicClient;\n  /**\n   * The wagmi config to keep in sync with Dynamic's selected EVM wallet account.\n   */\n  config: Config;\n};\n\n/**\n * Drop-in component that keeps a wagmi `Config` in sync with Dynamic's selected\n * EVM wallet account. Renders nothing.\n *\n * Place it inside your `DynamicProvider` / `WagmiProvider` /\n * `QueryClientProvider` tree so the wagmi hooks mirror Dynamic's wallet state.\n *\n * @example\n * ```tsx\n * <DynamicProvider client={client}>\n *   <WagmiProvider config={config}>\n *     <QueryClientProvider client={queryClient}>\n *       <SyncDynamicWagmi config={config} />\n *       <App />\n *     </QueryClientProvider>\n *   </WagmiProvider>\n * </DynamicProvider>\n * ```\n *\n * @notInstrumented\n */\nexport const SyncDynamicWagmi: FC<SyncDynamicWagmiProps> = ({\n  config,\n  client,\n}) => {\n  useSyncDynamicWagmi({ config }, client);\n\n  return null;\n};\n","import { assertPackageVersion } from '@dynamic-labs-sdk/assert-package-version';\n\nimport {\n  name as packageName,\n  version as packageVersion,\n} from '../../package.json';\nassertPackageVersion(packageName, packageVersion);\n\nexport { SyncDynamicWagmi } from '../react/SyncDynamicWagmi';\nexport type { SyncDynamicWagmiProps } from '../react/SyncDynamicWagmi';\nexport { useSyncDynamicWagmi } from '../react/useSyncDynamicWagmi';\nexport type { UseSyncDynamicWagmiParams } from '../react/useSyncDynamicWagmi';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAa,uBACX,EAAE,UACF,yDAA2B,KAClB;AACT,4BAAgBA,0CAAiB,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,QAAQ,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;ACEzE,MAAaC,oBAA+C,EAC1D,QACA,aACI;AACJ,qBAAoB,EAAE,QAAQ,EAAE,OAAO;AAEvC,QAAO;;;;;mECvCYC,+BAAaC,iCAAe"}

package/dist/react.esm.js

@@ -0,0 +1,65 @@
+import { a as version, i as name, t as syncDynamicWagmi } from "./syncDynamicWagmi-4t63--sw.esm.js";
+import { assertPackageVersion } from "@dynamic-labs-sdk/assert-package-version";
+import { getDefaultClient } from "@dynamic-labs-sdk/client";
+import { useEffect } from "react";
+
+//#region src/react/useSyncDynamicWagmi/useSyncDynamicWagmi.ts
+/**
+* Keeps a wagmi `Config` in sync with Dynamic's selected EVM wallet account.
+*
+* Whenever the selected EVM account changes (login, wallet switch, logout),
+* wagmi's `connect` / `disconnect` are driven so `useAccount` and the rest of
+* the wagmi hooks mirror Dynamic. Dynamic stays the source of truth; wagmi is a
+* read-only mirror.
+*
+* This is a thin React wrapper around the vanilla `syncDynamicWagmi`: the effect
+* only starts the sync on mount and stops it (unsubscribe + disconnect) on
+* unmount or when `config` / `client` change. All sync logic lives in
+* `syncDynamicWagmi`. Prefer the `SyncDynamicWagmi` component if you just want to
+* drop it into your tree.
+*
+* @param params.config - The wagmi config to synchronize.
+* @param [client] - The Dynamic client instance. Only required when using
+* multiple Dynamic clients.
+* @see {@link syncDynamicWagmi}
+* @notInstrumented
+*/
+const useSyncDynamicWagmi = ({ config }, client = getDefaultClient()) => {
+	useEffect(() => syncDynamicWagmi({ config }, client), [config, client]);
+};
+
+//#endregion
+//#region src/react/SyncDynamicWagmi/SyncDynamicWagmi.tsx
+/**
+* Drop-in component that keeps a wagmi `Config` in sync with Dynamic's selected
+* EVM wallet account. Renders nothing.
+*
+* Place it inside your `DynamicProvider` / `WagmiProvider` /
+* `QueryClientProvider` tree so the wagmi hooks mirror Dynamic's wallet state.
+*
+* @example
+* ```tsx
+* <DynamicProvider client={client}>
+*   <WagmiProvider config={config}>
+*     <QueryClientProvider client={queryClient}>
+*       <SyncDynamicWagmi config={config} />
+*       <App />
+*     </QueryClientProvider>
+*   </WagmiProvider>
+* </DynamicProvider>
+* ```
+*
+* @notInstrumented
+*/
+const SyncDynamicWagmi = ({ config, client }) => {
+	useSyncDynamicWagmi({ config }, client);
+	return null;
+};
+
+//#endregion
+//#region src/exports/react.ts
+assertPackageVersion(name, version);
+
+//#endregion
+export { SyncDynamicWagmi, useSyncDynamicWagmi };
+//# sourceMappingURL=react.esm.js.map

package/dist/react.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.esm.js","names":["SyncDynamicWagmi: FC<SyncDynamicWagmiProps>","packageName","packageVersion"],"sources":["../src/react/useSyncDynamicWagmi/useSyncDynamicWagmi.ts","../src/react/SyncDynamicWagmi/SyncDynamicWagmi.tsx","../src/exports/react.ts"],"sourcesContent":["import { getDefaultClient } from '@dynamic-labs-sdk/client';\nimport type { Config } from '@wagmi/core';\nimport { useEffect } from 'react';\n\nimport { syncDynamicWagmi } from '../../syncDynamicWagmi';\n\nexport type UseSyncDynamicWagmiParams = {\n  /**\n   * The wagmi config to keep in sync with Dynamic's selected EVM wallet account.\n   */\n  config: Config;\n};\n\n/**\n * Keeps a wagmi `Config` in sync with Dynamic's selected EVM wallet account.\n *\n * Whenever the selected EVM account changes (login, wallet switch, logout),\n * wagmi's `connect` / `disconnect` are driven so `useAccount` and the rest of\n * the wagmi hooks mirror Dynamic. Dynamic stays the source of truth; wagmi is a\n * read-only mirror.\n *\n * This is a thin React wrapper around the vanilla `syncDynamicWagmi`: the effect\n * only starts the sync on mount and stops it (unsubscribe + disconnect) on\n * unmount or when `config` / `client` change. All sync logic lives in\n * `syncDynamicWagmi`. Prefer the `SyncDynamicWagmi` component if you just want to\n * drop it into your tree.\n *\n * @param params.config - The wagmi config to synchronize.\n * @param [client] - The Dynamic client instance. Only required when using\n * multiple Dynamic clients.\n * @see {@link syncDynamicWagmi}\n * @notInstrumented\n */\nexport const useSyncDynamicWagmi = (\n  { config }: UseSyncDynamicWagmiParams,\n  client = getDefaultClient()\n): void => {\n  useEffect(() => syncDynamicWagmi({ config }, client), [config, client]);\n};\n","import type { DynamicClient } from '@dynamic-labs-sdk/client';\nimport type { Config } from '@wagmi/core';\nimport type { FC } from 'react';\n\nimport { useSyncDynamicWagmi } from '../useSyncDynamicWagmi';\n\nexport type SyncDynamicWagmiProps = {\n  /**\n   * The Dynamic client instance. Only required when using multiple Dynamic\n   * clients.\n   */\n  client?: DynamicClient;\n  /**\n   * The wagmi config to keep in sync with Dynamic's selected EVM wallet account.\n   */\n  config: Config;\n};\n\n/**\n * Drop-in component that keeps a wagmi `Config` in sync with Dynamic's selected\n * EVM wallet account. Renders nothing.\n *\n * Place it inside your `DynamicProvider` / `WagmiProvider` /\n * `QueryClientProvider` tree so the wagmi hooks mirror Dynamic's wallet state.\n *\n * @example\n * ```tsx\n * <DynamicProvider client={client}>\n *   <WagmiProvider config={config}>\n *     <QueryClientProvider client={queryClient}>\n *       <SyncDynamicWagmi config={config} />\n *       <App />\n *     </QueryClientProvider>\n *   </WagmiProvider>\n * </DynamicProvider>\n * ```\n *\n * @notInstrumented\n */\nexport const SyncDynamicWagmi: FC<SyncDynamicWagmiProps> = ({\n  config,\n  client,\n}) => {\n  useSyncDynamicWagmi({ config }, client);\n\n  return null;\n};\n","import { assertPackageVersion } from '@dynamic-labs-sdk/assert-package-version';\n\nimport {\n  name as packageName,\n  version as packageVersion,\n} from '../../package.json';\nassertPackageVersion(packageName, packageVersion);\n\nexport { SyncDynamicWagmi } from '../react/SyncDynamicWagmi';\nexport type { SyncDynamicWagmiProps } from '../react/SyncDynamicWagmi';\nexport { useSyncDynamicWagmi } from '../react/useSyncDynamicWagmi';\nexport type { UseSyncDynamicWagmiParams } from '../react/useSyncDynamicWagmi';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAa,uBACX,EAAE,UACF,SAAS,kBAAkB,KAClB;AACT,iBAAgB,iBAAiB,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,QAAQ,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;ACEzE,MAAaA,oBAA+C,EAC1D,QACA,aACI;AACJ,qBAAoB,EAAE,QAAQ,EAAE,OAAO;AAEvC,QAAO;;;;;ACvCT,qBAAqBC,MAAaC,QAAe"}

package/dist/syncDynamicWagmi/index.d.ts

@@ -0,0 +1,3 @@
+export { syncDynamicWagmi } from './syncDynamicWagmi';
+export type { SyncDynamicWagmiParams } from './syncDynamicWagmi';
+//# sourceMappingURL=index.d.ts.map

package/dist/syncDynamicWagmi/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/syncDynamicWagmi/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC"}