@eka-care/medical-records-ui 1.0.19 → 1.0.23

package/dist/{DocumentViewer-WXL7OZXK.mjs → DocumentViewer-LJR3CLJP.mjs}

@@ -27,6 +27,7 @@ function TextViewer({ url }) {
         const res = await fetch(url);
         if (!res.ok) throw new Error(`fetch ${res.status}`);
         const text = await res.text();
+        if (text.trimStart().startsWith("%PDF")) throw new Error("binary");
         if (!cancelled) setState({ status: "loaded", text });
       } catch {
         if (!cancelled) setState({ status: "error", text: "" });
@@ -37,13 +38,13 @@ function TextViewer({ url }) {
     };
   }, [url]);
   if (state.status === "loading") {
-    return /* @__PURE__ */ jsx("div", { className: "mr-doc-viewer__status", children: "Loading document..." });
+    return /* @__PURE__ */ jsx("div", { className: "mr-doc-viewer__status", style: { color: "var(--mr-muted-foreground)" }, children: "Loading document..." });
   }
   if (state.status === "error") {
-    return /* @__PURE__ */ jsx("div", { className: "mr-doc-viewer__status", children: "Couldn't load this document." });
+    return /* @__PURE__ */ jsx("div", { className: "mr-doc-viewer__status", style: { color: "var(--mr-muted-foreground)" }, 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("div", { className: "mr-doc-viewer__status", style: { color: "var(--mr-muted-foreground)" }, children: "This file appears to be empty." });
   }
   return /* @__PURE__ */ jsx(
     "iframe",
@@ -194,4 +195,4 @@ function DocumentViewer({ files, title, isHtml }) {
 export {
   DocumentViewer
 };
-//# sourceMappingURL=DocumentViewer-WXL7OZXK.mjs.map
+//# sourceMappingURL=DocumentViewer-LJR3CLJP.mjs.map

package/dist/{DocumentViewer-WXL7OZXK.mjs.map → DocumentViewer-LJR3CLJP.mjs.map}

@@ -1 +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":"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","names":["useEffect","useState","jsx","useState","useEffect"]}
+{"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 (text.trimStart().startsWith('%PDF')) throw new Error('binary');\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\" style={{ color: 'var(--mr-muted-foreground)' }}>Loading document...</div>;\n  }\n  if (state.status === 'error') {\n    return <div className=\"mr-doc-viewer__status\" style={{ color: 'var(--mr-muted-foreground)' }}>Couldn't load this document.</div>;\n  }\n  if (!state.text.trim()) {\n    return <div className=\"mr-doc-viewer__status\" style={{ color: 'var(--mr-muted-foreground)' }}>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":"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","names":["useEffect","useState","jsx","useState","useEffect"]}

package/dist/{DocumentViewer-Z3GOU5NU.js → DocumentViewer-NM5THP2V.js}

@@ -27,6 +27,7 @@ function TextViewer({ url }) {
         const res = await fetch(url);
         if (!res.ok) throw new Error(`fetch ${res.status}`);
         const text = await res.text();
+        if (text.trimStart().startsWith("%PDF")) throw new Error("binary");
         if (!cancelled) setState({ status: "loaded", text });
       } catch (e) {
         if (!cancelled) setState({ status: "error", text: "" });
@@ -37,13 +38,13 @@ function TextViewer({ url }) {
     };
   }, [url]);
   if (state.status === "loading") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-doc-viewer__status", children: "Loading document..." });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-doc-viewer__status", style: { color: "var(--mr-muted-foreground)" }, 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." });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-doc-viewer__status", style: { color: "var(--mr-muted-foreground)" }, 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, "div", { className: "mr-doc-viewer__status", style: { color: "var(--mr-muted-foreground)" }, children: "This file appears to be empty." });
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "iframe",
@@ -194,4 +195,4 @@ function DocumentViewer({ files, title, isHtml }) {
 
 
 exports.DocumentViewer = DocumentViewer;
-//# sourceMappingURL=DocumentViewer-Z3GOU5NU.js.map
+//# sourceMappingURL=DocumentViewer-NM5THP2V.js.map

package/dist/DocumentViewer-NM5THP2V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/medical-records-ui/medical-records-ui/dist/DocumentViewer-NM5THP2V.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-NM5THP2V.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 (text.trimStart().startsWith('%PDF')) throw new Error('binary');\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\" style={{ color: 'var(--mr-muted-foreground)' }}>Loading document...</div>;\n  }\n  if (state.status === 'error') {\n    return <div className=\"mr-doc-viewer__status\" style={{ color: 'var(--mr-muted-foreground)' }}>Couldn't load this document.</div>;\n  }\n  if (!state.text.trim()) {\n    return <div className=\"mr-doc-viewer__status\" style={{ color: 'var(--mr-muted-foreground)' }}>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"]}

package/dist/index.d.mts

@@ -31,9 +31,10 @@ interface SdkProviderProps {
     bid?: string;
     patientId?: string;
     documentTypes?: DocumentTypeConfig[];
+    onUnknownDocumentType?: (code: string) => void;
     children: ReactNode;
 }
-declare function SdkProvider({ config, bid, patientId, documentTypes, children }: SdkProviderProps): react.JSX.Element;
+declare function SdkProvider({ config, bid, patientId, documentTypes, onUnknownDocumentType, children }: SdkProviderProps): react.JSX.Element;
 
 type DocumentTypeLabelResolver = (code: string) => string;
 
@@ -256,11 +257,13 @@ interface RecordsViewProps {
     }>) => void | Promise<void>;
     onRemoveAttachment?: (documentId: string) => void | Promise<void>;
     onToast?: (message: string, type?: 'error' | 'success') => void;
