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

package/build/components/conversations/conversations.js

@@ -5,14 +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(25);
+  const $ = _c(27);
   const {
     ListHeaderComponent
   } = t0;
@@ -30,13 +32,16 @@ export const Conversations = t0 => {
   const {
     chat_group_graph_id,
     group_source_app_name,
-    show_direct_messages
+    show_direct_messages,
+    show_archived
   } = t1;
   const navigation = useNavigation();
   const canCreateConversations = useCanCreateConversations();
+  const clearFilters = useClearConversationFilters();
   const filterDropdownEnabled = useFilterDropdownEnabled();
-  const isFilterApplied = !!chat_group_graph_id || !!group_source_app_name || !!show_direct_messages;
-  const showFilteredResultsFooter = filterDropdownEnabled && isFilterApplied && !hasNextPage && !isLoading && conversations.length > 0;
+  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: {
@@ -70,15 +75,19 @@ export const Conversations = t0 => {
     t4 = $[4];
   }
   let t5;
-  if ($[5] !== showFilteredResultsFooter) {
-    t5 = showFilteredResultsFooter ? /*#__PURE__*/_jsx(FilteredResultsFooter, {}) : null;
-    $[5] = showFilteredResultsFooter;
-    $[6] = t5;
+  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 = $[6];
+    t5 = $[8];
   }
   let t6;
-  if ($[7] !== navigation || $[8] !== showBadges) {
+  if ($[9] !== navigation || $[10] !== showBadges) {
     t6 = t7 => {
       const {
         item: item_0
@@ -99,22 +108,22 @@ export const Conversations = t0 => {
         });
       }
     };
-    $[7] = navigation;
-    $[8] = showBadges;
-    $[9] = t6;
+    $[9] = navigation;
+    $[10] = showBadges;
+    $[11] = t6;
   } else {
-    t6 = $[9];
+    t6 = $[11];
   }
   let t7;
-  if ($[10] !== fetchNextPage) {
+  if ($[12] !== fetchNextPage) {
     t7 = () => fetchNextPage();
-    $[10] = fetchNextPage;
-    $[11] = t7;
+    $[12] = fetchNextPage;
+    $[13] = t7;
   } else {
-    t7 = $[11];
+    t7 = $[13];
   }
   let t8;
-  if ($[12] !== ListHeaderComponent || $[13] !== data || $[14] !== refetch || $[15] !== styles.contentContainer || $[16] !== t3 || $[17] !== t4 || $[18] !== t5 || $[19] !== t6 || $[20] !== t7) {
+  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,
@@ -127,30 +136,30 @@ export const Conversations = t0 => {
       renderItem: t6,
       onEndReached: t7
     });
-    $[12] = ListHeaderComponent;
-    $[13] = data;
-    $[14] = refetch;
-    $[15] = styles.contentContainer;
-    $[16] = t3;
-    $[17] = t4;
-    $[18] = t5;
-    $[19] = t6;
-    $[20] = t7;
-    $[21] = t8;
+    $[14] = ListHeaderComponent;
+    $[15] = data;
+    $[16] = refetch;
+    $[17] = styles.contentContainer;
+    $[18] = t3;
+    $[19] = t4;
+    $[20] = t5;
+    $[21] = t6;
+    $[22] = t7;
+    $[23] = t8;
   } else {
-    t8 = $[21];
+    t8 = $[23];
   }
   let t9;
-  if ($[22] !== styles.container || $[23] !== t8) {
+  if ($[24] !== styles.container || $[25] !== t8) {
     t9 = /*#__PURE__*/_jsx(View, {
       style: styles.container,
       children: t8
     });
-    $[22] = styles.container;
-    $[23] = t8;
-    $[24] = t9;
+    $[24] = styles.container;
+    $[25] = t8;
+    $[26] = t9;
   } else {
-    t9 = $[24];
+    t9 = $[26];
   }
   return t9;
 };

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","useFilterDropdownEnabled","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","navigation","canCreateConversations","filterDropdownEnabled","isFilterApplied","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 { useConversationsJoltEvents } from '../../hooks/use_conversations_jolt_events'\nimport { useFilterDropdownEnabled } from '../../hooks/use_filter_dropdown_enabled'\nimport { ConversationResource } from '../../types'\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 },\n  } = useConversationsContext()\n  const navigation = useNavigation()\n  const canCreateConversations = useCanCreateConversations()\n  const filterDropdownEnabled = useFilterDropdownEnabled()\n  const isFilterApplied = !!chat_group_graph_id || !!group_source_app_name || !!show_direct_messages\n  const showFilteredResultsFooter =\n    filterDropdownEnabled &&\n    isFilterApplied &&\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={showFilteredResultsFooter ? <FilteredResultsFooter /> : null}\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":";AAAA,SAASA,aAAa,QAAQ,0BAA0B;AACxD,OAAOC,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACzD,SAASC,uBAAuB,QAAQ,sCAAsC;AAC9E,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,yBAAyB,QAAQ,kCAAkC;AAC5E,SAASC,0BAA0B,QAAQ,2CAA2C;AACtF,SAASC,wBAAwB,QAAQ,yCAAyC;AAElF,SAASC,mBAAmB,EAAEC,2BAA2B,QAAQ,wBAAwB;AACzF,SAASC,uBAAuB,QAAQ,6BAA6B;AACrE,SAASC,qBAAqB,QAAQ,2BAA2B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAUjE,OAAO,MAAMC,aAAa,GAAGC,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAAC;IAAAC;EAAA,IAAAH,EAA2C;EACvE,MAAAI,MAAA,GAAeC,SAAS,CAAC,CAAC;EAC1B;IAAAC,aAAA;IAAAC,SAAA;IAAAC,aAAA;IAAAC,OAAA;IAAAC,YAAA;IAAAC,SAAA;IAAAC,WAAA;IAAAC,IAAA,EAAAC;EAAA,IASI1B,uBAAuB,CAAC,CAAC;EADrB;IAAA2B,mBAAA;IAAAC,qBAAA;IAAAC;EAAA,IAAAH,EAAoE;EAE5E,MAAAI,UAAA,GAAmBpC,aAAa,CAAC,CAAC;EAClC,MAAAqC,sBAAA,GAA+B7B,yBAAyB,CAAC,CAAC;EAC1D,MAAA8B,qBAAA,GAA8B5B,wBAAwB,CAAC,CAAC;EACxD,MAAA6B,eAAA,GAAwB,CAAC,CAACN,mBAA8C,IAAhD,CAA0B,CAACC,qBAA+C,IAA1E,CAAqD,CAACC,oBAAoB;EAClG,MAAAK,yBAAA,GACEF,qBACe,IADfC,eAEY,IAFZ,CAECT,WACS,IAHV,CAGCL,SACuB,IAAxBD,aAAa,CAAAiB,MAAO,GAAG,CAAC;EAE1B,MAAAC,UAAA,GAAmB,CAACT,mBAAmB;EAAA,IAAAU,EAAA;EAAAC,GAAA;IAGrC,IAAInB,SAAS;MACXkB,EAAA,GAAOE,kBAAkB;MAAzB,MAAAD,GAAA;IAAyB;IAC1B,IAAAE,EAAA;IAAA,IAAA3B,CAAA,QAAAK,aAAA;MACMsB,EAAA,GAAAtB,aAAa,CAAAuB,GAAI,CAACC,KAIvB,CAAC;MAAA7B,CAAA,MAAAK,aAAA;MAAAL,CAAA,MAAA2B,EAAA;IAAA;MAAAA,EAAA,GAAA3B,CAAA;IAAA;IAJHwB,EAAA,GAAOG,EAIJ;EAAA;EARL,MAAAG,IAAA,GAA6BN,EASC;EAE9BlC,0BAA0B,CAAC,CAAC;EASV,MAAAqC,EAAA,IAACjB,SAAyB,IAA1BD,YAA0B;EAAA,IAAAsB,EAAA;EAAA,IAAA/B,CAAA,QAAAkB,sBAAA,IAAAlB,CAAA,QAAAoB,eAAA;IAGpCW,EAAA,gBAAAlC,IAAA,CAACH,uBAAuB;MACL0B,eAAe,EAAfA,eAAe;MACRF,sBAAsB,EAAtBA;IAAsB,CAC/C,CAAC;IAAAlB,CAAA,MAAAkB,sBAAA;IAAAlB,CAAA,MAAAoB,eAAA;IAAApB,CAAA,MAAA+B,EAAA;EAAA;IAAAA,EAAA,GAAA/B,CAAA;EAAA;EAAA,IAAAgC,EAAA;EAAA,IAAAhC,CAAA,QAAAqB,yBAAA;IAEiBW,EAAA,GAAAX,yBAAyB,gBAAzBxB,IAAA,CAA6BF,qBAAqB,IAAS,CAAC,GAA5D,IAA4D;IAAAK,CAAA,MAAAqB,yBAAA;IAAArB,CAAA,MAAAgC,EAAA;EAAA;IAAAA,EAAA,GAAAhC,CAAA;EAAA;EAAA,IAAAiC,EAAA;EAAA,IAAAjC,CAAA,QAAAiB,UAAA,IAAAjB,CAAA,QAAAuB,UAAA;IACrEU,EAAA,GAAAC,EAAA;MAAC;QAAAC,IAAA,EAAAC;MAAA,IAAAF,EAAQ;MACnB,IAAIC,MAAI,CAAAE,IAAK,KAAK,SAAS;QAAA,oBAClBxC,IAAA,CAACJ,2BAA2B,IAAE,CAAC;MAAA;QAAA,oBAGpCI,IAAA,CAACL,mBAAmB;UACJ8C,YAAa,EAAbH,MAAI,CAAAI,QAAS;UAClBC,OAOL,EAPKA,CAAA,KACPvB,UAAU,CAAAwB,QAAS,CAAC,cAAc,EAAE;YAAAC,eAAA,EACjBP,MAAI,CAAAI,QAAS,CAAAI,EAAG;YAAAC,KAAA,EAC1BT,MAAI,CAAAI,QAAS,CAAAK,KAAM;YAAAC,KAAA,EACnBV,MAAI,CAAAI,QAAS,CAAAO,MAAY;YAAAC,OAAA,EACvBZ,MAAI,CAAAI,QAAS,CAAAQ,OAAQ;YAAAC,KAAA,EACvBb,MAAI,CAAAI,QAAS,CAAAS;UACtB,CAAC,CAAC;UAEQzB,UAAU,EAAVA;QAAU,CACvB,CAAC;MAAA;IAEL,CACF;IAAAvB,CAAA,MAAAiB,UAAA;IAAAjB,CAAA,MAAAuB,UAAA;IAAAvB,CAAA,MAAAiC,EAAA;EAAA;IAAAA,EAAA,GAAAjC,CAAA;EAAA;EAAA,IAAAkC,EAAA;EAAA,IAAAlC,CAAA,SAAAO,aAAA;IACa2B,EAAA,GAAAA,CAAA,KAAM3B,aAAa,CAAC,CAAC;IAAAP,CAAA,OAAAO,aAAA;IAAAP,CAAA,OAAAkC,EAAA;EAAA;IAAAA,EAAA,GAAAlC,CAAA;EAAA;EAAA,IAAAiD,EAAA;EAAA,IAAAjD,CAAA,SAAAE,mBAAA,IAAAF,CAAA,SAAA8B,IAAA,IAAA9B,CAAA,SAAAQ,OAAA,IAAAR,CAAA,SAAAG,MAAA,CAAA+C,gBAAA,IAAAlD,CAAA,SAAA2B,EAAA,IAAA3B,CAAA,SAAA+B,EAAA,IAAA/B,CAAA,SAAAgC,EAAA,IAAAhC,CAAA,SAAAiC,EAAA,IAAAjC,CAAA,SAAAkC,EAAA;IAnCrCe,EAAA,gBAAApD,IAAA,CAACb,QAAQ;MACD8C,IAAI,EAAJA,IAAI;MACIqB,YAA0B,EAA1BC,MAA0B;MACjBC,qBAAuB,EAAvBlD,MAAM,CAAA+C,gBAAiB;MACnC1C,SAAO,EAAPA,OAAO;MACN8C,UAA0B,EAA1B3B,EAA0B;MACjBzB,mBAAmB,EAAnBA,mBAAmB;MAEtCqD,kBAGE,EAHFxB,EAGE;MAEiByB,mBAA4D,EAA5DxB,EAA4D;MACrEyB,UAoBX,EApBWxB,EAoBX;MACayB,YAAqB,EAArBxB;IAAqB,CACpC,CAAC;IAAAlC,CAAA,OAAAE,mBAAA;IAAAF,CAAA,OAAA8B,IAAA;IAAA9B,CAAA,OAAAQ,OAAA;IAAAR,CAAA,OAAAG,MAAA,CAAA+C,gBAAA;IAAAlD,CAAA,OAAA2B,EAAA;IAAA3B,CAAA,OAAA+B,EAAA;IAAA/B,CAAA,OAAAgC,EAAA;IAAAhC,CAAA,OAAAiC,EAAA;IAAAjC,CAAA,OAAAkC,EAAA;IAAAlC,CAAA,OAAAiD,EAAA;EAAA;IAAAA,EAAA,GAAAjD,CAAA;EAAA;EAAA,IAAA2D,EAAA;EAAA,IAAA3D,CAAA,SAAAG,MAAA,CAAAyD,SAAA,IAAA5D,CAAA,SAAAiD,EAAA;IArCJU,EAAA,gBAAA9D,IAAA,CAACX,IAAI;MAAQ2E,KAAgB,EAAhB1D,MAAM,CAAAyD,SAAU;MAAAE,QAAA,EAC3Bb;IAoCE,CACE,CAAC;IAAAjD,CAAA,OAAAG,MAAA,CAAAyD,SAAA;IAAA5D,CAAA,OAAAiD,EAAA;IAAAjD,CAAA,OAAA2D,EAAA;EAAA;IAAAA,EAAA,GAAA3D,CAAA;EAAA;EAAA,OAtCP2D,EAsCO;AAAA,CAEV;AAED,MAAMvD,SAAS,GAAGA,CAAA;EAAA,MAAAJ,CAAA,GAAAC,EAAA;EAChB;IAAA8D;EAAA,IAAmB3E,QAAQ,CAAC,CAAC;EAAA,IAAAW,EAAA;EAAA,IAAAC,CAAA,QAAA+D,MAAA,CAAAC,mBAAA;IAEtBjE,EAAA,GAAAd,UAAU,CAAAgF,MAAO,CAAC;MAAAL,SAAA,EACZ;QAAAM,IAAA,EAAQ;MAAE,CAAC;MAAAhB,gBAAA,EACJ;QAAAiB,eAAA,EAAmB;MAAG,CAAC;MAAAC,QAAA,EAC/B;QAAAC,KAAA,EAASN,MAAM,CAAAC;MAAqB;IAChD,CAAC,CAAC;IAAAhE,CAAA,MAAA+D,MAAA,CAAAC,mBAAA;IAAAhE,CAAA,MAAAD,EAAA;EAAA;IAAAA,EAAA,GAAAC,CAAA;EAAA;EAAA,OAJKD,EAIL;AAAA,CACH;AAaD,MAAM2B,kBAAkC,GAAG4C,KAAK,CAACC,IAAI,CAAC;EAAEjD,MAAM,EAAE;AAAE,CAAC,EAAE,CAACkD,CAAC,EAAEC,CAAC,MAAM;EAC9EpC,IAAI,EAAE,SAAS;EACfM,EAAE,EAAE,UAAU8B,CAAC;AACjB,CAAC,CAAC,CAAC;AAzG0B,SAAA5C,MAAAS,YAAA;EAAA,OA6BiB;IAAAD,IAAA,EAClC,cAAc;IAAAM,EAAA,EAChBL,YAAY,CAAAK,EAAG;IAAAJ,QAAA,EACTD;EACZ,CAAC;AAAA;AAjCwB,SAAAc,OAAAjB,IAAA;EAAA,OA0CCA,IAAI,CAAAQ,EAAG,CAAA+B,QAAS,CAAC,CAAC;AAAA","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/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"}

