@planningcenter/chat-react-native 3.42.3-qa-staging.5 → 3.43.0-rc.0

package/build/screens/conversation_screen.js.map

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

package/build/screens/conversation_select_recipients/components/groups_recipient_row.js

@@ -3,6 +3,6 @@ import { pluralize } from '../../../utils';
 import { RecipientLinkRow } from './recipient_link_row';
 export const GroupsRecipientRow = ({ group, onPress }) => {
     const groupAccessibilityLabel = `Select ${group.name} with ${pluralize(group.membershipsCount, 'member')}`;
-    return (_jsx(RecipientLinkRow, { imageUri: group.headerImage?.medium, title: group.name, subtitle: `${group.membershipsCount} members`, onPress: () => onPress(group), accessibilityLabel: groupAccessibilityLabel, accessibilityHint: `Selects group as recipient and navigates to the final screen to finish creating the conversation` }));
+    return (_jsx(RecipientLinkRow, { imageUri: group.headerImage?.thumbnail, title: group.name, subtitle: `${group.membershipsCount} members`, onPress: () => onPress(group), accessibilityLabel: groupAccessibilityLabel, accessibilityHint: `Selects group as recipient and navigates to the final screen to finish creating the conversation` }));
 };
 //# sourceMappingURL=groups_recipient_row.js.map

package/build/screens/conversation_select_recipients/components/groups_recipient_row.js.map

@@ -1 +1 @@
-{"version":3,"file":"groups_recipient_row.js","sourceRoot":"","sources":["../../../../src/screens/conversation_select_recipients/components/groups_recipient_row.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAOvD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAA2B,EAAE,EAAE;IAChF,MAAM,uBAAuB,GAAG,UAAU,KAAK,CAAC,IAAI,SAAS,SAAS,CAAC,KAAK,CAAC,gBAAgB,EAAE,QAAQ,CAAC,EAAE,CAAA;IAE1G,OAAO,CACL,KAAC,gBAAgB,IACf,QAAQ,EAAE,KAAK,CAAC,WAAW,EAAE,MAAM,EACnC,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,QAAQ,EAAE,GAAG,KAAK,CAAC,gBAAgB,UAAU,EAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,kBAAkB,EAAE,uBAAuB,EAC3C,iBAAiB,EAAE,kGAAkG,GACrH,CACH,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { GroupsGroupResource } from '../../../types'\nimport { pluralize } from '../../../utils'\nimport { RecipientLinkRow } from './recipient_link_row'\n\ninterface GroupsRecipientRowProps {\n  group: GroupsGroupResource\n  onPress: (group: GroupsGroupResource) => void\n}\n\nexport const GroupsRecipientRow = ({ group, onPress }: GroupsRecipientRowProps) => {\n  const groupAccessibilityLabel = `Select ${group.name} with ${pluralize(group.membershipsCount, 'member')}`\n\n  return (\n    <RecipientLinkRow\n      imageUri={group.headerImage?.medium}\n      title={group.name}\n      subtitle={`${group.membershipsCount} members`}\n      onPress={() => onPress(group)}\n      accessibilityLabel={groupAccessibilityLabel}\n      accessibilityHint={`Selects group as recipient and navigates to the final screen to finish creating the conversation`}\n    />\n  )\n}\n"]}
+{"version":3,"file":"groups_recipient_row.js","sourceRoot":"","sources":["../../../../src/screens/conversation_select_recipients/components/groups_recipient_row.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAOvD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAA2B,EAAE,EAAE;IAChF,MAAM,uBAAuB,GAAG,UAAU,KAAK,CAAC,IAAI,SAAS,SAAS,CAAC,KAAK,CAAC,gBAAgB,EAAE,QAAQ,CAAC,EAAE,CAAA;IAE1G,OAAO,CACL,KAAC,gBAAgB,IACf,QAAQ,EAAE,KAAK,CAAC,WAAW,EAAE,SAAS,EACtC,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,QAAQ,EAAE,GAAG,KAAK,CAAC,gBAAgB,UAAU,EAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,kBAAkB,EAAE,uBAAuB,EAC3C,iBAAiB,EAAE,kGAAkG,GACrH,CACH,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { GroupsGroupResource } from '../../../types'\nimport { pluralize } from '../../../utils'\nimport { RecipientLinkRow } from './recipient_link_row'\n\ninterface GroupsRecipientRowProps {\n  group: GroupsGroupResource\n  onPress: (group: GroupsGroupResource) => void\n}\n\nexport const GroupsRecipientRow = ({ group, onPress }: GroupsRecipientRowProps) => {\n  const groupAccessibilityLabel = `Select ${group.name} with ${pluralize(group.membershipsCount, 'member')}`\n\n  return (\n    <RecipientLinkRow\n      imageUri={group.headerImage?.thumbnail}\n      title={group.name}\n      subtitle={`${group.membershipsCount} members`}\n      onPress={() => onPress(group)}\n      accessibilityLabel={groupAccessibilityLabel}\n      accessibilityHint={`Selects group as recipient and navigates to the final screen to finish creating the conversation`}\n    />\n  )\n}\n"]}

package/build/screens/conversation_select_recipients/components/restricted_group_row.js

@@ -15,7 +15,7 @@ function reasonText(reasonCode) {
 }
 export const RestrictedGroupRow = ({ group }) => {
     const styles = useStyles();
-    return (_jsx(View, { style: styles.row, accessibilityLabel: `${group.name} — ${reasonText(group.canCreateConversationReasonCode)}`, children: _jsxs(View, { style: styles.innerContainer, children: [group.headerImage?.medium && (_jsx(Image, { source: { uri: group.headerImage.medium }, resizeMode: "cover", style: styles.image, alt: "" })), _jsxs(View, { style: styles.content, children: [_jsx(Text, { style: styles.title, numberOfLines: 2, children: group.name }), _jsx(Text, { variant: "tertiary", numberOfLines: 1, children: reasonText(group.canCreateConversationReasonCode) })] })] }) }));
+    return (_jsx(View, { style: styles.row, accessibilityLabel: `${group.name} — ${reasonText(group.canCreateConversationReasonCode)}`, children: _jsxs(View, { style: styles.innerContainer, children: [group.headerImage?.thumbnail && (_jsx(Image, { source: { uri: group.headerImage.thumbnail }, resizeMode: "cover", style: styles.image, alt: "" })), _jsxs(View, { style: styles.content, children: [_jsx(Text, { style: styles.title, numberOfLines: 2, children: group.name }), _jsx(Text, { variant: "tertiary", numberOfLines: 1, children: reasonText(group.canCreateConversationReasonCode) })] })] }) }));
 };
 const ASPECT_RATIO = 16 / 9;
 const THUMBNAIL_WIDTH = 80;

package/build/screens/conversation_select_recipients/components/restricted_group_row.js.map

