@wix/legends-platform-sdk 1.0.0

package/dist/cjs/hooks/useMediaRecorder/useReactRecorder.js

@@ -0,0 +1,298 @@
+"use strict";
+
+exports.__esModule = true;
+exports.RecorderErrors = exports.ReactMediaRecorder = void 0;
+exports.useReactMediaRecorder = useReactMediaRecorder;
+var _extendableMediaRecorder = require("extendable-media-recorder");
+var _react = require("react");
+var _extendableMediaRecorderWavEncoder = require("extendable-media-recorder-wav-encoder");
+/* eslint-disable no-undef */
+/**
+ * Experimental (optional).
+ * An enumerated value specifying whether the browser should allow the user to select the current tab for capture.
+ * This helps to avoid the "infinite hall of mirrors" effect experienced when a video conferencing app inadvertently shares its own display.
+ * Possible values are include, which hints that the browser should include the current tab in the choices offered for capture,
+ * and exclude, which hints that it should be excluded.
+ * A default value is not mandated by the spec.
+ * See specs at: https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia#selfbrowsersurface
+ */
+/**
+ * Experimental (optional).
+ * A boolean; a value of true instructs the browser to offer the current tab as the most prominent capture source, i.e. as a separate "This Tab" option in the "Choose what to share" options presented to the user.
+ * This is useful as many app types generally just want to share the current tab.
+ * See specs at: https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia#prefercurrenttab
+ */
+let RecorderErrors = exports.RecorderErrors = /*#__PURE__*/function (RecorderErrors) {
+  RecorderErrors["AbortError"] = "media_aborted";
+  RecorderErrors["NotAllowedError"] = "permission_denied";
+  RecorderErrors["NotFoundError"] = "no_specified_media_found";
+  RecorderErrors["NotReadableError"] = "media_in_use";
+  RecorderErrors["OverconstrainedError"] = "invalid_media_constraints";
+  RecorderErrors["TypeError"] = "no_constraints";
+  RecorderErrors["NONE"] = "";
+  RecorderErrors["NO_RECORDER"] = "recorder_error";
+  return RecorderErrors;
+}({});
+const stopMediaStream = stream => {
+  if (!stream) {
+    return;
+  }
+  stream.getTracks().forEach(track => track.stop());
+};
+function useReactMediaRecorder({
+  audio = true,
+  video = false,
+  selfBrowserSurface = undefined,
+  preferCurrentTab = false,
+  onStop = () => null,
+  onStart = () => null,
+  blobPropertyBag,
+  screen = false,
+  systemAudio = false,
+  mediaRecorderOptions = undefined,
+  customMediaStream = null,
+  stopStreamsOnStop = true,
+  askPermissionOnMount = false
+}) {
+  const mediaRecorder = (0, _react.useRef)(null);
+  const mediaChunks = (0, _react.useRef)([]);
+  const mediaStream = (0, _react.useRef)(null);
+  const mediaStreamRequestId = (0, _react.useRef)(0);
+  const shouldReleaseMediaStream = (0, _react.useRef)(false);
+  const [status, setStatus] = (0, _react.useState)('idle');
+  const [isAudioMuted, setIsAudioMuted] = (0, _react.useState)(false);
+  const [mediaBlobUrl, setMediaBlobUrl] = (0, _react.useState)(undefined);
+  const [error, setError] = (0, _react.useState)('NONE');
+  const [init, setInit] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    if (init) {
+      return;
+    }
+    const setup = async () => {
+      try {
+        await (0, _extendableMediaRecorder.register)(await (0, _extendableMediaRecorderWavEncoder.connect)());
+      } catch (e) {
+        //
+      }
+      setInit(true); // now runs only AFTER the encoder is registered
+    };
+    setup();
+  }, []);
+  const getMediaStream = (0, _react.useCallback)(async () => {
+    shouldReleaseMediaStream.current = false;
+    const requestId = ++mediaStreamRequestId.current;
+    setStatus('acquiring_media');
+    const requiredMedia = {
+      audio: typeof audio === 'boolean' ? !!audio : audio,
+      video: typeof video === 'boolean' ? !!video : video
+    };
+    try {
+      let stream;
+      if (customMediaStream) {
+        stream = customMediaStream;
+      } else if (screen) {
+        stream = await window.navigator.mediaDevices.getDisplayMedia({
+          video: video || true,
+          audio: systemAudio,
+          // @ts-expect-error
+          selfBrowserSurface,
+          preferCurrentTab,
+          suppressLocalAudioPlayback: false
+        });
+        stream.getVideoTracks()[0].addEventListener('ended', () => {
+          stopRecording();
+        });
+        // Add microphone audio if requested (and not using system audio only)
+        if (audio && !systemAudio) {
+          const audioStream = await window.navigator.mediaDevices.getUserMedia({
+            audio
+          });
+          audioStream.getAudioTracks().forEach(audioTrack => stream.addTrack(audioTrack));
+        }
+      } else {
+        stream = await window.navigator.mediaDevices.getUserMedia(requiredMedia);
+      }
+      if (shouldReleaseMediaStream.current || requestId !== mediaStreamRequestId.current) {
+        stopMediaStream(stream);
+        return;
+      }
+      mediaStream.current = stream;
+      setStatus('idle');
+    } catch (error) {
+      setError(error.name);
+      setStatus('idle');
+    }
+  }, [audio, video, screen, systemAudio]);
+  (0, _react.useEffect)(() => {
+    if (!window.MediaRecorder) {
+      throw new Error('Unsupported Browser');
+    }
+    if (screen) {
+      if (!window.navigator.mediaDevices.getDisplayMedia) {
+        throw new Error("This browser doesn't support screen capturing");
+      }
+    }
+    const checkConstraints = mediaType => {
+      const supportedMediaConstraints = navigator.mediaDevices.getSupportedConstraints();
+      const unSupportedConstraints = Object.keys(mediaType).filter(constraint => !supportedMediaConstraints[constraint]);
+      if (unSupportedConstraints.length > 0) {
+        console.error(`The constraints ${unSupportedConstraints.join(',')} doesn't support on this browser. Please check your ReactMediaRecorder component.`);
+      }
+    };
+    if (typeof audio === 'object') {
+      checkConstraints(audio);
+    }
+    if (typeof video === 'object') {
+      checkConstraints(video);
+    }
+    if (init && mediaRecorderOptions && mediaRecorderOptions.mimeType) {
+      if (!_extendableMediaRecorder.MediaRecorder.isTypeSupported(mediaRecorderOptions.mimeType)) {
+        console.error(`The specified MIME type you supplied for MediaRecorder doesn't support this browser`);
+      }
+    }
+    if (!mediaStream.current && askPermissionOnMount) {
+      getMediaStream();
+    }
+    return () => {
+      shouldReleaseMediaStream.current = true;
+      mediaStreamRequestId.current += 1;
+      stopMediaStream(mediaStream.current);
+      mediaStream.current = null;
+    };
+  }, [audio, screen, video, getMediaStream, mediaRecorderOptions, askPermissionOnMount, init]);
+
+  // Media Recorder Handlers
+
+  const startRecording = async () => {
+    setError('NONE');
+    if (!mediaStream.current) {
+      await getMediaStream();
+    }
+    if (mediaStream.current) {
+      const isStreamEnded = mediaStream.current.getTracks().some(track => track.readyState === 'ended');
+      if (isStreamEnded) {
+        await getMediaStream();
+      }
+
+      // User blocked the permissions (getMediaStream errored out)
+      if (!mediaStream.current.active) {
+        return;
+      }
+      mediaRecorder.current = new _extendableMediaRecorder.MediaRecorder(mediaStream.current, mediaRecorderOptions || undefined);
+      mediaRecorder.current.ondataavailable = onRecordingActive;
+      mediaRecorder.current.onstop = onRecordingStop;
+      mediaRecorder.current.onstart = onRecordingStart;
+      mediaRecorder.current.onerror = () => {
+        setError('NO_RECORDER');
+        setStatus('idle');
+      };
+      mediaRecorder.current.start(1000);
+      setStatus('recording');
+    }
+  };
+  const onRecordingActive = ({
+    data
+  }) => {
+    mediaChunks.current.push(data);
+  };
+  const onRecordingStart = () => {
+    onStart();
+  };
+  const onRecordingStop = () => {
+    const chunks = mediaChunks.current;
+    if (chunks.length === 0) {
+      setStatus('stopped');
+      return;
+    }
+    const [firstChunk] = chunks;
+    const blobProperty = {
+      type: firstChunk.type,
+      ...(blobPropertyBag || (video ? {
+        type: 'video/mp4'
+      } : {
+        type: 'audio/wav'
+      }))
+    };
+    const blob = new Blob(chunks, blobProperty);
+    const url = URL.createObjectURL(blob);
+    setStatus('stopped');
+    setMediaBlobUrl(url);
+    onStop(url, blob);
+    // Clear chunks after processing
+    mediaChunks.current = [];
+  };
+  const muteAudio = mute => {
+    setIsAudioMuted(mute);
+    if (mediaStream.current) {
+      mediaStream.current.getAudioTracks().forEach(audioTrack => audioTrack.enabled = !mute);
+    }
+  };
+  const pauseRecording = () => {
+    if (mediaRecorder.current && mediaRecorder.current.state === 'recording') {
+      setStatus('paused');
+      mediaRecorder.current.pause();
+    }
+  };
+  const resumeRecording = () => {
+    if (mediaRecorder.current && mediaRecorder.current.state === 'paused') {
+      setStatus('recording');
+      mediaRecorder.current.resume();
+    }
+  };
+  const stopRecording = () => {
+    if (mediaRecorder.current) {
+      if (mediaRecorder.current.state !== 'inactive') {
+        setStatus('stopping');
+        mediaRecorder.current.stop();
+        if (stopStreamsOnStop) {
+          stopMediaStream(mediaStream.current);
+        }
+        // Note: chunks are cleared in onRecordingStop after blob is created
+      }
+    }
+  };
+
+  // use this to release the stream when the component is unmounted
+  const releaseStream = () => {
+    shouldReleaseMediaStream.current = true;
+    mediaStreamRequestId.current += 1;
+    if (mediaRecorder.current && mediaRecorder.current.state !== 'inactive') {
+      mediaRecorder.current.stop();
+    }
+    stopMediaStream(mediaStream.current);
+    mediaStream.current = null;
+    setStatus('idle');
+    setIsAudioMuted(false);
+  };
+  const previewStream = (0, _react.useMemo)(() => {
+    return mediaStream.current ? new MediaStream(mediaStream.current.getVideoTracks()) : null;
+  }, [status]);
+  const previewAudioStream = (0, _react.useMemo)(() => {
+    return mediaStream.current ? new MediaStream(mediaStream.current.getAudioTracks()) : null;
+  }, [status]);
+  return {
+    error: RecorderErrors[error],
+    muteAudio: () => muteAudio(true),
+    unMuteAudio: () => muteAudio(false),
+    startRecording,
+    pauseRecording,
+    resumeRecording,
+    stopRecording,
+    releaseStream,
+    mediaBlobUrl,
+    status,
+    isAudioMuted,
+    previewStream,
+    previewAudioStream,
+    clearBlobUrl: () => {
+      if (mediaBlobUrl) {
+        URL.revokeObjectURL(mediaBlobUrl);
+      }
+      setMediaBlobUrl(undefined);
+      setStatus('idle');
+    }
+  };
+}
+const ReactMediaRecorder = props => props.render(useReactMediaRecorder(props));
+exports.ReactMediaRecorder = ReactMediaRecorder;
+//# sourceMappingURL=useReactRecorder.js.map

