@eka-care/medical-records-ui 1.0.3

package/README.md

@@ -0,0 +1,151 @@
+# @eka-care/medical-records-ui
+
+Framework-agnostic React SDK for the Eka Care Medical Records feature. Drop it into any React app (Next.js, Vite, Electron) to get a full records list, filters, upload flow, and document preview.
+
+## Installation
+
+```bash
+npm install @eka-care/medical-records-ui
+```
+
+### Peer dependencies
+
+Make sure these are installed in your host app:
+
+```bash
+npm install react react-dom zustand lucide-react
+```
+
+## Setup
+
+### 1. Import styles
+
+In your app's entry point (e.g. `_app.tsx`, `main.tsx`):
+
+```ts
+import '@eka-care/medical-records-ui/styles';
+```
+
+### 2. Wrap with `SdkProvider`
+
+```tsx
+import { SdkProvider } from '@eka-care/medical-records-ui';
+
+<SdkProvider
+  config={{ environment: 'prod' }}
+  bid="YOUR_BID"
+  patientId="YOUR_PATIENT_ID"
+>
+  {/* your app or the RecordsView */}
+</SdkProvider>
+```
+
+If `bid` or `patientId` are not yet available (e.g. no patient selected), `SdkProvider` renders a placeholder automatically — no extra handling needed.
+
+### 3. Render the records view
+
+```tsx
+import { SdkProvider, RecordsView } from '@eka-care/medical-records-ui';
+
+export function MedicalRecordsPanel({ bid, patientId }) {
+  return (
+    <SdkProvider
+      config={{ environment: 'prod' }}
+      bid={bid}
+      patientId={patientId}
+    >
+      <RecordsView />
+    </SdkProvider>
+  );
+}
+```
+
+## `SdkProvider` props
+
+| Prop | Type | Required | Description |
+|------|------|----------|-------------|
+| `config` | `SdkConfig` | Yes | SDK configuration (see below) |
+| `bid` | `string` | No | Business/clinic ID. Shows placeholder when absent. |
+| `patientId` | `string` | No | Patient ID. Shows placeholder when absent. |
+| `documentTypes` | `DocumentTypeConfig[]` | No | Document type labels from your onboarding config. Falls back to built-in labels. |
+
+### `SdkConfig`
+
+| Field | Type | Description |
+|-------|------|-------------|
+| `environment` | `'prod' \| 'staging'` | API environment |
+| `baseUrl` | `string` | Override the API base URL (useful for proxying) |
+| `accessToken` | `string` | Auth token. Not needed if using cookie-based auth. |
+| `onUnauthorized` | `() => void` | Called on 401 — use to refresh the token or redirect to login |
+| `defaultHeaders` | `Record<string, string>` | Extra headers added to every request |
+
+## `RecordsView` props
+
+| Prop | Type | Description |
+|------|------|-------------|
+| `allowUpload` | `boolean` | Show/hide the upload button. Default: `true` |
+| `attachedIds` | `string[]` | Record IDs already attached to the current session context |
+| `maxAttachable` | `number` | Max records attachable at once |
+| `onAttachToContext` | `(records) => void` | Called when user adds a record to session context |
+| `onRemoveAttachment` | `(documentId) => void` | Called when user removes a record from context |
+| `onCopyToNote` | `(text, anchor?) => void` | Called when user copies a smart report to notes |
+| `onToast` | `(message, type?) => void` | Hook into the host app's toast/notification system |
+
+## Authentication
+
+The SDK uses cookie-based auth automatically when running on the same domain as the Eka Care backend. For token-based auth pass `accessToken` in config and provide `onUnauthorized` to handle token refresh:
+
+```tsx
+<SdkProvider
+  config={{
+    environment: 'prod',
+    accessToken: yourToken,
+    onUnauthorized: refreshToken,
+  }}
+  bid={bid}
+  patientId={patientId}
+>
+```
+
+## PDF support
+
+No setup required. PDF preview works out of the box — the SDK loads the pdfjs worker from CDN automatically.
+
+## Next.js
+
+Works without any extra webpack config. `react-pdf` and `pdfjs-dist` are peer dependencies — install them in your app:
+
+```bash
+npm install react-pdf pdfjs-dist
+```
+
+## Development
+
+```bash
+# Start the dev playground at https://test.1.eka.care:4443
+npm run dev
+
+# Build the SDK
+npm run build
+
+# Run tests
+npm test
+```
+
+### Dev playground setup
+
+The playground runs on `https://test.1.eka.care:4443` so auth cookies from the Eka Care backend are available.
+
+1. Add to `/etc/hosts`:
+   ```
+   127.0.0.1  test.1.eka.care
+   ```
+
+2. Generate a local certificate:
+   ```bash
+   cd certificates && mkcert test.1.eka.care
+   ```
+
+3. Log into the Eka Care app on `test.1.eka.care` so the auth cookie is set.
+
+4. Run `npm run dev` and open `https://test.1.eka.care:4443`.

package/dist/DocumentViewer-WXL7OZXK.mjs

