@meshagent/meshagent-tailwind 0.39.8 → 0.40.0

package/dist/cjs/index.js

@@ -15,14 +15,22 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);
-__reExport(index_exports, require("./Chat"), module.exports);
-__reExport(index_exports, require("./ChatBotView"), module.exports);
-__reExport(index_exports, require("./ChatInput"), module.exports);
-__reExport(index_exports, require("./ChatThread"), module.exports);
-__reExport(index_exports, require("./ChatTypingIndicator"), module.exports);
-__reExport(index_exports, require("./FileUploader"), module.exports);
-__reExport(index_exports, require("./chat-message"), module.exports);
-__reExport(index_exports, require("./conversation-descriptor"), module.exports);
-__reExport(index_exports, require("./file-attachment"), module.exports);
-__reExport(index_exports, require("./multi-thread-view"), module.exports);
-__reExport(index_exports, require("./chat-hooks"), module.exports);
+__reExport(index_exports, require("./chat/chat-bot-view"), module.exports);
+__reExport(index_exports, require("./chat/chat-hooks"), module.exports);
+__reExport(index_exports, require("./chat/chat-input"), module.exports);
+__reExport(index_exports, require("./chat/chat-message"), module.exports);
+__reExport(index_exports, require("./chat/chat-thread"), module.exports);
+__reExport(index_exports, require("./chat/chat-typing-indicator"), module.exports);
+__reExport(index_exports, require("./chat/conversation-descriptor"), module.exports);
+__reExport(index_exports, require("./chat/dataset-chat-thread"), module.exports);
+__reExport(index_exports, require("./chat/file-attachment"), module.exports);
+__reExport(index_exports, require("./chat/file-uploader"), module.exports);
+__reExport(index_exports, require("./chat/multi-thread-view"), module.exports);
+__reExport(index_exports, require("./chat/new-chat-thread"), module.exports);
+__reExport(index_exports, require("./file-preview/file-preview"), module.exports);
+__reExport(index_exports, require("./forms/email-address"), module.exports);
+__reExport(index_exports, require("./forms/form"), module.exports);
+__reExport(index_exports, require("./forms/multi-select-autocomplete"), module.exports);
+__reExport(index_exports, require("./forms/select-users"), module.exports);
+__reExport(index_exports, require("./forms/select-users-dialog"), module.exports);
+__reExport(index_exports, require("./meetings/meetings"), module.exports);

package/dist/cjs/meetings/audio-visualization.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+import type { Participant, Room } from "livekit-client";
+export declare function AudioWave({ room: _room, participant, className, }: {
+    room: Room;
+    participant: Participant;
+    className?: string;
+}): ReactElement;

package/dist/cjs/meetings/audio-visualization.js

@@ -0,0 +1,74 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var audio_visualization_exports = {};
+__export(audio_visualization_exports, {
+  AudioWave: () => AudioWave
+});
+module.exports = __toCommonJS(audio_visualization_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+function useParticipantSnapshot(participant) {
+  (0, import_react.useSyncExternalStore)(
+    (listener) => {
+      const events = ["isSpeakingChanged", "attributesChanged", "trackMuted", "trackUnmuted"];
+      for (const eventName of events) {
+        participant.on(eventName, listener);
+      }
+      return () => {
+        for (const eventName of events) {
+          participant.off(eventName, listener);
+        }
+      };
+    },
+    () => `${participant.isSpeaking}:${participant.audioLevel}:${participant.attributes["lk.agent.state"] ?? ""}`,
+    () => ""
+  );
+}
+function AudioWave({
+  room: _room,
+  participant,
+  className
+}) {
+  useParticipantSnapshot(participant);
+  const [, setFrame] = (0, import_react.useState)(0);
+  const bars = (0, import_react.useRef)(Array.from({ length: 28 }, (_, index) => 0.25 + index % 7 * 0.08));
+  const thinking = participant.attributes["lk.agent.state"] === "thinking";
+  const amplitude = thinking ? 0.2 : Math.max(participant.audioLevel, participant.isSpeaking ? 0.45 : 0.12);
+  (0, import_react.useEffect)(() => {
+    const interval = window.setInterval(() => {
+      bars.current = bars.current.map((value, index) => {
+        const phase = Date.now() / 180 + index * 0.65;
+        return Math.max(0.12, Math.min(1, value * 0.6 + Math.abs(Math.sin(phase)) * amplitude * 0.8));
+      });
+      setFrame((frame) => frame + 1);
+    }, 1e3 / 30);
+    return () => window.clearInterval(interval);
+  }, [amplitude]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: className ?? "flex h-full w-full items-center justify-center bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex h-24 w-4/5 max-w-xl items-center justify-center gap-1 opacity-80", children: bars.current.map((height, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: "w-1 rounded-full bg-foreground/30 transition-[height,background-color]",
+      style: {
+        height: `${Math.max(10, height * 96)}px`,
+        backgroundColor: participant.isSpeaking ? "hsl(var(--foreground) / 0.42)" : "hsl(var(--foreground) / 0.18)"
+      }
+    },
+    index
+  )) }) });
+}