package/dist/cjs/hooks/useMediaRecorder/useReactRecorder.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_extendableMediaRecorder","require","_react","_extendableMediaRecorderWavEncoder","RecorderErrors","exports","stopMediaStream","stream","getTracks","forEach","track","stop","useReactMediaRecorder","audio","video","selfBrowserSurface","undefined","preferCurrentTab","onStop","onStart","blobPropertyBag","screen","systemAudio","mediaRecorderOptions","customMediaStream","stopStreamsOnStop","askPermissionOnMount","mediaRecorder","useRef","mediaChunks","mediaStream","mediaStreamRequestId","shouldReleaseMediaStream","status","setStatus","useState","isAudioMuted","setIsAudioMuted","mediaBlobUrl","setMediaBlobUrl","error","setError","init","setInit","useEffect","setup","register","connect","e","getMediaStream","useCallback","current","requestId","requiredMedia","window","navigator","mediaDevices","getDisplayMedia","suppressLocalAudioPlayback","getVideoTracks","addEventListener","stopRecording","audioStream","getUserMedia","getAudioTracks","audioTrack","addTrack","name","MediaRecorder","Error","checkConstraints","mediaType","supportedMediaConstraints","getSupportedConstraints","unSupportedConstraints","Object","keys","filter","constraint","length","console","join","mimeType","ExtendableMediaRecorder","isTypeSupported","startRecording","isStreamEnded","some","readyState","active","ondataavailable","onRecordingActive","onstop","onRecordingStop","onstart","onRecordingStart","onerror","start","data","push","chunks","firstChunk","blobProperty","type","blob","Blob","url","URL","createObjectURL","muteAudio","mute","enabled","pauseRecording","state","pause","resumeRecording","resume","releaseStream","previewStream","useMemo","MediaStream","previewAudioStream","unMuteAudio","clearBlobUrl","revokeObjectURL","ReactMediaRecorder","props","render"],"sources":["../../../../src/hooks/useMediaRecorder/useReactRecorder.tsx"],"sourcesContent":["/* eslint-disable no-undef */\nimport {\n  register,\n  MediaRecorder as ExtendableMediaRecorder,\n  IMediaRecorder,\n} from 'extendable-media-recorder';\nimport {\n  ReactElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  useMemo,\n} from 'react';\nimport { connect } from 'extendable-media-recorder-wav-encoder';\n\nexport type ReactMediaRecorderRenderProps = {\n  error: string;\n  muteAudio: () => void;\n  unMuteAudio: () => void;\n  startRecording: () => void;\n  pauseRecording: () => void;\n  resumeRecording: () => void;\n  stopRecording: () => void;\n  mediaBlobUrl: undefined | string;\n  status: StatusMessages;\n  isAudioMuted: boolean;\n  previewStream: MediaStream | null;\n  previewAudioStream: MediaStream | null;\n  clearBlobUrl: () => void;\n  releaseStream: () => void;\n};\n\nexport type ReactMediaRecorderHookProps = {\n  audio?: boolean | MediaTrackConstraints;\n  video?: boolean | MediaTrackConstraints;\n  screen?: boolean;\n  /**\n   * When true, captures system audio from the tab/screen being shared\n   * instead of microphone audio. Only works when screen=true.\n   */\n  systemAudio?: boolean | MediaTrackConstraints;\n  selfBrowserSurface?: SelfBrowserSurface;\n  preferCurrentTab?: PreferCurrentTab;\n  onStop?: (blobUrl: string, blob: Blob) => void;\n  onStart?: () => void;\n  blobPropertyBag?: BlobPropertyBag;\n  mediaRecorderOptions?: MediaRecorderOptions | undefined;\n  customMediaStream?: MediaStream | null;\n  stopStreamsOnStop?: boolean;\n  askPermissionOnMount?: boolean;\n};\nexport type ReactMediaRecorderProps = ReactMediaRecorderHookProps & {\n  render: (props: ReactMediaRecorderRenderProps) => ReactElement;\n};\n\n/**\n * Experimental (optional).\n * An enumerated value specifying whether the browser should allow the user to select the current tab for capture.\n * This helps to avoid the \"infinite hall of mirrors\" effect experienced when a video conferencing app inadvertently shares its own display.\n * Possible values are include, which hints that the browser should include the current tab in the choices offered for capture,\n * and exclude, which hints that it should be excluded.\n * A default value is not mandated by the spec.\n * See specs at: https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia#selfbrowsersurface\n */\nexport type SelfBrowserSurface = undefined | 'include' | 'exclude';\n\n/**\n * Experimental (optional).\n * A boolean; a value of true instructs the browser to offer the current tab as the most prominent capture source, i.e. as a separate \"This Tab\" option in the \"Choose what to share\" options presented to the user.\n * This is useful as many app types generally just want to share the current tab.\n * See specs at: https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia#prefercurrenttab\n */\nexport type PreferCurrentTab = true | false;\n\nexport type StatusMessages =\n  | 'media_aborted'\n  | 'permission_denied'\n  | 'no_specified_media_found'\n  | 'media_in_use'\n  | 'invalid_media_constraints'\n  | 'no_constraints'\n  | 'recorder_error'\n  | 'idle'\n  | 'acquiring_media'\n  | 'delayed_start'\n  | 'recording'\n  | 'stopping'\n  | 'stopped'\n  | 'paused';\n\nexport enum RecorderErrors {\n  AbortError = 'media_aborted',\n  NotAllowedError = 'permission_denied',\n  NotFoundError = 'no_specified_media_found',\n  NotReadableError = 'media_in_use',\n  OverconstrainedError = 'invalid_media_constraints',\n  TypeError = 'no_constraints',\n  NONE = '',\n  NO_RECORDER = 'recorder_error',\n}\n\nconst stopMediaStream = (stream: MediaStream | null) => {\n  if (!stream) {\n    return;\n  }\n\n  stream.getTracks().forEach((track) => track.stop());\n};\n\nexport function useReactMediaRecorder({\n  audio = true,\n  video = false,\n  selfBrowserSurface = undefined,\n  preferCurrentTab = false,\n  onStop = () => null,\n  onStart = () => null,\n  blobPropertyBag,\n  screen = false,\n  systemAudio = false,\n  mediaRecorderOptions = undefined,\n  customMediaStream = null,\n  stopStreamsOnStop = true,\n  askPermissionOnMount = false,\n}: ReactMediaRecorderHookProps): ReactMediaRecorderRenderProps {\n  const mediaRecorder = useRef<IMediaRecorder | null>(null);\n  const mediaChunks = useRef<Blob[]>([]);\n  const mediaStream = useRef<MediaStream | null>(null);\n  const mediaStreamRequestId = useRef(0);\n  const shouldReleaseMediaStream = useRef(false);\n  const [status, setStatus] = useState<StatusMessages>('idle');\n  const [isAudioMuted, setIsAudioMuted] = useState<boolean>(false);\n  const [mediaBlobUrl, setMediaBlobUrl] = useState<string | undefined>(\n    undefined,\n  );\n  const [error, setError] = useState<keyof typeof RecorderErrors>('NONE');\n  const [init, setInit] = useState(false);\n\n  useEffect(() => {\n    if (init) {\n      return;\n    }\n\n    const setup = async () => {\n      try {\n        await register(await connect());\n      } catch (e) {\n        //\n      }\n      setInit(true); // now runs only AFTER the encoder is registered\n    };\n\n    setup();\n  }, []);\n\n  const getMediaStream = useCallback(async () => {\n    shouldReleaseMediaStream.current = false;\n    const requestId = ++mediaStreamRequestId.current;\n    setStatus('acquiring_media');\n    const requiredMedia: MediaStreamConstraints = {\n      audio: typeof audio === 'boolean' ? !!audio : audio,\n      video: typeof video === 'boolean' ? !!video : video,\n    };\n    try {\n      let stream: MediaStream;\n\n      if (customMediaStream) {\n        stream = customMediaStream;\n      } else if (screen) {\n        stream = (await window.navigator.mediaDevices.getDisplayMedia({\n          video: video || true,\n          audio: systemAudio,\n          // @ts-expect-error\n          selfBrowserSurface,\n          preferCurrentTab,\n          suppressLocalAudioPlayback: false,\n        })) as MediaStream;\n        stream.getVideoTracks()[0].addEventListener('ended', () => {\n          stopRecording();\n        });\n        // Add microphone audio if requested (and not using system audio only)\n        if (audio && !systemAudio) {\n          const audioStream = await window.navigator.mediaDevices.getUserMedia({\n            audio,\n          });\n\n          audioStream\n            .getAudioTracks()\n            .forEach((audioTrack) => stream.addTrack(audioTrack));\n        }\n      } else {\n        stream = await window.navigator.mediaDevices.getUserMedia(\n          requiredMedia,\n        );\n      }\n\n      if (\n        shouldReleaseMediaStream.current ||\n        requestId !== mediaStreamRequestId.current\n      ) {\n        stopMediaStream(stream);\n        return;\n      }\n\n      mediaStream.current = stream;\n      setStatus('idle');\n    } catch (error: any) {\n      setError(error.name);\n      setStatus('idle');\n    }\n  }, [audio, video, screen, systemAudio]);\n\n  useEffect(() => {\n    if (!window.MediaRecorder) {\n      throw new Error('Unsupported Browser');\n    }\n\n    if (screen) {\n      if (!window.navigator.mediaDevices.getDisplayMedia) {\n        throw new Error(\"This browser doesn't support screen capturing\");\n      }\n    }\n\n    const checkConstraints = (mediaType: MediaTrackConstraints) => {\n      const supportedMediaConstraints =\n        navigator.mediaDevices.getSupportedConstraints();\n      const unSupportedConstraints = Object.keys(mediaType).filter(\n        (constraint) =>\n          !(supportedMediaConstraints as { [key: string]: any })[constraint],\n      );\n\n      if (unSupportedConstraints.length > 0) {\n        console.error(\n          `The constraints ${unSupportedConstraints.join(\n            ',',\n          )} doesn't support on this browser. Please check your ReactMediaRecorder component.`,\n        );\n      }\n    };\n\n    if (typeof audio === 'object') {\n      checkConstraints(audio);\n    }\n    if (typeof video === 'object') {\n      checkConstraints(video);\n    }\n\n    if (init && mediaRecorderOptions && mediaRecorderOptions.mimeType) {\n      if (\n        !ExtendableMediaRecorder.isTypeSupported(mediaRecorderOptions.mimeType)\n      ) {\n        console.error(\n          `The specified MIME type you supplied for MediaRecorder doesn't support this browser`,\n        );\n      }\n    }\n\n    if (!mediaStream.current && askPermissionOnMount) {\n      getMediaStream();\n    }\n\n    return () => {\n      shouldReleaseMediaStream.current = true;\n      mediaStreamRequestId.current += 1;\n      stopMediaStream(mediaStream.current);\n      mediaStream.current = null;\n    };\n  }, [\n    audio,\n    screen,\n    video,\n    getMediaStream,\n    mediaRecorderOptions,\n    askPermissionOnMount,\n    init,\n  ]);\n\n  // Media Recorder Handlers\n\n  const startRecording = async () => {\n    setError('NONE');\n    if (!mediaStream.current) {\n      await getMediaStream();\n    }\n    if (mediaStream.current) {\n      const isStreamEnded = mediaStream.current\n        .getTracks()\n        .some((track) => track.readyState === 'ended');\n      if (isStreamEnded) {\n        await getMediaStream();\n      }\n\n      // User blocked the permissions (getMediaStream errored out)\n      if (!mediaStream.current.active) {\n        return;\n      }\n      mediaRecorder.current = new ExtendableMediaRecorder(\n        mediaStream.current,\n        mediaRecorderOptions || undefined,\n      );\n      mediaRecorder.current.ondataavailable = onRecordingActive;\n      mediaRecorder.current.onstop = onRecordingStop;\n      mediaRecorder.current.onstart = onRecordingStart;\n      mediaRecorder.current.onerror = () => {\n        setError('NO_RECORDER');\n        setStatus('idle');\n      };\n      mediaRecorder.current.start(1000);\n      setStatus('recording');\n    }\n  };\n\n  const onRecordingActive = ({ data }: BlobEvent) => {\n    mediaChunks.current.push(data);\n  };\n\n  const onRecordingStart = () => {\n    onStart();\n  };\n\n  const onRecordingStop = () => {\n    const chunks = mediaChunks.current;\n    if (chunks.length === 0) {\n      setStatus('stopped');\n      return;\n    }\n    const [firstChunk] = chunks;\n    const blobProperty: BlobPropertyBag = {\n      type: firstChunk.type,\n      ...(blobPropertyBag ||\n        (video ? { type: 'video/mp4' } : { type: 'audio/wav' })),\n    };\n    const blob = new Blob(chunks, blobProperty);\n    const url = URL.createObjectURL(blob);\n    setStatus('stopped');\n    setMediaBlobUrl(url);\n    onStop(url, blob);\n    // Clear chunks after processing\n    mediaChunks.current = [];\n  };\n\n  const muteAudio = (mute: boolean) => {\n    setIsAudioMuted(mute);\n    if (mediaStream.current) {\n      mediaStream.current\n        .getAudioTracks()\n        .forEach((audioTrack) => (audioTrack.enabled = !mute));\n    }\n  };\n\n  const pauseRecording = () => {\n    if (mediaRecorder.current && mediaRecorder.current.state === 'recording') {\n      setStatus('paused');\n      mediaRecorder.current.pause();\n    }\n  };\n  const resumeRecording = () => {\n    if (mediaRecorder.current && mediaRecorder.current.state === 'paused') {\n      setStatus('recording');\n      mediaRecorder.current.resume();\n    }\n  };\n\n  const stopRecording = () => {\n    if (mediaRecorder.current) {\n      if (mediaRecorder.current.state !== 'inactive') {\n        setStatus('stopping');\n        mediaRecorder.current.stop();\n        if (stopStreamsOnStop) {\n          stopMediaStream(mediaStream.current);\n        }\n        // Note: chunks are cleared in onRecordingStop after blob is created\n      }\n    }\n  };\n\n  // use this to release the stream when the component is unmounted\n  const releaseStream = () => {\n    shouldReleaseMediaStream.current = true;\n    mediaStreamRequestId.current += 1;\n\n    if (mediaRecorder.current && mediaRecorder.current.state !== 'inactive') {\n      mediaRecorder.current.stop();\n    }\n\n    stopMediaStream(mediaStream.current);\n    mediaStream.current = null;\n    setStatus('idle');\n    setIsAudioMuted(false);\n  };\n\n  const previewStream = useMemo(() => {\n    return mediaStream.current\n      ? new MediaStream(mediaStream.current.getVideoTracks())\n      : null;\n  }, [status]);\n\n  const previewAudioStream = useMemo(() => {\n    return mediaStream.current\n      ? new MediaStream(mediaStream.current.getAudioTracks())\n      : null;\n  }, [status]);\n\n  return {\n    error: RecorderErrors[error],\n    muteAudio: () => muteAudio(true),\n    unMuteAudio: () => muteAudio(false),\n    startRecording,\n    pauseRecording,\n    resumeRecording,\n    stopRecording,\n    releaseStream,\n    mediaBlobUrl,\n    status,\n    isAudioMuted,\n    previewStream,\n    previewAudioStream,\n    clearBlobUrl: () => {\n      if (mediaBlobUrl) {\n        URL.revokeObjectURL(mediaBlobUrl);\n      }\n      setMediaBlobUrl(undefined);\n      setStatus('idle');\n    },\n  };\n}\n\nexport const ReactMediaRecorder = (props: ReactMediaRecorderProps) =>\n  props.render(useReactMediaRecorder(props));\n"],"mappings":";;;;;AACA,IAAAA,wBAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AAQA,IAAAE,kCAAA,GAAAF,OAAA;AAdA;AAwDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AALA,IAwBYG,cAAc,GAAAC,OAAA,CAAAD,cAAA,0BAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA;AAW1B,MAAME,eAAe,GAAIC,MAA0B,IAAK;EACtD,IAAI,CAACA,MAAM,EAAE;IACX;EACF;EAEAA,MAAM,CAACC,SAAS,CAAC,CAAC,CAACC,OAAO,CAAEC,KAAK,IAAKA,KAAK,CAACC,IAAI,CAAC,CAAC,CAAC;AACrD,CAAC;AAEM,SAASC,qBAAqBA,CAAC;EACpCC,KAAK,GAAG,IAAI;EACZC,KAAK,GAAG,KAAK;EACbC,kBAAkB,GAAGC,SAAS;EAC9BC,gBAAgB,GAAG,KAAK;EACxBC,MAAM,GAAGA,CAAA,KAAM,IAAI;EACnBC,OAAO,GAAGA,CAAA,KAAM,IAAI;EACpBC,eAAe;EACfC,MAAM,GAAG,KAAK;EACdC,WAAW,GAAG,KAAK;EACnBC,oBAAoB,GAAGP,SAAS;EAChCQ,iBAAiB,GAAG,IAAI;EACxBC,iBAAiB,GAAG,IAAI;EACxBC,oBAAoB,GAAG;AACI,CAAC,EAAiC;EAC7D,MAAMC,aAAa,GAAG,IAAAC,aAAM,EAAwB,IAAI,CAAC;EACzD,MAAMC,WAAW,GAAG,IAAAD,aAAM,EAAS,EAAE,CAAC;EACtC,MAAME,WAAW,GAAG,IAAAF,aAAM,EAAqB,IAAI,CAAC;EACpD,MAAMG,oBAAoB,GAAG,IAAAH,aAAM,EAAC,CAAC,CAAC;EACtC,MAAMI,wBAAwB,GAAG,IAAAJ,aAAM,EAAC,KAAK,CAAC;EAC9C,MAAM,CAACK,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAiB,MAAM,CAAC;EAC5D,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAF,eAAQ,EAAU,KAAK,CAAC;EAChE,MAAM,CAACG,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAJ,eAAQ,EAC9CnB,SACF,CAAC;EACD,MAAM,CAACwB,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAN,eAAQ,EAA8B,MAAM,CAAC;EACvE,MAAM,CAACO,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAR,eAAQ,EAAC,KAAK,CAAC;EAEvC,IAAAS,gBAAS,EAAC,MAAM;IACd,IAAIF,IAAI,EAAE;MACR;IACF;IAEA,MAAMG,KAAK,GAAG,MAAAA,CAAA,KAAY;MACxB,IAAI;QACF,MAAM,IAAAC,iCAAQ,EAAC,MAAM,IAAAC,0CAAO,EAAC,CAAC,CAAC;MACjC,CAAC,CAAC,OAAOC,CAAC,EAAE;QACV;MAAA;MAEFL,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IACjB,CAAC;IAEDE,KAAK,CAAC,CAAC;EACT,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,cAAc,GAAG,IAAAC,kBAAW,EAAC,YAAY;IAC7ClB,wBAAwB,CAACmB,OAAO,GAAG,KAAK;IACxC,MAAMC,SAAS,GAAG,EAAErB,oBAAoB,CAACoB,OAAO;IAChDjB,SAAS,CAAC,iBAAiB,CAAC;IAC5B,MAAMmB,aAAqC,GAAG;MAC5CxC,KAAK,EAAE,OAAOA,KAAK,KAAK,SAAS,GAAG,CAAC,CAACA,KAAK,GAAGA,KAAK;MACnDC,KAAK,EAAE,OAAOA,KAAK,KAAK,SAAS,GAAG,CAAC,CAACA,KAAK,GAAGA;IAChD,CAAC;IACD,IAAI;MACF,IAAIP,MAAmB;MAEvB,IAAIiB,iBAAiB,EAAE;QACrBjB,MAAM,GAAGiB,iBAAiB;MAC5B,CAAC,MAAM,IAAIH,MAAM,EAAE;QACjBd,MAAM,GAAI,MAAM+C,MAAM,CAACC,SAAS,CAACC,YAAY,CAACC,eAAe,CAAC;UAC5D3C,KAAK,EAAEA,KAAK,IAAI,IAAI;UACpBD,KAAK,EAAES,WAAW;UAClB;UACAP,kBAAkB;UAClBE,gBAAgB;UAChByC,0BAA0B,EAAE;QAC9B,CAAC,CAAiB;QAClBnD,MAAM,CAACoD,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAACC,gBAAgB,CAAC,OAAO,EAAE,MAAM;UACzDC,aAAa,CAAC,CAAC;QACjB,CAAC,CAAC;QACF;QACA,IAAIhD,KAAK,IAAI,CAACS,WAAW,EAAE;UACzB,MAAMwC,WAAW,GAAG,MAAMR,MAAM,CAACC,SAAS,CAACC,YAAY,CAACO,YAAY,CAAC;YACnElD;UACF,CAAC,CAAC;UAEFiD,WAAW,CACRE,cAAc,CAAC,CAAC,CAChBvD,OAAO,CAAEwD,UAAU,IAAK1D,MAAM,CAAC2D,QAAQ,CAACD,UAAU,CAAC,CAAC;QACzD;MACF,CAAC,MAAM;QACL1D,MAAM,GAAG,MAAM+C,MAAM,CAACC,SAAS,CAACC,YAAY,CAACO,YAAY,CACvDV,aACF,CAAC;MACH;MAEA,IACErB,wBAAwB,CAACmB,OAAO,IAChCC,SAAS,KAAKrB,oBAAoB,CAACoB,OAAO,EAC1C;QACA7C,eAAe,CAACC,MAAM,CAAC;QACvB;MACF;MAEAuB,WAAW,CAACqB,OAAO,GAAG5C,MAAM;MAC5B2B,SAAS,CAAC,MAAM,CAAC;IACnB,CAAC,CAAC,OAAOM,KAAU,EAAE;MACnBC,QAAQ,CAACD,KAAK,CAAC2B,IAAI,CAAC;MACpBjC,SAAS,CAAC,MAAM,CAAC;IACnB;EACF,CAAC,EAAE,CAACrB,KAAK,EAAEC,KAAK,EAAEO,MAAM,EAAEC,WAAW,CAAC,CAAC;EAEvC,IAAAsB,gBAAS,EAAC,MAAM;IACd,IAAI,CAACU,MAAM,CAACc,aAAa,EAAE;MACzB,MAAM,IAAIC,KAAK,CAAC,qBAAqB,CAAC;IACxC;IAEA,IAAIhD,MAAM,EAAE;MACV,IAAI,CAACiC,MAAM,CAACC,SAAS,CAACC,YAAY,CAACC,eAAe,EAAE;QAClD,MAAM,IAAIY,KAAK,CAAC,+CAA+C,CAAC;MAClE;IACF;IAEA,MAAMC,gBAAgB,GAAIC,SAAgC,IAAK;MAC7D,MAAMC,yBAAyB,GAC7BjB,SAAS,CAACC,YAAY,CAACiB,uBAAuB,CAAC,CAAC;MAClD,MAAMC,sBAAsB,GAAGC,MAAM,CAACC,IAAI,CAACL,SAAS,CAAC,CAACM,MAAM,CACzDC,UAAU,IACT,CAAEN,yBAAyB,CAA4BM,UAAU,CACrE,CAAC;MAED,IAAIJ,sBAAsB,CAACK,MAAM,GAAG,CAAC,EAAE;QACrCC,OAAO,CAACxC,KAAK,CACX,mBAAmBkC,sBAAsB,CAACO,IAAI,CAC5C,GACF,CAAC,mFACH,CAAC;MACH;IACF,CAAC;IAED,IAAI,OAAOpE,KAAK,KAAK,QAAQ,EAAE;MAC7ByD,gBAAgB,CAACzD,KAAK,CAAC;IACzB;IACA,IAAI,OAAOC,KAAK,KAAK,QAAQ,EAAE;MAC7BwD,gBAAgB,CAACxD,KAAK,CAAC;IACzB;IAEA,IAAI4B,IAAI,IAAInB,oBAAoB,IAAIA,oBAAoB,CAAC2D,QAAQ,EAAE;MACjE,IACE,CAACC,sCAAuB,CAACC,eAAe,CAAC7D,oBAAoB,CAAC2D,QAAQ,CAAC,EACvE;QACAF,OAAO,CAACxC,KAAK,CACX,qFACF,CAAC;MACH;IACF;IAEA,IAAI,CAACV,WAAW,CAACqB,OAAO,IAAIzB,oBAAoB,EAAE;MAChDuB,cAAc,CAAC,CAAC;IAClB;IAEA,OAAO,MAAM;MACXjB,wBAAwB,CAACmB,OAAO,GAAG,IAAI;MACvCpB,oBAAoB,CAACoB,OAAO,IAAI,CAAC;MACjC7C,eAAe,CAACwB,WAAW,CAACqB,OAAO,CAAC;MACpCrB,WAAW,CAACqB,OAAO,GAAG,IAAI;IAC5B,CAAC;EACH,CAAC,EAAE,CACDtC,KAAK,EACLQ,MAAM,EACNP,KAAK,EACLmC,cAAc,EACd1B,oBAAoB,EACpBG,oBAAoB,EACpBgB,IAAI,CACL,CAAC;;EAEF;;EAEA,MAAM2C,cAAc,GAAG,MAAAA,CAAA,KAAY;IACjC5C,QAAQ,CAAC,MAAM,CAAC;IAChB,IAAI,CAACX,WAAW,CAACqB,OAAO,EAAE;MACxB,MAAMF,cAAc,CAAC,CAAC;IACxB;IACA,IAAInB,WAAW,CAACqB,OAAO,EAAE;MACvB,MAAMmC,aAAa,GAAGxD,WAAW,CAACqB,OAAO,CACtC3C,SAAS,CAAC,CAAC,CACX+E,IAAI,CAAE7E,KAAK,IAAKA,KAAK,CAAC8E,UAAU,KAAK,OAAO,CAAC;MAChD,IAAIF,aAAa,EAAE;QACjB,MAAMrC,cAAc,CAAC,CAAC;MACxB;;MAEA;MACA,IAAI,CAACnB,WAAW,CAACqB,OAAO,CAACsC,MAAM,EAAE;QAC/B;MACF;MACA9D,aAAa,CAACwB,OAAO,GAAG,IAAIgC,sCAAuB,CACjDrD,WAAW,CAACqB,OAAO,EACnB5B,oBAAoB,IAAIP,SAC1B,CAAC;MACDW,aAAa,CAACwB,OAAO,CAACuC,eAAe,GAAGC,iBAAiB;MACzDhE,aAAa,CAACwB,OAAO,CAACyC,MAAM,GAAGC,eAAe;MAC9ClE,aAAa,CAACwB,OAAO,CAAC2C,OAAO,GAAGC,gBAAgB;MAChDpE,aAAa,CAACwB,OAAO,CAAC6C,OAAO,GAAG,MAAM;QACpCvD,QAAQ,CAAC,aAAa,CAAC;QACvBP,SAAS,CAAC,MAAM,CAAC;MACnB,CAAC;MACDP,aAAa,CAACwB,OAAO,CAAC8C,KAAK,CAAC,IAAI,CAAC;MACjC/D,SAAS,CAAC,WAAW,CAAC;IACxB;EACF,CAAC;EAED,MAAMyD,iBAAiB,GAAGA,CAAC;IAAEO;EAAgB,CAAC,KAAK;IACjDrE,WAAW,CAACsB,OAAO,CAACgD,IAAI,CAACD,IAAI,CAAC;EAChC,CAAC;EAED,MAAMH,gBAAgB,GAAGA,CAAA,KAAM;IAC7B5E,OAAO,CAAC,CAAC;EACX,CAAC;EAED,MAAM0E,eAAe,GAAGA,CAAA,KAAM;IAC5B,MAAMO,MAAM,GAAGvE,WAAW,CAACsB,OAAO;IAClC,IAAIiD,MAAM,CAACrB,MAAM,KAAK,CAAC,EAAE;MACvB7C,SAAS,CAAC,SAAS,CAAC;MACpB;IACF;IACA,MAAM,CAACmE,UAAU,CAAC,GAAGD,MAAM;IAC3B,MAAME,YAA6B,GAAG;MACpCC,IAAI,EAAEF,UAAU,CAACE,IAAI;MACrB,IAAInF,eAAe,KAChBN,KAAK,GAAG;QAAEyF,IAAI,EAAE;MAAY,CAAC,GAAG;QAAEA,IAAI,EAAE;MAAY,CAAC,CAAC;IAC3D,CAAC;IACD,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAACL,MAAM,EAAEE,YAAY,CAAC;IAC3C,MAAMI,GAAG,GAAGC,GAAG,CAACC,eAAe,CAACJ,IAAI,CAAC;IACrCtE,SAAS,CAAC,SAAS,CAAC;IACpBK,eAAe,CAACmE,GAAG,CAAC;IACpBxF,MAAM,CAACwF,GAAG,EAAEF,IAAI,CAAC;IACjB;IACA3E,WAAW,CAACsB,OAAO,GAAG,EAAE;EAC1B,CAAC;EAED,MAAM0D,SAAS,GAAIC,IAAa,IAAK;IACnCzE,eAAe,CAACyE,IAAI,CAAC;IACrB,IAAIhF,WAAW,CAACqB,OAAO,EAAE;MACvBrB,WAAW,CAACqB,OAAO,CAChBa,cAAc,CAAC,CAAC,CAChBvD,OAAO,CAAEwD,UAAU,IAAMA,UAAU,CAAC8C,OAAO,GAAG,CAACD,IAAK,CAAC;IAC1D;EACF,CAAC;EAED,MAAME,cAAc,GAAGA,CAAA,KAAM;IAC3B,IAAIrF,aAAa,CAACwB,OAAO,IAAIxB,aAAa,CAACwB,OAAO,CAAC8D,KAAK,KAAK,WAAW,EAAE;MACxE/E,SAAS,CAAC,QAAQ,CAAC;MACnBP,aAAa,CAACwB,OAAO,CAAC+D,KAAK,CAAC,CAAC;IAC/B;EACF,CAAC;EACD,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC5B,IAAIxF,aAAa,CAACwB,OAAO,IAAIxB,aAAa,CAACwB,OAAO,CAAC8D,KAAK,KAAK,QAAQ,EAAE;MACrE/E,SAAS,CAAC,WAAW,CAAC;MACtBP,aAAa,CAACwB,OAAO,CAACiE,MAAM,CAAC,CAAC;IAChC;EACF,CAAC;EAED,MAAMvD,aAAa,GAAGA,CAAA,KAAM;IAC1B,IAAIlC,aAAa,CAACwB,OAAO,EAAE;MACzB,IAAIxB,aAAa,CAACwB,OAAO,CAAC8D,KAAK,KAAK,UAAU,EAAE;QAC9C/E,SAAS,CAAC,UAAU,CAAC;QACrBP,aAAa,CAACwB,OAAO,CAACxC,IAAI,CAAC,CAAC;QAC5B,IAAIc,iBAAiB,EAAE;UACrBnB,eAAe,CAACwB,WAAW,CAACqB,OAAO,CAAC;QACtC;QACA;MACF;IACF;EACF,CAAC;;EAED;EACA,MAAMkE,aAAa,GAAGA,CAAA,KAAM;IAC1BrF,wBAAwB,CAACmB,OAAO,GAAG,IAAI;IACvCpB,oBAAoB,CAACoB,OAAO,IAAI,CAAC;IAEjC,IAAIxB,aAAa,CAACwB,OAAO,IAAIxB,aAAa,CAACwB,OAAO,CAAC8D,KAAK,KAAK,UAAU,EAAE;MACvEtF,aAAa,CAACwB,OAAO,CAACxC,IAAI,CAAC,CAAC;IAC9B;IAEAL,eAAe,CAACwB,WAAW,CAACqB,OAAO,CAAC;IACpCrB,WAAW,CAACqB,OAAO,GAAG,IAAI;IAC1BjB,SAAS,CAAC,MAAM,CAAC;IACjBG,eAAe,CAAC,KAAK,CAAC;EACxB,CAAC;EAED,MAAMiF,aAAa,GAAG,IAAAC,cAAO,EAAC,MAAM;IAClC,OAAOzF,WAAW,CAACqB,OAAO,GACtB,IAAIqE,WAAW,CAAC1F,WAAW,CAACqB,OAAO,CAACQ,cAAc,CAAC,CAAC,CAAC,GACrD,IAAI;EACV,CAAC,EAAE,CAAC1B,MAAM,CAAC,CAAC;EAEZ,MAAMwF,kBAAkB,GAAG,IAAAF,cAAO,EAAC,MAAM;IACvC,OAAOzF,WAAW,CAACqB,OAAO,GACtB,IAAIqE,WAAW,CAAC1F,WAAW,CAACqB,OAAO,CAACa,cAAc,CAAC,CAAC,CAAC,GACrD,IAAI;EACV,CAAC,EAAE,CAAC/B,MAAM,CAAC,CAAC;EAEZ,OAAO;IACLO,KAAK,EAAEpC,cAAc,CAACoC,KAAK,CAAC;IAC5BqE,SAAS,EAAEA,CAAA,KAAMA,SAAS,CAAC,IAAI,CAAC;IAChCa,WAAW,EAAEA,CAAA,KAAMb,SAAS,CAAC,KAAK,CAAC;IACnCxB,cAAc;IACd2B,cAAc;IACdG,eAAe;IACftD,aAAa;IACbwD,aAAa;IACb/E,YAAY;IACZL,MAAM;IACNG,YAAY;IACZkF,aAAa;IACbG,kBAAkB;IAClBE,YAAY,EAAEA,CAAA,KAAM;MAClB,IAAIrF,YAAY,EAAE;QAChBqE,GAAG,CAACiB,eAAe,CAACtF,YAAY,CAAC;MACnC;MACAC,eAAe,CAACvB,SAAS,CAAC;MAC1BkB,SAAS,CAAC,MAAM,CAAC;IACnB;EACF,CAAC;AACH;AAEO,MAAM2F,kBAAkB,GAAIC,KAA8B,IAC/DA,KAAK,CAACC,MAAM,CAACnH,qBAAqB,CAACkH,KAAK,CAAC,CAAC;AAACzH,OAAA,CAAAwH,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/dist/cjs/hooks/useMicrophone/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _useMicrophone = require("./useMicrophone");
+Object.keys(_useMicrophone).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useMicrophone[key]) return;
+  exports[key] = _useMicrophone[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/useMicrophone/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useMicrophone","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/hooks/useMicrophone/index.ts"],"sourcesContent":["export * from './useMicrophone';\n"],"mappings":";;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,cAAA,CAAAK,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/hooks/useMicrophone/useMicrophone.js

@@ -0,0 +1,38 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useMicrophone = useMicrophone;
+var _jotai = require("jotai");
+var state = _interopRequireWildcard(require("../../conversation/state"));
+var _useDevices = require("../useDevices");
+var _useDeviceSwitcher = require("../useDeviceSwitcher");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function useMicrophone() {
+  const devices = (0, _useDevices.useDevices)({
+    type: 'audioinput'
+  });
+  const [microphone, setMicrophone] = (0, _jotai.useAtom)(state.microphone);
+  (0, _useDeviceSwitcher.useDeviceSwitcher)({
+    device: microphone,
+    devices,
+    onChange: setMicrophone
+  });
+  return {
+    devices,
+    enabled: microphone.enabled,
+    deviceId: microphone.deviceId,
+    setEnabled(enabled) {
+      setMicrophone({
+        ...microphone,
+        enabled
+      });
+    },
+    setDeviceId(deviceId) {
+      setMicrophone({
+        ...microphone,
+        deviceId
+      });
+    }
+  };
+}
+//# sourceMappingURL=useMicrophone.js.map

package/dist/cjs/hooks/useMicrophone/useMicrophone.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_jotai","require","state","_interopRequireWildcard","_useDevices","_useDeviceSwitcher","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useMicrophone","devices","useDevices","type","microphone","setMicrophone","useAtom","useDeviceSwitcher","device","onChange","enabled","deviceId","setEnabled","setDeviceId"],"sources":["../../../../src/hooks/useMicrophone/useMicrophone.ts"],"sourcesContent":["import { useAtom } from 'jotai';\n\nimport * as state from '../../conversation/state';\n\nimport { useDevices } from '../useDevices';\nimport { useDeviceSwitcher } from '../useDeviceSwitcher';\n\nexport function useMicrophone() {\n  const devices = useDevices({ type: 'audioinput' });\n  const [microphone, setMicrophone] = useAtom(state.microphone);\n\n  useDeviceSwitcher({\n    device: microphone,\n    devices,\n    onChange: setMicrophone,\n  });\n\n  return {\n    devices,\n    enabled: microphone.enabled,\n    deviceId: microphone.deviceId,\n    setEnabled(enabled: boolean) {\n      setMicrophone({ ...microphone, enabled });\n    },\n    setDeviceId(deviceId: string) {\n      setMicrophone({ ...microphone, deviceId });\n    },\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AAAyD,SAAAE,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAElD,SAASkB,aAAaA,CAAA,EAAG;EAC9B,MAAMC,OAAO,GAAG,IAAAC,sBAAU,EAAC;IAAEC,IAAI,EAAE;EAAa,CAAC,CAAC;EAClD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,cAAO,EAAC7B,KAAK,CAAC2B,UAAU,CAAC;EAE7D,IAAAG,oCAAiB,EAAC;IAChBC,MAAM,EAAEJ,UAAU;IAClBH,OAAO;IACPQ,QAAQ,EAAEJ;EACZ,CAAC,CAAC;EAEF,OAAO;IACLJ,OAAO;IACPS,OAAO,EAAEN,UAAU,CAACM,OAAO;IAC3BC,QAAQ,EAAEP,UAAU,CAACO,QAAQ;IAC7BC,UAAUA,CAACF,OAAgB,EAAE;MAC3BL,aAAa,CAAC;QAAE,GAAGD,UAAU;QAAEM;MAAQ,CAAC,CAAC;IAC3C,CAAC;IACDG,WAAWA,CAACF,QAAgB,EAAE;MAC5BN,aAAa,CAAC;QAAE,GAAGD,UAAU;QAAEO;MAAS,CAAC,CAAC;IAC5C;EACF,CAAC;AACH","ignoreList":[]}

package/dist/cjs/hooks/useParticipantTrack/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _useParticipantTrack = require("./useParticipantTrack");
+Object.keys(_useParticipantTrack).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useParticipantTrack[key]) return;
+  exports[key] = _useParticipantTrack[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/useParticipantTrack/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useParticipantTrack","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/hooks/useParticipantTrack/index.ts"],"sourcesContent":["export * from './useParticipantTrack';\n"],"mappings":";;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,oBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,oBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,oBAAA,CAAAK,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/hooks/useParticipantTrack/useParticipantTrack.js

@@ -0,0 +1,32 @@
+"use strict";
+
+exports.__esModule = true;
+exports.Source = void 0;
+exports.useParticipantTrack = useParticipantTrack;
+var _componentsReact = require("@livekit/components-react");
+var _livekitClient = require("livekit-client");
+let Source = exports.Source = function (Source) {
+  Source[Source["Camera"] = _livekitClient.Track.Source.Camera] = "Camera";
+  Source[Source["Microphone"] = _livekitClient.Track.Source.Microphone] = "Microphone";
+  Source[Source["ScreenShare"] = _livekitClient.Track.Source.ScreenShare] = "ScreenShare";
+  return Source;
+}({});
+function useParticipantTrack({
+  type,
+  source
+}) {
+  const track = (0, _componentsReact.useTracks)([source]).find(track => {
+    if (type === 'screen') {
+      return track.source === Source.ScreenShare;
+    }
+    if (type === 'user') {
+      return track.participant.isLocal;
+    }
+    if (type === 'agent') {
+      return track.participant.isAgent;
+    }
+    return false;
+  });
+  return (track == null ? void 0 : track.publication) || {};
+}
+//# sourceMappingURL=useParticipantTrack.js.map

package/dist/cjs/hooks/useParticipantTrack/useParticipantTrack.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_componentsReact","require","_livekitClient","Source","exports","Track","Camera","Microphone","ScreenShare","useParticipantTrack","type","source","track","useTracks","find","participant","isLocal","isAgent","publication"],"sources":["../../../../src/hooks/useParticipantTrack/useParticipantTrack.ts"],"sourcesContent":["import { useTracks } from '@livekit/components-react';\nimport { Track } from 'livekit-client';\n\nexport enum Source {\n  Camera = Track.Source.Camera,\n  Microphone = Track.Source.Microphone,\n  ScreenShare = Track.Source.ScreenShare,\n}\n\nexport type UseParticipantTrackProps = {\n  type: 'user' | 'agent' | 'screen';\n  source: Source;\n};\n\nexport function useParticipantTrack({\n  type,\n  source,\n}: UseParticipantTrackProps) {\n  const track = useTracks([source]).find((track) => {\n    if (type === 'screen') {\n      return track.source === Source.ScreenShare;\n    }\n    if (type === 'user') {\n      return track.participant.isLocal;\n    }\n    if (type === 'agent') {\n      return track.participant.isAgent;\n    }\n    return false;\n  });\n\n  return track?.publication! || {};\n}\n"],"mappings":";;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAAuC,IAE3BE,MAAM,GAAAC,OAAA,CAAAD,MAAA,aAANA,MAAM;EAANA,MAAM,CAANA,MAAM,aACPE,oBAAK,CAACF,MAAM,CAACG,MAAM;EADlBH,MAAM,CAANA,MAAM,iBAEHE,oBAAK,CAACF,MAAM,CAACI,UAAU;EAF1BJ,MAAM,CAANA,MAAM,kBAGFE,oBAAK,CAACF,MAAM,CAACK,WAAW;EAAA,OAH5BL,MAAM;AAAA;AAWX,SAASM,mBAAmBA,CAAC;EAClCC,IAAI;EACJC;AACwB,CAAC,EAAE;EAC3B,MAAMC,KAAK,GAAG,IAAAC,0BAAS,EAAC,CAACF,MAAM,CAAC,CAAC,CAACG,IAAI,CAAEF,KAAK,IAAK;IAChD,IAAIF,IAAI,KAAK,QAAQ,EAAE;MACrB,OAAOE,KAAK,CAACD,MAAM,KAAKR,MAAM,CAACK,WAAW;IAC5C;IACA,IAAIE,IAAI,KAAK,MAAM,EAAE;MACnB,OAAOE,KAAK,CAACG,WAAW,CAACC,OAAO;IAClC;IACA,IAAIN,IAAI,KAAK,OAAO,EAAE;MACpB,OAAOE,KAAK,CAACG,WAAW,CAACE,OAAO;IAClC;IACA,OAAO,KAAK;EACd,CAAC,CAAC;EAEF,OAAO,CAAAL,KAAK,oBAALA,KAAK,CAAEM,WAAW,KAAK,CAAC,CAAC;AAClC","ignoreList":[]}

package/dist/cjs/hooks/usePictureInPicture/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+exports.__esModule = true;
+exports.usePictureInPictureAuto = exports.usePictureInPicture = exports.pipVideoAtom = exports.pipSupportedAtom = exports.pipActiveAtom = void 0;
+var _usePictureInPicture = require("./usePictureInPicture");
+exports.usePictureInPicture = _usePictureInPicture.usePictureInPicture;
+var _usePictureInPictureAuto = require("./usePictureInPictureAuto");
+exports.usePictureInPictureAuto = _usePictureInPictureAuto.usePictureInPictureAuto;
+var _state = require("./state");
+exports.pipVideoAtom = _state.pipVideoAtom;
+exports.pipActiveAtom = _state.pipActiveAtom;
+exports.pipSupportedAtom = _state.pipSupportedAtom;
+//# sourceMappingURL=index.js.map

package/dist/cjs/hooks/usePictureInPicture/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_usePictureInPicture","require","exports","usePictureInPicture","_usePictureInPictureAuto","usePictureInPictureAuto","_state","pipVideoAtom","pipActiveAtom","pipSupportedAtom"],"sources":["../../../../src/hooks/usePictureInPicture/index.ts"],"sourcesContent":["export { usePictureInPicture } from './usePictureInPicture';\nexport type { UsePictureInPictureReturn } from './types';\n\n// Internal exports - not exported from package\nexport { usePictureInPictureAuto } from './usePictureInPictureAuto';\nexport type { UsePictureInPictureAutoOptions } from './types';\nexport { pipVideoAtom, pipActiveAtom, pipSupportedAtom } from './state';\n"],"mappings":";;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AAA4DC,OAAA,CAAAC,mBAAA,GAAAH,oBAAA,CAAAG,mBAAA;AAI5D,IAAAC,wBAAA,GAAAH,OAAA;AAAoEC,OAAA,CAAAG,uBAAA,GAAAD,wBAAA,CAAAC,uBAAA;AAEpE,IAAAC,MAAA,GAAAL,OAAA;AAAwEC,OAAA,CAAAK,YAAA,GAAAD,MAAA,CAAAC,YAAA;AAAAL,OAAA,CAAAM,aAAA,GAAAF,MAAA,CAAAE,aAAA;AAAAN,OAAA,CAAAO,gBAAA,GAAAH,MAAA,CAAAG,gBAAA","ignoreList":[]}

package/dist/cjs/hooks/usePictureInPicture/state.js

@@ -0,0 +1,14 @@
+"use strict";
+
+exports.__esModule = true;
+exports.pipVideoAtom = exports.pipSupportedAtom = exports.pipActiveAtom = void 0;
+var _jotai = require("jotai");
+var _compatibility = require("../../utils/compatibility/compatibility");
+const pipVideoAtom = exports.pipVideoAtom = (0, _jotai.atom)(null);
+const pipActiveAtom = exports.pipActiveAtom = (0, _jotai.atom)(false);
+const pipSupportedAtom = exports.pipSupportedAtom = (0, _jotai.atom)(() => {
+  const browser = (0, _compatibility.detectBrowser)();
+  const pictureInPictureEnabled = typeof document !== 'undefined' && 'pictureInPictureEnabled' in document && document.pictureInPictureEnabled;
+  return browser !== 'safari' && pictureInPictureEnabled;
+});
+//# sourceMappingURL=state.js.map

package/dist/cjs/hooks/usePictureInPicture/state.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_jotai","require","_compatibility","pipVideoAtom","exports","atom","pipActiveAtom","pipSupportedAtom","browser","detectBrowser","pictureInPictureEnabled","document"],"sources":["../../../../src/hooks/usePictureInPicture/state.ts"],"sourcesContent":["import { atom } from 'jotai';\nimport { detectBrowser } from '../../utils/compatibility/compatibility';\n\nexport const pipVideoAtom = atom<HTMLVideoElement | null>(null);\n\nexport const pipActiveAtom = atom(false);\n\nexport const pipSupportedAtom = atom(() => {\n  const browser = detectBrowser();\n  const pictureInPictureEnabled =\n    typeof document !== 'undefined' &&\n    'pictureInPictureEnabled' in document &&\n    document.pictureInPictureEnabled;\n\n  return browser !== 'safari' && pictureInPictureEnabled;\n});\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEO,MAAME,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,WAAI,EAA0B,IAAI,CAAC;AAExD,MAAMC,aAAa,GAAAF,OAAA,CAAAE,aAAA,GAAG,IAAAD,WAAI,EAAC,KAAK,CAAC;AAEjC,MAAME,gBAAgB,GAAAH,OAAA,CAAAG,gBAAA,GAAG,IAAAF,WAAI,EAAC,MAAM;EACzC,MAAMG,OAAO,GAAG,IAAAC,4BAAa,EAAC,CAAC;EAC/B,MAAMC,uBAAuB,GAC3B,OAAOC,QAAQ,KAAK,WAAW,IAC/B,yBAAyB,IAAIA,QAAQ,IACrCA,QAAQ,CAACD,uBAAuB;EAElC,OAAOF,OAAO,KAAK,QAAQ,IAAIE,uBAAuB;AACxD,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/hooks/usePictureInPicture/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=types.js.map

package/dist/cjs/hooks/usePictureInPicture/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/hooks/usePictureInPicture/types.ts"],"sourcesContent":["export type UsePictureInPictureAutoOptions = {\n  /** Video or Canvas element to use for PiP */\n  element: HTMLVideoElement | HTMLCanvasElement | null;\n  /** Callback when entering PiP */\n  onEnter?: () => void;\n  /** Callback when exiting PiP */\n  onExit?: () => void;\n  /** Callback when PiP error occurs */\n  onError?: (error: Error) => void;\n};\n\nexport type UsePictureInPictureReturn = {\n  /** Whether PiP is currently active */\n  isActive: boolean;\n  /** Whether PiP is supported by the browser */\n  isSupported: boolean;\n  /** Whether video element is ready for PiP */\n  isReady: boolean;\n  /** Enter PiP mode */\n  enter: () => Promise<void>;\n  /** Exit PiP mode */\n  exit: () => Promise<void>;\n  /** Toggle PiP mode */\n  toggle: () => Promise<void>;\n};\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/hooks/usePictureInPicture/usePictureInPicture.js

@@ -0,0 +1,45 @@
+"use strict";
+
+exports.__esModule = true;
+exports.usePictureInPicture = usePictureInPicture;
+var _react = require("react");
+var _jotai = require("jotai");
+var _state = require("./state");
+function usePictureInPicture() {
+  const isActive = (0, _jotai.useAtomValue)(_state.pipActiveAtom);
+  const isSupported = (0, _jotai.useAtomValue)(_state.pipSupportedAtom);
+  const pipVideo = (0, _jotai.useAtomValue)(_state.pipVideoAtom);
+  const enter = (0, _react.useCallback)(async () => {
+    if (!isSupported) {
+      throw new Error('PiP not supported');
+    }
+    if (!pipVideo) {
+      throw new Error('No video element for PiP');
+    }
+    if (pipVideo.paused && pipVideo.srcObject) {
+      await pipVideo.play();
+    }
+    await pipVideo.requestPictureInPicture();
+  }, [isSupported, pipVideo]);
+  const exit = (0, _react.useCallback)(async () => {
+    if (document.pictureInPictureElement) {
+      await document.exitPictureInPicture();
+    }
+  }, []);
+  const toggle = (0, _react.useCallback)(async () => {
+    if (isActive) {
+      await exit();
+    } else {
+      await enter();
+    }
+  }, [isActive, enter, exit]);
+  return {
+    isActive,
+    isSupported,
+    isReady: !!pipVideo,
+    enter,
+    exit,
+    toggle
+  };
+}
+//# sourceMappingURL=usePictureInPicture.js.map

package/dist/cjs/hooks/usePictureInPicture/usePictureInPicture.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_jotai","_state","usePictureInPicture","isActive","useAtomValue","pipActiveAtom","isSupported","pipSupportedAtom","pipVideo","pipVideoAtom","enter","useCallback","Error","paused","srcObject","play","requestPictureInPicture","exit","document","pictureInPictureElement","exitPictureInPicture","toggle","isReady"],"sources":["../../../../src/hooks/usePictureInPicture/usePictureInPicture.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useAtomValue } from 'jotai';\n\nimport { pipVideoAtom, pipActiveAtom, pipSupportedAtom } from './state';\nimport type { UsePictureInPictureReturn } from './types';\n\nexport function usePictureInPicture(): UsePictureInPictureReturn {\n  const isActive = useAtomValue(pipActiveAtom);\n  const isSupported = useAtomValue(pipSupportedAtom);\n  const pipVideo = useAtomValue(pipVideoAtom);\n\n  const enter = useCallback(async () => {\n    if (!isSupported) {\n      throw new Error('PiP not supported');\n    }\n    if (!pipVideo) {\n      throw new Error('No video element for PiP');\n    }\n\n    if (pipVideo.paused && pipVideo.srcObject) {\n      await pipVideo.play();\n    }\n    await pipVideo.requestPictureInPicture();\n  }, [isSupported, pipVideo]);\n\n  const exit = useCallback(async () => {\n    if (document.pictureInPictureElement) {\n      await document.exitPictureInPicture();\n    }\n  }, []);\n\n  const toggle = useCallback(async () => {\n    if (isActive) {\n      await exit();\n    } else {\n      await enter();\n    }\n  }, [isActive, enter, exit]);\n\n  return {\n    isActive,\n    isSupported,\n    isReady: !!pipVideo,\n    enter,\n    exit,\n    toggle,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAGO,SAASG,mBAAmBA,CAAA,EAA8B;EAC/D,MAAMC,QAAQ,GAAG,IAAAC,mBAAY,EAACC,oBAAa,CAAC;EAC5C,MAAMC,WAAW,GAAG,IAAAF,mBAAY,EAACG,uBAAgB,CAAC;EAClD,MAAMC,QAAQ,GAAG,IAAAJ,mBAAY,EAACK,mBAAY,CAAC;EAE3C,MAAMC,KAAK,GAAG,IAAAC,kBAAW,EAAC,YAAY;IACpC,IAAI,CAACL,WAAW,EAAE;MAChB,MAAM,IAAIM,KAAK,CAAC,mBAAmB,CAAC;IACtC;IACA,IAAI,CAACJ,QAAQ,EAAE;MACb,MAAM,IAAII,KAAK,CAAC,0BAA0B,CAAC;IAC7C;IAEA,IAAIJ,QAAQ,CAACK,MAAM,IAAIL,QAAQ,CAACM,SAAS,EAAE;MACzC,MAAMN,QAAQ,CAACO,IAAI,CAAC,CAAC;IACvB;IACA,MAAMP,QAAQ,CAACQ,uBAAuB,CAAC,CAAC;EAC1C,CAAC,EAAE,CAACV,WAAW,EAAEE,QAAQ,CAAC,CAAC;EAE3B,MAAMS,IAAI,GAAG,IAAAN,kBAAW,EAAC,YAAY;IACnC,IAAIO,QAAQ,CAACC,uBAAuB,EAAE;MACpC,MAAMD,QAAQ,CAACE,oBAAoB,CAAC,CAAC;IACvC;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,MAAM,GAAG,IAAAV,kBAAW,EAAC,YAAY;IACrC,IAAIR,QAAQ,EAAE;MACZ,MAAMc,IAAI,CAAC,CAAC;IACd,CAAC,MAAM;MACL,MAAMP,KAAK,CAAC,CAAC;IACf;EACF,CAAC,EAAE,CAACP,QAAQ,EAAEO,KAAK,EAAEO,IAAI,CAAC,CAAC;EAE3B,OAAO;IACLd,QAAQ;IACRG,WAAW;IACXgB,OAAO,EAAE,CAAC,CAACd,QAAQ;IACnBE,KAAK;IACLO,IAAI;IACJI;EACF,CAAC;AACH","ignoreList":[]}