+    allowUpload?: boolean;
 }
-declare function RecordsView({ className, onUpload, onCopyToNote, attachedIds, onAttachManyToContext, onRemoveAttachment, onToast, }: RecordsViewProps): react.JSX.Element;
+declare function RecordsView({ className, onUpload, onCopyToNote, attachedIds, onAttachManyToContext, onRemoveAttachment, onToast, allowUpload: allowUploadProp, }: RecordsViewProps): react.JSX.Element;
 
 interface RecordsConnectionActions {
     refresh: () => Promise<void>;
+    retry: () => Promise<void>;
     /** Unix epoch ms of the last successful server refresh, or null before first call. */
     sourceRefreshedAt: number | null;
     editRecord: (documentId: string, data: EditDocumentRequest) => Promise<void>;

package/dist/index.d.ts

@@ -31,9 +31,10 @@ interface SdkProviderProps {
     bid?: string;
     patientId?: string;
     documentTypes?: DocumentTypeConfig[];
+    onUnknownDocumentType?: (code: string) => void;
     children: ReactNode;
 }
-declare function SdkProvider({ config, bid, patientId, documentTypes, children }: SdkProviderProps): react.JSX.Element;
+declare function SdkProvider({ config, bid, patientId, documentTypes, onUnknownDocumentType, children }: SdkProviderProps): react.JSX.Element;
 
 type DocumentTypeLabelResolver = (code: string) => string;
 
@@ -256,11 +257,13 @@ interface RecordsViewProps {
     }>) => void | Promise<void>;
     onRemoveAttachment?: (documentId: string) => void | Promise<void>;
     onToast?: (message: string, type?: 'error' | 'success') => void;
+    allowUpload?: boolean;
 }
-declare function RecordsView({ className, onUpload, onCopyToNote, attachedIds, onAttachManyToContext, onRemoveAttachment, onToast, }: RecordsViewProps): react.JSX.Element;
+declare function RecordsView({ className, onUpload, onCopyToNote, attachedIds, onAttachManyToContext, onRemoveAttachment, onToast, allowUpload: allowUploadProp, }: RecordsViewProps): react.JSX.Element;
 
 interface RecordsConnectionActions {
     refresh: () => Promise<void>;
+    retry: () => Promise<void>;
     /** Unix epoch ms of the last successful server refresh, or null before first call. */
     sourceRefreshedAt: number | null;
     editRecord: (documentId: string, data: EditDocumentRequest) => Promise<void>;