package/dist/cjs/meetings/controls.d.ts

@@ -0,0 +1,19 @@
+import type { ReactElement } from "react";
+import { Room } from "livekit-client";
+import { MeetingController } from "./meeting-scope";
+export declare function MeetingControls({ controller: providedController, spacing, }: {
+    controller?: MeetingController;
+    spacing?: number;
+}): ReactElement;
+export declare function CameraToggle({ controller }: {
+    controller?: MeetingController;
+}): ReactElement | null;
+export declare function MicToggle({ controller }: {
+    controller?: MeetingController;
+}): ReactElement | null;
+export declare function ConnectionButton({ controller }: {
+    controller?: MeetingController;
+}): ReactElement;
+export declare function ChangeSettings({ room }: {
+    room: Room;
+}): ReactElement;

package/dist/cjs/meetings/controls.js

@@ -0,0 +1,300 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var controls_exports = {};
+__export(controls_exports, {
+  CameraToggle: () => CameraToggle,
+  ChangeSettings: () => ChangeSettings,
+  ConnectionButton: () => ConnectionButton,
+  MeetingControls: () => MeetingControls,
+  MicToggle: () => MicToggle
+});
+module.exports = __toCommonJS(controls_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_lucide_react = require("lucide-react");
+var import_livekit_client = require("livekit-client");
+var import_button = require("../components/ui/button");
+var import_dialog = require("../components/ui/dialog");
+var import_select = require("../components/ui/select");
+var import_spinner = require("../components/ui/spinner");
+var import_utils = require("../lib/utils");
+var import_meeting_scope = require("./meeting-scope");
+function useControllerVersion(controller) {
+  (0, import_react.useSyncExternalStore)(
+    (listener) => controller.subscribe(listener),
+    () => controller.livekitRoom.state,
+    () => controller.livekitRoom.state
+  );
+  (0, import_react.useSyncExternalStore)(
+    (listener) => controller.pendingLocalMedia.subscribe(listener),
+    () => `${controller.pendingLocalMedia.cameraPending}:${controller.pendingLocalMedia.microphonePending}:${controller.pendingLocalMedia.cameraUnavailable}:${controller.pendingLocalMedia.microphoneUnavailable}`,
+    () => ""
+  );
+}
+function MeetingControls({
+  controller: providedController,
+  spacing = 5
+}) {
+  const controller = (0, import_meeting_scope.useMeetingController)(providedController);
+  useControllerVersion(controller);
+  const hasLocalParticipant = controller.livekitRoom.localParticipant != null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: "flex flex-wrap items-center justify-center",
+      style: { gap: spacing },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConnectionButton, { controller }),
+        hasLocalParticipant ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MicToggle, { controller }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CameraToggle, { controller }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChangeSettings, { room: controller.livekitRoom })
+        ] }) : null
+      ]
+    }
+  );
+}
+function describeCameraToggleError(error) {
+  const message = String(error);
+  if (message.includes("NotAllowedError")) {
+    return "Camera access was blocked by the browser or system.";
+  }
+  if (message.includes("NotFoundError")) {
+    return "The selected camera was not found.";
+  }
+  return `Unable to change camera state: ${message}`;
+}
+function describeMicrophoneToggleError(error) {
+  const message = String(error);
+  if (message.includes("NotAllowedError")) {
+    return "Microphone access was blocked by the browser or system.";
+  }
+  if (message.includes("NotFoundError")) {
+    return "The selected microphone was not found.";
+  }
+  return `Unable to change microphone state: ${message}`;
+}
+function useDeviceAvailable(kind) {
+  const [available, setAvailable] = (0, import_react.useState)(true);
+  (0, import_react.useEffect)(() => {
+    let cancelled = false;
+    const update = async () => {
+      const devices = await navigator.mediaDevices?.enumerateDevices?.();
+      if (!cancelled && devices != null) {
+        setAvailable(devices.some((device) => device.kind === kind && device.deviceId !== ""));
+      }
+    };
+    void update().catch(() => setAvailable(false));
+    navigator.mediaDevices?.addEventListener?.("devicechange", update);
+    return () => {
+      cancelled = true;
+      navigator.mediaDevices?.removeEventListener?.("devicechange", update);
+    };
+  }, [kind]);
+  return available;
+}
+function CameraToggle({ controller }) {
+  const resolvedController = (0, import_meeting_scope.useMeetingController)(controller);
+  useControllerVersion(resolvedController);
+  const [processing, setProcessing] = (0, import_react.useState)(false);
+  const deviceAvailable = useDeviceAvailable("videoinput");
+  const localParticipant = resolvedController.livekitRoom.localParticipant;
+  if (localParticipant == null) {
+    return null;
+  }
+  const enabled = localParticipant.isCameraEnabled;
+  const pending = resolvedController.pendingLocalMedia.cameraPending;
+  const showEnabled = enabled || pending;
+  const unavailable = (resolvedController.pendingLocalMedia.cameraUnavailable || !deviceAvailable) && !showEnabled;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    MeetingControlsButton,
+    {
+      text: pending ? "Starting camera" : enabled ? "Turn off camera" : "Turn on camera",
+      on: showEnabled,
+      destructive: unavailable,
+      icon: showEnabled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Camera, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CameraOff, {}),
+      loading: pending || processing,
+      disabled: processing || pending,
+      onClick: () => {
+        if (processing || pending) {
+          return;
+        }
+        setProcessing(true);
+        void localParticipant.setCameraEnabled(!enabled).then(() => resolvedController.pendingLocalMedia.setCameraUnavailable(false)).catch((error) => {
+          resolvedController.pendingLocalMedia.setCameraUnavailable(true);
+          console.warn(describeCameraToggleError(error));
+        }).finally(() => setProcessing(false));
+      }
+    }
+  );
+}
+function MicToggle({ controller }) {
+  const resolvedController = (0, import_meeting_scope.useMeetingController)(controller);
+  useControllerVersion(resolvedController);
+  const [processing, setProcessing] = (0, import_react.useState)(false);
+  const deviceAvailable = useDeviceAvailable("audioinput");
+  const localParticipant = resolvedController.livekitRoom.localParticipant;
+  if (localParticipant == null) {
+    return null;
+  }
+  const enabled = localParticipant.isMicrophoneEnabled;
+  const pending = resolvedController.pendingLocalMedia.microphonePending;
+  const showEnabled = enabled || pending;
+  const unavailable = (resolvedController.pendingLocalMedia.microphoneUnavailable || !deviceAvailable) && !showEnabled;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    MeetingControlsButton,
+    {
+      text: pending ? "Starting mic" : enabled ? "Turn off mic" : "Turn on mic",
+      on: showEnabled,
+      destructive: unavailable,
+      icon: showEnabled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Mic, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.MicOff, {}),
+      loading: pending || processing,
+      disabled: processing || pending,
+      onClick: () => {
+        if (processing || pending) {
+          return;
+        }
+        setProcessing(true);
+        void localParticipant.setMicrophoneEnabled(!enabled).then(() => resolvedController.pendingLocalMedia.setMicrophoneUnavailable(false)).catch((error) => {
+          resolvedController.pendingLocalMedia.setMicrophoneUnavailable(true);
+          console.warn(describeMicrophoneToggleError(error));
+        }).finally(() => setProcessing(false));
+      }
+    }
+  );
+}
+function ConnectionButton({ controller }) {
+  const resolvedController = (0, import_meeting_scope.useMeetingController)(controller);
+  useControllerVersion(resolvedController);
+  const state = resolvedController.livekitRoom.state;
+  if (state === import_livekit_client.ConnectionState.Connected) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      MeetingControlsButton,
+      {
+        text: "Hangup",
+        destructive: true,
+        icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Phone, {}),
+        onClick: () => {
+          void resolvedController.disconnect();
+        }
+      }
+    );
+  }
+  if (state === import_livekit_client.ConnectionState.Disconnected) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      MeetingControlsButton,
+      {
+        text: "Connect",
+        icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Phone, {}),
+        onClick: () => {
+          void resolvedController.connect();
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MeetingControlsButton, { text: "Connecting", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Phone, {}), loading: true, disabled: true });
+}
+function MeetingControlsButton({
+  text,
+  icon,
+  on,
+  destructive,
+  loading,
+  disabled,
+  onClick
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_button.Button,
+    {
+      type: "button",
+      title: text,
+      "aria-label": text,
+      size: "icon",
+      variant: destructive ? "destructive" : on ? "default" : "outline",
+      disabled,
+      onClick,
+      className: (0, import_utils.cn)("h-12 w-12", on && !destructive ? "bg-emerald-600 text-white hover:bg-emerald-700" : null),
+      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_spinner.Spinner, { className: "h-5 w-5" }) : icon
+    }
+  );
+}
+function deviceLabel(device, fallbackPrefix) {
+  const label = device?.label.trim();
+  return label != null && label !== "" ? label.replace(/^Default - /u, "") : `Default ${fallbackPrefix}`;
+}
+function devicesForKind(devices, kind) {
+  return devices.filter((device) => device.kind === kind && device.deviceId !== "");
+}
+function DeviceSelect({
+  label,
+  devices,
+  kind,
+  room
+}) {
+  const options = devicesForKind(devices, kind);
+  const activeDevice = room.getActiveDevice(kind) ?? options[0]?.deviceId ?? "";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-sm font-medium", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_select.Select,
+      {
+        value: activeDevice,
+        onValueChange: (deviceId) => {
+          void room.switchActiveDevice(kind, deviceId).catch((error) => {
+            console.warn(`Unable to switch ${label.toLowerCase()}`, error);
+          });
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectTrigger, { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectValue, { placeholder: deviceLabel(options[0] ?? null, label) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectContent, { children: options.map((device) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { value: device.deviceId, children: deviceLabel(device, label) }, device.deviceId)) })
+        ]
+      }
+    )
+  ] });
+}
+function ChangeSettings({ room }) {
+  const [devices, setDevices] = (0, import_react.useState)([]);
+  const refreshDevices = (0, import_react.useCallback)(() => {
+    void import_livekit_client.Room.getLocalDevices(void 0, false).then(setDevices).catch(() => setDevices([]));
+  }, []);
+  (0, import_react.useEffect)(() => {
+    refreshDevices();
+    navigator.mediaDevices?.addEventListener?.("devicechange", refreshDevices);
+    return () => navigator.mediaDevices?.removeEventListener?.("devicechange", refreshDevices);
+  }, [refreshDevices]);
+  const hasAudioOutput = (0, import_react.useMemo)(
+    () => devices.some((device) => device.kind === "audiooutput"),
+    [devices]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.Dialog, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { type: "button", title: "Change settings", "aria-label": "Change settings", variant: "outline", size: "icon", className: "h-12 w-12", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Settings, {}) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.DialogContent, { className: "max-w-[min(92vw,560px)]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.DialogHeader, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogTitle, { children: "Meeting settings" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogDescription, { children: "Choose the devices used for this meeting." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DeviceSelect, { label: "Camera", devices, kind: "videoinput", room }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DeviceSelect, { label: "Microphone", devices, kind: "audioinput", room }),
+        hasAudioOutput ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DeviceSelect, { label: "Speaker", devices, kind: "audiooutput", room }) : null
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { type: "button", variant: "outline", onClick: refreshDevices, children: "Refresh" }) })
+    ] })
+  ] });
+}

