@livo-tv/sdk 1.2.4 → 1.3.0

package/dist/studio/index.d.cts

@@ -365,6 +365,7 @@ declare function studioRoomLabels(t: (key: string, values?: Record<string, strin
     unpinnedToast: string;
     pinError: string;
     kickTitle: string;
+    kickTitleNamed: string;
     kickDescription: string;
     kickConfirm: string;
     kickError: string;

package/dist/studio/index.d.ts

@@ -365,6 +365,7 @@ declare function studioRoomLabels(t: (key: string, values?: Record<string, strin
     unpinnedToast: string;
     pinError: string;
     kickTitle: string;
+    kickTitleNamed: string;
     kickDescription: string;
     kickConfirm: string;
     kickError: string;

package/dist/studio/index.js

@@ -2680,11 +2680,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] = useState(
+    null
+  );
   return /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex", children: [
       /* @__PURE__ */ jsxs(
@@ -2801,23 +2805,37 @@ function StudioSidePanel({
         /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: labels.panelists }),
         panelists.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: labels.noPanelists }) : /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: panelists.map((row) => {
           const userId = row.userId;
+          const showKick = isModerator2 && !row.isSelf && Boolean(row.id);
           return /* @__PURE__ */ jsxs(
             "li",
             {
               className: "space-y-2 rounded-md border p-2",
               children: [
                 /* @__PURE__ */ jsx("span", { className: "block truncate text-sm", children: row.name }),
-                !row.isSelf && userId ? /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    type: "button",
-                    size: "xs",
-                    variant: "outline",
-                    className: "w-full",
-                    onClick: () => onTakeOffAir(userId),
-                    children: labels.offAir
-                  }
-                ) : null
+                /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+                  !row.isSelf && userId ? /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      type: "button",
+                      size: "xs",
+                      variant: "outline",
+                      className: "w-full",
+                      onClick: () => onTakeOffAir(userId),
+                      children: labels.offAir
+                    }
+                  ) : null,
+                  showKick ? /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      type: "button",
+                      size: "xs",
+                      variant: "ghost",
+                      className: "w-full",
+                      onClick: () => setPendingKick(row),
+                      children: labels.kick
+                    }
+                  ) : null
+                ] })
               ]
             },
             row.id
@@ -2828,29 +2846,61 @@ function StudioSidePanel({
         /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: labels.audience }),
         audience.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: labels.noAudience }) : /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: audience.map((row) => {
           const userId = row.userId;
+          const showKick = isModerator2 && !row.isSelf && Boolean(row.id);
           return /* @__PURE__ */ jsxs(
             "li",
             {
               className: "space-y-2 rounded-md border p-2",
               children: [
                 /* @__PURE__ */ jsx("span", { className: "block truncate text-sm", children: row.name }),
-                !row.isSelf && userId ? /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    type: "button",
-                    size: "xs",
-                    variant: "outline",
-                    className: "w-full",
-                    onClick: () => onGrantStage(userId),
-                    children: labels.bringOnAir
-                  }
-                ) : null
+                /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+                  !row.isSelf && userId ? /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      type: "button",
+                      size: "xs",
+                      variant: "outline",
+                      className: "w-full",
+                      onClick: () => onGrantStage(userId),
+                      children: labels.bringOnAir
+                    }
+                  ) : null,
+                  showKick ? /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      type: "button",
+                      size: "xs",
+                      variant: "ghost",
+                      className: "w-full",
+                      onClick: () => setPendingKick(row),
+                      children: labels.kick
+                    }
+                  ) : null
+                ] })
               ]
             },
             row.id
           );
         }) })
-      ] })
+      ] }),
+      /* @__PURE__ */ 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);
+          }
+        }
+      )
     ] })
   ] });
 }
@@ -4412,6 +4462,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;
@@ -6494,6 +6545,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"),