@kesha-antonov/react-native-chat 5.0.0 → 6.0.0

package/lib/MessageImage.js

@@ -1,164 +1,438 @@
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { Image, StyleSheet, View, useWindowDimensions, StatusBar, Text } from 'react-native';
-import { BaseButton, GestureHandlerRootView } from 'react-native-gesture-handler';
-import { OverKeyboardView } from 'react-native-keyboard-controller';
-import Animated, { useAnimatedStyle, useSharedValue, withTiming, Easing, runOnJS, } from 'react-native-reanimated';
-import { SafeAreaProvider, useSafeAreaInsets } from 'react-native-safe-area-context';
-import Zoom from 'react-native-zoom-reanimated';
+import { c as _c } from "react/compiler-runtime";
+import React, { useCallback, useMemo, useState } from 'react';
+import { Image, StyleSheet, View } from 'react-native';
+import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { isRemoteUri } from './components/mediaDownload';
+import { MEDIA_BUTTON_SIZE, MEDIA_LOADER_BACKGROUND, MEDIA_LOADER_ICON, MediaInfoPill, transferLabel } from './components/MediaLoader';
+import { clampProgress, useMediaTransfer } from './components/mediaTransfer';
+import { useMediaGallery } from './components/mediaViewer/gallery';
+import { MediaViewer } from './components/mediaViewer/MediaViewer';
+import { suppressPressAfterHold } from './components/messagePress';
+import { RadialProgress } from './components/RadialProgress';
 import { TouchableOpacity } from './components/TouchableOpacity';
+import { useThemedStyles } from './hooks/useTheme';
+import { getExpoImage } from './optional';
 import commonStyles from './styles';
