@planningcenter/chat-react-native 3.35.0-rc.3 → 3.35.0-rc.5

package/README.md

@@ -7,4 +7,4 @@ This codebase is powered by scripts from expo-modules but by design is not meant
 ## Installation
 
 `npm i @planningcenter/chat-react-native`
-`npx pod-install`
+`cd ios && pod install`

package/build/components/conversation/jump_to_bottom_button.d.ts

@@ -1,7 +1,8 @@
 interface JumpToBottomButtonProps {
     onPress: () => void;
     visible: boolean;
+    loading?: boolean;
 }
-export declare const JumpToBottomButton: ({ onPress, visible }: JumpToBottomButtonProps) => import("react").JSX.Element;
+export declare const JumpToBottomButton: ({ onPress, visible, loading, }: JumpToBottomButtonProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=jump_to_bottom_button.d.ts.map

package/build/components/conversation/jump_to_bottom_button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"jump_to_bottom_button.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/jump_to_bottom_button.tsx"],"names":[],"mappings":"AAcA,UAAU,uBAAuB;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,kBAAkB,GAAI,sBAAsB,uBAAuB,gCA2C/E,CAAA"}
+{"version":3,"file":"jump_to_bottom_button.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/jump_to_bottom_button.tsx"],"names":[],"mappings":"AAeA,UAAU,uBAAuB;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,kBAAkB,GAAI,gCAIhC,uBAAuB,gCAqEzB,CAAA"}

package/build/components/conversation/jump_to_bottom_button.js

@@ -1,12 +1,13 @@
 import { useEffect } from 'react';
-import { View, Pressable, StyleSheet } from 'react-native';
-import Animated, { useSharedValue, useAnimatedStyle, interpolate, Extrapolation, ReduceMotion, withSpring, } from 'react-native-reanimated';
+import { ActivityIndicator, Pressable, StyleSheet, View } from 'react-native';
+import Animated, { Extrapolation, interpolate, ReduceMotion, useAnimatedStyle, useSharedValue, withSpring, withTiming, } from 'react-native-reanimated';
 import { useTheme } from '../../hooks';
 import { platformFontWeightMedium } from '../../utils';
 import { Icon, Text } from '../display';
