From 75ebd204b6de47ef5e6a8eb14223efa3cbcc04eb Mon Sep 17 00:00:00 2001
From: Govard Barkhatov <gbarkhatov@gmail.com>
Date: Wed, 18 Dec 2024 16:12:59 +0200
Subject: [PATCH 1/6] connect story

---
 package-lock.json                             |   1 +
 src/components/TermsOfService/index.tsx       |   2 +-
 .../WalletProvider/index.stories.tsx          | 217 +++++++++++++++++-
 3 files changed, 218 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 4366598..1653ab4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2345,6 +2345,7 @@
       "version": "0.22.1",
       "resolved": "https://registry.npmjs.org/@keystonehq/sdk/-/sdk-0.22.1.tgz",
       "integrity": "sha512-yBX2L3ieoZ1llj8Ocsiu+doDP+XtoI8oUPkv50oP3aBnzqM0IBsL46upWIVUWt5DucHAdGLGcVx9FxR9sQYZBw==",
+      "license": "ISC",
       "dependencies": {
         "@ngraveio/bc-ur": "^1.0.0",
         "@yudiel/react-qr-scanner": "2.0.0-beta.3",
diff --git a/src/components/TermsOfService/index.tsx b/src/components/TermsOfService/index.tsx
index 2fa382e..e0ab392 100644
--- a/src/components/TermsOfService/index.tsx
+++ b/src/components/TermsOfService/index.tsx
@@ -31,7 +31,7 @@ export function TermsOfService({ className, onClose, onSubmit }: Props) {
   return (
     <div className={twMerge("b-flex b-flex-1 b-flex-col", className)}>
       <DialogHeader className="b-mb-10" title="Connect Wallets" onClose={onClose}>
-        <Text>Subtitle</Text>
+        <Text>Please read and accept the following terms</Text>
       </DialogHeader>
 
       <DialogBody>
diff --git a/src/components/WalletProvider/index.stories.tsx b/src/components/WalletProvider/index.stories.tsx
index 3d69bca..07be98f 100644
--- a/src/components/WalletProvider/index.stories.tsx
+++ b/src/components/WalletProvider/index.stories.tsx
@@ -1,6 +1,9 @@
-import { Button, ScrollLocker } from "@babylonlabs-io/bbn-core-ui";
+import { Button, ScrollLocker, Text } from "@babylonlabs-io/bbn-core-ui";
 import type { Meta, StoryObj } from "@storybook/react";
+import { useEffect, useState } from "react";
 
+import { useChainProviders } from "@/context/Chain.context";
+import { IBTCProvider } from "@/core/types";
 import { useWidgetState } from "@/hooks/useWidgetState";
 
 import { config } from "./constants";
@@ -34,3 +37,215 @@ export const Default: Story = {
     return <Button onClick={open}>Connect Wallet</Button>;
   },
 };
+
+export const WithConnectedData: Story = {
+  args: {
+    onError: console.log,
+  },
+  decorators: [
+    (Story) => (
+      <ScrollLocker>
+        <WalletProvider context={window.parent} config={config} onError={console.log}>
+          <Story />
+        </WalletProvider>
+      </ScrollLocker>
+    ),
+  ],
+  render: () => {
+    const { open } = useWidgetState();
+    const [walletData, setWalletData] = useState<{
+      BTC?: { address: string; publicKeyHex: string };
+      BBN?: { address: string; publicKeyHex: string };
+    }>({});
+    const connectors = useChainProviders();
+
+    useEffect(() => {
+      // Subscribe to connect events for both chains
+      const btcUnsub = connectors.BTC?.on("connect", async (wallet) => {
+        console.log("BTC Wallet connected", wallet);
+        if (wallet.account) {
+          const { address, publicKeyHex } = wallet.account;
+          if (address && publicKeyHex) {
+            setWalletData((prev) => ({
+              ...prev,
+              BTC: { address, publicKeyHex },
+            }));
+          }
+        }
+      });
+
+      const bbnUnsub = connectors.BBN?.on("connect", async (wallet) => {
+        console.log("BBN Wallet connected", wallet);
+        if (wallet.account) {
+          const { address, publicKeyHex } = wallet.account;
+          if (address && publicKeyHex) {
+            setWalletData((prev) => ({
+              ...prev,
+              BBN: { address, publicKeyHex },
+            }));
+          }
+        }
+      });
+
+      return () => {
+        btcUnsub?.();
+        bbnUnsub?.();
+      };
+    }, [connectors]);
+
+    return (
+      <div>
+        <Button onClick={open}>Connect Wallet</Button>
+        <div className="b-flex b-flex-col b-gap-4">
+          {walletData.BTC && (
+            <div className="b-rounded b-border b-border-secondary-main/30 b-p-4">
+              <Text variant="subtitle1" className="b-mb-2">
+                BTC Wallet
+              </Text>
+              <Text variant="body2">Address: {walletData.BTC.address}</Text>
+              <Text variant="body2">Public Key: {walletData.BTC.publicKeyHex}</Text>
+            </div>
+          )}
+
+          {walletData.BBN && (
+            <div className="b-rounded b-border b-border-secondary-main/30 b-p-4">
+              <Text variant="subtitle1" className="b-mb-2">
+                BBN Wallet
+              </Text>
+              <Text variant="body2">Address: {walletData.BBN.address}</Text>
+              <Text variant="body2">Public Key: {walletData.BBN.publicKeyHex}</Text>
+            </div>
+          )}
+        </div>
+      </div>
+    );
+  },
+};
+
+export const WithBTCSigningFeatures: Story = {
+  args: {
+    onError: console.log,
+  },
+  decorators: [
+    (Story) => (
+      <ScrollLocker>
+        <WalletProvider context={window.parent} config={config} onError={console.log}>
+          <Story />
+        </WalletProvider>
+      </ScrollLocker>
+    ),
+  ],
+  render: () => {
+    const { open } = useWidgetState();
+    const [messageToSign, setMessageToSign] = useState<string>("");
+    const [psbtToSign, setPsbtToSign] = useState<string>("");
+    const connectors = useChainProviders();
+    const [walletData, setWalletData] = useState<{
+      btcWallet?: IBTCProvider;
+      signedMessage?: string;
+      signedPsbt?: string;
+    }>({});
+
+    useEffect(() => {
+      const btcUnsub = connectors.BTC?.on("connect", async (wallet) => {
+        if (wallet.provider) {
+          setWalletData((prev) => ({
+            ...prev,
+            btcWallet: wallet.provider as IBTCProvider,
+          }));
+        }
+      });
+
+      return () => {
+        btcUnsub?.();
+      };
+    }, [connectors]);
+
+    const handleSignMessage = async () => {
+      if (!walletData.btcWallet || !messageToSign) return;
+      try {
+        const signature = await walletData.btcWallet.signMessage(messageToSign, "ecdsa");
+        console.log("handleSignMessage:", signature);
+        setWalletData((prev) => ({
+          ...prev,
+          signedMessage: signature,
+        }));
+      } catch (error) {
+        console.error("Failed to sign message:", error);
+      }
+    };
+
+    const handleSignPsbt = async () => {
+      if (!walletData.btcWallet || !psbtToSign) return;
+      try {
+        const signedPsbt = await walletData.btcWallet.signPsbt(psbtToSign);
+        console.log("handleSignPsbt:", signedPsbt);
+        setWalletData((prev) => ({
+          ...prev,
+          signedPsbt,
+        }));
+      } catch (error) {
+        console.error("Failed to sign PSBT:", error);
+      }
+    };
+
+    return (
+      <div>
+        <Button onClick={open}>Connect Wallet</Button>
+        <div className="b-flex b-flex-col b-gap-4">
+          {walletData.btcWallet && (
+            <div className="b-flex b-flex-col b-gap-4">
+              <div className="b-rounded b-border b-border-secondary-main/30 b-p-4">
+                <Text variant="subtitle1" className="b-mb-2">
+                  Sign Message
+                </Text>
+                <input
+                  type="text"
+                  value={messageToSign}
+                  onChange={(e) => setMessageToSign(e.target.value)}
+                  placeholder="Enter message to sign"
+                  className="b-mb-2 b-w-full b-rounded b-border b-p-2"
+                />
+                <Button onClick={handleSignMessage}>Sign Message</Button>
+                {walletData.signedMessage && (
+                  <div className="b-mt-2 b-flex b-items-center b-gap-2">
+                    <Text variant="body2" className="b-flex-1 b-truncate">
+                      Signed Message: {walletData.signedMessage}
+                    </Text>
+                    <Button onClick={() => setWalletData((prev) => ({ ...prev, signedMessage: undefined }))}>
+                      Delete
+                    </Button>
+                  </div>
+                )}
+              </div>
+
+              <div className="b-rounded b-border b-border-secondary-main/30 b-p-4">
+                <Text variant="subtitle1" className="b-mb-2">
+                  Sign PSBT
+                </Text>
+                <input
+                  type="text"
+                  value={psbtToSign}
+                  onChange={(e) => setPsbtToSign(e.target.value)}
+                  placeholder="Enter PSBT hex"
+                  className="b-mb-2 b-w-full b-rounded b-border b-p-2"
+                />
+                <Button onClick={handleSignPsbt}>Sign PSBT</Button>
+                {walletData.signedPsbt && (
+                  <div className="b-mt-2 b-flex b-items-center b-gap-2">
+                    <Text variant="body2" className="b-flex-1 b-truncate">
+                      Signed PSBT: {walletData.signedPsbt}
+                    </Text>
+                    <Button onClick={() => setWalletData((prev) => ({ ...prev, signedPsbt: undefined }))}>
+                      Delete
+                    </Button>
+                  </div>
+                )}
+              </div>
+            </div>
+          )}
+        </div>
+      </div>
+    );
+  },
+};

From 42aafc488e9bb27b722ee741b9ff9a85a9d42b61 Mon Sep 17 00:00:00 2001
From: Govard Barkhatov <gbarkhatov@gmail.com>
Date: Wed, 18 Dec 2024 22:32:19 +0200
Subject: [PATCH 2/6] extract transaction

---
 .../WalletProvider/index.stories.tsx          | 34 +++++++++++++++++--
 1 file changed, 31 insertions(+), 3 deletions(-)

diff --git a/src/components/WalletProvider/index.stories.tsx b/src/components/WalletProvider/index.stories.tsx
index 07be98f..fa627dc 100644
--- a/src/components/WalletProvider/index.stories.tsx
+++ b/src/components/WalletProvider/index.stories.tsx
@@ -1,5 +1,6 @@
 import { Button, ScrollLocker, Text } from "@babylonlabs-io/bbn-core-ui";
 import type { Meta, StoryObj } from "@storybook/react";
+import { Psbt } from "bitcoinjs-lib";
 import { useEffect, useState } from "react";
 
 import { useChainProviders } from "@/context/Chain.context";
@@ -137,14 +138,15 @@ export const WithBTCSigningFeatures: Story = {
   ],
   render: () => {
     const { open } = useWidgetState();
-    const [messageToSign, setMessageToSign] = useState<string>("");
-    const [psbtToSign, setPsbtToSign] = useState<string>("");
+    const [messageToSign, setMessageToSign] = useState("");
+    const [psbtToSign, setPsbtToSign] = useState("");
     const connectors = useChainProviders();
     const [walletData, setWalletData] = useState<{
       btcWallet?: IBTCProvider;
       signedMessage?: string;
       signedPsbt?: string;
     }>({});
+    const [transaction, setTransaction] = useState("");
 
     useEffect(() => {
       const btcUnsub = connectors.BTC?.on("connect", async (wallet) => {
@@ -236,11 +238,37 @@ export const WithBTCSigningFeatures: Story = {
                     <Text variant="body2" className="b-flex-1 b-truncate">
                       Signed PSBT: {walletData.signedPsbt}
                     </Text>
-                    <Button onClick={() => setWalletData((prev) => ({ ...prev, signedPsbt: undefined }))}>
+                    <Button
+                      onClick={() => {
+                        setTransaction("");
+                        setWalletData((prev) => ({ ...prev, signedPsbt: undefined }));
+                      }}
+                    >
                       Delete
                     </Button>
                   </div>
                 )}
+                {walletData.signedPsbt && (
+                  <div className="b-mt-2 b-flex b-items-center b-gap-2">
+                    <Text variant="body2" className="b-flex-1 b-truncate">
+                      Transaction: {transaction}
+                    </Text>
+                    <Button
+                      onClick={() => {
+                        if (!walletData.signedPsbt) return;
+                        try {
+                          const tx = Psbt.fromHex(walletData.signedPsbt).extractTransaction().toHex();
+                          console.log("Extracted transaction:", tx);
+                          setTransaction(tx);
+                        } catch (error) {
+                          console.error("Failed to extract transaction:", error);
+                        }
+                      }}
+                    >
+                      Extract transaction
+                    </Button>
+                  </div>
+                )}
               </div>
             </div>
           )}

From 833a0d08654a065101a83c9ea8e62e0bb426130d Mon Sep 17 00:00:00 2001
From: Govard Barkhatov <gbarkhatov@gmail.com>
Date: Thu, 19 Dec 2024 18:48:21 +0200
Subject: [PATCH 3/6] Update src/components/WalletProvider/index.stories.tsx

Co-authored-by: David Totrashvili <8580261+totraev@users.noreply.github.com>
---
 .../WalletProvider/index.stories.tsx          | 71 ++++---------------
 1 file changed, 12 insertions(+), 59 deletions(-)

diff --git a/src/components/WalletProvider/index.stories.tsx b/src/components/WalletProvider/index.stories.tsx
index fa627dc..55ef18e 100644
--- a/src/components/WalletProvider/index.stories.tsx
+++ b/src/components/WalletProvider/index.stories.tsx
@@ -38,7 +38,6 @@ export const Default: Story = {
     return <Button onClick={open}>Connect Wallet</Button>;
   },
 };
-
 export const WithConnectedData: Story = {
   args: {
     onError: console.log,
@@ -53,69 +52,23 @@ export const WithConnectedData: Story = {
     ),
   ],
   render: () => {
-    const { open } = useWidgetState();
-    const [walletData, setWalletData] = useState<{
-      BTC?: { address: string; publicKeyHex: string };
-      BBN?: { address: string; publicKeyHex: string };
-    }>({});
-    const connectors = useChainProviders();
-
-    useEffect(() => {
-      // Subscribe to connect events for both chains
-      const btcUnsub = connectors.BTC?.on("connect", async (wallet) => {
-        console.log("BTC Wallet connected", wallet);
-        if (wallet.account) {
-          const { address, publicKeyHex } = wallet.account;
-          if (address && publicKeyHex) {
-            setWalletData((prev) => ({
-              ...prev,
-              BTC: { address, publicKeyHex },
-            }));
-          }
-        }
-      });
-
-      const bbnUnsub = connectors.BBN?.on("connect", async (wallet) => {
-        console.log("BBN Wallet connected", wallet);
-        if (wallet.account) {
-          const { address, publicKeyHex } = wallet.account;
-          if (address && publicKeyHex) {
-            setWalletData((prev) => ({
-              ...prev,
-              BBN: { address, publicKeyHex },
-            }));
-          }
-        }
-      });
-
-      return () => {
-        btcUnsub?.();
-        bbnUnsub?.();
-      };
-    }, [connectors]);
+    const { open, selectedWallets } = useWidgetState();
 
     return (
       <div>
         <Button onClick={open}>Connect Wallet</Button>
         <div className="b-flex b-flex-col b-gap-4">
-          {walletData.BTC && (
-            <div className="b-rounded b-border b-border-secondary-main/30 b-p-4">
-              <Text variant="subtitle1" className="b-mb-2">
-                BTC Wallet
-              </Text>
-              <Text variant="body2">Address: {walletData.BTC.address}</Text>
-              <Text variant="body2">Public Key: {walletData.BTC.publicKeyHex}</Text>
-            </div>
-          )}
-
-          {walletData.BBN && (
-            <div className="b-rounded b-border b-border-secondary-main/30 b-p-4">
-              <Text variant="subtitle1" className="b-mb-2">
-                BBN Wallet
-              </Text>
-              <Text variant="body2">Address: {walletData.BBN.address}</Text>
-              <Text variant="body2">Public Key: {walletData.BBN.publicKeyHex}</Text>
-            </div>
+          {Object.entries(selectedWallets).map(
+            ([chainName, wallet]) =>
+              wallet?.account && (
+                <div className="b-rounded b-border b-border-secondary-main/30 b-p-4">
+                  <Text variant="subtitle1" className="b-mb-2">
+                    {chainName} Wallet
+                  </Text>
+                  <Text variant="body2">Address: {wallet.account.address}</Text>
+                  <Text variant="body2">Public Key: {wallet.account.publicKeyHex}</Text>
+                </div>
+              ),
           )}
         </div>
       </div>

From 4ff0768733cf8798854c6a6265d314bffc72b6da Mon Sep 17 00:00:00 2001
From: Govard Barkhatov <gbarkhatov@gmail.com>
Date: Thu, 19 Dec 2024 18:48:35 +0200
Subject: [PATCH 4/6] Update src/components/WalletProvider/index.stories.tsx

Co-authored-by: David Totrashvili <8580261+totraev@users.noreply.github.com>
---
 .../WalletProvider/index.stories.tsx          | 113 ++++++++----------
 1 file changed, 47 insertions(+), 66 deletions(-)

diff --git a/src/components/WalletProvider/index.stories.tsx b/src/components/WalletProvider/index.stories.tsx
index 55ef18e..d0708c1 100644
--- a/src/components/WalletProvider/index.stories.tsx
+++ b/src/components/WalletProvider/index.stories.tsx
@@ -90,55 +90,33 @@ export const WithBTCSigningFeatures: Story = {
     ),
   ],
   render: () => {
-    const { open } = useWidgetState();
+    const { open, selectedWallets } = useWidgetState();
     const [messageToSign, setMessageToSign] = useState("");
     const [psbtToSign, setPsbtToSign] = useState("");
-    const connectors = useChainProviders();
-    const [walletData, setWalletData] = useState<{
-      btcWallet?: IBTCProvider;
-      signedMessage?: string;
-      signedPsbt?: string;
-    }>({});
+    const [signedMessage, setSignedMessage] = useState("");
+    const [signedPsbt, setSignedPsbt] = useState("");
     const [transaction, setTransaction] = useState("");
 
-    useEffect(() => {
-      const btcUnsub = connectors.BTC?.on("connect", async (wallet) => {
-        if (wallet.provider) {
-          setWalletData((prev) => ({
-            ...prev,
-            btcWallet: wallet.provider as IBTCProvider,
-          }));
-        }
-      });
-
-      return () => {
-        btcUnsub?.();
-      };
-    }, [connectors]);
+    const btcProvider = selectedWallets.BTC?.provider as IBTCProvider | undefined;
 
     const handleSignMessage = async () => {
-      if (!walletData.btcWallet || !messageToSign) return;
+      if (!btcProvider || !messageToSign) return;
+
       try {
-        const signature = await walletData.btcWallet.signMessage(messageToSign, "ecdsa");
+        const signature = await btcProvider.signMessage(messageToSign, "ecdsa");
         console.log("handleSignMessage:", signature);
-        setWalletData((prev) => ({
-          ...prev,
-          signedMessage: signature,
-        }));
+        setSignedMessage(signature);
       } catch (error) {
         console.error("Failed to sign message:", error);
       }
     };
 
     const handleSignPsbt = async () => {
-      if (!walletData.btcWallet || !psbtToSign) return;
+      if (!btcProvider || !psbtToSign) return;
       try {
-        const signedPsbt = await walletData.btcWallet.signPsbt(psbtToSign);
+        const signedPsbt = await btcProvider.signPsbt(psbtToSign);
         console.log("handleSignPsbt:", signedPsbt);
-        setWalletData((prev) => ({
-          ...prev,
-          signedPsbt,
-        }));
+        setSignedPsbt(signedPsbt);
       } catch (error) {
         console.error("Failed to sign PSBT:", error);
       }
@@ -146,71 +124,74 @@ export const WithBTCSigningFeatures: Story = {
 
     return (
       <div>
-        <Button onClick={open}>Connect Wallet</Button>
+        <Button className="b-mb-4" onClick={open}>
+          Connect Wallet
+        </Button>
+
         <div className="b-flex b-flex-col b-gap-4">
-          {walletData.btcWallet && (
+          {btcProvider && (
             <div className="b-flex b-flex-col b-gap-4">
               <div className="b-rounded b-border b-border-secondary-main/30 b-p-4">
-                <Text variant="subtitle1" className="b-mb-2">
-                  Sign Message
-                </Text>
-                <input
-                  type="text"
-                  value={messageToSign}
-                  onChange={(e) => setMessageToSign(e.target.value)}
-                  placeholder="Enter message to sign"
-                  className="b-mb-2 b-w-full b-rounded b-border b-p-2"
-                />
+                <FormControl label="Sign Message" className="b-mb-2 b-py-2">
+                  <Input
+                    type="text"
+                    value={messageToSign}
+                    onChange={(e) => setMessageToSign(e.target.value)}
+                    placeholder="Enter message to sign"
+                  />
+                </FormControl>
+
                 <Button onClick={handleSignMessage}>Sign Message</Button>
-                {walletData.signedMessage && (
+
+                {signedMessage && (
                   <div className="b-mt-2 b-flex b-items-center b-gap-2">
                     <Text variant="body2" className="b-flex-1 b-truncate">
-                      Signed Message: {walletData.signedMessage}
+                      Signed Message: {signedMessage}
                     </Text>
-                    <Button onClick={() => setWalletData((prev) => ({ ...prev, signedMessage: undefined }))}>
-                      Delete
-                    </Button>
+                    <Button onClick={() => setSignedMessage("")}>Delete</Button>
                   </div>
                 )}
               </div>
 
               <div className="b-rounded b-border b-border-secondary-main/30 b-p-4">
-                <Text variant="subtitle1" className="b-mb-2">
-                  Sign PSBT
-                </Text>
-                <input
-                  type="text"
-                  value={psbtToSign}
-                  onChange={(e) => setPsbtToSign(e.target.value)}
-                  placeholder="Enter PSBT hex"
-                  className="b-mb-2 b-w-full b-rounded b-border b-p-2"
-                />
+                <FormControl label="Sign PSBT" className="b-mb-2 b-py-2">
+                  <Input
+                    type="text"
+                    value={psbtToSign}
+                    onChange={(e) => setPsbtToSign(e.target.value)}
+                    placeholder="Enter PSBT hex"
+                  />
+                </FormControl>
+
                 <Button onClick={handleSignPsbt}>Sign PSBT</Button>
-                {walletData.signedPsbt && (
+
+                {signedPsbt && (
                   <div className="b-mt-2 b-flex b-items-center b-gap-2">
                     <Text variant="body2" className="b-flex-1 b-truncate">
-                      Signed PSBT: {walletData.signedPsbt}
+                      Signed PSBT: {signedPsbt}
                     </Text>
                     <Button
                       onClick={() => {
                         setTransaction("");
-                        setWalletData((prev) => ({ ...prev, signedPsbt: undefined }));
+                        setSignedPsbt("");
                       }}
                     >
                       Delete
                     </Button>
                   </div>
                 )}
-                {walletData.signedPsbt && (
+
+                {signedPsbt && (
                   <div className="b-mt-2 b-flex b-items-center b-gap-2">
                     <Text variant="body2" className="b-flex-1 b-truncate">
                       Transaction: {transaction}
                     </Text>
                     <Button
                       onClick={() => {
-                        if (!walletData.signedPsbt) return;
+                        if (!signedPsbt) return;
+
                         try {
-                          const tx = Psbt.fromHex(walletData.signedPsbt).extractTransaction().toHex();
+                          const tx = Psbt.fromHex(signedPsbt).extractTransaction().toHex();
                           console.log("Extracted transaction:", tx);
                           setTransaction(tx);
                         } catch (error) {

From 0b89e43f159743fd7446395efe69fab3db0f7a3a Mon Sep 17 00:00:00 2001
From: Govard Barkhatov <gbarkhatov@gmail.com>
Date: Thu, 19 Dec 2024 18:48:42 +0200
Subject: [PATCH 5/6] Update src/components/WalletProvider/index.stories.tsx

Co-authored-by: David Totrashvili <8580261+totraev@users.noreply.github.com>
---
 src/components/WalletProvider/index.stories.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/WalletProvider/index.stories.tsx b/src/components/WalletProvider/index.stories.tsx
index d0708c1..41f7fd6 100644
--- a/src/components/WalletProvider/index.stories.tsx
+++ b/src/components/WalletProvider/index.stories.tsx
@@ -1,4 +1,4 @@
-import { Button, ScrollLocker, Text } from "@babylonlabs-io/bbn-core-ui";
+import { Button, FormControl, Input, ScrollLocker, Text } from "@babylonlabs-io/bbn-core-ui";
 import type { Meta, StoryObj } from "@storybook/react";
 import { Psbt } from "bitcoinjs-lib";
 import { useEffect, useState } from "react";

From 8474f67e8aa242a8fbadb93074412f5450492900 Mon Sep 17 00:00:00 2001
From: Govard Barkhatov <gbarkhatov@gmail.com>
Date: Thu, 19 Dec 2024 19:00:11 +0200
Subject: [PATCH 6/6] rm unused impors

---
 package-lock.json                             | 284 +++++++++---------
 .../WalletProvider/index.stories.tsx          |   3 +-
 2 files changed, 145 insertions(+), 142 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 1653ab4..6877030 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@babylonlabs-io/bbn-wallet-connect",
-  "version": "0.1.22",
+  "version": "0.1.23",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@babylonlabs-io/bbn-wallet-connect",
-      "version": "0.1.22",
+      "version": "0.1.23",
       "dependencies": {
         "@bitcoin-js/tiny-secp256k1-asmjs": "^2.2.3",
         "@cosmjs/stargate": "^0.32.4",
@@ -412,9 +412,9 @@
       }
     },
     "node_modules/@babylonlabs-io/bbn-core-ui": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/@babylonlabs-io/bbn-core-ui/-/bbn-core-ui-0.6.1.tgz",
-      "integrity": "sha512-613/i0nKgyiBg1y8jozuRp6/qx0Wec4DvAwGQJONuKmvXsGeOwmglccssJwNusSRWolh2cajgQqHaQJtC0yIdQ==",
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/@babylonlabs-io/bbn-core-ui/-/bbn-core-ui-0.6.3.tgz",
+      "integrity": "sha512-Ic+Q/LKGErb15Py28cQsBYCaliiSdCVHsFojqr5Agr16rCGlgsRlsm5XjgtwhZd7+TXwEZzYU90zv9wQ/HNE0A==",
       "peer": true,
       "dependencies": {
         "@hookform/resolvers": "^3.9.1",
@@ -448,13 +448,13 @@
       "license": "(Apache-2.0 AND BSD-3-Clause)"
     },
     "node_modules/@changesets/apply-release-plan": {
-      "version": "7.0.6",
-      "resolved": "https://registry.npmjs.org/@changesets/apply-release-plan/-/apply-release-plan-7.0.6.tgz",
-      "integrity": "sha512-TKhVLtiwtQOgMAC0fCJfmv93faiViKSDqr8oMEqrnNs99gtSC1sZh/aEMS9a+dseU1ESZRCK+ofLgGY7o0fw/Q==",
+      "version": "7.0.7",
+      "resolved": "https://registry.npmjs.org/@changesets/apply-release-plan/-/apply-release-plan-7.0.7.tgz",
+      "integrity": "sha512-qnPOcmmmnD0MfMg9DjU1/onORFyRpDXkMMl2IJg9mECY6RnxL3wN0TCCc92b2sXt1jt8DgjAUUsZYGUGTdYIXA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@changesets/config": "^3.0.4",
+        "@changesets/config": "^3.0.5",
         "@changesets/get-version-range-type": "^0.4.0",
         "@changesets/git": "^3.0.2",
         "@changesets/should-skip-package": "^0.1.1",
@@ -511,19 +511,19 @@
       }
     },
     "node_modules/@changesets/cli": {
-      "version": "2.27.10",
-      "resolved": "https://registry.npmjs.org/@changesets/cli/-/cli-2.27.10.tgz",
-      "integrity": "sha512-PfeXjvs9OfQJV8QSFFHjwHX3QnUL9elPEQ47SgkiwzLgtKGyuikWjrdM+lO9MXzOE22FO9jEGkcs4b+B6D6X0Q==",
+      "version": "2.27.11",
+      "resolved": "https://registry.npmjs.org/@changesets/cli/-/cli-2.27.11.tgz",
+      "integrity": "sha512-1QislpE+nvJgSZZo9+Lj3Lno5pKBgN46dAV8IVxKJy9wX8AOrs9nn5pYVZuDpoxWJJCALmbfOsHkyxujgetQSg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@changesets/apply-release-plan": "^7.0.6",
+        "@changesets/apply-release-plan": "^7.0.7",
         "@changesets/assemble-release-plan": "^6.0.5",
         "@changesets/changelog-git": "^0.2.0",
-        "@changesets/config": "^3.0.4",
+        "@changesets/config": "^3.0.5",
         "@changesets/errors": "^0.2.0",
         "@changesets/get-dependents-graph": "^2.1.2",
-        "@changesets/get-release-plan": "^4.0.5",
+        "@changesets/get-release-plan": "^4.0.6",
         "@changesets/git": "^3.0.2",
         "@changesets/logger": "^0.1.1",
         "@changesets/pre": "^2.0.1",
@@ -534,7 +534,7 @@
         "@manypkg/get-packages": "^1.1.3",
         "ansi-colors": "^4.1.3",
         "ci-info": "^3.7.0",
-        "enquirer": "^2.3.0",
+        "enquirer": "^2.4.1",
         "external-editor": "^3.1.0",
         "fs-extra": "^7.0.1",
         "mri": "^1.2.0",
@@ -551,9 +551,9 @@
       }
     },
     "node_modules/@changesets/config": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@changesets/config/-/config-3.0.4.tgz",
-      "integrity": "sha512-+DiIwtEBpvvv1z30f8bbOsUQGuccnZl9KRKMM/LxUHuDu5oEjmN+bJQ1RIBKNJjfYMQn8RZzoPiX0UgPaLQyXw==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@changesets/config/-/config-3.0.5.tgz",
+      "integrity": "sha512-QyXLSSd10GquX7hY0Mt4yQFMEeqnO5z/XLpbIr4PAkNNoQNKwDyiSrx4yd749WddusH1v3OSiA0NRAYmH/APpQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -590,14 +590,14 @@
       }
     },
     "node_modules/@changesets/get-release-plan": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/@changesets/get-release-plan/-/get-release-plan-4.0.5.tgz",
-      "integrity": "sha512-E6wW7JoSMcctdVakut0UB76FrrN3KIeJSXvB+DHMFo99CnC3ZVnNYDCVNClMlqAhYGmLmAj77QfApaI3ca4Fkw==",
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/@changesets/get-release-plan/-/get-release-plan-4.0.6.tgz",
+      "integrity": "sha512-FHRwBkY7Eili04Y5YMOZb0ezQzKikTka4wL753vfUA5COSebt7KThqiuCN9BewE4/qFGgF/5t3AuzXx1/UAY4w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@changesets/assemble-release-plan": "^6.0.5",
-        "@changesets/config": "^3.0.4",
+        "@changesets/config": "^3.0.5",
         "@changesets/pre": "^2.0.1",
         "@changesets/read": "^0.6.2",
         "@changesets/types": "^6.0.0",
@@ -723,9 +723,9 @@
       }
     },
     "node_modules/@chromatic-com/storybook": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-3.2.2.tgz",
-      "integrity": "sha512-xmXt/GW0hAPbzNTrxYuVo43Adrtjue4DeVrsoIIEeJdGaPNNeNf+DHMlJKOBdlHmCnFUoe9R/0mLM9zUp5bKWw==",
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-3.2.3.tgz",
+      "integrity": "sha512-3+hfANx79kIjP1qrOSLxpoAXOiYUA0S7A0WI0A24kASrv7USFNNW8etR5TjUilMb0LmqKUn3wDwUK2h6aceQ9g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1718,9 +1718,9 @@
       }
     },
     "node_modules/@keplr-wallet/types": {
-      "version": "0.12.162",
-      "resolved": "https://registry.npmjs.org/@keplr-wallet/types/-/types-0.12.162.tgz",
-      "integrity": "sha512-3xZq0xbaAmGWL02HYqYunMENXOaEckWeNpQpfPw2w2f59XDw+HQcruVgJ/2F5a28UUByYTOZDhHwjA2Vod7H8Q==",
+      "version": "0.12.165",
+      "resolved": "https://registry.npmjs.org/@keplr-wallet/types/-/types-0.12.165.tgz",
+      "integrity": "sha512-EbLjEzBlwB1WNdIK1OLg35hSXY28+qEP5hrRGU8NsBoo2CdHzKuDaOsSL5hjZ6AVaA/rCujILyRAHn0tb/+frQ==",
       "license": "Apache-2.0",
       "dependencies": {
         "long": "^4.0.0"
@@ -4692,17 +4692,17 @@
       }
     },
     "node_modules/@vue/language-core": {
-      "version": "2.1.6",
-      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-2.1.6.tgz",
-      "integrity": "sha512-MW569cSky9R/ooKMh6xa2g1D0AtRKbL56k83dzus/bx//RDJk24RHWkMzbAlXjMdDNyxAaagKPRquBIxkxlCkg==",
+      "version": "2.1.10",
+      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-2.1.10.tgz",
+      "integrity": "sha512-DAI289d0K3AB5TUG3xDp9OuQ71CnrujQwJrQnfuZDwo6eGNf0UoRlPuaVNO+Zrn65PC3j0oB2i7mNmVPggeGeQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@volar/language-core": "~2.4.1",
-        "@vue/compiler-dom": "^3.4.0",
+        "@volar/language-core": "~2.4.8",
+        "@vue/compiler-dom": "^3.5.0",
         "@vue/compiler-vue2": "^2.7.16",
-        "@vue/shared": "^3.4.0",
-        "computeds": "^0.0.1",
+        "@vue/shared": "^3.5.0",
+        "alien-signals": "^0.2.0",
         "minimatch": "^9.0.3",
         "muggle-string": "^0.4.1",
         "path-browserify": "^1.0.1"
@@ -4935,6 +4935,13 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/alien-signals": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-0.2.2.tgz",
+      "integrity": "sha512-cZIRkbERILsBOXTQmMrxc9hgpxglstn69zm+F1ARf4aPAzdAFYd6sBq87ErO0Fj3DV94tglcyHG5kQz9nDC/8A==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/ansi-colors": {
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
@@ -5831,9 +5838,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001689",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001689.tgz",
-      "integrity": "sha512-CmeR2VBycfa+5/jOfnp/NpWPGd06nf1XYiefUvhXFfZE4GkRc9jv+eGPS4nT558WS/8lYCzV8SlANCIPvbWP1g==",
+      "version": "1.0.30001690",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001690.tgz",
+      "integrity": "sha512-5ExiE3qQN6oF8Clf8ifIDcMRCRE/dMGcETG/XGMD8/XiXm6HXQgQTh1yZYLXXpSOsEUlJm1Xr7kGULZTuGtP/w==",
       "dev": true,
       "funding": [
         {
@@ -6178,13 +6185,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/computeds": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/computeds/-/computeds-0.0.1.tgz",
-      "integrity": "sha512-7CEBgcMjVmitjYo5q8JTJVra6X5mQ20uTThdK+0kR7UEaDrAWEQcRiBtWJzga4eRpP6afNwwLsX2SET2JhVB1Q==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -6437,13 +6437,13 @@
       }
     },
     "node_modules/data-view-byte-offset": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz",
-      "integrity": "sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.6",
+        "call-bound": "^1.0.2",
         "es-errors": "^1.3.0",
         "is-data-view": "^1.0.1"
       },
@@ -7980,15 +7980,15 @@
       }
     },
     "node_modules/get-symbol-description": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.2.tgz",
-      "integrity": "sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.5",
+        "call-bound": "^1.0.3",
         "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.4"
+        "get-intrinsic": "^1.2.6"
       },
       "engines": {
         "node": ">= 0.4"
@@ -8058,9 +8058,9 @@
       }
     },
     "node_modules/globals": {
-      "version": "15.13.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-15.13.0.tgz",
-      "integrity": "sha512-49TewVEz0UxZjr1WYYsWpPrhyC/B/pA8Bq0fUmet2n+eR7yn0IvNzNaoBwnK6mdkzcN+se7Ez9zUgULTz2QH4g==",
+      "version": "15.14.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-15.14.0.tgz",
+      "integrity": "sha512-OkToC372DtlQeje9/zHIo5CT8lRP/FUgEOKBEhU4e0abL7J7CD24fD9ohiLN5hagG/kWCYj4K5oaxxtj2Z0Dig==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -8133,11 +8133,14 @@
       "license": "MIT"
     },
     "node_modules/has-bigints": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
-      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
       "dev": true,
       "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -8810,13 +8813,13 @@
       }
     },
     "node_modules/is-shared-array-buffer": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz",
-      "integrity": "sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.7"
+        "call-bound": "^1.0.3"
       },
       "engines": {
         "node": ">= 0.4"
@@ -8887,12 +8890,12 @@
       }
     },
     "node_modules/is-typed-array": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.13.tgz",
-      "integrity": "sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==",
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
       "license": "MIT",
       "dependencies": {
-        "which-typed-array": "^1.1.14"
+        "which-typed-array": "^1.1.16"
       },
       "engines": {
         "node": ">= 0.4"
@@ -9031,9 +9034,9 @@
       }
     },
     "node_modules/jiti": {
-      "version": "1.21.6",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz",
-      "integrity": "sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==",
+      "version": "1.21.7",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
+      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
       "dev": true,
       "license": "MIT",
       "bin": {
@@ -9484,9 +9487,9 @@
       "license": "MIT"
     },
     "node_modules/math-intrinsics": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.0.0.tgz",
-      "integrity": "sha512-4MqMiKP90ybymYvsut0CH2g4XWbfLtmlCkXmtmdcDCxNB+mQcu1w/1+L/VD7vi/PSv7X2JYV7SCcR+jiPXnQtA==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
@@ -9993,14 +9996,16 @@
       }
     },
     "node_modules/object.assign": {
-      "version": "4.1.5",
-      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz",
-      "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==",
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.5",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
         "define-properties": "^1.2.1",
-        "has-symbols": "^1.0.3",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
         "object-keys": "^1.1.1"
       },
       "engines": {
@@ -10045,13 +10050,14 @@
       }
     },
     "node_modules/object.values": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.0.tgz",
-      "integrity": "sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz",
+      "integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
         "define-properties": "^1.2.1",
         "es-object-atoms": "^1.0.0"
       },
@@ -11154,9 +11160,9 @@
       "license": "MIT"
     },
     "node_modules/react-modal": {
-      "version": "3.16.1",
-      "resolved": "https://registry.npmjs.org/react-modal/-/react-modal-3.16.1.tgz",
-      "integrity": "sha512-VStHgI3BVcGo7OXczvnJN7yT2TWHJPDXZWyI/a0ssFNhGZWsPmB8cF0z33ewDXq4VfYMO1vXgiv/g8Nj9NDyWg==",
+      "version": "3.16.3",
+      "resolved": "https://registry.npmjs.org/react-modal/-/react-modal-3.16.3.tgz",
+      "integrity": "sha512-yCYRJB5YkeQDQlTt17WGAgFJ7jr2QYcWa1SHqZ3PluDmnKJ/7+tVU+E6uKyZ0nODaeEj+xCpK4LcSnKXLMC0Nw==",
       "license": "MIT",
       "dependencies": {
         "exenv": "^1.2.0",
@@ -11164,12 +11170,9 @@
         "react-lifecycles-compat": "^3.0.0",
         "warning": "^4.0.3"
       },
-      "engines": {
-        "node": ">=8"
-      },
       "peerDependencies": {
-        "react": "^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18",
-        "react-dom": "^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18"
+        "react": "^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18 || ^19",
+        "react-dom": "^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18 || ^19"
       }
     },
     "node_modules/react-popper": {
@@ -11335,20 +11338,20 @@
       }
     },
     "node_modules/reflect.getprototypeof": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.8.tgz",
-      "integrity": "sha512-B5dj6usc5dkk8uFliwjwDHM8To5/QwdKz9JcBZ8Ic4G1f0YmeeJTtE/ZTdgRFPAfxZFiUaPhZ1Jcs4qeagItGQ==",
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.9.tgz",
+      "integrity": "sha512-r0Ay04Snci87djAsI4U+WNRcSw5S4pOH7qFjd/veA5gC7TbqESR3tcj28ia95L/fYUDw11JKP7uqUKUAfVvV5Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.8",
         "define-properties": "^1.2.1",
-        "dunder-proto": "^1.0.0",
-        "es-abstract": "^1.23.5",
+        "dunder-proto": "^1.0.1",
+        "es-abstract": "^1.23.6",
         "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.4",
+        "get-intrinsic": "^1.2.6",
         "gopd": "^1.2.0",
-        "which-builtin-type": "^1.2.0"
+        "which-builtin-type": "^1.2.1"
       },
       "engines": {
         "node": ">= 0.4"
@@ -12403,9 +12406,9 @@
       }
     },
     "node_modules/tailwindcss": {
-      "version": "3.4.16",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.16.tgz",
-      "integrity": "sha512-TI4Cyx7gDiZ6r44ewaJmt0o6BrMCT5aK5e0rmJ/G9Xq3w7CX/5VXl/zIPEJZFUK5VEqwByyhqNPycPlvcK4ZNw==",
+      "version": "3.4.17",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.17.tgz",
+      "integrity": "sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -12696,32 +12699,32 @@
       }
     },
     "node_modules/typed-array-buffer": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz",
-      "integrity": "sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bound": "^1.0.3",
         "es-errors": "^1.3.0",
-        "is-typed-array": "^1.1.13"
+        "is-typed-array": "^1.1.14"
       },
       "engines": {
         "node": ">= 0.4"
       }
     },
     "node_modules/typed-array-byte-length": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz",
