@werxt/livekit-components-react 2.9.20

package/dist/prefabs.mjs

@@ -0,0 +1,579 @@
+import * as e from "react";
+import { c as ie, w as oe, r as ue, m as le, a as G } from "./room-BP3SCCCd.mjs";
+import { C as J, S as de, a as me, M as x, b as fe, T as V, c as he, d as pe, D as z, e as ge, f as H, L as Q, G as Ee, P as K, F as Se, g as ve, h as ke, R as be, i as Ce, j as we, k as ye, B as Ie } from "./components-lNrIMTWQ.mjs";
+import { w as Me, x as W, y as Pe, z as Ne, A as X, t as Y, B as Te, C as Le } from "./hooks-hQJmeINB.mjs";
+import { j as Z, as as Ae, at as De, l as T, a as Re, au as Ve, av as Oe, a1 as B, aw as $e, ax as Ue } from "./contexts-D4V9wQRc.mjs";
+import { Track as k, facingModeFromLocalTrack as _e, Mutex as Fe, createLocalTracks as xe, createLocalVideoTrack as Be, VideoPresets as We, createLocalAudioTrack as je, RoomEvent as qe } from "livekit-client";
+function ee({
+  messageFormatter: s,
+  messageDecoder: u,
+  messageEncoder: i,
+  channelTopic: n,
+  ...S
+}) {
+  const v = e.useRef(null), m = e.useRef(null), f = e.useMemo(() => ({ messageDecoder: u, messageEncoder: i, channelTopic: n }), [u, i, n]), { chatMessages: c, send: w, isSending: t } = Me(f), g = Z(), d = e.useRef(0);
+  async function l(r) {
+    r.preventDefault(), m.current && m.current.value.trim() !== "" && (await w(m.current.value), m.current.value = "", m.current.focus());
+  }
+  return e.useEffect(() => {
+    var r;
+    v && ((r = v.current) == null || r.scrollTo({ top: v.current.scrollHeight }));
+  }, [v, c]), e.useEffect(() => {
+    var p, o, a, y, b;
+    if (!g || c.length === 0)
+      return;
+    if ((p = g.widget.state) != null && p.showChat && c.length > 0 && d.current !== ((o = c[c.length - 1]) == null ? void 0 : o.timestamp)) {
+      d.current = (a = c[c.length - 1]) == null ? void 0 : a.timestamp;
+      return;
+    }
+    const r = c.filter(
+      (A) => !d.current || A.timestamp > d.current
+    ).length, { widget: h } = g;
+    r > 0 && ((y = h.state) == null ? void 0 : y.unreadMessages) !== r && ((b = h.dispatch) == null || b.call(h, { msg: "unread_msg", count: r }));
+  }, [c, g == null ? void 0 : g.widget]), /* @__PURE__ */ e.createElement("div", { ...S, className: "lk-chat" }, /* @__PURE__ */ e.createElement("div", { className: "lk-chat-header" }, "Messages", g && /* @__PURE__ */ e.createElement(J, { className: "lk-close-button" }, /* @__PURE__ */ e.createElement(de, null))), /* @__PURE__ */ e.createElement("ul", { className: "lk-list lk-chat-messages", ref: v }, S.children ? c.map(
+    (r, h) => ie(S.children, {
+      entry: r,
+      key: r.id ?? h,
+      messageFormatter: s
+    })
+  ) : c.map((r, h, p) => {
+    const o = h >= 1 && p[h - 1].from === r.from, a = h >= 1 && r.timestamp - p[h - 1].timestamp < 6e4;
+    return /* @__PURE__ */ e.createElement(
+      me,
+      {
+        key: r.id ?? h,
+        hideName: o,
+        hideTimestamp: o === !1 ? !1 : a,
+        entry: r,
+        messageFormatter: s
+      }
+    );
+  })), /* @__PURE__ */ e.createElement("form", { className: "lk-chat-form", onSubmit: l }, /* @__PURE__ */ e.createElement(
+    "input",
+    {
+      className: "lk-form-control lk-chat-form-input",
+      disabled: t,
+      ref: m,
+      type: "text",
+      placeholder: "Enter a message...",
+      onInput: (r) => r.stopPropagation(),
+      onKeyDown: (r) => r.stopPropagation(),
+      onKeyUp: (r) => r.stopPropagation()
+    }
+  ), /* @__PURE__ */ e.createElement("button", { type: "submit", className: "lk-button lk-chat-form-button", disabled: t }, "Send")));
+}
+function $({
+  kind: s,
+  initialSelection: u,
+  onActiveDeviceChange: i,
+  tracks: n,
+  requestPermissions: S = !1,
+  ...v
+}) {
+  const [m, f] = e.useState(!1), [c, w] = e.useState([]), [t, g] = e.useState(!0), [d, l] = e.useState(S), r = (a, y) => {
+    T.debug("handle device change"), f(!1), i == null || i(a, y);
+  }, h = e.useRef(null), p = e.useRef(null);
+  e.useLayoutEffect(() => {
+    m && l(!0);
+  }, [m]), e.useLayoutEffect(() => {
+    let a;
+    return h.current && p.current && (c || t) && (a = Ae(h.current, p.current, (y, b) => {
+      p.current && Object.assign(p.current.style, { left: `${y}px`, top: `${b}px` });
+    })), g(!1), () => {
+      a == null || a();
+    };
+  }, [h, p, c, t]);
+  const o = e.useCallback(
+    (a) => {
+      p.current && a.target !== h.current && m && De(p.current, a) && f(!1);
+    },
+    [m, p, h]
+  );
+  return e.useEffect(() => (document.addEventListener("click", o), () => {
+    document.removeEventListener("click", o);
+  }), [o]), /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      className: "lk-button lk-button-menu",
+      "aria-pressed": m,
+      ...v,
+      onClick: () => f(!m),
+      ref: h
+    },
+    v.children
+  ), !v.disabled && /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: "lk-device-menu",
+      ref: p,
+      style: { visibility: m ? "visible" : "hidden" }
+    },
+    s ? /* @__PURE__ */ e.createElement(
+      x,
+      {
+        initialSelection: u,
+        onActiveDeviceChange: (a) => r(s, a),
+        onDeviceListChange: w,
+        kind: s,
+        track: n == null ? void 0 : n[s],
+        requestPermissions: d
+      }
+    ) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "lk-device-menu-heading" }, "Audio inputs"), /* @__PURE__ */ e.createElement(
+      x,
+      {
+        kind: "audioinput",
+        onActiveDeviceChange: (a) => r("audioinput", a),
+        onDeviceListChange: w,
+        track: n == null ? void 0 : n.audioinput,
+        requestPermissions: d
+      }
+    ), /* @__PURE__ */ e.createElement("div", { className: "lk-device-menu-heading" }, "Video inputs"), /* @__PURE__ */ e.createElement(
+      x,
+      {
+        kind: "videoinput",
+        onActiveDeviceChange: (a) => r("videoinput", a),
+        onDeviceListChange: w,
+        track: n == null ? void 0 : n.videoinput,
+        requestPermissions: d
+      }
+    ))
+  ));
+}
+function j() {
+  e.useEffect(() => {
+    oe();
+  }, []);
+}
+function Ke(s, u) {
+  const [i, n] = e.useState(), S = e.useMemo(() => new Fe(), []);
+  return e.useEffect(() => {
+    let v = !1, m = [];
+    return S.lock().then(async (f) => {
+      try {
+        (s.audio || s.video) && (m = await xe(s), v ? m.forEach((c) => c.stop()) : n(m));
+      } catch (c) {
+        u && c instanceof Error ? u(c) : T.error(c);
+      } finally {
+        f();
+      }
+    }), () => {
+      v = !0, m.forEach((f) => {
+        f.stop();
+      });
+    };
+  }, [JSON.stringify(s, ue), u, S]), i;
+}
+function et(s, u, i) {
+  const [n, S] = e.useState(null), [v, m] = e.useState(!1), f = Pe({ kind: i }), [c, w] = e.useState(
+    void 0
+  ), [t, g] = e.useState(), [d, l] = e.useState(u);
+  e.useEffect(() => {
+    l(u);
+  }, [u]);
+  const r = async (o, a) => {
+    try {
+      const y = a === "videoinput" ? await Be({
+        deviceId: o,
+        resolution: We.h720.resolution
+      }) : await je({ deviceId: o }), b = await y.getDeviceId(!1);
+      b && o !== b && (p.current = b, l(b)), g(y);
+    } catch (y) {
+      y instanceof Error && S(y);
+    }
+  }, h = async (o, a) => {
+    await o.setDeviceId(a), p.current = a;
+  }, p = e.useRef(d);
+  return e.useEffect(() => {
+    s && !t && !n && !v && (T.debug("creating track", i), m(!0), r(d, i).finally(() => {
+      m(!1);
+    }));
+  }, [s, t, n, v]), e.useEffect(() => {
+    t && (s ? c != null && c.deviceId && p.current !== (c == null ? void 0 : c.deviceId) ? (T.debug(`switching ${i} device from`, p.current, c.deviceId), h(t, c.deviceId)) : (T.debug(`unmuting local ${i} track`), t.unmute()) : (T.debug(`muting ${i} track`), t.mute().then(() => T.debug(t.mediaStreamTrack))));
+  }, [t, c, s, i]), e.useEffect(() => () => {
+    t && (T.debug(`stopping local ${i} track`), t.stop(), t.mute());
+  }, []), e.useEffect(() => {
+    w(f == null ? void 0 : f.find((o) => o.deviceId === d));
+  }, [d, f]), {
+    selectedDevice: c,
+    localTrack: t,
+    deviceError: n
+  };
+}
+function tt({
+  defaults: s = {},
+  onValidate: u,
+  onSubmit: i,
+  onError: n,
+  debug: S,
+  joinLabel: v = "Join Room",
+  micLabel: m = "Microphone",
+  camLabel: f = "Camera",
+  userLabel: c = "Username",
+  persistUserChoices: w = !0,
+  videoProcessor: t,
+  ...g
+}) {
+  const {
+    userChoices: d,
+    saveAudioInputDeviceId: l,
+    saveAudioInputEnabled: r,
+    saveVideoInputDeviceId: h,
+    saveVideoInputEnabled: p,
+    saveUsername: o
+  } = W({
+    defaults: s,
+    preventSave: !w,
+    preventLoad: !w
+  }), [a, y] = e.useState(d), [b, A] = e.useState(a.audioEnabled), [N, L] = e.useState(a.videoEnabled), [P, R] = e.useState(a.audioDeviceId), [E, I] = e.useState(a.videoDeviceId), [O, ae] = e.useState(a.username);
+  e.useEffect(() => {
+    r(b);
+  }, [b, r]), e.useEffect(() => {
+    p(N);
+  }, [N, p]), e.useEffect(() => {
+    l(P);
+  }, [P, l]), e.useEffect(() => {
+    h(E);
+  }, [E, h]), e.useEffect(() => {
+    o(O);
+  }, [O, o]);
+  const D = Ke(
+    {
+      audio: b ? { deviceId: d.audioDeviceId } : !1,
+      video: N ? { deviceId: d.videoDeviceId, processor: t } : !1
+    },
+    n
+  ), U = e.useRef(null), M = e.useMemo(
+    () => D == null ? void 0 : D.filter((C) => C.kind === k.Kind.Video)[0],
+    [D]
+  ), ne = e.useMemo(() => {
+    if (M) {
+      const { facingMode: C } = _e(M);
+      return C;
+    } else
+      return "undefined";
+  }, [M]), q = e.useMemo(
+    () => D == null ? void 0 : D.filter((C) => C.kind === k.Kind.Audio)[0],
+    [D]
+  );
+  e.useEffect(() => (U.current && M && (M.unmute(), M.attach(U.current)), () => {
+    M == null || M.detach();
+  }), [M]);
+  const [ce, se] = e.useState(), _ = e.useCallback(
+    (C) => typeof u == "function" ? u(C) : C.username !== "",
+    [u]
+  );
+  e.useEffect(() => {
+    const C = {
+      username: O,
+      videoEnabled: N,
+      videoDeviceId: E,
+      audioEnabled: b,
+      audioDeviceId: P
+    };
+    y(C), se(_(C));
+  }, [O, N, _, b, P, E]);
+  function re(C) {
+    C.preventDefault(), _(a) ? typeof i == "function" && i(a) : T.warn("Validation failed with: ", a);
+  }
+  return j(), /* @__PURE__ */ e.createElement("div", { className: "lk-prejoin", ...g }, /* @__PURE__ */ e.createElement("div", { className: "lk-video-container" }, M && /* @__PURE__ */ e.createElement("video", { ref: U, width: "1280", height: "720", "data-lk-facing-mode": ne }), (!M || !N) && /* @__PURE__ */ e.createElement("div", { className: "lk-camera-off-note" }, /* @__PURE__ */ e.createElement(fe, null))), /* @__PURE__ */ e.createElement("div", { className: "lk-button-group-container" }, /* @__PURE__ */ e.createElement("div", { className: "lk-button-group audio" }, /* @__PURE__ */ e.createElement(
+    V,
+    {
+      initialState: b,
+      source: k.Source.Microphone,
+      onChange: (C) => A(C)
+    },
+    m
+  ), /* @__PURE__ */ e.createElement("div", { className: "lk-button-group-menu" }, /* @__PURE__ */ e.createElement(
+    $,
+    {
+      initialSelection: P,
+      kind: "audioinput",
+      disabled: !q,
+      tracks: { audioinput: q },
+      onActiveDeviceChange: (C, F) => R(F)
+    }
+  ))), /* @__PURE__ */ e.createElement("div", { className: "lk-button-group video" }, /* @__PURE__ */ e.createElement(
+    V,
+    {
+      initialState: N,
+      source: k.Source.Camera,
+      onChange: (C) => L(C)
+    },
+    f
+  ), /* @__PURE__ */ e.createElement("div", { className: "lk-button-group-menu" }, /* @__PURE__ */ e.createElement(
+    $,
+    {
+      initialSelection: E,
+      kind: "videoinput",
+      disabled: !M,
+      tracks: { videoinput: M },
+      onActiveDeviceChange: (C, F) => I(F)
+    }
+  )))), /* @__PURE__ */ e.createElement("form", { className: "lk-username-container" }, /* @__PURE__ */ e.createElement(
+    "input",
+    {
+      className: "lk-form-control",
+      id: "username",
+      name: "username",
+      type: "text",
+      defaultValue: O,
+      placeholder: c,
+      onChange: (C) => ae(C.target.value),
+      autoComplete: "off"
+    }
+  ), /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      className: "lk-button lk-join-button",
+      type: "submit",
+      onClick: re,
+      disabled: !ce
+    },
+    v
+  )), S && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("strong", null, "User Choices:"), /* @__PURE__ */ e.createElement("ul", { className: "lk-list", style: { overflow: "hidden", maxWidth: "15rem" } }, /* @__PURE__ */ e.createElement("li", null, "Username: ", `${a.username}`), /* @__PURE__ */ e.createElement("li", null, "Video Enabled: ", `${a.videoEnabled}`), /* @__PURE__ */ e.createElement("li", null, "Audio Enabled: ", `${a.audioEnabled}`), /* @__PURE__ */ e.createElement("li", null, "Video Device: ", `${a.videoDeviceId}`), /* @__PURE__ */ e.createElement("li", null, "Audio Device: ", `${a.audioDeviceId}`))));
+}
+function Ge({ props: s }) {
+  const { dispatch: u, state: i } = Re().widget, n = "lk-button lk-settings-toggle";
+  return { mergedProps: e.useMemo(() => le(s, {
+    className: n,
+    onClick: () => {
+      u && u({ msg: "toggle_settings" });
+    },
+    "aria-pressed": i != null && i.showSettings ? "true" : "false"
+  }), [s, n, u, i]) };
+}
+const Je = /* @__PURE__ */ e.forwardRef(
+  function(u, i) {
+    const { mergedProps: n } = Ge({ props: u });
+    return /* @__PURE__ */ e.createElement("button", { ref: i, ...n }, u.children);
+  }
+), ze = (s) => {
+  switch (s) {
+    case k.Source.Camera:
+      return 1;
+    case k.Source.Microphone:
+      return 2;
+    case k.Source.ScreenShare:
+      return 3;
+    default:
+      return 0;
+  }
+};
+function te({
+  variation: s,
+  controls: u,
+  saveUserChoices: i = !0,
+  onDeviceError: n,
+  ...S
+}) {
+  var R;
+  const [v, m] = e.useState(!1), f = Z();
+  e.useEffect(() => {
+    var E, I;
+    ((E = f == null ? void 0 : f.widget.state) == null ? void 0 : E.showChat) !== void 0 && m((I = f == null ? void 0 : f.widget.state) == null ? void 0 : I.showChat);
+  }, [(R = f == null ? void 0 : f.widget.state) == null ? void 0 : R.showChat]);
+  const w = Ne(`(max-width: ${v ? 1e3 : 760}px)`) ? "minimal" : "verbose";
+  s ?? (s = w);
+  const t = { leave: !0, ...u }, g = X();
+  if (!g)
+    t.camera = !1, t.chat = !1, t.microphone = !1, t.screenShare = !1;
+  else {
+    const E = (I) => g.canPublish && (g.canPublishSources.length === 0 || g.canPublishSources.includes(ze(I)));
+    t.camera ?? (t.camera = E(k.Source.Camera)), t.microphone ?? (t.microphone = E(k.Source.Microphone)), t.screenShare ?? (t.screenShare = E(k.Source.ScreenShare)), t.chat ?? (t.chat = g.canPublishData && (u == null ? void 0 : u.chat));
+  }
+  const d = e.useMemo(
+    () => s === "minimal" || s === "verbose",
+    [s]
+  ), l = e.useMemo(
+    () => s === "textOnly" || s === "verbose",
+    [s]
+  ), r = Ve(), [h, p] = e.useState(!1), o = e.useCallback(
+    (E) => {
+      p(E);
+    },
+    [p]
+  ), a = G({ className: "lk-control-bar" }, S), {
+    saveAudioInputEnabled: y,
+    saveVideoInputEnabled: b,
+    saveAudioInputDeviceId: A,
+    saveVideoInputDeviceId: N
+  } = W({ preventSave: !i }), L = e.useCallback(
+    (E, I) => I ? y(E) : null,
+    [y]
+  ), P = e.useCallback(
+    (E, I) => I ? b(E) : null,
+    [b]
+  );
+  return /* @__PURE__ */ e.createElement("div", { ...a }, t.microphone && /* @__PURE__ */ e.createElement("div", { className: "lk-button-group" }, /* @__PURE__ */ e.createElement(
+    V,
+    {
+      source: k.Source.Microphone,
+      showIcon: d,
+      onChange: L,
+      onDeviceError: (E) => n == null ? void 0 : n({ source: k.Source.Microphone, error: E })
+    },
+    l && "Microphone"
+  ), /* @__PURE__ */ e.createElement("div", { className: "lk-button-group-menu" }, /* @__PURE__ */ e.createElement(
+    $,
+    {
+      kind: "audioinput",
+      onActiveDeviceChange: (E, I) => A(I ?? "default")
+    }
+  ))), t.camera && /* @__PURE__ */ e.createElement("div", { className: "lk-button-group" }, /* @__PURE__ */ e.createElement(
+    V,
+    {
+      source: k.Source.Camera,
+      showIcon: d,
+      onChange: P,
+      onDeviceError: (E) => n == null ? void 0 : n({ source: k.Source.Camera, error: E })
+    },
+    l && "Camera"
+  ), /* @__PURE__ */ e.createElement("div", { className: "lk-button-group-menu" }, /* @__PURE__ */ e.createElement(
+    $,
+    {
+      kind: "videoinput",
+      onActiveDeviceChange: (E, I) => N(I ?? "default")
+    }
+  ))), t.screenShare && r && /* @__PURE__ */ e.createElement(
+    V,
+    {
+      source: k.Source.ScreenShare,
+      captureOptions: { audio: !0, selfBrowserSurface: "include" },
+      showIcon: d,
+      onChange: o,
+      onDeviceError: (E) => n == null ? void 0 : n({ source: k.Source.ScreenShare, error: E })
+    },
+    l && (h ? "Stop screen share" : "Share screen")
+  ), t.chat && /* @__PURE__ */ e.createElement(J, null, d && /* @__PURE__ */ e.createElement(he, null), l && "Chat"), t.settings && /* @__PURE__ */ e.createElement(Je, null, d && /* @__PURE__ */ e.createElement(pe, null), l && "Settings"), t.leave && /* @__PURE__ */ e.createElement(z, null, d && /* @__PURE__ */ e.createElement(ge, null), l && "Leave"), /* @__PURE__ */ e.createElement(H, null));
+}
+function at({
+  chatMessageFormatter: s,
+  chatMessageDecoder: u,
+  chatMessageEncoder: i,
+  SettingsComponent: n,
+  controlBarProops: S = {},
+  ...v
+}) {
+  var h, p;
+  const [m, f] = e.useState({
+    showChat: !1,
+    unreadMessages: 0,
+    showSettings: !1
+  }), c = e.useRef(null), w = Y(
+    [
+      { source: k.Source.Camera, withPlaceholder: !0 },
+      { source: k.Source.ScreenShare, withPlaceholder: !1 }
+    ],
+    { updateOnlyOn: [qe.ActiveSpeakersChanged], onlySubscribed: !1 }
+  ), t = (o) => {
+    T.debug("updating widget state", o), f(o);
+  }, g = Oe(), d = w.filter(B).filter((o) => o.publication.source === k.Source.ScreenShare), l = (h = Te(g)) == null ? void 0 : h[0], r = w.filter((o) => !$e(o, l));
+  return e.useEffect(() => {
+    var o, a, y, b, A, N;
+    if (d.some((L) => L.publication.isSubscribed) && c.current === null ? (T.debug("Auto set screen share focus:", { newScreenShareTrack: d[0] }), (a = (o = g.pin).dispatch) == null || a.call(o, { msg: "set_pin", trackReference: d[0] }), c.current = d[0]) : c.current && !d.some(
+      (L) => {
+        var P, R;
+        return L.publication.trackSid === ((R = (P = c.current) == null ? void 0 : P.publication) == null ? void 0 : R.trackSid);
+      }
+    ) && (T.debug("Auto clearing screen share focus."), (b = (y = g.pin).dispatch) == null || b.call(y, { msg: "clear_pin" }), c.current = null), l && !B(l)) {
+      const L = w.find(
+        (P) => P.participant.identity === l.participant.identity && P.source === l.source
+      );
+      L !== l && B(L) && ((N = (A = g.pin).dispatch) == null || N.call(A, { msg: "set_pin", trackReference: L }));
+    }
+  }, [
+    d.map((o) => `${o.publication.trackSid}_${o.publication.isSubscribed}`).join(),
+    (p = l == null ? void 0 : l.publication) == null ? void 0 : p.trackSid,
+    w
+  ]), j(), /* @__PURE__ */ e.createElement("div", { className: "lk-video-conference", ...v }, Ue() && /* @__PURE__ */ e.createElement(
+    Q,
+    {
+      value: g,
+      onWidgetChange: t
+    },
+    /* @__PURE__ */ e.createElement("div", { className: "lk-video-conference-inner" }, l ? /* @__PURE__ */ e.createElement("div", { className: "lk-focus-layout-wrapper" }, /* @__PURE__ */ e.createElement(Se, null, /* @__PURE__ */ e.createElement(ve, { tracks: r }, /* @__PURE__ */ e.createElement(K, null)), l && /* @__PURE__ */ e.createElement(ke, { trackRef: l }))) : /* @__PURE__ */ e.createElement("div", { className: "lk-grid-layout-wrapper" }, /* @__PURE__ */ e.createElement(Ee, { tracks: w }, /* @__PURE__ */ e.createElement(K, null))), /* @__PURE__ */ e.createElement(
+      te,
+      {
+        controls: { chat: !0, settings: !!n, ...S }
+      }
+    )),
+    /* @__PURE__ */ e.createElement(
+      ee,
+      {
+        style: { display: m.showChat ? "grid" : "none" },
+        messageFormatter: s,
+        messageEncoder: i,
+        messageDecoder: u
+      }
+    ),
+    n && /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: "lk-settings-menu-modal",
+        style: { display: m.showSettings ? "block" : "none" }
+      },
+      /* @__PURE__ */ e.createElement(n, null)
+    )
+  ), /* @__PURE__ */ e.createElement(be, null), /* @__PURE__ */ e.createElement(Ce, null));
+}
+function nt({ ...s }) {
+  const [u, i] = e.useState({
+    showChat: !1,
+    unreadMessages: 0
+  }), n = Y([k.Source.Microphone]);
+  return j(), /* @__PURE__ */ e.createElement(Q, { onWidgetChange: i }, /* @__PURE__ */ e.createElement("div", { className: "lk-audio-conference", ...s }, /* @__PURE__ */ e.createElement("div", { className: "lk-audio-conference-stage" }, /* @__PURE__ */ e.createElement(we, { tracks: n }, /* @__PURE__ */ e.createElement(ye, null))), /* @__PURE__ */ e.createElement(
+    te,
+    {
+      controls: { microphone: !0, screenShare: !1, camera: !1, chat: !0 }
+    }
+  ), u.showChat && /* @__PURE__ */ e.createElement(ee, null)));
+}
+function ct({
+  controls: s,
+  saveUserChoices: u = !0,
+  onDeviceError: i,
+  ...n
+}) {
+  const S = { leave: !0, microphone: !0, ...s }, v = X(), { microphoneTrack: m, localParticipant: f } = Le(), c = e.useMemo(() => ({
+    participant: f,
+    source: k.Source.Microphone,
+    publication: m
+  }), [f, m]);
+  v ? S.microphone ?? (S.microphone = v.canPublish) : S.microphone = !1;
+  const w = G({ className: "lk-agent-control-bar" }, n), { saveAudioInputEnabled: t, saveAudioInputDeviceId: g } = W({
+    preventSave: !u
+  }), d = e.useCallback(
+    (l, r) => {
+      r && t(l);
+    },
+    [t]
+  );
+  return /* @__PURE__ */ e.createElement("div", { ...w }, S.microphone && /* @__PURE__ */ e.createElement("div", { className: "lk-button-group" }, /* @__PURE__ */ e.createElement(
+    V,
+    {
+      source: k.Source.Microphone,
+      showIcon: !0,
+      onChange: d,
+      onDeviceError: (l) => i == null ? void 0 : i({ source: k.Source.Microphone, error: l })
+    },
+    /* @__PURE__ */ e.createElement(Ie, { trackRef: c, barCount: 7, options: { minHeight: 5 } })
+  ), /* @__PURE__ */ e.createElement("div", { className: "lk-button-group-menu" }, /* @__PURE__ */ e.createElement(
+    $,
+    {
+      kind: "audioinput",
+      onActiveDeviceChange: (l, r) => g(r ?? "default")
+    }
+  ))), S.leave && /* @__PURE__ */ e.createElement(z, null, "Disconnect"), /* @__PURE__ */ e.createElement(H, null));
+}
+export {
+  nt as AudioConference,
+  ee as Chat,
+  te as ControlBar,
+  $ as MediaDeviceMenu,
+  tt as PreJoin,
+  at as VideoConference,
+  ct as VoiceAssistantControlBar,
+  et as usePreviewDevice,
+  Ke as usePreviewTracks
+};
+//# sourceMappingURL=prefabs.mjs.map