@ethora/chat-component-rn 26.5.21 → 26.6.11

package/lib/module/components/VideoCalls/CallButtons.js

@@ -0,0 +1,154 @@
+"use strict";
+
+import React, { useCallback } from 'react';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+import { setCallError, startOutgoingCall } from '../../roomStore/callSlice';
+import { sendCallInviteSignal } from '../../networking/callTokenStanza';
+import { createChatCall } from '../../networking/api-requests/rooms.api';
+import { useChatSettingState } from '../../hooks/useChatSettingState';
+import { AudioCallIcon, VideoCallIcon } from './CallIcons';
+import { useT } from '../../i18n/useT';
+import { getIconColor } from '../../helpers/getIconColor';
+
+/**
+ * The audio / video call entry points for the chat header.
+ *
+ * Kept as its own component (rather than inlined into ChatHeader like the
+ * web SDK does) so the whole call feature stays inside components/VideoCalls
+ * and ChatHeader gains exactly one line. It renders nothing at all when
+ * calls are off, which is the common case.
+ *
+ * Gating mirrors the web rules: calls need `config.videoCalls.enabled`, a
+ * `livekitUrl`, a 1:1 (private) room, and no other call already running.
+ * Audio is a second opt-in on top of that (`enableAudioCalls`).
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const CallButtons = () => {
+  const dispatch = useDispatch();
+  const t = useT();
+  const {
+    config,
+    user
+  } = useChatSettingState();
+  const call = useSelector(state => state.call);
+  const currentRoom = useSelector(state => {
+    const jid = state.rooms.activeRoomJID;
+    return jid ? state.rooms.rooms[jid] : null;
+  });
+  const videoCallsConfig = config?.videoCalls;
+  const allowedRoomTypes = videoCallsConfig?.allowedRoomTypes || ['private'];
+  const isVideoCallsEnabled = videoCallsConfig?.enabled === true;
+  const isPrivateRoom = currentRoom?.type === 'private';
+  const isRoomAllowed = isPrivateRoom && allowedRoomTypes.includes('private');
+  const hasLivekitUrl = Boolean(videoCallsConfig?.livekitUrl?.trim());
+  const isCallBusy = call.phase !== 'idle';
+  const canCall = isVideoCallsEnabled && isRoomAllowed && hasLivekitUrl;
+  const isAudioCallsEnabled = canCall && videoCallsConfig?.enableAudioCalls === true;
+  const iconColor = getIconColor(config);
+  const placeCall = useCallback(async kind => {
+    if (!canCall || isCallBusy || !currentRoom?.jid) {
+      return;
+    }
+
+    // The call API expects the bare room name (e.g. "${appId}_<uuid>"),
+    // which createRoomFromApi stores as the JID localpart.
+    // `currentRoom.name` looks tempting but actually holds the display
+    // title (the other party's "First Last"), so passing it produces
+    // nonsense URLs like /v1/chats/call/create/test2%20test2.
+    const chatName = currentRoom.jid.split('@')[0];
+    if (!chatName) {
+      return;
+    }
+
+    // Resolve the peer xmpp localpart so we can XMPP-signal them when we
+    // hang up or cancel, without this they'd keep ringing forever.
+    const selfLocal = String(user?.xmppUsername || '').split('@')[0];
+    const peer = (currentRoom.members || []).find(member => {
+      const mLocal = String(member?.xmppUsername || '').split('@')[0];
+      return mLocal && mLocal !== selfLocal;
+    });
+    const peerXmppUsername = peer?.xmppUsername || null;
+
+    // Don't show "deleted" / "Deleted User" / "Unknown" as the dial
+    // screen title when the chat title is one of the server sentinels.
+    // Prefer the peer's first+last name, falling back to the bare chat name.
+    const rawTitle = String(currentRoom.name || '').trim();
+    const isBadTitle = !rawTitle || ['deleted', 'deleted user', 'unknown', 'null'].includes(rawTitle.toLowerCase());
+    const peerDisplay = peer ? `${peer.firstName || ''} ${peer.lastName || ''}`.trim() || peer.name || '' : '';
+    const dialName = (isBadTitle ? peerDisplay : rawTitle) || peerDisplay || chatName;
+    dispatch(startOutgoingCall({
+      roomJid: currentRoom.jid,
+      roomName: dialName,
+      roomBareName: chatName,
+      kind,
+      peerXmppUsername
+    }));
+
+    // Server's broadcast call-token currently drops the `kind` attribute,
+    // so signal it directly to the peer first. Direct chat is fast
+    // (~50ms) and almost always lands before the server-relayed token
+    // (~200-300ms), so the callee enters the right UI mode.
+    if (peerXmppUsername) {
+      sendCallInviteSignal(kind, {
+        peerXmppUsername,
+        roomBareName: chatName
+      });
+    }
+    try {
+      await createChatCall(chatName, {
+        kind
+      });
+    } catch (error) {
+      const message = error instanceof Error ? error.message : t('call.error.connectFailed');
+      dispatch(setCallError(message));
+    }
+  }, [canCall, isCallBusy, currentRoom, user?.xmppUsername, dispatch, t]);
+  if (!canCall || isCallBusy) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.row,
+    children: [isAudioCallsEnabled && /*#__PURE__*/_jsx(TouchableOpacity, {
+      accessibilityRole: "button",
+      accessibilityLabel: t('call.action.startAudioCall'),
+      onPress: () => {
+        void placeCall('audio');
+      },
+      style: styles.button,
+      hitSlop: 8,
+      children: /*#__PURE__*/_jsx(AudioCallIcon, {
+        color: iconColor,
+        size: 22
+      })
+    }), /*#__PURE__*/_jsx(TouchableOpacity, {
+      accessibilityRole: "button",
+      accessibilityLabel: t('call.action.startVideoCall'),
+      onPress: () => {
+        void placeCall('video');
+      },
+      style: styles.button,
+      hitSlop: 8,
+      children: /*#__PURE__*/_jsx(VideoCallIcon, {
+        color: iconColor,
+        size: 22
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 4
+  },
+  button: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+export default CallButtons;
+//# sourceMappingURL=CallButtons.js.map

package/lib/module/components/VideoCalls/CallButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","StyleSheet","TouchableOpacity","View","useDispatch","useSelector","setCallError","startOutgoingCall","sendCallInviteSignal","createChatCall","useChatSettingState","AudioCallIcon","VideoCallIcon","useT","getIconColor","jsx","_jsx","jsxs","_jsxs","CallButtons","dispatch","t","config","user","call","state","currentRoom","jid","rooms","activeRoomJID","videoCallsConfig","videoCalls","allowedRoomTypes","isVideoCallsEnabled","enabled","isPrivateRoom","type","isRoomAllowed","includes","hasLivekitUrl","Boolean","livekitUrl","trim","isCallBusy","phase","canCall","isAudioCallsEnabled","enableAudioCalls","iconColor","placeCall","kind","chatName","split","selfLocal","String","xmppUsername","peer","members","find","member","mLocal","peerXmppUsername","rawTitle","name","isBadTitle","toLowerCase","peerDisplay","firstName","lastName","dialName","roomJid","roomName","roomBareName","error","message","Error","style","styles","row","children","accessibilityRole","accessibilityLabel","onPress","button","hitSlop","color","size","create","flexDirection","alignItems","gap","width","height","borderRadius","justifyContent"],"sourceRoot":"../../../../src","sources":["components/VideoCalls/CallButtons.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/VideoCalls/CallIcons.js

@@ -0,0 +1,309 @@
+"use strict";
+
+import React from 'react';
+import Svg, { Path, Rect, Line, Circle } from 'react-native-svg';
+
+/**
+ * Call-control glyph set, 24px, mirrored from the web SDK's inline icons
+ * (components/VideoCalls/VideoCallSession.tsx) so the two platforms read
+ * the same. The "off" variants overlay a diagonal slash: a thick `cutColor`
+ * line under a thin icon-color line, so the slash stays legible against the
+ * glyph on any button background.
+ *
+ * Hosts can replace any of these through `config.videoCalls.icons`.
+ */
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const DANGER = '#E53935';
+const Slash = ({
+  color,
+  cutColor
+}) => /*#__PURE__*/_jsxs(_Fragment, {
+  children: [/*#__PURE__*/_jsx(Line, {
+    x1: "3",
+    y1: "3",
+    x2: "21",
+    y2: "21",
+    stroke: cutColor,
+    strokeWidth: 4,
+    strokeLinecap: "round"
+  }), /*#__PURE__*/_jsx(Line, {
+    x1: "3",
+    y1: "3",
+    x2: "21",
+    y2: "21",
+    stroke: color,
+    strokeWidth: 2,
+    strokeLinecap: "round"
+  })]
+});
+export const MicOnIcon = ({
+  color = '#FFFFFF',
+  size = 24
+}) => /*#__PURE__*/_jsxs(Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  children: [/*#__PURE__*/_jsx(Rect, {
+    x: "8.5",
+    y: "2",
+    width: "7",
+    height: "12",
+    rx: "3.5",
+    fill: color
+  }), /*#__PURE__*/_jsx(Path, {
+    d: "M5 11a7 7 0 0 0 14 0",
+    stroke: color,
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    fill: "none"
+  }), /*#__PURE__*/_jsx(Line, {
+    x1: "12",
+    y1: "18",
+    x2: "12",
+    y2: "22",
+    stroke: color,
+    strokeWidth: 2,
+    strokeLinecap: "round"
+  })]
+});
+export const MicOffIcon = ({
+  color = '#FFFFFF',
+  cutColor = DANGER,
+  size = 24
+}) => /*#__PURE__*/_jsxs(Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  children: [/*#__PURE__*/_jsx(Rect, {
+    x: "8.5",
+    y: "2",
+    width: "7",
+    height: "12",
+    rx: "3.5",
+    fill: color
+  }), /*#__PURE__*/_jsx(Path, {
+    d: "M5 11a7 7 0 0 0 14 0",
+    stroke: color,
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    fill: "none"
+  }), /*#__PURE__*/_jsx(Line, {
+    x1: "12",
+    y1: "18",
+    x2: "12",
+    y2: "22",
+    stroke: color,
+    strokeWidth: 2,
+    strokeLinecap: "round"
+  }), /*#__PURE__*/_jsx(Slash, {
+    color: color,
+    cutColor: cutColor
+  })]
+});
+export const CameraOnIcon = ({
+  color = '#FFFFFF',
+  size = 24
+}) => /*#__PURE__*/_jsxs(Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  children: [/*#__PURE__*/_jsx(Rect, {
+    x: "2",
+    y: "6",
+    width: "13",
+    height: "12",
+    rx: "3",
+    fill: color
+  }), /*#__PURE__*/_jsx(Path, {
+    d: "M15 11l6-3.5v9L15 13v-2z",
+    fill: color
+  })]
+});
+export const CameraOffIcon = ({
+  color = '#FFFFFF',
+  cutColor = DANGER,
+  size = 24
+}) => /*#__PURE__*/_jsxs(Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  children: [/*#__PURE__*/_jsx(Rect, {
+    x: "2",
+    y: "6",
+    width: "13",
+    height: "12",
+    rx: "3",
+    fill: color
+  }), /*#__PURE__*/_jsx(Path, {
+    d: "M15 11l6-3.5v9L15 13v-2z",
+    fill: color
+  }), /*#__PURE__*/_jsx(Slash, {
+    color: color,
+    cutColor: cutColor
+  })]
+});
+export const HangUpIcon = ({
+  color = '#FFFFFF',
+  size = 24
+}) => /*#__PURE__*/_jsx(Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  children: /*#__PURE__*/_jsx(Path, {
+    d: "M2.5 14.2c-.7-.7-.6-1.9.2-2.5C5 9.9 8.4 8.9 12 8.9s7 1 9.3 2.8c.8.6.9 1.8.2 2.5l-1.6 1.6c-.6.6-1.5.7-2.2.2l-2-1.4a1.7 1.7 0 0 1-.7-1.4v-1.1c-1-.3-2-.4-3-.4s-2 .1-3 .4v1.1c0 .6-.3 1.1-.7 1.4l-2 1.4c-.7.5-1.6.4-2.2-.2l-1.6-1.6z",
+    fill: color
+  })
+});
+export const AudioCallIcon = ({
+  color = '#FFFFFF',
+  size = 24
+}) => /*#__PURE__*/_jsx(Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  children: /*#__PURE__*/_jsx(Path, {
+    d: "M6.6 2h2.2c.5 0 .9.3 1 .8l.9 3.4c.1.4 0 .8-.4 1.1L8.7 8.6a13 13 0 0 0 6.7 6.7l1.3-1.6c.3-.3.7-.5 1.1-.4l3.4.9c.5.1.8.5.8 1v2.2c0 1.4-1.2 2.6-2.6 2.5A18.4 18.4 0 0 1 2.1 4.6C2 3.2 3.2 2 4.6 2h2z",
+    fill: color
+  })
+});
+export const VideoCallIcon = ({
+  color = '#FFFFFF',
+  size = 24
+}) => /*#__PURE__*/_jsxs(Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  children: [/*#__PURE__*/_jsx(Rect, {
+    x: "2",
+    y: "6",
+    width: "13",
+    height: "12",
+    rx: "3",
+    fill: color
+  }), /*#__PURE__*/_jsx(Path, {
+    d: "M15 11l6-3.5v9L15 13v-2z",
+    fill: color
+  })]
+});
+export const SwitchCameraIcon = ({
+  color = '#FFFFFF',
+  size = 24
+}) => /*#__PURE__*/_jsxs(Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  children: [/*#__PURE__*/_jsx(Path, {
+    d: "M9 4h6l1.2 2H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3.8L9 4z",
+    stroke: color,
+    strokeWidth: 1.8,
+    fill: "none",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/_jsx(Path, {
+    d: "M9.5 12.5A2.5 2.5 0 0 1 14 11m.5 2.5A2.5 2.5 0 0 1 10 15",
+    stroke: color,
+    strokeWidth: 1.8,
+    strokeLinecap: "round",
+    fill: "none"
+  }), /*#__PURE__*/_jsx(Path, {
+    d: "M14 9.5V11h-1.5M10 16.5V15h1.5",
+    stroke: color,
+    strokeWidth: 1.8
+  })]
+});
+export const SpeakerIcon = ({
+  color = '#FFFFFF',
+  size = 24
+}) => /*#__PURE__*/_jsxs(Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  children: [/*#__PURE__*/_jsx(Path, {
+    d: "M4 9h3l4-4v14l-4-4H4V9z",
+    fill: color
+  }), /*#__PURE__*/_jsx(Path, {
+    d: "M15.5 8.5a5 5 0 0 1 0 7M18 6a8.5 8.5 0 0 1 0 12",
+    stroke: color,
+    strokeWidth: 1.8,
+    strokeLinecap: "round",
+    fill: "none"
+  })]
+});
+export const SpeakerOffIcon = ({
+  color = '#FFFFFF',
+  cutColor = DANGER,
+  size = 24
+}) => /*#__PURE__*/_jsxs(Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  children: [/*#__PURE__*/_jsx(Path, {
+    d: "M4 9h3l4-4v14l-4-4H4V9z",
+    fill: color
+  }), /*#__PURE__*/_jsx(Slash, {
+    color: color,
+    cutColor: cutColor
+  })]
+});
+export const MinimizeIcon = ({
+  color = '#FFFFFF',
+  size = 24
+}) => /*#__PURE__*/_jsx(Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  children: /*#__PURE__*/_jsx(Path, {
+    d: "M5 14h5v5M19 10h-5V5",
+    stroke: color,
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    fill: "none"
+  })
+});
+export const ExpandIcon = ({
+  color = '#FFFFFF',
+  size = 24
+}) => /*#__PURE__*/_jsx(Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  children: /*#__PURE__*/_jsx(Path, {
+    d: "M9 4H4v5M15 20h5v-5",
+    stroke: color,
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    fill: "none"
+  })
+});
+export const PersonIcon = ({
+  color = '#FFFFFF',
+  size = 24
+}) => /*#__PURE__*/_jsxs(Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  children: [/*#__PURE__*/_jsx(Circle, {
+    cx: "12",
+    cy: "8",
+    r: "4",
+    fill: color
+  }), /*#__PURE__*/_jsx(Path, {
+    d: "M4 21c0-4.4 3.6-8 8-8s8 3.6 8 8",
+    fill: color
+  })]
+});
+//# sourceMappingURL=CallIcons.js.map

package/lib/module/components/VideoCalls/CallIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Svg","Path","Rect","Line","Circle","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DANGER","Slash","color","cutColor","children","x1","y1","x2","y2","stroke","strokeWidth","strokeLinecap","MicOnIcon","size","width","height","viewBox","fill","x","y","rx","d","MicOffIcon","CameraOnIcon","CameraOffIcon","HangUpIcon","AudioCallIcon","VideoCallIcon","SwitchCameraIcon","strokeLinejoin","SpeakerIcon","SpeakerOffIcon","MinimizeIcon","ExpandIcon","PersonIcon","cx","cy","r"],"sourceRoot":"../../../../src","sources":["components/VideoCalls/CallIcons.tsx"],"mappings":"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","ignoreList":[]}