@planningcenter/chat-react-native 3.17.0-rc.0 → 3.17.0

package/build/screens/message_actions_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"message_actions_screen.js","sourceRoot":"","sources":["../../src/screens/message_actions_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { StackActions, StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport { useMutation } from '@tanstack/react-query'\nimport { isNil, omitBy } from 'lodash'\nimport React, { useCallback } from 'react'\nimport { Alert, Platform, StyleSheet, View } from 'react-native'\nimport { Text } from '../components'\nimport { REACTION_EMOJIS, useReactionStyles } from '../components/conversation/message_reaction'\nimport FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'\nimport { useCreateAndroidRippleColor, useFontScale, useTheme } from '../hooks'\nimport { useApiClient } from '../hooks/use_api_client'\nimport { useConversationMessages } from '../hooks/use_conversation_messages'\nimport { useMessageReactionToggle } from '../hooks/use_message_reaction_toggle'\nimport { ReactionCountResource } from '../types/resources/reaction'\nimport { Clipboard, Haptic } from '../utils/native_adapters'\nimport { MessageResource } from '../types'\nimport { REPLIES_FEATURE_ENABLED } from '../utils'\n\nexport const MessageActionsScreenOptions = getFormSheetScreenOptions({\n  sheetAllowedDetents: [0.5],\n  headerTitle: 'Message actions',\n})\n\nexport type MessageActionsScreenProps = StaticScreenProps<{\n  message_id: string\n  conversation_id: number\n  canDeleteNonAuthoredMessages?: boolean\n  inReplyScreen?: boolean\n}>\n\nexport function MessageActionsScreen({ route }: MessageActionsScreenProps) {\n  const { conversation_id, message_id, canDeleteNonAuthoredMessages, inReplyScreen } = route.params\n\n  const { messages, refetch } = useConversationMessages(\n    { conversation_id },\n    { refetchOnMount: false }\n  )\n  const message = messages.find(m => m.id === message_id)\n\n  if (!message) return null\n\n  return (\n    <MessageActionsScreenContent\n      message={message}\n      conversation_id={conversation_id}\n      canDeleteNonAuthoredMessages={canDeleteNonAuthoredMessages || false}\n      refetchMessages={refetch}\n      inReplyScreen={inReplyScreen}\n    />\n  )\n}\n\nfunction MessageActionsScreenContent({\n  message,\n  conversation_id,\n  canDeleteNonAuthoredMessages,\n  refetchMessages,\n  inReplyScreen,\n}: {\n  message: MessageResource\n  conversation_id: number\n  canDeleteNonAuthoredMessages: boolean\n  refetchMessages: () => void\n  inReplyScreen?: boolean\n}) {\n  const navigation = useNavigation()\n  const apiClient = useApiClient()\n  const styles = useStyles()\n\n  const myReactions = message?.reactionCounts\n    .filter(reaction => reaction.mine)\n    .map(reaction => reaction.value)\n\n  const availableReactions = Object.entries(REACTION_EMOJIS).map(([value, emoji]) => {\n    return {\n      value: value as ReactionCountResource['value'],\n      emoji,\n      mine: myReactions?.includes(value as ReactionCountResource['value']),\n    }\n  })\n\n  const attachmentForCopy = (): string => {\n    const giphyTitleLink = message?.attachments.find(\n      attachment => attachment.type === 'giphy'\n    )?.titleLink\n\n    if (giphyTitleLink) return giphyTitleLink\n    return ''\n  }\n\n  const handleReplyPress = useCallback(() => {\n    navigation.goBack()\n    // Waits for the modal to be dismissed before pushing the reply screen\n    requestAnimationFrame(() => {\n      navigation.navigate('ConversationReply', {\n        conversation_id,\n        reply_root_id: message.replyRootId || message.id,\n        // TODO: Update title param with reply root author\n      })\n    })\n  }, [navigation, conversation_id, message.id, message.replyRootId])\n\n  const handleCopyPress = () => {\n    Clipboard.setStringAsync(message?.text || attachmentForCopy() || '')\n    navigation.goBack()\n  }\n\n  const { handleReactionToggle, isPending } = useMessageReactionToggle({\n    conversation_id,\n    message,\n    onSuccess: () => navigation.goBack(),\n  })\n\n  const deleteMessage = useCallback(() => {\n    const url = `/me/conversations/${conversation_id}/messages/${message.id}/`\n\n    return apiClient.chat.delete({ url })\n  }, [apiClient, conversation_id, message.id])\n\n  const { mutate: handleDeleteMessage } = useMutation({\n    mutationFn: deleteMessage,\n    onSuccess: () => {\n      refetchMessages()\n      Haptic.notificationSuccess()\n      navigation.goBack()\n    },\n    onError: () => {\n      Alert.alert('Oops', 'We were unable to delete this message. Please try again.')\n    },\n  })\n\n  const handleDeleteConfirm = useCallback(() => {\n    Alert.alert('Delete message', 'Are you sure you want to permanently delete this message?', [\n      { text: 'Cancel', style: 'cancel' },\n      { text: 'Delete', style: 'destructive', onPress: () => handleDeleteMessage() },\n    ])\n  }, [handleDeleteMessage])\n\n  const handleEditPress = useCallback(() => {\n    const state = navigation.getState?.()\n    const targetRoute = state?.routes?.find(r => r.name === 'Conversation')\n    const params = omitBy(\n      {\n        ...(targetRoute?.params || {}),\n        conversation_id,\n        editing_message_id: message.id,\n      },\n      isNil\n    )\n    navigation.dispatch(StackActions.popTo('Conversation', params))\n  }, [navigation, conversation_id, message.id])\n\n  const handleViewReadReceiptsPress = useCallback(() => {\n    Haptic.impactLight()\n    const params = omitBy(\n      {\n        conversation_id,\n        message_id: message.id,\n      },\n      isNil\n    )\n    navigation.dispatch(StackActions.popTo('MessageReadReceipts', params))\n  }, [navigation, conversation_id, message.id])\n\n  return (\n    <FormSheet.Root style={styles.formSheetContent}>\n      <View style={styles.reactionList}>\n        {availableReactions.map((reaction, index) => (\n          <Reaction\n            key={index}\n            reaction={reaction}\n            onPress={() => {\n              Haptic.impactLight()\n              handleReactionToggle({\n                value: reaction.value,\n                mine: reaction.mine,\n              })\n            }}\n          />\n        ))}\n      </View>\n      <View style={styles.actions}>\n        {REPLIES_FEATURE_ENABLED && !inReplyScreen && (\n          <FormSheet.Action\n            onPress={handleReplyPress}\n            title=\"Reply to message\"\n            iconName=\"registrations.undo\"\n            accessibilityHint=\"Navigates to the reply screen\"\n            accessibilityRole=\"link\"\n          />\n        )}\n        <FormSheet.Action\n          onPress={handleCopyPress}\n          title=\"Copy text\"\n          iconName=\"services.fileCopy\"\n          accessibilityHint=\"Copies text and links to clipboard\"\n        />\n        {message?.mine && (\n          <FormSheet.Action\n            onPress={() => handleEditPress()}\n            title=\"Edit message\"\n            iconName=\"accounts.editor\"\n            accessibilityHint=\"Opens existing text in the message form input.\"\n          />\n        )}\n        {message?.mine && (\n          <FormSheet.Action\n            onPress={() => handleViewReadReceiptsPress()}\n            title=\"View read receipts\"\n            iconName=\"general.checkPerson\"\n            accessibilityHint=\"Opens a modal with a list of people who read your message.\"\n          />\n        )}\n        {(message?.mine || canDeleteNonAuthoredMessages) && (\n          <FormSheet.Action\n            onPress={() => handleDeleteConfirm()}\n            title=\"Delete message\"\n            iconName=\"publishing.trash\"\n            appearance=\"danger\"\n            disabled={isPending}\n            accessibilityHint=\"Opens a confirmation alert to delete this message permanently.\"\n          />\n        )}\n      </View>\n    </FormSheet.Root>\n  )\n}\n\nconst Reaction = ({\n  reaction,\n  onPress,\n}: {\n  reaction: { value: ReactionCountResource['value']; emoji: string; mine: boolean | undefined }\n  onPress: () => void\n}) => {\n  const styles = useStyles()\n  const reactionStyles = useReactionStyles({ mine: reaction.mine ? 1 : 0 })\n\n  const { colors } = useTheme()\n  const baseRippleColor = reaction.mine ? colors.interaction : colors.fillColorNeutral060\n  const androidRippleColor = useCreateAndroidRippleColor({ color: baseRippleColor })\n\n  return (\n    <PlatformPressable\n      key={reaction.value}\n      style={[reactionStyles.reaction, styles.reaction]}\n      android_ripple={{ color: androidRippleColor, borderless: false, foreground: true }}\n      onPress={onPress}\n    >\n      <Text style={styles.reactionEmoji}>{REACTION_EMOJIS[reaction.value]}</Text>\n    </PlatformPressable>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  const fontScale = useFontScale({ maxFontSizeMultiplier: 1.3 })\n\n  const btnBorderWidth = 1\n  const baseSize = 46 * fontScale\n  const reactionBtnSize = Platform.select({\n    ios: baseSize,\n    android: baseSize + btnBorderWidth * 2,\n  })\n\n  return StyleSheet.create({\n    formSheetContent: {\n      paddingTop: 16,\n    },\n    reactionList: {\n      flexDirection: 'row',\n      justifyContent: 'center',\n      alignItems: 'center',\n      gap: 16,\n      paddingTop: 8,\n      paddingBottom: 16,\n      borderBottomColor: colors.borderColorDefaultBase,\n      borderBottomWidth: 1,\n    },\n    reaction: {\n      height: reactionBtnSize,\n      width: reactionBtnSize,\n      borderWidth: btnBorderWidth,\n      borderRadius: 32,\n      justifyContent: 'center',\n      overflow: 'hidden',\n    },\n    reactionEmoji: {\n      fontSize: 24,\n    },\n    actions: {\n      paddingTop: 4,\n    },\n  })\n}\n"]}
+{"version":3,"file":"message_actions_screen.js","sourceRoot":"","sources":["../../src/screens/message_actions_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAqB,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACzF,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAA;AAChG,OAAO,SAAS,EAAE,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAA;AACzF,OAAO,EAAE,2BAA2B,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAA;AAC5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAA;AAE/E,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AAE5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAElD,MAAM,CAAC,MAAM,2BAA2B,GAAG,yBAAyB,CAAC;IACnE,mBAAmB,EAAE,CAAC,GAAG,CAAC;IAC1B,WAAW,EAAE,iBAAiB;CAC/B,CAAC,CAAA;AAUF,MAAM,UAAU,oBAAoB,CAAC,EAAE,KAAK,EAA6B;IACvE,MAAM,EACJ,eAAe,EACf,UAAU,EACV,4BAA4B,EAC5B,aAAa,EACb,sBAAsB,GACvB,GAAG,KAAK,CAAC,MAAM,CAAA;IAEhB,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,uBAAuB,CACnD,EAAE,eAAe,EAAE,EACnB,EAAE,cAAc,EAAE,KAAK,EAAE,CAC1B,CAAA;IACD,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,UAAU,CAAC,CAAA;IAEvD,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,OAAO,CACL,CAAC,2BAA2B,CAC1B,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,eAAe,CAAC,CAAC,eAAe,CAAC,CACjC,4BAA4B,CAAC,CAAC,4BAA4B,IAAI,KAAK,CAAC,CACpE,eAAe,CAAC,CAAC,OAAO,CAAC,CACzB,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,mBAAmB,CAAC,CAAC,sBAAsB,CAAC,EAC5C,CACH,CAAA;AACH,CAAC;AAED,SAAS,2BAA2B,CAAC,EACnC,OAAO,EACP,eAAe,EACf,4BAA4B,EAC5B,eAAe,EACf,aAAa,EACb,mBAAmB,GAQpB;IACC,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,MAAM,WAAW,GAAG,OAAO,EAAE,cAAc;SACxC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;SACjC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAElC,MAAM,kBAAkB,GAAG,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE;QAChF,OAAO;YACL,KAAK,EAAE,KAAuC;YAC9C,KAAK;YACL,IAAI,EAAE,WAAW,EAAE,QAAQ,CAAC,KAAuC,CAAC;SACrE,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,iBAAiB,GAAG,GAAW,EAAE;QACrC,MAAM,cAAc,GAAG,OAAO,EAAE,WAAW,CAAC,IAAI,CAC9C,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,IAAI,KAAK,OAAO,CAC1C,EAAE,SAAS,CAAA;QAEZ,IAAI,cAAc;YAAE,OAAO,cAAc,CAAA;QACzC,OAAO,EAAE,CAAA;IACX,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,UAAU,CAAC,MAAM,EAAE,CAAA;QACnB,sEAAsE;QACtE,qBAAqB,CAAC,GAAG,EAAE;YACzB,UAAU,CAAC,QAAQ,CAAC,mBAAmB,EAAE;gBACvC,eAAe;gBACf,aAAa,EAAE,OAAO,CAAC,WAAW,IAAI,OAAO,CAAC,EAAE;gBAChD,sBAAsB,EAAE,mBAAmB;aAC5C,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,EAAE,OAAO,CAAC,EAAE,EAAE,OAAO,CAAC,WAAW,EAAE,mBAAmB,CAAC,CAAC,CAAA;IAEvF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,SAAS,CAAC,cAAc,CAAC,OAAO,EAAE,IAAI,IAAI,iBAAiB,EAAE,IAAI,EAAE,CAAC,CAAA;QACpE,UAAU,CAAC,MAAM,EAAE,CAAA;IACrB,CAAC,CAAA;IAED,MAAM,EAAE,oBAAoB,EAAE,SAAS,EAAE,GAAG,wBAAwB,CAAC;QACnE,eAAe;QACf,OAAO;QACP,SAAS,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE;KACrC,CAAC,CAAA;IAEF,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,MAAM,GAAG,GAAG,qBAAqB,eAAe,aAAa,OAAO,CAAC,EAAE,GAAG,CAAA;QAE1E,OAAO,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,CAAA;IACvC,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,CAAA;IAE5C,MAAM,EAAE,MAAM,EAAE,mBAAmB,EAAE,GAAG,WAAW,CAAC;QAClD,UAAU,EAAE,aAAa;QACzB,SAAS,EAAE,GAAG,EAAE;YACd,eAAe,EAAE,CAAA;YACjB,MAAM,CAAC,mBAAmB,EAAE,CAAA;YAC5B,UAAU,CAAC,MAAM,EAAE,CAAA;QACrB,CAAC;QACD,OAAO,EAAE,GAAG,EAAE;YACZ,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,0DAA0D,CAAC,CAAA;QACjF,CAAC;KACF,CAAC,CAAA;IAEF,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,KAAK,CAAC,KAAK,CAAC,gBAAgB,EAAE,2DAA2D,EAAE;YACzF,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;YACnC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,EAAE,EAAE;SAC/E,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAA;IAEzB,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,MAAM,KAAK,GAAG,UAAU,CAAC,QAAQ,EAAE,EAAE,CAAA;QACrC,MAAM,WAAW,GAAG,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,cAAc,CAAC,CAAA;QACvE,MAAM,MAAM,GAAG,MAAM,CACnB;YACE,GAAG,CAAC,WAAW,EAAE,MAAM,IAAI,EAAE,CAAC;YAC9B,eAAe;YACf,kBAAkB,EAAE,OAAO,CAAC,EAAE;SAC/B,EACD,KAAK,CACN,CAAA;QACD,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAA;IACjE,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,CAAA;IAE7C,MAAM,2BAA2B,GAAG,WAAW,CAAC,GAAG,EAAE;QACnD,MAAM,CAAC,WAAW,EAAE,CAAA;QACpB,MAAM,MAAM,GAAG,MAAM,CACnB;YACE,eAAe;YACf,UAAU,EAAE,OAAO,CAAC,EAAE;SACvB,EACD,KAAK,CACN,CAAA;QACD,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC,CAAA;IACxE,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,CAAA;IAE7C,OAAO,CACL,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAC7C;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC/B;QAAA,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3C,CAAC,QAAQ,CACP,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,GAAG,EAAE;gBACZ,MAAM,CAAC,WAAW,EAAE,CAAA;gBACpB,oBAAoB,CAAC;oBACnB,KAAK,EAAE,QAAQ,CAAC,KAAK;oBACrB,IAAI,EAAE,QAAQ,CAAC,IAAI;iBACpB,CAAC,CAAA;YACJ,CAAC,CAAC,EACF,CACH,CAAC,CACJ;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAC1B;QAAA,CAAC,uBAAuB,IAAI,CAAC,aAAa,IAAI,CAC5C,CAAC,SAAS,CAAC,MAAM,CACf,OAAO,CAAC,CAAC,gBAAgB,CAAC,CAC1B,KAAK,CAAC,kBAAkB,CACxB,QAAQ,CAAC,oBAAoB,CAC7B,iBAAiB,CAAC,+BAA+B,CACjD,iBAAiB,CAAC,MAAM,EACxB,CACH,CACD;QAAA,CAAC,SAAS,CAAC,MAAM,CACf,OAAO,CAAC,CAAC,eAAe,CAAC,CACzB,KAAK,CAAC,WAAW,CACjB,QAAQ,CAAC,mBAAmB,CAC5B,iBAAiB,CAAC,oCAAoC,EAExD;QAAA,CAAC,OAAO,EAAE,IAAI,IAAI,CAChB,CAAC,SAAS,CAAC,MAAM,CACf,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,eAAe,EAAE,CAAC,CACjC,KAAK,CAAC,cAAc,CACpB,QAAQ,CAAC,iBAAiB,CAC1B,iBAAiB,CAAC,gDAAgD,EAClE,CACH,CACD;QAAA,CAAC,OAAO,EAAE,IAAI,IAAI,CAChB,CAAC,SAAS,CAAC,MAAM,CACf,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,2BAA2B,EAAE,CAAC,CAC7C,KAAK,CAAC,oBAAoB,CAC1B,QAAQ,CAAC,qBAAqB,CAC9B,iBAAiB,CAAC,4DAA4D,EAC9E,CACH,CACD;QAAA,CAAC,CAAC,OAAO,EAAE,IAAI,IAAI,4BAA4B,CAAC,IAAI,CAClD,CAAC,SAAS,CAAC,MAAM,CACf,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,mBAAmB,EAAE,CAAC,CACrC,KAAK,CAAC,gBAAgB,CACtB,QAAQ,CAAC,kBAAkB,CAC3B,UAAU,CAAC,QAAQ,CACnB,QAAQ,CAAC,CAAC,SAAS,CAAC,CACpB,iBAAiB,CAAC,gEAAgE,EAClF,CACH,CACH;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,SAAS,CAAC,IAAI,CAAC,CAClB,CAAA;AACH,CAAC;AAED,MAAM,QAAQ,GAAG,CAAC,EAChB,QAAQ,EACR,OAAO,GAIR,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,cAAc,GAAG,iBAAiB,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;IAEzE,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAA;IACvF,MAAM,kBAAkB,GAAG,2BAA2B,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,CAAC,CAAA;IAElF,OAAO,CACL,CAAC,iBAAiB,CAChB,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CACpB,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAClD,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CACnF,OAAO,CAAC,CAAC,OAAO,CAAC,CAEjB;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAC5E;IAAA,EAAE,iBAAiB,CAAC,CACrB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,SAAS,GAAG,YAAY,CAAC,EAAE,qBAAqB,EAAE,GAAG,EAAE,CAAC,CAAA;IAE9D,MAAM,cAAc,GAAG,CAAC,CAAA;IACxB,MAAM,QAAQ,GAAG,EAAE,GAAG,SAAS,CAAA;IAC/B,MAAM,eAAe,GAAG,QAAQ,CAAC,MAAM,CAAC;QACtC,GAAG,EAAE,QAAQ;QACb,OAAO,EAAE,QAAQ,GAAG,cAAc,GAAG,CAAC;KACvC,CAAC,CAAA;IAEF,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,gBAAgB,EAAE;YAChB,UAAU,EAAE,EAAE;SACf;QACD,YAAY,EAAE;YACZ,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,EAAE;YACP,UAAU,EAAE,CAAC;YACb,aAAa,EAAE,EAAE;YACjB,iBAAiB,EAAE,MAAM,CAAC,sBAAsB;YAChD,iBAAiB,EAAE,CAAC;SACrB;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,eAAe;YACvB,KAAK,EAAE,eAAe;YACtB,WAAW,EAAE,cAAc;YAC3B,YAAY,EAAE,EAAE;YAChB,cAAc,EAAE,QAAQ;YACxB,QAAQ,EAAE,QAAQ;SACnB;QACD,aAAa,EAAE;YACb,QAAQ,EAAE,EAAE;SACb;QACD,OAAO,EAAE;YACP,UAAU,EAAE,CAAC;SACd;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { StackActions, StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport { useMutation } from '@tanstack/react-query'\nimport { isNil, omitBy } from 'lodash'\nimport React, { useCallback } from 'react'\nimport { Alert, Platform, StyleSheet, View } from 'react-native'\nimport { Text } from '../components'\nimport { REACTION_EMOJIS, useReactionStyles } from '../components/conversation/message_reaction'\nimport FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'\nimport { useCreateAndroidRippleColor, useFontScale, useTheme } from '../hooks'\nimport { useApiClient } from '../hooks/use_api_client'\nimport { useConversationMessages } from '../hooks/use_conversation_messages'\nimport { useMessageReactionToggle } from '../hooks/use_message_reaction_toggle'\nimport { ReactionCountResource } from '../types/resources/reaction'\nimport { Clipboard, Haptic } from '../utils/native_adapters'\nimport { MessageResource } from '../types'\nimport { REPLIES_FEATURE_ENABLED } from '../utils'\n\nexport const MessageActionsScreenOptions = getFormSheetScreenOptions({\n  sheetAllowedDetents: [0.5],\n  headerTitle: 'Message actions',\n})\n\nexport type MessageActionsScreenProps = StaticScreenProps<{\n  message_id: string\n  reply_root_author_name?: string\n  conversation_id: number\n  canDeleteNonAuthoredMessages?: boolean\n  inReplyScreen?: boolean\n}>\n\nexport function MessageActionsScreen({ route }: MessageActionsScreenProps) {\n  const {\n    conversation_id,\n    message_id,\n    canDeleteNonAuthoredMessages,\n    inReplyScreen,\n    reply_root_author_name,\n  } = route.params\n\n  const { messages, refetch } = useConversationMessages(\n    { conversation_id },\n    { refetchOnMount: false }\n  )\n  const message = messages.find(m => m.id === message_id)\n\n  if (!message) return null\n\n  return (\n    <MessageActionsScreenContent\n      message={message}\n      conversation_id={conversation_id}\n      canDeleteNonAuthoredMessages={canDeleteNonAuthoredMessages || false}\n      refetchMessages={refetch}\n      inReplyScreen={inReplyScreen}\n      replyRootAuthorName={reply_root_author_name}\n    />\n  )\n}\n\nfunction MessageActionsScreenContent({\n  message,\n  conversation_id,\n  canDeleteNonAuthoredMessages,\n  refetchMessages,\n  inReplyScreen,\n  replyRootAuthorName,\n}: {\n  message: MessageResource\n  conversation_id: number\n  canDeleteNonAuthoredMessages: boolean\n  refetchMessages: () => void\n  inReplyScreen?: boolean\n  replyRootAuthorName?: string\n}) {\n  const navigation = useNavigation()\n  const apiClient = useApiClient()\n  const styles = useStyles()\n\n  const myReactions = message?.reactionCounts\n    .filter(reaction => reaction.mine)\n    .map(reaction => reaction.value)\n\n  const availableReactions = Object.entries(REACTION_EMOJIS).map(([value, emoji]) => {\n    return {\n      value: value as ReactionCountResource['value'],\n      emoji,\n      mine: myReactions?.includes(value as ReactionCountResource['value']),\n    }\n  })\n\n  const attachmentForCopy = (): string => {\n    const giphyTitleLink = message?.attachments.find(\n      attachment => attachment.type === 'giphy'\n    )?.titleLink\n\n    if (giphyTitleLink) return giphyTitleLink\n    return ''\n  }\n\n  const handleReplyPress = useCallback(() => {\n    navigation.goBack()\n    // Waits for the modal to be dismissed before pushing the reply screen\n    requestAnimationFrame(() => {\n      navigation.navigate('ConversationReply', {\n        conversation_id,\n        reply_root_id: message.replyRootId || message.id,\n        reply_root_author_name: replyRootAuthorName,\n      })\n    })\n  }, [navigation, conversation_id, message.id, message.replyRootId, replyRootAuthorName])\n\n  const handleCopyPress = () => {\n    Clipboard.setStringAsync(message?.text || attachmentForCopy() || '')\n    navigation.goBack()\n  }\n\n  const { handleReactionToggle, isPending } = useMessageReactionToggle({\n    conversation_id,\n    message,\n    onSuccess: () => navigation.goBack(),\n  })\n\n  const deleteMessage = useCallback(() => {\n    const url = `/me/conversations/${conversation_id}/messages/${message.id}/`\n\n    return apiClient.chat.delete({ url })\n  }, [apiClient, conversation_id, message.id])\n\n  const { mutate: handleDeleteMessage } = useMutation({\n    mutationFn: deleteMessage,\n    onSuccess: () => {\n      refetchMessages()\n      Haptic.notificationSuccess()\n      navigation.goBack()\n    },\n    onError: () => {\n      Alert.alert('Oops', 'We were unable to delete this message. Please try again.')\n    },\n  })\n\n  const handleDeleteConfirm = useCallback(() => {\n    Alert.alert('Delete message', 'Are you sure you want to permanently delete this message?', [\n      { text: 'Cancel', style: 'cancel' },\n      { text: 'Delete', style: 'destructive', onPress: () => handleDeleteMessage() },\n    ])\n  }, [handleDeleteMessage])\n\n  const handleEditPress = useCallback(() => {\n    const state = navigation.getState?.()\n    const targetRoute = state?.routes?.find(r => r.name === 'Conversation')\n    const params = omitBy(\n      {\n        ...(targetRoute?.params || {}),\n        conversation_id,\n        editing_message_id: message.id,\n      },\n      isNil\n    )\n    navigation.dispatch(StackActions.popTo('Conversation', params))\n  }, [navigation, conversation_id, message.id])\n\n  const handleViewReadReceiptsPress = useCallback(() => {\n    Haptic.impactLight()\n    const params = omitBy(\n      {\n        conversation_id,\n        message_id: message.id,\n      },\n      isNil\n    )\n    navigation.dispatch(StackActions.popTo('MessageReadReceipts', params))\n  }, [navigation, conversation_id, message.id])\n\n  return (\n    <FormSheet.Root style={styles.formSheetContent}>\n      <View style={styles.reactionList}>\n        {availableReactions.map((reaction, index) => (\n          <Reaction\n            key={index}\n            reaction={reaction}\n            onPress={() => {\n              Haptic.impactLight()\n              handleReactionToggle({\n                value: reaction.value,\n                mine: reaction.mine,\n              })\n            }}\n          />\n        ))}\n      </View>\n      <View style={styles.actions}>\n        {REPLIES_FEATURE_ENABLED && !inReplyScreen && (\n          <FormSheet.Action\n            onPress={handleReplyPress}\n            title=\"Reply to message\"\n            iconName=\"registrations.undo\"\n            accessibilityHint=\"Navigates to the reply screen\"\n            accessibilityRole=\"link\"\n          />\n        )}\n        <FormSheet.Action\n          onPress={handleCopyPress}\n          title=\"Copy text\"\n          iconName=\"services.fileCopy\"\n          accessibilityHint=\"Copies text and links to clipboard\"\n        />\n        {message?.mine && (\n          <FormSheet.Action\n            onPress={() => handleEditPress()}\n            title=\"Edit message\"\n            iconName=\"accounts.editor\"\n            accessibilityHint=\"Opens existing text in the message form input.\"\n          />\n        )}\n        {message?.mine && (\n          <FormSheet.Action\n            onPress={() => handleViewReadReceiptsPress()}\n            title=\"View read receipts\"\n            iconName=\"general.checkPerson\"\n            accessibilityHint=\"Opens a modal with a list of people who read your message.\"\n          />\n        )}\n        {(message?.mine || canDeleteNonAuthoredMessages) && (\n          <FormSheet.Action\n            onPress={() => handleDeleteConfirm()}\n            title=\"Delete message\"\n            iconName=\"publishing.trash\"\n            appearance=\"danger\"\n            disabled={isPending}\n            accessibilityHint=\"Opens a confirmation alert to delete this message permanently.\"\n          />\n        )}\n      </View>\n    </FormSheet.Root>\n  )\n}\n\nconst Reaction = ({\n  reaction,\n  onPress,\n}: {\n  reaction: { value: ReactionCountResource['value']; emoji: string; mine: boolean | undefined }\n  onPress: () => void\n}) => {\n  const styles = useStyles()\n  const reactionStyles = useReactionStyles({ mine: reaction.mine ? 1 : 0 })\n\n  const { colors } = useTheme()\n  const baseRippleColor = reaction.mine ? colors.interaction : colors.fillColorNeutral060\n  const androidRippleColor = useCreateAndroidRippleColor({ color: baseRippleColor })\n\n  return (\n    <PlatformPressable\n      key={reaction.value}\n      style={[reactionStyles.reaction, styles.reaction]}\n      android_ripple={{ color: androidRippleColor, borderless: false, foreground: true }}\n      onPress={onPress}\n    >\n      <Text style={styles.reactionEmoji}>{REACTION_EMOJIS[reaction.value]}</Text>\n    </PlatformPressable>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  const fontScale = useFontScale({ maxFontSizeMultiplier: 1.3 })\n\n  const btnBorderWidth = 1\n  const baseSize = 46 * fontScale\n  const reactionBtnSize = Platform.select({\n    ios: baseSize,\n    android: baseSize + btnBorderWidth * 2,\n  })\n\n  return StyleSheet.create({\n    formSheetContent: {\n      paddingTop: 16,\n    },\n    reactionList: {\n      flexDirection: 'row',\n      justifyContent: 'center',\n      alignItems: 'center',\n      gap: 16,\n      paddingTop: 8,\n      paddingBottom: 16,\n      borderBottomColor: colors.borderColorDefaultBase,\n      borderBottomWidth: 1,\n    },\n    reaction: {\n      height: reactionBtnSize,\n      width: reactionBtnSize,\n      borderWidth: btnBorderWidth,\n      borderRadius: 32,\n      justifyContent: 'center',\n      overflow: 'hidden',\n    },\n    reactionEmoji: {\n      fontSize: 24,\n    },\n    actions: {\n      paddingTop: 4,\n    },\n  })\n}\n"]}

