@meshsdk/react 1.9.0-beta.43 → 1.9.0-beta.45

package/dist/index.cjs

@@ -23443,7 +23443,6 @@ __export(index_exports, {
   CardanoWallet: () => CardanoWallet,
   MeshBadge: () => MeshBadge,
   MeshProvider: () => MeshProvider,
-  StakeButton: () => StakeButton,
   WalletContext: () => WalletContext,
   useAddress: () => useAddress,
   useAssets: () => useAssets,
@@ -24989,291 +24988,11 @@ var MeshBadge = ({ isDark = false }) => /* @__PURE__ */ (0, import_jsx_runtime25
     ]
   }
 );
-
-// src/stake-button/index.tsx
-var import_react16 = require("react");
-var import_transaction = require("@meshsdk/transaction");
-
-// src/cardano-wallet-dropdown/index.tsx
-var import_react15 = require("react");
-
-// src/common/button-dropdown.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
-function ButtonDropdown({
-  children,
-  isDarkMode = false,
-  hideMenuList = false,
-  setHideMenuList,
-  onMouseEnter,
-  onMouseLeave
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-    "button",
-    {
-      className: `mesh-mr-menu-list mesh-flex mesh-w-60 mesh-items-center mesh-justify-center mesh-rounded-t-md mesh-border mesh-px-4 mesh-py-2 mesh-text-lg mesh-font-normal mesh-shadow-sm ${isDarkMode ? `mesh-bg-neutral-950	mesh-text-neutral-50` : `mesh-bg-neutral-50	mesh-text-neutral-950`}`,
-      onClick: () => setHideMenuList && setHideMenuList(!hideMenuList),
-      onMouseEnter,
-      onMouseLeave,
-      children
-    }
-  );
-}
-
-// src/cardano-wallet-dropdown/menu-item.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
-function MenuItem({
-  icon,
-  label,
-  action,
-  active
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-    "div",
-    {
-      className: "mesh-flex mesh-cursor-pointer mesh-items-center mesh-px-4 mesh-py-2 mesh-opacity-80 hover:mesh-opacity-100 mesh-h-16",
-      onClick: action,
-      children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("img", { className: "mesh-pr-2 mesh-m-1 mesh-h-8", src: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "mesh-mr-menu-item mesh-text-xl mesh-font-normal mesh-text-neutral-700 hover:mesh-text-black", children: label.split(" ").map((word) => {
-          return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
-        }).join(" ") })
-      ]
-    }
-  );
-}
-
-// src/cardano-wallet-dropdown/chevron-down.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var ChevronDown = () => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-  "svg",
-  {
-    className: "mesh-m-2 mesh-h-6",
-    fill: "none",
-    "aria-hidden": "true",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-      "path",
-      {
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: "2",
-        d: "M19 9l-7 7-7-7"
-      }
-    )
-  }
-);
-
-// src/cardano-wallet-dropdown/wallet-balance.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var WalletBalance = ({
-  connected,
-  connecting,
-  label,
-  wallet
-}) => {
-  const lovelace = useLovelace();
-  return connected && lovelace && wallet?.icon ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("img", { className: "mesh-m-2 mesh-h-6", src: wallet.icon }),
-    "\u20B3",
-    " ",
-    parseInt((parseInt(lovelace, 10) / 1e6).toString(), 10),
-    ".",
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "mesh-text-xs", children: lovelace.substring(lovelace.length - 6) })
-  ] }) : connected && wallet?.icon ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("img", { className: "mesh-m-2 mesh-h-6", src: wallet.icon }) }) : connecting ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children: "Connecting..." }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-    label,
-    " ",
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ChevronDown, {})
-  ] });
-};
-
-// src/cardano-wallet-dropdown/index.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var CardanoWallet2 = ({
-  label = "Connect Wallet",
-  onConnected = void 0,
-  isDark = false,
-  extensions = [],
-  cardanoPeerConnect = void 0
-}) => {
-  const [isDarkMode, setIsDarkMode] = (0, import_react15.useState)(false);
-  const [hideMenuList, setHideMenuList] = (0, import_react15.useState)(true);
-  const { connect: connect2, connecting, connected, disconnect, name } = useWallet();
-  const wallets = useWalletList();
-  (0, import_react15.useEffect)(() => {
-    if (connected && onConnected) {
-      onConnected();
-    }
-  }, [connected]);
-  (0, import_react15.useEffect)(() => {
-    setIsDarkMode(isDark);
-  }, [isDark]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
-    "div",
-    {
-      onMouseEnter: () => setHideMenuList(false),
-      onMouseLeave: () => setHideMenuList(true),
-      style: { width: "min-content", zIndex: 50 },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-          ButtonDropdown,
-          {
-            isDarkMode,
-            hideMenuList,
-            setHideMenuList,
-            children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-              WalletBalance,
-              {
-                connected,
-                connecting,
-                label,
-                wallet: wallets.find((wallet) => wallet.id === name)
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-          "div",
-          {
-            className: `mesh-mr-menu-list mesh-absolute mesh-w-60 mesh-rounded-b-md mesh-border mesh-text-center mesh-shadow-sm mesh-backdrop-blur ${hideMenuList && "mesh-hidden"} ${isDarkMode ? `mesh-bg-neutral-950	mesh-text-neutral-50` : `mesh-bg-neutral-50	mesh-text-neutral-950`}`,
-            style: { zIndex: 50 },
-            children: !connected && wallets.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: wallets.map((wallet, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-              MenuItem,
-              {
-                icon: wallet.icon,
-                label: wallet.name,
-                action: () => {
-                  connect2(wallet.id, extensions);
-                  setHideMenuList(!hideMenuList);
-                },
-                active: name === wallet.id
-              },
-              index
-            )) }) : wallets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "No Wallet Found" }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-              MenuItem,
-              {
-                active: false,
-                label: "disconnect",
-                action: disconnect,
-                icon: void 0
-              }
-            ) })
-          }
-        )
-      ]
-    }
-  );
-};
-
-// src/stake-button/index.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
-var StakeButton = ({
-  label = "Stake your ADA",
-  isDark = false,
-  poolId,
-  onCheck,
-  onDelegated = void 0
-}) => {
-  const [isDarkMode, setIsDarkMode] = (0, import_react16.useState)(false);
-  const { connected } = useWallet();
-  (0, import_react16.useEffect)(() => {
-    setIsDarkMode(isDark);
-  }, [isDark]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children: connected ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ButtonDropdown, { isDarkMode, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-    Delegate,
-    {
-      poolId,
-      onCheck,
-      onDelegated
-    }
-  ) }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CardanoWallet2, { label, isDark }) });
-};
-var Delegate = ({
-  poolId,
-  onCheck,
-  onDelegated
-}) => {
-  const { wallet } = useWallet();
-  const rewardAddress = useRewardAddress();
-  const [_, setError] = (0, import_react16.useState)();
-  const [checking, setChecking] = (0, import_react16.useState)(false);
-  const [accountInfo, setAccountInfo] = (0, import_react16.useState)();
-  const [processing, setProcessing] = (0, import_react16.useState)(false);
-  const [done, setDone] = (0, import_react16.useState)(false);
-  const checkAccountStatus = async () => {
-    try {
-      setChecking(true);
-      if (rewardAddress) {
-        const info = await onCheck(rewardAddress);
-        setAccountInfo(info);
-      }
-      setChecking(false);
-    } catch (error) {
-      setError(error);
-    }
-  };
-  const registerAddress = async () => {
-    setProcessing(true);
-    setDone(false);
-    try {
-      if (rewardAddress) {
-        const tx = new import_transaction.Transaction({ initiator: wallet }).registerStake(rewardAddress).delegateStake(rewardAddress, poolId);
-        const unsignedTx = await tx.build();
-        const signedTx = await wallet.signTx(unsignedTx);
-        await wallet.submitTx(signedTx);
-        if (onDelegated) {
-          onDelegated();
-        }
-        setDone(true);
-      }
-    } catch (error) {
-      setError(error);
-    }
-    setProcessing(false);
-  };
-  const delegateStake = async () => {
-    setProcessing(true);
-    setDone(false);
-    try {
-      if (rewardAddress) {
-        const tx = new import_transaction.Transaction({ initiator: wallet }).delegateStake(rewardAddress, poolId);
-        const unsignedTx = await tx.build();
-        const signedTx = await wallet.signTx(unsignedTx);
-        await wallet.submitTx(signedTx);
-        if (onDelegated) {
-          onDelegated();
-        }
-        setDone(true);
-      }
-    } catch (error) {
-      setError(error);
-    }
-    setProcessing(false);
-  };
-  (0, import_react16.useEffect)(() => {
-    checkAccountStatus();
-  }, [rewardAddress]);
-  if (checking) {
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: "Checking..." });
-  }
-  if (processing) {
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: "Loading..." });
-  }
-  if (done) {
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: "Stake Delegated" });
-  }
-  if (accountInfo?.active) {
-    return accountInfo.poolId === poolId ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: "Stake Delegated" }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { onClick: delegateStake, children: "Begin Staking" });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { onClick: registerAddress, children: "Begin Staking" });
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CardanoWallet,
   MeshBadge,
   MeshProvider,
