@ai-matrx/meet 0.11.36 → 0.11.37

package/dist/skins/meet.cjs

@@ -243,6 +243,19 @@ function normalizeDeviceError(error, operation) {
   }
 }
 
+// src/core/leave.ts
+var DEFAULT_LEAVE_POLICY = { hostLeavePrompt: "leave_or_end", endConfirm: false };
+function leaveChoices(args) {
+  if (args.role !== "host") return ["leave"];
+  switch (args.policy.hostLeavePrompt) {
+    case "must_assign_or_end":
+      return args.othersPresent ? ["assign_and_leave", "end_for_all"] : ["leave", "end_for_all"];
+    case "leave_only":
+    case "leave_or_end":
+      return ["leave", "end_for_all"];
+  }
+}
+
 // src/core/tokens.ts
 var MEET_ROUTES = {
   token: "/api/v1/meet/token",
@@ -1219,16 +1232,20 @@ function useRoom() {
       async () => requireEngine(engine, "toggleCamera").setCameraEnabled(!(local?.cameraEnabled ?? false)),
       [engine, local]
     ),
-    toggleScreenShare: (0, import_react5.useCallback)(
-      async () => requireEngine(engine, "toggleScreenShare").setScreenShareEnabled(
-        !(local?.screenSharing ?? false)
-      ),
-      [engine, local]
-    ),
-    toggleHand: (0, import_react5.useCallback)(
-      async () => requireEngine(engine, "toggleHand").raiseHand(!(local?.handRaised ?? false)),
-      [engine, local]
-    ),
+    toggleScreenShare: (0, import_react5.useCallback)(async () => {
+      const on = !(local?.screenSharing ?? false);
+      await requireEngine(engine, "toggleScreenShare").setScreenShareEnabled(on);
+      const sharing = host?.store.snapshot().participants.find((p) => p.isLocal)?.screenSharing ?? false;
+      if (host !== null && sharing === on) {
+        await host.inRoom.moderate({ action: "present", on }).catch(() => void 0);
+      }
+    }, [engine, host, local]),
+    // S8: a hand is SERVER state (`/moderate raise_hand · lower_hand`, server time), replicated
+    // back as the `matrx.hand` attribute — no client sets its own hand on the wire.
+    toggleHand: (0, import_react5.useCallback)(async () => {
+      if (host === null) throw noRuntime("toggleHand");
+      await host.inRoom.moderate({ action: local?.handRaised === true ? "lower_hand" : "raise_hand" });
+    }, [host, local]),
     react: (0, import_react5.useCallback)(
       async (emoji) => requireEngine(engine, "react").react(emoji),
       [engine]
@@ -1357,6 +1374,31 @@ function useWaiting() {
     askAgain: (0, import_react5.useCallback)(async () => requireSession(session, "askAgain").askAgain(), [session])
   };
 }
+function useLeave() {
+  const host = useMeetHost();
+  const snapshot = useMeetSnapshot();
+  const session = host?.meetings ?? null;
+  const engine = host?.engine ?? null;
+  const policy = snapshot?.leavePolicy ?? DEFAULT_LEAVE_POLICY;
+  const participants = snapshot?.participants ?? [];
+  const me = participants.find((p) => p.isLocal);
+  const candidates = participants.filter((p) => !p.isLocal && !p.isAgent && p.role !== "viewer");
+  const choices = leaveChoices({ policy, role: me?.role ?? null, othersPresent: candidates.length > 0 });
+  return {
+    choices,
+    policy,
+    candidates,
+    leave: (0, import_react5.useCallback)(async () => requireEngine(engine, "leave").leave(), [engine]),
+    endForAll: (0, import_react5.useCallback)(async () => requireSession(session, "endForAll").hostLeave("end_for_all"), [session]),
+    assignAndLeave: (0, import_react5.useCallback)(
+      async (person) => {
+        await requireSession(session, "assignAndLeave").hostLeave({ assignTo: String(person.identity) });
+        await requireEngine(engine, "leave").leave();
+      },
+      [session, engine]
+    )
+  };
+}
 function useRecording() {
   const host = useMeetHost();
   const snapshot = useMeetSnapshot();
@@ -3521,19 +3563,75 @@ function ControlBar({ onLeave }) {
           ] }) : null
         ] }) }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        ControlButton,
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(LeaveControl, { onLeave })
+    ] })
+  ] });
+}
+var LEAVE_WORDS = {
+  leave_or_end: { leave: "Leave call", assign_and_leave: "Assign a new host", end_for_all: "End call for everyone" },
+  must_assign_or_end: { leave: "Leave meeting", assign_and_leave: "Assign a new host", end_for_all: "End meeting for all" },
+  leave_only: { leave: "Leave", assign_and_leave: "Assign a new host", end_for_all: "End meeting" }
+};
+function LeaveControl({ onLeave }) {
+  const leave = useLeave();
+  const [open, setOpen] = (0, import_react10.useState)("none");
+  const [failure, setFailure] = (0, import_react10.useState)(null);
+  const words = LEAVE_WORDS[leave.policy.hostLeavePrompt];
+  const run = (work, leaving) => {
+    setFailure(null);
+    void work().then(() => {
+      setOpen("none");
+      if (leaving) onLeave?.();
+    }).catch((error) => setFailure(error instanceof Error ? error.message : String(error)));
+  };
+  const leaveNow = () => run(leave.leave, true);
+  const endNow = () => run(leave.endForAll, false);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "mx-meet__anchor", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      ControlButton,
+      {
+        label: "Leave",
+        danger: true,
+        active: open !== "none",
+        onClick: () => {
+          if (leave.choices.length === 1 && leave.choices[0] === "leave") leaveNow();
+          else setOpen(open === "none" ? "menu" : "none");
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PhoneOffIcon, {})
+      }
+    ),
+    open !== "none" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Popover, { label: open === "assign" ? words.assign_and_leave : "Leave", onClose: () => setOpen("none"), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mx-meet__menu", "data-meet-leave-menu": leave.policy.hostLeavePrompt, children: [
+      open === "menu" ? leave.choices.map((choice) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "button",
         {
-          label: "Leave",
-          danger: true,
+          type: "button",
+          className: choice === "end_for_all" ? "mx-meet__menu-item mx-meet__menu-item--danger" : "mx-meet__menu-item",
           onClick: () => {
-            void room.leave();
-            onLeave?.();
+            if (choice === "leave") leaveNow();
+            else if (choice === "assign_and_leave") setOpen("assign");
+            else if (leave.policy.endConfirm) setOpen("confirm");
+            else endNow();
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PhoneOffIcon, {})
-        }
-      )
-    ] })
+          children: words[choice]
+        },
+        choice
+      )) : null,
+      open === "assign" ? leave.candidates.map((person) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "mx-meet__menu-item",
+          onClick: () => run(() => leave.assignAndLeave(person), true),
+          children: person.displayName
+        },
+        String(person.identity)
+      )) : null,
+      open === "confirm" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "mx-meet__menu-item mx-meet__menu-item--danger", onClick: endNow, children: words.end_for_all }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "mx-meet__menu-item", onClick: () => setOpen("menu"), children: "Cancel" })
+      ] }) : null,
+      failure !== null ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mx-meet__menu-note", role: "alert", children: failure }) : null
+    ] }) }) : null
   ] });
 }
 function useUnreadChat(open) {