-export const JumpToBottomButton = ({ onPress, visible }) => {
+export const JumpToBottomButton = ({ onPress, visible, loading = false, }) => {
     const styles = useStyles();
     const progress = useSharedValue(0);
+    const loadingProgress = useSharedValue(0);
     useEffect(() => {
         progress.value = withSpring(visible ? 1 : 0, {
             mass: 1,
@@ -16,6 +17,12 @@ export const JumpToBottomButton = ({ onPress, visible }) => {
             reduceMotion: ReduceMotion.System,
         });
     }, [visible, progress]);
+    useEffect(() => {
+        loadingProgress.value = withTiming(loading ? 1 : 0, {
+            duration: 750,
+            reduceMotion: ReduceMotion.System,
+        });
+    }, [loading, loadingProgress]);
     const animatedStyle = useAnimatedStyle(() => {
         return {
             opacity: progress.value,
@@ -29,17 +36,27 @@ export const JumpToBottomButton = ({ onPress, visible }) => {
             ],
         };
     });
+    const iconStyle = useAnimatedStyle(() => ({ opacity: 1 - loadingProgress.value }));
+    const spinnerStyle = useAnimatedStyle(() => ({ opacity: loadingProgress.value }));
     return (<View>
-      <Animated.View style={[styles.container, animatedStyle]}>
-        <Pressable onPress={onPress} style={({ pressed }) => [styles.button, pressed && styles.pressed]}>
-          <Icon name="general.downArrow" style={styles.icon}/>
+      <Animated.View style={[styles.container, animatedStyle]} pointerEvents={visible ? 'auto' : 'none'}>
+        <Pressable onPress={onPress} disabled={loading} accessibilityRole="button" accessibilityLabel="Jump to most recent message" accessibilityState={{ busy: loading }} hitSlop={hitSlop} style={({ pressed }) => [styles.button, pressed && styles.pressed]}>
+          <View style={styles.glyph}>
+            <Animated.View style={[styles.glyphLayer, iconStyle]}>
+              <Icon name="general.downArrow" style={styles.icon}/>
+            </Animated.View>
+            <Animated.View style={[styles.glyphLayer, spinnerStyle]}>
+              <ActivityIndicator size="small" color={styles.icon.color} style={styles.spinner}/>
+            </Animated.View>
+          </View>
           <Text variant="tertiary" style={styles.text}>
-            Jump to bottom
+            {loading ? 'Jumping to latest…' : 'Jump to bottom'}
           </Text>
         </Pressable>
       </Animated.View>
     </View>);
 };
+const hitSlop = { top: 12, bottom: 12, left: 12, right: 12 };
 const useStyles = () => {
     const { colors } = useTheme();
     return StyleSheet.create({
@@ -70,10 +87,25 @@ const useStyles = () => {
             color: colors.fillColorNeutral100Inverted,
             fontWeight: platformFontWeightMedium,
         },
+        glyph: {
+            width: 14,
+            height: 14,
+            alignItems: 'center',
+            justifyContent: 'center',
+        },
+        glyphLayer: {
+            position: 'absolute',
+            alignItems: 'center',
+            justifyContent: 'center',
+        },
         icon: {
             color: colors.fillColorNeutral100Inverted,
             fontSize: 14,
         },
+        spinner: {
+            width: 14,
+            height: 14,
+        },
         pressed: {
             transform: [{ scale: 0.95 }],
         },

package/build/components/conversation/jump_to_bottom_button.js.map

@@ -1 +1 @@
-{"version":3,"file":"jump_to_bottom_button.js","sourceRoot":"","sources":["../../../src/components/conversation/jump_to_bottom_button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect } from 'react'\nimport { View, Pressable, StyleSheet } from 'react-native'\nimport Animated, {\n  useSharedValue,\n  useAnimatedStyle,\n  interpolate,\n  Extrapolation,\n  ReduceMotion,\n  withSpring,\n} from 'react-native-reanimated'\nimport { useTheme } from '../../hooks'\nimport { platformFontWeightMedium } from '../../utils'\nimport { Icon, Text } from '../display'\n\ninterface JumpToBottomButtonProps {\n  onPress: () => void\n  visible: boolean\n}\n\nexport const JumpToBottomButton = ({ onPress, visible }: JumpToBottomButtonProps) => {\n  const styles = useStyles()\n  const progress = useSharedValue(0)\n\n  useEffect(() => {\n    progress.value = withSpring(visible ? 1 : 0, {\n      mass: 1,\n      damping: 16,\n      stiffness: 170,\n      overshootClamping: false,\n      reduceMotion: ReduceMotion.System,\n    })\n  }, [visible, progress])\n\n  const animatedStyle = useAnimatedStyle(() => {\n    return {\n      opacity: progress.value,\n      transform: [\n        {\n          translateY: interpolate(progress.value, [0, 1], [12, 0], Extrapolation.CLAMP),\n        },\n        {\n          scale: interpolate(progress.value, [0, 1], [0.9, 1], Extrapolation.CLAMP),\n        },\n      ],\n    }\n  })\n\n  return (\n    <View>\n      <Animated.View style={[styles.container, animatedStyle]}>\n        <Pressable\n          onPress={onPress}\n          style={({ pressed }) => [styles.button, pressed && styles.pressed]}\n        >\n          <Icon name=\"general.downArrow\" style={styles.icon} />\n          <Text variant=\"tertiary\" style={styles.text}>\n            Jump to bottom\n          </Text>\n        </Pressable>\n      </Animated.View>\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      alignSelf: 'center',\n      position: 'absolute',\n      bottom: 16,\n      zIndex: 2,\n    },\n    button: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 6,\n      paddingHorizontal: 12,\n      paddingVertical: 6,\n      borderRadius: 20,\n      backgroundColor: colors.fillColorNeutral020,\n      shadowColor: colors.fillColorNeutral000,\n      shadowOffset: {\n        width: 0,\n        height: 1,\n      },\n      shadowOpacity: 0.25,\n      shadowRadius: 2.84,\n      elevation: 5,\n    },\n    text: {\n      color: colors.fillColorNeutral100Inverted,\n      fontWeight: platformFontWeightMedium,\n    },\n    icon: {\n      color: colors.fillColorNeutral100Inverted,\n      fontSize: 14,\n    },\n    pressed: {\n      transform: [{ scale: 0.95 }],\n    },\n  })\n}\n"]}
+{"version":3,"file":"jump_to_bottom_button.js","sourceRoot":"","sources":["../../../src/components/conversation/jump_to_bottom_button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect } from 'react'\nimport { ActivityIndicator, Pressable, StyleSheet, View } from 'react-native'\nimport Animated, {\n  Extrapolation,\n  interpolate,\n  ReduceMotion,\n  useAnimatedStyle,\n  useSharedValue,\n  withSpring,\n  withTiming,\n} from 'react-native-reanimated'\nimport { useTheme } from '../../hooks'\nimport { platformFontWeightMedium } from '../../utils'\nimport { Icon, Text } from '../display'\n\ninterface JumpToBottomButtonProps {\n  onPress: () => void\n  visible: boolean\n  loading?: boolean\n}\n\nexport const JumpToBottomButton = ({\n  onPress,\n  visible,\n  loading = false,\n}: JumpToBottomButtonProps) => {\n  const styles = useStyles()\n  const progress = useSharedValue(0)\n  const loadingProgress = useSharedValue(0)\n\n  useEffect(() => {\n    progress.value = withSpring(visible ? 1 : 0, {\n      mass: 1,\n      damping: 16,\n      stiffness: 170,\n      overshootClamping: false,\n      reduceMotion: ReduceMotion.System,\n    })\n  }, [visible, progress])\n\n  useEffect(() => {\n    loadingProgress.value = withTiming(loading ? 1 : 0, {\n      duration: 750,\n      reduceMotion: ReduceMotion.System,\n    })\n  }, [loading, loadingProgress])\n\n  const animatedStyle = useAnimatedStyle(() => {\n    return {\n      opacity: progress.value,\n      transform: [\n        {\n          translateY: interpolate(progress.value, [0, 1], [12, 0], Extrapolation.CLAMP),\n        },\n        {\n          scale: interpolate(progress.value, [0, 1], [0.9, 1], Extrapolation.CLAMP),\n        },\n      ],\n    }\n  })\n\n  const iconStyle = useAnimatedStyle(() => ({ opacity: 1 - loadingProgress.value }))\n  const spinnerStyle = useAnimatedStyle(() => ({ opacity: loadingProgress.value }))\n\n  return (\n    <View>\n      <Animated.View\n        style={[styles.container, animatedStyle]}\n        pointerEvents={visible ? 'auto' : 'none'}\n      >\n        <Pressable\n          onPress={onPress}\n          disabled={loading}\n          accessibilityRole=\"button\"\n          accessibilityLabel=\"Jump to most recent message\"\n          accessibilityState={{ busy: loading }}\n          hitSlop={hitSlop}\n          style={({ pressed }) => [styles.button, pressed && styles.pressed]}\n        >\n          <View style={styles.glyph}>\n            <Animated.View style={[styles.glyphLayer, iconStyle]}>\n              <Icon name=\"general.downArrow\" style={styles.icon} />\n            </Animated.View>\n            <Animated.View style={[styles.glyphLayer, spinnerStyle]}>\n              <ActivityIndicator size=\"small\" color={styles.icon.color} style={styles.spinner} />\n            </Animated.View>\n          </View>\n          <Text variant=\"tertiary\" style={styles.text}>\n            {loading ? 'Jumping to latest…' : 'Jump to bottom'}\n          </Text>\n        </Pressable>\n      </Animated.View>\n    </View>\n  )\n}\n\nconst hitSlop = { top: 12, bottom: 12, left: 12, right: 12 }\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      alignSelf: 'center',\n      position: 'absolute',\n      bottom: 16,\n      zIndex: 2,\n    },\n    button: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 6,\n      paddingHorizontal: 12,\n      paddingVertical: 6,\n      borderRadius: 20,\n      backgroundColor: colors.fillColorNeutral020,\n      shadowColor: colors.fillColorNeutral000,\n      shadowOffset: {\n        width: 0,\n        height: 1,\n      },\n      shadowOpacity: 0.25,\n      shadowRadius: 2.84,\n      elevation: 5,\n    },\n    text: {\n      color: colors.fillColorNeutral100Inverted,\n      fontWeight: platformFontWeightMedium,\n    },\n    glyph: {\n      width: 14,\n      height: 14,\n      alignItems: 'center',\n      justifyContent: 'center',\n    },\n    glyphLayer: {\n      position: 'absolute',\n      alignItems: 'center',\n      justifyContent: 'center',\n    },\n    icon: {\n      color: colors.fillColorNeutral100Inverted,\n      fontSize: 14,\n    },\n    spinner: {\n      width: 14,\n      height: 14,\n    },\n    pressed: {\n      transform: [{ scale: 0.95 }],\n    },\n  })\n}\n"]}

package/build/components/conversation/reply_shadow_message.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import { MessageResource } from '../../types';
-interface ReplyShadowMessageProps extends MessageResource {
+interface ReplyShadowMessageProps {
     messageId: string;
     conversation_id: number;
     inReplyScreen?: boolean;

package/build/components/conversation/reply_shadow_message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reply_shadow_message.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/reply_shadow_message.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAiB7C,UAAU,uBAAwB,SAAQ,eAAe;IACvD,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,oBAAoB,EAAE,OAAO,CAAA;IAC7B,iBAAiB,EAAE,OAAO,CAAA;CAC3B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,eAAe,EACf,aAAa,EACb,SAAS,EACT,oBAAoB,EACpB,iBAAiB,GAClB,EAAE,uBAAuB,4BAczB"}
+{"version":3,"file":"reply_shadow_message.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/reply_shadow_message.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AA4BzB,UAAU,uBAAuB;IAC/B,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,oBAAoB,EAAE,OAAO,CAAA;IAC7B,iBAAiB,EAAE,OAAO,CAAA;CAC3B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,eAAe,EACf,aAAa,EACb,SAAS,EACT,oBAAoB,EACpB,iBAAiB,GAClB,EAAE,uBAAuB,4BAczB"}

package/build/components/conversation/reply_shadow_message.js.map

@@ -1 +1 @@
-{"version":3,"file":"reply_shadow_message.js","sourceRoot":"","sources":["../../../src/components/conversation/reply_shadow_message.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,mBAAmB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/E,OAAO,QAAQ,MAAM,yBAAyB,CAAA;AAC9C,OAAO,EACL,iCAAiC,EACjC,YAAY,EACZ,wBAAwB,EACxB,QAAQ,GACT,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAA;AAC7E,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AAQxE,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAC7D,OAAO,EACL,4CAA4C,EAC5C,wBAAwB,EACxB,kCAAkC,EAClC,wBAAwB,GACzB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,MAAM,EAAE,IAAI,EAAa,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjE,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAU1E,MAAM,UAAU,kBAAkB,CAAC,EACjC,eAAe,EACf,aAAa,EACb,SAAS,EACT,oBAAoB,EACpB,iBAAiB,GACO;IACxB,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,sBAAsB,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC,CAAA;IAE9F,IAAI,aAAa;QAAE,OAAO,IAAI,CAAA;IAC9B,IAAI,SAAS;QAAE,OAAO,CAAC,qBAAqB,CAAC,IAAI,CAAC,YAAY,EAAG,CAAA;IACjE,IAAI,OAAO,IAAI,CAAC,OAAO;QAAE,OAAO,CAAC,qBAAqB,CAAC,IAAI,CAAC,iBAAiB,EAAG,CAAA;IAEhF,MAAM,eAAe,GAAG;QACtB,GAAG,OAAO;QACV,oBAAoB;QACpB,iBAAiB;KAClB,CAAA;IAED,OAAO,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC,eAAe,CAAC,CAAC,IAAI,eAAe,CAAC,EAAG,CAAA;AACxF,CAAC;AAMD,SAAS,oBAAoB,CAAC,EAAE,eAAe,EAAE,GAAG,OAAO,EAA6B;IACtF,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,OAAO,CAAA;IACxD,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC,CAAA;IACjC,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,SAAS,GAAG,mBAAmB,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;IAExD,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IACvE,MAAM,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,GAC5E,iCAAiC,EAAE,CAAA;IACrC,MAAM,qBAAqB,GAAG,wBAAwB,CAAC,CAAC,CAAC,CAAA;IACzD,MAAM,cAAc,GAAG,SAAS,CAAC,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;IAC7D,MAAM,SAAS,GAAG,CAAC,CAAC,SAAS,CAAA;IAC7B,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAA;IAExD,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACnC,UAAU,CAAC,QAAQ,CAAC,mBAAmB,EAAE;YACvC,eAAe;YACf,aAAa,EAAE,OAAO,CAAC,WAAW;YAClC,sBAAsB,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI;SAC5C,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAC5F,MAAM,kBAAkB,GAAG,GAAG,MAAM,EAAE,IAAI,IAAI,EAAE,kBAAkB,eAAe,IAAI,WAAW,IAAI,EAAE,IAAI,SAAS,IAAI,cAAc,EAAE,CAAA;IAEvI,OAAO,CACL,CAAC,SAAS,CACR,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,oBAAoB,EAAE,CAAC,CACvD,OAAO,CAAC,CAAC,uBAAuB,CAAC,CACjC,SAAS,CAAC,CAAC,oBAAoB,CAAC,CAChC,UAAU,CAAC,CAAC,qBAAqB,CAAC,CAClC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,iBAAiB,CAAC,2CAA2C,CAC7D,iBAAiB,CAAC,MAAM,CAExB;MAAA,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,uBAAuB,CAAC,CAAC,CAC9D;QAAA,CAAC,CAAC,OAAO,CAAC,IAAI,IAAI,CAChB,CAAC,IAAI,CACH;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,SAAS,IAAI,MAAM,CAAC,aAAa,CAAC,CAAC,CACtE;cAAA,CAAC,MAAM,CACL,IAAI,CAAC,IAAI,CACT,SAAS,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CACjC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CACrB,qBAAqB,CAAC,CAAC,CAAC,CAAC,CACzB,gBAAgB,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CACpE,YAAY,CAAC,CAAC,SAAS,CAAC,EAE5B;YAAA,EAAE,IAAI,CACN;YAAA,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,CAAC,mBAAmB,CAAC,EAClF;UAAA,EAAE,IAAI,CAAC,CACR,CACD;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CACjC;UAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAC5B,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAEnE;YAAA,CAAC,wBAAwB,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,EACnD;YAAA,CAAC,IAAI,IAAI,CACP,CAAC,IAAI,CACH,OAAO,CAAC,UAAU,CAClB,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAC1B,aAAa,CAAC,CAAC,qBAAqB,CAAC,CAErC;gBAAA,CAAC,WAAW,CACd;cAAA,EAAE,IAAI,CAAC,CACR,CACH;UAAA,EAAE,IAAI,CACN;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAC9B;YAAA,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CACpD;cAAA,CAAC,cAAc,CACjB;YAAA,EAAE,IAAI,CACR;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,OAAO,CAAC,IAAI,IAAI,CACf,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,CAAC,mBAAmB,CAAC,EAAG,CACjF,CACH;MAAA,EAAE,QAAQ,CAAC,IAAI,CACjB;IAAA,EAAE,SAAS,CAAC,CACb,CAAA;AACH,CAAC;AAED,SAAS,wBAAwB,CAAC,EAChC,WAAW,GAGZ;IACC,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAEzD,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,CAAA;IAEjC,IAAI,UAAU,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAChC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,EAAG,CAAA;IAC/C,CAAC;IACD,IAAI,UAAU,CAAC,IAAI,KAAK,cAAc,EAAE,CAAC;QACvC,OAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,EAAG,CAAA;IACtD,CAAC;IACD,IAAI,UAAU,CAAC,IAAI,KAAK,mBAAmB,EAAE,CAAC;QAC5C,MAAM,WAAW,GAAG,UAAU,CAAC,UAAU,EAAE,WAAW,CAAA;QACtD,MAAM,SAAS,GAAG,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;QAE5C,QAAQ,SAAS,EAAE,CAAC;YAClB,KAAK,OAAO;gBACV,OAAO,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,EAAG,CAAA;YAC3D,KAAK,OAAO;gBACV,OAAO,CAAC,qBAAqB,CAAC,QAAQ,CAAC,2BAA2B,EAAG,CAAA;YACvE,KAAK,OAAO;gBACV,OAAO,CAAC,qBAAqB,CAAC,QAAQ,CAAC,2BAA2B,EAAG,CAAA;YACvE,KAAK,aAAa;gBAChB,OAAO,CAAC,qBAAqB,CAAC,QAAQ,CAAC,6BAA6B,EAAG,CAAA;YACzE;gBACE,OAAO,IAAI,CAAA;QACf,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,UAAU,EAAuD;IACrF,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,UAAU,CAAA;IACnC,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,UAAU,CAAA;IAChC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,oBAAoB,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;IAChE,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAA;IAEpE,OAAO,CACL,CAAC,KAAK,CACJ,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CACrB,YAAY,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAClC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,UAAU,CAAC,CAAC,EAAE,CAAC,EACf,CACH,CAAA;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,UAAU,GAGX;IACC,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,UAAU,CAAA;IAC/E,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC,CAAA;IAErD,OAAO,CACL,CAAC,KAAK,CACJ,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAC1B,YAAY,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAClC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,UAAU,CAAC,CAAC,EAAE,CAAC,EACf,CACH,CAAA;AACH,CAAC;AAED,SAAS,sBAAsB,CAAC,EAC9B,UAAU,GAGX;IACC,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,UAAU,CAAC,UAAU,CAAA;IACzE,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,UAAU,EAAE,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAA;IAEtF,OAAO,CACL,CAAC,KAAK,CACJ,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,SAAS,IAAI,GAAG,EAAE,CAAC,CAClC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,YAAY,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAClC,GAAG,CAAC,CAAC,QAAQ,CAAC,CACd,UAAU,CAAC,CAAC,EAAE,CAAC,EACf,CACH,CAAA;AACH,CAAC;AAED,SAAS,qBAAqB,CAAC,EAAE,QAAQ,EAAmC;IAC1E,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,OAAO,CACL,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAC7B,qBAAqB,CAAC,CAAC,wBAAwB,CAAC,EAChD,CACH,CAAA;AACH,CAAC;AAED,6HAA6H;AAC7H,SAAS,qBAAqB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAoC;IAC7E,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC,CAAA;IAElC,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAC1B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CACjC;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAChC;UAAA,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CACjD;YAAA,CAAC,IAAI,CACP;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAQD,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,GAAG,EAAE,EAAE,WAAW,GAAG,EAAE,KAAkB,EAAE,EAAE,EAAE;IAClF,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,SAAS,GAAG,YAAY,CAAC,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,CAAC,CAAA;IACnF,MAAM,EAAE,KAAK,EAAE,GAAG,mBAAmB,EAAE,CAAA;IACvC,MAAM,WAAW,GAAG,KAAK,IAAI,GAAG,CAAA,CAAC,6BAA6B;IAE9D,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,OAAO,EAAE;YACP,GAAG,EAAE,CAAC;YACN,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK;YAC3C,iBAAiB,EAAE,4CAA4C;SAChE;QACD,cAAc,EAAE;YACd,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;YACN,YAAY,EAAE,EAAE;SACjB;QACD,aAAa,EAAE;YACb,KAAK,EAAE,kCAAkC;YACzC,UAAU,EAAE,QAAQ;SACrB;QACD,MAAM,EAAE;YACN,YAAY,EAAE,CAAC;SAChB;QACD,aAAa,EAAE;YACb,OAAO,EAAE,GAAG;SACb;QACD,aAAa,EAAE;YACb,aAAa,EAAE,KAAK;YACpB,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;YAC3C,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,CAAC;YACN,WAAW,EAAE,MAAM,CAAC,sBAAsB;YAC1C,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,CAAC;YACf,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK;YACnC,eAAe,EAAE,CAAC;YAClB,iBAAiB,EAAE,CAAC;SACrB;QACD,WAAW,EAAE;YACX,KAAK,EAAE,MAAM,CAAC,2BAA2B;YACzC,UAAU,EAAE,CAAC;SACd;QACD,WAAW,EAAE;YACX,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;SACjD;QACD,cAAc,EAAE;YACd,KAAK,EAAE,MAAM,CAAC,WAAW;YACzB,UAAU,EAAE,wBAAwB;SACrC;QACD,YAAY,EAAE;YACZ,KAAK,EAAE,EAAE,GAAG,SAAS;YACrB,WAAW,EAAE,UAAU,GAAG,WAAW;YACrC,OAAO,EAAE,GAAG;SACb;QACD,KAAK,EAAE;YACL,YAAY,EAAE,CAAC;SAChB;QACD,cAAc,EAAE;YACd,KAAK,EAAE,MAAM,CAAC,mBAAmB;YACjC,QAAQ,EAAE,EAAE;SACb;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport { some } from 'lodash'\nimport React from 'react'\nimport { Pressable, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport Animated from 'react-native-reanimated'\nimport {\n  useAnimatedMessageBackgroundColor,\n  useFontScale,\n  useScalableNumberOfLines,\n  useTheme,\n} from '../../hooks'\nimport { useConversationMessage } from '../../hooks/use_conversation_message'\nimport { useLiveRelativeTime } from '../../hooks/use_live_relative_time'\nimport { MessageResource } from '../../types'\nimport {\n  DenormalizedAttachmentResource,\n  DenormalizedGiphyAttachmentResource,\n  DenormalizedExpandedLinkAttachmentResource,\n  DenormalizedMessageAttachmentResource,\n} from '../../types/resources/denormalized_attachment_resource'\nimport { assertKeysAreNumbers, pluralize } from '../../utils'\nimport {\n  CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL,\n  MAX_FONT_SIZE_MULTIPLIER,\n  MESSAGE_AUTHOR_AVATAR_COLUMN_WIDTH,\n  platformFontWeightMedium,\n} from '../../utils/styles'\nimport { Avatar, Icon, IconProps, Image, Text } from '../display'\nimport { TheirReplyConnector, MyReplyConnector } from './reply_connectors'\n\ninterface ReplyShadowMessageProps extends MessageResource {\n  messageId: string\n  conversation_id: number\n  inReplyScreen?: boolean\n  isReplyShadowMessage: boolean\n  nextRendersAuthor: boolean\n}\n\nexport function ReplyShadowMessage({\n  conversation_id,\n  inReplyScreen,\n  messageId,\n  isReplyShadowMessage,\n  nextRendersAuthor,\n}: ReplyShadowMessageProps) {\n  const { message, isError, isLoading } = useConversationMessage({ conversation_id, messageId })\n\n  if (inReplyScreen) return null\n  if (isLoading) return <ShadowMessageFallback text=\"Loading...\" />\n  if (isError || !message) return <ShadowMessageFallback text=\"Message deleted\" />\n\n  const enrichedMessage = {\n    ...message,\n    isReplyShadowMessage,\n    nextRendersAuthor,\n  }\n\n  return <ShadowMessageContent conversation_id={conversation_id} {...enrichedMessage} />\n}\n\ninterface ShadowMessageContentProps extends MessageResource {\n  conversation_id: number\n}\n\nfunction ShadowMessageContent({ conversation_id, ...message }: ShadowMessageContentProps) {\n  const { text, deletedAt, author, attachments } = message\n  const styles = useStyles(message)\n  const { colors } = useTheme()\n  const navigation = useNavigation()\n  const timestamp = useLiveRelativeTime(message.createdAt)\n\n  const [messageBubbleHeight, setMessageBubbleHeight] = React.useState(0)\n  const { animatedBackgroundColor, handleMessagePressIn, handleMessagePressOut } =\n    useAnimatedMessageBackgroundColor()\n  const scalableNumberOfLines = useScalableNumberOfLines(2)\n  const replyCountText = pluralize(message.replyCount, 'reply')\n  const isDeleted = !!deletedAt\n  const messageText = isDeleted ? 'Message deleted' : text\n\n  const handleNavigateToReplies = () => {\n    navigation.navigate('ConversationReply', {\n      conversation_id,\n      reply_root_id: message.replyRootId,\n      reply_root_author_name: message.author.name,\n    })\n  }\n\n  const attachmentLabel = some(attachments) ? pluralize(attachments.length, 'attachment') : ''\n  const accessibilityLabel = `${author?.name || ''} Reply Preview ${attachmentLabel} ${messageText || ''} ${timestamp} ${replyCountText}`\n\n  return (\n    <Pressable\n      android_ripple={{ color: colors.androidRippleNeutral }}\n      onPress={handleNavigateToReplies}\n      onPressIn={handleMessagePressIn}\n      onPressOut={handleMessagePressOut}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityHint=\"Navigate to reply screen for this message\"\n      accessibilityRole=\"link\"\n    >\n      <Animated.View style={[styles.message, animatedBackgroundColor]}>\n        {!message.mine && (\n          <View>\n            <View style={[styles.avatarWrapper, !isDeleted && styles.avatarOpacity]}>\n              <Avatar\n                size=\"xs\"\n                sourceUri={message.author.avatar}\n                style={styles.avatar}\n                maxFontSizeMultiplier={1}\n                fallbackIconName={isDeleted ? 'publishing.trash' : 'general.person'}\n                showFallback={isDeleted}\n              />\n            </View>\n            <TheirReplyConnector message={message} messageBubbleHeight={messageBubbleHeight} />\n          </View>\n        )}\n        <View style={styles.messageContent}>\n          <View\n            style={styles.messageBubble}\n            onLayout={e => setMessageBubbleHeight(e.nativeEvent.layout.height)}\n          >\n            <MessageAttachmentImagery attachments={attachments} />\n            {text && (\n              <Text\n                variant=\"footnote\"\n                style={styles.messageText}\n                numberOfLines={scalableNumberOfLines}\n              >\n                {messageText}\n              </Text>\n            )}\n          </View>\n          <View style={styles.messageMeta}>\n            <Text variant=\"footnote\" style={styles.replyCountText}>\n              {replyCountText}\n            </Text>\n          </View>\n        </View>\n        {message.mine && (\n          <MyReplyConnector message={message} messageBubbleHeight={messageBubbleHeight} />\n        )}\n      </Animated.View>\n    </Pressable>\n  )\n}\n\nfunction MessageAttachmentImagery({\n  attachments,\n}: {\n  attachments: DenormalizedAttachmentResource[]\n}) {\n  if (!attachments || attachments.length === 0) return null\n\n  const attachment = attachments[0]\n\n  if (attachment.type === 'giphy') {\n    return <GiphyImage attachment={attachment} />\n  }\n  if (attachment.type === 'ExpandedLink') {\n    return <ExpandedLinkImage attachment={attachment} />\n  }\n  if (attachment.type === 'MessageAttachment') {\n    const contentType = attachment.attributes?.contentType\n    const basicType = contentType?.split('/')[0]\n\n    switch (basicType) {\n      case 'image':\n        return <MessageAttachmentImage attachment={attachment} />\n      case 'video':\n        return <MessageAttachmentIcon iconName=\"general.outlinedVideoFile\" />\n      case 'audio':\n        return <MessageAttachmentIcon iconName=\"general.outlinedMusicFile\" />\n      case 'application':\n        return <MessageAttachmentIcon iconName=\"general.outlinedGenericFile\" />\n      default:\n        return null\n    }\n  }\n\n  return null\n}\n\nfunction GiphyImage({ attachment }: { attachment: DenormalizedGiphyAttachmentResource }) {\n  const { title, giphy } = attachment\n  const { url } = giphy.fixedWidth\n  const { width, height } = assertKeysAreNumbers(giphy.fixedWidth)\n  const styles = useStyles({ imageWidth: width, imageHeight: height })\n\n  return (\n    <Image\n      source={{ uri: url }}\n      wrapperStyle={styles.imageWrapper}\n      style={styles.image}\n      alt={title}\n      loaderSize={16}\n    />\n  )\n}\n\nfunction ExpandedLinkImage({\n  attachment,\n}: {\n  attachment: DenormalizedExpandedLinkAttachmentResource\n}) {\n  const { title = '', imageUrl, imageHeight, imageWidth } = attachment.attributes\n  const styles = useStyles({ imageWidth, imageHeight })\n\n  return (\n    <Image\n      source={{ uri: imageUrl }}\n      wrapperStyle={styles.imageWrapper}\n      style={styles.image}\n      alt={title}\n      loaderSize={16}\n    />\n  )\n}\n\nfunction MessageAttachmentImage({\n  attachment,\n}: {\n  attachment: DenormalizedMessageAttachmentResource\n}) {\n  const { url, urlMedium, filename, metadata = {} } = attachment.attributes\n  const styles = useStyles({ imageWidth: metadata.width, imageHeight: metadata.height })\n\n  return (\n    <Image\n      source={{ uri: urlMedium || url }}\n      style={styles.image}\n      wrapperStyle={styles.imageWrapper}\n      alt={filename}\n      loaderSize={16}\n    />\n  )\n}\n\nfunction MessageAttachmentIcon({ iconName }: { iconName: IconProps['name'] }) {\n  const styles = useStyles()\n  return (\n    <Icon\n      name={iconName}\n      style={styles.attachmentIcon}\n      maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n    />\n  )\n}\n\n// TODO: The mine prop is not used yet, but in the future we will be adding a way to find the `mine` value for this fallback.\nfunction ShadowMessageFallback({ text, mine }: { text: string; mine?: boolean }) {\n  const styles = useStyles({ mine })\n\n  return (\n    <View style={styles.message}>\n      <View style={styles.messageContent}>\n        <View style={styles.messageBubble}>\n          <Text variant=\"footnote\" style={styles.messageText}>\n            {text}\n          </Text>\n        </View>\n      </View>\n    </View>\n  )\n}\n\ninterface StylesProps {\n  imageWidth?: number\n  imageHeight?: number\n  mine?: boolean\n}\n\nconst useStyles = ({ mine, imageWidth = 32, imageHeight = 32 }: StylesProps = {}) => {\n  const { colors } = useTheme()\n  const fontScale = useFontScale({ maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER })\n  const { width } = useWindowDimensions()\n  const tabletWidth = width >= 744 // Smallest iPad Mini's width\n\n  return StyleSheet.create({\n    message: {\n      gap: 8,\n      flexDirection: mine ? 'row-reverse' : 'row',\n      paddingHorizontal: CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL,\n    },\n    messageContent: {\n      flex: 1,\n      gap: 4,\n      marginBottom: 12,\n    },\n    avatarWrapper: {\n      width: MESSAGE_AUTHOR_AVATAR_COLUMN_WIDTH,\n      alignItems: 'center',\n    },\n    avatar: {\n      marginBottom: 8,\n    },\n    avatarOpacity: {\n      opacity: 0.5,\n    },\n    messageBubble: {\n      flexDirection: 'row',\n      alignSelf: mine ? 'flex-end' : 'flex-start',\n      alignItems: 'center',\n      gap: 8,\n      borderColor: colors.borderColorDefaultBase,\n      borderWidth: 1,\n      borderRadius: 8,\n      maxWidth: tabletWidth ? 360 : '80%',\n      paddingVertical: 6,\n      paddingHorizontal: 8,\n    },\n    messageText: {\n      color: colors.textColorDefaultPlaceholder,\n      flexShrink: 1,\n    },\n    messageMeta: {\n      flexDirection: 'row',\n      justifyContent: mine ? 'flex-end' : 'flex-start',\n    },\n    replyCountText: {\n      color: colors.interaction,\n      fontWeight: platformFontWeightMedium,\n    },\n    imageWrapper: {\n      width: 32 * fontScale,\n      aspectRatio: imageWidth / imageHeight,\n      opacity: 0.5,\n    },\n    image: {\n      borderRadius: 4,\n    },\n    attachmentIcon: {\n      color: colors.iconColorDefaultDim,\n      fontSize: 16,\n    },\n  })\n}\n"]}
+{"version":3,"file":"reply_shadow_message.js","sourceRoot":"","sources":["../../../src/components/conversation/reply_shadow_message.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport { some } from 'lodash'\nimport React from 'react'\nimport { Pressable, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport Animated from 'react-native-reanimated'\nimport {\n  useAnimatedMessageBackgroundColor,\n  useFontScale,\n  useScalableNumberOfLines,\n  useTheme,\n} from '../../hooks'\nimport { useConversationMessage } from '../../hooks/use_conversation_message'\nimport { useLiveRelativeTime } from '../../hooks/use_live_relative_time'\nimport { MessageResource } from '../../types'\nimport {\n  DenormalizedAttachmentResource,\n  DenormalizedGiphyAttachmentResource,\n  DenormalizedExpandedLinkAttachmentResource,\n  DenormalizedMessageAttachmentResource,\n} from '../../types/resources/denormalized_attachment_resource'\nimport { assertKeysAreNumbers, pluralize } from '../../utils'\nimport {\n  CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL,\n  MAX_FONT_SIZE_MULTIPLIER,\n  MESSAGE_AUTHOR_AVATAR_COLUMN_WIDTH,\n  platformFontWeightMedium,\n} from '../../utils/styles'\nimport { Avatar, Icon, IconProps, Image, Text } from '../display'\nimport { TheirReplyConnector, MyReplyConnector } from './reply_connectors'\n\ninterface ReplyShadowMessageProps {\n  messageId: string\n  conversation_id: number\n  inReplyScreen?: boolean\n  isReplyShadowMessage: boolean\n  nextRendersAuthor: boolean\n}\n\nexport function ReplyShadowMessage({\n  conversation_id,\n  inReplyScreen,\n  messageId,\n  isReplyShadowMessage,\n  nextRendersAuthor,\n}: ReplyShadowMessageProps) {\n  const { message, isError, isLoading } = useConversationMessage({ conversation_id, messageId })\n\n  if (inReplyScreen) return null\n  if (isLoading) return <ShadowMessageFallback text=\"Loading...\" />\n  if (isError || !message) return <ShadowMessageFallback text=\"Message deleted\" />\n\n  const enrichedMessage = {\n    ...message,\n    isReplyShadowMessage,\n    nextRendersAuthor,\n  }\n\n  return <ShadowMessageContent conversation_id={conversation_id} {...enrichedMessage} />\n}\n\ninterface ShadowMessageContentProps extends MessageResource {\n  conversation_id: number\n}\n\nfunction ShadowMessageContent({ conversation_id, ...message }: ShadowMessageContentProps) {\n  const { text, deletedAt, author, attachments } = message\n  const styles = useStyles(message)\n  const { colors } = useTheme()\n  const navigation = useNavigation()\n  const timestamp = useLiveRelativeTime(message.createdAt)\n\n  const [messageBubbleHeight, setMessageBubbleHeight] = React.useState(0)\n  const { animatedBackgroundColor, handleMessagePressIn, handleMessagePressOut } =\n    useAnimatedMessageBackgroundColor()\n  const scalableNumberOfLines = useScalableNumberOfLines(2)\n  const replyCountText = pluralize(message.replyCount, 'reply')\n  const isDeleted = !!deletedAt\n  const messageText = isDeleted ? 'Message deleted' : text\n\n  const handleNavigateToReplies = () => {\n    navigation.navigate('ConversationReply', {\n      conversation_id,\n      reply_root_id: message.replyRootId,\n      reply_root_author_name: message.author.name,\n    })\n  }\n\n  const attachmentLabel = some(attachments) ? pluralize(attachments.length, 'attachment') : ''\n  const accessibilityLabel = `${author?.name || ''} Reply Preview ${attachmentLabel} ${\n    messageText || ''\n  } ${timestamp} ${replyCountText}`\n\n  return (\n    <Pressable\n      android_ripple={{ color: colors.androidRippleNeutral }}\n      onPress={handleNavigateToReplies}\n      onPressIn={handleMessagePressIn}\n      onPressOut={handleMessagePressOut}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityHint=\"Navigate to reply screen for this message\"\n      accessibilityRole=\"link\"\n    >\n      <Animated.View style={[styles.message, animatedBackgroundColor]}>\n        {!message.mine && (\n          <View>\n            <View style={[styles.avatarWrapper, !isDeleted && styles.avatarOpacity]}>\n              <Avatar\n                size=\"xs\"\n                sourceUri={message.author.avatar}\n                style={styles.avatar}\n                maxFontSizeMultiplier={1}\n                fallbackIconName={isDeleted ? 'publishing.trash' : 'general.person'}\n                showFallback={isDeleted}\n              />\n            </View>\n            <TheirReplyConnector message={message} messageBubbleHeight={messageBubbleHeight} />\n          </View>\n        )}\n        <View style={styles.messageContent}>\n          <View\n            style={styles.messageBubble}\n            onLayout={e => setMessageBubbleHeight(e.nativeEvent.layout.height)}\n          >\n            <MessageAttachmentImagery attachments={attachments} />\n            {text && (\n              <Text\n                variant=\"footnote\"\n                style={styles.messageText}\n                numberOfLines={scalableNumberOfLines}\n              >\n                {messageText}\n              </Text>\n            )}\n          </View>\n          <View style={styles.messageMeta}>\n            <Text variant=\"footnote\" style={styles.replyCountText}>\n              {replyCountText}\n            </Text>\n          </View>\n        </View>\n        {message.mine && (\n          <MyReplyConnector message={message} messageBubbleHeight={messageBubbleHeight} />\n        )}\n      </Animated.View>\n    </Pressable>\n  )\n}\n\nfunction MessageAttachmentImagery({\n  attachments,\n}: {\n  attachments: DenormalizedAttachmentResource[]\n}) {\n  if (!attachments || attachments.length === 0) return null\n\n  const attachment = attachments[0]\n\n  if (attachment.type === 'giphy') {\n    return <GiphyImage attachment={attachment} />\n  }\n  if (attachment.type === 'ExpandedLink') {\n    return <ExpandedLinkImage attachment={attachment} />\n  }\n  if (attachment.type === 'MessageAttachment') {\n    const contentType = attachment.attributes?.contentType\n    const basicType = contentType?.split('/')[0]\n\n    switch (basicType) {\n      case 'image':\n        return <MessageAttachmentImage attachment={attachment} />\n      case 'video':\n        return <MessageAttachmentIcon iconName=\"general.outlinedVideoFile\" />\n      case 'audio':\n        return <MessageAttachmentIcon iconName=\"general.outlinedMusicFile\" />\n      case 'application':\n        return <MessageAttachmentIcon iconName=\"general.outlinedGenericFile\" />\n      default:\n        return null\n    }\n  }\n\n  return null\n}\n\nfunction GiphyImage({ attachment }: { attachment: DenormalizedGiphyAttachmentResource }) {\n  const { title, giphy } = attachment\n  const { url } = giphy.fixedWidth\n  const { width, height } = assertKeysAreNumbers(giphy.fixedWidth)\n  const styles = useStyles({ imageWidth: width, imageHeight: height })\n\n  return (\n    <Image\n      source={{ uri: url }}\n      wrapperStyle={styles.imageWrapper}\n      style={styles.image}\n      alt={title}\n      loaderSize={16}\n    />\n  )\n}\n\nfunction ExpandedLinkImage({\n  attachment,\n}: {\n  attachment: DenormalizedExpandedLinkAttachmentResource\n}) {\n  const { title = '', imageUrl, imageHeight, imageWidth } = attachment.attributes\n  const styles = useStyles({ imageWidth, imageHeight })\n\n  return (\n    <Image\n      source={{ uri: imageUrl }}\n      wrapperStyle={styles.imageWrapper}\n      style={styles.image}\n      alt={title}\n      loaderSize={16}\n    />\n  )\n}\n\nfunction MessageAttachmentImage({\n  attachment,\n}: {\n  attachment: DenormalizedMessageAttachmentResource\n}) {\n  const { url, urlMedium, filename, metadata = {} } = attachment.attributes\n  const styles = useStyles({ imageWidth: metadata.width, imageHeight: metadata.height })\n\n  return (\n    <Image\n      source={{ uri: urlMedium || url }}\n      style={styles.image}\n      wrapperStyle={styles.imageWrapper}\n      alt={filename}\n      loaderSize={16}\n    />\n  )\n}\n\nfunction MessageAttachmentIcon({ iconName }: { iconName: IconProps['name'] }) {\n  const styles = useStyles()\n  return (\n    <Icon\n      name={iconName}\n      style={styles.attachmentIcon}\n      maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n    />\n  )\n}\n\n// TODO: The mine prop is not used yet, but in the future we will be adding a way to find the `mine` value for this fallback.\nfunction ShadowMessageFallback({ text, mine }: { text: string; mine?: boolean }) {\n  const styles = useStyles({ mine })\n\n  return (\n    <View style={styles.message}>\n      <View style={styles.messageContent}>\n        <View style={styles.messageBubble}>\n          <Text variant=\"footnote\" style={styles.messageText}>\n            {text}\n          </Text>\n        </View>\n      </View>\n    </View>\n  )\n}\n\ninterface StylesProps {\n  imageWidth?: number\n  imageHeight?: number\n  mine?: boolean\n}\n\nconst useStyles = ({ mine, imageWidth = 32, imageHeight = 32 }: StylesProps = {}) => {\n  const { colors } = useTheme()\n  const fontScale = useFontScale({ maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER })\n  const { width } = useWindowDimensions()\n  const tabletWidth = width >= 744 // Smallest iPad Mini's width\n\n  return StyleSheet.create({\n    message: {\n      gap: 8,\n      flexDirection: mine ? 'row-reverse' : 'row',\n      paddingHorizontal: CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL,\n    },\n    messageContent: {\n      flex: 1,\n      gap: 4,\n      marginBottom: 12,\n    },\n    avatarWrapper: {\n      width: MESSAGE_AUTHOR_AVATAR_COLUMN_WIDTH,\n      alignItems: 'center',\n    },\n    avatar: {\n      marginBottom: 8,\n    },\n    avatarOpacity: {\n      opacity: 0.5,\n    },\n    messageBubble: {\n      flexDirection: 'row',\n      alignSelf: mine ? 'flex-end' : 'flex-start',\n      alignItems: 'center',\n      gap: 8,\n      borderColor: colors.borderColorDefaultBase,\n      borderWidth: 1,\n      borderRadius: 8,\n      maxWidth: tabletWidth ? 360 : '80%',\n      paddingVertical: 6,\n      paddingHorizontal: 8,\n    },\n    messageText: {\n      color: colors.textColorDefaultPlaceholder,\n      flexShrink: 1,\n    },\n    messageMeta: {\n      flexDirection: 'row',\n      justifyContent: mine ? 'flex-end' : 'flex-start',\n    },\n    replyCountText: {\n      color: colors.interaction,\n      fontWeight: platformFontWeightMedium,\n    },\n    imageWrapper: {\n      width: 32 * fontScale,\n      aspectRatio: imageWidth / imageHeight,\n      opacity: 0.5,\n    },\n    image: {\n      borderRadius: 4,\n    },\n    attachmentIcon: {\n      color: colors.iconColorDefaultDim,\n      fontSize: 16,\n    },\n  })\n}\n"]}

package/build/components/conversation/unread_divider.d.ts

@@ -0,0 +1,6 @@
+interface UnreadDividerProps {
+    scrolledPast?: boolean;
+}
+export declare function UnreadDivider({ scrolledPast }: UnreadDividerProps): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=unread_divider.d.ts.map

package/build/components/conversation/unread_divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unread_divider.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/unread_divider.tsx"],"names":[],"mappings":"AAQA,UAAU,kBAAkB;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAMD,wBAAgB,aAAa,CAAC,EAAE,YAAoB,EAAE,EAAE,kBAAkB,sCAqBzE"}

package/build/components/conversation/unread_divider.js

@@ -0,0 +1,59 @@
+import { StyleSheet, View } from 'react-native';
+import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
+import Svg, { Defs, Path, Pattern, Rect } from 'react-native-svg';
+import { useConversationContext } from '../../contexts/conversation_context';
+import { useTheme } from '../../hooks';
+import { CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL } from '../../utils/styles';
+import { Text } from '../display';
+const WAVE_WIDTH = 16;
+const WAVE_HEIGHT = 8;
+const FADE_DURATION = 750;
+export function UnreadDivider({ scrolledPast = false }) {
+    const styles = useStyles();
+    const { atEndOfMessageHistory } = useConversationContext();
+    if (scrolledPast || atEndOfMessageHistory)
+        return null;
+    return (<Animated.View entering={FadeIn.duration(FADE_DURATION)} exiting={FadeOut.duration(FADE_DURATION)} style={styles.container} accessibilityRole="header" accessibilityLabel="Unread messages start here">
+      <SquigglyLine />
+      <Text variant="footnote" style={styles.label}>
+        New
+      </Text>
+      <SquigglyLine />
+    </Animated.View>);
+}
+function SquigglyLine() {
+    const { colors } = useTheme();
+    return (<View style={squigglyStyle.container}>
+      <Svg width="100%" height={WAVE_HEIGHT}>
+        <Defs>
+          <Pattern id="wave" x="0" y="0" width={WAVE_WIDTH} height={WAVE_HEIGHT} patternUnits="userSpaceOnUse">
+            <Path d="M 0 4 Q 4 0 8 4 T 16 4" stroke={colors.interaction} strokeWidth={1.5} fill="none"/>
+          </Pattern>
+        </Defs>
+        <Rect x="0" y="0" width="100%" height={WAVE_HEIGHT} fill="url(#wave)"/>
+      </Svg>
+    </View>);
+}
+const squigglyStyle = StyleSheet.create({
+    container: {
+        flex: 1,
+        height: WAVE_HEIGHT,
+    },
+});
+const useStyles = () => {
+    const { colors } = useTheme();
+    return StyleSheet.create({
+        container: {
+            alignItems: 'center',
+            flexDirection: 'row',
+            paddingHorizontal: CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL,
+            paddingVertical: 8,
+            gap: 8,
+        },
+        label: {
+            color: colors.interaction,
+            fontWeight: '600',
+        },
+    });
+};
+//# sourceMappingURL=unread_divider.js.map

package/build/components/conversation/unread_divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unread_divider.js","sourceRoot":"","sources":["../../../src/components/conversation/unread_divider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,QAAQ,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACnE,OAAO,GAAG,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAA;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,4CAA4C,EAAE,MAAM,oBAAoB,CAAA;AACjF,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAMjC,MAAM,UAAU,GAAG,EAAE,CAAA;AACrB,MAAM,WAAW,GAAG,CAAC,CAAA;AACrB,MAAM,aAAa,GAAG,GAAG,CAAA;AAEzB,MAAM,UAAU,aAAa,CAAC,EAAE,YAAY,GAAG,KAAK,EAAsB;IACxE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,EAAE,qBAAqB,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAE1D,IAAI,YAAY,IAAI,qBAAqB;QAAE,OAAO,IAAI,CAAA;IAEtD,OAAO,CACL,CAAC,QAAQ,CAAC,IAAI,CACZ,QAAQ,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CACzC,OAAO,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CACzC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CACxB,iBAAiB,CAAC,QAAQ,CAC1B,kBAAkB,CAAC,4BAA4B,CAE/C;MAAA,CAAC,YAAY,CAAC,AAAD,EACb;MAAA,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAC3C;;MACF,EAAE,IAAI,CACN;MAAA,CAAC,YAAY,CAAC,AAAD,EACf;IAAA,EAAE,QAAQ,CAAC,IAAI,CAAC,CACjB,CAAA;AACH,CAAC;AAED,SAAS,YAAY;IACnB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,CACnC;MAAA,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CACpC;QAAA,CAAC,IAAI,CACH;UAAA,CAAC,OAAO,CACN,EAAE,CAAC,MAAM,CACT,CAAC,CAAC,GAAG,CACL,CAAC,CAAC,GAAG,CACL,KAAK,CAAC,CAAC,UAAU,CAAC,CAClB,MAAM,CAAC,CAAC,WAAW,CAAC,CACpB,YAAY,CAAC,gBAAgB,CAE7B;YAAA,CAAC,IAAI,CACH,CAAC,CAAC,wBAAwB,CAC1B,MAAM,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAC3B,WAAW,CAAC,CAAC,GAAG,CAAC,CACjB,IAAI,CAAC,MAAM,EAEf;UAAA,EAAE,OAAO,CACX;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,YAAY,EACvE;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,MAAM,aAAa,GAAG,UAAU,CAAC,MAAM,CAAC;IACtC,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;QACP,MAAM,EAAE,WAAW;KACpB;CACF,CAAC,CAAA;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,UAAU,EAAE,QAAQ;YACpB,aAAa,EAAE,KAAK;YACpB,iBAAiB,EAAE,4CAA4C;YAC/D,eAAe,EAAE,CAAC;YAClB,GAAG,EAAE,CAAC;SACP;QACD,KAAK,EAAE;YACL,KAAK,EAAE,MAAM,CAAC,WAAW;YACzB,UAAU,EAAE,KAAK;SAClB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { StyleSheet, View } from 'react-native'\nimport Animated, { FadeIn, FadeOut } from 'react-native-reanimated'\nimport Svg, { Defs, Path, Pattern, Rect } from 'react-native-svg'\nimport { useConversationContext } from '../../contexts/conversation_context'\nimport { useTheme } from '../../hooks'\nimport { CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL } from '../../utils/styles'\nimport { Text } from '../display'\n\ninterface UnreadDividerProps {\n  scrolledPast?: boolean\n}\n\nconst WAVE_WIDTH = 16\nconst WAVE_HEIGHT = 8\nconst FADE_DURATION = 750\n\nexport function UnreadDivider({ scrolledPast = false }: UnreadDividerProps) {\n  const styles = useStyles()\n  const { atEndOfMessageHistory } = useConversationContext()\n\n  if (scrolledPast || atEndOfMessageHistory) return null\n\n  return (\n    <Animated.View\n      entering={FadeIn.duration(FADE_DURATION)}\n      exiting={FadeOut.duration(FADE_DURATION)}\n      style={styles.container}\n      accessibilityRole=\"header\"\n      accessibilityLabel=\"Unread messages start here\"\n    >\n      <SquigglyLine />\n      <Text variant=\"footnote\" style={styles.label}>\n        New\n      </Text>\n      <SquigglyLine />\n    </Animated.View>\n  )\n}\n\nfunction SquigglyLine() {\n  const { colors } = useTheme()\n  return (\n    <View style={squigglyStyle.container}>\n      <Svg width=\"100%\" height={WAVE_HEIGHT}>\n        <Defs>\n          <Pattern\n            id=\"wave\"\n            x=\"0\"\n            y=\"0\"\n            width={WAVE_WIDTH}\n            height={WAVE_HEIGHT}\n            patternUnits=\"userSpaceOnUse\"\n          >\n            <Path\n              d=\"M 0 4 Q 4 0 8 4 T 16 4\"\n              stroke={colors.interaction}\n              strokeWidth={1.5}\n              fill=\"none\"\n            />\n          </Pattern>\n        </Defs>\n        <Rect x=\"0\" y=\"0\" width=\"100%\" height={WAVE_HEIGHT} fill=\"url(#wave)\" />\n      </Svg>\n    </View>\n  )\n}\n\nconst squigglyStyle = StyleSheet.create({\n  container: {\n    flex: 1,\n    height: WAVE_HEIGHT,\n  },\n})\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      flexDirection: 'row',\n      paddingHorizontal: CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL,\n      paddingVertical: 8,\n      gap: 8,\n    },\n    label: {\n      color: colors.interaction,\n      fontWeight: '600',\n    },\n  })\n}\n"]}

package/build/contexts/conversation_context.d.ts

@@ -5,6 +5,8 @@ interface ConversationContextValue {
     initialMessageId: string | null;
     setInitialMessageId: (id: string | null) => void;
     initialMessageIdIsAnchor: boolean;
+    atEndOfMessageHistory: boolean;
+    setAtEndOfMessageHistory: (atEnd: boolean) => void;
 }
 interface ConversationContextProviderProps extends PropsWithChildren {
     conversationId: number;

package/build/contexts/conversation_context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_context.d.ts","sourceRoot":"","sources":["../../src/contexts/conversation_context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,iBAAiB,EAKlB,MAAM,OAAO,CAAA;AAEd,UAAU,wBAAwB;IAChC,cAAc,EAAE,MAAM,CAAA;IACtB,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAA;IACrC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAChD,wBAAwB,EAAE,OAAO,CAAA;CAClC;AAED,UAAU,gCAAiC,SAAQ,iBAAiB;IAClE,cAAc,EAAE,MAAM,CAAA;IACtB,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAA;IACrC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,wBAAwB,CAAC,EAAE,OAAO,CAAA;CACnC;AAUD,eAAO,MAAM,2BAA2B,GAAI,yHAMzC,gCAAgC,sBAmBlC,CAAA;AAED,eAAO,MAAM,sBAAsB,gCAAwC,CAAA"}
+{"version":3,"file":"conversation_context.d.ts","sourceRoot":"","sources":["../../src/contexts/conversation_context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,iBAAiB,EAAiC,MAAM,OAAO,CAAA;AAE9F,UAAU,wBAAwB;IAChC,cAAc,EAAE,MAAM,CAAA;IACtB,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAA;IACrC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAChD,wBAAwB,EAAE,OAAO,CAAA;IACjC,qBAAqB,EAAE,OAAO,CAAA;IAC9B,wBAAwB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CACnD;AAED,UAAU,gCAAiC,SAAQ,iBAAiB;IAClE,cAAc,EAAE,MAAM,CAAA;IACtB,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAA;IACrC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,wBAAwB,CAAC,EAAE,OAAO,CAAA;CACnC;AAYD,eAAO,MAAM,2BAA2B,GAAI,yHAMzC,gCAAgC,sBAwBlC,CAAA;AAED,eAAO,MAAM,sBAAsB,gCAAwC,CAAA"}

package/build/contexts/conversation_context.js

@@ -1,23 +1,31 @@
-import React, { createContext, useContext, useEffect, useMemo, useState, } from 'react';
+import React, { createContext, useContext, useMemo, useState } from 'react';
 const ConversationContext = createContext({
     conversationId: 0,
     currentPageReplyRootId: null,
     initialMessageId: null,
     setInitialMessageId: () => { },
     initialMessageIdIsAnchor: false,
+    atEndOfMessageHistory: false,
+    setAtEndOfMessageHistory: () => { },
 });
 export const ConversationContextProvider = ({ children, conversationId, currentPageReplyRootId, initialMessageId: initialMessageIdProp = null, initialMessageIdIsAnchor = false, }) => {
     const [initialMessageId, setInitialMessageId] = useState(initialMessageIdProp);
-    useEffect(() => {
-        setInitialMessageId(initialMessageIdProp);
-    }, [initialMessageIdProp]);
+    const [atEndOfMessageHistory, setAtEndOfMessageHistory] = useState(false);
     const value = useMemo(() => ({
         conversationId,
         currentPageReplyRootId,
         initialMessageId,
         setInitialMessageId,
         initialMessageIdIsAnchor,
-    }), [conversationId, currentPageReplyRootId, initialMessageId, initialMessageIdIsAnchor]);
+        atEndOfMessageHistory,
+        setAtEndOfMessageHistory,
+    }), [
+        conversationId,
+        currentPageReplyRootId,
+        initialMessageId,
+        initialMessageIdIsAnchor,
+        atEndOfMessageHistory,
+    ]);
     return <ConversationContext.Provider value={value}>{children}</ConversationContext.Provider>;
 };
 export const useConversationContext = () => useContext(ConversationContext);

package/build/contexts/conversation_context.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_context.js","sourceRoot":"","sources":["../../src/contexts/conversation_context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EAEb,UAAU,EACV,SAAS,EACT,OAAO,EACP,QAAQ,GACT,MAAM,OAAO,CAAA;AAiBd,MAAM,mBAAmB,GAAG,aAAa,CAA2B;IAClE,cAAc,EAAE,CAAC;IACjB,sBAAsB,EAAE,IAAI;IAC5B,gBAAgB,EAAE,IAAI;IACtB,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC7B,wBAAwB,EAAE,KAAK;CAChC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAC1C,QAAQ,EACR,cAAc,EACd,sBAAsB,EACtB,gBAAgB,EAAE,oBAAoB,GAAG,IAAI,EAC7C,wBAAwB,GAAG,KAAK,GACC,EAAE,EAAE;IACrC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAA;IAE9E,SAAS,CAAC,GAAG,EAAE;QACb,mBAAmB,CAAC,oBAAoB,CAAC,CAAA;IAC3C,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAA;IAE1B,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACL,cAAc;QACd,sBAAsB;QACtB,gBAAgB;QAChB,mBAAmB;QACnB,wBAAwB;KACzB,CAAC,EACF,CAAC,cAAc,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,wBAAwB,CAAC,CACrF,CAAA;IAED,OAAO,CAAC,mBAAmB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;AAC9F,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAA","sourcesContent":["import React, {\n  createContext,\n  PropsWithChildren,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\n\ninterface ConversationContextValue {\n  conversationId: number\n  currentPageReplyRootId: string | null\n  initialMessageId: string | null\n  setInitialMessageId: (id: string | null) => void\n  initialMessageIdIsAnchor: boolean\n}\n\ninterface ConversationContextProviderProps extends PropsWithChildren {\n  conversationId: number\n  currentPageReplyRootId: string | null\n  initialMessageId?: string | null\n  initialMessageIdIsAnchor?: boolean\n}\n\nconst ConversationContext = createContext<ConversationContextValue>({\n  conversationId: 0,\n  currentPageReplyRootId: null,\n  initialMessageId: null,\n  setInitialMessageId: () => {},\n  initialMessageIdIsAnchor: false,\n})\n\nexport const ConversationContextProvider = ({\n  children,\n  conversationId,\n  currentPageReplyRootId,\n  initialMessageId: initialMessageIdProp = null,\n  initialMessageIdIsAnchor = false,\n}: ConversationContextProviderProps) => {\n  const [initialMessageId, setInitialMessageId] = useState(initialMessageIdProp)\n\n  useEffect(() => {\n    setInitialMessageId(initialMessageIdProp)\n  }, [initialMessageIdProp])\n\n  const value = useMemo(\n    () => ({\n      conversationId,\n      currentPageReplyRootId,\n      initialMessageId,\n      setInitialMessageId,\n      initialMessageIdIsAnchor,\n    }),\n    [conversationId, currentPageReplyRootId, initialMessageId, initialMessageIdIsAnchor]\n  )\n\n  return <ConversationContext.Provider value={value}>{children}</ConversationContext.Provider>\n}\n\nexport const useConversationContext = () => useContext(ConversationContext)\n"]}
+{"version":3,"file":"conversation_context.js","sourceRoot":"","sources":["../../src/contexts/conversation_context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAqB,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAmB9F,MAAM,mBAAmB,GAAG,aAAa,CAA2B;IAClE,cAAc,EAAE,CAAC;IACjB,sBAAsB,EAAE,IAAI;IAC5B,gBAAgB,EAAE,IAAI;IACtB,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC7B,wBAAwB,EAAE,KAAK;IAC/B,qBAAqB,EAAE,KAAK;IAC5B,wBAAwB,EAAE,GAAG,EAAE,GAAE,CAAC;CACnC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAC1C,QAAQ,EACR,cAAc,EACd,sBAAsB,EACtB,gBAAgB,EAAE,oBAAoB,GAAG,IAAI,EAC7C,wBAAwB,GAAG,KAAK,GACC,EAAE,EAAE;IACrC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAA;IAC9E,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEzE,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACL,cAAc;QACd,sBAAsB;QACtB,gBAAgB;QAChB,mBAAmB;QACnB,wBAAwB;QACxB,qBAAqB;QACrB,wBAAwB;KACzB,CAAC,EACF;QACE,cAAc;QACd,sBAAsB;QACtB,gBAAgB;QAChB,wBAAwB;QACxB,qBAAqB;KACtB,CACF,CAAA;IAED,OAAO,CAAC,mBAAmB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;AAC9F,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAA","sourcesContent":["import React, { createContext, PropsWithChildren, useContext, useMemo, useState } from 'react'\n\ninterface ConversationContextValue {\n  conversationId: number\n  currentPageReplyRootId: string | null\n  initialMessageId: string | null\n  setInitialMessageId: (id: string | null) => void\n  initialMessageIdIsAnchor: boolean\n  atEndOfMessageHistory: boolean\n  setAtEndOfMessageHistory: (atEnd: boolean) => void\n}\n\ninterface ConversationContextProviderProps extends PropsWithChildren {\n  conversationId: number\n  currentPageReplyRootId: string | null\n  initialMessageId?: string | null\n  initialMessageIdIsAnchor?: boolean\n}\n\nconst ConversationContext = createContext<ConversationContextValue>({\n  conversationId: 0,\n  currentPageReplyRootId: null,\n  initialMessageId: null,\n  setInitialMessageId: () => {},\n  initialMessageIdIsAnchor: false,\n  atEndOfMessageHistory: false,\n  setAtEndOfMessageHistory: () => {},\n})\n\nexport const ConversationContextProvider = ({\n  children,\n  conversationId,\n  currentPageReplyRootId,\n  initialMessageId: initialMessageIdProp = null,\n  initialMessageIdIsAnchor = false,\n}: ConversationContextProviderProps) => {\n  const [initialMessageId, setInitialMessageId] = useState(initialMessageIdProp)\n  const [atEndOfMessageHistory, setAtEndOfMessageHistory] = useState(false)\n\n  const value = useMemo(\n    () => ({\n      conversationId,\n      currentPageReplyRootId,\n      initialMessageId,\n      setInitialMessageId,\n      initialMessageIdIsAnchor,\n      atEndOfMessageHistory,\n      setAtEndOfMessageHistory,\n    }),\n    [\n      conversationId,\n      currentPageReplyRootId,\n      initialMessageId,\n      initialMessageIdIsAnchor,\n      atEndOfMessageHistory,\n    ]\n  )\n\n  return <ConversationContext.Provider value={value}>{children}</ConversationContext.Provider>\n}\n\nexport const useConversationContext = () => useContext(ConversationContext)\n"]}

package/build/hooks/use_conversation_messages.d.ts

@@ -14,6 +14,8 @@ export declare const useConversationMessages: ({ conversation_id, reply_root_id
     hasMoreOlderMessages: boolean;
     fetchNewerMessages: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<InfiniteData<ApiCollection<MessageResource>, MessagesPageParam>, Response>>;
     hasMoreNewerMessages: boolean;
+    isFetchingNewerMessages: boolean;
+    cancelFetchNewerMessages: () => Promise<void>;
     queryKey: import("./use_suspense_api").RequestQueryKey;
 };
 export {};

package/build/hooks/use_conversation_messages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use_conversation_messages.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversation_messages.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kCAAkC,EAClC,YAAY,EAGb,MAAM,uBAAuB,CAAA;AAG9B,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AACzD,OAAO,EAEL,iBAAiB,EAIlB,MAAM,gCAAgC,CAAA;AAKvC,KAAK,IAAI,GAAG;IAAE,eAAe,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAA;AAEtE,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAC5C,kCAAkC,EAChC,kBAAkB,GAClB,sBAAsB,GACtB,aAAa,GACb,kBAAkB,GAClB,SAAS,GACT,UAAU,CACb,CAAA;AAED,eAAO,MAAM,uBAAuB,GAClC,oCAAoC,IAAI,EACxC,OAAO,2BAA2B;;;;;;;;;CA6EnC,CAAA"}
+{"version":3,"file":"use_conversation_messages.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversation_messages.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kCAAkC,EAClC,YAAY,EAIb,MAAM,uBAAuB,CAAA;AAG9B,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AACzD,OAAO,EAEL,iBAAiB,EAIlB,MAAM,gCAAgC,CAAA;AAKvC,KAAK,IAAI,GAAG;IAAE,eAAe,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAA;AAEtE,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAC5C,kCAAkC,EAChC,kBAAkB,GAClB,sBAAsB,GACtB,aAAa,GACb,kBAAkB,GAClB,SAAS,GACT,UAAU,CACb,CAAA;AAED,eAAO,MAAM,uBAAuB,GAClC,oCAAoC,IAAI,EACxC,OAAO,2BAA2B;;;;;;;;;;;CA4FnC,CAAA"}

package/build/hooks/use_conversation_messages.js

@@ -1,5 +1,5 @@
-import { useSuspenseInfiniteQuery, useSuspenseQueries, } from '@tanstack/react-query';
-import { useMemo } from 'react';
+import { useQueryClient, useSuspenseInfiniteQuery, useSuspenseQueries, } from '@tanstack/react-query';
+import { useCallback, useMemo } from 'react';
 import { useConversationContext } from '../contexts/conversation_context';
 import { anchoredSeedPageParams, newerPageParam, olderPageParam, sortAndFilterMessages, } from '../utils/conversation_messages';
 import { getMessagesQueryKey, getMessagesRequestArgs } from '../utils/request/get_messages';
@@ -9,8 +9,8 @@ export const useConversationMessages = ({ conversation_id, reply_root_id }, opts
     const apiClient = useApiClient();
     const { initialMessageId } = useConversationContext();
     const anchored = !reply_root_id && !!initialMessageId;
-    const requestArgs = getMessagesRequestArgs({ conversation_id, reply_root_id });
-    const queryKey = getMessagesQueryKey({ conversation_id, reply_root_id });
+    const requestArgs = useMemo(() => getMessagesRequestArgs({ conversation_id, reply_root_id }), [conversation_id, reply_root_id]);
+    const queryKey = useMemo(() => getMessagesQueryKey({ conversation_id, reply_root_id }), [conversation_id, reply_root_id]);
     const fetchPage = (pageParam) => {
         const data = {
             ...requestArgs.data,
@@ -37,7 +37,7 @@ export const useConversationMessages = ({ conversation_id, reply_root_id }, opts
         }
         : undefined;
     const initialPageParam = anchored ? seedPageParams[0] : {};
-    const { data, refetch, isRefetching, fetchNextPage, hasNextPage, fetchPreviousPage, hasPreviousPage, } = useSuspenseInfiniteQuery({
+    const { data, refetch, isRefetching, fetchNextPage, hasNextPage, fetchPreviousPage, hasPreviousPage, isFetchingPreviousPage, } = useSuspenseInfiniteQuery({
         queryKey,
         queryFn: ({ pageParam }) => fetchPage(pageParam),
         initialPageParam,
@@ -48,6 +48,8 @@ export const useConversationMessages = ({ conversation_id, reply_root_id }, opts
         ...(anchored ? { staleTime: Infinity, refetchOnMount: false } : {}),
     });
     const messages = useMemo(() => sortAndFilterMessages(data.pages), [data.pages]);
+    const queryClient = useQueryClient();
+    const cancelFetchNewerMessages = useCallback(() => queryClient.cancelQueries({ queryKey }), [queryClient, queryKey]);
     return {
         messages,
         refetch,
@@ -56,6 +58,8 @@ export const useConversationMessages = ({ conversation_id, reply_root_id }, opts
         hasMoreOlderMessages: hasNextPage,
         fetchNewerMessages: fetchPreviousPage,
         hasMoreNewerMessages: hasPreviousPage,
+        isFetchingNewerMessages: isFetchingPreviousPage,
+        cancelFetchNewerMessages,
         queryKey,
     };
 };

package/build/hooks/use_conversation_messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_conversation_messages.js","sourceRoot":"","sources":["../../src/hooks/use_conversation_messages.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  AnyUseSuspenseInfiniteQueryOptions,\n  InfiniteData,\n  useSuspenseInfiniteQuery,\n  useSuspenseQueries,\n} from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { useConversationContext } from '../contexts/conversation_context'\nimport { ApiCollection, MessageResource } from '../types'\nimport {\n  anchoredSeedPageParams,\n  MessagesPageParam,\n  newerPageParam,\n  olderPageParam,\n  sortAndFilterMessages,\n} from '../utils/conversation_messages'\nimport { getMessagesQueryKey, getMessagesRequestArgs } from '../utils/request/get_messages'\nimport { useApiClient } from './use_api_client'\nimport { throwResponseError } from './use_suspense_api'\n\ntype Args = { conversation_id: number; reply_root_id?: string | null }\n\nexport type ConversationMessagesOptions = Omit<\n  AnyUseSuspenseInfiniteQueryOptions,\n  | 'getNextPageParam'\n  | 'getPreviousPageParam'\n  | 'initialData'\n  | 'initialPageParam'\n  | 'queryFn'\n  | 'queryKey'\n>\n\nexport const useConversationMessages = (\n  { conversation_id, reply_root_id }: Args,\n  opts?: ConversationMessagesOptions\n) => {\n  const apiClient = useApiClient()\n  const { initialMessageId } = useConversationContext()\n  const anchored = !reply_root_id && !!initialMessageId\n\n  const requestArgs = getMessagesRequestArgs({ conversation_id, reply_root_id })\n  const queryKey = getMessagesQueryKey({ conversation_id, reply_root_id })\n\n  const fetchPage = (pageParam: MessagesPageParam) => {\n    const data = {\n      ...requestArgs.data,\n      ...(pageParam.where ? { where: pageParam.where } : {}),\n      ...(pageParam.order ? { order: pageParam.order } : {}),\n    }\n    return apiClient.chat\n      .get<ApiCollection<MessageResource>>({ url: requestArgs.url, data })\n      .catch(throwResponseError)\n  }\n\n  const seedPageParams = anchored ? anchoredSeedPageParams(initialMessageId) : []\n  const seedQueries = useSuspenseQueries({\n    queries: seedPageParams.map((pageParam, index) => ({\n      queryKey: [...queryKey, 'seed', index],\n      queryFn: () => fetchPage(pageParam),\n      staleTime: Infinity,\n      gcTime: 0,\n    })),\n  })\n\n  const initialData: InfiniteData<ApiCollection<MessageResource>, MessagesPageParam> | undefined =\n    anchored\n      ? {\n          pages: seedQueries.map(q => q.data),\n          pageParams: seedPageParams,\n        }\n      : undefined\n\n  const initialPageParam: MessagesPageParam = anchored ? seedPageParams[0] : {}\n\n  const {\n    data,\n    refetch,\n    isRefetching,\n    fetchNextPage,\n    hasNextPage,\n    fetchPreviousPage,\n    hasPreviousPage,\n  } = useSuspenseInfiniteQuery<\n    ApiCollection<MessageResource>,\n    Response,\n    InfiniteData<ApiCollection<MessageResource>, MessagesPageParam>,\n    typeof queryKey,\n    MessagesPageParam\n  >({\n    queryKey,\n    queryFn: ({ pageParam }) => fetchPage(pageParam),\n    initialPageParam,\n    initialData,\n    getNextPageParam: olderPageParam,\n    getPreviousPageParam: anchored ? newerPageParam : () => undefined,\n    ...(opts || {}),\n    ...(anchored ? { staleTime: Infinity, refetchOnMount: false } : {}),\n  })\n\n  const messages = useMemo(() => sortAndFilterMessages(data.pages), [data.pages])\n\n  return {\n    messages,\n    refetch,\n    isRefetching,\n    fetchOlderMessages: fetchNextPage,\n    hasMoreOlderMessages: hasNextPage,\n    fetchNewerMessages: fetchPreviousPage,\n    hasMoreNewerMessages: hasPreviousPage,\n    queryKey,\n  }\n}\n"]}
+{"version":3,"file":"use_conversation_messages.js","sourceRoot":"","sources":["../../src/hooks/use_conversation_messages.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  AnyUseSuspenseInfiniteQueryOptions,\n  InfiniteData,\n  useQueryClient,\n  useSuspenseInfiniteQuery,\n  useSuspenseQueries,\n} from '@tanstack/react-query'\nimport { useCallback, useMemo } from 'react'\nimport { useConversationContext } from '../contexts/conversation_context'\nimport { ApiCollection, MessageResource } from '../types'\nimport {\n  anchoredSeedPageParams,\n  MessagesPageParam,\n  newerPageParam,\n  olderPageParam,\n  sortAndFilterMessages,\n} from '../utils/conversation_messages'\nimport { getMessagesQueryKey, getMessagesRequestArgs } from '../utils/request/get_messages'\nimport { useApiClient } from './use_api_client'\nimport { throwResponseError } from './use_suspense_api'\n\ntype Args = { conversation_id: number; reply_root_id?: string | null }\n\nexport type ConversationMessagesOptions = Omit<\n  AnyUseSuspenseInfiniteQueryOptions,\n  | 'getNextPageParam'\n  | 'getPreviousPageParam'\n  | 'initialData'\n  | 'initialPageParam'\n  | 'queryFn'\n  | 'queryKey'\n>\n\nexport const useConversationMessages = (\n  { conversation_id, reply_root_id }: Args,\n  opts?: ConversationMessagesOptions\n) => {\n  const apiClient = useApiClient()\n  const { initialMessageId } = useConversationContext()\n  const anchored = !reply_root_id && !!initialMessageId\n\n  const requestArgs = useMemo(\n    () => getMessagesRequestArgs({ conversation_id, reply_root_id }),\n    [conversation_id, reply_root_id]\n  )\n  const queryKey = useMemo(\n    () => getMessagesQueryKey({ conversation_id, reply_root_id }),\n    [conversation_id, reply_root_id]\n  )\n\n  const fetchPage = (pageParam: MessagesPageParam) => {\n    const data = {\n      ...requestArgs.data,\n      ...(pageParam.where ? { where: pageParam.where } : {}),\n      ...(pageParam.order ? { order: pageParam.order } : {}),\n    }\n    return apiClient.chat\n      .get<ApiCollection<MessageResource>>({ url: requestArgs.url, data })\n      .catch(throwResponseError)\n  }\n\n  const seedPageParams = anchored ? anchoredSeedPageParams(initialMessageId) : []\n  const seedQueries = useSuspenseQueries({\n    queries: seedPageParams.map((pageParam, index) => ({\n      queryKey: [...queryKey, 'seed', index],\n      queryFn: () => fetchPage(pageParam),\n      staleTime: Infinity,\n      gcTime: 0,\n    })),\n  })\n\n  const initialData: InfiniteData<ApiCollection<MessageResource>, MessagesPageParam> | undefined =\n    anchored\n      ? {\n          pages: seedQueries.map(q => q.data),\n          pageParams: seedPageParams,\n        }\n      : undefined\n\n  const initialPageParam: MessagesPageParam = anchored ? seedPageParams[0] : {}\n\n  const {\n    data,\n    refetch,\n    isRefetching,\n    fetchNextPage,\n    hasNextPage,\n    fetchPreviousPage,\n    hasPreviousPage,\n    isFetchingPreviousPage,\n  } = useSuspenseInfiniteQuery<\n    ApiCollection<MessageResource>,\n    Response,\n    InfiniteData<ApiCollection<MessageResource>, MessagesPageParam>,\n    typeof queryKey,\n    MessagesPageParam\n  >({\n    queryKey,\n    queryFn: ({ pageParam }) => fetchPage(pageParam),\n    initialPageParam,\n    initialData,\n    getNextPageParam: olderPageParam,\n    getPreviousPageParam: anchored ? newerPageParam : () => undefined,\n    ...(opts || {}),\n    ...(anchored ? { staleTime: Infinity, refetchOnMount: false } : {}),\n  })\n\n  const messages = useMemo(() => sortAndFilterMessages(data.pages), [data.pages])\n\n  const queryClient = useQueryClient()\n  const cancelFetchNewerMessages = useCallback(\n    () => queryClient.cancelQueries({ queryKey }),\n    [queryClient, queryKey]\n  )\n\n  return {\n    messages,\n    refetch,\n    isRefetching,\n    fetchOlderMessages: fetchNextPage,\n    hasMoreOlderMessages: hasNextPage,\n    fetchNewerMessages: fetchPreviousPage,\n    hasMoreNewerMessages: hasPreviousPage,\n    isFetchingNewerMessages: isFetchingPreviousPage,\n    cancelFetchNewerMessages,\n    queryKey,\n  }\n}\n"]}

package/build/hooks/use_conversation_messages_jolt_events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use_conversation_messages_jolt_events.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversation_messages_jolt_events.ts"],"names":[],"mappings":"AAyBA,UAAU,KAAK;IACb,cAAc,EAAE,MAAM,CAAA;CACvB;AAED,wBAAgB,iCAAiC,CAAC,EAAE,cAAc,EAAE,EAAE,KAAK,QA+F1E"}
+{"version":3,"file":"use_conversation_messages_jolt_events.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversation_messages_jolt_events.ts"],"names":[],"mappings":"AA0BA,UAAU,KAAK;IACb,cAAc,EAAE,MAAM,CAAA;CACvB;AAED,wBAAgB,iCAAiC,CAAC,EAAE,cAAc,EAAE,EAAE,KAAK,QA+F1E"}

package/build/hooks/use_conversation_messages_jolt_events.js

@@ -1,6 +1,6 @@
 import { useQueryClient } from '@tanstack/react-query';
 import { deleteRecordInPagesData } from '../utils';
-import { updateCacheWithMessage, updateCacheWithIndividualMessage, updateCacheWithReaction, getThreadedMessagesQueryKey, } from '../utils/cache/messages_cache';
+import { updateCacheWithMessage, updateCacheWithIndividualMessage, updateCacheWithReaction, getThreadedMessagesQueryKey, hasUnloadedNewerPages, } from '../utils/cache/messages_cache';
 import { transformMessageEventDataToMessageResource } from '../utils/jolt/transform_message_event_data_to_message_resource';
 import { completeMessageCreationTracking } from '../utils/performance_tracking';
 import { getMessageQueryKey } from '../utils/request/get_message';
@@ -30,9 +30,9 @@ export function useConversationMessagesJoltEvents({ conversationId }) {
                 completeMessageCreationTracking({ apiClient, idempotentKey: data.idempotent_key });
             }
         }
-        // Update the main conversation cache
-        updateCacheWithMessage(queryClient, messagesQueryKey, message, e.event);
-        // If message has a reply_root_id, also update the threaded cache
+        if (e.event === 'message.updated' || !hasUnloadedNewerPages(queryClient, messagesQueryKey)) {
+            updateCacheWithMessage(queryClient, messagesQueryKey, message, e.event);
+        }
         if (data.reply_root_id) {
             const threadedMessagesQueryKey = getThreadedMessagesQueryKey(conversationId, data.reply_root_id);
             updateCacheWithMessage(queryClient, threadedMessagesQueryKey, message, e.event);

package/build/hooks/use_conversation_messages_jolt_events.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_conversation_messages_jolt_events.js","sourceRoot":"","sources":["../../src/hooks/use_conversation_messages_jolt_events.ts"],"names":[],"mappings":"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","sourcesContent":["import { InfiniteData, useQueryClient } from '@tanstack/react-query'\nimport { ApiCollection, MessageResource } from '../types'\nimport { JoltReactionEvent, JoltTypingEvent } from '../types/jolt_events'\nimport {\n  MessageCreatedEvent,\n  MessageUpdatedEvent,\n  MessageDeletedEvent,\n} from '../types/jolt_events/message_events'\nimport { deleteRecordInPagesData } from '../utils'\nimport {\n  updateCacheWithMessage,\n  updateCacheWithIndividualMessage,\n  updateCacheWithReaction,\n  getThreadedMessagesQueryKey,\n} from '../utils/cache/messages_cache'\nimport { transformMessageEventDataToMessageResource } from '../utils/jolt/transform_message_event_data_to_message_resource'\nimport { completeMessageCreationTracking } from '../utils/performance_tracking'\nimport { getMessageQueryKey } from '../utils/request/get_message'\nimport { getMessagesRequestArgs } from '../utils/request/get_messages'\nimport { useApiClient } from './use_api_client'\nimport { useCurrentPerson } from './use_current_person'\nimport { useJoltChannel, useJoltEvent } from './use_jolt'\nimport { getRequestQueryKey } from './use_suspense_api'\nimport { TYPING_TIMEOUT_INTERVAL, useTypingStatusCache } from './use_typing_status_cache'\n\ninterface Props {\n  conversationId: number\n}\n\nexport function useConversationMessagesJoltEvents({ conversationId }: Props) {\n  const queryClient = useQueryClient()\n  const currentPerson = useCurrentPerson()\n  const joltChannel = useJoltChannel(`chat.conversations.${conversationId}`)\n  const messagesRequestArgs = getMessagesRequestArgs({ conversation_id: conversationId })\n  const messagesQueryKey = getRequestQueryKey(messagesRequestArgs)\n  const apiClient = useApiClient()\n\n  const { addTypingEvent, removeTypingEventById, removeAllTypingEventsByAuthorId } =\n    useTypingStatusCache(conversationId)\n\n  const handleMessageUpdateOrCreate = async (e: MessageCreatedEvent | MessageUpdatedEvent) => {\n    const { data } = e.data\n    const message = transformMessageEventDataToMessageResource({\n      data,\n      currentPersonId: currentPerson.id,\n    })\n\n    if (e.event === 'message.created' && data.author_id) {\n      removeAllTypingEventsByAuthorId(data.author_id)\n      if (data.idempotent_key && data.author_id === currentPerson.id) {\n        completeMessageCreationTracking({ apiClient, idempotentKey: data.idempotent_key })\n      }\n    }\n\n    // Update the main conversation cache\n    updateCacheWithMessage(queryClient, messagesQueryKey, message, e.event)\n\n    // If message has a reply_root_id, also update the threaded cache\n    if (data.reply_root_id) {\n      const threadedMessagesQueryKey = getThreadedMessagesQueryKey(\n        conversationId,\n        data.reply_root_id\n      )\n      updateCacheWithMessage(queryClient, threadedMessagesQueryKey, message, e.event)\n    }\n\n    // Update individual message query cache so reply shadow messages update immediately\n    if (e.event === 'message.updated') {\n      const individualMessageQueryKey = getMessageQueryKey({\n        conversation_id: conversationId,\n        messageId: data.sort_key,\n      })\n      updateCacheWithIndividualMessage(queryClient, individualMessageQueryKey, message)\n    }\n  }\n\n  const handleMessageDeleted = async (e: MessageDeletedEvent) => {\n    const { data } = e.data\n    const message = transformMessageEventDataToMessageResource({\n      data,\n      currentPersonId: currentPerson.id,\n    })\n\n    // Update the main conversation cache\n    queryClient.setQueryData<QueryData>(messagesQueryKey, prev =>\n      deleteRecordInPagesData({ data: prev, record: message })\n    )\n\n    // If message has a reply_root_id, also update the threaded cache\n    if (data.reply_root_id) {\n      const threadedMessagesQueryKey = getThreadedMessagesQueryKey(\n        conversationId,\n        data.reply_root_id\n      )\n      queryClient.setQueryData<QueryData>(threadedMessagesQueryKey, prev =>\n        deleteRecordInPagesData({ data: prev, record: message })\n      )\n    }\n  }\n\n  const handleReactionJoltEvent = async (e: JoltReactionEvent) => {\n    // Update the main conversation cache and capture the reply_root_id if present\n    updateCacheWithReaction(queryClient, messagesQueryKey, e, currentPerson.id)\n\n    const replyRootId = e.data.data.reply_root_id\n\n    // If the message has a reply_root_id, also update the threaded cache\n    if (replyRootId) {\n      const threadedMessagesQueryKey = getThreadedMessagesQueryKey(conversationId, replyRootId)\n      updateCacheWithReaction(queryClient, threadedMessagesQueryKey, e, currentPerson.id)\n    }\n  }\n\n  const handleTypingEvent = async (e: JoltTypingEvent) => {\n    const { data } = e.data\n    addTypingEvent(data)\n    setTimeout(() => removeTypingEventById(data.id), TYPING_TIMEOUT_INTERVAL)\n  }\n\n  useJoltEvent(joltChannel, 'message.created', handleMessageUpdateOrCreate)\n  useJoltEvent(joltChannel, 'message.updated', handleMessageUpdateOrCreate)\n  useJoltEvent(joltChannel, 'message.destroyed', handleMessageDeleted)\n  useJoltEvent(joltChannel, 'reaction.*', handleReactionJoltEvent)\n  useJoltEvent(joltChannel, 'typing.broadcast', handleTypingEvent)\n}\n\ntype QueryData = InfiniteData<ApiCollection<MessageResource>>\n"]}
+{"version":3,"file":"use_conversation_messages_jolt_events.js","sourceRoot":"","sources":["../../src/hooks/use_conversation_messages_jolt_events.ts"],"names":[],"mappings":"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","sourcesContent":["import { InfiniteData, useQueryClient } from '@tanstack/react-query'\nimport { ApiCollection, MessageResource } from '../types'\nimport { JoltReactionEvent, JoltTypingEvent } from '../types/jolt_events'\nimport {\n  MessageCreatedEvent,\n  MessageUpdatedEvent,\n  MessageDeletedEvent,\n} from '../types/jolt_events/message_events'\nimport { deleteRecordInPagesData } from '../utils'\nimport {\n  updateCacheWithMessage,\n  updateCacheWithIndividualMessage,\n  updateCacheWithReaction,\n  getThreadedMessagesQueryKey,\n  hasUnloadedNewerPages,\n} from '../utils/cache/messages_cache'\nimport { transformMessageEventDataToMessageResource } from '../utils/jolt/transform_message_event_data_to_message_resource'\nimport { completeMessageCreationTracking } from '../utils/performance_tracking'\nimport { getMessageQueryKey } from '../utils/request/get_message'\nimport { getMessagesRequestArgs } from '../utils/request/get_messages'\nimport { useApiClient } from './use_api_client'\nimport { useCurrentPerson } from './use_current_person'\nimport { useJoltChannel, useJoltEvent } from './use_jolt'\nimport { getRequestQueryKey } from './use_suspense_api'\nimport { TYPING_TIMEOUT_INTERVAL, useTypingStatusCache } from './use_typing_status_cache'\n\ninterface Props {\n  conversationId: number\n}\n\nexport function useConversationMessagesJoltEvents({ conversationId }: Props) {\n  const queryClient = useQueryClient()\n  const currentPerson = useCurrentPerson()\n  const joltChannel = useJoltChannel(`chat.conversations.${conversationId}`)\n  const messagesRequestArgs = getMessagesRequestArgs({ conversation_id: conversationId })\n  const messagesQueryKey = getRequestQueryKey(messagesRequestArgs)\n  const apiClient = useApiClient()\n\n  const { addTypingEvent, removeTypingEventById, removeAllTypingEventsByAuthorId } =\n    useTypingStatusCache(conversationId)\n\n  const handleMessageUpdateOrCreate = async (e: MessageCreatedEvent | MessageUpdatedEvent) => {\n    const { data } = e.data\n    const message = transformMessageEventDataToMessageResource({\n      data,\n      currentPersonId: currentPerson.id,\n    })\n\n    if (e.event === 'message.created' && data.author_id) {\n      removeAllTypingEventsByAuthorId(data.author_id)\n      if (data.idempotent_key && data.author_id === currentPerson.id) {\n        completeMessageCreationTracking({ apiClient, idempotentKey: data.idempotent_key })\n      }\n    }\n\n    if (e.event === 'message.updated' || !hasUnloadedNewerPages(queryClient, messagesQueryKey)) {\n      updateCacheWithMessage(queryClient, messagesQueryKey, message, e.event)\n    }\n\n    if (data.reply_root_id) {\n      const threadedMessagesQueryKey = getThreadedMessagesQueryKey(\n        conversationId,\n        data.reply_root_id\n      )\n      updateCacheWithMessage(queryClient, threadedMessagesQueryKey, message, e.event)\n    }\n\n    // Update individual message query cache so reply shadow messages update immediately\n    if (e.event === 'message.updated') {\n      const individualMessageQueryKey = getMessageQueryKey({\n        conversation_id: conversationId,\n        messageId: data.sort_key,\n      })\n      updateCacheWithIndividualMessage(queryClient, individualMessageQueryKey, message)\n    }\n  }\n\n  const handleMessageDeleted = async (e: MessageDeletedEvent) => {\n    const { data } = e.data\n    const message = transformMessageEventDataToMessageResource({\n      data,\n      currentPersonId: currentPerson.id,\n    })\n\n    // Update the main conversation cache\n    queryClient.setQueryData<QueryData>(messagesQueryKey, prev =>\n      deleteRecordInPagesData({ data: prev, record: message })\n    )\n\n    // If message has a reply_root_id, also update the threaded cache\n    if (data.reply_root_id) {\n      const threadedMessagesQueryKey = getThreadedMessagesQueryKey(\n        conversationId,\n        data.reply_root_id\n      )\n      queryClient.setQueryData<QueryData>(threadedMessagesQueryKey, prev =>\n        deleteRecordInPagesData({ data: prev, record: message })\n      )\n    }\n  }\n\n  const handleReactionJoltEvent = async (e: JoltReactionEvent) => {\n    // Update the main conversation cache and capture the reply_root_id if present\n    updateCacheWithReaction(queryClient, messagesQueryKey, e, currentPerson.id)\n\n    const replyRootId = e.data.data.reply_root_id\n\n    // If the message has a reply_root_id, also update the threaded cache\n    if (replyRootId) {\n      const threadedMessagesQueryKey = getThreadedMessagesQueryKey(conversationId, replyRootId)\n      updateCacheWithReaction(queryClient, threadedMessagesQueryKey, e, currentPerson.id)\n    }\n  }\n\n  const handleTypingEvent = async (e: JoltTypingEvent) => {\n    const { data } = e.data\n    addTypingEvent(data)\n    setTimeout(() => removeTypingEventById(data.id), TYPING_TIMEOUT_INTERVAL)\n  }\n\n  useJoltEvent(joltChannel, 'message.created', handleMessageUpdateOrCreate)\n  useJoltEvent(joltChannel, 'message.updated', handleMessageUpdateOrCreate)\n  useJoltEvent(joltChannel, 'message.destroyed', handleMessageDeleted)\n  useJoltEvent(joltChannel, 'reaction.*', handleReactionJoltEvent)\n  useJoltEvent(joltChannel, 'typing.broadcast', handleTypingEvent)\n}\n\ntype QueryData = InfiniteData<ApiCollection<MessageResource>>\n"]}