-  StakeButton,
   WalletContext,
   useAddress,
   useAssets,

package/dist/index.d.cts

@@ -1,11 +1,11 @@
 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 { IFetcher, ISubmitter, IWallet, Asset, Wallet } from '@meshsdk/common';
 import * as _meshsdk_web3_sdk from '@meshsdk/web3-sdk';
 import { EnableWeb3WalletOptions, UserSocialData } from '@meshsdk/web3-sdk';
 import * as react from 'react';
 
-interface ButtonProps$1 {
+interface ButtonProps {
     label?: string;
     onConnected?: Function;
     isDark?: boolean;
@@ -30,7 +30,7 @@ interface ButtonProps$1 {
     showDownload?: boolean;
     web3Services?: EnableWeb3WalletOptions;
 }
-declare const CardanoWallet: ({ label, onConnected, isDark, persist, injectFn, cardanoPeerConnect, burnerWallet, webauthn, showDownload, web3Services, }: ButtonProps$1) => react_jsx_runtime.JSX.Element;
+declare const CardanoWallet: ({ label, onConnected, isDark, persist, injectFn, cardanoPeerConnect, burnerWallet, webauthn, showDownload, web3Services, }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 declare enum WalletState {
     NOT_CONNECTED = "NOT_CONNECTED",
@@ -106,13 +106,4 @@ declare const MeshBadge: ({ isDark }: {
     isDark?: boolean | undefined;
 }) => react_jsx_runtime.JSX.Element;
 
-interface ButtonProps {
-    label?: string;
-    isDark?: boolean;
-    poolId: string;
-    onCheck: (rewardAddress: string) => Promise<AccountInfo>;
-    onDelegated?: () => void;
-}
-declare const StakeButton: ({ label, isDark, poolId, onCheck, onDelegated, }: ButtonProps) => react_jsx_runtime.JSX.Element;
-
-export { CardanoWallet, MeshBadge, MeshProvider, StakeButton, WalletContext, useAddress, useAssets, useLovelace, useNetwork, useRewardAddress, useWallet, useWalletList, useWalletSubmit };
+export { CardanoWallet, MeshBadge, MeshProvider, WalletContext, useAddress, useAssets, useLovelace, useNetwork, useRewardAddress, useWallet, useWalletList, useWalletSubmit };

package/dist/index.d.ts

@@ -1,11 +1,11 @@
 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 { IFetcher, ISubmitter, IWallet, Asset, Wallet } from '@meshsdk/common';
 import * as _meshsdk_web3_sdk from '@meshsdk/web3-sdk';
 import { EnableWeb3WalletOptions, UserSocialData } from '@meshsdk/web3-sdk';
 import * as react from 'react';
 
-interface ButtonProps$1 {
+interface ButtonProps {
     label?: string;
     onConnected?: Function;
     isDark?: boolean;
@@ -30,7 +30,7 @@ interface ButtonProps$1 {
     showDownload?: boolean;
     web3Services?: EnableWeb3WalletOptions;
 }
-declare const CardanoWallet: ({ label, onConnected, isDark, persist, injectFn, cardanoPeerConnect, burnerWallet, webauthn, showDownload, web3Services, }: ButtonProps$1) => react_jsx_runtime.JSX.Element;
+declare const CardanoWallet: ({ label, onConnected, isDark, persist, injectFn, cardanoPeerConnect, burnerWallet, webauthn, showDownload, web3Services, }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 declare enum WalletState {
     NOT_CONNECTED = "NOT_CONNECTED",
@@ -106,13 +106,4 @@ declare const MeshBadge: ({ isDark }: {
     isDark?: boolean | undefined;
 }) => react_jsx_runtime.JSX.Element;
 
-interface ButtonProps {
-    label?: string;
-    isDark?: boolean;
-    poolId: string;
-    onCheck: (rewardAddress: string) => Promise<AccountInfo>;
-    onDelegated?: () => void;
-}
-declare const StakeButton: ({ label, isDark, poolId, onCheck, onDelegated, }: ButtonProps) => react_jsx_runtime.JSX.Element;
-
-export { CardanoWallet, MeshBadge, MeshProvider, StakeButton, WalletContext, useAddress, useAssets, useLovelace, useNetwork, useRewardAddress, useWallet, useWalletList, useWalletSubmit };
+export { CardanoWallet, MeshBadge, MeshProvider, WalletContext, useAddress, useAssets, useLovelace, useNetwork, useRewardAddress, useWallet, useWalletList, useWalletSubmit };

package/dist/index.js

@@ -24972,290 +24972,10 @@ var MeshBadge = ({ isDark = false }) => /* @__PURE__ */ jsxs16(
     ]
   }
 );
-
-// src/stake-button/index.tsx
-import { useEffect as useEffect12, useState as useState15 } from "react";
-import { Transaction } from "@meshsdk/transaction";
-
-// src/cardano-wallet-dropdown/index.tsx
-import { useEffect as useEffect11, useState as useState14 } from "react";
-
-// src/common/button-dropdown.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
-function ButtonDropdown({
-  children,
-  isDarkMode = false,
-  hideMenuList = false,
-  setHideMenuList,
-  onMouseEnter,
-  onMouseLeave
-}) {
-  return /* @__PURE__ */ jsx26(
-    "button",
-    {
-      className: `mesh-mr-menu-list mesh-flex mesh-w-60 mesh-items-center mesh-justify-center mesh-rounded-t-md mesh-border mesh-px-4 mesh-py-2 mesh-text-lg mesh-font-normal mesh-shadow-sm ${isDarkMode ? `mesh-bg-neutral-950	mesh-text-neutral-50` : `mesh-bg-neutral-50	mesh-text-neutral-950`}`,
-      onClick: () => setHideMenuList && setHideMenuList(!hideMenuList),
-      onMouseEnter,
-      onMouseLeave,
-      children
-    }
-  );
-}
-
-// src/cardano-wallet-dropdown/menu-item.tsx
-import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
-function MenuItem({
-  icon,
-  label,
-  action,
-  active
-}) {
-  return /* @__PURE__ */ jsxs17(
-    "div",
-    {
-      className: "mesh-flex mesh-cursor-pointer mesh-items-center mesh-px-4 mesh-py-2 mesh-opacity-80 hover:mesh-opacity-100 mesh-h-16",
-      onClick: action,
-      children: [
-        icon && /* @__PURE__ */ jsx27("img", { className: "mesh-pr-2 mesh-m-1 mesh-h-8", src: icon }),
-        /* @__PURE__ */ jsx27("span", { className: "mesh-mr-menu-item mesh-text-xl mesh-font-normal mesh-text-neutral-700 hover:mesh-text-black", children: label.split(" ").map((word) => {
-          return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
-        }).join(" ") })
-      ]
-    }
-  );
-}
-
-// src/cardano-wallet-dropdown/chevron-down.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
-var ChevronDown = () => /* @__PURE__ */ jsx28(
-  "svg",
-  {
-    className: "mesh-m-2 mesh-h-6",
-    fill: "none",
-    "aria-hidden": "true",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx28(
-      "path",
-      {
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: "2",
-        d: "M19 9l-7 7-7-7"
-      }
-    )
-  }
-);
-
-// src/cardano-wallet-dropdown/wallet-balance.tsx
-import { Fragment as Fragment5, jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
-var WalletBalance = ({
-  connected,
-  connecting,
-  label,
-  wallet
-}) => {
-  const lovelace = useLovelace();
-  return connected && lovelace && wallet?.icon ? /* @__PURE__ */ jsxs18(Fragment5, { children: [
-    /* @__PURE__ */ jsx29("img", { className: "mesh-m-2 mesh-h-6", src: wallet.icon }),
-    "\u20B3",
-    " ",
-    parseInt((parseInt(lovelace, 10) / 1e6).toString(), 10),
-    ".",
-    /* @__PURE__ */ jsx29("span", { className: "mesh-text-xs", children: lovelace.substring(lovelace.length - 6) })
-  ] }) : connected && wallet?.icon ? /* @__PURE__ */ jsx29(Fragment5, { children: /* @__PURE__ */ jsx29("img", { className: "mesh-m-2 mesh-h-6", src: wallet.icon }) }) : connecting ? /* @__PURE__ */ jsx29(Fragment5, { children: "Connecting..." }) : /* @__PURE__ */ jsxs18(Fragment5, { children: [
-    label,
-    " ",
-    /* @__PURE__ */ jsx29(ChevronDown, {})
-  ] });
-};
-
-// src/cardano-wallet-dropdown/index.tsx
-import { Fragment as Fragment6, jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
-var CardanoWallet2 = ({
-  label = "Connect Wallet",
-  onConnected = void 0,
-  isDark = false,
-  extensions = [],
-  cardanoPeerConnect = void 0
-}) => {
-  const [isDarkMode, setIsDarkMode] = useState14(false);
-  const [hideMenuList, setHideMenuList] = useState14(true);
-  const { connect: connect2, connecting, connected, disconnect, name } = useWallet();
-  const wallets = useWalletList();
-  useEffect11(() => {
-    if (connected && onConnected) {
-      onConnected();
-    }
-  }, [connected]);
-  useEffect11(() => {
-    setIsDarkMode(isDark);
-  }, [isDark]);
-  return /* @__PURE__ */ jsxs19(
-    "div",
-    {
-      onMouseEnter: () => setHideMenuList(false),
-      onMouseLeave: () => setHideMenuList(true),
-      style: { width: "min-content", zIndex: 50 },
-      children: [
-        /* @__PURE__ */ jsx30(
-          ButtonDropdown,
-          {
-            isDarkMode,
-            hideMenuList,
-            setHideMenuList,
-            children: /* @__PURE__ */ jsx30(
-              WalletBalance,
-              {
-                connected,
-                connecting,
-                label,
-                wallet: wallets.find((wallet) => wallet.id === name)
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx30(
-          "div",
-          {
-            className: `mesh-mr-menu-list mesh-absolute mesh-w-60 mesh-rounded-b-md mesh-border mesh-text-center mesh-shadow-sm mesh-backdrop-blur ${hideMenuList && "mesh-hidden"} ${isDarkMode ? `mesh-bg-neutral-950	mesh-text-neutral-50` : `mesh-bg-neutral-50	mesh-text-neutral-950`}`,
-            style: { zIndex: 50 },
-            children: !connected && wallets.length > 0 ? /* @__PURE__ */ jsx30(Fragment6, { children: wallets.map((wallet, index) => /* @__PURE__ */ jsx30(
-              MenuItem,
-              {
-                icon: wallet.icon,
-                label: wallet.name,
-                action: () => {
-                  connect2(wallet.id, extensions);
-                  setHideMenuList(!hideMenuList);
-                },
-                active: name === wallet.id
-              },
-              index
-            )) }) : wallets.length === 0 ? /* @__PURE__ */ jsx30("span", { children: "No Wallet Found" }) : /* @__PURE__ */ jsx30(Fragment6, { children: /* @__PURE__ */ jsx30(
-              MenuItem,
-              {
-                active: false,
-                label: "disconnect",
-                action: disconnect,
-                icon: void 0
-              }
-            ) })
-          }
-        )
-      ]
-    }
-  );
-};
-
-// src/stake-button/index.tsx
-import { Fragment as Fragment7, jsx as jsx31 } from "react/jsx-runtime";
-var StakeButton = ({
-  label = "Stake your ADA",
-  isDark = false,
-  poolId,
-  onCheck,
-  onDelegated = void 0
-}) => {
-  const [isDarkMode, setIsDarkMode] = useState15(false);
-  const { connected } = useWallet();
-  useEffect12(() => {
-    setIsDarkMode(isDark);
-  }, [isDark]);
-  return /* @__PURE__ */ jsx31(Fragment7, { children: connected ? /* @__PURE__ */ jsx31(ButtonDropdown, { isDarkMode, children: /* @__PURE__ */ jsx31(
-    Delegate,
-    {
-      poolId,
-      onCheck,
-      onDelegated
-    }
-  ) }) : /* @__PURE__ */ jsx31(CardanoWallet2, { label, isDark }) });
-};
-var Delegate = ({
-  poolId,
-  onCheck,
-  onDelegated
-}) => {
-  const { wallet } = useWallet();
-  const rewardAddress = useRewardAddress();
-  const [_, setError] = useState15();
-  const [checking, setChecking] = useState15(false);
-  const [accountInfo, setAccountInfo] = useState15();
-  const [processing, setProcessing] = useState15(false);
-  const [done, setDone] = useState15(false);
-  const checkAccountStatus = async () => {
-    try {
-      setChecking(true);
-      if (rewardAddress) {
-        const info = await onCheck(rewardAddress);
-        setAccountInfo(info);
-      }
-      setChecking(false);
-    } catch (error) {
-      setError(error);
-    }
-  };
-  const registerAddress = async () => {
-    setProcessing(true);
-    setDone(false);
-    try {
-      if (rewardAddress) {
-        const tx = new Transaction({ initiator: wallet }).registerStake(rewardAddress).delegateStake(rewardAddress, poolId);
-        const unsignedTx = await tx.build();
-        const signedTx = await wallet.signTx(unsignedTx);
-        await wallet.submitTx(signedTx);
-        if (onDelegated) {
-          onDelegated();
-        }
-        setDone(true);
-      }
-    } catch (error) {
-      setError(error);
-    }
-    setProcessing(false);
-  };
-  const delegateStake = async () => {
-    setProcessing(true);
-    setDone(false);
-    try {
-      if (rewardAddress) {
-        const tx = new Transaction({ initiator: wallet }).delegateStake(rewardAddress, poolId);
-        const unsignedTx = await tx.build();
-        const signedTx = await wallet.signTx(unsignedTx);
-        await wallet.submitTx(signedTx);
-        if (onDelegated) {
-          onDelegated();
-        }
-        setDone(true);
-      }
-    } catch (error) {
-      setError(error);
-    }
-    setProcessing(false);
-  };
-  useEffect12(() => {
-    checkAccountStatus();
-  }, [rewardAddress]);
-  if (checking) {
-    return /* @__PURE__ */ jsx31("span", { children: "Checking..." });
-  }
-  if (processing) {
-    return /* @__PURE__ */ jsx31("span", { children: "Loading..." });
-  }
-  if (done) {
-    return /* @__PURE__ */ jsx31("span", { children: "Stake Delegated" });
-  }
-  if (accountInfo?.active) {
-    return accountInfo.poolId === poolId ? /* @__PURE__ */ jsx31("span", { children: "Stake Delegated" }) : /* @__PURE__ */ jsx31("span", { onClick: delegateStake, children: "Begin Staking" });
-  }
-  return /* @__PURE__ */ jsx31("span", { onClick: registerAddress, children: "Begin Staking" });
-};
 export {
   CardanoWallet,
   MeshBadge,
   MeshProvider,
-  StakeButton,
   WalletContext,
   useAddress,
   useAssets,

package/package.json

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