@arbidocs/blocks 0.5.113 → 0.5.115

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

@@ -1,12 +1,12 @@
 "use client";
 'use strict';
 
-var chunkM2FOXGJU_cjs = require('./chunk-M2FOXGJU.cjs');
-var chunkH5OLHP2U_cjs = require('./chunk-H5OLHP2U.cjs');
+var chunk7OPOPYV6_cjs = require('./chunk-7OPOPYV6.cjs');
 var chunkOAIOOVFN_cjs = require('./chunk-OAIOOVFN.cjs');
-var chunkT7J352JD_cjs = require('./chunk-T7J352JD.cjs');
+var chunkQMIHLJMH_cjs = require('./chunk-QMIHLJMH.cjs');
+var chunkM2FOXGJU_cjs = require('./chunk-M2FOXGJU.cjs');
 var chunkZBP4ZSAJ_cjs = require('./chunk-ZBP4ZSAJ.cjs');
-var chunkU5T46QCS_cjs = require('./chunk-U5T46QCS.cjs');
+var chunkTKHCIHE2_cjs = require('./chunk-TKHCIHE2.cjs');
 var react$1 = require('react');
 var livekitClient = require('livekit-client');
 var componentsReact = require('@livekit/components-react');
@@ -23,7 +23,7 @@ function TranscriptionToggle({
   if (!available || !canToggle) return null;
   const label = on ? "Stop transcription" : "Transcribe the call";
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkH5OLHP2U_cjs.CallControlButton,
+    chunk7OPOPYV6_cjs.CallControlButton,
     {
       label,
       shortcut: "C",
@@ -54,7 +54,7 @@ function TranscriptionIndicator({
   }, [setIndicatorShown]);
   const by = startedByMe ? "you" : startedByName || "a participant";
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkH5OLHP2U_cjs.TranscriptionStatusChip,
+    chunk7OPOPYV6_cjs.TranscriptionStatusChip,
     {
       sentence: `Transcription on \u2014 started by ${by}`,
       short: muted ? "Transcribing \xB7 you are muted" : "Transcribing",
@@ -87,7 +87,7 @@ function CaptionsOverlay({
     })),
     [captions]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkH5OLHP2U_cjs.CaptionsStrip, { captions: entries, reserve, className });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk7OPOPYV6_cjs.CaptionsStrip, { captions: entries, reserve, className });
 }
 function TranscriptionSender({ transcription }) {
   const { isMicrophoneEnabled, microphoneTrack } = componentsReact.useLocalParticipant();
@@ -113,7 +113,7 @@ function RecordingControl({
   const canHost = react.useIsEntitled("host_calls");
   if (!available || !canControl || !on && !canHost) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkH5OLHP2U_cjs.RecordControl,
+    chunk7OPOPYV6_cjs.RecordControl,
     {
       on,
       busy,
@@ -121,13 +121,13 @@ function RecordingControl({
       modes: [
         {
           mode: "audio",
-          label: chunkT7J352JD_cjs.MODE_LABEL.audio,
+          label: chunkQMIHLJMH_cjs.MODE_LABEL.audio,
           description: "Everyone\u2019s microphone, one track each",
           testId: "recording-mode-audio"
         },
         {
           mode: "audio_video",
-          label: chunkT7J352JD_cjs.MODE_LABEL.audio_video,
+          label: chunkQMIHLJMH_cjs.MODE_LABEL.audio_video,
           description: "Plus a video of your view of the call",
           testId: "recording-mode-video"
         }
@@ -177,9 +177,9 @@ function RecordingIndicator({
   }, [setIndicatorShown]);
   const by = startedByMe ? "you" : startedByName || "the host";
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkH5OLHP2U_cjs.RecordingStatusChip,
+    chunk7OPOPYV6_cjs.RecordingStatusChip,
     {
-      sentence: `Recording${mode ? ` (${chunkT7J352JD_cjs.MODE_LABEL[mode]})` : ""} \u2014 started by ${by}`,
+      sentence: `Recording${mode ? ` (${chunkQMIHLJMH_cjs.MODE_LABEL[mode]})` : ""} \u2014 started by ${by}`,
       compact,
       announce,
       onAnnounced,
@@ -229,7 +229,7 @@ function CompositeRecorder({
   callKey,
   stageRef
 }) {
-  const { notify } = chunkU5T46QCS_cjs.useBlocksEnvironment();
+  const { notify } = chunkTKHCIHE2_cjs.useBlocksEnvironment();
   const mimeType = react$1.useMemo(() => react.pickRecorderMimeType("video"), []);
   const uploader = calls.useTrackUploader(recording, callKey, "composite", mimeType);
   const audioRefs = componentsReact.useTracks([livekitClient.Track.Source.Microphone, livekitClient.Track.Source.ScreenShareAudio], {
@@ -247,7 +247,7 @@ function CompositeRecorder({
     if (!uploader || !stage) return;
     let capture;
     try {
-      capture = chunkH5OLHP2U_cjs.startCompositeCapture(stage);
+      capture = chunk7OPOPYV6_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");
@@ -291,7 +291,7 @@ function RoomMediaControl({
   shortcut,
   testId
 }) {
-  const { notify } = chunkU5T46QCS_cjs.useBlocksEnvironment();
+  const { notify } = chunkTKHCIHE2_cjs.useBlocksEnvironment();
   const mic = source === livekitClient.Track.Source.Microphone;
   const { toggle, enabled, pending } = componentsReact.useTrackToggle({
     source,
@@ -300,9 +300,9 @@ function RoomMediaControl({
   const { devices, activeDeviceId, setActiveMediaDevice } = componentsReact.useMediaDeviceSelect({
     kind: mic ? "audioinput" : "videoinput"
   });
-  const [mirror, setMirror] = chunkH5OLHP2U_cjs.useMirrorSelfView();
+  const [mirror, setMirror] = chunk7OPOPYV6_cjs.useMirrorSelfView();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkH5OLHP2U_cjs.MediaControl,
+    chunk7OPOPYV6_cjs.MediaControl,
     {
       kind: mic ? "microphone" : "camera",
       enabled,
@@ -325,7 +325,7 @@ function RoomMediaControl({
   );
 }
 function useScreenShare() {
-  const { notify } = chunkU5T46QCS_cjs.useBlocksEnvironment();
+  const { notify } = chunkTKHCIHE2_cjs.useBlocksEnvironment();
   return componentsReact.useTrackToggle({
     source: livekitClient.Track.Source.ScreenShare,
     captureOptions: { audio: true, selfBrowserSurface: "exclude" },
@@ -365,7 +365,7 @@ function CallControls({
   menuGroups = [],
   leaveOptions
 }) {
-  const { notify } = chunkU5T46QCS_cjs.useBlocksEnvironment();
+  const { notify } = chunkTKHCIHE2_cjs.useBlocksEnvironment();
   const arbi = react.useArbi();
   const room = componentsReact.useRoomContext();
   const share = useScreenShare();
@@ -456,15 +456,15 @@ function CallControls({
     ] : []
   ];
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkH5OLHP2U_cjs.CallControlBar,
+    chunk7OPOPYV6_cjs.CallControlBar,
     {
       shortcuts,
       left: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        full && /* @__PURE__ */ jsxRuntime.jsx(chunkH5OLHP2U_cjs.ElapsedTime, { since: startedAt, title: "Time in this call" }),
+        full && /* @__PURE__ */ jsxRuntime.jsx(chunk7OPOPYV6_cjs.ElapsedTime, { since: startedAt, title: "Time in this call" }),
         /* @__PURE__ */ jsxRuntime.jsx(EnableAudioButton, { compact: !full })
       ] }),
       right: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkH5OLHP2U_cjs.LeaveButton,
+        chunk7OPOPYV6_cjs.LeaveButton,
         {
           compact: !full,
           onLeave: () => void room.disconnect(),
@@ -472,15 +472,15 @@ function CallControls({
         }
       ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkH5OLHP2U_cjs.ControlGroup, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunk7OPOPYV6_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(chunkH5OLHP2U_cjs.ControlDivider, {}),
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkH5OLHP2U_cjs.ControlGroup, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunk7OPOPYV6_cjs.ControlDivider, {}),
+          /* @__PURE__ */ jsxRuntime.jsxs(chunk7OPOPYV6_cjs.ControlGroup, { children: [
             full && /* @__PURE__ */ jsxRuntime.jsx(
-              chunkH5OLHP2U_cjs.CallControlButton,
+              chunk7OPOPYV6_cjs.CallControlButton,
               {
                 label: share.enabled ? "Stop sharing" : "Share your screen",
                 tone: share.enabled ? "active" : "neutral",
@@ -496,7 +496,7 @@ function CallControls({
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkH5OLHP2U_cjs.MoreMenu,
+          chunk7OPOPYV6_cjs.MoreMenu,
           {
             details: experimental ? /* @__PURE__ */ jsxRuntime.jsxs(
               "span",
@@ -517,7 +517,7 @@ function CallControls({
   );
 }
 function WebinarChat({ chat }) {
-  const { notify } = chunkU5T46QCS_cjs.useBlocksEnvironment();
+  const { notify } = chunkTKHCIHE2_cjs.useBlocksEnvironment();
   const end = react$1.useRef(null);
   const count = chat.lines.length;
   react$1.useEffect(() => {
@@ -530,7 +530,7 @@ function WebinarChat({ chat }) {
         const id = `${line.senderIdentity}-${line.id}`;
         return /* @__PURE__ */ jsxRuntime.jsx(chunkM2FOXGJU_cjs.MessageRoot, { role: "user", messageId: id, className: "px-3", children: /* @__PURE__ */ jsxRuntime.jsxs(chunkM2FOXGJU_cjs.MessageContent, { role: "user", messageId: id, align: line.mine ? "end" : "start", children: [
           startsRun && /* @__PURE__ */ jsxRuntime.jsx(chunkM2FOXGJU_cjs.MessageAuthor, { children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkT7J352JD_cjs.CallUserPill,
+            chunkQMIHLJMH_cjs.CallUserPill,
             {
               identity: line.senderIdentity,
               name: line.senderName,
@@ -551,7 +551,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(
-      chunkH5OLHP2U_cjs.PanelComposer,
+      chunk7OPOPYV6_cjs.PanelComposer,
       {
         placeholder: "Message everyone",
         ariaLabel: "Message everyone",
@@ -601,19 +601,19 @@ function WebinarQA({ webinar }) {
       body: q.text,
       status: q.status,
       answer: q.answerText,
-      answeredBy: q.answered_by_ext_id ? /* @__PURE__ */ jsxRuntime.jsx(chunkT7J352JD_cjs.CallUserPill, { identity: q.answered_by_ext_id }) : void 0,
+      answeredBy: q.answered_by_ext_id ? /* @__PURE__ */ jsxRuntime.jsx(chunkQMIHLJMH_cjs.CallUserPill, { identity: q.answered_by_ext_id }) : void 0,
       voteCount: q.vote_count,
       voted: q.voted,
       mine: q.mine,
       createdAt: q.created_at,
       // Who asked is hidden from attendees (another attendee's question): "Attendee".
       askerName: q.asker_ext_id ? "" : null,
-      asker: q.asker_ext_id ? /* @__PURE__ */ jsxRuntime.jsx(chunkT7J352JD_cjs.CallUserPill, { identity: q.asker_ext_id }) : void 0
+      asker: q.asker_ext_id ? /* @__PURE__ */ jsxRuntime.jsx(chunkQMIHLJMH_cjs.CallUserPill, { identity: q.asker_ext_id }) : void 0
     })),
     [webinar.questions]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkH5OLHP2U_cjs.QAPanel,
+    chunk7OPOPYV6_cjs.QAPanel,
     {
       questions,
       team: webinar.team,
@@ -633,14 +633,14 @@ function WebinarAudience({ webinar }) {
     return () => clearInterval(id);
   }, [refresh]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkH5OLHP2U_cjs.WebinarAudiencePanel,
+    chunk7OPOPYV6_cjs.WebinarAudiencePanel,
     {
       className: "min-h-0 flex-1 overflow-y-auto",
       hands: webinar.hands.map((h) => ({
         id: h.identity,
         name: h.name,
         raisedAt: h.raised_at,
-        entity: /* @__PURE__ */ jsxRuntime.jsx(chunkT7J352JD_cjs.CallUserPill, { identity: h.identity, name: h.name, size: "sm" })
+        entity: /* @__PURE__ */ jsxRuntime.jsx(chunkQMIHLJMH_cjs.CallUserPill, { identity: h.identity, name: h.name, size: "sm" })
       })),
       attendees: webinar.attendees.map((a) => ({
         id: a.identity,
@@ -648,7 +648,7 @@ function WebinarAudience({ webinar }) {
         role: a.role,
         onStage: a.on_stage,
         handRaised: a.hand_raised,
-        entity: /* @__PURE__ */ jsxRuntime.jsx(chunkT7J352JD_cjs.CallUserPill, { identity: a.identity, name: a.name, size: "sm" })
+        entity: /* @__PURE__ */ jsxRuntime.jsx(chunkQMIHLJMH_cjs.CallUserPill, { identity: a.identity, name: a.name, size: "sm" })
       })),
       onPromote: webinar.promote,
       onDemote: webinar.demote
@@ -667,7 +667,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(
-    chunkH5OLHP2U_cjs.CallSidePanel,
+    chunk7OPOPYV6_cjs.CallSidePanel,
     {
       title: "Webinar",
       tabs,
@@ -709,7 +709,7 @@ function ConnectedCallRoom({
   onViewerChange,
   className
 }) {
-  const { notify } = chunkU5T46QCS_cjs.useBlocksEnvironment();
+  const { notify } = chunkTKHCIHE2_cjs.useBlocksEnvironment();
   const { room, error: setupError } = calls.useCallRoom(e2eeKey, choices);
   const [joinedAt] = react$1.useState(() => startedAt ?? Date.now());
   if (setupError) {
@@ -720,7 +720,7 @@ function ConnectedCallRoom({
     ] });
   }
   if (!room) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkH5OLHP2U_cjs.CallStateMessage, { title: "Connecting\u2026", testId: "call-connecting" });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunk7OPOPYV6_cjs.CallStateMessage, { title: "Connecting\u2026", testId: "call-connecting" });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(
     componentsReact.LiveKitRoom,
@@ -844,7 +844,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] = chunkH5OLHP2U_cjs.useElementSize();
+  const [frameRef, frame] = chunk7OPOPYV6_cjs.useElementSize();
   const viewerSideOpen = viewerSide ?? frame.width >= VIEWER_SIDE_DOCKS_AT;
   const sideOpen = audienceView ? viewerSideOpen : teamPanelOpen;
   const chat = calls.useInCallChat({
@@ -859,7 +859,7 @@ function CallBody({
   const participants = componentsReact.useParticipants();
   const speakingIds = chunkOAIOOVFN_cjs.useSpeakingIds();
   const speakingNames = react$1.useMemo(
-    () => speakingIds.map((id) => participants.find((p) => p.identity === id)).filter((p) => !!p).map((p) => /* @__PURE__ */ jsxRuntime.jsx(chunkT7J352JD_cjs.CallUserPill, { identity: p.identity, name: p.name }, p.identity)),
+    () => speakingIds.map((id) => participants.find((p) => p.identity === id)).filter((p) => !!p).map((p) => /* @__PURE__ */ jsxRuntime.jsx(chunkQMIHLJMH_cjs.CallUserPill, { identity: p.identity, name: p.name }, p.identity)),
     [speakingIds, participants]
   );
   const stageRef = react$1.useRef(null);
@@ -871,9 +871,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] = chunkH5OLHP2U_cjs.useMirrorSelfView();
+  const [mirrorSelf] = chunk7OPOPYV6_cjs.useMirrorSelfView();
   const status = (small) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    webinar.enabled && webinar.live && /* @__PURE__ */ jsxRuntime.jsx(chunkH5OLHP2U_cjs.WebinarLiveChip, { compact: small }),
+    webinar.enabled && webinar.live && /* @__PURE__ */ jsxRuntime.jsx(chunk7OPOPYV6_cjs.WebinarLiveChip, { compact: small }),
     /* @__PURE__ */ jsxRuntime.jsx(
       StatusChips,
       {
@@ -885,7 +885,7 @@ function CallBody({
     )
   ] });
   const header = !minimized && /* @__PURE__ */ jsxRuntime.jsx(
-    chunkH5OLHP2U_cjs.CallHeader,
+    chunk7OPOPYV6_cjs.CallHeader,
     {
       title,
       status,
@@ -921,9 +921,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(chunkH5OLHP2U_cjs.WebinarEndConfirm, { open: endConfirm, onOpenChange: setEndConfirm, onEnd: webinar.end }),
+    webinar.moderator && /* @__PURE__ */ jsxRuntime.jsx(chunk7OPOPYV6_cjs.WebinarEndConfirm, { open: endConfirm, onOpenChange: setEndConfirm, onEnd: webinar.end }),
     webinar.stageCheck && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkH5OLHP2U_cjs.OnStageCheck,
+      chunk7OPOPYV6_cjs.OnStageCheck,
       {
         initialChoices: react.DEFAULT_JOIN_CHOICES,
         open: true,
@@ -946,7 +946,7 @@ function CallBody({
         inert: minimized || void 0,
         "data-testid": "call-stage-frame",
         children: audienceView ? /* @__PURE__ */ jsxRuntime.jsx(
-          chunkH5OLHP2U_cjs.WebinarViewer,
+          chunk7OPOPYV6_cjs.WebinarViewer,
           {
             header,
             stage: /* @__PURE__ */ jsxRuntime.jsx(CallTiles, { view: "speaker", includeLocal: false }),
@@ -970,14 +970,14 @@ function CallBody({
             shortcuts: !minimized
           }
         ) : /* @__PURE__ */ jsxRuntime.jsx(
-          chunkH5OLHP2U_cjs.CallStageFrame,
+          chunk7OPOPYV6_cjs.CallStageFrame,
           {
             stageRef,
             header,
             subheader: !minimized && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              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 })
+              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 })
             ] }),
             stage: /* @__PURE__ */ jsxRuntime.jsx(CallTiles, { view }),
             stageOverlay: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -1059,7 +1059,7 @@ function webinarControls(webinar, opts) {
   ];
   return {
     menuGroups: [
-      ...webinar.moderator ? [chunkH5OLHP2U_cjs.chatPermissionSection({ value: webinar.chat, onChange: webinar.setChat })] : [],
+      ...webinar.moderator ? [chunk7OPOPYV6_cjs.chatPermissionSection({ value: webinar.chat, onChange: webinar.setChat })] : [],
       items
     ],
     leaveOptions: webinar.moderator && webinar.live ? [
@@ -1074,7 +1074,7 @@ function webinarControls(webinar, opts) {
 }
 function useCallNotices(recording, transcription) {
   const [shown, setShown] = react$1.useState({});
-  const recordingText = recording.on ? `Recording${recording.mode ? ` (${chunkT7J352JD_cjs.MODE_LABEL[recording.mode]})` : ""} \u2014 started by ${recording.startedByMe ? "you" : recording.startedByName || "the host"}` : null;
+  const recordingText = recording.on ? `Recording${recording.mode ? ` (${chunkQMIHLJMH_cjs.MODE_LABEL[recording.mode]})` : ""} \u2014 started by ${recording.startedByMe ? "you" : recording.startedByName || "the host"}` : null;
   const transcriptionText = transcription.on ? `Transcription on \u2014 started by ${transcription.startedByMe ? "you" : transcription.startedByName || "a participant"}` : null;
   useNotice("recording", recordingText, setShown);
   useNotice("transcription", transcriptionText, setShown);
@@ -1120,7 +1120,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(
-      chunkH5OLHP2U_cjs.EncryptionStatusChip,
+      chunk7OPOPYV6_cjs.EncryptionStatusChip,
       {
         state: isE2ee ? encrypted ? "on" : "pending" : "off",
         compact
@@ -1143,14 +1143,14 @@ function RoomTile({
   const { quality } = componentsReact.useConnectionQualityIndicator({ participant });
   const hasVideo = componentsReact.isTrackReference(trackRef) && !!trackRef.publication.track && !videoMuted;
   const name = participant.name || participant.identity;
-  const [mirrorSelf] = chunkH5OLHP2U_cjs.useMirrorSelfView();
+  const [mirrorSelf] = chunk7OPOPYV6_cjs.useMirrorSelfView();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkH5OLHP2U_cjs.CallTile,
+    chunk7OPOPYV6_cjs.CallTile,
     {
       ...elementProps,
       name: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkT7J352JD_cjs.CallUserPill,
+          chunkQMIHLJMH_cjs.CallUserPill,
           {
             identity: participant.identity,
             name: participant.name,
@@ -1203,10 +1203,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(chunkH5OLHP2U_cjs.CallGrid, { items: cameras, getKey: trackKey, renderTile: (t) => /* @__PURE__ */ jsxRuntime.jsx(RoomTile, { trackRef: t }) });
+    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.CallFocus,
+    chunk7OPOPYV6_cjs.CallFocus,
     {
       focus,
       others: cameras.filter((t) => t !== focus),
@@ -1230,12 +1230,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(
-    chunkH5OLHP2U_cjs.MinimisedCall,
+    chunk7OPOPYV6_cjs.MinimisedCall,
     {
       title,
       video: track ? /* @__PURE__ */ jsxRuntime.jsx(RoomTile, { trackRef: track, size: "sm" }) : null,
       status,
-      speaking: /* @__PURE__ */ jsxRuntime.jsx(chunkH5OLHP2U_cjs.SpeakingNow, { names: speakingNames, className: "text-xs" }),
+      speaking: /* @__PURE__ */ jsxRuntime.jsx(chunk7OPOPYV6_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,
@@ -1252,7 +1252,7 @@ function ParticipantsList({
   onAskToMute,
   compact
 }) {
-  const { notify } = chunkU5T46QCS_cjs.useBlocksEnvironment();
+  const { notify } = chunkTKHCIHE2_cjs.useBlocksEnvironment();
   const arbi = react.useArbi();
   const participants = componentsReact.useParticipants();
   const [removing, setRemoving] = react$1.useState(null);
@@ -1284,7 +1284,7 @@ function ParticipantsList({
     ...participants.filter((p) => !speakingIds.includes(p.identity))
   ];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkH5OLHP2U_cjs.CallParticipants,
+    chunk7OPOPYV6_cjs.CallParticipants,
     {
       className: compact ? void 0 : "flex-1",
       compact,
@@ -1292,7 +1292,7 @@ function ParticipantsList({
         id: p.identity,
         name: p.name || p.identity,
         isLocal: p.isLocal,
-        entity: /* @__PURE__ */ jsxRuntime.jsx(chunkT7J352JD_cjs.CallUserPill, { identity: p.identity, name: p.name, size: "sm", interactive: !p.isLocal }),
+        entity: /* @__PURE__ */ jsxRuntime.jsx(chunkQMIHLJMH_cjs.CallUserPill, { identity: p.identity, name: p.name, size: "sm", interactive: !p.isLocal }),
         speaking: speakingIds.includes(p.identity),
         level: levels[p.identity] ?? 0,
         micMuted: !p.isMicrophoneEnabled,
@@ -1307,7 +1307,7 @@ function ParticipantsList({
   );
 }
 function Lobby({ callExtId }) {
-  const { notify } = chunkU5T46QCS_cjs.useBlocksEnvironment();
+  const { notify } = chunkTKHCIHE2_cjs.useBlocksEnvironment();
   const arbi = react.useArbi();
   const knocks = react.useCallSession((s) => s.knocks);
   const mine = knocks.filter((k) => k.callExtId === callExtId);
@@ -1320,12 +1320,12 @@ function Lobby({ callExtId }) {
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkH5OLHP2U_cjs.LobbyRequests,
+    chunk7OPOPYV6_cjs.LobbyRequests,
     {
       requests: mine.map((k) => ({
         id: k.knockId,
         name: k.displayName,
-        entity: /* @__PURE__ */ jsxRuntime.jsx(chunkT7J352JD_cjs.CallUserPill, { identity: k.userExtId, name: k.displayName })
+        entity: /* @__PURE__ */ jsxRuntime.jsx(chunkQMIHLJMH_cjs.CallUserPill, { identity: k.userExtId, name: k.displayName })
       })),
       onDecide: (id, admit) => void decide(id, admit)
     }
@@ -1335,9 +1335,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(chunkH5OLHP2U_cjs.ConnectionOverlay, { label });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk7OPOPYV6_cjs.ConnectionOverlay, { label });
 }
 
 exports.ConnectedCallRoom = ConnectedCallRoom;
-//# sourceMappingURL=chunk-GGBNUDLK.cjs.map
-//# sourceMappingURL=chunk-GGBNUDLK.cjs.map
+//# sourceMappingURL=chunk-CPR6EHG7.cjs.map
+//# sourceMappingURL=chunk-CPR6EHG7.cjs.map