@planningcenter/chat-react-native 3.42.2-qa-821.1 → 3.42.2-qa-staging.3

package/build/screens/preferred_app_selection_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"preferred_app_selection_screen.js","sourceRoot":"","sources":["../../src/screens/preferred_app_selection_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { StaticScreenProps } from '@react-navigation/native'\nimport { useMutation } from '@tanstack/react-query'\nimport React, { type PropsWithChildren } from 'react'\nimport { Image, StyleSheet, View, type ViewStyle } from 'react-native'\nimport { Heading, Icon, Text } from '../components'\nimport { useApiClient, useTheme } from '../hooks'\nimport { useAppName } from '../hooks/use_app_name'\nimport { chatTypeLabel } from '../utils'\nimport { throwResponseError } from '../utils/response_error'\nimport { PreferredApp, useChatTypes } from './preferred_app/hooks/use_chat_types'\n\nexport type PreferredAppSelectionScreenProps = StaticScreenProps<{\n  chatTypeId: number | string\n  conversationType?: 'group' | 'team'\n  currentSelection?: PreferredApp\n}>\n\nexport function PreferredAppSelectionScreen({ route }: PreferredAppSelectionScreenProps) {\n  const { chatTypeId } = route.params\n  const { data: chatTypes, refetch: refetchChatTypes } = useChatTypes()\n  const appName = useAppName()\n\n  const apiClient = useApiClient()\n\n  const { mutate: updateChatType } = useMutation({\n    throwOnError: true,\n    onSuccess: () => refetchChatTypes(),\n    mutationFn: (app: PreferredApp) => {\n      return apiClient.chat\n        .post({\n          url: `/me/chat_types/${chatTypeId}/set_preferred_app`,\n          data: { data: { type: 'ChatType', attributes: { app } } },\n        })\n        .catch(throwResponseError)\n    },\n  })\n  const chatType = chatTypes.find(t => t.id === chatTypeId)\n  const { preferredAppOptions } = chatType || {}\n\n  const handleSelection = (app: PreferredApp) => {\n    updateChatType(app)\n  }\n\n  const sectionTitle = chatType ? chatTypeLabel(chatType.title) : undefined\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.section}>\n        <Heading variant=\"h2\" style={styles.sectionHeading}>\n          {sectionTitle}\n        </Heading>\n        {preferredAppOptions?.sort(sortPreferredApp('asc')).map((option, key) => (\n          <PressableRow\n            key={`${key}-${option}`}\n            isActive={chatType?.preferredApp === option}\n            onPress={() => handleSelection(option)}\n          >\n            <Image source={getAppImage(option)} style={styles.logo} />\n            <Text>\n              {option}\n              {appName.includes(option.replace(/\\s/, '').toLowerCase()) ? ' ( current )' : ''}\n            </Text>\n          </PressableRow>\n        ))}\n      </View>\n    </View>\n  )\n}\n\nconst sortPreferredApp = (dir?: 'asc' | 'desc') => (a: PreferredApp, b: PreferredApp) => {\n  if (a === 'None') return 1\n  if (a > b) return dir === 'asc' ? 1 : -1\n  if (b > a) return dir === 'asc' ? -1 : 1\n\n  return 0\n}\n\nconst getAppImage = (option: PreferredApp) => {\n  switch (option) {\n    case 'Church Center':\n      return require('../../assets/churchCenter.png')\n    case 'Services':\n      return require('../../assets/servicesApp.png')\n    case 'Chat':\n      return require('../../assets/chatLogo.png')\n    default:\n      return undefined\n  }\n}\n\nconst PressableRow = ({\n  children,\n  isActive,\n  onPress,\n  style,\n}: PropsWithChildren<{ isActive: boolean; onPress: () => void; style?: ViewStyle }>) => {\n  const styles = useRowStyles({ isActive })\n  return (\n    <PlatformPressable\n      style={styles.pressable}\n      onPress={onPress}\n      accessibilityRole=\"radio\"\n      accessibilityState={{ selected: isActive }}\n    >\n      <View style={styles.row}>\n        <View style={[styles.rowInner, style]}>{children}</View>\n        <Icon\n          name=\"general.check\"\n          style={styles.rowIconRight}\n          accessibilityElementsHidden\n          maxFontSizeMultiplier={2.5}\n        />\n      </View>\n    </PlatformPressable>\n  )\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  section: {\n    paddingTop: 24,\n  },\n  sectionHeading: {\n    paddingHorizontal: 16,\n    paddingBottom: 4,\n  },\n  logo: {\n    width: 32,\n    height: 32,\n    borderRadius: 8,\n  },\n})\n\nconst useRowStyles = ({ isActive = false }: { isActive?: boolean } = {}) => {\n  const theme = useTheme()\n\n  return StyleSheet.create({\n    pressable: {\n      paddingLeft: 16,\n      backgroundColor: theme.colors.surfaceColor100,\n    },\n    row: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      gap: 12,\n      borderBottomWidth: 1,\n      borderBottomColor: theme.colors.borderColorDefaultBase,\n      paddingVertical: 12,\n      paddingRight: 16,\n    },\n    rowInner: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n      flexShrink: 1,\n    },\n    rowIconRight: {\n      fontSize: 16,\n      color: theme.colors.statusSuccessIcon,\n      opacity: isActive ? 1 : 0,\n    },\n  })\n}\n"]}
+{"version":3,"file":"preferred_app_selection_screen.js","sourceRoot":"","sources":["../../src/screens/preferred_app_selection_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { StaticScreenProps } from '@react-navigation/native'\nimport { useMutation } from '@tanstack/react-query'\nimport React, { type PropsWithChildren } from 'react'\nimport { Image, StyleSheet, View, type ViewStyle } from 'react-native'\nimport { Heading, Icon, Text } from '../components'\nimport { useApiClient, useTheme } from '../hooks'\nimport { useAppName } from '../hooks/use_app_name'\nimport { chatTypeLabel } from '../utils'\nimport { throwResponseError } from '../utils/response_error'\nimport { PreferredApp, useChatTypes } from './preferred_app/hooks/use_chat_types'\n\nexport type PreferredAppSelectionScreenProps = StaticScreenProps<{\n  chatTypeId: number | string\n  conversationType?: 'group' | 'team'\n  currentSelection?: PreferredApp\n}>\n\nexport function PreferredAppSelectionScreen({ route }: PreferredAppSelectionScreenProps) {\n  const { chatTypeId } = route.params\n  const { data: chatTypes, refetch: refetchChatTypes } = useChatTypes()\n  const appName = useAppName()\n\n  const apiClient = useApiClient()\n\n  const { mutate: updateChatType } = useMutation({\n    throwOnError: true,\n    onSuccess: () => refetchChatTypes(),\n    mutationFn: (app: PreferredApp) => {\n      return apiClient.chat\n        .post({\n          url: `/me/chat_types/${chatTypeId}/set_preferred_app`,\n          data: { data: { type: 'ChatType', attributes: { app } } },\n        })\n        .catch(throwResponseError)\n    },\n  })\n  const chatType = chatTypes.find(t => t.id === chatTypeId)\n  const { preferredAppOptions } = chatType || {}\n\n  const handleSelection = (app: PreferredApp) => {\n    updateChatType(app)\n  }\n\n  const sectionTitle = chatType ? chatTypeLabel(chatType.title) : undefined\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.section}>\n        <Heading variant=\"h2\" style={styles.sectionHeading}>\n          {sectionTitle}\n        </Heading>\n        {preferredAppOptions?.sort(sortPreferredApp('asc')).map((option, key) => (\n          <PressableRow\n            key={`${key}-${option}`}\n            isActive={chatType?.preferredApp === option}\n            onPress={() => handleSelection(option)}\n          >\n            <Image source={getAppImage(option)} style={styles.logo} />\n            <Text>\n              {option}\n              {appName.includes(option.replace(/\\s/, '').toLowerCase()) ? ' ( current )' : ''}\n            </Text>\n          </PressableRow>\n        ))}\n      </View>\n    </View>\n  )\n}\n\nconst sortPreferredApp = (dir?: 'asc' | 'desc') => (a: PreferredApp, b: PreferredApp) => {\n  if (a === 'None') return 1\n  if (a > b) return dir === 'asc' ? 1 : -1\n  if (b > a) return dir === 'asc' ? -1 : 1\n\n  return 0\n}\n\nconst getAppImage = (option: PreferredApp) => {\n  switch (option) {\n    case 'Church Center':\n      return require('../../assets/churchCenter.png')\n    case 'Services':\n      return require('../../assets/servicesApp.png')\n    case 'Chat':\n      return require('../../assets/chatLogo.png')\n    default:\n      return undefined\n  }\n}\n\nconst PressableRow = ({\n  children,\n  isActive,\n  onPress,\n  style,\n}: PropsWithChildren<{ isActive: boolean; onPress: () => void; style?: ViewStyle }>) => {\n  const styles = useRowStyles({ isActive })\n  return (\n    <PlatformPressable\n      style={styles.pressable}\n      onPress={onPress}\n      accessibilityRole=\"radio\"\n      accessibilityState={{ selected: isActive }}\n    >\n      <View style={styles.row}>\n        <View style={[styles.rowInner, style]}>{children}</View>\n        <Icon\n          name=\"general.check\"\n          style={styles.rowIconRight}\n          accessibilityElementsHidden\n          maxFontSizeMultiplier={2.5}\n        />\n      </View>\n    </PlatformPressable>\n  )\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  section: {\n    paddingTop: 24,\n  },\n  sectionHeading: {\n    paddingHorizontal: 16,\n    paddingBottom: 4,\n  },\n  logo: {\n    width: 32,\n    height: 32,\n    borderRadius: 8,\n  },\n})\n\nconst useRowStyles = ({ isActive = false }: { isActive?: boolean } = {}) => {\n  const theme = useTheme()\n\n  return StyleSheet.create({\n    pressable: {\n      paddingLeft: 16,\n      backgroundColor: theme.colors.surfaceColor100,\n    },\n    row: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      gap: 12,\n      borderBottomWidth: 1,\n      borderBottomColor: theme.colors.borderColorDefaultBase,\n      paddingVertical: 12,\n      paddingRight: 16,\n    },\n    rowInner: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n      flexShrink: 1,\n    },\n    rowIconRight: {\n      fontSize: 16,\n      color: theme.colors.statusSuccessIcon,\n      opacity: isActive ? 1 : 0,\n    },\n  })\n}\n"]}

