@ethora/chat-component-rn 26.10.9 → 26.10.11

package/lib/commonjs/components/VideoCalls/GroupCallView.js

@@ -0,0 +1,281 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.GroupCallView = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _ProfileImagePlaceholder = require("../MainComponents/ProfileImagePlaceholder");
+var _CallVideo = require("./CallVideo");
+var _CallControlBar = require("./CallControlBar");
+var _CallIcons = require("./CallIcons");
+var _callSessionController = require("./callSessionController");
+var _groupLayout = require("./groupLayout");
+var _callElapsed = require("./callElapsed");
+var _useT = require("../../i18n/useT");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SURFACE_DARK = '#0B1220';
+const TILE_DARK = '#111827';
+const TEXT_ON_DARK = '#FFFFFF';
+const TEXT_MUTED = 'rgba(255, 255, 255, 0.7)';
+const DANGER = '#E53935';
+const GAP = 8;
+const PAD = 12;
+const ParticipantTile = ({
+  participant,
+  width,
+  height,
+  showVideo,
+  primaryColor,
+  youLabel,
+  fallbackName,
+  micOffLabel
+}) => {
+  const name = participant.isLocal ? youLabel : participant.name || fallbackName;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    testID: "group-call-tile",
+    accessibilityLabel: name,
+    style: [styles.tile, {
+      width,
+      height
+    }, participant.speaking ? [styles.tileSpeaking, {
+      borderColor: primaryColor
+    }] : styles.tileIdle],
+    children: [showVideo && participant.video ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CallVideo.CallVideo, {
+      source: participant.video,
+      style: _reactNative.StyleSheet.absoluteFill,
+      objectFit: "cover"
+      // Mirror our own camera like every call app.
+      ,
+      mirror: participant.isLocal,
+      zOrder: 0
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProfileImagePlaceholder.ProfileImagePlaceholder, {
+      name: name,
+      size: Math.max(48, Math.min(96, Math.round(width * 0.4)))
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.nameTag,
+      children: [participant.micMuted && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        accessibilityLabel: micOffLabel,
+        style: styles.micOffBadge,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CallIcons.MicOffIcon, {
+          color: TEXT_ON_DARK,
+          size: 11
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.nameText,
+        numberOfLines: 1,
+        children: name
+      })]
+    })]
+  });
+};
+
+/**
+ * The group call screen: everyone in the room as a grid of tiles, the person
+ * who is speaking outlined, a mic-off badge on anyone muted. Cameras are drawn
+ * for at most MAX_VIDEO_TILES people (speakers first). Nothing here assumes
+ * two people; the 1:1 layout stays in VideoCallSession.
+ */
+const GroupCallView = ({
+  session,
+  kind,
+  title,
+  primaryColor,
+  icons,
+  onToggleMinimize,
+  onHangup
+}) => {
+  const t = (0, _useT.useT)();
+  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const {
+    width,
+    height
+  } = (0, _reactNative.useWindowDimensions)();
+  const elapsed = (0, _callElapsed.useSharedCallElapsed)(session.anchorAt);
+  const {
+    participants,
+    deviceError,
+    connected
+  } = session;
+  const isVideo = kind === 'video';
+  const columns = (0, _groupLayout.gridColumns)(participants.length, width > height);
+  const tileWidth = Math.floor((width - PAD * 2 - GAP * (columns - 1)) / columns);
+  const tileHeight = columns === 1 ? Math.round(tileWidth * 0.75) : Math.round(tileWidth * (isVideo ? 1.15 : 0.85));
+  const videoIds = isVideo ? (0, _groupLayout.pickVideoTiles)(participants) : new Set();
+  const speaking = (0, _groupLayout.speakingNames)(participants, t('call.participant.you'));
+  const countLabel = t('call.status.participants', {
+    count: participants.length
+  });
+  const status = elapsed !== null ? `${countLabel} · ${(0, _callElapsed.formatCallDuration)(elapsed)}` : !connected ? t('call.status.connecting') : t('call.status.waitingForOthers');
+  const heading = title || (isVideo ? t('call.groupVideoCall') : t('call.groupAudioCall'));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.canvas,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.header, {
+        paddingTop: 14 + insets.top
+      }],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.headerTitle,
+        numberOfLines: 1,
+        children: heading
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.headerStatus,
+        numberOfLines: 1,
+        children: status
+      }), speaking.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.headerSpeaking,
+        numberOfLines: 1,
+        children: t('call.status.speaking', {
+          names: speaking.join(', ')
+        })
+      })]
+    }), onToggleMinimize && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      accessibilityRole: "button",
+      accessibilityLabel: t('call.action.minimize'),
+      onPress: onToggleMinimize,
+      style: [styles.minimizeButton, {
+        top: 12 + insets.top
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CallIcons.MinimizeIcon, {
+        color: TEXT_ON_DARK,
+        size: 20
+      })
+    }), !!deviceError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      style: styles.deviceErrorBanner,
+      onPress: _callSessionController.dismissCallDeviceError,
+      accessibilityRole: "button",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.deviceErrorText,
+        numberOfLines: 2,
+        children: deviceError
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      testID: "group-call-grid",
+      style: styles.scroll,
+      contentContainerStyle: styles.grid,
+      children: participants.map(participant => /*#__PURE__*/(0, _jsxRuntime.jsx)(ParticipantTile, {
+        participant: participant,
+        width: tileWidth,
+        height: tileHeight,
+        showVideo: videoIds.has(participant.identity),
+        primaryColor: primaryColor,
+        youLabel: t('call.participant.you'),
+        fallbackName: t('call.participant.default'),
+        micOffLabel: t('call.participant.micOff')
+      }, participant.identity || (participant.isLocal ? 'local' : participant.name)))
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CallControlBar.CallControlBar, {
+      session: session,
+      isVideo: isVideo,
+      icons: icons,
+      onHangup: onHangup
+    })]
+  });
+};
+exports.GroupCallView = GroupCallView;
+const styles = _reactNative.StyleSheet.create({
+  canvas: {
+    flex: 1,
+    backgroundColor: SURFACE_DARK
+  },
+  header: {
+    paddingHorizontal: 64,
+    paddingBottom: 10,
+    alignItems: 'center',
+    gap: 2
+  },
+  headerTitle: {
+    color: TEXT_ON_DARK,
+    fontSize: 16,
+    fontWeight: '600'
+  },
+  headerStatus: {
+    color: TEXT_MUTED,
+    fontSize: 13,
+    fontVariant: ['tabular-nums']
+  },
+  headerSpeaking: {
+    color: TEXT_MUTED,
+    fontSize: 12
+  },
+  minimizeButton: {
+    position: 'absolute',
+    left: 16,
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: 'rgba(255, 255, 255, 0.14)',
+    zIndex: 6
+  },
+  scroll: {
+    flex: 1
+  },
+  grid: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    justifyContent: 'center',
+    alignContent: 'flex-start',
+    gap: GAP,
+    paddingHorizontal: PAD,
+    paddingBottom: PAD
+  },
+  tile: {
+    borderRadius: 16,
+    overflow: 'hidden',
+    backgroundColor: TILE_DARK,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  tileSpeaking: {
+    borderWidth: 3
+  },
+  tileIdle: {
+    borderWidth: 1,
+    borderColor: 'rgba(255, 255, 255, 0.12)'
+  },
+  nameTag: {
+    position: 'absolute',
+    left: 8,
+    bottom: 8,
+    maxWidth: '90%',
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 6,
+    paddingVertical: 3,
+    paddingHorizontal: 8,
+    borderRadius: 999,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)'
+  },
+  nameText: {
+    color: TEXT_ON_DARK,
+    fontSize: 13,
+    flexShrink: 1
+  },
+  micOffBadge: {
+    width: 18,
+    height: 18,
+    borderRadius: 9,
+    backgroundColor: DANGER,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  deviceErrorBanner: {
+    marginHorizontal: 16,
+    marginBottom: 8,
+    backgroundColor: 'rgba(229, 57, 53, 0.92)',
+    borderRadius: 12,
+    paddingVertical: 10,
+    paddingHorizontal: 14
+  },
+  deviceErrorText: {
+    color: TEXT_ON_DARK,
+    fontSize: 13,
+    textAlign: 'center'
+  }
+});
+var _default = exports.default = GroupCallView;
+//# sourceMappingURL=GroupCallView.js.map