package/build/types/resources/message.d.ts

@@ -23,6 +23,9 @@ export interface MessageResource {
     threadPosition?: 'first' | 'center' | 'last' | null;
     prevIsMyReply?: boolean;
     nextIsMyReply?: boolean;
+    nextRendersAuthor?: boolean;
+    isReplyShadowMessage?: boolean;
+    nextIsReplyShadowMessage?: boolean;
     pending?: boolean;
     error?: string;
     attachmentsForCreate?: DenormalizedAttachmentResourceForCreate[];

package/build/types/resources/message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../src/types/resources/message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,8BAA8B,EAAE,MAAM,oCAAoC,CAAA;AACnF,OAAO,EAAE,uCAAuC,EAAE,MAAM,+CAA+C,CAAA;AACvG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAEvD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,SAAS,CAAA;IACf,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,IAAI,EAAE,OAAO,CAAA;IACb,WAAW,EAAE,8BAA8B,EAAE,CAAA;IAC7C,MAAM,EAAE,cAAc,CAAA;IACtB,cAAc,EAAE,qBAAqB,EAAE,CAAA;IACvC,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAG3B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,cAAc,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,IAAI,CAAA;IACnD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IAGvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oBAAoB,CAAC,EAAE,uCAAuC,EAAE,CAAA;CACjE"}
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../src/types/resources/message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,8BAA8B,EAAE,MAAM,oCAAoC,CAAA;AACnF,OAAO,EAAE,uCAAuC,EAAE,MAAM,+CAA+C,CAAA;AACvG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAEvD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,SAAS,CAAA;IACf,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,IAAI,EAAE,OAAO,CAAA;IACb,WAAW,EAAE,8BAA8B,EAAE,CAAA;IAC7C,MAAM,EAAE,cAAc,CAAA;IACtB,cAAc,EAAE,qBAAqB,EAAE,CAAA;IACvC,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAG3B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,cAAc,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,IAAI,CAAA;IACnD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAGlC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oBAAoB,CAAC,EAAE,uCAAuC,EAAE,CAAA;CACjE"}

package/build/types/resources/message.js.map

@@ -1 +1 @@
-{"version":3,"file":"message.js","sourceRoot":"","sources":["../../../src/types/resources/message.ts"],"names":[],"mappings":"","sourcesContent":["import { DenormalizedAttachmentResource } from './denormalized_attachment_resource'\nimport { DenormalizedAttachmentResourceForCreate } from './denormalized_attachment_resource_for_create'\nimport type { PersonResource } from './person'\nimport type { ReactionCountResource } from './reaction'\n\nexport interface MessageResource {\n  type: 'Message'\n  id: string\n  text: string | null\n  html: string\n  createdAt: string\n  deletedAt: string | null\n  textEditedAt: string | null\n  mine: boolean\n  attachments: DenormalizedAttachmentResource[]\n  author: PersonResource\n  reactionCounts: ReactionCountResource[]\n  replyCount: number\n  replyRootId?: string | null\n\n  // Custom Local Properties we set for rendering\n  renderAuthor?: boolean\n  renderTime?: boolean\n  myLatestInConversation?: boolean\n  lastInGroup?: boolean\n  threadPosition?: 'first' | 'center' | 'last' | null\n  prevIsMyReply?: boolean\n  nextIsMyReply?: boolean\n\n  // Properties for mutation state\n  pending?: boolean // Indicates if the message is optimistically created and pending server response\n  error?: string // Error message if the message failed to send\n  attachmentsForCreate?: DenormalizedAttachmentResourceForCreate[]\n}\n"]}
+{"version":3,"file":"message.js","sourceRoot":"","sources":["../../../src/types/resources/message.ts"],"names":[],"mappings":"","sourcesContent":["import { DenormalizedAttachmentResource } from './denormalized_attachment_resource'\nimport { DenormalizedAttachmentResourceForCreate } from './denormalized_attachment_resource_for_create'\nimport type { PersonResource } from './person'\nimport type { ReactionCountResource } from './reaction'\n\nexport interface MessageResource {\n  type: 'Message'\n  id: string\n  text: string | null\n  html: string\n  createdAt: string\n  deletedAt: string | null\n  textEditedAt: string | null\n  mine: boolean\n  attachments: DenormalizedAttachmentResource[]\n  author: PersonResource\n  reactionCounts: ReactionCountResource[]\n  replyCount: number\n  replyRootId?: string | null\n\n  // Custom Local Properties we set for rendering\n  renderAuthor?: boolean\n  renderTime?: boolean\n  myLatestInConversation?: boolean\n  lastInGroup?: boolean\n  threadPosition?: 'first' | 'center' | 'last' | null\n  prevIsMyReply?: boolean\n  nextIsMyReply?: boolean\n  nextRendersAuthor?: boolean\n  isReplyShadowMessage?: boolean\n  nextIsReplyShadowMessage?: boolean\n\n  // Properties for mutation state\n  pending?: boolean // Indicates if the message is optimistically created and pending server response\n  error?: string // Error message if the message failed to send\n  attachmentsForCreate?: DenormalizedAttachmentResourceForCreate[]\n}\n"]}

package/build/utils/cache/optimistically_create_message.js

@@ -1,4 +1,4 @@
-import { getMessagesQueryKey } from '../../hooks/use_conversation_messages';
+import { getMessagesQueryKey } from '../../utils/request/get_messages';
 import { chatQueryClient } from '../../contexts/api_provider';
 import { updateOrCreateRecordInPagesData } from './page_mutations';
 import { convertAttachmentsForCreate } from '../convert_attachments_for_create';

package/build/utils/cache/optimistically_create_message.js.map

@@ -1 +1 @@
-{"version":3,"file":"optimistically_create_message.js","sourceRoot":"","sources":["../../../src/utils/cache/optimistically_create_message.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAA;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAC7D,OAAO,EAAE,+BAA+B,EAAE,MAAM,kBAAkB,CAAA;AAClE,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAA;AAG/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AAEtE,MAAM,UAAU,2BAA2B,CAAC,EAC1C,cAAc,EACd,IAAI,EACJ,WAAW,EACX,aAAa,EACb,OAAO,GAOR;IACC,MAAM,EAAE,GAAG,OAAO,EAAE,EAAE,IAAI,qBAAqB,EAAE,CAAA;IAEjD,+DAA+D;IAC/D,MAAM,oBAAoB,GAAqC,2BAA2B,CACxF,WAAW,IAAI,EAAE,CAClB,CAAA;IAED,+BAA+B;IAC/B,MAAM,iBAAiB,GAAoB;QACzC,GAAG,OAAO;QACV,IAAI,EAAE,SAAS;QACf,EAAE;QACF,IAAI;QACJ,IAAI,EAAE,EAAE,EAAE,2BAA2B;QACrC,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;QACnC,SAAS,EAAE,IAAI;QACf,YAAY,EAAE,IAAI;QAClB,IAAI,EAAE,IAAI;QACV,WAAW,EAAE,oBAAoB;QACjC,oBAAoB,EAAE,WAAW,IAAI,EAAE;QACvC,MAAM,EAAE,aAAa;QACrB,cAAc,EAAE,EAAE;QAClB,YAAY,EAAE,KAAK;QACnB,UAAU,EAAE,IAAI;QAChB,sBAAsB,EAAE,IAAI;QAC5B,WAAW,EAAE,IAAI;QACjB,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,CAAC;QACb,WAAW,EAAE,IAAI;KAClB,CAAA;IAID,MAAM,QAAQ,GAAG,mBAAmB,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC,CAAA;IAEzE,eAAe,CAAC,YAAY,CAAY,QAAQ,EAAE,IAAI,CAAC,EAAE,CACvD,+BAA+B,CAAC;QAC9B,IAAI;QACJ,MAAM,EAAE,iBAAoC;KAC7C,CAAC,CACH,CAAA;IAED,OAAO,iBAAiB,CAAA;AAC1B,CAAC;AAED,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACjC,0FAA0F;IAC1F,sEAAsE;IACtE,OAAO,GAAG,uBAAuB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,OAAO,CAAA;AAC9D,CAAC,CAAA","sourcesContent":["import { InfiniteData } from '@tanstack/react-query'\nimport { ApiCollection, CurrentPersonResource, MessageResource } from '../../types'\nimport { getMessagesQueryKey } from '../../hooks/use_conversation_messages'\nimport { chatQueryClient } from '../../contexts/api_provider'\nimport { updateOrCreateRecordInPagesData } from './page_mutations'\nimport { convertAttachmentsForCreate } from '../convert_attachments_for_create'\nimport { DenormalizedAttachmentResourceForCreate } from '../../types/resources/denormalized_attachment_resource_for_create'\nimport { DenormalizedAttachmentResource } from '../../types/resources/denormalized_attachment_resource'\nimport { generatePlaceholderUlid } from '../generate_placeholder_ulid'\n\nexport function optimisticallyCreateMessage({\n  conversationId,\n  text,\n  attachments,\n  currentPerson,\n  message,\n}: {\n  conversationId: number\n  text: string\n  attachments?: DenormalizedAttachmentResourceForCreate[]\n  currentPerson: CurrentPersonResource\n  message?: MessageResource\n}) {\n  const id = message?.id || generateTempMessageId()\n\n  // Convert attachments to denormalized format for optimistic UI\n  const decoratedAttachments: DenormalizedAttachmentResource[] = convertAttachmentsForCreate(\n    attachments || []\n  )\n\n  // Create an optimistic message\n  const optimisticMessage: MessageResource = {\n    ...message,\n    type: 'Message',\n    id,\n    text,\n    html: '', // Will be filled by server\n    createdAt: new Date().toISOString(),\n    deletedAt: null,\n    textEditedAt: null,\n    mine: true,\n    attachments: decoratedAttachments,\n    attachmentsForCreate: attachments || [],\n    author: currentPerson,\n    reactionCounts: [],\n    renderAuthor: false,\n    renderTime: true,\n    myLatestInConversation: true,\n    lastInGroup: true,\n    pending: true,\n    replyCount: 0,\n    replyRootId: null,\n  }\n\n  // Add the optimistic message to the cache\n  type QueryData = InfiniteData<ApiCollection<MessageResource>>\n  const queryKey = getMessagesQueryKey({ conversation_id: conversationId })\n\n  chatQueryClient.setQueryData<QueryData>(queryKey, data =>\n    updateOrCreateRecordInPagesData({\n      data,\n      record: optimisticMessage as MessageResource,\n    })\n  )\n\n  return optimisticMessage\n}\n\nconst generateTempMessageId = () => {\n  // Put it 5 seconds in the future to account for server lag of previously created messages\n  // that are still pending. This gets overwritten by the server anyway.\n  return `${generatePlaceholderUlid({ offsetMs: 5000 })}-temp`\n}\n"]}
+{"version":3,"file":"optimistically_create_message.js","sourceRoot":"","sources":["../../../src/utils/cache/optimistically_create_message.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAC7D,OAAO,EAAE,+BAA+B,EAAE,MAAM,kBAAkB,CAAA;AAClE,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAA;AAG/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AAEtE,MAAM,UAAU,2BAA2B,CAAC,EAC1C,cAAc,EACd,IAAI,EACJ,WAAW,EACX,aAAa,EACb,OAAO,GAOR;IACC,MAAM,EAAE,GAAG,OAAO,EAAE,EAAE,IAAI,qBAAqB,EAAE,CAAA;IAEjD,+DAA+D;IAC/D,MAAM,oBAAoB,GAAqC,2BAA2B,CACxF,WAAW,IAAI,EAAE,CAClB,CAAA;IAED,+BAA+B;IAC/B,MAAM,iBAAiB,GAAoB;QACzC,GAAG,OAAO;QACV,IAAI,EAAE,SAAS;QACf,EAAE;QACF,IAAI;QACJ,IAAI,EAAE,EAAE,EAAE,2BAA2B;QACrC,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;QACnC,SAAS,EAAE,IAAI;QACf,YAAY,EAAE,IAAI;QAClB,IAAI,EAAE,IAAI;QACV,WAAW,EAAE,oBAAoB;QACjC,oBAAoB,EAAE,WAAW,IAAI,EAAE;QACvC,MAAM,EAAE,aAAa;QACrB,cAAc,EAAE,EAAE;QAClB,YAAY,EAAE,KAAK;QACnB,UAAU,EAAE,IAAI;QAChB,sBAAsB,EAAE,IAAI;QAC5B,WAAW,EAAE,IAAI;QACjB,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,CAAC;QACb,WAAW,EAAE,IAAI;KAClB,CAAA;IAID,MAAM,QAAQ,GAAG,mBAAmB,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC,CAAA;IAEzE,eAAe,CAAC,YAAY,CAAY,QAAQ,EAAE,IAAI,CAAC,EAAE,CACvD,+BAA+B,CAAC;QAC9B,IAAI;QACJ,MAAM,EAAE,iBAAoC;KAC7C,CAAC,CACH,CAAA;IAED,OAAO,iBAAiB,CAAA;AAC1B,CAAC;AAED,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACjC,0FAA0F;IAC1F,sEAAsE;IACtE,OAAO,GAAG,uBAAuB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,OAAO,CAAA;AAC9D,CAAC,CAAA","sourcesContent":["import { InfiniteData } from '@tanstack/react-query'\nimport { ApiCollection, CurrentPersonResource, MessageResource } from '../../types'\nimport { getMessagesQueryKey } from '../../utils/request/get_messages'\nimport { chatQueryClient } from '../../contexts/api_provider'\nimport { updateOrCreateRecordInPagesData } from './page_mutations'\nimport { convertAttachmentsForCreate } from '../convert_attachments_for_create'\nimport { DenormalizedAttachmentResourceForCreate } from '../../types/resources/denormalized_attachment_resource_for_create'\nimport { DenormalizedAttachmentResource } from '../../types/resources/denormalized_attachment_resource'\nimport { generatePlaceholderUlid } from '../generate_placeholder_ulid'\n\nexport function optimisticallyCreateMessage({\n  conversationId,\n  text,\n  attachments,\n  currentPerson,\n  message,\n}: {\n  conversationId: number\n  text: string\n  attachments?: DenormalizedAttachmentResourceForCreate[]\n  currentPerson: CurrentPersonResource\n  message?: MessageResource\n}) {\n  const id = message?.id || generateTempMessageId()\n\n  // Convert attachments to denormalized format for optimistic UI\n  const decoratedAttachments: DenormalizedAttachmentResource[] = convertAttachmentsForCreate(\n    attachments || []\n  )\n\n  // Create an optimistic message\n  const optimisticMessage: MessageResource = {\n    ...message,\n    type: 'Message',\n    id,\n    text,\n    html: '', // Will be filled by server\n    createdAt: new Date().toISOString(),\n    deletedAt: null,\n    textEditedAt: null,\n    mine: true,\n    attachments: decoratedAttachments,\n    attachmentsForCreate: attachments || [],\n    author: currentPerson,\n    reactionCounts: [],\n    renderAuthor: false,\n    renderTime: true,\n    myLatestInConversation: true,\n    lastInGroup: true,\n    pending: true,\n    replyCount: 0,\n    replyRootId: null,\n  }\n\n  // Add the optimistic message to the cache\n  type QueryData = InfiniteData<ApiCollection<MessageResource>>\n  const queryKey = getMessagesQueryKey({ conversation_id: conversationId })\n\n  chatQueryClient.setQueryData<QueryData>(queryKey, data =>\n    updateOrCreateRecordInPagesData({\n      data,\n      record: optimisticMessage as MessageResource,\n    })\n  )\n\n  return optimisticMessage\n}\n\nconst generateTempMessageId = () => {\n  // Put it 5 seconds in the future to account for server lag of previously created messages\n  // that are still pending. This gets overwritten by the server anyway.\n  return `${generatePlaceholderUlid({ offsetMs: 5000 })}-temp`\n}\n"]}

package/build/utils/cache/optimistically_update_message.js

@@ -1,4 +1,4 @@
-import { getMessagesQueryKey } from '../../hooks/use_conversation_messages';
+import { getMessagesQueryKey } from '../../utils/request/get_messages';
 import { chatQueryClient } from '../../contexts/api_provider';
 import { updateOrCreateRecordInPagesData } from './page_mutations';
 export function optimisticallyUpdateMessage({ conversationId, message, text, }) {

package/build/utils/cache/optimistically_update_message.js.map

@@ -1 +1 @@
-{"version":3,"file":"optimistically_update_message.js","sourceRoot":"","sources":["../../../src/utils/cache/optimistically_update_message.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAA;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAC7D,OAAO,EAAE,+BAA+B,EAAE,MAAM,kBAAkB,CAAA;AAElE,MAAM,UAAU,2BAA2B,CAAC,EAC1C,cAAc,EACd,OAAO,EACP,IAAI,GAKL;IAEC,MAAM,QAAQ,GAAG,mBAAmB,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC,CAAA;IAEzE,IAAI,iBAAiB,GAAG,OAAO,CAAA;IAE/B,eAAe,CAAC,YAAY,CAAY,QAAQ,EAAE,IAAI,CAAC,EAAE,CACvD,+BAA+B,CAAC;QAC9B,IAAI;QACJ,MAAM,EAAE,OAAO;QACf,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;YAC5B,iBAAiB,GAAG;gBAClB,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC;gBACjB,IAAI;gBACJ,OAAO,EAAE,IAAI;aACd,CAAA;YACD,OAAO,iBAAiB,CAAA;QAC1B,CAAC;KACF,CAAC,CACH,CAAA;IAED,OAAO,iBAAiB,CAAA;AAC1B,CAAC","sourcesContent":["import { InfiniteData } from '@tanstack/react-query'\nimport { ApiCollection, MessageResource } from '../../types'\nimport { getMessagesQueryKey } from '../../hooks/use_conversation_messages'\nimport { chatQueryClient } from '../../contexts/api_provider'\nimport { updateOrCreateRecordInPagesData } from './page_mutations'\n\nexport function optimisticallyUpdateMessage({\n  conversationId,\n  message,\n  text,\n}: {\n  conversationId: number\n  message: MessageResource\n  text: string\n}) {\n  type QueryData = InfiniteData<ApiCollection<MessageResource>>\n  const queryKey = getMessagesQueryKey({ conversation_id: conversationId })\n\n  let optimisticMessage = message\n\n  chatQueryClient.setQueryData<QueryData>(queryKey, data =>\n    updateOrCreateRecordInPagesData({\n      data,\n      record: message,\n      processRecord: (next, prev) => {\n        optimisticMessage = {\n          ...(prev || next),\n          text,\n          pending: true,\n        }\n        return optimisticMessage\n      },\n    })\n  )\n\n  return optimisticMessage\n}\n"]}
+{"version":3,"file":"optimistically_update_message.js","sourceRoot":"","sources":["../../../src/utils/cache/optimistically_update_message.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAC7D,OAAO,EAAE,+BAA+B,EAAE,MAAM,kBAAkB,CAAA;AAElE,MAAM,UAAU,2BAA2B,CAAC,EAC1C,cAAc,EACd,OAAO,EACP,IAAI,GAKL;IAEC,MAAM,QAAQ,GAAG,mBAAmB,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC,CAAA;IAEzE,IAAI,iBAAiB,GAAG,OAAO,CAAA;IAE/B,eAAe,CAAC,YAAY,CAAY,QAAQ,EAAE,IAAI,CAAC,EAAE,CACvD,+BAA+B,CAAC;QAC9B,IAAI;QACJ,MAAM,EAAE,OAAO;QACf,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;YAC5B,iBAAiB,GAAG;gBAClB,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC;gBACjB,IAAI;gBACJ,OAAO,EAAE,IAAI;aACd,CAAA;YACD,OAAO,iBAAiB,CAAA;QAC1B,CAAC;KACF,CAAC,CACH,CAAA;IAED,OAAO,iBAAiB,CAAA;AAC1B,CAAC","sourcesContent":["import { InfiniteData } from '@tanstack/react-query'\nimport { ApiCollection, MessageResource } from '../../types'\nimport { getMessagesQueryKey } from '../../utils/request/get_messages'\nimport { chatQueryClient } from '../../contexts/api_provider'\nimport { updateOrCreateRecordInPagesData } from './page_mutations'\n\nexport function optimisticallyUpdateMessage({\n  conversationId,\n  message,\n  text,\n}: {\n  conversationId: number\n  message: MessageResource\n  text: string\n}) {\n  type QueryData = InfiniteData<ApiCollection<MessageResource>>\n  const queryKey = getMessagesQueryKey({ conversation_id: conversationId })\n\n  let optimisticMessage = message\n\n  chatQueryClient.setQueryData<QueryData>(queryKey, data =>\n    updateOrCreateRecordInPagesData({\n      data,\n      record: message,\n      processRecord: (next, prev) => {\n        optimisticMessage = {\n          ...(prev || next),\n          text,\n          pending: true,\n        }\n        return optimisticMessage\n      },\n    })\n  )\n\n  return optimisticMessage\n}\n"]}

package/build/utils/pluralize.js

@@ -1,4 +1,4 @@
-const irregularInflections = { person: 'people' };
+const irregularInflections = { person: 'people', reply: 'replies' };
 export function pluralize(count, singularWord, includeCount = true) {
     const plural = count !== 1;
     const pluralWord = irregularInflections[singularWord] || `${singularWord}s`;

package/build/utils/pluralize.js.map

@@ -1 +1 @@
-{"version":3,"file":"pluralize.js","sourceRoot":"","sources":["../../src/utils/pluralize.ts"],"names":[],"mappings":"AAAA,MAAM,oBAAoB,GAA2B,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAA;AAEzE,MAAM,UAAU,SAAS,CAAC,KAAa,EAAE,YAAoB,EAAE,YAAY,GAAG,IAAI;IAChF,MAAM,MAAM,GAAG,KAAK,KAAK,CAAC,CAAA;IAC1B,MAAM,UAAU,GAAG,oBAAoB,CAAC,YAAY,CAAC,IAAI,GAAG,YAAY,GAAG,CAAA;IAE3E,OAAO;QACL,YAAY,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE;QAChD,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;KACnC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACZ,CAAC","sourcesContent":["const irregularInflections: Record<string, string> = { person: 'people' }\n\nexport function pluralize(count: number, singularWord: string, includeCount = true) {\n  const plural = count !== 1\n  const pluralWord = irregularInflections[singularWord] || `${singularWord}s`\n\n  return [\n    includeCount ? `${count.toLocaleString()} ` : '',\n    plural ? pluralWord : singularWord,\n  ].join('')\n}\n"]}
+{"version":3,"file":"pluralize.js","sourceRoot":"","sources":["../../src/utils/pluralize.ts"],"names":[],"mappings":"AAAA,MAAM,oBAAoB,GAA2B,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAA;AAE3F,MAAM,UAAU,SAAS,CAAC,KAAa,EAAE,YAAoB,EAAE,YAAY,GAAG,IAAI;IAChF,MAAM,MAAM,GAAG,KAAK,KAAK,CAAC,CAAA;IAC1B,MAAM,UAAU,GAAG,oBAAoB,CAAC,YAAY,CAAC,IAAI,GAAG,YAAY,GAAG,CAAA;IAE3E,OAAO;QACL,YAAY,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE;QAChD,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;KACnC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACZ,CAAC","sourcesContent":["const irregularInflections: Record<string, string> = { person: 'people', reply: 'replies' }\n\nexport function pluralize(count: number, singularWord: string, includeCount = true) {\n  const plural = count !== 1\n  const pluralWord = irregularInflections[singularWord] || `${singularWord}s`\n\n  return [\n    includeCount ? `${count.toLocaleString()} ` : '',\n    plural ? pluralWord : singularWord,\n  ].join('')\n}\n"]}

package/build/utils/request/get_message.d.ts

@@ -0,0 +1,20 @@
+export declare const getMessageRequestArgs: ({ conversation_id, messageId, }: {
+    conversation_id: number;
+    messageId: string;
+}) => {
+    url: string;
+    data: {
+        perPage: number;
+        fields: {
+            Message: string[];
+            Person: string[];
+            ReactionCount: string[];
+        };
+        include: string[];
+    };
+};
+export declare const getMessageQueryKey: ({ conversation_id, messageId, }: {
+    conversation_id: number;
+    messageId: string;
+}) => import("../../hooks/use_suspense_api").RequestQueryKey;
+//# sourceMappingURL=get_message.d.ts.map

package/build/utils/request/get_message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get_message.d.ts","sourceRoot":"","sources":["../../../src/utils/request/get_message.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB,oCAG/B;IACD,eAAe,EAAE,MAAM,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;CAClB;;;;;;;;;;;CAWA,CAAA;AAED,eAAO,MAAM,kBAAkB,oCAG5B;IACD,eAAe,EAAE,MAAM,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;CAClB,2DAGA,CAAA"}

package/build/utils/request/get_message.js

@@ -0,0 +1,18 @@
+import { getRequestQueryKey } from '../../hooks/use_suspense_api';
+import { getMessageFields, getMessagesInclude } from './messages_data_options';
+export const getMessageRequestArgs = ({ conversation_id, messageId, }) => {
+    const url = `/me/conversations/${conversation_id}/messages/${messageId}`;
+    return {
+        url,
+        data: {
+            perPage: 25,
+            fields: getMessageFields,
+            include: getMessagesInclude,
+        },
+    };
+};
+export const getMessageQueryKey = ({ conversation_id, messageId, }) => {
+    const requestArgs = getMessageRequestArgs({ conversation_id, messageId });
+    return getRequestQueryKey(requestArgs);
+};
+//# sourceMappingURL=get_message.js.map

package/build/utils/request/get_message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get_message.js","sourceRoot":"","sources":["../../../src/utils/request/get_message.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AACjE,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE9E,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,eAAe,EACf,SAAS,GAIV,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,qBAAqB,eAAe,aAAa,SAAS,EAAE,CAAA;IAExE,OAAO;QACL,GAAG;QACH,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,gBAAgB;YACxB,OAAO,EAAE,kBAAkB;SAC5B;KACF,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,eAAe,EACf,SAAS,GAIV,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,qBAAqB,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC,CAAA;IACzE,OAAO,kBAAkB,CAAC,WAAW,CAAC,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import { getRequestQueryKey } from '../../hooks/use_suspense_api'\nimport { getMessageFields, getMessagesInclude } from './messages_data_options'\n\nexport const getMessageRequestArgs = ({\n  conversation_id,\n  messageId,\n}: {\n  conversation_id: number\n  messageId: string\n}) => {\n  const url = `/me/conversations/${conversation_id}/messages/${messageId}`\n\n  return {\n    url,\n    data: {\n      perPage: 25,\n      fields: getMessageFields,\n      include: getMessagesInclude,\n    },\n  }\n}\n\nexport const getMessageQueryKey = ({\n  conversation_id,\n  messageId,\n}: {\n  conversation_id: number\n  messageId: string\n}) => {\n  const requestArgs = getMessageRequestArgs({ conversation_id, messageId })\n  return getRequestQueryKey(requestArgs)\n}\n"]}

package/build/utils/request/get_messages.d.ts

@@ -0,0 +1,20 @@
+export declare const getMessagesRequestArgs: ({ conversation_id, reply_root_id, }: {
+    conversation_id: number;
+    reply_root_id?: string | null;
+}) => {
+    url: string;
+    data: {
+        perPage: number;
+        fields: {
+            Message: string[];
+            Person: string[];
+            ReactionCount: string[];
+        };
+        include: string[];
+    };
+};
+export declare const getMessagesQueryKey: ({ conversation_id, reply_root_id, }: {
+    conversation_id: number;
+    reply_root_id?: string | null;
+}) => import("../../hooks/use_suspense_api").RequestQueryKey;
+//# sourceMappingURL=get_messages.d.ts.map

package/build/utils/request/get_messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get_messages.d.ts","sourceRoot":"","sources":["../../../src/utils/request/get_messages.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,wCAGhC;IACD,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B;;;;;;;;;;;CAaA,CAAA;AAED,eAAO,MAAM,mBAAmB,wCAG7B;IACD,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B,2DAGA,CAAA"}

package/build/utils/request/get_messages.js

@@ -0,0 +1,20 @@
+import { getRequestQueryKey } from '../../hooks/use_suspense_api';
+import { getMessageFields, getMessagesInclude } from './messages_data_options';
+export const getMessagesRequestArgs = ({ conversation_id, reply_root_id, }) => {
+    const url = reply_root_id
+        ? `/me/conversations/${conversation_id}/messages/${reply_root_id}/replies`
+        : `/me/conversations/${conversation_id}/messages`;
+    return {
+        url,
+        data: {
+            perPage: 25,
+            fields: getMessageFields,
+            include: getMessagesInclude,
+        },
+    };
+};
+export const getMessagesQueryKey = ({ conversation_id, reply_root_id, }) => {
+    const requestArgs = getMessagesRequestArgs({ conversation_id, reply_root_id });
+    return getRequestQueryKey(requestArgs);
+};
+//# sourceMappingURL=get_messages.js.map

package/build/utils/request/get_messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get_messages.js","sourceRoot":"","sources":["../../../src/utils/request/get_messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AACjE,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE9E,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,eAAe,EACf,aAAa,GAId,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,aAAa;QACvB,CAAC,CAAC,qBAAqB,eAAe,aAAa,aAAa,UAAU;QAC1E,CAAC,CAAC,qBAAqB,eAAe,WAAW,CAAA;IAEnD,OAAO;QACL,GAAG;QACH,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,gBAAgB;YACxB,OAAO,EAAE,kBAAkB;SAC5B;KACF,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,eAAe,EACf,aAAa,GAId,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,sBAAsB,CAAC,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC,CAAA;IAC9E,OAAO,kBAAkB,CAAC,WAAW,CAAC,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import { getRequestQueryKey } from '../../hooks/use_suspense_api'\nimport { getMessageFields, getMessagesInclude } from './messages_data_options'\n\nexport const getMessagesRequestArgs = ({\n  conversation_id,\n  reply_root_id,\n}: {\n  conversation_id: number\n  reply_root_id?: string | null\n}) => {\n  const url = reply_root_id\n    ? `/me/conversations/${conversation_id}/messages/${reply_root_id}/replies`\n    : `/me/conversations/${conversation_id}/messages`\n\n  return {\n    url,\n    data: {\n      perPage: 25,\n      fields: getMessageFields,\n      include: getMessagesInclude,\n    },\n  }\n}\n\nexport const getMessagesQueryKey = ({\n  conversation_id,\n  reply_root_id,\n}: {\n  conversation_id: number\n  reply_root_id?: string | null\n}) => {\n  const requestArgs = getMessagesRequestArgs({ conversation_id, reply_root_id })\n  return getRequestQueryKey(requestArgs)\n}\n"]}

package/build/utils/request/messages_data_options.d.ts

@@ -0,0 +1,7 @@
+export declare const getMessageFields: {
+    Message: string[];
+    Person: string[];
+    ReactionCount: string[];
+};
+export declare const getMessagesInclude: string[];
+//# sourceMappingURL=messages_data_options.d.ts.map

package/build/utils/request/messages_data_options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages_data_options.d.ts","sourceRoot":"","sources":["../../../src/utils/request/messages_data_options.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB;;;;CAe5B,CAAA;AAED,eAAO,MAAM,kBAAkB,UAAgC,CAAA"}

package/build/utils/request/messages_data_options.js

@@ -0,0 +1,18 @@
+export const getMessageFields = {
+    Message: [
+        'text',
+        'text_edited_at',
+        'mine',
+        'attachments',
+        'created_at',
+        'deleted_at',
+        'author',
+        'reaction_counts',
+        'reply_count',
+        'reply_root',
+    ],
+    Person: ['name', 'avatar'],
+    ReactionCount: ['value', 'count', 'mine', 'message_id', 'author_ids'],
+};
+export const getMessagesInclude = ['author', 'reaction_counts'];
+//# sourceMappingURL=messages_data_options.js.map

package/build/utils/request/messages_data_options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages_data_options.js","sourceRoot":"","sources":["../../../src/utils/request/messages_data_options.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,OAAO,EAAE;QACP,MAAM;QACN,gBAAgB;QAChB,MAAM;QACN,aAAa;QACb,YAAY;QACZ,YAAY;QACZ,QAAQ;QACR,iBAAiB;QACjB,aAAa;QACb,YAAY;KACb;IACD,MAAM,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;IAC1B,aAAa,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,CAAC;CACtE,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAA","sourcesContent":["export const getMessageFields = {\n  Message: [\n    'text',\n    'text_edited_at',\n    'mine',\n    'attachments',\n    'created_at',\n    'deleted_at',\n    'author',\n    'reaction_counts',\n    'reply_count',\n    'reply_root',\n  ],\n  Person: ['name', 'avatar'],\n  ReactionCount: ['value', 'count', 'mine', 'message_id', 'author_ids'],\n}\n\nexport const getMessagesInclude = ['author', 'reaction_counts']\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "3.17.0-rc.0",
+  "version": "3.17.0",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -56,5 +56,5 @@
     "react-native-url-polyfill": "^2.0.0",
     "typescript": "<5.6.0"
   },
-  "gitHead": "b5fc3670444218677c0c4cbcb92ca45877d0a71a"
+  "gitHead": "df5f37a2d46dca3d54aeff706c80bbcf086a36b2"
 }

package/src/__tests__/utils/pluralize.tsx

@@ -14,4 +14,7 @@ describe('pluralize', () => {
   it('can convert "person" to "people"', () => {
     expect(pluralize(2, 'person', false)).toEqual('people')
   })
+  it('can convert "reply" to "replies"', () => {
+    expect(pluralize(2, 'reply', false)).toEqual('replies')
+  })
 })

package/src/components/conversation/message.tsx

@@ -24,8 +24,9 @@ import { useLiveRelativeTime } from '../../hooks/use_live_relative_time'
 import { MessageReadReceipts } from './message_read_receipts'
 import { isNewMessage, useMessageCreateOrUpdate } from '../../hooks/use_message_create_or_update'
 import { Haptic } from '../../utils/native_adapters'
-import { TheirReplyConnector, MyReplyConnector } from './reply_connectors'
-import { REPLIES_FEATURE_ENABLED } from '../../utils'
+import { TheirReplyConnector, MyReplyConnector, AVATAR_CONNECTOR_SPACING } from './reply_connectors'
+import { pluralize, REPLIES_FEATURE_ENABLED } from '../../utils'
+import { useConversationMessage } from '../../hooks/use_conversation_message'
 
 /** Message
  * Component for display of a message within a conversation list
@@ -59,6 +60,15 @@ export function Message({
   const [messageBubbleHeight, setMessageBubbleHeight] = React.useState(0)
   const { animatedBackgroundColor, handleMessagePressIn, handleMessagePressOut } =
     useAnimatedMessageBackgroundColor()
+  const { message: replyRootMessage } = useConversationMessage({
+    conversation_id,
+    messageId: message.replyRootId || '',
+    enabled: !!message.replyRootId,
+  })
+
+  const replyRootAuthorName = message.replyRootId
+    ? replyRootMessage?.author.name
+    : message.author.name
 
   useEffect(() => {
     if (pending) {
@@ -93,6 +103,7 @@ export function Message({
       conversation_id,
       canDeleteNonAuthoredMessages,
       inReplyScreen,
+      reply_root_author_name: replyRootAuthorName,
     })
   }
   const handleReactionLongPress = (reaction: ReactionCountResource) => {
@@ -120,7 +131,7 @@ export function Message({
     navigation.navigate('ConversationReply', {
       conversation_id,
       reply_root_id: message.id,
-      // TODO: Add a way to pass the reply root author's name
+      reply_root_author_name: message.author.name,
     })
   }
 
@@ -130,10 +141,16 @@ export function Message({
   }
 
   const renderAuthor = (!message.mine && message.renderAuthor) || false
-  const messageBottomMargin = message.lastInGroup ? 12 : hasReactions || showMessageMeta ? 8 : 4
   const messagePendingLabel = isPersisted ? 'Saving' : 'Sending'
   const showReplyCountButton =
     !inReplyScreen && message.replyRootId === message.id && REPLIES_FEATURE_ENABLED
+  const replyCountText = pluralize(message.replyCount, 'reply')
+  const messageBottomMargin =
+    message.lastInGroup || message.nextIsReplyShadowMessage
+      ? 16
+      : hasReactions || showMessageMeta || showReplyCountButton
+        ? 8
+        : 4
 
   return (
     <Pressable
@@ -162,7 +179,11 @@ export function Message({
           </View>
         )}
         <View style={[styles.messageContent, { marginBottom: messageBottomMargin }]}>
-          {renderAuthor && <Text variant="tertiary">{message.author.name}</Text>}
+          {renderAuthor && (
+            <Text variant="footnote" style={styles.authorName}>
+              {message.author.name}
+            </Text>
+          )}
           <View
             style={styles.messageBubble}
             onLayout={e => setMessageBubbleHeight(e.nativeEvent.layout.height)}
@@ -189,7 +210,7 @@ export function Message({
               accessibilityHint="Navigates to reply screen for this message"
               accessibilityRole="link"
             >
-              {message.replyCount} replies
+              {replyCountText}
             </TextButton>
           )}
           {hasReactions && (
@@ -282,11 +303,14 @@ const useMessageStyles = ({ mine }: MessageResource) => {
       gap: 4,
     },
     avatar: {
-      marginBottom: 8,
+      marginBottom: AVATAR_CONNECTOR_SPACING,
     },
     avatarPlaceholder: {
       width: MESSAGE_AUTHOR_AVATAR_COLUMN_WIDTH, // Same width as avatar
     },
+    authorName: {
+      fontWeight: platformFontWeightMedium,
+    },
     messageBubble: {
       backgroundColor: messageBubbleBackgroundColor,
       borderRadius: 8,

package/src/components/conversation/message_form.tsx

@@ -59,7 +59,8 @@ export const MessageForm = {
 interface MessagesFormRootProps extends ViewProps {
   conversation: ConversationResource
   currentlyEditingMessage?: MessageResource | null
-  replyRootId?: string
+  replyRootId?: string | null
+  replyRootAuthorFirstName?: string | null
 }
 
 const MessageFormContext = React.createContext<{
@@ -73,7 +74,8 @@ const MessageFormContext = React.createContext<{
   attachmentUploader?: ReturnType<typeof useAttachmentUploader>
   currentlyEditingMessage?: MessageResource | null
   reset: () => void
-  replyRootId?: string
+  replyRootId?: string | null
+  replyRootAuthorFirstName?: string | null
 }>({
   text: '',
   setText: (_text: string) => {},
@@ -85,6 +87,7 @@ const MessageFormContext = React.createContext<{
   currentlyEditingMessage: null,
   reset: () => {},
   replyRootId: undefined,
+  replyRootAuthorFirstName: undefined,
 })
 
 const GIPHY_MAX_LENGTH = 50
@@ -95,6 +98,7 @@ function MessageFormRoot({
   currentlyEditingMessage,
   children,
   replyRootId,
+  replyRootAuthorFirstName,
 }: MessagesFormRootProps) {
   const { giphyApiKey } = useContext(ChatContext)
   const canGiphy = !!giphyApiKey && !currentlyEditingMessage
@@ -248,6 +252,7 @@ function MessageFormRoot({
         currentlyEditingMessage,
         reset,
         replyRootId,
+        replyRootAuthorFirstName,
       }}
     >
       <View style={styles.container}>
@@ -559,14 +564,15 @@ function EditingIndicator() {
 }
 
 function ReplyIndicator() {
-  const { replyRootId } = React.useContext(MessageFormContext)
+  const { replyRootId, replyRootAuthorFirstName } = React.useContext(MessageFormContext)
   const navigation = useNavigation()
+  const title = replyRootAuthorFirstName ? `Reply to ${replyRootAuthorFirstName}` : 'Reply'
 
   if (!REPLIES_FEATURE_ENABLED || !replyRootId) return null
 
   return (
     <FormIndicatorRow
-      title="Reply" // TODO: Get root reply author
+      title={title}
       buttonText="Exit replies"
       accessibilityHint="Return to the main conversation"
       iconName="registrations.undo"