@arbidocs/blocks 0.5.121 → 0.5.122

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

@@ -1,11 +1,11 @@
 "use client";
 'use strict';
 
-var chunkM2FOXGJU_cjs = require('./chunk-M2FOXGJU.cjs');
 var chunkVZOOGA47_cjs = require('./chunk-VZOOGA47.cjs');
-var chunkH5OLHP2U_cjs = require('./chunk-H5OLHP2U.cjs');
+var chunk7OPOPYV6_cjs = require('./chunk-7OPOPYV6.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');
@@ -25,7 +25,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",
@@ -56,7 +56,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",
@@ -89,7 +89,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();
@@ -115,7 +115,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,
@@ -179,7 +179,7 @@ function RecordingIndicator({
   }, [setIndicatorShown]);
   const by = startedByMe ? "you" : startedByName || "the host";
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkH5OLHP2U_cjs.RecordingStatusChip,
+    chunk7OPOPYV6_cjs.RecordingStatusChip,
     {
       sentence: `Recording${mode ? ` (${chunkQMIHLJMH_cjs.MODE_LABEL[mode]})` : ""} \u2014 started by ${by}`,
       compact,
@@ -249,7 +249,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");
@@ -371,9 +371,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,
@@ -537,15 +537,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(),
@@ -553,15 +553,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 && (share.enabled ? /* @__PURE__ */ jsxRuntime.jsx(
-              chunkH5OLHP2U_cjs.CallControlButton,
+              chunk7OPOPYV6_cjs.CallControlButton,
               {
                 label: "Stop sharing",
                 tone: "active",
@@ -573,7 +573,7 @@ function CallControls({
               }
             ) : /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkH5OLHP2U_cjs.CallControlButton,
+                chunk7OPOPYV6_cjs.CallControlButton,
                 {
                   label: SHARE_LABEL,
                   tooltip: false,
@@ -612,7 +612,7 @@ function CallControls({
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkH5OLHP2U_cjs.MoreMenu,
+          chunk7OPOPYV6_cjs.MoreMenu,
           {
             details: experimental ? /* @__PURE__ */ jsxRuntime.jsxs(
               "span",
@@ -675,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(
-      chunkH5OLHP2U_cjs.PanelComposer,
+      chunk7OPOPYV6_cjs.PanelComposer,
       {
         placeholder: "Message everyone",
         ariaLabel: "Message everyone",
@@ -737,7 +737,7 @@ function WebinarQA({ webinar }) {
     [webinar.questions]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkH5OLHP2U_cjs.QAPanel,
+    chunk7OPOPYV6_cjs.QAPanel,
     {
       questions,
       team: webinar.team,
@@ -757,7 +757,7 @@ 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) => ({
@@ -791,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(
-    chunkH5OLHP2U_cjs.CallSidePanel,
+    chunk7OPOPYV6_cjs.CallSidePanel,
     {
       title: "Webinar",
       tabs,
@@ -844,7 +844,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,
@@ -968,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] = 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({
@@ -995,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] = 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,
       {
@@ -1009,7 +1009,7 @@ function CallBody({
     )
   ] });
   const header = !minimized && /* @__PURE__ */ jsxRuntime.jsx(
-    chunkH5OLHP2U_cjs.CallHeader,
+    chunk7OPOPYV6_cjs.CallHeader,
     {
       title,
       status,
@@ -1045,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(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,
@@ -1070,7 +1070,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 }),
@@ -1094,14 +1094,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: [
@@ -1183,7 +1183,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 ? [
@@ -1244,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(
-      chunkH5OLHP2U_cjs.EncryptionStatusChip,
+      chunk7OPOPYV6_cjs.EncryptionStatusChip,
       {
         state: isE2ee ? encrypted ? "on" : "pending" : "off",
         compact
@@ -1267,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] = 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: [
@@ -1327,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(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),
@@ -1354,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(
-    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,
@@ -1408,7 +1408,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,
@@ -1444,7 +1444,7 @@ function Lobby({ callExtId }) {
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkH5OLHP2U_cjs.LobbyRequests,
+    chunk7OPOPYV6_cjs.LobbyRequests,
     {
       requests: mine.map((k) => ({
         id: k.knockId,
@@ -1459,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(chunkH5OLHP2U_cjs.ConnectionOverlay, { label });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk7OPOPYV6_cjs.ConnectionOverlay, { label });
 }
 
 exports.ConnectedCallRoom = ConnectedCallRoom;
-//# sourceMappingURL=chunk-DR2AH7JL.cjs.map
-//# sourceMappingURL=chunk-DR2AH7JL.cjs.map
+//# sourceMappingURL=chunk-NG2EE7HR.cjs.map
+//# sourceMappingURL=chunk-NG2EE7HR.cjs.map