package/lib/commonjs/components/VideoCalls/GroupCallView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_ProfileImagePlaceholder","_CallVideo","_CallControlBar","_CallIcons","_callSessionController","_groupLayout","_callElapsed","_useT","_jsxRuntime","e","__esModule","default","SURFACE_DARK","TILE_DARK","TEXT_ON_DARK","TEXT_MUTED","DANGER","GAP","PAD","ParticipantTile","participant","width","height","showVideo","primaryColor","youLabel","fallbackName","micOffLabel","name","isLocal","jsxs","View","testID","accessibilityLabel","style","styles","tile","speaking","tileSpeaking","borderColor","tileIdle","children","video","jsx","CallVideo","source","StyleSheet","absoluteFill","objectFit","mirror","zOrder","ProfileImagePlaceholder","size","Math","max","min","round","nameTag","micMuted","micOffBadge","MicOffIcon","color","Text","nameText","numberOfLines","GroupCallView","session","kind","title","icons","onToggleMinimize","onHangup","t","useT","insets","useSafeAreaInsets","useWindowDimensions","elapsed","useSharedCallElapsed","anchorAt","participants","deviceError","connected","isVideo","columns","gridColumns","length","tileWidth","floor","tileHeight","videoIds","pickVideoTiles","Set","speakingNames","countLabel","count","status","formatCallDuration","heading","canvas","header","paddingTop","top","headerTitle","headerStatus","headerSpeaking","names","join","TouchableOpacity","accessibilityRole","onPress","minimizeButton","MinimizeIcon","deviceErrorBanner","dismissCallDeviceError","deviceErrorText","ScrollView","scroll","contentContainerStyle","grid","map","has","identity","CallControlBar","exports","create","flex","backgroundColor","paddingHorizontal","paddingBottom","alignItems","gap","fontSize","fontWeight","fontVariant","position","left","borderRadius","justifyContent","zIndex","flexDirection","flexWrap","alignContent","overflow","borderWidth","bottom","maxWidth","paddingVertical","flexShrink","marginHorizontal","marginBottom","textAlign","_default"],"sourceRoot":"../../../../src","sources":["components/VideoCalls/GroupCallView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/VideoCalls/P2PCallRunner.js

