@planningcenter/chat-react-native 3.42.2-qa-821.1 → 3.42.2-qa-staging.4

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,3 +1,4 @@
+import React from 'react';
 import { ConversationSelectRecipientsScreenProps } from './types/screen_props';
-export declare const ConversationSelectTeamsILeadRecipientsScreen: ({ route, }: ConversationSelectRecipientsScreenProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ConversationSelectTeamsILeadRecipientsScreen: ({ route, }: ConversationSelectRecipientsScreenProps) => React.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":"AASA,OAAO,EAAE,uCAAuC,EAAE,MAAM,sBAAsB,CAAA;AAE9E,eAAO,MAAM,4CAA4C,GAAI,YAE1D,uCAAuC,4CA0DzC,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":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,EAAE,uCAAuC,EAAE,MAAM,sBAAsB,CAAA;AAE9E,eAAO,MAAM,4CAA4C,GAAI,YAE1D,uCAAuC,sBA0DzC,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,20 +23,23 @@ export const ConversationSelectTeamsILeadRecipientsScreen = ({ route, }) => {
             },
         });
     };
-    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));
-        } }));
+    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}/>);
+        }}/>);
 };
 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"]}

package/build/screens/conversation_select_recipients/types/screen_props.d.ts

@@ -1,9 +1,11 @@
 import { StaticScreenProps } from '@react-navigation/native';
 import { AppName } from '../../../types/resources/app_name';
+import { PreselectedDirectMessagePerson } from '../../../types/resources/direct_message_candidate';
 import { GraphId } from '../../../types/resources/group_resource';
 export type ConversationSelectRecipientsParams = {
     chat_group_graph_id?: GraphId;
     group_source_app_name?: AppName;
+    preselected_people?: PreselectedDirectMessagePerson[];
 };
 export type ConversationSelectRecipientsScreenProps = StaticScreenProps<ConversationSelectRecipientsParams>;
 //# sourceMappingURL=screen_props.d.ts.map

package/build/screens/conversation_select_recipients/types/screen_props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"screen_props.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_select_recipients/types/screen_props.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,yCAAyC,CAAA;AAEjE,MAAM,MAAM,kCAAkC,GAAG;IAC/C,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,uCAAuC,GACjD,iBAAiB,CAAC,kCAAkC,CAAC,CAAA"}
+{"version":3,"file":"screen_props.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_select_recipients/types/screen_props.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAA;AAC3D,OAAO,EAAE,8BAA8B,EAAE,MAAM,mDAAmD,CAAA;AAClG,OAAO,EAAE,OAAO,EAAE,MAAM,yCAAyC,CAAA;AAEjE,MAAM,MAAM,kCAAkC,GAAG;IAC/C,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,kBAAkB,CAAC,EAAE,8BAA8B,EAAE,CAAA;CACtD,CAAA;AAED,MAAM,MAAM,uCAAuC,GACjD,iBAAiB,CAAC,kCAAkC,CAAC,CAAA"}

package/build/screens/conversation_select_recipients/types/screen_props.js.map

@@ -1 +1 @@
-{"version":3,"file":"screen_props.js","sourceRoot":"","sources":["../../../../src/screens/conversation_select_recipients/types/screen_props.tsx"],"names":[],"mappings":"","sourcesContent":["import { StaticScreenProps } from '@react-navigation/native'\nimport { AppName } from '../../../types/resources/app_name'\nimport { GraphId } from '../../../types/resources/group_resource'\n\nexport type ConversationSelectRecipientsParams = {\n  chat_group_graph_id?: GraphId\n  group_source_app_name?: AppName\n}\n\nexport type ConversationSelectRecipientsScreenProps =\n  StaticScreenProps<ConversationSelectRecipientsParams>\n"]}
+{"version":3,"file":"screen_props.js","sourceRoot":"","sources":["../../../../src/screens/conversation_select_recipients/types/screen_props.tsx"],"names":[],"mappings":"","sourcesContent":["import { StaticScreenProps } from '@react-navigation/native'\nimport { AppName } from '../../../types/resources/app_name'\nimport { PreselectedDirectMessagePerson } from '../../../types/resources/direct_message_candidate'\nimport { GraphId } from '../../../types/resources/group_resource'\n\nexport type ConversationSelectRecipientsParams = {\n  chat_group_graph_id?: GraphId\n  group_source_app_name?: AppName\n  preselected_people?: PreselectedDirectMessagePerson[]\n}\n\nexport type ConversationSelectRecipientsScreenProps =\n  StaticScreenProps<ConversationSelectRecipientsParams>\n"]}

package/build/screens/conversation_select_type_screen.d.ts

@@ -1,4 +1,5 @@
 import { StaticScreenProps } from '@react-navigation/native';
+import React from 'react';
 import type { NewConversationFromFilter } from '../hooks/use_new_conversation_from_filter';
 import { AppName } from '../types/resources/app_name';
 import { GraphId } from '../types/resources/group_resource';
@@ -8,5 +9,5 @@ export type ConversationSelectTypeScreenProps = StaticScreenProps<{
     group_source_app_name?: AppName;
     newConversationFromFilter?: NewConversationFromFilter;
 }>;
-export declare function ConversationSelectTypeScreen({ route }: ConversationSelectTypeScreenProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationSelectTypeScreen({ route }: ConversationSelectTypeScreenProps): React.JSX.Element;
 //# sourceMappingURL=conversation_select_type_screen.d.ts.map

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

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

package/build/screens/conversation_select_type_screen.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useNavigation } from '@react-navigation/native';
-import { useLayoutEffect } from 'react';
+import React, { useLayoutEffect } from 'react';
 import FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet';
 import { useCurrentPerson } from '../hooks/use_current_person';
 import { availableFeatures, useFeatures } from '../hooks/use_features';
