@planningcenter/chat-react-native 4.4.0-rc.6 → 4.4.0

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 && !hasNextPage;
+  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 {
@@ -76,7 +99,7 @@ export const Conversations = t0 => {
           conversation: item_0.resource,
           onPress: () => navigation.navigate("Conversation", {
             conversation_id: item_0.resource.id,
-            title: item_0.resource.title,
+            title: item_0.resource.title ?? undefined,
             badge: item_0.resource.badges?.[0],
             deleted: item_0.resource.deleted,
             muted: item_0.resource.muted
@@ -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","undefined","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 && !hasNextPage\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 ?? undefined,\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/action_button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"action_button.d.ts","sourceRoot":"","sources":["../../../src/components/display/action_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAIjD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAGnC,eAAO,MAAM,YAAY,GAAI,0GAU1B;IACD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kBAAkB,CAAC,EAAE,UAAU,CAAA;IAC/B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAA;CACjC,4CA+CA,CAAA"}
+{"version":3,"file":"action_button.d.ts","sourceRoot":"","sources":["../../../src/components/display/action_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAIjD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAGnC,eAAO,MAAM,YAAY,GAAI,0GAU1B;IACD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kBAAkB,CAAC,EAAE,UAAU,CAAA;IAC/B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAA;CACjC,4CAgDA,CAAA"}

package/build/components/display/action_button.js

@@ -3,14 +3,14 @@ import React from 'react';
 import { StyleSheet, useWindowDimensions, View } from 'react-native';
 import Animated, { FadeIn, FadeOut, LayoutAnimationConfig, ReduceMotion } from 'react-native-reanimated';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { useTheme } from '../../hooks';
+import { useReduceMotion, useTheme } from '../../hooks';
 import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils';
 import { Banner } from './banner';
 import { Button } from './button';
 import { Text } from './text';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const ActionButton = t0 => {
-  const $ = _c(15);
+  const $ = _c(16);
   const {
     visible: t1,
     disabled: t2,
@@ -35,11 +35,12 @@ export const ActionButton = t0 => {
   }
   const warnings = t5;
   const styles = useStyles();
+  const reduceMotion = useReduceMotion() ? ReduceMotion.Always : ReduceMotion.Never;
   let t6;
-  if ($[2] !== buttonIconNameLeft || $[3] !== disabled || $[4] !== infoText || $[5] !== loading || $[6] !== onPress || $[7] !== secondaryButton || $[8] !== styles || $[9] !== title || $[10] !== visible || $[11] !== warnings) {
+  if ($[2] !== buttonIconNameLeft || $[3] !== disabled || $[4] !== infoText || $[5] !== loading || $[6] !== onPress || $[7] !== reduceMotion || $[8] !== secondaryButton || $[9] !== styles || $[10] !== title || $[11] !== visible || $[12] !== warnings) {
     t6 = visible && /*#__PURE__*/_jsxs(Animated.View, {
-      entering: FadeIn.duration(300).reduceMotion(ReduceMotion.System),
-      exiting: FadeOut.duration(300).reduceMotion(ReduceMotion.System),
+      entering: FadeIn.duration(300).reduceMotion(reduceMotion),
+      exiting: FadeOut.duration(300).reduceMotion(reduceMotion),
       style: styles.container,
       children: [warnings.length > 0 && /*#__PURE__*/_jsx(View, {
         style: styles.warnings,
@@ -70,25 +71,26 @@ export const ActionButton = t0 => {
     $[4] = infoText;
     $[5] = loading;
     $[6] = onPress;
-    $[7] = secondaryButton;
-    $[8] = styles;
-    $[9] = title;
-    $[10] = visible;
-    $[11] = warnings;
-    $[12] = t6;
+    $[7] = reduceMotion;
+    $[8] = secondaryButton;
+    $[9] = styles;
+    $[10] = title;
+    $[11] = visible;
+    $[12] = warnings;
+    $[13] = t6;
   } else {
-    t6 = $[12];
+    t6 = $[13];
   }
   let t7;
-  if ($[13] !== t6) {
+  if ($[14] !== t6) {
     t7 = /*#__PURE__*/_jsx(LayoutAnimationConfig, {
       skipEntering: true,
       children: t6
     });
-    $[13] = t6;
-    $[14] = t7;
+    $[14] = t6;
+    $[15] = t7;
   } else {
-    t7 = $[14];
+    t7 = $[15];
   }
   return t7;
 };

package/build/components/display/action_button.js.map

@@ -1 +1 @@
-{"version":3,"file":"action_button.js","names":["React","StyleSheet","useWindowDimensions","View","Animated","FadeIn","FadeOut","LayoutAnimationConfig","ReduceMotion","useSafeAreaInsets","useTheme","MAX_FONT_SIZE_MULTIPLIER_LANDMARK","Banner","Button","Text","jsx","_jsx","jsxs","_jsxs","ActionButton","t0","$","_c","visible","t1","disabled","t2","onPress","title","infoText","buttonIconNameLeft","secondaryButton","loading","t3","warnings","t4","undefined","t5","styles","useStyles","t6","entering","duration","reduceMotion","System","exiting","style","container","children","length","map","_temp","Boolean","variant","buttonRow","size","fullWidthButton","accessibilityShowsLargeContentViewer","t7","skipEntering","fontScale","bottom","colors","borderColorDefaultDim","surfaceColor090","create","backgroundColor","paddingHorizontal","paddingTop","paddingBottom","borderTopWidth","borderTopColor","gap","flexDirection","justifyContent","alignItems","flexWrap","flexGrow","textAlign","warning","index","appearance","description","fullMessage","attribute"],"sources":["../../../src/components/display/action_button.tsx"],"sourcesContent":["import React from 'react'\nimport { StyleSheet, useWindowDimensions, View } from 'react-native'\nimport Animated, {\n  FadeIn,\n  FadeOut,\n  LayoutAnimationConfig,\n  ReduceMotion,\n} from 'react-native-reanimated'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { useTheme } from '../../hooks'\nimport { ConversationWarning } from '../../types'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils'\nimport { Banner } from './banner'\nimport { Button } from './button'\nimport { IconString } from './icon'\nimport { Text } from './text'\n\nexport const ActionButton = ({\n  visible = true,\n  disabled = false,\n  onPress,\n  title,\n  infoText,\n  buttonIconNameLeft,\n  secondaryButton,\n  loading = false,\n  warnings = [],\n}: {\n  visible?: boolean\n  disabled?: boolean\n  onPress: () => void\n  title: string\n  infoText?: string\n  buttonIconNameLeft?: IconString\n  secondaryButton?: React.ReactNode\n  loading?: boolean\n  warnings?: ConversationWarning[]\n}) => {\n  const styles = useStyles()\n\n  return (\n    <LayoutAnimationConfig skipEntering>\n      {visible && (\n        <Animated.View\n          entering={FadeIn.duration(300).reduceMotion(ReduceMotion.System)}\n          exiting={FadeOut.duration(300).reduceMotion(ReduceMotion.System)}\n          style={styles.container}\n        >\n          {warnings.length > 0 && (\n            <View style={styles.warnings}>\n              {warnings.map((warning, index) => (\n                <Banner\n                  key={`${warning.attribute}-${index}`}\n                  appearance=\"error\"\n                  description={warning.fullMessage}\n                />\n              ))}\n            </View>\n          )}\n          {Boolean(infoText) && (\n            <Text style={styles.infoText} variant=\"footnote\">\n              {infoText}\n            </Text>\n          )}\n          <View style={styles.buttonRow}>\n            {secondaryButton}\n            <Button\n              variant=\"fill\"\n              size=\"lg\"\n              onPress={onPress}\n              title={title}\n              disabled={disabled}\n              style={secondaryButton ? null : styles.fullWidthButton}\n              iconNameLeft={buttonIconNameLeft}\n              loading={loading}\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n              accessibilityShowsLargeContentViewer\n              accessibilityLargeContentTitle={title}\n            />\n          </View>\n        </Animated.View>\n      )}\n    </LayoutAnimationConfig>\n  )\n}\n\nconst useStyles = () => {\n  const { fontScale } = useWindowDimensions()\n  const { bottom } = useSafeAreaInsets()\n  const { colors } = useTheme()\n  const containerVerticalPadding = 16\n\n  return StyleSheet.create({\n    container: {\n      backgroundColor: colors.surfaceColor090,\n      paddingHorizontal: 24,\n      paddingTop: containerVerticalPadding,\n      paddingBottom: bottom + containerVerticalPadding,\n      borderTopWidth: 1,\n      borderTopColor: colors.borderColorDefaultDim,\n      gap: 16,\n    },\n    buttonRow: {\n      flexDirection: 'row',\n      justifyContent: fontScale > 1 ? 'center' : 'space-between',\n      alignItems: 'center',\n      gap: 16,\n      flexWrap: 'wrap-reverse',\n    },\n    fullWidthButton: {\n      flexGrow: 1,\n    },\n    infoText: {\n      textAlign: 'center',\n    },\n    warnings: {\n      gap: 8,\n    },\n  })\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,mBAAmB,EAAEC,IAAI,QAAQ,cAAc;AACpE,OAAOC,QAAQ,IACbC,MAAM,EACNC,OAAO,EACPC,qBAAqB,EACrBC,YAAY,QACP,yBAAyB;AAChC,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,QAAQ,QAAQ,aAAa;AAEtC,SAASC,iCAAiC,QAAQ,aAAa;AAC/D,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,MAAM,QAAQ,UAAU;AAEjC,SAASC,IAAI,QAAQ,QAAQ;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE7B,OAAO,MAAMC,YAAY,GAAGC,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAAC;IAAAC,OAAA,EAAAC,EAAA;IAAAC,QAAA,EAAAC,EAAA;IAAAC,OAAA;IAAAC,KAAA;IAAAC,QAAA;IAAAC,kBAAA;IAAAC,eAAA;IAAAC,OAAA,EAAAC,EAAA;IAAAC,QAAA,EAAAC;EAAA,IAAAf,EAoB5B;EAnBC,MAAAG,OAAA,GAAAC,EAAc,KAAdY,SAAc,GAAd,IAAc,GAAdZ,EAAc;EACd,MAAAC,QAAA,GAAAC,EAAgB,KAAhBU,SAAgB,GAAhB,KAAgB,GAAhBV,EAAgB;EAMhB,MAAAM,OAAA,GAAAC,EAAe,KAAfG,SAAe,GAAf,KAAe,GAAfH,EAAe;EAAA,IAAAI,EAAA;EAAA,IAAAhB,CAAA,QAAAc,EAAA;IACfE,EAAA,GAAAF,EAAa,KAAbC,SAAa,GAAb,EAAa,GAAbD,EAAa;IAAAd,CAAA,MAAAc,EAAA;IAAAd,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAAb,MAAAa,QAAA,GAAAG,EAAa;EAYb,MAAAC,MAAA,GAAeC,SAAS,CAAC,CAAC;EAAA,IAAAC,EAAA;EAAA,IAAAnB,CAAA,QAAAS,kBAAA,IAAAT,CAAA,QAAAI,QAAA,IAAAJ,CAAA,QAAAQ,QAAA,IAAAR,CAAA,QAAAW,OAAA,IAAAX,CAAA,QAAAM,OAAA,IAAAN,CAAA,QAAAU,eAAA,IAAAV,CAAA,QAAAiB,MAAA,IAAAjB,CAAA,QAAAO,KAAA,IAAAP,CAAA,SAAAE,OAAA,IAAAF,CAAA,SAAAa,QAAA;IAIrBM,EAAA,GAAAjB,OAuCA,iBAvCAL,KAAA,CAAAd,QAAA,CAAAD,IAAA;MAEasC,QAAsD,EAAtDpC,MAAM,CAAAqC,QAAS,CAAC,GAAG,CAAC,CAAAC,YAAa,CAACnC,YAAY,CAAAoC,MAAO,CAAC;MACvDC,OAAuD,EAAvDvC,OAAO,CAAAoC,QAAS,CAAC,GAAG,CAAC,CAAAC,YAAa,CAACnC,YAAY,CAAAoC,MAAO,CAAC;MACzDE,KAAgB,EAAhBR,MAAM,CAAAS,SAAU;MAAAC,QAAA,GAEtBd,QAAQ,CAAAe,MAAO,GAAG,CAUlB,iBAVAjC,IAAA,CACEb,IAAI;QAAQ2C,KAAe,EAAfR,MAAM,CAAAJ,QAAS;QAAAc,QAAA,EACzBd,QAAQ,CAAAgB,GAAI,CAACC,KAMb;MAAC,CAEN,CAAC,EACAC,OAAO,CAACvB,QAIT,CAAC,iBAJAb,IAAA,CACEF,IAAI;QAAQgC,KAAe,EAAfR,MAAM,CAAAT,QAAS;QAAUwB,OAAU,EAAV,UAAU;QAAAL,QAAA,EAC7CnB;MAAQ,CAEb,CAAC,eACDX,KAAA,CAACf,IAAI;QAAQ2C,KAAgB,EAAhBR,MAAM,CAAAgB,SAAU;QAAAN,QAAA,GAC1BjB,eAAe,eAChBf,IAAA,CAACH,MAAM;UACGwC,OAAM,EAAN,MAAM;UACTE,IAAI,EAAJ,IAAI;UACA5B,OAAO,EAAPA,OAAO;UACTC,KAAK,EAALA,KAAK;UACFH,QAAQ,EAARA,QAAQ;UACXqB,KAA+C,EAA/Cf,eAAe,GAAf,IAA+C,GAAtBO,MAAM,CAAAkB,eAAgB;UACxC1B,YAAkB,EAAlBA,kBAAkB;UACvBE,OAAO,EAAPA,OAAO;UACOrB,qBAAiC,EAAjCA,iCAAiC;UACxD8C,oCAAoC,EAApC,IAAoC;UACJ7B,8BAAK,EAALA;QAAK,CACtC,CAAC;MAAA,CACE,CAAC;IAAA,CAEX,CAAC;IAAAP,CAAA,MAAAS,kBAAA;IAAAT,CAAA,MAAAI,QAAA;IAAAJ,CAAA,MAAAQ,QAAA;IAAAR,CAAA,MAAAW,OAAA;IAAAX,CAAA,MAAAM,OAAA;IAAAN,CAAA,MAAAU,eAAA;IAAAV,CAAA,MAAAiB,MAAA;IAAAjB,CAAA,MAAAO,KAAA;IAAAP,CAAA,OAAAE,OAAA;IAAAF,CAAA,OAAAa,QAAA;IAAAb,CAAA,OAAAmB,EAAA;EAAA;IAAAA,EAAA,GAAAnB,CAAA;EAAA;EAAA,IAAAqC,EAAA;EAAA,IAAArC,CAAA,SAAAmB,EAAA;IAxCHkB,EAAA,gBAAA1C,IAAA,CAACT,qBAAqB;MAACoD,YAAY,EAAZ,IAAY;MAAAX,QAAA,EAChCR;IAuCA,CACoB,CAAC;IAAAnB,CAAA,OAAAmB,EAAA;IAAAnB,CAAA,OAAAqC,EAAA;EAAA;IAAAA,EAAA,GAAArC,CAAA;EAAA;EAAA,OAzCxBqC,EAyCwB;AAAA,CAE3B;AAED,MAAMnB,SAAS,GAAGA,CAAA;EAAA,MAAAlB,CAAA,GAAAC,EAAA;EAChB;IAAAsC;EAAA,IAAsB1D,mBAAmB,CAAC,CAAC;EAC3C;IAAA2D;EAAA,IAAmBpD,iBAAiB,CAAC,CAAC;EACtC;IAAAqD;EAAA,IAAmBpD,QAAQ,CAAC,CAAC;EAAA,IAAAU,EAAA;EAAA,IAAAC,CAAA,QAAAwC,MAAA,IAAAxC,CAAA,QAAAyC,MAAA,CAAAC,qBAAA,IAAA1C,CAAA,QAAAyC,MAAA,CAAAE,eAAA,IAAA3C,CAAA,QAAAuC,SAAA;IAGtBxC,EAAA,GAAAnB,UAAU,CAAAgE,MAAO,CAAC;MAAAlB,SAAA,EACZ;QAAAmB,eAAA,EACQJ,MAAM,CAAAE,eAAgB;QAAAG,iBAAA,EACpB,EAAE;QAAAC,UAAA,EALQ,EAAE;QAAAC,aAAA,EAOhBR,MAAM,GAPQ,EAOmB;QAAAS,cAAA,EAChC,CAAC;QAAAC,cAAA,EACDT,MAAM,CAAAC,qBAAsB;QAAAS,GAAA,EACvC;MACP,CAAC;MAAAlB,SAAA,EACU;QAAAmB,aAAA,EACM,KAAK;QAAAC,cAAA,EACJd,SAAS,GAAG,CAA8B,GAA1C,QAA0C,GAA1C,eAA0C;QAAAe,UAAA,EAC9C,QAAQ;QAAAH,GAAA,EACf,EAAE;QAAAI,QAAA,EACG;MACZ,CAAC;MAAApB,eAAA,EACgB;QAAAqB,QAAA,EACL;MACZ,CAAC;MAAAhD,QAAA,EACS;QAAAiD,SAAA,EACG;MACb,CAAC;MAAA5C,QAAA,EACS;QAAAsC,GAAA,EACH;MACP;IACF,CAAC,CAAC;IAAAnD,CAAA,MAAAwC,MAAA;IAAAxC,CAAA,MAAAyC,MAAA,CAAAC,qBAAA;IAAA1C,CAAA,MAAAyC,MAAA,CAAAE,eAAA;IAAA3C,CAAA,MAAAuC,SAAA;IAAAvC,CAAA,MAAAD,EAAA;EAAA;IAAAA,EAAA,GAAAC,CAAA;EAAA;EAAA,OA1BKD,EA0BL;AAAA,CACH;AAtG2B,SAAA+B,MAAA4B,OAAA,EAAAC,KAAA;EAAA,oBAkCZhE,IAAA,CAACJ,MAAM;IAEMqE,UAAO,EAAP,OAAO;IACLC,WAAmB,EAAnBH,OAAO,CAAAI;EAAY,GAF3B,GAAGJ,OAAO,CAAAK,SAAU,IAAIJ,KAAK,EAGnC,CAAC;AAAA","ignoreList":[]}
+{"version":3,"file":"action_button.js","names":["React","StyleSheet","useWindowDimensions","View","Animated","FadeIn","FadeOut","LayoutAnimationConfig","ReduceMotion","useSafeAreaInsets","useReduceMotion","useTheme","MAX_FONT_SIZE_MULTIPLIER_LANDMARK","Banner","Button","Text","jsx","_jsx","jsxs","_jsxs","ActionButton","t0","$","_c","visible","t1","disabled","t2","onPress","title","infoText","buttonIconNameLeft","secondaryButton","loading","t3","warnings","t4","undefined","t5","styles","useStyles","reduceMotion","Always","Never","t6","entering","duration","exiting","style","container","children","length","map","_temp","Boolean","variant","buttonRow","size","fullWidthButton","accessibilityShowsLargeContentViewer","t7","skipEntering","fontScale","bottom","colors","borderColorDefaultDim","surfaceColor090","create","backgroundColor","paddingHorizontal","paddingTop","paddingBottom","borderTopWidth","borderTopColor","gap","flexDirection","justifyContent","alignItems","flexWrap","flexGrow","textAlign","warning","index","appearance","description","fullMessage","attribute"],"sources":["../../../src/components/display/action_button.tsx"],"sourcesContent":["import React from 'react'\nimport { StyleSheet, useWindowDimensions, View } from 'react-native'\nimport Animated, {\n  FadeIn,\n  FadeOut,\n  LayoutAnimationConfig,\n  ReduceMotion,\n} from 'react-native-reanimated'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { useReduceMotion, useTheme } from '../../hooks'\nimport { ConversationWarning } from '../../types'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils'\nimport { Banner } from './banner'\nimport { Button } from './button'\nimport { IconString } from './icon'\nimport { Text } from './text'\n\nexport const ActionButton = ({\n  visible = true,\n  disabled = false,\n  onPress,\n  title,\n  infoText,\n  buttonIconNameLeft,\n  secondaryButton,\n  loading = false,\n  warnings = [],\n}: {\n  visible?: boolean\n  disabled?: boolean\n  onPress: () => void\n  title: string\n  infoText?: string\n  buttonIconNameLeft?: IconString\n  secondaryButton?: React.ReactNode\n  loading?: boolean\n  warnings?: ConversationWarning[]\n}) => {\n  const styles = useStyles()\n  const reduceMotion = useReduceMotion() ? ReduceMotion.Always : ReduceMotion.Never\n\n  return (\n    <LayoutAnimationConfig skipEntering>\n      {visible && (\n        <Animated.View\n          entering={FadeIn.duration(300).reduceMotion(reduceMotion)}\n          exiting={FadeOut.duration(300).reduceMotion(reduceMotion)}\n          style={styles.container}\n        >\n          {warnings.length > 0 && (\n            <View style={styles.warnings}>\n              {warnings.map((warning, index) => (\n                <Banner\n                  key={`${warning.attribute}-${index}`}\n                  appearance=\"error\"\n                  description={warning.fullMessage}\n                />\n              ))}\n            </View>\n          )}\n          {Boolean(infoText) && (\n            <Text style={styles.infoText} variant=\"footnote\">\n              {infoText}\n            </Text>\n          )}\n          <View style={styles.buttonRow}>\n            {secondaryButton}\n            <Button\n              variant=\"fill\"\n              size=\"lg\"\n              onPress={onPress}\n              title={title}\n              disabled={disabled}\n              style={secondaryButton ? null : styles.fullWidthButton}\n              iconNameLeft={buttonIconNameLeft}\n              loading={loading}\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n              accessibilityShowsLargeContentViewer\n              accessibilityLargeContentTitle={title}\n            />\n          </View>\n        </Animated.View>\n      )}\n    </LayoutAnimationConfig>\n  )\n}\n\nconst useStyles = () => {\n  const { fontScale } = useWindowDimensions()\n  const { bottom } = useSafeAreaInsets()\n  const { colors } = useTheme()\n  const containerVerticalPadding = 16\n\n  return StyleSheet.create({\n    container: {\n      backgroundColor: colors.surfaceColor090,\n      paddingHorizontal: 24,\n      paddingTop: containerVerticalPadding,\n      paddingBottom: bottom + containerVerticalPadding,\n      borderTopWidth: 1,\n      borderTopColor: colors.borderColorDefaultDim,\n      gap: 16,\n    },\n    buttonRow: {\n      flexDirection: 'row',\n      justifyContent: fontScale > 1 ? 'center' : 'space-between',\n      alignItems: 'center',\n      gap: 16,\n      flexWrap: 'wrap-reverse',\n    },\n    fullWidthButton: {\n      flexGrow: 1,\n    },\n    infoText: {\n      textAlign: 'center',\n    },\n    warnings: {\n      gap: 8,\n    },\n  })\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,14 @@
+export interface FilterDropdownOption {
+    id: string;
+    label: string;
+}
+export interface FilterDropdownProps {
+    options: FilterDropdownOption[];
+    selectedId: string;
+    onSelect: (id: string) => void;
+    onMoreFilters: () => void;
+    triggerLabel: string;
+    showMoreFilters?: boolean;
+}
+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

@@ -0,0 +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;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"}