@arbidocs/blocks 0.5.123 → 0.5.125

package/dist/{ClippingMediaViewer-IEIBT74X.cjs → ClippingMediaViewer-ZFEX5A3U.cjs}

@@ -1,9 +1,10 @@
 "use client";
 'use strict';
 
+var chunkZZZITHGK_cjs = require('./chunk-ZZZITHGK.cjs');
 var chunkWOOOMTTA_cjs = require('./chunk-WOOOMTTA.cjs');
-var chunkXK4TVJKD_cjs = require('./chunk-XK4TVJKD.cjs');
-var chunk4TTX6ZNS_cjs = require('./chunk-4TTX6ZNS.cjs');
+var chunkMVXHTAJ4_cjs = require('./chunk-MVXHTAJ4.cjs');
+var chunkORNLCBNE_cjs = require('./chunk-ORNLCBNE.cjs');
 require('./chunk-GFUOCGY6.cjs');
 var react = require('react');
 var lucideReact = require('lucide-react');
@@ -41,7 +42,7 @@ function ClippingMediaViewer({
   const capture = react.useCallback(
     ({ rect, aspect }) => {
       const start = kind === "video" ? videoRef.current?.currentTime ?? 0 : void 0;
-      chunk4TTX6ZNS_cjs.usePresentation.getState().addClip({
+      chunkMVXHTAJ4_cjs.useSpotlight.getState().gather({
         kind,
         documentId,
         fileName,
@@ -51,13 +52,13 @@ function ClippingMediaViewer({
         masks: [],
         source: file,
         start,
-        caption: chunk4TTX6ZNS_cjs.mediaCaption(fileName, start)
+        caption: chunkORNLCBNE_cjs.mediaCaption(fileName, start)
       });
     },
     [kind, documentId, fileName, file]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full min-h-0 flex-col", "data-testid": "clipping-media-viewer", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border bg-muted px-3 py-1.5 text-xs text-muted-foreground", children: kind === "video" ? "Drag over the video to clip that area from this moment, or add the whole frame." : "Drag over the part of the image to show it in the presentation." }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border bg-muted px-3 py-1.5 text-xs text-muted-foreground", children: kind === "video" ? "Drag over the video to clip that area from this moment, or add the whole frame." : "Drag over the part of the image to clip it." }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative min-h-0 flex-1 bg-black", style: { containerType: "size" }, children: /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -89,7 +90,7 @@ function ClippingMediaViewer({
               className: "block h-full w-full select-none"
             }
           ),
-          natural && /* @__PURE__ */ jsxRuntime.jsx(chunkXK4TVJKD_cjs.ClipCaptureOverlay, { page: 1, onCapture: capture })
+          natural && /* @__PURE__ */ jsxRuntime.jsx(chunkZZZITHGK_cjs.ClipCaptureOverlay, { page: 1, onCapture: capture })
         ]
       }
     ) }),
@@ -128,9 +129,9 @@ function ClippingMediaViewer({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs tabular-nums text-muted-foreground", children: [
-        chunk4TTX6ZNS_cjs.formatTime(time),
+        chunkORNLCBNE_cjs.formatTime(time),
         " / ",
-        chunk4TTX6ZNS_cjs.formatTime(duration)
+        chunkORNLCBNE_cjs.formatTime(duration)
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(
         ui.Button,
@@ -152,5 +153,5 @@ function ClippingMediaViewer({
 }
 
 exports.ClippingMediaViewer = ClippingMediaViewer;
-//# sourceMappingURL=ClippingMediaViewer-IEIBT74X.cjs.map
-//# sourceMappingURL=ClippingMediaViewer-IEIBT74X.cjs.map
+//# sourceMappingURL=ClippingMediaViewer-ZFEX5A3U.cjs.map
+//# sourceMappingURL=ClippingMediaViewer-ZFEX5A3U.cjs.map

package/dist/ClippingMediaViewer-ZFEX5A3U.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/connection/presentation/ClippingMediaViewer.tsx"],"names":["useObjectUrl","useRef","useState","useEffect","useCallback","useSpotlight","mediaCaption","jsxs","jsx","ClipCaptureOverlay","Button","Pause","Play","formatTime","Plus"],"mappings":"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","file":"ClippingMediaViewer-ZFEX5A3U.cjs","sourcesContent":["/**\n * An image or a video while clipping for a presentation: drag over it and that area becomes a clip\n * (of a video: from the moment on screen). A video has its own small bar (play / pause, scrub, and\n * \"Add whole frame\"), since the drag area covers the picture.\n */\n\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { Pause, Play, Plus } from 'lucide-react'\nimport { Button } from '@arbidocs/react/ui'\nimport { ClipCaptureOverlay } from '../../presentation/ClipCaptureOverlay'\nimport { formatTime, mediaCaption, type Rect } from '../../presentation/model'\nimport { useSpotlight } from '../../presentation/spotlight'\nimport { useObjectUrl } from '../../presentation/useObjectUrl'\n\nexport interface ClippingMediaViewerProps {\n  file: Blob\n  kind: 'image' | 'video'\n  documentId: string\n  fileName: string\n}\n\nconst WHOLE: Rect = { x: 0, y: 0, w: 1, h: 1 }\n\nexport function ClippingMediaViewer({\n  file,\n  kind,\n  documentId,\n  fileName,\n}: ClippingMediaViewerProps) {\n  const url = useObjectUrl(file)\n  const videoRef = useRef<HTMLVideoElement>(null)\n  const imageRef = useRef<HTMLImageElement>(null)\n  // The picture's own width / height, once known.\n  const [natural, setNatural] = useState<number | null>(null)\n  const [time, setTime] = useState(0)\n  const [duration, setDuration] = useState(0)\n  const [playing, setPlaying] = useState(false)\n\n  // Its size, read as soon as it is known: at once if it already loaded (a cached file can load\n  // before any handler is attached), else when it does.\n  useEffect(() => {\n    const media = videoRef.current ?? imageRef.current\n    if (!media || !url) return\n    const read = () => {\n      const width = media instanceof HTMLVideoElement ? media.videoWidth : media.naturalWidth\n      const height = media instanceof HTMLVideoElement ? media.videoHeight : media.naturalHeight\n      if (width && height) setNatural(width / height)\n      if (media instanceof HTMLVideoElement) setDuration(media.duration || 0)\n    }\n    read()\n    const event = media instanceof HTMLVideoElement ? 'loadedmetadata' : 'load'\n    media.addEventListener(event, read)\n    return () => media.removeEventListener(event, read)\n  }, [url])\n\n  const capture = useCallback(\n    ({ rect, aspect }: { rect: Rect; aspect: number }) => {\n      const start = kind === 'video' ? (videoRef.current?.currentTime ?? 0) : undefined\n      useSpotlight.getState().gather({\n        kind,\n        documentId,\n        fileName,\n        page: 1,\n        rect,\n        aspect,\n        masks: [],\n        source: file,\n        start,\n        caption: mediaCaption(fileName, start),\n      })\n    },\n    [kind, documentId, fileName, file]\n  )\n\n  return (\n    <div className=\"flex h-full min-h-0 flex-col\" data-testid=\"clipping-media-viewer\">\n      <div className=\"border-b border-border bg-muted px-3 py-1.5 text-xs text-muted-foreground\">\n        {kind === 'video'\n          ? 'Drag over the video to clip that area from this moment, or add the whole frame.'\n          : 'Drag over the part of the image to clip it.'}\n      </div>\n      <div className=\"relative min-h-0 flex-1 bg-black\" style={{ containerType: 'size' }}>\n        {/* The picture as large as fits, aspect kept; the drag area covers exactly it. */}\n        <div\n          className=\"absolute inset-0 m-auto\"\n          style={\n            natural\n              ? {\n                  width: `min(100cqw, calc(100cqh * ${natural}))`,\n                  height: `min(100cqh, calc(100cqw / ${natural}))`,\n                }\n              : { width: '100%', height: '100%' }\n          }\n        >\n          {kind === 'video' ? (\n            <video\n              ref={videoRef}\n              src={url}\n              playsInline\n              preload=\"auto\"\n              className=\"block h-full w-full\"\n              onTimeUpdate={(event) => setTime(event.currentTarget.currentTime)}\n              onPlay={() => setPlaying(true)}\n              onPause={() => setPlaying(false)}\n            />\n          ) : (\n            <img\n              ref={imageRef}\n              src={url}\n              alt={fileName}\n              draggable={false}\n              className=\"block h-full w-full select-none\"\n            />\n          )}\n          {natural && <ClipCaptureOverlay page={1} onCapture={capture} />}\n        </div>\n      </div>\n      {kind === 'video' && (\n        <div className=\"flex items-center gap-2 border-t border-border px-3 py-1.5\">\n          <Button\n            type=\"button\"\n            size=\"icon\"\n            variant=\"ghost\"\n            className=\"size-8\"\n            onClick={() => {\n              const v = videoRef.current\n              if (!v) return\n              if (v.paused) void v.play()\n              else v.pause()\n            }}\n            aria-label={playing ? 'Pause' : 'Play'}\n          >\n            {playing ? <Pause className=\"size-4\" /> : <Play className=\"size-4\" />}\n          </Button>\n          <input\n            type=\"range\"\n            min={0}\n            max={duration || 0}\n            step={0.1}\n            value={time}\n            onChange={(event) => {\n              const v = videoRef.current\n              if (v) v.currentTime = Number(event.target.value)\n            }}\n            className=\"min-w-0 flex-1\"\n            aria-label=\"Position in the video\"\n          />\n          <span className=\"text-xs tabular-nums text-muted-foreground\">\n            {formatTime(time)} / {formatTime(duration)}\n          </span>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            disabled={!natural}\n            onClick={() => natural && capture({ rect: WHOLE, aspect: natural })}\n            data-testid=\"clip-whole-frame\"\n          >\n            <Plus className=\"mr-1 size-4\" />\n            Add whole frame\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n}\n"]}

package/dist/{ClippingPdfViewer-OGYLMVCE.cjs → ClippingPdfViewer-3LRTEPHV.cjs}

@@ -1,11 +1,15 @@
 "use client";
 'use strict';
 
-var chunkXK4TVJKD_cjs = require('./chunk-XK4TVJKD.cjs');
-var chunk4TTX6ZNS_cjs = require('./chunk-4TTX6ZNS.cjs');
+var chunkZZZITHGK_cjs = require('./chunk-ZZZITHGK.cjs');
+var chunkJITYC4OS_cjs = require('./chunk-JITYC4OS.cjs');
+var chunkMVXHTAJ4_cjs = require('./chunk-MVXHTAJ4.cjs');
+require('./chunk-ORNLCBNE.cjs');
 require('./chunk-GFUOCGY6.cjs');
 var react = require('react');
+var react$1 = require('@arbidocs/react');
 var documentTools = require('@arbidocs/react/document-tools');
+var viewers = require('@arbidocs/react/viewers');
 var jsxRuntime = require('react/jsx-runtime');
 
 var NO_MASKS = { status: "ready", masks: /* @__PURE__ */ new Map() };
@@ -34,6 +38,20 @@ function useRedactionMasks(documentId, version, hasMarkup) {
   }, [client, documentId, version, hasMarkup]);
   return state;
 }
+var NO_FOOTNOTES = {};
+var NO_PASSAGES = /* @__PURE__ */ new Map();
+function usePassageAreas(documentId, current) {
+  const { data: parsed } = react$1.useParsedDocument(documentId, "final", { enabled: current });
+  const { processedChunks } = viewers.useProcessedChunks(parsed?.chunks, NO_FOOTNOTES);
+  return react.useMemo(() => {
+    if (!current || !processedChunks.length) return NO_PASSAGES;
+    const areas = /* @__PURE__ */ new Map();
+    for (const [page, boxes] of chunkJITYC4OS_cjs.placedPassagesByPage(processedChunks)) {
+      areas.set(page, boxes.map(chunkZZZITHGK_cjs.passageClipRect));
+    }
+    return areas;
+  }, [current, processedChunks]);
+}
 function Notice({ children }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border bg-muted px-3 py-1.5 text-xs text-muted-foreground", children });
 }
@@ -46,11 +64,12 @@ function ClippingPdfViewer({
   ...viewerProps
 }) {
   const masks = useRedactionMasks(documentId, version, hasMarkup);
+  const passages = usePassageAreas(documentId, version === void 0);
   const file = viewerProps.file;
   const capture = react.useCallback(
     ({ page, rect, aspect }) => {
       if (masks.status !== "ready") return;
-      chunk4TTX6ZNS_cjs.usePresentation.getState().addClip({
+      chunkMVXHTAJ4_cjs.useSpotlight.getState().gather({
         kind: "pdf",
         documentId,
         version,
@@ -65,15 +84,30 @@ function ClippingPdfViewer({
     [masks, documentId, version, fileName, file]
   );
   const renderPageOverlay = react.useCallback(
-    ({ pageNumber }) => masks.status === "ready" ? /* @__PURE__ */ jsxRuntime.jsx(chunkXK4TVJKD_cjs.ClipCaptureOverlay, { page: pageNumber, onCapture: capture }) : null,
-    [masks.status, capture]
+    ({ pageNumber }) => masks.status === "ready" ? /* @__PURE__ */ jsxRuntime.jsx(
+      chunkZZZITHGK_cjs.ClipCaptureOverlay,
+      {
+        page: pageNumber,
+        passages: passages.get(pageNumber),
+        onCapture: capture
+      }
+    ) : null,
+    [masks.status, capture, passages]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "flex h-full min-h-0 flex-col",
+      "data-clip-document": documentId,
+      "data-testid": "clipping-pdf-viewer",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Notice, { children: masks.status === "loading" ? "Reading the redactions before clipping\u2026" : masks.status === "error" ? "Couldn't read this document's redactions, so it can't be clipped." : passages.size ? "Click a passage to clip it, or drag over any area." : "Drag over the part of a page to clip it." }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(Viewer, { ...viewerProps, renderPageOverlay }) })
+      ]
+    }
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full min-h-0 flex-col", "data-testid": "clipping-pdf-viewer", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Notice, { children: masks.status === "loading" ? "Reading the redactions before clipping\u2026" : masks.status === "error" ? "Couldn't read this document's redactions, so it can't be clipped." : "Drag over the part of a page to show it in the presentation." }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(Viewer, { ...viewerProps, renderPageOverlay }) })
-  ] });
 }
 
 exports.ClippingPdfViewer = ClippingPdfViewer;
-//# sourceMappingURL=ClippingPdfViewer-OGYLMVCE.cjs.map
-//# sourceMappingURL=ClippingPdfViewer-OGYLMVCE.cjs.map
+//# sourceMappingURL=ClippingPdfViewer-3LRTEPHV.cjs.map
+//# sourceMappingURL=ClippingPdfViewer-3LRTEPHV.cjs.map

package/dist/ClippingPdfViewer-3LRTEPHV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/connection/presentation/ClippingPdfViewer.tsx"],"names":["useDocumentTools","useState","useEffect","createMarkupStore","useParsedDocument","useProcessedChunks","useMemo","placedPassagesByPage","passageClipRect","jsx","useCallback","useSpotlight","ClipCaptureOverlay","jsxs"],"mappings":"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","file":"ClippingPdfViewer-3LRTEPHV.cjs","sourcesContent":["/**\n * The PDF while clipping: a click on a passage clips that passage (outlined under the pointer), a\n * drag over a page clips that area. Clips are gathered in the viewer's spotlight strip\n * (`SpotlightStrip`), to show over the document or keep as a slide.\n *\n * Redactions are honoured: when the version has markup, its redaction marks (all but rejected\n * ones) are read first and every clip carries those over its area as black masks, so a redacted\n * passage never reaches a shared screen. Clipping waits for them, and stays off if they cannot be\n * read.\n */\n\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type ComponentType,\n  type ReactNode,\n} from 'react'\nimport { useParsedDocument } from '@arbidocs/react'\nimport { createMarkupStore, useDocumentTools } from '@arbidocs/react/document-tools'\nimport { useProcessedChunks, type PdfViewerProps } from '@arbidocs/react/viewers'\nimport { ClipCaptureOverlay } from '../../presentation/ClipCaptureOverlay'\nimport type { Rect } from '../../presentation/model'\nimport { passageClipRect } from '../../presentation/passage-clip'\nimport { useSpotlight } from '../../presentation/spotlight'\nimport { placedPassagesByPage } from '../viewer/pdf/passageHighlights'\n\ntype MaskState =\n  | { status: 'loading' }\n  | { status: 'error' }\n  | { status: 'ready'; masks: ReadonlyMap<number, Rect[]> }\n\nconst NO_MASKS: MaskState = { status: 'ready', masks: new Map() }\n\n/** The version's redaction rectangles by page; none to read when it has no markup. */\nfunction useRedactionMasks(documentId: string, version: number | undefined, hasMarkup: boolean) {\n  const { client } = useDocumentTools()\n  const [state, setState] = useState<MaskState>(hasMarkup ? { status: 'loading' } : NO_MASKS)\n  useEffect(() => {\n    if (!hasMarkup) {\n      setState(NO_MASKS)\n      return\n    }\n    let cancelled = false\n    setState({ status: 'loading' })\n    createMarkupStore({ version, client })\n      .load(documentId)\n      .then((layer) => {\n        if (cancelled) return\n        const masks = new Map<number, Rect[]>()\n        for (const mark of layer.annotations) {\n          if (mark.kind !== 'redaction' || mark.status === 'rejected') continue\n          masks.set(mark.page, [...(masks.get(mark.page) ?? []), ...mark.rects])\n        }\n        setState({ status: 'ready', masks })\n      })\n      .catch(() => !cancelled && setState({ status: 'error' }))\n    return () => {\n      cancelled = true\n    }\n  }, [client, documentId, version, hasMarkup])\n  return state\n}\n\nconst NO_FOOTNOTES: Record<string, string> = {}\nconst NO_PASSAGES: ReadonlyMap<number, Rect[]> = new Map()\n\n/**\n * The areas a click clips, by page: each passage the parser placed, with its margin. Only for the\n * current version (the passages are its own); an older one is clipped by dragging.\n */\nfunction usePassageAreas(documentId: string, current: boolean): ReadonlyMap<number, Rect[]> {\n  const { data: parsed } = useParsedDocument(documentId, 'final', { enabled: current })\n  const { processedChunks } = useProcessedChunks(parsed?.chunks, NO_FOOTNOTES)\n  return useMemo(() => {\n    if (!current || !processedChunks.length) return NO_PASSAGES\n    const areas = new Map<number, Rect[]>()\n    for (const [page, boxes] of placedPassagesByPage(processedChunks)) {\n      areas.set(page, boxes.map(passageClipRect))\n    }\n    return areas\n  }, [current, processedChunks])\n}\n\nexport interface ClippingPdfViewerProps extends Omit<PdfViewerProps, 'renderPageOverlay'> {\n  file: Blob\n  documentId: string\n  /** The version on screen when it is an older one. */\n  version?: number\n  fileName: string\n  /** The version has markup, which may hold redactions. */\n  hasMarkup: boolean\n  viewer: ComponentType<PdfViewerProps>\n}\n\nfunction Notice({ children }: { children: ReactNode }) {\n  return (\n    <div className=\"border-b border-border bg-muted px-3 py-1.5 text-xs text-muted-foreground\">\n      {children}\n    </div>\n  )\n}\n\nexport function ClippingPdfViewer({\n  documentId,\n  version,\n  fileName,\n  hasMarkup,\n  viewer: Viewer,\n  ...viewerProps\n}: ClippingPdfViewerProps) {\n  const masks = useRedactionMasks(documentId, version, hasMarkup)\n  const passages = usePassageAreas(documentId, version === undefined)\n  const file = viewerProps.file\n\n  const capture = useCallback(\n    ({ page, rect, aspect }: { page: number; rect: Rect; aspect: number }) => {\n      if (masks.status !== 'ready') return\n      useSpotlight.getState().gather({\n        kind: 'pdf',\n        documentId,\n        version,\n        fileName,\n        page,\n        rect,\n        aspect,\n        masks: masks.masks.get(page) ?? [],\n        source: file,\n      })\n      // It joins the viewer's spotlight strip.\n    },\n    [masks, documentId, version, fileName, file]\n  )\n\n  const renderPageOverlay = useCallback(\n    ({ pageNumber }: { pageNumber: number }) =>\n      masks.status === 'ready' ? (\n        <ClipCaptureOverlay\n          page={pageNumber}\n          passages={passages.get(pageNumber)}\n          onCapture={capture}\n        />\n      ) : null,\n    [masks.status, capture, passages]\n  )\n\n  return (\n    <div\n      className=\"flex h-full min-h-0 flex-col\"\n      // The spotlight finds a clip's page here, to fly it from there.\n      data-clip-document={documentId}\n      data-testid=\"clipping-pdf-viewer\"\n    >\n      <Notice>\n        {masks.status === 'loading'\n          ? 'Reading the redactions before clipping…'\n          : masks.status === 'error'\n            ? \"Couldn't read this document's redactions, so it can't be clipped.\"\n            : passages.size\n              ? 'Click a passage to clip it, or drag over any area.'\n              : 'Drag over the part of a page to clip it.'}\n      </Notice>\n      <div className=\"min-h-0 flex-1\">\n        <Viewer {...viewerProps} renderPageOverlay={renderPageOverlay} />\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/ConnectedCallDock-XJOYVVAH.cjs

@@ -16,31 +16,31 @@ require('./chunk-KLMNCBLY.cjs');
 require('./chunk-KNGZZC4O.cjs');
 require('./chunk-5SKHK3BG.cjs');
 require('./chunk-IDCD5TEZ.cjs');
-require('./chunk-JHDCDEXY.cjs');
-require('./chunk-M2FOXGJU.cjs');
-require('./chunk-5F4DCIHS.cjs');
 require('./chunk-CT3SLXB7.cjs');
 require('./chunk-DEXUL3T6.cjs');
 require('./chunk-AFQTQC7A.cjs');
 require('./chunk-XJEXFEWG.cjs');
+require('./chunk-JHDCDEXY.cjs');
+require('./chunk-M2FOXGJU.cjs');
+require('./chunk-5F4DCIHS.cjs');
 require('./chunk-Z2XZ2D4N.cjs');
 require('./chunk-YZSQ7F5K.cjs');
 require('./chunk-MCXS6X37.cjs');
 require('./chunk-KQF7POTG.cjs');
 require('./chunk-75BNMCUX.cjs');
 require('./chunk-IN6ILI5A.cjs');
-require('./chunk-HSLPFBK2.cjs');
 require('./chunk-FX3K6LNZ.cjs');
+require('./chunk-HSLPFBK2.cjs');
 require('./chunk-QGVOT7E4.cjs');
+require('./chunk-IPSHAMO2.cjs');
 require('./chunk-QRAQZTJE.cjs');
 require('./chunk-UDSHVNU3.cjs');
-require('./chunk-IPSHAMO2.cjs');
 var chunkZBP4ZSAJ_cjs = require('./chunk-ZBP4ZSAJ.cjs');
 require('./chunk-PPCATBOY.cjs');
+require('./chunk-LJJJ6CYH.cjs');
 require('./chunk-TKHCIHE2.cjs');
 require('./chunk-JDFBEGQO.cjs');
 require('./chunk-ULWRNGGE.cjs');
-require('./chunk-LJJJ6CYH.cjs');
 require('./chunk-PLIF5CUV.cjs');
 var react = require('@arbidocs/react');
 var react$1 = require('react');

package/dist/ConnectedCallRoom-CUDYAPQK.cjs

@@ -16,31 +16,31 @@ require('./chunk-KLMNCBLY.cjs');
 require('./chunk-KNGZZC4O.cjs');
 require('./chunk-5SKHK3BG.cjs');
 require('./chunk-IDCD5TEZ.cjs');
-require('./chunk-JHDCDEXY.cjs');
-require('./chunk-M2FOXGJU.cjs');
-require('./chunk-5F4DCIHS.cjs');
 require('./chunk-CT3SLXB7.cjs');
 require('./chunk-DEXUL3T6.cjs');
 require('./chunk-AFQTQC7A.cjs');
 require('./chunk-XJEXFEWG.cjs');
+require('./chunk-JHDCDEXY.cjs');
+require('./chunk-M2FOXGJU.cjs');
+require('./chunk-5F4DCIHS.cjs');
 require('./chunk-Z2XZ2D4N.cjs');
 require('./chunk-YZSQ7F5K.cjs');
 require('./chunk-MCXS6X37.cjs');
 require('./chunk-KQF7POTG.cjs');
 require('./chunk-75BNMCUX.cjs');
 require('./chunk-IN6ILI5A.cjs');
-require('./chunk-HSLPFBK2.cjs');
 require('./chunk-FX3K6LNZ.cjs');
+require('./chunk-HSLPFBK2.cjs');
 require('./chunk-QGVOT7E4.cjs');
+require('./chunk-IPSHAMO2.cjs');
 require('./chunk-QRAQZTJE.cjs');
 require('./chunk-UDSHVNU3.cjs');
-require('./chunk-IPSHAMO2.cjs');
 require('./chunk-ZBP4ZSAJ.cjs');
 require('./chunk-PPCATBOY.cjs');
+require('./chunk-LJJJ6CYH.cjs');
 require('./chunk-TKHCIHE2.cjs');
 require('./chunk-JDFBEGQO.cjs');
 require('./chunk-ULWRNGGE.cjs');
-require('./chunk-LJJJ6CYH.cjs');
 require('./chunk-PLIF5CUV.cjs');
 
 

package/dist/{ConnectedNativeDocxComparison-QKHCYD6W.cjs → ConnectedNativeDocxComparison-7QQ55JIO.cjs}

@@ -1,32 +1,32 @@
 "use client";
 'use strict';
 
-var chunkV6MW7B4B_cjs = require('./chunk-V6MW7B4B.cjs');
-require('./chunk-COD5ENHK.cjs');
-require('./chunk-2CSLFAGF.cjs');
+var chunkB3R62764_cjs = require('./chunk-B3R62764.cjs');
+require('./chunk-PVJ5ODDB.cjs');
+require('./chunk-GAMRVB3I.cjs');
 require('./chunk-GA5ZO4YA.cjs');
 require('./chunk-VG5XNE4H.cjs');
 require('./chunk-DDWLMYRO.cjs');
-require('./chunk-7557LDAN.cjs');
+require('./chunk-PWBRE7JA.cjs');
 require('./chunk-4ONPEVTP.cjs');
 require('./chunk-V3KLUWQQ.cjs');
+require('./chunk-ZESMRGDV.cjs');
 require('./chunk-P5AQYC4D.cjs');
 require('./chunk-WAV762GP.cjs');
-require('./chunk-ZESMRGDV.cjs');
 require('./chunk-UKOYN2WD.cjs');
 require('./chunk-RC25WMVB.cjs');
-require('./chunk-VKH3BEZE.cjs');
+require('./chunk-BLIO3B7Z.cjs');
 require('./chunk-JJZOL5MG.cjs');
 require('./chunk-3YEXZX4H.cjs');
 require('./chunk-4PA6VCCR.cjs');
 require('./chunk-WXUU3COI.cjs');
 require('./chunk-AHDJXIUB.cjs');
-require('./chunk-YVCOQHCE.cjs');
 require('./chunk-RL2HI6NP.cjs');
 require('./chunk-6UZC4XVV.cjs');
+require('./chunk-YVCOQHCE.cjs');
 require('./chunk-JV5TVUOU.cjs');
-require('./chunk-ZVEW3JBT.cjs');
 require('./chunk-VZOOGA47.cjs');
+require('./chunk-ZVEW3JBT.cjs');
 require('./chunk-HQDR43JC.cjs');
 require('./chunk-JR2YSBD5.cjs');
 require('./chunk-3YZKDCWY.cjs');
@@ -34,21 +34,21 @@ require('./chunk-SJSGSHIT.cjs');
 require('./chunk-ZW6FPIFC.cjs');
 require('./chunk-75BNMCUX.cjs');
 require('./chunk-QGVOT7E4.cjs');
+require('./chunk-IPSHAMO2.cjs');
 require('./chunk-QRAQZTJE.cjs');
 require('./chunk-UDSHVNU3.cjs');
-require('./chunk-IPSHAMO2.cjs');
 require('./chunk-PPCATBOY.cjs');
+require('./chunk-LJJJ6CYH.cjs');
 require('./chunk-TKHCIHE2.cjs');
 require('./chunk-JDFBEGQO.cjs');
 require('./chunk-ULWRNGGE.cjs');
-require('./chunk-LJJJ6CYH.cjs');
 require('./chunk-PLIF5CUV.cjs');
 
 
 
 Object.defineProperty(exports, "ConnectedNativeDocxComparison", {
   enumerable: true,
-  get: function () { return chunkV6MW7B4B_cjs.ConnectedNativeDocxComparison; }
+  get: function () { return chunkB3R62764_cjs.ConnectedNativeDocxComparison; }
 });
-//# sourceMappingURL=ConnectedNativeDocxComparison-QKHCYD6W.cjs.map
-//# sourceMappingURL=ConnectedNativeDocxComparison-QKHCYD6W.cjs.map
+//# sourceMappingURL=ConnectedNativeDocxComparison-7QQ55JIO.cjs.map
+//# sourceMappingURL=ConnectedNativeDocxComparison-7QQ55JIO.cjs.map

package/dist/{ConnectedNativeDocxComparison-QKHCYD6W.cjs.map → ConnectedNativeDocxComparison-7QQ55JIO.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ConnectedNativeDocxComparison-QKHCYD6W.cjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ConnectedNativeDocxComparison-7QQ55JIO.cjs"}

package/dist/{ConnectedPresentation-5DOJ35XL.cjs → ConnectedPresentation-L32JPRFI.cjs}

@@ -1,16 +1,19 @@
 "use client";
 'use strict';
 
-var chunkDWMWEALB_cjs = require('./chunk-DWMWEALB.cjs');
+var chunkTSFNLY3K_cjs = require('./chunk-TSFNLY3K.cjs');
+var chunk3ZZZO4F7_cjs = require('./chunk-3ZZZO4F7.cjs');
+var chunkJY7UUZQG_cjs = require('./chunk-JY7UUZQG.cjs');
 require('./chunk-WOOOMTTA.cjs');
 var chunk6OK7ESTL_cjs = require('./chunk-6OK7ESTL.cjs');
 require('./chunk-5GCCUXMT.cjs');
-require('./chunk-2F57IO7S.cjs');
-require('./chunk-UFT22LAB.cjs');
-var chunkWFMWKPGY_cjs = require('./chunk-WFMWKPGY.cjs');
-var chunk4TTX6ZNS_cjs = require('./chunk-4TTX6ZNS.cjs');
+require('./chunk-WVZLAAIZ.cjs');
+var chunkADPRIBSH_cjs = require('./chunk-ADPRIBSH.cjs');
+var chunkORNLCBNE_cjs = require('./chunk-ORNLCBNE.cjs');
 var chunkPL7HUTM3_cjs = require('./chunk-PL7HUTM3.cjs');
 var chunkGFUOCGY6_cjs = require('./chunk-GFUOCGY6.cjs');
+require('./chunk-2F57IO7S.cjs');
+require('./chunk-UFT22LAB.cjs');
 require('./chunk-HYUKPHCT.cjs');
 require('./chunk-WAV762GP.cjs');
 require('./chunk-K4763GD5.cjs');
@@ -29,9 +32,9 @@ require('./chunk-SJSGSHIT.cjs');
 require('./chunk-XJEXFEWG.cjs');
 require('./chunk-YZSQ7F5K.cjs');
 require('./chunk-FX3K6LNZ.cjs');
+require('./chunk-IPSHAMO2.cjs');
 require('./chunk-QRAQZTJE.cjs');
 require('./chunk-UDSHVNU3.cjs');
-require('./chunk-IPSHAMO2.cjs');
 require('./chunk-PPCATBOY.cjs');
 require('./chunk-TKHCIHE2.cjs');
 require('./chunk-JDFBEGQO.cjs');
@@ -43,113 +46,6 @@ var react = require('@arbidocs/react');
 var ui = require('@arbidocs/react/ui');
 var jsxRuntime = require('react/jsx-runtime');
 
-var CONTROL = "inline-flex size-8 items-center justify-center rounded-full text-white/85 hover:bg-white/15 hover:text-white disabled:opacity-30 disabled:hover:bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/60 pointer-coarse:size-11";
-function Control({
-  label,
-  onClick,
-  disabled,
-  children,
-  testId
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      type: "button",
-      className: CONTROL,
-      title: label,
-      "aria-label": label,
-      disabled,
-      onClick: (event) => {
-        event.stopPropagation();
-        onClick();
-      },
-      "data-testid": testId,
-      children
-    }
-  );
-}
-function PresentControls({ view, shown }) {
-  const current = chunk4TTX6ZNS_cjs.usePresentation((s) => s.current);
-  const count = chunk4TTX6ZNS_cjs.usePresentation((s) => s.slides.length);
-  const blank = chunk4TTX6ZNS_cjs.usePresentation((s) => s.blank);
-  const actions = chunk4TTX6ZNS_cjs.usePresentation.getState();
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: ui.cn(
-        "absolute bottom-4 left-4 z-30 flex items-center gap-0.5 rounded-full bg-black/60 p-1 text-white shadow-lg backdrop-blur transition-opacity duration-300",
-        shown ? "opacity-100" : "pointer-events-none opacity-0"
-      ),
-      onPointerDown: (event) => event.stopPropagation(),
-      onDoubleClick: (event) => event.stopPropagation(),
-      role: "toolbar",
-      "aria-label": "Slideshow",
-      "data-testid": "present-controls",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Control,
-          {
-            label: "Previous slide (\u2190)",
-            onClick: () => actions.goTo(current - 1),
-            disabled: current === 0,
-            testId: "present-previous",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "size-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "span",
-          {
-            className: "min-w-12 text-center text-xs tabular-nums text-white/85",
-            "data-testid": "present-position",
-            children: [
-              current + 1,
-              " / ",
-              count
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Control,
-          {
-            label: "Next slide (\u2192, or click the slide)",
-            onClick: () => actions.goTo(current + 1),
-            disabled: current >= count - 1,
-            testId: "present-next",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-1 h-4 w-px bg-white/25" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Control,
-          {
-            label: blank ? "Show the slide (B)" : "Blank the screen (B)",
-            onClick: () => actions.setBlank(!blank),
-            testId: "present-blank",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeOff, { className: ui.cn("size-4", blank && "text-amber-300") })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Control,
-          {
-            label: "Full screen (F)",
-            onClick: () => view && chunkWFMWKPGY_cjs.toggleFullscreen(view),
-            testId: "present-fullscreen",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Maximize, { className: "size-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Control,
-          {
-            label: "Stop presenting (Esc)",
-            onClick: () => actions.setPresenting(false),
-            testId: "present-stop",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Square, { className: "size-3.5 fill-current" })
-          }
-        )
-      ]
-    }
-  );
-}
 var PRESENT_WIDTH = 1280;
 function useStageShapedWindow(view, presenting) {
   react$1.useEffect(() => {
@@ -162,11 +58,11 @@ function useStageShapedWindow(view, presenting) {
       Math.min(PRESENT_WIDTH, Math.round((view.screen.availWidth - chromeWidth) * 0.6))
     );
     const height = Math.min(
-      Math.round(width / chunk4TTX6ZNS_cjs.STAGE_ASPECT),
+      Math.round(width / chunkORNLCBNE_cjs.STAGE_ASPECT),
       view.screen.availHeight - chromeHeight
     );
     try {
-      view.resizeTo(Math.round(height * chunk4TTX6ZNS_cjs.STAGE_ASPECT) + chromeWidth, height + chromeHeight);
+      view.resizeTo(Math.round(height * chunkORNLCBNE_cjs.STAGE_ASPECT) + chromeWidth, height + chromeHeight);
     } catch {
       return;
     }
@@ -178,37 +74,15 @@ function useStageShapedWindow(view, presenting) {
     };
   }, [view, presenting]);
 }
-var IDLE_MS = 2200;
-function usePointerActive(view) {
-  const [active, setActive] = react$1.useState(true);
-  react$1.useEffect(() => {
-    if (!view) return;
-    setActive(true);
-    let timer = view.setTimeout(() => setActive(false), IDLE_MS);
-    const wake = () => {
-      setActive(true);
-      view.clearTimeout(timer);
-      timer = view.setTimeout(() => setActive(false), IDLE_MS);
-    };
-    view.addEventListener("pointermove", wake);
-    view.addEventListener("keydown", wake);
-    return () => {
-      view.clearTimeout(timer);
-      view.removeEventListener("pointermove", wake);
-      view.removeEventListener("keydown", wake);
-    };
-  }, [view]);
-  return active;
-}
 function PresenterView({ onPresent, ...editor }) {
-  const presenting = chunk4TTX6ZNS_cjs.usePresentation((s) => s.presenting);
+  const presenting = chunkORNLCBNE_cjs.usePresentation((s) => s.presenting);
   const [view, setView] = react$1.useState(null);
   const rootRef = react$1.useCallback((node) => {
     if (node) setView(node.ownerDocument.defaultView);
   }, []);
-  chunkWFMWKPGY_cjs.usePresenterKeys(presenting ? view : null, true);
+  chunkADPRIBSH_cjs.usePresenterKeys(presenting ? view : null, true);
   useStageShapedWindow(view, presenting);
-  const active = usePointerActive(presenting ? view : null);
+  const active = chunk3ZZZO4F7_cjs.usePointerActive(presenting ? view : null);
   if (presenting) {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -217,23 +91,23 @@ function PresenterView({ onPresent, ...editor }) {
         className: "relative h-full w-full select-none bg-black",
         style: { cursor: active ? "default" : "none" },
         onClick: () => {
-          const state = chunk4TTX6ZNS_cjs.usePresentation.getState();
+          const state = chunkORNLCBNE_cjs.usePresentation.getState();
           state.goTo(state.current + 1);
         },
-        onDoubleClick: () => view && chunkWFMWKPGY_cjs.toggleFullscreen(view),
+        onDoubleClick: () => view && chunkADPRIBSH_cjs.toggleFullscreen(view),
         "data-testid": "presentation-present",
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkDWMWEALB_cjs.PresentationStage, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(PresentControls, { view, shown: active })
+          /* @__PURE__ */ jsxRuntime.jsx(chunkJY7UUZQG_cjs.PresentationStage, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk3ZZZO4F7_cjs.PresentControls, { view, shown: active })
         ]
       }
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: rootRef, className: "h-full min-h-0", "data-testid": "presenter-view", children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunkDWMWEALB_cjs.SlidesEditor,
+    chunkTSFNLY3K_cjs.SlidesEditor,
     {
       ...editor,
-      onPresent: onPresent ?? (() => chunk4TTX6ZNS_cjs.usePresentation.getState().setPresenting(true))
+      onPresent: onPresent ?? (() => chunkORNLCBNE_cjs.usePresentation.getState().setPresenting(true))
     }
   ) });
 }
@@ -242,31 +116,31 @@ function ConnectedPresentation() {
 }
 function PresentationWindow() {
   const session = react.useArbiSessionStore();
-  const notify = chunk4TTX6ZNS_cjs.usePresentation((s) => s.notify);
-  const presenting = chunk4TTX6ZNS_cjs.usePresentation((s) => s.presenting);
+  const notify = chunkORNLCBNE_cjs.usePresentation((s) => s.notify);
+  const presenting = chunkORNLCBNE_cjs.usePresentation((s) => s.presenting);
   const isOpen = react.useArbiSessionState((state) => react.isPanelOpen(state, chunkGFUOCGY6_cjs.PRESENTATION_PANEL));
   const { user } = react.useArbiSession();
   const userId = user?.external_id ?? null;
   const shownFor = react$1.useRef(userId);
-  const { downloadFile } = chunkDWMWEALB_cjs.usePresentationFiles();
-  const logoId = chunk4TTX6ZNS_cjs.usePresentation((s) => s.theme.logo?.documentId ?? null);
-  const controller = chunkDWMWEALB_cjs.usePresentationController(isOpen && !presenting);
+  const { downloadFile } = chunkTSFNLY3K_cjs.usePresentationFiles();
+  const logoId = chunkORNLCBNE_cjs.usePresentation((s) => s.theme.logo?.documentId ?? null);
+  const controller = chunkTSFNLY3K_cjs.usePresentationController(isOpen && !presenting);
   react$1.useEffect(() => {
     if (shownFor.current === userId) return;
     shownFor.current = userId;
-    chunk4TTX6ZNS_cjs.usePresentation.getState().reset();
+    chunkORNLCBNE_cjs.usePresentation.getState().reset();
     session.closePanel(chunkGFUOCGY6_cjs.PRESENTATION_PANEL);
   }, [userId, session]);
   react$1.useEffect(() => {
     if (!logoId) return;
     let current = true;
-    downloadFile(logoId).then((image) => current && chunk4TTX6ZNS_cjs.usePresentation.getState().setLogoImage(image)).catch(() => current && notify("The logo could not be read", "error"));
+    downloadFile(logoId).then((image) => current && chunkORNLCBNE_cjs.usePresentation.getState().setLogoImage(image)).catch(() => current && notify("The logo could not be read", "error"));
     return () => {
       current = false;
     };
   }, [logoId, downloadFile, notify]);
   react$1.useEffect(() => {
-    if (!isOpen) chunk4TTX6ZNS_cjs.usePresentation.getState().setPresenting(false);
+    if (!isOpen) chunkORNLCBNE_cjs.usePresentation.getState().setPresenting(false);
   }, [isOpen]);
   const wasPresenting = react$1.useRef(presenting);
   react$1.useEffect(() => {
@@ -317,5 +191,5 @@ function PresentationWindow() {
 }
 
 exports.ConnectedPresentation = ConnectedPresentation;
-//# sourceMappingURL=ConnectedPresentation-5DOJ35XL.cjs.map
-//# sourceMappingURL=ConnectedPresentation-5DOJ35XL.cjs.map
+//# sourceMappingURL=ConnectedPresentation-L32JPRFI.cjs.map
+//# sourceMappingURL=ConnectedPresentation-L32JPRFI.cjs.map