package/build/screens/reactions_screen.d.ts

@@ -1,9 +1,10 @@
 import { StaticScreenProps } from '@react-navigation/native';
+import React from 'react';
 export declare const ReactionsScreenOptions: import("@react-navigation/native-stack").NativeStackNavigationOptions;
 export type ReactionScreenProps = StaticScreenProps<{
     message_id: string;
     conversation_id: number;
     reaction_value?: string;
 }>;
-export declare function ReactionsScreen({ route }: ReactionScreenProps): import("react/jsx-runtime").JSX.Element;
+export declare function ReactionsScreen({ route }: ReactionScreenProps): React.JSX.Element;
 //# sourceMappingURL=reactions_screen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"reactions_screen.d.ts","sourceRoot":"","sources":["../../src/screens/reactions_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAe5D,eAAO,MAAM,sBAAsB,uEAMjC,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;IAClD,UAAU,EAAE,MAAM,CAAA;IAClB,eAAe,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAEF,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE,mBAAmB,2CAkE7D"}
+{"version":3,"file":"reactions_screen.d.ts","sourceRoot":"","sources":["../../src/screens/reactions_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAe,MAAM,OAAO,CAAA;AAcnC,eAAO,MAAM,sBAAsB,uEAMjC,CAAA;AAEF,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;IAClD,UAAU,EAAE,MAAM,CAAA;IAClB,eAAe,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAEF,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE,mBAAmB,qBAkE7D"}

package/build/screens/reactions_screen.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { memo } from 'react';
 import { Platform, StyleSheet, View } from 'react-native';
 import { FlatList } from 'react-native-gesture-handler';
@@ -41,20 +40,33 @@ export function ReactionsScreen({ route }) {
         },
     });
     if (!reactionCount) {
-        return (_jsx(View, { style: styles.errorContainer, children: _jsx(Text, { children: "No reactions found for this message." }) }));
+        return (<View style={styles.errorContainer}>
+        <Text>No reactions found for this message.</Text>
+      </View>);
     }
     const authors = members.filter(member => authorIds.includes(member.id));
-    return (_jsxs(FormSheet.Root, { contentStyle: styles.formSheetContent, children: [_jsx(Tabs, { data: reactionCounts, activeTab: reactionCount, onTabPress: item => {
-                    setReactionCountValue(item.value);
-                }, renderItem: ({ item }) => (_jsx(Reaction, { active: reactionCount.id === item.id, reaction: item, onPress: () => setReactionCountValue(item.value) })), style: styles.actions }), _jsx(FlatList, { data: authors, contentContainerStyle: styles.contentContainer, keyExtractor: item => item.id.toString(), renderItem: ({ item: author }) => _jsx(Author, { author: author }, author.id) })] }));
+    return (<FormSheet.Root contentStyle={styles.formSheetContent}>
+      <Tabs data={reactionCounts} activeTab={reactionCount} onTabPress={item => {
+            setReactionCountValue(item.value);
+        }} renderItem={({ item }) => (<Reaction active={reactionCount.id === item.id} reaction={item} onPress={() => setReactionCountValue(item.value)}/>)} style={styles.actions}/>
+      <FlatList data={authors} contentContainerStyle={styles.contentContainer} keyExtractor={item => item.id.toString()} renderItem={({ item: author }) => <Author author={author} key={author.id}/>}/>
+    </FormSheet.Root>);
 }
 const Reaction = ({ reaction, }) => {
     const styles = useStyles();
-    return (_jsxs(View, { style: styles.reaction, children: [_jsx(Text, { style: styles.reactionContent, children: REACTION_EMOJIS[reaction.value] }), _jsx(Text, { style: styles.reactionContent, children: reaction.count })] }, reaction.value));
+    return (<View key={reaction.value} style={styles.reaction}>
+      <Text style={styles.reactionContent}>{REACTION_EMOJIS[reaction.value]}</Text>
+      <Text style={styles.reactionContent}>{reaction.count}</Text>
+    </View>);
 };
 const Author = memo(({ author }) => {
     const styles = useStyles();
-    return (_jsxs(View, { style: styles.authorRow, children: [_jsx(Avatar, { sourceUri: author.avatar, size: "sm" }), _jsx(Text, { variant: "tertiary", numberOfLines: 2, style: styles.authorName, children: author.name })] }));
+    return (<View style={styles.authorRow}>
+      <Avatar sourceUri={author.avatar} size="sm"/>
+      <Text variant="tertiary" numberOfLines={2} style={styles.authorName}>
+        {author.name}
+      </Text>
+    </View>);
 });
 const TABS_HEIGHT = 67;
 const useStyles = () => {

package/build/screens/reactions_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"reactions_screen.js","sourceRoot":"","sources":["../../src/screens/reactions_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StaticScreenProps } from '@react-navigation/native'\nimport React, { memo } from 'react'\nimport { Platform, StyleSheet, View } from 'react-native'\nimport { FlatList } from 'react-native-gesture-handler'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Avatar, Text } from '../components'\nimport { Tabs } from '../components/display/tabs'\nimport FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'\nimport { useSuspenseGet, useTheme } from '../hooks'\nimport { useConversationMessages } from '../hooks/use_conversation_messages'\nimport { useFontScale } from '../hooks/use_font_scale'\nimport { MemberResource } from '../types'\nimport { ReactionCountResource } from '../types/resources/reaction'\nimport { platformFontWeightMedium, REACTION_EMOJIS } from '../utils'\n\nexport const ReactionsScreenOptions = getFormSheetScreenOptions({\n  sheetAllowedDetents: Platform.select({\n    android: [0.5, 0.94], // Going straight to full 0.94 preserves height of screen on Android\n    default: [0.5, 1],\n  }),\n  headerTitle: 'Reactions',\n})\n\nexport type ReactionScreenProps = StaticScreenProps<{\n  message_id: string\n  conversation_id: number\n  reaction_value?: string\n}>\n\nexport function ReactionsScreen({ route }: ReactionScreenProps) {\n  const { conversation_id, message_id, reaction_value } = route.params\n  const styles = useStyles()\n\n  const { messages } = useConversationMessages({ conversation_id }, { refetchOnMount: false })\n\n  const message = messages.find(m => m.id === message_id)\n  const reactionCounts = message?.reactionCounts || []\n  const initialReactionCount =\n    reactionCounts.find(r => r.value === reaction_value) || reactionCounts[0]\n  const [reactionCountValue, setReactionCountValue] = React.useState<\n    ReactionCountResource['value']\n  >(initialReactionCount?.value)\n  const reactionCount = reactionCounts.find(r => r.value === reactionCountValue)\n\n  // Get author IDs for the API call, ensuring we have a valid array\n  const authorIds = reactionCount?.authorIds || []\n\n  const { data: members } = useSuspenseGet<MemberResource[]>({\n    url: `/me/conversations/${conversation_id}/members`,\n    data: {\n      fields: {\n        Member: ['id', 'name', 'avatar', 'badges', 'child', 'role'],\n      },\n      where: {\n        id: authorIds,\n      },\n      limit: authorIds.length,\n    },\n  })\n\n  if (!reactionCount) {\n    return (\n      <View style={styles.errorContainer}>\n        <Text>No reactions found for this message.</Text>\n      </View>\n    )\n  }\n\n  const authors = members.filter(member => authorIds.includes(member.id))\n\n  return (\n    <FormSheet.Root contentStyle={styles.formSheetContent}>\n      <Tabs\n        data={reactionCounts}\n        activeTab={reactionCount}\n        onTabPress={item => {\n          setReactionCountValue(item.value)\n        }}\n        renderItem={({ item }) => (\n          <Reaction\n            active={reactionCount.id === item.id}\n            reaction={item}\n            onPress={() => setReactionCountValue(item.value)}\n          />\n        )}\n        style={styles.actions}\n      />\n      <FlatList\n        data={authors}\n        contentContainerStyle={styles.contentContainer}\n        keyExtractor={item => item.id.toString()}\n        renderItem={({ item: author }) => <Author author={author} key={author.id} />}\n      />\n    </FormSheet.Root>\n  )\n}\n\nconst Reaction = ({\n  reaction,\n}: {\n  active: boolean\n  reaction: ReactionCountResource\n  onPress: () => void\n}) => {\n  const styles = useStyles()\n\n  return (\n    <View key={reaction.value} style={styles.reaction}>\n      <Text style={styles.reactionContent}>{REACTION_EMOJIS[reaction.value]}</Text>\n      <Text style={styles.reactionContent}>{reaction.count}</Text>\n    </View>\n  )\n}\n\ntype AuthorProps = Pick<MemberResource, 'id' | 'name' | 'avatar'>\n\nconst Author = memo(({ author }: { author: AuthorProps }) => {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.authorRow}>\n      <Avatar sourceUri={author.avatar} size=\"sm\" />\n      <Text variant=\"tertiary\" numberOfLines={2} style={styles.authorName}>\n        {author.name}\n      </Text>\n    </View>\n  )\n})\n\nconst TABS_HEIGHT = 67\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  const { bottom } = useSafeAreaInsets()\n  const fontScale = useFontScale({ maxFontSizeMultiplier: 1.3 })\n\n  return StyleSheet.create({\n    formSheetContent: {\n      paddingTop: 16,\n    },\n    contentContainer: {\n      paddingTop: 8,\n      paddingBottom: bottom + Platform.select({ android: 24, default: TABS_HEIGHT + 24 }),\n    },\n    authorRow: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 8,\n      paddingVertical: 8,\n      paddingHorizontal: 16,\n      flex: 1,\n    },\n    authorName: {\n      flex: 1,\n    },\n    reaction: {\n      paddingHorizontal: 8,\n      paddingVertical: 16,\n      flexDirection: 'row',\n      gap: 4,\n    },\n    reactionContent: {\n      fontSize: 18,\n      fontWeight: platformFontWeightMedium,\n    },\n    actions: {\n      minHeight: 68 * fontScale,\n      borderBottomColor: colors.borderColorDefaultBase,\n      borderBottomWidth: 1,\n    },\n    errorContainer: {\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n      padding: 16,\n      marginTop: 30,\n    },\n  })\n}\n"]}
+{"version":3,"file":"reactions_screen.js","sourceRoot":"","sources":["../../src/screens/reactions_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StaticScreenProps } from '@react-navigation/native'\nimport React, { memo } from 'react'\nimport { Platform, StyleSheet, View } from 'react-native'\nimport { FlatList } from 'react-native-gesture-handler'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Avatar, Text } from '../components'\nimport { Tabs } from '../components/display/tabs'\nimport FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'\nimport { useSuspenseGet, useTheme } from '../hooks'\nimport { useConversationMessages } from '../hooks/use_conversation_messages'\nimport { useFontScale } from '../hooks/use_font_scale'\nimport { MemberResource } from '../types'\nimport { ReactionCountResource } from '../types/resources/reaction'\nimport { platformFontWeightMedium, REACTION_EMOJIS } from '../utils'\n\nexport const ReactionsScreenOptions = getFormSheetScreenOptions({\n  sheetAllowedDetents: Platform.select({\n    android: [0.5, 0.94], // Going straight to full 0.94 preserves height of screen on Android\n    default: [0.5, 1],\n  }),\n  headerTitle: 'Reactions',\n})\n\nexport type ReactionScreenProps = StaticScreenProps<{\n  message_id: string\n  conversation_id: number\n  reaction_value?: string\n}>\n\nexport function ReactionsScreen({ route }: ReactionScreenProps) {\n  const { conversation_id, message_id, reaction_value } = route.params\n  const styles = useStyles()\n\n  const { messages } = useConversationMessages({ conversation_id }, { refetchOnMount: false })\n\n  const message = messages.find(m => m.id === message_id)\n  const reactionCounts = message?.reactionCounts || []\n  const initialReactionCount =\n    reactionCounts.find(r => r.value === reaction_value) || reactionCounts[0]\n  const [reactionCountValue, setReactionCountValue] = React.useState<\n    ReactionCountResource['value']\n  >(initialReactionCount?.value)\n  const reactionCount = reactionCounts.find(r => r.value === reactionCountValue)\n\n  // Get author IDs for the API call, ensuring we have a valid array\n  const authorIds = reactionCount?.authorIds || []\n\n  const { data: members } = useSuspenseGet<MemberResource[]>({\n    url: `/me/conversations/${conversation_id}/members`,\n    data: {\n      fields: {\n        Member: ['id', 'name', 'avatar', 'badges', 'child', 'role'],\n      },\n      where: {\n        id: authorIds,\n      },\n      limit: authorIds.length,\n    },\n  })\n\n  if (!reactionCount) {\n    return (\n      <View style={styles.errorContainer}>\n        <Text>No reactions found for this message.</Text>\n      </View>\n    )\n  }\n\n  const authors = members.filter(member => authorIds.includes(member.id))\n\n  return (\n    <FormSheet.Root contentStyle={styles.formSheetContent}>\n      <Tabs\n        data={reactionCounts}\n        activeTab={reactionCount}\n        onTabPress={item => {\n          setReactionCountValue(item.value)\n        }}\n        renderItem={({ item }) => (\n          <Reaction\n            active={reactionCount.id === item.id}\n            reaction={item}\n            onPress={() => setReactionCountValue(item.value)}\n          />\n        )}\n        style={styles.actions}\n      />\n      <FlatList\n        data={authors}\n        contentContainerStyle={styles.contentContainer}\n        keyExtractor={item => item.id.toString()}\n        renderItem={({ item: author }) => <Author author={author} key={author.id} />}\n      />\n    </FormSheet.Root>\n  )\n}\n\nconst Reaction = ({\n  reaction,\n}: {\n  active: boolean\n  reaction: ReactionCountResource\n  onPress: () => void\n}) => {\n  const styles = useStyles()\n\n  return (\n    <View key={reaction.value} style={styles.reaction}>\n      <Text style={styles.reactionContent}>{REACTION_EMOJIS[reaction.value]}</Text>\n      <Text style={styles.reactionContent}>{reaction.count}</Text>\n    </View>\n  )\n}\n\ntype AuthorProps = Pick<MemberResource, 'id' | 'name' | 'avatar'>\n\nconst Author = memo(({ author }: { author: AuthorProps }) => {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.authorRow}>\n      <Avatar sourceUri={author.avatar} size=\"sm\" />\n      <Text variant=\"tertiary\" numberOfLines={2} style={styles.authorName}>\n        {author.name}\n      </Text>\n    </View>\n  )\n})\n\nconst TABS_HEIGHT = 67\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  const { bottom } = useSafeAreaInsets()\n  const fontScale = useFontScale({ maxFontSizeMultiplier: 1.3 })\n\n  return StyleSheet.create({\n    formSheetContent: {\n      paddingTop: 16,\n    },\n    contentContainer: {\n      paddingTop: 8,\n      paddingBottom: bottom + Platform.select({ android: 24, default: TABS_HEIGHT + 24 }),\n    },\n    authorRow: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 8,\n      paddingVertical: 8,\n      paddingHorizontal: 16,\n      flex: 1,\n    },\n    authorName: {\n      flex: 1,\n    },\n    reaction: {\n      paddingHorizontal: 8,\n      paddingVertical: 16,\n      flexDirection: 'row',\n      gap: 4,\n    },\n    reactionContent: {\n      fontSize: 18,\n      fontWeight: platformFontWeightMedium,\n    },\n    actions: {\n      minHeight: 68 * fontScale,\n      borderBottomColor: colors.borderColorDefaultBase,\n      borderBottomWidth: 1,\n    },\n    errorContainer: {\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n      padding: 16,\n      marginTop: 30,\n    },\n  })\n}\n"]}

