@meshsdk/react 1.7.9 → 1.7.10

package/dist/index.cjs

@@ -157,9 +157,7 @@ var useAssets = () => {
 var import_react4 = require("react");
 var import_wallet2 = require("@meshsdk/wallet");
 var useWalletList = ({
-  metamask = {
-    network: "preprod"
-  }
+  metamask = void 0
 } = {}) => {
   const [wallets, setWallets] = (0, import_react4.useState)([]);
   (0, import_react4.useEffect)(() => {
@@ -175,13 +173,21 @@ var useWalletList = ({
 var import_react5 = require("react");
 var useLovelace = () => {
   const [lovelace, setLovelace] = (0, import_react5.useState)();
-  const { hasConnectedWallet, connectedWalletName, connectedWalletInstance } = (0, import_react5.useContext)(WalletContext);
+  const { hasConnectedWallet, connectedWalletInstance } = (0, import_react5.useContext)(WalletContext);
+  const hasFetchedLovelace = (0, import_react5.useRef)(false);
   (0, import_react5.useEffect)(() => {
-    if (hasConnectedWallet) {
-      connectedWalletInstance.getLovelace().then(setLovelace);
+    async function getLovelace() {
+      setLovelace(await connectedWalletInstance.getLovelace());
     }
-  }, [connectedWalletName]);
-  return lovelace;
+    if (hasConnectedWallet && !hasFetchedLovelace.current) {
+      getLovelace();
+      hasFetchedLovelace.current = true;
+    }
+  }, [hasConnectedWallet, connectedWalletInstance]);
+  const _lovelace = (0, import_react5.useMemo)(() => {
+    return lovelace;
+  }, [lovelace]);
+  return _lovelace;
 };
 
 // src/hooks/useNetwork.ts
@@ -192,6 +198,8 @@ var useNetwork = () => {
   (0, import_react6.useEffect)(() => {
     if (hasConnectedWallet) {
       connectedWalletInstance.getNetworkId().then(setNetworkId);
+    } else {
+      setNetworkId(void 0);
     }
   }, [connectedWalletName]);
   return networkId;
@@ -348,9 +356,7 @@ var CardanoWallet = ({
   label = "Connect Wallet",
   onConnected = void 0,
   isDark = false,
-  metamask = {
-    network: "preprod"
-  },
+  metamask = void 0,
   extensions = []
 }) => {
   const [isDarkMode, setIsDarkMode] = (0, import_react10.useState)(false);

package/dist/index.css

@@ -1,5 +1,5 @@
 /*
-! tailwindcss v3.4.11 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
 */
 
 /*
@@ -728,7 +728,7 @@ video {
 .mesh-backdrop-blur {
   --tw-backdrop-blur: blur(8px);
   -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
 
 .hover\:mesh-text-black:hover {

package/dist/index.js

@@ -119,9 +119,7 @@ var useAssets = () => {
 import { useEffect as useEffect3, useState as useState4 } from "react";
 import { BrowserWallet as BrowserWallet2 } from "@meshsdk/wallet";
 var useWalletList = ({
-  metamask = {
-    network: "preprod"
-  }
+  metamask = void 0
 } = {}) => {
   const [wallets, setWallets] = useState4([]);
   useEffect3(() => {
@@ -134,16 +132,24 @@ var useWalletList = ({
 };
 
 // src/hooks/useLovelace.ts
-import { useContext as useContext3, useEffect as useEffect4, useState as useState5 } from "react";
+import { useContext as useContext3, useEffect as useEffect4, useMemo, useRef, useState as useState5 } from "react";
 var useLovelace = () => {
   const [lovelace, setLovelace] = useState5();
-  const { hasConnectedWallet, connectedWalletName, connectedWalletInstance } = useContext3(WalletContext);
+  const { hasConnectedWallet, connectedWalletInstance } = useContext3(WalletContext);
+  const hasFetchedLovelace = useRef(false);
   useEffect4(() => {
-    if (hasConnectedWallet) {
-      connectedWalletInstance.getLovelace().then(setLovelace);
+    async function getLovelace() {
+      setLovelace(await connectedWalletInstance.getLovelace());
     }
-  }, [connectedWalletName]);
-  return lovelace;
+    if (hasConnectedWallet && !hasFetchedLovelace.current) {
+      getLovelace();
+      hasFetchedLovelace.current = true;
+    }
+  }, [hasConnectedWallet, connectedWalletInstance]);
+  const _lovelace = useMemo(() => {
+    return lovelace;
+  }, [lovelace]);
+  return _lovelace;
 };
 
 // src/hooks/useNetwork.ts
@@ -154,6 +160,8 @@ var useNetwork = () => {
   useEffect5(() => {
     if (hasConnectedWallet) {
       connectedWalletInstance.getNetworkId().then(setNetworkId);
+    } else {
+      setNetworkId(void 0);
     }
   }, [connectedWalletName]);
   return networkId;
@@ -310,9 +318,7 @@ var CardanoWallet = ({
   label = "Connect Wallet",
   onConnected = void 0,
   isDark = false,
-  metamask = {
-    network: "preprod"
-  },
+  metamask = void 0,
   extensions = []
 }) => {
   const [isDarkMode, setIsDarkMode] = useState9(false);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meshsdk/react",
-  "version": "1.7.9",
+  "version": "1.7.10",
   "description": "",
   "main": "./dist/index.cjs",
   "browser": "./dist/index.js",
@@ -10,9 +10,9 @@
   "exports": {
     "./styles.css": "./dist/index.css",
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.cjs",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.cjs"
     }
   },
   "files": [
@@ -30,9 +30,9 @@
   },
   "dependencies": {
     "react": "^18.2.0",
-    "@meshsdk/common": "1.7.9",
-    "@meshsdk/transaction": "1.7.9",
-    "@meshsdk/wallet": "1.7.9"
+    "@meshsdk/common": "1.7.10",
+    "@meshsdk/transaction": "1.7.10",
+    "@meshsdk/wallet": "1.7.10"
   },
   "devDependencies": {
     "@meshsdk/configs": "*",
@@ -55,4 +55,4 @@
     "blockchain",
     "sdk"
   ]
-}
+}