@meshsdk/react 1.9.0-beta.34 → 1.9.0-beta.36

package/dist/index.cjs

@@ -23653,6 +23653,9 @@ var useWalletStore = () => {
   const [connectedWalletInstance, setConnectedWalletInstance] = (0, import_react.useState)(INITIAL_STATE.walletInstance);
   const [connectedWalletName, setConnectedWalletName] = (0, import_react.useState)(INITIAL_STATE.walletName);
   const [web3Services, setWeb3Services] = (0, import_react.useState)(void 0);
+  const [web3UserData, setWeb3UserData] = (0, import_react.useState)(
+    void 0
+  );
   const connectWallet = (0, import_react.useCallback)(
     async (walletName, persist) => {
       setConnectingWallet(true);
@@ -23736,6 +23739,7 @@ var useWalletStore = () => {
           setConnectedWalletName(persist2.walletName);
           setState("CONNECTED" /* CONNECTED */);
         });
+        setWeb3UserData(persist2.user);
       } else {
         connectWallet(persist2.walletName);
       }
@@ -23751,6 +23755,8 @@ var useWalletStore = () => {
     setWallet,
     setPersist,
     setWeb3Services,
+    web3UserData,
+    setWeb3UserData,
     error,
     address,
     state
@@ -23771,6 +23777,9 @@ var WalletContext = (0, import_react.createContext)({
   },
   setWeb3Services: () => {
   },
+  web3UserData: void 0,
+  setWeb3UserData: () => {
+  },
   address: "",
   state: "NOT_CONNECTED" /* NOT_CONNECTED */
 });
@@ -23893,6 +23902,8 @@ var useWallet = () => {
     setWallet,
     setPersist,
     setWeb3Services,
+    web3UserData,
+    setWeb3UserData,
     error,
     address,
     state
@@ -23912,6 +23923,8 @@ var useWallet = () => {
     setWallet,
     setPersist,
     setWeb3Services,
+    web3UserData,
+    setWeb3UserData,
     error,
     address,
     state
@@ -24084,7 +24097,7 @@ DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 // src/cardano-wallet/connected-button.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function ConnectedButton() {
-  const { wallet, connected, disconnect, address } = useWallet();
+  const { name, disconnect, address } = useWallet();
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(DropdownMenu, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Button, { variant: "outline", children: [
       address.slice(0, 6),
@@ -24092,6 +24105,7 @@ function ConnectedButton() {
       address.slice(-6)
     ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(DropdownMenuContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuLabel, { children: "Wallet" }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         DropdownMenuItem,
         {
@@ -24101,6 +24115,16 @@ function ConnectedButton() {
           children: "Copy Address"
         }
       ),
+      name == "Mesh Web3 Services" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        DropdownMenuItem,
+        {
+          onClick: () => {
+            window.open("https://web3.meshjs.dev/dashboard", "_blank");
+          },
+          children: "Open Web3 Wallet"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuSeparator, {}),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         DropdownMenuItem,
         {
@@ -24494,7 +24518,7 @@ function Web3Services({
   setOpen,
   persist
 }) {
-  const { setWallet } = useWallet();
+  const { setWallet, setWeb3UserData } = useWallet();
   const [loading, setLoading] = (0, import_react11.useState)(false);
   async function loadWallet(directTo) {
     setLoading(true);
@@ -24507,11 +24531,14 @@ function Web3Services({
       directTo
     };
     const wallet = await import_web3_sdk2.Web3Wallet.enable(_options);
+    const user = wallet.getUser();
+    setWeb3UserData(user);
     setWallet(
       wallet,
       "Mesh Web3 Services",
       persist ? {
-        walletAddress: await wallet.getChangeAddress()
+        walletAddress: await wallet.getChangeAddress(),
+        user
       } : void 0
     );
     setLoading(false);

package/dist/index.d.cts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _meshsdk_common from '@meshsdk/common';
 import { IFetcher, ISubmitter, IWallet, Asset, Wallet, AccountInfo } from '@meshsdk/common';
 import * as _meshsdk_web3_sdk from '@meshsdk/web3-sdk';
-import { InitWeb3WalletOptions } from '@meshsdk/web3-sdk';
+import { EnableWeb3WalletOptions, UserSocialData } from '@meshsdk/web3-sdk';
 import * as react from 'react';
 
 interface ButtonProps$1 {
@@ -28,7 +28,7 @@ interface ButtonProps$1 {
         url: string;
     };
     showDownload?: boolean;
-    web3Services?: InitWeb3WalletOptions;
+    web3Services?: EnableWeb3WalletOptions;
 }
 declare const CardanoWallet: ({ label, onConnected, isDark, persist, injectFn, cardanoPeerConnect, burnerWallet, webauthn, showDownload, web3Services, }: ButtonProps$1) => react_jsx_runtime.JSX.Element;
 
@@ -48,7 +48,9 @@ interface WalletContext {
         [key: string]: any;
     }) => void;
     setPersist: (persist: boolean) => void;
-    setWeb3Services: (web3Services: InitWeb3WalletOptions | undefined) => void;
+    setWeb3Services: (web3Services: EnableWeb3WalletOptions | undefined) => void;
+    web3UserData: UserSocialData | undefined;
+    setWeb3UserData: (web3UserData: UserSocialData | undefined) => void;
     error?: unknown;
     address: string;
     state: WalletState;
@@ -85,7 +87,9 @@ declare const useWallet: () => {
         [key: string]: any;
     }) => void;
     setPersist: (persist: boolean) => void;
-    setWeb3Services: (web3Services: _meshsdk_web3_sdk.InitWeb3WalletOptions | undefined) => void;
+    setWeb3Services: (web3Services: _meshsdk_web3_sdk.EnableWeb3WalletOptions | undefined) => void;
+    web3UserData: _meshsdk_web3_sdk.UserSocialData | undefined;
+    setWeb3UserData: (web3UserData: _meshsdk_web3_sdk.UserSocialData | undefined) => void;
     error: unknown;
     address: string;
     state: WalletState;

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _meshsdk_common from '@meshsdk/common';
 import { IFetcher, ISubmitter, IWallet, Asset, Wallet, AccountInfo } from '@meshsdk/common';
 import * as _meshsdk_web3_sdk from '@meshsdk/web3-sdk';
-import { InitWeb3WalletOptions } from '@meshsdk/web3-sdk';
+import { EnableWeb3WalletOptions, UserSocialData } from '@meshsdk/web3-sdk';
 import * as react from 'react';
 
 interface ButtonProps$1 {
@@ -28,7 +28,7 @@ interface ButtonProps$1 {
         url: string;
     };
     showDownload?: boolean;
-    web3Services?: InitWeb3WalletOptions;
+    web3Services?: EnableWeb3WalletOptions;
 }
 declare const CardanoWallet: ({ label, onConnected, isDark, persist, injectFn, cardanoPeerConnect, burnerWallet, webauthn, showDownload, web3Services, }: ButtonProps$1) => react_jsx_runtime.JSX.Element;
 
@@ -48,7 +48,9 @@ interface WalletContext {
         [key: string]: any;
     }) => void;
     setPersist: (persist: boolean) => void;
-    setWeb3Services: (web3Services: InitWeb3WalletOptions | undefined) => void;
+    setWeb3Services: (web3Services: EnableWeb3WalletOptions | undefined) => void;
+    web3UserData: UserSocialData | undefined;
+    setWeb3UserData: (web3UserData: UserSocialData | undefined) => void;
     error?: unknown;
     address: string;
     state: WalletState;
@@ -85,7 +87,9 @@ declare const useWallet: () => {
         [key: string]: any;
     }) => void;
     setPersist: (persist: boolean) => void;
-    setWeb3Services: (web3Services: _meshsdk_web3_sdk.InitWeb3WalletOptions | undefined) => void;
+    setWeb3Services: (web3Services: _meshsdk_web3_sdk.EnableWeb3WalletOptions | undefined) => void;
+    web3UserData: _meshsdk_web3_sdk.UserSocialData | undefined;
+    setWeb3UserData: (web3UserData: _meshsdk_web3_sdk.UserSocialData | undefined) => void;
     error: unknown;
     address: string;
     state: WalletState;

package/dist/index.js

@@ -23613,7 +23613,9 @@ import { useContext, useEffect as useEffect2, useState as useState2 } from "reac
 // src/contexts/WalletContext.ts
 import { createContext, useCallback, useEffect, useState } from "react";
 import { BrowserWallet } from "@meshsdk/wallet";
-import { Web3Wallet } from "@meshsdk/web3-sdk";
+import {
+  Web3Wallet
+} from "@meshsdk/web3-sdk";
 var INITIAL_STATE = {
   walletName: void 0,
   walletInstance: {}
@@ -23628,6 +23630,9 @@ var useWalletStore = () => {
   const [connectedWalletInstance, setConnectedWalletInstance] = useState(INITIAL_STATE.walletInstance);
   const [connectedWalletName, setConnectedWalletName] = useState(INITIAL_STATE.walletName);
   const [web3Services, setWeb3Services] = useState(void 0);
+  const [web3UserData, setWeb3UserData] = useState(
+    void 0
+  );
   const connectWallet = useCallback(
     async (walletName, persist) => {
       setConnectingWallet(true);
@@ -23711,6 +23716,7 @@ var useWalletStore = () => {
           setConnectedWalletName(persist2.walletName);
           setState("CONNECTED" /* CONNECTED */);
         });
+        setWeb3UserData(persist2.user);
       } else {
         connectWallet(persist2.walletName);
       }
@@ -23726,6 +23732,8 @@ var useWalletStore = () => {
     setWallet,
     setPersist,
     setWeb3Services,
+    web3UserData,
+    setWeb3UserData,
     error,
     address,
     state
@@ -23746,6 +23754,9 @@ var WalletContext = createContext({
   },
   setWeb3Services: () => {
   },
+  web3UserData: void 0,
+  setWeb3UserData: () => {
+  },
   address: "",
   state: "NOT_CONNECTED" /* NOT_CONNECTED */
 });
@@ -23868,6 +23879,8 @@ var useWallet = () => {
     setWallet,
     setPersist,
     setWeb3Services,
+    web3UserData,
+    setWeb3UserData,
     error,
     address,
     state
@@ -23887,6 +23900,8 @@ var useWallet = () => {
     setWallet,
     setPersist,
     setWeb3Services,
+    web3UserData,
+    setWeb3UserData,
     error,
     address,
     state
@@ -24063,7 +24078,7 @@ DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 // src/cardano-wallet/connected-button.tsx
 import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 function ConnectedButton() {
-  const { wallet, connected, disconnect, address } = useWallet();
+  const { name, disconnect, address } = useWallet();
   return /* @__PURE__ */ jsxs3(DropdownMenu, { children: [
     /* @__PURE__ */ jsx6(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs3(Button, { variant: "outline", children: [
       address.slice(0, 6),
@@ -24071,6 +24086,7 @@ function ConnectedButton() {
       address.slice(-6)
     ] }) }),
     /* @__PURE__ */ jsxs3(DropdownMenuContent, { children: [
+      /* @__PURE__ */ jsx6(DropdownMenuLabel, { children: "Wallet" }),
       /* @__PURE__ */ jsx6(
         DropdownMenuItem,
         {
@@ -24080,6 +24096,16 @@ function ConnectedButton() {
           children: "Copy Address"
         }
       ),
+      name == "Mesh Web3 Services" && /* @__PURE__ */ jsx6(
+        DropdownMenuItem,
+        {
+          onClick: () => {
+            window.open("https://web3.meshjs.dev/dashboard", "_blank");
+          },
+          children: "Open Web3 Wallet"
+        }
+      ),
+      /* @__PURE__ */ jsx6(DropdownMenuSeparator, {}),
       /* @__PURE__ */ jsx6(
         DropdownMenuItem,
         {
@@ -24475,7 +24501,7 @@ function Web3Services({
   setOpen,
   persist
 }) {
-  const { setWallet } = useWallet();
+  const { setWallet, setWeb3UserData } = useWallet();
   const [loading, setLoading] = useState10(false);
   async function loadWallet(directTo) {
     setLoading(true);
@@ -24488,11 +24514,14 @@ function Web3Services({
       directTo
     };
     const wallet = await Web3Wallet2.enable(_options);
+    const user = wallet.getUser();
+    setWeb3UserData(user);
     setWallet(
       wallet,
       "Mesh Web3 Services",
       persist ? {
-        walletAddress: await wallet.getChangeAddress()
+        walletAddress: await wallet.getChangeAddress(),
+        user
       } : void 0
     );
     setLoading(false);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meshsdk/react",
-  "version": "1.9.0-beta.34",
+  "version": "1.9.0-beta.36",
   "description": "React component library - https://meshjs.dev/react",
   "main": "./dist/index.cjs",
   "browser": "./dist/index.js",
@@ -30,10 +30,10 @@
   },
   "dependencies": {
     "@fabianbormann/cardano-peer-connect": "^1.2.18",
-    "@meshsdk/common": "1.9.0-beta.34",
-    "@meshsdk/transaction": "1.9.0-beta.34",
-    "@meshsdk/wallet": "1.9.0-beta.34",
-    "@meshsdk/web3-sdk": "0.0.23",
+    "@meshsdk/common": "1.9.0-beta.36",
+    "@meshsdk/transaction": "1.9.0-beta.36",
+    "@meshsdk/wallet": "1.9.0-beta.36",
+    "@meshsdk/web3-sdk": "0.0.26",
     "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-dropdown-menu": "^2.1.2",
     "@radix-ui/react-icons": "^1.3.2",