package/build/screens/send_giphy_screen.d.ts

@@ -1,8 +1,9 @@
 import { StaticScreenProps } from '@react-navigation/native';
+import React from 'react';
 export declare const SendGiphyScreenOptions: import("@react-navigation/native-stack").NativeStackNavigationOptions;
 export type SendGiphyScreenProps = StaticScreenProps<{
     conversation_id: number;
     search_term: string;
 }>;
-export declare function SendGiphyScreen({ route }: SendGiphyScreenProps): import("react/jsx-runtime").JSX.Element;
+export declare function SendGiphyScreen({ route }: SendGiphyScreenProps): React.JSX.Element;
 //# sourceMappingURL=send_giphy_screen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"send_giphy_screen.d.ts","sourceRoot":"","sources":["../../src/screens/send_giphy_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AAYzF,eAAO,MAAM,sBAAsB,uEAGjC,CAAA;AAEF,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IACnD,eAAe,EAAE,MAAM,CAAA;IACvB,WAAW,EAAE,MAAM,CAAA;CACpB,CAAC,CAAA;AAEF,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE,oBAAoB,2CA6G9D"}
+{"version":3,"file":"send_giphy_screen.d.ts","sourceRoot":"","sources":["../../src/screens/send_giphy_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AACzF,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,eAAO,MAAM,sBAAsB,uEAGjC,CAAA;AAEF,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IACnD,eAAe,EAAE,MAAM,CAAA;IACvB,WAAW,EAAE,MAAM,CAAA;CACpB,CAAC,CAAA;AAEF,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE,oBAAoB,qBA6G9D"}

package/build/screens/send_giphy_screen.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { StackActions, useNavigation } from '@react-navigation/native';
+import React from 'react';
 import { Image as NativeImage, Platform, StyleSheet, useWindowDimensions, View } from 'react-native';
 import { Button, IconButton, TextButton } from '../components';
 import { DefaultLoading } from '../components/page/loading';
@@ -25,7 +25,16 @@ export function SendGiphyScreen({ route }) {
     const { width } = useWindowDimensions();
     const size = width - 24;
     if (!result)
-        return (_jsx(FormSheet.Root, { contentStyle: styles.blankStateContainer, children: _jsxs(BlankState.Root, { style: styles.blankState, children: [_jsx(BlankState.Imagery, { name: "general.bolt" }), _jsxs(BlankState.Content, { children: [_jsx(BlankState.Heading, { children: "No Giphys found" }), _jsx(BlankState.Text, { children: "Try a different search term." })] }), _jsx(BlankState.Button, { onPress: () => navigation.goBack(), title: "Close" })] }) }));
+        return (<FormSheet.Root contentStyle={styles.blankStateContainer}>
+        <BlankState.Root style={styles.blankState}>
+          <BlankState.Imagery name="general.bolt"/>
+          <BlankState.Content>
+            <BlankState.Heading>No Giphys found</BlankState.Heading>
+            <BlankState.Text>Try a different search term.</BlankState.Text>
+          </BlankState.Content>
+          <BlankState.Button onPress={() => navigation.goBack()} title="Close"/>
+        </BlankState.Root>
+      </FormSheet.Root>);
     const gif = result.giphy.fixed_width;
     const { url } = gif;
     function goBack({ clearInput = false }) {
@@ -48,17 +57,34 @@ export function SendGiphyScreen({ route }) {
         mutate({ text: '', attachments: [result] });
         goBack({ clearInput: true });
     }
-    return (_jsxs(FormSheet.Root, { contentStyle: styles.container, children: [_jsx(View, { style: styles.poweredByGiphyContainer, children: _jsx(NativeImage, { alt: "Powered by Giphy", style: styles.poweredByGiphyImage, source: { uri: poweredByGiphyImage } }) }), _jsxs(View, { style: styles.controlToolbar, accessibilityRole: "toolbar", children: [_jsxs(View, { style: styles.paginateButtonGroup, children: [_jsx(PaginateButton, { name: "general.leftArrow", accessibilityLabel: "Previous Giphy", onPress: prevResult, disabled: disabled }), _jsx(PaginateButton, { name: "general.rightArrow", accessibilityLabel: "Next GIF", onPress: nextResult, disabled: disabled })] }), _jsxs(View, { style: styles.formButtonGroup, children: [_jsx(TextButton, { onPress: () => goBack({ clearInput: false }), maxFontSizeMultiplier: 1, accessibilityHint: "Cancels the Giphy selection and closes this modal.", children: "Cancel" }), _jsx(Button, { onPress: sendGiphy, title: "Send", size: "lg", disabled: disabled, maxFontSizeMultiplier: 1, accessibilityLabel: "Send Giphy", accessibilityHint: "Sends the selected Giphy as a message to the conversation." })] })] }), isSearching ? (_jsx(DefaultLoading, {})) : (_jsx(NativeImage, { source: { uri: url }, alt: result.title, style: [styles.image, { width: size, height: size }] }))] }));
+    return (<FormSheet.Root contentStyle={styles.container}>
+      <View style={styles.poweredByGiphyContainer}>
+        <NativeImage alt="Powered by Giphy" style={styles.poweredByGiphyImage} source={{ uri: poweredByGiphyImage }}/>
+      </View>
+      <View style={styles.controlToolbar} accessibilityRole="toolbar">
+        <View style={styles.paginateButtonGroup}>
+          <PaginateButton name="general.leftArrow" accessibilityLabel="Previous Giphy" onPress={prevResult} disabled={disabled}/>
+          <PaginateButton name="general.rightArrow" accessibilityLabel="Next GIF" onPress={nextResult} disabled={disabled}/>
+        </View>
+        <View style={styles.formButtonGroup}>
+          <TextButton onPress={() => goBack({ clearInput: false })} maxFontSizeMultiplier={1} accessibilityHint="Cancels the Giphy selection and closes this modal.">
+            Cancel
+          </TextButton>
+          <Button onPress={sendGiphy} title="Send" size="lg" disabled={disabled} maxFontSizeMultiplier={1} accessibilityLabel="Send Giphy" accessibilityHint="Sends the selected Giphy as a message to the conversation."/>
+        </View>
+      </View>
+      {isSearching ? (<DefaultLoading />) : (<NativeImage source={{ uri: url }} alt={result.title} style={[styles.image, { width: size, height: size }]}/>)}
+    </FormSheet.Root>);
 }
 function PaginateButton({ name, accessibilityLabel, onPress, disabled }) {
     const styles = useStyles();
     const { colors } = useTheme();
     const androidRippleColor = useCreateAndroidRippleColor({ color: colors.interaction });
-    return (_jsx(IconButton, { name: name, accessibilityLabel: accessibilityLabel, size: "md", appearance: "interaction", onPress: onPress, disabled: disabled, style: [styles.paginateButton, disabled && styles.paginateButtonDisabled], android_ripple: {
+    return (<IconButton name={name} accessibilityLabel={accessibilityLabel} size="md" appearance="interaction" onPress={onPress} disabled={disabled} style={[styles.paginateButton, disabled && styles.paginateButtonDisabled]} android_ripple={{
             color: androidRippleColor,
             borderless: true,
             foreground: true,
-        }, maxFontSizeMultiplier: 1 }));
+        }} maxFontSizeMultiplier={1}/>);
 }
 const useStyles = () => {
     const { colors } = useTheme();

package/build/screens/send_giphy_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"send_giphy_screen.js","sourceRoot":"","sources":["../../src/screens/send_giphy_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StackActions, StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React from 'react'\nimport { Image as NativeImage, Platform, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport { Button, IconButton, IconString, TextButton } from '../components'\nimport { DefaultLoading } from '../components/page/loading'\nimport BlankState from '../components/primitive/blank_state_primitive'\nimport FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'\nimport { useCreateAndroidRippleColor, useTheme } from '../hooks'\nimport { useGiphy } from '../hooks/use_giphy'\nimport { useMessageCreateOrUpdate } from '../hooks/use_message_create_or_update'\nimport { tokens } from '../vendor/tapestry/tokens'\n\nexport const SendGiphyScreenOptions = getFormSheetScreenOptions({\n  headerTitle: 'Send Giphy',\n  sheetAllowedDetents: Platform.select({ android: [0.7, 0.94], default: [0.7, 1] }),\n})\n\nexport type SendGiphyScreenProps = StaticScreenProps<{\n  conversation_id: number\n  search_term: string\n}>\n\nexport function SendGiphyScreen({ route }: SendGiphyScreenProps) {\n  const { conversation_id, search_term } = route.params\n  const styles = useStyles()\n  const navigation = useNavigation()\n\n  const { isPending, mutate } = useMessageCreateOrUpdate({\n    conversationId: conversation_id,\n  })\n  const { isSearching, result, nextResult, prevResult } = useGiphy(search_term)\n  const disabled = isPending || isSearching\n\n  const { width } = useWindowDimensions()\n  const size = width - 24\n\n  if (!result)\n    return (\n      <FormSheet.Root contentStyle={styles.blankStateContainer}>\n        <BlankState.Root style={styles.blankState}>\n          <BlankState.Imagery name=\"general.bolt\" />\n          <BlankState.Content>\n            <BlankState.Heading>No Giphys found</BlankState.Heading>\n            <BlankState.Text>Try a different search term.</BlankState.Text>\n          </BlankState.Content>\n          <BlankState.Button onPress={() => navigation.goBack()} title=\"Close\" />\n        </BlankState.Root>\n      </FormSheet.Root>\n    )\n\n  const gif = result.giphy.fixed_width\n  const { url } = gif\n\n  function goBack({ clearInput = false }) {\n    if (clearInput) {\n      const routes = navigation.getState()?.routes || []\n      const conversationParams = routes.find(r => r.name === 'Conversation')?.params || {}\n\n      navigation.dispatch(\n        StackActions.popTo('Conversation', {\n          ...conversationParams,\n          conversation_id,\n          clear_input: true,\n        })\n      )\n    } else {\n      navigation.goBack()\n    }\n  }\n\n  function sendGiphy() {\n    if (disabled) return\n\n    mutate({ text: '', attachments: [result] })\n    goBack({ clearInput: true })\n  }\n\n  return (\n    <FormSheet.Root contentStyle={styles.container}>\n      <View style={styles.poweredByGiphyContainer}>\n        <NativeImage\n          alt=\"Powered by Giphy\"\n          style={styles.poweredByGiphyImage}\n          source={{ uri: poweredByGiphyImage }}\n        />\n      </View>\n      <View style={styles.controlToolbar} accessibilityRole=\"toolbar\">\n        <View style={styles.paginateButtonGroup}>\n          <PaginateButton\n            name=\"general.leftArrow\"\n            accessibilityLabel=\"Previous Giphy\"\n            onPress={prevResult}\n            disabled={disabled}\n          />\n          <PaginateButton\n            name=\"general.rightArrow\"\n            accessibilityLabel=\"Next GIF\"\n            onPress={nextResult}\n            disabled={disabled}\n          />\n        </View>\n        <View style={styles.formButtonGroup}>\n          <TextButton\n            onPress={() => goBack({ clearInput: false })}\n            maxFontSizeMultiplier={1}\n            accessibilityHint=\"Cancels the Giphy selection and closes this modal.\"\n          >\n            Cancel\n          </TextButton>\n          <Button\n            onPress={sendGiphy}\n            title=\"Send\"\n            size=\"lg\"\n            disabled={disabled}\n            maxFontSizeMultiplier={1}\n            accessibilityLabel=\"Send Giphy\"\n            accessibilityHint=\"Sends the selected Giphy as a message to the conversation.\"\n          />\n        </View>\n      </View>\n      {isSearching ? (\n        <DefaultLoading />\n      ) : (\n        <NativeImage\n          source={{ uri: url }}\n          alt={result.title}\n          style={[styles.image, { width: size, height: size }]}\n        />\n      )}\n    </FormSheet.Root>\n  )\n}\n\ninterface PaginateButtonProps {\n  name: IconString\n  accessibilityLabel: string\n  onPress: () => void\n  disabled: boolean\n}\n\nfunction PaginateButton({ name, accessibilityLabel, onPress, disabled }: PaginateButtonProps) {\n  const styles = useStyles()\n  const { colors } = useTheme()\n  const androidRippleColor = useCreateAndroidRippleColor({ color: colors.interaction })\n\n  return (\n    <IconButton\n      name={name}\n      accessibilityLabel={accessibilityLabel}\n      size=\"md\"\n      appearance=\"interaction\"\n      onPress={onPress}\n      disabled={disabled}\n      style={[styles.paginateButton, disabled && styles.paginateButtonDisabled]}\n      android_ripple={{\n        color: androidRippleColor,\n        borderless: true,\n        foreground: true,\n      }}\n      maxFontSizeMultiplier={1}\n    />\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      paddingTop: 32,\n      paddingHorizontal: 16,\n      gap: 8,\n    },\n    blankStateContainer: {\n      paddingVertical: 64,\n    },\n    blankState: {\n      flex: 0,\n      flexGrow: 1,\n    },\n    poweredByGiphyContainer: {\n      alignSelf: 'flex-start',\n      padding: 4,\n      borderRadius: 4,\n      backgroundColor: colors.name === 'dark' ? tokens.colorNeutral68 : 'transparent',\n    },\n    poweredByGiphyImage: {\n      width: 170,\n      height: 20,\n    },\n    controlToolbar: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n    },\n    formButtonGroup: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 16,\n    },\n    paginateButtonGroup: {\n      flexDirection: 'row',\n      gap: 8,\n    },\n    paginateButton: {\n      borderColor: colors.interaction,\n      borderWidth: 1,\n      height: 28,\n      paddingHorizontal: 12,\n      borderRadius: 16,\n      overflow: 'hidden',\n    },\n    paginateButtonDisabled: {\n      backgroundColor: colors.fillColorButtonNeutralSolidDisabled,\n      borderColor: colors.fillColorButtonNeutralSolidDisabled,\n    },\n    image: {\n      borderRadius: 8,\n      maxWidth: '100%',\n    },\n  })\n}\n\nconst poweredByGiphyImage = `data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAWCAYAAACFbNPBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA\nGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABa9JREFUeNrsWy1z40gQla8EDAwE\nDAQCDAIMAgwCDA0XBgYGBu5PyM84aLgw8KDBAoMDBgsEAgQEBAQEBARclZ2uepPrne2WRrbls7Pq\nKpWc0UxPz0y//pIyen9/Dwa6LhqNRjNzmwmPcnOl5kzrYZdOQ+GwBVcDirG5LXGNG7rWpu/O3Dcu\nUEz7ytxW7gDT76WtjzYXAdJcW8MjFWR+EoBMAF4ra3wRmmkdG/Psq/kdac8Vfg/mtpAMiRnzt88C\n/xpU7yrAEZvbMxR33NLdAukZ4/okmmturicz1yNA3Be9Ku0rM2+keNlFR14DQK4UHE+K9Wwi6v94\nRlHnfc4HD5Uojx8826zHyQeAfJ6w6tHDa2jhz7czizwzMi969iK1Mu/cCRMjJbTa9JKDSG7M0N5M\nWDn9iOeUHWpl+hTs2UQZF6HvnrVNIGMFfpq8ltdEUhQeiyvr+FgLm1Pl0WVvWtb8sT6+bkZL5aBJ\nli1ZVLKGmN+GFDM8X3exlB6UCh4qUmTe9eRFKL96VTzVF/MshZ6sjg2tDknSF4pyECoTduALl69p\nr3CYpDB3aP7OnhOgqP3NXBkbeocFU9/bhjBj1yJjwpRFs3Al+IjzGB6Z4fHWdW+wJlpHaP7eWqBB\nqRdQ5n8VvksFHL8ov/ltZd8ZvkskwvmJlXMteLdnYa96zXtI1wCEmQDYZSBX9zqHVodWsSocuCVS\nphiKUDNFIcAU4B9D6DkUocCYqfUs8Dh2czN2AHQVZF3N3y4YXLms98hx2fXRvHMzvmBWmvf5sPgK\n6EiGG7pIhgaQuDxv2XoSgGTO+N7avZK8B5JMKbT6p+mgzbPtOWIpWPNdh4rXqUOtZ2F/NFnSrqHV\noQDZw1rZQ3wDKCLwCq3bZ0qXQtljeIoMijMFWDhAJtQXVta2Fc7BlIq15uEQlzEDQCfwEr/1URSA\nP6cw5h4gyZRwy503tyAgQ0AApTUh6R5DnqxBDs0SJk6s3aagaln1RFWsQ/KUlyPBWRoepPBfPHOx\n10PnOvY9CB8/gfC5Yl1JMSZQlg8AADQhlDdCuwXR3uUHyypVODSaCB4iEviULaDJ4AHGSqIYO7lI\nBABUTLGXAE0Y/PcOoQvll/ISsKGMehb5yFMiMZ+1dN20GcNTAmTMFCtk8WbeUoasBcDMAI4pU6B7\nKFoBxc49LWuqKKpNgksnQZYSzJR5GNF7dtiniAExpBAKYaINtYh+KIl50GEfzwkIX6ufnDnU+tri\nPY8KOTsDxFHQGiEVxaN7mzsIVi5ylCwHHwuQCjwKgO5GCq9gOXxjSQuOTLDUaYvXkWjqYd1TVqy4\ngww3dn54z0AArC/FweXT9lwTsVBrderQ6lCA0MFqJbwCSnSLqpEFTMhAVbAEr2IHnrHnFiA1S+K7\nhiEpqxJFx26S4XUDuWpPd73HAR3zZrlWPHjMwk4C3sYzUT2LRfeoFNVKZBB4hEsSSDbIxX6rbB4T\nWp0qB+GC2no8KdK9+V2Cv03g3Y/obEzPgWPzk7HkPaCsUtz7pliXBHMsqOLCQppYeHdR8QoVm8d6\nIhr7o8m6C6Fd0BK2NSbXSjslpmuWe6XO/vwfAClRXUs8Ddj6yDDubOFo2HETqhaQJCwBj9m4TPAG\nBZ6VTiyeYbxrZdpCkj341Q5oQyZP5qGwlfB3hTXUDXvjjtkrVarSYy1W9lLwgJS7PZjnr4KC9fkt\nVKq05Z7AuEryBkhDaCVVlFKPfqRAO6E9C359WWjb3zymb+XXtg7PeQ7am659ET5J3xQtUCxJmEGI\nmUfuI95fB38gDZ+7XzARmPBmPFYqZctLrnx9Bho+Vrx8WjcktT7g2AxbOADkM3uRGiDpGucTqE79\nweIQYg10sSD5xt5ezwL9K1/K/xIl1yk98kOfPl1A6tPWVAjwqQIeOq6VRsP/pF8vOZ/L5MP/ovew\nxwNABhpIp58CDAChjQWETVMlnAAAAABJRU5ErkJggg==`\n"]}
+{"version":3,"file":"send_giphy_screen.js","sourceRoot":"","sources":["../../src/screens/send_giphy_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StackActions, StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React from 'react'\nimport { Image as NativeImage, Platform, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport { Button, IconButton, IconString, TextButton } from '../components'\nimport { DefaultLoading } from '../components/page/loading'\nimport BlankState from '../components/primitive/blank_state_primitive'\nimport FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'\nimport { useCreateAndroidRippleColor, useTheme } from '../hooks'\nimport { useGiphy } from '../hooks/use_giphy'\nimport { useMessageCreateOrUpdate } from '../hooks/use_message_create_or_update'\nimport { tokens } from '../vendor/tapestry/tokens'\n\nexport const SendGiphyScreenOptions = getFormSheetScreenOptions({\n  headerTitle: 'Send Giphy',\n  sheetAllowedDetents: Platform.select({ android: [0.7, 0.94], default: [0.7, 1] }),\n})\n\nexport type SendGiphyScreenProps = StaticScreenProps<{\n  conversation_id: number\n  search_term: string\n}>\n\nexport function SendGiphyScreen({ route }: SendGiphyScreenProps) {\n  const { conversation_id, search_term } = route.params\n  const styles = useStyles()\n  const navigation = useNavigation()\n\n  const { isPending, mutate } = useMessageCreateOrUpdate({\n    conversationId: conversation_id,\n  })\n  const { isSearching, result, nextResult, prevResult } = useGiphy(search_term)\n  const disabled = isPending || isSearching\n\n  const { width } = useWindowDimensions()\n  const size = width - 24\n\n  if (!result)\n    return (\n      <FormSheet.Root contentStyle={styles.blankStateContainer}>\n        <BlankState.Root style={styles.blankState}>\n          <BlankState.Imagery name=\"general.bolt\" />\n          <BlankState.Content>\n            <BlankState.Heading>No Giphys found</BlankState.Heading>\n            <BlankState.Text>Try a different search term.</BlankState.Text>\n          </BlankState.Content>\n          <BlankState.Button onPress={() => navigation.goBack()} title=\"Close\" />\n        </BlankState.Root>\n      </FormSheet.Root>\n    )\n\n  const gif = result.giphy.fixed_width\n  const { url } = gif\n\n  function goBack({ clearInput = false }) {\n    if (clearInput) {\n      const routes = navigation.getState()?.routes || []\n      const conversationParams = routes.find(r => r.name === 'Conversation')?.params || {}\n\n      navigation.dispatch(\n        StackActions.popTo('Conversation', {\n          ...conversationParams,\n          conversation_id,\n          clear_input: true,\n        })\n      )\n    } else {\n      navigation.goBack()\n    }\n  }\n\n  function sendGiphy() {\n    if (disabled) return\n\n    mutate({ text: '', attachments: [result] })\n    goBack({ clearInput: true })\n  }\n\n  return (\n    <FormSheet.Root contentStyle={styles.container}>\n      <View style={styles.poweredByGiphyContainer}>\n        <NativeImage\n          alt=\"Powered by Giphy\"\n          style={styles.poweredByGiphyImage}\n          source={{ uri: poweredByGiphyImage }}\n        />\n      </View>\n      <View style={styles.controlToolbar} accessibilityRole=\"toolbar\">\n        <View style={styles.paginateButtonGroup}>\n          <PaginateButton\n            name=\"general.leftArrow\"\n            accessibilityLabel=\"Previous Giphy\"\n            onPress={prevResult}\n            disabled={disabled}\n          />\n          <PaginateButton\n            name=\"general.rightArrow\"\n            accessibilityLabel=\"Next GIF\"\n            onPress={nextResult}\n            disabled={disabled}\n          />\n        </View>\n        <View style={styles.formButtonGroup}>\n          <TextButton\n            onPress={() => goBack({ clearInput: false })}\n            maxFontSizeMultiplier={1}\n            accessibilityHint=\"Cancels the Giphy selection and closes this modal.\"\n          >\n            Cancel\n          </TextButton>\n          <Button\n            onPress={sendGiphy}\n            title=\"Send\"\n            size=\"lg\"\n            disabled={disabled}\n            maxFontSizeMultiplier={1}\n            accessibilityLabel=\"Send Giphy\"\n            accessibilityHint=\"Sends the selected Giphy as a message to the conversation.\"\n          />\n        </View>\n      </View>\n      {isSearching ? (\n        <DefaultLoading />\n      ) : (\n        <NativeImage\n          source={{ uri: url }}\n          alt={result.title}\n          style={[styles.image, { width: size, height: size }]}\n        />\n      )}\n    </FormSheet.Root>\n  )\n}\n\ninterface PaginateButtonProps {\n  name: IconString\n  accessibilityLabel: string\n  onPress: () => void\n  disabled: boolean\n}\n\nfunction PaginateButton({ name, accessibilityLabel, onPress, disabled }: PaginateButtonProps) {\n  const styles = useStyles()\n  const { colors } = useTheme()\n  const androidRippleColor = useCreateAndroidRippleColor({ color: colors.interaction })\n\n  return (\n    <IconButton\n      name={name}\n      accessibilityLabel={accessibilityLabel}\n      size=\"md\"\n      appearance=\"interaction\"\n      onPress={onPress}\n      disabled={disabled}\n      style={[styles.paginateButton, disabled && styles.paginateButtonDisabled]}\n      android_ripple={{\n        color: androidRippleColor,\n        borderless: true,\n        foreground: true,\n      }}\n      maxFontSizeMultiplier={1}\n    />\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      paddingTop: 32,\n      paddingHorizontal: 16,\n      gap: 8,\n    },\n    blankStateContainer: {\n      paddingVertical: 64,\n    },\n    blankState: {\n      flex: 0,\n      flexGrow: 1,\n    },\n    poweredByGiphyContainer: {\n      alignSelf: 'flex-start',\n      padding: 4,\n      borderRadius: 4,\n      backgroundColor: colors.name === 'dark' ? tokens.colorNeutral68 : 'transparent',\n    },\n    poweredByGiphyImage: {\n      width: 170,\n      height: 20,\n    },\n    controlToolbar: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n    },\n    formButtonGroup: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 16,\n    },\n    paginateButtonGroup: {\n      flexDirection: 'row',\n      gap: 8,\n    },\n    paginateButton: {\n      borderColor: colors.interaction,\n      borderWidth: 1,\n      height: 28,\n      paddingHorizontal: 12,\n      borderRadius: 16,\n      overflow: 'hidden',\n    },\n    paginateButtonDisabled: {\n      backgroundColor: colors.fillColorButtonNeutralSolidDisabled,\n      borderColor: colors.fillColorButtonNeutralSolidDisabled,\n    },\n    image: {\n      borderRadius: 8,\n      maxWidth: '100%',\n    },\n  })\n}\n\nconst poweredByGiphyImage = `data:image/png;base64,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`\n"]}

package/build/screens/settings_screen.d.ts

@@ -1,4 +1,5 @@
 import { StaticScreenProps } from '@react-navigation/native';
+import React from 'react';
 export type SettingsScreenProps = StaticScreenProps<{}>;
-export declare function SettingsScreen({}: SettingsScreenProps): import("react/jsx-runtime").JSX.Element;
+export declare function SettingsScreen({}: SettingsScreenProps): React.JSX.Element;
 //# sourceMappingURL=settings_screen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"settings_screen.d.ts","sourceRoot":"","sources":["../../src/screens/settings_screen.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AAS3E,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAA;AAEvD,wBAAgB,cAAc,CAAC,EAAE,EAAE,mBAAmB,2CA0CrD"}
+{"version":3,"file":"settings_screen.d.ts","sourceRoot":"","sources":["../../src/screens/settings_screen.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AAC3E,OAAO,KAAsB,MAAM,OAAO,CAAA;AAQ1C,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAA;AAEvD,wBAAgB,cAAc,CAAC,EAAE,EAAE,mBAAmB,qBA0CrD"}

package/build/screens/settings_screen.js

@@ -1,7 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PlatformPressable } from '@react-navigation/elements';
 import { useNavigation } from '@react-navigation/native';
-import { useCallback } from 'react';
+import React, { useCallback } from 'react';
 import { Platform, StyleSheet, View } from 'react-native';
 import { Heading, Icon, Text } from '../components';
 import { Switch } from '../components/display/switch';
@@ -20,11 +19,34 @@ export function SettingsScreen({}) {
     const handleGetHelp = useCallback(() => {
         navigation.navigate('GetHelp', { type: 'chat' });
     }, [navigation]);
-    return (_jsx(View, { style: styles.container, children: _jsxs(View, { style: styles.sectionOuter, children: [_jsx(View, { style: styles.sectionHeader, children: _jsx(Heading, { variant: "h2", children: "Messages" }) }), directMessagesEnabled && (_jsxs(View, { style: styles.settingRow, children: [_jsxs(View, { style: styles.settingRowText, children: [_jsx(Text, { children: "Allow direct messages" }), _jsx(Text, { variant: "tertiary", children: "When off, you can't be added to new direct messages, and any you're already in will be turned off." })] }), _jsx(Switch, { value: !directMessagesDisabled, onValueChange: enabled => setDirectMessagesDisabled(!enabled), disabled: isMutating })] })), _jsx(NavRow, { label: "Notification settings", onPress: handleNotificationSettings }), appName !== 'services' && _jsx(NavRow, { label: "Get help", onPress: handleGetHelp })] }) }));
+    return (<View style={styles.container}>
+      <View style={styles.sectionOuter}>
+        <View style={styles.sectionHeader}>
+          <Heading variant="h2">Messages</Heading>
+        </View>
+        {directMessagesEnabled && (<View style={styles.settingRow}>
+            <View style={styles.settingRowText}>
+              <Text>Allow direct messages</Text>
+              <Text variant="tertiary">
+                When off, you can't be added to new direct messages, and any you're already in will
+                be turned off.
+              </Text>
+            </View>
+            <Switch value={!directMessagesDisabled} onValueChange={enabled => setDirectMessagesDisabled(!enabled)} disabled={isMutating}/>
+          </View>)}
+        <NavRow label="Notification settings" onPress={handleNotificationSettings}/>
+        {appName !== 'services' && <NavRow label="Get help" onPress={handleGetHelp}/>}
+      </View>
+    </View>);
 }
 function NavRow({ label, onPress }) {
     const styles = useNavRowStyles();
-    return (_jsx(PlatformPressable, { style: styles.container, onPress: onPress, accessibilityRole: "button", accessibilityLabel: label, children: _jsxs(View, { style: styles.inner, children: [_jsx(Text, { children: label }), Platform.OS === 'ios' && (_jsx(Icon, { name: "general.rightChevron", size: 16, style: styles.chevron }))] }) }));
+    return (<PlatformPressable style={styles.container} onPress={onPress} accessibilityRole="button" accessibilityLabel={label}>
+      <View style={styles.inner}>
+        <Text>{label}</Text>
+        {Platform.OS === 'ios' && (<Icon name="general.rightChevron" size={16} style={styles.chevron}/>)}
+      </View>
+    </PlatformPressable>);
 }
 const useStyles = () => {
     const { colors } = useTheme();

package/build/screens/settings_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings_screen.js","sourceRoot":"","sources":["../../src/screens/settings_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React, { useCallback } from 'react'\nimport { Platform, StyleSheet, View } from 'react-native'\nimport { Heading, Icon, Text } from '../components'\nimport { Switch } from '../components/display/switch'\nimport { useDirectMessagesEnabled, useTheme } from '../hooks'\nimport { useAppName } from '../hooks/use_app_name'\nimport { usePersonSettings } from '../hooks/use_person_settings'\n\nexport type SettingsScreenProps = StaticScreenProps<{}>\n\nexport function SettingsScreen({}: SettingsScreenProps) {\n  const styles = useStyles()\n  const { directMessagesDisabled, setDirectMessagesDisabled, isMutating } = usePersonSettings()\n  const directMessagesEnabled = useDirectMessagesEnabled()\n  const appName = useAppName()\n  const navigation = useNavigation()\n\n  const handleNotificationSettings = useCallback(() => {\n    navigation.navigate('NotificationSettings', {})\n  }, [navigation])\n\n  const handleGetHelp = useCallback(() => {\n    navigation.navigate('GetHelp', { type: 'chat' })\n  }, [navigation])\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.sectionOuter}>\n        <View style={styles.sectionHeader}>\n          <Heading variant=\"h2\">Messages</Heading>\n        </View>\n        {directMessagesEnabled && (\n          <View style={styles.settingRow}>\n            <View style={styles.settingRowText}>\n              <Text>Allow direct messages</Text>\n              <Text variant=\"tertiary\">\n                When off, you can't be added to new direct messages, and any you're already in will\n                be turned off.\n              </Text>\n            </View>\n            <Switch\n              value={!directMessagesDisabled}\n              onValueChange={enabled => setDirectMessagesDisabled(!enabled)}\n              disabled={isMutating}\n            />\n          </View>\n        )}\n        <NavRow label=\"Notification settings\" onPress={handleNotificationSettings} />\n        {appName !== 'services' && <NavRow label=\"Get help\" onPress={handleGetHelp} />}\n      </View>\n    </View>\n  )\n}\n\ninterface NavRowProps {\n  label: string\n  onPress: () => void\n}\n\nfunction NavRow({ label, onPress }: NavRowProps) {\n  const styles = useNavRowStyles()\n  return (\n    <PlatformPressable\n      style={styles.container}\n      onPress={onPress}\n      accessibilityRole=\"button\"\n      accessibilityLabel={label}\n    >\n      <View style={styles.inner}>\n        <Text>{label}</Text>\n        {Platform.OS === 'ios' && (\n          <Icon name=\"general.rightChevron\" size={16} style={styles.chevron} />\n        )}\n      </View>\n    </PlatformPressable>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n    },\n    sectionOuter: {\n      paddingLeft: 16,\n    },\n    sectionHeader: {\n      paddingRight: 16,\n      paddingTop: 24,\n      paddingBottom: 12,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultBase,\n    },\n    settingRow: {\n      flexDirection: 'row',\n      alignItems: 'flex-start',\n      justifyContent: 'space-between',\n      paddingRight: 16,\n      paddingVertical: 12,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultBase,\n    },\n    settingRowText: {\n      flex: 1,\n      gap: 8,\n    },\n  })\n}\n\nconst useNavRowStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    container: {\n      paddingLeft: 0,\n    },\n    inner: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      paddingRight: 16,\n      paddingVertical: 14,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultBase,\n    },\n    chevron: {\n      color: colors.iconColorDefaultDisabled,\n    },\n  })\n}\n"]}
+{"version":3,"file":"settings_screen.js","sourceRoot":"","sources":["../../src/screens/settings_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React, { useCallback } from 'react'\nimport { Platform, StyleSheet, View } from 'react-native'\nimport { Heading, Icon, Text } from '../components'\nimport { Switch } from '../components/display/switch'\nimport { useDirectMessagesEnabled, useTheme } from '../hooks'\nimport { useAppName } from '../hooks/use_app_name'\nimport { usePersonSettings } from '../hooks/use_person_settings'\n\nexport type SettingsScreenProps = StaticScreenProps<{}>\n\nexport function SettingsScreen({}: SettingsScreenProps) {\n  const styles = useStyles()\n  const { directMessagesDisabled, setDirectMessagesDisabled, isMutating } = usePersonSettings()\n  const directMessagesEnabled = useDirectMessagesEnabled()\n  const appName = useAppName()\n  const navigation = useNavigation()\n\n  const handleNotificationSettings = useCallback(() => {\n    navigation.navigate('NotificationSettings', {})\n  }, [navigation])\n\n  const handleGetHelp = useCallback(() => {\n    navigation.navigate('GetHelp', { type: 'chat' })\n  }, [navigation])\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.sectionOuter}>\n        <View style={styles.sectionHeader}>\n          <Heading variant=\"h2\">Messages</Heading>\n        </View>\n        {directMessagesEnabled && (\n          <View style={styles.settingRow}>\n            <View style={styles.settingRowText}>\n              <Text>Allow direct messages</Text>\n              <Text variant=\"tertiary\">\n                When off, you can't be added to new direct messages, and any you're already in will\n                be turned off.\n              </Text>\n            </View>\n            <Switch\n              value={!directMessagesDisabled}\n              onValueChange={enabled => setDirectMessagesDisabled(!enabled)}\n              disabled={isMutating}\n            />\n          </View>\n        )}\n        <NavRow label=\"Notification settings\" onPress={handleNotificationSettings} />\n        {appName !== 'services' && <NavRow label=\"Get help\" onPress={handleGetHelp} />}\n      </View>\n    </View>\n  )\n}\n\ninterface NavRowProps {\n  label: string\n  onPress: () => void\n}\n\nfunction NavRow({ label, onPress }: NavRowProps) {\n  const styles = useNavRowStyles()\n  return (\n    <PlatformPressable\n      style={styles.container}\n      onPress={onPress}\n      accessibilityRole=\"button\"\n      accessibilityLabel={label}\n    >\n      <View style={styles.inner}>\n        <Text>{label}</Text>\n        {Platform.OS === 'ios' && (\n          <Icon name=\"general.rightChevron\" size={16} style={styles.chevron} />\n        )}\n      </View>\n    </PlatformPressable>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n    },\n    sectionOuter: {\n      paddingLeft: 16,\n    },\n    sectionHeader: {\n      paddingRight: 16,\n      paddingTop: 24,\n      paddingBottom: 12,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultBase,\n    },\n    settingRow: {\n      flexDirection: 'row',\n      alignItems: 'flex-start',\n      justifyContent: 'space-between',\n      paddingRight: 16,\n      paddingVertical: 12,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultBase,\n    },\n    settingRowText: {\n      flex: 1,\n      gap: 8,\n    },\n  })\n}\n\nconst useNavRowStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    container: {\n      paddingLeft: 0,\n    },\n    inner: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      paddingRight: 16,\n      paddingVertical: 14,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultBase,\n    },\n    chevron: {\n      color: colors.iconColorDefaultDisabled,\n    },\n  })\n}\n"]}

package/build/screens/system_message_people_screen.d.ts

@@ -1,8 +1,9 @@
 import { StaticScreenProps } from '@react-navigation/native';
+import React from 'react';
 export declare const SystemMessagePeopleScreenOptions: import("@react-navigation/native-stack").NativeStackNavigationOptions;
 export type SystemMessagePeopleScreenProps = StaticScreenProps<{
     conversation_id: number;
     person_ids: number[];
 }>;
-export declare function SystemMessagePeopleScreen({ route }: SystemMessagePeopleScreenProps): import("react/jsx-runtime").JSX.Element;
+export declare function SystemMessagePeopleScreen({ route }: SystemMessagePeopleScreenProps): React.JSX.Element;
 //# sourceMappingURL=system_message_people_screen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"system_message_people_screen.d.ts","sourceRoot":"","sources":["../../src/screens/system_message_people_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAU5D,eAAO,MAAM,gCAAgC,uEAM3C,CAAA;AAEF,MAAM,MAAM,8BAA8B,GAAG,iBAAiB,CAAC;IAC7D,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,EAAE,MAAM,EAAE,CAAA;CACrB,CAAC,CAAA;AAEF,wBAAgB,yBAAyB,CAAC,EAAE,KAAK,EAAE,EAAE,8BAA8B,2CA8BlF"}
+{"version":3,"file":"system_message_people_screen.d.ts","sourceRoot":"","sources":["../../src/screens/system_message_people_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAe,MAAM,OAAO,CAAA;AASnC,eAAO,MAAM,gCAAgC,uEAM3C,CAAA;AAEF,MAAM,MAAM,8BAA8B,GAAG,iBAAiB,CAAC;IAC7D,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,EAAE,MAAM,EAAE,CAAA;CACrB,CAAC,CAAA;AAEF,wBAAgB,yBAAyB,CAAC,EAAE,KAAK,EAAE,EAAE,8BAA8B,qBA8BlF"}

package/build/screens/system_message_people_screen.js

@@ -1,5 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
+import React, { memo } from 'react';
 import { Platform, StyleSheet, View } from 'react-native';
 import { FlatList } from 'react-native-gesture-handler';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
@@ -30,11 +29,18 @@ export function SystemMessagePeopleScreen({ route }) {
     });
     const orderById = Object.fromEntries(person_ids.map((id, i) => [id, i]));
     const sortedMembers = [...members].sort((a, b) => (orderById[a.id] ?? 0) - (orderById[b.id] ?? 0));
-    return (_jsx(FormSheet.Root, { contentStyle: styles.formSheetContent, children: _jsx(FlatList, { data: sortedMembers, contentContainerStyle: styles.contentContainer, keyExtractor: item => item.id.toString(), renderItem: ({ item }) => _jsx(Person, { person: item }) }) }));
+    return (<FormSheet.Root contentStyle={styles.formSheetContent}>
+      <FlatList data={sortedMembers} contentContainerStyle={styles.contentContainer} keyExtractor={item => item.id.toString()} renderItem={({ item }) => <Person person={item}/>}/>
+    </FormSheet.Root>);
 }
 const Person = memo(({ person }) => {
     const styles = useStyles();
-    return (_jsxs(View, { style: styles.personRow, children: [_jsx(Avatar, { sourceUri: person.avatar, size: "sm" }), _jsx(Text, { variant: "tertiary", numberOfLines: 2, style: styles.personName, children: person.name })] }));
+    return (<View style={styles.personRow}>
+      <Avatar sourceUri={person.avatar} size="sm"/>
+      <Text variant="tertiary" numberOfLines={2} style={styles.personName}>
+        {person.name}
+      </Text>
+    </View>);
 });
 const useStyles = () => {
     const { bottom } = useSafeAreaInsets();

package/build/screens/system_message_people_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"system_message_people_screen.js","sourceRoot":"","sources":["../../src/screens/system_message_people_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StaticScreenProps } from '@react-navigation/native'\nimport React, { memo } from 'react'\nimport { Platform, StyleSheet, View } from 'react-native'\nimport { FlatList } from 'react-native-gesture-handler'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Avatar, Text } from '../components'\nimport FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'\nimport { useSuspenseGet } from '../hooks'\nimport { MemberResource } from '../types'\n\nexport const SystemMessagePeopleScreenOptions = getFormSheetScreenOptions({\n  sheetAllowedDetents: Platform.select({\n    android: [0.5, 0.94],\n    default: [0.5, 1],\n  }),\n  headerTitle: 'People',\n})\n\nexport type SystemMessagePeopleScreenProps = StaticScreenProps<{\n  conversation_id: number\n  person_ids: number[]\n}>\n\nexport function SystemMessagePeopleScreen({ route }: SystemMessagePeopleScreenProps) {\n  const { conversation_id, person_ids } = route.params\n  const styles = useStyles()\n\n  const { data: members } = useSuspenseGet<MemberResource[]>({\n    url: `/me/conversations/${conversation_id}/members`,\n    data: {\n      fields: {\n        Member: ['id', 'name', 'avatar'],\n      },\n      where: {\n        id: person_ids,\n      },\n      limit: person_ids.length,\n    },\n  })\n\n  const orderById = Object.fromEntries(person_ids.map((id, i) => [id, i]))\n  const sortedMembers = [...members].sort((a, b) => (orderById[a.id] ?? 0) - (orderById[b.id] ?? 0))\n\n  return (\n    <FormSheet.Root contentStyle={styles.formSheetContent}>\n      <FlatList\n        data={sortedMembers}\n        contentContainerStyle={styles.contentContainer}\n        keyExtractor={item => item.id.toString()}\n        renderItem={({ item }) => <Person person={item} />}\n      />\n    </FormSheet.Root>\n  )\n}\n\ntype PersonProps = Pick<MemberResource, 'id' | 'name' | 'avatar'>\n\nconst Person = memo(({ person }: { person: PersonProps }) => {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.personRow}>\n      <Avatar sourceUri={person.avatar} size=\"sm\" />\n      <Text variant=\"tertiary\" numberOfLines={2} style={styles.personName}>\n        {person.name}\n      </Text>\n    </View>\n  )\n})\n\nconst useStyles = () => {\n  const { bottom } = useSafeAreaInsets()\n\n  return StyleSheet.create({\n    formSheetContent: {\n      paddingTop: 16,\n    },\n    contentContainer: {\n      paddingTop: 8,\n      paddingBottom: bottom + 24,\n    },\n    personRow: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 8,\n      paddingVertical: 8,\n      paddingHorizontal: 16,\n      flex: 1,\n    },\n    personName: {\n      flex: 1,\n    },\n  })\n}\n"]}
+{"version":3,"file":"system_message_people_screen.js","sourceRoot":"","sources":["../../src/screens/system_message_people_screen.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,SAAS,EAAE,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAA;AACzF,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAGzC,MAAM,CAAC,MAAM,gCAAgC,GAAG,yBAAyB,CAAC;IACxE,mBAAmB,EAAE,QAAQ,CAAC,MAAM,CAAC;QACnC,OAAO,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC;QACpB,OAAO,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;KAClB,CAAC;IACF,WAAW,EAAE,QAAQ;CACtB,CAAC,CAAA;AAOF,MAAM,UAAU,yBAAyB,CAAC,EAAE,KAAK,EAAkC;IACjF,MAAM,EAAE,eAAe,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,MAAM,CAAA;IACpD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,cAAc,CAAmB;QACzD,GAAG,EAAE,qBAAqB,eAAe,UAAU;QACnD,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC;aACjC;YACD,KAAK,EAAE;gBACL,EAAE,EAAE,UAAU;aACf;YACD,KAAK,EAAE,UAAU,CAAC,MAAM;SACzB;KACF,CAAC,CAAA;IAEF,MAAM,SAAS,GAAG,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;IACxE,MAAM,aAAa,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IAElG,OAAO,CACL,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CACpD;MAAA,CAAC,QAAQ,CACP,IAAI,CAAC,CAAC,aAAa,CAAC,CACpB,qBAAqB,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAC/C,YAAY,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CACzC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,EAAG,CAAC,EAEvD;IAAA,EAAE,SAAS,CAAC,IAAI,CAAC,CAClB,CAAA;AACH,CAAC;AAID,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,EAAE,MAAM,EAA2B,EAAE,EAAE;IAC1D,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,EAC3C;MAAA,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAClE;QAAA,CAAC,MAAM,CAAC,IAAI,CACd;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,gBAAgB,EAAE;YAChB,UAAU,EAAE,EAAE;SACf;QACD,gBAAgB,EAAE;YAChB,UAAU,EAAE,CAAC;YACb,aAAa,EAAE,MAAM,GAAG,EAAE;SAC3B;QACD,SAAS,EAAE;YACT,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,CAAC;YACN,eAAe,EAAE,CAAC;YAClB,iBAAiB,EAAE,EAAE;YACrB,IAAI,EAAE,CAAC;SACR;QACD,UAAU,EAAE;YACV,IAAI,EAAE,CAAC;SACR;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { StaticScreenProps } from '@react-navigation/native'\nimport React, { memo } from 'react'\nimport { Platform, StyleSheet, View } from 'react-native'\nimport { FlatList } from 'react-native-gesture-handler'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Avatar, Text } from '../components'\nimport FormSheet, { getFormSheetScreenOptions } from '../components/primitive/form_sheet'\nimport { useSuspenseGet } from '../hooks'\nimport { MemberResource } from '../types'\n\nexport const SystemMessagePeopleScreenOptions = getFormSheetScreenOptions({\n  sheetAllowedDetents: Platform.select({\n    android: [0.5, 0.94],\n    default: [0.5, 1],\n  }),\n  headerTitle: 'People',\n})\n\nexport type SystemMessagePeopleScreenProps = StaticScreenProps<{\n  conversation_id: number\n  person_ids: number[]\n}>\n\nexport function SystemMessagePeopleScreen({ route }: SystemMessagePeopleScreenProps) {\n  const { conversation_id, person_ids } = route.params\n  const styles = useStyles()\n\n  const { data: members } = useSuspenseGet<MemberResource[]>({\n    url: `/me/conversations/${conversation_id}/members`,\n    data: {\n      fields: {\n        Member: ['id', 'name', 'avatar'],\n      },\n      where: {\n        id: person_ids,\n      },\n      limit: person_ids.length,\n    },\n  })\n\n  const orderById = Object.fromEntries(person_ids.map((id, i) => [id, i]))\n  const sortedMembers = [...members].sort((a, b) => (orderById[a.id] ?? 0) - (orderById[b.id] ?? 0))\n\n  return (\n    <FormSheet.Root contentStyle={styles.formSheetContent}>\n      <FlatList\n        data={sortedMembers}\n        contentContainerStyle={styles.contentContainer}\n        keyExtractor={item => item.id.toString()}\n        renderItem={({ item }) => <Person person={item} />}\n      />\n    </FormSheet.Root>\n  )\n}\n\ntype PersonProps = Pick<MemberResource, 'id' | 'name' | 'avatar'>\n\nconst Person = memo(({ person }: { person: PersonProps }) => {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.personRow}>\n      <Avatar sourceUri={person.avatar} size=\"sm\" />\n      <Text variant=\"tertiary\" numberOfLines={2} style={styles.personName}>\n        {person.name}\n      </Text>\n    </View>\n  )\n})\n\nconst useStyles = () => {\n  const { bottom } = useSafeAreaInsets()\n\n  return StyleSheet.create({\n    formSheetContent: {\n      paddingTop: 16,\n    },\n    contentContainer: {\n      paddingTop: 8,\n      paddingBottom: bottom + 24,\n    },\n    personRow: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 8,\n      paddingVertical: 8,\n      paddingHorizontal: 16,\n      flex: 1,\n    },\n    personName: {\n      flex: 1,\n    },\n  })\n}\n"]}

