@livo-tv/sdk 1.2.4 → 1.3.1

package/dist/studio/index.cjs

@@ -2704,11 +2704,15 @@ function StudioSidePanel({
   onGrantStage,
   onDenyStage,
   onTakeOffAir,
+  onKick,
   guestUrl,
   onShareGuestLink
 }) {
   const panelists = participants.filter((row) => isOnStage(row.stageStatus));
   const audience = participants.filter((row) => !isOnStage(row.stageStatus));
+  const [pendingKick, setPendingKick] = react.useState(
+    null
+  );
   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", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2825,23 +2829,37 @@ function StudioSidePanel({
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: labels.panelists }),
         panelists.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-sm", children: labels.noPanelists }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-2", children: panelists.map((row) => {
           const userId = row.userId;
+          const showKick = isModerator2 && !row.isSelf && Boolean(row.id);
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "li",
             {
               className: "space-y-2 rounded-md border p-2",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-sm", children: row.name }),
-                !row.isSelf && userId ? /* @__PURE__ */ jsxRuntime.jsx(
-                  Button,
-                  {
-                    type: "button",
-                    size: "xs",
-                    variant: "outline",
-                    className: "w-full",
-                    onClick: () => onTakeOffAir(userId),
-                    children: labels.offAir
-                  }
-                ) : null
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
+                  !row.isSelf && userId ? /* @__PURE__ */ jsxRuntime.jsx(
+                    Button,
+                    {
+                      type: "button",
+                      size: "xs",
+                      variant: "outline",
+                      className: "w-full",
+                      onClick: () => onTakeOffAir(userId),
+                      children: labels.offAir
+                    }
+                  ) : null,
+                  showKick ? /* @__PURE__ */ jsxRuntime.jsx(
+                    Button,
+                    {
+                      type: "button",
+                      size: "xs",
+                      variant: "ghost",
+                      className: "w-full",
+                      onClick: () => setPendingKick(row),
+                      children: labels.kick
+                    }
+                  ) : null
+                ] })
               ]
             },
             row.id
@@ -2852,29 +2870,61 @@ function StudioSidePanel({
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: labels.audience }),
         audience.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-sm", children: labels.noAudience }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-2", children: audience.map((row) => {
           const userId = row.userId;
+          const showKick = isModerator2 && !row.isSelf && Boolean(row.id);
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "li",
             {
               className: "space-y-2 rounded-md border p-2",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-sm", children: row.name }),
-                !row.isSelf && userId ? /* @__PURE__ */ jsxRuntime.jsx(
-                  Button,
-                  {
-                    type: "button",
-                    size: "xs",
-                    variant: "outline",
-                    className: "w-full",
-                    onClick: () => onGrantStage(userId),
-                    children: labels.bringOnAir
-                  }
-                ) : null
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
+                  !row.isSelf && userId ? /* @__PURE__ */ jsxRuntime.jsx(
+                    Button,
+                    {
+                      type: "button",
+                      size: "xs",
+                      variant: "outline",
+                      className: "w-full",
+                      onClick: () => onGrantStage(userId),
+                      children: labels.bringOnAir
+                    }
+                  ) : null,
+                  showKick ? /* @__PURE__ */ jsxRuntime.jsx(
+                    Button,
+                    {
+                      type: "button",
+                      size: "xs",
+                      variant: "ghost",
+                      className: "w-full",
+                      onClick: () => setPendingKick(row),
+                      children: labels.kick
+                    }
+                  ) : null
+                ] })
               ]
             },
             row.id
           );
         }) })
-      ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ConfirmAction,
+        {
+          open: pendingKick !== null,
+          onOpenChange: (open) => {
+            if (!open) setPendingKick(null);
+          },
+          triggerLabel: labels.kick,
+          title: pendingKick ? labels.kickTitleNamed.replace("{name}", pendingKick.name) : labels.kickTitle,
+          description: labels.kickDescription,
+          confirmLabel: labels.kickConfirm,
+          onConfirm: () => {
+            const target = pendingKick;
+            setPendingKick(null);
+            if (target) onKick(target.id);
+          }
+        }
+      )
     ] })
   ] });
 }
@@ -4436,6 +4486,7 @@ function StudioRoom({
             const tile = participants.find((row) => row.userId === userId);
             if (tile) void onSetStage(tile, false);
           },
+          onKick: (id) => void onKick(id),
           guestUrl: session.guestUrl,
           onShareGuestLink: () => {
             const url = session.guestUrl;
@@ -5281,6 +5332,14 @@ function studioMeetingFromRtk(raw) {
     await meeting.self.disableVideo?.();
     await meeting.self.enableVideo?.();
   }
+  async function acceptAllowedStageIfOffAir() {
+    if (currentStageStatus() !== "OFF_STAGE") return;
+    if (meeting.self?.permissions?.stageAccess !== "ALLOWED") return;
+    try {
+      await meeting.stage?.requestAccess?.();
+    } catch {
+    }
+  }
   async function runJoinStageAttempts() {
     let lastError;
     for (let attempt = 0; attempt < STAGE_JOIN_MAX_ATTEMPTS; attempt++) {
@@ -5289,6 +5348,11 @@ function studioMeetingFromRtk(raw) {
         return;
       }
       try {
+        await acceptAllowedStageIfOffAir();
+        if (currentStageStatus() === "ON_STAGE") {
+          notifyStage();
+          return;
+        }
         await meeting.stage?.join?.();
         joinedStageLocally = true;
         await republishCameraIfOn();
@@ -5541,6 +5605,10 @@ function studioMeetingFromRtk(raw) {
     async setStageAccess(userId, on) {
       const target = findByUserId(meeting, userId);
       if (isRecorder(target)) return;
+      if (on && meeting.self?.userId === userId && meeting.self?.permissions?.stageAccess === "ALLOWED") {
+        await joinStageWithRetry();
+        return;
+      }
       if (on) await meeting.stage?.grantAccess?.([userId]);
       else await meeting.stage?.kick?.([userId]);
       notifyStage();
@@ -6518,6 +6586,7 @@ function studioRoomLabels(t) {
     unpinnedToast: t("unpinnedToast"),
     pinError: t("pinError"),
     kickTitle: t("kickTitle"),
+    kickTitleNamed: t("kickTitleNamed", { name: "{name}" }),
     kickDescription: t("kickDescription"),
     kickConfirm: t("kickConfirm"),
     kickError: t("kickError"),