-function ModalContent({ isVisible, imageSource, modalImageDimensions, imageProps, onClose }) {
-    const insets = useSafeAreaInsets();
-    // Animation values
-    const modalOpacity = useSharedValue(0);
-    const modalScale = useSharedValue(0.9);
-    const modalBorderRadius = useSharedValue(40);
-    const handleModalClose = useCallback(() => {
-        modalOpacity.value = withTiming(0, { duration: 200, easing: Easing.in(Easing.ease) });
-        modalScale.value = withTiming(0.9, { duration: 200, easing: Easing.in(Easing.ease) }, () => {
-            runOnJS(onClose)();
-        });
-        modalBorderRadius.value = withTiming(40, { duration: 200, easing: Easing.in(Easing.ease) });
-    }, [onClose, modalOpacity, modalScale, modalBorderRadius]);
-    // Animate on visibility change
-    useEffect(() => {
-        if (isVisible) {
-            modalOpacity.value = withTiming(1, { duration: 300, easing: Easing.out(Easing.ease) });
-            modalScale.value = withTiming(1, { duration: 300, easing: Easing.out(Easing.ease) });
-            modalBorderRadius.value = withTiming(0, { duration: 300, easing: Easing.out(Easing.ease) });
-        }
-    }, [isVisible, modalOpacity, modalScale, modalBorderRadius]);
-    const modalAnimatedStyle = useAnimatedStyle(() => ({
-        opacity: modalOpacity.value,
-        transform: [{ scale: modalScale.value }],
-    }));
-    const modalBorderRadiusStyle = useAnimatedStyle(() => ({
-        borderRadius: modalBorderRadius.value,
-    }));
-    return (<>
-      <StatusBar animated barStyle='dark-content'/>
-      <Animated.View style={[styles.modalOverlay, modalAnimatedStyle, modalBorderRadiusStyle]}>
-        <GestureHandlerRootView style={commonStyles.fill}>
-          <Animated.View style={[commonStyles.fill, styles.modalContent, modalBorderRadiusStyle, { paddingTop: insets.top, paddingBottom: insets.bottom }]}>
-
-            {/* close button */}
-            <View style={styles.closeButtonContainer}>
-              <BaseButton onPress={handleModalClose}>
-                <View style={styles.closeButtonContent}>
-                  <Text style={styles.closeButtonIcon}>
-                    {'X'}
-                  </Text>
-                </View>
-              </BaseButton>
-            </View>
+const expoImage = getExpoImage();
+const ExpoImage = expoImage?.Image ?? null;
 
-            <View style={[commonStyles.fill, commonStyles.centerItems]}>
-              <Zoom>
-                <Image style={modalImageDimensions} source={imageSource} resizeMode='contain' {...imageProps}/>
-              </Zoom>
-            </View>
-          </Animated.View>
-        </GestureHandlerRootView>
-      </Animated.View>
-    </>);
-}
-export function MessageImage({ containerStyle, imageProps, imageSourceProps, imageStyle, currentMessage, }) {
-    const [isModalVisible, setIsModalVisible] = useState(false);
-    const [imageDimensions, setImageDimensions] = useState();
-    const windowDimensions = useWindowDimensions();
-    const imageSource = useMemo(() => ({
-        ...imageSourceProps,
-        uri: currentMessage?.image,
-    }), [imageSourceProps, currentMessage?.image]);
-    const isImageSourceChanged = useRef(true);
-    const computedImageStyle = useMemo(() => [
-        styles.image,
-        imageStyle,
-    ], [imageStyle]);
-    const handleImagePress = useCallback(() => {
-        if (!imageSource.uri)
-            return;
-        setIsModalVisible(true);
-        if (isImageSourceChanged.current || !imageDimensions)
-            Image.getSize(imageSource.uri, (width, height) => {
-                setImageDimensions({ width, height });
-            });
-    }, [imageSource.uri, imageDimensions]);
-    const handleModalClose = useCallback(() => {
-        setIsModalVisible(false);
-    }, []);
-    const handleImageLayout = useCallback((e) => {
-        setImageDimensions({
-            width: e.nativeEvent.layout.width,
-            height: e.nativeEvent.layout.height,
-        });
-    }, []);
-    const modalImageDimensions = useMemo(() => {
-        if (!imageDimensions)
-            return undefined;
-        const aspectRatio = imageDimensions.width / imageDimensions.height;
-        let width = windowDimensions.width;
-        let height = width / aspectRatio;
-        if (height > windowDimensions.height) {
-            height = windowDimensions.height;
-            width = height * aspectRatio;
+/** `ImageReceiver`'s crossfade when a photo arrives (`setCrossfadeDuration`, 150ms). */
+export const IMAGE_CROSSFADE_MS = 150;
+/**
+ * What sits under a photo until it has loaded: its blurred thumbnail when the message has one,
+ * else a plain fill in the bubble's track color.
+ */
+const ImagePlaceholder = t0 => {
+  const $ = _c(17);
+  const {
+    placeholder,
+    style
+  } = t0;
+  const fill = useThemedStyles(createPlaceholderStyles);
+  if (placeholder && isRemoteUri(placeholder) || placeholder?.startsWith("file:") || placeholder?.startsWith("data:")) {
+    let t1;
+    if ($[0] !== style) {
+      t1 = [style, StyleSheet.absoluteFill];
+      $[0] = style;
+      $[1] = t1;
+    } else {
+      t1 = $[1];
+    }
+    let t2;
+    if ($[2] !== placeholder) {
+      t2 = {
+        uri: placeholder
+      };
+      $[2] = placeholder;
+      $[3] = t2;
+    } else {
+      t2 = $[3];
+    }
+    let t3;
+    if ($[4] !== t1 || $[5] !== t2) {
+      t3 = <Image style={t1} source={t2} blurRadius={8} resizeMode="cover" />;
+      $[4] = t1;
+      $[5] = t2;
+      $[6] = t3;
+    } else {
+      t3 = $[6];
+    }
+    return t3;
+  }
+  if (placeholder && ExpoImage) {
+    let t1;
+    if ($[7] !== style) {
+      t1 = [style, StyleSheet.absoluteFill];
+      $[7] = style;
+      $[8] = t1;
+    } else {
+      t1 = $[8];
+    }
+    let t2;
+    if ($[9] !== placeholder) {
+      t2 = {
+        blurhash: placeholder
+      };
+      $[9] = placeholder;
+      $[10] = t2;
+    } else {
+      t2 = $[10];
+    }
+    let t3;
+    if ($[11] !== t1 || $[12] !== t2) {
+      t3 = <ExpoImage style={t1} placeholder={t2} contentFit="cover" />;
+      $[11] = t1;
+      $[12] = t2;
+      $[13] = t3;
+    } else {
+      t3 = $[13];
+    }
+    return t3;
+  }
+  let t1;
+  if ($[14] !== fill.fill || $[15] !== style) {
+    t1 = <View testID="message-image-placeholder" style={[style, StyleSheet.absoluteFill, fill.fill]} />;
+    $[14] = fill.fill;
+    $[15] = style;
+    $[16] = t1;
+  } else {
+    t1 = $[16];
+  }
+  return t1;
+};
+const createPlaceholderStyles = theme => StyleSheet.create({
+  fill: {
+    backgroundColor: theme.colors.incomingVoiceTrack
+  }
+});
+export function MessageImage(t0) {
+  const $ = _c(77);
+  const {
+    containerStyle,
+    imageProps,
+    imageSourceProps,
+    imageStyle,
+    currentMessage
+  } = t0;
+  const gallery = useMediaGallery();
+  const [isViewerOpen, setIsViewerOpen] = useState(false);
+  const mediaTransfer = useMediaTransfer();
+  const uri = currentMessage?.image;
+  const transfer = currentMessage?.transfer;
+  const isDownloadRequired = !!currentMessage?.isDownloadRequired;
+  const isRemote = isRemoteUri(uri);
+  const [attempt, setAttempt] = useState(0);
+  const [isCancelled, setIsCancelled] = useState(false);
+  const [isRequested, setIsRequested] = useState(false);
+  const loadKey = `${uri}#${attempt}`;
+  const [loadResult, setLoadResult] = useState();
+  const loadState = loadResult?.key === loadKey ? loadResult.state : isRemote ? "loading" : "loaded";
+  const shouldLoad = transfer?.type !== "download" && !isCancelled && (!isDownloadRequired || isRequested);
+  const loadProgress = useSharedValue(0);
+  const [loadLabel, setLoadLabel] = useState(null);
+  const imageOpacity = useSharedValue(isRemote ? 0 : 1);
+  const imageFadeStyle = useAnimatedStyle(() => ({
+    opacity: imageOpacity.value
+  }));
+  currentMessage?.image;
+  const t1 = currentMessage?.image;
+  let t2;
+  if ($[0] !== imageSourceProps || $[1] !== t1) {
+    t2 = {
+      ...imageSourceProps,
+      uri: t1
+    };
+    $[0] = imageSourceProps;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const imageSource = t2;
+  let t3;
+  if ($[3] !== imageStyle) {
+    t3 = [styles.image, imageStyle];
+    $[3] = imageStyle;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const computedImageStyle = t3;
+  let buttonIcon;
+  if ($[5] !== loadState || $[6] !== shouldLoad || $[7] !== transfer) {
+    buttonIcon = "none";
+    if (transfer) {
+      buttonIcon = "cancel";
+    } else {
+      if (!shouldLoad || loadState === "error") {
+        buttonIcon = "download";
+      } else {
+        if (loadState === "loading") {
+          buttonIcon = "cancel";
         }
-        return {
-            width,
-            height,
-        };
-    }, [imageDimensions, windowDimensions.height, windowDimensions.width]);
-    useEffect(() => {
-        isImageSourceChanged.current = true;
-    }, [imageSource.uri]);
-    if (currentMessage == null)
-        return null;
-    return (<View style={containerStyle}>
-      <TouchableOpacity onPress={handleImagePress}>
-        <Image {...imageProps} style={computedImageStyle} source={imageSource} onLayout={handleImageLayout} resizeMode='cover'/>
-      </TouchableOpacity>
-
-      <OverKeyboardView visible={isModalVisible}>
-        <SafeAreaProvider>
-          <ModalContent isVisible={isModalVisible} imageSource={imageSource} modalImageDimensions={modalImageDimensions} imageProps={imageProps} onClose={handleModalClose}/>
-        </SafeAreaProvider>
-      </OverKeyboardView>
-    </View>);
+      }
+    }
+    $[5] = loadState;
+    $[6] = shouldLoad;
+    $[7] = transfer;
+    $[8] = buttonIcon;
+  } else {
+    buttonIcon = $[8];
+  }
+  const [hasShownButton, setHasShownButton] = useState(buttonIcon !== "none");
+  if (!hasShownButton && buttonIcon !== "none") {
+    setHasShownButton(true);
+  }
+  let t4;
+  if ($[9] !== loadProgress) {
+    t4 = () => {
+      loadProgress.set(0);
+    };
+    $[9] = loadProgress;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  const onLoadStart = t4;
+  let t5;
+  if ($[11] !== loadProgress) {
+    t5 = event => {
+      const {
+        loaded,
+        total
+      } = event.nativeEvent;
+      if (!(total > 0)) {
+        return;
+      }
+      loadProgress.set(loaded / total);
+      const label = transferLabel(loaded / total, total);
+      setLoadLabel(previous => previous === label ? previous : label);
+    };
+    $[11] = loadProgress;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  const onLoadProgress = t5;
+  let t6;
+  if ($[13] !== imageOpacity || $[14] !== loadKey) {
+    t6 = () => {
+      setLoadResult({
+        key: loadKey,
+        state: "loaded"
+      });
+      imageOpacity.set(withTiming(1, {
+        duration: IMAGE_CROSSFADE_MS
+      }));
+    };
+    $[13] = imageOpacity;
+    $[14] = loadKey;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  const onLoad = t6;
+  let t7;
+  if ($[16] !== loadKey) {
+    t7 = () => {
+      setLoadResult({
+        key: loadKey,
+        state: "error"
+      });
+    };
+    $[16] = loadKey;
+    $[17] = t7;
+  } else {
+    t7 = $[17];
+  }
+  const onError = t7;
+  let t8;
+  if ($[18] !== currentMessage || $[19] !== gallery || $[20] !== imageSource.uri) {
+    t8 = () => {
+      if (!imageSource.uri || !currentMessage) {
+        return;
+      }
+      if (gallery) {
+        gallery.open(currentMessage._id);
+      } else {
+        setIsViewerOpen(true);
+      }
+    };
+    $[18] = currentMessage;
+    $[19] = gallery;
+    $[20] = imageSource.uri;
+    $[21] = t8;
+  } else {
+    t8 = $[21];
+  }
+  const handleImagePress = t8;
+  let t9;
+  if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
+    t9 = () => setIsViewerOpen(false);
+    $[22] = t9;
+  } else {
+    t9 = $[22];
+  }
+  const closeViewer = t9;
+  if (currentMessage == null) {
+    return null;
+  }
+  let t10;
+  if ($[23] !== buttonIcon || $[24] !== currentMessage || $[25] !== handleImagePress || $[26] !== imageOpacity || $[27] !== isDownloadRequired || $[28] !== loadState || $[29] !== mediaTransfer || $[30] !== transfer) {
+    t10 = () => {
+      if (transfer) {
+        mediaTransfer.onCancel(currentMessage);
+        return;
+      }
+      if (buttonIcon === "download") {
+        setIsCancelled(false);
+        if (loadState === "error") {
+          imageOpacity.set(0);
+          setAttempt(_temp);
+        } else {
+          if (isDownloadRequired && mediaTransfer.hasDownloadHandler()) {
+            mediaTransfer.onDownload(currentMessage);
+          } else {
+            setIsRequested(true);
+          }
+        }
+        return;
+      }
+      if (buttonIcon === "cancel") {
+        setIsCancelled(true);
+        return;
+      }
+      handleImagePress();
+    };
+    $[23] = buttonIcon;
+    $[24] = currentMessage;
+    $[25] = handleImagePress;
+    $[26] = imageOpacity;
+    $[27] = isDownloadRequired;
+    $[28] = loadState;
+    $[29] = mediaTransfer;
+    $[30] = transfer;
+    $[31] = t10;
+  } else {
+    t10 = $[31];
+  }
+  const onPress = t10;
+  let t11;
+  if ($[32] !== buttonIcon || $[33] !== loadLabel || $[34] !== transfer) {
+    t11 = transfer ? transferLabel(clampProgress(transfer.progress), transfer.totalBytes) : buttonIcon === "cancel" ? loadLabel : null;
+    $[32] = buttonIcon;
+    $[33] = loadLabel;
+    $[34] = transfer;
+    $[35] = t11;
+  } else {
+    t11 = $[35];
+  }
+  const transferText = t11;
+  const buttonLabel = buttonIcon === "cancel" ? transfer?.type === "upload" ? "cancel upload" : "cancel download" : buttonIcon === "download" ? "download photo" : "photo";
+  let t12;
+  if ($[36] !== buttonIcon || $[37] !== computedImageStyle || $[38] !== currentMessage || $[39] !== loadState) {
+    t12 = loadState !== "loaded" || buttonIcon !== "none" ? <ImagePlaceholder placeholder={currentMessage.imagePlaceholder} style={computedImageStyle} /> : null;
+    $[36] = buttonIcon;
+    $[37] = computedImageStyle;
+    $[38] = currentMessage;
+    $[39] = loadState;
+    $[40] = t12;
+  } else {
+    t12 = $[40];
+  }
+  let t13;
+  if ($[41] !== computedImageStyle || $[42] !== imageFadeStyle || $[43] !== imageProps || $[44] !== imageSource || $[45] !== loadKey || $[46] !== onError || $[47] !== onLoad || $[48] !== onLoadProgress || $[49] !== onLoadStart || $[50] !== shouldLoad || $[51] !== transfer?.type) {
+    t13 = shouldLoad || transfer?.type === "upload" ? <Animated.View style={imageFadeStyle}><Image key={loadKey} testID="message-image" {...imageProps} style={computedImageStyle} source={imageSource} onLoadStart={onLoadStart} onProgress={onLoadProgress} onLoad={onLoad} onError={onError} resizeMode="cover" /></Animated.View> : <View style={computedImageStyle} />;
+    $[41] = computedImageStyle;
+    $[42] = imageFadeStyle;
+    $[43] = imageProps;
+    $[44] = imageSource;
+    $[45] = loadKey;
+    $[46] = onError;
+    $[47] = onLoad;
+    $[48] = onLoadProgress;
+    $[49] = onLoadStart;
+    $[50] = shouldLoad;
+    $[51] = transfer?.type;
+    $[52] = t13;
+  } else {
+    t13 = $[52];
+  }
+  let t14;
+  if ($[53] !== buttonIcon || $[54] !== hasShownButton || $[55] !== loadProgress || $[56] !== transfer) {
+    t14 = hasShownButton && <View style={[StyleSheet.absoluteFill, commonStyles.centerItems]} pointerEvents="none"><RadialProgress icon={buttonIcon} progress={transfer ? clampProgress(transfer.progress) : loadProgress} size={MEDIA_BUTTON_SIZE} color={MEDIA_LOADER_ICON} backgroundColor={MEDIA_LOADER_BACKGROUND} /></View>;
+    $[53] = buttonIcon;
+    $[54] = hasShownButton;
+    $[55] = loadProgress;
+    $[56] = transfer;
+    $[57] = t14;
+  } else {
+    t14 = $[57];
+  }
+  let t15;
+  if ($[58] !== transferText) {
+    t15 = transferText != null && <MediaInfoPill label={transferText} />;
+    $[58] = transferText;
+    $[59] = t15;
+  } else {
+    t15 = $[59];
+  }
+  let t16;
+  if ($[60] !== t12 || $[61] !== t13 || $[62] !== t14 || $[63] !== t15) {
+    t16 = <View>{t12}{t13}{t14}{t15}</View>;
+    $[60] = t12;
+    $[61] = t13;
+    $[62] = t14;
+    $[63] = t15;
+    $[64] = t16;
+  } else {
+    t16 = $[64];
+  }
+  let t17;
+  if ($[65] !== buttonLabel || $[66] !== onPress || $[67] !== t16) {
+    t17 = <TouchableOpacity onPress={onPress} {...suppressPressAfterHold} testID="message-image-touchable" accessibilityLabel={buttonLabel}>{t16}</TouchableOpacity>;
+    $[65] = buttonLabel;
+    $[66] = onPress;
+    $[67] = t16;
+    $[68] = t17;
+  } else {
+    t17 = $[68];
+  }
+  let t18;
+  if ($[69] !== currentMessage || $[70] !== imageProps || $[71] !== isViewerOpen) {
+    t18 = isViewerOpen && <MediaViewer items={[currentMessage]} initialIndex={0} imageProps={imageProps} onClose={closeViewer} />;
+    $[69] = currentMessage;
+    $[70] = imageProps;
+    $[71] = isViewerOpen;
+    $[72] = t18;
+  } else {
+    t18 = $[72];
+  }
+  let t19;
+  if ($[73] !== containerStyle || $[74] !== t17 || $[75] !== t18) {
+    t19 = <View style={containerStyle}>{t17}{t18}</View>;
+    $[73] = containerStyle;
+    $[74] = t17;
+    $[75] = t18;
+    $[76] = t19;
+  } else {
+    t19 = $[76];
+  }
+  return t19;
+}
+function _temp(value) {
+  return value + 1;
 }
 const styles = StyleSheet.create({
-    image: {
-        width: 150,
-        height: 100,
-        borderRadius: 13,
-        margin: 3,
-    },
-    modalOverlay: {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        zIndex: 1000,
-    },
-    modalContent: {
-        backgroundColor: '#000',
-        overflow: 'hidden',
-    },
-    modalImageContainer: {
-        width: '100%',
-        height: '100%',
-    },
-    closeButtonContainer: {
-        flexDirection: 'row',
-        justifyContent: 'flex-end',
-    },
-    closeButtonContent: {
-        padding: 20,
-    },
-    closeButtonIcon: {
-        fontSize: 20,
-        lineHeight: 20,
-        color: 'white',
-    },
+  // `Bubble` insets the photo by 2 and rounds its corners to follow the bubble's. The width is
+  // a minimum, not fixed: a caption wider than the photo widens the bubble, and the photo
+  // then widens to fill it rather than
+  // leaving a strip of bubble beside it. The source is always a uri, so the image has no
+  // intrinsic size of its own to grow to.
+  image: {
+    minWidth: 240,
+    height: 180,
+    borderRadius: 15
+  }
 });
 //# sourceMappingURL=MessageImage.js.map

package/lib/MessageImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageImage.js","sourceRoot":"","sources":["../src/MessageImage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MessageImage.js","names":["React","useCallback","useMemo","useState","Image","StyleSheet","View","Animated","useAnimatedStyle","useSharedValue","withTiming","isRemoteUri","MEDIA_BUTTON_SIZE","MEDIA_LOADER_BACKGROUND","MEDIA_LOADER_ICON","MediaInfoPill","transferLabel","clampProgress","useMediaTransfer","useMediaGallery","MediaViewer","suppressPressAfterHold","RadialProgress","TouchableOpacity","useThemedStyles","getExpoImage","commonStyles","expoImage","ExpoImage","IMAGE_CROSSFADE_MS","ImagePlaceholder","t0","$","_c","placeholder","style","fill","createPlaceholderStyles","startsWith","t1","absoluteFill","t2","uri","t3","blurhash","theme","create","backgroundColor","colors","incomingVoiceTrack","MessageImage","containerStyle","imageProps","imageSourceProps","imageStyle","currentMessage","gallery","isViewerOpen","setIsViewerOpen","mediaTransfer","image","transfer","isDownloadRequired","isRemote","attempt","setAttempt","isCancelled","setIsCancelled","isRequested","setIsRequested","loadKey","loadResult","setLoadResult","loadState","key","state","shouldLoad","type","loadProgress","loadLabel","setLoadLabel","imageOpacity","imageFadeStyle","opacity","value","imageSource","styles","computedImageStyle","buttonIcon","hasShownButton","setHasShownButton","t4","set","onLoadStart","t5","event","loaded","total","nativeEvent","label","previous","onLoadProgress","t6","duration","onLoad","t7","onError","t8","open","_id","handleImagePress","t9","Symbol","for","closeViewer","t10","onCancel","_temp","hasDownloadHandler","onDownload","onPress","t11","progress","totalBytes","transferText","buttonLabel","t12","imagePlaceholder","t13","t14","centerItems","t15","t16","t17","t18","t19","minWidth","height","borderRadius"],"sources":["../src/MessageImage.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react'\nimport {\n  Image,\n  StyleSheet,\n  View,\n  ImageProps,\n  ViewStyle,\n  StyleProp,\n  ImageStyle,\n  ImageURISource } from 'react-native'\nimport Animated, {\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated'\nimport { isRemoteUri } from './components/mediaDownload'\nimport {\n  MEDIA_BUTTON_SIZE,\n  MEDIA_LOADER_BACKGROUND,\n  MEDIA_LOADER_ICON,\n  MediaInfoPill,\n  transferLabel,\n} from './components/MediaLoader'\nimport { clampProgress, useMediaTransfer } from './components/mediaTransfer'\nimport { useMediaGallery } from './components/mediaViewer/gallery'\nimport { MediaViewer } from './components/mediaViewer/MediaViewer'\nimport { suppressPressAfterHold } from './components/messagePress'\nimport { MediaActionIcon, RadialProgress } from './components/RadialProgress'\nimport { TouchableOpacity } from './components/TouchableOpacity'\nimport { useThemedStyles } from './hooks/useTheme'\nimport { IMessage } from './Models'\nimport { getExpoImage } from './optional'\nimport commonStyles from './styles'\nimport { ChatTheme } from './Theme'\n\nconst expoImage = getExpoImage()\nconst ExpoImage: any = expoImage?.Image ?? null\n\n/** `ImageReceiver`'s crossfade when a photo arrives (`setCrossfadeDuration`, 150ms). */\nexport const IMAGE_CROSSFADE_MS = 150\n\ntype LoadState = 'loading' | 'loaded' | 'error'\n\n/**\n * What sits under a photo until it has loaded: its blurred thumbnail when the message has one,\n * else a plain fill in the bubble's track color.\n */\nconst ImagePlaceholder = ({ placeholder, style }: { placeholder?: string, style: StyleProp<ImageStyle> }) => {\n  const fill = useThemedStyles(createPlaceholderStyles)\n  if (placeholder && isRemoteUri(placeholder) || placeholder?.startsWith('file:') || placeholder?.startsWith('data:'))\n    return <Image style={[style, StyleSheet.absoluteFill]} source={{ uri: placeholder }} blurRadius={8} resizeMode='cover' />\n  if (placeholder && ExpoImage)\n    return <ExpoImage style={[style, StyleSheet.absoluteFill]} placeholder={{ blurhash: placeholder }} contentFit='cover' />\n  return <View testID='message-image-placeholder' style={[style, StyleSheet.absoluteFill, fill.fill]} />\n}\n\nconst createPlaceholderStyles = (theme: ChatTheme) => StyleSheet.create({\n  fill: {\n    backgroundColor: theme.colors.incomingVoiceTrack,\n  },\n})\n\nexport interface MessageImageProps<TMessage extends IMessage> {\n  currentMessage: TMessage\n  containerStyle?: StyleProp<ViewStyle>\n  imageSourceProps?: Partial<ImageURISource>\n  imageStyle?: StyleProp<ImageStyle>\n  imageProps?: Partial<ImageProps>\n}\n\nexport function MessageImage<TMessage extends IMessage = IMessage> ({\n  containerStyle,\n  imageProps,\n  imageSourceProps,\n  imageStyle,\n  currentMessage,\n}: MessageImageProps<TMessage>) {\n  const gallery = useMediaGallery()\n  // Outside a `Chat` there is no gallery: the viewer opens on this photo alone.\n  const [isViewerOpen, setIsViewerOpen] = useState(false)\n  const mediaTransfer = useMediaTransfer()\n  const uri = currentMessage?.image\n  const transfer = currentMessage?.transfer\n  const isDownloadRequired = !!currentMessage?.isDownloadRequired\n  const isRemote = isRemoteUri(uri)\n  // The photo button: the cancel ✕ with a ring while it downloads, the download arrow when\n  // it is not here or failed, nothing once shown. The app can drive it with `transfer`.\n  const [attempt, setAttempt] = useState(0)\n  const [isCancelled, setIsCancelled] = useState(false)\n  const [isRequested, setIsRequested] = useState(false)\n  const loadKey = `${uri}#${attempt}`\n  const [loadResult, setLoadResult] = useState<{ key: string, state: LoadState }>()\n  const loadState: LoadState = loadResult?.key === loadKey ? loadResult.state : isRemote ? 'loading' : 'loaded'\n  const shouldLoad = transfer?.type !== 'download' && !isCancelled && (!isDownloadRequired || isRequested)\n  const loadProgress = useSharedValue(0)\n  const [loadLabel, setLoadLabel] = useState<string | null>(null)\n  // A remote photo fades in over its placeholder; a local one is there at once.\n  const imageOpacity = useSharedValue(isRemote ? 0 : 1)\n  const imageFadeStyle = useAnimatedStyle(() => ({ opacity: imageOpacity.value }))\n\n  const imageSource = useMemo(() => ({\n    ...imageSourceProps,\n    uri: currentMessage?.image,\n  }), [imageSourceProps, currentMessage?.image])\n\n  const computedImageStyle = useMemo(() => [\n    styles.image,\n    imageStyle,\n  ], [imageStyle])\n\n  let buttonIcon: MediaActionIcon = 'none'\n  if (transfer)\n    buttonIcon = 'cancel'\n  else if (!shouldLoad || loadState === 'error')\n    buttonIcon = 'download'\n  else if (loadState === 'loading')\n    buttonIcon = 'cancel'\n\n  // Mounted the first time it is needed, then kept so it can fade out (cancel -> none).\n  const [hasShownButton, setHasShownButton] = useState(buttonIcon !== 'none')\n  if (!hasShownButton && buttonIcon !== 'none')\n    setHasShownButton(true)\n\n  const onLoadStart = useCallback(() => {\n    loadProgress.set(0)\n  }, [loadProgress])\n  const onLoadProgress = useCallback((event: { nativeEvent: { loaded: number, total: number } }) => {\n    const { loaded, total } = event.nativeEvent\n    if (!(total > 0))\n      return\n    loadProgress.set(loaded / total)\n    // Re-rendered only when the text changes, not per progress event.\n    const label = transferLabel(loaded / total, total)\n    setLoadLabel(previous => previous === label ? previous : label)\n  }, [loadProgress])\n  const onLoad = useCallback(() => {\n    setLoadResult({ key: loadKey, state: 'loaded' })\n    imageOpacity.set(withTiming(1, { duration: IMAGE_CROSSFADE_MS }))\n  }, [loadKey, imageOpacity])\n  const onError = useCallback(() => {\n    setLoadResult({ key: loadKey, state: 'error' })\n  }, [loadKey])\n\n  const handleImagePress = useCallback(() => {\n    if (!imageSource.uri || !currentMessage)\n      return\n    if (gallery)\n      gallery.open(currentMessage._id)\n    else\n      setIsViewerOpen(true)\n  }, [imageSource.uri, currentMessage, gallery])\n\n  const closeViewer = useCallback(() => setIsViewerOpen(false), [])\n\n  if (currentMessage == null)\n    return null\n\n  // While the photo is not shown, a tap anywhere on it is the button's.\n  const onPress = () => {\n    if (transfer) {\n      mediaTransfer.onCancel(currentMessage)\n      return\n    }\n    if (buttonIcon === 'download') {\n      setIsCancelled(false)\n      if (loadState === 'error') {\n        imageOpacity.set(0)\n        setAttempt(value => value + 1)\n      } else if (isDownloadRequired && mediaTransfer.hasDownloadHandler()) {\n        mediaTransfer.onDownload(currentMessage)\n      } else {\n        setIsRequested(true)\n      }\n      return\n    }\n    if (buttonIcon === 'cancel') {\n      setIsCancelled(true)\n      return\n    }\n    handleImagePress()\n  }\n\n  const transferText = transfer\n    ? transferLabel(clampProgress(transfer.progress), transfer.totalBytes)\n    : buttonIcon === 'cancel' ? loadLabel : null\n  const buttonLabel = buttonIcon === 'cancel'\n    ? transfer?.type === 'upload' ? 'cancel upload' : 'cancel download'\n    // Always a label: Android keeps the last one when it is cleared, so a shown photo went on\n    // announcing \"cancel download\".\n    : buttonIcon === 'download' ? 'download photo' : 'photo'\n\n  return (\n    <View style={containerStyle}>\n      <TouchableOpacity\n        onPress={onPress}\n        {...suppressPressAfterHold}\n        testID='message-image-touchable'\n        accessibilityLabel={buttonLabel}\n      >\n        <View>\n          {loadState !== 'loaded' || buttonIcon !== 'none'\n            ? <ImagePlaceholder placeholder={currentMessage.imagePlaceholder} style={computedImageStyle} />\n            : null}\n          {shouldLoad || transfer?.type === 'upload'\n            ? (\n              <Animated.View style={imageFadeStyle}>\n                <Image\n                  key={loadKey}\n                  testID='message-image'\n                  {...imageProps}\n                  style={computedImageStyle}\n                  source={imageSource}\n                  onLoadStart={onLoadStart}\n                  onProgress={onLoadProgress}\n                  onLoad={onLoad}\n                  onError={onError}\n                  resizeMode='cover'\n                />\n              </Animated.View>\n            )\n            : <View style={computedImageStyle} />}\n          {hasShownButton && (\n            <View style={[StyleSheet.absoluteFill, commonStyles.centerItems]} pointerEvents='none'>\n              <RadialProgress\n                icon={buttonIcon}\n                progress={transfer ? clampProgress(transfer.progress) : loadProgress}\n                size={MEDIA_BUTTON_SIZE}\n                color={MEDIA_LOADER_ICON}\n                backgroundColor={MEDIA_LOADER_BACKGROUND}\n              />\n            </View>\n          )}\n          {transferText != null && <MediaInfoPill label={transferText} />}\n        </View>\n      </TouchableOpacity>\n\n      {isViewerOpen && (\n        <MediaViewer items={[currentMessage]} initialIndex={0} imageProps={imageProps} onClose={closeViewer} />\n      )}\n    </View>\n  )\n}\n\nconst styles = StyleSheet.create({\n  // `Bubble` insets the photo by 2 and rounds its corners to follow the bubble's. The width is\n  // a minimum, not fixed: a caption wider than the photo widens the bubble, and the photo\n  // then widens to fill it rather than\n  // leaving a strip of bubble beside it. The source is always a uri, so the image has no\n  // intrinsic size of its own to grow to.\n  image: {\n    minWidth: 240,\n    height: 180,\n    borderRadius: 15,\n  },\n})\n"],"mappings":"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","ignoreList":[]}