@planningcenter/chat-react-native 3.42.3-qa-staging.0 → 3.42.3-qa-staging.2

package/build/screens/conversation_select_recipients/conversation_new_entry_screen.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useNavigation } from '@react-navigation/native';
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
 import { ScrollView, StyleSheet, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Button, Heading } from '../../components';
@@ -29,7 +30,7 @@ export const ConversationNewEntryScreen = ({ route }) => {
         }
     }, [entryMode, navigation, route.params]);
     if (entryMode !== 'select_type')
-        return <DefaultLoading />;
+        return _jsx(DefaultLoading, {});
     const handleGroupPress = () => {
         Haptic.impactLight();
         navigation.navigate('ConversationSelectGroupRecipients', route.params);
@@ -38,15 +39,7 @@ export const ConversationNewEntryScreen = ({ route }) => {
         Haptic.impactLight();
         navigation.navigate('ConversationSelectTeamsILeadRecipients', route.params);
     };
-    return (<ScrollView contentContainerStyle={styles.contentContainer}>
-      <View style={styles.header}>
-        <Heading variant="h2">Start a conversation by</Heading>
-      </View>
-      <View style={styles.actions}>
-        <Button title="Group" onPress={handleGroupPress} size="lg" variant="outline" accessibilityHint="Opens group selection screen"/>
-        <Button title="Team" onPress={handleTeamPress} size="lg" variant="outline" accessibilityHint="Opens team selection screen"/>
-      </View>
-    </ScrollView>);
+    return (_jsxs(ScrollView, { contentContainerStyle: styles.contentContainer, children: [_jsx(View, { style: styles.header, children: _jsx(Heading, { variant: "h2", children: "Start a conversation by" }) }), _jsxs(View, { style: styles.actions, children: [_jsx(Button, { title: "Group", onPress: handleGroupPress, size: "lg", variant: "outline", accessibilityHint: "Opens group selection screen" }), _jsx(Button, { title: "Team", onPress: handleTeamPress, size: "lg", variant: "outline", accessibilityHint: "Opens team selection screen" })] })] }));
 };
 const useStyles = () => {
     const { bottom } = useSafeAreaInsets();

package/build/screens/conversation_select_recipients/conversation_new_entry_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_new_entry_screen.js","sourceRoot":"","sources":["../../../src/screens/conversation_select_recipients/conversation_new_entry_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport type { NativeStackNavigationProp } from '@react-navigation/native-stack'\nimport React, { useEffect } from 'react'\nimport { ScrollView, StyleSheet, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Button, Heading } from '../../components'\nimport { DefaultLoading } from '../../components/page/loading'\nimport { useNewConversationEntry } from '../../hooks/use_new_conversation_entry'\nimport { Haptic } from '../../utils/native_adapters'\nimport type {\n  ConversationSelectRecipientsParams,\n  ConversationSelectRecipientsScreenProps,\n} from './types/screen_props'\n\ntype NewConversationStackParamList = {\n  ConversationNewEntry: ConversationSelectRecipientsParams | undefined\n  ConversationSelectGroupRecipients: ConversationSelectRecipientsParams | undefined\n  ConversationSelectTeamsILeadRecipients: ConversationSelectRecipientsParams | undefined\n  ConversationSelectDirectMessageRecipients: ConversationSelectRecipientsParams | undefined\n}\n\nexport const ConversationNewEntryScreen = ({ route }: ConversationSelectRecipientsScreenProps) => {\n  const styles = useStyles()\n  const navigation = useNavigation<NativeStackNavigationProp<NewConversationStackParamList>>()\n  const entryMode = useNewConversationEntry()\n\n  useEffect(() => {\n    if (entryMode === 'groups') {\n      navigation.replace('ConversationSelectGroupRecipients', route.params)\n      return\n    }\n\n    if (entryMode === 'teams') {\n      navigation.replace('ConversationSelectTeamsILeadRecipients', route.params)\n      return\n    }\n\n    if (entryMode === 'direct_message') {\n      navigation.replace('ConversationSelectDirectMessageRecipients', route.params)\n      return\n    }\n\n    if (entryMode === 'none') {\n      navigation.goBack()\n      return\n    }\n  }, [entryMode, navigation, route.params])\n\n  if (entryMode !== 'select_type') return <DefaultLoading />\n\n  const handleGroupPress = () => {\n    Haptic.impactLight()\n    navigation.navigate('ConversationSelectGroupRecipients', route.params)\n  }\n\n  const handleTeamPress = () => {\n    Haptic.impactLight()\n    navigation.navigate('ConversationSelectTeamsILeadRecipients', route.params)\n  }\n\n  return (\n    <ScrollView contentContainerStyle={styles.contentContainer}>\n      <View style={styles.header}>\n        <Heading variant=\"h2\">Start a conversation by</Heading>\n      </View>\n      <View style={styles.actions}>\n        <Button\n          title=\"Group\"\n          onPress={handleGroupPress}\n          size=\"lg\"\n          variant=\"outline\"\n          accessibilityHint=\"Opens group selection screen\"\n        />\n        <Button\n          title=\"Team\"\n          onPress={handleTeamPress}\n          size=\"lg\"\n          variant=\"outline\"\n          accessibilityHint=\"Opens team selection screen\"\n        />\n      </View>\n    </ScrollView>\n  )\n}\n\nconst useStyles = () => {\n  const { bottom } = useSafeAreaInsets()\n\n  return StyleSheet.create({\n    contentContainer: {\n      flexGrow: 1,\n      padding: 16,\n      paddingBottom: 16 + bottom,\n      justifyContent: 'center',\n    },\n    header: {\n      marginBottom: 24,\n      alignItems: 'center',\n    },\n    actions: {\n      gap: 12,\n      flexDirection: 'row',\n      justifyContent: 'center',\n    },\n  })\n}\n"]}
+{"version":3,"file":"conversation_new_entry_screen.js","sourceRoot":"","sources":["../../../src/screens/conversation_select_recipients/conversation_new_entry_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport type { NativeStackNavigationProp } from '@react-navigation/native-stack'\nimport React, { useEffect } from 'react'\nimport { ScrollView, StyleSheet, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Button, Heading } from '../../components'\nimport { DefaultLoading } from '../../components/page/loading'\nimport { useNewConversationEntry } from '../../hooks/use_new_conversation_entry'\nimport { Haptic } from '../../utils/native_adapters'\nimport type {\n  ConversationSelectRecipientsParams,\n  ConversationSelectRecipientsScreenProps,\n} from './types/screen_props'\n\ntype NewConversationStackParamList = {\n  ConversationNewEntry: ConversationSelectRecipientsParams | undefined\n  ConversationSelectGroupRecipients: ConversationSelectRecipientsParams | undefined\n  ConversationSelectTeamsILeadRecipients: ConversationSelectRecipientsParams | undefined\n  ConversationSelectDirectMessageRecipients: ConversationSelectRecipientsParams | undefined\n}\n\nexport const ConversationNewEntryScreen = ({ route }: ConversationSelectRecipientsScreenProps) => {\n  const styles = useStyles()\n  const navigation = useNavigation<NativeStackNavigationProp<NewConversationStackParamList>>()\n  const entryMode = useNewConversationEntry()\n\n  useEffect(() => {\n    if (entryMode === 'groups') {\n      navigation.replace('ConversationSelectGroupRecipients', route.params)\n      return\n    }\n\n    if (entryMode === 'teams') {\n      navigation.replace('ConversationSelectTeamsILeadRecipients', route.params)\n      return\n    }\n\n    if (entryMode === 'direct_message') {\n      navigation.replace('ConversationSelectDirectMessageRecipients', route.params)\n      return\n    }\n\n    if (entryMode === 'none') {\n      navigation.goBack()\n      return\n    }\n  }, [entryMode, navigation, route.params])\n\n  if (entryMode !== 'select_type') return <DefaultLoading />\n\n  const handleGroupPress = () => {\n    Haptic.impactLight()\n    navigation.navigate('ConversationSelectGroupRecipients', route.params)\n  }\n\n  const handleTeamPress = () => {\n    Haptic.impactLight()\n    navigation.navigate('ConversationSelectTeamsILeadRecipients', route.params)\n  }\n\n  return (\n    <ScrollView contentContainerStyle={styles.contentContainer}>\n      <View style={styles.header}>\n        <Heading variant=\"h2\">Start a conversation by</Heading>\n      </View>\n      <View style={styles.actions}>\n        <Button\n          title=\"Group\"\n          onPress={handleGroupPress}\n          size=\"lg\"\n          variant=\"outline\"\n          accessibilityHint=\"Opens group selection screen\"\n        />\n        <Button\n          title=\"Team\"\n          onPress={handleTeamPress}\n          size=\"lg\"\n          variant=\"outline\"\n          accessibilityHint=\"Opens team selection screen\"\n        />\n      </View>\n    </ScrollView>\n  )\n}\n\nconst useStyles = () => {\n  const { bottom } = useSafeAreaInsets()\n\n  return StyleSheet.create({\n    contentContainer: {\n      flexGrow: 1,\n      padding: 16,\n      paddingBottom: 16 + bottom,\n      justifyContent: 'center',\n    },\n    header: {\n      marginBottom: 24,\n      alignItems: 'center',\n    },\n    actions: {\n      gap: 12,\n      flexDirection: 'row',\n      justifyContent: 'center',\n    },\n  })\n}\n"]}

package/build/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.d.ts

@@ -1,3 +1,3 @@
 import { ConversationSelectRecipientsScreenProps } from './types/screen_props';
-export declare function ConversationSelectDirectMessageRecipientsScreen(_props: ConversationSelectRecipientsScreenProps): import("react").JSX.Element;
+export declare function ConversationSelectDirectMessageRecipientsScreen({ route, }: ConversationSelectRecipientsScreenProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=conversation_select_direct_message_recipients_screen.d.ts.map

package/build/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_select_direct_message_recipients_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,uCAAuC,EAAE,MAAM,sBAAsB,CAAA;AAI9E,wBAAgB,+CAA+C,CAC7D,MAAM,EAAE,uCAAuC,+BA2GhD"}
+{"version":3,"file":"conversation_select_direct_message_recipients_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,uCAAuC,EAAE,MAAM,sBAAsB,CAAA;AAI9E,wBAAgB,+CAA+C,CAAC,EAC9D,KAAK,GACN,EAAE,uCAAuC,2CAwHzC"}

package/build/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { PlatformPressable } from '@react-navigation/elements';
 import { StackActions, useNavigation } from '@react-navigation/native';
 import { useEffect, useRef, useState } from 'react';
@@ -13,13 +14,24 @@ import { useDirectMessageConversationValidate } from '../../hooks/direct_message
 import { useFindOrCreateDirectMessageConversation } from '../../hooks/direct_messages/use_find_or_create_direct_message_conversation';
 import { availableFeatures, useFeatures } from '../../hooks/use_features';
 const MAX_RECIPIENTS = 9;
-export function ConversationSelectDirectMessageRecipientsScreen(_props) {
+export function ConversationSelectDirectMessageRecipientsScreen({ route, }) {
+    const { preselected_people = [] } = route.params ?? {};
     const styles = useStyles();
     const navigation = useNavigation();
     const { featureEnabled } = useFeatures();
     const [searchTerm, setSearchTerm] = useState('');
     const [debouncedTerm, setDebouncedTerm] = useState('');
-    const [selectedPeople, setSelectedPeople] = useState(new Map());
+    const [selectedPeople, setSelectedPeople] = useState(() => new Map(preselected_people.map(person => [
+        person.id,
+        {
+            ...person,
+            type: 'DirectMessageCandidate',
+            groups: [],
+            teams: [],
+            under_18: false,
+            directMessagesDisabled: false,
+        },
+    ])));
     const searchInputRef = useRef(null);
     useEffect(() => {
         const timer = setTimeout(() => setDebouncedTerm(searchTerm), 200);
@@ -64,43 +76,17 @@ export function ConversationSelectDirectMessageRecipientsScreen(_props) {
             ? `Open direct message (${selectedPeople.size})`
             : `Start direct message (${selectedPeople.size})`;
     })();
-    return (<KeyboardView>
-      {isError && (<Banner appearance="error" description="There was an issue starting the conversation. Please try again." style={styles.errorBanner}/>)}
-      <ToField selectedPeople={selectedPeople} searchTerm={searchTerm} onSearchChange={setSearchTerm} onRemove={removePerson} onClear={() => setSelectedPeople(new Map())} searchInputRef={searchInputRef}/>
-      <View style={styles.candidateResultsContainer}>
-        <ComponentErrorBoundary key={debouncedTerm} fallback={<Banner appearance="error" description="Couldn't load people right now. Try again." style={styles.errorBanner}/>}>
-          <CandidateResults term={debouncedTerm} selectedPeople={selectedPeople} onSelect={selectPerson}/>
-        </ComponentErrorBoundary>
-      </View>
-      <ActionButton title={buttonText} disabled={selectedPeople.size === 0 || validationPending || warnings.length > 0 || isFinding} loading={validationPending || isFinding} onPress={() => findOrCreateConversation(recipientIds)} warnings={warnings}/>
-    </KeyboardView>);
+    return (_jsxs(KeyboardView, { children: [isError && (_jsx(Banner, { appearance: "error", description: "There was an issue starting the conversation. Please try again.", style: styles.errorBanner })), _jsx(ToField, { selectedPeople: selectedPeople, searchTerm: searchTerm, onSearchChange: setSearchTerm, onRemove: removePerson, onClear: () => setSelectedPeople(new Map()), searchInputRef: searchInputRef }), _jsx(View, { style: styles.candidateResultsContainer, children: _jsx(ComponentErrorBoundary, { fallback: _jsx(Banner, { appearance: "error", description: "Couldn't load people right now. Try again.", style: styles.errorBanner }), children: _jsx(CandidateResults, { term: debouncedTerm, selectedPeople: selectedPeople, onSelect: selectPerson }) }, debouncedTerm) }), _jsx(ActionButton, { title: buttonText, disabled: selectedPeople.size === 0 || validationPending || warnings.length > 0 || isFinding, loading: validationPending || isFinding, onPress: () => findOrCreateConversation(recipientIds), warnings: warnings })] }));
 }
 function ToField({ selectedPeople, searchTerm, onSearchChange, onRemove, onClear, searchInputRef, }) {
     const styles = useStyles();
     const { colors } = useTheme();
     const hasSelections = selectedPeople.size > 0;
-    return (<View style={styles.toField}>
-      <View style={styles.toFieldHeader}>
-        <Text style={styles.toLabel}>To</Text>
-        {hasSelections && (<Pressable onPress={onClear} hitSlop={8}>
-            <Text style={styles.clearButton}>Clear</Text>
-          </Pressable>)}
-      </View>
-      <View style={styles.toInputArea}>
-        {[...selectedPeople.values()].map(person => (<PersonChip key={person.id} person={person} onRemove={onRemove}/>))}
-        <AutoFocusAwareTextInput autoFocus inputRef={searchInputRef} placeholder="Search" placeholderTextColor={colors.textColorDefaultPlaceholder} value={searchTerm} onChangeText={onSearchChange} style={styles.toTextInput} returnKeyType="search"/>
-      </View>
-    </View>);
+    return (_jsxs(View, { style: styles.toField, children: [_jsxs(View, { style: styles.toFieldHeader, children: [_jsx(Text, { style: styles.toLabel, children: "To" }), hasSelections && (_jsx(Pressable, { onPress: onClear, hitSlop: 8, children: _jsx(Text, { style: styles.clearButton, children: "Clear" }) }))] }), _jsxs(View, { style: styles.toInputArea, children: [[...selectedPeople.values()].map(person => (_jsx(PersonChip, { person: person, onRemove: onRemove }, person.id))), _jsx(AutoFocusAwareTextInput, { autoFocus: true, inputRef: searchInputRef, placeholder: "Search", placeholderTextColor: colors.textColorDefaultPlaceholder, value: searchTerm, onChangeText: onSearchChange, style: styles.toTextInput, returnKeyType: "search" })] })] }));
 }
 function PersonChip({ person, onRemove, }) {
     const styles = useStyles();
-    return (<View style={styles.chip}>
-      <Avatar sourceUri={person.avatar} size="sm" showFallback={!person.avatar}/>
-      <Text style={styles.chipName}>{person.name}</Text>
-      <Pressable onPress={() => onRemove(person.id)} hitSlop={8} accessibilityLabel={`Remove ${person.name}`}>
-        <Icon name="general.x" size={12} style={styles.chipRemoveIcon}/>
-      </Pressable>
-    </View>);
+    return (_jsxs(View, { style: styles.chip, children: [_jsx(Avatar, { sourceUri: person.avatar, size: "sm", showFallback: !person.avatar }), _jsx(Text, { style: styles.chipName, children: person.name }), _jsx(Pressable, { onPress: () => onRemove(person.id), hitSlop: 8, accessibilityLabel: `Remove ${person.name}`, children: _jsx(Icon, { name: "general.x", size: 12, style: styles.chipRemoveIcon }) })] }));
 }
 function CandidateResults({ term, selectedPeople, onSelect, }) {
     const styles = useStyles();
@@ -109,39 +95,21 @@ function CandidateResults({ term, selectedPeople, onSelect, }) {
     if (term.length < 1) {
         if (selectedPeople.size > 0)
             return null;
-        return (<View style={styles.emptyState}>
-        <Icon name="churchCenter.people" size={40} style={styles.emptyStateIcon}/>
-        <Text style={styles.emptyStateTitle}>Search for people to direct message</Text>
-        <Text variant="secondary" style={styles.emptyStateSubtitle}>
-          Start a conversation with people in your groups and teams.
-        </Text>
-      </View>);
+        return (_jsxs(View, { style: styles.emptyState, children: [_jsx(Icon, { name: "churchCenter.people", size: 40, style: styles.emptyStateIcon }), _jsx(Text, { style: styles.emptyStateTitle, children: "Search for people to direct message" }), _jsx(Text, { variant: "secondary", style: styles.emptyStateSubtitle, children: "Start a conversation with people in your groups and teams." })] }));
     }
     const isAtLimit = selectedPeople.size >= MAX_RECIPIENTS;
     if (isAtLimit) {
-        return (<View style={styles.emptyState}>
-        <Text variant="secondary" style={styles.emptyStateSubtitle}>
-          You can add up to {MAX_RECIPIENTS} people to a direct message.
-        </Text>
-      </View>);
+        return (_jsx(View, { style: styles.emptyState, children: _jsxs(Text, { variant: "secondary", style: styles.emptyStateSubtitle, children: ["You can add up to ", MAX_RECIPIENTS, " people to a direct message."] }) }));
     }
     const unselectedCandidates = (data?.data ?? []).filter(c => !selectedPeople.has(c.id));
     const hasTruncated = (data?.meta.totalCount ?? 0) > (data?.data.length ?? 0);
     if (isFetching && unselectedCandidates.length === 0) {
-        return (<View style={styles.emptyState}>
-        <Spinner />
-      </View>);
+        return (_jsx(View, { style: styles.emptyState, children: _jsx(Spinner, {}) }));
     }
     if (!isFetching && unselectedCandidates.length === 0) {
-        return (<View style={styles.emptyState}>
-        <Icon name="general.search" size={32} style={styles.emptyStateIcon}/>
-        <Text style={styles.emptyStateTitle}>No matches for "{term}"</Text>
-        <Text variant="secondary" style={styles.emptyStateSubtitle}>
-          Try a different name, or check that you share a group or team with them.
-        </Text>
-      </View>);
+        return (_jsxs(View, { style: styles.emptyState, children: [_jsx(Icon, { name: "general.search", size: 32, style: styles.emptyStateIcon }), _jsxs(Text, { style: styles.emptyStateTitle, children: ["No matches for \"", term, "\""] }), _jsx(Text, { variant: "secondary", style: styles.emptyStateSubtitle, children: "Try a different name, or check that you share a group or team with them." })] }));
     }
-    return (<CandidateList candidates={unselectedCandidates} hasTruncated={hasTruncated} groups={groups} teams={teams} onSelect={onSelect}/>);
+    return (_jsx(CandidateList, { candidates: unselectedCandidates, hasTruncated: hasTruncated, groups: groups, teams: teams, onSelect: onSelect }));
 }
 function candidateBadges(candidate) {
     const badges = [];
@@ -167,40 +135,11 @@ function CandidateList({ candidates, hasTruncated, groups, teams, onSelect, }) {
     const styles = useStyles();
     const available = candidates.filter(c => !c.directMessagesDisabled);
     const dmDisabled = candidates.filter(c => c.directMessagesDisabled);
-    return (<FlatList data={available} keyboardShouldPersistTaps="handled" keyExtractor={item => item.id} renderItem={({ item }) => (<CandidateItem candidate={item} badges={candidateBadges(item)} affiliationNames={candidateAffiliationNames(item, groups, teams)} onSelect={() => onSelect(item)}/>)} ListHeaderComponent={<View style={styles.resultsHeader}>
-          <Text style={styles.resultsHeading}>Results</Text>
-        </View>} ListFooterComponent={<>
-          {dmDisabled.length > 0 && (<>
-              <View style={styles.unavailableHeader}>
-                <Text variant="secondary" style={styles.unavailableLabel}>
-                  Unavailable for direct messages
-                </Text>
-              </View>
-              {dmDisabled.map(candidate => (<CandidateItem key={candidate.id} candidate={candidate} badges={candidateBadges(candidate)} affiliationNames={candidateAffiliationNames(candidate, groups, teams)} disabled/>))}
-            </>)}
-          {hasTruncated && (<View style={styles.truncatedFooter}>
-              <Text variant="secondary" style={styles.truncatedText}>
-                Keep typing to narrow your results.
-              </Text>
-            </View>)}
-        </>}/>);
+    return (_jsx(FlatList, { data: available, keyboardShouldPersistTaps: "handled", keyExtractor: item => item.id, renderItem: ({ item }) => (_jsx(CandidateItem, { candidate: item, badges: candidateBadges(item), affiliationNames: candidateAffiliationNames(item, groups, teams), onSelect: () => onSelect(item) })), ListHeaderComponent: _jsx(View, { style: styles.resultsHeader, children: _jsx(Text, { style: styles.resultsHeading, children: "Results" }) }), ListFooterComponent: _jsxs(_Fragment, { children: [dmDisabled.length > 0 && (_jsxs(_Fragment, { children: [_jsx(View, { style: styles.unavailableHeader, children: _jsx(Text, { variant: "secondary", style: styles.unavailableLabel, children: "Unavailable for direct messages" }) }), dmDisabled.map(candidate => (_jsx(CandidateItem, { candidate: candidate, badges: candidateBadges(candidate), affiliationNames: candidateAffiliationNames(candidate, groups, teams), disabled: true }, candidate.id)))] })), hasTruncated && (_jsx(View, { style: styles.truncatedFooter, children: _jsx(Text, { variant: "secondary", style: styles.truncatedText, children: "Keep typing to narrow your results." }) }))] }) }));
 }
 function CandidateItem({ candidate, badges, affiliationNames, onSelect, disabled = false, }) {
     const styles = useStyles();
-    return (<PlatformPressable onPress={disabled ? undefined : onSelect} accessibilityRole="button" accessibilityLabel={`Select ${candidate.name}`} accessibilityState={{ disabled }}>
-      <View style={[styles.row, disabled && styles.candidateDisabled]}>
-        <Avatar sourceUri={candidate.avatar} size="lg" showFallback={!candidate.avatar}/>
-        <View style={styles.rowInfo}>
-          <Text style={styles.rowName}>{candidate.name}</Text>
-          {affiliationNames.length > 0 && (<Text style={styles.rowAffiliations} numberOfLines={2}>
-              {affiliationNames.join(', ')}
-            </Text>)}
-          {badges.length > 0 && (<View style={styles.badgeRow}>
-              {badges.map(({ title }) => (<Badge key={title} label={title}/>))}
-            </View>)}
-        </View>
-      </View>
-    </PlatformPressable>);
+    return (_jsx(PlatformPressable, { onPress: disabled ? undefined : onSelect, accessibilityRole: "button", accessibilityLabel: `Select ${candidate.name}`, accessibilityState: { disabled }, children: _jsxs(View, { style: [styles.row, disabled && styles.candidateDisabled], children: [_jsx(Avatar, { sourceUri: candidate.avatar, size: "lg", showFallback: !candidate.avatar }), _jsxs(View, { style: styles.rowInfo, children: [_jsx(Text, { style: styles.rowName, children: candidate.name }), affiliationNames.length > 0 && (_jsx(Text, { style: styles.rowAffiliations, numberOfLines: 2, children: affiliationNames.join(', ') })), badges.length > 0 && (_jsx(View, { style: styles.badgeRow, children: badges.map(({ title }) => (_jsx(Badge, { label: title }, title))) }))] })] }) }));
 }
 const useStyles = () => {
     const { colors } = useTheme();

package/build/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_select_direct_message_recipients_screen.js","sourceRoot":"","sources":["../../../src/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACtE,OAAO,EAAa,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAa,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/E,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAC3F,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAA;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AAC7E,OAAO,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAA;AACvF,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,4BAA4B,EAAE,MAAM,6DAA6D,CAAA;AAC1G,OAAO,EAAE,0BAA0B,EAAE,MAAM,2DAA2D,CAAA;AACtG,OAAO,EAAE,oCAAoC,EAAE,MAAM,sEAAsE,CAAA;AAC3H,OAAO,EAAE,wCAAwC,EAAE,MAAM,4EAA4E,CAAA;AACrI,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAIzE,MAAM,cAAc,GAAG,CAAC,CAAA;AAExB,MAAM,UAAU,+CAA+C,CAC7D,MAA+C;IAE/C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,EAAE,cAAc,EAAE,GAAG,WAAW,EAAE,CAAA;IACxC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAChD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACtD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAClD,IAAI,GAAG,EAAE,CACV,CAAA;IACD,MAAM,cAAc,GAAG,MAAM,CAAY,IAAI,CAAC,CAAA;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,UAAU,CAAC,EAAE,GAAG,CAAC,CAAA;QACjE,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;IAClC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,MAAM,YAAY,GAAG,CAAC,MAAsC,EAAE,EAAE;QAC9D,IAAI,cAAc,CAAC,IAAI,IAAI,cAAc;YAAE,OAAM;QACjD,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAA;QAC/D,aAAa,CAAC,EAAE,CAAC,CAAA;QACjB,gBAAgB,CAAC,EAAE,CAAC,CAAA;QACpB,0EAA0E;QAC1E,wEAAwE;QACxE,2EAA2E;QAC3E,sEAAsE;QACtE,IAAI,cAAc,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,EAAE,CAAC;YAC1D,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;QACjC,CAAC;IACH,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,EAAU,EAAE,EAAE;QAClC,iBAAiB,CAAC,IAAI,CAAC,EAAE;YACvB,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAA;YAC1B,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;YACf,OAAO,IAAI,CAAA;QACb,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,GAAG,cAAc,CAAC,IAAI,EAAE,CAAC,CAAA;IAC/C,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,GAAG,oCAAoC,CAAC,EAAE,YAAY,EAAE,CAAC,CAAA;IAE9F,MAAM,aAAa,GAAG,CAAC,cAAsB,EAAE,EAAE;QAC/C,UAAU,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,CAAA;QAChC,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,cAAc,EAAE,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC,CAAC,CAAA;IAC7F,CAAC,CAAA;IAED,MAAM,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,SAAS,EAAE,OAAO,EAAE,GACzE,wCAAwC,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC,CAAA;IAEtF,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE;QACvB,IAAI,cAAc,CAAC,IAAI,KAAK,CAAC;YAAE,OAAO,oBAAoB,CAAA;QAC1D,IAAI,cAAc,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;YAC9B,MAAM,SAAS,GAAG,cAAc,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;YAC1E,OAAO,mBAAmB,CAAC,CAAC,CAAC,qBAAqB,SAAS,EAAE,CAAC,CAAC,CAAC,WAAW,SAAS,EAAE,CAAA;QACxF,CAAC;QACD,OAAO,mBAAmB;YACxB,CAAC,CAAC,wBAAwB,cAAc,CAAC,IAAI,GAAG;YAChD,CAAC,CAAC,yBAAyB,cAAc,CAAC,IAAI,GAAG,CAAA;IACrD,CAAC,CAAC,EAAE,CAAA;IAEJ,OAAO,CACL,CAAC,YAAY,CACX;MAAA,CAAC,OAAO,IAAI,CACV,CAAC,MAAM,CACL,UAAU,CAAC,OAAO,CAClB,WAAW,CAAC,iEAAiE,CAC7E,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,EAC1B,CACH,CACD;MAAA,CAAC,OAAO,CACN,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,cAAc,CAAC,CAAC,aAAa,CAAC,CAC9B,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,CAC5C,cAAc,CAAC,CAAC,cAAc,CAAC,EAEjC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAC5C;QAAA,CAAC,sBAAsB,CACrB,GAAG,CAAC,CAAC,aAAa,CAAC,CACnB,QAAQ,CAAC,CACP,CAAC,MAAM,CACL,UAAU,CAAC,OAAO,CAClB,WAAW,CAAC,4CAA4C,CACxD,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,EAE9B,CAAC,CAED;UAAA,CAAC,gBAAgB,CACf,IAAI,CAAC,CAAC,aAAa,CAAC,CACpB,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,QAAQ,CAAC,CAAC,YAAY,CAAC,EAE3B;QAAA,EAAE,sBAAsB,CAC1B;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,YAAY,CACX,KAAK,CAAC,CAAC,UAAU,CAAC,CAClB,QAAQ,CAAC,CACP,cAAc,CAAC,IAAI,KAAK,CAAC,IAAI,iBAAiB,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,SAC3E,CAAC,CACD,OAAO,CAAC,CAAC,iBAAiB,IAAI,SAAS,CAAC,CACxC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,wBAAwB,CAAC,YAAY,CAAC,CAAC,CACtD,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAEvB;IAAA,EAAE,YAAY,CAAC,CAChB,CAAA;AACH,CAAC;AAED,SAAS,OAAO,CAAC,EACf,cAAc,EACd,UAAU,EACV,cAAc,EACd,QAAQ,EACR,OAAO,EACP,cAAc,GAQf;IACC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,aAAa,GAAG,cAAc,CAAC,IAAI,GAAG,CAAC,CAAA;IAE7C,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAC1B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAChC;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,IAAI,CACrC;QAAA,CAAC,aAAa,IAAI,CAChB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CACtC;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,IAAI,CAC9C;UAAA,EAAE,SAAS,CAAC,CACb,CACH;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAC9B;QAAA,CAAC,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC1C,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAAG,CACnE,CAAC,CACF;QAAA,CAAC,uBAAuB,CACtB,SAAS,CACT,QAAQ,CAAC,CAAC,cAAc,CAAC,CACzB,WAAW,CAAC,QAAQ,CACpB,oBAAoB,CAAC,CAAC,MAAM,CAAC,2BAA2B,CAAC,CACzD,KAAK,CAAC,CAAC,UAAU,CAAC,CAClB,YAAY,CAAC,CAAC,cAAc,CAAC,CAC7B,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAC1B,aAAa,CAAC,QAAQ,EAE1B;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAClB,MAAM,EACN,QAAQ,GAIT;IACC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACvB;MAAA,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EACzE;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,CACjD;MAAA,CAAC,SAAS,CACR,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CACnC,OAAO,CAAC,CAAC,CAAC,CAAC,CACX,kBAAkB,CAAC,CAAC,UAAU,MAAM,CAAC,IAAI,EAAE,CAAC,CAE5C;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,EAChE;MAAA,EAAE,SAAS,CACb;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,IAAI,EACJ,cAAc,EACd,QAAQ,GAKT;IACC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAA;IAC7D,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,4BAA4B,EAAE,CAAA;IAExD,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACpB,IAAI,cAAc,CAAC,IAAI,GAAG,CAAC;YAAE,OAAO,IAAI,CAAA;QAExC,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAC7B;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,EACxE;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,mCAAmC,EAAE,IAAI,CAC9E;QAAA,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CACzD;;QACF,EAAE,IAAI,CACR;MAAA,EAAE,IAAI,CAAC,CACR,CAAA;IACH,CAAC;IAED,MAAM,SAAS,GAAG,cAAc,CAAC,IAAI,IAAI,cAAc,CAAA;IAEvD,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAC7B;QAAA,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CACzD;4BAAkB,CAAC,cAAc,CAAE;QACrC,EAAE,IAAI,CACR;MAAA,EAAE,IAAI,CAAC,CACR,CAAA;IACH,CAAC;IAED,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IACtF,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,CAAA;IAE5E,IAAI,UAAU,IAAI,oBAAoB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACpD,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAC7B;QAAA,CAAC,OAAO,CAAC,AAAD,EACV;MAAA,EAAE,IAAI,CAAC,CACR,CAAA;IACH,CAAC;IAED,IAAI,CAAC,UAAU,IAAI,oBAAoB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACrD,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAC7B;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,EACnE;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAClE;QAAA,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CACzD;;QACF,EAAE,IAAI,CACR;MAAA,EAAE,IAAI,CAAC,CACR,CAAA;IACH,CAAC;IAED,OAAO,CACL,CAAC,aAAa,CACZ,UAAU,CAAC,CAAC,oBAAoB,CAAC,CACjC,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,QAAQ,CAAC,EACnB,CACH,CAAA;AACH,CAAC;AAED,SAAS,eAAe,CAAC,SAAyC;IAChE,MAAM,MAAM,GAAG,EAAE,CAAA;IACjB,IAAI,SAAS,CAAC,sBAAsB;QAAE,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAA;IACvE,IAAI,SAAS,CAAC,QAAQ;QAAE,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAA;IAC1D,OAAO,MAAM,CAAA;AACf,CAAC;AAED,SAAS,yBAAyB,CAChC,SAAyC,EACzC,MAA2B,EAC3B,KAA0B;IAE1B,OAAO;QACL,GAAG,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;YAC/B,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;YAC3B,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;QAC3B,CAAC,CAAC;QACF,GAAG,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;YAC9B,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;YAC1B,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;QAC3B,CAAC,CAAC;KACH,CAAA;AACH,CAAC;AAED,SAAS,aAAa,CAAC,EACrB,UAAU,EACV,YAAY,EACZ,MAAM,EACN,KAAK,EACL,QAAQ,GAOT;IACC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAA;IACnE,MAAM,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAA;IAEnE,OAAO,CACL,CAAC,QAAQ,CACP,IAAI,CAAC,CAAC,SAAS,CAAC,CAChB,yBAAyB,CAAC,SAAS,CACnC,YAAY,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAC9B,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACxB,CAAC,aAAa,CACZ,SAAS,CAAC,CAAC,IAAI,CAAC,CAChB,MAAM,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAC9B,gBAAgB,CAAC,CAAC,yBAAyB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CACjE,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,EAC/B,CACH,CAAC,CACF,mBAAmB,CAAC,CAClB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAChC;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,OAAO,EAAE,IAAI,CACnD;QAAA,EAAE,IAAI,CACR,CAAC,CACD,mBAAmB,CAAC,CAClB,EACE;UAAA,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CACxB,EACE;cAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CACpC;gBAAA,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CACvD;;gBACF,EAAE,IAAI,CACR;cAAA,EAAE,IAAI,CACN;cAAA,CAAC,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,CAC3B,CAAC,aAAa,CACZ,GAAG,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,CAClB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,MAAM,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CACnC,gBAAgB,CAAC,CAAC,yBAAyB,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CACtE,QAAQ,EACR,CACH,CAAC,CACJ;YAAA,GAAG,CACJ,CACD;UAAA,CAAC,YAAY,IAAI,CACf,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAClC;cAAA,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CACpD;;cACF,EAAE,IAAI,CACR;YAAA,EAAE,IAAI,CAAC,CACR,CACH;QAAA,GACF,CAAC,EACD,CACH,CAAA;AACH,CAAC;AAED,SAAS,aAAa,CAAC,EACrB,SAAS,EACT,MAAM,EACN,gBAAgB,EAChB,QAAQ,EACR,QAAQ,GAAG,KAAK,GAOjB;IACC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,iBAAiB,CAChB,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CACzC,iBAAiB,CAAC,QAAQ,CAC1B,kBAAkB,CAAC,CAAC,UAAU,SAAS,CAAC,IAAI,EAAE,CAAC,CAC/C,kBAAkB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAEjC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,EAAE,QAAQ,IAAI,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAC9D;QAAA,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,EAC/E;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAC1B;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,CACnD;UAAA,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9B,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CACpD;cAAA,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAC9B;YAAA,EAAE,IAAI,CAAC,CACR,CACD;UAAA,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAC3B;cAAA,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACzB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG,CACpC,CAAC,CACJ;YAAA,EAAE,IAAI,CAAC,CACR,CACH;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,iBAAiB,CAAC,CACrB,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,yBAAyB,EAAE;YACzB,IAAI,EAAE,CAAC;SACR;QACD,OAAO,EAAE;YACP,iBAAiB,EAAE,EAAE;YACrB,UAAU,EAAE,EAAE;YACd,aAAa,EAAE,CAAC;SACjB;QACD,aAAa,EAAE;YACb,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,eAAe;YAC/B,UAAU,EAAE,QAAQ;YACpB,YAAY,EAAE,CAAC;SAChB;QACD,OAAO,EAAE;YACP,UAAU,EAAE,KAAK;YACjB,KAAK,EAAE,MAAM,CAAC,yBAAyB;SACxC;QACD,WAAW,EAAE;YACX,KAAK,EAAE,MAAM,CAAC,WAAW;SAC1B;QACD,WAAW,EAAE;YACX,aAAa,EAAE,KAAK;YACpB,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,CAAC;YACN,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,MAAM,CAAC,sBAAsB;YAC1C,YAAY,EAAE,CAAC;YACf,iBAAiB,EAAE,EAAE;YACrB,eAAe,EAAE,CAAC;SACnB;QACD,WAAW,EAAE;YACX,IAAI,EAAE,CAAC;YACP,QAAQ,EAAE,EAAE;YACZ,KAAK,EAAE,MAAM,CAAC,uBAAuB;YACrC,QAAQ,EAAE,EAAE;YACZ,eAAe,EAAE,CAAC;SACnB;QACD,IAAI,EAAE;YACJ,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,CAAC;YACN,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,MAAM,CAAC,sBAAsB;YAC1C,YAAY,EAAE,GAAG;YACjB,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,CAAC;YACf,eAAe,EAAE,CAAC;SACnB;QACD,QAAQ,EAAE;YACR,QAAQ,EAAE,EAAE;SACb;QACD,cAAc,EAAE;YACd,KAAK,EAAE,MAAM,CAAC,yBAAyB;SACxC;QACD,WAAW,EAAE;YACX,MAAM,EAAE,EAAE;SACX;QACD,UAAU,EAAE;YACV,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,EAAE;YACd,iBAAiB,EAAE,EAAE;YACrB,GAAG,EAAE,CAAC;SACP;QACD,cAAc,EAAE;YACd,KAAK,EAAE,MAAM,CAAC,yBAAyB;YACvC,YAAY,EAAE,CAAC;SAChB;QACD,eAAe,EAAE;YACf,UAAU,EAAE,KAAK;YACjB,SAAS,EAAE,QAAQ;SACpB;QACD,kBAAkB,EAAE;YAClB,SAAS,EAAE,QAAQ;YACnB,QAAQ,EAAE,EAAE;SACb;QACD,GAAG,EAAE;YACH,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,YAAY;YACxB,GAAG,EAAE,EAAE;YACP,iBAAiB,EAAE,EAAE;YACrB,eAAe,EAAE,EAAE;YACnB,iBAAiB,EAAE,CAAC;YACpB,WAAW,EAAE,MAAM,CAAC,qBAAqB;SAC1C;QACD,OAAO,EAAE;YACP,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;SACP;QACD,OAAO,EAAE;YACP,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,KAAK;SAClB;QACD,eAAe,EAAE;YACf,QAAQ,EAAE,EAAE;YACZ,KAAK,EAAE,MAAM,CAAC,yBAAyB;SACxC;QACD,QAAQ,EAAE;YACR,aAAa,EAAE,KAAK;YACpB,QAAQ,EAAE,MAAM;YAChB,GAAG,EAAE,CAAC;YACN,SAAS,EAAE,CAAC;SACb;QAED,iBAAiB,EAAE;YACjB,OAAO,EAAE,GAAG;SACb;QACD,aAAa,EAAE;YACb,iBAAiB,EAAE,EAAE;YACrB,UAAU,EAAE,EAAE;YACd,aAAa,EAAE,CAAC;SACjB;QACD,cAAc,EAAE;YACd,UAAU,EAAE,KAAK;SAClB;QACD,iBAAiB,EAAE;YACjB,iBAAiB,EAAE,EAAE;YACrB,UAAU,EAAE,EAAE;YACd,aAAa,EAAE,CAAC;SACjB;QACD,gBAAgB,EAAE;YAChB,QAAQ,EAAE,EAAE;SACb;QACD,eAAe,EAAE;YACf,iBAAiB,EAAE,EAAE;YACrB,UAAU,EAAE,EAAE;YACd,aAAa,EAAE,CAAC;SACjB;QACD,aAAa,EAAE;YACb,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,QAAQ;SACpB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { StackActions, useNavigation } from '@react-navigation/native'\nimport { RefObject, useEffect, useRef, useState } from 'react'\nimport { FlatList, Pressable, StyleSheet, TextInput, View } from 'react-native'\nimport { Avatar, Badge, Banner, Icon, KeyboardView, Spinner, Text } from '../../components'\nimport { ActionButton } from '../../components/display/action_button'\nimport { AutoFocusAwareTextInput } from '../../components/display/text_input'\nimport { ComponentErrorBoundary } from '../../components/page/component_error_boundary'\nimport { useTheme } from '../../hooks'\nimport { useDirectMessageAffiliations } from '../../hooks/direct_messages/use_direct_message_affiliations'\nimport { useDirectMessageCandidates } from '../../hooks/direct_messages/use_direct_message_candidates'\nimport { useDirectMessageConversationValidate } from '../../hooks/direct_messages/use_direct_message_conversation_validate'\nimport { useFindOrCreateDirectMessageConversation } from '../../hooks/direct_messages/use_find_or_create_direct_message_conversation'\nimport { availableFeatures, useFeatures } from '../../hooks/use_features'\nimport { DirectMessageCandidateResource } from '../../types/resources/direct_message_candidate'\nimport { ConversationSelectRecipientsScreenProps } from './types/screen_props'\n\nconst MAX_RECIPIENTS = 9\n\nexport function ConversationSelectDirectMessageRecipientsScreen(\n  _props: ConversationSelectRecipientsScreenProps\n) {\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const { featureEnabled } = useFeatures()\n  const [searchTerm, setSearchTerm] = useState('')\n  const [debouncedTerm, setDebouncedTerm] = useState('')\n  const [selectedPeople, setSelectedPeople] = useState<Map<string, DirectMessageCandidateResource>>(\n    new Map()\n  )\n  const searchInputRef = useRef<TextInput>(null)\n\n  useEffect(() => {\n    const timer = setTimeout(() => setDebouncedTerm(searchTerm), 200)\n    return () => clearTimeout(timer)\n  }, [searchTerm])\n\n  const selectPerson = (person: DirectMessageCandidateResource) => {\n    if (selectedPeople.size >= MAX_RECIPIENTS) return\n    setSelectedPeople(prev => new Map(prev).set(person.id, person))\n    setSearchTerm('')\n    setDebouncedTerm('')\n    // Controlled TextInput can retain stale native text on iOS when the value\n    // is cleared while it stays focused (keyboardShouldPersistTaps keeps it\n    // focused through the tap) — clear() forces the native view to sync. Gated\n    // so EAP reporters can toggle the fix on their devices to confirm it.\n    if (featureEnabled(availableFeatures.dm_search_clear_fix)) {\n      searchInputRef.current?.clear()\n    }\n  }\n\n  const removePerson = (id: string) => {\n    setSelectedPeople(prev => {\n      const next = new Map(prev)\n      next.delete(id)\n      return next\n    })\n  }\n\n  const recipientIds = [...selectedPeople.keys()]\n  const { warnings, validationPending } = useDirectMessageConversationValidate({ recipientIds })\n\n  const handleSuccess = (conversationId: number) => {\n    navigation.getParent()?.goBack()\n    navigation.dispatch(StackActions.push('Conversation', { conversation_id: conversationId }))\n  }\n\n  const { findOrCreateConversation, directMessageExists, isFinding, isError } =\n    useFindOrCreateDirectMessageConversation({ recipientIds, onSuccess: handleSuccess })\n\n  const buttonText = (() => {\n    if (selectedPeople.size === 0) return 'Start conversation'\n    if (selectedPeople.size === 1) {\n      const firstName = selectedPeople.values().next().value!.name.split(' ')[0]\n      return directMessageExists ? `Open message with ${firstName}` : `Message ${firstName}`\n    }\n    return directMessageExists\n      ? `Open direct message (${selectedPeople.size})`\n      : `Start direct message (${selectedPeople.size})`\n  })()\n\n  return (\n    <KeyboardView>\n      {isError && (\n        <Banner\n          appearance=\"error\"\n          description=\"There was an issue starting the conversation. Please try again.\"\n          style={styles.errorBanner}\n        />\n      )}\n      <ToField\n        selectedPeople={selectedPeople}\n        searchTerm={searchTerm}\n        onSearchChange={setSearchTerm}\n        onRemove={removePerson}\n        onClear={() => setSelectedPeople(new Map())}\n        searchInputRef={searchInputRef}\n      />\n      <View style={styles.candidateResultsContainer}>\n        <ComponentErrorBoundary\n          key={debouncedTerm}\n          fallback={\n            <Banner\n              appearance=\"error\"\n              description=\"Couldn't load people right now. Try again.\"\n              style={styles.errorBanner}\n            />\n          }\n        >\n          <CandidateResults\n            term={debouncedTerm}\n            selectedPeople={selectedPeople}\n            onSelect={selectPerson}\n          />\n        </ComponentErrorBoundary>\n      </View>\n      <ActionButton\n        title={buttonText}\n        disabled={\n          selectedPeople.size === 0 || validationPending || warnings.length > 0 || isFinding\n        }\n        loading={validationPending || isFinding}\n        onPress={() => findOrCreateConversation(recipientIds)}\n        warnings={warnings}\n      />\n    </KeyboardView>\n  )\n}\n\nfunction ToField({\n  selectedPeople,\n  searchTerm,\n  onSearchChange,\n  onRemove,\n  onClear,\n  searchInputRef,\n}: {\n  selectedPeople: Map<string, DirectMessageCandidateResource>\n  searchTerm: string\n  onSearchChange: (term: string) => void\n  onRemove: (id: string) => void\n  onClear: () => void\n  searchInputRef: RefObject<TextInput | null>\n}) {\n  const styles = useStyles()\n  const { colors } = useTheme()\n  const hasSelections = selectedPeople.size > 0\n\n  return (\n    <View style={styles.toField}>\n      <View style={styles.toFieldHeader}>\n        <Text style={styles.toLabel}>To</Text>\n        {hasSelections && (\n          <Pressable onPress={onClear} hitSlop={8}>\n            <Text style={styles.clearButton}>Clear</Text>\n          </Pressable>\n        )}\n      </View>\n      <View style={styles.toInputArea}>\n        {[...selectedPeople.values()].map(person => (\n          <PersonChip key={person.id} person={person} onRemove={onRemove} />\n        ))}\n        <AutoFocusAwareTextInput\n          autoFocus\n          inputRef={searchInputRef}\n          placeholder=\"Search\"\n          placeholderTextColor={colors.textColorDefaultPlaceholder}\n          value={searchTerm}\n          onChangeText={onSearchChange}\n          style={styles.toTextInput}\n          returnKeyType=\"search\"\n        />\n      </View>\n    </View>\n  )\n}\n\nfunction PersonChip({\n  person,\n  onRemove,\n}: {\n  person: DirectMessageCandidateResource\n  onRemove: (id: string) => void\n}) {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.chip}>\n      <Avatar sourceUri={person.avatar} size=\"sm\" showFallback={!person.avatar} />\n      <Text style={styles.chipName}>{person.name}</Text>\n      <Pressable\n        onPress={() => onRemove(person.id)}\n        hitSlop={8}\n        accessibilityLabel={`Remove ${person.name}`}\n      >\n        <Icon name=\"general.x\" size={12} style={styles.chipRemoveIcon} />\n      </Pressable>\n    </View>\n  )\n}\n\nfunction CandidateResults({\n  term,\n  selectedPeople,\n  onSelect,\n}: {\n  term: string\n  selectedPeople: Map<string, DirectMessageCandidateResource>\n  onSelect: (candidate: DirectMessageCandidateResource) => void\n}) {\n  const styles = useStyles()\n  const { data, isFetching } = useDirectMessageCandidates(term)\n  const { groups, teams } = useDirectMessageAffiliations()\n\n  if (term.length < 1) {\n    if (selectedPeople.size > 0) return null\n\n    return (\n      <View style={styles.emptyState}>\n        <Icon name=\"churchCenter.people\" size={40} style={styles.emptyStateIcon} />\n        <Text style={styles.emptyStateTitle}>Search for people to direct message</Text>\n        <Text variant=\"secondary\" style={styles.emptyStateSubtitle}>\n          Start a conversation with people in your groups and teams.\n        </Text>\n      </View>\n    )\n  }\n\n  const isAtLimit = selectedPeople.size >= MAX_RECIPIENTS\n\n  if (isAtLimit) {\n    return (\n      <View style={styles.emptyState}>\n        <Text variant=\"secondary\" style={styles.emptyStateSubtitle}>\n          You can add up to {MAX_RECIPIENTS} people to a direct message.\n        </Text>\n      </View>\n    )\n  }\n\n  const unselectedCandidates = (data?.data ?? []).filter(c => !selectedPeople.has(c.id))\n  const hasTruncated = (data?.meta.totalCount ?? 0) > (data?.data.length ?? 0)\n\n  if (isFetching && unselectedCandidates.length === 0) {\n    return (\n      <View style={styles.emptyState}>\n        <Spinner />\n      </View>\n    )\n  }\n\n  if (!isFetching && unselectedCandidates.length === 0) {\n    return (\n      <View style={styles.emptyState}>\n        <Icon name=\"general.search\" size={32} style={styles.emptyStateIcon} />\n        <Text style={styles.emptyStateTitle}>No matches for \"{term}\"</Text>\n        <Text variant=\"secondary\" style={styles.emptyStateSubtitle}>\n          Try a different name, or check that you share a group or team with them.\n        </Text>\n      </View>\n    )\n  }\n\n  return (\n    <CandidateList\n      candidates={unselectedCandidates}\n      hasTruncated={hasTruncated}\n      groups={groups}\n      teams={teams}\n      onSelect={onSelect}\n    />\n  )\n}\n\nfunction candidateBadges(candidate: DirectMessageCandidateResource) {\n  const badges = []\n  if (candidate.directMessagesDisabled) badges.push({ title: 'DMs off' })\n  if (candidate.under_18) badges.push({ title: 'Under 18' })\n  return badges\n}\n\nfunction candidateAffiliationNames(\n  candidate: DirectMessageCandidateResource,\n  groups: Map<number, string>,\n  teams: Map<number, string>\n) {\n  return [\n    ...candidate.groups.flatMap(id => {\n      const name = groups.get(id)\n      return name ? [name] : []\n    }),\n    ...candidate.teams.flatMap(id => {\n      const name = teams.get(id)\n      return name ? [name] : []\n    }),\n  ]\n}\n\nfunction CandidateList({\n  candidates,\n  hasTruncated,\n  groups,\n  teams,\n  onSelect,\n}: {\n  candidates: DirectMessageCandidateResource[]\n  hasTruncated: boolean\n  groups: Map<number, string>\n  teams: Map<number, string>\n  onSelect: (candidate: DirectMessageCandidateResource) => void\n}) {\n  const styles = useStyles()\n  const available = candidates.filter(c => !c.directMessagesDisabled)\n  const dmDisabled = candidates.filter(c => c.directMessagesDisabled)\n\n  return (\n    <FlatList<DirectMessageCandidateResource>\n      data={available}\n      keyboardShouldPersistTaps=\"handled\"\n      keyExtractor={item => item.id}\n      renderItem={({ item }) => (\n        <CandidateItem\n          candidate={item}\n          badges={candidateBadges(item)}\n          affiliationNames={candidateAffiliationNames(item, groups, teams)}\n          onSelect={() => onSelect(item)}\n        />\n      )}\n      ListHeaderComponent={\n        <View style={styles.resultsHeader}>\n          <Text style={styles.resultsHeading}>Results</Text>\n        </View>\n      }\n      ListFooterComponent={\n        <>\n          {dmDisabled.length > 0 && (\n            <>\n              <View style={styles.unavailableHeader}>\n                <Text variant=\"secondary\" style={styles.unavailableLabel}>\n                  Unavailable for direct messages\n                </Text>\n              </View>\n              {dmDisabled.map(candidate => (\n                <CandidateItem\n                  key={candidate.id}\n                  candidate={candidate}\n                  badges={candidateBadges(candidate)}\n                  affiliationNames={candidateAffiliationNames(candidate, groups, teams)}\n                  disabled\n                />\n              ))}\n            </>\n          )}\n          {hasTruncated && (\n            <View style={styles.truncatedFooter}>\n              <Text variant=\"secondary\" style={styles.truncatedText}>\n                Keep typing to narrow your results.\n              </Text>\n            </View>\n          )}\n        </>\n      }\n    />\n  )\n}\n\nfunction CandidateItem({\n  candidate,\n  badges,\n  affiliationNames,\n  onSelect,\n  disabled = false,\n}: {\n  candidate: DirectMessageCandidateResource\n  badges: { title: string }[]\n  affiliationNames: string[]\n  onSelect?: () => void\n  disabled?: boolean\n}) {\n  const styles = useStyles()\n\n  return (\n    <PlatformPressable\n      onPress={disabled ? undefined : onSelect}\n      accessibilityRole=\"button\"\n      accessibilityLabel={`Select ${candidate.name}`}\n      accessibilityState={{ disabled }}\n    >\n      <View style={[styles.row, disabled && styles.candidateDisabled]}>\n        <Avatar sourceUri={candidate.avatar} size=\"lg\" showFallback={!candidate.avatar} />\n        <View style={styles.rowInfo}>\n          <Text style={styles.rowName}>{candidate.name}</Text>\n          {affiliationNames.length > 0 && (\n            <Text style={styles.rowAffiliations} numberOfLines={2}>\n              {affiliationNames.join(', ')}\n            </Text>\n          )}\n          {badges.length > 0 && (\n            <View style={styles.badgeRow}>\n              {badges.map(({ title }) => (\n                <Badge key={title} label={title} />\n              ))}\n            </View>\n          )}\n        </View>\n      </View>\n    </PlatformPressable>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    candidateResultsContainer: {\n      flex: 1,\n    },\n    toField: {\n      paddingHorizontal: 16,\n      paddingTop: 16,\n      paddingBottom: 8,\n    },\n    toFieldHeader: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      marginBottom: 8,\n    },\n    toLabel: {\n      fontWeight: '600',\n      color: colors.textColorDefaultSecondary,\n    },\n    clearButton: {\n      color: colors.interaction,\n    },\n    toInputArea: {\n      flexDirection: 'row',\n      flexWrap: 'wrap',\n      alignItems: 'center',\n      gap: 6,\n      borderWidth: 1,\n      borderColor: colors.borderColorDefaultBase,\n      borderRadius: 8,\n      paddingHorizontal: 10,\n      paddingVertical: 8,\n    },\n    toTextInput: {\n      flex: 1,\n      minWidth: 80,\n      color: colors.textColorDefaultPrimary,\n      fontSize: 16,\n      paddingVertical: 2,\n    },\n    chip: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 4,\n      borderWidth: 1,\n      borderColor: colors.borderColorDefaultBase,\n      borderRadius: 100,\n      paddingLeft: 4,\n      paddingRight: 6,\n      paddingVertical: 3,\n    },\n    chipName: {\n      fontSize: 14,\n    },\n    chipRemoveIcon: {\n      color: colors.iconColorDefaultSecondary,\n    },\n    errorBanner: {\n      margin: 16,\n    },\n    emptyState: {\n      alignItems: 'center',\n      paddingTop: 32,\n      paddingHorizontal: 32,\n      gap: 8,\n    },\n    emptyStateIcon: {\n      color: colors.iconColorDefaultSecondary,\n      marginBottom: 4,\n    },\n    emptyStateTitle: {\n      fontWeight: '600',\n      textAlign: 'center',\n    },\n    emptyStateSubtitle: {\n      textAlign: 'center',\n      fontSize: 14,\n    },\n    row: {\n      flexDirection: 'row',\n      alignItems: 'flex-start',\n      gap: 12,\n      paddingHorizontal: 16,\n      paddingVertical: 12,\n      borderBottomWidth: 1,\n      borderColor: colors.borderColorDefaultDim,\n    },\n    rowInfo: {\n      flex: 1,\n      gap: 2,\n    },\n    rowName: {\n      fontSize: 15,\n      fontWeight: '500',\n    },\n    rowAffiliations: {\n      fontSize: 12,\n      color: colors.textColorDefaultSecondary,\n    },\n    badgeRow: {\n      flexDirection: 'row',\n      flexWrap: 'wrap',\n      gap: 4,\n      marginTop: 4,\n    },\n\n    candidateDisabled: {\n      opacity: 0.5,\n    },\n    resultsHeader: {\n      paddingHorizontal: 16,\n      paddingTop: 16,\n      paddingBottom: 8,\n    },\n    resultsHeading: {\n      fontWeight: '600',\n    },\n    unavailableHeader: {\n      paddingHorizontal: 16,\n      paddingTop: 16,\n      paddingBottom: 8,\n    },\n    unavailableLabel: {\n      fontSize: 13,\n    },\n    truncatedFooter: {\n      paddingHorizontal: 16,\n      paddingTop: 12,\n      paddingBottom: 8,\n    },\n    truncatedText: {\n      fontSize: 13,\n      textAlign: 'center',\n    },\n  })\n}\n"]}
+{"version":3,"file":"conversation_select_direct_message_recipients_screen.js","sourceRoot":"","sources":["../../../src/screens/conversation_select_recipients/conversation_select_direct_message_recipients_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { StackActions, useNavigation } from '@react-navigation/native'\nimport { RefObject, useEffect, useRef, useState } from 'react'\nimport { FlatList, Pressable, StyleSheet, TextInput, View } from 'react-native'\nimport { Avatar, Badge, Banner, Icon, KeyboardView, Spinner, Text } from '../../components'\nimport { ActionButton } from '../../components/display/action_button'\nimport { AutoFocusAwareTextInput } from '../../components/display/text_input'\nimport { ComponentErrorBoundary } from '../../components/page/component_error_boundary'\nimport { useTheme } from '../../hooks'\nimport { useDirectMessageAffiliations } from '../../hooks/direct_messages/use_direct_message_affiliations'\nimport { useDirectMessageCandidates } from '../../hooks/direct_messages/use_direct_message_candidates'\nimport { useDirectMessageConversationValidate } from '../../hooks/direct_messages/use_direct_message_conversation_validate'\nimport { useFindOrCreateDirectMessageConversation } from '../../hooks/direct_messages/use_find_or_create_direct_message_conversation'\nimport { availableFeatures, useFeatures } from '../../hooks/use_features'\nimport { DirectMessageCandidateResource } from '../../types/resources/direct_message_candidate'\nimport { ConversationSelectRecipientsScreenProps } from './types/screen_props'\n\nconst MAX_RECIPIENTS = 9\n\nexport function ConversationSelectDirectMessageRecipientsScreen({\n  route,\n}: ConversationSelectRecipientsScreenProps) {\n  const { preselected_people = [] } = route.params ?? {}\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const { featureEnabled } = useFeatures()\n  const [searchTerm, setSearchTerm] = useState('')\n  const [debouncedTerm, setDebouncedTerm] = useState('')\n  const [selectedPeople, setSelectedPeople] = useState<Map<string, DirectMessageCandidateResource>>(\n    () =>\n      new Map(\n        preselected_people.map(person => [\n          person.id,\n          {\n            ...person,\n            type: 'DirectMessageCandidate' as const,\n            groups: [],\n            teams: [],\n            under_18: false,\n            directMessagesDisabled: false,\n          },\n        ])\n      )\n  )\n  const searchInputRef = useRef<TextInput>(null)\n\n  useEffect(() => {\n    const timer = setTimeout(() => setDebouncedTerm(searchTerm), 200)\n    return () => clearTimeout(timer)\n  }, [searchTerm])\n\n  const selectPerson = (person: DirectMessageCandidateResource) => {\n    if (selectedPeople.size >= MAX_RECIPIENTS) return\n    setSelectedPeople(prev => new Map(prev).set(person.id, person))\n    setSearchTerm('')\n    setDebouncedTerm('')\n    // Controlled TextInput can retain stale native text on iOS when the value\n    // is cleared while it stays focused (keyboardShouldPersistTaps keeps it\n    // focused through the tap) — clear() forces the native view to sync. Gated\n    // so EAP reporters can toggle the fix on their devices to confirm it.\n    if (featureEnabled(availableFeatures.dm_search_clear_fix)) {\n      searchInputRef.current?.clear()\n    }\n  }\n\n  const removePerson = (id: string) => {\n    setSelectedPeople(prev => {\n      const next = new Map(prev)\n      next.delete(id)\n      return next\n    })\n  }\n\n  const recipientIds = [...selectedPeople.keys()]\n  const { warnings, validationPending } = useDirectMessageConversationValidate({ recipientIds })\n\n  const handleSuccess = (conversationId: number) => {\n    navigation.getParent()?.goBack()\n    navigation.dispatch(StackActions.push('Conversation', { conversation_id: conversationId }))\n  }\n\n  const { findOrCreateConversation, directMessageExists, isFinding, isError } =\n    useFindOrCreateDirectMessageConversation({ recipientIds, onSuccess: handleSuccess })\n\n  const buttonText = (() => {\n    if (selectedPeople.size === 0) return 'Start conversation'\n    if (selectedPeople.size === 1) {\n      const firstName = selectedPeople.values().next().value!.name.split(' ')[0]\n      return directMessageExists ? `Open message with ${firstName}` : `Message ${firstName}`\n    }\n    return directMessageExists\n      ? `Open direct message (${selectedPeople.size})`\n      : `Start direct message (${selectedPeople.size})`\n  })()\n\n  return (\n    <KeyboardView>\n      {isError && (\n        <Banner\n          appearance=\"error\"\n          description=\"There was an issue starting the conversation. Please try again.\"\n          style={styles.errorBanner}\n        />\n      )}\n      <ToField\n        selectedPeople={selectedPeople}\n        searchTerm={searchTerm}\n        onSearchChange={setSearchTerm}\n        onRemove={removePerson}\n        onClear={() => setSelectedPeople(new Map())}\n        searchInputRef={searchInputRef}\n      />\n      <View style={styles.candidateResultsContainer}>\n        <ComponentErrorBoundary\n          key={debouncedTerm}\n          fallback={\n            <Banner\n              appearance=\"error\"\n              description=\"Couldn't load people right now. Try again.\"\n              style={styles.errorBanner}\n            />\n          }\n        >\n          <CandidateResults\n            term={debouncedTerm}\n            selectedPeople={selectedPeople}\n            onSelect={selectPerson}\n          />\n        </ComponentErrorBoundary>\n      </View>\n      <ActionButton\n        title={buttonText}\n        disabled={\n          selectedPeople.size === 0 || validationPending || warnings.length > 0 || isFinding\n        }\n        loading={validationPending || isFinding}\n        onPress={() => findOrCreateConversation(recipientIds)}\n        warnings={warnings}\n      />\n    </KeyboardView>\n  )\n}\n\nfunction ToField({\n  selectedPeople,\n  searchTerm,\n  onSearchChange,\n  onRemove,\n  onClear,\n  searchInputRef,\n}: {\n  selectedPeople: Map<string, DirectMessageCandidateResource>\n  searchTerm: string\n  onSearchChange: (term: string) => void\n  onRemove: (id: string) => void\n  onClear: () => void\n  searchInputRef: RefObject<TextInput | null>\n}) {\n  const styles = useStyles()\n  const { colors } = useTheme()\n  const hasSelections = selectedPeople.size > 0\n\n  return (\n    <View style={styles.toField}>\n      <View style={styles.toFieldHeader}>\n        <Text style={styles.toLabel}>To</Text>\n        {hasSelections && (\n          <Pressable onPress={onClear} hitSlop={8}>\n            <Text style={styles.clearButton}>Clear</Text>\n          </Pressable>\n        )}\n      </View>\n      <View style={styles.toInputArea}>\n        {[...selectedPeople.values()].map(person => (\n          <PersonChip key={person.id} person={person} onRemove={onRemove} />\n        ))}\n        <AutoFocusAwareTextInput\n          autoFocus\n          inputRef={searchInputRef}\n          placeholder=\"Search\"\n          placeholderTextColor={colors.textColorDefaultPlaceholder}\n          value={searchTerm}\n          onChangeText={onSearchChange}\n          style={styles.toTextInput}\n          returnKeyType=\"search\"\n        />\n      </View>\n    </View>\n  )\n}\n\nfunction PersonChip({\n  person,\n  onRemove,\n}: {\n  person: DirectMessageCandidateResource\n  onRemove: (id: string) => void\n}) {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.chip}>\n      <Avatar sourceUri={person.avatar} size=\"sm\" showFallback={!person.avatar} />\n      <Text style={styles.chipName}>{person.name}</Text>\n      <Pressable\n        onPress={() => onRemove(person.id)}\n        hitSlop={8}\n        accessibilityLabel={`Remove ${person.name}`}\n      >\n        <Icon name=\"general.x\" size={12} style={styles.chipRemoveIcon} />\n      </Pressable>\n    </View>\n  )\n}\n\nfunction CandidateResults({\n  term,\n  selectedPeople,\n  onSelect,\n}: {\n  term: string\n  selectedPeople: Map<string, DirectMessageCandidateResource>\n  onSelect: (candidate: DirectMessageCandidateResource) => void\n}) {\n  const styles = useStyles()\n  const { data, isFetching } = useDirectMessageCandidates(term)\n  const { groups, teams } = useDirectMessageAffiliations()\n\n  if (term.length < 1) {\n    if (selectedPeople.size > 0) return null\n\n    return (\n      <View style={styles.emptyState}>\n        <Icon name=\"churchCenter.people\" size={40} style={styles.emptyStateIcon} />\n        <Text style={styles.emptyStateTitle}>Search for people to direct message</Text>\n        <Text variant=\"secondary\" style={styles.emptyStateSubtitle}>\n          Start a conversation with people in your groups and teams.\n        </Text>\n      </View>\n    )\n  }\n\n  const isAtLimit = selectedPeople.size >= MAX_RECIPIENTS\n\n  if (isAtLimit) {\n    return (\n      <View style={styles.emptyState}>\n        <Text variant=\"secondary\" style={styles.emptyStateSubtitle}>\n          You can add up to {MAX_RECIPIENTS} people to a direct message.\n        </Text>\n      </View>\n    )\n  }\n\n  const unselectedCandidates = (data?.data ?? []).filter(c => !selectedPeople.has(c.id))\n  const hasTruncated = (data?.meta.totalCount ?? 0) > (data?.data.length ?? 0)\n\n  if (isFetching && unselectedCandidates.length === 0) {\n    return (\n      <View style={styles.emptyState}>\n        <Spinner />\n      </View>\n    )\n  }\n\n  if (!isFetching && unselectedCandidates.length === 0) {\n    return (\n      <View style={styles.emptyState}>\n        <Icon name=\"general.search\" size={32} style={styles.emptyStateIcon} />\n        <Text style={styles.emptyStateTitle}>No matches for \"{term}\"</Text>\n        <Text variant=\"secondary\" style={styles.emptyStateSubtitle}>\n          Try a different name, or check that you share a group or team with them.\n        </Text>\n      </View>\n    )\n  }\n\n  return (\n    <CandidateList\n      candidates={unselectedCandidates}\n      hasTruncated={hasTruncated}\n      groups={groups}\n      teams={teams}\n      onSelect={onSelect}\n    />\n  )\n}\n\nfunction candidateBadges(candidate: DirectMessageCandidateResource) {\n  const badges = []\n  if (candidate.directMessagesDisabled) badges.push({ title: 'DMs off' })\n  if (candidate.under_18) badges.push({ title: 'Under 18' })\n  return badges\n}\n\nfunction candidateAffiliationNames(\n  candidate: DirectMessageCandidateResource,\n  groups: Map<number, string>,\n  teams: Map<number, string>\n) {\n  return [\n    ...candidate.groups.flatMap(id => {\n      const name = groups.get(id)\n      return name ? [name] : []\n    }),\n    ...candidate.teams.flatMap(id => {\n      const name = teams.get(id)\n      return name ? [name] : []\n    }),\n  ]\n}\n\nfunction CandidateList({\n  candidates,\n  hasTruncated,\n  groups,\n  teams,\n  onSelect,\n}: {\n  candidates: DirectMessageCandidateResource[]\n  hasTruncated: boolean\n  groups: Map<number, string>\n  teams: Map<number, string>\n  onSelect: (candidate: DirectMessageCandidateResource) => void\n}) {\n  const styles = useStyles()\n  const available = candidates.filter(c => !c.directMessagesDisabled)\n  const dmDisabled = candidates.filter(c => c.directMessagesDisabled)\n\n  return (\n    <FlatList<DirectMessageCandidateResource>\n      data={available}\n      keyboardShouldPersistTaps=\"handled\"\n      keyExtractor={item => item.id}\n      renderItem={({ item }) => (\n        <CandidateItem\n          candidate={item}\n          badges={candidateBadges(item)}\n          affiliationNames={candidateAffiliationNames(item, groups, teams)}\n          onSelect={() => onSelect(item)}\n        />\n      )}\n      ListHeaderComponent={\n        <View style={styles.resultsHeader}>\n          <Text style={styles.resultsHeading}>Results</Text>\n        </View>\n      }\n      ListFooterComponent={\n        <>\n          {dmDisabled.length > 0 && (\n            <>\n              <View style={styles.unavailableHeader}>\n                <Text variant=\"secondary\" style={styles.unavailableLabel}>\n                  Unavailable for direct messages\n                </Text>\n              </View>\n              {dmDisabled.map(candidate => (\n                <CandidateItem\n                  key={candidate.id}\n                  candidate={candidate}\n                  badges={candidateBadges(candidate)}\n                  affiliationNames={candidateAffiliationNames(candidate, groups, teams)}\n                  disabled\n                />\n              ))}\n            </>\n          )}\n          {hasTruncated && (\n            <View style={styles.truncatedFooter}>\n              <Text variant=\"secondary\" style={styles.truncatedText}>\n                Keep typing to narrow your results.\n              </Text>\n            </View>\n          )}\n        </>\n      }\n    />\n  )\n}\n\nfunction CandidateItem({\n  candidate,\n  badges,\n  affiliationNames,\n  onSelect,\n  disabled = false,\n}: {\n  candidate: DirectMessageCandidateResource\n  badges: { title: string }[]\n  affiliationNames: string[]\n  onSelect?: () => void\n  disabled?: boolean\n}) {\n  const styles = useStyles()\n\n  return (\n    <PlatformPressable\n      onPress={disabled ? undefined : onSelect}\n      accessibilityRole=\"button\"\n      accessibilityLabel={`Select ${candidate.name}`}\n      accessibilityState={{ disabled }}\n    >\n      <View style={[styles.row, disabled && styles.candidateDisabled]}>\n        <Avatar sourceUri={candidate.avatar} size=\"lg\" showFallback={!candidate.avatar} />\n        <View style={styles.rowInfo}>\n          <Text style={styles.rowName}>{candidate.name}</Text>\n          {affiliationNames.length > 0 && (\n            <Text style={styles.rowAffiliations} numberOfLines={2}>\n              {affiliationNames.join(', ')}\n            </Text>\n          )}\n          {badges.length > 0 && (\n            <View style={styles.badgeRow}>\n              {badges.map(({ title }) => (\n                <Badge key={title} label={title} />\n              ))}\n            </View>\n          )}\n        </View>\n      </View>\n    </PlatformPressable>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    candidateResultsContainer: {\n      flex: 1,\n    },\n    toField: {\n      paddingHorizontal: 16,\n      paddingTop: 16,\n      paddingBottom: 8,\n    },\n    toFieldHeader: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      marginBottom: 8,\n    },\n    toLabel: {\n      fontWeight: '600',\n      color: colors.textColorDefaultSecondary,\n    },\n    clearButton: {\n      color: colors.interaction,\n    },\n    toInputArea: {\n      flexDirection: 'row',\n      flexWrap: 'wrap',\n      alignItems: 'center',\n      gap: 6,\n      borderWidth: 1,\n      borderColor: colors.borderColorDefaultBase,\n      borderRadius: 8,\n      paddingHorizontal: 10,\n      paddingVertical: 8,\n    },\n    toTextInput: {\n      flex: 1,\n      minWidth: 80,\n      color: colors.textColorDefaultPrimary,\n      fontSize: 16,\n      paddingVertical: 2,\n    },\n    chip: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 4,\n      borderWidth: 1,\n      borderColor: colors.borderColorDefaultBase,\n      borderRadius: 100,\n      paddingLeft: 4,\n      paddingRight: 6,\n      paddingVertical: 3,\n    },\n    chipName: {\n      fontSize: 14,\n    },\n    chipRemoveIcon: {\n      color: colors.iconColorDefaultSecondary,\n    },\n    errorBanner: {\n      margin: 16,\n    },\n    emptyState: {\n      alignItems: 'center',\n      paddingTop: 32,\n      paddingHorizontal: 32,\n      gap: 8,\n    },\n    emptyStateIcon: {\n      color: colors.iconColorDefaultSecondary,\n      marginBottom: 4,\n    },\n    emptyStateTitle: {\n      fontWeight: '600',\n      textAlign: 'center',\n    },\n    emptyStateSubtitle: {\n      textAlign: 'center',\n      fontSize: 14,\n    },\n    row: {\n      flexDirection: 'row',\n      alignItems: 'flex-start',\n      gap: 12,\n      paddingHorizontal: 16,\n      paddingVertical: 12,\n      borderBottomWidth: 1,\n      borderColor: colors.borderColorDefaultDim,\n    },\n    rowInfo: {\n      flex: 1,\n      gap: 2,\n    },\n    rowName: {\n      fontSize: 15,\n      fontWeight: '500',\n    },\n    rowAffiliations: {\n      fontSize: 12,\n      color: colors.textColorDefaultSecondary,\n    },\n    badgeRow: {\n      flexDirection: 'row',\n      flexWrap: 'wrap',\n      gap: 4,\n      marginTop: 4,\n    },\n\n    candidateDisabled: {\n      opacity: 0.5,\n    },\n    resultsHeader: {\n      paddingHorizontal: 16,\n      paddingTop: 16,\n      paddingBottom: 8,\n    },\n    resultsHeading: {\n      fontWeight: '600',\n    },\n    unavailableHeader: {\n      paddingHorizontal: 16,\n      paddingTop: 16,\n      paddingBottom: 8,\n    },\n    unavailableLabel: {\n      fontSize: 13,\n    },\n    truncatedFooter: {\n      paddingHorizontal: 16,\n      paddingTop: 12,\n      paddingBottom: 8,\n    },\n    truncatedText: {\n      fontSize: 13,\n      textAlign: 'center',\n    },\n  })\n}\n"]}

package/build/screens/conversation_select_recipients/conversation_select_group_recipients_screen.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ConversationSelectRecipientsScreenProps } from './types/screen_props';
-export declare const ConversationSelectGroupRecipientsScreen: ({ route, }: ConversationSelectRecipientsScreenProps) => React.JSX.Element;
+export declare const ConversationSelectGroupRecipientsScreen: ({ route, }: ConversationSelectRecipientsScreenProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=conversation_select_group_recipients_screen.d.ts.map

package/build/screens/conversation_select_recipients/conversation_select_group_recipients_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_select_group_recipients_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_select_recipients/conversation_select_group_recipients_screen.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,EAAE,uCAAuC,EAAE,MAAM,sBAAsB,CAAA;AAyB9E,eAAO,MAAM,uCAAuC,GAAI,YAErD,uCAAuC,sBAuDzC,CAAA"}
+{"version":3,"file":"conversation_select_group_recipients_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_select_recipients/conversation_select_group_recipients_screen.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,uCAAuC,EAAE,MAAM,sBAAsB,CAAA;AAyB9E,eAAO,MAAM,uCAAuC,GAAI,YAErD,uCAAuC,4CAuDzC,CAAA"}

package/build/screens/conversation_select_recipients/conversation_select_group_recipients_screen.js

@@ -1,6 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useNavigation } from '@react-navigation/native';
 import { partition } from 'lodash';
-import React from 'react';
 import { SectionList, StyleSheet, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Heading, Text } from '../../components';
@@ -42,23 +42,16 @@ export const ConversationSelectGroupRecipientsScreen = ({ route, }) => {
             },
         });
     };
-    return (<SectionList sections={sections} keyExtractor={item => item.id.toString()} stickySectionHeadersEnabled={false} contentContainerStyle={styles.contentContainer} renderSectionHeader={({ section }) => {
+    return (_jsx(SectionList, { sections: sections, keyExtractor: item => item.id.toString(), stickySectionHeadersEnabled: false, contentContainerStyle: styles.contentContainer, renderSectionHeader: ({ section }) => {
             const { title, subtitle } = SECTION_CONFIG[section.key];
-            return (<View style={[
+            return (_jsx(View, { style: [
                     styles.sectionHeader,
                     section.key === SectionKey.more && styles.sectionHeaderSpaced,
-                ]}>
-            <View>
-              <Heading variant="h3">{title}</Heading>
-              {subtitle && (<Text variant="tertiary" style={styles.sectionSubtitle}>
-                  {subtitle}
-                </Text>)}
-            </View>
-          </View>);
-        }} renderItem={({ item: group, section }) => {
+                ], children: _jsxs(View, { children: [_jsx(Heading, { variant: "h3", children: title }), subtitle && (_jsx(Text, { variant: "tertiary", style: styles.sectionSubtitle, children: subtitle }))] }) }));
+        }, renderItem: ({ item: group, section }) => {
             const { ListItemComponent } = SECTION_CONFIG[section.key];
-            return <ListItemComponent group={group} onPress={handleNavigateToConversationNew}/>;
-        }}/>);
+            return _jsx(ListItemComponent, { group: group, onPress: handleNavigateToConversationNew });
+        } }));
 };
 const useStyles = () => {
     const { bottom } = useSafeAreaInsets();

package/build/screens/conversation_select_recipients/conversation_select_group_recipients_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_select_group_recipients_screen.js","sourceRoot":"","sources":["../../../src/screens/conversation_select_recipients/conversation_select_group_recipients_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport { partition } from 'lodash'\nimport React from 'react'\nimport { SectionList, StyleSheet, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Heading, Text } from '../../components'\nimport { useGroupsGroups } from '../../hooks/use_groups_groups'\nimport { GroupsGroupResource } from '../../types'\nimport { GroupsRecipientRow } from './components/groups_recipient_row'\nimport { RestrictedGroupRow } from './components/restricted_group_row'\nimport { ConversationSelectRecipientsScreenProps } from './types/screen_props'\n\nconst SectionKey = {\n  my: 'my',\n  more: 'more',\n} as const\n\nconst SECTION_CONFIG = {\n  [SectionKey.my]: {\n    title: 'My groups',\n    subtitle: null,\n    ListItemComponent: GroupsRecipientRow,\n  },\n  [SectionKey.more]: {\n    title: 'More groups',\n    subtitle: 'You can not start a new conversation in these groups',\n    ListItemComponent: RestrictedGroupRow,\n  },\n}\n\ninterface GroupsSection {\n  key: keyof typeof SectionKey\n  data: GroupsGroupResource[]\n}\n\nexport const ConversationSelectGroupRecipientsScreen = ({\n  route,\n}: ConversationSelectRecipientsScreenProps) => {\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const { data: groups = [] } = useGroupsGroups()\n\n  const [myGroups, moreGroups] = partition(groups, g => g.canCreateConversation)\n\n  const sections: GroupsSection[] = [\n    { key: SectionKey.my, data: myGroups },\n    { key: SectionKey.more, data: moreGroups },\n  ].filter(({ data }) => data.length > 0)\n\n  const handleNavigateToConversationNew = (group: GroupsGroupResource) => {\n    navigation.navigate('New', {\n      screen: 'ConversationNew',\n      params: {\n        ...route.params,\n        group_id: group.id,\n        source_app_name: 'Groups',\n      },\n    })\n  }\n\n  return (\n    <SectionList<GroupsGroupResource, GroupsSection>\n      sections={sections}\n      keyExtractor={item => item.id.toString()}\n      stickySectionHeadersEnabled={false}\n      contentContainerStyle={styles.contentContainer}\n      renderSectionHeader={({ section }) => {\n        const { title, subtitle } = SECTION_CONFIG[section.key]\n        return (\n          <View\n            style={[\n              styles.sectionHeader,\n              section.key === SectionKey.more && styles.sectionHeaderSpaced,\n            ]}\n          >\n            <View>\n              <Heading variant=\"h3\">{title}</Heading>\n              {subtitle && (\n                <Text variant=\"tertiary\" style={styles.sectionSubtitle}>\n                  {subtitle}\n                </Text>\n              )}\n            </View>\n          </View>\n        )\n      }}\n      renderItem={({ item: group, section }) => {\n        const { ListItemComponent } = SECTION_CONFIG[section.key]\n        return <ListItemComponent group={group} onPress={handleNavigateToConversationNew} />\n      }}\n    />\n  )\n}\n\nconst useStyles = () => {\n  const { bottom } = useSafeAreaInsets()\n\n  return StyleSheet.create({\n    contentContainer: {\n      paddingBottom: bottom,\n    },\n    sectionHeader: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      padding: 16,\n      paddingBottom: 4,\n    },\n    sectionHeaderSpaced: {\n      marginTop: 16,\n    },\n    sectionSubtitle: {\n      marginTop: 4,\n    },\n  })\n}\n"]}
+{"version":3,"file":"conversation_select_group_recipients_screen.js","sourceRoot":"","sources":["../../../src/screens/conversation_select_recipients/conversation_select_group_recipients_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport { partition } from 'lodash'\nimport React from 'react'\nimport { SectionList, StyleSheet, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Heading, Text } from '../../components'\nimport { useGroupsGroups } from '../../hooks/use_groups_groups'\nimport { GroupsGroupResource } from '../../types'\nimport { GroupsRecipientRow } from './components/groups_recipient_row'\nimport { RestrictedGroupRow } from './components/restricted_group_row'\nimport { ConversationSelectRecipientsScreenProps } from './types/screen_props'\n\nconst SectionKey = {\n  my: 'my',\n  more: 'more',\n} as const\n\nconst SECTION_CONFIG = {\n  [SectionKey.my]: {\n    title: 'My groups',\n    subtitle: null,\n    ListItemComponent: GroupsRecipientRow,\n  },\n  [SectionKey.more]: {\n    title: 'More groups',\n    subtitle: 'You can not start a new conversation in these groups',\n    ListItemComponent: RestrictedGroupRow,\n  },\n}\n\ninterface GroupsSection {\n  key: keyof typeof SectionKey\n  data: GroupsGroupResource[]\n}\n\nexport const ConversationSelectGroupRecipientsScreen = ({\n  route,\n}: ConversationSelectRecipientsScreenProps) => {\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const { data: groups = [] } = useGroupsGroups()\n\n  const [myGroups, moreGroups] = partition(groups, g => g.canCreateConversation)\n\n  const sections: GroupsSection[] = [\n    { key: SectionKey.my, data: myGroups },\n    { key: SectionKey.more, data: moreGroups },\n  ].filter(({ data }) => data.length > 0)\n\n  const handleNavigateToConversationNew = (group: GroupsGroupResource) => {\n    navigation.navigate('New', {\n      screen: 'ConversationNew',\n      params: {\n        ...route.params,\n        group_id: group.id,\n        source_app_name: 'Groups',\n      },\n    })\n  }\n\n  return (\n    <SectionList<GroupsGroupResource, GroupsSection>\n      sections={sections}\n      keyExtractor={item => item.id.toString()}\n      stickySectionHeadersEnabled={false}\n      contentContainerStyle={styles.contentContainer}\n      renderSectionHeader={({ section }) => {\n        const { title, subtitle } = SECTION_CONFIG[section.key]\n        return (\n          <View\n            style={[\n              styles.sectionHeader,\n              section.key === SectionKey.more && styles.sectionHeaderSpaced,\n            ]}\n          >\n            <View>\n              <Heading variant=\"h3\">{title}</Heading>\n              {subtitle && (\n                <Text variant=\"tertiary\" style={styles.sectionSubtitle}>\n                  {subtitle}\n                </Text>\n              )}\n            </View>\n          </View>\n        )\n      }}\n      renderItem={({ item: group, section }) => {\n        const { ListItemComponent } = SECTION_CONFIG[section.key]\n        return <ListItemComponent group={group} onPress={handleNavigateToConversationNew} />\n      }}\n    />\n  )\n}\n\nconst useStyles = () => {\n  const { bottom } = useSafeAreaInsets()\n\n  return StyleSheet.create({\n    contentContainer: {\n      paddingBottom: bottom,\n    },\n    sectionHeader: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      padding: 16,\n      paddingBottom: 4,\n    },\n    sectionHeaderSpaced: {\n      marginTop: 16,\n    },\n    sectionSubtitle: {\n      marginTop: 4,\n    },\n  })\n}\n"]}

package/build/screens/conversation_select_recipients/conversation_select_teams_i_lead_recipients_screen.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ConversationSelectRecipientsScreenProps } from './types/screen_props';
-export declare const ConversationSelectTeamsILeadRecipientsScreen: ({ route, }: ConversationSelectRecipientsScreenProps) => React.JSX.Element;
+export declare const ConversationSelectTeamsILeadRecipientsScreen: ({ route, }: ConversationSelectRecipientsScreenProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=conversation_select_teams_i_lead_recipients_screen.d.ts.map

package/build/screens/conversation_select_recipients/conversation_select_teams_i_lead_recipients_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_select_teams_i_lead_recipients_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_select_recipients/conversation_select_teams_i_lead_recipients_screen.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,EAAE,uCAAuC,EAAE,MAAM,sBAAsB,CAAA;AAE9E,eAAO,MAAM,4CAA4C,GAAI,YAE1D,uCAAuC,sBA0DzC,CAAA"}
+{"version":3,"file":"conversation_select_teams_i_lead_recipients_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_select_recipients/conversation_select_teams_i_lead_recipients_screen.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,uCAAuC,EAAE,MAAM,sBAAsB,CAAA;AAE9E,eAAO,MAAM,4CAA4C,GAAI,YAE1D,uCAAuC,4CA0DzC,CAAA"}

package/build/screens/conversation_select_recipients/conversation_select_teams_i_lead_recipients_screen.js

@@ -1,5 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useNavigation } from '@react-navigation/native';
-import React from 'react';
 import { FlatList, StyleSheet, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Button, Heading } from '../../components';
@@ -23,23 +23,20 @@ export const ConversationSelectTeamsILeadRecipientsScreen = ({ route, }) => {
             },
         });
     };
-    return (<FlatList data={serviceTypes} keyExtractor={item => item.id.toString()} contentContainerStyle={styles.contentContainer} ListHeaderComponent={<View style={styles.sectionHeader}>
-          <Heading variant="h3">Teams I lead</Heading>
-          <Button onPress={() => {
-                Haptic.impactLight();
-                navigation.navigate('New', {
-                    screen: 'ConversationFilterRecipients',
-                    params: {
-                        source_app_name: 'Services',
-                        team_filter_type: hasServiceTypes
-                            ? TeamFilterTypes.TeamsIlead
-                            : TeamFilterTypes.All,
-                    },
-                });
-            }} title="Select teams" variant="outline" iconNameLeft="general.search" size="sm"/>
-        </View>} renderItem={({ item: serviceType }) => {
-            return (<TeamRecipientRow key={serviceType.id} serviceType={serviceType} onPress={handleNavigateToConversationNew}/>);
-        }}/>);
+    return (_jsx(FlatList, { data: serviceTypes, keyExtractor: item => item.id.toString(), contentContainerStyle: styles.contentContainer, ListHeaderComponent: _jsxs(View, { style: styles.sectionHeader, children: [_jsx(Heading, { variant: "h3", children: "Teams I lead" }), _jsx(Button, { onPress: () => {
+                        Haptic.impactLight();
+                        navigation.navigate('New', {
+                            screen: 'ConversationFilterRecipients',
+                            params: {
+                                source_app_name: 'Services',
+                                team_filter_type: hasServiceTypes
+                                    ? TeamFilterTypes.TeamsIlead
+                                    : TeamFilterTypes.All,
+                            },
+                        });
+                    }, title: "Select teams", variant: "outline", iconNameLeft: "general.search", size: "sm" })] }), renderItem: ({ item: serviceType }) => {
+            return (_jsx(TeamRecipientRow, { serviceType: serviceType, onPress: handleNavigateToConversationNew }, serviceType.id));
+        } }));
 };
 const useStyles = () => {
     const { bottom } = useSafeAreaInsets();

package/build/screens/conversation_select_recipients/conversation_select_teams_i_lead_recipients_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_select_teams_i_lead_recipients_screen.js","sourceRoot":"","sources":["../../../src/screens/conversation_select_recipients/conversation_select_teams_i_lead_recipients_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport React from 'react'\nimport { FlatList, StyleSheet, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Button, Heading } from '../../components'\nimport { Haptic } from '../../utils/native_adapters'\nimport { useServiceTypesWithTeams } from '../conversation_filter_recipients/hooks/use_service_types_with_teams'\nimport { ServiceTypeWithTeams, TeamFilterTypes } from '../conversation_filter_recipients/types'\nimport { TeamRecipientRow } from './components/team_recipient_row'\nimport { ConversationSelectRecipientsScreenProps } from './types/screen_props'\n\nexport const ConversationSelectTeamsILeadRecipientsScreen = ({\n  route,\n}: ConversationSelectRecipientsScreenProps) => {\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const { serviceTypes } = useServiceTypesWithTeams()\n  const hasServiceTypes = serviceTypes.length > 0\n\n  const handleNavigateToConversationNew = (teams: ServiceTypeWithTeams['teams']) => {\n    const teamIds = teams.map(team => team.id)\n\n    navigation.navigate('New', {\n      screen: 'ConversationNew',\n      params: {\n        ...route.params,\n        team_ids: teamIds,\n        source_app_name: 'Services',\n      },\n    })\n  }\n\n  return (\n    <FlatList\n      data={serviceTypes}\n      keyExtractor={item => item.id.toString()}\n      contentContainerStyle={styles.contentContainer}\n      ListHeaderComponent={\n        <View style={styles.sectionHeader}>\n          <Heading variant=\"h3\">Teams I lead</Heading>\n          <Button\n            onPress={() => {\n              Haptic.impactLight()\n              navigation.navigate('New', {\n                screen: 'ConversationFilterRecipients',\n                params: {\n                  source_app_name: 'Services',\n                  team_filter_type: hasServiceTypes\n                    ? TeamFilterTypes.TeamsIlead\n                    : TeamFilterTypes.All,\n                },\n              })\n            }}\n            title=\"Select teams\"\n            variant=\"outline\"\n            iconNameLeft=\"general.search\"\n            size=\"sm\"\n          />\n        </View>\n      }\n      renderItem={({ item: serviceType }: { item: ServiceTypeWithTeams }) => {\n        return (\n          <TeamRecipientRow\n            key={serviceType.id}\n            serviceType={serviceType}\n            onPress={handleNavigateToConversationNew}\n          />\n        )\n      }}\n    />\n  )\n}\n\nconst useStyles = () => {\n  const { bottom } = useSafeAreaInsets()\n\n  return StyleSheet.create({\n    contentContainer: {\n      paddingBottom: bottom,\n    },\n    sectionHeader: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      padding: 16,\n      paddingBottom: 4,\n    },\n  })\n}\n"]}
+{"version":3,"file":"conversation_select_teams_i_lead_recipients_screen.js","sourceRoot":"","sources":["../../../src/screens/conversation_select_recipients/conversation_select_teams_i_lead_recipients_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport React from 'react'\nimport { FlatList, StyleSheet, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Button, Heading } from '../../components'\nimport { Haptic } from '../../utils/native_adapters'\nimport { useServiceTypesWithTeams } from '../conversation_filter_recipients/hooks/use_service_types_with_teams'\nimport { ServiceTypeWithTeams, TeamFilterTypes } from '../conversation_filter_recipients/types'\nimport { TeamRecipientRow } from './components/team_recipient_row'\nimport { ConversationSelectRecipientsScreenProps } from './types/screen_props'\n\nexport const ConversationSelectTeamsILeadRecipientsScreen = ({\n  route,\n}: ConversationSelectRecipientsScreenProps) => {\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const { serviceTypes } = useServiceTypesWithTeams()\n  const hasServiceTypes = serviceTypes.length > 0\n\n  const handleNavigateToConversationNew = (teams: ServiceTypeWithTeams['teams']) => {\n    const teamIds = teams.map(team => team.id)\n\n    navigation.navigate('New', {\n      screen: 'ConversationNew',\n      params: {\n        ...route.params,\n        team_ids: teamIds,\n        source_app_name: 'Services',\n      },\n    })\n  }\n\n  return (\n    <FlatList\n      data={serviceTypes}\n      keyExtractor={item => item.id.toString()}\n      contentContainerStyle={styles.contentContainer}\n      ListHeaderComponent={\n        <View style={styles.sectionHeader}>\n          <Heading variant=\"h3\">Teams I lead</Heading>\n          <Button\n            onPress={() => {\n              Haptic.impactLight()\n              navigation.navigate('New', {\n                screen: 'ConversationFilterRecipients',\n                params: {\n                  source_app_name: 'Services',\n                  team_filter_type: hasServiceTypes\n                    ? TeamFilterTypes.TeamsIlead\n                    : TeamFilterTypes.All,\n                },\n              })\n            }}\n            title=\"Select teams\"\n            variant=\"outline\"\n            iconNameLeft=\"general.search\"\n            size=\"sm\"\n          />\n        </View>\n      }\n      renderItem={({ item: serviceType }: { item: ServiceTypeWithTeams }) => {\n        return (\n          <TeamRecipientRow\n            key={serviceType.id}\n            serviceType={serviceType}\n            onPress={handleNavigateToConversationNew}\n          />\n        )\n      }}\n    />\n  )\n}\n\nconst useStyles = () => {\n  const { bottom } = useSafeAreaInsets()\n\n  return StyleSheet.create({\n    contentContainer: {\n      paddingBottom: bottom,\n    },\n    sectionHeader: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      padding: 16,\n      paddingBottom: 4,\n    },\n  })\n}\n"]}