@ai-matrx/meet 0.7.80 → 0.7.81

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,32 @@ function normalizeDeviceError(error, operation) {
       );
   }
 }
+function isScreenShareCancel(error) {
+  const named = (value) => typeof value?.name === "string" ? value.name : "";
+  const cause = error instanceof MeetError ? error.cause : void 0;
+  const names = [named(error), named(cause)];
+  if (names.some((name) => name === "NotAllowedError" || name === "AbortError")) return true;
+  return error instanceof MeetError && error.code === "permission-denied";
+}
+function normalizeScreenShareError(error, operation) {
+  if (error instanceof MeetError) return error;
+  const raw = error ?? {};
+  const message = typeof raw.message === "string" ? raw.message : String(error);
+  if (isScreenShareCancel(error)) {
+    return new MeetError(
+      "permission-denied",
+      `${operation}: screen sharing was cancelled`,
+      "Choose a screen, window or tab in the picker to share it.",
+      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 +1552,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;
@@ -4403,7 +4429,16 @@ function createRoomEngine(options) {
       try {
         await driver.setScreenShareEnabled(enabled);
       } catch (error) {
-        throw fail(error, "meet.setScreenShareEnabled");
+        if (isScreenShareCancel(error)) return;
+        const normalized = normalizeScreenShareError(error, "meet.setScreenShareEnabled");
+        report("warn", normalized.message, normalized.remedy);
+        store.patch({
+          actionNotice: {
+            text: `Screen sharing is not available. ${normalized.remedy}`,
+            failed: true,
+            at: now()
+          }
+        });
       }
     },
     async raiseHand(raised) {
@@ -4451,6 +4486,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 +5058,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 +5095,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 +6207,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 +7520,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 +8961,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 +8969,7 @@ function ControlBar({ onLeave }) {
           onClick: () => void room.toggleScreenShare(),
           children: /* @__PURE__ */ jsx4(ScreenShareIcon, {})
         }
-      ),
+      ) : null,
       /* @__PURE__ */ jsxs3("span", { className: "mx-meet__anchor", children: [
         /* @__PURE__ */ jsx4(
           ControlButton,