@planningcenter/chat-react-native 3.39.0-rc.7 → 3.39.0-rc.8

package/build/hooks/index.d.ts

@@ -10,6 +10,7 @@ export * from './use_current_person';
 export * from './use_deleting_ids';
 export * from './use_direct_messages_enabled';
 export * from './use_font_scale';
+export * from './use_has_direct_messages';
 export * from './use_groups_groups';
 export * from './use_groups';
 export * from './use_interaction_ghost_color';

package/build/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,mCAAmC,CAAA;AACjD,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA;AACnC,cAAc,cAAc,CAAA;AAC5B,cAAc,+BAA+B,CAAA;AAC7C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,mCAAmC,CAAA;AACjD,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,kBAAkB,CAAA;AAChC,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,cAAc,CAAA;AAC5B,cAAc,+BAA+B,CAAA;AAC7C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA"}

package/build/hooks/index.js

@@ -10,6 +10,7 @@ export * from './use_current_person';
 export * from './use_deleting_ids';
 export * from './use_direct_messages_enabled';
 export * from './use_font_scale';
+export * from './use_has_direct_messages';
 export * from './use_groups_groups';
 export * from './use_groups';
 export * from './use_interaction_ghost_color';

package/build/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,mCAAmC,CAAA;AACjD,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA;AACnC,cAAc,cAAc,CAAA;AAC5B,cAAc,+BAA+B,CAAA;AAC7C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA","sourcesContent":["export * from './use_animated_message_background_color'\nexport { useApiClient } from './use_api_client'\nexport * from './use_api'\nexport * from './use_app_state'\nexport * from './use_async_storage'\nexport * from './use_at_font_scale_breakpoint'\nexport * from './use_chat_permissions'\nexport * from './use_create_android_ripple_color'\nexport * from './use_current_person'\nexport * from './use_deleting_ids'\nexport * from './use_direct_messages_enabled'\nexport * from './use_font_scale'\nexport * from './use_groups_groups'\nexport * from './use_groups'\nexport * from './use_interaction_ghost_color'\nexport * from './use_message_reaction_toggle'\nexport * from './use_new_conversation_entry'\nexport * from './use_organization'\nexport * from './use_people_person'\nexport * from './use_preview_avatar_diameter'\nexport * from './use_product_analytics'\nexport * from './use_qualified_by_age'\nexport * from './use_scalable_number_of_lines'\nexport * from './use_submit_age_check'\nexport * from './use_suspense_api'\nexport * from './use_theme'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,mCAAmC,CAAA;AACjD,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,kBAAkB,CAAA;AAChC,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,cAAc,CAAA;AAC5B,cAAc,+BAA+B,CAAA;AAC7C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA","sourcesContent":["export * from './use_animated_message_background_color'\nexport { useApiClient } from './use_api_client'\nexport * from './use_api'\nexport * from './use_app_state'\nexport * from './use_async_storage'\nexport * from './use_at_font_scale_breakpoint'\nexport * from './use_chat_permissions'\nexport * from './use_create_android_ripple_color'\nexport * from './use_current_person'\nexport * from './use_deleting_ids'\nexport * from './use_direct_messages_enabled'\nexport * from './use_font_scale'\nexport * from './use_has_direct_messages'\nexport * from './use_groups_groups'\nexport * from './use_groups'\nexport * from './use_interaction_ghost_color'\nexport * from './use_message_reaction_toggle'\nexport * from './use_new_conversation_entry'\nexport * from './use_organization'\nexport * from './use_people_person'\nexport * from './use_preview_avatar_diameter'\nexport * from './use_product_analytics'\nexport * from './use_qualified_by_age'\nexport * from './use_scalable_number_of_lines'\nexport * from './use_submit_age_check'\nexport * from './use_suspense_api'\nexport * from './use_theme'\n"]}

package/build/hooks/use_has_direct_messages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use_has_direct_messages.d.ts","sourceRoot":"","sources":["../../src/hooks/use_has_direct_messages.ts"],"names":[],"mappings":"AAIA,wBAAgB,oBAAoB,IAAI,OAAO,CAc9C"}
+{"version":3,"file":"use_has_direct_messages.d.ts","sourceRoot":"","sources":["../../src/hooks/use_has_direct_messages.ts"],"names":[],"mappings":"AAIA,wBAAgB,oBAAoB,IAAI,OAAO,CAgB9C"}

package/build/hooks/use_has_direct_messages.js

