@planningcenter/chat-react-native 3.30.0-rc.1 → 3.30.0-rc.2

package/build/screens/message_actions_screen.js

@@ -4,16 +4,16 @@ import { useMutation } from '@tanstack/react-query';
 import { isNil, omitBy } from 'lodash';
 import React, { useCallback } from 'react';
 import { Alert, Platform, StyleSheet, View } from 'react-native';
-import { Text } from '../components';
-import { useReactionStyles } from '../components/conversation/message_reaction';
-import FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet';
-import { useCreateAndroidRippleColor, useFontScale, useTheme } from '../hooks';
-import { useApiClient } from '../hooks/use_api_client';
-import { useConversationMessages } from '../hooks/use_conversation_messages';
-import { availableFeatures, useFeatures } from '../hooks/use_features';
-import { useMessageReactionToggle } from '../hooks/use_message_reaction_toggle';
-import { REACTION_EMOJIS } from '../utils';
-import { Clipboard, Haptic } from '../utils/native_adapters';
+import { Text } from '@/components';
+import { useReactionStyles } from '@/components/conversation/message_reaction';
+import FormSheet, { getFormSheetScreenOptions } from '@/components/primitive/form_sheet';
+import { useCreateAndroidRippleColor, useFontScale, useTheme } from '@/hooks';
+import { useApiClient } from '@/hooks/use_api_client';
+import { useConversationMessages } from '@/hooks/use_conversation_messages';
+import { availableFeatures, useFeatures } from '@/hooks/use_features';
+import { useMessageReactionToggle } from '@/hooks/use_message_reaction_toggle';
+import { REACTION_EMOJIS } from '@/utils';
+import { Clipboard, Haptic } from '@/utils/native_adapters';
 export const MessageActionsScreenOptions = getFormSheetScreenOptions({
     sheetAllowedDetents: [0.5],
     headerTitle: 'Message actions',

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 { 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 { availableFeatures, useFeatures } from '../hooks/use_features'\nimport { useMessageReactionToggle } from '../hooks/use_message_reaction_toggle'\nimport { MessageResource } from '../types'\nimport { ReactionCountResource } from '../types/resources/reaction'\nimport { REACTION_EMOJIS } from '../utils'\nimport { Clipboard, Haptic } from '../utils/native_adapters'\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  const { featureEnabled } = useFeatures()\n  const expandedLink = message.attachments.find(attachment => attachment.type === 'ExpandedLink')\n  const hasExpandedLink = !!expandedLink\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 handleReportPress = useCallback(() => {\n    Haptic.impactLight()\n    navigation.navigate('MessageReport', {\n      conversation_id,\n      message_id: message.id,\n    })\n  }, [navigation, conversation_id, message.id])\n\n  const { handleReactionToggle, isPending } = useMessageReactionToggle({\n    conversation_id,\n    message,\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    mutationKey: ['deleteMessage', message.id],\n    onSuccess: () => {\n      refetchMessages()\n      Haptic.notificationSuccess()\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      {\n        text: 'Delete',\n        style: 'destructive',\n        onPress: () => {\n          handleDeleteMessage()\n          navigation.goBack()\n        },\n      },\n    ])\n  }, [handleDeleteMessage, navigation])\n\n  const handleEditPress = useCallback(() => {\n    const state = navigation.getState?.()\n    const targetRouteName = inReplyScreen ? 'ConversationReply' : 'Conversation'\n    const targetRoute = state?.routes?.find(r => r.name === targetRouteName)\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(targetRouteName, params))\n  }, [navigation, conversation_id, message.id, inReplyScreen])\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  const removeLinkPreview = useCallback(() => {\n    const url = `/me/conversations/${conversation_id}/messages/${message.id}/remove_expanded_link`\n    const data = {\n      data: { type: 'ExpandedLink', attributes: { expanded_link_id: expandedLink?.id } },\n    }\n\n    return apiClient.chat.post({ url, data })\n  }, [apiClient, conversation_id, message.id, expandedLink])\n\n  const { mutate: handleRemoveLinkPreview } = useMutation({\n    mutationFn: removeLinkPreview,\n    onSuccess: () => {\n      refetchMessages()\n      Haptic.notificationSuccess()\n      navigation.goBack()\n    },\n    onError: () => {\n      Alert.alert('Oops', 'We were unable to remove the preview. Please try again.')\n    },\n  })\n\n  const handleRemoveLinkPreviewConfirm = useCallback(() => {\n    Alert.alert('Remove link preview?', 'This will remove the image preview but retain the link', [\n      { text: 'Cancel', style: 'cancel' },\n      { text: 'Remove', style: 'destructive', onPress: () => handleRemoveLinkPreview() },\n    ])\n  }, [handleRemoveLinkPreview])\n\n  const showReportMessageAction =\n    !message?.mine && featureEnabled(availableFeatures.message_reporting)\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              navigation.goBack()\n            }}\n          />\n        ))}\n      </View>\n      <View style={styles.actions}>\n        {!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        {showReportMessageAction && (\n          <FormSheet.Action\n            onPress={handleReportPress}\n            title=\"Report message\"\n            iconName=\"chat.reportMessageO\"\n            accessibilityHint=\"Opens a form to report this message\"\n          />\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 && hasExpandedLink && (\n          <FormSheet.Action\n            onPress={() => handleRemoveLinkPreviewConfirm()}\n            title=\"Remove link preview\"\n            iconName=\"general.brokenLink\"\n            accessibilityHint=\"Removes an expanded link preview from the 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} allowFontScaling={false}>\n        {REACTION_EMOJIS[reaction.value]}\n      </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 * Math.max(1, 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      textAlign: 'center',\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":"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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 { 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 { availableFeatures, useFeatures } from '@/hooks/use_features'\nimport { useMessageReactionToggle } from '@/hooks/use_message_reaction_toggle'\nimport { MessageResource } from '@/types'\nimport { ReactionCountResource } from '@/types/resources/reaction'\nimport { REACTION_EMOJIS } from '@/utils'\nimport { Clipboard, Haptic } from '@/utils/native_adapters'\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  const { featureEnabled } = useFeatures()\n  const expandedLink = message.attachments.find(attachment => attachment.type === 'ExpandedLink')\n  const hasExpandedLink = !!expandedLink\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 handleReportPress = useCallback(() => {\n    Haptic.impactLight()\n    navigation.navigate('MessageReport', {\n      conversation_id,\n      message_id: message.id,\n    })\n  }, [navigation, conversation_id, message.id])\n\n  const { handleReactionToggle, isPending } = useMessageReactionToggle({\n    conversation_id,\n    message,\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    mutationKey: ['deleteMessage', message.id],\n    onSuccess: () => {\n      refetchMessages()\n      Haptic.notificationSuccess()\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      {\n        text: 'Delete',\n        style: 'destructive',\n        onPress: () => {\n          handleDeleteMessage()\n          navigation.goBack()\n        },\n      },\n    ])\n  }, [handleDeleteMessage, navigation])\n\n  const handleEditPress = useCallback(() => {\n    const state = navigation.getState?.()\n    const targetRouteName = inReplyScreen ? 'ConversationReply' : 'Conversation'\n    const targetRoute = state?.routes?.find(r => r.name === targetRouteName)\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(targetRouteName, params))\n  }, [navigation, conversation_id, message.id, inReplyScreen])\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  const removeLinkPreview = useCallback(() => {\n    const url = `/me/conversations/${conversation_id}/messages/${message.id}/remove_expanded_link`\n    const data = {\n      data: { type: 'ExpandedLink', attributes: { expanded_link_id: expandedLink?.id } },\n    }\n\n    return apiClient.chat.post({ url, data })\n  }, [apiClient, conversation_id, message.id, expandedLink])\n\n  const { mutate: handleRemoveLinkPreview } = useMutation({\n    mutationFn: removeLinkPreview,\n    onSuccess: () => {\n      refetchMessages()\n      Haptic.notificationSuccess()\n      navigation.goBack()\n    },\n    onError: () => {\n      Alert.alert('Oops', 'We were unable to remove the preview. Please try again.')\n    },\n  })\n\n  const handleRemoveLinkPreviewConfirm = useCallback(() => {\n    Alert.alert('Remove link preview?', 'This will remove the image preview but retain the link', [\n      { text: 'Cancel', style: 'cancel' },\n      { text: 'Remove', style: 'destructive', onPress: () => handleRemoveLinkPreview() },\n    ])\n  }, [handleRemoveLinkPreview])\n\n  const showReportMessageAction =\n    !message?.mine && featureEnabled(availableFeatures.message_reporting)\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              navigation.goBack()\n            }}\n          />\n        ))}\n      </View>\n      <View style={styles.actions}>\n        {!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        {showReportMessageAction && (\n          <FormSheet.Action\n            onPress={handleReportPress}\n            title=\"Report message\"\n            iconName=\"chat.reportMessageO\"\n            accessibilityHint=\"Opens a form to report this message\"\n          />\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 && hasExpandedLink && (\n          <FormSheet.Action\n            onPress={() => handleRemoveLinkPreviewConfirm()}\n            title=\"Remove link preview\"\n            iconName=\"general.brokenLink\"\n            accessibilityHint=\"Removes an expanded link preview from the 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} allowFontScaling={false}>\n        {REACTION_EMOJIS[reaction.value]}\n      </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 * Math.max(1, 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      textAlign: 'center',\n    },\n    actions: {\n      paddingTop: 4,\n    },\n  })\n}\n"]}

package/build/screens/message_report/components/message_preview.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ViewStyle } from 'react-native';
-import { MessageResource } from '../../../types';
+import { MessageResource } from '@/types';
 interface MessagePreviewProps {
     message: MessageResource;
     style?: ViewStyle;

package/build/screens/message_report/components/message_preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message_preview.d.ts","sourceRoot":"","sources":["../../../../src/screens/message_report/components/message_preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAG1D,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAEhD,UAAU,mBAAmB;IAC3B,OAAO,EAAE,eAAe,CAAA;IACxB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,mBAAmB,qBAuCrE"}
+{"version":3,"file":"message_preview.d.ts","sourceRoot":"","sources":["../../../../src/screens/message_report/components/message_preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAG1D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,UAAU,mBAAmB;IAC3B,OAAO,EAAE,eAAe,CAAA;IACxB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,mBAAmB,qBAuCrE"}

package/build/screens/message_report/components/message_preview.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { View, StyleSheet } from 'react-native';
-import { Avatar, Text, Icon } from '../../../components';
-import { useTheme, useFontScale } from '../../../hooks';
+import { Avatar, Text, Icon } from '@/components';
+import { useTheme, useFontScale } from '@/hooks';
 export function MessagePreview({ message, style }) {
     const hasImages = message.attachments.some(att => att.type === 'MessageAttachment' && att.attributes?.contentType?.startsWith('image/'));
     const imageOnly = hasImages && !message.text;

package/build/screens/message_report/components/message_preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"message_preview.js","sourceRoot":"","sources":["../../../../src/screens/message_report/components/message_preview.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { View, StyleSheet, ViewStyle } from 'react-native'\nimport { Avatar, Text, Icon } from '../../../components'\nimport { useTheme, useFontScale } from '../../../hooks'\nimport { MessageResource } from '../../../types'\n\ninterface MessagePreviewProps {\n  message: MessageResource\n  style?: ViewStyle\n}\n\nexport function MessagePreview({ message, style }: MessagePreviewProps) {\n  const hasImages = message.attachments.some(\n    att => att.type === 'MessageAttachment' && att.attributes?.contentType?.startsWith('image/')\n  )\n\n  const imageOnly = hasImages && !message.text\n  const styles = useStyles({ imageOnly })\n\n  return (\n    <View style={[styles.previewContainer, style]}>\n      <View style={styles.previewHeader}>\n        <Avatar sourceUri={message.author.avatar} size=\"md\" />\n        <Text style={styles.authorName} maxFontSizeMultiplier={1.5} numberOfLines={1}>\n          {message.author.name}\n        </Text>\n      </View>\n\n      <View style={styles.messageBubble}>\n        {hasImages && (\n          <View style={styles.imagePlaceholder}>\n            <Icon\n              name=\"general.image\"\n              style={styles.placeholderIcon}\n              maxFontSizeMultiplier={1.25}\n            />\n            <Text variant=\"secondary\" style={styles.placeholderText} maxFontSizeMultiplier={1.25}>\n              Image hidden\n            </Text>\n          </View>\n        )}\n\n        {message.text && (\n          <Text style={styles.messageText} numberOfLines={5}>\n            {message.text}\n          </Text>\n        )}\n      </View>\n    </View>\n  )\n}\n\nconst useStyles = ({ imageOnly }: { imageOnly: boolean }) => {\n  const { colors } = useTheme()\n  const fontScale = useFontScale({ maxFontSizeMultiplier: 1.5 })\n\n  return StyleSheet.create({\n    previewContainer: {\n      gap: 12,\n    },\n    previewHeader: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n    },\n    authorName: {\n      fontSize: 14,\n      fontWeight: '600',\n      color: colors.textColorDefaultPrimary,\n      flexShrink: 1,\n    },\n    messageBubble: {\n      backgroundColor: colors.fillColorNeutral060,\n      borderRadius: 16,\n      alignSelf: 'flex-start',\n      ...(!imageOnly && { maxWidth: '80%' }),\n    },\n    messageText: {\n      fontSize: 14,\n      color: colors.textColorDefaultPrimary,\n      lineHeight: 20,\n      paddingHorizontal: 16,\n      paddingVertical: 12,\n    },\n    imagePlaceholder: {\n      paddingHorizontal: 24 * fontScale,\n      paddingVertical: 20 * fontScale,\n      justifyContent: 'center',\n      alignItems: 'center',\n      gap: 8 * fontScale,\n    },\n    placeholderIcon: {\n      fontSize: 32,\n      color: colors.iconColorDefaultSecondary,\n    },\n    placeholderText: {\n      fontSize: 14,\n    },\n  })\n}\n"]}
+{"version":3,"file":"message_preview.js","sourceRoot":"","sources":["../../../../src/screens/message_report/components/message_preview.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { View, StyleSheet, ViewStyle } from 'react-native'\nimport { Avatar, Text, Icon } from '@/components'\nimport { useTheme, useFontScale } from '@/hooks'\nimport { MessageResource } from '@/types'\n\ninterface MessagePreviewProps {\n  message: MessageResource\n  style?: ViewStyle\n}\n\nexport function MessagePreview({ message, style }: MessagePreviewProps) {\n  const hasImages = message.attachments.some(\n    att => att.type === 'MessageAttachment' && att.attributes?.contentType?.startsWith('image/')\n  )\n\n  const imageOnly = hasImages && !message.text\n  const styles = useStyles({ imageOnly })\n\n  return (\n    <View style={[styles.previewContainer, style]}>\n      <View style={styles.previewHeader}>\n        <Avatar sourceUri={message.author.avatar} size=\"md\" />\n        <Text style={styles.authorName} maxFontSizeMultiplier={1.5} numberOfLines={1}>\n          {message.author.name}\n        </Text>\n      </View>\n\n      <View style={styles.messageBubble}>\n        {hasImages && (\n          <View style={styles.imagePlaceholder}>\n            <Icon\n              name=\"general.image\"\n              style={styles.placeholderIcon}\n              maxFontSizeMultiplier={1.25}\n            />\n            <Text variant=\"secondary\" style={styles.placeholderText} maxFontSizeMultiplier={1.25}>\n              Image hidden\n            </Text>\n          </View>\n        )}\n\n        {message.text && (\n          <Text style={styles.messageText} numberOfLines={5}>\n            {message.text}\n          </Text>\n        )}\n      </View>\n    </View>\n  )\n}\n\nconst useStyles = ({ imageOnly }: { imageOnly: boolean }) => {\n  const { colors } = useTheme()\n  const fontScale = useFontScale({ maxFontSizeMultiplier: 1.5 })\n\n  return StyleSheet.create({\n    previewContainer: {\n      gap: 12,\n    },\n    previewHeader: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n    },\n    authorName: {\n      fontSize: 14,\n      fontWeight: '600',\n      color: colors.textColorDefaultPrimary,\n      flexShrink: 1,\n    },\n    messageBubble: {\n      backgroundColor: colors.fillColorNeutral060,\n      borderRadius: 16,\n      alignSelf: 'flex-start',\n      ...(!imageOnly && { maxWidth: '80%' }),\n    },\n    messageText: {\n      fontSize: 14,\n      color: colors.textColorDefaultPrimary,\n      lineHeight: 20,\n      paddingHorizontal: 16,\n      paddingVertical: 12,\n    },\n    imagePlaceholder: {\n      paddingHorizontal: 24 * fontScale,\n      paddingVertical: 20 * fontScale,\n      justifyContent: 'center',\n      alignItems: 'center',\n      gap: 8 * fontScale,\n    },\n    placeholderIcon: {\n      fontSize: 32,\n      color: colors.iconColorDefaultSecondary,\n    },\n    placeholderText: {\n      fontSize: 14,\n    },\n  })\n}\n"]}

package/build/screens/message_report/components/report_reason_list.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MessageReportReason } from '../../../types/resources/message_report';
+import { MessageReportReason } from '@/types/resources/message_report';
 interface ReportReasonListProps {
     selectedReason: MessageReportReason | null;
     onReasonChange: (reason: MessageReportReason) => void;

package/build/screens/message_report/components/report_reason_list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"report_reason_list.d.ts","sourceRoot":"","sources":["../../../../src/screens/message_report/components/report_reason_list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAEL,mBAAmB,EACpB,MAAM,yCAAyC,CAAA;AAQhD,UAAU,qBAAqB;IAC7B,cAAc,EAAE,mBAAmB,GAAG,IAAI,CAAA;IAC1C,cAAc,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAA;CACtD;AAED,wBAAgB,gBAAgB,CAAC,EAAE,cAAc,EAAE,cAAc,EAAE,EAAE,qBAAqB,qBAiBzF"}
+{"version":3,"file":"report_reason_list.d.ts","sourceRoot":"","sources":["../../../../src/screens/message_report/components/report_reason_list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAA0B,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AAQ9F,UAAU,qBAAqB;IAC7B,cAAc,EAAE,mBAAmB,GAAG,IAAI,CAAA;IAC1C,cAAc,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAA;CACtD;AAED,wBAAgB,gBAAgB,CAAC,EAAE,cAAc,EAAE,cAAc,EAAE,EAAE,qBAAqB,qBAiBzF"}

package/build/screens/message_report/components/report_reason_list.js

@@ -1,10 +1,10 @@
 import { PlatformPressable } from '@react-navigation/elements';
 import React from 'react';
 import { View, StyleSheet } from 'react-native';
-import { Text } from '../../../components';
-import { useTheme, useCreateAndroidRippleColor } from '../../../hooks';
-import { MESSAGE_REPORT_REASONS, } from '../../../types/resources/message_report';
-import { Haptic } from '../../../utils/native_adapters';
+import { Text } from '@/components';
+import { useTheme, useCreateAndroidRippleColor } from '@/hooks';
+import { MESSAGE_REPORT_REASONS } from '@/types/resources/message_report';
+import { Haptic } from '@/utils/native_adapters';
 const MESSAGE_REPORT_REASONS_LIST = Object.entries(MESSAGE_REPORT_REASONS).map(([key, label]) => ({
     key: key,
     label,

package/build/screens/message_report/components/report_reason_list.js.map

@@ -1 +1 @@
-{"version":3,"file":"report_reason_list.js","sourceRoot":"","sources":["../../../../src/screens/message_report/components/report_reason_list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,2BAA2B,EAAE,MAAM,gBAAgB,CAAA;AACtE,OAAO,EACL,sBAAsB,GAEvB,MAAM,yCAAyC,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAA;AAEvD,MAAM,2BAA2B,GAAG,MAAM,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAChG,GAAG,EAAE,GAA0B;IAC/B,KAAK;CACN,CAAC,CAAC,CAAA;AAOH,MAAM,UAAU,gBAAgB,CAAC,EAAE,cAAc,EAAE,cAAc,EAAyB;IACxF,OAAO,CACL,CAAC,IAAI,CACH;MAAA,CAAC,2BAA2B,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACnD,CAAC,kBAAkB,CACjB,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,MAAM,CAAC,CAAC,GAAG,CAAC,CACZ,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,UAAU,CAAC,CAAC,cAAc,KAAK,GAAG,CAAC,CACnC,OAAO,CAAC,CAAC,GAAG,EAAE;gBACZ,MAAM,CAAC,WAAW,EAAE,CAAA;gBACpB,cAAc,CAAC,GAAG,CAAC,CAAA;YACrB,CAAC,CAAC,EACF,CACH,CAAC,CACJ;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AASD,SAAS,kBAAkB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAA2B;IACjF,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,UAAU,EAAE,CAAC,CAAA;IACxC,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,kBAAkB,GAAG,2BAA2B,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,mBAAmB,EAAE,CAAC,CAAA;IAE7F,OAAO,CACL,CAAC,iBAAiB,CAChB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CACxB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,CAAC,CAC9C,iBAAiB,CAAC,OAAO,CACzB,kBAAkB,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAC7C,kBAAkB,CAAC,CAAC,KAAK,CAAC,CAE1B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CACtB;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAC9B;UAAA,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAG,CACzD;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CAC1C;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,iBAAiB,CAAC,CACrB,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,CAAC,EAAE,UAAU,EAA2B,EAAE,EAAE;IAC5D,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,eAAe,EAAE,EAAE;YACnB,iBAAiB,EAAE,EAAE;SACtB;QACD,GAAG,EAAE;YACH,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,EAAE;SACR;QACD,WAAW,EAAE;YACX,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,YAAY,EAAE,EAAE;YAChB,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,sBAAsB;YAC5E,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACrB;QACD,gBAAgB,EAAE;YAChB,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,YAAY,EAAE,CAAC;YACf,eAAe,EAAE,MAAM,CAAC,WAAW;SACpC;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;YACZ,KAAK,EAAE,MAAM,CAAC,uBAAuB;YACrC,IAAI,EAAE,CAAC;SACR;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport React from 'react'\nimport { View, StyleSheet } from 'react-native'\nimport { Text } from '../../../components'\nimport { useTheme, useCreateAndroidRippleColor } from '../../../hooks'\nimport {\n  MESSAGE_REPORT_REASONS,\n  MessageReportReason,\n} from '../../../types/resources/message_report'\nimport { Haptic } from '../../../utils/native_adapters'\n\nconst MESSAGE_REPORT_REASONS_LIST = Object.entries(MESSAGE_REPORT_REASONS).map(([key, label]) => ({\n  key: key as MessageReportReason,\n  label,\n}))\n\ninterface ReportReasonListProps {\n  selectedReason: MessageReportReason | null\n  onReasonChange: (reason: MessageReportReason) => void\n}\n\nexport function ReportReasonList({ selectedReason, onReasonChange }: ReportReasonListProps) {\n  return (\n    <View>\n      {MESSAGE_REPORT_REASONS_LIST.map(({ key, label }) => (\n        <ReportReasonButton\n          key={key}\n          reason={key}\n          label={label}\n          isSelected={selectedReason === key}\n          onPress={() => {\n            Haptic.impactLight()\n            onReasonChange(key)\n          }}\n        />\n      ))}\n    </View>\n  )\n}\n\ninterface ReportReasonButtonProps {\n  reason: MessageReportReason\n  label: string\n  isSelected: boolean\n  onPress: () => void\n}\n\nfunction ReportReasonButton({ label, isSelected, onPress }: ReportReasonButtonProps) {\n  const styles = useStyles({ isSelected })\n  const { colors } = useTheme()\n  const androidRippleColor = useCreateAndroidRippleColor({ color: colors.fillColorNeutral060 })\n\n  return (\n    <PlatformPressable\n      onPress={onPress}\n      style={styles.pressable}\n      android_ripple={{ color: androidRippleColor }}\n      accessibilityRole=\"radio\"\n      accessibilityState={{ selected: isSelected }}\n      accessibilityLabel={label}\n    >\n      <View style={styles.row}>\n        <View style={styles.radioButton}>\n          {isSelected && <View style={styles.radioButtonInner} />}\n        </View>\n        <Text style={styles.label}>{label}</Text>\n      </View>\n    </PlatformPressable>\n  )\n}\n\nconst useStyles = ({ isSelected }: { isSelected: boolean }) => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    pressable: {\n      paddingVertical: 16,\n      paddingHorizontal: 16,\n    },\n    row: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n    },\n    radioButton: {\n      width: 20,\n      height: 20,\n      borderRadius: 10,\n      borderWidth: 2,\n      borderColor: isSelected ? colors.interaction : colors.borderColorDefaultBase,\n      justifyContent: 'center',\n      alignItems: 'center',\n    },\n    radioButtonInner: {\n      width: 10,\n      height: 10,\n      borderRadius: 5,\n      backgroundColor: colors.interaction,\n    },\n    label: {\n      fontSize: 16,\n      color: colors.textColorDefaultPrimary,\n      flex: 1,\n    },\n  })\n}\n"]}
+{"version":3,"file":"report_reason_list.js","sourceRoot":"","sources":["../../../../src/screens/message_report/components/report_reason_list.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport React from 'react'\nimport { View, StyleSheet } from 'react-native'\nimport { Text } from '@/components'\nimport { useTheme, useCreateAndroidRippleColor } from '@/hooks'\nimport { MESSAGE_REPORT_REASONS, MessageReportReason } from '@/types/resources/message_report'\nimport { Haptic } from '@/utils/native_adapters'\n\nconst MESSAGE_REPORT_REASONS_LIST = Object.entries(MESSAGE_REPORT_REASONS).map(([key, label]) => ({\n  key: key as MessageReportReason,\n  label,\n}))\n\ninterface ReportReasonListProps {\n  selectedReason: MessageReportReason | null\n  onReasonChange: (reason: MessageReportReason) => void\n}\n\nexport function ReportReasonList({ selectedReason, onReasonChange }: ReportReasonListProps) {\n  return (\n    <View>\n      {MESSAGE_REPORT_REASONS_LIST.map(({ key, label }) => (\n        <ReportReasonButton\n          key={key}\n          reason={key}\n          label={label}\n          isSelected={selectedReason === key}\n          onPress={() => {\n            Haptic.impactLight()\n            onReasonChange(key)\n          }}\n        />\n      ))}\n    </View>\n  )\n}\n\ninterface ReportReasonButtonProps {\n  reason: MessageReportReason\n  label: string\n  isSelected: boolean\n  onPress: () => void\n}\n\nfunction ReportReasonButton({ label, isSelected, onPress }: ReportReasonButtonProps) {\n  const styles = useStyles({ isSelected })\n  const { colors } = useTheme()\n  const androidRippleColor = useCreateAndroidRippleColor({ color: colors.fillColorNeutral060 })\n\n  return (\n    <PlatformPressable\n      onPress={onPress}\n      style={styles.pressable}\n      android_ripple={{ color: androidRippleColor }}\n      accessibilityRole=\"radio\"\n      accessibilityState={{ selected: isSelected }}\n      accessibilityLabel={label}\n    >\n      <View style={styles.row}>\n        <View style={styles.radioButton}>\n          {isSelected && <View style={styles.radioButtonInner} />}\n        </View>\n        <Text style={styles.label}>{label}</Text>\n      </View>\n    </PlatformPressable>\n  )\n}\n\nconst useStyles = ({ isSelected }: { isSelected: boolean }) => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    pressable: {\n      paddingVertical: 16,\n      paddingHorizontal: 16,\n    },\n    row: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n    },\n    radioButton: {\n      width: 20,\n      height: 20,\n      borderRadius: 10,\n      borderWidth: 2,\n      borderColor: isSelected ? colors.interaction : colors.borderColorDefaultBase,\n      justifyContent: 'center',\n      alignItems: 'center',\n    },\n    radioButtonInner: {\n      width: 10,\n      height: 10,\n      borderRadius: 5,\n      backgroundColor: colors.interaction,\n    },\n    label: {\n      fontSize: 16,\n      color: colors.textColorDefaultPrimary,\n      flex: 1,\n    },\n  })\n}\n"]}

package/build/screens/message_report_screen.js

@@ -2,15 +2,15 @@ import { useNavigation, StackActions } from '@react-navigation/native';
 import React, { useCallback, useLayoutEffect, useMemo, useState } from 'react';
 import { View, StyleSheet, TextInput, ScrollView } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { Spinner, Text, KeyboardView } from '../components';
-import { HeaderDismissButton, HeaderTextButton, } from '../components/display/platform_modal_header_buttons';
-import BlankState from '../components/primitive/blank_state_primitive';
-import { useTheme } from '../hooks';
-import { useConversationMessages } from '../hooks/use_conversation_messages';
-import { useReportMessage } from '../hooks/use_report_message';
-import { platformFontWeightBold } from '../utils';
 import { MessagePreview } from './message_report/components/message_preview';
 import { ReportReasonList } from './message_report/components/report_reason_list';
+import { Spinner, Text, KeyboardView } from '@/components';
+import { HeaderDismissButton, HeaderTextButton, } from '@/components/display/platform_modal_header_buttons';
+import BlankState from '@/components/primitive/blank_state_primitive';
+import { useTheme } from '@/hooks';
+import { useConversationMessages } from '@/hooks/use_conversation_messages';
+import { useReportMessage } from '@/hooks/use_report_message';
+import { platformFontWeightBold } from '@/utils';
 const MAX_DETAIL_LENGTH = 500;
 export const MessageReportScreenOptions = ({ navigation, route, }) => {
     const handleClose = () => navigation.dispatch(StackActions.popTo('Conversation', {

package/build/screens/message_report_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"message_report_screen.js","sourceRoot":"","sources":["../../src/screens/message_report_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StaticScreenProps, useNavigation, StackActions } from '@react-navigation/native'\nimport type {\n  NativeStackNavigationOptions,\n  NativeStackScreenProps,\n} from '@react-navigation/native-stack'\nimport React, { useCallback, useLayoutEffect, useMemo, useState } from 'react'\nimport { View, StyleSheet, TextInput, ScrollView } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Spinner, Text, KeyboardView } from '../components'\nimport {\n  HeaderDismissButton,\n  HeaderTextButton,\n} from '../components/display/platform_modal_header_buttons'\nimport BlankState from '../components/primitive/blank_state_primitive'\nimport { useTheme } from '../hooks'\nimport { useConversationMessages } from '../hooks/use_conversation_messages'\nimport { useReportMessage } from '../hooks/use_report_message'\nimport { MessageResource } from '../types'\nimport { MessageReportReason } from '../types/resources/message_report'\nimport { platformFontWeightBold } from '../utils'\nimport { MessagePreview } from './message_report/components/message_preview'\nimport { ReportReasonList } from './message_report/components/report_reason_list'\n\nconst MAX_DETAIL_LENGTH = 500\n\nexport const MessageReportScreenOptions = ({\n  navigation,\n  route,\n}: NativeStackScreenProps<any>): NativeStackNavigationOptions => {\n  const handleClose = () =>\n    navigation.dispatch(\n      StackActions.popTo('Conversation', {\n        conversation_id: route.params?.conversation_id,\n      })\n    )\n\n  return {\n    presentation: 'modal',\n    title: 'Report message',\n    headerLeft: () => <HeaderDismissButton title=\"Cancel\" onPress={handleClose} />,\n  }\n}\n\nexport type MessageReportScreenProps = StaticScreenProps<{\n  conversation_id: number\n  message_id: string\n}>\n\nexport function MessageReportScreen({ route }: MessageReportScreenProps) {\n  const { conversation_id, message_id } = route.params\n\n  const { messages } = useConversationMessages({ conversation_id }, { refetchOnMount: false })\n  const message = messages.find(m => m.id === message_id)\n\n  if (!message) return null\n\n  return <MessageReportScreenContent message={message} conversation_id={conversation_id} />\n}\n\nfunction MessageReportScreenContent({\n  message,\n  conversation_id,\n}: {\n  message: MessageResource\n  conversation_id: number\n}) {\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const [selectedReason, setSelectedReason] = useState<MessageReportReason | null>(null)\n  const [reasonDetail, setReasonDetail] = useState('')\n  const { mutate: submitReport, status } = useReportMessage(conversation_id, message.id)\n\n  const handleReasonChange = useCallback((reason: MessageReportReason) => {\n    setSelectedReason(reason)\n\n    if (reason !== 'other') {\n      setReasonDetail('')\n    }\n  }, [])\n\n  const isFormValid = useMemo(() => {\n    if (selectedReason === null) return false\n\n    if (selectedReason === 'other' && reasonDetail.trim().length === 0) {\n      return false\n    }\n\n    if (status === 'pending') return false\n\n    return true\n  }, [selectedReason, reasonDetail, status])\n\n  const handleSubmit = useCallback(() => {\n    if (!isFormValid || !selectedReason) return\n\n    submitReport({\n      reason: selectedReason,\n      reasonDetail: selectedReason === 'other' ? reasonDetail : undefined,\n    })\n  }, [isFormValid, selectedReason, reasonDetail, submitReport])\n\n  const handleClose = useCallback(() => {\n    navigation.dispatch(StackActions.popTo('Conversation', { conversation_id }))\n  }, [navigation, conversation_id])\n\n  const HeaderRight = useCallback(\n    () => <HeaderTextButton title=\"Submit\" onPress={handleSubmit} disabled={!isFormValid} />,\n    [handleSubmit, isFormValid]\n  )\n\n  useLayoutEffect(() => {\n    if (status === 'pending' || status === 'success') {\n      navigation.setOptions({\n        headerRight: () => null,\n      })\n    } else {\n      navigation.setOptions({\n        headerTitle: 'Report message',\n        headerRight: HeaderRight,\n      })\n    }\n  }, [HeaderRight, navigation, status])\n\n  if (status === 'pending') {\n    return (\n      <View style={styles.fullScreenContainer}>\n        <Spinner />\n        <Text style={styles.loadingText}>Submitting report...</Text>\n      </View>\n    )\n  }\n\n  if (status === 'success') {\n    return (\n      <View style={styles.fullScreenContainer}>\n        <BlankState.Root>\n          <BlankState.Imagery name=\"general.checkCircle\" style={styles.successIcon} />\n          <BlankState.Content>\n            <BlankState.Heading style={styles.successTitle}>Message reported</BlankState.Heading>\n            <BlankState.Text style={styles.successSubtitle}>\n              The message has been reported and a church leader will be contacted.\n            </BlankState.Text>\n          </BlankState.Content>\n          <BlankState.Button title=\"Close\" onPress={handleClose} size=\"lg\" variant=\"fill\" />\n        </BlankState.Root>\n      </View>\n    )\n  }\n\n  if (status === 'error') {\n    return (\n      <BlankState.Root>\n        <BlankState.Imagery name=\"general.exclamationTriangle\" />\n        <BlankState.Content>\n          <BlankState.Heading>Unable to submit report</BlankState.Heading>\n          <BlankState.Text>\n            We were unable to report this message. Please try again.\n          </BlankState.Text>\n        </BlankState.Content>\n        <BlankState.Button title=\"Close\" onPress={handleClose} size=\"lg\" variant=\"outline\" />\n      </BlankState.Root>\n    )\n  }\n\n  return (\n    <KeyboardView>\n      <ScrollView contentContainerStyle={styles.container}>\n        <Text style={styles.warningText} maxFontSizeMultiplier={1.5}>\n          Reporting this message will notify a church leader. The person you are reporting will not\n          receive a notification from Church Center. If someone is in immediate danger, call local\n          emergency services. Don&apos;t wait.\n        </Text>\n\n        <MessagePreview message={message} />\n\n        <View style={styles.reasonSection}>\n          <Text style={styles.fieldLabel}>\n            What best describes the problem? <Text style={styles.required}>*</Text>\n          </Text>\n\n          <View style={styles.reasonListContainer}>\n            <ReportReasonList selectedReason={selectedReason} onReasonChange={handleReasonChange} />\n          </View>\n        </View>\n\n        {selectedReason === 'other' && (\n          <View style={styles.detailSection}>\n            <Text style={styles.fieldLabel}>\n              Please provide more details <Text style={styles.required}>*</Text>\n            </Text>\n            <TextInput\n              style={styles.textInput}\n              multiline\n              placeholder=\"Describe the issue...\"\n              value={reasonDetail}\n              onChangeText={setReasonDetail}\n              maxLength={MAX_DETAIL_LENGTH}\n              accessibilityLabel=\"Additional details\"\n              accessibilityHint=\"Provide more information about why you're reporting this message\"\n            />\n            {reasonDetail.length >= MAX_DETAIL_LENGTH - 100 && (\n              <Text variant=\"footnote\">\n                {reasonDetail.length}/{MAX_DETAIL_LENGTH}\n              </Text>\n            )}\n          </View>\n        )}\n      </ScrollView>\n    </KeyboardView>\n  )\n}\n\nconst useStyles = () => {\n  const { bottom } = useSafeAreaInsets()\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      padding: 16,\n      paddingBottom: 16 + bottom,\n      gap: 24,\n    },\n    fullHeight: {\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n    },\n    fullScreenContainer: {\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n      backgroundColor: colors.surfaceColor100,\n    },\n    loadingText: {\n      marginTop: 16,\n      fontSize: 16,\n      fontWeight: '600',\n      color: colors.textColorDefaultPrimary,\n    },\n    warningText: {\n      fontSize: 14,\n      lineHeight: 20,\n      color: colors.textColorDefaultSecondary,\n    },\n    reasonSection: {\n      gap: 8,\n    },\n    fieldLabel: {\n      fontSize: 16,\n      fontWeight: platformFontWeightBold,\n      color: colors.textColorDefaultPrimary,\n    },\n    required: {\n      color: colors.statusErrorText,\n    },\n    reasonListContainer: {\n      backgroundColor: colors.surfaceColor100,\n    },\n    detailSection: {\n      gap: 8,\n    },\n    textInput: {\n      color: colors.textColorDefaultPrimary,\n      fontSize: 16,\n      textAlignVertical: 'top',\n      minHeight: 120,\n      maxHeight: 200,\n      borderWidth: 1,\n      borderColor: colors.borderColorDefaultBase,\n      borderRadius: 8,\n      paddingHorizontal: 16,\n      paddingVertical: 12,\n      backgroundColor: colors.surfaceColor100,\n    },\n    successIcon: {\n      color: colors.statusSuccessIcon,\n      fontSize: 48,\n    },\n    successTitle: {\n      fontSize: 24,\n      marginBottom: 4,\n    },\n    successSubtitle: {\n      fontSize: 16,\n      marginBottom: 4,\n    },\n  })\n}\n"]}
+{"version":3,"file":"message_report_screen.js","sourceRoot":"","sources":["../../src/screens/message_report_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StaticScreenProps, useNavigation, StackActions } from '@react-navigation/native'\nimport type {\n  NativeStackNavigationOptions,\n  NativeStackScreenProps,\n} from '@react-navigation/native-stack'\nimport React, { useCallback, useLayoutEffect, useMemo, useState } from 'react'\nimport { View, StyleSheet, TextInput, ScrollView } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { MessagePreview } from './message_report/components/message_preview'\nimport { ReportReasonList } from './message_report/components/report_reason_list'\nimport { Spinner, Text, KeyboardView } from '@/components'\nimport {\n  HeaderDismissButton,\n  HeaderTextButton,\n} from '@/components/display/platform_modal_header_buttons'\nimport BlankState from '@/components/primitive/blank_state_primitive'\nimport { useTheme } from '@/hooks'\nimport { useConversationMessages } from '@/hooks/use_conversation_messages'\nimport { useReportMessage } from '@/hooks/use_report_message'\nimport { MessageResource } from '@/types'\nimport { MessageReportReason } from '@/types/resources/message_report'\nimport { platformFontWeightBold } from '@/utils'\n\nconst MAX_DETAIL_LENGTH = 500\n\nexport const MessageReportScreenOptions = ({\n  navigation,\n  route,\n}: NativeStackScreenProps<any>): NativeStackNavigationOptions => {\n  const handleClose = () =>\n    navigation.dispatch(\n      StackActions.popTo('Conversation', {\n        conversation_id: route.params?.conversation_id,\n      })\n    )\n\n  return {\n    presentation: 'modal',\n    title: 'Report message',\n    headerLeft: () => <HeaderDismissButton title=\"Cancel\" onPress={handleClose} />,\n  }\n}\n\nexport type MessageReportScreenProps = StaticScreenProps<{\n  conversation_id: number\n  message_id: string\n}>\n\nexport function MessageReportScreen({ route }: MessageReportScreenProps) {\n  const { conversation_id, message_id } = route.params\n\n  const { messages } = useConversationMessages({ conversation_id }, { refetchOnMount: false })\n  const message = messages.find(m => m.id === message_id)\n\n  if (!message) return null\n\n  return <MessageReportScreenContent message={message} conversation_id={conversation_id} />\n}\n\nfunction MessageReportScreenContent({\n  message,\n  conversation_id,\n}: {\n  message: MessageResource\n  conversation_id: number\n}) {\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const [selectedReason, setSelectedReason] = useState<MessageReportReason | null>(null)\n  const [reasonDetail, setReasonDetail] = useState('')\n  const { mutate: submitReport, status } = useReportMessage(conversation_id, message.id)\n\n  const handleReasonChange = useCallback((reason: MessageReportReason) => {\n    setSelectedReason(reason)\n\n    if (reason !== 'other') {\n      setReasonDetail('')\n    }\n  }, [])\n\n  const isFormValid = useMemo(() => {\n    if (selectedReason === null) return false\n\n    if (selectedReason === 'other' && reasonDetail.trim().length === 0) {\n      return false\n    }\n\n    if (status === 'pending') return false\n\n    return true\n  }, [selectedReason, reasonDetail, status])\n\n  const handleSubmit = useCallback(() => {\n    if (!isFormValid || !selectedReason) return\n\n    submitReport({\n      reason: selectedReason,\n      reasonDetail: selectedReason === 'other' ? reasonDetail : undefined,\n    })\n  }, [isFormValid, selectedReason, reasonDetail, submitReport])\n\n  const handleClose = useCallback(() => {\n    navigation.dispatch(StackActions.popTo('Conversation', { conversation_id }))\n  }, [navigation, conversation_id])\n\n  const HeaderRight = useCallback(\n    () => <HeaderTextButton title=\"Submit\" onPress={handleSubmit} disabled={!isFormValid} />,\n    [handleSubmit, isFormValid]\n  )\n\n  useLayoutEffect(() => {\n    if (status === 'pending' || status === 'success') {\n      navigation.setOptions({\n        headerRight: () => null,\n      })\n    } else {\n      navigation.setOptions({\n        headerTitle: 'Report message',\n        headerRight: HeaderRight,\n      })\n    }\n  }, [HeaderRight, navigation, status])\n\n  if (status === 'pending') {\n    return (\n      <View style={styles.fullScreenContainer}>\n        <Spinner />\n        <Text style={styles.loadingText}>Submitting report...</Text>\n      </View>\n    )\n  }\n\n  if (status === 'success') {\n    return (\n      <View style={styles.fullScreenContainer}>\n        <BlankState.Root>\n          <BlankState.Imagery name=\"general.checkCircle\" style={styles.successIcon} />\n          <BlankState.Content>\n            <BlankState.Heading style={styles.successTitle}>Message reported</BlankState.Heading>\n            <BlankState.Text style={styles.successSubtitle}>\n              The message has been reported and a church leader will be contacted.\n            </BlankState.Text>\n          </BlankState.Content>\n          <BlankState.Button title=\"Close\" onPress={handleClose} size=\"lg\" variant=\"fill\" />\n        </BlankState.Root>\n      </View>\n    )\n  }\n\n  if (status === 'error') {\n    return (\n      <BlankState.Root>\n        <BlankState.Imagery name=\"general.exclamationTriangle\" />\n        <BlankState.Content>\n          <BlankState.Heading>Unable to submit report</BlankState.Heading>\n          <BlankState.Text>\n            We were unable to report this message. Please try again.\n          </BlankState.Text>\n        </BlankState.Content>\n        <BlankState.Button title=\"Close\" onPress={handleClose} size=\"lg\" variant=\"outline\" />\n      </BlankState.Root>\n    )\n  }\n\n  return (\n    <KeyboardView>\n      <ScrollView contentContainerStyle={styles.container}>\n        <Text style={styles.warningText} maxFontSizeMultiplier={1.5}>\n          Reporting this message will notify a church leader. The person you are reporting will not\n          receive a notification from Church Center. If someone is in immediate danger, call local\n          emergency services. Don&apos;t wait.\n        </Text>\n\n        <MessagePreview message={message} />\n\n        <View style={styles.reasonSection}>\n          <Text style={styles.fieldLabel}>\n            What best describes the problem? <Text style={styles.required}>*</Text>\n          </Text>\n\n          <View style={styles.reasonListContainer}>\n            <ReportReasonList selectedReason={selectedReason} onReasonChange={handleReasonChange} />\n          </View>\n        </View>\n\n        {selectedReason === 'other' && (\n          <View style={styles.detailSection}>\n            <Text style={styles.fieldLabel}>\n              Please provide more details <Text style={styles.required}>*</Text>\n            </Text>\n            <TextInput\n              style={styles.textInput}\n              multiline\n              placeholder=\"Describe the issue...\"\n              value={reasonDetail}\n              onChangeText={setReasonDetail}\n              maxLength={MAX_DETAIL_LENGTH}\n              accessibilityLabel=\"Additional details\"\n              accessibilityHint=\"Provide more information about why you're reporting this message\"\n            />\n            {reasonDetail.length >= MAX_DETAIL_LENGTH - 100 && (\n              <Text variant=\"footnote\">\n                {reasonDetail.length}/{MAX_DETAIL_LENGTH}\n              </Text>\n            )}\n          </View>\n        )}\n      </ScrollView>\n    </KeyboardView>\n  )\n}\n\nconst useStyles = () => {\n  const { bottom } = useSafeAreaInsets()\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      padding: 16,\n      paddingBottom: 16 + bottom,\n      gap: 24,\n    },\n    fullHeight: {\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n    },\n    fullScreenContainer: {\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n      backgroundColor: colors.surfaceColor100,\n    },\n    loadingText: {\n      marginTop: 16,\n      fontSize: 16,\n      fontWeight: '600',\n      color: colors.textColorDefaultPrimary,\n    },\n    warningText: {\n      fontSize: 14,\n      lineHeight: 20,\n      color: colors.textColorDefaultSecondary,\n    },\n    reasonSection: {\n      gap: 8,\n    },\n    fieldLabel: {\n      fontSize: 16,\n      fontWeight: platformFontWeightBold,\n      color: colors.textColorDefaultPrimary,\n    },\n    required: {\n      color: colors.statusErrorText,\n    },\n    reasonListContainer: {\n      backgroundColor: colors.surfaceColor100,\n    },\n    detailSection: {\n      gap: 8,\n    },\n    textInput: {\n      color: colors.textColorDefaultPrimary,\n      fontSize: 16,\n      textAlignVertical: 'top',\n      minHeight: 120,\n      maxHeight: 200,\n      borderWidth: 1,\n      borderColor: colors.borderColorDefaultBase,\n      borderRadius: 8,\n      paddingHorizontal: 16,\n      paddingVertical: 12,\n      backgroundColor: colors.surfaceColor100,\n    },\n    successIcon: {\n      color: colors.statusSuccessIcon,\n      fontSize: 48,\n    },\n    successTitle: {\n      fontSize: 24,\n      marginBottom: 4,\n    },\n    successSubtitle: {\n      fontSize: 16,\n      marginBottom: 4,\n    },\n  })\n}\n"]}

package/build/screens/notification_settings/hooks/groups.d.ts

@@ -1,6 +1,6 @@
 import { InfiniteData } from '@tanstack/react-query';
-import { ApiCollection, ApiResource } from '../../../types';
-import { GroupMembership, GroupResourceWithMembership } from '../../../types/resources';
+import { ApiCollection, ApiResource } from '@/types';
+import { GroupMembership, GroupResourceWithMembership } from '@/types/resources';
 export declare const getGroupsRequestArgs: () => {
     url: string;
     data: {
@@ -30,13 +30,13 @@ export declare const useGroups: () => {
     data: GroupResourceWithMembership[];
     totalCount: number;
     error: Response | null;
-    status: "success" | "error";
     isError: boolean;
     isPending: false;
     isLoading: false;
     isLoadingError: false;
     isRefetchError: boolean;
     isSuccess: boolean;
+    status: "error" | "success";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
@@ -63,18 +63,18 @@ export declare const useGroups: () => {
 export declare const useGroup: ({ groupId }: {
     groupId: number | string;
 }) => {
-    error: import("../../../types").FailedResponse | null;
-    status: "success" | "error";
+    error: import("@/types").FailedResponse | null;
     isError: boolean;
     isPending: false;
     isLoading: false;
     isLoadingError: false;
     isRefetchError: boolean;
     isSuccess: boolean;
+    status: "error" | "success";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
     failureCount: number;
-    failureReason: import("../../../types").FailedResponse | null;
+    failureReason: import("@/types").FailedResponse | null;
     errorUpdateCount: number;
     isFetched: boolean;
     isFetchedAfterMount: boolean;
@@ -83,7 +83,7 @@ export declare const useGroup: ({ groupId }: {
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<ApiResource<GroupResourceWithMembership>, import("../../../types").FailedResponse>>;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<ApiResource<GroupResourceWithMembership>, import("@/types").FailedResponse>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     data: GroupResourceWithMembership;
     links: Record<string, string>;

package/build/screens/notification_settings/hooks/groups.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"groups.d.ts","sourceRoot":"","sources":["../../../../src/screens/notification_settings/hooks/groups.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA+B,MAAM,uBAAuB,CAAA;AAIjF,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC3D,OAAO,EAAE,eAAe,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAA;AAIvF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;CAgB/B,CAAA;AAEF,eAAO,MAAM,mBAAmB,gBAAiB;IAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE;;;;;;;;;CAa3E,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIrB,CAAA;AAED,eAAO,MAAM,QAAQ,gBAAiB;IAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;CAIjE,CAAA;AAID,eAAO,MAAM,wBAAwB,gBAAiB;IAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,2HAmFjF,CAAA"}
+{"version":3,"file":"groups.d.ts","sourceRoot":"","sources":["../../../../src/screens/notification_settings/hooks/groups.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA+B,MAAM,uBAAuB,CAAA;AAIjF,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAA;AAIhF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;CAgB/B,CAAA;AAEF,eAAO,MAAM,mBAAmB,gBAAiB;IAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE;;;;;;;;;CAa3E,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIrB,CAAA;AAED,eAAO,MAAM,QAAQ,gBAAiB;IAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;CAIjE,CAAA;AAID,eAAO,MAAM,wBAAwB,gBAAiB;IAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,2HAmFjF,CAAA"}

package/build/screens/notification_settings/hooks/groups.js

@@ -1,9 +1,9 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { merge } from 'lodash';
-import { getRequestQueryKey, useApiClient } from '../../../hooks';
-import { useSuspenseGet, useSuspensePaginator } from '../../../hooks';
-import { updateRecordInPagesData } from '../../../utils';
-import { throwResponseError } from '../../../utils/response_error';
+import { getRequestQueryKey, useApiClient } from '@/hooks';
+import { useSuspenseGet, useSuspensePaginator } from '@/hooks';
+import { updateRecordInPagesData } from '@/utils';
+import { throwResponseError } from '@/utils/response_error';
 export const getGroupsRequestArgs = () => ({
     url: '/me/groups',
     data: {

package/build/screens/notification_settings/hooks/groups.js.map

@@ -1 +1 @@
-{"version":3,"file":"groups.js","sourceRoot":"","sources":["../../../../src/screens/notification_settings/hooks/groups.ts"],"names":[],"mappings":"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","sourcesContent":["import { InfiniteData, useMutation, useQueryClient } from '@tanstack/react-query'\nimport { merge } from 'lodash'\nimport { getRequestQueryKey, useApiClient } from '../../../hooks'\nimport { useSuspenseGet, useSuspensePaginator } from '../../../hooks'\nimport { ApiCollection, ApiResource } from '../../../types'\nimport { GroupMembership, GroupResourceWithMembership } from '../../../types/resources'\nimport { updateRecordInPagesData } from '../../../utils'\nimport { throwResponseError } from '../../../utils/response_error'\n\nexport const getGroupsRequestArgs = () => ({\n  url: '/me/groups',\n  data: {\n    perPage: 100,\n    include: ['my_group_membership'],\n    filter: 'user_settable_notification_level',\n    fields: {\n      Group: [],\n      GroupMembership: [\n        'notification_level',\n        'notification_level_description',\n        'notification_level_options',\n      ],\n    },\n    order: 'name',\n  },\n})\n\nexport const getGroupRequestArgs = ({ groupId }: { groupId: number | string }) => ({\n  url: `/me/groups/${groupId}`,\n  data: {\n    include: ['my_group_membership'],\n    fields: {\n      Group: ['name', 'source_app_name', 'source_type', 'my_group_membership'],\n      GroupMembership: [\n        'notification_level',\n        'notification_level_description',\n        'notification_level_options',\n      ],\n    },\n  },\n})\n\nexport const useGroups = () => {\n  const args = getGroupsRequestArgs()\n\n  return useSuspensePaginator<GroupResourceWithMembership>(args)\n}\n\nexport const useGroup = ({ groupId }: { groupId: number | string }) => {\n  const args = getGroupRequestArgs({ groupId })\n\n  return useSuspenseGet<GroupResourceWithMembership>(args, { refetchOnMount: false })\n}\n\ntype GroupsQueryData = InfiniteData<ApiCollection<GroupResourceWithMembership>>\n\nexport const useGroupMembershipUpdate = ({ groupId }: { groupId: number | string }) => {\n  const apiClient = useApiClient()\n  const queryClient = useQueryClient()\n  const groupRequestArgs = getGroupRequestArgs({ groupId })\n  const groupsRequestArgs = getGroupsRequestArgs()\n  const groupQueryKey = getRequestQueryKey(groupRequestArgs)\n\n  const enrichGroupMembership = (\n    membership: Partial<GroupMembership>\n  ): Partial<GroupMembership> => {\n    const cachedGroup =\n      queryClient.getQueryData<ApiResource<GroupResourceWithMembership>>(groupQueryKey)\n    const currentOptions = cachedGroup?.data.myGroupMembership?.notificationLevelOptions ?? []\n    const { notificationLevel } = membership\n    const selectedOption = notificationLevel\n      ? currentOptions.find(o => o.value === notificationLevel)\n      : undefined\n    const notificationLevelDescription =\n      membership.notificationLevelDescription ?? selectedOption?.description\n\n    return {\n      ...membership,\n      notificationLevelDescription,\n      ...(notificationLevel && {\n        notificationLevelOptions: currentOptions.map(o => ({\n          ...o,\n          enabled: o.value === notificationLevel,\n        })),\n      }),\n    }\n  }\n\n  const updateGroupsMembershipCache = (membership: Partial<GroupMembership>) => {\n    queryClient.setQueryData<GroupsQueryData>(getRequestQueryKey(groupsRequestArgs), prev =>\n      updateRecordInPagesData({\n        data: prev,\n        record: { id: groupId } as GroupResourceWithMembership,\n        processRecord: (_record, current) => merge({}, current, { myGroupMembership: membership }),\n      })\n    )\n  }\n\n  const updateGroupMembershipCache = (membership: Partial<GroupMembership>) => {\n    queryClient.setQueryData<ApiResource<GroupResourceWithMembership>>(groupQueryKey, groupData => {\n      if (!groupData?.data.myGroupMembership) return groupData\n      return merge({}, groupData, { data: { myGroupMembership: membership } })\n    })\n  }\n\n  return useMutation({\n    throwOnError: true,\n    onMutate: membership => {\n      const enriched = enrichGroupMembership(membership)\n      updateGroupsMembershipCache(enriched)\n      updateGroupMembershipCache(enriched)\n    },\n    onSuccess: response => {\n      const enriched = enrichGroupMembership(response.data)\n      updateGroupsMembershipCache(enriched)\n      updateGroupMembershipCache(enriched)\n\n      // Updating conversations without access to the current filters\n      // is a hard itch to scratch so we just need to refetch.\n      queryClient.invalidateQueries({ queryKey: ['/me/conversations'] })\n    },\n    mutationFn: (membership: Partial<GroupMembership>) => {\n      return apiClient.chat\n        .patch<ApiResource<GroupMembership>>({\n          url: `/me/groups/${groupId}/my_group_membership`,\n          data: {\n            data: {\n              type: 'GroupMembership',\n              attributes: {\n                ...(membership.notificationLevel !== undefined && {\n                  notification_level: membership.notificationLevel,\n                }),\n              },\n            },\n          },\n        })\n        .catch(throwResponseError)\n    },\n  })\n}\n"]}
+{"version":3,"file":"groups.js","sourceRoot":"","sources":["../../../../src/screens/notification_settings/hooks/groups.ts"],"names":[],"mappings":"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","sourcesContent":["import { InfiniteData, useMutation, useQueryClient } from '@tanstack/react-query'\nimport { merge } from 'lodash'\nimport { getRequestQueryKey, useApiClient } from '@/hooks'\nimport { useSuspenseGet, useSuspensePaginator } from '@/hooks'\nimport { ApiCollection, ApiResource } from '@/types'\nimport { GroupMembership, GroupResourceWithMembership } from '@/types/resources'\nimport { updateRecordInPagesData } from '@/utils'\nimport { throwResponseError } from '@/utils/response_error'\n\nexport const getGroupsRequestArgs = () => ({\n  url: '/me/groups',\n  data: {\n    perPage: 100,\n    include: ['my_group_membership'],\n    filter: 'user_settable_notification_level',\n    fields: {\n      Group: [],\n      GroupMembership: [\n        'notification_level',\n        'notification_level_description',\n        'notification_level_options',\n      ],\n    },\n    order: 'name',\n  },\n})\n\nexport const getGroupRequestArgs = ({ groupId }: { groupId: number | string }) => ({\n  url: `/me/groups/${groupId}`,\n  data: {\n    include: ['my_group_membership'],\n    fields: {\n      Group: ['name', 'source_app_name', 'source_type', 'my_group_membership'],\n      GroupMembership: [\n        'notification_level',\n        'notification_level_description',\n        'notification_level_options',\n      ],\n    },\n  },\n})\n\nexport const useGroups = () => {\n  const args = getGroupsRequestArgs()\n\n  return useSuspensePaginator<GroupResourceWithMembership>(args)\n}\n\nexport const useGroup = ({ groupId }: { groupId: number | string }) => {\n  const args = getGroupRequestArgs({ groupId })\n\n  return useSuspenseGet<GroupResourceWithMembership>(args, { refetchOnMount: false })\n}\n\ntype GroupsQueryData = InfiniteData<ApiCollection<GroupResourceWithMembership>>\n\nexport const useGroupMembershipUpdate = ({ groupId }: { groupId: number | string }) => {\n  const apiClient = useApiClient()\n  const queryClient = useQueryClient()\n  const groupRequestArgs = getGroupRequestArgs({ groupId })\n  const groupsRequestArgs = getGroupsRequestArgs()\n  const groupQueryKey = getRequestQueryKey(groupRequestArgs)\n\n  const enrichGroupMembership = (\n    membership: Partial<GroupMembership>\n  ): Partial<GroupMembership> => {\n    const cachedGroup =\n      queryClient.getQueryData<ApiResource<GroupResourceWithMembership>>(groupQueryKey)\n    const currentOptions = cachedGroup?.data.myGroupMembership?.notificationLevelOptions ?? []\n    const { notificationLevel } = membership\n    const selectedOption = notificationLevel\n      ? currentOptions.find(o => o.value === notificationLevel)\n      : undefined\n    const notificationLevelDescription =\n      membership.notificationLevelDescription ?? selectedOption?.description\n\n    return {\n      ...membership,\n      notificationLevelDescription,\n      ...(notificationLevel && {\n        notificationLevelOptions: currentOptions.map(o => ({\n          ...o,\n          enabled: o.value === notificationLevel,\n        })),\n      }),\n    }\n  }\n\n  const updateGroupsMembershipCache = (membership: Partial<GroupMembership>) => {\n    queryClient.setQueryData<GroupsQueryData>(getRequestQueryKey(groupsRequestArgs), prev =>\n      updateRecordInPagesData({\n        data: prev,\n        record: { id: groupId } as GroupResourceWithMembership,\n        processRecord: (_record, current) => merge({}, current, { myGroupMembership: membership }),\n      })\n    )\n  }\n\n  const updateGroupMembershipCache = (membership: Partial<GroupMembership>) => {\n    queryClient.setQueryData<ApiResource<GroupResourceWithMembership>>(groupQueryKey, groupData => {\n      if (!groupData?.data.myGroupMembership) return groupData\n      return merge({}, groupData, { data: { myGroupMembership: membership } })\n    })\n  }\n\n  return useMutation({\n    throwOnError: true,\n    onMutate: membership => {\n      const enriched = enrichGroupMembership(membership)\n      updateGroupsMembershipCache(enriched)\n      updateGroupMembershipCache(enriched)\n    },\n    onSuccess: response => {\n      const enriched = enrichGroupMembership(response.data)\n      updateGroupsMembershipCache(enriched)\n      updateGroupMembershipCache(enriched)\n\n      // Updating conversations without access to the current filters\n      // is a hard itch to scratch so we just need to refetch.\n      queryClient.invalidateQueries({ queryKey: ['/me/conversations'] })\n    },\n    mutationFn: (membership: Partial<GroupMembership>) => {\n      return apiClient.chat\n        .patch<ApiResource<GroupMembership>>({\n          url: `/me/groups/${groupId}/my_group_membership`,\n          data: {\n            data: {\n              type: 'GroupMembership',\n              attributes: {\n                ...(membership.notificationLevel !== undefined && {\n                  notification_level: membership.notificationLevel,\n                }),\n              },\n            },\n          },\n        })\n        .catch(throwResponseError)\n    },\n  })\n}\n"]}

package/build/screens/notification_settings_screen.js

@@ -3,12 +3,12 @@ import { useNavigation } from '@react-navigation/native';
 import React, { useCallback, useEffect } from 'react';
 import { FlatList, Platform, StyleSheet, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { Badge, Heading, Icon, Text } from '../components';
-import { HeaderTextButton } from '../components/display/platform_modal_header_buttons';
-import { useTheme } from '../hooks';
-import { isDefined } from '../types';
 import { useGroups } from './notification_settings/hooks/groups';
 import { useChatTypes } from './preferred_app/hooks/use_chat_types';
+import { Badge, Heading, Icon, Text } from '@/components';
+import { HeaderTextButton } from '@/components/display/platform_modal_header_buttons';
+import { useTheme } from '@/hooks';
+import { isDefined } from '@/types';
 // =========================================
 // ====== Factory Constants & Types ========
 // =========================================