@eka-care/medical-records-ui 1.0.21 → 1.0.25

package/dist/{DocumentViewer-WXL7OZXK.mjs → DocumentViewer-JTKMSJ3V.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",
@@ -93,7 +94,7 @@ function DocumentViewer({ files, title, isHtml }) {
       const blob = await res.blob();
       const objUrl = URL.createObjectURL(blob);
       fn(objUrl);
-      setTimeout(() => URL.revokeObjectURL(objUrl), 6e4);
+      setTimeout(() => URL.revokeObjectURL(objUrl), 12e4);
     } catch {
       fn(primary.url);
     }
@@ -194,4 +195,4 @@ function DocumentViewer({ files, title, isHtml }) {
 export {
   DocumentViewer
 };
-//# sourceMappingURL=DocumentViewer-WXL7OZXK.mjs.map
+//# sourceMappingURL=DocumentViewer-JTKMSJ3V.mjs.map

package/dist/DocumentViewer-JTKMSJ3V.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), 120_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-NMFEAQUY.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",
@@ -93,7 +94,7 @@ function DocumentViewer({ files, title, isHtml }) {
       const blob = await res.blob();
       const objUrl = URL.createObjectURL(blob);
       fn(objUrl);
-      setTimeout(() => URL.revokeObjectURL(objUrl), 6e4);
+      setTimeout(() => URL.revokeObjectURL(objUrl), 12e4);
     } catch (e2) {
       fn(primary.url);
     }
@@ -194,4 +195,4 @@ function DocumentViewer({ files, title, isHtml }) {
 
 
 exports.DocumentViewer = DocumentViewer;
-//# sourceMappingURL=DocumentViewer-Z3GOU5NU.js.map
+//# sourceMappingURL=DocumentViewer-NMFEAQUY.js.map

package/dist/DocumentViewer-NMFEAQUY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/medical-records-ui/medical-records-ui/dist/DocumentViewer-NMFEAQUY.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-NMFEAQUY.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), 120_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>;

package/dist/index.js

@@ -329,12 +329,20 @@ var SdkContext = _react.createContext.call(void 0, null);
 
 // src/helpers/documentTypeLabels.ts
 var STATIC_LABELS = _nullishCoalesce(DOCUMENT_TYPE_LABELS, () => ( {}));
-function createDocumentTypeLabelResolver(types) {
+function toTitleCase(code) {
+  return code.replace(/[_\-]+/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
+}
+function createDocumentTypeLabelResolver(types, onUnknownDocumentType) {
   const fromConfig = /* @__PURE__ */ new Map();
   for (const t of _nullishCoalesce(types, () => ( []))) {
     if (t.id && t.display_name) fromConfig.set(t.id, t.display_name);
   }
-  return (code) => _nullishCoalesce(_nullishCoalesce(fromConfig.get(code), () => ( STATIC_LABELS[code])), () => ( "Other"));
+  return (code) => {
+    const label = _nullishCoalesce(fromConfig.get(code), () => ( STATIC_LABELS[code]));
+    if (label) return label;
+    _optionalChain([onUnknownDocumentType, 'optionalCall', _9 => _9(code)]);
+    return toTitleCase(code);
+  };
 }
 
 // src/components/icons/EmptyRecordsIcon.tsx
@@ -514,7 +522,7 @@ function RecordsPlaceholder() {
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mr-records-view__empty-desc", children: "Browse and attach the patient's medical records here." })
   ] });
 }
