@arbidocs/blocks 0.5.120 → 0.5.121

package/dist/{chunk-CPR6EHG7.cjs → chunk-DR2AH7JL.cjs}

@@ -1,12 +1,14 @@
 "use client";
 'use strict';
 
-var chunk7OPOPYV6_cjs = require('./chunk-7OPOPYV6.cjs');
+var chunkM2FOXGJU_cjs = require('./chunk-M2FOXGJU.cjs');
+var chunkVZOOGA47_cjs = require('./chunk-VZOOGA47.cjs');
+var chunkH5OLHP2U_cjs = require('./chunk-H5OLHP2U.cjs');
 var chunkOAIOOVFN_cjs = require('./chunk-OAIOOVFN.cjs');
 var chunkQMIHLJMH_cjs = require('./chunk-QMIHLJMH.cjs');
-var chunkM2FOXGJU_cjs = require('./chunk-M2FOXGJU.cjs');
 var chunkZBP4ZSAJ_cjs = require('./chunk-ZBP4ZSAJ.cjs');
 var chunkTKHCIHE2_cjs = require('./chunk-TKHCIHE2.cjs');
+var chunkULWRNGGE_cjs = require('./chunk-ULWRNGGE.cjs');
 var react$1 = require('react');
 var livekitClient = require('livekit-client');
 var componentsReact = require('@livekit/components-react');