@@ -2,7 +2,7 @@ import { useQuery } from '@tanstack/react-query';
 import { useApiClient } from './use_api_client';
 export function useHasDirectMessages() {
     const apiClient = useApiClient();
-    const { data } = useQuery({
+    const { data, isFetched } = useQuery({
         queryKey: ['chat', '/me/conversations', 'direct_message', 'has_any'],
         queryFn: () => apiClient.chat.get({
             url: '/me/conversations',
@@ -10,6 +10,8 @@ export function useHasDirectMessages() {
         }),
         staleTime: 1000 * 60 * 5,
     });
+    if (!isFetched)
+        return false;
     return (data?.data.length ?? 0) > 0;
 }
 //# sourceMappingURL=use_has_direct_messages.js.map

package/build/hooks/use_has_direct_messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_has_direct_messages.js","sourceRoot":"","sources":["../../src/hooks/use_has_direct_messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAEhD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE/C,MAAM,UAAU,oBAAoB;IAClC,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAsC;QAC7D,QAAQ,EAAE,CAAC,MAAM,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,SAAS,CAAC;QACpE,OAAO,EAAE,GAAG,EAAE,CACZ,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;YACjB,GAAG,EAAE,mBAAmB;YACxB,IAAI,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,YAAY,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE;SACjF,CAAC;QACJ,SAAS,EAAE,IAAI,GAAG,EAAE,GAAG,CAAC;KACzB,CAAC,CAAA;IAEF,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAA;AACrC,CAAC","sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { ApiCollection, ConversationResource } from '../types'\nimport { useApiClient } from './use_api_client'\n\nexport function useHasDirectMessages(): boolean {\n  const apiClient = useApiClient()\n\n  const { data } = useQuery<ApiCollection<ConversationResource>>({\n    queryKey: ['chat', '/me/conversations', 'direct_message', 'has_any'],\n    queryFn: () =>\n      apiClient.chat.get({\n        url: '/me/conversations',\n        data: { filter: 'direct_message', perPage: 1, fields: { Conversation: ['id'] } },\n      }),\n    staleTime: 1000 * 60 * 5,\n  })\n\n  return (data?.data.length ?? 0) > 0\n}\n"]}
+{"version":3,"file":"use_has_direct_messages.js","sourceRoot":"","sources":["../../src/hooks/use_has_direct_messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAEhD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAE/C,MAAM,UAAU,oBAAoB;IAClC,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAsC;QACxE,QAAQ,EAAE,CAAC,MAAM,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,SAAS,CAAC;QACpE,OAAO,EAAE,GAAG,EAAE,CACZ,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;YACjB,GAAG,EAAE,mBAAmB;YACxB,IAAI,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,YAAY,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE;SACjF,CAAC;QACJ,SAAS,EAAE,IAAI,GAAG,EAAE,GAAG,CAAC;KACzB,CAAC,CAAA;IAEF,IAAI,CAAC,SAAS;QAAE,OAAO,KAAK,CAAA;IAE5B,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAA;AACrC,CAAC","sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { ApiCollection, ConversationResource } from '../types'\nimport { useApiClient } from './use_api_client'\n\nexport function useHasDirectMessages(): boolean {\n  const apiClient = useApiClient()\n\n  const { data, isFetched } = useQuery<ApiCollection<ConversationResource>>({\n    queryKey: ['chat', '/me/conversations', 'direct_message', 'has_any'],\n    queryFn: () =>\n      apiClient.chat.get({\n        url: '/me/conversations',\n        data: { filter: 'direct_message', perPage: 1, fields: { Conversation: ['id'] } },\n      }),\n    staleTime: 1000 * 60 * 5,\n  })\n\n  if (!isFetched) return false\n\n  return (data?.data.length ?? 0) > 0\n}\n"]}

package/build/screens/conversation_filters/components/conversation_filters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_filters.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_filters/components/conversation_filters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAmDlD,eAAO,MAAM,mBAAmB,yBAgH/B,CAAA"}
+{"version":3,"file":"conversation_filters.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_filters/components/conversation_filters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAwDlD,eAAO,MAAM,mBAAmB,yBA+H/B,CAAA"}

package/build/screens/conversation_filters/components/conversation_filters.js

@@ -2,7 +2,7 @@ import React, { useContext, useMemo } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { FlatList } from 'react-native-gesture-handler';
 import { Heading } from '../../../components';
-import { useAtFontScaleBreakpoint, useTheme } from '../../../hooks';
+import { useAtFontScaleBreakpoint, useDirectMessagesEnabled, useHasDirectMessages, useTheme, } from '../../../hooks';
 import { FilterContext, useFilterContext } from '../context/conversation_filter_context';
 import { FilterTypes } from '../filter_types';
 import { useGroupsToFilter, useTeamsToFilter } from '../hooks/filters';
@@ -25,7 +25,10 @@ var SectionTypes;
 export const ConversationFilters = () => {
     const styles = useStyles();
     const { setScrollOffset, params } = useContext(FilterContext);
-    const { chat_group_graph_id, group_source_app_name = '' } = params;
+    const { chat_group_graph_id, group_source_app_name = '', show_direct_messages } = params;
+    const directMessagesEnabled = useDirectMessagesEnabled();
+    const hasDirectMessages = useHasDirectMessages();
+    const canFilterByDMs = directMessagesEnabled && hasDirectMessages;
     const activeFilter = useMemo(() => {
         if (chat_group_graph_id) {
             return FilterTypes.More;
@@ -36,8 +39,11 @@ export const ConversationFilters = () => {
         else if (/services/i.test(group_source_app_name)) {
             return FilterTypes.Teams;
         }
+        else if (show_direct_messages) {
+            return FilterTypes.DirectMessages;
+        }
         return FilterTypes.All;
-    }, [chat_group_graph_id, group_source_app_name]);
+    }, [chat_group_graph_id, group_source_app_name, show_direct_messages]);
     const { groups = [] } = useGroupsToFilter();
     const { teams = [] } = useTeamsToFilter();
     const activeGroupId = chat_group_graph_id;
@@ -59,13 +65,14 @@ export const ConversationFilters = () => {
     const groupItemData = selectActiveWithFirst(5)(groupItems);
     const teamItemData = selectActiveWithFirst(5)(teamItems);
     const hideAppFilters = groupItems.length < 1 || teamItems.length < 1;
+    const showGeneralFilters = !hideAppFilters || canFilterByDMs;
     const listData = [
         {
-            type: hideAppFilters ? SectionTypes.hidden : SectionTypes.header,
+            type: showGeneralFilters ? SectionTypes.header : SectionTypes.hidden,
             data: { title: 'General Filters' },
         },
         {
-            type: hideAppFilters ? SectionTypes.hidden : SectionTypes.filter,
+            type: showGeneralFilters ? SectionTypes.filter : SectionTypes.hidden,
             data: { filter: FilterTypes.All, isActive: activeFilter === FilterTypes.All },
         },
         {
@@ -84,6 +91,14 @@ export const ConversationFilters = () => {
                 isActive: activeFilter === FilterTypes.Teams,
             },
         },
+        {
+            type: canFilterByDMs ? SectionTypes.filter : SectionTypes.hidden,
+            data: {
+                filter: FilterTypes.DirectMessages,
+                show_direct_messages: true,
+                isActive: activeFilter === FilterTypes.DirectMessages,
+            },
+        },
         {
             type: groupItems.length ? SectionTypes.header : SectionTypes.hidden,
             data: { title: 'Groups', style: styles.extraHeaderScalableSpace },

package/build/screens/conversation_filters/components/conversation_filters.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_filters.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filters/components/conversation_filters.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport { StyleSheet, View, ViewStyle } from 'react-native'\nimport { FlatList } from 'react-native-gesture-handler'\nimport { Heading } from '../../../components'\nimport { useAtFontScaleBreakpoint, useTheme } from '../../../hooks'\nimport { FilterContext, useFilterContext } from '../context/conversation_filter_context'\nimport { FilterTypes } from '../filter_types'\nimport { useGroupsToFilter, useTeamsToFilter } from '../hooks/filters'\nimport {\n  FilterProps,\n  FilterRow,\n  GroupRow,\n  GroupRowProps,\n  TeamRow,\n  TeamRowProps,\n  ViewMore,\n  ViewMoreRowProps,\n} from './rows'\n\n// =========================================\n// ====== Factory Constants & Types ========\n// =========================================\n\nenum SectionTypes {\n  filter,\n  groups,\n  header,\n  hidden,\n  more,\n  teams,\n}\n\ntype SectionListData = Array<\n  | DataItem<FilterProps, SectionTypes.filter>\n  | DataItem<GroupRowProps, SectionTypes.groups>\n  | DataItem<HeaderProps, SectionTypes.header>\n  | DataItem<any, SectionTypes.hidden>\n  | DataItem<ViewMoreRowProps, SectionTypes.more>\n  | DataItem<TeamRowProps, SectionTypes.teams>\n>\n\ninterface DataItem<T, TName extends SectionTypes> {\n  type: TName\n  data: T\n  sectionStyle?: ViewStyle\n}\n\n// =================================\n// ====== Components ===============\n// =================================\n\nexport const ConversationFilters = () => {\n  const styles = useStyles()\n  const { setScrollOffset, params } = useContext(FilterContext)\n  const { chat_group_graph_id, group_source_app_name = '' } = params\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 = [] } = useGroupsToFilter()\n  const { teams = [] } = useTeamsToFilter()\n\n  const activeGroupId = chat_group_graph_id\n  const isExactGroupFilter = activeFilter === FilterTypes.More\n\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  const groupItemData = selectActiveWithFirst(5)(groupItems)\n  const teamItemData = selectActiveWithFirst(5)(teamItems)\n\n  const hideAppFilters = groupItems.length < 1 || teamItems.length < 1\n\n  const listData: SectionListData = [\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', style: styles.extraHeaderScalableSpace },\n    },\n    ...groupItemData,\n    {\n      type: groupItems.length > 5 ? SectionTypes.more : SectionTypes.hidden,\n      data: { routeName: 'GroupFilters' },\n    },\n    {\n      type: teamItems.length ? SectionTypes.header : SectionTypes.hidden,\n      data: { title: 'Teams', style: styles.extraHeaderScalableSpace },\n    },\n    ...teamItemData,\n    {\n      type: teamItems.length > 5 ? SectionTypes.more : SectionTypes.hidden,\n      data: { routeName: 'TeamFilters' },\n    },\n  ]\n\n  return (\n    <FlatList\n      data={listData}\n      contentContainerStyle={styles.flatlistContainer}\n      nestedScrollEnabled={true}\n      onScroll={e => setScrollOffset(e.nativeEvent.contentOffset.y)}\n      renderItem={({ item }) => {\n        switch (item.type) {\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          case SectionTypes.more:\n            return <ViewMore {...item.data} />\n          default:\n            return null\n        }\n      }}\n    />\n  )\n}\n\nconst useStyles = () => {\n  const { platformListPaddingBottom } = useFilterContext()\n  const theme = useTheme()\n  const atFontScaleBreakpoint = useAtFontScaleBreakpoint()\n\n  return StyleSheet.create({\n    flatlistContainer: {\n      paddingBottom: platformListPaddingBottom,\n    },\n    sectionHeader: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      paddingTop: 24,\n      paddingBottom: 8,\n      paddingHorizontal: 16,\n    },\n    extraHeaderScalableSpace: {\n      marginTop: atFontScaleBreakpoint ? 24 : 0,\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  style?: ViewStyle\n}\n\nconst Header = ({ title, style = {} }: HeaderProps) => {\n  const styles = useStyles()\n\n  return (\n    <View style={[styles.sectionHeader, style]}>\n      <Heading variant=\"h3\">{title}</Heading>\n    </View>\n  )\n}\n\ntype GroupSectionType =\n  | DataItem<TeamRowProps, SectionTypes.teams>\n  | DataItem<GroupRowProps, SectionTypes.groups>\n\nconst selectActiveWithFirst =\n  (number: number) =>\n  <T extends GroupSectionType>(groups: T[]): T[] => {\n    const activeGroupIndex = groups.findIndex(group => group.data.isActive)\n    const activeGroup = groups[activeGroupIndex]\n\n    if (!activeGroup || activeGroupIndex <= number) {\n      return groups.slice(0, number)\n    }\n\n    return [activeGroup, ...groups].slice(0, number)\n  }\n"]}
+{"version":3,"file":"conversation_filters.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filters/components/conversation_filters.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport { StyleSheet, View, ViewStyle } from 'react-native'\nimport { FlatList } from 'react-native-gesture-handler'\nimport { Heading } from '../../../components'\nimport {\n  useAtFontScaleBreakpoint,\n  useDirectMessagesEnabled,\n  useHasDirectMessages,\n  useTheme,\n} from '../../../hooks'\nimport { FilterContext, useFilterContext } from '../context/conversation_filter_context'\nimport { FilterTypes } from '../filter_types'\nimport { useGroupsToFilter, useTeamsToFilter } from '../hooks/filters'\nimport {\n  FilterProps,\n  FilterRow,\n  GroupRow,\n  GroupRowProps,\n  TeamRow,\n  TeamRowProps,\n  ViewMore,\n  ViewMoreRowProps,\n} from './rows'\n\n// =========================================\n// ====== Factory Constants & Types ========\n// =========================================\n\nenum SectionTypes {\n  filter,\n  groups,\n  header,\n  hidden,\n  more,\n  teams,\n}\n\ntype SectionListData = Array<\n  | DataItem<FilterProps, SectionTypes.filter>\n  | DataItem<GroupRowProps, SectionTypes.groups>\n  | DataItem<HeaderProps, SectionTypes.header>\n  | DataItem<any, SectionTypes.hidden>\n  | DataItem<ViewMoreRowProps, SectionTypes.more>\n  | DataItem<TeamRowProps, SectionTypes.teams>\n>\n\ninterface DataItem<T, TName extends SectionTypes> {\n  type: TName\n  data: T\n  sectionStyle?: ViewStyle\n}\n\n// =================================\n// ====== Components ===============\n// =================================\n\nexport const ConversationFilters = () => {\n  const styles = useStyles()\n  const { setScrollOffset, params } = useContext(FilterContext)\n  const { chat_group_graph_id, group_source_app_name = '', show_direct_messages } = params\n\n  const directMessagesEnabled = useDirectMessagesEnabled()\n  const hasDirectMessages = useHasDirectMessages()\n  const canFilterByDMs = directMessagesEnabled && hasDirectMessages\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    } else if (show_direct_messages) {\n      return FilterTypes.DirectMessages\n    }\n\n    return FilterTypes.All\n  }, [chat_group_graph_id, group_source_app_name, show_direct_messages])\n\n  const { groups = [] } = useGroupsToFilter()\n  const { teams = [] } = useTeamsToFilter()\n\n  const activeGroupId = chat_group_graph_id\n  const isExactGroupFilter = activeFilter === FilterTypes.More\n\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  const groupItemData = selectActiveWithFirst(5)(groupItems)\n  const teamItemData = selectActiveWithFirst(5)(teamItems)\n\n  const hideAppFilters = groupItems.length < 1 || teamItems.length < 1\n  const showGeneralFilters = !hideAppFilters || canFilterByDMs\n\n  const listData: SectionListData = [\n    {\n      type: showGeneralFilters ? SectionTypes.header : SectionTypes.hidden,\n      data: { title: 'General Filters' },\n    },\n    {\n      type: showGeneralFilters ? SectionTypes.filter : SectionTypes.hidden,\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: canFilterByDMs ? SectionTypes.filter : SectionTypes.hidden,\n      data: {\n        filter: FilterTypes.DirectMessages,\n        show_direct_messages: true,\n        isActive: activeFilter === FilterTypes.DirectMessages,\n      },\n    },\n    {\n      type: groupItems.length ? SectionTypes.header : SectionTypes.hidden,\n      data: { title: 'Groups', style: styles.extraHeaderScalableSpace },\n    },\n    ...groupItemData,\n    {\n      type: groupItems.length > 5 ? SectionTypes.more : SectionTypes.hidden,\n      data: { routeName: 'GroupFilters' },\n    },\n    {\n      type: teamItems.length ? SectionTypes.header : SectionTypes.hidden,\n      data: { title: 'Teams', style: styles.extraHeaderScalableSpace },\n    },\n    ...teamItemData,\n    {\n      type: teamItems.length > 5 ? SectionTypes.more : SectionTypes.hidden,\n      data: { routeName: 'TeamFilters' },\n    },\n  ]\n\n  return (\n    <FlatList\n      data={listData}\n      contentContainerStyle={styles.flatlistContainer}\n      nestedScrollEnabled={true}\n      onScroll={e => setScrollOffset(e.nativeEvent.contentOffset.y)}\n      renderItem={({ item }) => {\n        switch (item.type) {\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          case SectionTypes.more:\n            return <ViewMore {...item.data} />\n          default:\n            return null\n        }\n      }}\n    />\n  )\n}\n\nconst useStyles = () => {\n  const { platformListPaddingBottom } = useFilterContext()\n  const theme = useTheme()\n  const atFontScaleBreakpoint = useAtFontScaleBreakpoint()\n\n  return StyleSheet.create({\n    flatlistContainer: {\n      paddingBottom: platformListPaddingBottom,\n    },\n    sectionHeader: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      paddingTop: 24,\n      paddingBottom: 8,\n      paddingHorizontal: 16,\n    },\n    extraHeaderScalableSpace: {\n      marginTop: atFontScaleBreakpoint ? 24 : 0,\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  style?: ViewStyle\n}\n\nconst Header = ({ title, style = {} }: HeaderProps) => {\n  const styles = useStyles()\n\n  return (\n    <View style={[styles.sectionHeader, style]}>\n      <Heading variant=\"h3\">{title}</Heading>\n    </View>\n  )\n}\n\ntype GroupSectionType =\n  | DataItem<TeamRowProps, SectionTypes.teams>\n  | DataItem<GroupRowProps, SectionTypes.groups>\n\nconst selectActiveWithFirst =\n  (number: number) =>\n  <T extends GroupSectionType>(groups: T[]): T[] => {\n    const activeGroupIndex = groups.findIndex(group => group.data.isActive)\n    const activeGroup = groups[activeGroupIndex]\n\n    if (!activeGroup || activeGroupIndex <= number) {\n      return groups.slice(0, number)\n    }\n\n    return [activeGroup, ...groups].slice(0, number)\n  }\n"]}

package/build/screens/conversation_filters/components/rows.d.ts

@@ -6,10 +6,11 @@ import { FilteredGroup } from '../hooks/filters';
 import { ConversationFilterStackParamList } from '../screen_props';
 export type FilterProps = {
     group_source_app_name?: string;
+    show_direct_messages?: boolean;
     isActive: boolean;
     filter: FilterTypes;
 };
-export declare const FilterRow: ({ group_source_app_name, isActive, filter }: FilterProps) => React.JSX.Element;
+export declare const FilterRow: ({ group_source_app_name, show_direct_messages, isActive, filter, }: FilterProps) => React.JSX.Element;
 export type GroupRowProps = {
     group: FilteredGroup;
     isActive: boolean;

package/build/screens/conversation_filters/components/rows.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rows.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_filters/components/rows.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAc,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAS1D,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAA;AAGvE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,gCAAgC,EAAE,MAAM,iBAAiB,CAAA;AAElE,MAAM,MAAM,WAAW,GAAG;IAAE,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,WAAW,CAAA;CAAE,CAAA;AAEpG,eAAO,MAAM,SAAS,GAAI,6CAA6C,WAAW,sBAQjF,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,aAAa,CAAA;IACpB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,qBAAqB,aAAa,sBA8B1D,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,aAAa,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,OAAO,GAAI,UAAU,YAAY,sBA6B7C,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAAE,SAAS,EAAE,MAAM,gCAAgC,CAAA;CAAE,CAAA;AAEpF,eAAO,MAAM,QAAQ,GAAI,eAAe,gBAAgB,sBAWvD,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,yCAK1B,iBAAiB,CAAC;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,sBAoBlF,CAAA"}
+{"version":3,"file":"rows.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_filters/components/rows.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAc,MAAM,OAAO,CAAA;AAC5D,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAS1D,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAA;AAGvE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,gCAAgC,EAAE,MAAM,iBAAiB,CAAA;AAElE,MAAM,MAAM,WAAW,GAAG;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IACjB,MAAM,EAAE,WAAW,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,oEAKvB,WAAW,sBAWb,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,aAAa,CAAA;IACpB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,qBAAqB,aAAa,sBA8B1D,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,aAAa,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,OAAO,GAAI,UAAU,YAAY,sBA6B7C,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAAE,SAAS,EAAE,MAAM,gCAAgC,CAAA;CAAE,CAAA;AAEpF,eAAO,MAAM,QAAQ,GAAI,eAAe,gBAAgB,sBAWvD,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,yCAK1B,iBAAiB,CAAC;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,sBAoBlF,CAAA"}

package/build/screens/conversation_filters/components/rows.js

@@ -7,9 +7,9 @@ import { useAtFontScaleBreakpoint, useFontScale, useScalableNumberOfLines, useTh
 import { useServicesTeamsMap } from '../../../hooks/services/use_services_team';
 import { MAX_FONT_SIZE_MULTIPLIER, platformFontWeightBold } from '../../../utils/styles';
 import { FilterContext } from '../context/conversation_filter_context';
-export const FilterRow = ({ group_source_app_name, isActive, filter }) => {
+export const FilterRow = ({ group_source_app_name, show_direct_messages, isActive, filter, }) => {
     const { setAppFilter } = useContext(FilterContext);
-    return (<PressableRow onPress={() => setAppFilter({ group_source_app_name })} isActive={isActive}>
+    return (<PressableRow onPress={() => setAppFilter({ group_source_app_name, show_direct_messages })} isActive={isActive}>
       <Text>{filter}</Text>
     </PressableRow>);
 };

package/build/screens/conversation_filters/components/rows.js.map

@@ -1 +1 @@
-{"version":3,"file":"rows.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filters/components/rows.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { NavigationProp, useNavigation } from '@react-navigation/native'\nimport React, { PropsWithChildren, useContext } from 'react'\nimport { StyleSheet, View, ViewStyle } from 'react-native'\nimport { Heading, Icon, Image, Text, TextButton } from '../../../components'\nimport {\n  useAtFontScaleBreakpoint,\n  useFontScale,\n  useScalableNumberOfLines,\n  useTheme,\n} from '../../../hooks'\nimport { useServicesTeamsMap } from '../../../hooks/services/use_services_team'\nimport { GroupResource } from '../../../types/resources/group_resource'\nimport { MAX_FONT_SIZE_MULTIPLIER, platformFontWeightBold } from '../../../utils/styles'\nimport { FilterContext } from '../context/conversation_filter_context'\nimport { FilterTypes } from '../filter_types'\nimport { FilteredGroup } from '../hooks/filters'\nimport { ConversationFilterStackParamList } from '../screen_props'\n\nexport type FilterProps = { group_source_app_name?: string; isActive: boolean; filter: FilterTypes }\n\nexport const FilterRow = ({ group_source_app_name, isActive, filter }: FilterProps) => {\n  const { setAppFilter } = useContext(FilterContext)\n\n  return (\n    <PressableRow onPress={() => setAppFilter({ group_source_app_name })} isActive={isActive}>\n      <Text>{filter}</Text>\n    </PressableRow>\n  )\n}\n\nexport type GroupRowProps = {\n  group: FilteredGroup\n  isActive: boolean\n}\n\nexport const GroupRow = ({ group, isActive }: GroupRowProps) => {\n  const styles = useRowStyles()\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 onPress={handleFilterByGroup} isActive={isActive}>\n      {headerImage?.thumbnail && (\n        <Image\n          source={{ uri: headerImage?.thumbnail }}\n          resizeMode=\"cover\"\n          style={styles.rowImage}\n          alt=\"\"\n        />\n      )}\n      <View style={styles.rowTextContainer}>\n        <Heading variant=\"h3\" style={styles.rowTitle}>\n          {group.name}\n        </Heading>\n        {membershipsCount && (\n          <Text style={styles.rowSubtitle}>{group.membershipsCount} members</Text>\n        )}\n      </View>\n    </PressableRow>\n  )\n}\n\nexport type TeamRowProps = {\n  team: GroupResource\n  isActive: boolean\n}\n\nexport const TeamRow = ({ team }: TeamRowProps) => {\n  const { setGroupFilter } = useContext(FilterContext)\n  const servicesTeams = useServicesTeamsMap()\n  const { params } = useContext(FilterContext)\n  const { chat_group_graph_id } = params\n  const isActive = chat_group_graph_id === team.id.toString()\n  const styles = useRowStyles()\n  const scalableNumberOfLines = useScalableNumberOfLines()\n\n  const handleFilterByGroup = () => {\n    setGroupFilter({ chat_group_graph_id: team.id })\n  }\n\n  const servicesTeam = servicesTeams[team.id]\n  const concatedServiceTypeNames = servicesTeam?.serviceTypeNames.join(', ')\n  const serviceTypeName = concatedServiceTypeNames || servicesTeam?.group\n\n  return (\n    <PressableRow onPress={handleFilterByGroup} isActive={isActive}>\n      <View style={styles.rowTextContainer}>\n        <Heading variant=\"h3\" style={styles.rowTitle}>\n          {team.name}\n        </Heading>\n        <Text numberOfLines={scalableNumberOfLines} style={styles.rowSubtitle}>\n          {serviceTypeName}\n        </Text>\n      </View>\n    </PressableRow>\n  )\n}\n\nexport type ViewMoreRowProps = { routeName: keyof ConversationFilterStackParamList }\n\nexport const ViewMore = ({ routeName }: ViewMoreRowProps) => {\n  const styles = useRowStyles()\n  const navigation = useNavigation<NavigationProp<ConversationFilterStackParamList, 'Filters'>>()\n\n  return (\n    <View style={[styles.rowWithoutBorder]}>\n      <TextButton onPress={() => navigation.navigate(routeName, {})} style={styles.viewMoreButton}>\n        View more\n      </TextButton>\n    </View>\n  )\n}\n\nexport const PressableRow = ({\n  children,\n  isActive,\n  onPress,\n  style,\n}: PropsWithChildren<{ isActive: boolean; onPress: () => void; style?: ViewStyle }>) => {\n  const styles = useRowStyles({ isActive })\n  return (\n    <PlatformPressable\n      style={styles.pressable}\n      onPress={onPress}\n      accessibilityRole=\"radio\"\n      accessibilityState={{ selected: isActive }}\n    >\n      <View style={styles.row}>\n        <View style={[styles.rowInner, style]}>{children}</View>\n        <Icon\n          name=\"general.check\"\n          style={styles.rowIconRight}\n          accessibilityElementsHidden\n          maxFontSizeMultiplier={2.5}\n        />\n      </View>\n    </PlatformPressable>\n  )\n}\n\nconst ASPECT_RATIO = 16 / 9\nconst THUMBNAIL_WIDTH = 80\nconst THUMBNAIL_HEIGHT = THUMBNAIL_WIDTH / ASPECT_RATIO\n\nconst useRowStyles = ({ isActive = false }: { isActive?: boolean } = {}) => {\n  const theme = useTheme()\n  const fontScale = useFontScale({ maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER })\n  const atFontScaleBreakpoint = useAtFontScaleBreakpoint()\n\n  return StyleSheet.create({\n    pressable: {\n      paddingLeft: 16,\n    },\n    row: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      gap: 12,\n      borderBottomWidth: 1,\n      borderBottomColor: atFontScaleBreakpoint\n        ? theme.colors.borderColorDefaultDark\n        : theme.colors.borderColorDefaultBase,\n      paddingVertical: 12,\n      paddingRight: 16,\n    },\n    rowInner: {\n      flexDirection: atFontScaleBreakpoint ? 'column' : 'row',\n      alignItems: atFontScaleBreakpoint ? 'flex-start' : 'center',\n      gap: 12,\n      flexShrink: 1,\n    },\n    rowTextContainer: {\n      flexShrink: 1,\n    },\n    rowWithoutBorder: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n      paddingVertical: 12,\n      paddingRight: 16,\n      paddingLeft: 16,\n    },\n    viewMoreButton: {\n      flex: 1,\n    },\n    rowImage: {\n      width: THUMBNAIL_WIDTH * fontScale,\n      height: THUMBNAIL_HEIGHT * fontScale,\n      borderRadius: 4 * fontScale,\n    },\n    rowIconRight: {\n      fontSize: 16,\n      color: theme.colors.statusSuccessIcon,\n      opacity: isActive ? 1 : 0,\n    },\n    rowTitle: {\n      fontSize: 16,\n      flexShrink: 1,\n      fontWeight: atFontScaleBreakpoint ? 400 : platformFontWeightBold,\n    },\n    rowSubtitle: {\n      color: atFontScaleBreakpoint\n        ? theme.colors.textColorDefaultSecondary\n        : theme.colors.textColorDefaultPrimary,\n    },\n  })\n}\n"]}
+{"version":3,"file":"rows.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filters/components/rows.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { NavigationProp, useNavigation } from '@react-navigation/native'\nimport React, { PropsWithChildren, useContext } from 'react'\nimport { StyleSheet, View, ViewStyle } from 'react-native'\nimport { Heading, Icon, Image, Text, TextButton } from '../../../components'\nimport {\n  useAtFontScaleBreakpoint,\n  useFontScale,\n  useScalableNumberOfLines,\n  useTheme,\n} from '../../../hooks'\nimport { useServicesTeamsMap } from '../../../hooks/services/use_services_team'\nimport { GroupResource } from '../../../types/resources/group_resource'\nimport { MAX_FONT_SIZE_MULTIPLIER, platformFontWeightBold } from '../../../utils/styles'\nimport { FilterContext } from '../context/conversation_filter_context'\nimport { FilterTypes } from '../filter_types'\nimport { FilteredGroup } from '../hooks/filters'\nimport { ConversationFilterStackParamList } from '../screen_props'\n\nexport type FilterProps = {\n  group_source_app_name?: string\n  show_direct_messages?: boolean\n  isActive: boolean\n  filter: FilterTypes\n}\n\nexport const FilterRow = ({\n  group_source_app_name,\n  show_direct_messages,\n  isActive,\n  filter,\n}: FilterProps) => {\n  const { setAppFilter } = useContext(FilterContext)\n\n  return (\n    <PressableRow\n      onPress={() => setAppFilter({ group_source_app_name, show_direct_messages })}\n      isActive={isActive}\n    >\n      <Text>{filter}</Text>\n    </PressableRow>\n  )\n}\n\nexport type GroupRowProps = {\n  group: FilteredGroup\n  isActive: boolean\n}\n\nexport const GroupRow = ({ group, isActive }: GroupRowProps) => {\n  const styles = useRowStyles()\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 onPress={handleFilterByGroup} isActive={isActive}>\n      {headerImage?.thumbnail && (\n        <Image\n          source={{ uri: headerImage?.thumbnail }}\n          resizeMode=\"cover\"\n          style={styles.rowImage}\n          alt=\"\"\n        />\n      )}\n      <View style={styles.rowTextContainer}>\n        <Heading variant=\"h3\" style={styles.rowTitle}>\n          {group.name}\n        </Heading>\n        {membershipsCount && (\n          <Text style={styles.rowSubtitle}>{group.membershipsCount} members</Text>\n        )}\n      </View>\n    </PressableRow>\n  )\n}\n\nexport type TeamRowProps = {\n  team: GroupResource\n  isActive: boolean\n}\n\nexport const TeamRow = ({ team }: TeamRowProps) => {\n  const { setGroupFilter } = useContext(FilterContext)\n  const servicesTeams = useServicesTeamsMap()\n  const { params } = useContext(FilterContext)\n  const { chat_group_graph_id } = params\n  const isActive = chat_group_graph_id === team.id.toString()\n  const styles = useRowStyles()\n  const scalableNumberOfLines = useScalableNumberOfLines()\n\n  const handleFilterByGroup = () => {\n    setGroupFilter({ chat_group_graph_id: team.id })\n  }\n\n  const servicesTeam = servicesTeams[team.id]\n  const concatedServiceTypeNames = servicesTeam?.serviceTypeNames.join(', ')\n  const serviceTypeName = concatedServiceTypeNames || servicesTeam?.group\n\n  return (\n    <PressableRow onPress={handleFilterByGroup} isActive={isActive}>\n      <View style={styles.rowTextContainer}>\n        <Heading variant=\"h3\" style={styles.rowTitle}>\n          {team.name}\n        </Heading>\n        <Text numberOfLines={scalableNumberOfLines} style={styles.rowSubtitle}>\n          {serviceTypeName}\n        </Text>\n      </View>\n    </PressableRow>\n  )\n}\n\nexport type ViewMoreRowProps = { routeName: keyof ConversationFilterStackParamList }\n\nexport const ViewMore = ({ routeName }: ViewMoreRowProps) => {\n  const styles = useRowStyles()\n  const navigation = useNavigation<NavigationProp<ConversationFilterStackParamList, 'Filters'>>()\n\n  return (\n    <View style={[styles.rowWithoutBorder]}>\n      <TextButton onPress={() => navigation.navigate(routeName, {})} style={styles.viewMoreButton}>\n        View more\n      </TextButton>\n    </View>\n  )\n}\n\nexport const PressableRow = ({\n  children,\n  isActive,\n  onPress,\n  style,\n}: PropsWithChildren<{ isActive: boolean; onPress: () => void; style?: ViewStyle }>) => {\n  const styles = useRowStyles({ isActive })\n  return (\n    <PlatformPressable\n      style={styles.pressable}\n      onPress={onPress}\n      accessibilityRole=\"radio\"\n      accessibilityState={{ selected: isActive }}\n    >\n      <View style={styles.row}>\n        <View style={[styles.rowInner, style]}>{children}</View>\n        <Icon\n          name=\"general.check\"\n          style={styles.rowIconRight}\n          accessibilityElementsHidden\n          maxFontSizeMultiplier={2.5}\n        />\n      </View>\n    </PlatformPressable>\n  )\n}\n\nconst ASPECT_RATIO = 16 / 9\nconst THUMBNAIL_WIDTH = 80\nconst THUMBNAIL_HEIGHT = THUMBNAIL_WIDTH / ASPECT_RATIO\n\nconst useRowStyles = ({ isActive = false }: { isActive?: boolean } = {}) => {\n  const theme = useTheme()\n  const fontScale = useFontScale({ maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER })\n  const atFontScaleBreakpoint = useAtFontScaleBreakpoint()\n\n  return StyleSheet.create({\n    pressable: {\n      paddingLeft: 16,\n    },\n    row: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      gap: 12,\n      borderBottomWidth: 1,\n      borderBottomColor: atFontScaleBreakpoint\n        ? theme.colors.borderColorDefaultDark\n        : theme.colors.borderColorDefaultBase,\n      paddingVertical: 12,\n      paddingRight: 16,\n    },\n    rowInner: {\n      flexDirection: atFontScaleBreakpoint ? 'column' : 'row',\n      alignItems: atFontScaleBreakpoint ? 'flex-start' : 'center',\n      gap: 12,\n      flexShrink: 1,\n    },\n    rowTextContainer: {\n      flexShrink: 1,\n    },\n    rowWithoutBorder: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n      paddingVertical: 12,\n      paddingRight: 16,\n      paddingLeft: 16,\n    },\n    viewMoreButton: {\n      flex: 1,\n    },\n    rowImage: {\n      width: THUMBNAIL_WIDTH * fontScale,\n      height: THUMBNAIL_HEIGHT * fontScale,\n      borderRadius: 4 * fontScale,\n    },\n    rowIconRight: {\n      fontSize: 16,\n      color: theme.colors.statusSuccessIcon,\n      opacity: isActive ? 1 : 0,\n    },\n    rowTitle: {\n      fontSize: 16,\n      flexShrink: 1,\n      fontWeight: atFontScaleBreakpoint ? 400 : platformFontWeightBold,\n    },\n    rowSubtitle: {\n      color: atFontScaleBreakpoint\n        ? theme.colors.textColorDefaultSecondary\n        : theme.colors.textColorDefaultPrimary,\n    },\n  })\n}\n"]}

package/build/screens/conversation_filters/context/conversation_filter_context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_filter_context.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_filters/context/conversation_filter_context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAiB,iBAAiB,EAAY,MAAM,OAAO,CAAA;AAGlE,OAAO,EAAE,yBAAyB,EAAkC,MAAM,iBAAiB,CAAA;AAI3F,eAAO,MAAM,aAAa;YAChB,yBAAyB;kBACnB,MAAM;qBACH,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI;8BACf,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI;iBACrC,MAAM,IAAI;oBACP,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI;kBAC7C,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI;kBAC3C,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI;+BAC9B,MAAM,GAAG,SAAS;EAc7C,CAAA;AAEF,eAAO,MAAM,cAAc,GAAI,cAAc,iBAAiB,sBA4C7D,CAAA;AAED,eAAO,MAAM,gBAAgB;YAtEnB,yBAAyB;kBACnB,MAAM;qBACH,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI;8BACf,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI;iBACrC,MAAM,IAAI;oBACP,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI;kBAC7C,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI;kBAC3C,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI;+BAC9B,MAAM,GAAG,SAAS;CAgE9C,CAAA"}
+{"version":3,"file":"conversation_filter_context.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_filters/context/conversation_filter_context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAiB,iBAAiB,EAAY,MAAM,OAAO,CAAA;AAGlE,OAAO,EAAE,yBAAyB,EAAkC,MAAM,iBAAiB,CAAA;AAI3F,eAAO,MAAM,aAAa;YAChB,yBAAyB;kBACnB,MAAM;qBACH,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI;8BACf,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI;iBACrC,MAAM,IAAI;oBACP,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI;kBAC7C,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI;kBAC3C,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI;+BAC9B,MAAM,GAAG,SAAS;EAe7C,CAAA;AAEF,eAAO,MAAM,cAAc,GAAI,cAAc,iBAAiB,sBA+C7D,CAAA;AAED,eAAO,MAAM,gBAAgB;YA1EnB,yBAAyB;kBACnB,MAAM;qBACH,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI;8BACf,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI;iBACrC,MAAM,IAAI;oBACP,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI;kBAC7C,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI;kBAC3C,CAAC,MAAM,EAAE,yBAAyB,KAAK,IAAI;+BAC9B,MAAM,GAAG,SAAS;CAoE9C,CAAA"}

package/build/screens/conversation_filters/context/conversation_filter_context.js

@@ -8,6 +8,7 @@ export const FilterContext = createContext({
     params: {
         chat_group_graph_id: undefined,
         group_source_app_name: undefined,
+        show_direct_messages: undefined,
     },
     scrollOffset: 0,
     setScrollOffset: () => { },
@@ -38,18 +39,21 @@ export const FilterProvider = ({ children }) => {
             navigation.dispatch(StackActions.popTo('Conversations', {
                 chat_group_graph_id: undefined,
                 group_source_app_name: undefined,
+                show_direct_messages: undefined,
             }));
         },
         setGroupFilter: (params) => {
             navigation.setParams({
                 chat_group_graph_id: params.chat_group_graph_id,
                 group_source_app_name: undefined,
+                show_direct_messages: undefined,
             });
         },
         setAppFilter: (params) => {
             navigation.setParams({
                 chat_group_graph_id: undefined,
                 group_source_app_name: params.group_source_app_name,
+                show_direct_messages: params.show_direct_messages,
             });
         },
         applyFilters: (params) => {

package/build/screens/conversation_filters/context/conversation_filter_context.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_filter_context.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filters/context/conversation_filter_context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAC3F,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAqB,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAGlE,MAAM,2BAA2B,GAAG,EAAE,CAAA;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAUvC;IACD,MAAM,EAAE;QACN,mBAAmB,EAAE,SAAS;QAC9B,qBAAqB,EAAE,SAAS;KACjC;IACD,YAAY,EAAE,CAAC;IACf,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC;IACzB,wBAAwB,EAAE,GAAG,EAAE,GAAE,CAAC;IAClC,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;IACrB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;IACtB,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;IACtB,yBAAyB,EAAE,2BAA2B;CACvD,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IAChE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACnD,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACtE,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,KAAK,GAAG,QAAQ,EAAsD,CAAA;IAC5E,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,yBAAyB,GAAG,QAAQ,CAAC,MAAM,CAAC;QAChD,GAAG,EAAE,MAAM,GAAG,qBAAqB;QACnC,OAAO,EAAE,MAAM,GAAG,EAAE;KACrB,CAAC,CAAA;IAEF,MAAM,kBAAkB,GAAG;QACzB,MAAM,EAAE,KAAK,CAAC,MAAM;QACpB,YAAY;QACZ,eAAe;QACf,yBAAyB;QACzB,wBAAwB;QACxB,WAAW,EAAE,GAAG,EAAE;YAChB,UAAU,CAAC,QAAQ,CACjB,YAAY,CAAC,KAAK,CAAC,eAAe,EAAE;gBAClC,mBAAmB,EAAE,SAAS;gBAC9B,qBAAqB,EAAE,SAAS;aACjC,CAAC,CACH,CAAA;QACH,CAAC;QACD,cAAc,EAAE,CAAC,MAAgE,EAAE,EAAE;YACnF,UAAU,CAAC,SAAS,CAAC;gBACnB,mBAAmB,EAAE,MAAM,CAAC,mBAAmB;gBAC/C,qBAAqB,EAAE,SAAS;aACjC,CAAC,CAAA;QACJ,CAAC;QACD,YAAY,EAAE,CAAC,MAA8D,EAAE,EAAE;YAC/E,UAAU,CAAC,SAAS,CAAC;gBACnB,mBAAmB,EAAE,SAAS;gBAC9B,qBAAqB,EAAE,MAAM,CAAC,qBAAqB;aACpD,CAAC,CAAA;QACJ,CAAC;QACD,YAAY,EAAE,CAAC,MAAiC,EAAE,EAAE;YAClD,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAA;QAClE,CAAC;KACF,CAAA;IAED,OAAO,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAA;AAC/F,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,OAAO,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;AACxC,CAAC,CAAA","sourcesContent":["import { RouteProp, StackActions, useNavigation, useRoute } from '@react-navigation/native'\nimport React from 'react'\nimport { createContext, PropsWithChildren, useState } from 'react'\nimport { Platform } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { ConversationFiltersParams, ConversationFiltersScreenProps } from '../screen_props'\n\nconst DEFAULT_LIST_PADDING_BOTTOM = 64\n\nexport const FilterContext = createContext<{\n  params: ConversationFiltersParams\n  scrollOffset: number\n  setScrollOffset: (offset: number) => void\n  setFormSheetHeaderHeight: (height: number) => void\n  resetFilter: () => void\n  setGroupFilter: (params: ConversationFiltersParams) => void\n  setAppFilter: (params: ConversationFiltersParams) => void\n  applyFilters: (params: ConversationFiltersParams) => void\n  platformListPaddingBottom: number | undefined\n}>({\n  params: {\n    chat_group_graph_id: undefined,\n    group_source_app_name: undefined,\n  },\n  scrollOffset: 0,\n  setScrollOffset: () => {},\n  setFormSheetHeaderHeight: () => {},\n  resetFilter: () => {},\n  setGroupFilter: () => {},\n  setAppFilter: () => {},\n  applyFilters: () => {},\n  platformListPaddingBottom: DEFAULT_LIST_PADDING_BOTTOM,\n})\n\nexport const FilterProvider = ({ children }: PropsWithChildren) => {\n  const [scrollOffset, setScrollOffset] = useState(0)\n  const [formSheetHeaderHeight, setFormSheetHeaderHeight] = useState(56)\n  const navigation = useNavigation()\n  const route = useRoute<RouteProp<ConversationFiltersScreenProps['route']>>()\n  const { bottom } = useSafeAreaInsets()\n\n  const platformListPaddingBottom = Platform.select({\n    ios: bottom + formSheetHeaderHeight,\n    android: bottom + 12,\n  })\n\n  const filterContextValue = {\n    params: route.params,\n    scrollOffset,\n    setScrollOffset,\n    platformListPaddingBottom,\n    setFormSheetHeaderHeight,\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<ConversationFiltersParams, '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<ConversationFiltersParams, '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: ConversationFiltersParams) => {\n      navigation.dispatch(StackActions.popTo('Conversations', params))\n    },\n  }\n\n  return <FilterContext.Provider value={filterContextValue}>{children}</FilterContext.Provider>\n}\n\nexport const useFilterContext = () => {\n  return React.useContext(FilterContext)\n}\n"]}
+{"version":3,"file":"conversation_filter_context.js","sourceRoot":"","sources":["../../../../src/screens/conversation_filters/context/conversation_filter_context.tsx"],"names":[],"mappings":"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","sourcesContent":["import { RouteProp, StackActions, useNavigation, useRoute } from '@react-navigation/native'\nimport React from 'react'\nimport { createContext, PropsWithChildren, useState } from 'react'\nimport { Platform } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { ConversationFiltersParams, ConversationFiltersScreenProps } from '../screen_props'\n\nconst DEFAULT_LIST_PADDING_BOTTOM = 64\n\nexport const FilterContext = createContext<{\n  params: ConversationFiltersParams\n  scrollOffset: number\n  setScrollOffset: (offset: number) => void\n  setFormSheetHeaderHeight: (height: number) => void\n  resetFilter: () => void\n  setGroupFilter: (params: ConversationFiltersParams) => void\n  setAppFilter: (params: ConversationFiltersParams) => void\n  applyFilters: (params: ConversationFiltersParams) => void\n  platformListPaddingBottom: number | undefined\n}>({\n  params: {\n    chat_group_graph_id: undefined,\n    group_source_app_name: undefined,\n    show_direct_messages: undefined,\n  },\n  scrollOffset: 0,\n  setScrollOffset: () => {},\n  setFormSheetHeaderHeight: () => {},\n  resetFilter: () => {},\n  setGroupFilter: () => {},\n  setAppFilter: () => {},\n  applyFilters: () => {},\n  platformListPaddingBottom: DEFAULT_LIST_PADDING_BOTTOM,\n})\n\nexport const FilterProvider = ({ children }: PropsWithChildren) => {\n  const [scrollOffset, setScrollOffset] = useState(0)\n  const [formSheetHeaderHeight, setFormSheetHeaderHeight] = useState(56)\n  const navigation = useNavigation()\n  const route = useRoute<RouteProp<ConversationFiltersScreenProps['route']>>()\n  const { bottom } = useSafeAreaInsets()\n\n  const platformListPaddingBottom = Platform.select({\n    ios: bottom + formSheetHeaderHeight,\n    android: bottom + 12,\n  })\n\n  const filterContextValue = {\n    params: route.params,\n    scrollOffset,\n    setScrollOffset,\n    platformListPaddingBottom,\n    setFormSheetHeaderHeight,\n    resetFilter: () => {\n      navigation.dispatch(\n        StackActions.popTo('Conversations', {\n          chat_group_graph_id: undefined,\n          group_source_app_name: undefined,\n          show_direct_messages: undefined,\n        })\n      )\n    },\n    setGroupFilter: (params: Omit<ConversationFiltersParams, 'group_source_app_name'>) => {\n      navigation.setParams({\n        chat_group_graph_id: params.chat_group_graph_id,\n        group_source_app_name: undefined,\n        show_direct_messages: undefined,\n      })\n    },\n    setAppFilter: (params: Omit<ConversationFiltersParams, 'chat_group_graph_id'>) => {\n      navigation.setParams({\n        chat_group_graph_id: undefined,\n        group_source_app_name: params.group_source_app_name,\n        show_direct_messages: params.show_direct_messages,\n      })\n    },\n    applyFilters: (params: ConversationFiltersParams) => {\n      navigation.dispatch(StackActions.popTo('Conversations', params))\n    },\n  }\n\n  return <FilterContext.Provider value={filterContextValue}>{children}</FilterContext.Provider>\n}\n\nexport const useFilterContext = () => {\n  return React.useContext(FilterContext)\n}\n"]}

package/build/screens/conversation_filters/filter_types.d.ts

@@ -1,5 +1,6 @@
 export declare enum FilterTypes {
     All = "All conversations",
+    DirectMessages = "Direct messages",
     Groups = "All my groups",
     Teams = "All my teams and plans",
     More = "More"

package/build/screens/conversation_filters/filter_types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter_types.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_filters/filter_types.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACrB,GAAG,sBAAsB;IACzB,MAAM,kBAAkB;IACxB,KAAK,2BAA2B;IAChC,IAAI,SAAS;CACd"}
+{"version":3,"file":"filter_types.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation_filters/filter_types.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACrB,GAAG,sBAAsB;IACzB,cAAc,oBAAoB;IAClC,MAAM,kBAAkB;IACxB,KAAK,2BAA2B;IAChC,IAAI,SAAS;CACd"}

package/build/screens/conversation_filters/filter_types.js

@@ -1,6 +1,7 @@
 export var FilterTypes;
 (function (FilterTypes) {
     FilterTypes["All"] = "All conversations";
+    FilterTypes["DirectMessages"] = "Direct messages";
     FilterTypes["Groups"] = "All my groups";
     FilterTypes["Teams"] = "All my teams and plans";
     FilterTypes["More"] = "More";

package/build/screens/conversation_filters/filter_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter_types.js","sourceRoot":"","sources":["../../../src/screens/conversation_filters/filter_types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,WAKX;AALD,WAAY,WAAW;IACrB,wCAAyB,CAAA;IACzB,uCAAwB,CAAA;IACxB,+CAAgC,CAAA;IAChC,4BAAa,CAAA;AACf,CAAC,EALW,WAAW,KAAX,WAAW,QAKtB","sourcesContent":["export enum FilterTypes {\n  All = 'All conversations',\n  Groups = 'All my groups',\n  Teams = 'All my teams and plans',\n  More = 'More',\n}\n"]}
+{"version":3,"file":"filter_types.js","sourceRoot":"","sources":["../../../src/screens/conversation_filters/filter_types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,WAMX;AAND,WAAY,WAAW;IACrB,wCAAyB,CAAA;IACzB,iDAAkC,CAAA;IAClC,uCAAwB,CAAA;IACxB,+CAAgC,CAAA;IAChC,4BAAa,CAAA;AACf,CAAC,EANW,WAAW,KAAX,WAAW,QAMtB","sourcesContent":["export enum FilterTypes {\n  All = 'All conversations',\n  DirectMessages = 'Direct messages',\n  Groups = 'All my groups',\n  Teams = 'All my teams and plans',\n  More = 'More',\n}\n"]}

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":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAA;AA6BnD,eAAO,MAAM,mBAAmB,yBAmN/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;AAiCnD,eAAO,MAAM,mBAAmB,yBAoN/B,CAAA"}

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

@@ -2,14 +2,10 @@ import { useNavigation, useRoute } from '@react-navigation/native';
 import React, { useCallback, useMemo } from 'react';
 import { Alert, ScrollView, StyleSheet, View } from 'react-native';
 import { Heading, TextButton, ToggleButton } from '../../../components';
-import { useAtFontScaleBreakpoint, useCurrentPersonCache, useTheme } from '../../../hooks';
-import { useCanCreateConversations } from '../../../hooks';
+import { useAtFontScaleBreakpoint, useCanCreateConversations, useCurrentPersonCache, useDirectMessagesEnabled, useHasDirectMessages, useNewConversationEntry, useTheme, } from '../../../hooks';
 import { useAppName } from '../../../hooks/use_app_name';
 import { useMarkAllRead } from '../../../hooks/use_conversations_actions';
-import { useDirectMessagesEnabled } from '../../../hooks/use_direct_messages_enabled';
 import { useCanDisplayGroups } from '../../../hooks/use_groups';
-import { useHasDirectMessages } from '../../../hooks/use_has_direct_messages';
-import { useNewConversationEntry } from '../../../hooks/use_new_conversation_entry';
 import { useNewConversationFromFilter } from '../../../hooks/use_new_conversation_from_filter';
 import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../../utils';
 import { Haptic } from '../../../utils/native_adapters';
@@ -81,8 +77,9 @@ export const ListHeaderComponent = () => {
         navigation.navigate('ConversationFilters', {
             chat_group_graph_id,
             group_source_app_name,
+            show_direct_messages,
         });
-    }, [navigation, chat_group_graph_id, group_source_app_name]);
+    }, [navigation, chat_group_graph_id, group_source_app_name, show_direct_messages]);
     const handleMarkAllRead = useCallback(() => {
         currentPersonCache.update({ unreadCount: 0 });
         Haptic.notificationSuccess();

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 { useAtFontScaleBreakpoint, useCurrentPersonCache, useTheme } from '../../../hooks'\nimport { useCanCreateConversations } from '../../../hooks'\nimport { useAppName } from '../../../hooks/use_app_name'\nimport { useMarkAllRead } from '../../../hooks/use_conversations_actions'\nimport { useDirectMessagesEnabled } from '../../../hooks/use_direct_messages_enabled'\nimport { useCanDisplayGroups } from '../../../hooks/use_groups'\nimport { useHasDirectMessages } from '../../../hooks/use_has_direct_messages'\nimport { useNewConversationEntry } from '../../../hooks/use_new_conversation_entry'\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  const appName = useAppName()\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  }, [navigation, route.params, entryMode, newConversationFromFilter])\n\n  const handleMoreOptions = useCallback(() => {\n    navigation.navigate('ConversationsMoreActions')\n  }, [navigation])\n\n  const handleOpenConversationFilters = useCallback(() => {\n    navigation.navigate('ConversationFilters', {\n      chat_group_graph_id,\n      group_source_app_name,\n    })\n  }, [navigation, chat_group_graph_id, group_source_app_name])\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          {appName !== 'services' && (\n            <ListHeaderActionButton\n              name=\"general.threeDots\"\n              onPress={handleMoreOptions}\n              accessibilityLabel=\"More options\"\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 { useAppName } from '../../../hooks/use_app_name'\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  const appName = useAppName()\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  }, [navigation, route.params, entryMode, newConversationFromFilter])\n\n  const handleMoreOptions = useCallback(() => {\n    navigation.navigate('ConversationsMoreActions')\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          {appName !== 'services' && (\n            <ListHeaderActionButton\n              name=\"general.threeDots\"\n              onPress={handleMoreOptions}\n              accessibilityLabel=\"More options\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n            />\n          )}\n          {shouldShowHeaderFiltersButton && <ToggleButton {...moreFiltersButtonProps} />}\n        </View>\n      </View>\n      {showFilterRow && (\n        <ScrollView\n          horizontal\n          showsHorizontalScrollIndicator={false}\n          contentContainerStyle={styles.filterRow}\n          accessibilityRole=\"toolbar\"\n        >\n          <ToggleButton\n            title={FilterTypes.All}\n            active={active === FilterTypes.All}\n            onPress={() =>\n              navigation.setParams({\n                chat_group_graph_id: undefined,\n                group_source_app_name: undefined,\n                show_direct_messages: undefined,\n              })\n            }\n            accessibilityLabel=\"Show all conversations\"\n            style={styles.filterButton}\n          />\n          {canFilterByGroups && (\n            <ToggleButton\n              title={FilterTypes.Groups}\n              active={active === FilterTypes.Groups}\n              onPress={() =>\n                navigation.setParams({\n                  chat_group_graph_id: undefined,\n                  group_source_app_name: 'Groups',\n                  show_direct_messages: undefined,\n                })\n              }\n              accessibilityLabel=\"Filter to group conversations\"\n              style={styles.filterButton}\n            />\n          )}\n          {canFilterByTeams && (\n            <ToggleButton\n              title={FilterTypes.Teams}\n              active={active === FilterTypes.Teams}\n              onPress={() =>\n                navigation.setParams({\n                  chat_group_graph_id: undefined,\n                  group_source_app_name: 'Services',\n                  show_direct_messages: undefined,\n                })\n              }\n              accessibilityLabel=\"Filter to team conversations\"\n              style={styles.filterButton}\n            />\n          )}\n          {canFilterByDMs && (\n            <ToggleButton\n              title={FilterTypes.DMs}\n              active={active === FilterTypes.DMs}\n              onPress={() =>\n                navigation.setParams({\n                  chat_group_graph_id: undefined,\n                  group_source_app_name: undefined,\n                  show_direct_messages: true,\n                })\n              }\n              accessibilityLabel=\"Filter to direct message conversations\"\n              style={styles.filterButton}\n            />\n          )}\n          <ToggleButton {...moreFiltersButtonProps} />\n        </ScrollView>\n      )}\n      <ChatGroupBadge rowPaddingHorizontal={ROW_PADDING_HORIZONTAL} />\n    </View>\n  )\n}\n\nconst useStyles = ({\n  shouldShowHeaderFiltersButton,\n}: {\n  shouldShowHeaderFiltersButton: boolean\n}) => {\n  const theme = useTheme()\n  const atFontScaleBreakpoint = useAtFontScaleBreakpoint(\n    shouldShowHeaderFiltersButton ? 1.2 : undefined\n  )\n\n  return StyleSheet.create({\n    listHeader: {\n      borderBottomWidth: 1,\n      borderBottomColor: theme.colors.fillColorNeutral050Base,\n      paddingBottom: 16,\n      gap: 16,\n    },\n    headingRow: {\n      gap: 12,\n      flexDirection: atFontScaleBreakpoint ? 'column' : 'row',\n      alignItems: atFontScaleBreakpoint ? 'flex-start' : 'center',\n      justifyContent: 'space-between',\n      paddingBottom: atFontScaleBreakpoint ? 4 : 0,\n      paddingHorizontal: ROW_PADDING_HORIZONTAL,\n    },\n    titleContainer: {\n      gap: 8,\n    },\n    actionsContainer: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n    },\n    markAllReadRow: {\n      paddingBottom: 4,\n    },\n    filterRow: {\n      flexDirection: 'row',\n      justifyContent: 'flex-start',\n      gap: 8,\n      paddingHorizontal: ROW_PADDING_HORIZONTAL,\n      flexGrow: 1,\n    },\n    filterButton: {\n      flex: 1,\n      minWidth: 65,\n    },\n  })\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "3.39.0-rc.7",
+  "version": "3.39.0-rc.8",
   "description": "",
   "main": "build/index.js",
   "react-native": "./src/index.tsx",
@@ -72,5 +72,5 @@
     "react-native-url-polyfill": "^2.0.0",
     "typescript": "~5.9.2"
   },
-  "gitHead": "5de5daf306845b81d41ac05050a39f021684d1c5"
+  "gitHead": "bf556bbbbd9e7c6720dd5ce466fca2947caf420a"
 }

package/src/hooks/index.ts

@@ -10,6 +10,7 @@ export * from './use_current_person'
 export * from './use_deleting_ids'
 export * from './use_direct_messages_enabled'
 export * from './use_font_scale'
+export * from './use_has_direct_messages'
 export * from './use_groups_groups'
 export * from './use_groups'
 export * from './use_interaction_ghost_color'

package/src/hooks/use_has_direct_messages.ts

@@ -5,7 +5,7 @@ import { useApiClient } from './use_api_client'
 export function useHasDirectMessages(): boolean {
   const apiClient = useApiClient()
 
-  const { data } = useQuery<ApiCollection<ConversationResource>>({
+  const { data, isFetched } = useQuery<ApiCollection<ConversationResource>>({
     queryKey: ['chat', '/me/conversations', 'direct_message', 'has_any'],
     queryFn: () =>
       apiClient.chat.get({
@@ -15,5 +15,7 @@ export function useHasDirectMessages(): boolean {
     staleTime: 1000 * 60 * 5,
   })
 
+  if (!isFetched) return false
+
   return (data?.data.length ?? 0) > 0
 }

package/src/screens/conversation_filters/components/conversation_filters.tsx

@@ -2,7 +2,12 @@ import React, { useContext, useMemo } from 'react'
 import { StyleSheet, View, ViewStyle } from 'react-native'
 import { FlatList } from 'react-native-gesture-handler'
 import { Heading } from '../../../components'
-import { useAtFontScaleBreakpoint, useTheme } from '../../../hooks'
+import {
+  useAtFontScaleBreakpoint,
+  useDirectMessagesEnabled,
+  useHasDirectMessages,
+  useTheme,
+} from '../../../hooks'
 import { FilterContext, useFilterContext } from '../context/conversation_filter_context'
 import { FilterTypes } from '../filter_types'
 import { useGroupsToFilter, useTeamsToFilter } from '../hooks/filters'
@@ -52,7 +57,11 @@ interface DataItem<T, TName extends SectionTypes> {
 export const ConversationFilters = () => {
   const styles = useStyles()
   const { setScrollOffset, params } = useContext(FilterContext)
-  const { chat_group_graph_id, group_source_app_name = '' } = params
+  const { chat_group_graph_id, group_source_app_name = '', show_direct_messages } = params
+
+  const directMessagesEnabled = useDirectMessagesEnabled()
+  const hasDirectMessages = useHasDirectMessages()
+  const canFilterByDMs = directMessagesEnabled && hasDirectMessages
 
   const activeFilter: FilterTypes = useMemo(() => {
     if (chat_group_graph_id) {
@@ -61,10 +70,12 @@ export const ConversationFilters = () => {
       return FilterTypes.Groups
     } else if (/services/i.test(group_source_app_name)) {
       return FilterTypes.Teams
+    } else if (show_direct_messages) {
+      return FilterTypes.DirectMessages
     }
 
     return FilterTypes.All
-  }, [chat_group_graph_id, group_source_app_name])
+  }, [chat_group_graph_id, group_source_app_name, show_direct_messages])
 
   const { groups = [] } = useGroupsToFilter()
   const { teams = [] } = useTeamsToFilter()
@@ -91,14 +102,15 @@ export const ConversationFilters = () => {
   const teamItemData = selectActiveWithFirst(5)(teamItems)
 
   const hideAppFilters = groupItems.length < 1 || teamItems.length < 1
+  const showGeneralFilters = !hideAppFilters || canFilterByDMs
 
   const listData: SectionListData = [
     {
-      type: hideAppFilters ? SectionTypes.hidden : SectionTypes.header,
+      type: showGeneralFilters ? SectionTypes.header : SectionTypes.hidden,
       data: { title: 'General Filters' },
     },
     {
-      type: hideAppFilters ? SectionTypes.hidden : SectionTypes.filter,
+      type: showGeneralFilters ? SectionTypes.filter : SectionTypes.hidden,
       data: { filter: FilterTypes.All, isActive: activeFilter === FilterTypes.All },
     },
     {
@@ -117,6 +129,14 @@ export const ConversationFilters = () => {
         isActive: activeFilter === FilterTypes.Teams,
       },
     },
+    {
+      type: canFilterByDMs ? SectionTypes.filter : SectionTypes.hidden,
+      data: {
+        filter: FilterTypes.DirectMessages,
+        show_direct_messages: true,
+        isActive: activeFilter === FilterTypes.DirectMessages,
+      },
+    },
     {
       type: groupItems.length ? SectionTypes.header : SectionTypes.hidden,
       data: { title: 'Groups', style: styles.extraHeaderScalableSpace },

package/src/screens/conversation_filters/components/rows.tsx

@@ -17,13 +17,26 @@ import { FilterTypes } from '../filter_types'
 import { FilteredGroup } from '../hooks/filters'
 import { ConversationFilterStackParamList } from '../screen_props'
 
-export type FilterProps = { group_source_app_name?: string; isActive: boolean; filter: FilterTypes }
+export type FilterProps = {
+  group_source_app_name?: string
+  show_direct_messages?: boolean
+  isActive: boolean
+  filter: FilterTypes
+}
 
-export const FilterRow = ({ group_source_app_name, isActive, filter }: FilterProps) => {
+export const FilterRow = ({
+  group_source_app_name,
+  show_direct_messages,
+  isActive,
+  filter,
+}: FilterProps) => {
   const { setAppFilter } = useContext(FilterContext)
 
   return (
-    <PressableRow onPress={() => setAppFilter({ group_source_app_name })} isActive={isActive}>
+    <PressableRow
+      onPress={() => setAppFilter({ group_source_app_name, show_direct_messages })}
+      isActive={isActive}
+    >
       <Text>{filter}</Text>
     </PressableRow>
   )

package/src/screens/conversation_filters/context/conversation_filter_context.tsx

@@ -21,6 +21,7 @@ export const FilterContext = createContext<{
   params: {
     chat_group_graph_id: undefined,
     group_source_app_name: undefined,
+    show_direct_messages: undefined,
   },
   scrollOffset: 0,
   setScrollOffset: () => {},
@@ -55,6 +56,7 @@ export const FilterProvider = ({ children }: PropsWithChildren) => {
         StackActions.popTo('Conversations', {
           chat_group_graph_id: undefined,
           group_source_app_name: undefined,
+          show_direct_messages: undefined,
         })
       )
     },
@@ -62,12 +64,14 @@ export const FilterProvider = ({ children }: PropsWithChildren) => {
       navigation.setParams({
         chat_group_graph_id: params.chat_group_graph_id,
         group_source_app_name: undefined,
+        show_direct_messages: undefined,
       })
     },
     setAppFilter: (params: Omit<ConversationFiltersParams, 'chat_group_graph_id'>) => {
       navigation.setParams({
         chat_group_graph_id: undefined,
         group_source_app_name: params.group_source_app_name,
+        show_direct_messages: params.show_direct_messages,
       })
     },
     applyFilters: (params: ConversationFiltersParams) => {

package/src/screens/conversation_filters/filter_types.ts

@@ -1,5 +1,6 @@
 export enum FilterTypes {
   All = 'All conversations',
+  DirectMessages = 'Direct messages',
   Groups = 'All my groups',
   Teams = 'All my teams and plans',
   More = 'More',

package/src/screens/conversations/components/list_header_component.tsx

@@ -2,14 +2,18 @@ import { RouteProp, useNavigation, useRoute } from '@react-navigation/native'
 import React, { useCallback, useMemo } from 'react'
 import { Alert, ScrollView, StyleSheet, View } from 'react-native'
 import { Heading, TextButton, ToggleButton } from '../../../components'
-import { useAtFontScaleBreakpoint, useCurrentPersonCache, useTheme } from '../../../hooks'
-import { useCanCreateConversations } from '../../../hooks'
+import {
+  useAtFontScaleBreakpoint,
+  useCanCreateConversations,
+  useCurrentPersonCache,
+  useDirectMessagesEnabled,
+  useHasDirectMessages,
+  useNewConversationEntry,
+  useTheme,
+} from '../../../hooks'
 import { useAppName } from '../../../hooks/use_app_name'
 import { useMarkAllRead } from '../../../hooks/use_conversations_actions'
-import { useDirectMessagesEnabled } from '../../../hooks/use_direct_messages_enabled'
 import { useCanDisplayGroups } from '../../../hooks/use_groups'
-import { useHasDirectMessages } from '../../../hooks/use_has_direct_messages'
-import { useNewConversationEntry } from '../../../hooks/use_new_conversation_entry'
 import { useNewConversationFromFilter } from '../../../hooks/use_new_conversation_from_filter'
 import { GraphId } from '../../../types/resources/group_resource'
 import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../../utils'
@@ -95,8 +99,9 @@ export const ListHeaderComponent = () => {
     navigation.navigate('ConversationFilters', {
       chat_group_graph_id,
       group_source_app_name,
+      show_direct_messages,
     })
-  }, [navigation, chat_group_graph_id, group_source_app_name])
+  }, [navigation, chat_group_graph_id, group_source_app_name, show_direct_messages])
 
   const handleMarkAllRead = useCallback(() => {
     currentPersonCache.update({ unreadCount: 0 })