@planningcenter/chat-react-native 3.1.0 → 3.2.0-rc.0

package/build/screens/conversation_filters_screen.js

@@ -1,231 +1,102 @@
-import { PlatformPressable } from '@react-navigation/elements';
-import { StackActions, useNavigation, useRoute, } from '@react-navigation/native';
-import React, { createContext, useContext, useMemo, useState } from 'react';
-import { Animated, FlatList, Platform, StyleSheet, useWindowDimensions, View, } from 'react-native';
+import { HeaderTitle, useHeaderHeight } from '@react-navigation/elements';
+import { createComponentForStaticNavigation, useRoute } from '@react-navigation/native';
+import { createNativeStackNavigator, } from '@react-navigation/native-stack';
+import React from 'react';
+import { Platform, StyleSheet, useWindowDimensions, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { Button, Heading, Icon, Image, Text, TextButton } from '../components';
+import { Button, TextButton } from '../components';
+import { FilterContext, FilterProvider, } from './conversation_filters/context/conversation_filter_context';
+import { ConversationFilters } from './conversation_filters/components/conversation_filters';
+import { GroupFilters } from './conversation_filters/group_filters';
 import { useTheme } from '../hooks';
-import { useGroups } from '../hooks/use_groups';
-import { useGroupsGroups } from '../hooks/use_groups_groups';
-import { useServicesTeamsMap } from '../hooks/use_services_team';
-import { useTeams } from '../hooks/use_teams';
-// =========================================
-// ====== Factory Constants & Types ========
-// =========================================
-var SectionTypes;
-(function (SectionTypes) {
-    SectionTypes[SectionTypes["filterBar"] = 0] = "filterBar";
-    SectionTypes[SectionTypes["filter"] = 1] = "filter";
-    SectionTypes[SectionTypes["groups"] = 2] = "groups";
-    SectionTypes[SectionTypes["header"] = 3] = "header";
-    SectionTypes[SectionTypes["teams"] = 4] = "teams";
-    SectionTypes[SectionTypes["hidden"] = 5] = "hidden";
-})(SectionTypes || (SectionTypes = {}));
-const ASPECT_RATIO = 16 / 9;
-const THUMBNAIL_WIDTH = 80;
-const THUMBNAIL_HEIGHT = THUMBNAIL_WIDTH / ASPECT_RATIO;
-var FilterTypes;
-(function (FilterTypes) {
-    FilterTypes["All"] = "All conversations";
-    FilterTypes["Groups"] = "All my groups";
-    FilterTypes["Teams"] = "All my teams and plans";
-    FilterTypes["More"] = "More";
-})(FilterTypes || (FilterTypes = {}));
-// =================================
-// ====== Components ===============
-// =================================
+import { TeamFilters } from './conversation_filters/team_filters';
+const FilterHeaderTitle = ({ tintColor }) => {
+    const styles = useStyles();
+    return <HeaderTitle style={[styles.headerTitle, { color: tintColor }]}>Filters</HeaderTitle>;
+};
+const HeaderRight = () => {
+    const { resetFilter, applyFilters } = React.useContext(FilterContext);
+    const route = useRoute();
+    const styles = useStyles();
+    return (<View style={styles.headerRight}>
+      <TextButton onPress={resetFilter}>Reset</TextButton>
+      <Button title="Apply" onPress={() => applyFilters(route.params)}/>
+    </View>);
+};
+const HeaderRightWithContext = () => {
+    return (<FilterProvider>
+      <HeaderRight />
+    </FilterProvider>);
+};
 export const ConversationFiltersScreenOptions = {
-    presentation: 'formSheet',
-    headerShown: false,
-    sheetAllowedDetents: [0.75],
+    presentation: Platform.select({ android: 'modal', ios: 'formSheet' }),
+    sheetAllowedDetents: Platform.select({
+        android: [0.75, 0.94],
+        default: [0.75, 1],
+    }),
     sheetGrabberVisible: true,
+    headerBackVisible: false,
+    headerRight: HeaderRightWithContext,
+    headerTitle: FilterHeaderTitle,
+    headerTitleAlign: 'left',
 };
-const FilterContext = createContext({
-    scrollOffset: 0,
-    resetFilter: () => { },
-    setGroupFilter: () => { },
-    setAppFilter: () => { },
-    applyFilters: () => { },
-});
-export const ConversationFiltersScreen = ({}) => {
-    const styles = useStyles();
-    const navigation = useNavigation();
-    const route = useRoute();
-    const { chat_group_graph_id, group_source_app_name = '' } = route.params;
-    const [scrollOffset, setScrollOffset] = useState(0);
-    const activeFilter = useMemo(() => {
-        if (chat_group_graph_id) {
-            return FilterTypes.More;
-        }
-        else if (/groups/i.test(group_source_app_name)) {
-            return FilterTypes.Groups;
-        }
-        else if (/services/i.test(group_source_app_name)) {
-            return FilterTypes.Teams;
-        }
-        return FilterTypes.All;
-    }, [chat_group_graph_id, group_source_app_name]);
-    const { groups = [], fetchNextPage: fetchNextGroupsPage } = useGroupsToFilter();
-    const { teams = [], fetchNextPage: fetchNextTeamsPage } = useTeamsToFilter();
-    const activeGroupId = chat_group_graph_id;
-    const isExactGroupFilter = activeFilter === FilterTypes.More;
-    // @ts-expect-error
-    const teamItems = teams.map(team => ({
-        type: SectionTypes.teams,
-        data: {
-            team,
-            isActive: isExactGroupFilter && team.id.toString() === activeGroupId,
-        },
-    }));
-    const groupItems = groups.map(group => ({
-        type: SectionTypes.groups,
-        data: {
-            group,
-            isActive: isExactGroupFilter && group?.id.toString() === activeGroupId,
-        },
-    }));
-    const hideAppFilters = groupItems.length < 1 || teamItems.length < 1;
-    const listData = [
-        {
-            type: SectionTypes.filterBar,
-            data: {},
-        },
-        {
-            type: hideAppFilters ? SectionTypes.hidden : SectionTypes.header,
-            data: { title: 'General Filters' },
-        },
-        {
-            type: hideAppFilters ? SectionTypes.hidden : SectionTypes.filter,
-            data: { filter: FilterTypes.All, isActive: activeFilter === FilterTypes.All },
-        },
-        {
-            type: hideAppFilters ? SectionTypes.hidden : SectionTypes.filter,
-            data: {
-                filter: FilterTypes.Groups,
-                group_source_app_name: 'groups',
-                isActive: activeFilter === FilterTypes.Groups,
+const FilterNavigator = createNativeStackNavigator({
+    initialRouteName: 'Filters',
+    screens: {
+        Filters: {
+            screen: ConversationFilters,
+            options: {
+                headerShown: false,
             },
         },
-        {
-            type: hideAppFilters ? SectionTypes.hidden : SectionTypes.filter,
-            data: {
-                filter: FilterTypes.Teams,
-                group_source_app_name: 'services',
-                isActive: activeFilter === FilterTypes.Teams,
+        GroupFilters: {
+            screen: GroupFilters,
+            options: {
+                headerTitle: Platform.select({
+                    android: 'Groups',
+                    ios: '',
+                }),
+                headerBackTitle: 'Groups',
             },
         },
-        {
-            type: groupItems.length ? SectionTypes.header : SectionTypes.hidden,
-            data: { title: 'Groups' },
-        },
-        ...groupItems,
-        {
-            type: teamItems.length ? SectionTypes.header : SectionTypes.hidden,
-            data: { title: 'Teams' },
-        },
-        ...teamItems,
-    ];
-    function handleOnEndReached() {
-        fetchNextTeamsPage();
-        fetchNextGroupsPage();
-    }
-    const filterContextValue = {
-        scrollOffset,
-        resetFilter: () => {
-            navigation.dispatch(StackActions.popTo('Conversations', {
-                chat_group_graph_id: undefined,
-                group_source_app_name: undefined,
-            }));
-        },
-        setGroupFilter: (params) => {
-            navigation.setParams({
-                chat_group_graph_id: params.chat_group_graph_id,
-                group_source_app_name: undefined,
-            });
-        },
-        setAppFilter: (params) => {
-            navigation.setParams({
-                chat_group_graph_id: undefined,
-                group_source_app_name: params.group_source_app_name,
-            });
-        },
-        applyFilters: (params) => {
-            navigation.dispatch(StackActions.popTo('Conversations', params));
+        TeamFilters: {
+            screen: TeamFilters,
+            options: {
+                headerTitle: Platform.select({
+                    android: 'Teams',
+                    ios: '',
+                }),
+                headerBackTitle: 'Teams',
+            },
         },
-    };
-    return (<View style={styles.container}>
-      <FilterContext.Provider value={filterContextValue}>
-        <FlatList data={listData} contentContainerStyle={styles.flatlistContainer} onEndReached={handleOnEndReached} stickyHeaderIndices={[0]} nestedScrollEnabled={true} onScroll={e => setScrollOffset(e.nativeEvent.contentOffset.y)} renderItem={({ item }) => {
-            switch (item.type) {
-                case SectionTypes.filterBar:
-                    return <FilterBar {...item.data}/>;
-                case SectionTypes.header:
-                    return <Header {...item.data}/>;
-                case SectionTypes.filter:
-                    return <FilterRow {...item.data}/>;
-                case SectionTypes.groups:
-                    return <GroupRow {...item.data}/>;
-                case SectionTypes.teams:
-                    return <TeamRow {...item.data}/>;
-                default:
-                    return null;
-            }
-        }}/>
-      </FilterContext.Provider>
-    </View>);
-};
-function FilterBar({ style }) {
+    },
+});
+const Filters = createComponentForStaticNavigation(FilterNavigator, 'Filters');
+export const ConversationFiltersScreen = (_props) => {
     const styles = useStyles();
-    const { scrollOffset, resetFilter, applyFilters } = React.useContext(FilterContext);
-    const route = useRoute();
-    return (<Animated.View style={[styles.filterBar, scrollOffset > 0 && styles.filterBarScroll, style]}>
-      <Heading variant="h3">Filters</Heading>
-      <View style={styles.filterBarActions}>
-        <TextButton onPress={resetFilter}>Reset</TextButton>
-        <Button title="Apply" onPress={() => applyFilters(route.params)}/>
+    return (<FilterProvider>
+      <View style={styles.container}>
+        <Filters />
       </View>
-    </Animated.View>);
-}
+    </FilterProvider>);
+};
 const useStyles = () => {
+    const { top } = useSafeAreaInsets();
     const { height } = useWindowDimensions();
-    const { bottom } = useSafeAreaInsets();
+    const headerHeight = useHeaderHeight();
     const theme = useTheme();
+    const containerHeight = Platform.select({
+        android: height,
+        ios: height - top - headerHeight,
+    });
     return StyleSheet.create({
         container: {
-            gap: 8,
-            paddingTop: 12,
-        },
-        flatlistContainer: {
-            paddingBottom: bottom,
-            height: Platform.select({
-                ios: undefined,
-                android: height,
-            }),
+            height: containerHeight,
         },
-        section: {
+        headerTitle: {
+            textAlign: 'left',
             flex: 1,
         },
-        sectionHeader: {
-            flexDirection: 'row',
-            justifyContent: 'space-between',
-            paddingTop: 24,
-            paddingBottom: 8,
-            paddingHorizontal: 16,
-        },
-        selectTeamsButton: {},
-        row: {},
-        rowImage: {
-            width: THUMBNAIL_WIDTH,
-            height: THUMBNAIL_HEIGHT,
-            borderRadius: 4,
-        },
-        rowIconRight: {
-            marginLeft: 'auto',
-            color: theme.colors.statusSuccessIcon,
-        },
-        rowTitle: {
-            fontSize: 16,
-        },
         filterBar: {
             backgroundColor: theme.colors.fillColorNeutral100Inverted,
             flexDirection: 'row',
@@ -244,103 +115,11 @@ const useStyles = () => {
             gap: 8,
             alignItems: 'center',
         },
-    });
-};
-const Header = ({ title }) => {
-    const styles = useStyles();
-    return (<View style={styles.sectionHeader}>
-      <Heading variant="h3">{title}</Heading>
-    </View>);
-};
-const FilterRow = ({ group_source_app_name, isActive, filter }) => {
-    const styles = useStyles();
-    const { setAppFilter } = useContext(FilterContext);
-    return (<PressableRow style={styles.row} onPress={() => setAppFilter({ group_source_app_name })}>
-      <Text>{filter}</Text>
-      {isActive ? <Icon name="general.check" size={16} style={styles.rowIconRight}/> : null}
-    </PressableRow>);
-};
-const GroupRow = ({ group, isActive }) => {
-    const styles = useStyles();
-    const { setGroupFilter } = useContext(FilterContext);
-    const handleFilterByGroup = () => {
-        setGroupFilter({ chat_group_graph_id: group.id });
-    };
-    const { headerImage, membershipsCount } = group;
-    return (<PressableRow style={styles.row} onPress={handleFilterByGroup}>
-      {headerImage?.thumbnail && (<Image source={{ uri: headerImage?.thumbnail }} resizeMode="cover" style={styles.rowImage} alt={`Image for ${group.name}`}/>)}
-      <View>
-        <Heading variant="h3" style={styles.rowTitle}>
-          {group.name}
-        </Heading>
-        {membershipsCount && <Text>{group.membershipsCount} members</Text>}
-      </View>
-      {isActive ? <Icon name="general.check" size={16} style={styles.rowIconRight}/> : null}
-    </PressableRow>);
-};
-const TeamRow = ({ team }) => {
-    const styles = useStyles();
-    const { setGroupFilter } = useContext(FilterContext);
-    const servicesTeams = useServicesTeamsMap();
-    const route = useRoute();
-    const { chat_group_graph_id } = route.params;
-    const isActive = chat_group_graph_id === team.id.toString();
-    const handleFilterByGroup = () => {
-        setGroupFilter({ chat_group_graph_id: team.id });
-    };
-    const servicesTeam = servicesTeams[team.id];
-    const serviceTypeName = servicesTeam?.serviceTypeName || servicesTeam?.group;
-    return (<PressableRow style={styles.row} onPress={handleFilterByGroup}>
-      <View>
-        <Heading variant="h3" style={styles.rowTitle}>
-          {team.name}
-        </Heading>
-        <Text>{serviceTypeName}</Text>
-      </View>
-      {isActive ? <Icon name="general.check" size={16} style={styles.rowIconRight}/> : null}
-    </PressableRow>);
-};
-const PressableRow = ({ children, onPress, style, }) => {
-    const styles = useRowStyles();
-    return (<PlatformPressable style={styles.container} onPress={onPress}>
-      <View style={[styles.innerContainer, style]}>{children}</View>
-    </PlatformPressable>);
-};
-const useRowStyles = () => {
-    const theme = useTheme();
-    return StyleSheet.create({
-        container: {
-            paddingLeft: 16,
-        },
-        innerContainer: {
+        headerRight: {
             flexDirection: 'row',
+            gap: 8,
             alignItems: 'center',
-            gap: 12,
-            borderBottomWidth: 1,
-            borderBottomColor: theme.colors.fillColorNeutral050Base,
-            paddingVertical: 12,
-            paddingRight: 16,
         },
     });
 };
-const useTeamsToFilter = () => {
-    const { data: teams = [], fetchNextPage } = useTeams();
-    return { teams, fetchNextPage };
-};
-const useGroupsToFilter = () => {
-    const { data: groups = [] } = useGroups({ source_app_name: 'Groups', source_type: 'Group' });
-    const { data: groupsData = [], fetchNextPage } = useGroupsGroups();
-    const filteredGroups = useMemo(() => groups
-        .map(group => {
-        const groupsGroup = groupsData.find(g => group.id.includes(g.id));
-        const { membershipsCount, headerImage } = groupsGroup || {};
-        return {
-            ...group,
-            membershipsCount,
-            headerImage,
-        };
-    })
-        .filter(g => typeof g !== 'undefined'), [groups, groupsData]);
-    return { groups: filteredGroups, fetchNextPage };
-};
 //# sourceMappingURL=conversation_filters_screen.js.map

package/build/screens/conversation_filters_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_filters_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_filters_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport {\n  RouteProp,\n  StackActions,\n  StaticScreenProps,\n  useNavigation,\n  useRoute,\n} from '@react-navigation/native'\nimport { NativeStackNavigationOptions } from '@react-navigation/native-stack'\nimport React, { createContext, PropsWithChildren, useContext, useMemo, useState } from 'react'\nimport {\n  Animated,\n  FlatList,\n  Platform,\n  StyleSheet,\n  useWindowDimensions,\n  View,\n  ViewStyle,\n} from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Button, Heading, Icon, Image, Text, TextButton } from '../components'\nimport { useTheme } from '../hooks'\nimport { useGroups } from '../hooks/use_groups'\nimport { useGroupsGroups } from '../hooks/use_groups_groups'\nimport { useServicesTeamsMap } from '../hooks/use_services_team'\nimport { useTeams } from '../hooks/use_teams'\nimport { GroupsGroupResource, TeamOptionResponseItem } from '../types'\nimport { GraphId, GroupResource } from '../types/resources/group_resource'\n\n// =========================================\n// ====== Factory Constants & Types ========\n// =========================================\n\nenum SectionTypes {\n  filterBar,\n  filter,\n  groups,\n  header,\n  teams,\n  hidden,\n}\n\ntype SectionListData = Array<\n  | DataItem<FilterProps, SectionTypes.filter>\n  | DataItem<GroupRowProps, SectionTypes.groups>\n  | DataItem<HeaderProps, SectionTypes.header>\n  | DataItem<TeamRowProps, SectionTypes.teams>\n  | DataItem<{}, SectionTypes.filterBar>\n  | DataItem<any, SectionTypes.hidden>\n>\n\ninterface DataItem<T, TName extends SectionTypes> {\n  type: TName\n  data: T\n  sectionStyle?: ViewStyle\n}\n\nconst ASPECT_RATIO = 16 / 9\nconst THUMBNAIL_WIDTH = 80\nconst THUMBNAIL_HEIGHT = THUMBNAIL_WIDTH / ASPECT_RATIO\n\nenum FilterTypes {\n  All = 'All conversations',\n  Groups = 'All my groups',\n  Teams = 'All my teams and plans',\n  More = 'More',\n}\n\n// =================================\n// ====== Components ===============\n// =================================\n\nexport const ConversationFiltersScreenOptions: NativeStackNavigationOptions = {\n  presentation: 'formSheet',\n  headerShown: false,\n  sheetAllowedDetents: [0.75],\n  sheetGrabberVisible: true,\n}\n\ntype ConversationFilters = {\n  chat_group_graph_id?: GraphId\n  group_source_app_name?: string\n}\ntype ConversationFiltersScreenProps = StaticScreenProps<ConversationFilters>\n\nconst FilterContext = createContext<{\n  scrollOffset: number\n  resetFilter: () => void\n  setGroupFilter: (params: ConversationFilters) => void\n  setAppFilter: (params: ConversationFilters) => void\n  applyFilters: (params: ConversationFilters) => void\n}>({\n  scrollOffset: 0,\n  resetFilter: () => {},\n  setGroupFilter: () => {},\n  setAppFilter: () => {},\n  applyFilters: () => {},\n})\n\nexport const ConversationFiltersScreen = ({}: ConversationFiltersScreenProps) => {\n  const styles = useStyles()\n  const navigation = useNavigation()\n  const route = useRoute<RouteProp<ConversationFiltersScreenProps['route']>>()\n  const { chat_group_graph_id, group_source_app_name = '' } = route.params\n\n  const [scrollOffset, setScrollOffset] = useState(0)\n\n  const activeFilter: 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    }\n\n    return FilterTypes.All\n  }, [chat_group_graph_id, group_source_app_name])\n\n  const { groups = [], fetchNextPage: fetchNextGroupsPage } = useGroupsToFilter()\n  const { teams = [], fetchNextPage: fetchNextTeamsPage } = useTeamsToFilter()\n\n  const activeGroupId = chat_group_graph_id\n  const isExactGroupFilter = activeFilter === FilterTypes.More\n\n  // @ts-expect-error\n  const teamItems: DataItem<TeamRowProps, SectionTypes.teams>[] = teams.map(team => ({\n    type: SectionTypes.teams,\n    data: {\n      team,\n      isActive: isExactGroupFilter && team.id.toString() === activeGroupId,\n    },\n  }))\n\n  const groupItems: DataItem<GroupRowProps, SectionTypes.groups>[] = groups.map(group => ({\n    type: SectionTypes.groups,\n    data: {\n      group,\n      isActive: isExactGroupFilter && group?.id.toString() === activeGroupId,\n    },\n  }))\n\n  const hideAppFilters = groupItems.length < 1 || teamItems.length < 1\n\n  const listData: SectionListData = [\n    {\n      type: SectionTypes.filterBar,\n      data: {},\n    },\n    {\n      type: hideAppFilters ? SectionTypes.hidden : SectionTypes.header,\n      data: { title: 'General Filters' },\n    },\n    {\n      type: hideAppFilters ? SectionTypes.hidden : SectionTypes.filter,\n      data: { filter: FilterTypes.All, isActive: activeFilter === FilterTypes.All },\n    },\n    {\n      type: hideAppFilters ? SectionTypes.hidden : SectionTypes.filter,\n      data: {\n        filter: FilterTypes.Groups,\n        group_source_app_name: 'groups',\n        isActive: activeFilter === FilterTypes.Groups,\n      },\n    },\n    {\n      type: hideAppFilters ? SectionTypes.hidden : SectionTypes.filter,\n      data: {\n        filter: FilterTypes.Teams,\n        group_source_app_name: 'services',\n        isActive: activeFilter === FilterTypes.Teams,\n      },\n    },\n    {\n      type: groupItems.length ? SectionTypes.header : SectionTypes.hidden,\n      data: { title: 'Groups' },\n    },\n    ...groupItems,\n    {\n      type: teamItems.length ? SectionTypes.header : SectionTypes.hidden,\n      data: { title: 'Teams' },\n    },\n    ...teamItems,\n  ]\n\n  function handleOnEndReached() {\n    fetchNextTeamsPage()\n    fetchNextGroupsPage()\n  }\n\n  const filterContextValue = {\n    scrollOffset,\n    resetFilter: () => {\n      navigation.dispatch(\n        StackActions.popTo('Conversations', {\n          chat_group_graph_id: undefined,\n          group_source_app_name: undefined,\n        })\n      )\n    },\n    setGroupFilter: (params: Omit<ConversationFilters, 'group_source_app_name'>) => {\n      navigation.setParams({\n        chat_group_graph_id: params.chat_group_graph_id,\n        group_source_app_name: undefined,\n      })\n    },\n    setAppFilter: (params: Omit<ConversationFilters, 'chat_group_graph_id'>) => {\n      navigation.setParams({\n        chat_group_graph_id: undefined,\n        group_source_app_name: params.group_source_app_name,\n      })\n    },\n    applyFilters: (params: ConversationFilters) => {\n      navigation.dispatch(StackActions.popTo('Conversations', params))\n    },\n  }\n\n  return (\n    <View style={styles.container}>\n      <FilterContext.Provider value={filterContextValue}>\n        <FlatList\n          data={listData}\n          contentContainerStyle={styles.flatlistContainer}\n          onEndReached={handleOnEndReached}\n          stickyHeaderIndices={[0]}\n          nestedScrollEnabled={true}\n          onScroll={e => setScrollOffset(e.nativeEvent.contentOffset.y)}\n          renderItem={({ item }) => {\n            switch (item.type) {\n              case SectionTypes.filterBar:\n                return <FilterBar {...item.data} />\n              case SectionTypes.header:\n                return <Header {...item.data} />\n              case SectionTypes.filter:\n                return <FilterRow {...item.data} />\n              case SectionTypes.groups:\n                return <GroupRow {...item.data} />\n              case SectionTypes.teams:\n                return <TeamRow {...item.data} />\n              default:\n                return null\n            }\n          }}\n        />\n      </FilterContext.Provider>\n    </View>\n  )\n}\n\nfunction FilterBar({ style }: { style?: ViewStyle }) {\n  const styles = useStyles()\n  const { scrollOffset, resetFilter, applyFilters } = React.useContext(FilterContext)\n  const route = useRoute<RouteProp<ConversationFiltersScreenProps['route']>>()\n\n  return (\n    <Animated.View style={[styles.filterBar, scrollOffset > 0 && styles.filterBarScroll, style]}>\n      <Heading variant=\"h3\">Filters</Heading>\n      <View style={styles.filterBarActions}>\n        <TextButton onPress={resetFilter}>Reset</TextButton>\n        <Button title=\"Apply\" onPress={() => applyFilters(route.params)} />\n      </View>\n    </Animated.View>\n  )\n}\n\nconst useStyles = () => {\n  const { height } = useWindowDimensions()\n  const { bottom } = useSafeAreaInsets()\n  const theme = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      gap: 8,\n      paddingTop: 12,\n    },\n    flatlistContainer: {\n      paddingBottom: bottom,\n      height: Platform.select({\n        ios: undefined,\n        android: height,\n      }),\n    },\n    section: {\n      flex: 1,\n    },\n    sectionHeader: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      paddingTop: 24,\n      paddingBottom: 8,\n      paddingHorizontal: 16,\n    },\n    selectTeamsButton: {},\n    row: {},\n    rowImage: {\n      width: THUMBNAIL_WIDTH,\n      height: THUMBNAIL_HEIGHT,\n      borderRadius: 4,\n    },\n    rowIconRight: {\n      marginLeft: 'auto',\n      color: theme.colors.statusSuccessIcon,\n    },\n    rowTitle: {\n      fontSize: 16,\n    },\n    filterBar: {\n      backgroundColor: theme.colors.fillColorNeutral100Inverted,\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      paddingHorizontal: 16,\n      paddingVertical: 16,\n      gap: 8,\n    },\n    filterBarScroll: {\n      elevation: 4,\n      boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.1)',\n    },\n    filterBarActions: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n    },\n  })\n}\n\ntype HeaderProps = {\n  title: string\n}\n\nconst Header = ({ title }: HeaderProps) => {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.sectionHeader}>\n      <Heading variant=\"h3\">{title}</Heading>\n    </View>\n  )\n}\n\ntype FilterProps = { group_source_app_name?: string; isActive: boolean; filter: FilterTypes }\n\nconst FilterRow = ({ group_source_app_name, isActive, filter }: FilterProps) => {\n  const styles = useStyles()\n  const { setAppFilter } = useContext(FilterContext)\n\n  return (\n    <PressableRow style={styles.row} onPress={() => setAppFilter({ group_source_app_name })}>\n      <Text>{filter}</Text>\n      {isActive ? <Icon name=\"general.check\" size={16} style={styles.rowIconRight} /> : null}\n    </PressableRow>\n  )\n}\n\ntype GroupRowProps = {\n  group: FilteredGroup\n  isActive: boolean\n}\n\nconst GroupRow = ({ group, isActive }: GroupRowProps) => {\n  const styles = useStyles()\n  const { setGroupFilter } = useContext(FilterContext)\n\n  const handleFilterByGroup = () => {\n    setGroupFilter({ chat_group_graph_id: group.id })\n  }\n\n  const { headerImage, membershipsCount } = group\n\n  return (\n    <PressableRow style={styles.row} onPress={handleFilterByGroup}>\n      {headerImage?.thumbnail && (\n        <Image\n          source={{ uri: headerImage?.thumbnail }}\n          resizeMode=\"cover\"\n          style={styles.rowImage}\n          alt={`Image for ${group.name}`}\n        />\n      )}\n      <View>\n        <Heading variant=\"h3\" style={styles.rowTitle}>\n          {group.name}\n        </Heading>\n        {membershipsCount && <Text>{group.membershipsCount} members</Text>}\n      </View>\n      {isActive ? <Icon name=\"general.check\" size={16} style={styles.rowIconRight} /> : null}\n    </PressableRow>\n  )\n}\n\ntype TeamRowProps = {\n  team: Partial<TeamOptionResponseItem> & Pick<GroupResource, 'id'>\n  isActive: boolean\n}\n\nconst TeamRow = ({ team }: TeamRowProps) => {\n  const styles = useStyles()\n  const { setGroupFilter } = useContext(FilterContext)\n  const servicesTeams = useServicesTeamsMap()\n  const route = useRoute<RouteProp<ConversationFiltersScreenProps['route']>>()\n  const { chat_group_graph_id } = route.params\n  const isActive = chat_group_graph_id === team.id.toString()\n\n  const handleFilterByGroup = () => {\n    setGroupFilter({ chat_group_graph_id: team.id })\n  }\n\n  const servicesTeam = servicesTeams[team.id]\n  const serviceTypeName = servicesTeam?.serviceTypeName || servicesTeam?.group\n\n  return (\n    <PressableRow style={styles.row} onPress={handleFilterByGroup}>\n      <View>\n        <Heading variant=\"h3\" style={styles.rowTitle}>\n          {team.name}\n        </Heading>\n        <Text>{serviceTypeName}</Text>\n      </View>\n      {isActive ? <Icon name=\"general.check\" size={16} style={styles.rowIconRight} /> : null}\n    </PressableRow>\n  )\n}\n\nconst PressableRow = ({\n  children,\n  onPress,\n  style,\n}: PropsWithChildren<{ onPress: () => void; style?: ViewStyle }>) => {\n  const styles = useRowStyles()\n  return (\n    <PlatformPressable style={styles.container} onPress={onPress}>\n      <View style={[styles.innerContainer, style]}>{children}</View>\n    </PlatformPressable>\n  )\n}\n\nconst useRowStyles = () => {\n  const theme = useTheme()\n  return StyleSheet.create({\n    container: {\n      paddingLeft: 16,\n    },\n    innerContainer: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n      borderBottomWidth: 1,\n      borderBottomColor: theme.colors.fillColorNeutral050Base,\n      paddingVertical: 12,\n      paddingRight: 16,\n    },\n  })\n}\n\nconst useTeamsToFilter = () => {\n  const { data: teams = [], fetchNextPage } = useTeams()\n\n  return { teams, fetchNextPage }\n}\n\ninterface FilteredGroup\n  extends GroupResource,\n    Partial<Pick<GroupsGroupResource, 'headerImage' | 'membershipsCount'>> {}\n\nconst useGroupsToFilter = () => {\n  const { data: groups = [] } = useGroups({ source_app_name: 'Groups', source_type: 'Group' })\n  const { data: groupsData = [], fetchNextPage } = useGroupsGroups()\n\n  const filteredGroups: FilteredGroup[] = useMemo(\n    () =>\n      groups\n        .map(group => {\n          const groupsGroup = groupsData.find(g => group.id.includes(g.id))\n          const { membershipsCount, headerImage } = groupsGroup || {}\n\n          return {\n            ...group,\n            membershipsCount,\n            headerImage,\n          }\n        })\n        .filter(g => typeof g !== 'undefined'),\n    [groups, groupsData]\n  )\n\n  return { groups: filteredGroups, fetchNextPage }\n}\n"]}
+{"version":3,"file":"conversation_filters_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_filters_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { HeaderTitle, HeaderTitleProps, useHeaderHeight } from '@react-navigation/elements'\nimport { createComponentForStaticNavigation, RouteProp, useRoute } from '@react-navigation/native'\nimport {\n  createNativeStackNavigator,\n  NativeStackNavigationOptions,\n} from '@react-navigation/native-stack'\nimport React from 'react'\nimport { Platform, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Button, TextButton } from '../components'\nimport {\n  FilterContext,\n  FilterProvider,\n} from './conversation_filters/context/conversation_filter_context'\nimport { ConversationFilters } from './conversation_filters/components/conversation_filters'\nimport { GroupFilters } from './conversation_filters/group_filters'\nimport {\n  ConversationFiltersScreenProps,\n  ConversationFilterStackParamList,\n} from './conversation_filters/screen_props'\nimport { useTheme } from '../hooks'\nimport { TeamFilters } from './conversation_filters/team_filters'\n\nconst FilterHeaderTitle = ({ tintColor }: HeaderTitleProps) => {\n  const styles = useStyles()\n  return <HeaderTitle style={[styles.headerTitle, { color: tintColor }]}>Filters</HeaderTitle>\n}\n\nconst HeaderRight = () => {\n  const { resetFilter, applyFilters } = React.useContext(FilterContext)\n  const route = useRoute<RouteProp<ConversationFiltersScreenProps['route']>>()\n  const styles = useStyles()\n\n  return (\n    <View style={styles.headerRight}>\n      <TextButton onPress={resetFilter}>Reset</TextButton>\n      <Button title=\"Apply\" onPress={() => applyFilters(route.params)} />\n    </View>\n  )\n}\n\nconst HeaderRightWithContext = () => {\n  return (\n    <FilterProvider>\n      <HeaderRight />\n    </FilterProvider>\n  )\n}\n\nexport const ConversationFiltersScreenOptions: NativeStackNavigationOptions = {\n  presentation: Platform.select({ android: 'modal', ios: 'formSheet' }),\n  sheetAllowedDetents: Platform.select({\n    android: [0.75, 0.94],\n    default: [0.75, 1],\n  }),\n  sheetGrabberVisible: true,\n  headerBackVisible: false,\n  headerRight: HeaderRightWithContext,\n  headerTitle: FilterHeaderTitle,\n  headerTitleAlign: 'left',\n}\n\nconst FilterNavigator = createNativeStackNavigator<ConversationFilterStackParamList>({\n  initialRouteName: 'Filters',\n  screens: {\n    Filters: {\n      screen: ConversationFilters,\n      options: {\n        headerShown: false,\n      },\n    },\n    GroupFilters: {\n      screen: GroupFilters,\n      options: {\n        headerTitle: Platform.select({\n          android: 'Groups',\n          ios: '',\n        }),\n        headerBackTitle: 'Groups',\n      },\n    },\n    TeamFilters: {\n      screen: TeamFilters,\n      options: {\n        headerTitle: Platform.select({\n          android: 'Teams',\n          ios: '',\n        }),\n        headerBackTitle: 'Teams',\n      },\n    },\n  },\n})\n\nconst Filters = createComponentForStaticNavigation(FilterNavigator, 'Filters')\n\nexport const ConversationFiltersScreen = (_props: ConversationFiltersScreenProps) => {\n  const styles = useStyles()\n\n  return (\n    <FilterProvider>\n      <View style={styles.container}>\n        <Filters />\n      </View>\n    </FilterProvider>\n  )\n}\n\nconst useStyles = () => {\n  const { top } = useSafeAreaInsets()\n  const { height } = useWindowDimensions()\n  const headerHeight = useHeaderHeight()\n  const theme = useTheme()\n\n  const containerHeight = Platform.select({\n    android: height,\n    ios: height - top - headerHeight,\n  })\n\n  return StyleSheet.create({\n    container: {\n      height: containerHeight,\n    },\n    headerTitle: {\n      textAlign: 'left',\n      flex: 1,\n    },\n    filterBar: {\n      backgroundColor: theme.colors.fillColorNeutral100Inverted,\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      paddingHorizontal: 16,\n      paddingVertical: 16,\n      gap: 8,\n    },\n    filterBarScroll: {\n      elevation: 4,\n      boxShadow: '0px 4px 4px rgba(0, 0, 0, 0.1)',\n    },\n    filterBarActions: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n    },\n    headerRight: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n    },\n  })\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "3.1.0",
+  "version": "3.2.0-rc.0",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -52,5 +52,5 @@
     "prettier": "^3.4.2",
     "typescript": "<5.6.0"
   },
-  "gitHead": "27566065646481b1c068a3d3867bfafce94ef1a5"
+  "gitHead": "3e9465af71440515a9af6d68b0c475e0dd283673"
 }