Merge pull request #28 from EveripediaNetwork/fix-updated-imports-pea…

…r-deps-and-docs

updated imports pear deps and docs

.changeset/silver-ghosts-beam.md

@@ -0,0 +1,5 @@
+---
+"@everipedia/iq-login": patch
+---
+
+updated imports pear deps and docs

README.md

@@ -9,7 +9,7 @@
 To install the package, run:
 
 ```bash
-pnpm install @everipedia/iq-login [email protected] [email protected]
+pnpm install @everipedia/iq-login [email protected] [email protected] @rainbow-me/[email protected]
 ```
 
 ## 🛠️ Setup
@@ -59,9 +59,10 @@ export default function RootLayout({
 }
 ```
 
-4. Add login page to your application.
+4. Add login page to your application. Note: You need to import rainbowkit styles in your application.
 ```tsx
 import { Login } from '@everipedia/iq-login';
+import "@rainbow-me/rainbowkit/styles.css";
 
 // In your component or page
 const LoginPage = () => {

package.json

@@ -21,7 +21,6 @@
 	"dependencies": {
 		"@changesets/cli": "^2.24.0",
 		"@everipedia/web3-signer": "^0.0.13",
-		"@rainbow-me/rainbowkit": "^2.1.4",
 		"@web3auth/base": "^8.12.4",
 		"@web3auth/ethereum-provider": "^8.12.4",
 		"@web3auth/modal": "^8.12.6",
@@ -43,14 +42,16 @@
 		"wagmi": "^2.12.4",
 		"@types/react": "^18.3.5",
 		"react": "^18.3.1",
-		"@tanstack/react-query": "^5.53.1"
+		"@tanstack/react-query": "^5.53.1",
+		"@rainbow-me/rainbowkit": "^2.1.4"
 	},
 	"peerDependencies": {
 		"viem": "2.x",
 		"wagmi": "^2.12.4",
 		"react": "^18.0.0",
 		"react-dom": "^18.0.0",
-		"@tanstack/react-query": "^5.53.1"
+		"@tanstack/react-query": "^5.53.1",
+		"@rainbow-me/rainbowkit": "^2.1.4"
 	},
 	"files": [
 		"dist",

src/lib/integrations/web3-auth-connector.ts

@@ -4,7 +4,7 @@ import {
 	CHAIN_NAMESPACES,
 	WEB3AUTH_NETWORK,
 } from "@web3auth/base";
-import ethereumProvider from "@web3auth/ethereum-provider";
+import { EthereumPrivateKeyProvider } from "@web3auth/ethereum-provider";
 import { Web3Auth } from "@web3auth/modal";
 import { WalletServicesPlugin } from "@web3auth/wallet-services-plugin";
 import { Web3AuthConnector } from "@web3auth/web3auth-wagmi-connector";
@@ -32,7 +32,7 @@ export const rainbowWeb3AuthConnector = ({
 		blockExplorerUrl: chain.blockExplorers?.default.url[0] as string,
 	};
 
-	const privateKeyProvider = new ethereumProvider.EthereumPrivateKeyProvider({
+	const privateKeyProvider = new EthereumPrivateKeyProvider({
 		config: { chainConfig },
 	});