package/build/components/display/filter_dropdown.js

@@ -19,32 +19,35 @@ const MORE_FILTERS_LABEL = 'More filters';
 // =================================
 
 export function FilterDropdown(t0) {
-  const $ = _c(23);
+  const $ = _c(24);
   const {
     options,
     selectedId,
     onSelect,
     onMoreFilters,
-    triggerLabel
+    triggerLabel,
+    showMoreFilters: t1
   } = t0;
+  const showMoreFilters = t1 === undefined ? true : t1;
   const styles = useStyles();
-  let t1;
-  if ($[0] !== options || $[1] !== selectedId) {
-    let t2;
-    if ($[3] !== selectedId) {
-      t2 = option => ({
+  let t2;
+  if ($[0] !== options || $[1] !== selectedId || $[2] !== showMoreFilters) {
+    let t3;
+    if ($[4] !== selectedId) {
+      t3 = option => ({
         id: option.id,
         title: option.label,
         state: option.id === selectedId ? "on" : "off"
       });
-      $[3] = selectedId;
-      $[4] = t2;
+      $[4] = selectedId;
+      $[5] = t3;
     } else {
-      t2 = $[4];
+      t3 = $[5];
     }
-    let t3;
-    if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-      t3 = {
+    const optionActions = options.map(t3);
+    let t4;
+    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+      t4 = {
         id: MORE_FILTERS_ID,
         title: "",
         displayInline: true,
@@ -53,97 +56,99 @@ export function FilterDropdown(t0) {
           title: MORE_FILTERS_LABEL
         }]
       };
-      $[5] = t3;
+      $[6] = t4;
     } else {
-      t3 = $[5];
+      t4 = $[6];
     }
-    t1 = [...options.map(t2), t3];
+    const moreFiltersAction = t4;
+    t2 = showMoreFilters ? [...optionActions, moreFiltersAction] : optionActions;
     $[0] = options;
     $[1] = selectedId;
-    $[2] = t1;
+    $[2] = showMoreFilters;
+    $[3] = t2;
   } else {
-    t1 = $[2];
+    t2 = $[3];
   }
-  const actions = t1;
-  let t2;
-  if ($[6] !== onMoreFilters || $[7] !== onSelect) {
-    t2 = t3 => {
+  const actions = t2;
+  let t3;
+  if ($[7] !== onMoreFilters || $[8] !== onSelect) {
+    t3 = t4 => {
       const {
         nativeEvent
-      } = t3;
+      } = t4;
       if (nativeEvent.event === MORE_FILTERS_ID) {
         onMoreFilters();
       } else {
         onSelect(nativeEvent.event);
       }
     };
-    $[6] = onMoreFilters;
-    $[7] = onSelect;
-    $[8] = t2;
+    $[7] = onMoreFilters;
+    $[8] = onSelect;
+    $[9] = t3;
   } else {
-    t2 = $[8];
+    t3 = $[9];
   }
-  const handlePressAction = t2;
-  let t3;
-  if ($[9] !== styles.triggerLabel || $[10] !== triggerLabel) {
-    t3 = /*#__PURE__*/_jsx(Text, {
+  const handlePressAction = t3;
+  let t4;
+  if ($[10] !== styles.triggerLabel || $[11] !== triggerLabel) {
+    t4 = /*#__PURE__*/_jsx(Text, {
       style: styles.triggerLabel,
       numberOfLines: 1,
       maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK,
       children: triggerLabel
     });
-    $[9] = styles.triggerLabel;
-    $[10] = triggerLabel;
-    $[11] = t3;
+    $[10] = styles.triggerLabel;
+    $[11] = triggerLabel;
+    $[12] = t4;
   } else {
-    t3 = $[11];
+    t4 = $[12];
   }
-  let t4;
-  if ($[12] !== styles.triggerIcon) {
-    t4 = /*#__PURE__*/_jsx(Icon, {
+  let t5;
+  if ($[13] !== styles.triggerIcon) {
+    t5 = /*#__PURE__*/_jsx(Icon, {
       name: "general.downChevron",
       style: styles.triggerIcon,
       maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK,
       accessibilityElementsHidden: true
     });
-    $[12] = styles.triggerIcon;
-    $[13] = t4;
+    $[13] = styles.triggerIcon;
+    $[14] = t5;
   } else {
-    t4 = $[13];
+    t5 = $[14];
   }
-  let t5;
-  if ($[14] !== styles.trigger || $[15] !== t3 || $[16] !== t4) {
-    t5 = /*#__PURE__*/_jsxs(View, {
+  let t6;
+  if ($[15] !== styles.trigger || $[16] !== t4 || $[17] !== t5) {
+    t6 = /*#__PURE__*/_jsxs(View, {
       style: styles.trigger,
       accessible: true,
       accessibilityRole: "button",
       accessibilityHint: "Opens filter options",
-      children: [t3, t4]
+      children: [t4, t5]
     });
-    $[14] = styles.trigger;
-    $[15] = t3;
+    $[15] = styles.trigger;
     $[16] = t4;
     $[17] = t5;
+    $[18] = t6;
   } else {
-    t5 = $[17];
+    t6 = $[18];
   }
-  let t6;
-  if ($[18] !== actions || $[19] !== handlePressAction || $[20] !== styles.container || $[21] !== t5) {
-    t6 = /*#__PURE__*/_jsx(Menu.View, {
+  let t7;
+  if ($[19] !== actions || $[20] !== handlePressAction || $[21] !== styles.container || $[22] !== t6) {
+    t7 = /*#__PURE__*/_jsx(Menu.View, {
       actions: actions,
       onPressAction: handlePressAction,
       style: styles.container,
-      children: t5
+      children: t6
     });
-    $[18] = actions;
-    $[19] = handlePressAction;
-    $[20] = styles.container;
-    $[21] = t5;
+    $[19] = actions;
+    $[20] = handlePressAction;
+    $[21] = styles.container;
     $[22] = t6;
+    $[23] = t7;
   } else {
-    t6 = $[22];
+    t7 = $[23];
   }
-  return t6;
+  return t7;
 }
 
 // =================================

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

@@ -1 +1 @@
-{"version":3,"file":"filter_dropdown.js","names":["React","StyleSheet","View","useTheme","MAX_FONT_SIZE_MULTIPLIER_LANDMARK","Menu","platformFontWeightBold","tokens","Icon","Text","jsx","_jsx","jsxs","_jsxs","MORE_FILTERS_ID","MORE_FILTERS_LABEL","FilterDropdown","t0","$","_c","options","selectedId","onSelect","onMoreFilters","triggerLabel","styles","useStyles","t1","t2","option","id","title","label","state","t3","Symbol","for","displayInline","subactions","map","actions","nativeEvent","event","handlePressAction","style","numberOfLines","children","t4","triggerIcon","name","accessibilityElementsHidden","t5","trigger","accessible","accessibilityRole","accessibilityHint","t6","container","colors","iconColorDefaultPrimary","textColorDefaultPrimary","create","alignSelf","flexDirection","alignItems","gap","paddingVertical","flexShrink","fontWeight","color","fontSize","fontSizeSm"],"sources":["../../../src/components/display/filter_dropdown.tsx"],"sourcesContent":["import React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { useTheme } from '../../hooks'\nimport {\n  MAX_FONT_SIZE_MULTIPLIER_LANDMARK,\n  Menu,\n  MenuAction,\n  MenuActionEvent,\n  platformFontWeightBold,\n} from '../../utils'\nimport { tokens } from '../../vendor/tapestry/tokens'\nimport { Icon } from './icon'\nimport { Text } from './text'\n\n// =================================\n// ====== Constants ================\n// =================================\n\nconst MORE_FILTERS_ID = 'more_filters'\nconst MORE_FILTERS_LABEL = 'More filters'\n\n// =================================\n// ====== Component ================\n// =================================\n\nexport interface FilterDropdownOption {\n  id: string\n  label: string\n}\n\nexport interface FilterDropdownProps {\n  options: FilterDropdownOption[]\n  selectedId: string\n  onSelect: (id: string) => void\n  onMoreFilters: () => void\n  triggerLabel: string\n}\n\nexport function FilterDropdown({\n  options,\n  selectedId,\n  onSelect,\n  onMoreFilters,\n  triggerLabel,\n}: FilterDropdownProps) {\n  const styles = useStyles()\n\n  const actions: MenuAction[] = [\n    ...options.map(option => ({\n      id: option.id,\n      title: option.label,\n      state: option.id === selectedId ? ('on' as const) : ('off' as const),\n    })),\n    {\n      id: MORE_FILTERS_ID,\n      title: '',\n      displayInline: true,\n      subactions: [{ id: MORE_FILTERS_ID, title: MORE_FILTERS_LABEL }],\n    },\n  ]\n\n  const handlePressAction = ({ nativeEvent }: MenuActionEvent) => {\n    if (nativeEvent.event === MORE_FILTERS_ID) {\n      onMoreFilters()\n    } else {\n      onSelect(nativeEvent.event)\n    }\n  }\n\n  return (\n    <Menu.View actions={actions} onPressAction={handlePressAction} style={styles.container}>\n      <View\n        style={styles.trigger}\n        accessible\n        accessibilityRole=\"button\"\n        accessibilityHint=\"Opens filter options\"\n      >\n        <Text\n          style={styles.triggerLabel}\n          numberOfLines={1}\n          maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n        >\n          {triggerLabel}\n        </Text>\n        <Icon\n          name=\"general.downChevron\"\n          style={styles.triggerIcon}\n          maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n          accessibilityElementsHidden\n        />\n      </View>\n    </Menu.View>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      alignSelf: 'flex-start',\n    },\n    trigger: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 6,\n      paddingVertical: 4,\n    },\n    triggerLabel: {\n      flexShrink: 1,\n      fontWeight: platformFontWeightBold,\n      color: colors.textColorDefaultPrimary,\n    },\n    triggerIcon: {\n      fontSize: tokens.fontSizeSm,\n      color: colors.iconColorDefaultPrimary,\n    },\n  })\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"filter_dropdown.js","names":["React","StyleSheet","View","useTheme","MAX_FONT_SIZE_MULTIPLIER_LANDMARK","Menu","platformFontWeightBold","tokens","Icon","Text","jsx","_jsx","jsxs","_jsxs","MORE_FILTERS_ID","MORE_FILTERS_LABEL","FilterDropdown","t0","$","_c","options","selectedId","onSelect","onMoreFilters","triggerLabel","showMoreFilters","t1","undefined","styles","useStyles","t2","t3","option","id","title","label","state","optionActions","map","t4","Symbol","for","displayInline","subactions","moreFiltersAction","actions","nativeEvent","event","handlePressAction","style","numberOfLines","children","t5","triggerIcon","name","accessibilityElementsHidden","t6","trigger","accessible","accessibilityRole","accessibilityHint","t7","container","colors","iconColorDefaultPrimary","textColorDefaultPrimary","create","alignSelf","flexDirection","alignItems","gap","paddingVertical","flexShrink","fontWeight","color","fontSize","fontSizeSm"],"sources":["../../../src/components/display/filter_dropdown.tsx"],"sourcesContent":["import React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { useTheme } from '../../hooks'\nimport {\n  MAX_FONT_SIZE_MULTIPLIER_LANDMARK,\n  Menu,\n  MenuAction,\n  MenuActionEvent,\n  platformFontWeightBold,\n} from '../../utils'\nimport { tokens } from '../../vendor/tapestry/tokens'\nimport { Icon } from './icon'\nimport { Text } from './text'\n\n// =================================\n// ====== Constants ================\n// =================================\n\nconst MORE_FILTERS_ID = 'more_filters'\nconst MORE_FILTERS_LABEL = 'More filters'\n\n// =================================\n// ====== Component ================\n// =================================\n\nexport interface FilterDropdownOption {\n  id: string\n  label: string\n}\n\nexport interface FilterDropdownProps {\n  options: FilterDropdownOption[]\n  selectedId: string\n  onSelect: (id: string) => void\n  onMoreFilters: () => void\n  triggerLabel: string\n  showMoreFilters?: boolean\n}\n\nexport function FilterDropdown({\n  options,\n  selectedId,\n  onSelect,\n  onMoreFilters,\n  triggerLabel,\n  showMoreFilters = true,\n}: FilterDropdownProps) {\n  const styles = useStyles()\n\n  const optionActions: MenuAction[] = options.map(option => ({\n    id: option.id,\n    title: option.label,\n    state: option.id === selectedId ? ('on' as const) : ('off' as const),\n  }))\n  const moreFiltersAction: MenuAction = {\n    id: MORE_FILTERS_ID,\n    title: '',\n    displayInline: true,\n    subactions: [{ id: MORE_FILTERS_ID, title: MORE_FILTERS_LABEL }],\n  }\n  const actions = showMoreFilters ? [...optionActions, moreFiltersAction] : optionActions\n\n  const handlePressAction = ({ nativeEvent }: MenuActionEvent) => {\n    if (nativeEvent.event === MORE_FILTERS_ID) {\n      onMoreFilters()\n    } else {\n      onSelect(nativeEvent.event)\n    }\n  }\n\n  return (\n    <Menu.View actions={actions} onPressAction={handlePressAction} style={styles.container}>\n      <View\n        style={styles.trigger}\n        accessible\n        accessibilityRole=\"button\"\n        accessibilityHint=\"Opens filter options\"\n      >\n        <Text\n          style={styles.triggerLabel}\n          numberOfLines={1}\n          maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n        >\n          {triggerLabel}\n        </Text>\n        <Icon\n          name=\"general.downChevron\"\n          style={styles.triggerIcon}\n          maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n          accessibilityElementsHidden\n        />\n      </View>\n    </Menu.View>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      alignSelf: 'flex-start',\n    },\n    trigger: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 6,\n      paddingVertical: 4,\n    },\n    triggerLabel: {\n      flexShrink: 1,\n      fontWeight: platformFontWeightBold,\n      color: colors.textColorDefaultPrimary,\n    },\n    triggerIcon: {\n      fontSize: tokens.fontSizeSm,\n      color: colors.iconColorDefaultPrimary,\n    },\n  })\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+import type { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import { type AvatarRootProps } from '../primitive/avatar_primitive';
+interface IconTileProps {
+    icon: IconDefinition;
+    size?: AvatarRootProps['size'];
+    maxFontSizeMultiplier?: AvatarRootProps['maxFontSizeMultiplier'];
+    style?: AvatarRootProps['style'];
+    testID?: string;
+}
+export declare function IconTile({ icon, size, maxFontSizeMultiplier, style, testID, }: IconTileProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=icon_tile.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon_tile.d.ts","sourceRoot":"","sources":["../../../src/components/display/icon_tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAMvE,OAAwB,EAAE,KAAK,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAIrF,UAAU,aAAa;IACrB,IAAI,EAAE,cAAc,CAAA;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IAC9B,qBAAqB,CAAC,EAAE,eAAe,CAAC,uBAAuB,CAAC,CAAA;IAChE,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,IAAW,EACX,qBAAgD,EAChD,KAAK,EACL,MAAM,GACP,EAAE,aAAa,2CAaf"}

package/build/components/display/icon_tile.js

@@ -0,0 +1,109 @@
+import { c as _c } from "react/compiler-runtime";
+import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome';
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useFontScale, useTheme } from '../../hooks';
+import { MAX_FONT_SIZE_MULTIPLIER } from '../../utils';
+import AvatarPrimitive from '../primitive/avatar_primitive';
+import { jsx as _jsx } from "react/jsx-runtime";
+const ICON_SIZE_PX = 16;
+export function IconTile(t0) {
+  const $ = _c(15);
+  const {
+    icon,
+    size: t1,
+    maxFontSizeMultiplier: t2,
+    style,
+    testID
+  } = t0;
+  const size = t1 === undefined ? "lg" : t1;
+  const maxFontSizeMultiplier = t2 === undefined ? MAX_FONT_SIZE_MULTIPLIER : t2;
+  const styles = useStyles();
+  let t3;
+  if ($[0] !== maxFontSizeMultiplier) {
+    t3 = {
+      maxFontSizeMultiplier
+    };
+    $[0] = maxFontSizeMultiplier;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  const fontScale = useFontScale(t3);
+  const t4 = ICON_SIZE_PX * fontScale;
+  let t5;
+  if ($[2] !== icon || $[3] !== styles.icon.color || $[4] !== t4) {
+    t5 = /*#__PURE__*/_jsx(FontAwesomeIcon, {
+      icon: icon,
+      size: t4,
+      color: styles.icon.color
+    });
+    $[2] = icon;
+    $[3] = styles.icon.color;
+    $[4] = t4;
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  let t6;
+  if ($[6] !== styles.tile || $[7] !== t5 || $[8] !== testID) {
+    t6 = /*#__PURE__*/_jsx(AvatarPrimitive.Mask, {
+      children: /*#__PURE__*/_jsx(View, {
+        style: styles.tile,
+        testID: testID,
+        accessibilityElementsHidden: true,
+        children: t5
+      })
+    });
+    $[6] = styles.tile;
+    $[7] = t5;
+    $[8] = testID;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  let t7;
+  if ($[10] !== maxFontSizeMultiplier || $[11] !== size || $[12] !== style || $[13] !== t6) {
+    t7 = /*#__PURE__*/_jsx(AvatarPrimitive.Root, {
+      size: size,
+      maxFontSizeMultiplier: maxFontSizeMultiplier,
+      style: style,
+      children: t6
+    });
+    $[10] = maxFontSizeMultiplier;
+    $[11] = size;
+    $[12] = style;
+    $[13] = t6;
+    $[14] = t7;
+  } else {
+    t7 = $[14];
+  }
+  return t7;
+}
+const useStyles = () => {
+  const $ = _c(3);
+  const {
+    colors
+  } = useTheme();
+  let t0;
+  if ($[0] !== colors.fillColorNeutral070 || $[1] !== colors.iconColorDefaultPrimary) {
+    t0 = StyleSheet.create({
+      tile: {
+        flex: 1,
+        alignItems: "center",
+        justifyContent: "center",
+        backgroundColor: colors.fillColorNeutral070
+      },
+      icon: {
+        color: colors.iconColorDefaultPrimary
+      }
+    });
+    $[0] = colors.fillColorNeutral070;
+    $[1] = colors.iconColorDefaultPrimary;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  return t0;
+};
+//# sourceMappingURL=icon_tile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon_tile.js","names":["FontAwesomeIcon","React","StyleSheet","View","useFontScale","useTheme","MAX_FONT_SIZE_MULTIPLIER","AvatarPrimitive","jsx","_jsx","ICON_SIZE_PX","IconTile","t0","$","_c","icon","size","t1","maxFontSizeMultiplier","t2","style","testID","undefined","styles","useStyles","t3","fontScale","t4","t5","color","t6","tile","Mask","children","accessibilityElementsHidden","t7","Root","colors","fillColorNeutral070","iconColorDefaultPrimary","create","flex","alignItems","justifyContent","backgroundColor"],"sources":["../../../src/components/display/icon_tile.tsx"],"sourcesContent":["import type { IconDefinition } from '@fortawesome/fontawesome-svg-core'\nimport { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome'\nimport React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { useFontScale, useTheme } from '../../hooks'\nimport { MAX_FONT_SIZE_MULTIPLIER } from '../../utils'\nimport AvatarPrimitive, { type AvatarRootProps } from '../primitive/avatar_primitive'\n\nconst ICON_SIZE_PX = 16\n\ninterface IconTileProps {\n  icon: IconDefinition\n  size?: AvatarRootProps['size']\n  maxFontSizeMultiplier?: AvatarRootProps['maxFontSizeMultiplier']\n  style?: AvatarRootProps['style']\n  testID?: string\n}\n\nexport function IconTile({\n  icon,\n  size = 'lg',\n  maxFontSizeMultiplier = MAX_FONT_SIZE_MULTIPLIER,\n  style,\n  testID,\n}: IconTileProps) {\n  const styles = useStyles()\n  const fontScale = useFontScale({ maxFontSizeMultiplier })\n\n  return (\n    <AvatarPrimitive.Root size={size} maxFontSizeMultiplier={maxFontSizeMultiplier} style={style}>\n      <AvatarPrimitive.Mask>\n        <View style={styles.tile} testID={testID} accessibilityElementsHidden>\n          <FontAwesomeIcon icon={icon} size={ICON_SIZE_PX * fontScale} color={styles.icon.color} />\n        </View>\n      </AvatarPrimitive.Mask>\n    </AvatarPrimitive.Root>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    tile: {\n      flex: 1,\n      alignItems: 'center',\n      justifyContent: 'center',\n      backgroundColor: colors.fillColorNeutral070,\n    },\n    icon: {\n      color: colors.iconColorDefaultPrimary,\n    },\n  })\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,6 +4,7 @@ export * from './badge';
 export * from './conversation_avatar';
 export * from './emoji_avatar';
 export * from './icon_avatar';
+export * from './icon_tile';
 export * from './banner_collapsible';
 export * from './banner';
 export * from './button';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/display/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,QAAQ,CAAA;AACtB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iCAAiC,CAAA;AAC/C,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/display/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,sBAAsB,CAAA;AACpC,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,QAAQ,CAAA;AACtB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iCAAiC,CAAA;AAC/C,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA"}

package/build/components/display/index.js

@@ -4,6 +4,7 @@ export * from './badge';
 export * from './conversation_avatar';
 export * from './emoji_avatar';
 export * from './icon_avatar';
+export * from './icon_tile';
 export * from './banner_collapsible';
 export * from './banner';
 export * from './button';