@ethora/chat-component-rn 26.10.4 → 26.10.5

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

@@ -0,0 +1,232 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePipTile = exports.PIP_TILE_SIZES = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+/**
+ * The small video tile of a call, Telegram-style: drag it anywhere and it
+ * snaps to the nearest corner when released (a flick carries it towards
+ * the flick), pinch it to switch between a small and a large size.
+ *
+ * Positions are kept per corner rather than per pixel, so the tile stays
+ * glued to its corner when the stage changes size (rotation, iPad split
+ * view) or the tile itself changes size.
+ */
+
+const PIP_TILE_SIZES = exports.PIP_TILE_SIZES = {
+  small: {
+    width: 104,
+    height: 148
+  },
+  large: {
+    width: 156,
+    height: 222
+  }
+};
+const MARGIN = 12;
+// How far a flick carries the tile before picking a corner, in ms of velocity.
+const FLICK_PROJECTION_MS = 160;
+// Pinch past these ratios to change size; in between keeps the current one.
+const GROW_RATIO = 1.12;
+const SHRINK_RATIO = 0.9;
+const SPRING = {
+  useNativeDriver: false,
+  damping: 20,
+  stiffness: 220,
+  mass: 0.8
+};
+const touchDistance = touches => {
+  const [a, b] = touches;
+  return Math.hypot(a.pageX - b.pageX, a.pageY - b.pageY);
+};
+const usePipTile = ({
+  topInset = 0
+} = {}) => {
+  const [stage, setStage] = (0, _react.useState)(null);
+  const [size, setSize] = (0, _react.useState)('small');
+  const stageRef = (0, _react.useRef)(null);
+  const sizeRef = (0, _react.useRef)('small');
+  const cornerRef = (0, _react.useRef)({
+    right: true,
+    bottom: false
+  });
+  const topInsetRef = (0, _react.useRef)(topInset);
+  topInsetRef.current = topInset;
+  const position = (0, _react.useRef)(new _reactNative.Animated.ValueXY({
+    x: 0,
+    y: 0
+  })).current;
+  const width = (0, _react.useRef)(new _reactNative.Animated.Value(PIP_TILE_SIZES.small.width)).current;
+  const height = (0, _react.useRef)(new _reactNative.Animated.Value(PIP_TILE_SIZES.small.height)).current;
+  const pinchScale = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
+  // Where the tile rests, i.e. where a drag starts from.
+  const restRef = (0, _react.useRef)({
+    x: 0,
+    y: 0
+  });
+  const gestureRef = (0, _react.useRef)({
+    pinching: false,
+    startDistance: 0,
+    scale: 1
+  });
+  const cornerPoint = (0, _react.useCallback)((corner, tileSize) => {
+    const area = stageRef.current;
+    if (!area) {
+      return {
+        x: 0,
+        y: 0
+      };
+    }
+    const tile = PIP_TILE_SIZES[tileSize];
+    const top = MARGIN + topInsetRef.current;
+    return {
+      x: corner.right ? Math.max(MARGIN, area.width - tile.width - MARGIN) : MARGIN,
+      y: corner.bottom ? Math.max(top, area.height - tile.height - MARGIN) : top
+    };
+  }, []);
+  const settle = (0, _react.useCallback)(animated => {
+    const tileSize = sizeRef.current;
+    const target = cornerPoint(cornerRef.current, tileSize);
+    const tile = PIP_TILE_SIZES[tileSize];
+    restRef.current = target;
+    if (!animated) {
+      position.setValue(target);
+      width.setValue(tile.width);
+      height.setValue(tile.height);
+      pinchScale.setValue(1);
+      return;
+    }
+    _reactNative.Animated.parallel([_reactNative.Animated.spring(position, {
+      ...SPRING,
+      toValue: target
+    }), _reactNative.Animated.spring(width, {
+      ...SPRING,
+      toValue: tile.width
+    }), _reactNative.Animated.spring(height, {
+      ...SPRING,
+      toValue: tile.height
+    }), _reactNative.Animated.spring(pinchScale, {
+      ...SPRING,
+      toValue: 1
+    })]).start();
+  }, [cornerPoint, position, width, height, pinchScale]);
+  const onStageLayout = (0, _react.useCallback)(event => {
+    const {
+      width: w,
+      height: h
+    } = event.nativeEvent.layout;
+    const prev = stageRef.current;
+    if (prev && prev.width === w && prev.height === h) {
+      return;
+    }
+    stageRef.current = {
+      width: w,
+      height: h
+    };
+    setStage(stageRef.current);
+    settle(false);
+  }, [settle]);
+
+  // The safe-area inset arrives after the first layout on some devices.
+  (0, _react.useEffect)(() => {
+    if (stageRef.current) {
+      settle(false);
+    }
+  }, [topInset, settle]);
+  const panHandlers = (0, _react.useMemo)(() => _reactNative.PanResponder.create({
+    // Two fingers are always ours (pinch); one finger only once it
+    // moves, so a tap still reaches the tile's onPress (swap videos).
+    onStartShouldSetPanResponderCapture: event => event.nativeEvent.touches.length >= 2,
+    // Own the touch from the start when the tile has no tap target
+    // (nothing to swap): an ancestor outside the call Modal would take
+    // it otherwise, and the move-capture below would never be asked.
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponderCapture: (event, gesture) => event.nativeEvent.touches.length >= 2 || Math.abs(gesture.dx) > 4 || Math.abs(gesture.dy) > 4,
+    // Never hand the tile over to the swipe-to-minimize of the screen.
+    onPanResponderTerminationRequest: () => false,
+    onPanResponderGrant: () => {
+      position.stopAnimation();
+      width.stopAnimation();
+      height.stopAnimation();
+      pinchScale.stopAnimation();
+      gestureRef.current = {
+        pinching: false,
+        startDistance: 0,
+        scale: 1
+      };
+    },
+    onPanResponderMove: (event, gesture) => {
+      const touches = event.nativeEvent.touches;
+      const state = gestureRef.current;
+      if (touches.length >= 2) {
+        const distance = touchDistance(touches);
+        if (!state.pinching || state.startDistance <= 0) {
+          state.pinching = true;
+          state.startDistance = distance;
+        } else {
+          state.scale = Math.min(1.8, Math.max(0.6, distance / state.startDistance));
+          pinchScale.setValue(state.scale);
+        }
+      }
+      position.setValue({
+        x: restRef.current.x + gesture.dx,
+        y: restRef.current.y + gesture.dy
+      });
+    },
+    onPanResponderRelease: (_event, gesture) => {
+      const area = stageRef.current;
+      const state = gestureRef.current;
+      if (state.pinching) {
+        const next = state.scale >= GROW_RATIO ? 'large' : state.scale <= SHRINK_RATIO ? 'small' : sizeRef.current;
+        if (next !== sizeRef.current) {
+          // Keep the size the finger left it at, then let the spring
+          // carry it to the new one, so the tile doesn't jump.
+          const from = PIP_TILE_SIZES[sizeRef.current];
+          width.setValue(from.width * state.scale);
+          height.setValue(from.height * state.scale);
+          pinchScale.setValue(1);
+          sizeRef.current = next;
+          setSize(next);
+        }
+      }
+      if (area) {
+        const tile = PIP_TILE_SIZES[sizeRef.current];
+        const centerX = restRef.current.x + gesture.dx + gesture.vx * FLICK_PROJECTION_MS + tile.width / 2;
+        const centerY = restRef.current.y + gesture.dy + gesture.vy * FLICK_PROJECTION_MS + tile.height / 2;
+        cornerRef.current = {
+          right: centerX > area.width / 2,
+          bottom: centerY > area.height / 2
+        };
+      }
+      settle(true);
+    },
+    onPanResponderTerminate: () => settle(true)
+  }).panHandlers, [position, width, height, pinchScale, settle]);
+  return {
+    /** Put on the area the tile moves within. */
+    onStageLayout,
+    panHandlers,
+    size,
+    /** Hidden until the stage is measured, so it never flashes at 0,0. */
+    style: {
+      position: 'absolute',
+      left: 0,
+      top: 0,
+      width,
+      height,
+      opacity: stage ? 1 : 0,
+      transform: [{
+        translateX: position.x
+      }, {
+        translateY: position.y
+      }, {
+        scale: pinchScale
+      }]
+    }
+  };
+};
+exports.usePipTile = usePipTile;
+//# sourceMappingURL=usePipTile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","PIP_TILE_SIZES","exports","small","width","height","large","MARGIN","FLICK_PROJECTION_MS","GROW_RATIO","SHRINK_RATIO","SPRING","useNativeDriver","damping","stiffness","mass","touchDistance","touches","a","b","Math","hypot","pageX","pageY","usePipTile","topInset","stage","setStage","useState","size","setSize","stageRef","useRef","sizeRef","cornerRef","right","bottom","topInsetRef","current","position","Animated","ValueXY","x","y","Value","pinchScale","restRef","gestureRef","pinching","startDistance","scale","cornerPoint","useCallback","corner","tileSize","area","tile","top","max","settle","animated","target","setValue","parallel","spring","toValue","start","onStageLayout","event","w","h","nativeEvent","layout","prev","useEffect","panHandlers","useMemo","PanResponder","create","onStartShouldSetPanResponderCapture","length","onStartShouldSetPanResponder","onMoveShouldSetPanResponderCapture","gesture","abs","dx","dy","onPanResponderTerminationRequest","onPanResponderGrant","stopAnimation","onPanResponderMove","state","distance","min","onPanResponderRelease","_event","next","from","centerX","vx","centerY","vy","onPanResponderTerminate","style","left","opacity","transform","translateX","translateY"],"sourceRoot":"../../../../src","sources":["components/VideoCalls/usePipTile.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/helpers/updateMessagesTillLast.js

