@ethora/chat-component-rn 26.10.4 → 26.10.6

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/components/styled/MediaFilePreview.js

@@ -10,6 +10,7 @@ var _icons = require("../../assets/icons");
 var _StyledComponents = require("./StyledComponents");
 var _react = require("react");
 var _expoVideo = require("expo-video");
+var _useT = require("../../i18n/useT");
 var _jsxRuntime = require("react/jsx-runtime");
 const VideoThumb = ({
   uri,
@@ -57,53 +58,65 @@ const MediaFilePreview = ({
   handleRemoveImage
 }) => {
   const [previewUri, setPreviewUri] = (0, _react.useState)(null);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_StyledInputComponents.MediaContainer, {
-    children: [filePreviews.map((file, index) => {
-      const isImage = file.type?.startsWith('image');
-      const isVideo = file.type?.startsWith('video');
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        children: [isImage ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledInputComponents.MediaImage, {
-          source: {
-            uri: file.uri
-          }
-        }) : isVideo ? /*#__PURE__*/(0, _jsxRuntime.jsx)(VideoThumb, {
-          uri: file.uri,
-          onPress: () => setPreviewUri(file.uri)
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: {
-            width: 70,
-            height: 70,
-            borderRadius: 8
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FileIcon, {
-            width: 70,
-            height: 70
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledComponents.RemoveButton, {
-          onPress: () => handleRemoveImage(index),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledComponents.RemoveButtonText, {
-            children: "\xD7"
-          })
-        })]
-      }, `${file.name}_${index}`);
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
-      visible: !!previewUri,
-      animationType: "fade",
-      transparent: true,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.SafeAreaView, {
-        style: styles.modalContainer,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          style: styles.closeButton,
-          onPress: () => setPreviewUri(null),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.closeText,
-            children: "\u2715"
-          })
-        }), previewUri && /*#__PURE__*/(0, _jsxRuntime.jsx)(FullscreenPreviewVideo, {
-          uri: previewUri
-        })]
-      })
-    })]
+  const t = (0, _useT.useT)();
+
+  // The tray holds up to ten files, so it scrolls sideways rather than wrap.
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    keyboardShouldPersistTaps: "handled",
+    testID: "media-tray",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_StyledInputComponents.MediaContainer, {
+      children: [filePreviews.map((file, index) => {
+        const isImage = file.type?.startsWith('image');
+        const isVideo = file.type?.startsWith('video');
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          children: [isImage ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledInputComponents.MediaImage, {
+            source: {
+              uri: file.uri
+            }
+          }) : isVideo ? /*#__PURE__*/(0, _jsxRuntime.jsx)(VideoThumb, {
+            uri: file.uri,
+            onPress: () => setPreviewUri(file.uri)
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              width: 70,
+              height: 70,
+              borderRadius: 8
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.FileIcon, {
+              width: 70,
+              height: 70
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledComponents.RemoveButton, {
+            testID: `media-tray-remove-${index}`,
+            accessibilityRole: "button",
+            accessibilityLabel: t('attachment.remove'),
+            onPress: () => handleRemoveImage(index),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StyledComponents.RemoveButtonText, {
+              children: "\xD7"
+            })
+          })]
+        }, `${file.name}_${index}`);
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+        visible: !!previewUri,
+        animationType: "fade",
+        transparent: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.SafeAreaView, {
+          style: styles.modalContainer,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            style: styles.closeButton,
+            onPress: () => setPreviewUri(null),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.closeText,
+              children: "\u2715"
+            })
+          }), previewUri && /*#__PURE__*/(0, _jsxRuntime.jsx)(FullscreenPreviewVideo, {
+            uri: previewUri
+          })]
+        })
+      })]
+    })
   });
 };
 exports.MediaFilePreview = MediaFilePreview;

package/lib/commonjs/components/styled/MediaFilePreview.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_StyledInputComponents","_icons","_StyledComponents","_react","_expoVideo","_jsxRuntime","VideoThumb","uri","onPress","player","useVideoPlayer","p","muted","jsxs","TouchableOpacity","activeOpacity","style","styles","videoThumb","children","jsx","VideoView","StyleSheet","absoluteFill","contentFit","nativeControls","surfaceType","pointerEvents","View","playOverlay","Text","playIcon","FullscreenPreviewVideo","play","fullVideo","MediaFilePreview","filePreviews","handleRemoveImage","previewUri","setPreviewUri","useState","MediaContainer","map","file","index","isImage","type","startsWith","isVideo","MediaImage","source","width","height","borderRadius","FileIcon","RemoveButton","RemoveButtonText","name","Modal","visible","animationType","transparent","SafeAreaView","modalContainer","closeButton","closeText","exports","create","overflow","backgroundColor","justifyContent","alignItems","fontSize","color","flex","position","top","right","zIndex","fontWeight"],"sourceRoot":"../../../../src","sources":["components/styled/MediaFilePreview.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_StyledInputComponents","_icons","_StyledComponents","_react","_expoVideo","_useT","_jsxRuntime","VideoThumb","uri","onPress","player","useVideoPlayer","p","muted","jsxs","TouchableOpacity","activeOpacity","style","styles","videoThumb","children","jsx","VideoView","StyleSheet","absoluteFill","contentFit","nativeControls","surfaceType","pointerEvents","View","playOverlay","Text","playIcon","FullscreenPreviewVideo","play","fullVideo","MediaFilePreview","filePreviews","handleRemoveImage","previewUri","setPreviewUri","useState","t","useT","ScrollView","horizontal","showsHorizontalScrollIndicator","keyboardShouldPersistTaps","testID","MediaContainer","map","file","index","isImage","type","startsWith","isVideo","MediaImage","source","width","height","borderRadius","FileIcon","RemoveButton","accessibilityRole","accessibilityLabel","RemoveButtonText","name","Modal","visible","animationType","transparent","SafeAreaView","modalContainer","closeButton","closeText","exports","create","overflow","backgroundColor","justifyContent","alignItems","fontSize","color","flex","position","top","right","zIndex","fontWeight"],"sourceRoot":"../../../../src","sources":["components/styled/MediaFilePreview.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/styled/MessageImage.js