-      "integrity": "sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
+      "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
         "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "has-proto": "^1.0.3",
-        "is-typed-array": "^1.1.13"
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.14"
       },
       "engines": {
         "node": ">= 0.4"
@@ -12731,19 +12734,19 @@
       }
     },
     "node_modules/typed-array-byte-offset": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.3.tgz",
-      "integrity": "sha512-GsvTyUHTriq6o/bHcTd0vM7OQ9JEdlvluu9YISaA7+KzDzPaIzEeDFNkTfhdE3MYcNhNi0vq/LlegYgIs5yPAw==",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
+      "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "available-typed-arrays": "^1.0.7",
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
         "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "has-proto": "^1.0.3",
-        "is-typed-array": "^1.1.13",
-        "reflect.getprototypeof": "^1.0.6"
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "reflect.getprototypeof": "^1.0.9"
       },
       "engines": {
         "node": ">= 0.4"
@@ -13065,21 +13068,21 @@
       }
     },
     "node_modules/vite-plugin-dts": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/vite-plugin-dts/-/vite-plugin-dts-4.3.0.tgz",
-      "integrity": "sha512-LkBJh9IbLwL6/rxh0C1/bOurDrIEmRE7joC+jFdOEEciAFPbpEKOLSAr5nNh5R7CJ45cMbksTrFfy52szzC5eA==",
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/vite-plugin-dts/-/vite-plugin-dts-4.4.0.tgz",
+      "integrity": "sha512-CJ6phvnnPLF+aFk8Jz2ZcMBLleJ4gKJOXb9We5Kzmsp5bPuD+uMDeVefjFNYSXZ+wdcqnf+Yp2P7oA5hBKQTlQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@microsoft/api-extractor": "^7.47.11",
-        "@rollup/pluginutils": "^5.1.0",
-        "@volar/typescript": "^2.4.4",
-        "@vue/language-core": "2.1.6",
+        "@microsoft/api-extractor": "^7.48.1",
+        "@rollup/pluginutils": "^5.1.4",
+        "@volar/typescript": "^2.4.11",
+        "@vue/language-core": "2.1.10",
         "compare-versions": "^6.1.1",
