@planningcenter/chat-react-native 3.30.0-rc.1 → 3.30.0-rc.2

package/build/screens/conversation_select_recipients/types/screen_props.js.map

@@ -1 +1 @@
-{"version":3,"file":"screen_props.js","sourceRoot":"","sources":["../../../../src/screens/conversation_select_recipients/types/screen_props.tsx"],"names":[],"mappings":"","sourcesContent":["import { StaticScreenProps } from '@react-navigation/native'\nimport { AppName } from '../../../types/resources/app_name'\nimport { GraphId } from '../../../types/resources/group_resource'\n\nexport type ConversationSelectRecipientsParams = {\n  chat_group_graph_id?: GraphId\n  group_source_app_name?: AppName\n}\n\nexport type ConversationSelectRecipientsScreenProps =\n  StaticScreenProps<ConversationSelectRecipientsParams>\n"]}
+{"version":3,"file":"screen_props.js","sourceRoot":"","sources":["../../../../src/screens/conversation_select_recipients/types/screen_props.tsx"],"names":[],"mappings":"","sourcesContent":["import { StaticScreenProps } from '@react-navigation/native'\nimport { AppName } from '@/types/resources/app_name'\nimport { GraphId } from '@/types/resources/group_resource'\n\nexport type ConversationSelectRecipientsParams = {\n  chat_group_graph_id?: GraphId\n  group_source_app_name?: AppName\n}\n\nexport type ConversationSelectRecipientsScreenProps =\n  StaticScreenProps<ConversationSelectRecipientsParams>\n"]}

package/build/screens/conversation_select_type_screen.d.ts

@@ -1,7 +1,7 @@
 import { StaticScreenProps } from '@react-navigation/native';
 import React from 'react';