@@ -23,7 +23,9 @@ const CustomMessageImage = ({
   fileName,
   originalName,
   mimetype,
-  locationPreview
+  locationPreview,
+  tile,
+  onOpen
 }) => {
   // Preview first, original only as a fallback — mirrors the web client,
   // where the <img> src is the preview and `fileURL` is reserved for the
@@ -32,10 +34,11 @@ const CustomMessageImage = ({
   const [loading, setLoading] = (0, _react.useState)(true);
   // Start with a neutral box; swap to the real aspect ratio once the
   // image's natural dimensions are known so it's shown scaled, not cropped.
-  const [dims, setDims] = (0, _react.useState)((0, _mediaDimensions.defaultMediaDims)());
+  const [measured, setDims] = (0, _react.useState)((0, _mediaDimensions.defaultMediaDims)());
+  const dims = tile ?? measured;
   const dispatch = (0, _reactRedux.useDispatch)();
   (0, _react.useEffect)(() => {
-    if (!displayURL) {
+    if (!displayURL || tile) {
       return;
     }
     let active = true;
@@ -55,8 +58,12 @@ const CustomMessageImage = ({
     return () => {
       active = false;
     };
-  }, [displayURL]);
+  }, [displayURL, tile]);
   const handleOpen = () => {
+    if (onOpen) {
+      onOpen();
+      return;
+    }
     dispatch((0, _chatSettingsSlice.setActiveFile)({
       fileName,
       fileURL,
@@ -66,7 +73,10 @@ const CustomMessageImage = ({
     dispatch((0, _chatSettingsSlice.setActiveModal)(_MODAL_TYPES.MODAL_TYPES.FILE_PREVIEW));
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MediaComponents.Container, {
-    style: {
+    style: tile ? {
+      width: dims.width,
+      borderRadius: 0
+    } : {
       width: dims.width
     },
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
@@ -92,7 +102,7 @@ const CustomMessageImage = ({
         style: {
           width: dims.width,
           height: dims.height,
-          borderRadius: 10,
+          borderRadius: tile ? 0 : 10,
           backgroundColor: 'rgba(0, 0, 0, 0)'
         },
         onLoadEnd: () => setLoading(false),

package/lib/commonjs/components/styled/MessageImage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_secureFileUrl","_devLogger","_MediaComponents","_reactRedux","_chatSettingsSlice","_MODAL_TYPES","_reactNative","_mediaDimensions","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","maskToken","url","replace","FALLBACK_IMAGE","CustomMessageImage","fileURL","fileName","originalName","mimetype","locationPreview","displayURL","loading","setLoading","useState","dims","setDims","defaultMediaDims","dispatch","useDispatch","useEffect","active","Image","getSize","w","h","fitMediaDimensions","error","pushLog","message","String","handleOpen","setActiveFile","setActiveModal","MODAL_TYPES","FILE_PREVIEW","jsx","Container","style","width","children","jsxs","TouchableOpacity","onPress","activeOpacity","View","position","height","alignItems","justifyContent","zIndex","ActivityIndicator","size","color","source","uri","borderRadius","backgroundColor","onLoadEnd","onError","event","usingPreview","nativeEvent","isSecureFileUrl","requestFileTokenRecovery","resizeMode","_default","exports"],"sourceRoot":"../../../../src","sources":["components/styled/MessageImage.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_secureFileUrl","_devLogger","_MediaComponents","_reactRedux","_chatSettingsSlice","_MODAL_TYPES","_reactNative","_mediaDimensions","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","maskToken","url","replace","FALLBACK_IMAGE","CustomMessageImage","fileURL","fileName","originalName","mimetype","locationPreview","tile","onOpen","displayURL","loading","setLoading","useState","measured","setDims","defaultMediaDims","dims","dispatch","useDispatch","useEffect","active","Image","getSize","w","h","fitMediaDimensions","error","pushLog","message","String","handleOpen","setActiveFile","setActiveModal","MODAL_TYPES","FILE_PREVIEW","jsx","Container","style","width","borderRadius","children","jsxs","TouchableOpacity","onPress","activeOpacity","View","position","height","alignItems","justifyContent","zIndex","ActivityIndicator","size","color","source","uri","backgroundColor","onLoadEnd","onError","event","usingPreview","nativeEvent","isSecureFileUrl","requestFileTokenRecovery","resizeMode","_default","exports"],"sourceRoot":"../../../../src","sources":["components/styled/MessageImage.tsx"],"mappings":"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","ignoreList":[]}