@meshsdk/react 1.8.7 → 1.8.9

package/dist/index.cjs

@@ -60,12 +60,12 @@ var require_dist = __commonJS({
                 return e5;
               }, Math.permutation = (t4, e5) => Math.factorial(t4) / Math.factorial(t4 - e5), Math.combination = (t4, e5) => Math.factorial(t4) / (Math.factorial(e5) * Math.factorial(t4 - e5)), Array.times = (t4, e5) => Array(e5).fill(0).map((e6, r3) => t4(r3)), Array.range = (t4) => Array.times((t5) => t5, t4), Array.zip = (t4, e5) => t4.map((t5, r3) => [t5, e5[r3]]), Object.defineProperty(Array.prototype, "at", { value: function(t4) {
                 const e5 = this.length;
-                return this[t4 < 0 ? e5 - Math.abs(t4 + 1) % e5 - 1 : t4 % e5];
-              } }), Object.defineProperty(Array.prototype, "chunk", { value: function(t4) {
+                if (e5) return this[(t4 % e5 + e5) % e5];
+              }, writable: true, configurable: true, enumerable: false }), Array.prototype.chunk || Object.defineProperty(Array.prototype, "chunk", { value: function(t4) {
                 return Array.times((e5) => this.slice(e5 * t4, e5 * t4 + t4), Math.ceil(this.length / t4));
-              } }), Object.defineProperty(Array.prototype, "shuffle", { value: function() {
+              }, writable: true, configurable: true, enumerable: false }), Array.prototype.shuffle || Object.defineProperty(Array.prototype, "shuffle", { value: function() {
                 return this.map((t4) => [Math.random(), t4]).sort((t4, e5) => t4[0] - e5[0]).map((t4) => t4[1]);
-              } });
+              }, writable: true, configurable: true, enumerable: false });
               const e4 = (t4, e5) => t4 || e5 ? "object" == typeof t4 ? { x: t4.x || 0, y: t4.y || 0 } : null == e5 ? { x: t4, y: t4 } : { x: t4, y: e5 } : { x: 0, y: 0 };
               e4.components = (t4) => [t4.x, t4.y], e4.ux = () => e4(1, 0), e4.uy = () => e4(0, 1), e4.add = (t4, e5) => ({ x: t4.x + e5.x, y: t4.y + e5.y }), e4.mul = (t4, e5) => ({ x: t4.x * e5, y: t4.y * e5 }), e4.sub = (t4, e5) => ({ x: t4.x - e5.x, y: t4.y - e5.y }), e4.len = (t4) => Math.sqrt(t4.x * t4.x + t4.y * t4.y), e4.manhattan = (t4) => Math.abs(t4.x) + Math.abs(t4.y), e4.nor = (t4) => {
                 let r3 = e4.len(t4);
@@ -23740,12 +23740,12 @@ var useAssets = () => {
 var import_react4 = require("react");
 var import_wallet2 = require("@meshsdk/wallet");
 var useWalletList = ({
-  metamask = void 0
+  injectFn = void 0
 } = {}) => {
   const [wallets, setWallets] = (0, import_react4.useState)([]);
   (0, import_react4.useEffect)(() => {
     async function get() {
-      setWallets(await import_wallet2.BrowserWallet.getAvailableWallets({ metamask }));
+      setWallets(await import_wallet2.BrowserWallet.getAvailableWallets({ injectFn }));
     }
     get();
   }, []);
@@ -24329,7 +24329,7 @@ function WalletIcon({
 // src/cardano-wallet/screen-main.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function ScreenMain({
-  metamask,
+  injectFn,
   extensions,
   setOpen,
   setScreen,
@@ -24337,7 +24337,7 @@ function ScreenMain({
   burnerWallet,
   webauthn
 }) {
-  const wallets = useWalletList({ metamask });
+  const wallets = useWalletList({ injectFn });
   const { connect: connect2 } = useWallet();
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "mesh-grid mesh-gap-4 mesh-py-4 mesh-grid-cols-5 mesh-place-items-center mesh-gap-y-8", children: [
     wallets.map((wallet, index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
@@ -24588,7 +24588,7 @@ var CardanoWallet = ({
   onConnected = void 0,
   isDark = false,
   extensions = [],
-  metamask = void 0,
+  injectFn = void 0,
   cardanoPeerConnect = void 0,
   burnerWallet = void 0,
   webauthn = void 0
@@ -24613,7 +24613,7 @@ var CardanoWallet = ({
           screen == "main" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             ScreenMain,
             {
-              metamask,
+              injectFn,
               extensions,
               setOpen,
               setScreen,
@@ -24828,14 +24828,13 @@ var CardanoWallet2 = ({
   label = "Connect Wallet",
   onConnected = void 0,
   isDark = false,
-  metamask = void 0,
   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({ metamask });
+  const wallets = useWalletList();
   (0, import_react15.useEffect)(() => {
     if (connected && onConnected) {
       onConnected();

package/dist/index.d.cts

@@ -8,9 +8,7 @@ interface ButtonProps$1 {
     onConnected?: Function;
     isDark?: boolean;
     extensions?: number[];
-    metamask?: {
-        network: string;
-    };
+    injectFn?: () => Promise<void>;
     cardanoPeerConnect?: {
         dAppInfo: {
             name: string;
@@ -28,7 +26,7 @@ interface ButtonProps$1 {
         url: string;
     };
 }
-declare const CardanoWallet: ({ label, onConnected, isDark, extensions, metamask, cardanoPeerConnect, burnerWallet, webauthn, }: ButtonProps$1) => react_jsx_runtime.JSX.Element;
+declare const CardanoWallet: ({ label, onConnected, isDark, extensions, injectFn, cardanoPeerConnect, burnerWallet, webauthn, }: ButtonProps$1) => react_jsx_runtime.JSX.Element;
 
 interface WalletContext {
     hasConnectedWallet: boolean;
@@ -51,10 +49,8 @@ declare const useAddress: (accountId?: number) => string | undefined;
 
 declare const useAssets: () => Asset[] | undefined;
 
-declare const useWalletList: ({ metamask, }?: {
-    metamask?: {
-        network: string;
-    };
+declare const useWalletList: ({ injectFn, }?: {
+    injectFn?: () => Promise<void>;
 }) => Wallet[];
 
 declare const useLovelace: () => string | undefined;

package/dist/index.d.ts

@@ -8,9 +8,7 @@ interface ButtonProps$1 {
     onConnected?: Function;
     isDark?: boolean;
     extensions?: number[];
-    metamask?: {
-        network: string;
-    };
+    injectFn?: () => Promise<void>;
     cardanoPeerConnect?: {
         dAppInfo: {
             name: string;
@@ -28,7 +26,7 @@ interface ButtonProps$1 {
         url: string;
     };
 }
-declare const CardanoWallet: ({ label, onConnected, isDark, extensions, metamask, cardanoPeerConnect, burnerWallet, webauthn, }: ButtonProps$1) => react_jsx_runtime.JSX.Element;
+declare const CardanoWallet: ({ label, onConnected, isDark, extensions, injectFn, cardanoPeerConnect, burnerWallet, webauthn, }: ButtonProps$1) => react_jsx_runtime.JSX.Element;
 
 interface WalletContext {
     hasConnectedWallet: boolean;
@@ -51,10 +49,8 @@ declare const useAddress: (accountId?: number) => string | undefined;
 
 declare const useAssets: () => Asset[] | undefined;
 
-declare const useWalletList: ({ metamask, }?: {
-    metamask?: {
-        network: string;
-    };
+declare const useWalletList: ({ injectFn, }?: {
+    injectFn?: () => Promise<void>;
 }) => Wallet[];
 
 declare const useLovelace: () => string | undefined;

package/dist/index.js

@@ -54,12 +54,12 @@ var require_dist = __commonJS({
                 return e5;
               }, Math.permutation = (t4, e5) => Math.factorial(t4) / Math.factorial(t4 - e5), Math.combination = (t4, e5) => Math.factorial(t4) / (Math.factorial(e5) * Math.factorial(t4 - e5)), Array.times = (t4, e5) => Array(e5).fill(0).map((e6, r3) => t4(r3)), Array.range = (t4) => Array.times((t5) => t5, t4), Array.zip = (t4, e5) => t4.map((t5, r3) => [t5, e5[r3]]), Object.defineProperty(Array.prototype, "at", { value: function(t4) {
                 const e5 = this.length;
-                return this[t4 < 0 ? e5 - Math.abs(t4 + 1) % e5 - 1 : t4 % e5];
-              } }), Object.defineProperty(Array.prototype, "chunk", { value: function(t4) {
+                if (e5) return this[(t4 % e5 + e5) % e5];
+              }, writable: true, configurable: true, enumerable: false }), Array.prototype.chunk || Object.defineProperty(Array.prototype, "chunk", { value: function(t4) {
                 return Array.times((e5) => this.slice(e5 * t4, e5 * t4 + t4), Math.ceil(this.length / t4));
-              } }), Object.defineProperty(Array.prototype, "shuffle", { value: function() {
+              }, writable: true, configurable: true, enumerable: false }), Array.prototype.shuffle || Object.defineProperty(Array.prototype, "shuffle", { value: function() {
                 return this.map((t4) => [Math.random(), t4]).sort((t4, e5) => t4[0] - e5[0]).map((t4) => t4[1]);
-              } });
+              }, writable: true, configurable: true, enumerable: false });
               const e4 = (t4, e5) => t4 || e5 ? "object" == typeof t4 ? { x: t4.x || 0, y: t4.y || 0 } : null == e5 ? { x: t4, y: t4 } : { x: t4, y: e5 } : { x: 0, y: 0 };
               e4.components = (t4) => [t4.x, t4.y], e4.ux = () => e4(1, 0), e4.uy = () => e4(0, 1), e4.add = (t4, e5) => ({ x: t4.x + e5.x, y: t4.y + e5.y }), e4.mul = (t4, e5) => ({ x: t4.x * e5, y: t4.y * e5 }), e4.sub = (t4, e5) => ({ x: t4.x - e5.x, y: t4.y - e5.y }), e4.len = (t4) => Math.sqrt(t4.x * t4.x + t4.y * t4.y), e4.manhattan = (t4) => Math.abs(t4.x) + Math.abs(t4.y), e4.nor = (t4) => {
                 let r3 = e4.len(t4);
@@ -23715,12 +23715,12 @@ var useAssets = () => {
 import { useEffect as useEffect3, useState as useState4 } from "react";
 import { BrowserWallet as BrowserWallet2 } from "@meshsdk/wallet";
 var useWalletList = ({
-  metamask = void 0
+  injectFn = void 0
 } = {}) => {
   const [wallets, setWallets] = useState4([]);
   useEffect3(() => {
     async function get() {
-      setWallets(await BrowserWallet2.getAvailableWallets({ metamask }));
+      setWallets(await BrowserWallet2.getAvailableWallets({ injectFn }));
     }
     get();
   }, []);
@@ -24308,7 +24308,7 @@ function WalletIcon({
 // src/cardano-wallet/screen-main.tsx
 import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 function ScreenMain({
-  metamask,
+  injectFn,
   extensions,
   setOpen,
   setScreen,
@@ -24316,7 +24316,7 @@ function ScreenMain({
   burnerWallet,
   webauthn
 }) {
-  const wallets = useWalletList({ metamask });
+  const wallets = useWalletList({ injectFn });
   const { connect: connect2 } = useWallet();
   return /* @__PURE__ */ jsx14(TooltipProvider, { children: /* @__PURE__ */ jsxs10("div", { className: "mesh-grid mesh-gap-4 mesh-py-4 mesh-grid-cols-5 mesh-place-items-center mesh-gap-y-8", children: [
     wallets.map((wallet, index) => /* @__PURE__ */ jsx14(
@@ -24567,7 +24567,7 @@ var CardanoWallet = ({
   onConnected = void 0,
   isDark = false,
   extensions = [],
-  metamask = void 0,
+  injectFn = void 0,
   cardanoPeerConnect = void 0,
   burnerWallet = void 0,
   webauthn = void 0
@@ -24592,7 +24592,7 @@ var CardanoWallet = ({
           screen == "main" && /* @__PURE__ */ jsx19(
             ScreenMain,
             {
-              metamask,
+              injectFn,
               extensions,
               setOpen,
               setScreen,
@@ -24807,14 +24807,13 @@ var CardanoWallet2 = ({
   label = "Connect Wallet",
   onConnected = void 0,
   isDark = false,
-  metamask = void 0,
   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({ metamask });
+  const wallets = useWalletList();
   useEffect11(() => {
     if (connected && onConnected) {
       onConnected();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meshsdk/react",
-  "version": "1.8.7",
+  "version": "1.8.9",
   "description": "React component library - https://meshjs.dev/react",
   "main": "./dist/index.cjs",
   "browser": "./dist/index.js",
@@ -21,7 +21,7 @@
   "scripts": {
     "build:mesh_old": "tsup src/index.ts --format esm,cjs --cjsInterop --dts && tailwindcss -i ./src/styles.css -o ./dist/index.css",
     "build:mesh": "tsup && tailwindcss -i ./src/styles.css -o ./dist/index.css",
-    "dev": "tsup src/index.ts --format esm,cjs --watch --dts",
+    "dev": "concurrently \"tsup src/index.ts --format esm,cjs --watch --dts\" \"tailwindcss -i ./src/styles.css -o ./dist/index.css --watch\"",
     "clean": "rm -rf .turbo && rm -rf dist && rm -rf node_modules",
     "format": "prettier --check . --ignore-path ../../.gitignore",
     "lint": "eslint",
@@ -30,9 +30,9 @@
   },
   "dependencies": {
     "@fabianbormann/cardano-peer-connect": "^1.2.18",
-    "@meshsdk/common": "1.8.7",
-    "@meshsdk/transaction": "1.8.7",
-    "@meshsdk/wallet": "1.8.7",
+    "@meshsdk/common": "1.8.9",
+    "@meshsdk/transaction": "1.8.9",
+    "@meshsdk/wallet": "1.8.9",
     "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-dropdown-menu": "^2.1.2",
     "@radix-ui/react-icons": "^1.3.2",
@@ -46,6 +46,7 @@
     "@meshsdk/configs": "*",
     "@types/react": "^18.2.61",
     "autoprefixer": "^10.4.18",
+    "concurrently": "^8.0.1",
     "postcss": "^8.4.35",
     "tailwindcss": "^3.4.1",
     "typescript": "latest"