@@ -60,6 +59,14 @@ export function ConversationSelectTypeScreen({ route }) {
     const handleGroupPress = () => navigateToNewConversationType('ConversationSelectGroupRecipients');
     const handleTeamPress = () => navigateToNewConversationType('ConversationSelectTeamsILeadRecipients');
     const handleDirectMessagePress = () => navigateToNewConversationType('ConversationSelectDirectMessageRecipients');
-    return (_jsxs(FormSheet.Root, { children: [_jsx(FormSheet.Header, { children: _jsx(FormSheet.HeaderTitle, { children: "Start a conversation by" }) }), newConversationFromFilter && (_jsx(FormSheet.Action, { title: `New conversation in ${newConversationFromFilter.name}`, onPress: handleFilterPress, accessibilityHint: "Creates a conversation pre-scoped to the current filter" })), canCreateGroupsConversations && (_jsx(FormSheet.Action, { title: "Group", onPress: handleGroupPress, accessibilityHint: "Opens group selection screen" })), canCreateServicesConversations && (_jsx(FormSheet.Action, { title: "Team", onPress: handleTeamPress, accessibilityHint: "Opens team selection screen" })), showDirectMessageOption && (_jsx(FormSheet.Action, { title: "Direct message", onPress: handleDirectMessagePress, disabled: directMessagesDisabled, disabledReason: directMessagesDisabled ? 'Disabled in chat settings' : undefined, accessibilityHint: "Opens direct message recipient selection screen" }))] }));
+    return (<FormSheet.Root>
+      <FormSheet.Header>
+        <FormSheet.HeaderTitle>Start a conversation by</FormSheet.HeaderTitle>
+      </FormSheet.Header>
+      {newConversationFromFilter && (<FormSheet.Action title={`New conversation in ${newConversationFromFilter.name}`} onPress={handleFilterPress} accessibilityHint="Creates a conversation pre-scoped to the current filter"/>)}
+      {canCreateGroupsConversations && (<FormSheet.Action title="Group" onPress={handleGroupPress} accessibilityHint="Opens group selection screen"/>)}
+      {canCreateServicesConversations && (<FormSheet.Action title="Team" onPress={handleTeamPress} accessibilityHint="Opens team selection screen"/>)}
+      {showDirectMessageOption && (<FormSheet.Action title="Direct message" onPress={handleDirectMessagePress} disabled={directMessagesDisabled} disabledReason={directMessagesDisabled ? 'Disabled in chat settings' : undefined} accessibilityHint="Opens direct message recipient selection screen"/>)}
+    </FormSheet.Root>);
 }
 //# sourceMappingURL=conversation_select_type_screen.js.map

