@qrkit/react 0.0.1 → 0.2.0

package/dist/index.js

@@ -1 +1,455 @@
+// src/context.tsx
+import {
+  createContext,
+  useCallback as useCallback5,
+  useContext,
+  useEffect as useEffect5,
+  useMemo,
+  useRef as useRef6,
+  useState as useState5
+} from "react";
+import { createPortal } from "react-dom";
+
+// src/components/ConnectModal.tsx
+import { useCallback as useCallback3 } from "react";
+import { parseConnection } from "@qrkit/core";
+
+// src/components/Modal.tsx
+import { useEffect, useRef } from "react";
+import { createFocusTrap } from "focus-trap";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Modal({ title, onClose, children, className }) {
+  const containerRef = useRef(null);
+  useEffect(() => {
+    const el = containerRef.current;
+    const trap = el ? createFocusTrap(el, {
+      escapeDeactivates: false,
+      allowOutsideClick: true
+    }) : null;
+    trap?.activate();
+    return () => {
+      trap?.deactivate();
+    };
+  }, [onClose]);
+  useEffect(() => {
+    const handleKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", handleKey);
+    return () => document.removeEventListener("keydown", handleKey);
+  }, [onClose]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "qrkit qrkit-backdrop",
+      onClick: onClose,
+      role: "dialog",
+      "aria-modal": "true",
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: containerRef,
+          className: `qrkit-modal${className ? ` ${className}` : ""}`,
+          onClick: (e) => e.stopPropagation(),
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "qrkit-modal-header", children: [
+              /* @__PURE__ */ jsx("h2", { className: "qrkit-modal-title", children: title }),
+              /* @__PURE__ */ jsx("button", { className: "qrkit-close-btn", onClick: onClose, "aria-label": "Close", children: "\u2715" })
+            ] }),
+            children
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/hooks/useQRScanner.ts
+import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef3, useState as useState2 } from "react";
+import jsQR from "jsqr";
+
+// src/hooks/useURDecoder.ts
+import { useCallback, useRef as useRef2, useState } from "react";
+import { UrFountainDecoder } from "@qrkit/bc-ur";
+function useURDecoder({ onScan }) {
+  const decoderRef = useRef2(new UrFountainDecoder());
+  const onScanRef = useRef2(onScan);
+  const [progress, setProgress] = useState(null);
+  onScanRef.current = onScan;
+  const reset = useCallback(() => {
+    decoderRef.current = new UrFountainDecoder();
+    setProgress(null);
+  }, []);
+  const receivePart = useCallback(
+    (data) => {
+      if (!data.toLowerCase().startsWith("ur:")) {
+        return onScanRef.current(data) !== false;
+      }
+      decoderRef.current.receivePartUr(data.toLowerCase());
+      setProgress(Math.round(decoderRef.current.estimatedPercentComplete() * 100));
+      if (!decoderRef.current.isComplete()) return false;
+      const ur = decoderRef.current.resultUr;
+      const scanned = { type: ur.type, cbor: ur.getPayloadCbor() };
+      if (onScanRef.current(scanned) !== false) return true;
+      reset();
+      return false;
+    },
+    [reset]
+  );
+  return { receivePart, progress, reset };
+}
+
+// src/hooks/useQRScanner.ts
+function useQRScanner({
+  onScan,
+  enabled = true
+}) {
+  const videoRef = useRef3(null);
+  const rafRef = useRef3(null);
+  const canvasRef = useRef3(null);
+  const doneRef = useRef3(false);
+  const [error, setError] = useState2(null);
+  const { receivePart, progress } = useURDecoder({ onScan });
+  const receivePartRef = useRef3(receivePart);
+  receivePartRef.current = receivePart;
+  const processFrame = useCallback2(() => {
+    const video = videoRef.current;
+    const canvas = canvasRef.current;
+    if (!video || !canvas || doneRef.current) return;
+    const ctx = canvas.getContext("2d", { willReadFrequently: true });
+    if (!ctx) return;
+    if (video.readyState === video.HAVE_ENOUGH_DATA) {
+      canvas.width = video.videoWidth;
+      canvas.height = video.videoHeight;
+      ctx.drawImage(video, 0, 0);
+      let imageData;
+      try {
+        imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
+      } catch {
+        setError(
+          "Canvas access blocked. Disable fingerprinting protection for this site to scan QR codes."
+        );
+        return;
+      }
+      {
+        const code = jsQR(imageData.data, imageData.width, imageData.height);
+        if (code) {
+          const done = receivePartRef.current(code.data);
+          if (done) {
+            doneRef.current = true;
+            return;
+          }
+        }
+      }
+    }
+    rafRef.current = requestAnimationFrame(processFrame);
+  }, []);
+  useEffect2(() => {
+    if (!enabled || !videoRef.current) return;
+    doneRef.current = false;
+    canvasRef.current = document.createElement("canvas");
+    let stream = null;
+    navigator.mediaDevices.getUserMedia({ video: { facingMode: "environment" } }).then((s) => {
+      stream = s;
+      if (videoRef.current) {
+        videoRef.current.srcObject = stream;
+        videoRef.current.play().catch(() => {
+        });
+        rafRef.current = requestAnimationFrame(processFrame);
+      }
+    }).catch(() => {
+      setError("Camera access denied. Please allow camera permissions.");
+    });
+    return () => {
+      if (rafRef.current !== null) cancelAnimationFrame(rafRef.current);
+      stream?.getTracks().forEach((t) => t.stop());
+      canvasRef.current = null;
+    };
+  }, [enabled, processFrame]);
+  return { videoRef, progress, error };
+}
+
+// src/components/QRScanner.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function QRScanner({ onScan, hint, enabled = true, className }) {
+  const { videoRef, progress, error } = useQRScanner({ onScan, enabled });
+  if (error) {
+    return /* @__PURE__ */ jsx2("div", { className: `qrkit-scanner-error${className ? ` ${className}` : ""}`, children: error });
+  }
+  return /* @__PURE__ */ jsxs2("div", { className: `qrkit-scanner-wrap${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsx2("video", { ref: videoRef, autoPlay: true, playsInline: true, muted: true, className: "qrkit-scanner-video" }),
+    /* @__PURE__ */ jsxs2("div", { className: "qrkit-scanner-overlay", children: [
+      /* @__PURE__ */ jsx2("div", { className: "qrkit-scanner-corner tl" }),
+      /* @__PURE__ */ jsx2("div", { className: "qrkit-scanner-corner tr" }),
+      /* @__PURE__ */ jsx2("div", { className: "qrkit-scanner-corner bl" }),
+      /* @__PURE__ */ jsx2("div", { className: "qrkit-scanner-corner br" })
+    ] }),
+    progress !== null && progress < 100 && /* @__PURE__ */ jsxs2("div", { className: "qrkit-scanner-progress", children: [
+      progress,
+      "%"
+    ] }),
+    /* @__PURE__ */ jsx2(
+      "p",
+      {
+        className: "qrkit-hint",
+        style: { position: "absolute", bottom: 8, left: 0, right: 0 },
+        children: progress !== null && progress < 100 ? "Keep scanning \u2014 animated QR in progress\u2026" : hint ?? "Point camera at the QR code"
+      }
+    )
+  ] });
+}
+
+// src/components/ConnectModal.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function ConnectModal({ onConnect, onClose }) {
+  const handleScan = useCallback3(
+    (data) => {
+      try {
+        const accounts = parseConnection(data, { chains: ["evm"] });
+        const account = accounts[0];
+        if (!account) return false;
+        onConnect(account);
+      } catch {
+        return false;
+      }
+    },
+    [onConnect]
+  );
+  return /* @__PURE__ */ jsxs3(Modal, { title: "Connect Wallet", onClose, children: [
+    /* @__PURE__ */ jsxs3("p", { className: "qrkit-step", children: [
+      "On your hardware wallet, go to ",
+      /* @__PURE__ */ jsx3("strong", { children: "Connect software wallet" }),
+      " and point the screen at this camera."
+    ] }),
+    /* @__PURE__ */ jsx3(QRScanner, { onScan: handleScan, hint: "Scan the wallet's connection QR code" })
+  ] });
+}
+
+// src/components/SignModal.tsx
+import { useCallback as useCallback4, useState as useState4 } from "react";
+import { buildEthSignRequestURParts, parseEthSignature } from "@qrkit/core";
+
+// src/hooks/useQRDisplay.ts
+import { useEffect as useEffect4, useRef as useRef5 } from "react";
+import QRCode from "qrcode";
+
+// src/hooks/useQRParts.ts
+import { useEffect as useEffect3, useRef as useRef4, useState as useState3 } from "react";
+function useQRParts({
+  parts,
+  interval = 200
+}) {
+  const [frame, setFrame] = useState3(0);
+  const frameRef = useRef4(0);
+  useEffect3(() => {
+    frameRef.current = 0;
+    setFrame(0);
+  }, [parts]);
+  useEffect3(() => {
+    if (parts.length <= 1) return;
+    const id = setInterval(() => {
+      frameRef.current = (frameRef.current + 1) % parts.length;
+      setFrame(frameRef.current);
+    }, interval);
+    return () => clearInterval(id);
+  }, [parts, interval]);
+  return {
+    part: parts[frameRef.current % Math.max(parts.length, 1)] ?? "",
+    frame,
+    total: parts.length
+  };
+}
+
+// src/hooks/useQRDisplay.ts
+function useQRDisplay({
+  parts,
+  interval,
+  size = 300
+}) {
+  const canvasRef = useRef5(null);
+  const { part, frame, total } = useQRParts({ parts, interval });
+  useEffect4(() => {
+    if (!part || !canvasRef.current) return;
+    QRCode.toCanvas(canvasRef.current, part, {
+      width: size,
+      margin: 2,
+      errorCorrectionLevel: "M"
+    }).catch(() => {
+    });
+  }, [part, size]);
+  return { canvasRef, frame, total };
+}
+
+// src/components/QRDisplay.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function QRDisplay({ parts, interval, size = 300, className }) {
+  const { canvasRef, frame, total } = useQRDisplay({ parts, interval, size });
+  return /* @__PURE__ */ jsxs4("div", { className: `qrkit-qr-wrap${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsx4("canvas", { ref: canvasRef, className: "qrkit-qr-canvas", width: size, height: size }),
+    total > 1 && /* @__PURE__ */ jsxs4("p", { className: "qrkit-hint", children: [
+      "Frame ",
+      frame + 1,
+      " / ",
+      total,
+      " \u2014 keep Shell pointed at the screen"
+    ] })
+  ] });
+}
+
+// src/components/SignModal.tsx
+import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function SignModal({ request, appName, onSign, onReject }) {
+  const [step, setStep] = useState4("display");
+  const parts = buildEthSignRequestURParts(
+    request.message,
+    request.address,
+    request.sourceFingerprint,
+    appName
+  );
+  const handleScan = useCallback4(
+    (data) => {
+      try {
+        const sig = parseEthSignature(data);
+        onSign(sig);
+      } catch {
+        return false;
+      }
+    },
+    [onSign]
+  );
+  return /* @__PURE__ */ jsxs5(
+    Modal,
+    {
+      title: step === "display" ? "Sign Request" : "Scan Signature",
+      onClose: onReject,
+      children: [
+        step === "display" && /* @__PURE__ */ jsxs5(Fragment, { children: [
+          /* @__PURE__ */ jsx5("p", { className: "qrkit-step", children: "Point your hardware wallet camera at this QR code to approve the sign request." }),
+          /* @__PURE__ */ jsx5(QRDisplay, { parts }),
+          /* @__PURE__ */ jsx5("button", { className: "qrkit-btn qrkit-btn-primary", onClick: () => setStep("scan"), children: "Wallet signed \u2014 scan response" }),
+          /* @__PURE__ */ jsx5("button", { className: "qrkit-btn qrkit-btn-ghost", onClick: onReject, children: "Cancel" })
+        ] }),
+        step === "scan" && /* @__PURE__ */ jsxs5(Fragment, { children: [
+          /* @__PURE__ */ jsx5("p", { className: "qrkit-step", children: "On your hardware wallet, show the signature QR and point it at this camera." }),
+          /* @__PURE__ */ jsx5(QRScanner, { onScan: handleScan, hint: "Scan the wallet's signature QR code" }),
+          /* @__PURE__ */ jsx5(
+            "button",
+            {
+              className: "qrkit-btn qrkit-btn-ghost",
+              onClick: () => setStep("display"),
+              children: "\u2190 Back"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/context.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var QRKitContext = createContext(null);
+function buildThemeStyle(theme) {
+  const vars = {
+    "--qrkit-accent": theme.accent,
+    "--qrkit-bg": theme.background,
+    "--qrkit-backdrop": theme.backdrop,
+    "--qrkit-text": theme.text,
+    "--qrkit-text-muted": theme.textMuted,
+    "--qrkit-radius": theme.radius,
+    "--qrkit-font": theme.fontFamily
+  };
+  const declarations = Object.entries(vars).filter(([, v]) => v !== void 0).map(([k, v]) => `  ${k}: ${v};`).join("\n");
+  return declarations ? `.qrkit {
+${declarations}
+}` : "";
+}
+function QRKitProvider({
+  children,
+  theme = {},
+  appName = "qrkit"
+}) {
+  const [account, setAccount] = useState5(null);
+  const [connectOpen, setConnectOpen] = useState5(false);
+  const [pendingSign, setPendingSign] = useState5(null);
+  const pendingSignRef = useRef6(null);
+  const themeStyle = useMemo(() => buildThemeStyle(theme), [theme]);
+  useEffect5(() => {
+    if (!themeStyle) return;
+    const el = document.createElement("style");
+    el.setAttribute("data-qrkit-theme", "");
+    el.textContent = themeStyle;
+    document.head.appendChild(el);
+    return () => el.remove();
+  }, [themeStyle]);
+  const connect = useCallback5(() => setConnectOpen(true), []);
+  const disconnect = useCallback5(() => setAccount(null), []);
+  const handleConnect = useCallback5((acc) => {
+    setAccount(acc);
+    setConnectOpen(false);
+  }, []);
+  const sign = useCallback5((request) => {
+    return new Promise((resolve, reject) => {
+      const pending = { request, resolve, reject };
+      pendingSignRef.current = pending;
+      setPendingSign(pending);
+    });
+  }, []);
+  const handleSign = useCallback5((sig) => {
+    pendingSignRef.current?.resolve(sig);
+    pendingSignRef.current = null;
+    setPendingSign(null);
+  }, []);
+  const handleReject = useCallback5(() => {
+    pendingSignRef.current?.reject(new Error("User rejected the sign request"));
+    pendingSignRef.current = null;
+    setPendingSign(null);
+  }, []);
+  const value = useMemo(
+    () => ({ account, connect, disconnect, sign }),
+    [account, connect, disconnect, sign]
+  );
+  return /* @__PURE__ */ jsxs6(QRKitContext.Provider, { value, children: [
+    children,
+    connectOpen && createPortal(
+      /* @__PURE__ */ jsx6(
+        ConnectModal,
+        {
+          onConnect: handleConnect,
+          onClose: () => setConnectOpen(false)
+        }
+      ),
+      document.body
+    ),
+    pendingSign && createPortal(
+      /* @__PURE__ */ jsx6(
+        SignModal,
+        {
+          request: pendingSign.request,
+          appName,
+          onSign: handleSign,
+          onReject: handleReject
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+function useQRKit() {
+  const ctx = useContext(QRKitContext);
+  if (!ctx) throw new Error("useQRKit must be used within a QRKitProvider");
+  return ctx;
+}
+export {
+  ConnectModal,
+  QRDisplay,
+  QRKitProvider,
+  QRScanner,
+  SignModal,
+  useQRDisplay,
+  useQRKit,
+  useQRParts,
+  useQRScanner,
+  useURDecoder
+};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"sources":["../src/context.tsx","../src/components/ConnectModal.tsx","../src/components/Modal.tsx","../src/hooks/useQRScanner.ts","../src/hooks/useURDecoder.ts","../src/components/QRScanner.tsx","../src/components/SignModal.tsx","../src/hooks/useQRDisplay.ts","../src/hooks/useQRParts.ts","../src/components/QRDisplay.tsx"],"sourcesContent":["import {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { createPortal } from \"react-dom\";\n\nimport type { Account } from \"@qrkit/core\";\n\nimport { ConnectModal } from \"./components/ConnectModal.js\";\nimport { SignModal } from \"./components/SignModal.js\";\nimport type {\n  QRKitContextValue,\n  QRKitProviderProps,\n  QRKitTheme,\n  SignRequest,\n} from \"./types.js\";\n\nconst QRKitContext = createContext<QRKitContextValue | null>(null);\n\nfunction buildThemeStyle(theme: QRKitTheme): string {\n  const vars: Record<string, string | undefined> = {\n    \"--qrkit-accent\": theme.accent,\n    \"--qrkit-bg\": theme.background,\n    \"--qrkit-backdrop\": theme.backdrop,\n    \"--qrkit-text\": theme.text,\n    \"--qrkit-text-muted\": theme.textMuted,\n    \"--qrkit-radius\": theme.radius,\n    \"--qrkit-font\": theme.fontFamily,\n  };\n\n  const declarations = Object.entries(vars)\n    .filter(([, v]) => v !== undefined)\n    .map(([k, v]) => `  ${k}: ${v};`)\n    .join(\"\\n\");\n\n  return declarations ? `.qrkit {\\n${declarations}\\n}` : \"\";\n}\n\ninterface PendingSign {\n  request: SignRequest;\n  resolve: (sig: string) => void;\n  reject: (err: Error) => void;\n}\n\nexport function QRKitProvider({\n  children,\n  theme = {},\n  appName = \"qrkit\",\n}: QRKitProviderProps) {\n  const [account, setAccount] = useState<Account | null>(null);\n  const [connectOpen, setConnectOpen] = useState(false);\n  const [pendingSign, setPendingSign] = useState<PendingSign | null>(null);\n  const pendingSignRef = useRef<PendingSign | null>(null);\n\n  const themeStyle = useMemo(() => buildThemeStyle(theme), [theme]);\n\n  useEffect(() => {\n    if (!themeStyle) return;\n    const el = document.createElement(\"style\");\n    el.setAttribute(\"data-qrkit-theme\", \"\");\n    el.textContent = themeStyle;\n    document.head.appendChild(el);\n    return () => el.remove();\n  }, [themeStyle]);\n\n  const connect = useCallback(() => setConnectOpen(true), []);\n  const disconnect = useCallback(() => setAccount(null), []);\n\n  const handleConnect = useCallback((acc: Account) => {\n    setAccount(acc);\n    setConnectOpen(false);\n  }, []);\n\n  const sign = useCallback((request: SignRequest): Promise<string> => {\n    return new Promise((resolve, reject) => {\n      const pending: PendingSign = { request, resolve, reject };\n      pendingSignRef.current = pending;\n      setPendingSign(pending);\n    });\n  }, []);\n\n  const handleSign = useCallback((sig: string) => {\n    pendingSignRef.current?.resolve(sig);\n    pendingSignRef.current = null;\n    setPendingSign(null);\n  }, []);\n\n  const handleReject = useCallback(() => {\n    pendingSignRef.current?.reject(new Error(\"User rejected the sign request\"));\n    pendingSignRef.current = null;\n    setPendingSign(null);\n  }, []);\n\n  const value = useMemo<QRKitContextValue>(\n    () => ({ account, connect, disconnect, sign }),\n    [account, connect, disconnect, sign],\n  );\n\n  return (\n    <QRKitContext.Provider value={value}>\n      {children}\n      {connectOpen &&\n        createPortal(\n          <ConnectModal\n            onConnect={handleConnect}\n            onClose={() => setConnectOpen(false)}\n          />,\n          document.body,\n        )}\n      {pendingSign &&\n        createPortal(\n          <SignModal\n            request={pendingSign.request}\n            appName={appName}\n            onSign={handleSign}\n            onReject={handleReject}\n          />,\n          document.body,\n        )}\n    </QRKitContext.Provider>\n  );\n}\n\nexport function useQRKit(): QRKitContextValue {\n  const ctx = useContext(QRKitContext);\n  if (!ctx) throw new Error(\"useQRKit must be used within a QRKitProvider\");\n  return ctx;\n}\n","import { useCallback } from \"react\";\n\nimport { parseConnection } from \"@qrkit/core\";\nimport type { Account, ScannedUR } from \"@qrkit/core\";\n\nimport { Modal } from \"./Modal.js\";\nimport { QRScanner } from \"./QRScanner.js\";\n\nexport interface ConnectModalProps {\n  onConnect: (account: Account) => void;\n  onClose: () => void;\n}\n\nexport function ConnectModal({ onConnect, onClose }: ConnectModalProps) {\n  const handleScan = useCallback(\n    (data: ScannedUR | string): boolean | void => {\n      try {\n        const accounts = parseConnection(data as ScannedUR, { chains: [\"evm\"] });\n        const account = accounts[0];\n        if (!account) return false;\n        onConnect(account);\n      } catch {\n        return false;\n      }\n    },\n    [onConnect],\n  );\n\n  return (\n    <Modal title=\"Connect Wallet\" onClose={onClose}>\n      <p className=\"qrkit-step\">\n        On your hardware wallet, go to <strong>Connect software wallet</strong> and point\n        the screen at this camera.\n      </p>\n      <QRScanner onScan={handleScan} hint=\"Scan the wallet's connection QR code\" />\n    </Modal>\n  );\n}\n","import { useEffect, useRef } from \"react\";\nimport type React from \"react\";\n\nimport { createFocusTrap } from \"focus-trap\";\n\nexport interface ModalProps {\n  title: string;\n  onClose: () => void;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function Modal({ title, onClose, children, className }: ModalProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const el = containerRef.current;\n    const trap = el\n      ? createFocusTrap(el, {\n          escapeDeactivates: false,\n          allowOutsideClick: true,\n        })\n      : null;\n\n    trap?.activate();\n    return () => {\n      trap?.deactivate();\n    };\n  }, [onClose]);\n\n  useEffect(() => {\n    const handleKey = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") onClose();\n    };\n    document.addEventListener(\"keydown\", handleKey);\n    return () => document.removeEventListener(\"keydown\", handleKey);\n  }, [onClose]);\n\n  return (\n    <div\n      className=\"qrkit qrkit-backdrop\"\n      onClick={onClose}\n      role=\"dialog\"\n      aria-modal=\"true\"\n    >\n      <div\n        ref={containerRef}\n        className={`qrkit-modal${className ? ` ${className}` : \"\"}`}\n        onClick={(e) => e.stopPropagation()}\n      >\n        <div className=\"qrkit-modal-header\">\n          <h2 className=\"qrkit-modal-title\">{title}</h2>\n          <button className=\"qrkit-close-btn\" onClick={onClose} aria-label=\"Close\">\n            ✕\n          </button>\n        </div>\n        {children}\n      </div>\n    </div>\n  );\n}\n","import { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport jsQR from \"jsqr\";\n\nimport type { ScannedUR } from \"@qrkit/core\";\n\nimport { useURDecoder } from \"./useURDecoder.js\";\n\nexport interface UseQRScannerOptions {\n  /**\n   * Called when a QR code is decoded.\n   * Return false to keep scanning (e.g. on parse error), void/true to stop.\n   */\n  onScan: (result: ScannedUR | string) => boolean | void;\n  enabled?: boolean;\n}\n\nexport interface UseQRScannerResult {\n  videoRef: React.RefObject<HTMLVideoElement | null>;\n  /** 0–100 while scanning an animated UR, null otherwise */\n  progress: number | null;\n  error: string | null;\n}\n\nexport function useQRScanner({\n  onScan,\n  enabled = true,\n}: UseQRScannerOptions): UseQRScannerResult {\n  const videoRef = useRef<HTMLVideoElement>(null);\n  const rafRef = useRef<number | null>(null);\n  const canvasRef = useRef<HTMLCanvasElement | null>(null);\n  const doneRef = useRef(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const { receivePart, progress } = useURDecoder({ onScan });\n\n  const receivePartRef = useRef(receivePart);\n  receivePartRef.current = receivePart;\n\n  const processFrame = useCallback((): void => {\n    const video = videoRef.current;\n    const canvas = canvasRef.current;\n    if (!video || !canvas || doneRef.current) return;\n\n    const ctx = canvas.getContext(\"2d\", { willReadFrequently: true });\n    if (!ctx) return;\n\n    if (video.readyState === video.HAVE_ENOUGH_DATA) {\n      canvas.width = video.videoWidth;\n      canvas.height = video.videoHeight;\n      ctx.drawImage(video, 0, 0);\n      let imageData: ImageData;\n      try {\n        imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);\n      } catch {\n        setError(\n          \"Canvas access blocked. Disable fingerprinting protection for this site to scan QR codes.\",\n        );\n        return;\n      }\n      {\n        const code = jsQR(imageData.data, imageData.width, imageData.height);\n        if (code) {\n          const done = receivePartRef.current(code.data);\n          if (done) {\n            doneRef.current = true;\n            return;\n          }\n        }\n      }\n    }\n\n    rafRef.current = requestAnimationFrame(processFrame);\n  }, []);\n\n  useEffect(() => {\n    if (!enabled || !videoRef.current) return;\n\n    doneRef.current = false;\n    canvasRef.current = document.createElement(\"canvas\");\n\n    let stream: MediaStream | null = null;\n\n    navigator.mediaDevices\n      .getUserMedia({ video: { facingMode: \"environment\" } })\n      .then((s) => {\n        stream = s;\n        if (videoRef.current) {\n          videoRef.current.srcObject = stream;\n          videoRef.current.play().catch(() => {});\n          rafRef.current = requestAnimationFrame(processFrame);\n        }\n      })\n      .catch(() => {\n        setError(\"Camera access denied. Please allow camera permissions.\");\n      });\n\n    return () => {\n      if (rafRef.current !== null) cancelAnimationFrame(rafRef.current);\n      stream?.getTracks().forEach((t) => t.stop());\n      canvasRef.current = null;\n    };\n  }, [enabled, processFrame]);\n\n  return { videoRef, progress, error };\n}\n","import { useCallback, useRef, useState } from \"react\";\n\nimport { UrFountainDecoder } from \"@qrkit/bc-ur\";\n\nimport type { ScannedUR } from \"@qrkit/core\";\n\nexport interface UseURDecoderOptions {\n  /**\n   * Called when a QR string is decoded.\n   * Return false to keep scanning (e.g. on parse error), void/true to stop.\n   */\n  onScan: (result: ScannedUR | string) => boolean | void;\n}\n\nexport interface UseURDecoderResult {\n  /** Feed a raw QR string into the decoder. Returns true when scanning is done. */\n  receivePart: (data: string) => boolean;\n  /** 0–100 while assembling an animated UR, null otherwise */\n  progress: number | null;\n  /** Reset decoder state (e.g. to start a new scan) */\n  reset: () => void;\n}\n\nexport function useURDecoder({ onScan }: UseURDecoderOptions): UseURDecoderResult {\n  const decoderRef = useRef<UrFountainDecoder>(new UrFountainDecoder());\n  const onScanRef = useRef(onScan);\n  const [progress, setProgress] = useState<number | null>(null);\n\n  onScanRef.current = onScan;\n\n  const reset = useCallback(() => {\n    decoderRef.current = new UrFountainDecoder();\n    setProgress(null);\n  }, []);\n\n  const receivePart = useCallback(\n    (data: string): boolean => {\n      if (!data.toLowerCase().startsWith(\"ur:\")) {\n        return onScanRef.current(data) !== false;\n      }\n\n      decoderRef.current.receivePartUr(data.toLowerCase());\n      setProgress(Math.round(decoderRef.current.estimatedPercentComplete() * 100));\n\n      if (!decoderRef.current.isComplete()) return false;\n\n      const ur = decoderRef.current.resultUr;\n      const scanned: ScannedUR = { type: ur.type, cbor: ur.getPayloadCbor() };\n      if (onScanRef.current(scanned) !== false) return true;\n\n      reset();\n      return false;\n    },\n    [reset],\n  );\n\n  return { receivePart, progress, reset };\n}\n","import type { ScannedUR } from \"@qrkit/core\";\n\nimport { useQRScanner } from \"../hooks/useQRScanner.js\";\n\nexport interface QRScannerProps {\n  onScan: (result: ScannedUR | string) => boolean | void;\n  hint?: string;\n  enabled?: boolean;\n  className?: string;\n}\n\nexport function QRScanner({ onScan, hint, enabled = true, className }: QRScannerProps) {\n  const { videoRef, progress, error } = useQRScanner({ onScan, enabled });\n\n  if (error) {\n    return (\n      <div className={`qrkit-scanner-error${className ? ` ${className}` : \"\"}`}>\n        {error}\n      </div>\n    );\n  }\n\n  return (\n    <div className={`qrkit-scanner-wrap${className ? ` ${className}` : \"\"}`}>\n      <video ref={videoRef} autoPlay playsInline muted className=\"qrkit-scanner-video\" />\n      <div className=\"qrkit-scanner-overlay\">\n        <div className=\"qrkit-scanner-corner tl\" />\n        <div className=\"qrkit-scanner-corner tr\" />\n        <div className=\"qrkit-scanner-corner bl\" />\n        <div className=\"qrkit-scanner-corner br\" />\n      </div>\n      {progress !== null && progress < 100 && (\n        <div className=\"qrkit-scanner-progress\">{progress}%</div>\n      )}\n      <p\n        className=\"qrkit-hint\"\n        style={{ position: \"absolute\", bottom: 8, left: 0, right: 0 }}\n      >\n        {progress !== null && progress < 100\n          ? \"Keep scanning — animated QR in progress…\"\n          : (hint ?? \"Point camera at the QR code\")}\n      </p>\n    </div>\n  );\n}\n","import { useCallback, useState } from \"react\";\n\nimport { buildEthSignRequestURParts, parseEthSignature } from \"@qrkit/core\";\nimport type { ScannedUR } from \"@qrkit/core\";\n\nimport type { SignRequest } from \"../types.js\";\nimport { Modal } from \"./Modal.js\";\nimport { QRDisplay } from \"./QRDisplay.js\";\nimport { QRScanner } from \"./QRScanner.js\";\n\ntype Step = \"display\" | \"scan\";\n\nexport interface SignModalProps {\n  request: SignRequest;\n  appName: string;\n  onSign: (signature: string) => void;\n  onReject: () => void;\n}\n\nexport function SignModal({ request, appName, onSign, onReject }: SignModalProps) {\n  const [step, setStep] = useState<Step>(\"display\");\n\n  const parts = buildEthSignRequestURParts(\n    request.message,\n    request.address,\n    request.sourceFingerprint,\n    appName,\n  );\n\n  const handleScan = useCallback(\n    (data: ScannedUR | string): boolean | void => {\n      try {\n        const sig = parseEthSignature(data as ScannedUR);\n        onSign(sig);\n      } catch {\n        return false;\n      }\n    },\n    [onSign],\n  );\n\n  return (\n    <Modal\n      title={step === \"display\" ? \"Sign Request\" : \"Scan Signature\"}\n      onClose={onReject}\n    >\n      {step === \"display\" && (\n        <>\n          <p className=\"qrkit-step\">\n            Point your hardware wallet camera at this QR code to approve the sign request.\n          </p>\n          <QRDisplay parts={parts} />\n          <button className=\"qrkit-btn qrkit-btn-primary\" onClick={() => setStep(\"scan\")}>\n            Wallet signed — scan response\n          </button>\n          <button className=\"qrkit-btn qrkit-btn-ghost\" onClick={onReject}>\n            Cancel\n          </button>\n        </>\n      )}\n\n      {step === \"scan\" && (\n        <>\n          <p className=\"qrkit-step\">\n            On your hardware wallet, show the signature QR and point it at this camera.\n          </p>\n          <QRScanner onScan={handleScan} hint=\"Scan the wallet's signature QR code\" />\n          <button\n            className=\"qrkit-btn qrkit-btn-ghost\"\n            onClick={() => setStep(\"display\")}\n          >\n            ← Back\n          </button>\n        </>\n      )}\n    </Modal>\n  );\n}\n","import { useEffect, useRef } from \"react\";\n\nimport QRCode from \"qrcode\";\n\nimport { useQRParts } from \"./useQRParts.js\";\n\nexport interface UseQRDisplayOptions {\n  /** QR parts to cycle through. Single-frame: pass an array with one element. */\n  parts: string[];\n  /** Interval between frames in ms. Default: 200 */\n  interval?: number;\n  /** Canvas size in pixels. Default: 300 */\n  size?: number;\n}\n\nexport interface UseQRDisplayResult {\n  canvasRef: React.RefObject<HTMLCanvasElement | null>;\n  /** Current frame index */\n  frame: number;\n  total: number;\n}\n\nexport function useQRDisplay({\n  parts,\n  interval,\n  size = 300,\n}: UseQRDisplayOptions): UseQRDisplayResult {\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const { part, frame, total } = useQRParts({ parts, interval });\n\n  useEffect(() => {\n    if (!part || !canvasRef.current) return;\n\n    QRCode.toCanvas(canvasRef.current, part, {\n      width: size,\n      margin: 2,\n      errorCorrectionLevel: \"M\",\n    }).catch(() => {\n      // ignore render errors\n    });\n  }, [part, size]);\n\n  return { canvasRef, frame, total };\n}\n","import { useEffect, useRef, useState } from \"react\";\n\nexport interface UseQRPartsOptions {\n  /** QR parts to cycle through. Single-frame: pass an array with one element. */\n  parts: string[];\n  /** Interval between frames in ms. Default: 200 */\n  interval?: number;\n}\n\nexport interface UseQRPartsResult {\n  /** The current QR string to render */\n  part: string;\n  /** Current frame index (0-based) */\n  frame: number;\n  total: number;\n}\n\nexport function useQRParts({\n  parts,\n  interval = 200,\n}: UseQRPartsOptions): UseQRPartsResult {\n  const [frame, setFrame] = useState(0);\n  const frameRef = useRef(0);\n\n  useEffect(() => {\n    frameRef.current = 0;\n    setFrame(0);\n  }, [parts]);\n\n  useEffect(() => {\n    if (parts.length <= 1) return;\n\n    const id = setInterval(() => {\n      frameRef.current = (frameRef.current + 1) % parts.length;\n      setFrame(frameRef.current);\n    }, interval);\n\n    return () => clearInterval(id);\n  }, [parts, interval]);\n\n  return {\n    part: parts[frameRef.current % Math.max(parts.length, 1)] ?? \"\",\n    frame,\n    total: parts.length,\n  };\n}\n","import { useQRDisplay } from \"../hooks/useQRDisplay.js\";\n\nexport interface QRDisplayProps {\n  parts: string[];\n  interval?: number;\n  size?: number;\n  className?: string;\n}\n\nexport function QRDisplay({ parts, interval, size = 300, className }: QRDisplayProps) {\n  const { canvasRef, frame, total } = useQRDisplay({ parts, interval, size });\n\n  return (\n    <div className={`qrkit-qr-wrap${className ? ` ${className}` : \"\"}`}>\n      <canvas ref={canvasRef} className=\"qrkit-qr-canvas\" width={size} height={size} />\n      {total > 1 && (\n        <p className=\"qrkit-hint\">\n          Frame {frame + 1} / {total} — keep Shell pointed at the screen\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":["useCallback","useEffect","useRef","useState","useCallback","useCallback","useEffect","useRef","useState","useRef","useRef","useState","useCallback","useEffect","jsx","jsxs","jsx","jsxs","useCallback","useCallback","useState","useEffect","useRef","useEffect","useRef","useState","useRef","useEffect","jsx","jsxs","jsx","jsxs","useState","useCallback","jsx","jsxs","useState","useRef","useEffect","useCallback"]}