-function SdkProviderInner({ config, bid, patientId, documentTypes, children }) {
+function SdkProviderInner({ config, bid, patientId, documentTypes, onUnknownDocumentType, children }) {
   initWorkerClient(config, patientId);
   _react.useEffect.call(void 0, () => {
     setAuthToken(config.accessToken);
@@ -529,8 +537,8 @@ function SdkProviderInner({ config, bid, patientId, documentTypes, children }) {
     return () => window.removeEventListener("online", handleOnline);
   }, []);
   const labelOf = _react.useMemo.call(void 0, 
-    () => createDocumentTypeLabelResolver(documentTypes),
-    [documentTypes]
+    () => createDocumentTypeLabelResolver(documentTypes, onUnknownDocumentType),
+    [documentTypes, onUnknownDocumentType]
   );
   const docTypes = _react.useMemo.call(void 0, 
     () => _nullishCoalesce(documentTypes, () => ( Object.entries(DOCUMENT_TYPE_LABELS).map(([id, display_name]) => ({ id, display_name })))),
@@ -542,9 +550,9 @@ function SdkProviderInner({ config, bid, patientId, documentTypes, children }) {
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SdkContext.Provider, { value, children });
 }
-function SdkProvider({ config, bid, patientId, documentTypes, children }) {
+function SdkProvider({ config, bid, patientId, documentTypes, onUnknownDocumentType, children }) {
   if (!bid || !patientId) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RecordsPlaceholder, {});
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SdkProviderInner, { config, bid, patientId, documentTypes, children });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SdkProviderInner, { config, bid, patientId, documentTypes, onUnknownDocumentType, children });
 }
 
 // src/connection/useSdk.ts
@@ -836,7 +844,7 @@ function PresetSelect({
     if (!open) return;
     const onDown = (e) => {
       const n = e.target;
-      if (_optionalChain([fieldRef, 'access', _9 => _9.current, 'optionalAccess', _10 => _10.contains, 'call', _11 => _11(n)]) || _optionalChain([menuRef, 'access', _12 => _12.current, 'optionalAccess', _13 => _13.contains, 'call', _14 => _14(n)])) return;
+      if (_optionalChain([fieldRef, 'access', _10 => _10.current, 'optionalAccess', _11 => _11.contains, 'call', _12 => _12(n)]) || _optionalChain([menuRef, 'access', _13 => _13.current, 'optionalAccess', _14 => _14.contains, 'call', _15 => _15(n)])) return;
       setMenu(null);
     };
     const onScroll = (e) => {
@@ -868,7 +876,7 @@ function PresetSelect({
             "span",
             {
               className: `mr-preset-select__value${selected ? "" : " mr-preset-select__value--placeholder"}`,
-              children: _nullishCoalesce(_nullishCoalesce(_optionalChain([selected, 'optionalAccess', _15 => _15.label]), () => ( placeholder)), () => ( ""))
+              children: _nullishCoalesce(_nullishCoalesce(_optionalChain([selected, 'optionalAccess', _16 => _16.label]), () => ( placeholder)), () => ( ""))
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronsUpDown, { size: 16, "aria-hidden": true, className: "mr-preset-select__chevron" })
@@ -952,7 +960,7 @@ function MultiSelect({
     if (!open) return;
     const onDown = (e) => {
       const n = e.target;
-      if (_optionalChain([fieldRef, 'access', _16 => _16.current, 'optionalAccess', _17 => _17.contains, 'call', _18 => _18(n)]) || _optionalChain([menuRef, 'access', _19 => _19.current, 'optionalAccess', _20 => _20.contains, 'call', _21 => _21(n)])) return;
+      if (_optionalChain([fieldRef, 'access', _17 => _17.current, 'optionalAccess', _18 => _18.contains, 'call', _19 => _19(n)]) || _optionalChain([menuRef, 'access', _20 => _20.current, 'optionalAccess', _21 => _21.contains, 'call', _22 => _22(n)])) return;
       setMenu(null);
     };
     const onScroll = (e) => {
@@ -1233,7 +1241,11 @@ function useRecordsConnection() {
       store.getState().records.setError(e instanceof Error ? e.message : "Failed to refresh");
     }
   }, [bid, patientId, store, applyItems]);
-  return { refresh, sourceRefreshedAt, editRecord, deleteRecord };
+  const retry = _react.useCallback.call(void 0, async () => {
+    loadedKeyRef.current = null;
+    await load();
+  }, [load]);
+  return { refresh, retry, sourceRefreshedAt, editRecord, deleteRecord };
 }
 
 // src/connection/useRecordDetail.ts
@@ -1315,7 +1327,7 @@ function parseVitals(report) {
 }
 var isOutOfRange = (v) => v.status === "high" || v.status === "low";
 function vitalsNoteHeading(opts) {
-  return `**Vitals / Lab parameters \u2014 ${_nullishCoalesce(_optionalChain([opts, 'optionalAccess', _22 => _22.reportName]), () => ( "Report"))}${_optionalChain([opts, 'optionalAccess', _23 => _23.date]) ? ` (${opts.date})` : ""}:**`;
+  return `**Vitals / Lab parameters \u2014 ${_nullishCoalesce(_optionalChain([opts, 'optionalAccess', _23 => _23.reportName]), () => ( "Report"))}${_optionalChain([opts, 'optionalAccess', _24 => _24.date]) ? ` (${opts.date})` : ""}:**`;
 }
 function vitalsToNoteText(vitals, opts) {
   const lines = vitals.map((v) => {
@@ -1358,7 +1370,7 @@ function useRecordPreview(documentId) {
         if (cancelled) return;
         const rawFiles = _nullishCoalesce(res.files, () => ( []));
         const files = rawFiles.filter((f) => f.asset_url).map((f) => ({ url: f.asset_url, kind: classifyFile(f.file_type) }));
-        const isHtml = (_nullishCoalesce(_optionalChain([rawFiles, 'access', _24 => _24[0], 'optionalAccess', _25 => _25.file_type]), () => ( ""))).toUpperCase() === "HTML";
+        const isHtml = (_nullishCoalesce(_optionalChain([rawFiles, 'access', _25 => _25[0], 'optionalAccess', _26 => _26.file_type]), () => ( ""))).toUpperCase() === "HTML";
         const vitals = res.smart_report ? parseVitals(res.smart_report) : [];
         setData({
           status: "loaded",
@@ -1453,7 +1465,7 @@ function resolveContentType(file) {
   if (t === "image/jpeg" || t === "image/jpg" || t === "image/png" || t === "application/pdf") {
     return t;
   }
-  const ext = _optionalChain([file, 'access', _26 => _26.name, 'access', _27 => _27.split, 'call', _28 => _28("."), 'access', _29 => _29.pop, 'call', _30 => _30(), 'optionalAccess', _31 => _31.toLowerCase, 'call', _32 => _32()]);
+  const ext = _optionalChain([file, 'access', _27 => _27.name, 'access', _28 => _28.split, 'call', _29 => _29("."), 'access', _30 => _30.pop, 'call', _31 => _31(), 'optionalAccess', _32 => _32.toLowerCase, 'call', _33 => _33()]);
   if (ext === "pdf") return "application/pdf";
   if (ext === "png") return "image/png";
   if (ext === "jpg" || ext === "jpeg") return "image/jpeg";
@@ -1492,12 +1504,12 @@ function useUploadConnection() {
           patientId
         });
         const queue = store.getState().uploadQueue;
-        if (res.message === "queued_offline" || !_optionalChain([res, 'access', _33 => _33.batch_response, 'optionalAccess', _34 => _34.length])) {
+        if (res.message === "queued_offline" || !_optionalChain([res, 'access', _34 => _34.batch_response, 'optionalAccess', _35 => _35.length])) {
           throw new Error("No internet connection. Your upload will retry automatically when you're back online.");
         }
         localIds.forEach((id, i) => {
-          const documentId = _nullishCoalesce(_optionalChain([res, 'access', _35 => _35.batch_response, 'optionalAccess', _36 => _36[i], 'optionalAccess', _37 => _37.document_id]), () => ( ""));
-          const errorDetails = _optionalChain([res, 'access', _38 => _38.batch_response, 'optionalAccess', _39 => _39[i], 'optionalAccess', _40 => _40.error_details]);
+          const documentId = _nullishCoalesce(_optionalChain([res, 'access', _36 => _36.batch_response, 'optionalAccess', _37 => _37[i], 'optionalAccess', _38 => _38.document_id]), () => ( ""));
+          const errorDetails = _optionalChain([res, 'access', _39 => _39.batch_response, 'optionalAccess', _40 => _40[i], 'optionalAccess', _41 => _41.error_details]);
           if (errorDetails) {
             queue.markFailed(id);
           } else {
@@ -1526,28 +1538,6 @@ function useLogout() {
   }, []);
 }
 
-// src/connection/useDenialList.ts
-
-var HUB_URLS = {
-  prod: "https://hub.eka.care",
-  dev: "https://hub.dev.eka.care"
-};
-function useDenialList(environment) {
-  const [denialList, setDenialList] = _react.useState.call(void 0, []);
-  _react.useEffect.call(void 0, () => {
-    const controller = new AbortController();
-    const hubUrl = _nullishCoalesce(HUB_URLS[_nullishCoalesce(environment, () => ( "prod"))], () => ( HUB_URLS.prod));
-    const url = `${hubUrl}/onboarding/5/configuration/?config_keys=denial_list&format=json`;
-    fetch(url, { signal: controller.signal }).then((res) => res.json()).then((data) => {
-      const list = _optionalChain([data, 'optionalAccess', _41 => _41.denial_list]);
-      if (Array.isArray(list)) setDenialList(list);
-    }).catch(() => {
-    });
-    return () => controller.abort();
-  }, [environment]);
-  return denialList;
-}
-
 // src/stores/selectors/recordsSelectors.ts
 
 
@@ -1599,15 +1589,8 @@ function useCasesStatus(store) {
 
 
 // src/helpers/recordFilter.ts
-var OTHER_TYPE_SENTINEL = "__other__";
-function recordMatchesFilters(r, filters, { skipType = false, labelOf } = {}) {
-  if (!skipType && filters.type) {
-    if (filters.type === OTHER_TYPE_SENTINEL) {
-      if (!labelOf || labelOf(r.typeCode) !== "Other") return false;
-    } else if (r.typeCode !== filters.type) {
-      return false;
-    }
-  }
+function recordMatchesFilters(r, filters, { skipType = false } = {}) {
+  if (!skipType && filters.type && r.typeCode !== filters.type) return false;
   const search = filters.search.trim().toLowerCase();
   if (search && !r.title.toLowerCase().includes(search)) return false;
   if (filters.documentDateFrom != null && r.createdAtEpoch < filters.documentDateFrom) return false;
@@ -1622,14 +1605,14 @@ function recordMatchesFilters(r, filters, { skipType = false, labelOf } = {}) {
 }
 
 // src/stores/selectors/filteredSelectors.ts
-function useFilteredRecordIds(store, labelOf) {
+function useFilteredRecordIds(store) {
   const ids = _zustand.useStore.call(void 0, store, (s) => s.records.ids);
   const byId = _zustand.useStore.call(void 0, store, (s) => s.records.byId);
   const filters = _zustand.useStore.call(void 0, store, (s) => s.filters);
   return _react.useMemo.call(void 0, () => {
     const filtered = ids.filter((id) => {
       const r = byId[id];
-      return r ? recordMatchesFilters(r, filters, { labelOf }) : false;
+      return r ? recordMatchesFilters(r, filters) : false;
     });
     const dir = filters.sortDir === "asc" ? 1 : -1;
     const sorted = [...filtered].sort((a, b) => {
@@ -1674,8 +1657,7 @@ function useCasesStatus2() {
   return useCasesStatus(useSdk().store);
 }
 function useFilteredRecordIds2() {
-  const { store, labelOf } = useSdk();
-  return useFilteredRecordIds(store, labelOf);
+  return useFilteredRecordIds(useSdk().store);
 }
 
 // src/views/RecordsView/FilterPopover.tsx
@@ -1717,22 +1699,7 @@ function FilterPopover({ onClose }) {
   const ids = _zustand.useStore.call(void 0, store, (s) => s.records.ids);
   const typeOptions = _react.useMemo.call(void 0, () => {
     const seen = /* @__PURE__ */ new Set();
-    let hasOther = false;
-    const options = [];
-    for (const id of ids) {
-      const code = _optionalChain([byId, 'access', _46 => _46[id], 'optionalAccess', _47 => _47.typeCode]);
-      if (!code) continue;
-      const label = labelOf(code);
-      if (label === "Other") {
-        hasOther = true;
-        continue;
-      }
-      if (seen.has(code)) continue;
-      seen.add(code);
-      options.push({ value: code, label });
-    }
-    if (hasOther) options.push({ value: OTHER_TYPE_SENTINEL, label: "Other" });
-    return options;
+    return ids.map((id) => _optionalChain([byId, 'access', _46 => _46[id], 'optionalAccess', _47 => _47.typeCode])).filter((code) => !!code && !seen.has(code) && !!seen.add(code)).map((code) => ({ value: code, label: labelOf(code) }));
   }, [ids, byId, labelOf]);
   const [docType, setDocType] = _react.useState.call(void 0, _nullishCoalesce(filters.type, () => ( "")));
   const [docPreset, setDocPreset] = _react.useState.call(void 0, filters.documentDatePreset);
@@ -1934,15 +1901,14 @@ function RecordsToolbar({
     for (const id of ids) {
       const r = byId[id];
       if (!r) continue;
-      const key = labelOf(r.typeCode) === "Other" ? OTHER_TYPE_SENTINEL : r.typeCode;
-      if (!counts.has(key)) counts.set(key, 0);
-      if (recordMatchesFilters(r, filters, { skipType: true, labelOf })) {
-        counts.set(key, (_nullishCoalesce(counts.get(key), () => ( 0))) + 1);
+      if (!counts.has(r.typeCode)) counts.set(r.typeCode, 0);
+      if (recordMatchesFilters(r, filters, { skipType: true })) {
+        counts.set(r.typeCode, (_nullishCoalesce(counts.get(r.typeCode), () => ( 0))) + 1);
       }
     }
     return [...counts.entries()].map(([code, count]) => ({
       code,
-      label: code === OTHER_TYPE_SENTINEL ? "Other" : labelOf(code),
+      label: labelOf(code),
       count
     }));
   }, [ids, byId, labelOf, filters]);
@@ -3960,7 +3926,7 @@ function VitalCard({
 
 var turndown = new (0, _turndown2.default)({ headingStyle: "atx", bulletListMarker: "-" });
 var DocumentViewer = _react.lazy.call(void 0, 
-  () => Promise.resolve().then(() => _interopRequireWildcard(require("./DocumentViewer-Z3GOU5NU.js"))).then((m) => ({ default: m.DocumentViewer }))
+  () => Promise.resolve().then(() => _interopRequireWildcard(require("./DocumentViewer-NMFEAQUY.js"))).then((m) => ({ default: m.DocumentViewer }))
 );
 var MAX_PREVIEW_TAGS = 2;
 function RecordPreview({ recordId, onBack }) {
@@ -4383,12 +4349,11 @@ function useRecordsView({
   attachedIds,
   onAttachManyToContext,
   onRemoveAttachment,
-  onToast
+  onToast,
+  allowUpload = true
 }) {
-  const { store, labelOf, environment } = useSdk();
-  const denialList = useDenialList(environment);
-  const allowUpload = !denialList.includes("UPLOAD_MEDICAL_RECORDS");
-  const { refresh, sourceRefreshedAt, deleteRecord } = useRecordsConnection();
+  const { store, labelOf } = useSdk();
+  const { refresh, retry, sourceRefreshedAt, deleteRecord } = useRecordsConnection();
   const { upload } = useUploadConnection();
   const status = useRecordsStatus2();
   const filteredIds = useFilteredRecordIds2();
@@ -4536,6 +4501,7 @@ function useRecordsView({
     // data
     upload,
     refresh,
+    retry,
     sourceRefreshedAt,
     actions,
     allowUpload,
@@ -4563,7 +4529,8 @@ function RecordsView({
   attachedIds,
   onAttachManyToContext,
   onRemoveAttachment,
-  onToast
+  onToast,
+  allowUpload: allowUploadProp = true
 }) {
   const {
     store,
@@ -4590,6 +4557,7 @@ function RecordsView({
     isTabEmpty,
     upload,
     refresh,
+    retry,
     sourceRefreshedAt,
     actions,
     allowUpload,
@@ -4608,14 +4576,15 @@ function RecordsView({
     attachedIds,
     onAttachManyToContext,
     onRemoveAttachment,
-    onToast
+    onToast,
+    allowUpload: allowUploadProp
   });
   if (isInitialLoading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `mr-records-view${className ? ` ${className}` : ""}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RecordsLoadingState, {}) });
   }
   if (isLoadFailed || isTabEmpty) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `mr-records-view mr-records-view--state${className ? ` ${className}` : ""}`, children: isLoadFailed ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RecordsErrorState, { onRetry: refresh }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RecordsEmptyState, { onUpload: allowUpload ? openUpload : void 0 }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `mr-records-view mr-records-view--state${className ? ` ${className}` : ""}`, children: isLoadFailed ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RecordsErrorState, { onRetry: retry }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RecordsEmptyState, { onUpload: allowUpload ? openUpload : void 0 }) }),
       uploadOpen && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         UploadModal,
         {