@cicero-zcash/react 0.0.0-stage → 0.1.0

package/dist/index.mjs

@@ -0,0 +1,2581 @@
+// src/context/CiceroContext.tsx
+import {
+  createContext,
+  useContext,
+  useState as useState4,
+  useEffect as useEffect4,
+  useCallback as useCallback2,
+  useMemo,
+  useRef
+} from "react";
+
+// src/utils/zip321.ts
+function encodeBase64Url(str) {
+  try {
+    const bytes = new TextEncoder().encode(str);
+    let binary = "";
+    const len = bytes.byteLength;
+    for (let i = 0; i < len; i++) {
+      binary += String.fromCharCode(bytes[i]);
+    }
+    const base64 = btoa(binary);
+    return base64.replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
+  } catch {
+    return "";
+  }
+}
+function decodeBase64Url(base64url) {
+  try {
+    let base64 = base64url.replace(/-/g, "+").replace(/_/g, "/");
+    while (base64.length % 4) {
+      base64 += "=";
+    }
+    const binary = atob(base64);
+    const bytes = new Uint8Array(binary.length);
+    for (let i = 0; i < binary.length; i++) {
+      bytes[i] = binary.charCodeAt(i);
+    }
+    return new TextDecoder().decode(bytes);
+  } catch {
+    return "";
+  }
+}
+function generateZip321Uri({
+  address,
+  amount,
+  memo,
+  message
+}) {
+  const cleanAddress = address.trim();
+  const params = new URLSearchParams();
+  if (amount !== void 0 && amount !== null && amount !== "") {
+    const numAmount = typeof amount === "number" ? amount : parseFloat(amount);
+    if (!isNaN(numAmount) && numAmount > 0) {
+      params.append("amount", numAmount.toString());
+    }
+  }
+  if (memo && memo.trim().length > 0) {
+    const encodedMemo = encodeBase64Url(memo.trim());
+    if (encodedMemo) {
+      params.append("memo", encodedMemo);
+    }
+  }
+  if (message && message.trim().length > 0) {
+    params.append("message", message.trim());
+  }
+  const queryString = params.toString();
+  return queryString ? `zcash:${cleanAddress}?${queryString}` : `zcash:${cleanAddress}`;
+}
+function parseZip321Uri(rawUri) {
+  const trimmed = rawUri.trim();
+  const withoutScheme = trimmed.startsWith("zcash:") ? trimmed.slice(6) : trimmed;
+  const [addressPart, queryPart] = withoutScheme.split("?");
+  const result = {
+    address: addressPart || "",
+    rawUri: trimmed
+  };
+  if (!queryPart) {
+    return result;
+  }
+  const searchParams = new URLSearchParams(queryPart);
+  const amount = searchParams.get("amount");
+  const memo = searchParams.get("memo");
+  const message = searchParams.get("message");
+  if (amount) result.amount = amount;
+  if (memo) result.memo = decodeBase64Url(memo);
+  if (message) result.message = message;
+  return result;
+}
+function getWalletDeepLinks(zip321Uri) {
+  return {
+    generic: zip321Uri,
+    zashi: zip321Uri,
+    // Zashi registers the native zcash: URI handler on iOS/Android
+    ywallet: zip321Uri
+    // Ywallet also natively handles zcash: protocol
+  };
+}
+
+// src/wallet/zucchini.ts
+var ZucchiniWalletAdapter = class _ZucchiniWalletAdapter {
+  client = null;
+  provider = null;
+  _connected = false;
+  _address = null;
+  _lastAccounts = [];
+  /**
+   * Checks whether the Zucchini Wallet extension is installed and its
+   * provider is available in the current browser environment.
+   */
+  static isAvailable() {
+    if (typeof window === "undefined") return false;
+    const win = window;
+    if (win.zucchini && typeof win.zucchini.request === "function") {
+      return true;
+    }
+    if (win.zcash) {
+      return true;
+    }
+    return !!win.zucchini;
+  }
+  /**
+   * Subscribes to wallet readiness. Fires callback immediately if already available,
+   * or listens for injection events / polls briefly for late extension initialization.
+   */
+  static onReady(callback) {
+    if (typeof window === "undefined") return () => {
+    };
+    if (_ZucchiniWalletAdapter.isAvailable()) {
+      callback();
+      return () => {
+      };
+    }
+    const handler = () => callback();
+    window.addEventListener("zucchini#initialized", handler);
+    window.addEventListener("zcash#initialized", handler);
+    const interval = setInterval(() => {
+      if (_ZucchiniWalletAdapter.isAvailable()) {
+        clearInterval(interval);
+        callback();
+      }
+    }, 150);
+    const timeout = setTimeout(() => {
+      clearInterval(interval);
+    }, 3500);
+    return () => {
+      window.removeEventListener("zucchini#initialized", handler);
+      window.removeEventListener("zcash#initialized", handler);
+      clearInterval(interval);
+      clearTimeout(timeout);
+    };
+  }
+  /**
+   * Discovers and initializes the Zucchini Client using @zucchinifi/dapp-sdk/zcash
+   * with graceful fallback to raw window.zucchini / window.zcash globals.
+   */
+  async getClient() {
+    if (this.client) return this.client;
+    if (typeof window === "undefined") {
+      throw new Error("Zucchini Wallet is only available in browser environments.");
+    }
+    const win = window;
+    let rawProvider = win.zucchini || win.zcash;
+    try {
+      const { discoverZucchiniProvider, createZucchiniClient } = await import("@zucchinifi/dapp-sdk/zcash");
+      const discovered = discoverZucchiniProvider() || rawProvider;
+      if (discovered) {
+        this.provider = discovered;
+        this.client = createZucchiniClient(discovered);
+        return this.client;
+      }
+    } catch {
+    }
+    if (rawProvider) {
+      this.provider = rawProvider;
+      this.client = {
+        async connect(req) {
+          if (typeof rawProvider.connect === "function") {
+            return rawProvider.connect(req?.permissions || ["view_addresses", "view_balance", "send_transaction"]);
+          }
+          if (typeof rawProvider.request === "function") {
+            return rawProvider.request({ method: "connect", params: req });
+          }
+          return { connected: true };
+        },
+        async disconnect() {
+          if (typeof rawProvider.disconnect === "function") {
+            return rawProvider.disconnect();
+          }
+        },
+        async requestPayment(uri) {
+          if (typeof rawProvider.request === "function") {
+            const res = await rawProvider.request({
+              method: "zcash_requestPayment",
+              params: { uri }
+            });
+            return { txid: res?.txid || res?.txId || res };
+          }
+          throw new Error("Direct ZIP-321 send not supported by provider");
+        },
+        async getAddresses() {
+          if (typeof rawProvider.request === "function") {
+            return rawProvider.request({ method: "getAddresses" });
+          }
+          return {};
+        },
+        on(event, listener) {
+          rawProvider.on?.(event, listener);
+          return () => rawProvider.off?.(event, listener);
+        }
+      };
+      return this.client;
+    }
+    throw new Error(
+      "Zucchini Wallet extension not detected. Please install it from the Chrome Web Store or ensure the side-panel is open."
+    );
+  }
+  /**
+   * Requests connection with view_addresses and send_transaction permissions.
+   * Resolves the user's active Shielded Unified Address.
+   */
+  async connect() {
+    const client = await this.getClient();
+    const connection = await client.connect({
+      permissions: ["view_addresses", "view_balance", "send_transaction"]
+    });
+    let address = void 0;
+    if (connection?.accounts && connection.accounts.length > 0) {
+      address = connection.accounts[0].address;
+    }
+    if (!address && typeof client.getAddresses === "function") {
+      try {
+        const addresses = await client.getAddresses();
+        address = addresses?.unified || addresses?.orchard || addresses?.sapling || addresses?.transparent;
+      } catch {
+      }
+    }
+    this._lastAccounts = connection?.accounts || [];
+    const balance = await this.getBalance({ address });
+    this._connected = true;
+    this._address = address || null;
+    return {
+      address,
+      connected: true,
+      balance: balance ?? void 0
+    };
+  }
+  /**
+   * Helper to normalize raw balance formats (e.g. number, string, zatoshis, or pool totals).
+   */
+  parseBalancePayload(payload) {
+    if (payload === void 0 || payload === null) return null;
+    if (typeof payload === "number") {
+      return payload > 1e6 ? payload / 1e8 : payload;
+    }
+    if (typeof payload === "string") {
+      const parsed = parseFloat(payload);
+      if (!isNaN(parsed)) {
+        return parsed > 1e6 ? parsed / 1e8 : parsed;
+      }
+    }
+    if (typeof payload === "object") {
+      const cand = payload.total ?? payload.balance ?? payload.amount ?? payload.zec ?? payload.value ?? payload.zatoshis;
+      if (cand !== void 0 && cand !== null) {
+        return this.parseBalancePayload(cand);
+      }
+      let sum = 0;
+      let hasPool = false;
+      for (const pool of ["orchard", "sapling", "transparent", "shielded", "unshielded"]) {
+        if (payload[pool] !== void 0) {
+          const v = this.parseBalancePayload(payload[pool]);
+          if (v !== null) {
+            sum += v;
+            hasPool = true;
+          }
+        }
+      }
+      if (hasPool) return sum;
+    }
+    return null;
+  }
+  /**
+   * Reads real-time balance from Zucchini provider.
+   */
+  async getBalance(options) {
+    const raw = this.provider || (typeof window !== "undefined" ? window.zucchini || window.zcash : null);
+    const methods = [
+      "getBalance",
+      "getBalances",
+      "zcash_getBalance",
+      "zcash_getBalances",
+      "view_balance",
+      "getBalanceSummary"
+    ];
+    if (raw && typeof raw.request === "function") {
+      for (const method of methods) {
+        try {
+          const res = await raw.request({ method, params: options });
+          const parsed = this.parseBalancePayload(res);
+          if (parsed !== null) return parsed;
+        } catch {
+        }
+      }
+    }
+    if (this._lastAccounts && this._lastAccounts.length > 0) {
+      for (const acc of this._lastAccounts) {
+        const parsed = this.parseBalancePayload(acc);
+        if (parsed !== null) return parsed;
+      }
+    }
+    return null;
+  }
+  /**
+   * Sends payment via standard ZIP-321 URI requestPayment or transaction fallback.
+   */
+  async requestPayment(params) {
+    if (!this._connected) {
+      await this.connect();
+    }
+    const client = await this.getClient();
+    const numAmount = typeof params.amount === "number" ? params.amount : parseFloat(params.amount);
+    if (isNaN(numAmount) || numAmount <= 0) {
+      throw new Error("Payment amount must be a positive number.");
+    }
+    const uri = generateZip321Uri({
+      address: params.recipient.trim(),
+      amount: numAmount,
+      memo: params.memo?.trim()
+    });
+    try {
+      if (typeof client.requestPayment === "function") {
+        const res = await client.requestPayment(uri);
+        const txId = res?.txid || res?.txId || "";
+        return { txId, submitted: true };
+      }
+    } catch (e) {
+    }
+    if (typeof client.requestTransaction === "function") {
+      const zatoshis = BigInt(Math.round(numAmount * 1e8));
+      const res = await client.requestTransaction({
+        amountZatoshis: zatoshis,
+        recipient: params.recipient.trim(),
+        memo: params.memo?.trim()
+      });
+      return { txId: res?.txid || "", submitted: true };
+    }
+    throw new Error("Zucchini Wallet does not support payment dispatch.");
+  }
+  /**
+   * Subscribes to accountsChanged events.
+   */
+  onAccountsChanged(listener) {
+    if (this.client?.on) {
+      return this.client.on("accountsChanged", listener);
+    }
+    if (this.provider?.on) {
+      this.provider.on("accountsChanged", listener);
+      return () => this.provider?.off?.("accountsChanged", listener);
+    }
+    return () => {
+    };
+  }
+  /**
+   * Subscribes to disconnect events.
+   */
+  onDisconnect(listener) {
+    if (this.client?.on) {
+      return this.client.on("disconnect", listener);
+    }
+    if (this.provider?.on) {
+      this.provider.on("disconnect", listener);
+      return () => this.provider?.off?.("disconnect", listener);
+    }
+    return () => {
+    };
+  }
+  /**
+   * Disconnects the current session.
+   */
+  async disconnect() {
+    try {
+      if (this.client?.disconnect) {
+        await this.client.disconnect();
+      } else if (this.provider?.disconnect) {
+        await this.provider.disconnect();
+      }
+    } catch {
+    }
+    this._connected = false;
+    this._address = null;
+  }
+  get isConnected() {
+    return this._connected;
+  }
+  get address() {
+    return this._address;
+  }
+};
+
+// src/wallets/zucchini.ts
+var adapter = new ZucchiniWalletAdapter();
+var zucchiniWallet = {
+  id: "zucchini",
+  name: "Zucchini Wallet",
+  icon: "\u{1F952}",
+  description: "In-browser Chrome extension with 1-click side-panel approvals",
+  category: "extension",
+  downloadUrl: "https://chromewebstore.google.com/detail/zucchini-wallet",
+  isAvailable: () => ZucchiniWalletAdapter.isAvailable(),
+  connect: async (options) => {
+    const session = await adapter.connect();
+    return {
+      address: session.address,
+      connected: true,
+      network: options?.network || "mainnet",
+      walletId: "zucchini",
+      balance: session.balance
+    };
+  },
+  disconnect: async () => {
+    await adapter.disconnect();
+  },
+  getBalance: async (options) => {
+    return adapter.getBalance(options);
+  },
+  sendPayment: async (params) => {
+    const res = await adapter.requestPayment({
+      recipient: params.recipient,
+      amount: params.amount,
+      memo: params.memo
+    });
+    return {
+      txId: res.txId,
+      submitted: res.submitted
+    };
+  }
+};
+
+// src/wallets/zashi.ts
+var zashiWallet = {
+  id: "zashi",
+  name: "Zashi by ECC",
+  icon: "\u{1F6E1}\uFE0F",
+  description: "Official zero-knowledge mobile wallet by Electric Coin Co.",
+  category: "mobile",
+  downloadUrl: "https://electriccoin.co/zashi/",
+  isAvailable: () => true,
+  // Available via mobile QR or deep link
+  connect: async (options) => {
+    return {
+      connected: true,
+      network: options?.network || "mainnet",
+      walletId: "zashi"
+    };
+  },
+  sendPayment: async (params) => {
+    const rawUri = generateZip321Uri({
+      address: params.recipient,
+      amount: params.amount,
+      memo: params.memo,
+      message: params.message
+    });
+    if (typeof window !== "undefined") {
+      window.location.href = rawUri;
+    }
+    return {
+      txId: "",
+      submitted: false,
+      rawUri
+    };
+  }
+};
+
+// src/wallets/ywallet.ts
+var ywallet = {
+  id: "ywallet",
+  name: "Ywallet",
+  icon: "\u26A1",
+  description: "Fast-syncing multi-platform shielded wallet for mobile & desktop",
+  category: "mobile",
+  downloadUrl: "https://ywallet.app/",
+  isAvailable: () => true,
+  connect: async (options) => {
+    return {
+      connected: true,
+      network: options?.network || "mainnet",
+      walletId: "ywallet"
+    };
+  },
+  sendPayment: async (params) => {
+    const rawUri = generateZip321Uri({
+      address: params.recipient,
+      amount: params.amount,
+      memo: params.memo,
+      message: params.message
+    });
+    if (typeof window !== "undefined") {
+      window.location.href = rawUri;
+    }
+    return {
+      txId: "",
+      submitted: false,
+      rawUri
+    };
+  }
+};
+
+// src/wallets/viewingKey.ts
+var viewingKeyWallet = {
+  id: "viewing-key",
+  name: "Viewing Key / Auditor",
+  icon: "\u{1F441}\uFE0F",
+  description: "Connect with a Unified Address or Viewing Key for read-only audit mode",
+  category: "read-only",
+  isAvailable: () => true,
+  connect: async (options) => {
+    return {
+      connected: true,
+      network: options?.network || "mainnet",
+      walletId: "viewing-key"
+    };
+  }
+};
+
+// src/wallets/burner.ts
+var MOCK_BURNER_ADDR = "u1qwe829xkps9482mzsll049281kz8471hzkas093847zkd09472619as8361048293710293847102938471029384710";
+var burnerWallet = {
+  id: "burner",
+  name: "Dev Session Wallet",
+  icon: "\u{1F9EA}",
+  description: "Instant ephemeral shielded test wallet for rapid local testing",
+  category: "developer",
+  isAvailable: () => true,
+  connect: async (options) => {
+    return {
+      address: MOCK_BURNER_ADDR,
+      connected: true,
+      network: options?.network || "testnet",
+      walletId: "burner"
+    };
+  },
+  sendPayment: async (_params) => {
+    const mockTxId = `0x${Array.from(
+      { length: 64 },
+      () => Math.floor(Math.random() * 16).toString(16)
+    ).join("")}`;
+    return {
+      txId: mockTxId,
+      submitted: true
+    };
+  }
+};
+
+// src/wallets/index.ts
+function getDefaultWallets() {
+  return [
+    zucchiniWallet,
+    zashiWallet,
+    ywallet,
+    viewingKeyWallet,
+    burnerWallet
+  ];
+}
+
+// src/hooks/useZcashPrice.ts
+import { useState, useEffect, useCallback } from "react";
+var cachedPrice = null;
+var lastFetchTime = 0;
+var CACHE_DURATION_MS = 6e4;
+function useZcashPrice(enabled = true) {
+  const [state, setState] = useState(() => ({
+    usdPrice: cachedPrice,
+    loading: !cachedPrice && enabled,
+    error: null,
+    lastUpdated: lastFetchTime || null
+  }));
+  useEffect(() => {
+    if (!enabled) return;
+    let isMounted = true;
+    const now = Date.now();
+    if (cachedPrice && now - lastFetchTime < CACHE_DURATION_MS) {
+      setState((prev) => {
+        if (prev.usdPrice === cachedPrice && !prev.loading) return prev;
+        return {
+          usdPrice: cachedPrice,
+          loading: false,
+          error: null,
+          lastUpdated: lastFetchTime
+        };
+      });
+      return;
+    }
+    async function fetchPrice() {
+      try {
+        const res = await fetch(
+          "https://api.coingecko.com/api/v3/simple/price?ids=zcash&vs_currencies=usd",
+          { signal: AbortSignal.timeout(4e3) }
+        );
+        if (!res.ok) throw new Error(`HTTP ${res.status}`);
+        const data = await res.json();
+        const price = data?.zcash?.usd;
+        if (typeof price === "number") {
+          cachedPrice = price;
+          lastFetchTime = Date.now();
+          if (isMounted) {
+            setState({
+              usdPrice: price,
+              loading: false,
+              error: null,
+              lastUpdated: lastFetchTime
+            });
+          }
+          return;
+        }
+        throw new Error("Invalid price payload");
+      } catch (err) {
+        try {
+          const binanceRes = await fetch(
+            "https://api.binance.com/api/v3/ticker/price?symbol=ZECUSDT",
+            { signal: AbortSignal.timeout(3e3) }
+          );
+          if (binanceRes.ok) {
+            const bData = await binanceRes.json();
+            const bPrice = parseFloat(bData.price);
+            if (!isNaN(bPrice) && bPrice > 0) {
+              cachedPrice = bPrice;
+              lastFetchTime = Date.now();
+              if (isMounted) {
+                setState({
+                  usdPrice: bPrice,
+                  loading: false,
+                  error: null,
+                  lastUpdated: lastFetchTime
+                });
+              }
+              return;
+            }
+          }
+        } catch {
+        }
+        if (isMounted) {
+          const fallback = cachedPrice ?? 38.5;
+          setState({
+            usdPrice: fallback,
+            loading: false,
+            error: err instanceof Error ? err.message : "Price fetch error",
+            lastUpdated: Date.now()
+          });
+        }
+      }
+    }
+    fetchPrice();
+    return () => {
+      isMounted = false;
+    };
+  }, [enabled]);
+  const convertZecToUsd = useCallback(
+    (zecAmount) => {
+      const num = typeof zecAmount === "number" ? zecAmount : parseFloat(zecAmount);
+      if (isNaN(num) || state.usdPrice === null) return null;
+      return (num * state.usdPrice).toFixed(2);
+    },
+    [state.usdPrice]
+  );
+  return {
+    ...state,
+    convertZecToUsd
+  };
+}
+
+// src/components/CiceroConnectModal.tsx
+import { useState as useState2, useEffect as useEffect2 } from "react";
+import { createPortal } from "react-dom";
+import {
+  X,
+  ExternalLink,
+  Shield,
+  Sparkles,
+  AlertCircle,
+  ArrowRight
+} from "lucide-react";
+
+// src/components/CiceroQRCode.tsx
+import { QRCodeSVG } from "qrcode.react";
+import { jsx } from "react/jsx-runtime";
+var CiceroQRCode = ({
+  value,
+  size = 200,
+  className = "",
+  level = "M",
+  includeMargin = true
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `inline-flex items-center justify-center p-3 bg-white rounded-lg border border-[#ededed] shadow-sm ${className}`,
+      children: /* @__PURE__ */ jsx(
+        QRCodeSVG,
+        {
+          value,
+          size,
+          level,
+          includeMargin,
+          imageSettings: {
+            src: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23171717'%3E%3Cpath d='M12 2L3 7v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-9-5zm0 4.5l5 2.5v4.5c0 3.3-2.1 6.3-5 7.2-2.9-.9-5-3.9-5-7.2V9l5-2.5z'/%3E%3Cpath d='M10 11h4l-3 4h3' stroke='%233ecf8e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E",
+            height: 28,
+            width: 28,
+            excavate: true
+          }
+        }
+      )
+    }
+  );
+};
+
+// src/components/CiceroConnectModal.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var CiceroConnectModal = ({
+  isOpen: propIsOpen,
+  onClose: propOnClose
+}) => {
+  const {
+    isConnectModalOpen,
+    closeConnectModal,
+    wallets,
+    connect,
+    network,
+    appName
+  } = useCicero();
+  const isOpen = propIsOpen !== void 0 ? propIsOpen : isConnectModalOpen;
+  const handleClose = propOnClose || closeConnectModal;
+  const [selectedWalletId, setSelectedWalletId] = useState2("zucchini");
+  const [customKeyInput, setCustomKeyInput] = useState2("");
+  const [error, setError] = useState2(null);
+  const [isSubmitting, setIsSubmitting] = useState2(false);
+  const [mounted, setMounted] = useState2(false);
+  const [, setAvailabilityTick] = useState2(0);
+  useEffect2(() => {
+    setMounted(true);
+  }, []);
+  useEffect2(() => {
+    if (!isOpen) return;
+    const cleanupReady = ZucchiniWalletAdapter.onReady(() => {
+      setAvailabilityTick((t) => t + 1);
+    });
+    const interval = setInterval(() => {
+      setAvailabilityTick((t) => t + 1);
+    }, 600);
+    return () => {
+      cleanupReady();
+      clearInterval(interval);
+    };
+  }, [isOpen]);
+  useEffect2(() => {
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape" && isOpen) {
+        handleClose();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [isOpen, handleClose]);
+  if (!isOpen || !mounted) return null;
+  const selectedWallet = wallets.find((w) => w.id === selectedWalletId) || wallets[0];
+  const isAvailable = selectedWallet?.isAvailable();
+  const handleWalletSelect = (walletId) => {
+    setSelectedWalletId(walletId);
+    setError(null);
+  };
+  const handleConnectAction = async () => {
+    if (!selectedWallet) return;
+    setError(null);
+    setIsSubmitting(true);
+    try {
+      if (selectedWallet.id === "viewing-key") {
+        if (!customKeyInput.trim()) {
+          throw new Error("Please enter a valid Unified Address or Viewing Key.");
+        }
+        await connect(selectedWallet.id, customKeyInput.trim());
+      } else {
+        await connect(selectedWallet.id);
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Connection failed");
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  return createPortal(
+    /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-[99999] flex items-center justify-center p-4 sm:p-6 overflow-y-auto font-sans", children: [
+      /* @__PURE__ */ jsx2(
+        "div",
+        {
+          className: "fixed inset-0 bg-[#171717]/60 backdrop-blur-sm transition-opacity z-[99999]",
+          onClick: handleClose
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "relative w-full max-w-2xl bg-white rounded-xl border border-[#ededed] shadow-2xl overflow-hidden z-[100000] text-[#171717] animate-in fade-in zoom-in-95 duration-150", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4 border-b border-[#ededed] bg-[#fafafa]", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
+            /* @__PURE__ */ jsx2("div", { className: "w-8 h-8 rounded-md bg-[#171717] flex items-center justify-center text-[#3ecf8e]", children: /* @__PURE__ */ jsx2(Shield, { className: "w-4 h-4 fill-[#3ecf8e]" }) }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx2("span", { className: "font-semibold text-sm text-[#171717]", children: "Connect Zcash Wallet" }),
+                /* @__PURE__ */ jsx2("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: network })
+              ] }),
+              /* @__PURE__ */ jsxs("p", { className: "text-xs text-[#707070] mt-0.5", children: [
+                "Connect to ",
+                /* @__PURE__ */ jsx2("strong", { className: "text-[#171717]", children: appName }),
+                " with your preferred zero-knowledge wallet."
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              onClick: handleClose,
+              className: "p-1 rounded-md text-[#707070] hover:text-[#171717] hover:bg-[#ededed] transition-colors",
+              "aria-label": "Close modal",
+              children: /* @__PURE__ */ jsx2(X, { className: "w-4 h-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-12 min-h-[380px]", children: [
+          /* @__PURE__ */ jsxs("div", { className: "md:col-span-5 p-3 bg-[#fafafa] border-r border-[#ededed] space-y-1", children: [
+            /* @__PURE__ */ jsx2("div", { className: "px-3 py-2 text-[11px] font-mono uppercase tracking-wider text-[#707070]", children: "Available Wallets" }),
+            wallets.map((w) => {
+              const active = w.id === selectedWalletId;
+              const available = w.isAvailable();
+              return /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  onClick: () => handleWalletSelect(w.id),
+                  className: `w-full flex items-center justify-between p-3 rounded-lg text-left text-xs transition-all ${active ? "bg-white shadow-sm border border-[#dfdfdf] text-[#171717] font-medium" : "hover:bg-white/60 text-[#707070] hover:text-[#171717] border border-transparent"}`,
+                  children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
+                    /* @__PURE__ */ jsx2("span", { className: "text-base", children: w.icon }),
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+                        /* @__PURE__ */ jsx2("span", { className: "text-sm text-[#171717] font-medium", children: w.name }),
+                        w.id === "zucchini" && available && /* @__PURE__ */ jsx2("span", { className: "text-[9px] uppercase font-mono px-1.5 py-0.2 rounded bg-emerald-100 text-emerald-800 font-bold", children: "Detected" })
+                      ] }),
+                      /* @__PURE__ */ jsx2("span", { className: "text-[11px] text-[#9a9a9a] line-clamp-1", children: w.category === "extension" ? "Browser Extension" : w.category === "mobile" ? "Mobile / QR" : w.category === "read-only" ? "Auditor View" : "Dev Session" })
+                    ] })
+                  ] })
+                },
+                w.id
+              );
+            })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "md:col-span-7 p-6 flex flex-col justify-between bg-white", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+              /* @__PURE__ */ jsx2("div", { className: "flex items-start justify-between pb-4 border-b border-[#ededed]", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
+                /* @__PURE__ */ jsx2("span", { className: "text-2xl", children: selectedWallet.icon }),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx2("h4", { className: "text-base font-semibold text-[#171717]", children: selectedWallet.name }),
+                  /* @__PURE__ */ jsx2("p", { className: "text-xs text-[#707070] mt-0.5", children: selectedWallet.description })
+                ] })
+              ] }) }),
+              error && /* @__PURE__ */ jsxs("div", { className: "p-3 rounded-md bg-rose-50 border border-rose-200 text-rose-800 text-xs flex items-start gap-2", children: [
+                /* @__PURE__ */ jsx2(AlertCircle, { className: "w-4 h-4 text-rose-600 flex-shrink-0 mt-0.5" }),
+                /* @__PURE__ */ jsx2("span", { children: error })
+              ] }),
+              selectedWallet.id === "zucchini" && /* @__PURE__ */ jsx2("div", { className: "space-y-4 py-2", children: isAvailable ? /* @__PURE__ */ jsxs("div", { className: "p-4 rounded-lg bg-emerald-50 border border-emerald-200 text-xs text-emerald-950 space-y-2", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 font-semibold", children: [
+                  /* @__PURE__ */ jsx2(Sparkles, { className: "w-4 h-4 text-[#24b47e]" }),
+                  /* @__PURE__ */ jsx2("span", { children: "Extension Detected & Ready" })
+                ] }),
+                /* @__PURE__ */ jsx2("p", { className: "text-emerald-800 leading-relaxed", children: "Clicking connect will prompt your Zucchini Wallet side-panel to authorize access." })
+              ] }) : /* @__PURE__ */ jsxs("div", { className: "p-4 rounded-lg bg-[#fafafa] border border-[#ededed] text-xs text-[#707070] space-y-3", children: [
+                /* @__PURE__ */ jsx2("p", { children: "Zucchini Wallet extension was not detected in this browser. Install it to enable 1-click in-browser approvals." }),
+                selectedWallet.downloadUrl && /* @__PURE__ */ jsxs(
+                  "a",
+                  {
+                    href: selectedWallet.downloadUrl,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    className: "inline-flex items-center gap-1.5 px-3 py-1.5 rounded-md bg-[#171717] text-white text-xs font-medium hover:bg-[#212121]",
+                    children: [
+                      /* @__PURE__ */ jsx2("span", { children: "Install from Chrome Web Store" }),
+                      /* @__PURE__ */ jsx2(ExternalLink, { className: "w-3.5 h-3.5" })
+                    ]
+                  }
+                )
+              ] }) }),
+              (selectedWallet.id === "zashi" || selectedWallet.id === "ywallet") && /* @__PURE__ */ jsxs("div", { className: "text-center space-y-3 py-1", children: [
+                /* @__PURE__ */ jsx2("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx2(
+                  CiceroQRCode,
+                  {
+                    value: `zcash:u1demo?message=Connect%20to%20${encodeURIComponent(appName || "Cicero App")}`,
+                    size: 150
+                  }
+                ) }),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsxs("p", { className: "text-xs font-medium text-[#171717]", children: [
+                    "Scan with ",
+                    selectedWallet.name,
+                    " app"
+                  ] }),
+                  /* @__PURE__ */ jsxs("p", { className: "text-[11px] text-[#707070] mt-0.5", children: [
+                    "Open ",
+                    selectedWallet.name,
+                    " on iOS/Android and scan this QR code to authenticate."
+                  ] })
+                ] })
+              ] }),
+              selectedWallet.id === "viewing-key" && /* @__PURE__ */ jsxs("div", { className: "space-y-3 py-2 text-xs", children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx2("label", { className: "font-medium text-[#171717] block mb-1", children: "Unified Address or Viewing Key" }),
+                  /* @__PURE__ */ jsx2(
+                    "textarea",
+                    {
+                      rows: 3,
+                      value: customKeyInput,
+                      onChange: (e) => setCustomKeyInput(e.target.value),
+                      placeholder: "Paste u1... address, zxviews... or uview... key",
+                      className: "w-full p-2.5 rounded-md bg-white border border-[#dfdfdf] font-mono text-xs text-[#171717] focus:outline-none focus:border-[#3ecf8e]"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx2("p", { className: "text-[11px] text-[#707070]", children: "Read-only connection for tax calculation, accounting reconciliation, or proof-of-reserves." })
+              ] }),
+              selectedWallet.id === "burner" && /* @__PURE__ */ jsx2("div", { className: "space-y-3 py-2 text-xs", children: /* @__PURE__ */ jsxs("div", { className: "p-3.5 rounded-lg bg-[#fafafa] border border-[#ededed] space-y-1.5", children: [
+                /* @__PURE__ */ jsx2("span", { className: "font-semibold text-[#171717]", children: "Ephemeral Shielded Test Wallet" }),
+                /* @__PURE__ */ jsx2("p", { className: "text-[#707070] leading-relaxed", children: "Instantly creates an in-memory session wallet pre-funded with simulated testnet ZEC. Perfect for testing dApps without needing external extensions." })
+              ] }) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "pt-4 border-t border-[#ededed] mt-4 flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx2("span", { className: "text-[11px] text-[#9a9a9a]", children: "End-to-End Encrypted" }),
+              /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  onClick: handleConnectAction,
+                  disabled: isSubmitting,
+                  className: "inline-flex items-center gap-2 px-5 py-2.5 rounded-md bg-[#3ecf8e] text-[#171717] font-semibold text-xs hover:bg-[#24b47e] transition-colors disabled:opacity-50 shadow-sm",
+                  children: isSubmitting ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx2("span", { className: "w-3.5 h-3.5 border-2 border-[#171717]/30 border-t-[#171717] rounded-full animate-spin" }),
+                    /* @__PURE__ */ jsx2("span", { children: "Connecting..." })
+                  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx2("span", { children: selectedWallet.id === "viewing-key" ? "Connect Read-Only" : selectedWallet.id === "burner" ? "Launch Dev Session" : `Connect ${selectedWallet.name}` }),
+                    /* @__PURE__ */ jsx2(ArrowRight, { className: "w-3.5 h-3.5" })
+                  ] })
+                }
+              )
+            ] })
+          ] })
+        ] })
+      ] })
+    ] }),
+    document.body
+  );
+};
+
+// src/components/CiceroAccountModal.tsx
+import { useState as useState3, useEffect as useEffect3 } from "react";
+import { createPortal as createPortal2 } from "react-dom";
+import {
+  X as X2,
+  Copy,
+  Check,
+  LogOut,
+  ExternalLink as ExternalLink2,
+  Shield as Shield2,
+  RefreshCw,
+  QrCode,
+  ArrowRightLeft
+} from "lucide-react";
+
+// src/utils/address.ts
+function getAddressType(address) {
+  if (!address || typeof address !== "string") {
+    return "unknown";
+  }
+  const clean = address.trim();
+  if (clean.startsWith("u1") || clean.startsWith("utest1")) {
+    return "unified";
+  }
+  if (clean.startsWith("zs1") || clean.startsWith("ztestsapling1")) {
+    return "sapling";
+  }
+  if (clean.startsWith("t1") || clean.startsWith("t3") || clean.startsWith("tm")) {
+    return "transparent";
+  }
+  return "unknown";
+}
+function isShieldedAddress(address) {
+  const type = getAddressType(address);
+  return type === "unified" || type === "sapling";
+}
+function truncateAddress(address, start = 8, end = 8) {
+  if (!address) return "";
+  const clean = address.trim();
+  if (clean.length <= start + end + 3) {
+    return clean;
+  }
+  return `${clean.slice(0, start)}...${clean.slice(-end)}`;
+}
+function validateMemoSupport(address, memo) {
+  const byteLength = memo ? new TextEncoder().encode(memo).length : 0;
+  const isAddressShielded = isShieldedAddress(address);
+  if (byteLength > 512) {
+    return {
+      valid: false,
+      warning: `Memo exceeds Zcash protocol limit of 512 bytes (current: ${byteLength} bytes).`,
+      byteLength
+    };
+  }
+  if (memo && !isAddressShielded) {
+    return {
+      valid: true,
+      warning: "Warning: Transparent addresses (t-addr) do not support shielded encrypted memos. Use a Unified (u1) or Sapling (zs1) address to protect your memo.",
+      byteLength
+    };
+  }
+  return {
+    valid: true,
+    byteLength
+  };
+}
+
+// src/components/CiceroAccountModal.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var CiceroAccountModal = ({
+  isOpen: propIsOpen,
+  onClose: propOnClose
+}) => {
+  const {
+    isAccountModalOpen,
+    closeAccountModal,
+    address,
+    wallet,
+    network,
+    switchNetwork,
+    balance,
+    refetchBalance,
+    disconnect
+  } = useCicero();
+  const isOpen = propIsOpen !== void 0 ? propIsOpen : isAccountModalOpen;
+  const handleClose = propOnClose || closeAccountModal;
+  const [copied, setCopied] = useState3(false);
+  const [showQr, setShowQr] = useState3(false);
+  const [mounted, setMounted] = useState3(false);
+  useEffect3(() => {
+    setMounted(true);
+  }, []);
+  useEffect3(() => {
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape" && isOpen) {
+        handleClose();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [isOpen, handleClose]);
+  if (!isOpen || !mounted) return null;
+  const copyAddress = async () => {
+    if (!address) return;
+    try {
+      await navigator.clipboard.writeText(address);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch {
+    }
+  };
+  return createPortal2(
+    /* @__PURE__ */ jsxs2("div", { className: "fixed inset-0 z-[99999] flex items-center justify-center p-4 sm:p-6 overflow-y-auto font-sans", children: [
+      /* @__PURE__ */ jsx3(
+        "div",
+        {
+          className: "fixed inset-0 bg-[#171717]/60 backdrop-blur-sm transition-opacity z-[99999]",
+          onClick: handleClose
+        }
+      ),
+      /* @__PURE__ */ jsxs2("div", { className: "relative w-full max-w-md bg-white rounded-xl border border-[#ededed] shadow-2xl overflow-hidden z-[100000] text-[#171717] animate-in fade-in zoom-in-95 duration-150", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between px-6 py-4 border-b border-[#ededed] bg-[#fafafa]", children: [
+          /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx3("span", { className: "text-xl", children: wallet?.icon || "\u{1F6E1}\uFE0F" }),
+            /* @__PURE__ */ jsxs2("div", { children: [
+              /* @__PURE__ */ jsx3("span", { className: "font-semibold text-sm text-[#171717]", children: wallet?.name || "Zcash Wallet" }),
+              /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1.5 text-[11px] text-[#707070]", children: [
+                /* @__PURE__ */ jsx3("span", { className: "w-1.5 h-1.5 rounded-full bg-[#24b47e]" }),
+                /* @__PURE__ */ jsx3("span", { children: "Connected" })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx3(
+            "button",
+            {
+              onClick: handleClose,
+              className: "p-1 rounded-md text-[#707070] hover:text-[#171717] hover:bg-[#ededed] transition-colors",
+              children: /* @__PURE__ */ jsx3(X2, { className: "w-4 h-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs2("div", { className: "p-6 space-y-5", children: [
+          /* @__PURE__ */ jsxs2("div", { className: "p-4 rounded-lg bg-[#fafafa] border border-[#ededed] text-center space-y-1", children: [
+            /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-center gap-1.5 text-xs text-[#707070]", children: [
+              /* @__PURE__ */ jsx3("span", { children: "Shielded Balance" }),
+              /* @__PURE__ */ jsx3(
+                "button",
+                {
+                  onClick: () => refetchBalance(),
+                  className: "hover:text-[#171717] p-0.5",
+                  title: "Refresh balance",
+                  children: /* @__PURE__ */ jsx3(
+                    RefreshCw,
+                    {
+                      className: `w-3 h-3 ${balance.isLoading ? "animate-spin text-[#3ecf8e]" : ""}`
+                    }
+                  )
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs2("div", { className: "flex items-baseline justify-center gap-1.5", children: [
+              /* @__PURE__ */ jsx3("span", { className: "text-3xl font-bold font-mono text-[#171717] tracking-tight", children: balance.zec }),
+              /* @__PURE__ */ jsx3("span", { className: "text-sm font-medium text-[#707070]", children: "ZEC" })
+            ] }),
+            balance.usd && /* @__PURE__ */ jsxs2("p", { className: "text-xs text-[#707070] font-mono", children: [
+              "\u2248 $",
+              balance.usd,
+              " USD"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs2("div", { className: "space-y-2 text-xs", children: [
+            /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between text-[#707070]", children: [
+              /* @__PURE__ */ jsx3("span", { children: "Your Shielded Address" }),
+              /* @__PURE__ */ jsxs2(
+                "button",
+                {
+                  onClick: () => setShowQr(!showQr),
+                  className: "flex items-center gap-1 text-[#24b47e] hover:underline",
+                  children: [
+                    /* @__PURE__ */ jsx3(QrCode, { className: "w-3.5 h-3.5" }),
+                    /* @__PURE__ */ jsx3("span", { children: showQr ? "Hide QR" : "Show QR" })
+                  ]
+                }
+              )
+            ] }),
+            address ? /* @__PURE__ */ jsxs2("div", { className: "p-3 bg-[#fafafa] rounded-md border border-[#ededed] font-mono text-xs text-[#171717] break-all select-all flex items-center justify-between gap-2", children: [
+              /* @__PURE__ */ jsx3("span", { className: "truncate", children: truncateAddress(address, 16, 12) }),
+              /* @__PURE__ */ jsx3(
+                "button",
+                {
+                  onClick: copyAddress,
+                  className: "p-1 rounded hover:bg-white text-[#707070] hover:text-[#171717] transition-colors flex-shrink-0",
+                  title: "Copy full address",
+                  children: copied ? /* @__PURE__ */ jsx3(Check, { className: "w-3.5 h-3.5 text-[#24b47e]" }) : /* @__PURE__ */ jsx3(Copy, { className: "w-3.5 h-3.5" })
+                }
+              )
+            ] }) : /* @__PURE__ */ jsx3("div", { className: "p-3 bg-[#fafafa] rounded-md border border-[#ededed] text-xs text-[#707070]", children: "Connected in Read-Only Mode" }),
+            showQr && address && /* @__PURE__ */ jsx3("div", { className: "pt-2 flex justify-center", children: /* @__PURE__ */ jsx3(CiceroQRCode, { value: `zcash:${address}`, size: 160 }) }),
+            address && /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between text-[11px] pt-1", children: [
+              /* @__PURE__ */ jsxs2("span", { className: "flex items-center gap-1 text-[#707070]", children: [
+                /* @__PURE__ */ jsx3(Shield2, { className: "w-3 h-3 text-[#3ecf8e]" }),
+                /* @__PURE__ */ jsx3("span", { children: "zk-Shielded Address" })
+              ] }),
+              /* @__PURE__ */ jsxs2(
+                "a",
+                {
+                  href: network === "testnet" ? `https://blockexplorer.one/zcash/testnet/address/${address}` : `https://blockchair.com/zcash/address/${address}`,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "flex items-center gap-1 text-[#24b47e] hover:underline",
+                  children: [
+                    /* @__PURE__ */ jsx3("span", { children: "View on Explorer" }),
+                    /* @__PURE__ */ jsx3(ExternalLink2, { className: "w-3 h-3" })
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between p-3 rounded-lg border border-[#ededed] bg-white text-xs", children: [
+            /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx3(ArrowRightLeft, { className: "w-4 h-4 text-[#707070]" }),
+              /* @__PURE__ */ jsx3("span", { className: "text-[#171717] font-medium", children: "Network" })
+            ] }),
+            /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1 p-0.5 rounded bg-[#fafafa] border border-[#dfdfdf]", children: [
+              /* @__PURE__ */ jsx3(
+                "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__ */ jsx3(
+                "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"
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs2("div", { className: "px-6 py-3.5 bg-[#fafafa] border-t border-[#ededed] flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs2(
+            "button",
+            {
+              onClick: disconnect,
+              className: "flex items-center gap-1.5 text-xs text-rose-600 hover:text-rose-700 font-medium transition-colors",
+              children: [
+                /* @__PURE__ */ jsx3(LogOut, { className: "w-3.5 h-3.5" }),
+                /* @__PURE__ */ jsx3("span", { children: "Disconnect Wallet" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx3(
+            "button",
+            {
+              onClick: handleClose,
+              className: "px-3.5 py-1.5 rounded-md border border-[#dfdfdf] bg-white hover:bg-[#fafafa] text-xs font-medium text-[#171717] transition-colors",
+              children: "Done"
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    document.body
+  );
+};
+
+// src/context/CiceroContext.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var CiceroContext = createContext(null);
+var CiceroProvider = ({
+  children,
+  initialNetwork = "mainnet",
+  wallets = getDefaultWallets(),
+  appName = "Zcash App",
+  appLogo,
+  autoConnect = true
+}) => {
+  const [network, setNetwork] = useState4(initialNetwork);
+  const [account, setAccount] = useState4({
+    address: null,
+    viewingKey: null,
+    isConnected: false,
+    isConnecting: false,
+    status: "disconnected",
+    wallet: null,
+    error: null
+  });
+  const [balance, setBalance] = useState4({
+    zec: 0,
+    usd: null,
+    isLoading: false
+  });
+  const [isConnectModalOpen, setIsConnectModalOpen] = useState4(false);
+  const [isAccountModalOpen, setIsAccountModalOpen] = useState4(false);
+  const { convertZecToUsd } = useZcashPrice(true);
+  const convertZecToUsdRef = useRef(convertZecToUsd);
+  convertZecToUsdRef.current = convertZecToUsd;
+  const walletsRef = useRef(wallets);
+  walletsRef.current = wallets;
+  useEffect4(() => {
+    if (typeof window === "undefined") return;
+    const savedWalletId = localStorage.getItem("cicero_wallet_id");
+    const savedAddress = localStorage.getItem("cicero_address");
+    const savedNetwork = localStorage.getItem("cicero_network");
+    if (savedNetwork) {
+      setNetwork(savedNetwork);
+    }
+    if (autoConnect && savedWalletId) {
+      const targetWallet = walletsRef.current.find((w) => w.id === savedWalletId);
+      if (targetWallet && (savedAddress || targetWallet.isAvailable())) {
+        const savedBal = localStorage.getItem("cicero_balance");
+        const parsedBal = savedBal ? parseFloat(savedBal) : null;
+        const activeZec = parsedBal !== null && !isNaN(parsedBal) ? parsedBal : 0;
+        const initialUsd = convertZecToUsdRef.current(activeZec);
+        setAccount({
+          address: savedAddress || null,
+          viewingKey: null,
+          isConnected: true,
+          isConnecting: false,
+          status: "connected",
+          wallet: targetWallet,
+          error: null
+        });
+        setBalance({
+          zec: activeZec,
+          usd: initialUsd,
+          isLoading: false
+        });
+        if (targetWallet.getBalance) {
+          targetWallet.getBalance({ address: savedAddress || void 0, network }).then((freshBal) => {
+            if (freshBal !== null && !isNaN(freshBal)) {
+              setBalance({
+                zec: freshBal,
+                usd: convertZecToUsdRef.current(freshBal),
+                isLoading: false
+              });
+              localStorage.setItem("cicero_balance", freshBal.toString());
+            }
+          }).catch(() => {
+          });
+        }
+      }
+    }
+  }, [autoConnect]);
+  useEffect4(() => {
+    if (typeof window === "undefined") return;
+    const cleanupReady = ZucchiniWalletAdapter.onReady(() => {
+      const savedWalletId = localStorage.getItem("cicero_wallet_id");
+      const savedAddress = localStorage.getItem("cicero_address");
+      if (savedWalletId === "zucchini" && autoConnect) {
+        const zucchini = walletsRef.current.find((w) => w.id === "zucchini");
+        if (zucchini) {
+          setAccount((prev) => {
+            if (prev.isConnected && prev.wallet?.id === "zucchini") return prev;
+            return {
+              address: savedAddress || null,
+              viewingKey: null,
+              isConnected: true,
+              isConnecting: false,
+              status: "connected",
+              wallet: zucchini,
+              error: null
+            };
+          });
+        }
+      }
+    });
+    return () => {
+      cleanupReady();
+    };
+  }, [autoConnect]);
+  useEffect4(() => {
+    if (account.isConnected) {
+      setBalance((prev) => {
+        const newUsd = convertZecToUsd(prev.zec);
+        if (prev.usd === newUsd) return prev;
+        return {
+          ...prev,
+          usd: newUsd
+        };
+      });
+    }
+  }, [account.isConnected, balance.zec, convertZecToUsd]);
+  const switchNetwork = useCallback2((newNet) => {
+    setNetwork(newNet);
+    if (typeof window !== "undefined") {
+      localStorage.setItem("cicero_network", newNet);
+    }
+  }, []);
+  const connect = useCallback2(
+    async (walletId, customAddressOrKey) => {
+      const targetWallet = wallets.find((w) => w.id === walletId);
+      if (!targetWallet) {
+        throw new Error(`Wallet ${walletId} not found in registered wallets`);
+      }
+      setAccount((prev) => ({
+        ...prev,
+        isConnecting: true,
+        status: "connecting",
+        error: null
+      }));
+      try {
+        let session;
+        if (walletId === "viewing-key" && customAddressOrKey) {
+          session = {
+            address: customAddressOrKey,
+            viewingKey: customAddressOrKey.startsWith("zx") || customAddressOrKey.startsWith("uview") ? customAddressOrKey : void 0,
+            connected: true,
+            network,
+            walletId: "viewing-key"
+          };
+        } else {
+          session = await targetWallet.connect({ network });
+        }
+        const resolvedAddress = session.address || customAddressOrKey || null;
+        setAccount({
+          address: resolvedAddress,
+          viewingKey: session.viewingKey || null,
+          isConnected: true,
+          isConnecting: false,
+          status: "connected",
+          wallet: targetWallet,
+          error: null
+        });
+        let resolvedZec = session.balance ?? null;
+        if (resolvedZec === null && targetWallet.getBalance) {
+          try {
+            resolvedZec = await targetWallet.getBalance({
+              address: resolvedAddress || void 0,
+              network
+            });
+          } catch {
+          }
+        }
+        if (resolvedZec === null && typeof window !== "undefined") {
+          const cached = localStorage.getItem("cicero_balance");
+          if (cached && !isNaN(parseFloat(cached))) {
+            resolvedZec = parseFloat(cached);
+          }
+        }
+        const activeZec = resolvedZec !== null && !isNaN(resolvedZec) ? resolvedZec : 0;
+        setBalance({
+          zec: activeZec,
+          usd: convertZecToUsd(activeZec),
+          isLoading: false
+        });
+        if (typeof window !== "undefined" && resolvedZec !== null) {
+          localStorage.setItem("cicero_balance", resolvedZec.toString());
+        }
+        if (typeof window !== "undefined") {
+          localStorage.setItem("cicero_wallet_id", walletId);
+          if (resolvedAddress) {
+            localStorage.setItem("cicero_address", resolvedAddress);
+          }
+        }
+        setIsConnectModalOpen(false);
+      } catch (err) {
+        const msg = err instanceof Error ? err.message : "Connection failed";
+        setAccount((prev) => ({
+          ...prev,
+          isConnecting: false,
+          status: "error",
+          error: msg
+        }));
+        throw err;
+      }
+    },
+    [wallets, network, convertZecToUsd]
+  );
+  const disconnect = useCallback2(async () => {
+    if (account.wallet?.disconnect) {
+      try {
+        await account.wallet.disconnect();
+      } catch {
+      }
+    }
+    setAccount({
+      address: null,
+      viewingKey: null,
+      isConnected: false,
+      isConnecting: false,
+      status: "disconnected",
+      wallet: null,
+      error: null
+    });
+    setBalance({
+      zec: 0,
+      usd: null,
+      isLoading: false
+    });
+    if (typeof window !== "undefined") {
+      localStorage.removeItem("cicero_wallet_id");
+      localStorage.removeItem("cicero_address");
+      localStorage.removeItem("cicero_balance");
+    }
+    setIsAccountModalOpen(false);
+  }, [account.wallet]);
+  const sendPayment = useCallback2(
+    async (params) => {
+      if (!account.wallet) {
+        throw new Error("No wallet connected. Please connect a Zcash wallet first.");
+      }
+      if (account.wallet.sendPayment) {
+        return account.wallet.sendPayment(params);
+      }
+      throw new Error(`Wallet ${account.wallet.name} does not support programmatic send.`);
+    },
+    [account.wallet]
+  );
+  const refetchBalance = useCallback2(async () => {
+    if (!account.wallet) return;
+    setBalance((prev) => ({ ...prev, isLoading: true }));
+    try {
+      let freshZec = null;
+      if (account.wallet.getBalance) {
+        freshZec = await account.wallet.getBalance({
+          address: account.address || void 0,
+          network
+        });
+      }
+      if (freshZec !== null && !isNaN(freshZec)) {
+        setBalance({
+          zec: freshZec,
+          usd: convertZecToUsd(freshZec),
+          isLoading: false
+        });
+        if (typeof window !== "undefined") {
+          localStorage.setItem("cicero_balance", freshZec.toString());
+        }
+        return;
+      }
+    } catch {
+    }
+    setBalance((prev) => ({
+      ...prev,
+      isLoading: false,
+      usd: convertZecToUsd(prev.zec)
+    }));
+  }, [account.wallet, account.address, network, convertZecToUsd]);
+  const openConnectModal = useCallback2(() => setIsConnectModalOpen(true), []);
+  const closeConnectModal = useCallback2(() => setIsConnectModalOpen(false), []);
+  const openAccountModal = useCallback2(() => setIsAccountModalOpen(true), []);
+  const closeAccountModal = useCallback2(() => setIsAccountModalOpen(false), []);
+  const value = useMemo(
+    () => ({
+      account,
+      address: account.address,
+      isConnected: account.isConnected,
+      isConnecting: account.isConnecting,
+      wallet: account.wallet,
+      network,
+      switchNetwork,
+      balance,
+      refetchBalance,
+      connect,
+      disconnect,
+      sendPayment,
+      isConnectModalOpen,
+      openConnectModal,
+      closeConnectModal,
+      isAccountModalOpen,
+      openAccountModal,
+      closeAccountModal,
+      wallets,
+      appName,
+      appLogo
+    }),
+    [
+      account,
+      network,
+      switchNetwork,
+      balance,
+      refetchBalance,
+      connect,
+      disconnect,
+      sendPayment,
+      isConnectModalOpen,
+      openConnectModal,
+      closeConnectModal,
+      isAccountModalOpen,
+      openAccountModal,
+      closeAccountModal,
+      wallets,
+      appName,
+      appLogo
+    ]
+  );
+  return /* @__PURE__ */ jsxs3(CiceroContext.Provider, { value, children: [
+    children,
+    /* @__PURE__ */ jsx4(CiceroConnectModal, {}),
+    /* @__PURE__ */ jsx4(CiceroAccountModal, {})
+  ] });
+};
+function useCicero() {
+  const ctx = useContext(CiceroContext);
+  if (!ctx) {
+    throw new Error("useCicero must be used within a <CiceroProvider>");
+  }
+  return ctx;
+}
+var useAccount = () => {
+  const { account, address, isConnected, isConnecting, wallet, disconnect } = useCicero();
+  return { ...account, address, isConnected, isConnecting, wallet, disconnect };
+};
+var useBalance = () => {
+  const { balance, refetchBalance } = useCicero();
+  return { ...balance, refetch: refetchBalance };
+};
+var useConnectModal = () => {
+  const { isConnectModalOpen, openConnectModal, closeConnectModal } = useCicero();
+  return {
+    isOpen: isConnectModalOpen,
+    openConnectModal,
+    closeConnectModal
+  };
+};
+var useAccountModal = () => {
+  const { isAccountModalOpen, openAccountModal, closeAccountModal } = useCicero();
+  return {
+    isOpen: isAccountModalOpen,
+    openAccountModal,
+    closeAccountModal
+  };
+};
+
+// src/components/CiceroConnectButton.tsx
+import { Shield as Shield3, ChevronDown } from "lucide-react";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var CiceroConnectButton = ({
+  label = "Connect Zcash Wallet",
+  variant = "primary",
+  size = "md",
+  showBalance = true,
+  showNetwork = true,
+  className = ""
+}) => {
+  const {
+    account,
+    address,
+    isConnected,
+    isConnecting,
+    network,
+    balance,
+    openConnectModal,
+    openAccountModal
+  } = useCicero();
+  const sizeClasses = {
+    sm: "text-xs px-2.5 py-1.5 gap-1.5",
+    md: "text-sm px-3.5 py-2 gap-2",
+    lg: "text-base px-4.5 py-2.5 gap-2.5"
+  }[size];
+  const variantClasses = {
+    primary: "bg-[#3ecf8e] text-[#171717] hover:bg-[#24b47e] font-semibold shadow-sm",
+    outline: "bg-white text-[#171717] border border-[#dfdfdf] hover:border-[#c7c7c7] hover:bg-[#fafafa] font-medium shadow-sm",
+    dark: "bg-[#1c1c1c] text-white hover:bg-[#242424] font-medium shadow-sm"
+  }[variant];
+  return /* @__PURE__ */ jsx5(Fragment2, { children: !isConnected ? /* @__PURE__ */ jsxs4(
+    "button",
+    {
+      type: "button",
+      onClick: openConnectModal,
+      disabled: isConnecting,
+      className: `inline-flex items-center justify-center rounded-[6px] transition-all select-none ${sizeClasses} ${variantClasses} ${className}`,
+      children: [
+        /* @__PURE__ */ jsx5(
+          Shield3,
+          {
+            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__ */ jsx5("span", { children: isConnecting ? "Connecting..." : label })
+      ]
+    }
+  ) : (
+    /* Connected State Pill (RainbowKit style) */
+    /* @__PURE__ */ jsxs4("div", { className: `inline-flex items-center rounded-[6px] border border-[#dfdfdf] bg-white p-0.5 shadow-sm text-xs ${className}`, children: [
+      showNetwork && /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-1.5 px-2.5 py-1 text-[11px] font-medium text-[#707070] border-r border-[#ededed]", children: [
+        /* @__PURE__ */ jsx5(
+          "span",
+          {
+            className: `w-2 h-2 rounded-full ${network === "mainnet" ? "bg-[#3ecf8e]" : "bg-amber-400"}`
+          }
+        ),
+        /* @__PURE__ */ jsx5("span", { className: "capitalize", children: network })
+      ] }),
+      showBalance && /* @__PURE__ */ jsxs4("div", { className: "px-2.5 py-1 font-mono font-medium text-[#171717] border-r border-[#ededed]", children: [
+        /* @__PURE__ */ jsx5("span", { children: balance.zec }),
+        " ",
+        /* @__PURE__ */ jsx5("span", { className: "text-[#707070] font-normal", children: "ZEC" })
+      ] }),
+      /* @__PURE__ */ jsxs4(
+        "button",
+        {
+          type: "button",
+          onClick: openAccountModal,
+          className: "flex items-center gap-1.5 px-2.5 py-1 rounded-[4px] hover:bg-[#fafafa] text-[#171717] font-medium transition-colors",
+          children: [
+            /* @__PURE__ */ jsx5("span", { className: "text-sm", children: account.wallet?.icon || "\u{1F6E1}\uFE0F" }),
+            /* @__PURE__ */ jsx5("span", { className: "font-mono text-[11px]", children: address ? truncateAddress(address, 6, 4) : "Connected" }),
+            /* @__PURE__ */ jsx5(ChevronDown, { className: "w-3 h-3 text-[#707070]" })
+          ]
+        }
+      )
+    ] })
+  ) });
+};
+
+// src/components/CiceroPayButton.tsx
+import { Shield as Shield5 } from "lucide-react";
+
+// src/hooks/useCiceroPayment.ts
+import { useState as useState5, useEffect as useEffect5, useCallback as useCallback3, useMemo as useMemo2, useRef as useRef2 } from "react";
+function useCiceroPayment({
+  recipient,
+  amount,
+  memo,
+  message,
+  network = "mainnet",
+  expiresInSeconds = 900,
+  // 15 mins
+  invoiceId,
+  customRpcUrl,
+  onSuccess,
+  onError,
+  onStatusChange
+}) {
+  const onSuccessRef = useRef2(onSuccess);
+  onSuccessRef.current = onSuccess;
+  const onErrorRef = useRef2(onError);
+  onErrorRef.current = onError;
+  const onStatusChangeRef = useRef2(onStatusChange);
+  onStatusChangeRef.current = onStatusChange;
+  const [status, setStatus] = useState5("pending");
+  const [txId, setTxId] = useState5(null);
+  const [secondsRemaining, setSecondsRemaining] = useState5(expiresInSeconds);
+  const [isModalOpen, setIsModalOpen] = useState5(false);
+  const [zucchiniAvailable, setZucchiniAvailable] = useState5(false);
+  const [zucchiniAdapter] = useState5(() => new ZucchiniWalletAdapter());
+  const [zucchiniPaying, setZucchiniPaying] = useState5(false);
+  useEffect5(() => {
+    setZucchiniAvailable(ZucchiniWalletAdapter.isAvailable());
+  }, []);
+  const addressType = useMemo2(() => getAddressType(recipient), [recipient]);
+  const isShielded = useMemo2(() => isShieldedAddress(recipient), [recipient]);
+  const memoValidation = useMemo2(
+    () => validateMemoSupport(recipient, memo),
+    [recipient, memo]
+  );
+  const lastWarningRef = useRef2(null);
+  useEffect5(() => {
+    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 = useMemo2(() => {
+    return generateZip321Uri({
+      address: recipient,
+      amount,
+      memo,
+      message
+    });
+  }, [recipient, amount, memo, message]);
+  const deepLinks = useMemo2(() => getWalletDeepLinks(zip321Uri), [zip321Uri]);
+  const updateStatus = useCallback3((newStatus) => {
+    setStatus(newStatus);
+    onStatusChangeRef.current?.(newStatus);
+  }, []);
+  useEffect5(() => {
+    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 = useCallback3(() => {
+    setStatus("pending");
+    setTxId(null);
+    setSecondsRemaining(expiresInSeconds);
+    setZucchiniPaying(false);
+  }, [expiresInSeconds]);
+  const openModal = useCallback3(() => {
+    resetPayment();
+    setIsModalOpen(true);
+  }, [resetPayment]);
+  const closeModal = useCallback3(() => {
+    setIsModalOpen(false);
+  }, []);
+  const payWithZucchini = useCallback3(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 = useCallback3(() => {
+    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
+import { useState as useState6, useEffect as useEffect6 } from "react";
+import { createPortal as createPortal3 } from "react-dom";
+import {
+  Shield as Shield4,
+  Copy as Copy2,
+  Check as Check2,
+  ExternalLink as ExternalLink3,
+  Clock,
+  CheckCircle2,
+  AlertCircle as AlertCircle2,
+  X as X3,
+  Lock,
+  Sparkles as Sparkles2,
+  Zap
+} from "lucide-react";
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs5 } from "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] = useState6(null);
+  const { convertZecToUsd } = useZcashPrice(showUsd);
+  useEffect6(() => {
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape" && isOpen) {
+        onClose();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [isOpen, onClose]);
+  const [mounted, setMounted] = useState6(false);
+  useEffect6(() => {
+    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 createPortal3(
+    /* @__PURE__ */ jsxs5("div", { className: "fixed inset-0 z-[99999] flex items-center justify-center p-4 sm:p-6 overflow-y-auto", children: [
+      /* @__PURE__ */ jsx6(
+        "div",
+        {
+          className: "fixed inset-0 bg-[#171717]/60 backdrop-blur-sm transition-opacity z-[99999]",
+          onClick: onClose
+        }
+      ),
+      /* @__PURE__ */ jsxs5("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__ */ jsxs5("div", { className: "flex items-center justify-between px-6 py-4 border-b border-[#ededed] bg-[#fafafa]", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2.5", children: [
+            /* @__PURE__ */ jsx6("div", { className: "w-8 h-8 rounded-md bg-[#171717] flex items-center justify-center text-[#3ecf8e]", children: /* @__PURE__ */ jsx6(Shield4, { className: "w-4 h-4 fill-[#3ecf8e]" }) }),
+            /* @__PURE__ */ jsxs5("div", { children: [
+              /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx6("span", { className: "font-medium text-sm text-[#171717]", children: title }),
+                /* @__PURE__ */ jsx6("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__ */ jsx6("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__ */ jsx6("p", { className: "text-xs text-[#707070] mt-0.5", children: subtitle })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx6(
+            "button",
+            {
+              onClick: onClose,
+              className: "p-1 rounded-md text-[#707070] hover:text-[#171717] hover:bg-[#ededed] transition-colors",
+              "aria-label": "Close modal",
+              children: /* @__PURE__ */ jsx6(X3, { className: "w-4 h-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs5("div", { className: "px-6 py-2.5 bg-white border-b border-[#ededed] flex items-center justify-between text-xs", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
+            status === "pending" && /* @__PURE__ */ jsxs5(Fragment3, { children: [
+              /* @__PURE__ */ jsxs5("span", { className: "relative flex h-2 w-2", children: [
+                /* @__PURE__ */ jsx6("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-[#3ecf8e] opacity-75" }),
+                /* @__PURE__ */ jsx6("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-[#24b47e]" })
+              ] }),
+              /* @__PURE__ */ jsx6("span", { className: "text-[#707070]", children: "Listening for transaction..." })
+            ] }),
+            status === "detected" && /* @__PURE__ */ jsxs5(Fragment3, { children: [
+              /* @__PURE__ */ jsxs5("span", { className: "relative flex h-2 w-2", children: [
+                /* @__PURE__ */ jsx6("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-amber-400 opacity-75" }),
+                /* @__PURE__ */ jsx6("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-amber-500" })
+              ] }),
+              /* @__PURE__ */ jsx6("span", { className: "text-amber-800 font-medium", children: "Transaction spotted in mempool! Confirming..." })
+            ] }),
+            status === "confirmed" && /* @__PURE__ */ jsxs5(Fragment3, { children: [
+              /* @__PURE__ */ jsx6(CheckCircle2, { className: "w-4 h-4 text-[#24b47e]" }),
+              /* @__PURE__ */ jsx6("span", { className: "text-[#24b47e] font-medium", children: "Payment Confirmed On-Chain!" })
+            ] }),
+            status === "expired" && /* @__PURE__ */ jsxs5(Fragment3, { children: [
+              /* @__PURE__ */ jsx6(AlertCircle2, { className: "w-4 h-4 text-rose-500" }),
+              /* @__PURE__ */ jsx6("span", { className: "text-rose-600 font-medium", children: "Payment window expired" })
+            ] })
+          ] }),
+          status === "pending" && /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-1 text-[#707070] font-mono text-[11px]", children: [
+            /* @__PURE__ */ jsx6(Clock, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsx6("span", { children: formatTime(secondsRemaining) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx6("div", { className: "p-6 space-y-5", children: status === "confirmed" ? /* @__PURE__ */ jsxs5("div", { className: "py-6 text-center space-y-4", children: [
+          /* @__PURE__ */ jsx6("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__ */ jsx6(CheckCircle2, { className: "w-8 h-8" }) }),
+          /* @__PURE__ */ jsxs5("div", { children: [
+            /* @__PURE__ */ jsx6("h3", { className: "text-lg font-medium text-[#171717]", children: "Payment Received & Shielded!" }),
+            /* @__PURE__ */ jsx6("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__ */ jsxs5("div", { className: "p-3 bg-[#fafafa] rounded-md border border-[#ededed] text-left", children: [
+            /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between text-[11px] text-[#707070] mb-1", children: [
+              /* @__PURE__ */ jsx6("span", { children: "Transaction Hash" }),
+              /* @__PURE__ */ jsx6("span", { className: "text-[#24b47e] font-mono", children: "Shielded Note" })
+            ] }),
+            /* @__PURE__ */ jsx6("div", { className: "font-mono text-xs text-[#171717] break-all", children: txId })
+          ] }),
+          /* @__PURE__ */ jsx6(
+            "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__ */ jsxs5(Fragment3, { children: [
+          /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between p-4 bg-[#fafafa] rounded-lg border border-[#ededed]", children: [
+            /* @__PURE__ */ jsxs5("div", { children: [
+              /* @__PURE__ */ jsx6("span", { className: "text-xs text-[#707070] uppercase font-mono tracking-wider", children: "Total Amount" }),
+              /* @__PURE__ */ jsxs5("div", { className: "flex items-baseline gap-2 mt-0.5", children: [
+                /* @__PURE__ */ jsxs5("span", { className: "text-2xl font-semibold tracking-tight text-[#171717] font-mono", children: [
+                  amount,
+                  " ",
+                  /* @__PURE__ */ jsx6("span", { className: "text-sm font-normal text-[#707070]", children: "ZEC" })
+                ] }),
+                usdValue && /* @__PURE__ */ jsxs5("span", { className: "text-xs text-[#707070] font-mono", children: [
+                  "\u2248 $",
+                  usdValue,
+                  " USD"
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs5("div", { className: "text-right", children: [
+              /* @__PURE__ */ jsx6("span", { className: "text-[11px] text-[#707070] block font-mono", children: "Address Standard" }),
+              /* @__PURE__ */ jsx6("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__ */ jsxs5("div", { className: "px-3.5 py-2 bg-[#fafafa] rounded-md border border-[#ededed] text-xs text-[#707070]", children: [
+            /* @__PURE__ */ jsx6("span", { className: "font-medium text-[#171717]", children: "Order Note: " }),
+            /* @__PURE__ */ jsx6("span", { children: message })
+          ] }),
+          /* @__PURE__ */ jsxs5("div", { className: "flex flex-col sm:flex-row items-center gap-5 p-4 rounded-lg border border-[#ededed] bg-white", children: [
+            /* @__PURE__ */ jsx6("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx6(CiceroQRCode, { value: zip321Uri, size: 150 }) }),
+            /* @__PURE__ */ jsxs5("div", { className: "space-y-3 w-full text-center sm:text-left", children: [
+              /* @__PURE__ */ jsxs5("div", { children: [
+                /* @__PURE__ */ jsxs5("h4", { className: "text-sm font-medium text-[#171717] flex items-center justify-center sm:justify-start gap-1.5", children: [
+                  /* @__PURE__ */ jsx6("span", { children: "Scan with Shielded Wallet" }),
+                  /* @__PURE__ */ jsx6(Sparkles2, { className: "w-3.5 h-3.5 text-[#3ecf8e]" })
+                ] }),
+                /* @__PURE__ */ jsxs5("p", { className: "text-xs text-[#707070] mt-0.5 leading-relaxed", children: [
+                  "Compatible with ",
+                  /* @__PURE__ */ jsx6("strong", { className: "text-[#171717]", children: "Zashi" }),
+                  ", ",
+                  /* @__PURE__ */ jsx6("strong", { className: "text-[#171717]", children: "Ywallet" }),
+                  ", or any ZIP-321 compliant Zcash wallet."
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs5(
+                "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__ */ jsx6("span", { children: "Open in Mobile / Desktop Wallet" }),
+                    /* @__PURE__ */ jsx6(ExternalLink3, { className: "w-3.5 h-3.5 text-[#3ecf8e]" })
+                  ]
+                }
+              ),
+              zucchiniAvailable && onPayWithZucchini && /* @__PURE__ */ jsx6(
+                "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__ */ jsxs5(Fragment3, { children: [
+                    /* @__PURE__ */ jsx6("span", { className: "w-3.5 h-3.5 border-2 border-[#171717]/30 border-t-[#171717] rounded-full animate-spin" }),
+                    /* @__PURE__ */ jsx6("span", { children: "Confirming in Zucchini..." })
+                  ] }) : /* @__PURE__ */ jsxs5(Fragment3, { children: [
+                    /* @__PURE__ */ jsx6("span", { className: "text-sm", children: "\u{1F952}" }),
+                    /* @__PURE__ */ jsx6("span", { children: "Pay with Zucchini Wallet" })
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx6(
+                  "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__ */ jsxs5(Fragment3, { children: [
+                      /* @__PURE__ */ jsx6(Check2, { className: "w-3 h-3 text-[#24b47e]" }),
+                      /* @__PURE__ */ jsx6("span", { className: "text-[#24b47e]", children: "Copied URI" })
+                    ] }) : /* @__PURE__ */ jsxs5(Fragment3, { children: [
+                      /* @__PURE__ */ jsx6(Copy2, { className: "w-3 h-3 text-[#707070]" }),
+                      /* @__PURE__ */ jsx6("span", { children: "Copy ZIP-321 URI" })
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ jsx6(
+                  "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__ */ jsxs5(Fragment3, { children: [
+                      /* @__PURE__ */ jsx6(Check2, { className: "w-3 h-3 text-[#24b47e]" }),
+                      /* @__PURE__ */ jsx6("span", { className: "text-[#24b47e]", children: "Copied Address" })
+                    ] }) : /* @__PURE__ */ jsxs5(Fragment3, { children: [
+                      /* @__PURE__ */ jsx6(Copy2, { className: "w-3 h-3 text-[#707070]" }),
+                      /* @__PURE__ */ jsx6("span", { children: "Copy Address" })
+                    ] })
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs5("div", { className: "space-y-1.5 text-xs", children: [
+            /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between text-[#707070]", children: [
+              /* @__PURE__ */ jsx6("span", { children: "Recipient Address" }),
+              /* @__PURE__ */ jsx6("span", { className: "font-mono text-[11px]", children: truncateAddress(recipient, 12, 10) })
+            ] }),
+            /* @__PURE__ */ jsx6("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__ */ jsxs5("div", { className: "space-y-1.5 text-xs p-3 rounded-md bg-[#fafafa] border border-[#ededed]", children: [
+            /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxs5("span", { className: "flex items-center gap-1.5 font-medium text-[#171717]", children: [
+                /* @__PURE__ */ jsx6(Lock, { className: "w-3 h-3 text-[#3ecf8e]" }),
+                /* @__PURE__ */ jsx6("span", { children: "Encrypted Memo" })
+              ] }),
+              /* @__PURE__ */ jsxs5("span", { className: "text-[10px] font-mono text-[#707070]", children: [
+                memoValidation.byteLength,
+                "/512 bytes"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx6("p", { className: "font-mono text-xs text-[#171717] bg-white p-2 rounded border border-[#dfdfdf]", children: memo }),
+            /* @__PURE__ */ jsx6("p", { className: "text-[11px] text-[#707070]", children: "Only the recipient holding the viewing/spending key can decrypt this message on-chain." })
+          ] }),
+          memoValidation.warning && /* @__PURE__ */ jsxs5("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__ */ jsx6(AlertCircle2, { className: "w-4 h-4 flex-shrink-0 mt-0.5 text-amber-600" }),
+            /* @__PURE__ */ jsx6("span", { children: memoValidation.warning })
+          ] }),
+          /* @__PURE__ */ jsxs5("div", { className: "pt-2 border-t border-[#ededed] flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-1.5 text-[11px] text-[#707070]", children: [
+              /* @__PURE__ */ jsx6(Zap, { className: "w-3 h-3 text-[#3ecf8e]" }),
+              /* @__PURE__ */ jsx6("span", { children: "Demo Controls:" })
+            ] }),
+            /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx6(
+                "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__ */ jsx6(
+                "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
+import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs6 } from "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__ */ jsxs6(Fragment4, { children: [
+    /* @__PURE__ */ jsxs6(
+      "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__ */ jsx7(
+            Shield5,
+            {
+              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__ */ jsx7("span", { children: label })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx7(
+      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
+import { useState as useState7 } from "react";
+import {
+  Shield as Shield6,
+  Copy as Copy3,
+  Check as Check3,
+  ExternalLink as ExternalLink4,
+  Clock as Clock2,
+  CheckCircle2 as CheckCircle22,
+  AlertCircle as AlertCircle3,
+  Lock as Lock2,
+  Sparkles as Sparkles3
+} from "lucide-react";
+import { Fragment as Fragment5, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var CiceroInvoice = ({
+  recipient,
+  amount,
+  memo,
+  message,
+  network = "mainnet",
+  expiresInSeconds = 900,
+  showUsd = true,
+  invoiceId,
+  customRpcUrl,
+  onSuccess,
+  onError,
+  onStatusChange,
+  className = ""
+}) => {
+  const [copiedType, setCopiedType] = useState7(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__ */ jsxs7(
+    "div",
+    {
+      className: `bg-white rounded-xl border border-[#ededed] shadow-sm overflow-hidden text-[#171717] font-sans ${className}`,
+      children: [
+        /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between px-5 py-3.5 border-b border-[#ededed] bg-[#fafafa]", children: [
+          /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx8("div", { className: "w-7 h-7 rounded-md bg-[#171717] flex items-center justify-center text-[#3ecf8e]", children: /* @__PURE__ */ jsx8(Shield6, { className: "w-3.5 h-3.5 fill-[#3ecf8e]" }) }),
+            /* @__PURE__ */ jsxs7("div", { children: [
+              /* @__PURE__ */ jsx8("span", { className: "font-medium text-xs text-[#171717]", children: "Shielded Zcash Invoice" }),
+              invoiceId && /* @__PURE__ */ jsxs7("span", { className: "text-[10px] text-[#707070] ml-2 font-mono", children: [
+                "#",
+                invoiceId
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx8("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__ */ jsx8("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__ */ jsx8("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__ */ jsx8("div", { className: "p-5 space-y-4", children: status === "confirmed" ? /* @__PURE__ */ jsxs7("div", { className: "py-6 text-center space-y-3", children: [
+          /* @__PURE__ */ jsx8("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__ */ jsx8(CheckCircle22, { className: "w-6 h-6" }) }),
+          /* @__PURE__ */ jsxs7("div", { children: [
+            /* @__PURE__ */ jsx8("h4", { className: "font-medium text-sm text-[#171717]", children: "Payment Verified!" }),
+            /* @__PURE__ */ jsx8("p", { className: "text-xs text-[#707070] mt-0.5", children: "Shielded transaction detected and settled on-chain." })
+          ] }),
+          txId && /* @__PURE__ */ jsx8("div", { className: "font-mono text-[11px] p-2 bg-[#fafafa] rounded border border-[#ededed] text-[#707070] break-all", children: txId })
+        ] }) : /* @__PURE__ */ jsxs7(Fragment5, { children: [
+          /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between p-3.5 bg-[#fafafa] rounded-lg border border-[#ededed]", children: [
+            /* @__PURE__ */ jsxs7("div", { children: [
+              /* @__PURE__ */ jsx8("span", { className: "text-[10px] text-[#707070] uppercase font-mono tracking-wider", children: "Amount Due" }),
+              /* @__PURE__ */ jsxs7("div", { className: "flex items-baseline gap-2 mt-0.5", children: [
+                /* @__PURE__ */ jsxs7("span", { className: "text-xl font-semibold tracking-tight text-[#171717] font-mono", children: [
+                  amount,
+                  " ",
+                  /* @__PURE__ */ jsx8("span", { className: "text-xs font-normal text-[#707070]", children: "ZEC" })
+                ] }),
+                usdValue && /* @__PURE__ */ jsxs7("span", { className: "text-xs text-[#707070] font-mono", children: [
+                  "\u2248 $",
+                  usdValue,
+                  " USD"
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-1.5 text-[#707070] font-mono text-xs", children: [
+              /* @__PURE__ */ jsx8(Clock2, { className: "w-3.5 h-3.5" }),
+              /* @__PURE__ */ jsx8("span", { children: formatTime(secondsRemaining) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs7("div", { className: "flex flex-col sm:flex-row items-center gap-4", children: [
+            /* @__PURE__ */ jsx8(CiceroQRCode, { value: zip321Uri, size: 140 }),
+            /* @__PURE__ */ jsxs7("div", { className: "space-y-2.5 w-full", children: [
+              zucchiniAvailable && /* @__PURE__ */ jsx8(
+                "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__ */ jsxs7(Fragment5, { children: [
+                    /* @__PURE__ */ jsx8("span", { className: "w-3.5 h-3.5 border-2 border-[#171717]/30 border-t-[#171717] rounded-full animate-spin" }),
+                    /* @__PURE__ */ jsx8("span", { children: "Confirming in Zucchini..." })
+                  ] }) : /* @__PURE__ */ jsxs7(Fragment5, { children: [
+                    /* @__PURE__ */ jsx8("span", { children: "\u{1F952}" }),
+                    /* @__PURE__ */ jsx8("span", { children: "Pay with Zucchini Wallet" })
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsxs7(
+                "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__ */ jsx8("span", { children: "Pay with Wallet App" }),
+                    /* @__PURE__ */ jsx8(ExternalLink4, { className: "w-3.5 h-3.5 text-[#3ecf8e]" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs7("div", { className: "grid grid-cols-2 gap-2", children: [
+                /* @__PURE__ */ jsxs7(
+                  "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__ */ jsx8(Check3, { className: "w-3 h-3 text-[#24b47e]" }) : /* @__PURE__ */ jsx8(Copy3, { className: "w-3 h-3 text-[#707070]" }),
+                      /* @__PURE__ */ jsx8("span", { children: copiedType === "uri" ? "Copied" : "Copy URI" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs7(
+                  "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__ */ jsx8(Check3, { className: "w-3 h-3 text-[#24b47e]" }) : /* @__PURE__ */ jsx8(Copy3, { className: "w-3 h-3 text-[#707070]" }),
+                      /* @__PURE__ */ jsx8("span", { children: copiedType === "address" ? "Copied" : "Copy Addr" })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs7("div", { className: "text-[11px] text-[#707070] font-mono truncate", children: [
+                "To: ",
+                truncateAddress(recipient, 10, 8)
+              ] })
+            ] })
+          ] }),
+          memo && /* @__PURE__ */ jsxs7("div", { className: "p-2.5 bg-[#fafafa] rounded-md border border-[#ededed] text-xs", children: [
+            /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-1 text-[11px] font-medium text-[#171717] mb-0.5", children: [
+              /* @__PURE__ */ jsx8(Lock2, { className: "w-3 h-3 text-[#3ecf8e]" }),
+              /* @__PURE__ */ jsx8("span", { children: "Encrypted Memo" })
+            ] }),
+            /* @__PURE__ */ jsx8("div", { className: "font-mono text-[11px] text-[#171717]", children: memo })
+          ] }),
+          memoValidation.warning && /* @__PURE__ */ jsxs7("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__ */ jsx8(AlertCircle3, { className: "w-3.5 h-3.5 flex-shrink-0 mt-0.5 text-amber-600" }),
+            /* @__PURE__ */ jsx8("span", { children: memoValidation.warning })
+          ] }),
+          status === "expired" && /* @__PURE__ */ jsxs7("div", { className: "p-2 rounded bg-rose-50 border border-rose-200 text-rose-800 text-xs flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsx8(AlertCircle3, { className: "w-3.5 h-3.5 text-rose-600" }),
+              /* @__PURE__ */ jsx8("span", { children: "Invoice has expired" })
+            ] }),
+            /* @__PURE__ */ jsx8(
+              "button",
+              {
+                onClick: resetPayment,
+                className: "px-2 py-0.5 text-[11px] font-medium rounded bg-[#171717] text-white hover:bg-[#212121]",
+                children: "Reset"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs7("div", { className: "pt-2 border-t border-[#ededed] flex items-center justify-between text-[11px] text-[#707070]", children: [
+            /* @__PURE__ */ jsxs7("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx8(Sparkles3, { className: "w-3 h-3 text-[#3ecf8e]" }),
+              "Demo test"
+            ] }),
+            /* @__PURE__ */ jsx8(
+              "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
+import { useState as useState8, useEffect as useEffect7, useCallback as useCallback4 } from "react";
+function useZucchiniWallet(options = {}) {
+  const { autoConnect = false } = options;
+  const [adapter2] = useState8(() => new ZucchiniWalletAdapter());
+  const [isAvailable, setIsAvailable] = useState8(false);
+  const [connectionStatus, setConnectionStatus] = useState8("disconnected");
+  const [paymentStatus, setPaymentStatus] = useState8("idle");
+  const [session, setSession] = useState8(null);
+  const [error, setError] = useState8(null);
+  useEffect7(() => {
+    const detected = ZucchiniWalletAdapter.isAvailable();
+    setIsAvailable(detected);
+    if (detected && autoConnect) {
+      connect();
+    }
+  }, []);
+  const connect = useCallback4(async () => {
+    setConnectionStatus("connecting");
+    setError(null);
+    try {
+      const sess = await adapter2.connect();
+      setSession(sess);
+      setConnectionStatus("connected");
+      return sess;
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : "Failed to connect to Zucchini Wallet";
+      setError(msg);
+      setConnectionStatus("error");
+      throw err;
+    }
+  }, [adapter2]);
+  const requestPayment = useCallback4(
+    async (params) => {
+      setPaymentStatus("requesting");
+      setError(null);
+      try {
+        const result = await adapter2.requestPayment(params);
+        setPaymentStatus("submitted");
+        return result;
+      } catch (err) {
+        const msg = err instanceof Error ? err.message : "Payment request failed";
+        setError(msg);
+        setPaymentStatus("error");
+        throw err;
+      }
+    },
+    [adapter2]
+  );
+  const disconnect = useCallback4(async () => {
+    await adapter2.disconnect();
+    setSession(null);
+    setConnectionStatus("disconnected");
+    setPaymentStatus("idle");
+  }, [adapter2]);
+  return {
+    /** Whether the Zucchini extension is installed in this browser */
+    isAvailable,
+    /** Current wallet connection lifecycle state */
+    connectionStatus,
+    /** Current payment request lifecycle state */
+    paymentStatus,
+    /** Active session info (address, etc.) */
+    session,
+    /** Last error message (if any) */
+    error,
+    /** Prompt the user to connect their Zucchini Wallet */
+    connect,
+    /** Send a ZIP-321 payment request for user review & approval */
+    requestPayment,
+    /** Disconnect the current session */
+    disconnect
+  };
+}
+export {
+  CiceroAccountModal,
+  CiceroConnectButton,
+  CiceroConnectModal,
+  CiceroInvoice,
+  CiceroModal,
+  CiceroPayButton,
+  CiceroProvider,
+  CiceroQRCode,
+  ZucchiniWalletAdapter,
+  burnerWallet,
+  decodeBase64Url,
+  encodeBase64Url,
+  generateZip321Uri,
+  getAddressType,
+  getDefaultWallets,
+  getWalletDeepLinks,
+  isShieldedAddress,
+  parseZip321Uri,
+  truncateAddress,
+  useAccount,
+  useAccountModal,
+  useBalance,
+  useCicero,
+  useCiceroPayment,
+  useConnectModal,
+  useZcashPrice,
+  useZucchiniWallet,
+  validateMemoSupport,
+  viewingKeyWallet,
+  ywallet,
+  zashiWallet,
+  zucchiniWallet
+};
+//# sourceMappingURL=index.mjs.map