@cookill/wallet-adapter 3.1.7 → 3.1.8

package/dist/react.cjs

@@ -742,10 +742,7 @@ function WalletProvider({
     }
     if (!wallet.isInstalled) {
       dispatch({ type: "OPEN_MODAL" });
-      const err = new Error("Sheep Wallet not installed");
-      dispatch({ type: "ERROR", error: err });
-      onError?.(err);
-      throw err;
+      return [];
     }
     connectingRef.current = true;
     dispatch({ type: "CONNECTING" });
@@ -1046,6 +1043,12 @@ function WalletModal({ scanConnectRelay, dispatch }) {
   const { state, wallets, connect, closeModal, isInstalled: installed } = useWallet();
   const [activeTab, setActiveTab] = React.useState("extension");
   const [scanMode, setScanMode] = React.useState("show-qr");
+  const [webWalletMode, setWebWalletMode] = React.useState("menu");
+  const [webWalletPassword, setWebWalletPassword] = React.useState("");
+  const [webWalletMnemonic, setWebWalletMnemonic] = React.useState("");
+  const [webWalletGeneratedMnemonic, setWebWalletGeneratedMnemonic] = React.useState("");
+  const [webWalletError, setWebWalletError] = React.useState("");
+  const [webWalletLoading, setWebWalletLoading] = React.useState(false);
   const [generatedURI, setGeneratedURI] = React.useState(null);
   const [qrReady, setQRReady] = React.useState(false);
   const canvasRef = React.useRef(null);
@@ -1075,6 +1078,53 @@ function WalletModal({ scanConnectRelay, dispatch }) {
     } catch {
     }
   };
+  const handleWebWalletConnect = async (action) => {
+    setWebWalletError("");
+    setWebWalletLoading(true);
+    try {
+      const provider = window.rialo;
+      if (!provider?.isWebWallet) {
+        throw new Error("Web wallet provider not available. Make sure registerWebWallet() is called.");
+      }
+      if (action === "create") {
+        if (!webWalletPassword || webWalletPassword.length < 6) {
+          throw new Error("Password must be at least 6 characters");
+        }
+        const result = await provider.createWallet(webWalletPassword);
+        setWebWalletGeneratedMnemonic(result.mnemonic);
+        try {
+          await connect();
+        } catch {
+        }
+      } else if (action === "import") {
+        if (!webWalletMnemonic.trim()) {
+          throw new Error("Please enter your recovery phrase");
+        }
+        if (!webWalletPassword || webWalletPassword.length < 6) {
+          throw new Error("Password must be at least 6 characters");
+        }
+        await provider.importWallet(webWalletMnemonic.trim(), webWalletPassword);
+        try {
+          await connect();
+        } catch {
+        }
+      } else if (action === "unlock") {
+        if (!webWalletPassword) {
+          throw new Error("Please enter your password");
+        }
+        const unlocked = await provider.unlock(webWalletPassword);
+        if (!unlocked) throw new Error("Incorrect password");
+        try {
+          await connect();
+        } catch {
+        }
+      }
+    } catch (err) {
+      setWebWalletError(err?.message || "Web wallet operation failed");
+    } finally {
+      setWebWalletLoading(false);
+    }
+  };
   const generateScanSession = async () => {
     dispatch({ type: "SET_SCAN_STATUS", status: "generating" });
     const sessionId = crypto.randomUUID();
@@ -1237,7 +1287,32 @@ function WalletModal({ scanConnectRelay, dispatch }) {
           },
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(QrIcon, {}),
-            " Scan to Connect"
+            " Scan"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: (e) => {
+            stop(e);
+            setActiveTab("webwallet");
+          },
+          style: {
+            ...tabBaseStyle,
+            backgroundColor: activeTab === "webwallet" ? "rgba(255,255,255,0.08)" : "transparent",
+            color: activeTab === "webwallet" ? "#6EB9A8" : "rgba(255,255,255,0.4)",
+            fontWeight: activeTab === "webwallet" ? 600 : 400
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
+              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 10h20" }),
+              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 17v4" }),
+              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 21h8" })
+            ] }),
+            "Web Wallet"
           ]
         }
       )
@@ -1492,6 +1567,238 @@ function WalletModal({ scanConnectRelay, dispatch }) {
         ] })
       ] })
     ] }),