@@ -56,7 +56,9 @@ const updateMessagesTillLast = async (rooms, client, batchSize = 5, maxFetchAtte
               source: 'background',
               selfApplied: true
             });
-            if (!fetchedMessages.length) {
+
+            // undefined when the stanza was dropped (e.g. reconnecting).
+            if (!fetchedMessages?.length) {
               break;
             }
             counter++;

package/lib/commonjs/helpers/updateMessagesTillLast.js.map

@@ -1 +1 @@
-{"version":3,"names":["_roomStore","require","_roomsSlice","_checkUniqueUsers","updateMessagesTillLast","rooms","client","batchSize","maxFetchAttempts","messagesPerFetch","roomEntries","Object","keys","length","processedIndex","currentBatch","slice","lastTimestampsByJid","reduce","acc","current","room","store","getState","cached","Array","isArray","messages","newest","m","pending","id","Number","isFinite","Promise","all","map","jid","index","res","setTimeout","counter","isMessageFound","currentJidNewMessages","lastCachedMessagesTimeStamp","lastMessageId","undefined","fetchedMessages","getHistoryStanza","coalesceRoom","source","selfApplied","some","message","dispatch","addRoomMessages","roomJID","checkUniqueUsers","setRoomMessages","error","console","log","exports"],"sourceRoot":"../../../src","sources":["helpers/updateMessagesTillLast.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_roomStore","require","_roomsSlice","_checkUniqueUsers","updateMessagesTillLast","rooms","client","batchSize","maxFetchAttempts","messagesPerFetch","roomEntries","Object","keys","length","processedIndex","currentBatch","slice","lastTimestampsByJid","reduce","acc","current","room","store","getState","cached","Array","isArray","messages","newest","m","pending","id","Number","isFinite","Promise","all","map","jid","index","res","setTimeout","counter","isMessageFound","currentJidNewMessages","lastCachedMessagesTimeStamp","lastMessageId","undefined","fetchedMessages","getHistoryStanza","coalesceRoom","source","selfApplied","some","message","dispatch","addRoomMessages","roomJID","checkUniqueUsers","setRoomMessages","error","console","log","exports"],"sourceRoot":"../../../src","sources":["helpers/updateMessagesTillLast.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/i18n/strings.js

@@ -120,6 +120,14 @@ const en = {
   'call.action.startCamera': 'Turn camera on',
   'call.action.switchCamera': 'Switch camera',
   'call.action.swapVideo': 'Swap videos',
+  'call.action.fillVideo': 'Stretch video',
+  'call.action.fitVideo': 'Show whole video',
+  'call.notification.ongoing': 'Ongoing call',
+  'call.notification.ongoingVideo': 'Ongoing video call',
+  'call.notification.mute': 'Mute',
+  'call.notification.unmute': 'Unmute',
+  'call.notification.cameraOn': 'Camera on',
+  'call.notification.cameraOff': 'Camera off',
   'call.action.speakerOn': 'Turn speaker on',
   'call.action.speakerOff': 'Turn speaker off',
   'call.action.startAudioCall': 'Start audio call',
@@ -500,6 +508,14 @@ const fr = {
   'call.action.startCamera': 'Activer la caméra',
   'call.action.switchCamera': 'Changer de caméra',
   'call.action.swapVideo': 'Inverser les vidéos',
+  'call.action.fillVideo': 'Étirer la vidéo',
+  'call.action.fitVideo': 'Afficher toute la vidéo',
+  'call.notification.ongoing': 'Appel en cours',
+  'call.notification.ongoingVideo': 'Appel vidéo en cours',
+  'call.notification.mute': 'Couper',
+  'call.notification.unmute': 'Réactiver',
+  'call.notification.cameraOn': 'Caméra on',
+  'call.notification.cameraOff': 'Caméra off',
   'call.action.speakerOn': 'Activer le haut-parleur',
   'call.action.speakerOff': 'Désactiver le haut-parleur',
   'call.action.startAudioCall': 'Démarrer un appel audio',
@@ -880,6 +896,14 @@ const es = {
   'call.action.startCamera': 'Encender la cámara',
   'call.action.switchCamera': 'Cambiar de cámara',
   'call.action.swapVideo': 'Intercambiar vídeos',
+  'call.action.fillVideo': 'Ampliar vídeo',
+  'call.action.fitVideo': 'Ver vídeo completo',
+  'call.notification.ongoing': 'Llamada en curso',
+  'call.notification.ongoingVideo': 'Videollamada en curso',
+  'call.notification.mute': 'Silenciar',
+  'call.notification.unmute': 'Activar',
+  'call.notification.cameraOn': 'Cámara on',
+  'call.notification.cameraOff': 'Cámara off',
   'call.action.speakerOn': 'Activar el altavoz',
   'call.action.speakerOff': 'Desactivar el altavoz',
   'call.action.startAudioCall': 'Iniciar llamada de audio',
@@ -1260,6 +1284,14 @@ const pt = {
   'call.action.startCamera': 'Ligar a câmara',
   'call.action.switchCamera': 'Mudar de câmara',
   'call.action.swapVideo': 'Trocar vídeos',
+  'call.action.fillVideo': 'Esticar vídeo',
+  'call.action.fitVideo': 'Mostrar vídeo inteiro',
+  'call.notification.ongoing': 'Chamada em andamento',
+  'call.notification.ongoingVideo': 'Videochamada em andamento',
+  'call.notification.mute': 'Silenciar',
+  'call.notification.unmute': 'Ativar som',
+  'call.notification.cameraOn': 'Ligar câmera',
+  'call.notification.cameraOff': 'Desligar câmera',
   'call.action.speakerOn': 'Ligar o altifalante',
   'call.action.speakerOff': 'Desligar o altifalante',
   'call.action.startAudioCall': 'Iniciar chamada de áudio',
@@ -1640,6 +1672,14 @@ const ht = {
   'call.action.startCamera': 'Limen kamera a',
   'call.action.switchCamera': 'Chanje kamera',
   'call.action.swapVideo': 'Chanje videyo yo',
+  'call.action.fillVideo': 'Lonje videyo a',
+  'call.action.fitVideo': 'Montre tout videyo a',
+  'call.notification.ongoing': 'Apèl k ap fèt',
+  'call.notification.ongoingVideo': 'Apèl videyo k ap fèt',
+  'call.notification.mute': 'Fèmen mikwo',
+  'call.notification.unmute': 'Louvri mikwo',
+  'call.notification.cameraOn': 'Limen kamera',
+  'call.notification.cameraOff': 'Etenn kamera',
   'call.action.speakerOn': 'Limen opalè a',
   'call.action.speakerOff': 'Etenn opalè a',
   'call.action.startAudioCall': 'Kòmanse yon apèl odyo',
@@ -2020,6 +2060,14 @@ const zh = {
   'call.action.startCamera': '打开摄像头',
   'call.action.switchCamera': '切换摄像头',
   'call.action.swapVideo': '切换画面',
+  'call.action.fillVideo': '铺满画面',
+  'call.action.fitVideo': '显示完整画面',
+  'call.notification.ongoing': '通话中',
+  'call.notification.ongoingVideo': '视频通话中',
+  'call.notification.mute': '静音',
+  'call.notification.unmute': '取消静音',
+  'call.notification.cameraOn': '开启摄像头',
+  'call.notification.cameraOff': '关闭摄像头',
   'call.action.speakerOn': '打开扬声器',
   'call.action.speakerOff': '关闭扬声器',
   'call.action.startAudioCall': '发起语音通话',