@meshsdk/react 1.7.27 → 1.7.28

package/dist/index.cjs

@@ -3196,7 +3196,7 @@ function ConnectedButton() {
     }
   }, [connected, wallet]);
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DropdownMenuTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Button, { variant: "outline", className: "mesh-text-white", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Button, { variant: "outline", className: "mesh-text-white", children: [
       address.slice(0, 6),
       "...",
       address.slice(-6)
@@ -3539,12 +3539,14 @@ var DAppPeerConnect = exportedCardanopeerconnect.DAppPeerConnect;
 // src/cardano-wallet/screen-p2p.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
 function ScreenP2P({
-  cardanoPeerConnect
+  cardanoPeerConnect,
+  setOpen
 }) {
   const dAppConnect = (0, import_react12.useRef)(null);
   const qrCodeField = (0, import_react12.useRef)(null);
   const [address, setAddress] = (0, import_react12.useState)("");
   const [copied, setCopied] = (0, import_react12.useState)(false);
+  const { connect } = useWallet();
   (0, import_react12.useEffect)(() => {
     if (cardanoPeerConnect) {
       if (dAppConnect.current === null) {
@@ -3554,20 +3556,22 @@ function ScreenP2P({
             url: cardanoPeerConnect.dAppInfo.url
           },
           announce: cardanoPeerConnect.announce,
-          onApiInject: (name, address2) => {
-            console.log("onApiInject", name, address2);
+          onApiInject: async (name, address2) => {
+            console.log(5, "onApiInject", name, address2);
+            await connect(name);
+            setOpen(false);
           },
           onApiEject: (name, address2) => {
-            console.log("onApiEject", name, address2);
+            console.log(5, "onApiEject", name, address2);
           },
           onConnect: (address2, walletInfo) => {
-            console.log("Connected to wallet", address2, walletInfo);
+            console.log(5, "Connected to wallet", address2, walletInfo);
           },
           onDisconnect: () => {
-            console.log("Disconnected from wallet");
+            console.log(5, "Disconnected from wallet");
           },
           verifyConnection: (walletInfo, callback) => {
-            console.log("verifyConnection", walletInfo);
+            console.log(5, "verifyConnection", walletInfo);
             callback(true, true);
           },
           useWalletDiscovery: true
@@ -3575,7 +3579,6 @@ function ScreenP2P({
         if (dAppConnect.current) {
           const address2 = dAppConnect.current.getAddress();
           setAddress(address2);
-          console.log("address", address2);
           if (qrCodeField.current !== null) {
             dAppConnect.current.generateQRCode(qrCodeField.current);
           }
@@ -3639,7 +3642,13 @@ var CardanoWallet = ({
               burnerWallet: burnerWallet != void 0
             }
           ),
-          screen == "p2p" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ScreenP2P, { cardanoPeerConnect }),
+          screen == "p2p" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            ScreenP2P,
+            {
+              cardanoPeerConnect,
+              setOpen
+            }
+          ),
           screen == "burner" && burnerWallet && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             ScreenBurner,
             {

package/dist/index.js

@@ -3152,7 +3152,7 @@ function ConnectedButton() {
     }
   }, [connected, wallet]);
   return /* @__PURE__ */ jsxs3(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx7(DropdownMenuTrigger, { children: /* @__PURE__ */ jsxs3(Button, { variant: "outline", className: "mesh-text-white", children: [
+    /* @__PURE__ */ jsx7(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs3(Button, { variant: "outline", className: "mesh-text-white", children: [
       address.slice(0, 6),
       "...",
       address.slice(-6)
@@ -3495,12 +3495,14 @@ var DAppPeerConnect = exportedCardanopeerconnect.DAppPeerConnect;
 // src/cardano-wallet/screen-p2p.tsx
 import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
 function ScreenP2P({
-  cardanoPeerConnect
+  cardanoPeerConnect,
+  setOpen
 }) {
   const dAppConnect = useRef2(null);
   const qrCodeField = useRef2(null);
   const [address, setAddress] = useState11("");
   const [copied, setCopied] = useState11(false);
+  const { connect } = useWallet();
   useEffect9(() => {
     if (cardanoPeerConnect) {
       if (dAppConnect.current === null) {
@@ -3510,20 +3512,22 @@ function ScreenP2P({
             url: cardanoPeerConnect.dAppInfo.url
           },
           announce: cardanoPeerConnect.announce,
-          onApiInject: (name, address2) => {
-            console.log("onApiInject", name, address2);
+          onApiInject: async (name, address2) => {
+            console.log(5, "onApiInject", name, address2);
+            await connect(name);
+            setOpen(false);
           },
           onApiEject: (name, address2) => {
-            console.log("onApiEject", name, address2);
+            console.log(5, "onApiEject", name, address2);
           },
           onConnect: (address2, walletInfo) => {
-            console.log("Connected to wallet", address2, walletInfo);
+            console.log(5, "Connected to wallet", address2, walletInfo);
           },
           onDisconnect: () => {
-            console.log("Disconnected from wallet");
+            console.log(5, "Disconnected from wallet");
           },
           verifyConnection: (walletInfo, callback) => {
-            console.log("verifyConnection", walletInfo);
+            console.log(5, "verifyConnection", walletInfo);
             callback(true, true);
           },
           useWalletDiscovery: true
@@ -3531,7 +3535,6 @@ function ScreenP2P({
         if (dAppConnect.current) {
           const address2 = dAppConnect.current.getAddress();
           setAddress(address2);
-          console.log("address", address2);
           if (qrCodeField.current !== null) {
             dAppConnect.current.generateQRCode(qrCodeField.current);
           }
@@ -3595,7 +3598,13 @@ var CardanoWallet = ({
               burnerWallet: burnerWallet != void 0
             }
           ),
-          screen == "p2p" && /* @__PURE__ */ jsx16(ScreenP2P, { cardanoPeerConnect }),
+          screen == "p2p" && /* @__PURE__ */ jsx16(
+            ScreenP2P,
+            {
+              cardanoPeerConnect,
+              setOpen
+            }
+          ),
           screen == "burner" && burnerWallet && /* @__PURE__ */ jsx16(
             ScreenBurner,
             {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meshsdk/react",
-  "version": "1.7.27",
+  "version": "1.7.28",
   "description": "React component library - https://meshjs.dev/react",
   "main": "./dist/index.cjs",
   "browser": "./dist/index.js",
@@ -29,9 +29,9 @@
   },
   "dependencies": {
     "@fabianbormann/cardano-peer-connect": "^1.2.18",
-    "@meshsdk/common": "1.7.27",
-    "@meshsdk/transaction": "1.7.27",
-    "@meshsdk/wallet": "1.7.27",
+    "@meshsdk/common": "1.7.28",
+    "@meshsdk/transaction": "1.7.28",
+    "@meshsdk/wallet": "1.7.28",
     "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-dropdown-menu": "^2.1.2",
     "@radix-ui/react-icons": "^1.3.2",