@@ -0,0 +1,197 @@
+// src/views/RecordPreview/DocumentViewer.tsx
+import { lazy, Suspense, useCallback, useEffect as useEffect2, useRef, useState as useState2 } from "react";
+import {
+  ChevronLeft,
+  ChevronRight,
+  Minus,
+  Plus,
+  Download,
+  Maximize,
+  Minimize,
+  Globe
+} from "lucide-react";
+
+// src/views/RecordPreview/TextViewer.tsx
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+function TextViewer({ url }) {
+  const [state, setState] = useState({
+    status: "loading",
+    text: ""
+  });
+  useEffect(() => {
+    let cancelled = false;
+    setState({ status: "loading", text: "" });
+    (async () => {
+      try {
+        const res = await fetch(url);
+        if (!res.ok) throw new Error(`fetch ${res.status}`);
+        const text = await res.text();
+        if (!cancelled) setState({ status: "loaded", text });
+      } catch {
+        if (!cancelled) setState({ status: "error", text: "" });
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [url]);
+  if (state.status === "loading") {
+    return /* @__PURE__ */ jsx("div", { className: "mr-doc-viewer__status", children: "Loading document..." });
+  }
+  if (state.status === "error") {
+    return /* @__PURE__ */ jsx("div", { className: "mr-doc-viewer__status", children: "Couldn't load this document." });
+  }
+  if (!state.text.trim()) {
+    return /* @__PURE__ */ jsx("div", { className: "mr-doc-viewer__status", children: "This file appears to be empty." });
+  }
+  return /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      className: "mr-doc-viewer__html-frame",
+      srcDoc: state.text,
+      sandbox: "allow-same-origin",
+      title: "HTML preview"
+    }
+  );
+}
+
+// src/views/RecordPreview/DocumentViewer.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var PdfViewer = lazy(() => import("./PdfViewer-WIV5AUJB.mjs").then((m) => ({ default: m.PdfViewer })));
+var PAGE_WIDTH = 595;
+var ZOOM_STEP = 0.25;
+var ZOOM_MIN = 0.5;
+var ZOOM_MAX = 3;
+function DocumentViewer({ files, title, isHtml }) {
+  const [zoom, setZoom] = useState2(1);
+  const [pageInfo, setPageInfo] = useState2({ current: 1, total: 0 });
+  const [scrollToPage, setScrollToPage] = useState2(1);
+  const [isFullscreen, setIsFullscreen] = useState2(false);
+  const rootRef = useRef(null);
+  useEffect2(() => {
+    const onChange = () => setIsFullscreen(document.fullscreenElement === rootRef.current);
+    document.addEventListener("fullscreenchange", onChange);
+    return () => document.removeEventListener("fullscreenchange", onChange);
+  }, []);
+  const toggleFullscreen = () => {
+    if (document.fullscreenElement) void document.exitFullscreen();
+    else void rootRef.current?.requestFullscreen?.();
+  };
+  const primary = files[0] ?? null;
+  const isPdf = primary?.kind === "pdf";
+  const images = files.filter((f) => f.kind === "image");
+  const isZoomable = isPdf || images.length > 0;
+  const zoomOut = () => setZoom((z) => Math.max(ZOOM_MIN, +(z - ZOOM_STEP).toFixed(2)));
+  const zoomIn = () => setZoom((z) => Math.min(ZOOM_MAX, +(z + ZOOM_STEP).toFixed(2)));
+  const prevPage = () => setScrollToPage(Math.max(1, pageInfo.current - 1));
+  const nextPage = () => setScrollToPage(Math.min(pageInfo.total, pageInfo.current + 1));
+  const withBlobUrl = useCallback(async (fn) => {
+    if (!primary) return;
+    try {
+      const res = await fetch(primary.url);
+      const blob = await res.blob();
+      const objUrl = URL.createObjectURL(blob);
+      fn(objUrl);
+      setTimeout(() => URL.revokeObjectURL(objUrl), 6e4);
+    } catch {
+      fn(primary.url);
+    }
+  }, [primary]);
+  const handleDownload = () => withBlobUrl((objUrl) => {
+    const a = document.createElement("a");
+    a.href = objUrl;
+    a.download = title || "document";
+    a.click();
+  });
+  return /* @__PURE__ */ jsxs("div", { className: `mr-doc-viewer${isHtml ? " mr-doc-viewer--html" : ""}`, ref: rootRef, children: [
+    !isHtml && /* @__PURE__ */ jsxs("div", { className: "mr-doc-viewer__toolbar", children: [
+      /* @__PURE__ */ jsx2("span", { className: "mr-doc-viewer__filename", children: title }),
+      isPdf && /* @__PURE__ */ jsxs("div", { className: "mr-doc-viewer__pages", children: [
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Previous page",
+            onClick: prevPage,
+            disabled: pageInfo.current <= 1,
+            children: /* @__PURE__ */ jsx2(ChevronLeft, { size: 18, "aria-hidden": true })
+          }
+        ),
+        /* @__PURE__ */ jsx2("span", { className: "mr-doc-viewer__page-badge", children: pageInfo.current }),
+        /* @__PURE__ */ jsx2("span", { children: "/" }),
+        /* @__PURE__ */ jsx2("span", { children: pageInfo.total || "\u2014" }),
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Next page",
+            onClick: nextPage,
+            disabled: pageInfo.current >= pageInfo.total,
+            children: /* @__PURE__ */ jsx2(ChevronRight, { size: 18, "aria-hidden": true })
+          }
+        )
+      ] }),
+      isZoomable && /* @__PURE__ */ jsxs("div", { className: "mr-doc-viewer__zoom", children: [
+        /* @__PURE__ */ jsx2("button", { type: "button", "aria-label": "Zoom out", onClick: zoomOut, disabled: zoom <= ZOOM_MIN, children: /* @__PURE__ */ jsx2(Minus, { size: 20, "aria-hidden": true }) }),
+        /* @__PURE__ */ jsxs("span", { className: "mr-doc-viewer__zoom-badge", children: [
+          Math.round(zoom * 100),
+          "%"
+        ] }),
+        /* @__PURE__ */ jsx2("button", { type: "button", "aria-label": "Zoom in", onClick: zoomIn, disabled: zoom >= ZOOM_MAX, children: /* @__PURE__ */ jsx2(Plus, { size: 20, "aria-hidden": true }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mr-doc-viewer__actions", children: [
+        /* @__PURE__ */ jsx2("button", { type: "button", "aria-label": "Download", onClick: handleDownload, disabled: !primary, children: /* @__PURE__ */ jsx2(Download, { size: 20, "aria-hidden": true }) }),
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            "aria-label": isFullscreen ? "Exit full screen" : "Full screen",
+            onClick: toggleFullscreen,
+            children: isFullscreen ? /* @__PURE__ */ jsx2(Minimize, { size: 20, "aria-hidden": true }) : /* @__PURE__ */ jsx2(Maximize, { size: 20, "aria-hidden": true })
+          }
+        )
+      ] })
+    ] }),
+    isHtml && /* @__PURE__ */ jsxs("div", { className: "mr-doc-viewer__html-bar", children: [
+      /* @__PURE__ */ jsxs("div", { className: "mr-doc-viewer__html-bar-left", children: [
+        /* @__PURE__ */ jsx2(Globe, { size: 12, "aria-hidden": true }),
+        /* @__PURE__ */ jsx2("span", { children: "Previewing HTML file \u2013 you can copy to a note and edit this file. The original record that you are viewing now will not be affected." })
+      ] }),
+      /* @__PURE__ */ jsx2(
+        "button",
+        {
+          type: "button",
+          className: "mr-doc-viewer__html-download",
+          "aria-label": "Download",
+          onClick: handleDownload,
+          disabled: !primary,
+          children: /* @__PURE__ */ jsx2(Download, { size: 16, "aria-hidden": true })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx2("div", { className: "mr-doc-viewer__canvas", children: !primary ? /* @__PURE__ */ jsx2("div", { className: "mr-doc-viewer__status", children: "No preview available for this record." }) : isPdf ? /* @__PURE__ */ jsx2(Suspense, { fallback: /* @__PURE__ */ jsx2("div", { className: "mr-doc-viewer__status", children: "Loading viewer\u2026" }), children: /* @__PURE__ */ jsx2(
+      PdfViewer,
+      {
+        url: primary.url,
+        baseWidth: PAGE_WIDTH,
+        scale: zoom,
+        scrollToPage,
+        onPageInfo: setPageInfo
+      }
+    ) }) : images.length > 0 ? images.map((img, i) => /* @__PURE__ */ jsx2(
+      "img",
+      {
+        className: "mr-doc-viewer__image",
+        src: img.url,
+        alt: `${title} ${i + 1}`,
+        style: { transform: `scale(${zoom})`, transformOrigin: "top center" }
+      },
+      i
+    )) : /* @__PURE__ */ jsx2(TextViewer, { url: primary.url }) })
+  ] });
+}
+export {
+  DocumentViewer
+};
+//# sourceMappingURL=DocumentViewer-WXL7OZXK.mjs.map

package/dist/DocumentViewer-WXL7OZXK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/views/RecordPreview/DocumentViewer.tsx","../src/views/RecordPreview/TextViewer.tsx"],"sourcesContent":["import { lazy, Suspense, useCallback, useEffect, useRef, useState } from 'react';\nimport {\n  ChevronLeft,\n  ChevronRight,\n  Minus,\n  Plus,\n  Download,\n  Maximize,\n  Minimize,\n  Globe,\n} from 'lucide-react';\nimport { TextViewer } from './TextViewer';\nimport type { PreviewFile } from '../../connection';\n\nconst PdfViewer = lazy(() => import('./PdfViewer').then((m) => ({ default: m.PdfViewer })));\n\nexport interface DocumentViewerProps {\n  files: PreviewFile[];\n  title: string;\n  isHtml?: boolean;\n}\n\nconst PAGE_WIDTH = 595; \nconst ZOOM_STEP = 0.25;\nconst ZOOM_MIN = 0.5;\nconst ZOOM_MAX = 3;\n\nexport function DocumentViewer({ files, title, isHtml }: DocumentViewerProps) {\n  const [zoom, setZoom] = useState(1);\n  const [pageInfo, setPageInfo] = useState({ current: 1, total: 0 });\n  const [scrollToPage, setScrollToPage] = useState(1);\n  const [isFullscreen, setIsFullscreen] = useState(false);\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const onChange = () => setIsFullscreen(document.fullscreenElement === rootRef.current);\n    document.addEventListener('fullscreenchange', onChange);\n    return () => document.removeEventListener('fullscreenchange', onChange);\n  }, []);\n\n  const toggleFullscreen = () => {\n    if (document.fullscreenElement) void document.exitFullscreen();\n    else void rootRef.current?.requestFullscreen?.();\n  };\n\n  const primary = files[0] ?? null;\n  const isPdf = primary?.kind === 'pdf';\n  const images = files.filter((f) => f.kind === 'image');\n  const isZoomable = isPdf || images.length > 0;\n\n  const zoomOut = () => setZoom((z) => Math.max(ZOOM_MIN, +(z - ZOOM_STEP).toFixed(2)));\n  const zoomIn = () => setZoom((z) => Math.min(ZOOM_MAX, +(z + ZOOM_STEP).toFixed(2)));\n\n  const prevPage = () => setScrollToPage(Math.max(1, pageInfo.current - 1));\n  const nextPage = () => setScrollToPage(Math.min(pageInfo.total, pageInfo.current + 1));\n\n  // Download / print fetch the file into a blob URL rather than re-opening the\n  // signed URL directly, so it works even when the document is already loaded.\n  const withBlobUrl = useCallback(async (fn: (objUrl: string) => void) => {\n    if (!primary) return;\n    try {\n      const res = await fetch(primary.url);\n      const blob = await res.blob();\n      const objUrl = URL.createObjectURL(blob);\n      fn(objUrl);\n      // Revoke after the consumer has had a chance to use it.\n      setTimeout(() => URL.revokeObjectURL(objUrl), 60_000);\n    } catch {\n      // Fall back to opening the original URL.\n      fn(primary.url);\n    }\n  }, [primary]);\n\n  const handleDownload = () =>\n    withBlobUrl((objUrl) => {\n      const a = document.createElement('a');\n      a.href = objUrl;\n      a.download = title || 'document';\n      a.click();\n    });\n\n  return (\n    <div className={`mr-doc-viewer${isHtml ? ' mr-doc-viewer--html' : ''}`} ref={rootRef}>\n      {!isHtml && <div className=\"mr-doc-viewer__toolbar\">\n        <span className=\"mr-doc-viewer__filename\">{title}</span>\n        {isPdf && (\n          <div className=\"mr-doc-viewer__pages\">\n            <button\n              type=\"button\"\n              aria-label=\"Previous page\"\n              onClick={prevPage}\n              disabled={pageInfo.current <= 1}\n            >\n              <ChevronLeft size={18} aria-hidden />\n            </button>\n            <span className=\"mr-doc-viewer__page-badge\">{pageInfo.current}</span>\n            <span>/</span>\n            <span>{pageInfo.total || '—'}</span>\n            <button\n              type=\"button\"\n              aria-label=\"Next page\"\n              onClick={nextPage}\n              disabled={pageInfo.current >= pageInfo.total}\n            >\n              <ChevronRight size={18} aria-hidden />\n            </button>\n          </div>\n        )}\n        {isZoomable && (\n          <div className=\"mr-doc-viewer__zoom\">\n            <button type=\"button\" aria-label=\"Zoom out\" onClick={zoomOut} disabled={zoom <= ZOOM_MIN}>\n              <Minus size={20} aria-hidden />\n            </button>\n            <span className=\"mr-doc-viewer__zoom-badge\">{Math.round(zoom * 100)}%</span>\n            <button type=\"button\" aria-label=\"Zoom in\" onClick={zoomIn} disabled={zoom >= ZOOM_MAX}>\n              <Plus size={20} aria-hidden />\n            </button>\n          </div>\n        )}\n        <div className=\"mr-doc-viewer__actions\">\n          <button type=\"button\" aria-label=\"Download\" onClick={handleDownload} disabled={!primary}>\n            <Download size={20} aria-hidden />\n          </button>\n          <button\n            type=\"button\"\n            aria-label={isFullscreen ? 'Exit full screen' : 'Full screen'}\n            onClick={toggleFullscreen}\n          >\n            {isFullscreen ? <Minimize size={20} aria-hidden /> : <Maximize size={20} aria-hidden />}\n          </button>\n        </div>\n      </div>}\n\n      {isHtml && (\n        <div className=\"mr-doc-viewer__html-bar\">\n          <div className=\"mr-doc-viewer__html-bar-left\">\n            <Globe size={12} aria-hidden />\n            <span>Previewing HTML file – you can copy to a note and edit this file. The original record that you are viewing now will not be affected.</span>\n          </div>\n          <button\n            type=\"button\"\n            className=\"mr-doc-viewer__html-download\"\n            aria-label=\"Download\"\n            onClick={handleDownload}\n            disabled={!primary}\n          >\n            <Download size={16} aria-hidden />\n          </button>\n        </div>\n      )}\n\n      <div className=\"mr-doc-viewer__canvas\">\n        {!primary ? (\n          <div className=\"mr-doc-viewer__status\">No preview available for this record.</div>\n        ) : isPdf ? (\n          <Suspense fallback={<div className=\"mr-doc-viewer__status\">Loading viewer…</div>}>\n            <PdfViewer\n              url={primary.url}\n              baseWidth={PAGE_WIDTH}\n              scale={zoom}\n              scrollToPage={scrollToPage}\n              onPageInfo={setPageInfo}\n            />\n          </Suspense>\n        ) : images.length > 0 ? (\n          images.map((img, i) => (\n            <img\n              key={i}\n              className=\"mr-doc-viewer__image\"\n              src={img.url}\n              alt={`${title} ${i + 1}`}\n              style={{ transform: `scale(${zoom})`, transformOrigin: 'top center' }}\n            />\n          ))\n        ) : (\n          <TextViewer url={primary.url} />\n        )}\n      </div>\n    </div>\n  );\n}\n","import { useEffect, useState } from 'react';\n\nexport interface TextViewerProps {\n  url: string;\n}\n\nexport function TextViewer({ url }: TextViewerProps) {\n  const [state, setState] = useState<{ status: 'loading' | 'loaded' | 'error'; text: string }>({\n    status: 'loading',\n    text: '',\n  });\n\n  useEffect(() => {\n    let cancelled = false;\n    setState({ status: 'loading', text: '' });\n    (async () => {\n      try {\n        const res = await fetch(url);\n        if (!res.ok) throw new Error(`fetch ${res.status}`);\n        const text = await res.text();\n        if (!cancelled) setState({ status: 'loaded', text });\n      } catch {\n        if (!cancelled) setState({ status: 'error', text: '' });\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [url]);\n\n  if (state.status === 'loading') {\n    return <div className=\"mr-doc-viewer__status\">Loading document...</div>;\n  }\n  if (state.status === 'error') {\n    return <div className=\"mr-doc-viewer__status\">Couldn't load this document.</div>;\n  }\n  if (!state.text.trim()) {\n    return <div className=\"mr-doc-viewer__status\">This file appears to be empty.</div>;\n  }\n  return (\n    <iframe\n      className=\"mr-doc-viewer__html-frame\"\n      srcDoc={state.text}\n      sandbox=\"allow-same-origin\"\n      title=\"HTML preview\"\n    />\n  );\n}\n"],"mappings":";AAAA,SAAS,MAAM,UAAU,aAAa,aAAAA,YAAW,QAAQ,YAAAC,iBAAgB;AACzE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;;;ACVP,SAAS,WAAW,gBAAgB;AA+BzB;AAzBJ,SAAS,WAAW,EAAE,IAAI,GAAoB;AACnD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAmE;AAAA,IAC3F,QAAQ;AAAA,IACR,MAAM;AAAA,EACR,CAAC;AAED,YAAU,MAAM;AACd,QAAI,YAAY;AAChB,aAAS,EAAE,QAAQ,WAAW,MAAM,GAAG,CAAC;AACxC,KAAC,YAAY;AACX,UAAI;AACF,cAAM,MAAM,MAAM,MAAM,GAAG;AAC3B,YAAI,CAAC,IAAI,GAAI,OAAM,IAAI,MAAM,SAAS,IAAI,MAAM,EAAE;AAClD,cAAM,OAAO,MAAM,IAAI,KAAK;AAC5B,YAAI,CAAC,UAAW,UAAS,EAAE,QAAQ,UAAU,KAAK,CAAC;AAAA,MACrD,QAAQ;AACN,YAAI,CAAC,UAAW,UAAS,EAAE,QAAQ,SAAS,MAAM,GAAG,CAAC;AAAA,MACxD;AAAA,IACF,GAAG;AACH,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,MAAI,MAAM,WAAW,WAAW;AAC9B,WAAO,oBAAC,SAAI,WAAU,yBAAwB,iCAAmB;AAAA,EACnE;AACA,MAAI,MAAM,WAAW,SAAS;AAC5B,WAAO,oBAAC,SAAI,WAAU,yBAAwB,0CAA4B;AAAA,EAC5E;AACA,MAAI,CAAC,MAAM,KAAK,KAAK,GAAG;AACtB,WAAO,oBAAC,SAAI,WAAU,yBAAwB,4CAA8B;AAAA,EAC9E;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,QAAQ,MAAM;AAAA,MACd,SAAQ;AAAA,MACR,OAAM;AAAA;AAAA,EACR;AAEJ;;;ADqCQ,gBAAAC,MAEE,YAFF;AAtER,IAAM,YAAY,KAAK,MAAM,OAAO,0BAAa,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;AAQ1F,IAAM,aAAa;AACnB,IAAM,YAAY;AAClB,IAAM,WAAW;AACjB,IAAM,WAAW;AAEV,SAAS,eAAe,EAAE,OAAO,OAAO,OAAO,GAAwB;AAC5E,QAAM,CAAC,MAAM,OAAO,IAAIC,UAAS,CAAC;AAClC,QAAM,CAAC,UAAU,WAAW,IAAIA,UAAS,EAAE,SAAS,GAAG,OAAO,EAAE,CAAC;AACjE,QAAM,CAAC,cAAc,eAAe,IAAIA,UAAS,CAAC;AAClD,QAAM,CAAC,cAAc,eAAe,IAAIA,UAAS,KAAK;AACtD,QAAM,UAAU,OAAuB,IAAI;AAE3C,EAAAC,WAAU,MAAM;AACd,UAAM,WAAW,MAAM,gBAAgB,SAAS,sBAAsB,QAAQ,OAAO;AACrF,aAAS,iBAAiB,oBAAoB,QAAQ;AACtD,WAAO,MAAM,SAAS,oBAAoB,oBAAoB,QAAQ;AAAA,EACxE,GAAG,CAAC,CAAC;AAEL,QAAM,mBAAmB,MAAM;AAC7B,QAAI,SAAS,kBAAmB,MAAK,SAAS,eAAe;AAAA,QACxD,MAAK,QAAQ,SAAS,oBAAoB;AAAA,EACjD;AAEA,QAAM,UAAU,MAAM,CAAC,KAAK;AAC5B,QAAM,QAAQ,SAAS,SAAS;AAChC,QAAM,SAAS,MAAM,OAAO,CAAC,MAAM,EAAE,SAAS,OAAO;AACrD,QAAM,aAAa,SAAS,OAAO,SAAS;AAE5C,QAAM,UAAU,MAAM,QAAQ,CAAC,MAAM,KAAK,IAAI,UAAU,EAAE,IAAI,WAAW,QAAQ,CAAC,CAAC,CAAC;AACpF,QAAM,SAAS,MAAM,QAAQ,CAAC,MAAM,KAAK,IAAI,UAAU,EAAE,IAAI,WAAW,QAAQ,CAAC,CAAC,CAAC;AAEnF,QAAM,WAAW,MAAM,gBAAgB,KAAK,IAAI,GAAG,SAAS,UAAU,CAAC,CAAC;AACxE,QAAM,WAAW,MAAM,gBAAgB,KAAK,IAAI,SAAS,OAAO,SAAS,UAAU,CAAC,CAAC;AAIrF,QAAM,cAAc,YAAY,OAAO,OAAiC;AACtE,QAAI,CAAC,QAAS;AACd,QAAI;AACF,YAAM,MAAM,MAAM,MAAM,QAAQ,GAAG;AACnC,YAAM,OAAO,MAAM,IAAI,KAAK;AAC5B,YAAM,SAAS,IAAI,gBAAgB,IAAI;AACvC,SAAG,MAAM;AAET,iBAAW,MAAM,IAAI,gBAAgB,MAAM,GAAG,GAAM;AAAA,IACtD,QAAQ;AAEN,SAAG,QAAQ,GAAG;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,iBAAiB,MACrB,YAAY,CAAC,WAAW;AACtB,UAAM,IAAI,SAAS,cAAc,GAAG;AACpC,MAAE,OAAO;AACT,MAAE,WAAW,SAAS;AACtB,MAAE,MAAM;AAAA,EACV,CAAC;AAEH,SACE,qBAAC,SAAI,WAAW,gBAAgB,SAAS,yBAAyB,EAAE,IAAI,KAAK,SAC1E;AAAA,KAAC,UAAU,qBAAC,SAAI,WAAU,0BACzB;AAAA,sBAAAF,KAAC,UAAK,WAAU,2BAA2B,iBAAM;AAAA,MAChD,SACC,qBAAC,SAAI,WAAU,wBACb;AAAA,wBAAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,SAAS;AAAA,YACT,UAAU,SAAS,WAAW;AAAA,YAE9B,0BAAAA,KAAC,eAAY,MAAM,IAAI,eAAW,MAAC;AAAA;AAAA,QACrC;AAAA,QACA,gBAAAA,KAAC,UAAK,WAAU,6BAA6B,mBAAS,SAAQ;AAAA,QAC9D,gBAAAA,KAAC,UAAK,eAAC;AAAA,QACP,gBAAAA,KAAC,UAAM,mBAAS,SAAS,UAAI;AAAA,QAC7B,gBAAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,SAAS;AAAA,YACT,UAAU,SAAS,WAAW,SAAS;AAAA,YAEvC,0BAAAA,KAAC,gBAAa,MAAM,IAAI,eAAW,MAAC;AAAA;AAAA,QACtC;AAAA,SACF;AAAA,MAED,cACC,qBAAC,SAAI,WAAU,uBACb;AAAA,wBAAAA,KAAC,YAAO,MAAK,UAAS,cAAW,YAAW,SAAS,SAAS,UAAU,QAAQ,UAC9E,0BAAAA,KAAC,SAAM,MAAM,IAAI,eAAW,MAAC,GAC/B;AAAA,QACA,qBAAC,UAAK,WAAU,6BAA6B;AAAA,eAAK,MAAM,OAAO,GAAG;AAAA,UAAE;AAAA,WAAC;AAAA,QACrE,gBAAAA,KAAC,YAAO,MAAK,UAAS,cAAW,WAAU,SAAS,QAAQ,UAAU,QAAQ,UAC5E,0BAAAA,KAAC,QAAK,MAAM,IAAI,eAAW,MAAC,GAC9B;AAAA,SACF;AAAA,MAEF,qBAAC,SAAI,WAAU,0BACb;AAAA,wBAAAA,KAAC,YAAO,MAAK,UAAS,cAAW,YAAW,SAAS,gBAAgB,UAAU,CAAC,SAC9E,0BAAAA,KAAC,YAAS,MAAM,IAAI,eAAW,MAAC,GAClC;AAAA,QACA,gBAAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAY,eAAe,qBAAqB;AAAA,YAChD,SAAS;AAAA,YAER,yBAAe,gBAAAA,KAAC,YAAS,MAAM,IAAI,eAAW,MAAC,IAAK,gBAAAA,KAAC,YAAS,MAAM,IAAI,eAAW,MAAC;AAAA;AAAA,QACvF;AAAA,SACF;AAAA,OACF;AAAA,IAEC,UACC,qBAAC,SAAI,WAAU,2BACb;AAAA,2BAAC,SAAI,WAAU,gCACb;AAAA,wBAAAA,KAAC,SAAM,MAAM,IAAI,eAAW,MAAC;AAAA,QAC7B,gBAAAA,KAAC,UAAK,uJAAoI;AAAA,SAC5I;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,cAAW;AAAA,UACX,SAAS;AAAA,UACT,UAAU,CAAC;AAAA,UAEX,0BAAAA,KAAC,YAAS,MAAM,IAAI,eAAW,MAAC;AAAA;AAAA,MAClC;AAAA,OACF;AAAA,IAGF,gBAAAA,KAAC,SAAI,WAAU,yBACZ,WAAC,UACA,gBAAAA,KAAC,SAAI,WAAU,yBAAwB,mDAAqC,IAC1E,QACF,gBAAAA,KAAC,YAAS,UAAU,gBAAAA,KAAC,SAAI,WAAU,yBAAwB,kCAAe,GACxE,0BAAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,QAAQ;AAAA,QACb,WAAW;AAAA,QACX,OAAO;AAAA,QACP;AAAA,QACA,YAAY;AAAA;AAAA,IACd,GACF,IACE,OAAO,SAAS,IAClB,OAAO,IAAI,CAAC,KAAK,MACf,gBAAAA;AAAA,MAAC;AAAA;AAAA,QAEC,WAAU;AAAA,QACV,KAAK,IAAI;AAAA,QACT,KAAK,GAAG,KAAK,IAAI,IAAI,CAAC;AAAA,QACtB,OAAO,EAAE,WAAW,SAAS,IAAI,KAAK,iBAAiB,aAAa;AAAA;AAAA,MAJ/D;AAAA,IAKP,CACD,IAED,gBAAAA,KAAC,cAAW,KAAK,QAAQ,KAAK,GAElC;AAAA,KACF;AAEJ;","names":["useEffect","useState","jsx","useState","useEffect"]}

package/dist/DocumentViewer-Z3GOU5NU.js

@@ -0,0 +1,197 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/views/RecordPreview/DocumentViewer.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+var _lucidereact = require('lucide-react');
+
+// src/views/RecordPreview/TextViewer.tsx
+
+var _jsxruntime = require('react/jsx-runtime');
+function TextViewer({ url }) {
+  const [state, setState] = _react.useState.call(void 0, {
+    status: "loading",
+    text: ""
+  });
+  _react.useEffect.call(void 0, () => {
+    let cancelled = false;
+    setState({ status: "loading", text: "" });
+    (async () => {
+      try {
+        const res = await fetch(url);
+        if (!res.ok) throw new Error(`fetch ${res.status}`);
+        const text = await res.text();
+        if (!cancelled) setState({ status: "loaded", text });
+      } catch (e) {
+        if (!cancelled) setState({ status: "error", text: "" });
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [url]);
+  if (state.status === "loading") {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-doc-viewer__status", children: "Loading document..." });
+  }
+  if (state.status === "error") {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-doc-viewer__status", children: "Couldn't load this document." });
+  }
+  if (!state.text.trim()) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-doc-viewer__status", children: "This file appears to be empty." });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "iframe",
+    {
+      className: "mr-doc-viewer__html-frame",
+      srcDoc: state.text,
+      sandbox: "allow-same-origin",
+      title: "HTML preview"
+    }
+  );
+}
+
+// src/views/RecordPreview/DocumentViewer.tsx
+
+var PdfViewer = _react.lazy.call(void 0, () => Promise.resolve().then(() => _interopRequireWildcard(require("./PdfViewer-EAN6EQAB.js"))).then((m) => ({ default: m.PdfViewer })));
+var PAGE_WIDTH = 595;
+var ZOOM_STEP = 0.25;
+var ZOOM_MIN = 0.5;
+var ZOOM_MAX = 3;
+function DocumentViewer({ files, title, isHtml }) {
+  const [zoom, setZoom] = _react.useState.call(void 0, 1);
+  const [pageInfo, setPageInfo] = _react.useState.call(void 0, { current: 1, total: 0 });
+  const [scrollToPage, setScrollToPage] = _react.useState.call(void 0, 1);
+  const [isFullscreen, setIsFullscreen] = _react.useState.call(void 0, false);
+  const rootRef = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    const onChange = () => setIsFullscreen(document.fullscreenElement === rootRef.current);
+    document.addEventListener("fullscreenchange", onChange);
+    return () => document.removeEventListener("fullscreenchange", onChange);
+  }, []);
+  const toggleFullscreen = () => {
+    if (document.fullscreenElement) void document.exitFullscreen();
+    else void _optionalChain([rootRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.requestFullscreen, 'optionalCall', _3 => _3()]);
+  };
+  const primary = _nullishCoalesce(files[0], () => ( null));
+  const isPdf = _optionalChain([primary, 'optionalAccess', _4 => _4.kind]) === "pdf";
+  const images = files.filter((f) => f.kind === "image");
+  const isZoomable = isPdf || images.length > 0;
+  const zoomOut = () => setZoom((z) => Math.max(ZOOM_MIN, +(z - ZOOM_STEP).toFixed(2)));
+  const zoomIn = () => setZoom((z) => Math.min(ZOOM_MAX, +(z + ZOOM_STEP).toFixed(2)));
+  const prevPage = () => setScrollToPage(Math.max(1, pageInfo.current - 1));
+  const nextPage = () => setScrollToPage(Math.min(pageInfo.total, pageInfo.current + 1));
+  const withBlobUrl = _react.useCallback.call(void 0, async (fn) => {
+    if (!primary) return;
+    try {
+      const res = await fetch(primary.url);
+      const blob = await res.blob();
+      const objUrl = URL.createObjectURL(blob);
+      fn(objUrl);
+      setTimeout(() => URL.revokeObjectURL(objUrl), 6e4);
+    } catch (e2) {
+      fn(primary.url);
+    }
+  }, [primary]);
+  const handleDownload = () => withBlobUrl((objUrl) => {
+    const a = document.createElement("a");
+    a.href = objUrl;
+    a.download = title || "document";
+    a.click();
+  });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `mr-doc-viewer${isHtml ? " mr-doc-viewer--html" : ""}`, ref: rootRef, children: [
+    !isHtml && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mr-doc-viewer__toolbar", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "mr-doc-viewer__filename", children: title }),
+      isPdf && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mr-doc-viewer__pages", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            "aria-label": "Previous page",
+            onClick: prevPage,
+            disabled: pageInfo.current <= 1,
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronLeft, { size: 18, "aria-hidden": true })
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "mr-doc-viewer__page-badge", children: pageInfo.current }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "/" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: pageInfo.total || "\u2014" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            "aria-label": "Next page",
+            onClick: nextPage,
+            disabled: pageInfo.current >= pageInfo.total,
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRight, { size: 18, "aria-hidden": true })
+          }
+        )
+      ] }),
+      isZoomable && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mr-doc-viewer__zoom", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", "aria-label": "Zoom out", onClick: zoomOut, disabled: zoom <= ZOOM_MIN, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Minus, { size: 20, "aria-hidden": true }) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "mr-doc-viewer__zoom-badge", children: [
+          Math.round(zoom * 100),
+          "%"
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", "aria-label": "Zoom in", onClick: zoomIn, disabled: zoom >= ZOOM_MAX, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Plus, { size: 20, "aria-hidden": true }) })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mr-doc-viewer__actions", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", "aria-label": "Download", onClick: handleDownload, disabled: !primary, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Download, { size: 20, "aria-hidden": true }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            "aria-label": isFullscreen ? "Exit full screen" : "Full screen",
+            onClick: toggleFullscreen,
+            children: isFullscreen ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Minimize, { size: 20, "aria-hidden": true }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Maximize, { size: 20, "aria-hidden": true })
+          }
+        )
+      ] })
+    ] }),
+    isHtml && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mr-doc-viewer__html-bar", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mr-doc-viewer__html-bar-left", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Globe, { size: 12, "aria-hidden": true }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Previewing HTML file \u2013 you can copy to a note and edit this file. The original record that you are viewing now will not be affected." })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: "mr-doc-viewer__html-download",
+          "aria-label": "Download",
+          onClick: handleDownload,
+          disabled: !primary,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Download, { size: 16, "aria-hidden": true })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-doc-viewer__canvas", children: !primary ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-doc-viewer__status", children: "No preview available for this record." }) : isPdf ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Suspense, { fallback: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-doc-viewer__status", children: "Loading viewer\u2026" }), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      PdfViewer,
+      {
+        url: primary.url,
+        baseWidth: PAGE_WIDTH,
+        scale: zoom,
+        scrollToPage,
+        onPageInfo: setPageInfo
+      }
+    ) }) : images.length > 0 ? images.map((img, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "img",
+      {
+        className: "mr-doc-viewer__image",
+        src: img.url,
+        alt: `${title} ${i + 1}`,
+        style: { transform: `scale(${zoom})`, transformOrigin: "top center" }
+      },
+      i
+    )) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextViewer, { url: primary.url }) })
+  ] });
+}
+
+
+exports.DocumentViewer = DocumentViewer;
+//# sourceMappingURL=DocumentViewer-Z3GOU5NU.js.map