package/build/screens/team_conversation_screen.d.ts

@@ -4,5 +4,5 @@ export type TeamConversationRouteProps = {
     team_ids?: number[];
 };
 export type TeamConversationScreenProps = StaticScreenProps<TeamConversationRouteProps>;
-export declare const TeamConversationScreen: ({ route }: TeamConversationScreenProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TeamConversationScreen: ({ route }: TeamConversationScreenProps) => import("react").JSX.Element;
 //# sourceMappingURL=team_conversation_screen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"team_conversation_screen.d.ts","sourceRoot":"","sources":["../../src/screens/team_conversation_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AASzF,MAAM,MAAM,0BAA0B,GAAG;IACvC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,2BAA2B,GAAG,iBAAiB,CAAC,0BAA0B,CAAC,CAAA;AAEvF,eAAO,MAAM,sBAAsB,GAAI,WAAW,2BAA2B,4CAqC5E,CAAA"}
+{"version":3,"file":"team_conversation_screen.d.ts","sourceRoot":"","sources":["../../src/screens/team_conversation_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AASzF,MAAM,MAAM,0BAA0B,GAAG;IACvC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,2BAA2B,GAAG,iBAAiB,CAAC,0BAA0B,CAAC,CAAA;AAEvF,eAAO,MAAM,sBAAsB,GAAI,WAAW,2BAA2B,gCAqC5E,CAAA"}

package/build/screens/team_conversation_screen.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { StackActions, useNavigation } from '@react-navigation/native';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
 import { useEffect } from 'react';
@@ -32,8 +31,8 @@ export const TeamConversationScreen = ({ route }) => {
         };
     }, [conversation?.id, conversation?.title, navigation, queryClient]);
     if (isError)