@@ -23,7 +25,7 @@ function TranscriptionToggle({
   if (!available || !canToggle) return null;
   const label = on ? "Stop transcription" : "Transcribe the call";
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunk7OPOPYV6_cjs.CallControlButton,
+    chunkH5OLHP2U_cjs.CallControlButton,
     {
       label,
       shortcut: "C",
@@ -54,7 +56,7 @@ function TranscriptionIndicator({
   }, [setIndicatorShown]);
   const by = startedByMe ? "you" : startedByName || "a participant";
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk7OPOPYV6_cjs.TranscriptionStatusChip,
+    chunkH5OLHP2U_cjs.TranscriptionStatusChip,
     {
       sentence: `Transcription on \u2014 started by ${by}`,
       short: muted ? "Transcribing \xB7 you are muted" : "Transcribing",
@@ -87,7 +89,7 @@ function CaptionsOverlay({
     })),
     [captions]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk7OPOPYV6_cjs.CaptionsStrip, { captions: entries, reserve, className });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkH5OLHP2U_cjs.CaptionsStrip, { captions: entries, reserve, className });
 }
 function TranscriptionSender({ transcription }) {
   const { isMicrophoneEnabled, microphoneTrack } = componentsReact.useLocalParticipant();
@@ -113,7 +115,7 @@ function RecordingControl({
   const canHost = react.useIsEntitled("host_calls");
   if (!available || !canControl || !on && !canHost) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk7OPOPYV6_cjs.RecordControl,
+    chunkH5OLHP2U_cjs.RecordControl,
     {
       on,
       busy,
@@ -177,7 +179,7 @@ function RecordingIndicator({
   }, [setIndicatorShown]);
   const by = startedByMe ? "you" : startedByName || "the host";
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk7OPOPYV6_cjs.RecordingStatusChip,
+    chunkH5OLHP2U_cjs.RecordingStatusChip,
     {
       sentence: `Recording${mode ? ` (${chunkQMIHLJMH_cjs.MODE_LABEL[mode]})` : ""} \u2014 started by ${by}`,
       compact,
@@ -247,7 +249,7 @@ function CompositeRecorder({
     if (!uploader || !stage) return;
     let capture;
     try {
-      capture = chunk7OPOPYV6_cjs.startCompositeCapture(stage);
+      capture = chunkH5OLHP2U_cjs.startCompositeCapture(stage);
     } catch (err) {
       console.warn("[calls] cannot record the composite", err);
       notify("This browser cannot record the call video; audio is still recorded.", "warning");
@@ -280,6 +282,75 @@ function CompositeRecorder({
   }, [audioTracks]);
   return null;
 }
+function openDocumentToShare(session, doc) {
+  session.setViewingDocument({ id: doc.id, page: null });
+  session.setDocumentViewer({ presenting: true, tab: "pdf" });
+  session.openPanel(react.DOCUMENT_VIEWER_PANEL, "popout");
+}
+function ShareDocumentDialog({ open, onOpenChange, onShare }) {
+  const session = react.useArbiSessionStore();
+  const { notify } = chunkTKHCIHE2_cjs.useBlocksEnvironment();
+  const { data: documents } = react.useDocuments(void 0, { enabled: open });
+  const [picked, setPicked] = react$1.useState("");
+  const groups = react$1.useMemo(() => {
+    const docs = (documents ?? []).map((doc) => ({
+      id: doc.external_id,
+      title: ui.getDocumentTitle(doc, "Untitled"),
+      fileName: doc.file_name
+    })).sort((a, b) => a.title.localeCompare(b.title));
+    return [{ id: "documents", docs }];
+  }, [documents]);
+  const selected = groups[0].docs.find((doc) => doc.id === picked);
+  const share = () => {
+    if (!selected) return;
+    openDocumentToShare(session, { id: selected.id });
+    onShare();
+    notify(
+      `"${selected.title}" is open in its own window: choose it in the share dialog (or with Share screen/tab).`,
+      "info"
+    );
+    setPicked("");
+    onOpenChange(false);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkULWRNGGE_cjs.ModalScaffold,
+    {
+      open,
+      onOpenChange,
+      title: "Share a document",
+      description: "It opens in a window of its own showing only its pages, and the share dialog opens for you to choose it.",
+      showDescription: true,
+      icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MonitorUp, { className: "size-5" }),
+      size: "sm",
+      testId: "call-share-document-dialog",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkULWRNGGE_cjs.ModalScaffold.Body, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          chunkVZOOGA47_cjs.DocumentPicker,
+          {
+            groups,
+            value: picked,
+            onValueChange: setPicked,
+            labels: { placeholder: "Choose a document" }
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkULWRNGGE_cjs.ModalScaffold.Footer, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              type: "button",
+              onClick: share,
+              disabled: !selected,
+              "data-testid": "call-share-document-open",
+              children: "Open and share"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+var SHARE_LABEL = "Share screen/tab";
 function reportDeviceError(notify, source) {
   return (err) => notify(
     react.classifyMediaError(err, source === livekitClient.Track.Source.Camera ? "camera" : "microphone"),
@@ -300,9 +371,9 @@ function RoomMediaControl({
   const { devices, activeDeviceId, setActiveMediaDevice } = componentsReact.useMediaDeviceSelect({
     kind: mic ? "audioinput" : "videoinput"
   });
-  const [mirror, setMirror] = chunk7OPOPYV6_cjs.useMirrorSelfView();
+  const [mirror, setMirror] = chunkH5OLHP2U_cjs.useMirrorSelfView();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk7OPOPYV6_cjs.MediaControl,
+    chunkH5OLHP2U_cjs.MediaControl,
     {
       kind: mic ? "microphone" : "camera",
       enabled,
@@ -372,6 +443,7 @@ function CallControls({
   const experimental = react.useServerCallsExperimental();
   const [locked, setLocked] = react$1.useState(false);
   const [locking, setLocking] = react$1.useState(false);
+  const [sharingDocument, setSharingDocument] = react$1.useState(false);
   const full = density === "full";
   const tiny = density === "tiny";
   const toggleLock = async () => {
@@ -394,11 +466,20 @@ function CallControls({
     ...!full ? [
       {
         key: "share",
-        label: share.enabled ? "Stop sharing" : "Share your screen",
+        label: share.enabled ? "Stop sharing" : SHARE_LABEL,
         icon: share.enabled ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MonitorX, {}) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MonitorUp, {}),
         onSelect: () => void share.toggle(),
         disabled: share.pending
-      }
+      },
+      ...!share.enabled ? [
+        {
+          key: "share-document",
+          label: "Share a document\u2026",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, {}),
+          onSelect: () => setSharingDocument(true),
+          testId: "call-share-document"
+        }
+      ] : []
     ] : [],
     ...tiny && tr.available && tr.canToggle ? [
       {
@@ -456,15 +537,15 @@ function CallControls({
     ] : []
   ];
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunk7OPOPYV6_cjs.CallControlBar,
+    chunkH5OLHP2U_cjs.CallControlBar,
     {
       shortcuts,
       left: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        full && /* @__PURE__ */ jsxRuntime.jsx(chunk7OPOPYV6_cjs.ElapsedTime, { since: startedAt, title: "Time in this call" }),
+        full && /* @__PURE__ */ jsxRuntime.jsx(chunkH5OLHP2U_cjs.ElapsedTime, { since: startedAt, title: "Time in this call" }),
         /* @__PURE__ */ jsxRuntime.jsx(EnableAudioButton, { compact: !full })
       ] }),
       right: /* @__PURE__ */ jsxRuntime.jsx(
-        chunk7OPOPYV6_cjs.LeaveButton,
+        chunkH5OLHP2U_cjs.LeaveButton,
         {
           compact: !full,
           onLeave: () => void room.disconnect(),
@@ -472,31 +553,66 @@ function CallControls({
         }
       ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunk7OPOPYV6_cjs.ControlGroup, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkH5OLHP2U_cjs.ControlGroup, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(RoomMediaControl, { source: livekitClient.Track.Source.Microphone, shortcut: "M", testId: "call-mic-toggle" }),
           /* @__PURE__ */ jsxRuntime.jsx(RoomMediaControl, { source: livekitClient.Track.Source.Camera, shortcut: "V", testId: "call-camera-toggle" })
         ] }),
         !tiny && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk7OPOPYV6_cjs.ControlDivider, {}),
-          /* @__PURE__ */ jsxRuntime.jsxs(chunk7OPOPYV6_cjs.ControlGroup, { children: [
-            full && /* @__PURE__ */ jsxRuntime.jsx(
-              chunk7OPOPYV6_cjs.CallControlButton,
+          /* @__PURE__ */ jsxRuntime.jsx(chunkH5OLHP2U_cjs.ControlDivider, {}),
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkH5OLHP2U_cjs.ControlGroup, { children: [
+            full && (share.enabled ? /* @__PURE__ */ jsxRuntime.jsx(
+              chunkH5OLHP2U_cjs.CallControlButton,
               {
-                label: share.enabled ? "Stop sharing" : "Share your screen",
-                tone: share.enabled ? "active" : "neutral",
-                "aria-pressed": share.enabled,
+                label: "Stop sharing",
+                tone: "active",
+                "aria-pressed": true,
                 disabled: share.pending,
                 onClick: () => void share.toggle(),
                 "data-testid": "call-share-toggle",
-                children: share.enabled ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MonitorX, { "aria-hidden": true }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MonitorUp, { "aria-hidden": true })
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MonitorX, { "aria-hidden": true })
               }
-            ),
+            ) : /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkH5OLHP2U_cjs.CallControlButton,
+                {
+                  label: SHARE_LABEL,
+                  tooltip: false,
+                  disabled: share.pending,
+                  "data-testid": "call-share-toggle",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MonitorUp, { "aria-hidden": true })
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuContent, { side: "top", "data-testid": "call-share-menu", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  ui.DropdownMenuItem,
+                  {
+                    onSelect: () => void share.toggle(),
+                    "data-testid": "call-share-screen",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MonitorUp, {}),
+                      SHARE_LABEL
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  ui.DropdownMenuItem,
+                  {
+                    onSelect: () => setSharingDocument(true),
+                    "data-testid": "call-share-document",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, {}),
+                      "Share a document\u2026"
+                    ]
+                  }
+                )
+              ] })
+            ] })),
             /* @__PURE__ */ jsxRuntime.jsx(TranscriptionToggle, { transcription: tr }),
             /* @__PURE__ */ jsxRuntime.jsx(RecordingControl, { recording })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk7OPOPYV6_cjs.MoreMenu,
+          chunkH5OLHP2U_cjs.MoreMenu,
           {
             details: experimental ? /* @__PURE__ */ jsxRuntime.jsxs(
               "span",
@@ -511,6 +627,14 @@ function CallControls({
             ) : void 0,
             groups: [overflow, callItems, ...menuGroups]
           }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ShareDocumentDialog,
+          {
+            open: sharingDocument,
+            onOpenChange: setSharingDocument,
+            onShare: () => void share.toggle(true)
+          }
         )
       ]
     }
@@ -551,7 +675,7 @@ function WebinarChat({ chat }) {
       /* @__PURE__ */ jsxRuntime.jsx("div", { ref: end })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 border-t border-border p-3", children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunk7OPOPYV6_cjs.PanelComposer,
+      chunkH5OLHP2U_cjs.PanelComposer,
       {
         placeholder: "Message everyone",
         ariaLabel: "Message everyone",
@@ -613,7 +737,7 @@ function WebinarQA({ webinar }) {
     [webinar.questions]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk7OPOPYV6_cjs.QAPanel,
+    chunkH5OLHP2U_cjs.QAPanel,
     {
       questions,
       team: webinar.team,
@@ -633,7 +757,7 @@ function WebinarAudience({ webinar }) {
     return () => clearInterval(id);
   }, [refresh]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk7OPOPYV6_cjs.WebinarAudiencePanel,
+    chunkH5OLHP2U_cjs.WebinarAudiencePanel,
     {
       className: "min-h-0 flex-1 overflow-y-auto",
       hands: webinar.hands.map((h) => ({
@@ -667,7 +791,7 @@ function WebinarSidePanel({
   const tabs = webinarTabs(webinar, { people: !!people, unreadChat: chat.unread });
   const current = tabs.some((t) => t.id === tab) ? tab : tabs[0].id;
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunk7OPOPYV6_cjs.CallSidePanel,
+    chunkH5OLHP2U_cjs.CallSidePanel,
     {
       title: "Webinar",
       tabs,
@@ -720,7 +844,7 @@ function ConnectedCallRoom({
     ] });
   }
   if (!room) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunk7OPOPYV6_cjs.CallStateMessage, { title: "Connecting\u2026", testId: "call-connecting" });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkH5OLHP2U_cjs.CallStateMessage, { title: "Connecting\u2026", testId: "call-connecting" });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(
     componentsReact.LiveKitRoom,
@@ -844,7 +968,7 @@ function CallBody({
   const [endConfirm, setEndConfirm] = react$1.useState(false);
   const [viewerSide, setViewerSide] = react$1.useState(null);
   const [tab, setTab] = react$1.useState("people");
-  const [frameRef, frame] = chunk7OPOPYV6_cjs.useElementSize();
+  const [frameRef, frame] = chunkH5OLHP2U_cjs.useElementSize();
   const viewerSideOpen = viewerSide ?? frame.width >= VIEWER_SIDE_DOCKS_AT;
   const sideOpen = audienceView ? viewerSideOpen : teamPanelOpen;
   const chat = calls.useInCallChat({
@@ -871,9 +995,9 @@ function CallBody({
   const drawsComposite = recording.on && recording.canControl && recording.mode === "audio_video";
   const density = frame.width === 0 || frame.width >= 620 ? "full" : frame.width >= 400 ? "compact" : "tiny";
   const shortPanel = frame.height > 0 && frame.height < 520;
-  const [mirrorSelf] = chunk7OPOPYV6_cjs.useMirrorSelfView();
+  const [mirrorSelf] = chunkH5OLHP2U_cjs.useMirrorSelfView();
   const status = (small) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    webinar.enabled && webinar.live && /* @__PURE__ */ jsxRuntime.jsx(chunk7OPOPYV6_cjs.WebinarLiveChip, { compact: small }),
+    webinar.enabled && webinar.live && /* @__PURE__ */ jsxRuntime.jsx(chunkH5OLHP2U_cjs.WebinarLiveChip, { compact: small }),
     /* @__PURE__ */ jsxRuntime.jsx(
       StatusChips,
       {
@@ -885,7 +1009,7 @@ function CallBody({
     )
   ] });
   const header = !minimized && /* @__PURE__ */ jsxRuntime.jsx(
-    chunk7OPOPYV6_cjs.CallHeader,
+    chunkH5OLHP2U_cjs.CallHeader,
     {
       title,
       status,
@@ -921,9 +1045,9 @@ function CallBody({
     sendsMedia && /* @__PURE__ */ jsxRuntime.jsx(SpeakerRecorder, { recording, callKey: e2eeKey }),
     recording.canControl && recording.mode === "audio_video" && /* @__PURE__ */ jsxRuntime.jsx(CompositeRecorder, { recording, callKey: e2eeKey, stageRef }),
     /* @__PURE__ */ jsxRuntime.jsx(RecordingQuotaWarning, { recording }),
-    webinar.moderator && /* @__PURE__ */ jsxRuntime.jsx(chunk7OPOPYV6_cjs.WebinarEndConfirm, { open: endConfirm, onOpenChange: setEndConfirm, onEnd: webinar.end }),
+    webinar.moderator && /* @__PURE__ */ jsxRuntime.jsx(chunkH5OLHP2U_cjs.WebinarEndConfirm, { open: endConfirm, onOpenChange: setEndConfirm, onEnd: webinar.end }),
     webinar.stageCheck && /* @__PURE__ */ jsxRuntime.jsx(
-      chunk7OPOPYV6_cjs.OnStageCheck,
+      chunkH5OLHP2U_cjs.OnStageCheck,
       {
         initialChoices: react.DEFAULT_JOIN_CHOICES,
         open: true,
@@ -946,7 +1070,7 @@ function CallBody({
         inert: minimized || void 0,
         "data-testid": "call-stage-frame",
         children: audienceView ? /* @__PURE__ */ jsxRuntime.jsx(
-          chunk7OPOPYV6_cjs.WebinarViewer,
+          chunkH5OLHP2U_cjs.WebinarViewer,
           {
             header,
             stage: /* @__PURE__ */ jsxRuntime.jsx(CallTiles, { view: "speaker", includeLocal: false }),
@@ -970,14 +1094,14 @@ function CallBody({
             shortcuts: !minimized
           }
         ) : /* @__PURE__ */ jsxRuntime.jsx(
-          chunk7OPOPYV6_cjs.CallStageFrame,
+          chunkH5OLHP2U_cjs.CallStageFrame,
           {
             stageRef,
             header,
             subheader: !minimized && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              webinar.team && !webinar.live && /* @__PURE__ */ jsxRuntime.jsx(chunk7OPOPYV6_cjs.BackstageBanner, { onGoLive: webinar.moderator ? webinar.goLive : void 0 }),
-              notices.map((n) => /* @__PURE__ */ jsxRuntime.jsx(chunk7OPOPYV6_cjs.CallNotice, { children: n }, n)),
-              /* @__PURE__ */ jsxRuntime.jsx(chunk7OPOPYV6_cjs.SpeakingNow, { names: speakingNames })
+              webinar.team && !webinar.live && /* @__PURE__ */ jsxRuntime.jsx(chunkH5OLHP2U_cjs.BackstageBanner, { onGoLive: webinar.moderator ? webinar.goLive : void 0 }),
+              notices.map((n) => /* @__PURE__ */ jsxRuntime.jsx(chunkH5OLHP2U_cjs.CallNotice, { children: n }, n)),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkH5OLHP2U_cjs.SpeakingNow, { names: speakingNames })
             ] }),
             stage: /* @__PURE__ */ jsxRuntime.jsx(CallTiles, { view }),
             stageOverlay: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -1059,7 +1183,7 @@ function webinarControls(webinar, opts) {
   ];
   return {
     menuGroups: [
-      ...webinar.moderator ? [chunk7OPOPYV6_cjs.chatPermissionSection({ value: webinar.chat, onChange: webinar.setChat })] : [],
+      ...webinar.moderator ? [chunkH5OLHP2U_cjs.chatPermissionSection({ value: webinar.chat, onChange: webinar.setChat })] : [],
       items
     ],
     leaveOptions: webinar.moderator && webinar.live ? [
@@ -1120,7 +1244,7 @@ function StatusChips({
     recording.on && /* @__PURE__ */ jsxRuntime.jsx(RecordingIndicator, { recording, compact, announce: false }),
     transcription.on && /* @__PURE__ */ jsxRuntime.jsx(TranscriptionIndicator, { transcription, compact, announce: false }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk7OPOPYV6_cjs.EncryptionStatusChip,
+      chunkH5OLHP2U_cjs.EncryptionStatusChip,
       {
         state: isE2ee ? encrypted ? "on" : "pending" : "off",
         compact
@@ -1143,9 +1267,9 @@ function RoomTile({
   const { quality } = componentsReact.useConnectionQualityIndicator({ participant });
   const hasVideo = componentsReact.isTrackReference(trackRef) && !!trackRef.publication.track && !videoMuted;
   const name = participant.name || participant.identity;
-  const [mirrorSelf] = chunk7OPOPYV6_cjs.useMirrorSelfView();
+  const [mirrorSelf] = chunkH5OLHP2U_cjs.useMirrorSelfView();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk7OPOPYV6_cjs.CallTile,
+    chunkH5OLHP2U_cjs.CallTile,
     {
       ...elementProps,
       name: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -1203,10 +1327,10 @@ function CallTiles({
   const spotlight = useSpotlightCamera(cameras);
   const focus = share ?? (view === "speaker" ? spotlight : void 0);
   if (!focus || cameras.length < 2 && !share) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunk7OPOPYV6_cjs.CallGrid, { items: cameras, getKey: trackKey, renderTile: (t) => /* @__PURE__ */ jsxRuntime.jsx(RoomTile, { trackRef: t }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkH5OLHP2U_cjs.CallGrid, { items: cameras, getKey: trackKey, renderTile: (t) => /* @__PURE__ */ jsxRuntime.jsx(RoomTile, { trackRef: t }) });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk7OPOPYV6_cjs.CallFocus,
+    chunkH5OLHP2U_cjs.CallFocus,
     {
       focus,
       others: cameras.filter((t) => t !== focus),
@@ -1230,12 +1354,12 @@ function MinimisedRoom({
   const mic = componentsReact.useTrackToggle({ source: livekitClient.Track.Source.Microphone });
   const camera = componentsReact.useTrackToggle({ source: livekitClient.Track.Source.Camera });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk7OPOPYV6_cjs.MinimisedCall,
+    chunkH5OLHP2U_cjs.MinimisedCall,
     {
       title,
       video: track ? /* @__PURE__ */ jsxRuntime.jsx(RoomTile, { trackRef: track, size: "sm" }) : null,
       status,
-      speaking: /* @__PURE__ */ jsxRuntime.jsx(chunk7OPOPYV6_cjs.SpeakingNow, { names: speakingNames, className: "text-xs" }),
+      speaking: /* @__PURE__ */ jsxRuntime.jsx(chunkH5OLHP2U_cjs.SpeakingNow, { names: speakingNames, className: "text-xs" }),
       micEnabled: audience ? void 0 : mic.enabled,
       onToggleMic: audience ? void 0 : () => void mic.toggle(),
       cameraEnabled: audience ? void 0 : camera.enabled,
@@ -1284,7 +1408,7 @@ function ParticipantsList({
     ...participants.filter((p) => !speakingIds.includes(p.identity))
   ];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk7OPOPYV6_cjs.CallParticipants,
+    chunkH5OLHP2U_cjs.CallParticipants,
     {
       className: compact ? void 0 : "flex-1",
       compact,
@@ -1320,7 +1444,7 @@ function Lobby({ callExtId }) {
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk7OPOPYV6_cjs.LobbyRequests,
+    chunkH5OLHP2U_cjs.LobbyRequests,
     {
       requests: mine.map((k) => ({
         id: k.knockId,
@@ -1335,9 +1459,9 @@ function ConnectingOverlay() {
   const state = componentsReact.useConnectionState();
   if (state === livekitClient.ConnectionState.Connected) return null;
   const label = state === livekitClient.ConnectionState.Reconnecting || state === livekitClient.ConnectionState.SignalReconnecting ? "Reconnecting\u2026" : state === livekitClient.ConnectionState.Disconnected ? "Disconnected" : "Connecting\u2026";
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk7OPOPYV6_cjs.ConnectionOverlay, { label });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkH5OLHP2U_cjs.ConnectionOverlay, { label });
 }
 
 exports.ConnectedCallRoom = ConnectedCallRoom;
-//# sourceMappingURL=chunk-CPR6EHG7.cjs.map
-//# sourceMappingURL=chunk-CPR6EHG7.cjs.map
+//# sourceMappingURL=chunk-DR2AH7JL.cjs.map
+//# sourceMappingURL=chunk-DR2AH7JL.cjs.map