@ai-matrx/meet 0.11.28 → 0.11.29

package/dist/skins/meet.cjs

@@ -574,7 +574,7 @@ function participantAttributes(p) {
     "data-meet-participant-role": observedRole(p.role, p.standing),
     "data-meet-participant-self": String(p.isLocal)
   };
-  const quality = observedQuality(p.quality);
+  const quality = p.reconnecting === true ? "reconnecting" : observedQuality(p.quality);
   if (quality !== null) attrs["data-meet-participant-connection"] = quality;
   return attrs;
 }
@@ -1694,6 +1694,7 @@ function useMeetCore() {
       reason: snapshot?.reason ?? null,
       phaseNotice: snapshot?.phaseNotice ?? null,
       connection: snapshot?.connection ?? "stable",
+      connectionBanner: snapshot?.connectionBanner ?? false,
       share: snapshot?.share ?? NO_SHARE,
       call: snapshot?.call ?? null,
       actions
@@ -2976,7 +2977,8 @@ function ParticipantTile({
             participant.displayName,
             participant.isLocal ? " (you)" : "",
             participant.isAgent ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mx-meet__badge", children: "AI" }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RoleBadge, { role: participant.role, standing: participant.standing })
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RoleBadge, { role: participant.role, standing: participant.standing }),
+            participant.reconnecting === true ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mx-meet__badge", children: "Reconnecting\u2026" }) : null
           ] }),
           !participant.micEnabled ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MicOffIcon, { width: 14, height: 14 }) : null,
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(QualityBars, { quality: participant.quality })
@@ -3019,6 +3021,12 @@ function QualityBars({ quality }) {
   const label = quality === "lost" ? "Connection lost" : quality === "poor" ? "Poor connection" : `Connection ${quality}`;
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: `mx-meet__signal mx-meet__signal--${quality}`, title: label, "aria-label": label, role: "img", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SignalIcon, { bars, width: 14, height: 14 }) });
 }
+var CONNECTION_BANNER = {
+  signal_reconnecting: "Reconnecting\u2026",
+  reconnecting: "Reconnecting\u2026",
+  offline: "You're offline. Reconnecting when your internet is back\u2026",
+  server_unreachable: "Can't reach the meeting server. Retrying\u2026"
+};
 function Stage({ pageSize }) {
   const stage = useStage(pageSize);
   const columns = gridColumns(stage.tiles.length);
@@ -4726,7 +4734,7 @@ function MeetSkinRoom({
       headerControls !== void 0 && headerControls !== null ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mx-meet__header-controls", "data-meet-header-controls": "", children: headerControls }) : null,
       isHost ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(HostMenu, {}) : null
     ] }),
-    core.connection !== "stable" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mx-meet__banner", role: "status", children: "Reconnecting\u2026" }) : null,
+    core.connectionBanner && core.connection !== "stable" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mx-meet__banner", role: "status", "data-meet-notice": `connection-${core.connection}`, children: CONNECTION_BANNER[core.connection] }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ShareNotice, {}),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Stage, {}),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Captions, {}),
@@ -4760,7 +4768,7 @@ var REFUSED_TITLES = {
   registration_required: "Register to join this meeting"
 };
 function ExitScreen({ onLeave }) {
-  const { phase, reason, host, snapshot, actions, call } = useMeetCore();
+  const { phase, reason, host, snapshot, actions, call, connection } = useMeetCore();
   const [busy, setBusy] = (0, import_react10.useState)(false);
   const failure = snapshot?.failure ?? null;
   const rejoin = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -4816,7 +4824,7 @@ function ExitScreen({ onLeave }) {
         break;
       case "disconnected":
         title = "You lost your connection to the meeting";
-        line = failure?.remedy ?? "Check your internet connection, then rejoin.";
+        line = connection === "offline" ? "You're offline. You'll rejoin automatically when your internet is back." : connection === "server_unreachable" ? "Can't reach the meeting server. You'll rejoin automatically when it answers." : failure?.remedy ?? "Check your internet connection, then rejoin.";
         notice = "disconnected";
         actionsNode = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
           rejoin,