@planningcenter/chat-react-native 3.44.1-qa-874.0 → 3.44.1-qa-875.0

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":"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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 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} ${\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"]}
+{"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, safeAspectRatio } 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} ${\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: safeAspectRatio(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/display/badge.js

@@ -92,7 +92,9 @@ const useStyles = ({ appearance = 'neutral', maxFontSizeMultiplier, variant = 'd
             paddingVertical: variantStylesMap[variant].paddingVertical,
             paddingHorizontal: variantStylesMap[variant].paddingHorizontal,
             backgroundColor: variantStylesMap[variant].backgroundColor,
-            borderRadius: variantStylesMap[variant].borderRadius - 2,
+            // metaSubtle's borderRadius is 0, so this can't go below 0 - Android
+            // hard-throws on a negative borderRadius during layout.
+            borderRadius: Math.max(0, variantStylesMap[variant].borderRadius - 2),
         },
         icon: {
             color: statusColorMap[appearance].icon,

package/build/components/display/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/display/badge.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { JSX } from 'react'\nimport type { TextStyle, ViewProps, ViewStyle } from 'react-native'\nimport { Pressable, StyleSheet, View } from 'react-native'\nimport Svg, { Defs, LinearGradient, Path, Stop } from 'react-native-svg'\nimport { useFontScale, useTheme } from '../../hooks'\nimport { platformFontWeightMedium } from '../../utils'\nimport { tokens } from '../../vendor/tapestry/tokens'\nimport { Icon, IconString } from './icon'\nimport { Text } from './text'\nimport { useStatusColorAppearanceMap, type StatusAppearanceUnion } from './utils/status_colors'\n\n// =================================\n// ====== Constants ================\n// =================================\n\ntype VariantUnion = 'default' | 'meta' | 'metaSubtle'\n\ntype VariantStyles = Record<\n  VariantUnion,\n  {\n    backgroundColor: string\n    paddingHorizontal: number\n    paddingVertical: number\n    borderWidth: number\n    borderRadius: number\n    textColor: string\n    gap: number\n    metaLabelPaddingLeft: number\n    fontWeight: TextStyle['fontWeight']\n  }\n>\n\ntype ProductLogoName = 'Groups' | 'Services' | 'groups' | 'services'\ntype ProductIconName = 'Chat' | 'chat'\ntype ProductLogoComponent = ({ logoSize }: { logoSize: number }) => JSX.Element\n\nconst PRODUCT_LOGO_COMPONENT_MAP: Record<ProductLogoName, ProductLogoComponent> = {\n  Groups: GroupsLogo,\n  groups: GroupsLogo,\n  services: ServicesIcon,\n  Services: ServicesIcon,\n}\n\n// =================================\n// ====== Component ================\n// =================================\n\nexport interface BadgeProps {\n  /**\n   * Renders the main text.\n   */\n  label: string\n  /**\n   * Renders secondary meta text to the right of the label.\n   */\n  metaLabel?: string\n  /**\n   * Changes the status color for the badge and icon.\n   */\n  appearance?: StatusAppearanceUnion\n  /**\n   * Changes form of the logo to support a meta label and badge\n   */\n  variant?: VariantUnion\n  /**\n   * Adds a product logo to the left of the text.\n   */\n  productLogoName?: ProductLogoName | ProductIconName\n  /**\n   * Shows an icon of the user choice to the left of the text.\n   */\n  iconName?: IconString\n  /**\n   * Shows an icon of the user choice to the right of the text.\n   */\n  iconNameRight?: IconString\n  /**\n   * Styles badge wrapper.\n   */\n  style?: ViewStyle\n  /**\n   * Specifies the maximum size a font can reach when allowFontScaling is enabled.\n   */\n  maxFontSizeMultiplier?: number\n  /**\n   * Callback function when the badge is pressed.\n   */\n  onPress?: () => void\n  /**\n   * Specifies the number of lines for the meta label before truncating.\n   */\n  numberOfLinesMetaLabel?: number\n}\n\nexport function Badge({\n  appearance = 'neutral',\n  metaLabel,\n  style,\n  iconName,\n  iconNameRight,\n  label,\n  productLogoName,\n  variant = 'default',\n  maxFontSizeMultiplier,\n  numberOfLinesMetaLabel = 1,\n  onPress,\n}: BadgeProps) {\n  const styles = useStyles({ appearance, maxFontSizeMultiplier, variant })\n  const { showBadgeProductLogo } = useTheme()\n\n  const isMetaSubtle = variant === 'metaSubtle'\n  const hasMetaLabel = Boolean(metaLabel)\n\n  const showLogo = showBadgeProductLogo && productLogoName\n  const isChatLogo = productLogoName?.toLowerCase() === 'chat'\n  const ProductLogoSvg = showLogo && PRODUCT_LOGO_COMPONENT_MAP[productLogoName as ProductLogoName]\n  const badgeLabel = isMetaSubtle && hasMetaLabel ? `${label}:` : label\n\n  return (\n    <BadgeWrapper style={[styles.badgeWrapper, style]} onPress={onPress} accessibilityRole=\"button\">\n      <View style={styles.badge}>\n        {showLogo && ProductLogoSvg && <ProductLogoSvg logoSize={styles.logo.fontSize} />}\n        {showLogo && isChatLogo && <Icon name=\"general.textMessage\" style={styles.icon} />}\n        {iconName && <Icon name={iconName} style={styles.icon} />}\n        <Text\n          variant=\"footnote\"\n          style={styles.label}\n          numberOfLines={1}\n          maxFontSizeMultiplier={maxFontSizeMultiplier}\n        >\n          {badgeLabel}\n        </Text>\n        {iconNameRight && <Icon name={iconNameRight} style={styles.iconRight} />}\n      </View>\n      {hasMetaLabel && (\n        <Text\n          variant=\"footnote\"\n          style={styles.metaLabel}\n          numberOfLines={numberOfLinesMetaLabel}\n          maxFontSizeMultiplier={maxFontSizeMultiplier}\n        >\n          {metaLabel}\n        </Text>\n      )}\n    </BadgeWrapper>\n  )\n}\n\nconst BadgeWrapper = ({\n  children,\n  onPress,\n  accessibilityRole,\n  ...restProps\n}: ViewProps & Pick<BadgeProps, 'onPress'>) => {\n  if (onPress) {\n    return (\n      <Pressable accessibilityRole={accessibilityRole} onPress={onPress} {...restProps}>\n        {children}\n      </Pressable>\n    )\n  }\n\n  return <View {...restProps}>{children}</View>\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = ({\n  appearance = 'neutral',\n  maxFontSizeMultiplier,\n  variant = 'default',\n}: Partial<BadgeProps>) => {\n  const { colors } = useTheme()\n  const fontScale = useFontScale({ maxFontSizeMultiplier })\n\n  const statusColorMap = useStatusColorAppearanceMap()\n\n  const badgeGap = 4 * fontScale\n  const badgePaddingHorizontal = 8\n  const badgePaddingVertical = 4\n  const badgeFontSize = 12\n\n  const variantStylesMap: VariantStyles = {\n    default: {\n      gap: badgeGap,\n      backgroundColor: statusColorMap[appearance].background,\n      metaLabelPaddingLeft: badgePaddingHorizontal,\n      paddingHorizontal: badgePaddingHorizontal,\n      paddingVertical: badgePaddingVertical,\n      borderWidth: tokens.borderSizeDefault * fontScale,\n      borderRadius: tokens.borderRadiusMd * fontScale,\n      textColor: statusColorMap[appearance].text,\n      fontWeight: 'normal',\n    },\n    meta: {\n      gap: badgeGap,\n      backgroundColor: statusColorMap[appearance].background,\n      metaLabelPaddingLeft: badgePaddingHorizontal,\n      paddingHorizontal: badgePaddingHorizontal,\n      paddingVertical: badgePaddingVertical,\n      borderWidth: tokens.borderSizeDefault * fontScale,\n      borderRadius: tokens.borderRadiusMd * fontScale,\n      textColor: statusColorMap[appearance].text,\n      fontWeight: platformFontWeightMedium,\n    },\n    metaSubtle: {\n      gap: badgeGap,\n      backgroundColor: 'transparent',\n      metaLabelPaddingLeft: badgeGap,\n      paddingHorizontal: 0,\n      paddingVertical: 0,\n      borderWidth: 0,\n      borderRadius: 0,\n      textColor: colors.textColorDefaultSecondary,\n      fontWeight: platformFontWeightMedium,\n    },\n  }\n\n  return StyleSheet.create({\n    badgeWrapper: {\n      flexDirection: 'row',\n      justifyContent: 'center',\n      alignSelf: 'flex-start',\n      borderRadius: variantStylesMap[variant].borderRadius,\n      borderWidth: variantStylesMap[variant].borderWidth,\n      borderColor: statusColorMap[appearance].background,\n    },\n    badge: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: variantStylesMap[variant].gap,\n      paddingVertical: variantStylesMap[variant].paddingVertical,\n      paddingHorizontal: variantStylesMap[variant].paddingHorizontal,\n      backgroundColor: variantStylesMap[variant].backgroundColor,\n      borderRadius: variantStylesMap[variant].borderRadius - 2,\n    },\n    icon: {\n      color: statusColorMap[appearance].icon,\n      fontSize: badgeFontSize,\n    },\n    iconRight: {\n      color: statusColorMap[appearance].icon,\n      fontSize: badgeFontSize - 2,\n    },\n    logo: {\n      fontSize: badgeFontSize * fontScale,\n    },\n    label: {\n      color: variantStylesMap[variant].textColor,\n      fontWeight: variantStylesMap[variant].fontWeight,\n      fontSize: badgeFontSize,\n      flexShrink: 1,\n    },\n    metaLabel: {\n      paddingHorizontal: variantStylesMap[variant].paddingHorizontal,\n      fontSize: badgeFontSize,\n      alignSelf: 'center',\n      flexShrink: 1,\n      paddingLeft: variantStylesMap[variant].metaLabelPaddingLeft,\n    },\n  })\n}\n\n// =================================\n// ====== Product Logos ============\n// =================================\n\ninterface ProductLogoProps {\n  logoSize: number\n}\n\nfunction GroupsLogo({ logoSize }: ProductLogoProps) {\n  return (\n    <Svg width={logoSize} height={logoSize} viewBox=\"0 0 16 16\" fill=\"none\">\n      <Path\n        d=\"M9.06 6.14H6.94c-.152.36-.438.646-.797.798v2.12c.359.152.645.438.797.797h2.117c.152-.359.437-.645.796-.797V6.94a1.502 1.502 0 01-.793-.8zM8 0C1.6 0 0 1.595 0 8s1.6 8 8 8 8-1.595 8-8-1.595-8-8-8zm3.939 10.44a1.5 1.5 0 01-2.882.585H6.94a1.5 1.5 0 11-1.963-1.963v-2.12A1.501 1.501 0 116.94 4.98h2.12a1.5 1.5 0 111.963 1.968v2.11a1.501 1.501 0 01.916 1.383z\"\n        fill=\"url(#paint0_linear_2632_26363)\"\n      />\n      <Defs>\n        <LinearGradient\n          id=\"paint0_linear_2632_26363\"\n          x1={-5.6338}\n          y1={5.6338}\n          x2={5.6338}\n          y2={16.9014}\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <Stop stopColor=\"#FF962D\" />\n          <Stop offset={1} stopColor=\"#FC7638\" />\n        </LinearGradient>\n      </Defs>\n    </Svg>\n  )\n}\n\nfunction ServicesIcon({ logoSize }: ProductLogoProps) {\n  return (\n    <Svg width={logoSize} height={logoSize} viewBox=\"0 0 16 16\" fill=\"none\">\n      <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M.116 8c0-6.4 1.6-8 8-8s8 1.6 8 8-1.6 8-8 8-8-1.6-8-8zm4.123 3.464a.848.848 0 10.943-1.41.848.848 0 00-.943 1.41zm.001-2.76a.848.848 0 10.948-1.408.848.848 0 00-.948 1.407zm0-2.759a.849.849 0 10.948-1.408.849.849 0 00-.948 1.408zm8.1 5.34a.388.388 0 00.03-.149v-.755a.39.39 0 00-.39-.39H6.87a.39.39 0 00-.39.39v.755a.39.39 0 00.39.39h5.11a.39.39 0 00.36-.24zm0-2.758a.388.388 0 00.03-.149v-.757a.387.387 0 00-.39-.388H6.87a.388.388 0 00-.39.388v.757a.388.388 0 00.39.388h5.11a.388.388 0 00.36-.24zm0-2.76a.388.388 0 00.03-.148v-.754a.39.39 0 00-.39-.389H6.87a.39.39 0 00-.39.387v.756a.39.39 0 00.39.39h5.11a.389.389 0 00.36-.241z\"\n        fill=\"url(#paint0_linear_2632_56586)\"\n      />\n      <Defs>\n        <LinearGradient\n          id=\"paint0_linear_2632_56586\"\n          x1={-5.51759}\n          y1={5.6338}\n          x2={5.75001}\n          y2={16.9014}\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <Stop stopColor=\"#6BB23D\" />\n          <Stop offset={1} stopColor=\"#659630\" />\n        </LinearGradient>\n      </Defs>\n    </Svg>\n  )\n}\n"]}
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/display/badge.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,GAAG,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AACxE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACpD,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAA;AACrD,OAAO,EAAE,IAAI,EAAc,MAAM,QAAQ,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,2BAA2B,EAA8B,MAAM,uBAAuB,CAAA;AA2B/F,MAAM,0BAA0B,GAAkD;IAChF,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,UAAU;IAClB,QAAQ,EAAE,YAAY;IACtB,QAAQ,EAAE,YAAY;CACvB,CAAA;AAqDD,MAAM,UAAU,KAAK,CAAC,EACpB,UAAU,GAAG,SAAS,EACtB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,aAAa,EACb,KAAK,EACL,eAAe,EACf,OAAO,GAAG,SAAS,EACnB,qBAAqB,EACrB,sBAAsB,GAAG,CAAC,EAC1B,OAAO,GACI;IACX,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,UAAU,EAAE,qBAAqB,EAAE,OAAO,EAAE,CAAC,CAAA;IACxE,MAAM,EAAE,oBAAoB,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE3C,MAAM,YAAY,GAAG,OAAO,KAAK,YAAY,CAAA;IAC7C,MAAM,YAAY,GAAG,OAAO,CAAC,SAAS,CAAC,CAAA;IAEvC,MAAM,QAAQ,GAAG,oBAAoB,IAAI,eAAe,CAAA;IACxD,MAAM,UAAU,GAAG,eAAe,EAAE,WAAW,EAAE,KAAK,MAAM,CAAA;IAC5D,MAAM,cAAc,GAAG,QAAQ,IAAI,0BAA0B,CAAC,eAAkC,CAAC,CAAA;IACjG,MAAM,UAAU,GAAG,YAAY,IAAI,YAAY,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAA;IAErE,OAAO,CACL,MAAC,YAAY,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAC,QAAQ,aAC7F,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,aACtB,QAAQ,IAAI,cAAc,IAAI,KAAC,cAAc,IAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,GAAI,EAChF,QAAQ,IAAI,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,qBAAqB,EAAC,KAAK,EAAE,MAAM,CAAC,IAAI,GAAI,EACjF,QAAQ,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,GAAI,EACzD,KAAC,IAAI,IACH,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,aAAa,EAAE,CAAC,EAChB,qBAAqB,EAAE,qBAAqB,YAE3C,UAAU,GACN,EACN,aAAa,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,GAAI,IACnE,EACN,YAAY,IAAI,CACf,KAAC,IAAI,IACH,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,MAAM,CAAC,SAAS,EACvB,aAAa,EAAE,sBAAsB,EACrC,qBAAqB,EAAE,qBAAqB,YAE3C,SAAS,GACL,CACR,IACY,CAChB,CAAA;AACH,CAAC;AAED,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,OAAO,EACP,iBAAiB,EACjB,GAAG,SAAS,EAC4B,EAAE,EAAE;IAC5C,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,KAAC,SAAS,IAAC,iBAAiB,EAAE,iBAAiB,EAAE,OAAO,EAAE,OAAO,KAAM,SAAS,YAC7E,QAAQ,GACC,CACb,CAAA;IACH,CAAC;IAED,OAAO,KAAC,IAAI,OAAK,SAAS,YAAG,QAAQ,GAAQ,CAAA;AAC/C,CAAC,CAAA;AAED,oCAAoC;AACpC,oCAAoC;AACpC,oCAAoC;AAEpC,MAAM,SAAS,GAAG,CAAC,EACjB,UAAU,GAAG,SAAS,EACtB,qBAAqB,EACrB,OAAO,GAAG,SAAS,GACC,EAAE,EAAE;IACxB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,SAAS,GAAG,YAAY,CAAC,EAAE,qBAAqB,EAAE,CAAC,CAAA;IAEzD,MAAM,cAAc,GAAG,2BAA2B,EAAE,CAAA;IAEpD,MAAM,QAAQ,GAAG,CAAC,GAAG,SAAS,CAAA;IAC9B,MAAM,sBAAsB,GAAG,CAAC,CAAA;IAChC,MAAM,oBAAoB,GAAG,CAAC,CAAA;IAC9B,MAAM,aAAa,GAAG,EAAE,CAAA;IAExB,MAAM,gBAAgB,GAAkB;QACtC,OAAO,EAAE;YACP,GAAG,EAAE,QAAQ;YACb,eAAe,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,UAAU;YACtD,oBAAoB,EAAE,sBAAsB;YAC5C,iBAAiB,EAAE,sBAAsB;YACzC,eAAe,EAAE,oBAAoB;YACrC,WAAW,EAAE,MAAM,CAAC,iBAAiB,GAAG,SAAS;YACjD,YAAY,EAAE,MAAM,CAAC,cAAc,GAAG,SAAS;YAC/C,SAAS,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,IAAI;YAC1C,UAAU,EAAE,QAAQ;SACrB;QACD,IAAI,EAAE;YACJ,GAAG,EAAE,QAAQ;YACb,eAAe,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,UAAU;YACtD,oBAAoB,EAAE,sBAAsB;YAC5C,iBAAiB,EAAE,sBAAsB;YACzC,eAAe,EAAE,oBAAoB;YACrC,WAAW,EAAE,MAAM,CAAC,iBAAiB,GAAG,SAAS;YACjD,YAAY,EAAE,MAAM,CAAC,cAAc,GAAG,SAAS;YAC/C,SAAS,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,IAAI;YAC1C,UAAU,EAAE,wBAAwB;SACrC;QACD,UAAU,EAAE;YACV,GAAG,EAAE,QAAQ;YACb,eAAe,EAAE,aAAa;YAC9B,oBAAoB,EAAE,QAAQ;YAC9B,iBAAiB,EAAE,CAAC;YACpB,eAAe,EAAE,CAAC;YAClB,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,CAAC;YACf,SAAS,EAAE,MAAM,CAAC,yBAAyB;YAC3C,UAAU,EAAE,wBAAwB;SACrC;KACF,CAAA;IAED,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,YAAY,EAAE;YACZ,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,QAAQ;YACxB,SAAS,EAAE,YAAY;YACvB,YAAY,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,YAAY;YACpD,WAAW,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,WAAW;YAClD,WAAW,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,UAAU;SACnD;QACD,KAAK,EAAE;YACL,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,GAAG;YAClC,eAAe,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,eAAe;YAC1D,iBAAiB,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,iBAAiB;YAC9D,eAAe,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,eAAe;YAC1D,qEAAqE;YACrE,wDAAwD;YACxD,YAAY,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC;SACtE;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,IAAI;YACtC,QAAQ,EAAE,aAAa;SACxB;QACD,SAAS,EAAE;YACT,KAAK,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,IAAI;YACtC,QAAQ,EAAE,aAAa,GAAG,CAAC;SAC5B;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,aAAa,GAAG,SAAS;SACpC;QACD,KAAK,EAAE;YACL,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,SAAS;YAC1C,UAAU,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,UAAU;YAChD,QAAQ,EAAE,aAAa;YACvB,UAAU,EAAE,CAAC;SACd;QACD,SAAS,EAAE;YACT,iBAAiB,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,iBAAiB;YAC9D,QAAQ,EAAE,aAAa;YACvB,SAAS,EAAE,QAAQ;YACnB,UAAU,EAAE,CAAC;YACb,WAAW,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,oBAAoB;SAC5D;KACF,CAAC,CAAA;AACJ,CAAC,CAAA;AAUD,SAAS,UAAU,CAAC,EAAE,QAAQ,EAAoB;IAChD,OAAO,CACL,MAAC,GAAG,IAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,aACrE,KAAC,IAAI,IACH,CAAC,EAAC,mWAAmW,EACrW,IAAI,EAAC,gCAAgC,GACrC,EACF,KAAC,IAAI,cACH,MAAC,cAAc,IACb,EAAE,EAAC,0BAA0B,EAC7B,EAAE,EAAE,CAAC,MAAM,EACX,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,OAAO,EACX,aAAa,EAAC,gBAAgB,aAE9B,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,GAAG,EAC5B,KAAC,IAAI,IAAC,MAAM,EAAE,CAAC,EAAE,SAAS,EAAC,SAAS,GAAG,IACxB,GACZ,IACH,CACP,CAAA;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,QAAQ,EAAoB;IAClD,OAAO,CACL,MAAC,GAAG,IAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,aACrE,KAAC,IAAI,IACH,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,unBAAunB,EACznB,IAAI,EAAC,gCAAgC,GACrC,EACF,KAAC,IAAI,cACH,MAAC,cAAc,IACb,EAAE,EAAC,0BAA0B,EAC7B,EAAE,EAAE,CAAC,OAAO,EACZ,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,aAAa,EAAC,gBAAgB,aAE9B,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,GAAG,EAC5B,KAAC,IAAI,IAAC,MAAM,EAAE,CAAC,EAAE,SAAS,EAAC,SAAS,GAAG,IACxB,GACZ,IACH,CACP,CAAA;AACH,CAAC","sourcesContent":["import React, { JSX } from 'react'\nimport type { TextStyle, ViewProps, ViewStyle } from 'react-native'\nimport { Pressable, StyleSheet, View } from 'react-native'\nimport Svg, { Defs, LinearGradient, Path, Stop } from 'react-native-svg'\nimport { useFontScale, useTheme } from '../../hooks'\nimport { platformFontWeightMedium } from '../../utils'\nimport { tokens } from '../../vendor/tapestry/tokens'\nimport { Icon, IconString } from './icon'\nimport { Text } from './text'\nimport { useStatusColorAppearanceMap, type StatusAppearanceUnion } from './utils/status_colors'\n\n// =================================\n// ====== Constants ================\n// =================================\n\ntype VariantUnion = 'default' | 'meta' | 'metaSubtle'\n\ntype VariantStyles = Record<\n  VariantUnion,\n  {\n    backgroundColor: string\n    paddingHorizontal: number\n    paddingVertical: number\n    borderWidth: number\n    borderRadius: number\n    textColor: string\n    gap: number\n    metaLabelPaddingLeft: number\n    fontWeight: TextStyle['fontWeight']\n  }\n>\n\ntype ProductLogoName = 'Groups' | 'Services' | 'groups' | 'services'\ntype ProductIconName = 'Chat' | 'chat'\ntype ProductLogoComponent = ({ logoSize }: { logoSize: number }) => JSX.Element\n\nconst PRODUCT_LOGO_COMPONENT_MAP: Record<ProductLogoName, ProductLogoComponent> = {\n  Groups: GroupsLogo,\n  groups: GroupsLogo,\n  services: ServicesIcon,\n  Services: ServicesIcon,\n}\n\n// =================================\n// ====== Component ================\n// =================================\n\nexport interface BadgeProps {\n  /**\n   * Renders the main text.\n   */\n  label: string\n  /**\n   * Renders secondary meta text to the right of the label.\n   */\n  metaLabel?: string\n  /**\n   * Changes the status color for the badge and icon.\n   */\n  appearance?: StatusAppearanceUnion\n  /**\n   * Changes form of the logo to support a meta label and badge\n   */\n  variant?: VariantUnion\n  /**\n   * Adds a product logo to the left of the text.\n   */\n  productLogoName?: ProductLogoName | ProductIconName\n  /**\n   * Shows an icon of the user choice to the left of the text.\n   */\n  iconName?: IconString\n  /**\n   * Shows an icon of the user choice to the right of the text.\n   */\n  iconNameRight?: IconString\n  /**\n   * Styles badge wrapper.\n   */\n  style?: ViewStyle\n  /**\n   * Specifies the maximum size a font can reach when allowFontScaling is enabled.\n   */\n  maxFontSizeMultiplier?: number\n  /**\n   * Callback function when the badge is pressed.\n   */\n  onPress?: () => void\n  /**\n   * Specifies the number of lines for the meta label before truncating.\n   */\n  numberOfLinesMetaLabel?: number\n}\n\nexport function Badge({\n  appearance = 'neutral',\n  metaLabel,\n  style,\n  iconName,\n  iconNameRight,\n  label,\n  productLogoName,\n  variant = 'default',\n  maxFontSizeMultiplier,\n  numberOfLinesMetaLabel = 1,\n  onPress,\n}: BadgeProps) {\n  const styles = useStyles({ appearance, maxFontSizeMultiplier, variant })\n  const { showBadgeProductLogo } = useTheme()\n\n  const isMetaSubtle = variant === 'metaSubtle'\n  const hasMetaLabel = Boolean(metaLabel)\n\n  const showLogo = showBadgeProductLogo && productLogoName\n  const isChatLogo = productLogoName?.toLowerCase() === 'chat'\n  const ProductLogoSvg = showLogo && PRODUCT_LOGO_COMPONENT_MAP[productLogoName as ProductLogoName]\n  const badgeLabel = isMetaSubtle && hasMetaLabel ? `${label}:` : label\n\n  return (\n    <BadgeWrapper style={[styles.badgeWrapper, style]} onPress={onPress} accessibilityRole=\"button\">\n      <View style={styles.badge}>\n        {showLogo && ProductLogoSvg && <ProductLogoSvg logoSize={styles.logo.fontSize} />}\n        {showLogo && isChatLogo && <Icon name=\"general.textMessage\" style={styles.icon} />}\n        {iconName && <Icon name={iconName} style={styles.icon} />}\n        <Text\n          variant=\"footnote\"\n          style={styles.label}\n          numberOfLines={1}\n          maxFontSizeMultiplier={maxFontSizeMultiplier}\n        >\n          {badgeLabel}\n        </Text>\n        {iconNameRight && <Icon name={iconNameRight} style={styles.iconRight} />}\n      </View>\n      {hasMetaLabel && (\n        <Text\n          variant=\"footnote\"\n          style={styles.metaLabel}\n          numberOfLines={numberOfLinesMetaLabel}\n          maxFontSizeMultiplier={maxFontSizeMultiplier}\n        >\n          {metaLabel}\n        </Text>\n      )}\n    </BadgeWrapper>\n  )\n}\n\nconst BadgeWrapper = ({\n  children,\n  onPress,\n  accessibilityRole,\n  ...restProps\n}: ViewProps & Pick<BadgeProps, 'onPress'>) => {\n  if (onPress) {\n    return (\n      <Pressable accessibilityRole={accessibilityRole} onPress={onPress} {...restProps}>\n        {children}\n      </Pressable>\n    )\n  }\n\n  return <View {...restProps}>{children}</View>\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = ({\n  appearance = 'neutral',\n  maxFontSizeMultiplier,\n  variant = 'default',\n}: Partial<BadgeProps>) => {\n  const { colors } = useTheme()\n  const fontScale = useFontScale({ maxFontSizeMultiplier })\n\n  const statusColorMap = useStatusColorAppearanceMap()\n\n  const badgeGap = 4 * fontScale\n  const badgePaddingHorizontal = 8\n  const badgePaddingVertical = 4\n  const badgeFontSize = 12\n\n  const variantStylesMap: VariantStyles = {\n    default: {\n      gap: badgeGap,\n      backgroundColor: statusColorMap[appearance].background,\n      metaLabelPaddingLeft: badgePaddingHorizontal,\n      paddingHorizontal: badgePaddingHorizontal,\n      paddingVertical: badgePaddingVertical,\n      borderWidth: tokens.borderSizeDefault * fontScale,\n      borderRadius: tokens.borderRadiusMd * fontScale,\n      textColor: statusColorMap[appearance].text,\n      fontWeight: 'normal',\n    },\n    meta: {\n      gap: badgeGap,\n      backgroundColor: statusColorMap[appearance].background,\n      metaLabelPaddingLeft: badgePaddingHorizontal,\n      paddingHorizontal: badgePaddingHorizontal,\n      paddingVertical: badgePaddingVertical,\n      borderWidth: tokens.borderSizeDefault * fontScale,\n      borderRadius: tokens.borderRadiusMd * fontScale,\n      textColor: statusColorMap[appearance].text,\n      fontWeight: platformFontWeightMedium,\n    },\n    metaSubtle: {\n      gap: badgeGap,\n      backgroundColor: 'transparent',\n      metaLabelPaddingLeft: badgeGap,\n      paddingHorizontal: 0,\n      paddingVertical: 0,\n      borderWidth: 0,\n      borderRadius: 0,\n      textColor: colors.textColorDefaultSecondary,\n      fontWeight: platformFontWeightMedium,\n    },\n  }\n\n  return StyleSheet.create({\n    badgeWrapper: {\n      flexDirection: 'row',\n      justifyContent: 'center',\n      alignSelf: 'flex-start',\n      borderRadius: variantStylesMap[variant].borderRadius,\n      borderWidth: variantStylesMap[variant].borderWidth,\n      borderColor: statusColorMap[appearance].background,\n    },\n    badge: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: variantStylesMap[variant].gap,\n      paddingVertical: variantStylesMap[variant].paddingVertical,\n      paddingHorizontal: variantStylesMap[variant].paddingHorizontal,\n      backgroundColor: variantStylesMap[variant].backgroundColor,\n      // metaSubtle's borderRadius is 0, so this can't go below 0 - Android\n      // hard-throws on a negative borderRadius during layout.\n      borderRadius: Math.max(0, variantStylesMap[variant].borderRadius - 2),\n    },\n    icon: {\n      color: statusColorMap[appearance].icon,\n      fontSize: badgeFontSize,\n    },\n    iconRight: {\n      color: statusColorMap[appearance].icon,\n      fontSize: badgeFontSize - 2,\n    },\n    logo: {\n      fontSize: badgeFontSize * fontScale,\n    },\n    label: {\n      color: variantStylesMap[variant].textColor,\n      fontWeight: variantStylesMap[variant].fontWeight,\n      fontSize: badgeFontSize,\n      flexShrink: 1,\n    },\n    metaLabel: {\n      paddingHorizontal: variantStylesMap[variant].paddingHorizontal,\n      fontSize: badgeFontSize,\n      alignSelf: 'center',\n      flexShrink: 1,\n      paddingLeft: variantStylesMap[variant].metaLabelPaddingLeft,\n    },\n  })\n}\n\n// =================================\n// ====== Product Logos ============\n// =================================\n\ninterface ProductLogoProps {\n  logoSize: number\n}\n\nfunction GroupsLogo({ logoSize }: ProductLogoProps) {\n  return (\n    <Svg width={logoSize} height={logoSize} viewBox=\"0 0 16 16\" fill=\"none\">\n      <Path\n        d=\"M9.06 6.14H6.94c-.152.36-.438.646-.797.798v2.12c.359.152.645.438.797.797h2.117c.152-.359.437-.645.796-.797V6.94a1.502 1.502 0 01-.793-.8zM8 0C1.6 0 0 1.595 0 8s1.6 8 8 8 8-1.595 8-8-1.595-8-8-8zm3.939 10.44a1.5 1.5 0 01-2.882.585H6.94a1.5 1.5 0 11-1.963-1.963v-2.12A1.501 1.501 0 116.94 4.98h2.12a1.5 1.5 0 111.963 1.968v2.11a1.501 1.501 0 01.916 1.383z\"\n        fill=\"url(#paint0_linear_2632_26363)\"\n      />\n      <Defs>\n        <LinearGradient\n          id=\"paint0_linear_2632_26363\"\n          x1={-5.6338}\n          y1={5.6338}\n          x2={5.6338}\n          y2={16.9014}\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <Stop stopColor=\"#FF962D\" />\n          <Stop offset={1} stopColor=\"#FC7638\" />\n        </LinearGradient>\n      </Defs>\n    </Svg>\n  )\n}\n\nfunction ServicesIcon({ logoSize }: ProductLogoProps) {\n  return (\n    <Svg width={logoSize} height={logoSize} viewBox=\"0 0 16 16\" fill=\"none\">\n      <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M.116 8c0-6.4 1.6-8 8-8s8 1.6 8 8-1.6 8-8 8-8-1.6-8-8zm4.123 3.464a.848.848 0 10.943-1.41.848.848 0 00-.943 1.41zm.001-2.76a.848.848 0 10.948-1.408.848.848 0 00-.948 1.407zm0-2.759a.849.849 0 10.948-1.408.849.849 0 00-.948 1.408zm8.1 5.34a.388.388 0 00.03-.149v-.755a.39.39 0 00-.39-.39H6.87a.39.39 0 00-.39.39v.755a.39.39 0 00.39.39h5.11a.39.39 0 00.36-.24zm0-2.758a.388.388 0 00.03-.149v-.757a.387.387 0 00-.39-.388H6.87a.388.388 0 00-.39.388v.757a.388.388 0 00.39.388h5.11a.388.388 0 00.36-.24zm0-2.76a.388.388 0 00.03-.148v-.754a.39.39 0 00-.39-.389H6.87a.39.39 0 00-.39.387v.756a.39.39 0 00.39.39h5.11a.389.389 0 00.36-.241z\"\n        fill=\"url(#paint0_linear_2632_56586)\"\n      />\n      <Defs>\n        <LinearGradient\n          id=\"paint0_linear_2632_56586\"\n          x1={-5.51759}\n          y1={5.6338}\n          x2={5.75001}\n          y2={16.9014}\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <Stop stopColor=\"#6BB23D\" />\n          <Stop offset={1} stopColor=\"#659630\" />\n        </LinearGradient>\n      </Defs>\n    </Svg>\n  )\n}\n"]}

package/build/hooks/use_conversation_messages.d.ts

@@ -9,6 +9,7 @@ export declare const useConversationMessages: ({ conversation_id, reply_root_id
     isRefetching: boolean;
     fetchNextPage: (options?: import("@tanstack/query-core").FetchNextPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<MessageResource>, unknown>, Response>>;
     hasNextPage: boolean;
+    isFetchingNextPage: boolean;
     queryKey: import("./use_suspense_api").RequestQueryKey;
 };
 //# sourceMappingURL=use_conversation_messages.d.ts.map

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":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE1C,OAAO,EAAE,wBAAwB,EAAwB,MAAM,oBAAoB,CAAA;AAEnF,eAAO,MAAM,uBAAuB,GAClC,oCAAoC;IAAE,eAAe,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,EAC9F,OAAO,wBAAwB;;;;;;;CAqBhC,CAAA"}
+{"version":3,"file":"use_conversation_messages.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversation_messages.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE1C,OAAO,EAAE,wBAAwB,EAAwB,MAAM,oBAAoB,CAAA;AAEnF,eAAO,MAAM,uBAAuB,GAClC,oCAAoC;IAAE,eAAe,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,EAC9F,OAAO,wBAAwB;;;;;;;;CA6BhC,CAAA"}

package/build/hooks/use_conversation_messages.js

@@ -2,12 +2,20 @@ import { useMemo } from 'react';
 import { getMessagesQueryKey, getMessagesRequestArgs } from '../utils/request/get_messages';
 import { useSuspensePaginator } from './use_suspense_api';
 export const useConversationMessages = ({ conversation_id, reply_root_id }, opts) => {
-    const { data, refetch, isRefetching, fetchNextPage, hasNextPage } = useSuspensePaginator(getMessagesRequestArgs({ conversation_id, reply_root_id }), opts);
+    const { data, refetch, isRefetching, fetchNextPage, hasNextPage, isFetchingNextPage } = useSuspensePaginator(getMessagesRequestArgs({ conversation_id, reply_root_id }), opts);
     const queryKey = getMessagesQueryKey({ conversation_id, reply_root_id });
     const messages = useMemo(() => data
         .filter(message => (!message.deletedAt || message.replyRootId) &&
         (message.attachments?.length || message.text?.length))
         .sort((a, b) => -a.id.localeCompare(b.id)), [data]);
-    return { messages, refetch, isRefetching, fetchNextPage, hasNextPage, queryKey };
+    return {
+        messages,
+        refetch,
+        isRefetching,
+        fetchNextPage,
+        hasNextPage,
+        isFetchingNextPage,
+        queryKey,
+    };
 };
 //# sourceMappingURL=use_conversation_messages.js.map

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":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAA;AAC3F,OAAO,EAA4B,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAEnF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,EAAE,eAAe,EAAE,aAAa,EAA8D,EAC9F,IAA+B,EAC/B,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,GAC/D,oBAAoB,CAClB,sBAAsB,CAAC,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC,EAC1D,IAAI,CACL,CAAA;IACH,MAAM,QAAQ,GAAG,mBAAmB,CAAC,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC,CAAA;IACxE,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CACH,IAAI;SACD,MAAM,CACL,OAAO,CAAC,EAAE,CACR,CAAC,CAAC,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,WAAW,CAAC;QAC3C,CAAC,OAAO,CAAC,WAAW,EAAE,MAAM,IAAI,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CACxD;SACA,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAC9C,CAAC,IAAI,CAAC,CACP,CAAA;IAED,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAA;AAClF,CAAC,CAAA","sourcesContent":["import { useMemo } from 'react'\nimport { MessageResource } from '../types'\nimport { getMessagesQueryKey, getMessagesRequestArgs } from '../utils/request/get_messages'\nimport { SuspensePaginatorOptions, useSuspensePaginator } from './use_suspense_api'\n\nexport const useConversationMessages = (\n  { conversation_id, reply_root_id }: { conversation_id: number; reply_root_id?: string | null },\n  opts?: SuspensePaginatorOptions\n) => {\n  const { data, refetch, isRefetching, fetchNextPage, hasNextPage } =\n    useSuspensePaginator<MessageResource>(\n      getMessagesRequestArgs({ conversation_id, reply_root_id }),\n      opts\n    )\n  const queryKey = getMessagesQueryKey({ conversation_id, reply_root_id })\n  const messages = useMemo(\n    () =>\n      data\n        .filter(\n          message =>\n            (!message.deletedAt || message.replyRootId) &&\n            (message.attachments?.length || message.text?.length)\n        )\n        .sort((a, b) => -a.id.localeCompare(b.id)),\n    [data]\n  )\n\n  return { messages, refetch, isRefetching, fetchNextPage, hasNextPage, queryKey }\n}\n"]}
+{"version":3,"file":"use_conversation_messages.js","sourceRoot":"","sources":["../../src/hooks/use_conversation_messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAA;AAC3F,OAAO,EAA4B,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAEnF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,EAAE,eAAe,EAAE,aAAa,EAA8D,EAC9F,IAA+B,EAC/B,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,kBAAkB,EAAE,GACnF,oBAAoB,CAClB,sBAAsB,CAAC,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC,EAC1D,IAAI,CACL,CAAA;IACH,MAAM,QAAQ,GAAG,mBAAmB,CAAC,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC,CAAA;IACxE,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CACH,IAAI;SACD,MAAM,CACL,OAAO,CAAC,EAAE,CACR,CAAC,CAAC,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,WAAW,CAAC;QAC3C,CAAC,OAAO,CAAC,WAAW,EAAE,MAAM,IAAI,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CACxD;SACA,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAC9C,CAAC,IAAI,CAAC,CACP,CAAA;IAED,OAAO;QACL,QAAQ;QACR,OAAO;QACP,YAAY;QACZ,aAAa;QACb,WAAW;QACX,kBAAkB;QAClB,QAAQ;KACT,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { useMemo } from 'react'\nimport { MessageResource } from '../types'\nimport { getMessagesQueryKey, getMessagesRequestArgs } from '../utils/request/get_messages'\nimport { SuspensePaginatorOptions, useSuspensePaginator } from './use_suspense_api'\n\nexport const useConversationMessages = (\n  { conversation_id, reply_root_id }: { conversation_id: number; reply_root_id?: string | null },\n  opts?: SuspensePaginatorOptions\n) => {\n  const { data, refetch, isRefetching, fetchNextPage, hasNextPage, isFetchingNextPage } =\n    useSuspensePaginator<MessageResource>(\n      getMessagesRequestArgs({ conversation_id, reply_root_id }),\n      opts\n    )\n  const queryKey = getMessagesQueryKey({ conversation_id, reply_root_id })\n  const messages = useMemo(\n    () =>\n      data\n        .filter(\n          message =>\n            (!message.deletedAt || message.replyRootId) &&\n            (message.attachments?.length || message.text?.length)\n        )\n        .sort((a, b) => -a.id.localeCompare(b.id)),\n    [data]\n  )\n\n  return {\n    messages,\n    refetch,\n    isRefetching,\n    fetchNextPage,\n    hasNextPage,\n    isFetchingNextPage,\n    queryKey,\n  }\n}\n"]}

package/build/navigation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAGL,4BAA4B,EAC7B,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAA;AAShE,OAAO,EACL,uBAAuB,EAExB,MAAM,yDAAyD,CAAA;AAChE,OAAO,EACL,kBAAkB,EAGnB,MAAM,+CAA+C,CAAA;AACtD,OAAO,EAAE,eAAe,EAA0B,MAAM,8BAA8B,CAAA;AACtF,OAAO,EACL,yBAAyB,EAE1B,MAAM,sDAAsD,CAAA;AAC7D,OAAO,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAA;AAWlF,OAAO,EACL,yCAAyC,EAE1C,MAAM,0DAA0D,CAAA;AACjE,OAAO,EAEL,kBAAkB,EAEnB,MAAM,gCAAgC,CAAA;AAEvC,OAAO,EAAE,+CAA+C,EAAE,MAAM,gGAAgG,CAAA;AAIhK,OAAO,EACL,4BAA4B,EAE7B,MAAM,4CAA4C,CAAA;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAA;AAEnF,OAAO,EACL,kCAAkC,EAEnC,MAAM,mDAAmD,CAAA;AAC1D,OAAO,EAAE,+BAA+B,EAAE,MAAM,+CAA+C,CAAA;AAC/F,OAAO,EACL,oBAAoB,EAErB,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,mBAAmB,EAA8B,MAAM,kCAAkC,CAAA;AAClG,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAA;AACpF,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAA;AACvF,OAAO,EAAE,eAAe,EAA0B,MAAM,6BAA6B,CAAA;AACrF,OAAO,EAAE,eAAe,EAA0B,MAAM,8BAA8B,CAAA;AACtF,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EACL,yBAAyB,EAE1B,MAAM,yCAAyC,CAAA;AAGhD,OAAO,EAAE,8BAA8B,EAAE,MAAM,gBAAgB,CAAA;AAO/D,eAAO,MAAM,oBAAoB;;;;;;;;;;;;kCALA,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoF3D,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;kCAtFW,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8CAA5B,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8S3D,CAAA;AAEF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,SAAS,CAAC,CAAA;AAE3D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,eAAe,CAAC;QACxB,UAAU,aAAc,SAAQ,kBAAkB;SAAG;KACtD;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAGL,4BAA4B,EAC7B,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAA;AAShE,OAAO,EACL,uBAAuB,EAExB,MAAM,yDAAyD,CAAA;AAChE,OAAO,EACL,kBAAkB,EAGnB,MAAM,+CAA+C,CAAA;AACtD,OAAO,EAAE,eAAe,EAA0B,MAAM,8BAA8B,CAAA;AACtF,OAAO,EACL,yBAAyB,EAE1B,MAAM,sDAAsD,CAAA;AAC7D,OAAO,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAA;AAWlF,OAAO,EACL,yCAAyC,EAE1C,MAAM,0DAA0D,CAAA;AACjE,OAAO,EAEL,kBAAkB,EAEnB,MAAM,gCAAgC,CAAA;AAEvC,OAAO,EAAE,+CAA+C,EAAE,MAAM,gGAAgG,CAAA;AAIhK,OAAO,EACL,4BAA4B,EAE7B,MAAM,4CAA4C,CAAA;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAA;AAEnF,OAAO,EACL,kCAAkC,EAEnC,MAAM,mDAAmD,CAAA;AAC1D,OAAO,EAAE,+BAA+B,EAAE,MAAM,+CAA+C,CAAA;AAC/F,OAAO,EACL,oBAAoB,EAErB,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,mBAAmB,EAA8B,MAAM,kCAAkC,CAAA;AAClG,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAA;AACpF,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAA;AACvF,OAAO,EAAE,eAAe,EAA0B,MAAM,6BAA6B,CAAA;AACrF,OAAO,EAAE,eAAe,EAA0B,MAAM,8BAA8B,CAAA;AACtF,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EACL,yBAAyB,EAE1B,MAAM,yCAAyC,CAAA;AAGhD,OAAO,EAAE,8BAA8B,EAAE,MAAM,gBAAgB,CAAA;AAO/D,eAAO,MAAM,oBAAoB;;;;;;;;;;;;kCALA,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoF3D,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;kCAtFW,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8CAA5B,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6S3D,CAAA;AAEF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,SAAS,CAAC,CAAA;AAE3D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,eAAe,CAAC;QACxB,UAAU,aAAc,SAAQ,kBAAkB;SAAG;KACtD;CACF"}

package/build/navigation/index.js

@@ -105,9 +105,8 @@ export const ChatStack = createNativeStackNavigator({
             screen: ConversationsScreen,
             options: ({ route, navigation }) => composeOptions({
                 headerTitle: route.params?.title ?? 'Chat',
-            }, withMinimalBack({
-                onPress: navigation.goBack,
-            })),
+                headerBackVisible: false,
+            }, withRightClose({ onPress: navigation.goBack })),
         },
         ConversationFilters: {
             screen: ConversationFiltersScreen,

package/build/navigation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/navigation/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StaticParamList } from '@react-navigation/native'\nimport {\n  createNativeStackNavigator,\n  NativeStackHeaderRightProps,\n  NativeStackNavigationOptions,\n} from '@react-navigation/native-stack'\nimport { CardStyleInterpolators } from '@react-navigation/stack'\nimport React from 'react'\nimport {\n  composeOptions,\n  withMinimalBack,\n  withRightClose,\n  withRightDone,\n} from '../components/display/platform_modal_header_buttons'\nimport { useDirectMessagesEligible, useQualifiedByAge } from '../hooks'\nimport {\n  AttachmentActionsScreen,\n  AttachmentActionsScreenOptions,\n} from '../screens/attachment_actions/attachment_actions_screen'\nimport {\n  AvatarPickerScreen,\n  AvatarPickerScreenOptions,\n  AvatarPickerCreateScreenOptions,\n} from '../screens/avatar_picker/avatar_picker_screen'\nimport { BugReportScreen, BugReportScreenOptions } from '../screens/bug_report_screen'\nimport {\n  MessageReadReceiptsScreen,\n  MessageReadReceiptsScreenOptions,\n} from '../screens/conversation/message_read_receipts_screen'\nimport { ConversationDetailsScreen } from '../screens/conversation_details_screen'\nimport {\n  ConversationFilterReceipientsScreenOptions,\n  ConversationFilterRecipientsScreen,\n} from '../screens/conversation_filter_recipients/conversation_filter_recipients_screen'\nimport { ConversationFiltersParams } from '../screens/conversation_filters/screen_props'\nimport {\n  ConversationFiltersScreen,\n  ConversationFiltersScreenOptions,\n} from '../screens/conversation_filters_screen'\nimport { ConversationNewScreen } from '../screens/conversation_new/conversation_new_screen'\nimport {\n  ConversationNotificationLevelSelectScreen,\n  ConversationNotificationLevelSelectScreenOptions,\n} from '../screens/conversation_notification_level_select_screen'\nimport {\n  ConversationRouteProps,\n  ConversationScreen,\n  ConversationScreenTitle,\n} from '../screens/conversation_screen'\nimport { ConversationNewEntryScreen } from '../screens/conversation_select_recipients/conversation_new_entry_screen'\nimport { ConversationSelectDirectMessageRecipientsScreen } from '../screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen'\nimport { ConversationSelectGroupRecipientsScreen } from '../screens/conversation_select_recipients/conversation_select_group_recipients_screen'\nimport { ConversationSelectTeamsILeadRecipientsScreen } from '../screens/conversation_select_recipients/conversation_select_teams_i_lead_recipients_screen'\nimport { ConversationSelectRecipientsParams } from '../screens/conversation_select_recipients/types/screen_props'\nimport {\n  ConversationSelectTypeScreen,\n  ConversationSelectTypeScreenOptions,\n} from '../screens/conversation_select_type_screen'\nimport { ConversationsScreen } from '../screens/conversations/conversations_screen'\nimport { GetHelpScreen } from '../screens/get_help_screen'\nimport {\n  GroupNotificationLevelSelectScreen,\n  GroupNotificationLevelSelectScreenOptions,\n} from '../screens/group_notification_level_select_screen'\nimport { GroupNotificationSettingsScreen } from '../screens/group_notification_settings_screen'\nimport {\n  MessageActionsScreen,\n  MessageActionsScreenOptions,\n} from '../screens/message_actions_screen'\nimport { MessageReportScreen, MessageReportScreenOptions } from '../screens/message_report_screen'\nimport { NotFound } from '../screens/not_found'\nimport { NotificationSettingsScreen } from '../screens/notification_settings_screen'\nimport { PreferredAppSelectionScreen } from '../screens/preferred_app_selection_screen'\nimport { ReactionsScreen, ReactionsScreenOptions } from '../screens/reactions_screen'\nimport { SendGiphyScreen, SendGiphyScreenOptions } from '../screens/send_giphy_screen'\nimport { SettingsScreen } from '../screens/settings_screen'\nimport {\n  SystemMessagePeopleScreen,\n  SystemMessagePeopleScreenOptions,\n} from '../screens/system_message_people_screen'\nimport { TeamConversationScreen } from '../screens/team_conversation_screen'\nimport { isLiquidGlassEnabled } from '../utils/liquid_glass'\nimport { ScreenLayoutWithChatAccessGate } from './screenLayout'\n\nconst globalScreenOptions: () => NativeStackNavigationOptions = () => ({\n  headerBackButtonDisplayMode: 'minimal',\n  ...(isLiquidGlassEnabled() ? { headerShadowVisible: false } : {}),\n})\n\nexport const NewConversationStack = createNativeStackNavigator({\n  initialRouteName: 'ConversationNewEntry',\n  screenOptions: globalScreenOptions,\n  screenLayout: ScreenLayoutWithChatAccessGate,\n  screens: {\n    ConversationNewEntry: {\n      screen: ConversationNewEntryScreen,\n      options: ({ navigation }) =>\n        composeOptions(\n          {\n            title: 'New conversation',\n            headerBackVisible: false,\n          },\n          withRightClose({ onPress: navigation.goBack })\n        ),\n    },\n    ConversationSelectGroupRecipients: {\n      screen: ConversationSelectGroupRecipientsScreen,\n      options: ({ navigation, route }) =>\n        composeOptions(\n          {\n            title: 'New conversation',\n          },\n          withRightClose({\n            onPress: () => navigation.popTo('Conversations', route.params),\n          })\n        ),\n    },\n    ConversationSelectTeamsILeadRecipients: {\n      screen: ConversationSelectTeamsILeadRecipientsScreen,\n      options: ({ navigation, route }) =>\n        composeOptions(\n          {\n            title: 'New conversation',\n          },\n          withRightClose({\n            onPress: () => navigation.popTo('Conversations', route.params),\n          })\n        ),\n    },\n    ConversationSelectDirectMessageRecipients: {\n      screen: ConversationSelectDirectMessageRecipientsScreen,\n      if: useDirectMessagesEligible,\n      options: ({ navigation, route }) =>\n        composeOptions(\n          {\n            title: 'New conversation',\n          },\n          withRightClose({\n            onPress: () => navigation.popTo('Conversations', route.params),\n          })\n        ),\n    },\n    ConversationFilterRecipients: {\n      screen: ConversationFilterRecipientsScreen,\n      options: ConversationFilterReceipientsScreenOptions,\n    },\n    ConversationNew: {\n      screen: ConversationNewScreen,\n      options: ({ navigation, route }) =>\n        composeOptions(\n          {\n            title: 'New conversation',\n            headerLeft: () => null,\n          },\n          withRightClose({\n            onPress: () => {\n              const { chat_group_graph_id, group_source_app_name } =\n                route.params as ConversationSelectRecipientsParams\n              navigation.popTo('Conversations', { chat_group_graph_id, group_source_app_name })\n            },\n          })\n        ),\n    },\n    AvatarPicker: {\n      screen: AvatarPickerScreen,\n      options: AvatarPickerCreateScreenOptions,\n    },\n  },\n})\n\nexport const ChatStack = createNativeStackNavigator({\n  screenOptions: globalScreenOptions,\n  screenLayout: ScreenLayoutWithChatAccessGate,\n  screens: {\n    Conversations: {\n      screen: ConversationsScreen,\n      options: ({ route, navigation }) =>\n        composeOptions(\n          {\n            headerTitle: (route.params as { title?: string })?.title ?? 'Chat',\n          },\n          withMinimalBack({\n            onPress: navigation.goBack,\n          })\n        ),\n    },\n    ConversationFilters: {\n      screen: ConversationFiltersScreen,\n      options: ConversationFiltersScreenOptions,\n    },\n    Conversation: {\n      screen: ConversationScreen,\n      options: ({ route, navigation }) =>\n        composeOptions(\n          {\n            headerTitle: (props: NativeStackHeaderRightProps) => {\n              const { conversation_id, title, badge, deleted, muted } =\n                route.params as ConversationRouteProps\n\n              return (\n                <ConversationScreenTitle\n                  conversation_id={conversation_id}\n                  badge={badge}\n                  deleted={deleted}\n                  muted={muted}\n                  {...props}\n                >\n                  {title ?? 'Conversation'}\n                </ConversationScreenTitle>\n              )\n            },\n          },\n          withMinimalBack({\n            onPress: () => {\n              const params = route.params as ConversationRouteProps\n              if ((params as ConversationFiltersParams)?.chat_group_graph_id) {\n                // Ensure that conversations with a graph id pass them back to the conversation list\n                const { chat_group_graph_id } = params\n                navigation.popTo('Conversations', { chat_group_graph_id })\n              } else {\n                navigation.goBack()\n              }\n            },\n          }),\n          withRightClose({ onPress: () => navigation.getParent()?.goBack() })\n        ),\n    },\n    ConversationReply: {\n      screen: ConversationScreen,\n      options: ({ route, navigation }) =>\n        composeOptions(\n          { title: (route.params as ConversationRouteProps)?.title ?? 'Reply' },\n          withMinimalBack({ onPress: navigation.goBack })\n        ),\n    },\n    TeamConversation: {\n      screen: TeamConversationScreen,\n      if: useQualifiedByAge,\n      options: {\n        title: 'Finding conversation...',\n        animation: 'none',\n        cardStyleInterpolator: CardStyleInterpolators.forNoAnimation,\n      },\n    },\n    ConversationDetails: {\n      screen: ConversationDetailsScreen,\n      options: ({ navigation }) =>\n        composeOptions(\n          {\n            presentation: 'modal',\n            title: 'Conversation details',\n          },\n          withRightDone({ onPress: navigation.goBack })\n        ),\n    },\n    AvatarPicker: {\n      screen: AvatarPickerScreen,\n      options: AvatarPickerScreenOptions,\n    },\n    ChatSettings: {\n      screen: SettingsScreen,\n      options: ({ navigation }) =>\n        composeOptions({ title: 'Chat settings' }, withMinimalBack({ onPress: navigation.goBack })),\n    },\n    NotificationSettings: {\n      screen: NotificationSettingsScreen,\n      options: ({ navigation }) =>\n        navigation.getState().index === 0\n          ? composeOptions(\n              { title: 'Chat notifications' },\n              withRightClose({ onPress: navigation.goBack })\n            )\n          : composeOptions(\n              { title: 'Chat notifications' },\n              withMinimalBack({ onPress: navigation.goBack })\n            ),\n    },\n    PreferredAppSelection: {\n      screen: PreferredAppSelectionScreen,\n      options: ({ navigation }) =>\n        composeOptions({ title: 'Preferred app' }, withMinimalBack({ onPress: navigation.goBack })),\n    },\n    GroupNotificationSettings: {\n      screen: GroupNotificationSettingsScreen,\n      options: ({ route, navigation }) => {\n        const title = (route.params as { title?: string })?.title || 'Group Settings'\n\n        // The dismiss button only shows when this is the entry screen (e.g.\n        // deep links); deeper in the stack the back button covers dismissal.\n        return navigation.getState().index === 0\n          ? composeOptions(\n              {\n                title,\n              },\n              withRightClose({ onPress: navigation.goBack })\n            )\n          : composeOptions({ title }, withMinimalBack({ onPress: navigation.goBack }))\n      },\n    },\n    GroupNotificationLevelSelect: {\n      screen: GroupNotificationLevelSelectScreen,\n      options: GroupNotificationLevelSelectScreenOptions,\n    },\n    ConversationNotificationLevelSelect: {\n      screen: ConversationNotificationLevelSelectScreen,\n      options: ConversationNotificationLevelSelectScreenOptions,\n    },\n    New: {\n      screen: NewConversationStack,\n      if: useQualifiedByAge,\n      options: {\n        headerShown: false,\n        presentation: 'modal',\n      },\n    },\n    GroupConversationNew: {\n      screen: ConversationNewScreen,\n      if: useQualifiedByAge,\n      options: ({ navigation }) =>\n        composeOptions(\n          {\n            title: 'New conversation',\n            headerLeft: () => null,\n          },\n          withRightClose({ onPress: () => navigation.getParent()?.goBack() })\n        ),\n    },\n    SendGiphy: {\n      screen: SendGiphyScreen,\n      options: SendGiphyScreenOptions,\n    },\n    MessageActions: {\n      screen: MessageActionsScreen,\n      // Something about sheetAllowedDetents declared inline breaks TS\n      options: MessageActionsScreenOptions,\n    },\n    MessageReport: {\n      screen: MessageReportScreen,\n      options: MessageReportScreenOptions,\n    },\n    AttachmentActions: {\n      screen: AttachmentActionsScreen,\n      options: AttachmentActionsScreenOptions,\n    },\n    ConversationSelectType: {\n      screen: ConversationSelectTypeScreen,\n      options: ConversationSelectTypeScreenOptions,\n    },\n    Reactions: {\n      screen: ReactionsScreen,\n      options: ReactionsScreenOptions,\n    },\n    SystemMessagePeople: {\n      screen: SystemMessagePeopleScreen,\n      options: SystemMessagePeopleScreenOptions,\n    },\n    MessageReadReceipts: {\n      screen: MessageReadReceiptsScreen,\n      options: MessageReadReceiptsScreenOptions,\n    },\n    BugReport: {\n      screen: BugReportScreen,\n      options: BugReportScreenOptions,\n    },\n    GetHelp: {\n      screen: GetHelpScreen,\n      options: ({ navigation }) =>\n        composeOptions(\n          {\n            headerTitle: 'Get help',\n            headerBackVisible: false,\n            presentation: 'modal',\n          },\n          withRightClose({ onPress: navigation.goBack })\n        ),\n    },\n    NotFound: {\n      screen: NotFound,\n      options: {\n        title: '404',\n      },\n      linking: {\n        path: '*',\n      },\n    },\n  },\n})\n\ntype ChatStackParamList = StaticParamList<typeof ChatStack>\n\ndeclare global {\n  namespace ReactNavigation {\n    interface RootParamList extends ChatStackParamList {}\n  }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/navigation/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StaticParamList } from '@react-navigation/native'\nimport {\n  createNativeStackNavigator,\n  NativeStackHeaderRightProps,\n  NativeStackNavigationOptions,\n} from '@react-navigation/native-stack'\nimport { CardStyleInterpolators } from '@react-navigation/stack'\nimport React from 'react'\nimport {\n  composeOptions,\n  withMinimalBack,\n  withRightClose,\n  withRightDone,\n} from '../components/display/platform_modal_header_buttons'\nimport { useDirectMessagesEligible, useQualifiedByAge } from '../hooks'\nimport {\n  AttachmentActionsScreen,\n  AttachmentActionsScreenOptions,\n} from '../screens/attachment_actions/attachment_actions_screen'\nimport {\n  AvatarPickerScreen,\n  AvatarPickerScreenOptions,\n  AvatarPickerCreateScreenOptions,\n} from '../screens/avatar_picker/avatar_picker_screen'\nimport { BugReportScreen, BugReportScreenOptions } from '../screens/bug_report_screen'\nimport {\n  MessageReadReceiptsScreen,\n  MessageReadReceiptsScreenOptions,\n} from '../screens/conversation/message_read_receipts_screen'\nimport { ConversationDetailsScreen } from '../screens/conversation_details_screen'\nimport {\n  ConversationFilterReceipientsScreenOptions,\n  ConversationFilterRecipientsScreen,\n} from '../screens/conversation_filter_recipients/conversation_filter_recipients_screen'\nimport { ConversationFiltersParams } from '../screens/conversation_filters/screen_props'\nimport {\n  ConversationFiltersScreen,\n  ConversationFiltersScreenOptions,\n} from '../screens/conversation_filters_screen'\nimport { ConversationNewScreen } from '../screens/conversation_new/conversation_new_screen'\nimport {\n  ConversationNotificationLevelSelectScreen,\n  ConversationNotificationLevelSelectScreenOptions,\n} from '../screens/conversation_notification_level_select_screen'\nimport {\n  ConversationRouteProps,\n  ConversationScreen,\n  ConversationScreenTitle,\n} from '../screens/conversation_screen'\nimport { ConversationNewEntryScreen } from '../screens/conversation_select_recipients/conversation_new_entry_screen'\nimport { ConversationSelectDirectMessageRecipientsScreen } from '../screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen'\nimport { ConversationSelectGroupRecipientsScreen } from '../screens/conversation_select_recipients/conversation_select_group_recipients_screen'\nimport { ConversationSelectTeamsILeadRecipientsScreen } from '../screens/conversation_select_recipients/conversation_select_teams_i_lead_recipients_screen'\nimport { ConversationSelectRecipientsParams } from '../screens/conversation_select_recipients/types/screen_props'\nimport {\n  ConversationSelectTypeScreen,\n  ConversationSelectTypeScreenOptions,\n} from '../screens/conversation_select_type_screen'\nimport { ConversationsScreen } from '../screens/conversations/conversations_screen'\nimport { GetHelpScreen } from '../screens/get_help_screen'\nimport {\n  GroupNotificationLevelSelectScreen,\n  GroupNotificationLevelSelectScreenOptions,\n} from '../screens/group_notification_level_select_screen'\nimport { GroupNotificationSettingsScreen } from '../screens/group_notification_settings_screen'\nimport {\n  MessageActionsScreen,\n  MessageActionsScreenOptions,\n} from '../screens/message_actions_screen'\nimport { MessageReportScreen, MessageReportScreenOptions } from '../screens/message_report_screen'\nimport { NotFound } from '../screens/not_found'\nimport { NotificationSettingsScreen } from '../screens/notification_settings_screen'\nimport { PreferredAppSelectionScreen } from '../screens/preferred_app_selection_screen'\nimport { ReactionsScreen, ReactionsScreenOptions } from '../screens/reactions_screen'\nimport { SendGiphyScreen, SendGiphyScreenOptions } from '../screens/send_giphy_screen'\nimport { SettingsScreen } from '../screens/settings_screen'\nimport {\n  SystemMessagePeopleScreen,\n  SystemMessagePeopleScreenOptions,\n} from '../screens/system_message_people_screen'\nimport { TeamConversationScreen } from '../screens/team_conversation_screen'\nimport { isLiquidGlassEnabled } from '../utils/liquid_glass'\nimport { ScreenLayoutWithChatAccessGate } from './screenLayout'\n\nconst globalScreenOptions: () => NativeStackNavigationOptions = () => ({\n  headerBackButtonDisplayMode: 'minimal',\n  ...(isLiquidGlassEnabled() ? { headerShadowVisible: false } : {}),\n})\n\nexport const NewConversationStack = createNativeStackNavigator({\n  initialRouteName: 'ConversationNewEntry',\n  screenOptions: globalScreenOptions,\n  screenLayout: ScreenLayoutWithChatAccessGate,\n  screens: {\n    ConversationNewEntry: {\n      screen: ConversationNewEntryScreen,\n      options: ({ navigation }) =>\n        composeOptions(\n          {\n            title: 'New conversation',\n            headerBackVisible: false,\n          },\n          withRightClose({ onPress: navigation.goBack })\n        ),\n    },\n    ConversationSelectGroupRecipients: {\n      screen: ConversationSelectGroupRecipientsScreen,\n      options: ({ navigation, route }) =>\n        composeOptions(\n          {\n            title: 'New conversation',\n          },\n          withRightClose({\n            onPress: () => navigation.popTo('Conversations', route.params),\n          })\n        ),\n    },\n    ConversationSelectTeamsILeadRecipients: {\n      screen: ConversationSelectTeamsILeadRecipientsScreen,\n      options: ({ navigation, route }) =>\n        composeOptions(\n          {\n            title: 'New conversation',\n          },\n          withRightClose({\n            onPress: () => navigation.popTo('Conversations', route.params),\n          })\n        ),\n    },\n    ConversationSelectDirectMessageRecipients: {\n      screen: ConversationSelectDirectMessageRecipientsScreen,\n      if: useDirectMessagesEligible,\n      options: ({ navigation, route }) =>\n        composeOptions(\n          {\n            title: 'New conversation',\n          },\n          withRightClose({\n            onPress: () => navigation.popTo('Conversations', route.params),\n          })\n        ),\n    },\n    ConversationFilterRecipients: {\n      screen: ConversationFilterRecipientsScreen,\n      options: ConversationFilterReceipientsScreenOptions,\n    },\n    ConversationNew: {\n      screen: ConversationNewScreen,\n      options: ({ navigation, route }) =>\n        composeOptions(\n          {\n            title: 'New conversation',\n            headerLeft: () => null,\n          },\n          withRightClose({\n            onPress: () => {\n              const { chat_group_graph_id, group_source_app_name } =\n                route.params as ConversationSelectRecipientsParams\n              navigation.popTo('Conversations', { chat_group_graph_id, group_source_app_name })\n            },\n          })\n        ),\n    },\n    AvatarPicker: {\n      screen: AvatarPickerScreen,\n      options: AvatarPickerCreateScreenOptions,\n    },\n  },\n})\n\nexport const ChatStack = createNativeStackNavigator({\n  screenOptions: globalScreenOptions,\n  screenLayout: ScreenLayoutWithChatAccessGate,\n  screens: {\n    Conversations: {\n      screen: ConversationsScreen,\n      options: ({ route, navigation }) =>\n        composeOptions(\n          {\n            headerTitle: (route.params as { title?: string })?.title ?? 'Chat',\n            headerBackVisible: false,\n          },\n          withRightClose({ onPress: navigation.goBack })\n        ),\n    },\n    ConversationFilters: {\n      screen: ConversationFiltersScreen,\n      options: ConversationFiltersScreenOptions,\n    },\n    Conversation: {\n      screen: ConversationScreen,\n      options: ({ route, navigation }) =>\n        composeOptions(\n          {\n            headerTitle: (props: NativeStackHeaderRightProps) => {\n              const { conversation_id, title, badge, deleted, muted } =\n                route.params as ConversationRouteProps\n\n              return (\n                <ConversationScreenTitle\n                  conversation_id={conversation_id}\n                  badge={badge}\n                  deleted={deleted}\n                  muted={muted}\n                  {...props}\n                >\n                  {title ?? 'Conversation'}\n                </ConversationScreenTitle>\n              )\n            },\n          },\n          withMinimalBack({\n            onPress: () => {\n              const params = route.params as ConversationRouteProps\n              if ((params as ConversationFiltersParams)?.chat_group_graph_id) {\n                // Ensure that conversations with a graph id pass them back to the conversation list\n                const { chat_group_graph_id } = params\n                navigation.popTo('Conversations', { chat_group_graph_id })\n              } else {\n                navigation.goBack()\n              }\n            },\n          }),\n          withRightClose({ onPress: () => navigation.getParent()?.goBack() })\n        ),\n    },\n    ConversationReply: {\n      screen: ConversationScreen,\n      options: ({ route, navigation }) =>\n        composeOptions(\n          { title: (route.params as ConversationRouteProps)?.title ?? 'Reply' },\n          withMinimalBack({ onPress: navigation.goBack })\n        ),\n    },\n    TeamConversation: {\n      screen: TeamConversationScreen,\n      if: useQualifiedByAge,\n      options: {\n        title: 'Finding conversation...',\n        animation: 'none',\n        cardStyleInterpolator: CardStyleInterpolators.forNoAnimation,\n      },\n    },\n    ConversationDetails: {\n      screen: ConversationDetailsScreen,\n      options: ({ navigation }) =>\n        composeOptions(\n          {\n            presentation: 'modal',\n            title: 'Conversation details',\n          },\n          withRightDone({ onPress: navigation.goBack })\n        ),\n    },\n    AvatarPicker: {\n      screen: AvatarPickerScreen,\n      options: AvatarPickerScreenOptions,\n    },\n    ChatSettings: {\n      screen: SettingsScreen,\n      options: ({ navigation }) =>\n        composeOptions({ title: 'Chat settings' }, withMinimalBack({ onPress: navigation.goBack })),\n    },\n    NotificationSettings: {\n      screen: NotificationSettingsScreen,\n      options: ({ navigation }) =>\n        navigation.getState().index === 0\n          ? composeOptions(\n              { title: 'Chat notifications' },\n              withRightClose({ onPress: navigation.goBack })\n            )\n          : composeOptions(\n              { title: 'Chat notifications' },\n              withMinimalBack({ onPress: navigation.goBack })\n            ),\n    },\n    PreferredAppSelection: {\n      screen: PreferredAppSelectionScreen,\n      options: ({ navigation }) =>\n        composeOptions({ title: 'Preferred app' }, withMinimalBack({ onPress: navigation.goBack })),\n    },\n    GroupNotificationSettings: {\n      screen: GroupNotificationSettingsScreen,\n      options: ({ route, navigation }) => {\n        const title = (route.params as { title?: string })?.title || 'Group Settings'\n\n        // The dismiss button only shows when this is the entry screen (e.g.\n        // deep links); deeper in the stack the back button covers dismissal.\n        return navigation.getState().index === 0\n          ? composeOptions(\n              {\n                title,\n              },\n              withRightClose({ onPress: navigation.goBack })\n            )\n          : composeOptions({ title }, withMinimalBack({ onPress: navigation.goBack }))\n      },\n    },\n    GroupNotificationLevelSelect: {\n      screen: GroupNotificationLevelSelectScreen,\n      options: GroupNotificationLevelSelectScreenOptions,\n    },\n    ConversationNotificationLevelSelect: {\n      screen: ConversationNotificationLevelSelectScreen,\n      options: ConversationNotificationLevelSelectScreenOptions,\n    },\n    New: {\n      screen: NewConversationStack,\n      if: useQualifiedByAge,\n      options: {\n        headerShown: false,\n        presentation: 'modal',\n      },\n    },\n    GroupConversationNew: {\n      screen: ConversationNewScreen,\n      if: useQualifiedByAge,\n      options: ({ navigation }) =>\n        composeOptions(\n          {\n            title: 'New conversation',\n            headerLeft: () => null,\n          },\n          withRightClose({ onPress: () => navigation.getParent()?.goBack() })\n        ),\n    },\n    SendGiphy: {\n      screen: SendGiphyScreen,\n      options: SendGiphyScreenOptions,\n    },\n    MessageActions: {\n      screen: MessageActionsScreen,\n      // Something about sheetAllowedDetents declared inline breaks TS\n      options: MessageActionsScreenOptions,\n    },\n    MessageReport: {\n      screen: MessageReportScreen,\n      options: MessageReportScreenOptions,\n    },\n    AttachmentActions: {\n      screen: AttachmentActionsScreen,\n      options: AttachmentActionsScreenOptions,\n    },\n    ConversationSelectType: {\n      screen: ConversationSelectTypeScreen,\n      options: ConversationSelectTypeScreenOptions,\n    },\n    Reactions: {\n      screen: ReactionsScreen,\n      options: ReactionsScreenOptions,\n    },\n    SystemMessagePeople: {\n      screen: SystemMessagePeopleScreen,\n      options: SystemMessagePeopleScreenOptions,\n    },\n    MessageReadReceipts: {\n      screen: MessageReadReceiptsScreen,\n      options: MessageReadReceiptsScreenOptions,\n    },\n    BugReport: {\n      screen: BugReportScreen,\n      options: BugReportScreenOptions,\n    },\n    GetHelp: {\n      screen: GetHelpScreen,\n      options: ({ navigation }) =>\n        composeOptions(\n          {\n            headerTitle: 'Get help',\n            headerBackVisible: false,\n            presentation: 'modal',\n          },\n          withRightClose({ onPress: navigation.goBack })\n        ),\n    },\n    NotFound: {\n      screen: NotFound,\n      options: {\n        title: '404',\n      },\n      linking: {\n        path: '*',\n      },\n    },\n  },\n})\n\ntype ChatStackParamList = StaticParamList<typeof ChatStack>\n\ndeclare global {\n  namespace ReactNavigation {\n    interface RootParamList extends ChatStackParamList {}\n  }\n}\n"]}

package/build/screens/conversation_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_screen.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,gBAAgB,EAAqB,MAAM,4BAA4B,CAAA;AAC7F,OAAO,EAGL,iBAAiB,EAIlB,MAAM,0BAA0B,CAAA;AAmCjC,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAA;AAOjF,MAAM,MAAM,sBAAsB,GAAG;IACnC,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,yBAAyB,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,sBAAsB,CAAC,CAAA;AAE/E,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAE,uBAAuB,2CAkBpE;AA+OD,UAAU,4BAA6B,SAAQ,gBAAgB;IAC7D,eAAe,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,yBAAyB,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,eAAO,MAAM,uBAAuB,GAAI,8DAOrC,4BAA4B,4CAoC9B,CAAA"}
+{"version":3,"file":"conversation_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_screen.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,gBAAgB,EAAqB,MAAM,4BAA4B,CAAA;AAC7F,OAAO,EAGL,iBAAiB,EAIlB,MAAM,0BAA0B,CAAA;AAmCjC,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAA;AAOjF,MAAM,MAAM,sBAAsB,GAAG;IACnC,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,yBAAyB,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,sBAAsB,CAAC,CAAA;AAE/E,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAE,uBAAuB,2CAkBpE;AAmPD,UAAU,4BAA6B,SAAQ,gBAAgB;IAC7D,eAAe,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,yBAAyB,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,eAAO,MAAM,uBAAuB,GAAI,8DAOrC,4BAA4B,4CAoC9B,CAAA"}

package/build/screens/conversation_screen.js

@@ -45,7 +45,7 @@ function ConversationScreenContent({ route }) {
     const navigation = useNavigation();
     const { conversation_id, editing_message_id, reply_root_id, reply_root_author_name } = route.params;
     const { data: conversation } = useConversation(route.params);
-    const { messages, fetchNextPage, hasNextPage } = useConversationMessages({
+    const { messages, fetchNextPage, hasNextPage, isFetchingNextPage } = useConversationMessages({
         conversation_id,
         reply_root_id,
     });
@@ -110,7 +110,12 @@ function ConversationScreenContent({ route }) {
                             return _jsx(SystemMessage, { message: item, conversationId: conversation_id });
                         }
                         return (_jsx(Message, { ...item, canDeleteNonAuthoredMessages: canDeleteNonAuthoredMessages, conversation_id: conversation_id, latestReadMessageSortKey: conversation?.latestReadMessageSortKey, inReplyScreen: !!reply_root_id }));
-                    }, onEndReached: () => fetchNextPage(), ListHeaderComponent: _jsx(View, { style: styles.listHeader }) })), _jsx(JumpToBottomButton, { onPress: handleReturnToBottom, visible: showJumpToBottomButton }), !noMessages && _jsx(TypingIndicator, {}), showLeaderDisabledReplyBanner && _jsx(LeaderMessagesDisabledBanner, {}), _jsx(ConversationBottomBar, { conversation: conversation, canReply: canReply, replyRootAuthorFirstName: replyRootAuthorFirstName, replyRootId: reply_root_id, currentlyEditingMessage: currentlyEditingMessage, onFlaggedInMessageForm: markHandledByMessageForm })] }) }));
+                    }, onEndReached: () => {
+                        // Android's inverted FlatList can refire onEndReached while a
+                        // page fetch is already in flight, queueing unbounded requests.
+                        if (hasNextPage && !isFetchingNextPage)
+                            fetchNextPage();
+                    }, ListHeaderComponent: _jsx(View, { style: styles.listHeader }) })), _jsx(JumpToBottomButton, { onPress: handleReturnToBottom, visible: showJumpToBottomButton }), !noMessages && _jsx(TypingIndicator, {}), showLeaderDisabledReplyBanner && _jsx(LeaderMessagesDisabledBanner, {}), _jsx(ConversationBottomBar, { conversation: conversation, canReply: canReply, replyRootAuthorFirstName: replyRootAuthorFirstName, replyRootId: reply_root_id, currentlyEditingMessage: currentlyEditingMessage, onFlaggedInMessageForm: markHandledByMessageForm })] }) }));
 }
 function ConversationBottomBar({ conversation, canReply, replyRootAuthorFirstName, replyRootId, currentlyEditingMessage, onFlaggedInMessageForm, }) {
     const messageLink = useMessageAvailableMembersAction(conversation);
@@ -164,7 +169,9 @@ export const ConversationScreenTitle = ({ conversation_id, badge, children, styl
 const usePressableHeaderStyle = () => {
     const { width } = useWindowDimensions();
     const slotReserve = useHeaderSlotReserve();
-    const headerContainerStyle = { maxWidth: width - slotReserve * 2 };
+    // Guards split-screen/DeX widths where slotReserve * 2 exceeds the
+    // available width, which would otherwise resolve to a negative maxWidth.
+    const headerContainerStyle = { maxWidth: Math.max(0, width - slotReserve * 2) };
     return StyleSheet.create({
         container: {
             alignItems: Platform.select({ android: 'flex-start', default: 'center' }),

package/build/screens/conversation_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { date as formatDate } from '@planningcenter/datetime-fmt'\nimport { HeaderTitle, HeaderTitleProps, PlatformPressable } from '@react-navigation/elements'\nimport {\n  CommonActions,\n  RouteProp,\n  StaticScreenProps,\n  useNavigation,\n  useTheme as useNavigationTheme,\n  useRoute,\n} from '@react-navigation/native'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { FlatList, Platform, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Badge, Icon, Text } from '../components'\nimport { ConversationStartBanner } from '../components/conversation/conversation_start_banner'\nimport { JumpToBottomButton } from '../components/conversation/jump_to_bottom_button'\nimport { Message } from '../components/conversation/message'\nimport { MessageForm } from '../components/conversation/message_form'\nimport {\n  ConversationDisabledBanner,\n  LeaderMessagesDisabledBanner,\n  MemberMessagesDisabledBanner,\n} from '../components/conversation/messages_disabled_banners'\nimport { ReplyShadowMessage } from '../components/conversation/reply_shadow_message'\nimport { SystemMessage } from '../components/conversation/system_message'\nimport { TypingIndicator } from '../components/conversation/typing_indicator'\nimport { KeyboardView } from '../components/display/keyboard_view'\nimport { useHeaderSlotReserve } from '../components/display/platform_modal_header_buttons'\nimport BlankState from '../components/primitive/blank_state_primitive'\nimport { ConversationContextProvider } from '../contexts/conversation_context'\nimport { useTheme } from '../hooks'\nimport { useMessageAvailableMembersAction } from '../hooks/direct_messages/use_message_available_members_action'\nimport { useConversation } from '../hooks/use_conversation'\nimport { useConversationJoltEvents } from '../hooks/use_conversation_jolt_events'\nimport { useConversationMessages } from '../hooks/use_conversation_messages'\nimport { useConversationMessagesJoltEvents } from '../hooks/use_conversation_messages_jolt_events'\nimport { useMarkLatestMessageRead } from '../hooks/use_mark_latest_message_read'\nimport {\n  analyticsEvents,\n  normalizeAnalyticsMetadata,\n  usePublishProductAnalyticsEvent,\n} from '../hooks/use_product_analytics'\nimport { useVideoModerationJoltEvents } from '../hooks/use_video_moderation_jolt_events'\nimport { ConversationResource } from '../types/resources/conversation'\nimport { ConversationBadgeResource } from '../types/resources/conversation_badge'\nimport { MessageResource } from '../types/resources/message'\nimport { getRelativeDateStatus } from '../utils/date'\nimport { groupMessages, type DateSeparator } from '../utils/group_messages'\nimport { CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL } from '../utils/styles'\nimport { isSystemMessage } from '../utils/system_messages'\n\nexport type ConversationRouteProps = {\n  conversation_id: number\n  reply_root_id?: string | null\n  reply_root_author_name?: string\n  chat_group_graph_id?: string\n  clear_input?: boolean\n  editing_message_id?: number | null\n  title?: string\n  subtitle?: string\n  badge?: ConversationBadgeResource\n  deleted?: boolean\n  muted?: boolean\n}\n\nexport type ConversationScreenProps = StaticScreenProps<ConversationRouteProps>\n\nexport function ConversationScreen({ route }: ConversationScreenProps) {\n  const { conversation_id, reply_root_id } = route.params\n\n  const { data: conversation } = useConversation({ conversation_id })\n\n  usePublishProductAnalyticsEvent(analyticsEvents.conversation_show_opened, {\n    reply_root_id,\n    ...normalizeAnalyticsMetadata(conversation),\n  })\n\n  return (\n    <ConversationContextProvider\n      conversationId={conversation_id}\n      currentPageReplyRootId={reply_root_id ?? null}\n    >\n      <ConversationScreenContent route={route} />\n    </ConversationContextProvider>\n  )\n}\n\nfunction ConversationScreenContent({ route }: ConversationScreenProps) {\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const { conversation_id, editing_message_id, reply_root_id, reply_root_author_name } =\n    route.params\n  const { data: conversation } = useConversation(route.params)\n  const { messages, fetchNextPage, hasNextPage } = useConversationMessages({\n    conversation_id,\n    reply_root_id,\n  })\n  useConversationJoltEvents({ conversationId: conversation_id })\n  useConversationMessagesJoltEvents({ conversationId: conversation_id })\n  const { markHandledByMessageForm } = useVideoModerationJoltEvents()\n  useEnsureConversationsRouteExists()\n  useMarkLatestMessageRead({ conversation, messages })\n  const messagesWithSeparators = groupMessages({\n    ms: messages,\n    inReplyScreen: !!reply_root_id,\n  })\n  const noMessages = messagesWithSeparators.length === 0\n\n  const { repliesDisabled, memberAbility, badges, title } = conversation\n  const canReply = memberAbility?.canReply\n  const showLeaderDisabledReplyBanner = canReply && repliesDisabled\n  const canDeleteNonAuthoredMessages = memberAbility?.canDeleteNonAuthoredMessages ?? false\n  const currentlyEditingMessage = messages.find(m => String(m.id) === String(editing_message_id))\n  const replyRootAuthorFirstName = reply_root_author_name?.split(' ')[0]\n  const replyHeaderTitle = replyRootAuthorFirstName\n    ? `Reply to ${replyRootAuthorFirstName}`\n    : 'Reply'\n  // Prefer the membership for optimistic updates.\n  const muted = conversation.conversationMembership?.muted ?? conversation.muted\n\n  const listRef = useRef<FlatList>(null)\n  const [showJumpToBottomButton, setShowJumpToBottomButton] = useState(false)\n\n  const trackScroll = (event: any) => {\n    const offsetY = event.nativeEvent.contentOffset.y\n    setShowJumpToBottomButton(offsetY > 200)\n  }\n\n  const handleReturnToBottom = useCallback(() => {\n    listRef.current?.scrollToOffset({\n      offset: 0,\n    })\n  }, [])\n\n  useEffect(() => {\n    if (reply_root_id) {\n      navigation.setParams({\n        title: replyHeaderTitle,\n      })\n    } else {\n      navigation.setParams({\n        title: title,\n        badge: badges?.[0],\n        deleted: conversation?.deleted,\n        muted,\n      })\n    }\n  }, [navigation, title, badges, conversation?.deleted, reply_root_id, replyHeaderTitle, muted])\n\n  if (!conversation || conversation.deleted) {\n    return (\n      <View style={styles.container}>\n        <BlankState.Root>\n          <BlankState.Imagery name=\"general.outlinedTextMessage\" />\n          <BlankState.Content>\n            <BlankState.Heading>This conversation has been deleted</BlankState.Heading>\n          </BlankState.Content>\n          <BlankState.Button\n            onPress={navigation.goBack}\n            title=\"Back to conversations\"\n            accessibilityHint=\"Navigates back to the conversations list\"\n            accessibilityRole=\"link\"\n          />\n        </BlankState.Root>\n      </View>\n    )\n  }\n\n  return (\n    <View style={styles.container}>\n      <KeyboardView>\n        {noMessages ? (\n          <View style={styles.emptyState}>\n            <ConversationStartBanner conversation={conversation} hasMessages={false} />\n          </View>\n        ) : (\n          <FlatList\n            inverted\n            ref={listRef}\n            contentContainerStyle={styles.listContainer}\n            data={messagesWithSeparators}\n            keyExtractor={item => item.id}\n            onScroll={trackScroll}\n            scrollEventThrottle={10}\n            ListFooterComponent={\n              hasNextPage ? null : (\n                <ConversationStartBanner conversation={conversation} hasMessages={true} />\n              )\n            }\n            renderItem={({ item }) => {\n              if (item.type === 'DateSeparator') {\n                return <InlineDateSeparator {...item} />\n              }\n\n              if (item.type === 'ReplyShadowMessage') {\n                return (\n                  <ReplyShadowMessage\n                    {...(item as any)}\n                    conversation_id={conversation_id}\n                    inReplyScreen={!!reply_root_id}\n                  />\n                )\n              }\n\n              if (isSystemMessage(item)) {\n                return <SystemMessage message={item} conversationId={conversation_id} />\n              }\n\n              return (\n                <Message\n                  {...item}\n                  canDeleteNonAuthoredMessages={canDeleteNonAuthoredMessages}\n                  conversation_id={conversation_id}\n                  latestReadMessageSortKey={conversation?.latestReadMessageSortKey}\n                  inReplyScreen={!!reply_root_id}\n                />\n              )\n            }}\n            onEndReached={() => fetchNextPage()}\n            ListHeaderComponent={<View style={styles.listHeader} />}\n          />\n        )}\n        <JumpToBottomButton onPress={handleReturnToBottom} visible={showJumpToBottomButton} />\n        {!noMessages && <TypingIndicator />}\n        {showLeaderDisabledReplyBanner && <LeaderMessagesDisabledBanner />}\n        <ConversationBottomBar\n          conversation={conversation}\n          canReply={canReply}\n          replyRootAuthorFirstName={replyRootAuthorFirstName}\n          replyRootId={reply_root_id}\n          currentlyEditingMessage={currentlyEditingMessage}\n          onFlaggedInMessageForm={markHandledByMessageForm}\n        />\n      </KeyboardView>\n    </View>\n  )\n}\n\ninterface ConversationBottomBarProps {\n  conversation: ConversationResource\n  canReply: boolean | undefined\n  replyRootAuthorFirstName: string | undefined\n  replyRootId: string | null | undefined\n  currentlyEditingMessage: MessageResource | undefined\n  onFlaggedInMessageForm?: (id: string) => void\n}\n\nfunction ConversationBottomBar({\n  conversation,\n  canReply,\n  replyRootAuthorFirstName,\n  replyRootId,\n  currentlyEditingMessage,\n  onFlaggedInMessageForm,\n}: ConversationBottomBarProps) {\n  const messageLink = useMessageAvailableMembersAction(conversation)\n\n  if (conversation.disabled)\n    return (\n      <ConversationDisabledBanner\n        message={conversation.disabledMessage ?? null}\n        messageLink={messageLink}\n      />\n    )\n  if (!canReply) return <MemberMessagesDisabledBanner />\n  return (\n    <MessageForm.Root\n      replyRootAuthorFirstName={replyRootAuthorFirstName}\n      conversation={conversation}\n      replyRootId={replyRootId}\n      currentlyEditingMessage={currentlyEditingMessage}\n      onFlaggedInMessageForm={onFlaggedInMessageForm}\n      key={\n        currentlyEditingMessage\n          ? `edit-message-form-${currentlyEditingMessage.id}`\n          : 'new-message-form'\n      }\n    >\n      <MessageForm.AttachmentPicker />\n      <MessageForm.Commands />\n      <MessageForm.TextInput />\n      <MessageForm.SubmitButton />\n    </MessageForm.Root>\n  )\n}\n\nfunction InlineDateSeparator({ date }: DateSeparator) {\n  const styles = useDateSeparatorStyles()\n  const { isThisYear } = getRelativeDateStatus(date)\n  const showYear = !isThisYear\n  const dateStamp = formatDate(date, { style: 'long', year: showYear })\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.separator} />\n      <Text variant=\"footnote\" style={styles.dateText}>\n        {dateStamp}\n      </Text>\n      <View style={styles.separator} />\n    </View>\n  )\n}\n\nconst useDateSeparatorStyles = () => {\n  const theme = useTheme()\n  return StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      flexDirection: 'row',\n      paddingHorizontal: CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL,\n      paddingVertical: 16,\n    },\n    separator: {\n      flex: 1,\n      height: 1,\n      borderTopWidth: 1,\n      borderTopColor: theme.colors.borderColorDefaultBase,\n    },\n    dateText: {\n      paddingHorizontal: 8,\n    },\n  })\n}\n\ninterface ConversationScreenTitleProps extends HeaderTitleProps {\n  conversation_id: number\n  badge?: ConversationBadgeResource\n  deleted?: boolean\n  muted?: boolean\n}\n\nexport const ConversationScreenTitle = ({\n  conversation_id,\n  badge,\n  children,\n  style,\n  deleted,\n  muted,\n}: ConversationScreenTitleProps) => {\n  const styles = usePressableHeaderStyle()\n  const navigation = useNavigation()\n  const resourceType = badge?.pcoResourceType || ''\n  const productName = badge?.appName\n  const name = badge?.text || undefined\n\n  return (\n    <PlatformPressable\n      accessibilityHint=\"Opens details about members and settings\"\n      style={styles.container}\n      onPress={() => {\n        if (deleted) return\n\n        navigation.navigate('ConversationDetails', { conversation_id })\n      }}\n    >\n      <View style={styles.titleWrapper}>\n        <View style={styles.titleTextContainer}>\n          <HeaderTitle maxFontSizeMultiplier={1} style={style}>\n            {children}\n          </HeaderTitle>\n        </View>\n        {muted && <Icon name=\"general.bellMuted\" size={12} />}\n        {!deleted && <Icon name=\"general.downChevron\" size={12} />}\n      </View>\n      <Badge\n        variant=\"metaSubtle\"\n        productLogoName={productName}\n        label={resourceType}\n        metaLabel={name}\n        style={styles.badge}\n        maxFontSizeMultiplier={1}\n      />\n    </PlatformPressable>\n  )\n}\n\nconst usePressableHeaderStyle = () => {\n  const { width } = useWindowDimensions()\n  const slotReserve = useHeaderSlotReserve()\n  const headerContainerStyle = { maxWidth: width - slotReserve * 2 }\n\n  return StyleSheet.create({\n    container: {\n      alignItems: Platform.select({ android: 'flex-start', default: 'center' }),\n      flex: 1,\n      ...headerContainerStyle,\n    },\n    titleWrapper: {\n      alignItems: 'center',\n      columnGap: 4,\n      flexDirection: 'row',\n      flexShrink: 1,\n    },\n    titleTextContainer: {\n      flexShrink: 1,\n      minWidth: 0,\n    },\n    badge: {\n      alignSelf: Platform.select({ android: 'flex-start', default: 'center' }),\n      marginTop: 2,\n    },\n  })\n}\n\nconst useStyles = () => {\n  const navigationTheme = useNavigationTheme()\n  const { bottom } = useSafeAreaInsets()\n\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n      justifyContent: 'center',\n      backgroundColor: navigationTheme.colors.card,\n      paddingBottom: bottom,\n    },\n    emptyState: {\n      flex: 1,\n      justifyContent: 'center',\n    },\n    listContainer: {\n      paddingVertical: 12,\n    },\n    listHeader: {\n      // Just whitespace to provide space where the typing indicator can be\n      height: 16,\n    },\n  })\n}\n\n/**\n * useEnsureConversationsRouteExists\n */\nconst useEnsureConversationsRouteExists = () => {\n  const navigation = useNavigation()\n  const { params } = useRoute<RouteProp<ConversationScreenProps['route']>>()\n\n  useEffect(() => {\n    const navigationState = navigation.getState()\n    const routes = navigationState?.routes || []\n    const conversationsRoute = routes.find(r => r.name === 'Conversations')\n\n    if (conversationsRoute) return\n\n    navigation.dispatch(state => {\n      return CommonActions.reset({\n        ...state,\n        routes: [\n          { name: 'Conversations', params: { chat_group_graph_id: params?.chat_group_graph_id } },\n          ...routes,\n        ],\n        index: state.index + 1,\n      })\n    })\n  }, [navigation, params?.chat_group_graph_id])\n}\n"]}
+{"version":3,"file":"conversation_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { date as formatDate } from '@planningcenter/datetime-fmt'\nimport { HeaderTitle, HeaderTitleProps, PlatformPressable } from '@react-navigation/elements'\nimport {\n  CommonActions,\n  RouteProp,\n  StaticScreenProps,\n  useNavigation,\n  useTheme as useNavigationTheme,\n  useRoute,\n} from '@react-navigation/native'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { FlatList, Platform, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Badge, Icon, Text } from '../components'\nimport { ConversationStartBanner } from '../components/conversation/conversation_start_banner'\nimport { JumpToBottomButton } from '../components/conversation/jump_to_bottom_button'\nimport { Message } from '../components/conversation/message'\nimport { MessageForm } from '../components/conversation/message_form'\nimport {\n  ConversationDisabledBanner,\n  LeaderMessagesDisabledBanner,\n  MemberMessagesDisabledBanner,\n} from '../components/conversation/messages_disabled_banners'\nimport { ReplyShadowMessage } from '../components/conversation/reply_shadow_message'\nimport { SystemMessage } from '../components/conversation/system_message'\nimport { TypingIndicator } from '../components/conversation/typing_indicator'\nimport { KeyboardView } from '../components/display/keyboard_view'\nimport { useHeaderSlotReserve } from '../components/display/platform_modal_header_buttons'\nimport BlankState from '../components/primitive/blank_state_primitive'\nimport { ConversationContextProvider } from '../contexts/conversation_context'\nimport { useTheme } from '../hooks'\nimport { useMessageAvailableMembersAction } from '../hooks/direct_messages/use_message_available_members_action'\nimport { useConversation } from '../hooks/use_conversation'\nimport { useConversationJoltEvents } from '../hooks/use_conversation_jolt_events'\nimport { useConversationMessages } from '../hooks/use_conversation_messages'\nimport { useConversationMessagesJoltEvents } from '../hooks/use_conversation_messages_jolt_events'\nimport { useMarkLatestMessageRead } from '../hooks/use_mark_latest_message_read'\nimport {\n  analyticsEvents,\n  normalizeAnalyticsMetadata,\n  usePublishProductAnalyticsEvent,\n} from '../hooks/use_product_analytics'\nimport { useVideoModerationJoltEvents } from '../hooks/use_video_moderation_jolt_events'\nimport { ConversationResource } from '../types/resources/conversation'\nimport { ConversationBadgeResource } from '../types/resources/conversation_badge'\nimport { MessageResource } from '../types/resources/message'\nimport { getRelativeDateStatus } from '../utils/date'\nimport { groupMessages, type DateSeparator } from '../utils/group_messages'\nimport { CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL } from '../utils/styles'\nimport { isSystemMessage } from '../utils/system_messages'\n\nexport type ConversationRouteProps = {\n  conversation_id: number\n  reply_root_id?: string | null\n  reply_root_author_name?: string\n  chat_group_graph_id?: string\n  clear_input?: boolean\n  editing_message_id?: number | null\n  title?: string\n  subtitle?: string\n  badge?: ConversationBadgeResource\n  deleted?: boolean\n  muted?: boolean\n}\n\nexport type ConversationScreenProps = StaticScreenProps<ConversationRouteProps>\n\nexport function ConversationScreen({ route }: ConversationScreenProps) {\n  const { conversation_id, reply_root_id } = route.params\n\n  const { data: conversation } = useConversation({ conversation_id })\n\n  usePublishProductAnalyticsEvent(analyticsEvents.conversation_show_opened, {\n    reply_root_id,\n    ...normalizeAnalyticsMetadata(conversation),\n  })\n\n  return (\n    <ConversationContextProvider\n      conversationId={conversation_id}\n      currentPageReplyRootId={reply_root_id ?? null}\n    >\n      <ConversationScreenContent route={route} />\n    </ConversationContextProvider>\n  )\n}\n\nfunction ConversationScreenContent({ route }: ConversationScreenProps) {\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const { conversation_id, editing_message_id, reply_root_id, reply_root_author_name } =\n    route.params\n  const { data: conversation } = useConversation(route.params)\n  const { messages, fetchNextPage, hasNextPage, isFetchingNextPage } = useConversationMessages({\n    conversation_id,\n    reply_root_id,\n  })\n  useConversationJoltEvents({ conversationId: conversation_id })\n  useConversationMessagesJoltEvents({ conversationId: conversation_id })\n  const { markHandledByMessageForm } = useVideoModerationJoltEvents()\n  useEnsureConversationsRouteExists()\n  useMarkLatestMessageRead({ conversation, messages })\n  const messagesWithSeparators = groupMessages({\n    ms: messages,\n    inReplyScreen: !!reply_root_id,\n  })\n  const noMessages = messagesWithSeparators.length === 0\n\n  const { repliesDisabled, memberAbility, badges, title } = conversation\n  const canReply = memberAbility?.canReply\n  const showLeaderDisabledReplyBanner = canReply && repliesDisabled\n  const canDeleteNonAuthoredMessages = memberAbility?.canDeleteNonAuthoredMessages ?? false\n  const currentlyEditingMessage = messages.find(m => String(m.id) === String(editing_message_id))\n  const replyRootAuthorFirstName = reply_root_author_name?.split(' ')[0]\n  const replyHeaderTitle = replyRootAuthorFirstName\n    ? `Reply to ${replyRootAuthorFirstName}`\n    : 'Reply'\n  // Prefer the membership for optimistic updates.\n  const muted = conversation.conversationMembership?.muted ?? conversation.muted\n\n  const listRef = useRef<FlatList>(null)\n  const [showJumpToBottomButton, setShowJumpToBottomButton] = useState(false)\n\n  const trackScroll = (event: any) => {\n    const offsetY = event.nativeEvent.contentOffset.y\n    setShowJumpToBottomButton(offsetY > 200)\n  }\n\n  const handleReturnToBottom = useCallback(() => {\n    listRef.current?.scrollToOffset({\n      offset: 0,\n    })\n  }, [])\n\n  useEffect(() => {\n    if (reply_root_id) {\n      navigation.setParams({\n        title: replyHeaderTitle,\n      })\n    } else {\n      navigation.setParams({\n        title: title,\n        badge: badges?.[0],\n        deleted: conversation?.deleted,\n        muted,\n      })\n    }\n  }, [navigation, title, badges, conversation?.deleted, reply_root_id, replyHeaderTitle, muted])\n\n  if (!conversation || conversation.deleted) {\n    return (\n      <View style={styles.container}>\n        <BlankState.Root>\n          <BlankState.Imagery name=\"general.outlinedTextMessage\" />\n          <BlankState.Content>\n            <BlankState.Heading>This conversation has been deleted</BlankState.Heading>\n          </BlankState.Content>\n          <BlankState.Button\n            onPress={navigation.goBack}\n            title=\"Back to conversations\"\n            accessibilityHint=\"Navigates back to the conversations list\"\n            accessibilityRole=\"link\"\n          />\n        </BlankState.Root>\n      </View>\n    )\n  }\n\n  return (\n    <View style={styles.container}>\n      <KeyboardView>\n        {noMessages ? (\n          <View style={styles.emptyState}>\n            <ConversationStartBanner conversation={conversation} hasMessages={false} />\n          </View>\n        ) : (\n          <FlatList\n            inverted\n            ref={listRef}\n            contentContainerStyle={styles.listContainer}\n            data={messagesWithSeparators}\n            keyExtractor={item => item.id}\n            onScroll={trackScroll}\n            scrollEventThrottle={10}\n            ListFooterComponent={\n              hasNextPage ? null : (\n                <ConversationStartBanner conversation={conversation} hasMessages={true} />\n              )\n            }\n            renderItem={({ item }) => {\n              if (item.type === 'DateSeparator') {\n                return <InlineDateSeparator {...item} />\n              }\n\n              if (item.type === 'ReplyShadowMessage') {\n                return (\n                  <ReplyShadowMessage\n                    {...(item as any)}\n                    conversation_id={conversation_id}\n                    inReplyScreen={!!reply_root_id}\n                  />\n                )\n              }\n\n              if (isSystemMessage(item)) {\n                return <SystemMessage message={item} conversationId={conversation_id} />\n              }\n\n              return (\n                <Message\n                  {...item}\n                  canDeleteNonAuthoredMessages={canDeleteNonAuthoredMessages}\n                  conversation_id={conversation_id}\n                  latestReadMessageSortKey={conversation?.latestReadMessageSortKey}\n                  inReplyScreen={!!reply_root_id}\n                />\n              )\n            }}\n            onEndReached={() => {\n              // Android's inverted FlatList can refire onEndReached while a\n              // page fetch is already in flight, queueing unbounded requests.\n              if (hasNextPage && !isFetchingNextPage) fetchNextPage()\n            }}\n            ListHeaderComponent={<View style={styles.listHeader} />}\n          />\n        )}\n        <JumpToBottomButton onPress={handleReturnToBottom} visible={showJumpToBottomButton} />\n        {!noMessages && <TypingIndicator />}\n        {showLeaderDisabledReplyBanner && <LeaderMessagesDisabledBanner />}\n        <ConversationBottomBar\n          conversation={conversation}\n          canReply={canReply}\n          replyRootAuthorFirstName={replyRootAuthorFirstName}\n          replyRootId={reply_root_id}\n          currentlyEditingMessage={currentlyEditingMessage}\n          onFlaggedInMessageForm={markHandledByMessageForm}\n        />\n      </KeyboardView>\n    </View>\n  )\n}\n\ninterface ConversationBottomBarProps {\n  conversation: ConversationResource\n  canReply: boolean | undefined\n  replyRootAuthorFirstName: string | undefined\n  replyRootId: string | null | undefined\n  currentlyEditingMessage: MessageResource | undefined\n  onFlaggedInMessageForm?: (id: string) => void\n}\n\nfunction ConversationBottomBar({\n  conversation,\n  canReply,\n  replyRootAuthorFirstName,\n  replyRootId,\n  currentlyEditingMessage,\n  onFlaggedInMessageForm,\n}: ConversationBottomBarProps) {\n  const messageLink = useMessageAvailableMembersAction(conversation)\n\n  if (conversation.disabled)\n    return (\n      <ConversationDisabledBanner\n        message={conversation.disabledMessage ?? null}\n        messageLink={messageLink}\n      />\n    )\n  if (!canReply) return <MemberMessagesDisabledBanner />\n  return (\n    <MessageForm.Root\n      replyRootAuthorFirstName={replyRootAuthorFirstName}\n      conversation={conversation}\n      replyRootId={replyRootId}\n      currentlyEditingMessage={currentlyEditingMessage}\n      onFlaggedInMessageForm={onFlaggedInMessageForm}\n      key={\n        currentlyEditingMessage\n          ? `edit-message-form-${currentlyEditingMessage.id}`\n          : 'new-message-form'\n      }\n    >\n      <MessageForm.AttachmentPicker />\n      <MessageForm.Commands />\n      <MessageForm.TextInput />\n      <MessageForm.SubmitButton />\n    </MessageForm.Root>\n  )\n}\n\nfunction InlineDateSeparator({ date }: DateSeparator) {\n  const styles = useDateSeparatorStyles()\n  const { isThisYear } = getRelativeDateStatus(date)\n  const showYear = !isThisYear\n  const dateStamp = formatDate(date, { style: 'long', year: showYear })\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.separator} />\n      <Text variant=\"footnote\" style={styles.dateText}>\n        {dateStamp}\n      </Text>\n      <View style={styles.separator} />\n    </View>\n  )\n}\n\nconst useDateSeparatorStyles = () => {\n  const theme = useTheme()\n  return StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      flexDirection: 'row',\n      paddingHorizontal: CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL,\n      paddingVertical: 16,\n    },\n    separator: {\n      flex: 1,\n      height: 1,\n      borderTopWidth: 1,\n      borderTopColor: theme.colors.borderColorDefaultBase,\n    },\n    dateText: {\n      paddingHorizontal: 8,\n    },\n  })\n}\n\ninterface ConversationScreenTitleProps extends HeaderTitleProps {\n  conversation_id: number\n  badge?: ConversationBadgeResource\n  deleted?: boolean\n  muted?: boolean\n}\n\nexport const ConversationScreenTitle = ({\n  conversation_id,\n  badge,\n  children,\n  style,\n  deleted,\n  muted,\n}: ConversationScreenTitleProps) => {\n  const styles = usePressableHeaderStyle()\n  const navigation = useNavigation()\n  const resourceType = badge?.pcoResourceType || ''\n  const productName = badge?.appName\n  const name = badge?.text || undefined\n\n  return (\n    <PlatformPressable\n      accessibilityHint=\"Opens details about members and settings\"\n      style={styles.container}\n      onPress={() => {\n        if (deleted) return\n\n        navigation.navigate('ConversationDetails', { conversation_id })\n      }}\n    >\n      <View style={styles.titleWrapper}>\n        <View style={styles.titleTextContainer}>\n          <HeaderTitle maxFontSizeMultiplier={1} style={style}>\n            {children}\n          </HeaderTitle>\n        </View>\n        {muted && <Icon name=\"general.bellMuted\" size={12} />}\n        {!deleted && <Icon name=\"general.downChevron\" size={12} />}\n      </View>\n      <Badge\n        variant=\"metaSubtle\"\n        productLogoName={productName}\n        label={resourceType}\n        metaLabel={name}\n        style={styles.badge}\n        maxFontSizeMultiplier={1}\n      />\n    </PlatformPressable>\n  )\n}\n\nconst usePressableHeaderStyle = () => {\n  const { width } = useWindowDimensions()\n  const slotReserve = useHeaderSlotReserve()\n\n  // Guards split-screen/DeX widths where slotReserve * 2 exceeds the\n  // available width, which would otherwise resolve to a negative maxWidth.\n  const headerContainerStyle = { maxWidth: Math.max(0, width - slotReserve * 2) }\n\n  return StyleSheet.create({\n    container: {\n      alignItems: Platform.select({ android: 'flex-start', default: 'center' }),\n      flex: 1,\n      ...headerContainerStyle,\n    },\n    titleWrapper: {\n      alignItems: 'center',\n      columnGap: 4,\n      flexDirection: 'row',\n      flexShrink: 1,\n    },\n    titleTextContainer: {\n      flexShrink: 1,\n      minWidth: 0,\n    },\n    badge: {\n      alignSelf: Platform.select({ android: 'flex-start', default: 'center' }),\n      marginTop: 2,\n    },\n  })\n}\n\nconst useStyles = () => {\n  const navigationTheme = useNavigationTheme()\n  const { bottom } = useSafeAreaInsets()\n\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n      justifyContent: 'center',\n      backgroundColor: navigationTheme.colors.card,\n      paddingBottom: bottom,\n    },\n    emptyState: {\n      flex: 1,\n      justifyContent: 'center',\n    },\n    listContainer: {\n      paddingVertical: 12,\n    },\n    listHeader: {\n      // Just whitespace to provide space where the typing indicator can be\n      height: 16,\n    },\n  })\n}\n\n/**\n * useEnsureConversationsRouteExists\n */\nconst useEnsureConversationsRouteExists = () => {\n  const navigation = useNavigation()\n  const { params } = useRoute<RouteProp<ConversationScreenProps['route']>>()\n\n  useEffect(() => {\n    const navigationState = navigation.getState()\n    const routes = navigationState?.routes || []\n    const conversationsRoute = routes.find(r => r.name === 'Conversations')\n\n    if (conversationsRoute) return\n\n    navigation.dispatch(state => {\n      return CommonActions.reset({\n        ...state,\n        routes: [\n          { name: 'Conversations', params: { chat_group_graph_id: params?.chat_group_graph_id } },\n          ...routes,\n        ],\n        index: state.index + 1,\n      })\n    })\n  }, [navigation, params?.chat_group_graph_id])\n}\n"]}

package/build/utils/aspect_ratio.d.ts

@@ -0,0 +1,2 @@
+export declare const safeAspectRatio: (width: number | undefined, height: number | undefined, fallback?: number) => number;
+//# sourceMappingURL=aspect_ratio.d.ts.map

package/build/utils/aspect_ratio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect_ratio.d.ts","sourceRoot":"","sources":["../../src/utils/aspect_ratio.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,GAC1B,OAAO,MAAM,GAAG,SAAS,EACzB,QAAQ,MAAM,GAAG,SAAS,EAC1B,iBAAY,KACX,MAKF,CAAA"}

package/build/utils/aspect_ratio.js

@@ -0,0 +1,10 @@
+// Android hard-throws when a <Text>/<Image> is measured with a non-positive
+// resolved width (`Layout: -2 < 0`), so any aspectRatio derived from
+// attachment metadata must never resolve to 0, negative, or non-finite.
+export const safeAspectRatio = (width, height, fallback = 1) => {
+    if (!width || !height)
+        return fallback;
+    const ratio = width / height;
+    return Number.isFinite(ratio) && ratio > 0 ? ratio : fallback;
+};
+//# sourceMappingURL=aspect_ratio.js.map

package/build/utils/aspect_ratio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect_ratio.js","sourceRoot":"","sources":["../../src/utils/aspect_ratio.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,qEAAqE;AACrE,wEAAwE;AACxE,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,KAAyB,EACzB,MAA0B,EAC1B,QAAQ,GAAG,CAAC,EACJ,EAAE;IACV,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM;QAAE,OAAO,QAAQ,CAAA;IAEtC,MAAM,KAAK,GAAG,KAAK,GAAG,MAAM,CAAA;IAC5B,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAA;AAC/D,CAAC,CAAA","sourcesContent":["// Android hard-throws when a <Text>/<Image> is measured with a non-positive\n// resolved width (`Layout: -2 < 0`), so any aspectRatio derived from\n// attachment metadata must never resolve to 0, negative, or non-finite.\nexport const safeAspectRatio = (\n  width: number | undefined,\n  height: number | undefined,\n  fallback = 1\n): number => {\n  if (!width || !height) return fallback\n\n  const ratio = width / height\n  return Number.isFinite(ratio) && ratio > 0 ? ratio : fallback\n}\n"]}