@splitmarkets/sdk 0.2.1 → 0.2.2

package/dist/widget.js

@@ -36,7 +36,7 @@ function SplitTradeWidget({
   const [side, setSide] = useState("long");
   const [markets, setMarkets] = useState([]);
   const [picked, setPicked] = useState(null);
-  const [amount, setAmount] = useState("0.1");
+  const [amount, setAmount] = useState("5");
   const [position, setPosition] = useState(null);
   const [status, setStatus] = useState("");
   const [busy, setBusy] = useState(false);
@@ -105,11 +105,17 @@ function SplitTradeWidget({
       setStatus("Connect a wallet first.");
       return;
     }
-    const qN = Number(amount);
-    if (!(qN > 0)) {
-      setStatus("Enter an amount > 0.");
+    const usd = Number(amount);
+    if (!(usd > 0)) {
+      setStatus("Enter a dollar amount > 0.");
       return;
     }
+    const m = markets.find((x) => x.seriesId === picked);
+    if (!m || !(m.premium > 0)) {
+      setStatus("Market not ready \u2014 try again.");
+      return;
+    }
+    const qN = usd / m.premium;
     setBusy(true);
     try {
       if (gasless) {
@@ -117,11 +123,11 @@ function SplitTradeWidget({
         const t = trading ?? await deriveTradingAccount(walletClient, account, chain);
         if (!trading) setTrading(t);
         const r = await buyGasless({ chain, side, seriesId: picked, qN, walletClient, account, trading: t });
-        setStatus(`Bought ${qN} contracts. tx ${r.txHash.slice(0, 10)}\u2026`);
+        setStatus(`Bought $${usd} of ${side}. tx ${r.txHash.slice(0, 10)}\u2026`);
       } else {
         setStatus("Confirm in your wallet (approve, then buy)\u2026");
         const r = await buy({ chain, side, seriesId: picked, qN, walletClient, account });
-        setStatus(`Bought ${r.qN} contracts. tx ${r.txHash.slice(0, 10)}\u2026`);
+        setStatus(`Bought $${usd} of ${side}. tx ${r.txHash.slice(0, 10)}\u2026`);
       }
       await refreshPosition();
     } catch (e) {
@@ -181,31 +187,30 @@ function SplitTradeWidget({
             children: [
               /* @__PURE__ */ jsx("div", { className: "swt-lev", children: m.leverage > 0 ? `${m.leverage.toFixed(0)}x` : "\u2014" }),
               /* @__PURE__ */ jsxs("div", { className: "swt-muted", children: [
-                "$",
-                m.strike.toLocaleString()
+                "ETH ",
+                side === "long" ? ">" : "<",
+                " $",
+                (side === "long" ? m.strike + m.premium : m.strike - m.premium).toLocaleString(void 0, { maximumFractionDigits: 0 })
               ] }),
-              /* @__PURE__ */ jsxs("div", { className: "swt-muted-sm", children: [
-                "$",
-                m.premium.toFixed(2),
-                "/contract"
-              ] })
+              /* @__PURE__ */ jsx("div", { className: "swt-muted-sm", children: "by expiry" })
             ]
           },
           m.seriesId
         ))
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "swt-row", children: [
+        /* @__PURE__ */ jsx("span", { className: "swt-muted", children: "$" }),
         /* @__PURE__ */ jsx(
           "input",
           {
             value: amount,
             onChange: (e) => setAmount(e.target.value),
             inputMode: "decimal",
-            placeholder: "0.1",
+            placeholder: "5",
             className: "swt-input"
           }
         ),
-        /* @__PURE__ */ jsx("span", { className: "swt-muted", children: "contracts" }),
+        /* @__PURE__ */ jsx("span", { className: "swt-muted", children: "USDC" }),
         /* @__PURE__ */ jsx(
           "button",
           {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splitmarkets/sdk",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Oracle-free, non-liquidatable ETH options — viem client + optional React widget for Split (split.markets). Integrate leverage your users can't get liquidated out of.",
   "license": "MIT",
   "type": "module",