@livo-tv/sdk 1.2.0 → 1.2.1

package/dist/studio/index.cjs

@@ -2212,7 +2212,7 @@ function BubbleGroup({ className, ...props }) {
   );
 }
 var bubbleVariants = classVarianceAuthority.cva(
-  "group/bubble relative flex w-fit max-w-[80%] min-w-0 flex-col gap-1 group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full",
+  "group/bubble relative flex w-max max-w-[80%] flex-col gap-1 group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full",
   {
     variants: {
       variant: {
@@ -2257,7 +2257,7 @@ function BubbleContent({
     props: mergeProps.mergeProps(
       {
         className: cn(
-          "w-fit max-w-full min-w-0 overflow-hidden rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed wrap-break-word group-data-[align=end]/bubble:self-end [button]:text-left [button,a]:transition-colors [button,a]:outline-none [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-3 [button,a]:focus-visible:ring-ring/50",
+          "w-max max-w-full overflow-hidden rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed break-words group-data-[align=end]/bubble:self-end [button]:text-left [button,a]:transition-colors [button,a]:outline-none [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-3 [button,a]:focus-visible:ring-ring/50",
           className
         )
       },
@@ -2609,7 +2609,7 @@ function StudioSidePanel({
   const panelists = participants.filter((row) => isOnStage(row.stageStatus));
   const audience = participants.filter((row) => !isOnStage(row.stageStatus));
   return /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "bg-background flex min-h-0 w-full flex-1 flex-col border-t md:w-80 md:flex-none md:border-l md:border-t-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex border-b", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         Button,
         {
@@ -3263,14 +3263,24 @@ function StudioToolbar({
         children: selfStageStatus === "ON_STAGE" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeOff, {}) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, {})
       }
     ) : null,
-    session.role === "guest" && stageEnabled && selfStageStatus !== "ON_STAGE" ? /* @__PURE__ */ jsxRuntime.jsx(
+    session.role === "guest" && stageEnabled ? /* @__PURE__ */ jsxRuntime.jsx(
       ControlIcon,
       {
-        label: selfStageStatus === "REQUESTED_TO_JOIN_STAGE" ? labels.stageRequested : labels.askToGoOnAir,
+        label: selfStageStatus === "ON_STAGE" ? labels.goOffAir : selfStageStatus === "REQUESTED_TO_JOIN_STAGE" ? labels.stageRequested : labels.askToGoOnAir,
         pressed: selfStageStatus === "REQUESTED_TO_JOIN_STAGE",
-        disabled: selfStageStatus === "REQUESTED_TO_JOIN_STAGE",
-        onClick: onAskStage,
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Users, {})
+        disabled: selfStageStatus === "REQUESTED_TO_JOIN_STAGE" || selfStageStatus === "ON_STAGE" && !canLeaveStage,
+        onClick: () => {
+          if (selfStageStatus === "ON_STAGE") {
+            if (!canLeaveStage) {
+              sonner.toast.message(labels.offAirLastVisible);
+              return;
+            }
+            onLeaveStage();
+            return;
+          }
+          onAskStage();
+        },
+        children: selfStageStatus === "ON_STAGE" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeOff, {}) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, {})
       }
     ) : null,
     showScreenControl ? canShareFreely ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -5279,7 +5289,15 @@ function studioMeetingFromRtk(raw) {
         notifyStage();
         return;
       }
-      await meeting.stage?.join?.();
+      try {
+        await meeting.stage?.join?.();
+      } catch {
+        const userId = meeting.self?.userId;
+        if (userId) {
+          await meeting.stage?.grantAccess?.([userId]);
+        }
+        await meeting.stage?.join?.();
+      }
       joinedStageLocally = true;
       await republishCameraIfOn();
       notifyStage();
@@ -5569,7 +5587,11 @@ function useRealtimeKitMeeting(authToken, generation = 0) {
   const [meeting, setMeeting] = react.useState(null);
   const [error, setError] = react.useState(null);
   react.useEffect(() => {
-    if (!authToken) return;
+    if (!authToken) {
+      setMeeting(null);
+      setError(null);
+      return;
+    }
     let cancelled = false;
     let handle = null;
     setError(null);
@@ -5914,9 +5936,9 @@ function LivoGuestStudio({
         setError(err instanceof Error ? err.message : lobbyLabels.joinError);
         setWaitingForHost(false);
       }
-      setJoining(false);
     } finally {
       joinInFlight.current = false;
+      setJoining(false);
     }
   }, [apiUrl, displayName, guestId, lobbyLabels, token]);
   react.useEffect(() => {
@@ -5992,6 +6014,10 @@ function LivoGuestStudio({
       onRejoin: () => {
         setSession(null);
         setSessionGen((n) => n + 1);
+        setJoining(false);
+        setWaitingForHost(false);
+        setError(null);
+        joinInFlight.current = false;
       },
       reducedMotion,
       labels,