package/dist/cjs/meetings/meeting-scope.d.ts

@@ -0,0 +1,83 @@
+import type { ReactElement, ReactNode } from "react";
+import { RoomClient } from "@meshagent/meshagent";
+import { Room, type LocalParticipant, type Participant, type RoomConnectOptions, type RoomOptions, type TrackPublication } from "livekit-client";
+type Listener = () => void;
+export interface LivekitConnectionInfo {
+    url: string;
+    token: string;
+}
+export type MeetingFastConnectOptions = RoomConnectOptions & {
+    camera?: {
+        enabled?: boolean;
+    };
+    microphone?: {
+        enabled?: boolean;
+    };
+};
+export declare class PendingLocalMediaState {
+    private listeners;
+    private cameraAwaitingEnableConfirmation;
+    private microphoneAwaitingEnableConfirmation;
+    private _cameraPending;
+    private _microphonePending;
+    private _cameraUnavailable;
+    private _microphoneUnavailable;
+    get cameraPending(): boolean;
+    get microphonePending(): boolean;
+    get cameraUnavailable(): boolean;
+    get microphoneUnavailable(): boolean;
+    subscribe(listener: Listener): () => void;
+    setCameraPending(value: boolean, { awaitEnableConfirmation }?: {
+        awaitEnableConfirmation?: boolean | undefined;
+    }): void;
+    setMicrophonePending(value: boolean, { awaitEnableConfirmation }?: {
+        awaitEnableConfirmation?: boolean | undefined;
+    }): void;
+    setCameraUnavailable(value: boolean): void;
+    setMicrophoneUnavailable(value: boolean): void;
+    setPending({ cameraPending, microphonePending, cameraAwaitEnableConfirmation, microphoneAwaitEnableConfirmation, }: {
+        cameraPending: boolean;
+        microphonePending: boolean;
+        cameraAwaitEnableConfirmation?: boolean;
+        microphoneAwaitEnableConfirmation?: boolean;
+    }): void;
+    syncFromLocalParticipant(participant: LocalParticipant | undefined, disconnected: boolean): void;
+    clear(): void;
+    dispose(): void;
+    private notify;
+}
+export declare class MeetingController {
+    readonly room: RoomClient;
+    readonly livekitRoom: Room;
+    readonly pendingLocalMedia: PendingLocalMediaState;
+    private readonly listeners;
+    private _config;
+    private _configurationError;
+    constructor({ room, roomOptions }: {
+        room: RoomClient;
+        roomOptions?: RoomOptions;
+    });
+    get config(): LivekitConnectionInfo | null;
+    get configurationError(): unknown;
+    get isConnected(): boolean;
+    get hasParticipantsWithVideo(): boolean;
+    subscribe(listener: Listener): () => void;
+    configure({ breakoutRoom }?: {
+        breakoutRoom?: string;
+    }): Promise<void>;
+    connect(options?: MeetingFastConnectOptions): Promise<void>;
+    disconnect(): Promise<void>;
+    dispose(): void;
+    private onRoomChanged;
+    private syncPendingLocalMediaState;
+    private notify;
+}
+export declare function useMeetingController(controller?: MeetingController): MeetingController;
+export declare function MeetingScope({ client, breakoutRoom, roomOptions, children, }: {
+    client: RoomClient;
+    breakoutRoom?: string;
+    roomOptions?: RoomOptions;
+    children: ReactNode | ((controller: MeetingController) => ReactNode);
+}): ReactElement;
+export declare function firstEnabledVideoPublication(participant: Participant): TrackPublication | undefined;
+export {};