@@ -1 +1 @@
-{"version":3,"file":"restricted_group_row.js","sourceRoot":"","sources":["../../../../src/screens/conversation_select_recipients/components/restricted_group_row.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAA;AAMzD,MAAM,cAAc,GAAG,oCAAoC,CAAA;AAC3D,MAAM,mBAAmB,GAA2B;IAClD,YAAY,EAAE,sCAAsC;IACpD,aAAa,EAAE,cAAc;CAC9B,CAAA;AAED,SAAS,UAAU,CAAC,UAAyB;IAC3C,IAAI,CAAC,UAAU;QAAE,OAAO,cAAc,CAAA;IACtC,OAAO,mBAAmB,CAAC,UAAU,CAAC,IAAI,cAAc,CAAA;AAC1D,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,KAAK,EAA2B,EAAE,EAAE;IACvE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE,MAAM,CAAC,GAAG,EACjB,kBAAkB,EAAE,GAAG,KAAK,CAAC,IAAI,MAAM,UAAU,CAAC,KAAK,CAAC,+BAA+B,CAAC,EAAE,YAE1F,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,cAAc,aAC/B,KAAK,CAAC,WAAW,EAAE,MAAM,IAAI,CAC5B,KAAC,KAAK,IACJ,MAAM,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE,EACzC,UAAU,EAAC,OAAO,EAClB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,GAAG,EAAC,EAAE,GACN,CACH,EACD,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,aACzB,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,aAAa,EAAE,CAAC,YACxC,KAAK,CAAC,IAAI,GACN,EACP,KAAC,IAAI,IAAC,OAAO,EAAC,UAAU,EAAC,aAAa,EAAE,CAAC,YACtC,UAAU,CAAC,KAAK,CAAC,+BAA+B,CAAC,GAC7C,IACF,IACF,GACF,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,YAAY,GAAG,EAAE,GAAG,CAAC,CAAA;AAC3B,MAAM,eAAe,GAAG,EAAE,CAAA;AAC1B,MAAM,gBAAgB,GAAG,eAAe,GAAG,YAAY,CAAA;AAEvD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,GAAG,EAAE;YACH,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,GAAG;SACb;QACD,cAAc,EAAE;YACd,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,EAAE;YACP,eAAe,EAAE,EAAE;YACnB,YAAY,EAAE,EAAE;YAChB,iBAAiB,EAAE,CAAC;YACpB,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,uBAAuB;SAClD;QACD,KAAK,EAAE;YACL,KAAK,EAAE,eAAe;YACtB,MAAM,EAAE,gBAAgB;YACxB,YAAY,EAAE,CAAC;SAChB;QACD,KAAK,EAAE;YACL,UAAU,EAAE,wBAAwB;YACpC,UAAU,EAAE,CAAC;SACd;QACD,OAAO,EAAE;YACP,UAAU,EAAE,CAAC;YACb,GAAG,EAAE,CAAC;SACP;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { Image, Text } from '../../../components'\nimport { useTheme } from '../../../hooks'\nimport { GroupsGroupResource } from '../../../types'\nimport { platformFontWeightMedium } from '../../../utils'\n\ninterface RestrictedGroupRowProps {\n  group: GroupsGroupResource\n}\n\nconst DEFAULT_REASON = 'Chat is not enabled for this group'\nconst REASON_DISPLAY_TEXT: Record<string, string> = {\n  leaders_only: 'Only leaders can start conversations',\n  chat_disabled: DEFAULT_REASON,\n}\n\nfunction reasonText(reasonCode: string | null): string {\n  if (!reasonCode) return DEFAULT_REASON\n  return REASON_DISPLAY_TEXT[reasonCode] || DEFAULT_REASON\n}\n\nexport const RestrictedGroupRow = ({ group }: RestrictedGroupRowProps) => {\n  const styles = useStyles()\n\n  return (\n    <View\n      style={styles.row}\n      accessibilityLabel={`${group.name} — ${reasonText(group.canCreateConversationReasonCode)}`}\n    >\n      <View style={styles.innerContainer}>\n        {group.headerImage?.medium && (\n          <Image\n            source={{ uri: group.headerImage.medium }}\n            resizeMode=\"cover\"\n            style={styles.image}\n            alt=\"\"\n          />\n        )}\n        <View style={styles.content}>\n          <Text style={styles.title} numberOfLines={2}>\n            {group.name}\n          </Text>\n          <Text variant=\"tertiary\" numberOfLines={1}>\n            {reasonText(group.canCreateConversationReasonCode)}\n          </Text>\n        </View>\n      </View>\n    </View>\n  )\n}\n\nconst ASPECT_RATIO = 16 / 9\nconst THUMBNAIL_WIDTH = 80\nconst THUMBNAIL_HEIGHT = THUMBNAIL_WIDTH / ASPECT_RATIO\n\nconst useStyles = () => {\n  const theme = useTheme()\n\n  return StyleSheet.create({\n    row: {\n      paddingLeft: 16,\n      opacity: 0.5,\n    },\n    innerContainer: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n      paddingVertical: 16,\n      paddingRight: 16,\n      borderBottomWidth: 1,\n      borderColor: theme.colors.fillColorNeutral050Base,\n    },\n    image: {\n      width: THUMBNAIL_WIDTH,\n      height: THUMBNAIL_HEIGHT,\n      borderRadius: 4,\n    },\n    title: {\n      fontWeight: platformFontWeightMedium,\n      flexShrink: 1,\n    },\n    content: {\n      flexShrink: 1,\n      gap: 2,\n    },\n  })\n}\n"]}
+{"version":3,"file":"restricted_group_row.js","sourceRoot":"","sources":["../../../../src/screens/conversation_select_recipients/components/restricted_group_row.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAA;AAMzD,MAAM,cAAc,GAAG,oCAAoC,CAAA;AAC3D,MAAM,mBAAmB,GAA2B;IAClD,YAAY,EAAE,sCAAsC;IACpD,aAAa,EAAE,cAAc;CAC9B,CAAA;AAED,SAAS,UAAU,CAAC,UAAyB;IAC3C,IAAI,CAAC,UAAU;QAAE,OAAO,cAAc,CAAA;IACtC,OAAO,mBAAmB,CAAC,UAAU,CAAC,IAAI,cAAc,CAAA;AAC1D,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,KAAK,EAA2B,EAAE,EAAE;IACvE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE,MAAM,CAAC,GAAG,EACjB,kBAAkB,EAAE,GAAG,KAAK,CAAC,IAAI,MAAM,UAAU,CAAC,KAAK,CAAC,+BAA+B,CAAC,EAAE,YAE1F,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,cAAc,aAC/B,KAAK,CAAC,WAAW,EAAE,SAAS,IAAI,CAC/B,KAAC,KAAK,IACJ,MAAM,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,SAAS,EAAE,EAC5C,UAAU,EAAC,OAAO,EAClB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,GAAG,EAAC,EAAE,GACN,CACH,EACD,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,aACzB,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,aAAa,EAAE,CAAC,YACxC,KAAK,CAAC,IAAI,GACN,EACP,KAAC,IAAI,IAAC,OAAO,EAAC,UAAU,EAAC,aAAa,EAAE,CAAC,YACtC,UAAU,CAAC,KAAK,CAAC,+BAA+B,CAAC,GAC7C,IACF,IACF,GACF,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,YAAY,GAAG,EAAE,GAAG,CAAC,CAAA;AAC3B,MAAM,eAAe,GAAG,EAAE,CAAA;AAC1B,MAAM,gBAAgB,GAAG,eAAe,GAAG,YAAY,CAAA;AAEvD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,GAAG,EAAE;YACH,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,GAAG;SACb;QACD,cAAc,EAAE;YACd,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,EAAE;YACP,eAAe,EAAE,EAAE;YACnB,YAAY,EAAE,EAAE;YAChB,iBAAiB,EAAE,CAAC;YACpB,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,uBAAuB;SAClD;QACD,KAAK,EAAE;YACL,KAAK,EAAE,eAAe;YACtB,MAAM,EAAE,gBAAgB;YACxB,YAAY,EAAE,CAAC;SAChB;QACD,KAAK,EAAE;YACL,UAAU,EAAE,wBAAwB;YACpC,UAAU,EAAE,CAAC;SACd;QACD,OAAO,EAAE;YACP,UAAU,EAAE,CAAC;YACb,GAAG,EAAE,CAAC;SACP;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { Image, Text } from '../../../components'\nimport { useTheme } from '../../../hooks'\nimport { GroupsGroupResource } from '../../../types'\nimport { platformFontWeightMedium } from '../../../utils'\n\ninterface RestrictedGroupRowProps {\n  group: GroupsGroupResource\n}\n\nconst DEFAULT_REASON = 'Chat is not enabled for this group'\nconst REASON_DISPLAY_TEXT: Record<string, string> = {\n  leaders_only: 'Only leaders can start conversations',\n  chat_disabled: DEFAULT_REASON,\n}\n\nfunction reasonText(reasonCode: string | null): string {\n  if (!reasonCode) return DEFAULT_REASON\n  return REASON_DISPLAY_TEXT[reasonCode] || DEFAULT_REASON\n}\n\nexport const RestrictedGroupRow = ({ group }: RestrictedGroupRowProps) => {\n  const styles = useStyles()\n\n  return (\n    <View\n      style={styles.row}\n      accessibilityLabel={`${group.name} — ${reasonText(group.canCreateConversationReasonCode)}`}\n    >\n      <View style={styles.innerContainer}>\n        {group.headerImage?.thumbnail && (\n          <Image\n            source={{ uri: group.headerImage.thumbnail }}\n            resizeMode=\"cover\"\n            style={styles.image}\n            alt=\"\"\n          />\n        )}\n        <View style={styles.content}>\n          <Text style={styles.title} numberOfLines={2}>\n            {group.name}\n          </Text>\n          <Text variant=\"tertiary\" numberOfLines={1}>\n            {reasonText(group.canCreateConversationReasonCode)}\n          </Text>\n        </View>\n      </View>\n    </View>\n  )\n}\n\nconst ASPECT_RATIO = 16 / 9\nconst THUMBNAIL_WIDTH = 80\nconst THUMBNAIL_HEIGHT = THUMBNAIL_WIDTH / ASPECT_RATIO\n\nconst useStyles = () => {\n  const theme = useTheme()\n\n  return StyleSheet.create({\n    row: {\n      paddingLeft: 16,\n      opacity: 0.5,\n    },\n    innerContainer: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n      paddingVertical: 16,\n      paddingRight: 16,\n      borderBottomWidth: 1,\n      borderColor: theme.colors.fillColorNeutral050Base,\n    },\n    image: {\n      width: THUMBNAIL_WIDTH,\n      height: THUMBNAIL_HEIGHT,\n      borderRadius: 4,\n    },\n    title: {\n      fontWeight: platformFontWeightMedium,\n      flexShrink: 1,\n    },\n    content: {\n      flexShrink: 1,\n      gap: 2,\n    },\n  })\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"conversation_select_type_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_select_type_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AAK3E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAA;AAC1F,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAA;AAG3D,eAAO,MAAM,mCAAmC,uEAE9C,CAAA;AAEF,MAAM,MAAM,iCAAiC,GAAG,iBAAiB,CAAC;IAChE,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,yBAAyB,CAAC,EAAE,yBAAyB,CAAA;CACtD,CAAC,CAAA;AAOF,wBAAgB,4BAA4B,CAAC,EAAE,KAAK,EAAE,EAAE,iCAAiC,2CA+FxF"}
+{"version":3,"file":"conversation_select_type_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_select_type_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AAM3E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAA;AAC1F,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAA;AAG3D,eAAO,MAAM,mCAAmC,uEAE9C,CAAA;AAEF,MAAM,MAAM,iCAAiC,GAAG,iBAAiB,CAAC;IAChE,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,yBAAyB,CAAC,EAAE,yBAAyB,CAAA;CACtD,CAAC,CAAA;AAOF,wBAAgB,4BAA4B,CAAC,EAAE,KAAK,EAAE,EAAE,iCAAiC,2CAiGxF"}

package/build/screens/conversation_select_type_screen.js

@@ -3,6 +3,7 @@ import { useNavigation } from '@react-navigation/native';
 import { useLayoutEffect } from 'react';
 import FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet';
 import { useCurrentPerson } from '../hooks/use_current_person';
+import { availableFeatures, useFeatures } from '../hooks/use_features';
 import { useConversationTypeAccess } from '../hooks/use_new_conversation_entry';
 import { Haptic } from '../utils/native_adapters';
 export const ConversationSelectTypeScreenOptions = getFormSheetScreenOptions({
@@ -11,12 +12,14 @@ export const ConversationSelectTypeScreenOptions = getFormSheetScreenOptions({
 export function ConversationSelectTypeScreen({ route }) {
     const navigation = useNavigation();
     const { canCreateGroupsConversations, canCreateServicesConversations } = useConversationTypeAccess();
-    const { directMessagesDisabled, directMessagesEligible } = useCurrentPerson();
+    const { featureEnabled } = useFeatures();
+    const { directMessagesDisabled, under_18 } = useCurrentPerson();
     const { newConversationFromFilter, chat_group_graph_id, group_source_app_name } = route.params || {};
     const filterParams = { chat_group_graph_id, group_source_app_name };
-    const showDirectMessageOption = directMessagesEligible;
-    // sheetAllowedDetents depends on DM eligibility, which isn't known until render, so it's set
-    // here instead of in the static ConversationSelectTypeScreenOptions. useLayoutEffect applies
+    const dmFeatureEnabled = featureEnabled(availableFeatures.direct_messages_eap);
+    const showDirectMessageOption = dmFeatureEnabled && !under_18;
+    // sheetAllowedDetents depends on the DM feature flag, which isn't known until render, so it's
+    // set here instead of in the static ConversationSelectTypeScreenOptions. useLayoutEffect applies
     // it before paint so the sheet never visibly resizes after opening.
     useLayoutEffect(() => {
         navigation.setOptions({ sheetAllowedDetents: showDirectMessageOption ? [0.3] : [0.25] });

package/build/screens/conversation_select_type_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_select_type_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_select_type_screen.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAC3E,OAAc,EAAE,eAAe,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,SAAS,EAAE,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAA;AACzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAC9D,OAAO,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAA;AAI/E,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AAEjD,MAAM,CAAC,MAAM,mCAAmC,GAAG,yBAAyB,CAAC;IAC3E,WAAW,EAAE,kBAAkB;CAChC,CAAC,CAAA;AAaF,MAAM,UAAU,4BAA4B,CAAC,EAAE,KAAK,EAAqC;IACvF,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,EAAE,4BAA4B,EAAE,8BAA8B,EAAE,GACpE,yBAAyB,EAAE,CAAA;IAC7B,MAAM,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAC7E,MAAM,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,GAC7E,KAAK,CAAC,MAAM,IAAI,EAAE,CAAA;IAEpB,MAAM,YAAY,GAAG,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,CAAA;IACnE,MAAM,uBAAuB,GAAG,sBAAsB,CAAA;IAEtD,6FAA6F;IAC7F,6FAA6F;IAC7F,oEAAoE;IACpE,eAAe,CAAC,GAAG,EAAE;QACnB,UAAU,CAAC,UAAU,CAAC,EAAE,mBAAmB,EAAE,uBAAuB,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IAC1F,CAAC,EAAE,CAAC,UAAU,EAAE,uBAAuB,CAAC,CAAC,CAAA;IAEzC,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,IAAI,CAAC,yBAAyB;YAAE,OAAM;QAEtC,MAAM,CAAC,WAAW,EAAE,CAAA;QACpB,UAAU,CAAC,MAAM,EAAE,CAAA;QACnB,qBAAqB,CAAC,GAAG,EAAE;YACzB,IAAI,yBAAyB,CAAC,aAAa,KAAK,QAAQ,EAAE,CAAC;gBACzD,UAAU,CAAC,QAAQ,CAAC,KAAK,EAAE;oBACzB,MAAM,EAAE,iBAAiB;oBACzB,MAAM,EAAE;wBACN,GAAG,YAAY;wBACf,eAAe,EAAE,QAAmB;wBACpC,QAAQ,EAAE,yBAAyB,CAAC,OAAO;qBAC5C;iBACF,CAAC,CAAA;YACJ,CAAC;iBAAM,CAAC;gBACN,UAAU,CAAC,QAAQ,CAAC,KAAK,EAAE;oBACzB,MAAM,EAAE,iBAAiB;oBACzB,MAAM,EAAE;wBACN,GAAG,YAAY;wBACf,eAAe,EAAE,UAAqB;wBACtC,QAAQ,EAAE,yBAAyB,CAAC,OAAO;qBAC5C;iBACF,CAAC,CAAA;YACJ,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,6BAA6B,GAAG,CAAC,MAAiC,EAAE,EAAE;QAC1E,MAAM,CAAC,WAAW,EAAE,CAAA;QACpB,UAAU,CAAC,MAAM,EAAE,CAAA;QACnB,qBAAqB,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,CAAC,CAAA;IAC3F,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,6BAA6B,CAAC,mCAAmC,CAAC,CAAA;IACjG,MAAM,eAAe,GAAG,GAAG,EAAE,CAC3B,6BAA6B,CAAC,wCAAwC,CAAC,CAAA;IACzE,MAAM,wBAAwB,GAAG,GAAG,EAAE,CACpC,6BAA6B,CAAC,2CAA2C,CAAC,CAAA;IAE5E,OAAO,CACL,MAAC,SAAS,CAAC,IAAI,eACb,KAAC,SAAS,CAAC,MAAM,cACf,KAAC,SAAS,CAAC,WAAW,0CAAgD,GACrD,EAClB,yBAAyB,IAAI,CAC5B,KAAC,SAAS,CAAC,MAAM,IACf,KAAK,EAAE,uBAAuB,yBAAyB,CAAC,IAAI,EAAE,EAC9D,OAAO,EAAE,iBAAiB,EAC1B,iBAAiB,EAAC,yDAAyD,GAC3E,CACH,EACA,4BAA4B,IAAI,CAC/B,KAAC,SAAS,CAAC,MAAM,IACf,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,gBAAgB,EACzB,iBAAiB,EAAC,8BAA8B,GAChD,CACH,EACA,8BAA8B,IAAI,CACjC,KAAC,SAAS,CAAC,MAAM,IACf,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,eAAe,EACxB,iBAAiB,EAAC,6BAA6B,GAC/C,CACH,EACA,uBAAuB,IAAI,CAC1B,KAAC,SAAS,CAAC,MAAM,IACf,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,wBAAwB,EACjC,QAAQ,EAAE,sBAAsB,EAChC,cAAc,EAAE,sBAAsB,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,SAAS,EAChF,iBAAiB,EAAC,iDAAiD,GACnE,CACH,IACc,CAClB,CAAA;AACH,CAAC","sourcesContent":["import { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React, { useLayoutEffect } from 'react'\nimport FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'\nimport { useCurrentPerson } from '../hooks/use_current_person'\nimport { useConversationTypeAccess } from '../hooks/use_new_conversation_entry'\nimport type { NewConversationFromFilter } from '../hooks/use_new_conversation_from_filter'\nimport { AppName } from '../types/resources/app_name'\nimport { GraphId } from '../types/resources/group_resource'\nimport { Haptic } from '../utils/native_adapters'\n\nexport const ConversationSelectTypeScreenOptions = getFormSheetScreenOptions({\n  headerTitle: 'New conversation',\n})\n\nexport type ConversationSelectTypeScreenProps = StaticScreenProps<{\n  chat_group_graph_id?: GraphId\n  group_source_app_name?: AppName\n  newConversationFromFilter?: NewConversationFromFilter\n}>\n\ntype NewConversationTypeScreen =\n  | 'ConversationSelectGroupRecipients'\n  | 'ConversationSelectTeamsILeadRecipients'\n  | 'ConversationSelectDirectMessageRecipients'\n\nexport function ConversationSelectTypeScreen({ route }: ConversationSelectTypeScreenProps) {\n  const navigation = useNavigation()\n  const { canCreateGroupsConversations, canCreateServicesConversations } =\n    useConversationTypeAccess()\n  const { directMessagesDisabled, directMessagesEligible } = useCurrentPerson()\n  const { newConversationFromFilter, chat_group_graph_id, group_source_app_name } =\n    route.params || {}\n\n  const filterParams = { chat_group_graph_id, group_source_app_name }\n  const showDirectMessageOption = directMessagesEligible\n\n  // sheetAllowedDetents depends on DM eligibility, which isn't known until render, so it's set\n  // here instead of in the static ConversationSelectTypeScreenOptions. useLayoutEffect applies\n  // it before paint so the sheet never visibly resizes after opening.\n  useLayoutEffect(() => {\n    navigation.setOptions({ sheetAllowedDetents: showDirectMessageOption ? [0.3] : [0.25] })\n  }, [navigation, showDirectMessageOption])\n\n  const handleFilterPress = () => {\n    if (!newConversationFromFilter) return\n\n    Haptic.impactLight()\n    navigation.goBack()\n    requestAnimationFrame(() => {\n      if (newConversationFromFilter.sourceAppName === 'groups') {\n        navigation.navigate('New', {\n          screen: 'ConversationNew',\n          params: {\n            ...filterParams,\n            source_app_name: 'Groups' as AppName,\n            group_id: newConversationFromFilter.groupId,\n          },\n        })\n      } else {\n        navigation.navigate('New', {\n          screen: 'ConversationNew',\n          params: {\n            ...filterParams,\n            source_app_name: 'Services' as AppName,\n            team_ids: newConversationFromFilter.teamIds,\n          },\n        })\n      }\n    })\n  }\n\n  const navigateToNewConversationType = (screen: NewConversationTypeScreen) => {\n    Haptic.impactLight()\n    navigation.goBack()\n    requestAnimationFrame(() => navigation.navigate('New', { screen, params: filterParams }))\n  }\n\n  const handleGroupPress = () => navigateToNewConversationType('ConversationSelectGroupRecipients')\n  const handleTeamPress = () =>\n    navigateToNewConversationType('ConversationSelectTeamsILeadRecipients')\n  const handleDirectMessagePress = () =>\n    navigateToNewConversationType('ConversationSelectDirectMessageRecipients')\n\n  return (\n    <FormSheet.Root>\n      <FormSheet.Header>\n        <FormSheet.HeaderTitle>Start a conversation by</FormSheet.HeaderTitle>\n      </FormSheet.Header>\n      {newConversationFromFilter && (\n        <FormSheet.Action\n          title={`New conversation in ${newConversationFromFilter.name}`}\n          onPress={handleFilterPress}\n          accessibilityHint=\"Creates a conversation pre-scoped to the current filter\"\n        />\n      )}\n      {canCreateGroupsConversations && (\n        <FormSheet.Action\n          title=\"Group\"\n          onPress={handleGroupPress}\n          accessibilityHint=\"Opens group selection screen\"\n        />\n      )}\n      {canCreateServicesConversations && (\n        <FormSheet.Action\n          title=\"Team\"\n          onPress={handleTeamPress}\n          accessibilityHint=\"Opens team selection screen\"\n        />\n      )}\n      {showDirectMessageOption && (\n        <FormSheet.Action\n          title=\"Direct message\"\n          onPress={handleDirectMessagePress}\n          disabled={directMessagesDisabled}\n          disabledReason={directMessagesDisabled ? 'Disabled in chat settings' : undefined}\n          accessibilityHint=\"Opens direct message recipient selection screen\"\n        />\n      )}\n    </FormSheet.Root>\n  )\n}\n"]}
+{"version":3,"file":"conversation_select_type_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_select_type_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React, { useLayoutEffect } from 'react'\nimport FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'\nimport { useCurrentPerson } from '../hooks/use_current_person'\nimport { availableFeatures, useFeatures } from '../hooks/use_features'\nimport { useConversationTypeAccess } from '../hooks/use_new_conversation_entry'\nimport type { NewConversationFromFilter } from '../hooks/use_new_conversation_from_filter'\nimport { AppName } from '../types/resources/app_name'\nimport { GraphId } from '../types/resources/group_resource'\nimport { Haptic } from '../utils/native_adapters'\n\nexport const ConversationSelectTypeScreenOptions = getFormSheetScreenOptions({\n  headerTitle: 'New conversation',\n})\n\nexport type ConversationSelectTypeScreenProps = StaticScreenProps<{\n  chat_group_graph_id?: GraphId\n  group_source_app_name?: AppName\n  newConversationFromFilter?: NewConversationFromFilter\n}>\n\ntype NewConversationTypeScreen =\n  | 'ConversationSelectGroupRecipients'\n  | 'ConversationSelectTeamsILeadRecipients'\n  | 'ConversationSelectDirectMessageRecipients'\n\nexport function ConversationSelectTypeScreen({ route }: ConversationSelectTypeScreenProps) {\n  const navigation = useNavigation()\n  const { canCreateGroupsConversations, canCreateServicesConversations } =\n    useConversationTypeAccess()\n  const { featureEnabled } = useFeatures()\n  const { directMessagesDisabled, under_18 } = useCurrentPerson()\n  const { newConversationFromFilter, chat_group_graph_id, group_source_app_name } =\n    route.params || {}\n\n  const filterParams = { chat_group_graph_id, group_source_app_name }\n  const dmFeatureEnabled = featureEnabled(availableFeatures.direct_messages_eap)\n  const showDirectMessageOption = dmFeatureEnabled && !under_18\n\n  // sheetAllowedDetents depends on the DM feature flag, which isn't known until render, so it's\n  // set here instead of in the static ConversationSelectTypeScreenOptions. useLayoutEffect applies\n  // it before paint so the sheet never visibly resizes after opening.\n  useLayoutEffect(() => {\n    navigation.setOptions({ sheetAllowedDetents: showDirectMessageOption ? [0.3] : [0.25] })\n  }, [navigation, showDirectMessageOption])\n\n  const handleFilterPress = () => {\n    if (!newConversationFromFilter) return\n\n    Haptic.impactLight()\n    navigation.goBack()\n    requestAnimationFrame(() => {\n      if (newConversationFromFilter.sourceAppName === 'groups') {\n        navigation.navigate('New', {\n          screen: 'ConversationNew',\n          params: {\n            ...filterParams,\n            source_app_name: 'Groups' as AppName,\n            group_id: newConversationFromFilter.groupId,\n          },\n        })\n      } else {\n        navigation.navigate('New', {\n          screen: 'ConversationNew',\n          params: {\n            ...filterParams,\n            source_app_name: 'Services' as AppName,\n            team_ids: newConversationFromFilter.teamIds,\n          },\n        })\n      }\n    })\n  }\n\n  const navigateToNewConversationType = (screen: NewConversationTypeScreen) => {\n    Haptic.impactLight()\n    navigation.goBack()\n    requestAnimationFrame(() => navigation.navigate('New', { screen, params: filterParams }))\n  }\n\n  const handleGroupPress = () => navigateToNewConversationType('ConversationSelectGroupRecipients')\n  const handleTeamPress = () =>\n    navigateToNewConversationType('ConversationSelectTeamsILeadRecipients')\n  const handleDirectMessagePress = () =>\n    navigateToNewConversationType('ConversationSelectDirectMessageRecipients')\n\n  return (\n    <FormSheet.Root>\n      <FormSheet.Header>\n        <FormSheet.HeaderTitle>Start a conversation by</FormSheet.HeaderTitle>\n      </FormSheet.Header>\n      {newConversationFromFilter && (\n        <FormSheet.Action\n          title={`New conversation in ${newConversationFromFilter.name}`}\n          onPress={handleFilterPress}\n          accessibilityHint=\"Creates a conversation pre-scoped to the current filter\"\n        />\n      )}\n      {canCreateGroupsConversations && (\n        <FormSheet.Action\n          title=\"Group\"\n          onPress={handleGroupPress}\n          accessibilityHint=\"Opens group selection screen\"\n        />\n      )}\n      {canCreateServicesConversations && (\n        <FormSheet.Action\n          title=\"Team\"\n          onPress={handleTeamPress}\n          accessibilityHint=\"Opens team selection screen\"\n        />\n      )}\n      {showDirectMessageOption && (\n        <FormSheet.Action\n          title=\"Direct message\"\n          onPress={handleDirectMessagePress}\n          disabled={directMessagesDisabled}\n          disabledReason={directMessagesDisabled ? 'Disabled in chat settings' : undefined}\n          accessibilityHint=\"Opens direct message recipient selection screen\"\n        />\n      )}\n    </FormSheet.Root>\n  )\n}\n"]}

package/build/screens/conversations/components/list_header_component.js

@@ -3,7 +3,7 @@ import { useNavigation, useRoute } from '@react-navigation/native';
 import { useCallback, useMemo } from 'react';
 import { Alert, ScrollView, StyleSheet, View } from 'react-native';
 import { Heading, TextButton, ToggleButton } from '../../../components';
-import { useAtFontScaleBreakpoint, useCanCreateConversations, useCurrentPersonCache, useDirectMessagesEligible, useHasDirectMessages, useNewConversationEntry, useTheme, } from '../../../hooks';
+import { useAtFontScaleBreakpoint, useCanCreateConversations, useCurrentPersonCache, useDirectMessagesEnabled, useHasDirectMessages, useNewConversationEntry, useTheme, } from '../../../hooks';
 import { useMarkAllRead } from '../../../hooks/use_conversations_actions';
 import { useCanDisplayGroups } from '../../../hooks/use_groups';
 import { useNewConversationFromFilter } from '../../../hooks/use_new_conversation_from_filter';
@@ -24,9 +24,9 @@ export const ListHeaderComponent = () => {
     const navigation = useNavigation();
     const canFilterByTeams = useCanDisplayGroups({ source_app_name: 'Services', source_type: 'Team' });
     const canFilterByGroups = useCanDisplayGroups({ source_app_name: 'Groups', source_type: 'Group' });
-    const directMessagesEligible = useDirectMessagesEligible();
+    const directMessagesEnabled = useDirectMessagesEnabled();
     const hasDirectMessages = useHasDirectMessages();
-    const canFilterByDMs = directMessagesEligible && hasDirectMessages;
+    const canFilterByDMs = directMessagesEnabled && hasDirectMessages;
     const route = useRoute();
     const { chat_group_graph_id, group_source_app_name = '', show_direct_messages, } = route.params || {};
     const currentPersonCache = useCurrentPersonCache();

package/build/screens/conversations/components/list_header_component.js.map

@@ -1 +1 @@
-{"version":3,"file":"list_header_component.js","sourceRoot":"","sources":["../../../../src/screens/conversations/components/list_header_component.tsx"],"names":[],"mappings":"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","sourcesContent":["import { RouteProp, useNavigation, useRoute } from '@react-navigation/native'\nimport React, { useCallback, useMemo } from 'react'\nimport { Alert, ScrollView, StyleSheet, View } from 'react-native'\nimport { Heading, TextButton, ToggleButton } from '../../../components'\nimport {\n  useAtFontScaleBreakpoint,\n  useCanCreateConversations,\n  useCurrentPersonCache,\n  useDirectMessagesEligible,\n  useHasDirectMessages,\n  useNewConversationEntry,\n  useTheme,\n} from '../../../hooks'\nimport { useMarkAllRead } from '../../../hooks/use_conversations_actions'\nimport { useCanDisplayGroups } from '../../../hooks/use_groups'\nimport { useNewConversationFromFilter } from '../../../hooks/use_new_conversation_from_filter'\nimport { GraphId } from '../../../types/resources/group_resource'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../../utils'\nimport { Haptic } from '../../../utils/native_adapters'\nimport { ConversationsScreenProps } from '../conversations_screen'\nimport { ChatGroupBadge } from './chat_group_badge'\nimport { ListHeaderActionButton } from './list_header_action_button'\n\nconst ROW_PADDING_HORIZONTAL = 16\n\nenum FilterTypes {\n  All = 'All',\n  Groups = 'Groups',\n  Teams = 'Teams',\n  DMs = 'DMs',\n  More = 'More',\n}\n\nexport const ListHeaderComponent = () => {\n  const navigation = useNavigation()\n  const canFilterByTeams = useCanDisplayGroups({ source_app_name: 'Services', source_type: 'Team' })\n  const canFilterByGroups = useCanDisplayGroups({ source_app_name: 'Groups', source_type: 'Group' })\n  const directMessagesEligible = useDirectMessagesEligible()\n  const hasDirectMessages = useHasDirectMessages()\n  const canFilterByDMs = directMessagesEligible && hasDirectMessages\n  const route = useRoute<RouteProp<ConversationsScreenProps['route']>>()\n  const {\n    chat_group_graph_id,\n    group_source_app_name = '',\n    show_direct_messages,\n  } = route.params || {}\n  const currentPersonCache = useCurrentPersonCache()\n  const { markAllRead, isPending } = useMarkAllRead()\n  const canCreateConversations = useCanCreateConversations()\n  const entryMode = useNewConversationEntry()\n  const newConversationFromFilter = useNewConversationFromFilter(\n    chat_group_graph_id as GraphId | undefined\n  )\n\n  const active: FilterTypes = useMemo(() => {\n    if (chat_group_graph_id) {\n      return FilterTypes.More\n    } else if (/groups/i.test(group_source_app_name)) {\n      return FilterTypes.Groups\n    } else if (/services/i.test(group_source_app_name)) {\n      return FilterTypes.Teams\n    } else if (show_direct_messages) {\n      return FilterTypes.DMs\n    }\n\n    return FilterTypes.All\n  }, [chat_group_graph_id, group_source_app_name, show_direct_messages])\n\n  const handleNewConversationNavigation = useCallback(() => {\n    if (newConversationFromFilter || entryMode === 'select_type') {\n      return navigation.navigate('ConversationSelectType', {\n        ...route.params,\n        newConversationFromFilter,\n      })\n    }\n\n    if (entryMode === 'groups') {\n      return navigation.navigate('New', {\n        screen: 'ConversationSelectGroupRecipients',\n        params: { ...route.params },\n      })\n    }\n\n    if (entryMode === 'teams') {\n      return navigation.navigate('New', {\n        screen: 'ConversationSelectTeamsILeadRecipients',\n        params: { ...route.params },\n      })\n    }\n\n    if (entryMode === 'direct_message') {\n      return navigation.navigate('New', {\n        screen: 'ConversationSelectDirectMessageRecipients',\n        params: { ...route.params },\n      })\n    }\n  }, [navigation, route.params, entryMode, newConversationFromFilter])\n\n  const handleChatSettings = useCallback(() => {\n    navigation.navigate('ChatSettings', {})\n  }, [navigation])\n\n  const handleOpenConversationFilters = useCallback(() => {\n    navigation.navigate('ConversationFilters', {\n      chat_group_graph_id,\n      group_source_app_name,\n      show_direct_messages,\n    })\n  }, [navigation, chat_group_graph_id, group_source_app_name, show_direct_messages])\n\n  const handleMarkAllRead = useCallback(() => {\n    currentPersonCache.update({ unreadCount: 0 })\n    Haptic.notificationSuccess()\n    markAllRead()\n  }, [currentPersonCache, markAllRead])\n\n  const alertMarkAllRead = useCallback(() => {\n    if (active === FilterTypes.All) return handleMarkAllRead()\n\n    Alert.alert('Mark all read', 'This includes conversations not shown by the current filter.', [\n      { text: 'Cancel' },\n      { text: 'OK', onPress: () => handleMarkAllRead() },\n    ])\n  }, [active, handleMarkAllRead])\n\n  const hasSomeSourceFilterCapability = canFilterByTeams || canFilterByGroups\n  const hasMultiSourceFilterCapabilities = canFilterByTeams && canFilterByGroups\n  const showFilterRow = hasMultiSourceFilterCapabilities || canFilterByDMs\n  const shouldShowHeaderFiltersButton = hasSomeSourceFilterCapability && !showFilterRow\n  const moreFiltersButtonA11yLabel = shouldShowHeaderFiltersButton\n    ? 'View filters'\n    : 'View more filters'\n\n  const moreFiltersButtonProps = {\n    onPress: handleOpenConversationFilters,\n    active: active === FilterTypes.More,\n    iconNameRight: 'general.threeReducingHorizontalBars' as const,\n    accessibilityLabel: moreFiltersButtonA11yLabel,\n  }\n\n  const styles = useStyles({ shouldShowHeaderFiltersButton })\n\n  return (\n    <View style={styles.listHeader}>\n      <View style={styles.headingRow}>\n        <View style={styles.titleContainer}>\n          <Heading numberOfLines={1} variant=\"h2\">\n            Conversations\n          </Heading>\n          <TextButton\n            onPress={alertMarkAllRead}\n            disabled={isPending}\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n            accessibilityShowsLargeContentViewer\n            accessibilityLargeContentTitle=\"Mark all read\"\n          >\n            Mark all read\n          </TextButton>\n        </View>\n        <View style={styles.actionsContainer}>\n          <ListHeaderActionButton\n            name=\"general.cog\"\n            onPress={handleChatSettings}\n            accessibilityLabel=\"Chat settings\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n          />\n          {canCreateConversations && (\n            <ListHeaderActionButton\n              name=\"churchCenter.signups\"\n              onPress={handleNewConversationNavigation}\n              accessibilityLabel=\"New conversation\"\n              testID=\"conversations-new-conversation-button\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n            />\n          )}\n          {shouldShowHeaderFiltersButton && <ToggleButton {...moreFiltersButtonProps} />}\n        </View>\n      </View>\n      {showFilterRow && (\n        <ScrollView\n          horizontal\n          showsHorizontalScrollIndicator={false}\n          contentContainerStyle={styles.filterRow}\n          accessibilityRole=\"toolbar\"\n        >\n          <ToggleButton\n            title={FilterTypes.All}\n            active={active === FilterTypes.All}\n            onPress={() =>\n              navigation.setParams({\n                chat_group_graph_id: undefined,\n                group_source_app_name: undefined,\n                show_direct_messages: undefined,\n              })\n            }\n            accessibilityLabel=\"Show all conversations\"\n            style={styles.filterButton}\n          />\n          {canFilterByGroups && (\n            <ToggleButton\n              title={FilterTypes.Groups}\n              active={active === FilterTypes.Groups}\n              onPress={() =>\n                navigation.setParams({\n                  chat_group_graph_id: undefined,\n                  group_source_app_name: 'Groups',\n                  show_direct_messages: undefined,\n                })\n              }\n              accessibilityLabel=\"Filter to group conversations\"\n              style={styles.filterButton}\n            />\n          )}\n          {canFilterByTeams && (\n            <ToggleButton\n              title={FilterTypes.Teams}\n              active={active === FilterTypes.Teams}\n              onPress={() =>\n                navigation.setParams({\n                  chat_group_graph_id: undefined,\n                  group_source_app_name: 'Services',\n                  show_direct_messages: undefined,\n                })\n              }\n              accessibilityLabel=\"Filter to team conversations\"\n              style={styles.filterButton}\n            />\n          )}\n          {canFilterByDMs && (\n            <ToggleButton\n              title={FilterTypes.DMs}\n              active={active === FilterTypes.DMs}\n              onPress={() =>\n                navigation.setParams({\n                  chat_group_graph_id: undefined,\n                  group_source_app_name: undefined,\n                  show_direct_messages: true,\n                })\n              }\n              accessibilityLabel=\"Filter to direct message conversations\"\n              style={styles.filterButton}\n            />\n          )}\n          <ToggleButton {...moreFiltersButtonProps} />\n        </ScrollView>\n      )}\n      <ChatGroupBadge rowPaddingHorizontal={ROW_PADDING_HORIZONTAL} />\n    </View>\n  )\n}\n\nconst useStyles = ({\n  shouldShowHeaderFiltersButton,\n}: {\n  shouldShowHeaderFiltersButton: boolean\n}) => {\n  const theme = useTheme()\n  const atFontScaleBreakpoint = useAtFontScaleBreakpoint(\n    shouldShowHeaderFiltersButton ? 1.2 : undefined\n  )\n\n  return StyleSheet.create({\n    listHeader: {\n      borderBottomWidth: 1,\n      borderBottomColor: theme.colors.fillColorNeutral050Base,\n      paddingBottom: 16,\n      gap: 16,\n    },\n    headingRow: {\n      gap: 12,\n      flexDirection: atFontScaleBreakpoint ? 'column' : 'row',\n      alignItems: atFontScaleBreakpoint ? 'flex-start' : 'center',\n      justifyContent: 'space-between',\n      paddingBottom: atFontScaleBreakpoint ? 4 : 0,\n      paddingHorizontal: ROW_PADDING_HORIZONTAL,\n    },\n    titleContainer: {\n      gap: 8,\n    },\n    actionsContainer: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n    },\n    markAllReadRow: {\n      paddingBottom: 4,\n    },\n    filterRow: {\n      flexDirection: 'row',\n      justifyContent: 'flex-start',\n      gap: 8,\n      paddingHorizontal: ROW_PADDING_HORIZONTAL,\n      flexGrow: 1,\n    },\n    filterButton: {\n      flex: 1,\n      minWidth: 65,\n    },\n  })\n}\n"]}
+{"version":3,"file":"list_header_component.js","sourceRoot":"","sources":["../../../../src/screens/conversations/components/list_header_component.tsx"],"names":[],"mappings":"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","sourcesContent":["import { RouteProp, useNavigation, useRoute } from '@react-navigation/native'\nimport React, { useCallback, useMemo } from 'react'\nimport { Alert, ScrollView, StyleSheet, View } from 'react-native'\nimport { Heading, TextButton, ToggleButton } from '../../../components'\nimport {\n  useAtFontScaleBreakpoint,\n  useCanCreateConversations,\n  useCurrentPersonCache,\n  useDirectMessagesEnabled,\n  useHasDirectMessages,\n  useNewConversationEntry,\n  useTheme,\n} from '../../../hooks'\nimport { useMarkAllRead } from '../../../hooks/use_conversations_actions'\nimport { useCanDisplayGroups } from '../../../hooks/use_groups'\nimport { useNewConversationFromFilter } from '../../../hooks/use_new_conversation_from_filter'\nimport { GraphId } from '../../../types/resources/group_resource'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../../utils'\nimport { Haptic } from '../../../utils/native_adapters'\nimport { ConversationsScreenProps } from '../conversations_screen'\nimport { ChatGroupBadge } from './chat_group_badge'\nimport { ListHeaderActionButton } from './list_header_action_button'\n\nconst ROW_PADDING_HORIZONTAL = 16\n\nenum FilterTypes {\n  All = 'All',\n  Groups = 'Groups',\n  Teams = 'Teams',\n  DMs = 'DMs',\n  More = 'More',\n}\n\nexport const ListHeaderComponent = () => {\n  const navigation = useNavigation()\n  const canFilterByTeams = useCanDisplayGroups({ source_app_name: 'Services', source_type: 'Team' })\n  const canFilterByGroups = useCanDisplayGroups({ source_app_name: 'Groups', source_type: 'Group' })\n  const directMessagesEnabled = useDirectMessagesEnabled()\n  const hasDirectMessages = useHasDirectMessages()\n  const canFilterByDMs = directMessagesEnabled && hasDirectMessages\n  const route = useRoute<RouteProp<ConversationsScreenProps['route']>>()\n  const {\n    chat_group_graph_id,\n    group_source_app_name = '',\n    show_direct_messages,\n  } = route.params || {}\n  const currentPersonCache = useCurrentPersonCache()\n  const { markAllRead, isPending } = useMarkAllRead()\n  const canCreateConversations = useCanCreateConversations()\n  const entryMode = useNewConversationEntry()\n  const newConversationFromFilter = useNewConversationFromFilter(\n    chat_group_graph_id as GraphId | undefined\n  )\n\n  const active: FilterTypes = useMemo(() => {\n    if (chat_group_graph_id) {\n      return FilterTypes.More\n    } else if (/groups/i.test(group_source_app_name)) {\n      return FilterTypes.Groups\n    } else if (/services/i.test(group_source_app_name)) {\n      return FilterTypes.Teams\n    } else if (show_direct_messages) {\n      return FilterTypes.DMs\n    }\n\n    return FilterTypes.All\n  }, [chat_group_graph_id, group_source_app_name, show_direct_messages])\n\n  const handleNewConversationNavigation = useCallback(() => {\n    if (newConversationFromFilter || entryMode === 'select_type') {\n      return navigation.navigate('ConversationSelectType', {\n        ...route.params,\n        newConversationFromFilter,\n      })\n    }\n\n    if (entryMode === 'groups') {\n      return navigation.navigate('New', {\n        screen: 'ConversationSelectGroupRecipients',\n        params: { ...route.params },\n      })\n    }\n\n    if (entryMode === 'teams') {\n      return navigation.navigate('New', {\n        screen: 'ConversationSelectTeamsILeadRecipients',\n        params: { ...route.params },\n      })\n    }\n\n    if (entryMode === 'direct_message') {\n      return navigation.navigate('New', {\n        screen: 'ConversationSelectDirectMessageRecipients',\n        params: { ...route.params },\n      })\n    }\n  }, [navigation, route.params, entryMode, newConversationFromFilter])\n\n  const handleChatSettings = useCallback(() => {\n    navigation.navigate('ChatSettings', {})\n  }, [navigation])\n\n  const handleOpenConversationFilters = useCallback(() => {\n    navigation.navigate('ConversationFilters', {\n      chat_group_graph_id,\n      group_source_app_name,\n      show_direct_messages,\n    })\n  }, [navigation, chat_group_graph_id, group_source_app_name, show_direct_messages])\n\n  const handleMarkAllRead = useCallback(() => {\n    currentPersonCache.update({ unreadCount: 0 })\n    Haptic.notificationSuccess()\n    markAllRead()\n  }, [currentPersonCache, markAllRead])\n\n  const alertMarkAllRead = useCallback(() => {\n    if (active === FilterTypes.All) return handleMarkAllRead()\n\n    Alert.alert('Mark all read', 'This includes conversations not shown by the current filter.', [\n      { text: 'Cancel' },\n      { text: 'OK', onPress: () => handleMarkAllRead() },\n    ])\n  }, [active, handleMarkAllRead])\n\n  const hasSomeSourceFilterCapability = canFilterByTeams || canFilterByGroups\n  const hasMultiSourceFilterCapabilities = canFilterByTeams && canFilterByGroups\n  const showFilterRow = hasMultiSourceFilterCapabilities || canFilterByDMs\n  const shouldShowHeaderFiltersButton = hasSomeSourceFilterCapability && !showFilterRow\n  const moreFiltersButtonA11yLabel = shouldShowHeaderFiltersButton\n    ? 'View filters'\n    : 'View more filters'\n\n  const moreFiltersButtonProps = {\n    onPress: handleOpenConversationFilters,\n    active: active === FilterTypes.More,\n    iconNameRight: 'general.threeReducingHorizontalBars' as const,\n    accessibilityLabel: moreFiltersButtonA11yLabel,\n  }\n\n  const styles = useStyles({ shouldShowHeaderFiltersButton })\n\n  return (\n    <View style={styles.listHeader}>\n      <View style={styles.headingRow}>\n        <View style={styles.titleContainer}>\n          <Heading numberOfLines={1} variant=\"h2\">\n            Conversations\n          </Heading>\n          <TextButton\n            onPress={alertMarkAllRead}\n            disabled={isPending}\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n            accessibilityShowsLargeContentViewer\n            accessibilityLargeContentTitle=\"Mark all read\"\n          >\n            Mark all read\n          </TextButton>\n        </View>\n        <View style={styles.actionsContainer}>\n          <ListHeaderActionButton\n            name=\"general.cog\"\n            onPress={handleChatSettings}\n            accessibilityLabel=\"Chat settings\"\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n          />\n          {canCreateConversations && (\n            <ListHeaderActionButton\n              name=\"churchCenter.signups\"\n              onPress={handleNewConversationNavigation}\n              accessibilityLabel=\"New conversation\"\n              testID=\"conversations-new-conversation-button\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n            />\n          )}\n          {shouldShowHeaderFiltersButton && <ToggleButton {...moreFiltersButtonProps} />}\n        </View>\n      </View>\n      {showFilterRow && (\n        <ScrollView\n          horizontal\n          showsHorizontalScrollIndicator={false}\n          contentContainerStyle={styles.filterRow}\n          accessibilityRole=\"toolbar\"\n        >\n          <ToggleButton\n            title={FilterTypes.All}\n            active={active === FilterTypes.All}\n            onPress={() =>\n              navigation.setParams({\n                chat_group_graph_id: undefined,\n                group_source_app_name: undefined,\n                show_direct_messages: undefined,\n              })\n            }\n            accessibilityLabel=\"Show all conversations\"\n            style={styles.filterButton}\n          />\n          {canFilterByGroups && (\n            <ToggleButton\n              title={FilterTypes.Groups}\n              active={active === FilterTypes.Groups}\n              onPress={() =>\n                navigation.setParams({\n                  chat_group_graph_id: undefined,\n                  group_source_app_name: 'Groups',\n                  show_direct_messages: undefined,\n                })\n              }\n              accessibilityLabel=\"Filter to group conversations\"\n              style={styles.filterButton}\n            />\n          )}\n          {canFilterByTeams && (\n            <ToggleButton\n              title={FilterTypes.Teams}\n              active={active === FilterTypes.Teams}\n              onPress={() =>\n                navigation.setParams({\n                  chat_group_graph_id: undefined,\n                  group_source_app_name: 'Services',\n                  show_direct_messages: undefined,\n                })\n              }\n              accessibilityLabel=\"Filter to team conversations\"\n              style={styles.filterButton}\n            />\n          )}\n          {canFilterByDMs && (\n            <ToggleButton\n              title={FilterTypes.DMs}\n              active={active === FilterTypes.DMs}\n              onPress={() =>\n                navigation.setParams({\n                  chat_group_graph_id: undefined,\n                  group_source_app_name: undefined,\n                  show_direct_messages: true,\n                })\n              }\n              accessibilityLabel=\"Filter to direct message conversations\"\n              style={styles.filterButton}\n            />\n          )}\n          <ToggleButton {...moreFiltersButtonProps} />\n        </ScrollView>\n      )}\n      <ChatGroupBadge rowPaddingHorizontal={ROW_PADDING_HORIZONTAL} />\n    </View>\n  )\n}\n\nconst useStyles = ({\n  shouldShowHeaderFiltersButton,\n}: {\n  shouldShowHeaderFiltersButton: boolean\n}) => {\n  const theme = useTheme()\n  const atFontScaleBreakpoint = useAtFontScaleBreakpoint(\n    shouldShowHeaderFiltersButton ? 1.2 : undefined\n  )\n\n  return StyleSheet.create({\n    listHeader: {\n      borderBottomWidth: 1,\n      borderBottomColor: theme.colors.fillColorNeutral050Base,\n      paddingBottom: 16,\n      gap: 16,\n    },\n    headingRow: {\n      gap: 12,\n      flexDirection: atFontScaleBreakpoint ? 'column' : 'row',\n      alignItems: atFontScaleBreakpoint ? 'flex-start' : 'center',\n      justifyContent: 'space-between',\n      paddingBottom: atFontScaleBreakpoint ? 4 : 0,\n      paddingHorizontal: ROW_PADDING_HORIZONTAL,\n    },\n    titleContainer: {\n      gap: 8,\n    },\n    actionsContainer: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n    },\n    markAllReadRow: {\n      paddingBottom: 4,\n    },\n    filterRow: {\n      flexDirection: 'row',\n      justifyContent: 'flex-start',\n      gap: 8,\n      paddingHorizontal: ROW_PADDING_HORIZONTAL,\n      flexGrow: 1,\n    },\n    filterButton: {\n      flex: 1,\n      minWidth: 65,\n    },\n  })\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"message_report_screen.d.ts","sourceRoot":"","sources":["../../src/screens/message_report_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA+B,MAAM,0BAA0B,CAAA;AACzF,OAAO,KAAK,EACV,4BAA4B,EAC5B,sBAAsB,EACvB,MAAM,gCAAgC,CAAA;AAsBvC,eAAO,MAAM,0BAA0B,GAAI,wBAGxC,sBAAsB,CAAC,GAAG,CAAC,KAAG,4BAYhC,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG,iBAAiB,CAAC;IACvD,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,EAAE,wBAAwB,kDAStE"}
+{"version":3,"file":"message_report_screen.d.ts","sourceRoot":"","sources":["../../src/screens/message_report_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA+B,MAAM,0BAA0B,CAAA;AACzF,OAAO,KAAK,EACV,4BAA4B,EAC5B,sBAAsB,EACvB,MAAM,gCAAgC,CAAA;AAqBvC,eAAO,MAAM,0BAA0B,GAAI,wBAGxC,sBAAsB,CAAC,GAAG,CAAC,KAAG,4BAahC,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG,iBAAiB,CAAC;IACvD,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,EAAE,wBAAwB,kDAStE"}

package/build/screens/message_report_screen.js

@@ -4,7 +4,7 @@ import { 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 { composeOptions, useHeaderRight, withLeftClose, } from '../components/display/platform_modal_header_buttons';
+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';
@@ -17,7 +17,11 @@ export const MessageReportScreenOptions = ({ navigation, route, }) => {
     const handleClose = () => navigation.dispatch(StackActions.popTo('Conversation', {
         conversation_id: route.params?.conversation_id,
     }));
-    return composeOptions({ presentation: 'modal', title: 'Report message' }, withLeftClose({ onPress: handleClose }));
+    return {
+        presentation: 'modal',
+        title: 'Report message',
+        headerLeft: () => _jsx(HeaderDismissButton, { title: "Cancel", onPress: handleClose }),
+    };
 };
 export function MessageReportScreen({ route }) {
     const { conversation_id, message_id } = route.params;
@@ -60,20 +64,20 @@ function MessageReportScreenContent({ message, conversation_id, }) {
     const handleClose = useCallback(() => {
         navigation.dispatch(StackActions.popTo('Conversation', { conversation_id }));
     }, [navigation, conversation_id]);
-    const formVisible = status !== 'pending' && status !== 'success';
-    useHeaderRight({
-        icon: 'general.message',
-        accessibilityLabel: 'Submit',
-        variant: 'fill',
-        onPress: handleSubmit,
-        disabled: !isFormValid,
-        enabled: formVisible,
-    });
+    const HeaderRight = useCallback(() => _jsx(HeaderTextButton, { title: "Submit", onPress: handleSubmit, disabled: !isFormValid }), [handleSubmit, isFormValid]);
     useLayoutEffect(() => {
-        if (formVisible) {
-            navigation.setOptions({ headerTitle: 'Report message' });
+        if (status === 'pending' || status === 'success') {
+            navigation.setOptions({
+                headerRight: () => null,
+            });
+        }
+        else {
+            navigation.setOptions({
+                headerTitle: 'Report message',
+                headerRight: HeaderRight,
+            });
         }
-    }, [formVisible, navigation]);
+    }, [HeaderRight, navigation, status]);
     if (status === 'pending') {
         return (_jsxs(View, { style: styles.fullScreenContainer, children: [_jsx(Spinner, {}), _jsx(Text, { style: styles.loadingText, children: "Submitting report..." })] }));
     }

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  composeOptions,\n  useHeaderRight,\n  withLeftClose,\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 composeOptions(\n    { presentation: 'modal', title: 'Report message' },\n    withLeftClose({ 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 formVisible = status !== 'pending' && status !== 'success'\n\n  useHeaderRight({\n    icon: 'general.message',\n    accessibilityLabel: 'Submit',\n    variant: 'fill',\n    onPress: handleSubmit,\n    disabled: !isFormValid,\n    enabled: formVisible,\n  })\n\n  useLayoutEffect(() => {\n    if (formVisible) {\n      navigation.setOptions({ headerTitle: 'Report message' })\n    }\n  }, [formVisible, navigation])\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":";AAAA,OAAO,EAAqB,aAAa,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKzF,OAAc,EAAE,WAAW,EAAE,eAAe,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC9E,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EACL,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,qDAAqD,CAAA;AAC5D,OAAO,UAAU,MAAM,+CAA+C,CAAA;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAA;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAA;AAG9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAA;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAA;AAEjF,MAAM,iBAAiB,GAAG,GAAG,CAAA;AAE7B,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EACzC,UAAU,EACV,KAAK,GACuB,EAAgC,EAAE;IAC9D,MAAM,WAAW,GAAG,GAAG,EAAE,CACvB,UAAU,CAAC,QAAQ,CACjB,YAAY,CAAC,KAAK,CAAC,cAAc,EAAE;QACjC,eAAe,EAAE,KAAK,CAAC,MAAM,EAAE,eAAe;KAC/C,CAAC,CACH,CAAA;IAEH,OAAO;QACL,YAAY,EAAE,OAAO;QACrB,KAAK,EAAE,gBAAgB;QACvB,UAAU,EAAE,GAAG,EAAE,CAAC,KAAC,mBAAmB,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,WAAW,GAAI;KAC/E,CAAA;AACH,CAAC,CAAA;AAOD,MAAM,UAAU,mBAAmB,CAAC,EAAE,KAAK,EAA4B;IACrE,MAAM,EAAE,eAAe,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,MAAM,CAAA;IAEpD,MAAM,EAAE,QAAQ,EAAE,GAAG,uBAAuB,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAA;IAC5F,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,KAAC,0BAA0B,IAAC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,eAAe,GAAI,CAAA;AAC3F,CAAC;AAED,SAAS,0BAA0B,CAAC,EAClC,OAAO,EACP,eAAe,GAIhB;IACC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAA6B,IAAI,CAAC,CAAA;IACtF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACpD,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,EAAE,CAAC,CAAA;IAEtF,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,MAA2B,EAAE,EAAE;QACrE,iBAAiB,CAAC,MAAM,CAAC,CAAA;QAEzB,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;YACvB,eAAe,CAAC,EAAE,CAAC,CAAA;QACrB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,IAAI,cAAc,KAAK,IAAI;YAAE,OAAO,KAAK,CAAA;QAEzC,IAAI,cAAc,KAAK,OAAO,IAAI,YAAY,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACnE,OAAO,KAAK,CAAA;QACd,CAAC;QAED,IAAI,MAAM,KAAK,SAAS;YAAE,OAAO,KAAK,CAAA;QAEtC,OAAO,IAAI,CAAA;IACb,CAAC,EAAE,CAAC,cAAc,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC,CAAA;IAE1C,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,CAAC,WAAW,IAAI,CAAC,cAAc;YAAE,OAAM;QAE3C,YAAY,CAAC;YACX,MAAM,EAAE,cAAc;YACtB,YAAY,EAAE,cAAc,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS;SACpE,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAA;IAE7D,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,EAAE,EAAE,eAAe,EAAE,CAAC,CAAC,CAAA;IAC9E,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC,CAAA;IAEjC,MAAM,WAAW,GAAG,WAAW,CAC7B,GAAG,EAAE,CAAC,KAAC,gBAAgB,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,WAAW,GAAI,EACxF,CAAC,YAAY,EAAE,WAAW,CAAC,CAC5B,CAAA;IAED,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;YACjD,UAAU,CAAC,UAAU,CAAC;gBACpB,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI;aACxB,CAAC,CAAA;QACJ,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,UAAU,CAAC;gBACpB,WAAW,EAAE,gBAAgB;gBAC7B,WAAW,EAAE,WAAW;aACzB,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC,CAAA;IAErC,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QACzB,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,mBAAmB,aACrC,KAAC,OAAO,KAAG,EACX,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,qCAA6B,IACvD,CACR,CAAA;IACH,CAAC;IAED,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QACzB,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,mBAAmB,YACrC,MAAC,UAAU,CAAC,IAAI,eACd,KAAC,UAAU,CAAC,OAAO,IAAC,IAAI,EAAC,qBAAqB,EAAC,KAAK,EAAE,MAAM,CAAC,WAAW,GAAI,EAC5E,MAAC,UAAU,CAAC,OAAO,eACjB,KAAC,UAAU,CAAC,OAAO,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY,iCAAuC,EACrF,KAAC,UAAU,CAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,eAAe,qFAE5B,IACC,EACrB,KAAC,UAAU,CAAC,MAAM,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,GAAG,IAClE,GACb,CACR,CAAA;IACH,CAAC;IAED,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;QACvB,OAAO,CACL,MAAC,UAAU,CAAC,IAAI,eACd,KAAC,UAAU,CAAC,OAAO,IAAC,IAAI,EAAC,6BAA6B,GAAG,EACzD,MAAC,UAAU,CAAC,OAAO,eACjB,KAAC,UAAU,CAAC,OAAO,0CAA6C,EAChE,KAAC,UAAU,CAAC,IAAI,2EAEE,IACC,EACrB,KAAC,UAAU,CAAC,MAAM,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,GAAG,IACrE,CACnB,CAAA;IACH,CAAC;IAED,OAAO,CACL,KAAC,YAAY,cACX,MAAC,UAAU,IAAC,qBAAqB,EAAE,MAAM,CAAC,SAAS,aACjD,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,qBAAqB,EAAE,GAAG,mOAIpD,EAEP,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,GAAI,EAEpC,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,aAAa,aAC/B,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,kDACK,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,kBAAU,IAClE,EAEP,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,mBAAmB,YACrC,KAAC,gBAAgB,IAAC,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,GAAI,GACnF,IACF,EAEN,cAAc,KAAK,OAAO,IAAI,CAC7B,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,aAAa,aAC/B,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,6CACA,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,kBAAU,IAC7D,EACP,KAAC,SAAS,IACR,KAAK,EAAE,MAAM,CAAC,SAAS,EACvB,SAAS,QACT,WAAW,EAAC,uBAAuB,EACnC,KAAK,EAAE,YAAY,EACnB,YAAY,EAAE,eAAe,EAC7B,SAAS,EAAE,iBAAiB,EAC5B,kBAAkB,EAAC,oBAAoB,EACvC,iBAAiB,EAAC,kEAAkE,GACpF,EACD,YAAY,CAAC,MAAM,IAAI,iBAAiB,GAAG,GAAG,IAAI,CACjD,MAAC,IAAI,IAAC,OAAO,EAAC,UAAU,aACrB,YAAY,CAAC,MAAM,OAAG,iBAAiB,IACnC,CACR,IACI,CACR,IACU,GACA,CAChB,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,OAAO,EAAE,EAAE;YACX,aAAa,EAAE,EAAE,GAAG,MAAM;YAC1B,GAAG,EAAE,EAAE;SACR;QACD,UAAU,EAAE;YACV,IAAI,EAAE,CAAC;YACP,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACrB;QACD,mBAAmB,EAAE;YACnB,IAAI,EAAE,CAAC;YACP,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,eAAe,EAAE,MAAM,CAAC,eAAe;SACxC;QACD,WAAW,EAAE;YACX,SAAS,EAAE,EAAE;YACb,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,KAAK;YACjB,KAAK,EAAE,MAAM,CAAC,uBAAuB;SACtC;QACD,WAAW,EAAE;YACX,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,KAAK,EAAE,MAAM,CAAC,yBAAyB;SACxC;QACD,aAAa,EAAE;YACb,GAAG,EAAE,CAAC;SACP;QACD,UAAU,EAAE;YACV,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,sBAAsB;YAClC,KAAK,EAAE,MAAM,CAAC,uBAAuB;SACtC;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM,CAAC,eAAe;SAC9B;QACD,mBAAmB,EAAE;YACnB,eAAe,EAAE,MAAM,CAAC,eAAe;SACxC;QACD,aAAa,EAAE;YACb,GAAG,EAAE,CAAC;SACP;QACD,SAAS,EAAE;YACT,KAAK,EAAE,MAAM,CAAC,uBAAuB;YACrC,QAAQ,EAAE,EAAE;YACZ,iBAAiB,EAAE,KAAK;YACxB,SAAS,EAAE,GAAG;YACd,SAAS,EAAE,GAAG;YACd,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,MAAM,CAAC,sBAAsB;YAC1C,YAAY,EAAE,CAAC;YACf,iBAAiB,EAAE,EAAE;YACrB,eAAe,EAAE,EAAE;YACnB,eAAe,EAAE,MAAM,CAAC,eAAe;SACxC;QACD,WAAW,EAAE;YACX,KAAK,EAAE,MAAM,CAAC,iBAAiB;YAC/B,QAAQ,EAAE,EAAE;SACb;QACD,YAAY,EAAE;YACZ,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,CAAC;SAChB;QACD,eAAe,EAAE;YACf,QAAQ,EAAE,EAAE;YACZ,YAAY,EAAE,CAAC;SAChB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"notification_settings_screen.d.ts","sourceRoot":"","sources":["../../src/screens/notification_settings_screen.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AA2C3E,MAAM,MAAM,+BAA+B,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAA;AAEnE,wBAAgB,0BAA0B,CAAC,EAAE,EAAE,+BAA+B,2CAgJ7E"}
+{"version":3,"file":"notification_settings_screen.d.ts","sourceRoot":"","sources":["../../src/screens/notification_settings_screen.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AA4C3E,MAAM,MAAM,+BAA+B,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAA;AAEnE,wBAAgB,0BAA0B,CAAC,EAAE,EAAE,+BAA+B,2CAmK7E"}

package/build/screens/notification_settings_screen.js

@@ -1,9 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PlatformPressable } from '@react-navigation/elements';
 import { useNavigation } from '@react-navigation/native';
+import { 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 { chatTypeLabel } from '../utils';
@@ -25,6 +27,18 @@ export function NotificationSettingsScreen({}) {
     const styles = useStyles();
     const { data: chatTypes } = useChatTypes();
     const { data: groups } = useGroups();
+    // Header configuration
+    const HeaderRight = useCallback(() => {
+        return (_jsx(HeaderTextButton, { onPress: () => {
+                // Save settings logic would go here
+                navigation.goBack();
+            }, title: "Done" }));
+    }, [navigation]);
+    useEffect(() => {
+        navigation.setOptions({
+            headerRight: HeaderRight,
+        });
+    }, [HeaderRight, navigation]);
     // Build section data
     const listData = [
         {