@planningcenter/chat-react-native 4.4.1-qa-staging.16 → 4.4.1-qa-staging.18

package/build/components/conversations/conversations.js

@@ -5,12 +5,16 @@ import { FlatList, StyleSheet, View } from 'react-native';
 import { useConversationsContext } from '../../contexts/conversations_context';
 import { useTheme } from '../../hooks';
 import { useCanCreateConversations } from '../../hooks/use_chat_permissions';
+import { useClearConversationFilters } from '../../hooks/use_clear_conversation_filters';
 import { useConversationsJoltEvents } from '../../hooks/use_conversations_jolt_events';
+import { useFilterDropdownEnabled } from '../../hooks/use_filter_dropdown_enabled';
+import { ArchivedResultsFooter } from './archived_results_footer';
 import { ConversationPreview, ConversationPreviewSkeleton } from './conversation_preview';
 import { ConversationsBlankState } from './conversations_blank_state';
+import { FilteredResultsFooter } from './filtered_results_footer';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const Conversations = t0 => {
-  const $ = _c(22);
+  const $ = _c(27);
   const {
     ListHeaderComponent
   } = t0;
@@ -22,15 +26,22 @@ export const Conversations = t0 => {
     refetch,
     isRefetching,
     isFetched,
+    hasNextPage,
     args: t1
   } = useConversationsContext();
   const {
     chat_group_graph_id,
-    group_source_app_name
+    group_source_app_name,
+    show_direct_messages,
+    show_archived
   } = t1;
   const navigation = useNavigation();
   const canCreateConversations = useCanCreateConversations();
-  const isFilterApplied = !!chat_group_graph_id || !!group_source_app_name;
+  const clearFilters = useClearConversationFilters();
+  const filterDropdownEnabled = useFilterDropdownEnabled();
+  const isFilterApplied = !!chat_group_graph_id || !!group_source_app_name || !!show_direct_messages || !!show_archived;
+  const showArchivedResultsFooter = !!show_archived && !isLoading;
+  const showFilteredResultsFooter = filterDropdownEnabled && isFilterApplied && !show_archived && !hasNextPage && !isLoading && conversations.length > 0;
   const showBadges = !chat_group_graph_id;
   let t2;
   bb0: {
@@ -64,11 +75,23 @@ export const Conversations = t0 => {
     t4 = $[4];
   }
   let t5;
-  if ($[5] !== navigation || $[6] !== showBadges) {
-    t5 = t6 => {
+  if ($[5] !== clearFilters || $[6] !== showArchivedResultsFooter || $[7] !== showFilteredResultsFooter) {
+    t5 = showArchivedResultsFooter ? /*#__PURE__*/_jsx(ArchivedResultsFooter, {
+      onViewActiveConversations: clearFilters
+    }) : showFilteredResultsFooter ? /*#__PURE__*/_jsx(FilteredResultsFooter, {}) : null;
+    $[5] = clearFilters;
+    $[6] = showArchivedResultsFooter;
+    $[7] = showFilteredResultsFooter;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== navigation || $[10] !== showBadges) {
+    t6 = t7 => {
       const {
         item: item_0
-      } = t6;
+      } = t7;
       if (item_0.type === "loading") {
         return /*#__PURE__*/_jsx(ConversationPreviewSkeleton, {});
       } else {
@@ -85,23 +108,23 @@ export const Conversations = t0 => {
         });
       }
     };
-    $[5] = navigation;
-    $[6] = showBadges;
-    $[7] = t5;
+    $[9] = navigation;
+    $[10] = showBadges;
+    $[11] = t6;
   } else {
-    t5 = $[7];
+    t6 = $[11];
   }
-  let t6;
-  if ($[8] !== fetchNextPage) {
-    t6 = () => fetchNextPage();
-    $[8] = fetchNextPage;
-    $[9] = t6;
+  let t7;
+  if ($[12] !== fetchNextPage) {
+    t7 = () => fetchNextPage();
+    $[12] = fetchNextPage;
+    $[13] = t7;
   } else {
-    t6 = $[9];
+    t7 = $[13];
   }
-  let t7;
-  if ($[10] !== ListHeaderComponent || $[11] !== data || $[12] !== refetch || $[13] !== styles.contentContainer || $[14] !== t3 || $[15] !== t4 || $[16] !== t5 || $[17] !== t6) {
-    t7 = /*#__PURE__*/_jsx(FlatList, {
+  let t8;
+  if ($[14] !== ListHeaderComponent || $[15] !== data || $[16] !== refetch || $[17] !== styles.contentContainer || $[18] !== t3 || $[19] !== t4 || $[20] !== t5 || $[21] !== t6 || $[22] !== t7) {
+    t8 = /*#__PURE__*/_jsx(FlatList, {
       data: data,
       keyExtractor: _temp2,
       contentContainerStyle: styles.contentContainer,
@@ -109,34 +132,36 @@ export const Conversations = t0 => {
       refreshing: t3,
       ListHeaderComponent: ListHeaderComponent,
       ListEmptyComponent: t4,
-      renderItem: t5,
-      onEndReached: t6
+      ListFooterComponent: t5,
+      renderItem: t6,
+      onEndReached: t7
     });
-    $[10] = ListHeaderComponent;
-    $[11] = data;
-    $[12] = refetch;
-    $[13] = styles.contentContainer;
-    $[14] = t3;
-    $[15] = t4;
-    $[16] = t5;
-    $[17] = t6;
-    $[18] = t7;
+    $[14] = ListHeaderComponent;
+    $[15] = data;
+    $[16] = refetch;
+    $[17] = styles.contentContainer;
+    $[18] = t3;
+    $[19] = t4;
+    $[20] = t5;
+    $[21] = t6;
+    $[22] = t7;
+    $[23] = t8;
   } else {
-    t7 = $[18];
+    t8 = $[23];
   }
-  let t8;
-  if ($[19] !== styles.container || $[20] !== t7) {
-    t8 = /*#__PURE__*/_jsx(View, {
+  let t9;
+  if ($[24] !== styles.container || $[25] !== t8) {
+    t9 = /*#__PURE__*/_jsx(View, {
       style: styles.container,
-      children: t7
+      children: t8
     });
-    $[19] = styles.container;
-    $[20] = t7;
-    $[21] = t8;
+    $[24] = styles.container;
+    $[25] = t8;
+    $[26] = t9;
   } else {
-    t8 = $[21];
+    t9 = $[26];
   }
-  return t8;
+  return t9;
 };
 const useStyles = () => {
   const $ = _c(2);

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

@@ -1 +1 @@
-{"version":3,"file":"conversations.js","names":["useNavigation","React","useMemo","FlatList","StyleSheet","View","useConversationsContext","useTheme","useCanCreateConversations","useConversationsJoltEvents","ConversationPreview","ConversationPreviewSkeleton","ConversationsBlankState","jsx","_jsx","Conversations","t0","$","_c","ListHeaderComponent","styles","useStyles","conversations","isLoading","fetchNextPage","refetch","isRefetching","isFetched","args","t1","chat_group_graph_id","group_source_app_name","navigation","canCreateConversations","isFilterApplied","showBadges","t2","bb0","loadingPlaceholder","t3","map","_temp","data","t4","t5","t6","item","item_0","type","conversation","resource","onPress","navigate","conversation_id","id","title","badge","badges","deleted","muted","t7","contentContainer","keyExtractor","_temp2","contentContainerStyle","refreshing","ListEmptyComponent","renderItem","onEndReached","t8","container","style","children","colors","fillColorNeutral020","create","flex","paddingVertical","listItem","color","Array","from","length","_","i","toString"],"sources":["../../../src/components/conversations/conversations.tsx"],"sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport React, { useMemo } from 'react'\nimport { FlatList, StyleSheet, View } from 'react-native'\nimport { useConversationsContext } from '../../contexts/conversations_context'\nimport { useTheme } from '../../hooks'\nimport { useCanCreateConversations } from '../../hooks/use_chat_permissions'\nimport { useConversationsJoltEvents } from '../../hooks/use_conversations_jolt_events'\nimport { ConversationResource } from '../../types'\nimport { ConversationPreview, ConversationPreviewSkeleton } from './conversation_preview'\nimport { ConversationsBlankState } from './conversations_blank_state'\n\ninterface ConversationsProps {\n  ListHeaderComponent?:\n    | React.ComponentType<any>\n    | React.ReactElement<any, string | React.JSXElementConstructor<any>>\n    | null\n    | undefined\n}\n\nexport const Conversations = ({ ListHeaderComponent }: ConversationsProps) => {\n  const styles = useStyles()\n  const {\n    conversations,\n    isLoading,\n    fetchNextPage,\n    refetch,\n    isRefetching,\n    isFetched,\n    args: { chat_group_graph_id, group_source_app_name },\n  } = useConversationsContext()\n  const navigation = useNavigation()\n  const canCreateConversations = useCanCreateConversations()\n  const isFilterApplied = !!chat_group_graph_id || !!group_source_app_name\n\n  const showBadges = !chat_group_graph_id\n\n  const data: FlatListItem[] = useMemo(() => {\n    if (isLoading) {\n      return loadingPlaceholder\n    }\n    return conversations.map(conversation => ({\n      type: 'conversation' as const,\n      id: conversation.id,\n      resource: conversation,\n    }))\n  }, [conversations, isLoading])\n\n  useConversationsJoltEvents()\n\n  return (\n    <View style={styles.container}>\n      <FlatList\n        data={data}\n        keyExtractor={item => item.id.toString()}\n        contentContainerStyle={styles.contentContainer}\n        onRefresh={refetch}\n        refreshing={!isFetched && isRefetching}\n        ListHeaderComponent={ListHeaderComponent}\n        ListEmptyComponent={\n          <ConversationsBlankState\n            isFilterApplied={isFilterApplied}\n            canCreateConversations={canCreateConversations}\n          />\n        }\n        renderItem={({ item }) => {\n          if (item.type === 'loading') {\n            return <ConversationPreviewSkeleton />\n          } else {\n            return (\n              <ConversationPreview\n                conversation={item.resource}\n                onPress={() =>\n                  navigation.navigate('Conversation', {\n                    conversation_id: item.resource.id,\n                    title: item.resource.title,\n                    badge: item.resource.badges?.[0],\n                    deleted: item.resource.deleted,\n                    muted: item.resource.muted,\n                  })\n                }\n                showBadges={showBadges}\n              />\n            )\n          }\n        }}\n        onEndReached={() => fetchNextPage()}\n      />\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: { flex: 1 },\n    contentContainer: { paddingVertical: 16 },\n    listItem: { color: colors.fillColorNeutral020 },\n  })\n}\n\ninterface FlatListLoadingItem {\n  type: 'loading'\n  id: string\n}\ninterface FlatListConversationItem {\n  type: 'conversation'\n  resource: ConversationResource\n  id: number\n}\ntype FlatListItem = FlatListLoadingItem | FlatListConversationItem\n\nconst loadingPlaceholder: FlatListItem[] = Array.from({ length: 5 }, (_, i) => ({\n  type: 'loading',\n  id: `loading${i}`,\n}))\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"conversations.js","names":["useNavigation","React","useMemo","FlatList","StyleSheet","View","useConversationsContext","useTheme","useCanCreateConversations","useClearConversationFilters","useConversationsJoltEvents","useFilterDropdownEnabled","ArchivedResultsFooter","ConversationPreview","ConversationPreviewSkeleton","ConversationsBlankState","FilteredResultsFooter","jsx","_jsx","Conversations","t0","$","_c","ListHeaderComponent","styles","useStyles","conversations","isLoading","fetchNextPage","refetch","isRefetching","isFetched","hasNextPage","args","t1","chat_group_graph_id","group_source_app_name","show_direct_messages","show_archived","navigation","canCreateConversations","clearFilters","filterDropdownEnabled","isFilterApplied","showArchivedResultsFooter","showFilteredResultsFooter","length","showBadges","t2","bb0","loadingPlaceholder","t3","map","_temp","data","t4","t5","t6","t7","item","item_0","type","conversation","resource","onPress","navigate","conversation_id","id","title","badge","badges","deleted","muted","t8","contentContainer","keyExtractor","_temp2","contentContainerStyle","refreshing","ListEmptyComponent","ListFooterComponent","renderItem","onEndReached","t9","container","style","children","colors","fillColorNeutral020","create","flex","paddingVertical","listItem","color","Array","from","_","i","toString"],"sources":["../../../src/components/conversations/conversations.tsx"],"sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport React, { useMemo } from 'react'\nimport { FlatList, StyleSheet, View } from 'react-native'\nimport { useConversationsContext } from '../../contexts/conversations_context'\nimport { useTheme } from '../../hooks'\nimport { useCanCreateConversations } from '../../hooks/use_chat_permissions'\nimport { useClearConversationFilters } from '../../hooks/use_clear_conversation_filters'\nimport { useConversationsJoltEvents } from '../../hooks/use_conversations_jolt_events'\nimport { useFilterDropdownEnabled } from '../../hooks/use_filter_dropdown_enabled'\nimport { ConversationResource } from '../../types'\nimport { ArchivedResultsFooter } from './archived_results_footer'\nimport { ConversationPreview, ConversationPreviewSkeleton } from './conversation_preview'\nimport { ConversationsBlankState } from './conversations_blank_state'\nimport { FilteredResultsFooter } from './filtered_results_footer'\n\ninterface ConversationsProps {\n  ListHeaderComponent?:\n    | React.ComponentType<any>\n    | React.ReactElement<any, string | React.JSXElementConstructor<any>>\n    | null\n    | undefined\n}\n\nexport const Conversations = ({ ListHeaderComponent }: ConversationsProps) => {\n  const styles = useStyles()\n  const {\n    conversations,\n    isLoading,\n    fetchNextPage,\n    refetch,\n    isRefetching,\n    isFetched,\n    hasNextPage,\n    args: { chat_group_graph_id, group_source_app_name, show_direct_messages, show_archived },\n  } = useConversationsContext()\n  const navigation = useNavigation()\n  const canCreateConversations = useCanCreateConversations()\n  const clearFilters = useClearConversationFilters()\n  const filterDropdownEnabled = useFilterDropdownEnabled()\n  const isFilterApplied =\n    !!chat_group_graph_id || !!group_source_app_name || !!show_direct_messages || !!show_archived\n  const showArchivedResultsFooter = !!show_archived && !isLoading\n  const showFilteredResultsFooter =\n    filterDropdownEnabled &&\n    isFilterApplied &&\n    !show_archived &&\n    !hasNextPage &&\n    !isLoading &&\n    conversations.length > 0\n\n  const showBadges = !chat_group_graph_id\n\n  const data: FlatListItem[] = useMemo(() => {\n    if (isLoading) {\n      return loadingPlaceholder\n    }\n    return conversations.map(conversation => ({\n      type: 'conversation' as const,\n      id: conversation.id,\n      resource: conversation,\n    }))\n  }, [conversations, isLoading])\n\n  useConversationsJoltEvents()\n\n  return (\n    <View style={styles.container}>\n      <FlatList\n        data={data}\n        keyExtractor={item => item.id.toString()}\n        contentContainerStyle={styles.contentContainer}\n        onRefresh={refetch}\n        refreshing={!isFetched && isRefetching}\n        ListHeaderComponent={ListHeaderComponent}\n        ListEmptyComponent={\n          <ConversationsBlankState\n            isFilterApplied={isFilterApplied}\n            canCreateConversations={canCreateConversations}\n          />\n        }\n        ListFooterComponent={\n          showArchivedResultsFooter ? (\n            <ArchivedResultsFooter onViewActiveConversations={clearFilters} />\n          ) : showFilteredResultsFooter ? (\n            <FilteredResultsFooter />\n          ) : null\n        }\n        renderItem={({ item }) => {\n          if (item.type === 'loading') {\n            return <ConversationPreviewSkeleton />\n          } else {\n            return (\n              <ConversationPreview\n                conversation={item.resource}\n                onPress={() =>\n                  navigation.navigate('Conversation', {\n                    conversation_id: item.resource.id,\n                    title: item.resource.title,\n                    badge: item.resource.badges?.[0],\n                    deleted: item.resource.deleted,\n                    muted: item.resource.muted,\n                  })\n                }\n                showBadges={showBadges}\n              />\n            )\n          }\n        }}\n        onEndReached={() => fetchNextPage()}\n      />\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: { flex: 1 },\n    contentContainer: { paddingVertical: 16 },\n    listItem: { color: colors.fillColorNeutral020 },\n  })\n}\n\ninterface FlatListLoadingItem {\n  type: 'loading'\n  id: string\n}\ninterface FlatListConversationItem {\n  type: 'conversation'\n  resource: ConversationResource\n  id: number\n}\ntype FlatListItem = FlatListLoadingItem | FlatListConversationItem\n\nconst loadingPlaceholder: FlatListItem[] = Array.from({ length: 5 }, (_, i) => ({\n  type: 'loading',\n  id: `loading${i}`,\n}))\n"],"mappings":"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","ignoreList":[]}

package/build/components/conversations/conversations_blank_state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversations_blank_state.d.ts","sourceRoot":"","sources":["../../../src/components/conversations/conversations_blank_state.tsx"],"names":[],"mappings":"AAIA,UAAU,4BAA4B;IACpC,eAAe,EAAE,OAAO,CAAA;IACxB,sBAAsB,EAAE,OAAO,CAAA;CAChC;AAED,wBAAgB,uBAAuB,CAAC,EACtC,eAAe,EACf,sBAAsB,GACvB,EAAE,4BAA4B,2CAoB9B"}
+{"version":3,"file":"conversations_blank_state.d.ts","sourceRoot":"","sources":["../../../src/components/conversations/conversations_blank_state.tsx"],"names":[],"mappings":"AAMA,UAAU,4BAA4B;IACpC,eAAe,EAAE,OAAO,CAAA;IACxB,sBAAsB,EAAE,OAAO,CAAA;CAChC;AAED,wBAAgB,uBAAuB,CAAC,EACtC,eAAe,EACf,sBAAsB,GACvB,EAAE,4BAA4B,2CAuC9B"}

package/build/components/conversations/conversations_blank_state.js

@@ -1,34 +1,77 @@
 import { c as _c } from "react/compiler-runtime";
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
+import { useClearConversationFilters } from '../../hooks/use_clear_conversation_filters';
+import { useFilterDropdownEnabled } from '../../hooks/use_filter_dropdown_enabled';
 import BlankState from '../primitive/blank_state_primitive';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function ConversationsBlankState(t0) {
-  const $ = _c(5);
+  const $ = _c(9);
   const {
     isFilterApplied,
     canCreateConversations
   } = t0;
+  const filterDropdownEnabled = useFilterDropdownEnabled();
+  const clearFilters = useClearConversationFilters();
+  if (filterDropdownEnabled && isFilterApplied) {
+    let t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = /*#__PURE__*/_jsx(BlankState.Imagery, {
+        name: "general.outlinedTextMessage"
+      });
+      $[0] = t1;
+    } else {
+      t1 = $[0];
+    }
+    let t2;
+    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+      t2 = /*#__PURE__*/_jsx(BlankState.Content, {
+        children: /*#__PURE__*/_jsx(BlankState.Heading, {
+          children: "No matches"
+        })
+      });
+      $[1] = t2;
+    } else {
+      t2 = $[1];
+    }
+    let t3;
+    if ($[2] !== clearFilters) {
+      t3 = /*#__PURE__*/_jsx(View, {
+        style: styles.container,
+        children: /*#__PURE__*/_jsxs(BlankState.Root, {
+          children: [t1, t2, /*#__PURE__*/_jsx(BlankState.TextButton, {
+            onPress: clearFilters,
+            children: "View all conversations"
+          })]
+        })
+      });
+      $[2] = clearFilters;
+      $[3] = t3;
+    } else {
+      t3 = $[3];
+    }
+    return t3;
+  }
   let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
     t1 = /*#__PURE__*/_jsx(BlankState.Imagery, {
       name: "general.outlinedTextMessage"
     });
-    $[0] = t1;
+    $[4] = t1;
   } else {
-    t1 = $[0];
+    t1 = $[4];
   }
   let t2;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
     t2 = /*#__PURE__*/_jsx(BlankState.Heading, {
       children: "No conversations yet."
     });
-    $[1] = t2;
+    $[5] = t2;
   } else {
-    t2 = $[1];
+    t2 = $[5];
   }
   let t3;
-  if ($[2] !== canCreateConversations || $[3] !== isFilterApplied) {
+  if ($[6] !== canCreateConversations || $[7] !== isFilterApplied) {
     t3 = /*#__PURE__*/_jsx(View, {
       style: styles.container,
       children: /*#__PURE__*/_jsxs(BlankState.Root, {
@@ -43,11 +86,11 @@ export function ConversationsBlankState(t0) {
         })]
       })
     });
-    $[2] = canCreateConversations;
-    $[3] = isFilterApplied;
-    $[4] = t3;
+    $[6] = canCreateConversations;
+    $[7] = isFilterApplied;
+    $[8] = t3;
   } else {
-    t3 = $[4];
+    t3 = $[8];
   }
   return t3;
 }

package/build/components/conversations/conversations_blank_state.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversations_blank_state.js","names":["React","StyleSheet","View","BlankState","jsx","_jsx","jsxs","_jsxs","ConversationsBlankState","t0","$","_c","isFilterApplied","canCreateConversations","t1","Symbol","for","Imagery","name","t2","Heading","children","t3","style","styles","container","Root","Content","Text","create","flex","justifyContent","alignItems","paddingVertical"],"sources":["../../../src/components/conversations/conversations_blank_state.tsx"],"sourcesContent":["import React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport BlankState from '../primitive/blank_state_primitive'\n\ninterface ConversationsBlankStateProps {\n  isFilterApplied: boolean\n  canCreateConversations: boolean\n}\n\nexport function ConversationsBlankState({\n  isFilterApplied,\n  canCreateConversations,\n}: ConversationsBlankStateProps) {\n  return (\n    <View style={styles.container}>\n      <BlankState.Root>\n        <BlankState.Imagery name=\"general.outlinedTextMessage\" />\n        <BlankState.Content>\n          <BlankState.Heading>No conversations yet.</BlankState.Heading>\n          {isFilterApplied ? (\n            <BlankState.Text>Adjust your filters to find conversations.</BlankState.Text>\n          ) : canCreateConversations ? (\n            <BlankState.Text>Tap the compose button to get started.</BlankState.Text>\n          ) : (\n            <BlankState.Text>\n              When your groups or teams start chatting, you&rsquo;ll find them here.\n            </BlankState.Text>\n          )}\n        </BlankState.Content>\n      </BlankState.Root>\n    </View>\n  )\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    paddingVertical: 32,\n  },\n})\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,OAAOC,UAAU,MAAM,oCAAoC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAO3D,OAAO,SAAAC,wBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAAiC;IAAAC,eAAA;IAAAC;EAAA,IAAAJ,EAGT;EAAA,IAAAK,EAAA;EAAA,IAAAJ,CAAA,QAAAK,MAAA,CAAAC,GAAA;IAIvBF,EAAA,gBAAAT,IAAA,CAAAF,UAAA,CAAAc,OAAA;MAAyBC,IAA6B,EAA7B;IAA6B,CAAE,CAAC;IAAAR,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAAA,IAAAS,EAAA;EAAA,IAAAT,CAAA,QAAAK,MAAA,CAAAC,GAAA;IAEvDG,EAAA,gBAAAd,IAAA,CAAAF,UAAA,CAAAiB,OAAA;MAAAC,QAAA,EAAoB;IAAqB,CAAoB,CAAC;IAAAX,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAA,IAAAY,EAAA;EAAA,IAAAZ,CAAA,QAAAG,sBAAA,IAAAH,CAAA,QAAAE,eAAA;IAJpEU,EAAA,gBAAAjB,IAAA,CAACH,IAAI;MAAQqB,KAAgB,EAAhBC,MAAM,CAAAC,SAAU;MAAAJ,QAAA,eAC3Bd,KAAA,CAAAJ,UAAA,CAAAuB,IAAA;QAAAL,QAAA,GACEP,EAAyD,eACzDP,KAAA,CAAAJ,UAAA,CAAAwB,OAAA;UAAAN,QAAA,GACEF,EAA8D,EAC7DP,eAAe,gBAAfP,IAAA,CAAAF,UAAA,CAAAyB,IAAA;YAAAP,QAAA,EACkB;UAA0C,CAO7D,CAAC,GANGR,sBAAsB,gBAAtBR,IAAA,CAAAF,UAAA,CAAAyB,IAAA;YAAAP,QAAA,EACe;UAAsC,CAKzD,CAAC,gBANGhB,IAAA,CAAAF,UAAA,CAAAyB,IAAA;YAAAP,QAAA,EAGe;UAEjB,CACF,CAAC;QAAA,CACiB,CAAC;MAAA,CACN;IAAC,CACd,CAAC;IAAAX,CAAA,MAAAG,sBAAA;IAAAH,CAAA,MAAAE,eAAA;IAAAF,CAAA,MAAAY,EAAA;EAAA;IAAAA,EAAA,GAAAZ,CAAA;EAAA;EAAA,OAhBPY,EAgBO;AAAA;AAIX,MAAME,MAAM,GAAGvB,UAAU,CAAC4B,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"conversations_blank_state.js","names":["React","StyleSheet","View","useClearConversationFilters","useFilterDropdownEnabled","BlankState","jsx","_jsx","jsxs","_jsxs","ConversationsBlankState","t0","$","_c","isFilterApplied","canCreateConversations","filterDropdownEnabled","clearFilters","t1","Symbol","for","Imagery","name","t2","Content","children","Heading","t3","style","styles","container","Root","TextButton","Text","create","flex","justifyContent","alignItems","paddingVertical"],"sources":["../../../src/components/conversations/conversations_blank_state.tsx"],"sourcesContent":["import React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { useClearConversationFilters } from '../../hooks/use_clear_conversation_filters'\nimport { useFilterDropdownEnabled } from '../../hooks/use_filter_dropdown_enabled'\nimport BlankState from '../primitive/blank_state_primitive'\n\ninterface ConversationsBlankStateProps {\n  isFilterApplied: boolean\n  canCreateConversations: boolean\n}\n\nexport function ConversationsBlankState({\n  isFilterApplied,\n  canCreateConversations,\n}: ConversationsBlankStateProps) {\n  const filterDropdownEnabled = useFilterDropdownEnabled()\n  const clearFilters = useClearConversationFilters()\n\n  if (filterDropdownEnabled && isFilterApplied) {\n    return (\n      <View style={styles.container}>\n        <BlankState.Root>\n          <BlankState.Imagery name=\"general.outlinedTextMessage\" />\n          <BlankState.Content>\n            <BlankState.Heading>No matches</BlankState.Heading>\n          </BlankState.Content>\n          <BlankState.TextButton onPress={clearFilters}>\n            View all conversations\n          </BlankState.TextButton>\n        </BlankState.Root>\n      </View>\n    )\n  }\n\n  return (\n    <View style={styles.container}>\n      <BlankState.Root>\n        <BlankState.Imagery name=\"general.outlinedTextMessage\" />\n        <BlankState.Content>\n          <BlankState.Heading>No conversations yet.</BlankState.Heading>\n          {isFilterApplied ? (\n            <BlankState.Text>Adjust your filters to find conversations.</BlankState.Text>\n          ) : canCreateConversations ? (\n            <BlankState.Text>Tap the compose button to get started.</BlankState.Text>\n          ) : (\n            <BlankState.Text>\n              When your groups or teams start chatting, you&rsquo;ll find them here.\n            </BlankState.Text>\n          )}\n        </BlankState.Content>\n      </BlankState.Root>\n    </View>\n  )\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    paddingVertical: 32,\n  },\n})\n"],"mappings":"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","ignoreList":[]}

package/build/components/conversations/filtered_results_footer.d.ts

@@ -0,0 +1,2 @@
+export declare function FilteredResultsFooter(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=filtered_results_footer.d.ts.map

package/build/components/conversations/filtered_results_footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filtered_results_footer.d.ts","sourceRoot":"","sources":["../../../src/components/conversations/filtered_results_footer.tsx"],"names":[],"mappings":"AAMA,wBAAgB,qBAAqB,4CAcpC"}

package/build/components/conversations/filtered_results_footer.js

@@ -0,0 +1,77 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useTheme } from '../../hooks';
+import { useClearConversationFilters } from '../../hooks/use_clear_conversation_filters';
+import { Text, TextButton } from '../display';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function FilteredResultsFooter() {
+  const $ = _c(8);
+  const styles = useStyles();
+  const clearFilters = useClearConversationFilters();
+  let t0;
+  if ($[0] !== styles.text) {
+    t0 = /*#__PURE__*/_jsx(Text, {
+      variant: "tertiary",
+      style: styles.text,
+      children: "You\u2019re viewing filtered results"
+    });
+    $[0] = styles.text;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  let t1;
+  if ($[2] !== clearFilters) {
+    t1 = /*#__PURE__*/_jsx(TextButton, {
+      variant: "tertiary",
+      onPress: clearFilters,
+      children: "View all conversations"
+    });
+    $[2] = clearFilters;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== styles.container || $[5] !== t0 || $[6] !== t1) {
+    t2 = /*#__PURE__*/_jsxs(View, {
+      style: styles.container,
+      children: [t0, t1]
+    });
+    $[4] = styles.container;
+    $[5] = t0;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+const useStyles = () => {
+  const $ = _c(2);
+  const {
+    colors
+  } = useTheme();
+  let t0;
+  if ($[0] !== colors.textColorDefaultSecondary) {
+    t0 = StyleSheet.create({
+      container: {
+        alignItems: "center",
+        gap: 8,
+        paddingHorizontal: 16,
+        paddingVertical: 24
+      },
+      text: {
+        textAlign: "center",
+        color: colors.textColorDefaultSecondary
+      }
+    });
+    $[0] = colors.textColorDefaultSecondary;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+};
+//# sourceMappingURL=filtered_results_footer.js.map

package/build/components/conversations/filtered_results_footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filtered_results_footer.js","names":["React","StyleSheet","View","useTheme","useClearConversationFilters","Text","TextButton","jsx","_jsx","jsxs","_jsxs","FilteredResultsFooter","$","_c","styles","useStyles","clearFilters","t0","text","variant","style","children","t1","t2","container","colors","textColorDefaultSecondary","create","alignItems","gap","paddingHorizontal","paddingVertical","textAlign","color"],"sources":["../../../src/components/conversations/filtered_results_footer.tsx"],"sourcesContent":["import React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { useTheme } from '../../hooks'\nimport { useClearConversationFilters } from '../../hooks/use_clear_conversation_filters'\nimport { Text, TextButton } from '../display'\n\nexport function FilteredResultsFooter() {\n  const styles = useStyles()\n  const clearFilters = useClearConversationFilters()\n\n  return (\n    <View style={styles.container}>\n      <Text variant=\"tertiary\" style={styles.text}>\n        You&rsquo;re viewing filtered results\n      </Text>\n      <TextButton variant=\"tertiary\" onPress={clearFilters}>\n        View all conversations\n      </TextButton>\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      alignItems: 'center',\n      gap: 8,\n      paddingHorizontal: 16,\n      paddingVertical: 24,\n    },\n    text: {\n      textAlign: 'center',\n      color: colors.textColorDefaultSecondary,\n    },\n  })\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,2BAA2B,QAAQ,4CAA4C;AACxF,SAASC,IAAI,EAAEC,UAAU,QAAQ,YAAY;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE7C,OAAO,SAAAC,sBAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EACL,MAAAC,MAAA,GAAeC,SAAS,CAAC,CAAC;EAC1B,MAAAC,YAAA,GAAqBZ,2BAA2B,CAAC,CAAC;EAAA,IAAAa,EAAA;EAAA,IAAAL,CAAA,QAAAE,MAAA,CAAAI,IAAA;IAI9CD,EAAA,gBAAAT,IAAA,CAACH,IAAI;MAASc,OAAU,EAAV,UAAU;MAAQC,KAAW,EAAXN,MAAM,CAAAI,IAAK;MAAAG,QAAA,EAAE;IAE7C,CAAM,CAAC;IAAAT,CAAA,MAAAE,MAAA,CAAAI,IAAA;IAAAN,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAA,IAAAU,EAAA;EAAA,IAAAV,CAAA,QAAAI,YAAA;IACPM,EAAA,gBAAAd,IAAA,CAACF,UAAU;MAASa,OAAU,EAAV,UAAU;MAAUH,OAAY,EAAZA,YAAY;MAAAK,QAAA,EAAE;IAEtD,CAAY,CAAC;IAAAT,CAAA,MAAAI,YAAA;IAAAJ,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAAA,IAAAW,EAAA;EAAA,IAAAX,CAAA,QAAAE,MAAA,CAAAU,SAAA,IAAAZ,CAAA,QAAAK,EAAA,IAAAL,CAAA,QAAAU,EAAA;IANfC,EAAA,gBAAAb,KAAA,CAACR,IAAI;MAAQkB,KAAgB,EAAhBN,MAAM,CAAAU,SAAU;MAAAH,QAAA,GAC3BJ,EAEO,EACPK,EAEa;IAAA,CACT,CAAC;IAAAV,CAAA,MAAAE,MAAA,CAAAU,SAAA;IAAAZ,CAAA,MAAAK,EAAA;IAAAL,CAAA,MAAAU,EAAA;IAAAV,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EAAA,OAPPW,EAOO;AAAA;AAIX,MAAMR,SAAS,GAAGA,CAAA;EAAA,MAAAH,CAAA,GAAAC,EAAA;EAChB;IAAAY;EAAA,IAAmBtB,QAAQ,CAAC,CAAC;EAAA,IAAAc,EAAA;EAAA,IAAAL,CAAA,QAAAa,MAAA,CAAAC,yBAAA;IAEtBT,EAAA,GAAAhB,UAAU,CAAA0B,MAAO,CAAC;MAAAH,SAAA,EACZ;QAAAI,UAAA,EACG,QAAQ;QAAAC,GAAA,EACf,CAAC;QAAAC,iBAAA,EACa,EAAE;QAAAC,eAAA,EACJ;MACnB,CAAC;MAAAb,IAAA,EACK;QAAAc,SAAA,EACO,QAAQ;QAAAC,KAAA,EACZR,MAAM,CAAAC;MACf;IACF,CAAC,CAAC;IAAAd,CAAA,MAAAa,MAAA,CAAAC,yBAAA;IAAAd,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAA,OAXKK,EAWL;AAAA,CACH","ignoreList":[]}

package/build/components/display/filter_dropdown.d.ts

@@ -8,6 +8,7 @@ export interface FilterDropdownProps {
     onSelect: (id: string) => void;
     onMoreFilters: () => void;
     triggerLabel: string;
+    showMoreFilters?: boolean;
 }
-export declare function FilterDropdown({ options, selectedId, onSelect, onMoreFilters, triggerLabel, }: FilterDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function FilterDropdown({ options, selectedId, onSelect, onMoreFilters, triggerLabel, showMoreFilters, }: FilterDropdownProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=filter_dropdown.d.ts.map

package/build/components/display/filter_dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter_dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/display/filter_dropdown.tsx"],"names":[],"mappings":"AAyBA,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,oBAAoB,EAAE,CAAA;IAC/B,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,UAAU,EACV,QAAQ,EACR,aAAa,EACb,YAAY,GACb,EAAE,mBAAmB,2CAiDrB"}
+{"version":3,"file":"filter_dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/display/filter_dropdown.tsx"],"names":[],"mappings":"AAyBA,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,oBAAoB,EAAE,CAAA;IAC/B,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,UAAU,EACV,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,eAAsB,GACvB,EAAE,mBAAmB,2CAgDrB"}