@@ -0,0 +1,151 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.P2PCallRunner = void 0;
+var _react = require("react");
+var _reactRedux = require("react-redux");
+var _roomStore = require("../../roomStore");
+var _callSlice = require("../../roomStore/callSlice");
+var _useChatSettingState = require("../../hooks/useChatSettingState");
+var _P2PCallController = require("../../calls/p2p/P2PCallController");
+var _p2pRuntime = require("../../calls/p2p/p2pRuntime");
+var _webrtcRuntime = require("../../calls/p2p/webrtcRuntime");
+var _callState = require("../../networking/api-requests/callState.api");
+var _callActions = require("./callActions");
+var _p2pCallSession = require("./p2pCallSession");
+// Headless owner of the p2p controller for the call in the redux call slice.
+// It builds the controller when a p2p call needs one, wires its events back
+// into the slice, and releases it on EVERY way a call can stop (the phase goes
+// idle or error, the call changes, the overlay unmounts), which is what keeps
+// camera, microphone and the peer connection from leaking.
+//
+//   caller: the controller exists from the moment the create response says
+//           `p2p` and starts at once (media, offer);
+//   callee: the controller exists while the incoming call rings, so the
+//           caller's offer / candidates / cancel are caught, but it only
+//           starts (media, answer) after the user accepts.
+//
+// RN specific: the call also rings from a VoIP push, with the app still
+// starting. The caller keeps re-sending its offer for the whole ring window
+// (longer than on web) because a cold-started callee may need several seconds
+// to bring the XMPP socket up.
+
+const RN_OFFER_RESEND_MS = [4_000, 10_000, 18_000, 26_000];
+const isCurrentCall = callId => {
+  const current = _roomStore.store.getState().call;
+  return current.phase !== 'idle' && current.callId === callId;
+};
+const P2PCallRunner = () => {
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const call = (0, _reactRedux.useSelector)(state => state.call);
+  const {
+    config
+  } = (0, _useChatSettingState.useChatSettingState)();
+  const videoCalls = config?.videoCalls;
+  const enabled = videoCalls?.enabled === true;
+  const callId = call.callId;
+  const isIncoming = call.direction === 'incoming';
+  const wantsController = enabled && call.mode === 'p2p' && !!callId && (isIncoming ? call.phase === 'ringing-incoming' || call.phase === 'connecting' || call.phase === 'in-call' : call.direction === 'outgoing' && call.iceServers !== null && (call.phase === 'requesting' || call.phase === 'connecting' || call.phase === 'in-call'));
+  // The callee waits on the ring screen; everyone else starts right away.
+  const shouldStart = wantsController && !(isIncoming && call.phase === 'ringing-incoming');
+
+  // Latest config values for the controller without re-running the effect.
+  const optionsRef = (0, _react.useRef)({
+    startWithMicOn: videoCalls?.startWithMicOn,
+    startWithCameraOn: videoCalls?.startWithCameraOn
+  });
+  optionsRef.current = {
+    startWithMicOn: videoCalls?.startWithMicOn,
+    startWithCameraOn: videoCalls?.startWithCameraOn
+  };
+  (0, _react.useEffect)(() => {
+    if (!wantsController || !callId) return;
+    if (!(0, _webrtcRuntime.isP2PAvailable)()) {
+      // The WebRTC package is not in this build: nothing can carry the call.
+      // A callee also tells the caller instead of letting them ring on.
+      if (_roomStore.store.getState().call.direction === 'incoming') {
+        (0, _callState.reportCallDeclined)(callId);
+      }
+      dispatch((0, _callSlice.setCallError)((0, _callActions.translateCallString)('call.error.sdkMissing')));
+      return;
+    }
+    const snapshot = _roomStore.store.getState().call;
+    const peer = String(snapshot.peerXmppUsername || '').trim();
+    const role = snapshot.direction === 'incoming' ? 'callee' : 'caller';
+    if (!peer) {
+      // Without the peer's address there is nobody to signal.
+      dispatch((0, _callSlice.setCallError)((0, _callActions.translateCallString)('call.error.p2pNoPeer')));
+      return;
+    }
+    const controller = (0, _p2pRuntime.acquireP2PController)(callId, () => {
+      const peerLocal = peer.split('@')[0];
+      return new _P2PCallController.P2PCallController({
+        callId,
+        role,
+        kind: snapshot.kind,
+        peerLocal,
+        iceServers: snapshot.iceServers || [],
+        startWithMicOn: optionsRef.current.startWithMicOn,
+        startWithCameraOn: optionsRef.current.startWithCameraOn
+      }, (0, _p2pRuntime.createNativeP2PDeps)({
+        callId,
+        peerXmppUsername: peer
+      }), {
+        onNegotiated: () => {
+          if (role === 'caller' && isCurrentCall(callId) && _roomStore.store.getState().call.phase === 'requesting') {
+            dispatch((0, _callSlice.setCallPhase)('connecting'));
+          }
+        },
+        onConnected: () => {
+          if (!isCurrentCall(callId)) return;
+          dispatch((0, _callSlice.setCallPhase)('in-call'));
+          // One side is enough to start the server-side call timer.
+          if (role === 'caller') (0, _callState.reportCallConnected)(callId);
+        },
+        onRemoteEnd: reason => {
+          if (!isCurrentCall(callId)) return;
+          const notice = (0, _P2PCallController.remoteEndNotice)(reason);
+          dispatch(notice ? (0, _callSlice.setCallError)((0, _p2pCallSession.localizeP2PMessage)(notice)) : (0, _callSlice.endCall)());
+        },
+        onFailed: message => {
+          if (isCurrentCall(callId)) {
+            dispatch((0, _callSlice.setCallError)((0, _p2pCallSession.localizeP2PMessage)(message)));
+          }
+        },
+        // Whatever ended it, tell the server the call is over (idempotent, so
+        // it does not matter that the peer reports it too). A callee that
+        // never accepted ends through the decline report instead.
+        onDisposed: ({
+          started
+        }) => {
+          if (started) (0, _callState.reportCallEnded)(callId);
+        }
+      }, {
+        offerResendMs: RN_OFFER_RESEND_MS
+      });
+    });
+    const unbind = (0, _p2pCallSession.bindP2PSession)(controller, snapshot.kind);
+    const detach = _p2pRuntime.p2pInbox.attach(callId, signal => controller.receive(signal));
+    if (shouldStart) void (0, _p2pCallSession.startP2PController)(controller, snapshot.kind);
+    return () => {
+      detach();
+      unbind();
+      (0, _p2pRuntime.releaseP2PController)(callId);
+    };
+  }, [wantsController, shouldStart, callId, dispatch]);
+
+  // Callee: the incoming UI is on screen, let the server (and so the caller)
+  // know the phone is ringing. Once per call.
+  const ringingReportedRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (enabled && call.mode === 'p2p' && isIncoming && call.phase === 'ringing-incoming' && callId && ringingReportedRef.current !== callId) {
+      ringingReportedRef.current = callId;
+      (0, _callState.reportCallRinging)(callId);
+    }
+  }, [enabled, call.mode, isIncoming, call.phase, callId]);
+  return null;
+};
+exports.P2PCallRunner = P2PCallRunner;
+//# sourceMappingURL=P2PCallRunner.js.map

