@livo-tv/sdk 1.2.2 → 1.2.3

package/dist/studio/index.cjs

@@ -2299,13 +2299,13 @@ function BubbleGroup({ className, ...props }) {
     "div",
     {
       "data-slot": "bubble-group",
-      className: cn("flex min-w-0 flex-col gap-2", className),
+      className: cn("flex min-w-min flex-col gap-2", className),
       ...props
     }
   );
 }
 var bubbleVariants = classVarianceAuthority.cva(
-  "group/bubble relative flex w-fit min-w-0 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",
+  "group/bubble relative flex w-fit min-w-min max-w-full flex-col gap-1 group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full",
   {
     variants: {
       variant: {
@@ -2350,7 +2350,7 @@ function BubbleContent({
     props: mergeProps.mergeProps(
       {
         className: cn(
-          "w-auto max-w-full rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed [overflow-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-auto max-w-full whitespace-pre-wrap rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed [overflow-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",
           className
         )
       },
@@ -2534,7 +2534,7 @@ function StudioChatPanel({
             const bubbles = group.rows.map((row) => /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
               {
-                className: group.mine ? "ml-auto flex w-fit max-w-full flex-col gap-1" : "flex w-fit max-w-full flex-col gap-1",
+                className: group.mine ? "ml-auto flex max-w-[80%] flex-col gap-1 self-end" : "flex max-w-[80%] flex-col gap-1 self-start",
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
                     Bubble,
@@ -4893,7 +4893,11 @@ function isRecorder(participant) {
 function resolvedName(participant, nameOverrides) {
   return nameOverrides.get(participant.id) ?? (participant.userId ? nameOverrides.get(participant.userId) : void 0) ?? participant.name?.trim() ?? "Guest";
 }
-function tileFrom(participant, selfId, pinnedIds, chatSend, nameOverrides) {
+function resolveTileStageStatus(participant, stageEnabled, fallback) {
+  if (!stageEnabled) return "ON_STAGE";
+  return participant.stageStatus ?? fallback ?? "OFF_STAGE";
+}
+function tileFrom(participant, selfId, pinnedIds, chatSend, nameOverrides, stageStatus) {
   return {
     id: participant.id,
     userId: participant.userId ?? "",
@@ -4903,7 +4907,7 @@ function tileFrom(participant, selfId, pinnedIds, chatSend, nameOverrides) {
     videoEnabled: participant.videoEnabled === true,
     screenShareEnabled: participant.screenShareEnabled === true,
     picture: participant.picture ?? null,
-    stageStatus: participant.stageStatus ?? "ON_STAGE",
+    stageStatus,
     pinned: participant.isPinned === true || pinnedIds.has(participant.id),
     chatCanSend: chatSend.get(participant.id) ?? true
   };
@@ -5445,7 +5449,7 @@ function studioMeetingFromRtk(raw) {
       notifyStage();
     },
     async joinStage() {
-      if (currentStageStatus() === "ON_STAGE") {
+      if (meeting.self?.stageStatus === "ON_STAGE") {
         notifyStage();
         return;
       }
@@ -5454,14 +5458,15 @@ function studioMeetingFromRtk(raw) {
         notifyStage();
         return;
       }
+      const userId = meeting.self?.userId;
+      if (userId) {
+        await meeting.stage?.grantAccess?.([userId]);
+      }
       try {
         await meeting.stage?.join?.();
-      } catch {
-        const userId = meeting.self?.userId;
-        if (userId) {
-          await meeting.stage?.grantAccess?.([userId]);
-        }
-        await meeting.stage?.join?.();
+      } catch (error) {
+        notifyStage();
+        throw error;
       }
       joinedStageLocally = true;
       await republishCameraIfOn();
@@ -5469,6 +5474,7 @@ function studioMeetingFromRtk(raw) {
     },
     async leaveStage() {
       await meeting.stage?.leave?.();
+      joinedStageLocally = false;
       notifyStage();
     },
     stageStatus() {
@@ -5550,10 +5556,27 @@ function studioMeetingFromRtk(raw) {
     participants() {
       const self = meeting.self;
       const pinned = pinnedIdSet();
-      const joinedRows = asList(meeting.participants?.joined).filter((row) => row.id !== self?.id && !isRecorder(row)).map((row) => tileFrom(row, self?.id, pinned, chatSend, nameOverrides));
+      const stageEnabled = self?.permissions?.stageEnabled !== false;
+      const joinedRows = asList(meeting.participants?.joined).filter((row) => row.id !== self?.id && !isRecorder(row)).map(
+        (row) => tileFrom(
+          row,
+          self?.id,
+          pinned,
+          chatSend,
+          nameOverrides,
+          resolveTileStageStatus(row, stageEnabled)
+        )
+      );
       if (self?.id && !isRecorder(self)) {
         joinedRows.unshift(
-          tileFrom(self, self.id, pinned, chatSend, nameOverrides)
+          tileFrom(
+            self,
+            self.id,
+            pinned,
+            chatSend,
+            nameOverrides,
+            resolveTileStageStatus(self, stageEnabled, meeting.stage?.status)
+          )
         );
       }
       return joinedRows;