-        return _jsx(TeamConversationError, { error: error, onGoBack: navigation.goBack });
-    return _jsx(DefaultLoading, {});
+        return <TeamConversationError error={error} onGoBack={navigation.goBack}/>;
+    return <DefaultLoading />;
 };
 function TeamConversationError({ error, onGoBack }) {
     const detail = error instanceof ResponseError
@@ -42,6 +41,15 @@ function TeamConversationError({ error, onGoBack }) {
             .filter(Boolean)
             .join('\n')
         : '';
-    return (_jsxs(BlankState.Root, { children: [_jsx(BlankState.Imagery, { name: "people.noTextMessage" }), _jsxs(BlankState.Content, { children: [_jsx(BlankState.Heading, { children: "Can't start this conversation" }), _jsx(BlankState.Text, { children: detail || 'Something went wrong while starting this conversation.' })] }), _jsx(BlankState.Button, { title: "Go back", onPress: onGoBack, size: "md", accessibilityRole: "link" })] }));
+    return (<BlankState.Root>
+      <BlankState.Imagery name="people.noTextMessage"/>
+      <BlankState.Content>
+        <BlankState.Heading>Can't start this conversation</BlankState.Heading>
+        <BlankState.Text>
+          {detail || 'Something went wrong while starting this conversation.'}
+        </BlankState.Text>
+      </BlankState.Content>
+      <BlankState.Button title="Go back" onPress={onGoBack} size="md" accessibilityRole="link"/>
+    </BlankState.Root>);
 }
 //# sourceMappingURL=team_conversation_screen.js.map