-import { AppName } from '../types/resources/app_name';
-import { GraphId } from '../types/resources/group_resource';
+import { AppName } from '@/types/resources/app_name';
+import { GraphId } from '@/types/resources/group_resource';
 export declare const ConversationSelectTypeScreenOptions: import("@react-navigation/native-stack").NativeStackNavigationOptions;
 export type ConversationSelectTypeScreenProps = StaticScreenProps<{
     chat_group_graph_id?: GraphId;

package/build/screens/conversation_select_type_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_select_type_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_select_type_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAA;AAG3D,eAAO,MAAM,mCAAmC,uEAE9C,CAAA;AAEF,MAAM,MAAM,iCAAiC,GAAG,iBAAiB,CAAC;IAChE,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC,CAAC,CAAA;AAEF,wBAAgB,4BAA4B,CAAC,EAAE,KAAK,EAAE,EAAE,iCAAiC,qBA0CxF"}
+{"version":3,"file":"conversation_select_type_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_select_type_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAA;AAG1D,eAAO,MAAM,mCAAmC,uEAE9C,CAAA;AAEF,MAAM,MAAM,iCAAiC,GAAG,iBAAiB,CAAC;IAChE,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC,CAAC,CAAA;AAEF,wBAAgB,4BAA4B,CAAC,EAAE,KAAK,EAAE,EAAE,iCAAiC,qBA0CxF"}

package/build/screens/conversation_select_type_screen.js

@@ -1,7 +1,7 @@
 import { useNavigation } from '@react-navigation/native';
 import React from 'react';
-import FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet';
-import { Haptic } from '../utils/native_adapters';
+import FormSheet, { getFormSheetScreenOptions } from '@/components/primitive/form_sheet';
+import { Haptic } from '@/utils/native_adapters';
 export const ConversationSelectTypeScreenOptions = getFormSheetScreenOptions({
     headerTitle: 'New conversation',
 });

package/build/screens/conversation_select_type_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_select_type_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_select_type_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,EAAE,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAA;AAGzF,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AAEjD,MAAM,CAAC,MAAM,mCAAmC,GAAG,yBAAyB,CAAC;IAC3E,WAAW,EAAE,kBAAkB;CAChC,CAAC,CAAA;AAOF,MAAM,UAAU,4BAA4B,CAAC,EAAE,KAAK,EAAqC;IACvF,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,MAAM,CAAC,WAAW,EAAE,CAAA;QACpB,UAAU,CAAC,MAAM,EAAE,CAAA;QACnB,qBAAqB,CAAC,GAAG,EAAE;YACzB,UAAU,CAAC,QAAQ,CAAC,KAAK,EAAE;gBACzB,MAAM,EAAE,mCAAmC;gBAC3C,MAAM,EAAE,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE;aAC5B,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,CAAC,WAAW,EAAE,CAAA;QACpB,UAAU,CAAC,MAAM,EAAE,CAAA;QACnB,qBAAqB,CAAC,GAAG,EAAE;YACzB,UAAU,CAAC,QAAQ,CAAC,KAAK,EAAE;gBACzB,MAAM,EAAE,wCAAwC;gBAChD,MAAM,EAAE,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE;aAC5B,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,CACL,CAAC,SAAS,CAAC,IAAI,CACb;MAAA,CAAC,SAAS,CAAC,MAAM,CACf;QAAA,CAAC,SAAS,CAAC,WAAW,CAAC,uBAAuB,EAAE,SAAS,CAAC,WAAW,CACvE;MAAA,EAAE,SAAS,CAAC,MAAM,CAClB;MAAA,CAAC,SAAS,CAAC,MAAM,CACf,KAAK,CAAC,OAAO,CACb,OAAO,CAAC,CAAC,gBAAgB,CAAC,CAC1B,iBAAiB,CAAC,8BAA8B,EAElD;MAAA,CAAC,SAAS,CAAC,MAAM,CACf,KAAK,CAAC,MAAM,CACZ,OAAO,CAAC,CAAC,eAAe,CAAC,CACzB,iBAAiB,CAAC,6BAA6B,EAEnD;IAAA,EAAE,SAAS,CAAC,IAAI,CAAC,CAClB,CAAA;AACH,CAAC","sourcesContent":["import { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React from 'react'\nimport FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'\nimport { AppName } from '../types/resources/app_name'\nimport { GraphId } from '../types/resources/group_resource'\nimport { Haptic } from '../utils/native_adapters'\n\nexport const ConversationSelectTypeScreenOptions = getFormSheetScreenOptions({\n  headerTitle: 'New conversation',\n})\n\nexport type ConversationSelectTypeScreenProps = StaticScreenProps<{\n  chat_group_graph_id?: GraphId\n  group_source_app_name?: AppName\n}>\n\nexport function ConversationSelectTypeScreen({ route }: ConversationSelectTypeScreenProps) {\n  const navigation = useNavigation()\n\n  const handleGroupPress = () => {\n    Haptic.impactLight()\n    navigation.goBack()\n    requestAnimationFrame(() => {\n      navigation.navigate('New', {\n        screen: 'ConversationSelectGroupRecipients',\n        params: { ...route.params },\n      })\n    })\n  }\n\n  const handleTeamPress = () => {\n    Haptic.impactLight()\n    navigation.goBack()\n    requestAnimationFrame(() => {\n      navigation.navigate('New', {\n        screen: 'ConversationSelectTeamsILeadRecipients',\n        params: { ...route.params },\n      })\n    })\n  }\n\n  return (\n    <FormSheet.Root>\n      <FormSheet.Header>\n        <FormSheet.HeaderTitle>Start a conversation by</FormSheet.HeaderTitle>\n      </FormSheet.Header>\n      <FormSheet.Action\n        title=\"Group\"\n        onPress={handleGroupPress}\n        accessibilityHint=\"Opens group selection screen\"\n      />\n      <FormSheet.Action\n        title=\"Team\"\n        onPress={handleTeamPress}\n        accessibilityHint=\"Opens team selection screen\"\n      />\n    </FormSheet.Root>\n  )\n}\n"]}
+{"version":3,"file":"conversation_select_type_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_select_type_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,EAAE,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAGxF,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAEhD,MAAM,CAAC,MAAM,mCAAmC,GAAG,yBAAyB,CAAC;IAC3E,WAAW,EAAE,kBAAkB;CAChC,CAAC,CAAA;AAOF,MAAM,UAAU,4BAA4B,CAAC,EAAE,KAAK,EAAqC;IACvF,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,MAAM,CAAC,WAAW,EAAE,CAAA;QACpB,UAAU,CAAC,MAAM,EAAE,CAAA;QACnB,qBAAqB,CAAC,GAAG,EAAE;YACzB,UAAU,CAAC,QAAQ,CAAC,KAAK,EAAE;gBACzB,MAAM,EAAE,mCAAmC;gBAC3C,MAAM,EAAE,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE;aAC5B,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,CAAC,WAAW,EAAE,CAAA;QACpB,UAAU,CAAC,MAAM,EAAE,CAAA;QACnB,qBAAqB,CAAC,GAAG,EAAE;YACzB,UAAU,CAAC,QAAQ,CAAC,KAAK,EAAE;gBACzB,MAAM,EAAE,wCAAwC;gBAChD,MAAM,EAAE,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE;aAC5B,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,CACL,CAAC,SAAS,CAAC,IAAI,CACb;MAAA,CAAC,SAAS,CAAC,MAAM,CACf;QAAA,CAAC,SAAS,CAAC,WAAW,CAAC,uBAAuB,EAAE,SAAS,CAAC,WAAW,CACvE;MAAA,EAAE,SAAS,CAAC,MAAM,CAClB;MAAA,CAAC,SAAS,CAAC,MAAM,CACf,KAAK,CAAC,OAAO,CACb,OAAO,CAAC,CAAC,gBAAgB,CAAC,CAC1B,iBAAiB,CAAC,8BAA8B,EAElD;MAAA,CAAC,SAAS,CAAC,MAAM,CACf,KAAK,CAAC,MAAM,CACZ,OAAO,CAAC,CAAC,eAAe,CAAC,CACzB,iBAAiB,CAAC,6BAA6B,EAEnD;IAAA,EAAE,SAAS,CAAC,IAAI,CAAC,CAClB,CAAA;AACH,CAAC","sourcesContent":["import { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React from 'react'\nimport FormSheet, { getFormSheetScreenOptions } from '@/components/primitive/form_sheet'\nimport { AppName } from '@/types/resources/app_name'\nimport { GraphId } from '@/types/resources/group_resource'\nimport { Haptic } from '@/utils/native_adapters'\n\nexport const ConversationSelectTypeScreenOptions = getFormSheetScreenOptions({\n  headerTitle: 'New conversation',\n})\n\nexport type ConversationSelectTypeScreenProps = StaticScreenProps<{\n  chat_group_graph_id?: GraphId\n  group_source_app_name?: AppName\n}>\n\nexport function ConversationSelectTypeScreen({ route }: ConversationSelectTypeScreenProps) {\n  const navigation = useNavigation()\n\n  const handleGroupPress = () => {\n    Haptic.impactLight()\n    navigation.goBack()\n    requestAnimationFrame(() => {\n      navigation.navigate('New', {\n        screen: 'ConversationSelectGroupRecipients',\n        params: { ...route.params },\n      })\n    })\n  }\n\n  const handleTeamPress = () => {\n    Haptic.impactLight()\n    navigation.goBack()\n    requestAnimationFrame(() => {\n      navigation.navigate('New', {\n        screen: 'ConversationSelectTeamsILeadRecipients',\n        params: { ...route.params },\n      })\n    })\n  }\n\n  return (\n    <FormSheet.Root>\n      <FormSheet.Header>\n        <FormSheet.HeaderTitle>Start a conversation by</FormSheet.HeaderTitle>\n      </FormSheet.Header>\n      <FormSheet.Action\n        title=\"Group\"\n        onPress={handleGroupPress}\n        accessibilityHint=\"Opens group selection screen\"\n      />\n      <FormSheet.Action\n        title=\"Team\"\n        onPress={handleTeamPress}\n        accessibilityHint=\"Opens team selection screen\"\n      />\n    </FormSheet.Root>\n  )\n}\n"]}

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

@@ -1,8 +1,8 @@
 import { useNavigation, useRoute } from '@react-navigation/native';
 import React, { useCallback } from 'react';
 import { StyleSheet, View } from 'react-native';
-import { Badge } from '../../../components';
-import { useApiGet } from '../../../hooks/use_api';
+import { Badge } from '@/components';
+import { useApiGet } from '@/hooks/use_api';
 export const ChatGroupBadge = ({ rowPaddingHorizontal }) => {
     const styles = useStyles({ rowPaddingHorizontal });
     const navigation = useNavigation();

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

@@ -1 +1 @@
-{"version":3,"file":"chat_group_badge.js","sourceRoot":"","sources":["../../../../src/screens/conversations/components/chat_group_badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,aAAa,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAC7E,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAIlD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,oBAAoB,EAAoC,EAAE,EAAE;IAC3F,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,oBAAoB,EAAE,CAAC,CAAA;IAClD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,KAAK,GAAG,QAAQ,EAAgD,CAAA;IACtE,MAAM,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC,MAAM,IAAI,EAAE,CAAA;IAClD,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,SAAS,CAAgB;QAC/C,GAAG,EAAE,cAAc,mBAAmB,EAAE;QACxC,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,KAAK,EAAE,EAAE;aACV;SACF;QACD,OAAO,EAAE,CAAC,CAAC,mBAAmB;QAC9B,GAAG,EAAE,MAAM;KACZ,CAAC,CAAA;IAEF,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,UAAU,CAAC,SAAS,CAAC;YACnB,mBAAmB,EAAE,SAAS;YAC9B,qBAAqB,EAAE,SAAS;SACjC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAA;IAEvB,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CACtB;MAAA,CAAC,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,gBAAgB,CAAC,EACvF;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,EAAE,oBAAoB,EAAoC,EAAE,EAAE;IAC/E,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,GAAG,EAAE;YACH,aAAa,EAAE,KAAK;YACpB,iBAAiB,EAAE,oBAAoB;SACxC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { RouteProp, useNavigation, useRoute } from '@react-navigation/native'\nimport React, { useCallback } from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { Badge } from '../../../components'\nimport { useApiGet } from '../../../hooks/use_api'\nimport { GroupResource } from '../../../types/resources/group_resource'\nimport { ConversationsScreenProps } from '../conversations_screen'\n\nexport const ChatGroupBadge = ({ rowPaddingHorizontal }: { rowPaddingHorizontal: number }) => {\n  const styles = useStyles({ rowPaddingHorizontal })\n  const navigation = useNavigation()\n  const route = useRoute<RouteProp<ConversationsScreenProps['route']>>()\n  const { chat_group_graph_id } = route.params || {}\n  const { data: group } = useApiGet<GroupResource>({\n    url: `/me/groups/${chat_group_graph_id}`,\n    data: {\n      fields: {\n        Group: [],\n      },\n    },\n    enabled: !!chat_group_graph_id,\n    app: 'chat',\n  })\n\n  const handleBadgePress = useCallback(() => {\n    navigation.setParams({\n      chat_group_graph_id: undefined,\n      group_source_app_name: undefined,\n    })\n  }, [navigation])\n\n  if (!group) return null\n\n  return (\n    <View style={styles.row}>\n      <Badge iconNameRight=\"general.x\" label={group?.name || ''} onPress={handleBadgePress} />\n    </View>\n  )\n}\n\nconst useStyles = ({ rowPaddingHorizontal }: { rowPaddingHorizontal: number }) => {\n  return StyleSheet.create({\n    row: {\n      flexDirection: 'row',\n      paddingHorizontal: rowPaddingHorizontal,\n    },\n  })\n}\n"]}
+{"version":3,"file":"chat_group_badge.js","sourceRoot":"","sources":["../../../../src/screens/conversations/components/chat_group_badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,aAAa,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAC7E,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAI3C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,oBAAoB,EAAoC,EAAE,EAAE;IAC3F,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,oBAAoB,EAAE,CAAC,CAAA;IAClD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,KAAK,GAAG,QAAQ,EAAgD,CAAA;IACtE,MAAM,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC,MAAM,IAAI,EAAE,CAAA;IAClD,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,SAAS,CAAgB;QAC/C,GAAG,EAAE,cAAc,mBAAmB,EAAE;QACxC,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,KAAK,EAAE,EAAE;aACV;SACF;QACD,OAAO,EAAE,CAAC,CAAC,mBAAmB;QAC9B,GAAG,EAAE,MAAM;KACZ,CAAC,CAAA;IAEF,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,UAAU,CAAC,SAAS,CAAC;YACnB,mBAAmB,EAAE,SAAS;YAC9B,qBAAqB,EAAE,SAAS;SACjC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAA;IAEvB,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CACtB;MAAA,CAAC,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,gBAAgB,CAAC,EACvF;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,EAAE,oBAAoB,EAAoC,EAAE,EAAE;IAC/E,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,GAAG,EAAE;YACH,aAAa,EAAE,KAAK;YACpB,iBAAiB,EAAE,oBAAoB;SACxC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { RouteProp, useNavigation, useRoute } from '@react-navigation/native'\nimport React, { useCallback } from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { Badge } from '@/components'\nimport { useApiGet } from '@/hooks/use_api'\nimport { ConversationsScreenProps } from '@/screens/conversations/conversations_screen'\nimport { GroupResource } from '@/types/resources/group_resource'\n\nexport const ChatGroupBadge = ({ rowPaddingHorizontal }: { rowPaddingHorizontal: number }) => {\n  const styles = useStyles({ rowPaddingHorizontal })\n  const navigation = useNavigation()\n  const route = useRoute<RouteProp<ConversationsScreenProps['route']>>()\n  const { chat_group_graph_id } = route.params || {}\n  const { data: group } = useApiGet<GroupResource>({\n    url: `/me/groups/${chat_group_graph_id}`,\n    data: {\n      fields: {\n        Group: [],\n      },\n    },\n    enabled: !!chat_group_graph_id,\n    app: 'chat',\n  })\n\n  const handleBadgePress = useCallback(() => {\n    navigation.setParams({\n      chat_group_graph_id: undefined,\n      group_source_app_name: undefined,\n    })\n  }, [navigation])\n\n  if (!group) return null\n\n  return (\n    <View style={styles.row}>\n      <Badge iconNameRight=\"general.x\" label={group?.name || ''} onPress={handleBadgePress} />\n    </View>\n  )\n}\n\nconst useStyles = ({ rowPaddingHorizontal }: { rowPaddingHorizontal: number }) => {\n  return StyleSheet.create({\n    row: {\n      flexDirection: 'row',\n      paddingHorizontal: rowPaddingHorizontal,\n    },\n  })\n}\n"]}

package/build/screens/conversations/components/list_header_action_button.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { PressableProps } from 'react-native';
-import { type IconString } from '../../../components/display/icon';
+import { type IconString } from '@/components/display/icon';
 interface ListHeaderActionButtonProps extends PressableProps {
     /**
      * Provides context to screen readers about what the button does.

package/build/screens/conversations/components/list_header_action_button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list_header_action_button.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversations/components/list_header_action_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAKxE,UAAU,2BAA4B,SAAQ,cAAc;IAC1D;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B;;OAEG;IACH,IAAI,EAAE,UAAU,CAAA;CACjB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,kBAAkB,EAClB,qBAAqB,EACrB,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,2BAA2B,qBAsB7B"}
+{"version":3,"file":"list_header_action_button.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversations/components/list_header_action_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAKjE,UAAU,2BAA4B,SAAQ,cAAc;IAC1D;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B;;OAEG;IACH,IAAI,EAAE,UAAU,CAAA;CACjB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,kBAAkB,EAClB,qBAAqB,EACrB,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,2BAA2B,qBAsB7B"}

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

@@ -1,9 +1,9 @@
 import React from 'react';
 import { Pressable, StyleSheet } from 'react-native';
-import { Icon } from '../../../components/display/icon';
-import { useTheme, useFontScale, useCreateAndroidRippleColor } from '../../../hooks';
-import { platformPressedOpacityStyle } from '../../../utils';
-import { tokens } from '../../../vendor/tapestry/tokens';
+import { Icon } from '@/components/display/icon';
+import { useTheme, useFontScale, useCreateAndroidRippleColor } from '@/hooks';
+import { platformPressedOpacityStyle } from '@/utils';
+import { tokens } from '@/vendor/tapestry/tokens';
 export function ListHeaderActionButton({ accessibilityLabel, maxFontSizeMultiplier, name, ...props }) {
     const styles = useStyles({ maxFontSizeMultiplier });
     const { colors } = useTheme();

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

@@ -1 +1 @@
-{"version":3,"file":"list_header_action_button.js","sourceRoot":"","sources":["../../../../src/screens/conversations/components/list_header_action_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEpD,OAAO,EAAE,IAAI,EAAmB,MAAM,kCAAkC,CAAA;AACxE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,2BAA2B,EAAE,MAAM,gBAAgB,CAAA;AACpF,OAAO,EAAE,2BAA2B,EAAE,MAAM,gBAAgB,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AAiBxD,MAAM,UAAU,sBAAsB,CAAC,EACrC,kBAAkB,EAClB,qBAAqB,EACrB,IAAI,EACJ,GAAG,KAAK,EACoB;IAC5B,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,qBAAqB,EAAE,CAAC,CAAA;IACnD,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,kBAAkB,GAAG,2BAA2B,CAAC;QACrD,KAAK,EAAE,MAAM,CAAC,yBAAyB;KACxC,CAAC,CAAA;IAEF,OAAO,CACL,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,IAAI,2BAA2B,CAAC,CAAC,CACnF,iBAAiB,CAAC,QAAQ,CAC1B,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,cAAc,CAAC,CAAC;YACd,KAAK,EAAE,kBAAkB;YACzB,UAAU,EAAE,KAAK;YACjB,UAAU,EAAE,IAAI;SACjB,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,qBAAqB,CAAC,CAAC,qBAAqB,CAAC,EACrF;IAAA,EAAE,SAAS,CAAC,CACb,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,CAAC,EAAE,qBAAqB,EAAwC,EAAE,EAAE;IACpF,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IACrC,MAAM,SAAS,GAAG,YAAY,CAAC,EAAE,qBAAqB,EAAE,CAAC,CAAA;IAEzD,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,YAAY,EAAE,MAAM,CAAC,YAAY,GAAG,SAAS;YAC7C,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,MAAM,CAAC,sBAAsB;YAC1C,eAAe,EAAE,aAAa;YAC9B,iBAAiB,EAAE,EAAE,GAAG,SAAS;YACjC,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,MAAM,EAAE,EAAE,GAAG,SAAS;YACtB,GAAG,EAAE,CAAC,GAAG,SAAS;YAClB,QAAQ,EAAE,QAAQ;SACnB;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,MAAM,CAAC,UAAU,GAAG,SAAS;YACvC,KAAK,EAAE,MAAM,CAAC,yBAAyB;SACxC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { Pressable, StyleSheet } from 'react-native'\nimport type { PressableProps } from 'react-native'\nimport { Icon, type IconString } from '../../../components/display/icon'\nimport { useTheme, useFontScale, useCreateAndroidRippleColor } from '../../../hooks'\nimport { platformPressedOpacityStyle } from '../../../utils'\nimport { tokens } from '../../../vendor/tapestry/tokens'\n\ninterface ListHeaderActionButtonProps extends PressableProps {\n  /**\n   * Provides context to screen readers about what the button does.\n   */\n  accessibilityLabel: string\n  /**\n   * Specifies the maximum size a font can reach when allowFontScaling is enabled.\n   */\n  maxFontSizeMultiplier?: number\n  /**\n   * Generates an icon from `@planningcenter/icons`\n   */\n  name: IconString\n}\n\nexport function ListHeaderActionButton({\n  accessibilityLabel,\n  maxFontSizeMultiplier,\n  name,\n  ...props\n}: ListHeaderActionButtonProps) {\n  const styles = useStyles({ maxFontSizeMultiplier })\n  const { colors } = useTheme()\n  const androidRippleColor = useCreateAndroidRippleColor({\n    color: colors.iconColorDefaultSecondary,\n  })\n\n  return (\n    <Pressable\n      style={({ pressed }) => [styles.pressable, pressed && platformPressedOpacityStyle]}\n      accessibilityRole=\"button\"\n      accessibilityLabel={accessibilityLabel}\n      android_ripple={{\n        color: androidRippleColor,\n        borderless: false,\n        foreground: true,\n      }}\n      {...props}\n    >\n      <Icon name={name} style={styles.icon} maxFontSizeMultiplier={maxFontSizeMultiplier} />\n    </Pressable>\n  )\n}\n\nconst useStyles = ({ maxFontSizeMultiplier }: Partial<ListHeaderActionButtonProps>) => {\n  const { colors, button } = useTheme()\n  const fontScale = useFontScale({ maxFontSizeMultiplier })\n\n  return StyleSheet.create({\n    pressable: {\n      borderRadius: button.borderRadius * fontScale,\n      borderWidth: 1,\n      borderColor: colors.borderColorDefaultBase,\n      backgroundColor: 'transparent',\n      paddingHorizontal: 16 * fontScale,\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'center',\n      height: 32 * fontScale,\n      gap: 6 * fontScale,\n      overflow: 'hidden',\n    },\n    icon: {\n      fontSize: tokens.fontSizeSm * fontScale,\n      color: colors.iconColorDefaultSecondary,\n    },\n  })\n}\n"]}
+{"version":3,"file":"list_header_action_button.js","sourceRoot":"","sources":["../../../../src/screens/conversations/components/list_header_action_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEpD,OAAO,EAAE,IAAI,EAAmB,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAC7E,OAAO,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AAiBjD,MAAM,UAAU,sBAAsB,CAAC,EACrC,kBAAkB,EAClB,qBAAqB,EACrB,IAAI,EACJ,GAAG,KAAK,EACoB;IAC5B,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,qBAAqB,EAAE,CAAC,CAAA;IACnD,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,kBAAkB,GAAG,2BAA2B,CAAC;QACrD,KAAK,EAAE,MAAM,CAAC,yBAAyB;KACxC,CAAC,CAAA;IAEF,OAAO,CACL,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,IAAI,2BAA2B,CAAC,CAAC,CACnF,iBAAiB,CAAC,QAAQ,CAC1B,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,cAAc,CAAC,CAAC;YACd,KAAK,EAAE,kBAAkB;YACzB,UAAU,EAAE,KAAK;YACjB,UAAU,EAAE,IAAI;SACjB,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,qBAAqB,CAAC,CAAC,qBAAqB,CAAC,EACrF;IAAA,EAAE,SAAS,CAAC,CACb,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,CAAC,EAAE,qBAAqB,EAAwC,EAAE,EAAE;IACpF,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IACrC,MAAM,SAAS,GAAG,YAAY,CAAC,EAAE,qBAAqB,EAAE,CAAC,CAAA;IAEzD,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,YAAY,EAAE,MAAM,CAAC,YAAY,GAAG,SAAS;YAC7C,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,MAAM,CAAC,sBAAsB;YAC1C,eAAe,EAAE,aAAa;YAC9B,iBAAiB,EAAE,EAAE,GAAG,SAAS;YACjC,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,MAAM,EAAE,EAAE,GAAG,SAAS;YACtB,GAAG,EAAE,CAAC,GAAG,SAAS;YAClB,QAAQ,EAAE,QAAQ;SACnB;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,MAAM,CAAC,UAAU,GAAG,SAAS;YACvC,KAAK,EAAE,MAAM,CAAC,yBAAyB;SACxC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { Pressable, StyleSheet } from 'react-native'\nimport type { PressableProps } from 'react-native'\nimport { Icon, type IconString } from '@/components/display/icon'\nimport { useTheme, useFontScale, useCreateAndroidRippleColor } from '@/hooks'\nimport { platformPressedOpacityStyle } from '@/utils'\nimport { tokens } from '@/vendor/tapestry/tokens'\n\ninterface ListHeaderActionButtonProps extends PressableProps {\n  /**\n   * Provides context to screen readers about what the button does.\n   */\n  accessibilityLabel: string\n  /**\n   * Specifies the maximum size a font can reach when allowFontScaling is enabled.\n   */\n  maxFontSizeMultiplier?: number\n  /**\n   * Generates an icon from `@planningcenter/icons`\n   */\n  name: IconString\n}\n\nexport function ListHeaderActionButton({\n  accessibilityLabel,\n  maxFontSizeMultiplier,\n  name,\n  ...props\n}: ListHeaderActionButtonProps) {\n  const styles = useStyles({ maxFontSizeMultiplier })\n  const { colors } = useTheme()\n  const androidRippleColor = useCreateAndroidRippleColor({\n    color: colors.iconColorDefaultSecondary,\n  })\n\n  return (\n    <Pressable\n      style={({ pressed }) => [styles.pressable, pressed && platformPressedOpacityStyle]}\n      accessibilityRole=\"button\"\n      accessibilityLabel={accessibilityLabel}\n      android_ripple={{\n        color: androidRippleColor,\n        borderless: false,\n        foreground: true,\n      }}\n      {...props}\n    >\n      <Icon name={name} style={styles.icon} maxFontSizeMultiplier={maxFontSizeMultiplier} />\n    </Pressable>\n  )\n}\n\nconst useStyles = ({ maxFontSizeMultiplier }: Partial<ListHeaderActionButtonProps>) => {\n  const { colors, button } = useTheme()\n  const fontScale = useFontScale({ maxFontSizeMultiplier })\n\n  return StyleSheet.create({\n    pressable: {\n      borderRadius: button.borderRadius * fontScale,\n      borderWidth: 1,\n      borderColor: colors.borderColorDefaultBase,\n      backgroundColor: 'transparent',\n      paddingHorizontal: 16 * fontScale,\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'center',\n      height: 32 * fontScale,\n      gap: 6 * fontScale,\n      overflow: 'hidden',\n    },\n    icon: {\n      fontSize: tokens.fontSizeSm * fontScale,\n      color: colors.iconColorDefaultSecondary,\n    },\n  })\n}\n"]}

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

@@ -1,17 +1,17 @@
 import { useNavigation, useRoute } from '@react-navigation/native';
 import React, { useCallback, useMemo } from 'react';
 import { Alert, ScrollView, StyleSheet, View } from 'react-native';
-import { Heading, TextButton, ToggleButton } from '../../../components';
-import { useAtFontScaleBreakpoint, useCurrentPersonCache, useTheme } from '../../../hooks';
-import { useCanCreateConversations } from '../../../hooks';
-import { useAppName } from '../../../hooks/use_app_name';
-import { useMarkAllRead } from '../../../hooks/use_conversations_actions';
-import { useCanDisplayGroups } from '../../../hooks/use_groups';
-import { useNewConversationEntry } from '../../../hooks/use_new_conversation_entry';
-import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../../utils';
-import { Haptic } from '../../../utils/native_adapters';
 import { ChatGroupBadge } from './chat_group_badge';
 import { ListHeaderActionButton } from './list_header_action_button';
+import { Heading, TextButton, ToggleButton } from '@/components';
+import { useAtFontScaleBreakpoint, useCurrentPersonCache, useTheme } from '@/hooks';
+import { useCanCreateConversations } from '@/hooks';
+import { useAppName } from '@/hooks/use_app_name';
+import { useMarkAllRead } from '@/hooks/use_conversations_actions';
+import { useCanDisplayGroups } from '@/hooks/use_groups';
+import { useNewConversationEntry } from '@/hooks/use_new_conversation_entry';
+import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '@/utils';
+import { Haptic } from '@/utils/native_adapters';
 const ROW_PADDING_HORIZONTAL = 16;
 var FilterTypes;
 (function (FilterTypes) {

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

@@ -1 +1 @@
-{"version":3,"file":"list_header_component.js","sourceRoot":"","sources":["../../../../src/screens/conversations/components/list_header_component.tsx"],"names":[],"mappings":"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","sourcesContent":["import { RouteProp, useNavigation, useRoute } from '@react-navigation/native'\nimport React, { useCallback, useMemo } from 'react'\nimport { Alert, ScrollView, StyleSheet, View } from 'react-native'\nimport { Heading, TextButton, ToggleButton } from '../../../components'\nimport { useAtFontScaleBreakpoint, useCurrentPersonCache, useTheme } from '../../../hooks'\nimport { useCanCreateConversations } from '../../../hooks'\nimport { useAppName } from '../../../hooks/use_app_name'\nimport { useMarkAllRead } from '../../../hooks/use_conversations_actions'\nimport { useCanDisplayGroups } from '../../../hooks/use_groups'\nimport { useNewConversationEntry } from '../../../hooks/use_new_conversation_entry'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../../utils'\nimport { Haptic } from '../../../utils/native_adapters'\nimport { ConversationsScreenProps } from '../conversations_screen'\nimport { ChatGroupBadge } from './chat_group_badge'\nimport { ListHeaderActionButton } from './list_header_action_button'\n\nconst ROW_PADDING_HORIZONTAL = 16\n\nenum FilterTypes {\n  All = 'All',\n  Groups = 'Groups',\n  Teams = 'Teams',\n  More = 'More',\n}\n\nexport const ListHeaderComponent = () => {\n  const navigation = useNavigation()\n  const canFilterByTeams = useCanDisplayGroups({ source_app_name: 'Services', source_type: 'Team' })\n  const canFilterByGroups = useCanDisplayGroups({ source_app_name: 'Groups', source_type: 'Group' })\n  const route = useRoute<RouteProp<ConversationsScreenProps['route']>>()\n  const { chat_group_graph_id, group_source_app_name = '' } = route.params || {}\n  const currentPersonCache = useCurrentPersonCache()\n  const { markAllRead, isPending } = useMarkAllRead()\n  const canCreateConversations = useCanCreateConversations()\n  const entryMode = useNewConversationEntry()\n  const appName = useAppName()\n\n  const active: FilterTypes = useMemo(() => {\n    if (chat_group_graph_id) {\n      return FilterTypes.More\n    } else if (/groups/i.test(group_source_app_name)) {\n      return FilterTypes.Groups\n    } else if (/services/i.test(group_source_app_name)) {\n      return FilterTypes.Teams\n    }\n\n    return FilterTypes.All\n  }, [chat_group_graph_id, group_source_app_name])\n\n  const handleNewConversationNavigation = useCallback(() => {\n    if (entryMode === 'select_type') {\n      return navigation.navigate('ConversationSelectType', { ...route.params })\n    }\n\n    if (entryMode === 'groups') {\n      return navigation.navigate('New', {\n        screen: 'ConversationSelectGroupRecipients',\n        params: { ...route.params },\n      })\n    }\n\n    if (entryMode === 'teams') {\n      return navigation.navigate('New', {\n        screen: 'ConversationSelectTeamsILeadRecipients',\n        params: { ...route.params },\n      })\n    }\n  }, [navigation, route.params, entryMode])\n\n  const handleGetHelp = useCallback(() => {\n    navigation.navigate('GetHelp', { type: 'chat' })\n  }, [navigation])\n\n  const handleOpenConversationFilters = useCallback(() => {\n    navigation.navigate('ConversationFilters', {\n      chat_group_graph_id,\n      group_source_app_name,\n    })\n  }, [navigation, chat_group_graph_id, group_source_app_name])\n\n  const handleMarkAllRead = useCallback(() => {\n    currentPersonCache.update({ unreadCount: 0 })\n    Haptic.notificationSuccess()\n    markAllRead()\n  }, [currentPersonCache, markAllRead])\n\n  const alertMarkAllRead = useCallback(() => {\n    if (active === FilterTypes.All) return handleMarkAllRead()\n\n    Alert.alert('Mark all read', 'This includes conversations not shown by the current filter.', [\n      { text: 'Cancel' },\n      { text: 'OK', onPress: () => handleMarkAllRead() },\n    ])\n  }, [active, handleMarkAllRead])\n\n  const hasSomeSourceFilterCapability = canFilterByTeams || canFilterByGroups\n  const hasMultiSourceFilterCapabilities = canFilterByTeams && canFilterByGroups\n  const shouldShowHeaderFiltersButton =\n    hasSomeSourceFilterCapability && !hasMultiSourceFilterCapabilities\n  const moreFiltersButtonA11yLabel = shouldShowHeaderFiltersButton\n    ? 'View filters'\n    : 'View more filters'\n\n  const moreFiltersButtonProps = {\n    onPress: handleOpenConversationFilters,\n    active: active === FilterTypes.More,\n    iconNameRight: 'general.threeReducingHorizontalBars' as const,\n    accessibilityLabel: moreFiltersButtonA11yLabel,\n  }\n\n  const styles = useStyles({ shouldShowHeaderFiltersButton })\n\n  return (\n    <View style={styles.listHeader}>\n      <View style={styles.headingRow}>\n        <View style={styles.titleContainer}>\n          <Heading numberOfLines={1} variant=\"h2\">\n            Conversations\n          </Heading>\n          <TextButton\n            onPress={alertMarkAllRead}\n            disabled={isPending}\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n            accessibilityShowsLargeContentViewer\n            accessibilityLargeContentTitle=\"Mark all read\"\n          >\n            Mark all read\n          </TextButton>\n        </View>\n        <View style={styles.actionsContainer}>\n          {canCreateConversations && (\n            <ListHeaderActionButton\n              name=\"churchCenter.signups\"\n              onPress={handleNewConversationNavigation}\n              accessibilityLabel=\"New conversation\"\n              testID=\"conversations-new-conversation-button\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n            />\n          )}\n          {appName !== 'services' && (\n            <ListHeaderActionButton\n              name=\"general.outlinedInfoCircle\"\n              onPress={handleGetHelp}\n              accessibilityLabel=\"Get help\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n            />\n          )}\n          {shouldShowHeaderFiltersButton && <ToggleButton {...moreFiltersButtonProps} />}\n        </View>\n      </View>\n      {hasMultiSourceFilterCapabilities && (\n        <ScrollView\n          horizontal\n          showsHorizontalScrollIndicator={false}\n          contentContainerStyle={styles.filterRow}\n          accessibilityRole=\"toolbar\"\n        >\n          <ToggleButton\n            title={FilterTypes.All}\n            active={active === FilterTypes.All}\n            onPress={() =>\n              navigation.setParams({\n                chat_group_graph_id: undefined,\n                group_source_app_name: undefined,\n              })\n            }\n            accessibilityLabel=\"Show all conversations\"\n            style={styles.filterButton}\n          />\n          <ToggleButton\n            title={FilterTypes.Groups}\n            active={active === FilterTypes.Groups}\n            onPress={() =>\n              navigation.setParams({\n                chat_group_graph_id: undefined,\n                group_source_app_name: 'Groups',\n              })\n            }\n            accessibilityLabel=\"Filter to group conversations\"\n            style={styles.filterButton}\n          />\n\n          <ToggleButton\n            title={FilterTypes.Teams}\n            active={active === FilterTypes.Teams}\n            onPress={() =>\n              navigation.setParams({\n                chat_group_graph_id: undefined,\n                group_source_app_name: 'Services',\n              })\n            }\n            accessibilityLabel=\"Filter to team conversations\"\n            style={styles.filterButton}\n          />\n          <ToggleButton {...moreFiltersButtonProps} />\n        </ScrollView>\n      )}\n      <ChatGroupBadge rowPaddingHorizontal={ROW_PADDING_HORIZONTAL} />\n    </View>\n  )\n}\n\nconst useStyles = ({\n  shouldShowHeaderFiltersButton,\n}: {\n  shouldShowHeaderFiltersButton: boolean\n}) => {\n  const theme = useTheme()\n  const atFontScaleBreakpoint = useAtFontScaleBreakpoint(\n    shouldShowHeaderFiltersButton ? 1.2 : undefined\n  )\n\n  return StyleSheet.create({\n    listHeader: {\n      borderBottomWidth: 1,\n      borderBottomColor: theme.colors.fillColorNeutral050Base,\n      paddingBottom: 16,\n      gap: 16,\n    },\n    headingRow: {\n      gap: 12,\n      flexDirection: atFontScaleBreakpoint ? 'column' : 'row',\n      alignItems: atFontScaleBreakpoint ? 'flex-start' : 'center',\n      justifyContent: 'space-between',\n      paddingBottom: atFontScaleBreakpoint ? 4 : 0,\n      paddingHorizontal: ROW_PADDING_HORIZONTAL,\n    },\n    titleContainer: {\n      gap: 8,\n    },\n    actionsContainer: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n    },\n    markAllReadRow: {\n      paddingBottom: 4,\n    },\n    filterRow: {\n      flexDirection: 'row',\n      justifyContent: 'flex-start',\n      gap: 8,\n      paddingHorizontal: ROW_PADDING_HORIZONTAL,\n      flexGrow: 1,\n    },\n    filterButton: {\n      flex: 1,\n      minWidth: 65,\n    },\n  })\n}\n"]}
+{"version":3,"file":"list_header_component.js","sourceRoot":"","sources":["../../../../src/screens/conversations/components/list_header_component.tsx"],"names":[],"mappings":"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","sourcesContent":["import { RouteProp, useNavigation, useRoute } from '@react-navigation/native'\nimport React, { useCallback, useMemo } from 'react'\nimport { Alert, ScrollView, StyleSheet, View } from 'react-native'\nimport { ChatGroupBadge } from './chat_group_badge'\nimport { ListHeaderActionButton } from './list_header_action_button'\nimport { Heading, TextButton, ToggleButton } from '@/components'\nimport { useAtFontScaleBreakpoint, useCurrentPersonCache, useTheme } from '@/hooks'\nimport { useCanCreateConversations } from '@/hooks'\nimport { useAppName } from '@/hooks/use_app_name'\nimport { useMarkAllRead } from '@/hooks/use_conversations_actions'\nimport { useCanDisplayGroups } from '@/hooks/use_groups'\nimport { useNewConversationEntry } from '@/hooks/use_new_conversation_entry'\nimport { ConversationsScreenProps } from '@/screens/conversations/conversations_screen'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '@/utils'\nimport { Haptic } from '@/utils/native_adapters'\n\nconst ROW_PADDING_HORIZONTAL = 16\n\nenum FilterTypes {\n  All = 'All',\n  Groups = 'Groups',\n  Teams = 'Teams',\n  More = 'More',\n}\n\nexport const ListHeaderComponent = () => {\n  const navigation = useNavigation()\n  const canFilterByTeams = useCanDisplayGroups({ source_app_name: 'Services', source_type: 'Team' })\n  const canFilterByGroups = useCanDisplayGroups({ source_app_name: 'Groups', source_type: 'Group' })\n  const route = useRoute<RouteProp<ConversationsScreenProps['route']>>()\n  const { chat_group_graph_id, group_source_app_name = '' } = route.params || {}\n  const currentPersonCache = useCurrentPersonCache()\n  const { markAllRead, isPending } = useMarkAllRead()\n  const canCreateConversations = useCanCreateConversations()\n  const entryMode = useNewConversationEntry()\n  const appName = useAppName()\n\n  const active: FilterTypes = useMemo(() => {\n    if (chat_group_graph_id) {\n      return FilterTypes.More\n    } else if (/groups/i.test(group_source_app_name)) {\n      return FilterTypes.Groups\n    } else if (/services/i.test(group_source_app_name)) {\n      return FilterTypes.Teams\n    }\n\n    return FilterTypes.All\n  }, [chat_group_graph_id, group_source_app_name])\n\n  const handleNewConversationNavigation = useCallback(() => {\n    if (entryMode === 'select_type') {\n      return navigation.navigate('ConversationSelectType', { ...route.params })\n    }\n\n    if (entryMode === 'groups') {\n      return navigation.navigate('New', {\n        screen: 'ConversationSelectGroupRecipients',\n        params: { ...route.params },\n      })\n    }\n\n    if (entryMode === 'teams') {\n      return navigation.navigate('New', {\n        screen: 'ConversationSelectTeamsILeadRecipients',\n        params: { ...route.params },\n      })\n    }\n  }, [navigation, route.params, entryMode])\n\n  const handleGetHelp = useCallback(() => {\n    navigation.navigate('GetHelp', { type: 'chat' })\n  }, [navigation])\n\n  const handleOpenConversationFilters = useCallback(() => {\n    navigation.navigate('ConversationFilters', {\n      chat_group_graph_id,\n      group_source_app_name,\n    })\n  }, [navigation, chat_group_graph_id, group_source_app_name])\n\n  const handleMarkAllRead = useCallback(() => {\n    currentPersonCache.update({ unreadCount: 0 })\n    Haptic.notificationSuccess()\n    markAllRead()\n  }, [currentPersonCache, markAllRead])\n\n  const alertMarkAllRead = useCallback(() => {\n    if (active === FilterTypes.All) return handleMarkAllRead()\n\n    Alert.alert('Mark all read', 'This includes conversations not shown by the current filter.', [\n      { text: 'Cancel' },\n      { text: 'OK', onPress: () => handleMarkAllRead() },\n    ])\n  }, [active, handleMarkAllRead])\n\n  const hasSomeSourceFilterCapability = canFilterByTeams || canFilterByGroups\n  const hasMultiSourceFilterCapabilities = canFilterByTeams && canFilterByGroups\n  const shouldShowHeaderFiltersButton =\n    hasSomeSourceFilterCapability && !hasMultiSourceFilterCapabilities\n  const moreFiltersButtonA11yLabel = shouldShowHeaderFiltersButton\n    ? 'View filters'\n    : 'View more filters'\n\n  const moreFiltersButtonProps = {\n    onPress: handleOpenConversationFilters,\n    active: active === FilterTypes.More,\n    iconNameRight: 'general.threeReducingHorizontalBars' as const,\n    accessibilityLabel: moreFiltersButtonA11yLabel,\n  }\n\n  const styles = useStyles({ shouldShowHeaderFiltersButton })\n\n  return (\n    <View style={styles.listHeader}>\n      <View style={styles.headingRow}>\n        <View style={styles.titleContainer}>\n          <Heading numberOfLines={1} variant=\"h2\">\n            Conversations\n          </Heading>\n          <TextButton\n            onPress={alertMarkAllRead}\n            disabled={isPending}\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n            accessibilityShowsLargeContentViewer\n            accessibilityLargeContentTitle=\"Mark all read\"\n          >\n            Mark all read\n          </TextButton>\n        </View>\n        <View style={styles.actionsContainer}>\n          {canCreateConversations && (\n            <ListHeaderActionButton\n              name=\"churchCenter.signups\"\n              onPress={handleNewConversationNavigation}\n              accessibilityLabel=\"New conversation\"\n              testID=\"conversations-new-conversation-button\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n            />\n          )}\n          {appName !== 'services' && (\n            <ListHeaderActionButton\n              name=\"general.outlinedInfoCircle\"\n              onPress={handleGetHelp}\n              accessibilityLabel=\"Get help\"\n              maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n            />\n          )}\n          {shouldShowHeaderFiltersButton && <ToggleButton {...moreFiltersButtonProps} />}\n        </View>\n      </View>\n      {hasMultiSourceFilterCapabilities && (\n        <ScrollView\n          horizontal\n          showsHorizontalScrollIndicator={false}\n          contentContainerStyle={styles.filterRow}\n          accessibilityRole=\"toolbar\"\n        >\n          <ToggleButton\n            title={FilterTypes.All}\n            active={active === FilterTypes.All}\n            onPress={() =>\n              navigation.setParams({\n                chat_group_graph_id: undefined,\n                group_source_app_name: undefined,\n              })\n            }\n            accessibilityLabel=\"Show all conversations\"\n            style={styles.filterButton}\n          />\n          <ToggleButton\n            title={FilterTypes.Groups}\n            active={active === FilterTypes.Groups}\n            onPress={() =>\n              navigation.setParams({\n                chat_group_graph_id: undefined,\n                group_source_app_name: 'Groups',\n              })\n            }\n            accessibilityLabel=\"Filter to group conversations\"\n            style={styles.filterButton}\n          />\n\n          <ToggleButton\n            title={FilterTypes.Teams}\n            active={active === FilterTypes.Teams}\n            onPress={() =>\n              navigation.setParams({\n                chat_group_graph_id: undefined,\n                group_source_app_name: 'Services',\n              })\n            }\n            accessibilityLabel=\"Filter to team conversations\"\n            style={styles.filterButton}\n          />\n          <ToggleButton {...moreFiltersButtonProps} />\n        </ScrollView>\n      )}\n      <ChatGroupBadge rowPaddingHorizontal={ROW_PADDING_HORIZONTAL} />\n    </View>\n  )\n}\n\nconst useStyles = ({\n  shouldShowHeaderFiltersButton,\n}: {\n  shouldShowHeaderFiltersButton: boolean\n}) => {\n  const theme = useTheme()\n  const atFontScaleBreakpoint = useAtFontScaleBreakpoint(\n    shouldShowHeaderFiltersButton ? 1.2 : undefined\n  )\n\n  return StyleSheet.create({\n    listHeader: {\n      borderBottomWidth: 1,\n      borderBottomColor: theme.colors.fillColorNeutral050Base,\n      paddingBottom: 16,\n      gap: 16,\n    },\n    headingRow: {\n      gap: 12,\n      flexDirection: atFontScaleBreakpoint ? 'column' : 'row',\n      alignItems: atFontScaleBreakpoint ? 'flex-start' : 'center',\n      justifyContent: 'space-between',\n      paddingBottom: atFontScaleBreakpoint ? 4 : 0,\n      paddingHorizontal: ROW_PADDING_HORIZONTAL,\n    },\n    titleContainer: {\n      gap: 8,\n    },\n    actionsContainer: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n    },\n    markAllReadRow: {\n      paddingBottom: 4,\n    },\n    filterRow: {\n      flexDirection: 'row',\n      justifyContent: 'flex-start',\n      gap: 8,\n      paddingHorizontal: ROW_PADDING_HORIZONTAL,\n      flexGrow: 1,\n    },\n    filterButton: {\n      flex: 1,\n      minWidth: 65,\n    },\n  })\n}\n"]}

package/build/screens/conversations/conversations_screen.d.ts

@@ -1,7 +1,7 @@
 import { StaticScreenProps } from '@react-navigation/native';
 import React from 'react';
-import { AppName } from '../../types/resources/app_name';
-import { GraphId } from '../../types/resources/group_resource';
+import { AppName } from '@/types/resources/app_name';
+import { GraphId } from '@/types/resources/group_resource';
 export type ConversationsScreenProps = StaticScreenProps<{
     title?: string;
     chat_group_graph_id?: GraphId;

package/build/screens/conversations/conversations_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversations_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/conversations/conversations_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAA;AAG9D,MAAM,MAAM,wBAAwB,GAAG,iBAAiB,CAAC;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC,CAAC,CAAA;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,EAAE,wBAAwB,qBAYtE"}
+{"version":3,"file":"conversations_screen.d.ts","sourceRoot":"","sources":["../../../src/screens/conversations/conversations_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAA;AAE1D,MAAM,MAAM,wBAAwB,GAAG,iBAAiB,CAAC;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC,CAAC,CAAA;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,EAAE,wBAAwB,qBAYtE"}

package/build/screens/conversations/conversations_screen.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
-import { Conversations } from '../../components';
-import { ConversationsContextProvider } from '../../contexts/conversations_context';
-import { usePublishProductAnalyticsEvent } from '../../hooks';
 import { ListHeaderComponent } from './components/list_header_component';
+import { Conversations } from '@/components';
+import { ConversationsContextProvider } from '@/contexts/conversations_context';
+import { usePublishProductAnalyticsEvent } from '@/hooks';
 export function ConversationsScreen({ route }) {
     const styles = useStyles();
     usePublishProductAnalyticsEvent('chat.mobile.conversations.index.opened');

package/build/screens/conversations/conversations_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversations_screen.js","sourceRoot":"","sources":["../../../src/screens/conversations/conversations_screen.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,4BAA4B,EAAE,MAAM,sCAAsC,CAAA;AACnF,OAAO,EAAE,+BAA+B,EAAE,MAAM,aAAa,CAAA;AAG7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AAQxE,MAAM,UAAU,mBAAmB,CAAC,EAAE,KAAK,EAA4B;IACrE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,+BAA+B,CAAC,wCAAwC,CAAC,CAAA;IAEzE,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,4BAA4B,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAC/C;QAAA,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC,mBAAmB,CAAC,EAC1D;MAAA,EAAE,4BAA4B,CAChC;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,IAAI,EAAE,CAAC;YACP,cAAc,EAAE,QAAQ;SACzB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { StaticScreenProps } from '@react-navigation/native'\nimport React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { Conversations } from '../../components'\nimport { ConversationsContextProvider } from '../../contexts/conversations_context'\nimport { usePublishProductAnalyticsEvent } from '../../hooks'\nimport { AppName } from '../../types/resources/app_name'\nimport { GraphId } from '../../types/resources/group_resource'\nimport { ListHeaderComponent } from './components/list_header_component'\n\nexport type ConversationsScreenProps = StaticScreenProps<{\n  title?: string\n  chat_group_graph_id?: GraphId\n  group_source_app_name?: AppName\n}>\n\nexport function ConversationsScreen({ route }: ConversationsScreenProps) {\n  const styles = useStyles()\n\n  usePublishProductAnalyticsEvent('chat.mobile.conversations.index.opened')\n\n  return (\n    <View style={styles.container}>\n      <ConversationsContextProvider args={route.params}>\n        <Conversations ListHeaderComponent={ListHeaderComponent} />\n      </ConversationsContextProvider>\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n      justifyContent: 'center',\n    },\n  })\n}\n"]}
+{"version":3,"file":"conversations_screen.js","sourceRoot":"","sources":["../../../src/screens/conversations/conversations_screen.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,EAAE,4BAA4B,EAAE,MAAM,kCAAkC,CAAA;AAC/E,OAAO,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAA;AAUzD,MAAM,UAAU,mBAAmB,CAAC,EAAE,KAAK,EAA4B;IACrE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,+BAA+B,CAAC,wCAAwC,CAAC,CAAA;IAEzE,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,4BAA4B,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAC/C;QAAA,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC,mBAAmB,CAAC,EAC1D;MAAA,EAAE,4BAA4B,CAChC;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,IAAI,EAAE,CAAC;YACP,cAAc,EAAE,QAAQ;SACzB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { StaticScreenProps } from '@react-navigation/native'\nimport React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { ListHeaderComponent } from './components/list_header_component'\nimport { Conversations } from '@/components'\nimport { ConversationsContextProvider } from '@/contexts/conversations_context'\nimport { usePublishProductAnalyticsEvent } from '@/hooks'\nimport { AppName } from '@/types/resources/app_name'\nimport { GraphId } from '@/types/resources/group_resource'\n\nexport type ConversationsScreenProps = StaticScreenProps<{\n  title?: string\n  chat_group_graph_id?: GraphId\n  group_source_app_name?: AppName\n}>\n\nexport function ConversationsScreen({ route }: ConversationsScreenProps) {\n  const styles = useStyles()\n\n  usePublishProductAnalyticsEvent('chat.mobile.conversations.index.opened')\n\n  return (\n    <View style={styles.container}>\n      <ConversationsContextProvider args={route.params}>\n        <Conversations ListHeaderComponent={ListHeaderComponent} />\n      </ConversationsContextProvider>\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n      justifyContent: 'center',\n    },\n  })\n}\n"]}

package/build/screens/design_system_screen.js

@@ -1,11 +1,11 @@
 import React, { useState } from 'react';
 import { Alert, Pressable, ScrollView, StyleSheet, View } from 'react-native';
-import { Avatar, AvatarGroup, Badge, Banner, BannerCollapsible, Button, ToggleButton, Heading, Icon, IconButton, Image, Person, Spinner, Switch, Text, TextButton, TextInlineButton, ImageAttachmentPreview, } from '../components/display';
-import { VideoAttachmentPreview } from '../components/display/video_attachment_preview';
-import BannerPrimitive from '../components/primitive/banner_primitive';
-import BlankState from '../components/primitive/blank_state_primitive';
-import { useInteractionGhostBackgroundColor, useTheme } from '../hooks';
-import { MAX_FONT_SIZE_MULTIPLIER, platformPressedOpacityStyle, platformFontWeightMedium, Haptic, } from '../utils';
+import { Avatar, AvatarGroup, Badge, Banner, BannerCollapsible, Button, ToggleButton, Heading, Icon, IconButton, Image, Person, Spinner, Switch, Text, TextButton, TextInlineButton, ImageAttachmentPreview, } from '@/components/display';
+import { VideoAttachmentPreview } from '@/components/display/video_attachment_preview';
+import BannerPrimitive from '@/components/primitive/banner_primitive';
+import BlankState from '@/components/primitive/blank_state_primitive';
+import { useInteractionGhostBackgroundColor, useTheme } from '@/hooks';
+import { MAX_FONT_SIZE_MULTIPLIER, platformPressedOpacityStyle, platformFontWeightMedium, Haptic, } from '@/utils';
 // =================================
 // ====== Docs Utils ===============
 // =================================