package/build/screens/conversation_select_type_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_select_type_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_select_type_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React, { useLayoutEffect } from 'react'\nimport FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'\nimport { useCurrentPerson } from '../hooks/use_current_person'\nimport { availableFeatures, useFeatures } from '../hooks/use_features'\nimport { useConversationTypeAccess } from '../hooks/use_new_conversation_entry'\nimport type { NewConversationFromFilter } from '../hooks/use_new_conversation_from_filter'\nimport { AppName } from '../types/resources/app_name'\nimport { GraphId } from '../types/resources/group_resource'\nimport { Haptic } from '../utils/native_adapters'\n\nexport const ConversationSelectTypeScreenOptions = getFormSheetScreenOptions({\n  headerTitle: 'New conversation',\n})\n\nexport type ConversationSelectTypeScreenProps = StaticScreenProps<{\n  chat_group_graph_id?: GraphId\n  group_source_app_name?: AppName\n  newConversationFromFilter?: NewConversationFromFilter\n}>\n\ntype NewConversationTypeScreen =\n  | 'ConversationSelectGroupRecipients'\n  | 'ConversationSelectTeamsILeadRecipients'\n  | 'ConversationSelectDirectMessageRecipients'\n\nexport function ConversationSelectTypeScreen({ route }: ConversationSelectTypeScreenProps) {\n  const navigation = useNavigation()\n  const { canCreateGroupsConversations, canCreateServicesConversations } =\n    useConversationTypeAccess()\n  const { featureEnabled } = useFeatures()\n  const { directMessagesDisabled, under_18 } = useCurrentPerson()\n  const { newConversationFromFilter, chat_group_graph_id, group_source_app_name } =\n    route.params || {}\n\n  const filterParams = { chat_group_graph_id, group_source_app_name }\n  const dmFeatureEnabled = featureEnabled(availableFeatures.direct_messages_eap)\n  const showDirectMessageOption = dmFeatureEnabled && !under_18\n\n  // sheetAllowedDetents depends on the DM feature flag, which isn't known until render, so it's\n  // set here instead of in the static ConversationSelectTypeScreenOptions. useLayoutEffect applies\n  // it before paint so the sheet never visibly resizes after opening.\n  useLayoutEffect(() => {\n    navigation.setOptions({ sheetAllowedDetents: showDirectMessageOption ? [0.3] : [0.25] })\n  }, [navigation, showDirectMessageOption])\n\n  const handleFilterPress = () => {\n    if (!newConversationFromFilter) return\n\n    Haptic.impactLight()\n    navigation.goBack()\n    requestAnimationFrame(() => {\n      if (newConversationFromFilter.sourceAppName === 'groups') {\n        navigation.navigate('New', {\n          screen: 'ConversationNew',\n          params: {\n            ...filterParams,\n            source_app_name: 'Groups' as AppName,\n            group_id: newConversationFromFilter.groupId,\n          },\n        })\n      } else {\n        navigation.navigate('New', {\n          screen: 'ConversationNew',\n          params: {\n            ...filterParams,\n            source_app_name: 'Services' as AppName,\n            team_ids: newConversationFromFilter.teamIds,\n          },\n        })\n      }\n    })\n  }\n\n  const navigateToNewConversationType = (screen: NewConversationTypeScreen) => {\n    Haptic.impactLight()\n    navigation.goBack()\n    requestAnimationFrame(() => navigation.navigate('New', { screen, params: filterParams }))\n  }\n\n  const handleGroupPress = () => navigateToNewConversationType('ConversationSelectGroupRecipients')\n  const handleTeamPress = () =>\n    navigateToNewConversationType('ConversationSelectTeamsILeadRecipients')\n  const handleDirectMessagePress = () =>\n    navigateToNewConversationType('ConversationSelectDirectMessageRecipients')\n\n  return (\n    <FormSheet.Root>\n      <FormSheet.Header>\n        <FormSheet.HeaderTitle>Start a conversation by</FormSheet.HeaderTitle>\n      </FormSheet.Header>\n      {newConversationFromFilter && (\n        <FormSheet.Action\n          title={`New conversation in ${newConversationFromFilter.name}`}\n          onPress={handleFilterPress}\n          accessibilityHint=\"Creates a conversation pre-scoped to the current filter\"\n        />\n      )}\n      {canCreateGroupsConversations && (\n        <FormSheet.Action\n          title=\"Group\"\n          onPress={handleGroupPress}\n          accessibilityHint=\"Opens group selection screen\"\n        />\n      )}\n      {canCreateServicesConversations && (\n        <FormSheet.Action\n          title=\"Team\"\n          onPress={handleTeamPress}\n          accessibilityHint=\"Opens team selection screen\"\n        />\n      )}\n      {showDirectMessageOption && (\n        <FormSheet.Action\n          title=\"Direct message\"\n          onPress={handleDirectMessagePress}\n          disabled={directMessagesDisabled}\n          disabledReason={directMessagesDisabled ? 'Disabled in chat settings' : undefined}\n          accessibilityHint=\"Opens direct message recipient selection screen\"\n        />\n      )}\n    </FormSheet.Root>\n  )\n}\n"]}
+{"version":3,"file":"conversation_select_type_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_select_type_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React, { useLayoutEffect } from 'react'\nimport FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'\nimport { useCurrentPerson } from '../hooks/use_current_person'\nimport { availableFeatures, useFeatures } from '../hooks/use_features'\nimport { useConversationTypeAccess } from '../hooks/use_new_conversation_entry'\nimport type { NewConversationFromFilter } from '../hooks/use_new_conversation_from_filter'\nimport { AppName } from '../types/resources/app_name'\nimport { GraphId } from '../types/resources/group_resource'\nimport { Haptic } from '../utils/native_adapters'\n\nexport const ConversationSelectTypeScreenOptions = getFormSheetScreenOptions({\n  headerTitle: 'New conversation',\n})\n\nexport type ConversationSelectTypeScreenProps = StaticScreenProps<{\n  chat_group_graph_id?: GraphId\n  group_source_app_name?: AppName\n  newConversationFromFilter?: NewConversationFromFilter\n}>\n\ntype NewConversationTypeScreen =\n  | 'ConversationSelectGroupRecipients'\n  | 'ConversationSelectTeamsILeadRecipients'\n  | 'ConversationSelectDirectMessageRecipients'\n\nexport function ConversationSelectTypeScreen({ route }: ConversationSelectTypeScreenProps) {\n  const navigation = useNavigation()\n  const { canCreateGroupsConversations, canCreateServicesConversations } =\n    useConversationTypeAccess()\n  const { featureEnabled } = useFeatures()\n  const { directMessagesDisabled, under_18 } = useCurrentPerson()\n  const { newConversationFromFilter, chat_group_graph_id, group_source_app_name } =\n    route.params || {}\n\n  const filterParams = { chat_group_graph_id, group_source_app_name }\n  const dmFeatureEnabled = featureEnabled(availableFeatures.direct_messages_eap)\n  const showDirectMessageOption = dmFeatureEnabled && !under_18\n\n  // sheetAllowedDetents depends on the DM feature flag, which isn't known until render, so it's\n  // set here instead of in the static ConversationSelectTypeScreenOptions. useLayoutEffect applies\n  // it before paint so the sheet never visibly resizes after opening.\n  useLayoutEffect(() => {\n    navigation.setOptions({ sheetAllowedDetents: showDirectMessageOption ? [0.3] : [0.25] })\n  }, [navigation, showDirectMessageOption])\n\n  const handleFilterPress = () => {\n    if (!newConversationFromFilter) return\n\n    Haptic.impactLight()\n    navigation.goBack()\n    requestAnimationFrame(() => {\n      if (newConversationFromFilter.sourceAppName === 'groups') {\n        navigation.navigate('New', {\n          screen: 'ConversationNew',\n          params: {\n            ...filterParams,\n            source_app_name: 'Groups' as AppName,\n            group_id: newConversationFromFilter.groupId,\n          },\n        })\n      } else {\n        navigation.navigate('New', {\n          screen: 'ConversationNew',\n          params: {\n            ...filterParams,\n            source_app_name: 'Services' as AppName,\n            team_ids: newConversationFromFilter.teamIds,\n          },\n        })\n      }\n    })\n  }\n\n  const navigateToNewConversationType = (screen: NewConversationTypeScreen) => {\n    Haptic.impactLight()\n    navigation.goBack()\n    requestAnimationFrame(() => navigation.navigate('New', { screen, params: filterParams }))\n  }\n\n  const handleGroupPress = () => navigateToNewConversationType('ConversationSelectGroupRecipients')\n  const handleTeamPress = () =>\n    navigateToNewConversationType('ConversationSelectTeamsILeadRecipients')\n  const handleDirectMessagePress = () =>\n    navigateToNewConversationType('ConversationSelectDirectMessageRecipients')\n\n  return (\n    <FormSheet.Root>\n      <FormSheet.Header>\n        <FormSheet.HeaderTitle>Start a conversation by</FormSheet.HeaderTitle>\n      </FormSheet.Header>\n      {newConversationFromFilter && (\n        <FormSheet.Action\n          title={`New conversation in ${newConversationFromFilter.name}`}\n          onPress={handleFilterPress}\n          accessibilityHint=\"Creates a conversation pre-scoped to the current filter\"\n        />\n      )}\n      {canCreateGroupsConversations && (\n        <FormSheet.Action\n          title=\"Group\"\n          onPress={handleGroupPress}\n          accessibilityHint=\"Opens group selection screen\"\n        />\n      )}\n      {canCreateServicesConversations && (\n        <FormSheet.Action\n          title=\"Team\"\n          onPress={handleTeamPress}\n          accessibilityHint=\"Opens team selection screen\"\n        />\n      )}\n      {showDirectMessageOption && (\n        <FormSheet.Action\n          title=\"Direct message\"\n          onPress={handleDirectMessagePress}\n          disabled={directMessagesDisabled}\n          disabledReason={directMessagesDisabled ? 'Disabled in chat settings' : undefined}\n          accessibilityHint=\"Opens direct message recipient selection screen\"\n        />\n      )}\n    </FormSheet.Root>\n  )\n}\n"]}