package/lib/commonjs/components/VideoCalls/P2PCallRunner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactRedux","_roomStore","_callSlice","_useChatSettingState","_P2PCallController","_p2pRuntime","_webrtcRuntime","_callState","_callActions","_p2pCallSession","RN_OFFER_RESEND_MS","isCurrentCall","callId","current","store","getState","call","phase","P2PCallRunner","dispatch","useDispatch","useSelector","state","config","useChatSettingState","videoCalls","enabled","isIncoming","direction","wantsController","mode","iceServers","shouldStart","optionsRef","useRef","startWithMicOn","startWithCameraOn","useEffect","isP2PAvailable","reportCallDeclined","setCallError","translateCallString","snapshot","peer","String","peerXmppUsername","trim","role","controller","acquireP2PController","peerLocal","split","P2PCallController","kind","createNativeP2PDeps","onNegotiated","setCallPhase","onConnected","reportCallConnected","onRemoteEnd","reason","notice","remoteEndNotice","localizeP2PMessage","endCall","onFailed","message","onDisposed","started","reportCallEnded","offerResendMs","unbind","bindP2PSession","detach","p2pInbox","attach","signal","receive","startP2PController","releaseP2PController","ringingReportedRef","reportCallRinging","exports"],"sourceRoot":"../../../../src","sources":["components/VideoCalls/P2PCallRunner.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AAIA,IAAAM,WAAA,GAAAN,OAAA;AAMA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AAMA,IAAAS,YAAA,GAAAT,OAAA;AACA,IAAAU,eAAA,GAAAV,OAAA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMW,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;AAE1D,MAAMC,aAAa,GAAIC,MAAc,IAAc;EACjD,MAAMC,OAAO,GAAGC,gBAAK,CAACC,QAAQ,CAAC,CAAC,CAACC,IAAI;EACrC,OAAOH,OAAO,CAACI,KAAK,KAAK,MAAM,IAAIJ,OAAO,CAACD,MAAM,KAAKA,MAAM;AAC9D,CAAC;AAEM,MAAMM,aAAuB,GAAGA,CAAA,KAAM;EAC3C,MAAMC,QAAQ,GAAG,IAAAC,uBAAW,EAAC,CAAC;EAC9B,MAAMJ,IAAI,GAAG,IAAAK,uBAAW,EAAEC,KAAgB,IAAKA,KAAK,CAACN,IAAI,CAAC;EAC1D,MAAM;IAAEO;EAAO,CAAC,GAAG,IAAAC,wCAAmB,EAAC,CAAC;EACxC,MAAMC,UAAU,GAAGF,MAAM,EAAEE,UAAU;EACrC,MAAMC,OAAO,GAAGD,UAAU,EAAEC,OAAO,KAAK,IAAI;EAE5C,MAAMd,MAAM,GAAGI,IAAI,CAACJ,MAAM;EAC1B,MAAMe,UAAU,GAAGX,IAAI,CAACY,SAAS,KAAK,UAAU;EAChD,MAAMC,eAAe,GACnBH,OAAO,IACPV,IAAI,CAACc,IAAI,KAAK,KAAK,IACnB,CAAC,CAAClB,MAAM,KACPe,UAAU,GACPX,IAAI,CAACC,KAAK,KAAK,kBAAkB,IACjCD,IAAI,CAACC,KAAK,KAAK,YAAY,IAC3BD,IAAI,CAACC,KAAK,KAAK,SAAS,GACxBD,IAAI,CAACY,SAAS,KAAK,UAAU,IAC7BZ,IAAI,CAACe,UAAU,KAAK,IAAI,KACvBf,IAAI,CAACC,KAAK,KAAK,YAAY,IAC1BD,IAAI,CAACC,KAAK,KAAK,YAAY,IAC3BD,IAAI,CAACC,KAAK,KAAK,SAAS,CAAC,CAAC;EAClC;EACA,MAAMe,WAAW,GAAGH,eAAe,IAAI,EAAEF,UAAU,IAAIX,IAAI,CAACC,KAAK,KAAK,kBAAkB,CAAC;;EAEzF;EACA,MAAMgB,UAAU,GAAG,IAAAC,aAAM,EAAC;IACxBC,cAAc,EAAEV,UAAU,EAAEU,cAAc;IAC1CC,iBAAiB,EAAEX,UAAU,EAAEW;EACjC,CAAC,CAAC;EACFH,UAAU,CAACpB,OAAO,GAAG;IACnBsB,cAAc,EAAEV,UAAU,EAAEU,cAAc;IAC1CC,iBAAiB,EAAEX,UAAU,EAAEW;EACjC,CAAC;EAED,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAI,CAACR,eAAe,IAAI,CAACjB,MAAM,EAAE;IAEjC,IAAI,CAAC,IAAA0B,6BAAc,EAAC,CAAC,EAAE;MACrB;MACA;MACA,IAAIxB,gBAAK,CAACC,QAAQ,CAAC,CAAC,CAACC,IAAI,CAACY,SAAS,KAAK,UAAU,EAAE;QAClD,IAAAW,6BAAkB,EAAC3B,MAAM,CAAC;MAC5B;MACAO,QAAQ,CAAC,IAAAqB,uBAAY,EAAC,IAAAC,gCAAmB,EAAC,uBAAuB,CAAC,CAAC,CAAC;MACpE;IACF;IAEA,MAAMC,QAAQ,GAAG5B,gBAAK,CAACC,QAAQ,CAAC,CAAC,CAACC,IAAI;IACtC,MAAM2B,IAAI,GAAGC,MAAM,CAACF,QAAQ,CAACG,gBAAgB,IAAI,EAAE,CAAC,CAACC,IAAI,CAAC,CAAC;IAC3D,MAAMC,IAAI,GAAGL,QAAQ,CAACd,SAAS,KAAK,UAAU,GAAG,QAAQ,GAAG,QAAQ;IACpE,IAAI,CAACe,IAAI,EAAE;MACT;MACAxB,QAAQ,CAAC,IAAAqB,uBAAY,EAAC,IAAAC,gCAAmB,EAAC,sBAAsB,CAAC,CAAC,CAAC;MACnE;IACF;IAEA,MAAMO,UAAU,GAAG,IAAAC,gCAAoB,EAACrC,MAAM,EAAE,MAAM;MACpD,MAAMsC,SAAS,GAAGP,IAAI,CAACQ,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;MACpC,OAAO,IAAIC,oCAAiB,CAC1B;QACExC,MAAM;QACNmC,IAAI;QACJM,IAAI,EAAEX,QAAQ,CAACW,IAAI;QACnBH,SAAS;QACTnB,UAAU,EAAEW,QAAQ,CAACX,UAAU,IAAI,EAAE;QACrCI,cAAc,EAAEF,UAAU,CAACpB,OAAO,CAACsB,cAAc;QACjDC,iBAAiB,EAAEH,UAAU,CAACpB,OAAO,CAACuB;MACxC,CAAC,EACD,IAAAkB,+BAAmB,EAAC;QAAE1C,MAAM;QAAEiC,gBAAgB,EAAEF;MAAK,CAAC,CAAC,EACvD;QACEY,YAAY,EAAEA,CAAA,KAAM;UAClB,IACER,IAAI,KAAK,QAAQ,IACjBpC,aAAa,CAACC,MAAM,CAAC,IACrBE,gBAAK,CAACC,QAAQ,CAAC,CAAC,CAACC,IAAI,CAACC,KAAK,KAAK,YAAY,EAC5C;YACAE,QAAQ,CAAC,IAAAqC,uBAAY,EAAC,YAAY,CAAC,CAAC;UACtC;QACF,CAAC;QACDC,WAAW,EAAEA,CAAA,KAAM;UACjB,IAAI,CAAC9C,aAAa,CAACC,MAAM,CAAC,EAAE;UAC5BO,QAAQ,CAAC,IAAAqC,uBAAY,EAAC,SAAS,CAAC,CAAC;UACjC;UACA,IAAIT,IAAI,KAAK,QAAQ,EAAE,IAAAW,8BAAmB,EAAC9C,MAAM,CAAC;QACpD,CAAC;QACD+C,WAAW,EAAGC,MAAM,IAAK;UACvB,IAAI,CAACjD,aAAa,CAACC,MAAM,CAAC,EAAE;UAC5B,MAAMiD,MAAM,GAAG,IAAAC,kCAAe,EAACF,MAAM,CAAC;UACtCzC,QAAQ,CAAC0C,MAAM,GAAG,IAAArB,uBAAY,EAAC,IAAAuB,kCAAkB,EAACF,MAAM,CAAC,CAAC,GAAG,IAAAG,kBAAO,EAAC,CAAC,CAAC;QACzE,CAAC;QACDC,QAAQ,EAAGC,OAAO,IAAK;UACrB,IAAIvD,aAAa,CAACC,MAAM,CAAC,EAAE;YACzBO,QAAQ,CAAC,IAAAqB,uBAAY,EAAC,IAAAuB,kCAAkB,EAACG,OAAO,CAAC,CAAC,CAAC;UACrD;QACF,CAAC;QACD;QACA;QACA;QACAC,UAAU,EAAEA,CAAC;UAAEC;QAAQ,CAAC,KAAK;UAC3B,IAAIA,OAAO,EAAE,IAAAC,0BAAe,EAACzD,MAAM,CAAC;QACtC;MACF,CAAC,EACD;QAAE0D,aAAa,EAAE5D;MAAmB,CACtC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM6D,MAAM,GAAG,IAAAC,8BAAc,EAACxB,UAAU,EAAEN,QAAQ,CAACW,IAAI,CAAC;IACxD,MAAMoB,MAAM,GAAGC,oBAAQ,CAACC,MAAM,CAAC/D,MAAM,EAAGgE,MAAM,IAC5C5B,UAAU,CAAC6B,OAAO,CAACD,MAAM,CAC3B,CAAC;IACD,IAAI5C,WAAW,EAAE,KAAK,IAAA8C,kCAAkB,EAAC9B,UAAU,EAAEN,QAAQ,CAACW,IAAI,CAAC;IAEnE,OAAO,MAAM;MACXoB,MAAM,CAAC,CAAC;MACRF,MAAM,CAAC,CAAC;MACR,IAAAQ,gCAAoB,EAACnE,MAAM,CAAC;IAC9B,CAAC;EACH,CAAC,EAAE,CAACiB,eAAe,EAAEG,WAAW,EAAEpB,MAAM,EAAEO,QAAQ,CAAC,CAAC;;EAEpD;EACA;EACA,MAAM6D,kBAAkB,GAAG,IAAA9C,aAAM,EAAgB,IAAI,CAAC;EACtD,IAAAG,gBAAS,EAAC,MAAM;IACd,IACEX,OAAO,IACPV,IAAI,CAACc,IAAI,KAAK,KAAK,IACnBH,UAAU,IACVX,IAAI,CAACC,KAAK,KAAK,kBAAkB,IACjCL,MAAM,IACNoE,kBAAkB,CAACnE,OAAO,KAAKD,MAAM,EACrC;MACAoE,kBAAkB,CAACnE,OAAO,GAAGD,MAAM;MACnC,IAAAqE,4BAAiB,EAACrE,MAAM,CAAC;IAC3B;EACF,CAAC,EAAE,CAACc,OAAO,EAAEV,IAAI,CAACc,IAAI,EAAEH,UAAU,EAAEX,IAAI,CAACC,KAAK,EAAEL,MAAM,CAAC,CAAC;EAExD,OAAO,IAAI;AACb,CAAC;AAACsE,OAAA,CAAAhE,aAAA,GAAAA,aAAA","ignoreList":[]}