-        "debug": "^4.3.6",
+        "debug": "^4.4.0",
         "kolorist": "^1.8.0",
-        "local-pkg": "^0.5.0",
-        "magic-string": "^0.30.11"
+        "local-pkg": "^0.5.1",
+        "magic-string": "^0.30.17"
       },
       "engines": {
         "node": "^14.18.0 || >=16.0.0"
@@ -13680,15 +13683,16 @@
       }
     },
     "node_modules/which-typed-array": {
-      "version": "1.1.16",
-      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.16.tgz",
-      "integrity": "sha512-g+N+GAWiRj66DngFwHvISJd+ITsyphZvD1vChfVg6cEdnzy53GzB3oy0fUNlvhz7H7+MiqhYr26qxQShCpKTTQ==",
+      "version": "1.1.18",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.18.tgz",
+      "integrity": "sha512-qEcY+KJYlWyLH9vNbsr6/5j59AXk5ni5aakf8ldzBvGde6Iz4sxZGkJyWSAueTG7QhOvNRYb1lDdFmL5Td0QKA==",
       "license": "MIT",
       "dependencies": {
         "available-typed-arrays": "^1.0.7",
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
         "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
+        "gopd": "^1.2.0",
         "has-tostringtag": "^1.0.2"
       },
       "engines": {
@@ -13962,9 +13966,9 @@
       }
     },
     "node_modules/yup": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/yup/-/yup-1.6.0.tgz",
