Merge branch 'dev' into docs

examples/test/pages/_app.tsx

@@ -10,6 +10,7 @@ import {
   WalletKitOptions,
   WalletKitProvider,
   getDefaultConfig,
+  useModal,
 } from '@totejs/walletkit';
 import { trustWallet, metaMask, walletConnect } from '@totejs/walletkit/wallets';
 import { useState } from 'react';
@@ -44,9 +45,22 @@ export default function App({ Component, pageProps }: AppProps) {
 
       <WalletKitProvider options={options} mode={mode} debugMode>
         <WalletKitButton />
+        <Example />
         <Component {...pageProps} />
         <SwitchNetworkModal />
       </WalletKitProvider>
     </WagmiConfig>
   );
 }
+
+function Example() {
+  const { onOpen, onOpenProfile, onOpenSwitchNetwork } = useModal();
+
+  return (
+    <>
+      <button onClick={onOpen}>Open Connect Modal</button>
+      <button onClick={onOpenProfile}>Open Profile Modal</button>
+      <button onClick={onOpenSwitchNetwork}>Open SwitchNetwork Modal</button>
+    </>
+  );
+}

packages/walletkit/src/components/ModalProvider/context.ts

@@ -1,8 +1,8 @@
 import React, { useContext } from 'react';
 
-export type OpenSwitchNetworkOptions = {
+export interface OpenSwitchNetworkOptions extends React.MouseEvent {
   isClosable?: boolean;
-};
+}
 
 export interface ModalContextProps {
   isClosable: boolean;

packages/walletkit/src/components/ModalProvider/index.tsx

@@ -49,8 +49,8 @@ export function ModalProvider(props: ModalProviderProps) {
           });
         }
       },
-      onOpenSwitchNetwork(options: OpenSwitchNetworkOptions = {}) {
-        const { isClosable = true } = options;
+      onOpenSwitchNetwork(options?: OpenSwitchNetworkOptions) {
+        const { isClosable = true } = options ?? {};
 
         if (isConnected) {
           router.push(routes.SWITCH_NETWORK);

packages/walletkit/src/components/WalletKitProvider/index.tsx

@@ -41,14 +41,14 @@ export const WalletKitProvider = (props: WalletKitProviderProps) => {
     const finalChains = getDefaultSupportedChains(options, chains);
 
     const finalValue: WalletKitContextProps = {
+      // eslint-disable-next-line @typescript-eslint/no-empty-function
+      log: debugMode ? console.log : () => {},
       options: finalOptions,
       supportedChains: finalChains,
       connectRole,
       setConnectRole,
       selectedConnector,
       setSelectedConnector,
-      // eslint-disable-next-line @typescript-eslint/no-empty-function
-      log: debugMode ? console.log : () => {},
     };
     return finalValue;
   }, [options, chains, connectRole, selectedConnector, debugMode]);

packages/walletkit/src/hooks/useConnectors.ts

@@ -1,4 +1,4 @@
-import { Connector, useConnect } from 'wagmi';
+import { useConnect } from 'wagmi';
 
 export function useConnectors() {
   const { connectors } = useConnect();
@@ -7,5 +7,5 @@ export function useConnectors() {
 
 export function useConnector(id: string) {
   const connectors = useConnectors();
-  return connectors.find((c) => c.id === id) as Connector;
+  return connectors.find((c) => c.id === id);
 }

packages/walletkit/vite.config.ts

@@ -15,7 +15,7 @@ export default defineConfig({
     dts(),
   ],
   build: {
-    target: 'es2020',
+    target: 'esnext',
     minify: false,
     lib: {
       formats: ['es'],
@@ -27,6 +27,9 @@ export default defineConfig({
     rollupOptions: {
       external: ['react', 'react-dom', 'viem', 'wagmi', 'qrcode'],
       plugins: [peerDepsExternal(), nodeResolve()],
+      output: {
+        chunkFileNames: 'common.js',
+      },
     },
   },
 });