package/dist/DocumentViewer-Z3GOU5NU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/medical-records-ui/medical-records-ui/dist/DocumentViewer-Z3GOU5NU.js","../src/views/RecordPreview/DocumentViewer.tsx","../src/views/RecordPreview/TextViewer.tsx"],"names":["jsx"],"mappings":"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","file":"/home/runner/work/medical-records-ui/medical-records-ui/dist/DocumentViewer-Z3GOU5NU.js","sourcesContent":[null,"import { lazy, Suspense, useCallback, useEffect, useRef, useState } from 'react';\nimport {\n  ChevronLeft,\n  ChevronRight,\n  Minus,\n  Plus,\n  Download,\n  Maximize,\n  Minimize,\n  Globe,\n} from 'lucide-react';\nimport { TextViewer } from './TextViewer';\nimport type { PreviewFile } from '../../connection';\n\nconst PdfViewer = lazy(() => import('./PdfViewer').then((m) => ({ default: m.PdfViewer })));\n\nexport interface DocumentViewerProps {\n  files: PreviewFile[];\n  title: string;\n  isHtml?: boolean;\n}\n\nconst PAGE_WIDTH = 595; \nconst ZOOM_STEP = 0.25;\nconst ZOOM_MIN = 0.5;\nconst ZOOM_MAX = 3;\n\nexport function DocumentViewer({ files, title, isHtml }: DocumentViewerProps) {\n  const [zoom, setZoom] = useState(1);\n  const [pageInfo, setPageInfo] = useState({ current: 1, total: 0 });\n  const [scrollToPage, setScrollToPage] = useState(1);\n  const [isFullscreen, setIsFullscreen] = useState(false);\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const onChange = () => setIsFullscreen(document.fullscreenElement === rootRef.current);\n    document.addEventListener('fullscreenchange', onChange);\n    return () => document.removeEventListener('fullscreenchange', onChange);\n  }, []);\n\n  const toggleFullscreen = () => {\n    if (document.fullscreenElement) void document.exitFullscreen();\n    else void rootRef.current?.requestFullscreen?.();\n  };\n\n  const primary = files[0] ?? null;\n  const isPdf = primary?.kind === 'pdf';\n  const images = files.filter((f) => f.kind === 'image');\n  const isZoomable = isPdf || images.length > 0;\n\n  const zoomOut = () => setZoom((z) => Math.max(ZOOM_MIN, +(z - ZOOM_STEP).toFixed(2)));\n  const zoomIn = () => setZoom((z) => Math.min(ZOOM_MAX, +(z + ZOOM_STEP).toFixed(2)));\n\n  const prevPage = () => setScrollToPage(Math.max(1, pageInfo.current - 1));\n  const nextPage = () => setScrollToPage(Math.min(pageInfo.total, pageInfo.current + 1));\n\n  // Download / print fetch the file into a blob URL rather than re-opening the\n  // signed URL directly, so it works even when the document is already loaded.\n  const withBlobUrl = useCallback(async (fn: (objUrl: string) => void) => {\n    if (!primary) return;\n    try {\n      const res = await fetch(primary.url);\n      const blob = await res.blob();\n      const objUrl = URL.createObjectURL(blob);\n      fn(objUrl);\n      // Revoke after the consumer has had a chance to use it.\n      setTimeout(() => URL.revokeObjectURL(objUrl), 60_000);\n    } catch {\n      // Fall back to opening the original URL.\n      fn(primary.url);\n    }\n  }, [primary]);\n\n  const handleDownload = () =>\n    withBlobUrl((objUrl) => {\n      const a = document.createElement('a');\n      a.href = objUrl;\n      a.download = title || 'document';\n      a.click();\n    });\n\n  return (\n    <div className={`mr-doc-viewer${isHtml ? ' mr-doc-viewer--html' : ''}`} ref={rootRef}>\n      {!isHtml && <div className=\"mr-doc-viewer__toolbar\">\n        <span className=\"mr-doc-viewer__filename\">{title}</span>\n        {isPdf && (\n          <div className=\"mr-doc-viewer__pages\">\n            <button\n              type=\"button\"\n              aria-label=\"Previous page\"\n              onClick={prevPage}\n              disabled={pageInfo.current <= 1}\n            >\n              <ChevronLeft size={18} aria-hidden />\n            </button>\n            <span className=\"mr-doc-viewer__page-badge\">{pageInfo.current}</span>\n            <span>/</span>\n            <span>{pageInfo.total || '—'}</span>\n            <button\n              type=\"button\"\n              aria-label=\"Next page\"\n              onClick={nextPage}\n              disabled={pageInfo.current >= pageInfo.total}\n            >\n              <ChevronRight size={18} aria-hidden />\n            </button>\n          </div>\n        )}\n        {isZoomable && (\n          <div className=\"mr-doc-viewer__zoom\">\n            <button type=\"button\" aria-label=\"Zoom out\" onClick={zoomOut} disabled={zoom <= ZOOM_MIN}>\n              <Minus size={20} aria-hidden />\n            </button>\n            <span className=\"mr-doc-viewer__zoom-badge\">{Math.round(zoom * 100)}%</span>\n            <button type=\"button\" aria-label=\"Zoom in\" onClick={zoomIn} disabled={zoom >= ZOOM_MAX}>\n              <Plus size={20} aria-hidden />\n            </button>\n          </div>\n        )}\n        <div className=\"mr-doc-viewer__actions\">\n          <button type=\"button\" aria-label=\"Download\" onClick={handleDownload} disabled={!primary}>\n            <Download size={20} aria-hidden />\n          </button>\n          <button\n            type=\"button\"\n            aria-label={isFullscreen ? 'Exit full screen' : 'Full screen'}\n            onClick={toggleFullscreen}\n          >\n            {isFullscreen ? <Minimize size={20} aria-hidden /> : <Maximize size={20} aria-hidden />}\n          </button>\n        </div>\n      </div>}\n\n      {isHtml && (\n        <div className=\"mr-doc-viewer__html-bar\">\n          <div className=\"mr-doc-viewer__html-bar-left\">\n            <Globe size={12} aria-hidden />\n            <span>Previewing HTML file – you can copy to a note and edit this file. The original record that you are viewing now will not be affected.</span>\n          </div>\n          <button\n            type=\"button\"\n            className=\"mr-doc-viewer__html-download\"\n            aria-label=\"Download\"\n            onClick={handleDownload}\n            disabled={!primary}\n          >\n            <Download size={16} aria-hidden />\n          </button>\n        </div>\n      )}\n\n      <div className=\"mr-doc-viewer__canvas\">\n        {!primary ? (\n          <div className=\"mr-doc-viewer__status\">No preview available for this record.</div>\n        ) : isPdf ? (\n          <Suspense fallback={<div className=\"mr-doc-viewer__status\">Loading viewer…</div>}>\n            <PdfViewer\n              url={primary.url}\n              baseWidth={PAGE_WIDTH}\n              scale={zoom}\n              scrollToPage={scrollToPage}\n              onPageInfo={setPageInfo}\n            />\n          </Suspense>\n        ) : images.length > 0 ? (\n          images.map((img, i) => (\n            <img\n              key={i}\n              className=\"mr-doc-viewer__image\"\n              src={img.url}\n              alt={`${title} ${i + 1}`}\n              style={{ transform: `scale(${zoom})`, transformOrigin: 'top center' }}\n            />\n          ))\n        ) : (\n          <TextViewer url={primary.url} />\n        )}\n      </div>\n    </div>\n  );\n}\n","import { useEffect, useState } from 'react';\n\nexport interface TextViewerProps {\n  url: string;\n}\n\nexport function TextViewer({ url }: TextViewerProps) {\n  const [state, setState] = useState<{ status: 'loading' | 'loaded' | 'error'; text: string }>({\n    status: 'loading',\n    text: '',\n  });\n\n  useEffect(() => {\n    let cancelled = false;\n    setState({ status: 'loading', text: '' });\n    (async () => {\n      try {\n        const res = await fetch(url);\n        if (!res.ok) throw new Error(`fetch ${res.status}`);\n        const text = await res.text();\n        if (!cancelled) setState({ status: 'loaded', text });\n      } catch {\n        if (!cancelled) setState({ status: 'error', text: '' });\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [url]);\n\n  if (state.status === 'loading') {\n    return <div className=\"mr-doc-viewer__status\">Loading document...</div>;\n  }\n  if (state.status === 'error') {\n    return <div className=\"mr-doc-viewer__status\">Couldn't load this document.</div>;\n  }\n  if (!state.text.trim()) {\n    return <div className=\"mr-doc-viewer__status\">This file appears to be empty.</div>;\n  }\n  return (\n    <iframe\n      className=\"mr-doc-viewer__html-frame\"\n      srcDoc={state.text}\n      sandbox=\"allow-same-origin\"\n      title=\"HTML preview\"\n    />\n  );\n}\n"]}