@ai-matrx/meet 0.7.80 → 0.7.82

package/dist/react.cjs

@@ -468,6 +468,55 @@ function normalizeDeviceError(error, operation) {
       );
   }
 }
+var SYSTEM_BLOCK = /by system|permissions?[- ]policy|display-capture|disallowed|not allowed by the system/i;
+function classifyScreenShareError(error) {
+  const read = (value, key) => {
+    const v = value?.[key];
+    return typeof v === "string" ? v : "";
+  };
+  const cause = error instanceof MeetError ? error.cause : void 0;
+  const denied = [error, cause].some((value) => {
+    const name = read(value, "name");
+    return name === "NotAllowedError" || name === "AbortError" || name === "SecurityError";
+  });
+  if (denied) {
+    const text3 = [read(error, "message"), read(cause, "message")].join(" ");
+    return SYSTEM_BLOCK.test(text3) || [error, cause].some((v) => read(v, "name") === "SecurityError") ? "blocked" : "ambiguous";
+  }
+  if (error instanceof MeetError && error.code === "permission-denied" && cause === void 0) {
+    return "ambiguous";
+  }
+  return "other";
+}
+var SCREEN_SHARE_BLOCKED_REMEDY = "Your browser or computer is blocking screen sharing. On a Mac, open System Settings > Privacy & Security > Screen Recording, turn it on for your browser, then restart the browser. On a work computer, ask your administrator. You are still in the call.";
+function normalizeScreenShareError(error, operation) {
+  if (error instanceof MeetError) return error;
+  const raw = error ?? {};
+  const message = typeof raw.message === "string" ? raw.message : String(error);
+  const kind = classifyScreenShareError(error);
+  if (kind === "blocked") {
+    return new MeetError(
+      "permission-denied",
+      `${operation}: screen sharing is blocked (${message})`,
+      SCREEN_SHARE_BLOCKED_REMEDY,
+      error
+    );
+  }
+  if (kind === "ambiguous") {
+    return new MeetError(
+      "permission-denied",
+      `${operation}: screen sharing was cancelled or refused`,
+      "Choose a screen, window or tab in the picker to share it. If no picker appeared, " + SCREEN_SHARE_BLOCKED_REMEDY,
+      error
+    );
+  }
+  return new MeetError(
+    "media-unsupported",
+    `${operation}: screen sharing is not available (${message})`,
+    "This browser or device could not share a screen. You are still in the call; try a desktop browser to present.",
+    error
+  );
+}
 function invalidResponse(operation, detail) {
   return new MeetError(
     "invalid-response",
@@ -1835,7 +1884,7 @@ function unavailableFrom(error) {
 }
 var LISTEN_ONLY_NOTICE = "You're attending without a microphone \u2014 others can't hear you";
 function isListenOnly(media) {
-  return !media.microphone.enabled;
+  return !media.microphone.enabled && media.microphone.unavailable !== null;
 }
 function listenOnlyNotice(media) {
   return isListenOnly(media) ? LISTEN_ONLY_NOTICE : null;
@@ -4321,6 +4370,7 @@ function createRoomEngine(options) {
   function report(level, message, remedy) {
     options.onDiagnostic?.(remedy === void 0 ? { level, message } : { level, message, remedy });
   }
+  let ambiguousShareDenials = 0;
   function fail(error, operation) {
     const normalized = normalizeMeetError(error, operation);
     store.patch({
@@ -4711,8 +4761,17 @@ function createRoomEngine(options) {
       if (driver === null) return;
       try {
         await driver.setScreenShareEnabled(enabled);
+        ambiguousShareDenials = 0;
       } catch (error) {
-        throw fail(error, "meet.setScreenShareEnabled");
+        const kind = classifyScreenShareError(error);
+        if (kind === "ambiguous") {
+          ambiguousShareDenials += 1;
+          if (ambiguousShareDenials < 2) return;
+        }
+        const normalized = normalizeScreenShareError(error, "meet.setScreenShareEnabled");
+        report("warn", normalized.message, normalized.remedy);
+        const text3 = kind === "other" ? `Screen sharing is not available. ${normalized.remedy}` : `Screen sharing did not start. ${SCREEN_SHARE_BLOCKED_REMEDY}`;
+        store.patch({ actionNotice: { text: text3, failed: true, at: now() } });
       }
     },
     async raiseHand(raised) {
@@ -4760,6 +4819,9 @@ function createRoomEngine(options) {
     supportsVideoEffects() {
       return driver?.supportsVideoEffects?.() ?? false;
     },
+    supportsScreenShare() {
+      return driver?.supportsScreenShare?.() ?? true;
+    },
     async switchDevice(kind, deviceId2) {
       if (driver === null) return;
       await driver.switchDevice(kind, deviceId2);
@@ -5329,7 +5391,7 @@ function createLiveKitDriver(handlers, options = {}) {
       try {
         await requireRoom("setScreenShareEnabled").localParticipant.setScreenShareEnabled(enabled);
       } catch (error) {
-        throw normalizeDeviceError(error, "meet.setScreenShareEnabled");
+        throw normalizeScreenShareError(error, "meet.setScreenShareEnabled");
       }
     },
     async publishData(topic, payload, to) {
@@ -5366,6 +5428,9 @@ function createLiveKitDriver(handlers, options = {}) {
     supportsVideoEffects() {
       return videoEffectsSupported();
     },
+    supportsScreenShare() {
+      return typeof navigator !== "undefined" && typeof navigator.mediaDevices?.getDisplayMedia === "function";
+    },
     attach(identity, kind, element) {
       const target = requireRoom("attach");
       const source = sources?.[kind];
@@ -6475,6 +6540,7 @@ function useRoom() {
     participants: snapshot?.participants ?? [],
     failure: snapshot?.failure ?? null,
     local,
+    canShareScreen: engine?.supportsScreenShare() ?? true,
     join: (0, import_react3.useCallback)(
       async (request) => requireEngine(engine, "join").join(request),
       [engine]
@@ -7774,11 +7840,7 @@ function PhoneIcon(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92Z" }) });
 }
 function PhoneOffIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Icon, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M2 2l20 20" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.42 19.42 0 0 1-3.33-2.67" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M5.53 5.53A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91" })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { fill: "currentColor", stroke: "none", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 9c-1.6 0-3.15.25-4.6.72v3.1c0 .39-.23.74-.56.9-.98.49-1.87 1.12-2.66 1.85-.18.18-.43.28-.7.28-.28 0-.53-.11-.71-.29L.29 13.08a.99.99 0 0 1-.29-.7c0-.28.11-.53.29-.71C3.34 8.78 7.46 7 12 7s8.66 1.78 11.71 4.67c.18.18.29.43.29.71 0 .28-.11.53-.29.71l-2.48 2.48c-.18.18-.43.29-.71.29-.27 0-.52-.11-.7-.28a11.27 11.27 0 0 0-2.67-1.85.996.996 0 0 1-.56-.9v-3.1C15.15 9.25 13.6 9 12 9Z" }) });
 }
 function HandIcon(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Icon, { ...props, children: [
@@ -9219,7 +9281,7 @@ function ControlBar({ onLeave }) {
           children: room.local?.cameraEnabled === true ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CameraIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CameraOffIcon, {})
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      room.canShareScreen || room.local?.screenSharing === true ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         ControlButton,
         {
           label: room.local?.screenSharing === true ? "Stop sharing" : "Share screen",
@@ -9227,7 +9289,7 @@ function ControlBar({ onLeave }) {
           onClick: () => void room.toggleScreenShare(),
           children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ScreenShareIcon, {})
         }
-      ),
+      ) : null,
       /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "mx-meet__anchor", children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           ControlButton,