+    activeTab === "webwallet" && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      (() => {
+        const webProvider = typeof window !== "undefined" ? window.rialo : null;
+        const hasWebWallet = webProvider?.isWebWallet && webProvider?.hasWallet?.();
+        const isUnlocked = webProvider?.isWebWallet && webProvider?.isUnlocked?.();
+        if (webWalletGeneratedMnemonic) {
+          return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
+              padding: "14px",
+              backgroundColor: "rgba(110,185,168,0.08)",
+              border: "1px solid rgba(110,185,168,0.2)",
+              borderRadius: "12px",
+              marginBottom: "16px"
+            }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "#6EB9A8", fontSize: "12px", fontWeight: 600, marginBottom: "8px" }, children: "Wallet Created & Connected!" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "rgba(255,255,255,0.6)", fontSize: "11px", marginBottom: "8px" }, children: "Save your recovery phrase securely:" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+                padding: "10px",
+                backgroundColor: "rgba(0,0,0,0.3)",
+                borderRadius: "8px",
+                color: "#fff",
+                fontSize: "12px",
+                fontFamily: "monospace",
+                wordBreak: "break-word",
+                lineHeight: 1.6
+              }, children: webWalletGeneratedMnemonic })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: (e) => {
+                  stop(e);
+                  setWebWalletGeneratedMnemonic("");
+                  closeModal();
+                },
+                style: { width: "100%", padding: "12px", backgroundColor: "#6EB9A8", border: "none", borderRadius: "12px", color: "#011B29", fontSize: "14px", fontWeight: 600, cursor: "pointer" },
+                children: "I've Saved It \u2014 Continue"
+              }
+            )
+          ] });
+        }
+        if (hasWebWallet && !isUnlocked) {
+          return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "rgba(255,255,255,0.5)", fontSize: "13px", marginBottom: "16px" }, children: "Web wallet locked. Enter password to connect." }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "password",
+                placeholder: "Password",
+                value: webWalletPassword,
+                onChange: (e) => setWebWalletPassword(e.target.value),
+                onClick: stop,
+                onKeyDown: (e) => {
+                  if (e.key === "Enter") handleWebWalletConnect("unlock");
+                },
+                style: { width: "100%", padding: "12px 14px", backgroundColor: "rgba(255,255,255,0.04)", border: "1px solid rgba(255,255,255,0.1)", borderRadius: "12px", color: "#fff", fontSize: "14px", marginBottom: "12px", outline: "none", boxSizing: "border-box" }
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: (e) => {
+                  stop(e);
+                  handleWebWalletConnect("unlock");
+                },
+                disabled: webWalletLoading,
+                style: { width: "100%", padding: "12px", backgroundColor: "#6EB9A8", border: "none", borderRadius: "12px", color: "#011B29", fontSize: "14px", fontWeight: 600, cursor: webWalletLoading ? "wait" : "pointer", opacity: webWalletLoading ? 0.6 : 1 },
+                children: webWalletLoading ? "Unlocking..." : "Unlock & Connect"
+              }
+            )
+          ] });
+        }
+        if (hasWebWallet && isUnlocked) {
+          return /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", onClick: async (e) => {
+            stop(e);
+            setWebWalletLoading(true);
+            try {
+              await connect();
+            } catch (err) {
+              setWebWalletError(err?.message || "Failed");
+            } finally {
+              setWebWalletLoading(false);
+            }
+          }, disabled: webWalletLoading, style: {
+            width: "100%",
+            display: "flex",
+            alignItems: "center",
+            gap: "14px",
+            padding: "16px",
+            backgroundColor: "rgba(255,255,255,0.04)",
+            border: "1px solid rgba(255,255,255,0.08)",
+            borderRadius: "14px",
+            cursor: webWalletLoading ? "wait" : "pointer"
+          }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "44px", height: "44px", borderRadius: "12px", background: "linear-gradient(135deg, #3B82F6, #6366F1)", display: "flex", alignItems: "center", justifyContent: "center", color: "#fff" }, children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
+              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 10h20" })
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1, textAlign: "left" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "#fff", fontWeight: 500, fontSize: "15px" }, children: "Web Wallet" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "12px", color: "#6EB9A8" }, children: webWalletLoading ? "Connecting..." : "Ready \u2014 Click to connect" })
+            ] })
+          ] });
+        }
+        if (webWalletMode === "create") {
+          return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: (e) => {
+              stop(e);
+              setWebWalletMode("menu");
+            }, style: { background: "none", border: "none", color: "rgba(255,255,255,0.4)", cursor: "pointer", fontSize: "12px", marginBottom: "12px", padding: 0 }, children: "\u2190 Back" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "rgba(255,255,255,0.5)", fontSize: "13px", marginBottom: "16px" }, children: "Create a new web wallet with a generated recovery phrase." }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "password",
+                placeholder: "Set password (min 6 chars)",
+                value: webWalletPassword,
+                onChange: (e) => setWebWalletPassword(e.target.value),
+                onClick: stop,
+                style: { width: "100%", padding: "12px 14px", backgroundColor: "rgba(255,255,255,0.04)", border: "1px solid rgba(255,255,255,0.1)", borderRadius: "12px", color: "#fff", fontSize: "14px", marginBottom: "12px", outline: "none", boxSizing: "border-box" }
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: (e) => {
+                  stop(e);
+                  handleWebWalletConnect("create");
+                },
+                disabled: webWalletLoading,
+                style: { width: "100%", padding: "12px", backgroundColor: "#6EB9A8", border: "none", borderRadius: "12px", color: "#011B29", fontSize: "14px", fontWeight: 600, cursor: webWalletLoading ? "wait" : "pointer", opacity: webWalletLoading ? 0.6 : 1 },
+                children: webWalletLoading ? "Creating..." : "Create Wallet"
+              }
+            )
+          ] });
+        }
+        if (webWalletMode === "import") {
+          return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: (e) => {
+              stop(e);
+              setWebWalletMode("menu");
+            }, style: { background: "none", border: "none", color: "rgba(255,255,255,0.4)", cursor: "pointer", fontSize: "12px", marginBottom: "12px", padding: 0 }, children: "\u2190 Back" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "rgba(255,255,255,0.5)", fontSize: "13px", marginBottom: "16px" }, children: "Import wallet from recovery phrase." }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "textarea",
+              {
+                placeholder: "Enter 12 or 24 word recovery phrase",
+                value: webWalletMnemonic,
+                onChange: (e) => setWebWalletMnemonic(e.target.value),
+                onClick: stop,
+                style: { width: "100%", padding: "12px 14px", backgroundColor: "rgba(255,255,255,0.04)", border: "1px solid rgba(255,255,255,0.1)", borderRadius: "12px", color: "#fff", fontSize: "13px", marginBottom: "12px", outline: "none", boxSizing: "border-box", minHeight: "80px", resize: "vertical", fontFamily: "monospace" }
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "password",
+                placeholder: "Set password (min 6 chars)",
+                value: webWalletPassword,
+                onChange: (e) => setWebWalletPassword(e.target.value),
+                onClick: stop,
+                style: { width: "100%", padding: "12px 14px", backgroundColor: "rgba(255,255,255,0.04)", border: "1px solid rgba(255,255,255,0.1)", borderRadius: "12px", color: "#fff", fontSize: "14px", marginBottom: "12px", outline: "none", boxSizing: "border-box" }
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: (e) => {
+                  stop(e);
+                  handleWebWalletConnect("import");
+                },
+                disabled: webWalletLoading,
+                style: { width: "100%", padding: "12px", backgroundColor: "#6EB9A8", border: "none", borderRadius: "12px", color: "#011B29", fontSize: "14px", fontWeight: 600, cursor: webWalletLoading ? "wait" : "pointer", opacity: webWalletLoading ? 0.6 : 1 },
+                children: webWalletLoading ? "Importing..." : "Import & Connect"
+              }
+            )
+          ] });
+        }
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "rgba(255,255,255,0.5)", fontSize: "13px", marginBottom: "16px", lineHeight: 1.5 }, children: webProvider?.isWebWallet ? "Create or import a web wallet \u2014 no extension needed." : "Web wallet not available. Call registerWebWallet() at app startup." }),
+          webProvider?.isWebWallet && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "10px" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: (e) => {
+                  stop(e);
+                  setWebWalletMode("create");
+                  setWebWalletError("");
+                },
+                style: { width: "100%", display: "flex", alignItems: "center", gap: "14px", padding: "16px", backgroundColor: "rgba(255,255,255,0.04)", border: "1px solid rgba(255,255,255,0.08)", borderRadius: "14px", cursor: "pointer" },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "40px", height: "40px", borderRadius: "10px", background: "linear-gradient(135deg, #3B82F6, #6366F1)", display: "flex", alignItems: "center", justifyContent: "center", color: "#fff", fontSize: "18px" }, children: "+" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { textAlign: "left" }, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "#fff", fontWeight: 500, fontSize: "14px" }, children: "Create New Wallet" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "rgba(255,255,255,0.4)", fontSize: "11px" }, children: "Generate a new recovery phrase" })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: (e) => {
+                  stop(e);
+                  setWebWalletMode("import");
+                  setWebWalletError("");
+                },
+                style: { width: "100%", display: "flex", alignItems: "center", gap: "14px", padding: "16px", backgroundColor: "rgba(255,255,255,0.04)", border: "1px solid rgba(255,255,255,0.08)", borderRadius: "14px", cursor: "pointer" },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "40px", height: "40px", borderRadius: "10px", background: "linear-gradient(135deg, #F59E0B, #EF4444)", display: "flex", alignItems: "center", justifyContent: "center", color: "#fff" }, children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 3v12" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m8 11 4 4 4-4" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 5H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-4" })
+                  ] }) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { textAlign: "left" }, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "#fff", fontWeight: 500, fontSize: "14px" }, children: "Import Wallet" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "rgba(255,255,255,0.4)", fontSize: "11px" }, children: "Use existing recovery phrase" })
+                  ] })
+                ]
+              }
+            )
+          ] })
+        ] });
+      })(),
+      webWalletError && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: "12px", padding: "10px 12px", backgroundColor: "rgba(239,68,68,0.08)", border: "1px solid rgba(239,68,68,0.15)", borderRadius: "10px", color: "#f87171", fontSize: "12px" }, children: webWalletError })
+    ] }),
     state.error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
       marginTop: "16px",
       padding: "12px 14px",
@@ -1659,14 +1966,7 @@ function ConnectButton({
     if (connected) {
       setShowMenu(!showMenu);
     } else {
-      if (installed) {
-        try {
-          await connect();
-        } catch {
-        }
-      } else {
-        openModal();
-      }
+      openModal();
     }
   };
   const displayText = connected && activeAccount && showAddress ? `${activeAccount.address.slice(0, 6)}...${activeAccount.address.slice(-4)}` : connecting ? "Connecting..." : connectLabel;