@arbidocs/blocks 0.5.119 → 0.5.121

package/dist/calls/connected/CallControls.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/calls/connected/CallControls.tsx"],
-  "sourcesContent": ["/**\n * The call panel's control bar, wired to the LiveKit room. One row; what fits stays in it and the\n * rest moves into More, so each action lives in exactly one visible place:\n *   full    \u2014 time \u00B7 mic, camera | share, CC, Record | More \u00B7 Leave\n *   compact \u2014 mic, camera | CC, Record | More \u00B7 Leave\n *   tiny    \u2014 mic, camera | More \u00B7 Leave\n * Chat is the conversation beside the panel (its own composer) and the participant list is\n * always on show under the video, so neither has a button here.\n */\n\nimport { useBlocksEnvironment } from '../../provider/environment'\nimport { useState, type ReactElement } from 'react'\nimport { Track } from 'livekit-client'\nimport {\n  useAudioPlayback,\n  useMediaDeviceSelect,\n  useRoomContext,\n  useTrackToggle,\n} from '@livekit/components-react'\nimport {\n  Captions,\n  Circle,\n  FlaskConical,\n  Link2,\n  Lock,\n  LockOpen,\n  MonitorUp,\n  MonitorX,\n  Square,\n  Volume2,\n} from 'lucide-react'\nimport { classifyMediaError, useArbi, useServerCallsExperimental } from '@arbidocs/react'\nimport { Button } from '@arbidocs/react/ui'\nimport {\n  CallControlBar,\n  CallControlButton,\n  ControlDivider,\n  ControlGroup,\n  ElapsedTime,\n  LeaveButton,\n  MediaControl,\n  MoreMenu,\n  type LeaveOption,\n  type MoreMenuItem,\n  type MoreMenuSection,\n} from '../ui'\nimport { TranscriptionToggle } from './CallTranscription'\nimport { RecordingControl } from './CallRecording'\nimport type { CallTranscription, CallRecordingControl } from '@arbidocs/react/calls'\nimport { useMirrorSelfView } from '../self-view'\n\nexport type ControlDensity = 'full' | 'compact' | 'tiny'\n\ntype MediaSource = Track.Source.Microphone | Track.Source.Camera\n\ntype Notify = ReturnType<typeof useBlocksEnvironment>['notify']\n\nfunction reportDeviceError(notify: Notify, source: MediaSource) {\n  return (err: Error) =>\n    notify(\n      classifyMediaError(err, source === Track.Source.Camera ? 'camera' : 'microphone'),\n      'error'\n    )\n}\n\n/** Microphone or camera of the room, with its device list (and, for the camera, the mirror). */\nfunction RoomMediaControl({\n  source,\n  shortcut,\n  testId,\n}: {\n  source: MediaSource\n  shortcut: string\n  testId: string\n}): ReactElement {\n  const { notify } = useBlocksEnvironment()\n  const mic = source === Track.Source.Microphone\n  const { toggle, enabled, pending } = useTrackToggle({\n    source,\n    onDeviceError: reportDeviceError(notify, source),\n  })\n  const { devices, activeDeviceId, setActiveMediaDevice } = useMediaDeviceSelect({\n    kind: mic ? 'audioinput' : 'videoinput',\n  })\n  const [mirror, setMirror] = useMirrorSelfView()\n  return (\n    <MediaControl\n      kind={mic ? 'microphone' : 'camera'}\n      enabled={enabled}\n      pending={pending}\n      onToggle={() => void toggle()}\n      devices={devices.map((d) => ({ deviceId: d.deviceId, label: d.label }))}\n      activeDeviceId={activeDeviceId}\n      onSelectDevice={(id) =>\n        void setActiveMediaDevice(id).catch((err: Error) => reportDeviceError(notify, source)(err))\n      }\n      shortcut={shortcut}\n      testId={testId}\n      options={\n        mic\n          ? []\n          : [\n              {\n                label: 'Mirror my video',\n                checked: mirror,\n                onChange: setMirror,\n                testId: 'call-mirror-toggle',\n              },\n            ]\n      }\n    />\n  )\n}\n\nfunction useScreenShare() {\n  const { notify } = useBlocksEnvironment()\n  return useTrackToggle({\n    source: Track.Source.ScreenShare,\n    captureOptions: { audio: true, selfBrowserSurface: 'exclude' },\n    onDeviceError: (err: Error) => {\n      // Cancelling the browser's picker is not worth a toast.\n      if (err.name !== 'NotAllowedError') notify(`Could not share: ${err.message}`, 'error')\n    },\n  })\n}\n\n/** \"Enable audio\" when the browser blocked playback until a click (the bar's left end). */\nexport function EnableAudioButton({ compact = false }: { compact?: boolean }): ReactElement | null {\n  const { canPlayAudio, startAudio } = useAudioPlayback()\n  if (canPlayAudio) return null\n  return (\n    <Button\n      type=\"button\"\n      variant=\"outline\"\n      size=\"sm\"\n      className=\"h-8 gap-1.5 border-yellow-border bg-yellow-bg text-yellow-text hover:bg-yellow-bg/80\"\n      onClick={() => void startAudio()}\n      data-testid=\"call-start-audio\"\n    >\n      <Volume2 className=\"size-4\" aria-hidden />\n      {compact ? 'Audio' : 'Enable audio'}\n    </Button>\n  )\n}\n\nexport interface CallControlsProps {\n  callExtId: string\n  isCreator: boolean\n  /** Copy-able join link (anyone with it can ask to join). */\n  link: string | null\n  startedAt: number\n  density: ControlDensity\n  /** Single-key shortcuts on (the panel is on screen). */\n  shortcuts: boolean\n  transcription: CallTranscription\n  recording: CallRecordingControl\n  /** More groups of the More menu (a webinar's chat setting, panel, Leave stage). */\n  menuGroups?: (MoreMenuItem[] | MoreMenuSection)[]\n  /** Leave's further choices (a webinar's End webinar for everyone). */\n  leaveOptions?: LeaveOption[]\n}\n\nexport function CallControls({\n  callExtId,\n  isCreator,\n  link,\n  startedAt,\n  density,\n  shortcuts,\n  transcription: tr,\n  recording,\n  menuGroups = [],\n  leaveOptions,\n}: CallControlsProps): ReactElement {\n  const { notify } = useBlocksEnvironment()\n  const arbi = useArbi()\n  const room = useRoomContext()\n  const share = useScreenShare()\n  const experimental = useServerCallsExperimental()\n  const [locked, setLocked] = useState(false)\n  const [locking, setLocking] = useState(false)\n  const full = density === 'full'\n  const tiny = density === 'tiny'\n\n  const toggleLock = async () => {\n    setLocking(true)\n    try {\n      const call = await arbi.calls.update(callExtId, { locked: !locked })\n      setLocked(call.locked)\n      notify(call.locked ? 'Call locked: nobody new can join' : 'Call unlocked', 'info')\n    } catch (err) {\n      notify(`Could not change the lock: ${(err as Error).message}`, 'error')\n    } finally {\n      setLocking(false)\n    }\n  }\n  const copyLink = () => {\n    if (!link) return\n    void navigator.clipboard\n      .writeText(link)\n      .then(() => notify('Call link copied', 'success'))\n      .catch(() => notify('Could not copy the link', 'error'))\n  }\n\n  // What does not fit the bar lives in More.\n  const overflow: MoreMenuItem[] = [\n    ...(!full\n      ? [\n          {\n            key: 'share',\n            label: share.enabled ? 'Stop sharing' : 'Share your screen',\n            icon: share.enabled ? <MonitorX /> : <MonitorUp />,\n            onSelect: () => void share.toggle(),\n            disabled: share.pending,\n          },\n        ]\n      : []),\n    ...(tiny && tr.available && tr.canToggle\n      ? [\n          {\n            key: 'transcribe',\n            label: tr.on ? 'Stop transcription' : 'Transcribe the call',\n            icon: <Captions />,\n            onSelect: () => void tr.toggle(),\n            disabled: tr.busy,\n          },\n        ]\n      : []),\n    ...(tiny && recording.available && recording.canControl\n      ? recording.on\n        ? [\n            {\n              key: 'stop-recording',\n              label: 'Stop recording',\n              icon: <Square className=\"fill-current text-red-text\" />,\n              onSelect: () => void recording.stop(),\n              disabled: recording.busy,\n            },\n          ]\n        : [\n            {\n              key: 'record-audio',\n              label: 'Record audio',\n              icon: <Circle className=\"fill-red-solid text-red-solid\" />,\n              onSelect: () => void recording.requestStart('audio'),\n              disabled: recording.busy,\n            },\n            {\n              key: 'record-video',\n              label: 'Record audio + video',\n              icon: <Circle className=\"fill-red-solid text-red-solid\" />,\n              onSelect: () => void recording.requestStart('audio_video'),\n              disabled: recording.busy,\n            },\n          ]\n      : []),\n  ]\n  const callItems: MoreMenuItem[] = [\n    ...(link\n      ? [\n          {\n            key: 'link',\n            label: 'Copy call link',\n            icon: <Link2 />,\n            onSelect: copyLink,\n            testId: 'call-copy-link',\n          },\n        ]\n      : []),\n    ...(isCreator\n      ? [\n          {\n            key: 'lock',\n            label: locked ? 'Unlock call' : 'Lock call (only invited people can join)',\n            icon: locked ? <LockOpen /> : <Lock />,\n            onSelect: () => void toggleLock(),\n            disabled: locking,\n            testId: 'call-lock-toggle',\n          },\n        ]\n      : []),\n  ]\n\n  return (\n    <CallControlBar\n      shortcuts={shortcuts}\n      left={\n        <>\n          {full && <ElapsedTime since={startedAt} title=\"Time in this call\" />}\n          <EnableAudioButton compact={!full} />\n        </>\n      }\n      right={\n        <LeaveButton\n          compact={!full}\n          onLeave={() => void room.disconnect()}\n          options={leaveOptions}\n        />\n      }\n    >\n      <ControlGroup>\n        <RoomMediaControl source={Track.Source.Microphone} shortcut=\"M\" testId=\"call-mic-toggle\" />\n        <RoomMediaControl source={Track.Source.Camera} shortcut=\"V\" testId=\"call-camera-toggle\" />\n      </ControlGroup>\n      {!tiny && (\n        <>\n          <ControlDivider />\n          <ControlGroup>\n            {full && (\n              <CallControlButton\n                label={share.enabled ? 'Stop sharing' : 'Share your screen'}\n                tone={share.enabled ? 'active' : 'neutral'}\n                aria-pressed={share.enabled}\n                disabled={share.pending}\n                onClick={() => void share.toggle()}\n                data-testid=\"call-share-toggle\"\n              >\n                {share.enabled ? <MonitorX aria-hidden /> : <MonitorUp aria-hidden />}\n              </CallControlButton>\n            )}\n            <TranscriptionToggle transcription={tr} />\n            <RecordingControl recording={recording} />\n          </ControlGroup>\n        </>\n      )}\n      <MoreMenu\n        details={\n          experimental ? (\n            <span\n              className=\"flex items-center gap-1.5 text-xs text-muted-foreground\"\n              data-testid=\"calls-experimental-badge\"\n            >\n              <FlaskConical className=\"size-3.5\" aria-hidden />\n              Calls are an experimental feature.\n            </span>\n          ) : undefined\n        }\n        groups={[overflow, callItems, ...menuGroups]}\n      />\n    </CallControlBar>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * The call panel's control bar, wired to the LiveKit room. One row; what fits stays in it and the\n * rest moves into More, so each action lives in exactly one visible place:\n *   full    \u2014 time \u00B7 mic, camera | share, CC, Record | More \u00B7 Leave\n * Share offers the browser's picker (a screen, a window or a tab) or a document of the workspace,\n * opened in a window of its own with the picker, to choose it.\n *   compact \u2014 mic, camera | CC, Record | More \u00B7 Leave\n *   tiny    \u2014 mic, camera | More \u00B7 Leave\n * Chat is the conversation beside the panel (its own composer) and the participant list is\n * always on show under the video, so neither has a button here.\n */\n\nimport { useBlocksEnvironment } from '../../provider/environment'\nimport { useState, type ReactElement } from 'react'\nimport { Track } from 'livekit-client'\nimport {\n  useAudioPlayback,\n  useMediaDeviceSelect,\n  useRoomContext,\n  useTrackToggle,\n} from '@livekit/components-react'\nimport {\n  Captions,\n  Circle,\n  FileText,\n  FlaskConical,\n  Link2,\n  Lock,\n  LockOpen,\n  MonitorUp,\n  MonitorX,\n  Square,\n  Volume2,\n} from 'lucide-react'\nimport { classifyMediaError, useArbi, useServerCallsExperimental } from '@arbidocs/react'\nimport {\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@arbidocs/react/ui'\nimport {\n  CallControlBar,\n  CallControlButton,\n  ControlDivider,\n  ControlGroup,\n  ElapsedTime,\n  LeaveButton,\n  MediaControl,\n  MoreMenu,\n  type LeaveOption,\n  type MoreMenuItem,\n  type MoreMenuSection,\n} from '../ui'\nimport { TranscriptionToggle } from './CallTranscription'\nimport { RecordingControl } from './CallRecording'\nimport type { CallTranscription, CallRecordingControl } from '@arbidocs/react/calls'\nimport { useMirrorSelfView } from '../self-view'\nimport { ShareDocumentDialog } from './ShareDocumentDialog'\n\nconst SHARE_LABEL = 'Share screen/tab'\n\nexport type ControlDensity = 'full' | 'compact' | 'tiny'\n\ntype MediaSource = Track.Source.Microphone | Track.Source.Camera\n\ntype Notify = ReturnType<typeof useBlocksEnvironment>['notify']\n\nfunction reportDeviceError(notify: Notify, source: MediaSource) {\n  return (err: Error) =>\n    notify(\n      classifyMediaError(err, source === Track.Source.Camera ? 'camera' : 'microphone'),\n      'error'\n    )\n}\n\n/** Microphone or camera of the room, with its device list (and, for the camera, the mirror). */\nfunction RoomMediaControl({\n  source,\n  shortcut,\n  testId,\n}: {\n  source: MediaSource\n  shortcut: string\n  testId: string\n}): ReactElement {\n  const { notify } = useBlocksEnvironment()\n  const mic = source === Track.Source.Microphone\n  const { toggle, enabled, pending } = useTrackToggle({\n    source,\n    onDeviceError: reportDeviceError(notify, source),\n  })\n  const { devices, activeDeviceId, setActiveMediaDevice } = useMediaDeviceSelect({\n    kind: mic ? 'audioinput' : 'videoinput',\n  })\n  const [mirror, setMirror] = useMirrorSelfView()\n  return (\n    <MediaControl\n      kind={mic ? 'microphone' : 'camera'}\n      enabled={enabled}\n      pending={pending}\n      onToggle={() => void toggle()}\n      devices={devices.map((d) => ({ deviceId: d.deviceId, label: d.label }))}\n      activeDeviceId={activeDeviceId}\n      onSelectDevice={(id) =>\n        void setActiveMediaDevice(id).catch((err: Error) => reportDeviceError(notify, source)(err))\n      }\n      shortcut={shortcut}\n      testId={testId}\n      options={\n        mic\n          ? []\n          : [\n              {\n                label: 'Mirror my video',\n                checked: mirror,\n                onChange: setMirror,\n                testId: 'call-mirror-toggle',\n              },\n            ]\n      }\n    />\n  )\n}\n\nfunction useScreenShare() {\n  const { notify } = useBlocksEnvironment()\n  return useTrackToggle({\n    source: Track.Source.ScreenShare,\n    captureOptions: { audio: true, selfBrowserSurface: 'exclude' },\n    onDeviceError: (err: Error) => {\n      // Cancelling the browser's picker is not worth a toast.\n      if (err.name !== 'NotAllowedError') notify(`Could not share: ${err.message}`, 'error')\n    },\n  })\n}\n\n/** \"Enable audio\" when the browser blocked playback until a click (the bar's left end). */\nexport function EnableAudioButton({ compact = false }: { compact?: boolean }): ReactElement | null {\n  const { canPlayAudio, startAudio } = useAudioPlayback()\n  if (canPlayAudio) return null\n  return (\n    <Button\n      type=\"button\"\n      variant=\"outline\"\n      size=\"sm\"\n      className=\"h-8 gap-1.5 border-yellow-border bg-yellow-bg text-yellow-text hover:bg-yellow-bg/80\"\n      onClick={() => void startAudio()}\n      data-testid=\"call-start-audio\"\n    >\n      <Volume2 className=\"size-4\" aria-hidden />\n      {compact ? 'Audio' : 'Enable audio'}\n    </Button>\n  )\n}\n\nexport interface CallControlsProps {\n  callExtId: string\n  isCreator: boolean\n  /** Copy-able join link (anyone with it can ask to join). */\n  link: string | null\n  startedAt: number\n  density: ControlDensity\n  /** Single-key shortcuts on (the panel is on screen). */\n  shortcuts: boolean\n  transcription: CallTranscription\n  recording: CallRecordingControl\n  /** More groups of the More menu (a webinar's chat setting, panel, Leave stage). */\n  menuGroups?: (MoreMenuItem[] | MoreMenuSection)[]\n  /** Leave's further choices (a webinar's End webinar for everyone). */\n  leaveOptions?: LeaveOption[]\n}\n\nexport function CallControls({\n  callExtId,\n  isCreator,\n  link,\n  startedAt,\n  density,\n  shortcuts,\n  transcription: tr,\n  recording,\n  menuGroups = [],\n  leaveOptions,\n}: CallControlsProps): ReactElement {\n  const { notify } = useBlocksEnvironment()\n  const arbi = useArbi()\n  const room = useRoomContext()\n  const share = useScreenShare()\n  const experimental = useServerCallsExperimental()\n  const [locked, setLocked] = useState(false)\n  const [locking, setLocking] = useState(false)\n  const [sharingDocument, setSharingDocument] = useState(false)\n  const full = density === 'full'\n  const tiny = density === 'tiny'\n\n  const toggleLock = async () => {\n    setLocking(true)\n    try {\n      const call = await arbi.calls.update(callExtId, { locked: !locked })\n      setLocked(call.locked)\n      notify(call.locked ? 'Call locked: nobody new can join' : 'Call unlocked', 'info')\n    } catch (err) {\n      notify(`Could not change the lock: ${(err as Error).message}`, 'error')\n    } finally {\n      setLocking(false)\n    }\n  }\n  const copyLink = () => {\n    if (!link) return\n    void navigator.clipboard\n      .writeText(link)\n      .then(() => notify('Call link copied', 'success'))\n      .catch(() => notify('Could not copy the link', 'error'))\n  }\n\n  // What does not fit the bar lives in More.\n  const overflow: MoreMenuItem[] = [\n    ...(!full\n      ? [\n          {\n            key: 'share',\n            label: share.enabled ? 'Stop sharing' : SHARE_LABEL,\n            icon: share.enabled ? <MonitorX /> : <MonitorUp />,\n            onSelect: () => void share.toggle(),\n            disabled: share.pending,\n          },\n          ...(!share.enabled\n            ? [\n                {\n                  key: 'share-document',\n                  label: 'Share a document\u2026',\n                  icon: <FileText />,\n                  onSelect: () => setSharingDocument(true),\n                  testId: 'call-share-document',\n                },\n              ]\n            : []),\n        ]\n      : []),\n    ...(tiny && tr.available && tr.canToggle\n      ? [\n          {\n            key: 'transcribe',\n            label: tr.on ? 'Stop transcription' : 'Transcribe the call',\n            icon: <Captions />,\n            onSelect: () => void tr.toggle(),\n            disabled: tr.busy,\n          },\n        ]\n      : []),\n    ...(tiny && recording.available && recording.canControl\n      ? recording.on\n        ? [\n            {\n              key: 'stop-recording',\n              label: 'Stop recording',\n              icon: <Square className=\"fill-current text-red-text\" />,\n              onSelect: () => void recording.stop(),\n              disabled: recording.busy,\n            },\n          ]\n        : [\n            {\n              key: 'record-audio',\n              label: 'Record audio',\n              icon: <Circle className=\"fill-red-solid text-red-solid\" />,\n              onSelect: () => void recording.requestStart('audio'),\n              disabled: recording.busy,\n            },\n            {\n              key: 'record-video',\n              label: 'Record audio + video',\n              icon: <Circle className=\"fill-red-solid text-red-solid\" />,\n              onSelect: () => void recording.requestStart('audio_video'),\n              disabled: recording.busy,\n            },\n          ]\n      : []),\n  ]\n  const callItems: MoreMenuItem[] = [\n    ...(link\n      ? [\n          {\n            key: 'link',\n            label: 'Copy call link',\n            icon: <Link2 />,\n            onSelect: copyLink,\n            testId: 'call-copy-link',\n          },\n        ]\n      : []),\n    ...(isCreator\n      ? [\n          {\n            key: 'lock',\n            label: locked ? 'Unlock call' : 'Lock call (only invited people can join)',\n            icon: locked ? <LockOpen /> : <Lock />,\n            onSelect: () => void toggleLock(),\n            disabled: locking,\n            testId: 'call-lock-toggle',\n          },\n        ]\n      : []),\n  ]\n\n  return (\n    <CallControlBar\n      shortcuts={shortcuts}\n      left={\n        <>\n          {full && <ElapsedTime since={startedAt} title=\"Time in this call\" />}\n          <EnableAudioButton compact={!full} />\n        </>\n      }\n      right={\n        <LeaveButton\n          compact={!full}\n          onLeave={() => void room.disconnect()}\n          options={leaveOptions}\n        />\n      }\n    >\n      <ControlGroup>\n        <RoomMediaControl source={Track.Source.Microphone} shortcut=\"M\" testId=\"call-mic-toggle\" />\n        <RoomMediaControl source={Track.Source.Camera} shortcut=\"V\" testId=\"call-camera-toggle\" />\n      </ControlGroup>\n      {!tiny && (\n        <>\n          <ControlDivider />\n          <ControlGroup>\n            {full &&\n              (share.enabled ? (\n                <CallControlButton\n                  label=\"Stop sharing\"\n                  tone=\"active\"\n                  aria-pressed\n                  disabled={share.pending}\n                  onClick={() => void share.toggle()}\n                  data-testid=\"call-share-toggle\"\n                >\n                  <MonitorX aria-hidden />\n                </CallControlButton>\n              ) : (\n                <DropdownMenu>\n                  <DropdownMenuTrigger asChild>\n                    <CallControlButton\n                      label={SHARE_LABEL}\n                      tooltip={false}\n                      disabled={share.pending}\n                      data-testid=\"call-share-toggle\"\n                    >\n                      <MonitorUp aria-hidden />\n                    </CallControlButton>\n                  </DropdownMenuTrigger>\n                  <DropdownMenuContent side=\"top\" data-testid=\"call-share-menu\">\n                    <DropdownMenuItem\n                      onSelect={() => void share.toggle()}\n                      data-testid=\"call-share-screen\"\n                    >\n                      <MonitorUp />\n                      {SHARE_LABEL}\n                    </DropdownMenuItem>\n                    <DropdownMenuItem\n                      onSelect={() => setSharingDocument(true)}\n                      data-testid=\"call-share-document\"\n                    >\n                      <FileText />\n                      Share a document\u2026\n                    </DropdownMenuItem>\n                  </DropdownMenuContent>\n                </DropdownMenu>\n              ))}\n            <TranscriptionToggle transcription={tr} />\n            <RecordingControl recording={recording} />\n          </ControlGroup>\n        </>\n      )}\n      <MoreMenu\n        details={\n          experimental ? (\n            <span\n              className=\"flex items-center gap-1.5 text-xs text-muted-foreground\"\n              data-testid=\"calls-experimental-badge\"\n            >\n              <FlaskConical className=\"size-3.5\" aria-hidden />\n              Calls are an experimental feature.\n            </span>\n          ) : undefined\n        }\n        groups={[overflow, callItems, ...menuGroups]}\n      />\n      <ShareDocumentDialog\n        open={sharingDocument}\n        onOpenChange={setSharingDocument}\n        onShare={() => void share.toggle(true)}\n      />\n    </CallControlBar>\n  )\n}\n"],
+  "mappings": ";AAkGI,SAqNI,UArNJ,KA6CA,YA7CA;AAtFJ,SAAS,4BAA4B;AACrC,SAAS,gBAAmC;AAC5C,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB,SAAS,kCAAkC;AACxE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AACP,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AAEjC,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AAEpC,MAAM,cAAc;AAQpB,SAAS,kBAAkB,QAAgB,QAAqB;AAC9D,SAAO,CAAC,QACN;AAAA,IACE,mBAAmB,KAAK,WAAW,MAAM,OAAO,SAAS,WAAW,YAAY;AAAA,IAChF;AAAA,EACF;AACJ;AAGA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACF,GAIiB;AACf,QAAM,EAAE,OAAO,IAAI,qBAAqB;AACxC,QAAM,MAAM,WAAW,MAAM,OAAO;AACpC,QAAM,EAAE,QAAQ,SAAS,QAAQ,IAAI,eAAe;AAAA,IAClD;AAAA,IACA,eAAe,kBAAkB,QAAQ,MAAM;AAAA,EACjD,CAAC;AACD,QAAM,EAAE,SAAS,gBAAgB,qBAAqB,IAAI,qBAAqB;AAAA,IAC7E,MAAM,MAAM,eAAe;AAAA,EAC7B,CAAC;AACD,QAAM,CAAC,QAAQ,SAAS,IAAI,kBAAkB;AAC9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,MAAM,eAAe;AAAA,MAC3B;AAAA,MACA;AAAA,MACA,UAAU,MAAM,KAAK,OAAO;AAAA,MAC5B,SAAS,QAAQ,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,UAAU,OAAO,EAAE,MAAM,EAAE;AAAA,MACtE;AAAA,MACA,gBAAgB,CAAC,OACf,KAAK,qBAAqB,EAAE,EAAE,MAAM,CAAC,QAAe,kBAAkB,QAAQ,MAAM,EAAE,GAAG,CAAC;AAAA,MAE5F;AAAA,MACA;AAAA,MACA,SACE,MACI,CAAC,IACD;AAAA,QACE;AAAA,UACE,OAAO;AAAA,UACP,SAAS;AAAA,UACT,UAAU;AAAA,UACV,QAAQ;AAAA,QACV;AAAA,MACF;AAAA;AAAA,EAER;AAEJ;AAEA,SAAS,iBAAiB;AACxB,QAAM,EAAE,OAAO,IAAI,qBAAqB;AACxC,SAAO,eAAe;AAAA,IACpB,QAAQ,MAAM,OAAO;AAAA,IACrB,gBAAgB,EAAE,OAAO,MAAM,oBAAoB,UAAU;AAAA,IAC7D,eAAe,CAAC,QAAe;AAE7B,UAAI,IAAI,SAAS,kBAAmB,QAAO,oBAAoB,IAAI,OAAO,IAAI,OAAO;AAAA,IACvF;AAAA,EACF,CAAC;AACH;AAGO,SAAS,kBAAkB,EAAE,UAAU,MAAM,GAA+C;AACjG,QAAM,EAAE,cAAc,WAAW,IAAI,iBAAiB;AACtD,MAAI,aAAc,QAAO;AACzB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAAS,MAAM,KAAK,WAAW;AAAA,MAC/B,eAAY;AAAA,MAEZ;AAAA,4BAAC,WAAQ,WAAU,UAAS,eAAW,MAAC;AAAA,QACvC,UAAU,UAAU;AAAA;AAAA;AAAA,EACvB;AAEJ;AAmBO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,aAAa,CAAC;AAAA,EACd;AACF,GAAoC;AAClC,QAAM,EAAE,OAAO,IAAI,qBAAqB;AACxC,QAAM,OAAO,QAAQ;AACrB,QAAM,OAAO,eAAe;AAC5B,QAAM,QAAQ,eAAe;AAC7B,QAAM,eAAe,2BAA2B;AAChD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,KAAK;AAC5D,QAAM,OAAO,YAAY;AACzB,QAAM,OAAO,YAAY;AAEzB,QAAM,aAAa,YAAY;AAC7B,eAAW,IAAI;AACf,QAAI;AACF,YAAM,OAAO,MAAM,KAAK,MAAM,OAAO,WAAW,EAAE,QAAQ,CAAC,OAAO,CAAC;AACnE,gBAAU,KAAK,MAAM;AACrB,aAAO,KAAK,SAAS,qCAAqC,iBAAiB,MAAM;AAAA,IACnF,SAAS,KAAK;AACZ,aAAO,8BAA+B,IAAc,OAAO,IAAI,OAAO;AAAA,IACxE,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF;AACA,QAAM,WAAW,MAAM;AACrB,QAAI,CAAC,KAAM;AACX,SAAK,UAAU,UACZ,UAAU,IAAI,EACd,KAAK,MAAM,OAAO,oBAAoB,SAAS,CAAC,EAChD,MAAM,MAAM,OAAO,2BAA2B,OAAO,CAAC;AAAA,EAC3D;AAGA,QAAM,WAA2B;AAAA,IAC/B,GAAI,CAAC,OACD;AAAA,MACE;AAAA,QACE,KAAK;AAAA,QACL,OAAO,MAAM,UAAU,iBAAiB;AAAA,QACxC,MAAM,MAAM,UAAU,oBAAC,YAAS,IAAK,oBAAC,aAAU;AAAA,QAChD,UAAU,MAAM,KAAK,MAAM,OAAO;AAAA,QAClC,UAAU,MAAM;AAAA,MAClB;AAAA,MACA,GAAI,CAAC,MAAM,UACP;AAAA,QACE;AAAA,UACE,KAAK;AAAA,UACL,OAAO;AAAA,UACP,MAAM,oBAAC,YAAS;AAAA,UAChB,UAAU,MAAM,mBAAmB,IAAI;AAAA,UACvC,QAAQ;AAAA,QACV;AAAA,MACF,IACA,CAAC;AAAA,IACP,IACA,CAAC;AAAA,IACL,GAAI,QAAQ,GAAG,aAAa,GAAG,YAC3B;AAAA,MACE;AAAA,QACE,KAAK;AAAA,QACL,OAAO,GAAG,KAAK,uBAAuB;AAAA,QACtC,MAAM,oBAAC,YAAS;AAAA,QAChB,UAAU,MAAM,KAAK,GAAG,OAAO;AAAA,QAC/B,UAAU,GAAG;AAAA,MACf;AAAA,IACF,IACA,CAAC;AAAA,IACL,GAAI,QAAQ,UAAU,aAAa,UAAU,aACzC,UAAU,KACR;AAAA,MACE;AAAA,QACE,KAAK;AAAA,QACL,OAAO;AAAA,QACP,MAAM,oBAAC,UAAO,WAAU,8BAA6B;AAAA,QACrD,UAAU,MAAM,KAAK,UAAU,KAAK;AAAA,QACpC,UAAU,UAAU;AAAA,MACtB;AAAA,IACF,IACA;AAAA,MACE;AAAA,QACE,KAAK;AAAA,QACL,OAAO;AAAA,QACP,MAAM,oBAAC,UAAO,WAAU,iCAAgC;AAAA,QACxD,UAAU,MAAM,KAAK,UAAU,aAAa,OAAO;AAAA,QACnD,UAAU,UAAU;AAAA,MACtB;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,OAAO;AAAA,QACP,MAAM,oBAAC,UAAO,WAAU,iCAAgC;AAAA,QACxD,UAAU,MAAM,KAAK,UAAU,aAAa,aAAa;AAAA,QACzD,UAAU,UAAU;AAAA,MACtB;AAAA,IACF,IACF,CAAC;AAAA,EACP;AACA,QAAM,YAA4B;AAAA,IAChC,GAAI,OACA;AAAA,MACE;AAAA,QACE,KAAK;AAAA,QACL,OAAO;AAAA,QACP,MAAM,oBAAC,SAAM;AAAA,QACb,UAAU;AAAA,QACV,QAAQ;AAAA,MACV;AAAA,IACF,IACA,CAAC;AAAA,IACL,GAAI,YACA;AAAA,MACE;AAAA,QACE,KAAK;AAAA,QACL,OAAO,SAAS,gBAAgB;AAAA,QAChC,MAAM,SAAS,oBAAC,YAAS,IAAK,oBAAC,QAAK;AAAA,QACpC,UAAU,MAAM,KAAK,WAAW;AAAA,QAChC,UAAU;AAAA,QACV,QAAQ;AAAA,MACV;AAAA,IACF,IACA,CAAC;AAAA,EACP;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MACE,iCACG;AAAA,gBAAQ,oBAAC,eAAY,OAAO,WAAW,OAAM,qBAAoB;AAAA,QAClE,oBAAC,qBAAkB,SAAS,CAAC,MAAM;AAAA,SACrC;AAAA,MAEF,OACE;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,CAAC;AAAA,UACV,SAAS,MAAM,KAAK,KAAK,WAAW;AAAA,UACpC,SAAS;AAAA;AAAA,MACX;AAAA,MAGF;AAAA,6BAAC,gBACC;AAAA,8BAAC,oBAAiB,QAAQ,MAAM,OAAO,YAAY,UAAS,KAAI,QAAO,mBAAkB;AAAA,UACzF,oBAAC,oBAAiB,QAAQ,MAAM,OAAO,QAAQ,UAAS,KAAI,QAAO,sBAAqB;AAAA,WAC1F;AAAA,QACC,CAAC,QACA,iCACE;AAAA,8BAAC,kBAAe;AAAA,UAChB,qBAAC,gBACE;AAAA,qBACE,MAAM,UACL;AAAA,cAAC;AAAA;AAAA,gBACC,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,gBAAY;AAAA,gBACZ,UAAU,MAAM;AAAA,gBAChB,SAAS,MAAM,KAAK,MAAM,OAAO;AAAA,gBACjC,eAAY;AAAA,gBAEZ,8BAAC,YAAS,eAAW,MAAC;AAAA;AAAA,YACxB,IAEA,qBAAC,gBACC;AAAA,kCAAC,uBAAoB,SAAO,MAC1B;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,kBACP,SAAS;AAAA,kBACT,UAAU,MAAM;AAAA,kBAChB,eAAY;AAAA,kBAEZ,8BAAC,aAAU,eAAW,MAAC;AAAA;AAAA,cACzB,GACF;AAAA,cACA,qBAAC,uBAAoB,MAAK,OAAM,eAAY,mBAC1C;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,UAAU,MAAM,KAAK,MAAM,OAAO;AAAA,oBAClC,eAAY;AAAA,oBAEZ;AAAA,0CAAC,aAAU;AAAA,sBACV;AAAA;AAAA;AAAA,gBACH;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,UAAU,MAAM,mBAAmB,IAAI;AAAA,oBACvC,eAAY;AAAA,oBAEZ;AAAA,0CAAC,YAAS;AAAA,sBAAE;AAAA;AAAA;AAAA,gBAEd;AAAA,iBACF;AAAA,eACF;AAAA,YAEJ,oBAAC,uBAAoB,eAAe,IAAI;AAAA,YACxC,oBAAC,oBAAiB,WAAsB;AAAA,aAC1C;AAAA,WACF;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC,SACE,eACE;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,eAAY;AAAA,gBAEZ;AAAA,sCAAC,gBAAa,WAAU,YAAW,eAAW,MAAC;AAAA,kBAAE;AAAA;AAAA;AAAA,YAEnD,IACE;AAAA,YAEN,QAAQ,CAAC,UAAU,WAAW,GAAG,UAAU;AAAA;AAAA,QAC7C;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,cAAc;AAAA,YACd,SAAS,MAAM,KAAK,MAAM,OAAO,IAAI;AAAA;AAAA,QACvC;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/calls/connected/ShareDocumentDialog.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Share a document in the call: pick one of the workspace's documents and, in one click, it opens
+ * in a window of its own (a presentation in the presentation window, anything else in a clean
+ * viewer: the pages only) and the browser's share dialog opens to choose it. Opening the window
+ * spends the click; Chrome shows the share dialog anyway, while a browser that wants a click of its
+ * own (Firefox, Safari) refuses it, and the window is then shared with Share screen/tab.
+ */
+export interface ShareDocumentDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Open the browser's share dialog (the call's screen share), in the same click. */
+    onShare: () => void;
+}
+export declare function ShareDocumentDialog({ open, onOpenChange, onShare }: ShareDocumentDialogProps): import("react").JSX.Element;