package/lib/commonjs/components/VideoCalls/VideoCallOverlay.js

@@ -13,7 +13,9 @@ var _useChatSettingState = require("../../hooks/useChatSettingState");
 var _callTokenStanza = require("../../networking/callTokenStanza");
 var _useTheme = require("../../hooks/useTheme");
 var _VideoCallSession = require("./VideoCallSession");
+var _P2PCallRunner = require("./P2PCallRunner");
 var _callSessionController = require("./callSessionController");
+var _callLive = require("./callLive");
 var _callActions = require("./callActions");
 var _ActiveCallBar = require("./ActiveCallBar");
 var _callUiStore = require("./callUiStore");
@@ -147,7 +149,7 @@ const RingingCard = ({
         style: [styles.ringingName, {
           color: theme.text
         }],
-        children: roomName || (variant === 'incoming' ? t('call.unknownCaller') : t('call.title'))
+        children: roomName || (variant === 'incoming' ? t('call.incomingNeutral') : t('call.title'))
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: styles.ringingSubtitleRow,
         children: [kind === 'audio' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CallIcons.AudioCallIcon, {
@@ -411,7 +413,10 @@ const VideoCallOverlayInner = () => {
   const t = (0, _useT.useT)();
   const videoCallsConfig = config?.videoCalls;
   const enabled = videoCallsConfig?.enabled === true;
-  const livekitUrl = (videoCallsConfig?.livekitUrl || '').trim();
+  // The server's own LiveKit URL (call-token or create response) wins over
+  // the host config.
+  const livekitUrl = (call.livekitUrl || videoCallsConfig?.livekitUrl || '').trim();
+  const isP2P = call.mode === 'p2p';
   const primaryColor = theme.primary || config?.colors?.primary || DEFAULT_PRIMARY;
   const isOpen = enabled && call.phase !== 'idle';
 
@@ -428,7 +433,10 @@ const VideoCallOverlayInner = () => {
     minimized,
     systemRinging
   } = (0, _callUiStore.useCallUi)();
-  const canRenderSession = !!call.token && (call.phase === 'connecting' || call.phase === 'in-call') && !!livekitUrl;
+
+  // A p2p call has no LiveKit token or URL: the media is the peer connection
+  // owned by P2PCallRunner.
+  const canRenderSession = isP2P ? (0, _callLive.callCanRenderSession)(call) : (0, _callLive.callCanRenderSession)(call) && !!livekitUrl;
   const isMinimized = minimized && canRenderSession;
   // Expanding from the header strip slides the call down from the top
   // instead of fading it in.
@@ -441,18 +449,19 @@ const VideoCallOverlayInner = () => {
   // Join the LiveKit room once the call has a token. Idempotent, and the
   // controller tears itself down when the call slice leaves these phases.
   (0, _react.useEffect)(() => {
-    if (!enabled || !canRenderSession || !call.token) {
+    if (!enabled || isP2P || !canRenderSession || !call.token) {
       return;
     }
     (0, _callSessionController.startCallSession)({
       token: call.token,
       livekitUrl,
       kind: call.kind,
+      isGroup: call.isGroup,
       startWithMicOn: videoCallsConfig?.startWithMicOn,
       startWithCameraOn: videoCallsConfig?.startWithCameraOn
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [enabled, canRenderSession, call.token, livekitUrl, call.kind]);
+  }, [enabled, isP2P, canRenderSession, call.token, livekitUrl, call.kind, call.isGroup]);
 
   // Give up on an unanswered outgoing dial. Unlike web (which only shows
   (0, _react.useEffect)(() => {
@@ -513,6 +522,9 @@ const VideoCallOverlayInner = () => {
   }, [isOpen, isMinimized, hangupCurrent]);
   const ringingHeader = (0, _react.useMemo)(() => {
     if (call.direction === 'incoming') {
+      if (call.isGroup) {
+        return call.kind === 'audio' ? t('call.incomingGroupAudio') : t('call.incomingGroupVideo');
+      }
       return call.kind === 'audio' ? t('call.incomingAudio') : t('call.incomingVideo');
     }
     if (call.phase === 'requesting') {
@@ -525,19 +537,25 @@ const VideoCallOverlayInner = () => {
       return t('call.failed');
     }
     return t('call.title');
-  }, [call.direction, call.phase, call.kind, t]);
+  }, [call.direction, call.phase, call.kind, call.isGroup, t]);
   const ringingSubtitle = (0, _react.useMemo)(() => {
+    // The card title is the room's name; make it clear it is a group ring.
+    const label = call.isGroup ? call.kind === 'audio' ? t('call.groupAudioCall') : t('call.groupVideoCall') : call.kind === 'audio' ? t('call.audioCall') : t('call.videoCall');
     if (call.direction === 'incoming') {
-      return call.kind === 'audio' ? t('call.audioCall') : t('call.videoCall');
+      // "<person> is calling in <room>" once both are known.
+      return call.isGroup && call.callerName && call.roomName ? t('call.callingIn', {
+        caller: call.callerName,
+        room: call.roomName
+      }) : label;
     }
     if (call.phase === 'connecting') {
-      return t('call.connectingToRoom');
+      return isP2P ? t('call.connecting') : t('call.connectingToRoom');
     }
     if (call.phase === 'error') {
       return t('call.tryAgainLater');
     }
-    return call.kind === 'audio' ? t('call.audioCall') : t('call.videoCall');
-  }, [call.direction, call.kind, call.phase, t]);
+    return label;
+  }, [call.direction, call.kind, call.phase, call.isGroup, call.callerName, call.roomName, isP2P, t]);
   if (!isOpen) {
     return null;
   }
@@ -550,6 +568,7 @@ const VideoCallOverlayInner = () => {
   }
   const renderSession = collapse => /*#__PURE__*/(0, _jsxRuntime.jsx)(_VideoCallSession.VideoCallSession, {
     kind: call.kind,
+    isGroup: call.isGroup,
     peerName: call.roomName,
     primaryColor: primaryColor,
     icons: videoCallsConfig?.icons,
@@ -602,7 +621,7 @@ const VideoCallOverlayInner = () => {
         variant: "error",
         primaryColor: primaryColor,
         theme: theme,
-        errorMessage: call.error || (!livekitUrl ? t('call.error.missingLivekitUrl') : null),
+        errorMessage: call.error || (!livekitUrl && !isP2P ? t('call.error.missingLivekitUrl') : null),
         onDismiss: () => dispatch((0, _callSlice.resetCall)())
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(RingingCard, {
         title: ringingHeader,
@@ -620,9 +639,14 @@ const VideoCallOverlayInner = () => {
 };
 const VideoCallOverlay = () => {
   const callId = (0, _reactRedux.useSelector)(state => state.call.callId || String(state.call.startedAt || ''));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CallErrorBoundary, {
-    resetKey: callId,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(VideoCallOverlayInner, {})
+  // The runner is headless and owns the p2p controller. It sits beside the
+  // boundary, not inside it: a crash in the call UI blanks the screen, it
+  // must not tear the call down.
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_P2PCallRunner.P2PCallRunner, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(CallErrorBoundary, {
+      resetKey: callId,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(VideoCallOverlayInner, {})
+    })]
   });
 };
 exports.VideoCallOverlay = VideoCallOverlay;