package/build/screens/conversations/components/chat_group_badge.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 export declare const ChatGroupBadge: ({ rowPaddingHorizontal }: {
     rowPaddingHorizontal: number;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => React.JSX.Element | null;
 //# sourceMappingURL=chat_group_badge.d.ts.map

package/build/screens/conversations/components/chat_group_badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat_group_badge.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversations/components/chat_group_badge.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,cAAc,GAAI,0BAA0B;IAAE,oBAAoB,EAAE,MAAM,CAAA;CAAE,mDAwBxF,CAAA"}
+{"version":3,"file":"chat_group_badge.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversations/components/chat_group_badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAO1C,eAAO,MAAM,cAAc,GAAI,0BAA0B;IAAE,oBAAoB,EAAE,MAAM,CAAA;CAAE,6BAwBxF,CAAA"}

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

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { useNavigation, useRoute } from '@react-navigation/native';
-import { useCallback } from 'react';
+import React, { useCallback } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { Badge } from '../../../components';
 import { useApiGet } from '../../../hooks/use_api';
@@ -18,7 +17,9 @@ export const ChatGroupBadge = ({ rowPaddingHorizontal }) => {
     }, [navigation]);
     if (!group)
         return null;
-    return (_jsx(View, { style: styles.row, children: _jsx(Badge, { iconNameRight: "general.x", label: group?.name || '', onPress: handleBadgePress }) }));
+    return (<View style={styles.row}>
+      <Badge iconNameRight="general.x" label={group?.name || ''} onPress={handleBadgePress}/>
+    </View>);
 };
 const useStyles = ({ rowPaddingHorizontal }) => {
     return StyleSheet.create({

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

@@ -1 +1 @@
-{"version":3,"file":"chat_group_badge.js","sourceRoot":"","sources":["../../../../src/screens/conversations/components/chat_group_badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,aAAa,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAC7E,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAIlD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,oBAAoB,EAAoC,EAAE,EAAE;IAC3F,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,oBAAoB,EAAE,CAAC,CAAA;IAClD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,KAAK,GAAG,QAAQ,EAAgD,CAAA;IACtE,MAAM,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC,MAAM,IAAI,EAAE,CAAA;IAClD,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,SAAS,CAC/B,EAAE,GAAG,EAAE,cAAc,mBAAmB,EAAE,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,EAC1F,EAAE,OAAO,EAAE,CAAC,CAAC,mBAAmB,EAAE,CACnC,CAAA;IAED,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,UAAU,CAAC,SAAS,CAAC;YACnB,mBAAmB,EAAE,SAAS;YAC9B,qBAAqB,EAAE,SAAS;SACjC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAA;IAEvB,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,YACrB,KAAC,KAAK,IAAC,aAAa,EAAC,WAAW,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,IAAI,EAAE,EAAE,OAAO,EAAE,gBAAgB,GAAI,GACnF,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,EAAE,oBAAoB,EAAoC,EAAE,EAAE;IAC/E,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,GAAG,EAAE;YACH,aAAa,EAAE,KAAK;YACpB,iBAAiB,EAAE,oBAAoB;SACxC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { RouteProp, useNavigation, useRoute } from '@react-navigation/native'\nimport React, { useCallback } from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { Badge } from '../../../components'\nimport { useApiGet } from '../../../hooks/use_api'\nimport { GroupResource } from '../../../types/resources/group_resource'\nimport { ConversationsScreenProps } from '../conversations_screen'\n\nexport const ChatGroupBadge = ({ rowPaddingHorizontal }: { rowPaddingHorizontal: number }) => {\n  const styles = useStyles({ rowPaddingHorizontal })\n  const navigation = useNavigation()\n  const route = useRoute<RouteProp<ConversationsScreenProps['route']>>()\n  const { chat_group_graph_id } = route.params || {}\n  const { data: group } = useApiGet<GroupResource>(\n    { url: `/me/groups/${chat_group_graph_id}`, data: { fields: { Group: [] } }, app: 'chat' },\n    { enabled: !!chat_group_graph_id }\n  )\n\n  const handleBadgePress = useCallback(() => {\n    navigation.setParams({\n      chat_group_graph_id: undefined,\n      group_source_app_name: undefined,\n    })\n  }, [navigation])\n\n  if (!group) return null\n\n  return (\n    <View style={styles.row}>\n      <Badge iconNameRight=\"general.x\" label={group?.name || ''} onPress={handleBadgePress} />\n    </View>\n  )\n}\n\nconst useStyles = ({ rowPaddingHorizontal }: { rowPaddingHorizontal: number }) => {\n  return StyleSheet.create({\n    row: {\n      flexDirection: 'row',\n      paddingHorizontal: rowPaddingHorizontal,\n    },\n  })\n}\n"]}
+{"version":3,"file":"chat_group_badge.js","sourceRoot":"","sources":["../../../../src/screens/conversations/components/chat_group_badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,aAAa,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAC7E,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAIlD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,oBAAoB,EAAoC,EAAE,EAAE;IAC3F,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,oBAAoB,EAAE,CAAC,CAAA;IAClD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,KAAK,GAAG,QAAQ,EAAgD,CAAA;IACtE,MAAM,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC,MAAM,IAAI,EAAE,CAAA;IAClD,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,SAAS,CAC/B,EAAE,GAAG,EAAE,cAAc,mBAAmB,EAAE,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,EAC1F,EAAE,OAAO,EAAE,CAAC,CAAC,mBAAmB,EAAE,CACnC,CAAA;IAED,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,UAAU,CAAC,SAAS,CAAC;YACnB,mBAAmB,EAAE,SAAS;YAC9B,qBAAqB,EAAE,SAAS;SACjC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAA;IAEvB,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CACtB;MAAA,CAAC,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,gBAAgB,CAAC,EACvF;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,EAAE,oBAAoB,EAAoC,EAAE,EAAE;IAC/E,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,GAAG,EAAE;YACH,aAAa,EAAE,KAAK;YACpB,iBAAiB,EAAE,oBAAoB;SACxC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { RouteProp, useNavigation, useRoute } from '@react-navigation/native'\nimport React, { useCallback } from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { Badge } from '../../../components'\nimport { useApiGet } from '../../../hooks/use_api'\nimport { GroupResource } from '../../../types/resources/group_resource'\nimport { ConversationsScreenProps } from '../conversations_screen'\n\nexport const ChatGroupBadge = ({ rowPaddingHorizontal }: { rowPaddingHorizontal: number }) => {\n  const styles = useStyles({ rowPaddingHorizontal })\n  const navigation = useNavigation()\n  const route = useRoute<RouteProp<ConversationsScreenProps['route']>>()\n  const { chat_group_graph_id } = route.params || {}\n  const { data: group } = useApiGet<GroupResource>(\n    { url: `/me/groups/${chat_group_graph_id}`, data: { fields: { Group: [] } }, app: 'chat' },\n    { enabled: !!chat_group_graph_id }\n  )\n\n  const handleBadgePress = useCallback(() => {\n    navigation.setParams({\n      chat_group_graph_id: undefined,\n      group_source_app_name: undefined,\n    })\n  }, [navigation])\n\n  if (!group) return null\n\n  return (\n    <View style={styles.row}>\n      <Badge iconNameRight=\"general.x\" label={group?.name || ''} onPress={handleBadgePress} />\n    </View>\n  )\n}\n\nconst useStyles = ({ rowPaddingHorizontal }: { rowPaddingHorizontal: number }) => {\n  return StyleSheet.create({\n    row: {\n      flexDirection: 'row',\n      paddingHorizontal: rowPaddingHorizontal,\n    },\n  })\n}\n"]}

package/build/screens/conversations/components/list_header_action_button.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { PressableProps } from 'react-native';
 import { type IconString } from '../../../components/display/icon';
 interface ListHeaderActionButtonProps extends PressableProps {
@@ -14,6 +15,6 @@ interface ListHeaderActionButtonProps extends PressableProps {
      */
     name: IconString;
 }
-export declare function ListHeaderActionButton({ accessibilityLabel, maxFontSizeMultiplier, name, ...props }: ListHeaderActionButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ListHeaderActionButton({ accessibilityLabel, maxFontSizeMultiplier, name, ...props }: ListHeaderActionButtonProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=list_header_action_button.d.ts.map

package/build/screens/conversations/components/list_header_action_button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list_header_action_button.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversations/components/list_header_action_button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAKxE,UAAU,2BAA4B,SAAQ,cAAc;IAC1D;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B;;OAEG;IACH,IAAI,EAAE,UAAU,CAAA;CACjB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,kBAAkB,EAClB,qBAAqB,EACrB,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,2BAA2B,2CAsB7B"}
+{"version":3,"file":"list_header_action_button.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversations/components/list_header_action_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAKxE,UAAU,2BAA4B,SAAQ,cAAc;IAC1D;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B;;OAEG;IACH,IAAI,EAAE,UAAU,CAAA;CACjB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,kBAAkB,EAClB,qBAAqB,EACrB,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,2BAA2B,qBAsB7B"}

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { Pressable, StyleSheet } from 'react-native';
 import { Icon } from '../../../components/display/icon';
 import { useTheme, useFontScale, useCreateAndroidRippleColor } from '../../../hooks';
@@ -10,11 +10,13 @@ export function ListHeaderActionButton({ accessibilityLabel, maxFontSizeMultipli
     const androidRippleColor = useCreateAndroidRippleColor({
         color: colors.iconColorDefaultSecondary,
     });
-    return (_jsx(Pressable, { style: ({ pressed }) => [styles.pressable, pressed && platformPressedOpacityStyle], accessibilityRole: "button", accessibilityLabel: accessibilityLabel, android_ripple: {
+    return (<Pressable style={({ pressed }) => [styles.pressable, pressed && platformPressedOpacityStyle]} accessibilityRole="button" accessibilityLabel={accessibilityLabel} android_ripple={{
             color: androidRippleColor,
             borderless: false,
             foreground: true,
-        }, ...props, children: _jsx(Icon, { name: name, style: styles.icon, maxFontSizeMultiplier: maxFontSizeMultiplier }) }));
+        }} {...props}>
+      <Icon name={name} style={styles.icon} maxFontSizeMultiplier={maxFontSizeMultiplier}/>
+    </Pressable>);
 }
 const useStyles = ({ maxFontSizeMultiplier }) => {
     const { colors, button } = useTheme();

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

@@ -1 +1 @@
-{"version":3,"file":"list_header_action_button.js","sourceRoot":"","sources":["../../../../src/screens/conversations/components/list_header_action_button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEpD,OAAO,EAAE,IAAI,EAAmB,MAAM,kCAAkC,CAAA;AACxE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,2BAA2B,EAAE,MAAM,gBAAgB,CAAA;AACpF,OAAO,EAAE,2BAA2B,EAAE,MAAM,gBAAgB,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AAiBxD,MAAM,UAAU,sBAAsB,CAAC,EACrC,kBAAkB,EAClB,qBAAqB,EACrB,IAAI,EACJ,GAAG,KAAK,EACoB;IAC5B,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,qBAAqB,EAAE,CAAC,CAAA;IACnD,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,kBAAkB,GAAG,2BAA2B,CAAC;QACrD,KAAK,EAAE,MAAM,CAAC,yBAAyB;KACxC,CAAC,CAAA;IAEF,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,IAAI,2BAA2B,CAAC,EAClF,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EAAE;YACd,KAAK,EAAE,kBAAkB;YACzB,UAAU,EAAE,KAAK;YACjB,UAAU,EAAE,IAAI;SACjB,KACG,KAAK,YAET,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,qBAAqB,EAAE,qBAAqB,GAAI,GAC5E,CACb,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,CAAC,EAAE,qBAAqB,EAAwC,EAAE,EAAE;IACpF,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IACrC,MAAM,SAAS,GAAG,YAAY,CAAC,EAAE,qBAAqB,EAAE,CAAC,CAAA;IAEzD,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,YAAY,EAAE,MAAM,CAAC,YAAY,GAAG,SAAS;YAC7C,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,MAAM,CAAC,sBAAsB;YAC1C,eAAe,EAAE,aAAa;YAC9B,iBAAiB,EAAE,EAAE,GAAG,SAAS;YACjC,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,MAAM,EAAE,EAAE,GAAG,SAAS;YACtB,GAAG,EAAE,CAAC,GAAG,SAAS;YAClB,QAAQ,EAAE,QAAQ;SACnB;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,MAAM,CAAC,UAAU,GAAG,SAAS;YACvC,KAAK,EAAE,MAAM,CAAC,yBAAyB;SACxC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { Pressable, StyleSheet } from 'react-native'\nimport type { PressableProps } from 'react-native'\nimport { Icon, type IconString } from '../../../components/display/icon'\nimport { useTheme, useFontScale, useCreateAndroidRippleColor } from '../../../hooks'\nimport { platformPressedOpacityStyle } from '../../../utils'\nimport { tokens } from '../../../vendor/tapestry/tokens'\n\ninterface ListHeaderActionButtonProps extends PressableProps {\n  /**\n   * Provides context to screen readers about what the button does.\n   */\n  accessibilityLabel: string\n  /**\n   * Specifies the maximum size a font can reach when allowFontScaling is enabled.\n   */\n  maxFontSizeMultiplier?: number\n  /**\n   * Generates an icon from `@planningcenter/icons`\n   */\n  name: IconString\n}\n\nexport function ListHeaderActionButton({\n  accessibilityLabel,\n  maxFontSizeMultiplier,\n  name,\n  ...props\n}: ListHeaderActionButtonProps) {\n  const styles = useStyles({ maxFontSizeMultiplier })\n  const { colors } = useTheme()\n  const androidRippleColor = useCreateAndroidRippleColor({\n    color: colors.iconColorDefaultSecondary,\n  })\n\n  return (\n    <Pressable\n      style={({ pressed }) => [styles.pressable, pressed && platformPressedOpacityStyle]}\n      accessibilityRole=\"button\"\n      accessibilityLabel={accessibilityLabel}\n      android_ripple={{\n        color: androidRippleColor,\n        borderless: false,\n        foreground: true,\n      }}\n      {...props}\n    >\n      <Icon name={name} style={styles.icon} maxFontSizeMultiplier={maxFontSizeMultiplier} />\n    </Pressable>\n  )\n}\n\nconst useStyles = ({ maxFontSizeMultiplier }: Partial<ListHeaderActionButtonProps>) => {\n  const { colors, button } = useTheme()\n  const fontScale = useFontScale({ maxFontSizeMultiplier })\n\n  return StyleSheet.create({\n    pressable: {\n      borderRadius: button.borderRadius * fontScale,\n      borderWidth: 1,\n      borderColor: colors.borderColorDefaultBase,\n      backgroundColor: 'transparent',\n      paddingHorizontal: 16 * fontScale,\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'center',\n      height: 32 * fontScale,\n      gap: 6 * fontScale,\n      overflow: 'hidden',\n    },\n    icon: {\n      fontSize: tokens.fontSizeSm * fontScale,\n      color: colors.iconColorDefaultSecondary,\n    },\n  })\n}\n"]}
+{"version":3,"file":"list_header_action_button.js","sourceRoot":"","sources":["../../../../src/screens/conversations/components/list_header_action_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEpD,OAAO,EAAE,IAAI,EAAmB,MAAM,kCAAkC,CAAA;AACxE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,2BAA2B,EAAE,MAAM,gBAAgB,CAAA;AACpF,OAAO,EAAE,2BAA2B,EAAE,MAAM,gBAAgB,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AAiBxD,MAAM,UAAU,sBAAsB,CAAC,EACrC,kBAAkB,EAClB,qBAAqB,EACrB,IAAI,EACJ,GAAG,KAAK,EACoB;IAC5B,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,qBAAqB,EAAE,CAAC,CAAA;IACnD,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,kBAAkB,GAAG,2BAA2B,CAAC;QACrD,KAAK,EAAE,MAAM,CAAC,yBAAyB;KACxC,CAAC,CAAA;IAEF,OAAO,CACL,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,IAAI,2BAA2B,CAAC,CAAC,CACnF,iBAAiB,CAAC,QAAQ,CAC1B,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,cAAc,CAAC,CAAC;YACd,KAAK,EAAE,kBAAkB;YACzB,UAAU,EAAE,KAAK;YACjB,UAAU,EAAE,IAAI;SACjB,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,qBAAqB,CAAC,CAAC,qBAAqB,CAAC,EACrF;IAAA,EAAE,SAAS,CAAC,CACb,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,CAAC,EAAE,qBAAqB,EAAwC,EAAE,EAAE;IACpF,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IACrC,MAAM,SAAS,GAAG,YAAY,CAAC,EAAE,qBAAqB,EAAE,CAAC,CAAA;IAEzD,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,YAAY,EAAE,MAAM,CAAC,YAAY,GAAG,SAAS;YAC7C,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,MAAM,CAAC,sBAAsB;YAC1C,eAAe,EAAE,aAAa;YAC9B,iBAAiB,EAAE,EAAE,GAAG,SAAS;YACjC,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,MAAM,EAAE,EAAE,GAAG,SAAS;YACtB,GAAG,EAAE,CAAC,GAAG,SAAS;YAClB,QAAQ,EAAE,QAAQ;SACnB;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,MAAM,CAAC,UAAU,GAAG,SAAS;YACvC,KAAK,EAAE,MAAM,CAAC,yBAAyB;SACxC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { Pressable, StyleSheet } from 'react-native'\nimport type { PressableProps } from 'react-native'\nimport { Icon, type IconString } from '../../../components/display/icon'\nimport { useTheme, useFontScale, useCreateAndroidRippleColor } from '../../../hooks'\nimport { platformPressedOpacityStyle } from '../../../utils'\nimport { tokens } from '../../../vendor/tapestry/tokens'\n\ninterface ListHeaderActionButtonProps extends PressableProps {\n  /**\n   * Provides context to screen readers about what the button does.\n   */\n  accessibilityLabel: string\n  /**\n   * Specifies the maximum size a font can reach when allowFontScaling is enabled.\n   */\n  maxFontSizeMultiplier?: number\n  /**\n   * Generates an icon from `@planningcenter/icons`\n   */\n  name: IconString\n}\n\nexport function ListHeaderActionButton({\n  accessibilityLabel,\n  maxFontSizeMultiplier,\n  name,\n  ...props\n}: ListHeaderActionButtonProps) {\n  const styles = useStyles({ maxFontSizeMultiplier })\n  const { colors } = useTheme()\n  const androidRippleColor = useCreateAndroidRippleColor({\n    color: colors.iconColorDefaultSecondary,\n  })\n\n  return (\n    <Pressable\n      style={({ pressed }) => [styles.pressable, pressed && platformPressedOpacityStyle]}\n      accessibilityRole=\"button\"\n      accessibilityLabel={accessibilityLabel}\n      android_ripple={{\n        color: androidRippleColor,\n        borderless: false,\n        foreground: true,\n      }}\n      {...props}\n    >\n      <Icon name={name} style={styles.icon} maxFontSizeMultiplier={maxFontSizeMultiplier} />\n    </Pressable>\n  )\n}\n\nconst useStyles = ({ maxFontSizeMultiplier }: Partial<ListHeaderActionButtonProps>) => {\n  const { colors, button } = useTheme()\n  const fontScale = useFontScale({ maxFontSizeMultiplier })\n\n  return StyleSheet.create({\n    pressable: {\n      borderRadius: button.borderRadius * fontScale,\n      borderWidth: 1,\n      borderColor: colors.borderColorDefaultBase,\n      backgroundColor: 'transparent',\n      paddingHorizontal: 16 * fontScale,\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'center',\n      height: 32 * fontScale,\n      gap: 6 * fontScale,\n      overflow: 'hidden',\n    },\n    icon: {\n      fontSize: tokens.fontSizeSm * fontScale,\n      color: colors.iconColorDefaultSecondary,\n    },\n  })\n}\n"]}

package/build/screens/conversations/components/list_header_component.d.ts

@@ -1,2 +1,3 @@
-export declare const ListHeaderComponent: () => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+export declare const ListHeaderComponent: () => React.JSX.Element;
 //# sourceMappingURL=list_header_component.d.ts.map

package/build/screens/conversations/components/list_header_component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list_header_component.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversations/components/list_header_component.tsx"],"names":[],"mappings":"AAiCA,eAAO,MAAM,mBAAmB,+CAwN/B,CAAA"}
+{"version":3,"file":"list_header_component.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversations/components/list_header_component.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAgCnD,eAAO,MAAM,mBAAmB,yBAwN/B,CAAA"}

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

@@ -1,6 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useNavigation, useRoute } from '@react-navigation/native';
-import { useCallback, useMemo } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { Alert, ScrollView, StyleSheet, View } from 'react-native';
 import { Heading, TextButton, ToggleButton } from '../../../components';
 import { useAtFontScaleBreakpoint, useCanCreateConversations, useCurrentPersonCache, useDirectMessagesEnabled, useHasDirectMessages, useNewConversationEntry, useTheme, } from '../../../hooks';
@@ -112,23 +111,47 @@ export const ListHeaderComponent = () => {
         accessibilityLabel: moreFiltersButtonA11yLabel,
     };
     const styles = useStyles({ shouldShowHeaderFiltersButton });
-    return (_jsxs(View, { style: styles.listHeader, children: [_jsxs(View, { style: styles.headingRow, children: [_jsxs(View, { style: styles.titleContainer, children: [_jsx(Heading, { numberOfLines: 1, variant: "h2", children: "Conversations" }), _jsx(TextButton, { onPress: alertMarkAllRead, disabled: isPending, maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK, accessibilityShowsLargeContentViewer: true, accessibilityLargeContentTitle: "Mark all read", children: "Mark all read" })] }), _jsxs(View, { style: styles.actionsContainer, children: [_jsx(ListHeaderActionButton, { name: "general.cog", onPress: handleChatSettings, accessibilityLabel: "Chat settings", maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK }), canCreateConversations && (_jsx(ListHeaderActionButton, { name: "churchCenter.signups", onPress: handleNewConversationNavigation, accessibilityLabel: "New conversation", testID: "conversations-new-conversation-button", maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK })), shouldShowHeaderFiltersButton && _jsx(ToggleButton, { ...moreFiltersButtonProps })] })] }), showFilterRow && (_jsxs(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.filterRow, accessibilityRole: "toolbar", children: [_jsx(ToggleButton, { title: FilterTypes.All, active: active === FilterTypes.All, onPress: () => navigation.setParams({
-                            chat_group_graph_id: undefined,
-                            group_source_app_name: undefined,
-                            show_direct_messages: undefined,
-                        }), accessibilityLabel: "Show all conversations", style: styles.filterButton }), canFilterByGroups && (_jsx(ToggleButton, { title: FilterTypes.Groups, active: active === FilterTypes.Groups, onPress: () => navigation.setParams({
-                            chat_group_graph_id: undefined,
-                            group_source_app_name: 'Groups',
-                            show_direct_messages: undefined,
-                        }), accessibilityLabel: "Filter to group conversations", style: styles.filterButton })), canFilterByTeams && (_jsx(ToggleButton, { title: FilterTypes.Teams, active: active === FilterTypes.Teams, onPress: () => navigation.setParams({
-                            chat_group_graph_id: undefined,
-                            group_source_app_name: 'Services',
-                            show_direct_messages: undefined,
-                        }), accessibilityLabel: "Filter to team conversations", style: styles.filterButton })), canFilterByDMs && (_jsx(ToggleButton, { title: FilterTypes.DMs, active: active === FilterTypes.DMs, onPress: () => navigation.setParams({
-                            chat_group_graph_id: undefined,
-                            group_source_app_name: undefined,
-                            show_direct_messages: true,
-                        }), accessibilityLabel: "Filter to direct message conversations", style: styles.filterButton })), _jsx(ToggleButton, { ...moreFiltersButtonProps })] })), _jsx(ChatGroupBadge, { rowPaddingHorizontal: ROW_PADDING_HORIZONTAL })] }));
+    return (<View style={styles.listHeader}>
+      <View style={styles.headingRow}>
+        <View style={styles.titleContainer}>
+          <Heading numberOfLines={1} variant="h2">
+            Conversations
+          </Heading>
+          <TextButton onPress={alertMarkAllRead} disabled={isPending} maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK} accessibilityShowsLargeContentViewer accessibilityLargeContentTitle="Mark all read">
+            Mark all read
+          </TextButton>
+        </View>
+        <View style={styles.actionsContainer}>
+          {canCreateConversations && (<ListHeaderActionButton name="churchCenter.signups" onPress={handleNewConversationNavigation} accessibilityLabel="New conversation" testID="conversations-new-conversation-button" maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}/>)}
+          <ListHeaderActionButton name="general.cog" onPress={handleChatSettings} accessibilityLabel="Chat settings" maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}/>
+          {shouldShowHeaderFiltersButton && <ToggleButton {...moreFiltersButtonProps}/>}
+        </View>
+      </View>
+      {showFilterRow && (<ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.filterRow} accessibilityRole="toolbar">
+          <ToggleButton title={FilterTypes.All} active={active === FilterTypes.All} onPress={() => navigation.setParams({
+                chat_group_graph_id: undefined,
+                group_source_app_name: undefined,
+                show_direct_messages: undefined,
+            })} accessibilityLabel="Show all conversations" style={styles.filterButton}/>
+          {canFilterByGroups && (<ToggleButton title={FilterTypes.Groups} active={active === FilterTypes.Groups} onPress={() => navigation.setParams({
+                    chat_group_graph_id: undefined,
+                    group_source_app_name: 'Groups',
+                    show_direct_messages: undefined,
+                })} accessibilityLabel="Filter to group conversations" style={styles.filterButton}/>)}
+          {canFilterByTeams && (<ToggleButton title={FilterTypes.Teams} active={active === FilterTypes.Teams} onPress={() => navigation.setParams({
+                    chat_group_graph_id: undefined,
+                    group_source_app_name: 'Services',
+                    show_direct_messages: undefined,
+                })} accessibilityLabel="Filter to team conversations" style={styles.filterButton}/>)}
+          {canFilterByDMs && (<ToggleButton title={FilterTypes.DMs} active={active === FilterTypes.DMs} onPress={() => navigation.setParams({
+                    chat_group_graph_id: undefined,
+                    group_source_app_name: undefined,
+                    show_direct_messages: true,
+                })} accessibilityLabel="Filter to direct message conversations" style={styles.filterButton}/>)}
+          <ToggleButton {...moreFiltersButtonProps}/>
+        </ScrollView>)}
+      <ChatGroupBadge rowPaddingHorizontal={ROW_PADDING_HORIZONTAL}/>
+    </View>);
 };
 const useStyles = ({ shouldShowHeaderFiltersButton, }) => {
     const theme = useTheme();

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

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

package/build/screens/conversations/conversations_screen.d.ts

@@ -1,4 +1,5 @@
 import { StaticScreenProps } from '@react-navigation/native';
+import React from 'react';
 import { AppName } from '../../types/resources/app_name';
 import { GraphId } from '../../types/resources/group_resource';
 export type ConversationsScreenProps = StaticScreenProps<{
@@ -7,5 +8,5 @@ export type ConversationsScreenProps = StaticScreenProps<{
     group_source_app_name?: AppName;
     show_direct_messages?: boolean;
 }>;
-export declare function ConversationsScreen({ route }: ConversationsScreenProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationsScreen({ route }: ConversationsScreenProps): React.JSX.Element;
 //# sourceMappingURL=conversations_screen.d.ts.map

package/build/screens/conversations/conversations_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversations_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/conversations/conversations_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAM5D,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAA;AAG9D,MAAM,MAAM,wBAAwB,GAAG,iBAAiB,CAAC;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B,CAAC,CAAA;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,EAAE,wBAAwB,2CAYtE"}
+{"version":3,"file":"conversations_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/conversations/conversations_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAA;AAG9D,MAAM,MAAM,wBAAwB,GAAG,iBAAiB,CAAC;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B,CAAC,CAAA;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,EAAE,wBAAwB,qBAYtE"}