package/dist/calls/connected/ShareDocumentDialog.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { MonitorUp } from "lucide-react";
+import { useArbiSessionStore, useDocuments } from "@arbidocs/react";
+import { Button, getDocumentTitle } from "@arbidocs/react/ui";
+import { ModalScaffold } from "../../settings/ModalScaffold.js";
+import { DocumentPicker } from "../../settings/DocumentPicker.js";
+import { useBlocksEnvironment } from "../../provider/environment.js";
+import { openDocumentToShare } from "../../connection/viewer/shareDocument.js";
+function ShareDocumentDialog({ open, onOpenChange, onShare }) {
+  const session = useArbiSessionStore();
+  const { notify } = useBlocksEnvironment();
+  const { data: documents } = useDocuments(void 0, { enabled: open });
+  const [picked, setPicked] = useState("");
+  const groups = useMemo(() => {
+    const docs = (documents ?? []).map((doc) => ({
+      id: doc.external_id,
+      title: 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__ */ jsxs(
+    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__ */ jsx(MonitorUp, { className: "size-5" }),
+      size: "sm",
+      testId: "call-share-document-dialog",
+      children: [
+        /* @__PURE__ */ jsx(ModalScaffold.Body, { children: /* @__PURE__ */ jsx(
+          DocumentPicker,
+          {
+            groups,
+            value: picked,
+            onValueChange: setPicked,
+            labels: { placeholder: "Choose a document" }
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(ModalScaffold.Footer, { children: [
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              onClick: share,
+              disabled: !selected,
+              "data-testid": "call-share-document-open",
+              children: "Open and share"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  ShareDocumentDialog
+};
+//# sourceMappingURL=ShareDocumentDialog.js.map

package/dist/calls/connected/ShareDocumentDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/calls/connected/ShareDocumentDialog.tsx"],
+  "sourcesContent": ["/**\n * Share a document in the call: pick one of the workspace's documents and, in one click, it opens\n * in a window of its own (a presentation in the presentation window, anything else in a clean\n * viewer: the pages only) and the browser's share dialog opens to choose it. Opening the window\n * spends the click; Chrome shows the share dialog anyway, while a browser that wants a click of its\n * own (Firefox, Safari) refuses it, and the window is then shared with Share screen/tab.\n */\n\nimport { useMemo, useState } from 'react'\nimport { MonitorUp } from 'lucide-react'\nimport { useArbiSessionStore, useDocuments } from '@arbidocs/react'\nimport { Button, getDocumentTitle } from '@arbidocs/react/ui'\nimport { ModalScaffold } from '../../settings/ModalScaffold'\nimport { DocumentPicker, type PickerGroup } from '../../settings/DocumentPicker'\nimport { useBlocksEnvironment } from '../../provider/environment'\nimport { openDocumentToShare } from '../../connection/viewer/shareDocument'\n\nexport interface ShareDocumentDialogProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  /** Open the browser's share dialog (the call's screen share), in the same click. */\n  onShare: () => void\n}\n\nexport function ShareDocumentDialog({ open, onOpenChange, onShare }: ShareDocumentDialogProps) {\n  const session = useArbiSessionStore()\n  const { notify } = useBlocksEnvironment()\n  const { data: documents } = useDocuments(undefined, { enabled: open })\n  const [picked, setPicked] = useState('')\n\n  const groups = useMemo<PickerGroup[]>(() => {\n    const docs = (documents ?? [])\n      .map((doc) => ({\n        id: doc.external_id,\n        title: getDocumentTitle(doc, 'Untitled'),\n        fileName: doc.file_name,\n      }))\n      .sort((a, b) => a.title.localeCompare(b.title))\n    return [{ id: 'documents', docs }]\n  }, [documents])\n  const selected = groups[0].docs.find((doc) => doc.id === picked)\n\n  const share = () => {\n    if (!selected) return\n    openDocumentToShare(session, { id: selected.id })\n\n    onShare()\n    notify(\n      `\"${selected.title}\" is open in its own window: choose it in the share dialog (or with Share screen/tab).`,\n      'info'\n    )\n    setPicked('')\n    onOpenChange(false)\n  }\n\n  return (\n    <ModalScaffold\n      open={open}\n      onOpenChange={onOpenChange}\n      title=\"Share a document\"\n      description=\"It opens in a window of its own showing only its pages, and the share dialog opens for you to choose it.\"\n      showDescription\n      icon={<MonitorUp className=\"size-5\" />}\n      size=\"sm\"\n      testId=\"call-share-document-dialog\"\n    >\n      <ModalScaffold.Body>\n        <DocumentPicker\n          groups={groups}\n          value={picked}\n          onValueChange={setPicked}\n          labels={{ placeholder: 'Choose a document' }}\n        />\n      </ModalScaffold.Body>\n      <ModalScaffold.Footer>\n        <Button type=\"button\" variant=\"outline\" onClick={() => onOpenChange(false)}>\n          Cancel\n        </Button>\n        <Button\n          type=\"button\"\n          onClick={share}\n          disabled={!selected}\n          data-testid=\"call-share-document-open\"\n        >\n          Open and share\n        </Button>\n      </ModalScaffold.Footer>\n    </ModalScaffold>\n  )\n}\n"],
+  "mappings": ";AA8DY,cAYN,YAZM;AAtDZ,SAAS,SAAS,gBAAgB;AAClC,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB,oBAAoB;AAClD,SAAS,QAAQ,wBAAwB;AACzC,SAAS,qBAAqB;AAC9B,SAAS,sBAAwC;AACjD,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AAS7B,SAAS,oBAAoB,EAAE,MAAM,cAAc,QAAQ,GAA6B;AAC7F,QAAM,UAAU,oBAAoB;AACpC,QAAM,EAAE,OAAO,IAAI,qBAAqB;AACxC,QAAM,EAAE,MAAM,UAAU,IAAI,aAAa,QAAW,EAAE,SAAS,KAAK,CAAC;AACrE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AAEvC,QAAM,SAAS,QAAuB,MAAM;AAC1C,UAAM,QAAQ,aAAa,CAAC,GACzB,IAAI,CAAC,SAAS;AAAA,MACb,IAAI,IAAI;AAAA,MACR,OAAO,iBAAiB,KAAK,UAAU;AAAA,MACvC,UAAU,IAAI;AAAA,IAChB,EAAE,EACD,KAAK,CAAC,GAAG,MAAM,EAAE,MAAM,cAAc,EAAE,KAAK,CAAC;AAChD,WAAO,CAAC,EAAE,IAAI,aAAa,KAAK,CAAC;AAAA,EACnC,GAAG,CAAC,SAAS,CAAC;AACd,QAAM,WAAW,OAAO,CAAC,EAAE,KAAK,KAAK,CAAC,QAAQ,IAAI,OAAO,MAAM;AAE/D,QAAM,QAAQ,MAAM;AAClB,QAAI,CAAC,SAAU;AACf,wBAAoB,SAAS,EAAE,IAAI,SAAS,GAAG,CAAC;AAEhD,YAAQ;AACR;AAAA,MACE,IAAI,SAAS,KAAK;AAAA,MAClB;AAAA,IACF;AACA,cAAU,EAAE;AACZ,iBAAa,KAAK;AAAA,EACpB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,OAAM;AAAA,MACN,aAAY;AAAA,MACZ,iBAAe;AAAA,MACf,MAAM,oBAAC,aAAU,WAAU,UAAS;AAAA,MACpC,MAAK;AAAA,MACL,QAAO;AAAA,MAEP;AAAA,4BAAC,cAAc,MAAd,EACC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,OAAO;AAAA,YACP,eAAe;AAAA,YACf,QAAQ,EAAE,aAAa,oBAAoB;AAAA;AAAA,QAC7C,GACF;AAAA,QACA,qBAAC,cAAc,QAAd,EACC;AAAA,8BAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,SAAS,MAAM,aAAa,KAAK,GAAG,oBAE5E;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS;AAAA,cACT,UAAU,CAAC;AAAA,cACX,eAAY;AAAA,cACb;AAAA;AAAA,UAED;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}