@ai-matrx/meet 0.7.80 → 0.7.82

package/dist/react.d.cts

@@ -174,6 +174,8 @@ interface UseRoomResult {
     toggleMicrophone: () => Promise<void>;
     toggleCamera: () => Promise<void>;
     toggleScreenShare: () => Promise<void>;
+    /** False where the browser cannot share a screen at all (iOS): the control is absent. */
+    readonly canShareScreen: boolean;
     toggleHand: () => Promise<void>;
     react: (emoji: string) => Promise<void>;
     /** To EVERYONE — saved through the server (Meet wave 2). */
@@ -773,6 +775,10 @@ declare function CameraIcon(props: IconProps): React.ReactElement;
 declare function CameraOffIcon(props: IconProps): React.ReactElement;
 declare function ScreenShareIcon(props: IconProps): React.ReactElement;
 declare function PhoneIcon(props: IconProps): React.ReactElement;
+/**
+ * "Call end" — the downward handset on the red leave button (the glyph Meet
+ * users recognise). A FILLED shape, so it overrides the line-icon defaults.
+ */
 declare function PhoneOffIcon(props: IconProps): React.ReactElement;
 declare function HandIcon(props: IconProps): React.ReactElement;
 declare function ChatIcon(props: IconProps): React.ReactElement;

package/dist/react.d.ts

@@ -174,6 +174,8 @@ interface UseRoomResult {
     toggleMicrophone: () => Promise<void>;
     toggleCamera: () => Promise<void>;
     toggleScreenShare: () => Promise<void>;
+    /** False where the browser cannot share a screen at all (iOS): the control is absent. */
+    readonly canShareScreen: boolean;
     toggleHand: () => Promise<void>;
     react: (emoji: string) => Promise<void>;
     /** To EVERYONE — saved through the server (Meet wave 2). */
@@ -773,6 +775,10 @@ declare function CameraIcon(props: IconProps): React.ReactElement;
 declare function CameraOffIcon(props: IconProps): React.ReactElement;
 declare function ScreenShareIcon(props: IconProps): React.ReactElement;
 declare function PhoneIcon(props: IconProps): React.ReactElement;
+/**
+ * "Call end" — the downward handset on the red leave button (the glyph Meet
+ * users recognise). A FILLED shape, so it overrides the line-icon defaults.
+ */
 declare function PhoneOffIcon(props: IconProps): React.ReactElement;
 declare function HandIcon(props: IconProps): React.ReactElement;
 declare function ChatIcon(props: IconProps): React.ReactElement;

package/dist/react.js

@@ -159,6 +159,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",
@@ -1526,7 +1575,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;
@@ -4012,6 +4061,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({
@@ -4402,8 +4452,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) {
@@ -4451,6 +4510,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);
@@ -5020,7 +5082,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) {
@@ -5057,6 +5119,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];
@@ -6166,6 +6231,7 @@ function useRoom() {
     participants: snapshot?.participants ?? [],
     failure: snapshot?.failure ?? null,
     local,
+    canShareScreen: engine?.supportsScreenShare() ?? true,
     join: useCallback2(
       async (request) => requireEngine(engine, "join").join(request),
       [engine]
@@ -7478,11 +7544,7 @@ function PhoneIcon(props) {
   return /* @__PURE__ */ jsx2(Icon, { ...props, children: /* @__PURE__ */ jsx2("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__ */ jsxs(Icon, { ...props, children: [
-    /* @__PURE__ */ jsx2("path", { d: "M2 2l20 20" }),
-    /* @__PURE__ */ jsx2("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__ */ jsx2("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__ */ jsx2(Icon, { fill: "currentColor", stroke: "none", ...props, children: /* @__PURE__ */ jsx2("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__ */ jsxs(Icon, { ...props, children: [
@@ -8923,7 +8985,7 @@ function ControlBar({ onLeave }) {
           children: room.local?.cameraEnabled === true ? /* @__PURE__ */ jsx4(CameraIcon, {}) : /* @__PURE__ */ jsx4(CameraOffIcon, {})
         }
       ),
-      /* @__PURE__ */ jsx4(
+      room.canShareScreen || room.local?.screenSharing === true ? /* @__PURE__ */ jsx4(
         ControlButton,
         {
           label: room.local?.screenSharing === true ? "Stop sharing" : "Share screen",
@@ -8931,7 +8993,7 @@ function ControlBar({ onLeave }) {
           onClick: () => void room.toggleScreenShare(),
           children: /* @__PURE__ */ jsx4(ScreenShareIcon, {})
         }
-      ),
+      ) : null,
       /* @__PURE__ */ jsxs3("span", { className: "mx-meet__anchor", children: [
         /* @__PURE__ */ jsx4(
           ControlButton,