@cicero-zcash/react 0.1.0 → 0.2.0

package/dist/index.js

@@ -33,9 +33,6 @@ __export(index_exports, {
   CiceroAccountModal: () => CiceroAccountModal,
   CiceroConnectButton: () => CiceroConnectButton,
   CiceroConnectModal: () => CiceroConnectModal,
-  CiceroInvoice: () => CiceroInvoice,
-  CiceroModal: () => CiceroModal,
-  CiceroPayButton: () => CiceroPayButton,
   CiceroProvider: () => CiceroProvider,
   CiceroQRCode: () => CiceroQRCode,
   ZucchiniWalletAdapter: () => ZucchiniWalletAdapter,
@@ -53,7 +50,6 @@ __export(index_exports, {
   useAccountModal: () => useAccountModal,
   useBalance: () => useBalance,
   useCicero: () => useCicero,
-  useCiceroPayment: () => useCiceroPayment,
   useConnectModal: () => useConnectModal,
   useZcashPrice: () => useZcashPrice,
   useZucchiniWallet: () => useZucchiniWallet,
@@ -294,15 +290,99 @@ var ZucchiniWalletAdapter = class _ZucchiniWalletAdapter {
       }
     }
     this._lastAccounts = connection?.accounts || [];
-    const balance = await this.getBalance({ address });
+    const network = await this.getNetwork();
+    const balance = await this.getBalance({ address, network });
     this._connected = true;
     this._address = address || null;
     return {
       address,
       connected: true,
+      network,
       balance: balance ?? void 0
     };
   }
+  /**
+   * Queries the active network of the Zucchini Wallet ('mainnet' | 'testnet').
+   */
+  async getNetwork() {
+    try {
+      const client = await this.getClient();
+      if (typeof client.network === "function") {
+        const net = await client.network();
+        if (net === "mainnet" || net === "testnet") {
+          return net;
+        }
+      }
+    } catch {
+    }
+    const raw = this.provider || (typeof window !== "undefined" ? window.zucchini || window.zcash : null);
+    if (raw && typeof raw.request === "function") {
+      try {
+        const res = await raw.request({ method: "getNetwork" });
+        if (res?.network === "main" || res === "main" || res === "mainnet") return "mainnet";
+        if (res?.network === "test" || res === "test" || res === "testnet") return "testnet";
+      } catch {
+      }
+    }
+    if (this._address) {
+      if (this._address.startsWith("utest1") || this._address.startsWith("ztestsapling") || this._address.startsWith("tm")) {
+        return "testnet";
+      }
+      if (this._address.startsWith("u1") || this._address.startsWith("zs1") || this._address.startsWith("t1")) {
+        return "mainnet";
+      }
+    }
+    return "mainnet";
+  }
+  /**
+   * Requests a network change. If the extension does not support programmatic
+   * switching, informs the application that manual user toggle is needed.
+   */
+  async switchNetwork(targetNetwork) {
+    const current = await this.getNetwork();
+    if (current === targetNetwork) {
+      return { success: true, currentNetwork: current };
+    }
+    const raw = this.provider || (typeof window !== "undefined" ? window.zucchini || window.zcash : null);
+    if (raw && typeof raw.request === "function") {
+      try {
+        await raw.request({
+          method: "switchNetwork",
+          params: { network: targetNetwork === "mainnet" ? "main" : "test" }
+        });
+        const updated = await this.getNetwork();
+        return { success: updated === targetNetwork, currentNetwork: updated };
+      } catch {
+      }
+    }
+    return {
+      success: false,
+      requiresManualSwitch: true,
+      currentNetwork: current
+    };
+  }
+  /**
+   * Subscribes to network change events from the wallet extension.
+   */
+  onNetworkChanged(listener) {
+    const raw = this.provider || (typeof window !== "undefined" ? window.zucchini || window.zcash : null);
+    const handler = async () => {
+      const net = await this.getNetwork();
+      listener(net);
+    };
+    if (raw?.on) {
+      raw.on("networkChanged", handler);
+      raw.on("chainChanged", handler);
+      raw.on("accountsChanged", handler);
+      return () => {
+        raw.off?.("networkChanged", handler);
+        raw.off?.("chainChanged", handler);
+        raw.off?.("accountsChanged", handler);
+      };
+    }
+    return () => {
+    };
+  }
   /**
    * Helper to normalize raw balance formats (e.g. number, string, zatoshis, or pool totals).
    */
@@ -470,7 +550,7 @@ var zucchiniWallet = {
     return {
       address: session.address,
       connected: true,
-      network: options?.network || "mainnet",
+      network: session.network || options?.network || "mainnet",
       walletId: "zucchini",
       balance: session.balance
     };
@@ -481,6 +561,12 @@ var zucchiniWallet = {
   getBalance: async (options) => {
     return adapter.getBalance(options);
   },
+  getNetwork: async () => {
+    return adapter.getNetwork();
+  },
+  switchNetwork: async (network) => {
+    return adapter.switchNetwork(network);
+  },
   sendPayment: async (params) => {
     const res = await adapter.requestPayment({
       recipient: params.recipient,
@@ -1080,9 +1166,27 @@ var CiceroAccountModal = ({
   const [copied, setCopied] = (0, import_react3.useState)(false);
   const [showQr, setShowQr] = (0, import_react3.useState)(false);
   const [mounted, setMounted] = (0, import_react3.useState)(false);
+  const [manualNotice, setManualNotice] = (0, import_react3.useState)(null);
   (0, import_react3.useEffect)(() => {
     setMounted(true);
   }, []);
+  (0, import_react3.useEffect)(() => {
+    setManualNotice(null);
+  }, [network, isOpen]);
+  const handleNetworkChange = async (targetNet) => {
+    if (targetNet === network) {
+      setManualNotice(null);
+      return;
+    }
+    const res = await switchNetwork(targetNet);
+    if (res?.requiresManualSwitch) {
+      setManualNotice(
+        `Wallet is currently active on ${network === "mainnet" ? "Mainnet" : "Testnet"}. Switch network inside your extension settings (Settings \u2192 Network) and Cicero will automatically update your balance.`
+      );
+    } else {
+      setManualNotice(null);
+    }
+  };
   (0, import_react3.useEffect)(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape" && isOpen) {
@@ -1209,29 +1313,34 @@ var CiceroAccountModal = ({
               )
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center justify-between p-3 rounded-lg border border-[#ededed] bg-white text-xs", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.ArrowRightLeft, { className: "w-4 h-4 text-[#707070]" }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-[#171717] font-medium", children: "Network" })
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center justify-between p-3 rounded-lg border border-[#ededed] bg-white text-xs", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.ArrowRightLeft, { className: "w-4 h-4 text-[#707070]" }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-[#171717] font-medium", children: "Active Network" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center gap-1 p-0.5 rounded bg-[#fafafa] border border-[#dfdfdf]", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => handleNetworkChange("mainnet"),
+                    className: `px-2 py-1 rounded text-[11px] font-medium transition-colors ${network === "mainnet" ? "bg-white shadow-sm text-[#24b47e] font-semibold" : "text-[#707070] hover:text-[#171717]"}`,
+                    children: "Mainnet"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => handleNetworkChange("testnet"),
+                    className: `px-2 py-1 rounded text-[11px] font-medium transition-colors ${network === "testnet" ? "bg-white shadow-sm text-amber-700 font-semibold" : "text-[#707070] hover:text-[#171717]"}`,
+                    children: "Testnet"
+                  }
+                )
+              ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center gap-1 p-0.5 rounded bg-[#fafafa] border border-[#dfdfdf]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                "button",
-                {
-                  onClick: () => switchNetwork("mainnet"),
-                  className: `px-2 py-1 rounded text-[11px] font-medium transition-colors ${network === "mainnet" ? "bg-white shadow-sm text-[#24b47e] font-semibold" : "text-[#707070]"}`,
-                  children: "Mainnet"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                "button",
-                {
-                  onClick: () => switchNetwork("testnet"),
-                  className: `px-2 py-1 rounded text-[11px] font-medium transition-colors ${network === "testnet" ? "bg-white shadow-sm text-amber-700 font-semibold" : "text-[#707070]"}`,
-                  children: "Testnet"
-                }
-              )
-            ] })
+            manualNotice && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "p-2.5 rounded-md bg-amber-50 border border-amber-200 text-amber-800 text-[11px] leading-relaxed animate-in fade-in", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: manualNotice }) })
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "px-6 py-3.5 bg-[#fafafa] border-t border-[#ededed] flex items-center justify-between", children: [
@@ -1366,6 +1475,36 @@ var CiceroProvider = ({
       cleanupReady();
     };
   }, [autoConnect]);
+  (0, import_react4.useEffect)(() => {
+    if (typeof window === "undefined") return;
+    const adapter2 = new ZucchiniWalletAdapter();
+    const cleanup = adapter2.onNetworkChanged(async (detectedNet) => {
+      setNetwork(detectedNet);
+      localStorage.setItem("cicero_network", detectedNet);
+      if (account.wallet?.id === "zucchini") {
+        setBalance((prev) => ({ ...prev, isLoading: true }));
+        try {
+          const freshBal = await adapter2.getBalance({
+            address: account.address || void 0,
+            network: detectedNet
+          });
+          const activeZec = freshBal !== null && !isNaN(freshBal) ? freshBal : 0;
+          setBalance({
+            zec: activeZec,
+            usd: convertZecToUsdRef.current(activeZec),
+            isLoading: false
+          });
+          localStorage.setItem("cicero_balance", activeZec.toString());
+          localStorage.setItem(`cicero_balance_${detectedNet}`, activeZec.toString());
+        } catch {
+          setBalance((prev) => ({ ...prev, isLoading: false }));
+        }
+      }
+    });
+    return () => {
+      cleanup();
+    };
+  }, [account.wallet?.id, account.address]);
   (0, import_react4.useEffect)(() => {
     if (account.isConnected) {
       setBalance((prev) => {
@@ -1378,12 +1517,55 @@ var CiceroProvider = ({
       });
     }
   }, [account.isConnected, balance.zec, convertZecToUsd]);
-  const switchNetwork = (0, import_react4.useCallback)((newNet) => {
-    setNetwork(newNet);
-    if (typeof window !== "undefined") {
-      localStorage.setItem("cicero_network", newNet);
-    }
-  }, []);
+  const switchNetwork = (0, import_react4.useCallback)(
+    async (newNet) => {
+      if (account.wallet?.switchNetwork) {
+        try {
+          const switchRes = await account.wallet.switchNetwork(newNet);
+          if (switchRes && switchRes.requiresManualSwitch) {
+            const currentNet = switchRes.currentNetwork || (account.wallet.getNetwork ? await account.wallet.getNetwork() : network);
+            setNetwork(currentNet);
+            if (typeof window !== "undefined") {
+              localStorage.setItem("cicero_network", currentNet);
+            }
+            return {
+              success: false,
+              requiresManualSwitch: true,
+              currentNetwork: currentNet
+            };
+          }
+        } catch {
+        }
+      }
+      setNetwork(newNet);
+      if (typeof window !== "undefined") {
+        localStorage.setItem("cicero_network", newNet);
+      }
+      if (account.wallet?.getBalance) {
+        setBalance((prev) => ({ ...prev, isLoading: true }));
+        try {
+          const freshBal = await account.wallet.getBalance({
+            address: account.address || void 0,
+            network: newNet
+          });
+          const activeZec = freshBal !== null && !isNaN(freshBal) ? freshBal : 0;
+          setBalance({
+            zec: activeZec,
+            usd: convertZecToUsdRef.current(activeZec),
+            isLoading: false
+          });
+          if (typeof window !== "undefined" && freshBal !== null) {
+            localStorage.setItem(`cicero_balance_${newNet}`, freshBal.toString());
+            localStorage.setItem("cicero_balance", freshBal.toString());
+          }
+        } catch {
+          setBalance((prev) => ({ ...prev, isLoading: false }));
+        }
+      }
+      return { success: true, currentNetwork: newNet };
+    },
+    [account.wallet, account.address, network]
+  );
   const connect = (0, import_react4.useCallback)(
     async (walletId, customAddressOrKey) => {
       const targetWallet = wallets.find((w) => w.id === walletId);
@@ -1410,6 +1592,13 @@ var CiceroProvider = ({
           session = await targetWallet.connect({ network });
         }
         const resolvedAddress = session.address || customAddressOrKey || null;
+        const walletNetwork = session.network || (targetWallet.getNetwork ? await targetWallet.getNetwork() : network);
+        if (walletNetwork && walletNetwork !== network) {
+          setNetwork(walletNetwork);
+          if (typeof window !== "undefined") {
+            localStorage.setItem("cicero_network", walletNetwork);
+          }
+        }
         setAccount({
           address: resolvedAddress,
           viewingKey: session.viewingKey || null,
@@ -1702,812 +1891,24 @@ var CiceroConnectButton = ({
   ) });
 };
 
-// src/components/CiceroPayButton.tsx
-var import_lucide_react5 = require("lucide-react");
-
-// src/hooks/useCiceroPayment.ts
-var import_react5 = require("react");
-function useCiceroPayment({
-  recipient,
-  amount,
-  memo,
-  message,
-  network = "mainnet",
-  expiresInSeconds = 900,
-  // 15 mins
-  invoiceId,
-  customRpcUrl,
-  onSuccess,
-  onError,
-  onStatusChange
-}) {
-  const onSuccessRef = (0, import_react5.useRef)(onSuccess);
-  onSuccessRef.current = onSuccess;
-  const onErrorRef = (0, import_react5.useRef)(onError);
-  onErrorRef.current = onError;
-  const onStatusChangeRef = (0, import_react5.useRef)(onStatusChange);
-  onStatusChangeRef.current = onStatusChange;
-  const [status, setStatus] = (0, import_react5.useState)("pending");
-  const [txId, setTxId] = (0, import_react5.useState)(null);
-  const [secondsRemaining, setSecondsRemaining] = (0, import_react5.useState)(expiresInSeconds);
-  const [isModalOpen, setIsModalOpen] = (0, import_react5.useState)(false);
-  const [zucchiniAvailable, setZucchiniAvailable] = (0, import_react5.useState)(false);
-  const [zucchiniAdapter] = (0, import_react5.useState)(() => new ZucchiniWalletAdapter());
-  const [zucchiniPaying, setZucchiniPaying] = (0, import_react5.useState)(false);
-  (0, import_react5.useEffect)(() => {
-    setZucchiniAvailable(ZucchiniWalletAdapter.isAvailable());
-  }, []);
-  const addressType = (0, import_react5.useMemo)(() => getAddressType(recipient), [recipient]);
-  const isShielded = (0, import_react5.useMemo)(() => isShieldedAddress(recipient), [recipient]);
-  const memoValidation = (0, import_react5.useMemo)(
-    () => validateMemoSupport(recipient, memo),
-    [recipient, memo]
-  );
-  const lastWarningRef = (0, import_react5.useRef)(null);
-  (0, import_react5.useEffect)(() => {
-    if (!memoValidation.valid && memoValidation.warning) {
-      if (lastWarningRef.current !== memoValidation.warning) {
-        lastWarningRef.current = memoValidation.warning;
-        onErrorRef.current?.(new Error(memoValidation.warning));
-      }
-    } else {
-      lastWarningRef.current = null;
-    }
-  }, [memoValidation.valid, memoValidation.warning]);
-  const zip321Uri = (0, import_react5.useMemo)(() => {
-    return generateZip321Uri({
-      address: recipient,
-      amount,
-      memo,
-      message
-    });
-  }, [recipient, amount, memo, message]);
-  const deepLinks = (0, import_react5.useMemo)(() => getWalletDeepLinks(zip321Uri), [zip321Uri]);
-  const updateStatus = (0, import_react5.useCallback)((newStatus) => {
-    setStatus(newStatus);
-    onStatusChangeRef.current?.(newStatus);
-  }, []);
-  (0, import_react5.useEffect)(() => {
-    if (status !== "pending") return;
-    const timer = setInterval(() => {
-      setSecondsRemaining((prev) => {
-        if (prev <= 1) {
-          clearInterval(timer);
-          updateStatus("expired");
-          return 0;
-        }
-        return prev - 1;
-      });
-    }, 1e3);
-    return () => clearInterval(timer);
-  }, [status, updateStatus]);
-  const resetPayment = (0, import_react5.useCallback)(() => {
-    setStatus("pending");
-    setTxId(null);
-    setSecondsRemaining(expiresInSeconds);
-    setZucchiniPaying(false);
-  }, [expiresInSeconds]);
-  const openModal = (0, import_react5.useCallback)(() => {
-    resetPayment();
-    setIsModalOpen(true);
-  }, [resetPayment]);
-  const closeModal = (0, import_react5.useCallback)(() => {
-    setIsModalOpen(false);
-  }, []);
-  const payWithZucchini = (0, import_react5.useCallback)(async () => {
-    setZucchiniPaying(true);
-    try {
-      await zucchiniAdapter.connect();
-      const numAmount = typeof amount === "number" ? amount : parseFloat(amount);
-      const result = await zucchiniAdapter.requestPayment({
-        recipient,
-        amount: numAmount,
-        memo
-      });
-      updateStatus("detected");
-      setTxId(result.txId);
-      setTimeout(() => {
-        updateStatus("confirmed");
-        onSuccessRef.current?.({
-          txId: result.txId,
-          amount: isNaN(numAmount) ? 0 : numAmount,
-          memo
-        });
-        setZucchiniPaying(false);
-      }, 1500);
-    } catch (err) {
-      const error = err instanceof Error ? err : new Error("Zucchini payment failed");
-      onErrorRef.current?.(error);
-      setZucchiniPaying(false);
-    }
-  }, [recipient, amount, memo, zucchiniAdapter, updateStatus]);
-  const simulateDetection = (0, import_react5.useCallback)(() => {
-    updateStatus("detected");
-    setTimeout(() => {
-      const mockTxId = `0x${Array.from(
-        { length: 64 },
-        () => Math.floor(Math.random() * 16).toString(16)
-      ).join("")}`;
-      setTxId(mockTxId);
-      updateStatus("confirmed");
-      const numAmount = typeof amount === "number" ? amount : parseFloat(amount);
-      onSuccessRef.current?.({
-        txId: mockTxId,
-        amount: isNaN(numAmount) ? 0 : numAmount,
-        memo
-      });
-    }, 2e3);
-  }, [amount, memo, updateStatus]);
-  return {
-    status,
-    txId,
-    secondsRemaining,
-    isModalOpen,
-    openModal,
-    closeModal,
-    resetPayment,
-    zip321Uri,
-    deepLinks,
-    addressType,
-    isShielded,
-    memoValidation,
-    simulateDetection,
-    invoiceId,
-    network,
-    customRpcUrl,
-    // Zucchini Wallet
-    zucchiniAvailable,
-    zucchiniPaying,
-    payWithZucchini
-  };
-}
-
-// src/components/CiceroModal.tsx
-var import_react6 = require("react");
-var import_react_dom3 = require("react-dom");
-var import_lucide_react4 = require("lucide-react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var CiceroModal = ({
-  isOpen,
-  onClose,
-  recipient,
-  amount,
-  memo,
-  message,
-  network = "mainnet",
-  status,
-  txId,
-  secondsRemaining,
-  zip321Uri,
-  addressType,
-  isShielded,
-  memoValidation,
-  onSimulateDetection,
-  onResetPayment,
-  title = "Pay with Shielded Zcash",
-  subtitle = "Zero-Knowledge, Confidential Checkout",
-  showUsd = true,
-  zucchiniAvailable = false,
-  zucchiniPaying = false,
-  onPayWithZucchini
-}) => {
-  const [copiedType, setCopiedType] = (0, import_react6.useState)(null);
-  const { convertZecToUsd } = useZcashPrice(showUsd);
-  (0, import_react6.useEffect)(() => {
-    const handleKeyDown = (e) => {
-      if (e.key === "Escape" && isOpen) {
-        onClose();
-      }
-    };
-    window.addEventListener("keydown", handleKeyDown);
-    return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [isOpen, onClose]);
-  const [mounted, setMounted] = (0, import_react6.useState)(false);
-  (0, import_react6.useEffect)(() => {
-    setMounted(true);
-  }, []);
-  if (!isOpen || !mounted) return null;
-  const copyToClipboard = async (text, type) => {
-    try {
-      await navigator.clipboard.writeText(text);
-      setCopiedType(type);
-      setTimeout(() => setCopiedType(null), 2e3);
-    } catch {
-    }
-  };
-  const formatTime = (secs) => {
-    const m = Math.floor(secs / 60);
-    const s = secs % 60;
-    return `${m}:${s < 10 ? "0" : ""}${s}`;
-  };
-  const usdValue = convertZecToUsd(amount);
-  return (0, import_react_dom3.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "fixed inset-0 z-[99999] flex items-center justify-center p-4 sm:p-6 overflow-y-auto", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        "div",
-        {
-          className: "fixed inset-0 bg-[#171717]/60 backdrop-blur-sm transition-opacity z-[99999]",
-          onClick: onClose
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative w-full max-w-lg bg-white rounded-xl border border-[#ededed] shadow-2xl overflow-hidden z-[100000] text-[#171717] font-sans animate-in fade-in zoom-in-95 duration-150", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center justify-between px-6 py-4 border-b border-[#ededed] bg-[#fafafa]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w-8 h-8 rounded-md bg-[#171717] flex items-center justify-center text-[#3ecf8e]", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.Shield, { className: "w-4 h-4 fill-[#3ecf8e]" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "font-medium text-sm text-[#171717]", children: title }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-[10px] uppercase tracking-wider font-semibold px-2 py-0.5 rounded-full bg-[#3ecf8e]/15 text-[#24b47e] border border-[#3ecf8e]/30", children: isShielded ? "zk-Shielded" : "Transparent" }),
-                network === "testnet" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-[10px] uppercase tracking-wider font-semibold px-2 py-0.5 rounded-full bg-amber-100 text-amber-800 border border-amber-200", children: "Testnet" })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-xs text-[#707070] mt-0.5", children: subtitle })
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            "button",
-            {
-              onClick: onClose,
-              className: "p-1 rounded-md text-[#707070] hover:text-[#171717] hover:bg-[#ededed] transition-colors",
-              "aria-label": "Close modal",
-              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.X, { className: "w-4 h-4" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "px-6 py-2.5 bg-white border-b border-[#ededed] flex items-center justify-between text-xs", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2", children: [
-            status === "pending" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "relative flex h-2 w-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-[#3ecf8e] opacity-75" }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-[#24b47e]" })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-[#707070]", children: "Listening for transaction..." })
-            ] }),
-            status === "detected" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "relative flex h-2 w-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-amber-400 opacity-75" }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-amber-500" })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-amber-800 font-medium", children: "Transaction spotted in mempool! Confirming..." })
-            ] }),
-            status === "confirmed" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.CheckCircle2, { className: "w-4 h-4 text-[#24b47e]" }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-[#24b47e] font-medium", children: "Payment Confirmed On-Chain!" })
-            ] }),
-            status === "expired" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.AlertCircle, { className: "w-4 h-4 text-rose-500" }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-rose-600 font-medium", children: "Payment window expired" })
-            ] })
-          ] }),
-          status === "pending" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-1 text-[#707070] font-mono text-[11px]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.Clock, { className: "w-3 h-3" }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: formatTime(secondsRemaining) })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "p-6 space-y-5", children: status === "confirmed" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "py-6 text-center space-y-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w-16 h-16 mx-auto rounded-full bg-[#3ecf8e]/15 border border-[#3ecf8e]/40 flex items-center justify-center text-[#24b47e] animate-bounce", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.CheckCircle2, { className: "w-8 h-8" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { className: "text-lg font-medium text-[#171717]", children: "Payment Received & Shielded!" }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-xs text-[#707070] max-w-sm mx-auto mt-1", children: "Your transaction has been verified using zero-knowledge proofs. No sender or recipient address was leaked." })
-          ] }),
-          txId && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "p-3 bg-[#fafafa] rounded-md border border-[#ededed] text-left", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center justify-between text-[11px] text-[#707070] mb-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Transaction Hash" }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-[#24b47e] font-mono", children: "Shielded Note" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "font-mono text-xs text-[#171717] break-all", children: txId })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            "button",
-            {
-              onClick: onClose,
-              className: "w-full py-2.5 px-4 rounded-md bg-[#3ecf8e] text-[#171717] font-medium text-sm hover:bg-[#24b47e] transition-colors",
-              children: "Close & Return"
-            }
-          )
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center justify-between p-4 bg-[#fafafa] rounded-lg border border-[#ededed]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-xs text-[#707070] uppercase font-mono tracking-wider", children: "Total Amount" }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-baseline gap-2 mt-0.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "text-2xl font-semibold tracking-tight text-[#171717] font-mono", children: [
-                  amount,
-                  " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-sm font-normal text-[#707070]", children: "ZEC" })
-                ] }),
-                usdValue && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "text-xs text-[#707070] font-mono", children: [
-                  "\u2248 $",
-                  usdValue,
-                  " USD"
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "text-right", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-[11px] text-[#707070] block font-mono", children: "Address Standard" }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "inline-block mt-0.5 px-2 py-0.5 text-xs font-mono font-medium rounded bg-white border border-[#dfdfdf] text-[#171717]", children: addressType === "unified" ? "Unified (ZIP-316)" : addressType === "sapling" ? "Sapling (Shielded)" : "Transparent" })
-            ] })
-          ] }),
-          message && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "px-3.5 py-2 bg-[#fafafa] rounded-md border border-[#ededed] text-xs text-[#707070]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "font-medium text-[#171717]", children: "Order Note: " }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: message })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-col sm:flex-row items-center gap-5 p-4 rounded-lg border border-[#ededed] bg-white", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CiceroQRCode, { value: zip321Uri, size: 150 }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "space-y-3 w-full text-center sm:text-left", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("h4", { className: "text-sm font-medium text-[#171717] flex items-center justify-center sm:justify-start gap-1.5", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Scan with Shielded Wallet" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.Sparkles, { className: "w-3.5 h-3.5 text-[#3ecf8e]" })
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "text-xs text-[#707070] mt-0.5 leading-relaxed", children: [
-                  "Compatible with ",
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { className: "text-[#171717]", children: "Zashi" }),
-                  ", ",
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { className: "text-[#171717]", children: "Ywallet" }),
-                  ", or any ZIP-321 compliant Zcash wallet."
-                ] })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-                "a",
-                {
-                  href: zip321Uri,
-                  className: "inline-flex items-center justify-center gap-1.5 w-full py-2 px-3 rounded-md bg-[#171717] text-white text-xs font-medium hover:bg-[#212121] transition-colors",
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Open in Mobile / Desktop Wallet" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.ExternalLink, { className: "w-3.5 h-3.5 text-[#3ecf8e]" })
-                  ]
-                }
-              ),
-              zucchiniAvailable && onPayWithZucchini && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                "button",
-                {
-                  onClick: onPayWithZucchini,
-                  disabled: zucchiniPaying,
-                  className: "inline-flex items-center justify-center gap-2 w-full py-2.5 px-3 rounded-md bg-[#3ecf8e] text-[#171717] text-xs font-semibold hover:bg-[#24b47e] transition-colors disabled:opacity-60 disabled:cursor-wait shadow-sm",
-                  children: zucchiniPaying ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "w-3.5 h-3.5 border-2 border-[#171717]/30 border-t-[#171717] rounded-full animate-spin" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Confirming in Zucchini..." })
-                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-sm", children: "\u{1F952}" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Pay with Zucchini Wallet" })
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                  "button",
-                  {
-                    onClick: () => copyToClipboard(zip321Uri, "uri"),
-                    className: "flex-1 py-1.5 px-2.5 rounded-md border border-[#ededed] hover:border-[#dfdfdf] hover:bg-[#fafafa] text-xs font-medium text-[#171717] transition-colors flex items-center justify-center gap-1",
-                    children: copiedType === "uri" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.Check, { className: "w-3 h-3 text-[#24b47e]" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-[#24b47e]", children: "Copied URI" })
-                    ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.Copy, { className: "w-3 h-3 text-[#707070]" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Copy ZIP-321 URI" })
-                    ] })
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                  "button",
-                  {
-                    onClick: () => copyToClipboard(recipient, "address"),
-                    className: "flex-1 py-1.5 px-2.5 rounded-md border border-[#ededed] hover:border-[#dfdfdf] hover:bg-[#fafafa] text-xs font-medium text-[#171717] transition-colors flex items-center justify-center gap-1",
-                    children: copiedType === "address" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.Check, { className: "w-3 h-3 text-[#24b47e]" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-[#24b47e]", children: "Copied Address" })
-                    ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.Copy, { className: "w-3 h-3 text-[#707070]" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Copy Address" })
-                    ] })
-                  }
-                )
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "space-y-1.5 text-xs", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center justify-between text-[#707070]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Recipient Address" }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "font-mono text-[11px]", children: truncateAddress(recipient, 12, 10) })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "p-2 bg-[#fafafa] rounded-md border border-[#ededed] font-mono text-[11px] text-[#171717] break-all select-all", children: recipient })
-          ] }),
-          memo && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "space-y-1.5 text-xs p-3 rounded-md bg-[#fafafa] border border-[#ededed]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "flex items-center gap-1.5 font-medium text-[#171717]", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.Lock, { className: "w-3 h-3 text-[#3ecf8e]" }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Encrypted Memo" })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "text-[10px] font-mono text-[#707070]", children: [
-                memoValidation.byteLength,
-                "/512 bytes"
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "font-mono text-xs text-[#171717] bg-white p-2 rounded border border-[#dfdfdf]", children: memo }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-[11px] text-[#707070]", children: "Only the recipient holding the viewing/spending key can decrypt this message on-chain." })
-          ] }),
-          memoValidation.warning && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "p-2.5 rounded-md bg-amber-50 border border-amber-200 text-amber-800 text-xs flex items-start gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.AlertCircle, { className: "w-4 h-4 flex-shrink-0 mt-0.5 text-amber-600" }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: memoValidation.warning })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "pt-2 border-t border-[#ededed] flex items-center justify-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-1.5 text-[11px] text-[#707070]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.Zap, { className: "w-3 h-3 text-[#3ecf8e]" }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Demo Controls:" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                "button",
-                {
-                  onClick: onSimulateDetection,
-                  className: "px-2.5 py-1 text-[11px] font-medium rounded border border-[#dfdfdf] hover:border-[#3ecf8e] hover:text-[#24b47e] bg-white text-[#171717] transition-colors",
-                  children: "Simulate Payment"
-                }
-              ),
-              status === "expired" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                "button",
-                {
-                  onClick: onResetPayment,
-                  className: "px-2.5 py-1 text-[11px] font-medium rounded bg-[#171717] text-white hover:bg-[#212121] transition-colors",
-                  children: "Refresh"
-                }
-              )
-            ] })
-          ] })
-        ] }) })
-      ] })
-    ] }),
-    document.body
-  );
-};
-
-// src/components/CiceroPayButton.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var CiceroPayButton = ({
-  recipient,
-  amount,
-  memo,
-  message,
-  label = "Pay with Zcash",
-  network = "mainnet",
-  variant = "primary",
-  size = "md",
-  showUsd = true,
-  modalTitle,
-  modalSubtitle,
-  expiresInSeconds = 900,
-  customRpcUrl,
-  invoiceId,
-  onSuccess,
-  onError,
-  onStatusChange,
-  className = "",
-  disabled = false
-}) => {
-  const {
-    status,
-    txId,
-    secondsRemaining,
-    isModalOpen,
-    openModal,
-    closeModal,
-    resetPayment,
-    zip321Uri,
-    addressType,
-    isShielded,
-    memoValidation,
-    simulateDetection,
-    zucchiniAvailable,
-    zucchiniPaying,
-    payWithZucchini
-  } = useCiceroPayment({
-    recipient,
-    amount,
-    memo,
-    message,
-    network,
-    expiresInSeconds,
-    invoiceId,
-    customRpcUrl,
-    onSuccess,
-    onError,
-    onStatusChange
-  });
-  const sizeClasses = {
-    sm: "text-xs px-3 py-1.5 gap-1.5",
-    md: "text-sm px-4 py-2 gap-2",
-    lg: "text-base px-5 py-2.5 gap-2.5"
-  }[size];
-  const variantClasses = {
-    // Signature Supabase emerald CTA: #3ecf8e background, #171717 text, 6px radius
-    primary: "bg-[#3ecf8e] text-[#171717] hover:bg-[#24b47e] active:bg-[#24b47e] shadow-sm font-medium",
-    // Secondary outline on white
-    outline: "bg-white text-[#171717] border border-[#dfdfdf] hover:border-[#c7c7c7] hover:bg-[#fafafa] font-medium shadow-sm",
-    // Dark canvas-night
-    dark: "bg-[#1c1c1c] text-white hover:bg-[#242424] font-medium shadow-sm"
-  }[variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-      "button",
-      {
-        type: "button",
-        onClick: openModal,
-        disabled,
-        className: `inline-flex items-center justify-center rounded-[6px] transition-all duration-150 select-none disabled:opacity-50 disabled:cursor-not-allowed ${sizeClasses} ${variantClasses} ${className}`,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-            import_lucide_react5.Shield,
-            {
-              className: `flex-shrink-0 ${size === "sm" ? "w-3.5 h-3.5" : size === "lg" ? "w-5 h-5" : "w-4 h-4"} ${variant === "primary" ? "fill-[#171717]/20" : "text-[#3ecf8e]"}`
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: label })
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      CiceroModal,
-      {
-        isOpen: isModalOpen,
-        onClose: closeModal,
-        recipient,
-        amount,
-        memo,
-        message,
-        network,
-        status,
-        txId,
-        secondsRemaining,
-        zip321Uri,
-        addressType,
-        isShielded,
-        memoValidation,
-        onSimulateDetection: simulateDetection,
-        onResetPayment: resetPayment,
-        title: modalTitle,
-        subtitle: modalSubtitle,
-        showUsd,
-        zucchiniAvailable,
-        zucchiniPaying,
-        onPayWithZucchini: payWithZucchini
-      }
-    )
-  ] });
-};
-
-// src/components/CiceroInvoice.tsx
-var import_react7 = require("react");
-var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var CiceroInvoice = ({
-  recipient,
-  amount,
-  memo,
-  message,
-  network = "mainnet",
-  expiresInSeconds = 900,
-  showUsd = true,
-  invoiceId,
-  customRpcUrl,
-  onSuccess,
-  onError,
-  onStatusChange,
-  className = ""
-}) => {
-  const [copiedType, setCopiedType] = (0, import_react7.useState)(null);
-  const { convertZecToUsd } = useZcashPrice(showUsd);
-  const {
-    status,
-    txId,
-    secondsRemaining,
-    zip321Uri,
-    addressType,
-    isShielded,
-    memoValidation,
-    simulateDetection,
-    resetPayment,
-    zucchiniAvailable,
-    zucchiniPaying,
-    payWithZucchini
-  } = useCiceroPayment({
-    recipient,
-    amount,
-    memo,
-    message,
-    network,
-    expiresInSeconds,
-    invoiceId,
-    customRpcUrl,
-    onSuccess,
-    onError,
-    onStatusChange
-  });
-  const copyToClipboard = async (text, type) => {
-    try {
-      await navigator.clipboard.writeText(text);
-      setCopiedType(type);
-      setTimeout(() => setCopiedType(null), 2e3);
-    } catch {
-    }
-  };
-  const formatTime = (secs) => {
-    const m = Math.floor(secs / 60);
-    const s = secs % 60;
-    return `${m}:${s < 10 ? "0" : ""}${s}`;
-  };
-  const usdValue = convertZecToUsd(amount);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-    "div",
-    {
-      className: `bg-white rounded-xl border border-[#ededed] shadow-sm overflow-hidden text-[#171717] font-sans ${className}`,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center justify-between px-5 py-3.5 border-b border-[#ededed] bg-[#fafafa]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w-7 h-7 rounded-md bg-[#171717] flex items-center justify-center text-[#3ecf8e]", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Shield, { className: "w-3.5 h-3.5 fill-[#3ecf8e]" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "font-medium text-xs text-[#171717]", children: "Shielded Zcash Invoice" }),
-              invoiceId && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "text-[10px] text-[#707070] ml-2 font-mono", children: [
-                "#",
-                invoiceId
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-[10px] font-mono px-1.5 py-0.5 rounded bg-white border border-[#dfdfdf] text-[#171717]", children: addressType === "unified" ? "Unified" : addressType === "sapling" ? "Sapling" : "Transparent" }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-[10px] uppercase tracking-wider font-semibold px-2 py-0.5 rounded-full bg-[#3ecf8e]/15 text-[#24b47e] border border-[#3ecf8e]/30", children: isShielded ? "zk-Shielded" : "Transparent" }),
-            network === "testnet" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-[10px] uppercase tracking-wider font-semibold px-2 py-0.5 rounded-full bg-amber-100 text-amber-800 border border-amber-200", children: "Testnet" })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "p-5 space-y-4", children: status === "confirmed" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "py-6 text-center space-y-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w-12 h-12 mx-auto rounded-full bg-[#3ecf8e]/15 border border-[#3ecf8e]/40 flex items-center justify-center text-[#24b47e]", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.CheckCircle2, { className: "w-6 h-6" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h4", { className: "font-medium text-sm text-[#171717]", children: "Payment Verified!" }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-xs text-[#707070] mt-0.5", children: "Shielded transaction detected and settled on-chain." })
-          ] }),
-          txId && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "font-mono text-[11px] p-2 bg-[#fafafa] rounded border border-[#ededed] text-[#707070] break-all", children: txId })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center justify-between p-3.5 bg-[#fafafa] rounded-lg border border-[#ededed]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-[10px] text-[#707070] uppercase font-mono tracking-wider", children: "Amount Due" }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-baseline gap-2 mt-0.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "text-xl font-semibold tracking-tight text-[#171717] font-mono", children: [
-                  amount,
-                  " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-xs font-normal text-[#707070]", children: "ZEC" })
-                ] }),
-                usdValue && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "text-xs text-[#707070] font-mono", children: [
-                  "\u2248 $",
-                  usdValue,
-                  " USD"
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-1.5 text-[#707070] font-mono text-xs", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Clock, { className: "w-3.5 h-3.5" }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: formatTime(secondsRemaining) })
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col sm:flex-row items-center gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CiceroQRCode, { value: zip321Uri, size: 140 }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-2.5 w-full", children: [
-              zucchiniAvailable && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                "button",
-                {
-                  onClick: payWithZucchini,
-                  disabled: zucchiniPaying,
-                  className: "inline-flex items-center justify-center gap-1.5 w-full py-2 px-3 rounded-md bg-[#3ecf8e] text-[#171717] text-xs font-semibold hover:bg-[#24b47e] transition-colors disabled:opacity-60 shadow-sm",
-                  children: zucchiniPaying ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w-3.5 h-3.5 border-2 border-[#171717]/30 border-t-[#171717] rounded-full animate-spin" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Confirming in Zucchini..." })
-                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "\u{1F952}" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Pay with Zucchini Wallet" })
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-                "a",
-                {
-                  href: zip321Uri,
-                  className: "inline-flex items-center justify-center gap-1.5 w-full py-2 px-3 rounded-md bg-[#171717] text-white text-xs font-medium hover:bg-[#212121] transition-colors",
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Pay with Wallet App" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.ExternalLink, { className: "w-3.5 h-3.5 text-[#3ecf8e]" })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-                  "button",
-                  {
-                    onClick: () => copyToClipboard(zip321Uri, "uri"),
-                    className: "py-1.5 px-2 rounded-md border border-[#ededed] hover:bg-[#fafafa] text-[11px] font-medium text-[#171717] transition-colors flex items-center justify-center gap-1",
-                    children: [
-                      copiedType === "uri" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Check, { className: "w-3 h-3 text-[#24b47e]" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Copy, { className: "w-3 h-3 text-[#707070]" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: copiedType === "uri" ? "Copied" : "Copy URI" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-                  "button",
-                  {
-                    onClick: () => copyToClipboard(recipient, "address"),
-                    className: "py-1.5 px-2 rounded-md border border-[#ededed] hover:bg-[#fafafa] text-[11px] font-medium text-[#171717] transition-colors flex items-center justify-center gap-1",
-                    children: [
-                      copiedType === "address" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Check, { className: "w-3 h-3 text-[#24b47e]" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Copy, { className: "w-3 h-3 text-[#707070]" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: copiedType === "address" ? "Copied" : "Copy Addr" })
-                    ]
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "text-[11px] text-[#707070] font-mono truncate", children: [
-                "To: ",
-                truncateAddress(recipient, 10, 8)
-              ] })
-            ] })
-          ] }),
-          memo && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "p-2.5 bg-[#fafafa] rounded-md border border-[#ededed] text-xs", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-1 text-[11px] font-medium text-[#171717] mb-0.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Lock, { className: "w-3 h-3 text-[#3ecf8e]" }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Encrypted Memo" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "font-mono text-[11px] text-[#171717]", children: memo })
-          ] }),
-          memoValidation.warning && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "p-2 rounded bg-amber-50 border border-amber-200 text-amber-800 text-[11px] flex items-start gap-1.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.AlertCircle, { className: "w-3.5 h-3.5 flex-shrink-0 mt-0.5 text-amber-600" }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: memoValidation.warning })
-          ] }),
-          status === "expired" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "p-2 rounded bg-rose-50 border border-rose-200 text-rose-800 text-xs flex items-center justify-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.AlertCircle, { className: "w-3.5 h-3.5 text-rose-600" }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Invoice has expired" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-              "button",
-              {
-                onClick: resetPayment,
-                className: "px-2 py-0.5 text-[11px] font-medium rounded bg-[#171717] text-white hover:bg-[#212121]",
-                children: "Reset"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "pt-2 border-t border-[#ededed] flex items-center justify-between text-[11px] text-[#707070]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Sparkles, { className: "w-3 h-3 text-[#3ecf8e]" }),
-              "Demo test"
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-              "button",
-              {
-                onClick: simulateDetection,
-                className: "px-2 py-0.5 rounded border border-[#dfdfdf] hover:border-[#3ecf8e] text-[#171717] bg-white transition-colors",
-                children: "Simulate Success"
-              }
-            )
-          ] })
-        ] }) })
-      ]
-    }
-  );
-};
-
 // src/hooks/useZucchiniWallet.ts
