@ethora/chat-component-rn 26.10.3 → 26.10.5

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

@@ -0,0 +1,228 @@
+"use strict";
+
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Animated, PanResponder } from '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.
+ */
+
+export const 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);
+};
+export const usePipTile = ({
+  topInset = 0
+} = {}) => {
+  const [stage, setStage] = useState(null);
+  const [size, setSize] = useState('small');
+  const stageRef = useRef(null);
+  const sizeRef = useRef('small');
+  const cornerRef = useRef({
+    right: true,
+    bottom: false
+  });
+  const topInsetRef = useRef(topInset);
+  topInsetRef.current = topInset;
+  const position = useRef(new Animated.ValueXY({
+    x: 0,
+    y: 0
+  })).current;
+  const width = useRef(new Animated.Value(PIP_TILE_SIZES.small.width)).current;
+  const height = useRef(new Animated.Value(PIP_TILE_SIZES.small.height)).current;
+  const pinchScale = useRef(new Animated.Value(1)).current;
+  // Where the tile rests, i.e. where a drag starts from.
+  const restRef = useRef({
+    x: 0,
+    y: 0
+  });
+  const gestureRef = useRef({
+    pinching: false,
+    startDistance: 0,
+    scale: 1
+  });
+  const cornerPoint = 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 = 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;
+    }
+    Animated.parallel([Animated.spring(position, {
+      ...SPRING,
+      toValue: target
+    }), Animated.spring(width, {
+      ...SPRING,
+      toValue: tile.width
+    }), Animated.spring(height, {
+      ...SPRING,
+      toValue: tile.height
+    }), Animated.spring(pinchScale, {
+      ...SPRING,
+      toValue: 1
+    })]).start();
+  }, [cornerPoint, position, width, height, pinchScale]);
+  const onStageLayout = 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.
+  useEffect(() => {
+    if (stageRef.current) {
+      settle(false);
+    }
+  }, [topInset, settle]);
+  const panHandlers = useMemo(() => 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
+      }]
+    }
+  };
+};
+//# sourceMappingURL=usePipTile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","Animated","PanResponder","PIP_TILE_SIZES","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","size","setSize","stageRef","sizeRef","cornerRef","right","bottom","topInsetRef","current","position","ValueXY","x","y","Value","pinchScale","restRef","gestureRef","pinching","startDistance","scale","cornerPoint","corner","tileSize","area","tile","top","max","settle","animated","target","setValue","parallel","spring","toValue","start","onStageLayout","event","w","h","nativeEvent","layout","prev","panHandlers","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/module/helpers/updateMessagesTillLast.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["store","addRoomMessages","setRoomMessages","checkUniqueUsers","updateMessagesTillLast","rooms","client","batchSize","maxFetchAttempts","messagesPerFetch","roomEntries","Object","keys","length","processedIndex","currentBatch","slice","lastTimestampsByJid","reduce","acc","current","room","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","roomJID","error","console","log"],"sourceRoot":"../../../src","sources":["helpers/updateMessagesTillLast.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["store","addRoomMessages","setRoomMessages","checkUniqueUsers","updateMessagesTillLast","rooms","client","batchSize","maxFetchAttempts","messagesPerFetch","roomEntries","Object","keys","length","processedIndex","currentBatch","slice","lastTimestampsByJid","reduce","acc","current","room","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","roomJID","error","console","log"],"sourceRoot":"../../../src","sources":["helpers/updateMessagesTillLast.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/i18n/strings.js

@@ -115,6 +115,15 @@ const en = {
   'call.action.stopCamera': 'Turn camera off',
   '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',
@@ -494,6 +503,15 @@ const fr = {
   'call.action.stopCamera': 'Désactiver la caméra',
   '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',
@@ -873,6 +891,15 @@ const es = {
   'call.action.stopCamera': 'Apagar la cámara',
   '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',
@@ -1252,6 +1279,15 @@ const pt = {
   'call.action.stopCamera': 'Desligar a câmara',
   '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',
@@ -1631,6 +1667,15 @@ const ht = {
   'call.action.stopCamera': 'Etenn kamera a',
   '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',
@@ -2010,6 +2055,15 @@ const zh = {
   'call.action.stopCamera': '关闭摄像头',
   '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': '发起语音通话',