-      "integrity": "sha512-/dny6arMf5CV6ZPAGpXYVw0wR8qcDF15H8zILTQWoRf6jHN1nJNFL1IAlFfUMlO7QGifMVHZle/l8YJdxtWfxg==",
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/yup/-/yup-1.6.1.tgz",
+      "integrity": "sha512-JED8pB50qbA4FOkDol0bYF/p60qSEDQqBD0/qeIrUCG1KbPBIQ776fCUNb9ldbPcSTxA69g/47XTo4TqWiuXOA==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
diff --git a/src/components/WalletProvider/index.stories.tsx b/src/components/WalletProvider/index.stories.tsx
index 41f7fd6..1214647 100644
--- a/src/components/WalletProvider/index.stories.tsx
+++ b/src/components/WalletProvider/index.stories.tsx
@@ -1,9 +1,8 @@
 import { Button, FormControl, Input, ScrollLocker, Text } from "@babylonlabs-io/bbn-core-ui";
 import type { Meta, StoryObj } from "@storybook/react";
 import { Psbt } from "bitcoinjs-lib";
-import { useEffect, useState } from "react";
+import { useState } from "react";
 
-import { useChainProviders } from "@/context/Chain.context";
 import { IBTCProvider } from "@/core/types";
 import { useWidgetState } from "@/hooks/useWidgetState";