-var import_react8 = require("react");
+var import_react5 = require("react");
 function useZucchiniWallet(options = {}) {
   const { autoConnect = false } = options;
-  const [adapter2] = (0, import_react8.useState)(() => new ZucchiniWalletAdapter());
-  const [isAvailable, setIsAvailable] = (0, import_react8.useState)(false);
-  const [connectionStatus, setConnectionStatus] = (0, import_react8.useState)("disconnected");
-  const [paymentStatus, setPaymentStatus] = (0, import_react8.useState)("idle");
-  const [session, setSession] = (0, import_react8.useState)(null);
-  const [error, setError] = (0, import_react8.useState)(null);
-  (0, import_react8.useEffect)(() => {
+  const [adapter2] = (0, import_react5.useState)(() => new ZucchiniWalletAdapter());
+  const [isAvailable, setIsAvailable] = (0, import_react5.useState)(false);
+  const [connectionStatus, setConnectionStatus] = (0, import_react5.useState)("disconnected");
+  const [paymentStatus, setPaymentStatus] = (0, import_react5.useState)("idle");
+  const [session, setSession] = (0, import_react5.useState)(null);
+  const [error, setError] = (0, import_react5.useState)(null);
+  (0, import_react5.useEffect)(() => {
     const detected = ZucchiniWalletAdapter.isAvailable();
     setIsAvailable(detected);
     if (detected && autoConnect) {
       connect();
     }
   }, []);
-  const connect = (0, import_react8.useCallback)(async () => {
+  const connect = (0, import_react5.useCallback)(async () => {
     setConnectionStatus("connecting");
     setError(null);
     try {
@@ -2522,7 +1923,7 @@ function useZucchiniWallet(options = {}) {
       throw err;
     }
   }, [adapter2]);
-  const requestPayment = (0, import_react8.useCallback)(
+  const requestPayment = (0, import_react5.useCallback)(
     async (params) => {
       setPaymentStatus("requesting");
       setError(null);
@@ -2539,7 +1940,7 @@ function useZucchiniWallet(options = {}) {
     },
     [adapter2]
   );
-  const disconnect = (0, import_react8.useCallback)(async () => {
+  const disconnect = (0, import_react5.useCallback)(async () => {
     await adapter2.disconnect();
     setSession(null);
     setConnectionStatus("disconnected");
@@ -2569,9 +1970,6 @@ function useZucchiniWallet(options = {}) {
   CiceroAccountModal,
   CiceroConnectButton,
   CiceroConnectModal,
-  CiceroInvoice,
-  CiceroModal,
-  CiceroPayButton,
   CiceroProvider,
   CiceroQRCode,
   ZucchiniWalletAdapter,
@@ -2589,7 +1987,6 @@ function useZucchiniWallet(options = {}) {
   useAccountModal,
   useBalance,
   useCicero,
-  useCiceroPayment,
   useConnectModal,
   useZcashPrice,
   useZucchiniWallet,