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

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

@@ -1 +1 @@
-{"version":3,"file":"conversation_preview.js","sourceRoot":"","sources":["../../../src/components/conversations/conversation_preview.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { StyleSheet, View, ViewStyle } from 'react-native'\nimport {\n  useTheme,\n  useAtFontScaleBreakpoint,\n  useFontScale,\n  useScalableNumberOfLines,\n} from '../../hooks'\nimport { ConversationResource } from '../../types'\nimport { formatDatePreview } from '../../utils/date'\nimport { AvatarGroup, ConversationAvatar, Heading, Text, Badge, type BadgeProps } from '../display'\nimport { ConversationActions } from './conversation_actions'\nimport { MuteIndicator } from './mute_indicator'\nimport { UnreadCountBadge } from './unread_count_badge'\n\nconst EMPTY_CONVERSATION_PREVIEW_TEXT = 'Send your first message'\n\ninterface ConversationPreviewProps {\n  conversation: ConversationResource\n  onPress: () => void\n  showBadges?: boolean\n  style?: ViewStyle\n}\n\nexport const ConversationPreview = ({\n  conversation,\n  onPress,\n  showBadges = true,\n  style,\n}: ConversationPreviewProps) => {\n  const styles = useStyles()\n  const {\n    lastMessageAuthorName,\n    lastMessageCreatedAt,\n    lastMessageTextPreview,\n    title,\n    unreadCount,\n    badges,\n    muted,\n    disabled,\n  } = conversation\n\n  const emptyConversation = !lastMessageCreatedAt\n  const fallbackIconName = emptyConversation ? 'people.noTextMessage' : 'general.person'\n  const hasMetaContent = lastMessageCreatedAt || unreadCount > 0 || muted\n\n  const numberOfLinesScaledTitle = useScalableNumberOfLines(1)\n  const numberOfLinesScaledPreviewText = useScalableNumberOfLines(2)\n\n  const conversationPreviewText = lastMessageTextPreview\n    ? `${lastMessageAuthorName}: ${lastMessageTextPreview}`\n    : EMPTY_CONVERSATION_PREVIEW_TEXT\n\n  const conversationAccessibilityLabel = getConversationAccessibilityLabel({\n    conversation,\n    showBadges,\n  })\n\n  return (\n    <ConversationActions\n      conversation={conversation}\n      style={[styles.previewRow, disabled && styles.disabled, style]}\n      onPress={onPress}\n      accessibilityLabel={conversationAccessibilityLabel}\n    >\n      <ConversationAvatar\n        conversation={conversation}\n        size=\"lg\"\n        fallbackIconName={fallbackIconName}\n      />\n      <View style={styles.conversationBody}>\n        <Heading numberOfLines={numberOfLinesScaledTitle} variant=\"h3\" style={styles.title}>\n          {title}\n        </Heading>\n        <Text\n          variant=\"tertiary\"\n          numberOfLines={numberOfLinesScaledPreviewText}\n          style={emptyConversation && styles.emptyConversationPreviewText}\n        >\n          {conversationPreviewText}\n        </Text>\n        <ConversationBadges visible={showBadges} badges={badges} />\n      </View>\n      {hasMetaContent && (\n        <View style={styles.metaContainer}>\n          <Text variant=\"tertiary\">{formatDatePreview(lastMessageCreatedAt)}</Text>\n          <View style={styles.statusContainer}>\n            <UnreadCountBadge count={unreadCount} showDot={muted} />\n            <MuteIndicator muted={muted} />\n          </View>\n        </View>\n      )}\n    </ConversationActions>\n  )\n}\n\ninterface BadgeShape {\n  appName?: BadgeProps['productLogoName']\n  pcoResourceType: string\n  text: string | null\n}\nconst ConversationBadges = ({ visible, badges }: { visible: boolean; badges?: BadgeShape[] }) => {\n  const styles = useStyles()\n  const numberOfLinesScaled = useScalableNumberOfLines(1)\n\n  if (!visible || !badges || badges.length === 0) {\n    return null\n  }\n\n  return (\n    <View style={styles.badges}>\n      {badges.map(badge => (\n        <Badge\n          key={badge.text}\n          variant=\"meta\"\n          productLogoName={badge.appName}\n          label={badge.pcoResourceType}\n          metaLabel={badge.text || ''}\n          numberOfLinesMetaLabel={numberOfLinesScaled}\n        />\n      ))}\n    </View>\n  )\n}\n\nconst skeletonBadges: BadgeShape[] = [\n  {\n    pcoResourceType: '       ',\n    text: '              ',\n  },\n]\nexport const ConversationPreviewSkeleton = () => {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.previewRow}>\n      <AvatarGroup\n        size=\"lg\"\n        sourceUris={[]}\n        showFallback={true}\n        fallbackIconName={'general.person'}\n      />\n      <View style={styles.conversationBody}>\n        <View style={styles.titleLoading} />\n        <View style={styles.subtitleLoading} />\n        <ConversationBadges visible={true} badges={skeletonBadges} />\n      </View>\n      <View style={styles.metaContainer}>\n        <View style={styles.dateLoading} />\n      </View>\n    </View>\n  )\n}\n\ninterface GetConversationAccessibilityLabelProps {\n  conversation: ConversationResource\n  showBadges: boolean\n}\nconst getConversationAccessibilityLabel = ({\n  conversation,\n  showBadges,\n}: GetConversationAccessibilityLabelProps) => {\n  const {\n    badges,\n    title,\n    lastMessageAuthorName,\n    lastMessageTextPreview,\n    muted,\n    disabled,\n    unreadCount,\n    lastMessageCreatedAt,\n  } = conversation\n\n  const hasBadges = badges && showBadges\n  const hasUnreadMessages = unreadCount > 0\n  const hasLastMessage = lastMessageCreatedAt\n\n  const label = {\n    title,\n    badge: hasBadges ? `for ${badges[0]?.pcoResourceType} ${badges[0]?.text || ''}` : '',\n    disabled: disabled ? 'Disabled' : '',\n    muted: muted ? 'Muted' : '',\n    readStatus: hasUnreadMessages ? `${unreadCount} unread messages` : '',\n    lastMessage: hasLastMessage\n      ? `Last message sent ${formatDatePreview(lastMessageCreatedAt)} from ${lastMessageAuthorName} and says ${lastMessageTextPreview}`\n      : EMPTY_CONVERSATION_PREVIEW_TEXT,\n  }\n\n  return [\n    `Select ${label.title}`,\n    label.badge,\n    label.disabled,\n    label.muted,\n    label.readStatus,\n    label.lastMessage,\n  ]\n    .filter(Boolean)\n    .join(', ')\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  const atFontScaleBreakpoint = useAtFontScaleBreakpoint()\n  const fontScale = useFontScale()\n\n  return StyleSheet.create({\n    previewRow: {\n      flexDirection: atFontScaleBreakpoint ? 'column' : 'row',\n      gap: 8,\n      borderBottomWidth: 1,\n      borderBottomColor: atFontScaleBreakpoint\n        ? colors.borderColorDefaultDark\n        : colors.borderColorDefaultDim,\n      paddingTop: 12,\n      paddingBottom: 12,\n      paddingHorizontal: 16,\n    },\n    disabled: {\n      opacity: 0.4,\n    },\n    title: {\n      fontSize: 16,\n      color: colors.textColorDefaultPrimary,\n    },\n    titleLoading: {\n      width: 120,\n      height: 20,\n      backgroundColor: colors.fillColorNeutral080,\n      borderRadius: 4,\n    },\n    conversationBody: {\n      flex: 1,\n      rowGap: 2,\n    },\n    emptyConversationPreviewText: {\n      color: colors.interaction,\n    },\n    subtitleLoading: {\n      width: 80,\n      height: 16,\n      backgroundColor: colors.fillColorNeutral090,\n      borderRadius: 4,\n    },\n    metaContainer: {\n      gap: 4,\n      alignItems: atFontScaleBreakpoint ? 'center' : 'flex-end',\n      justifyContent: atFontScaleBreakpoint ? 'space-between' : 'flex-start',\n      flexDirection: atFontScaleBreakpoint ? 'row' : 'column',\n    },\n    dateLoading: {\n      width: 60,\n      height: 16,\n      backgroundColor: colors.fillColorNeutral090,\n      borderRadius: 4,\n    },\n    badges: {\n      marginTop: 4,\n      alignItems: 'flex-start',\n    },\n    statusContainer: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 4 * fontScale,\n    },\n  })\n}\n"]}
+{"version":3,"file":"conversation_preview.js","sourceRoot":"","sources":["../../../src/components/conversations/conversation_preview.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { StyleSheet, View, ViewStyle } from 'react-native'\nimport {\n  useTheme,\n  useAtFontScaleBreakpoint,\n  useFontScale,\n  useScalableNumberOfLines,\n} from '../../hooks'\nimport { ConversationPreviewData, ConversationResource } from '../../types'\nimport { REACTION_EMOJIS, platformFontWeightBold } from '../../utils'\nimport { formatDatePreview } from '../../utils/date'\nimport { tokens } from '../../vendor/tapestry/tokens'\nimport { AvatarGroup, ConversationAvatar, Heading, Text, Badge, type BadgeProps } from '../display'\nimport { ConversationActions } from './conversation_actions'\nimport { MuteIndicator } from './mute_indicator'\nimport { UnreadCountBadge } from './unread_count_badge'\n\nconst EMPTY_CONVERSATION_PREVIEW_TEXT = 'Send your first message'\n\ninterface ConversationPreviewProps {\n  conversation: ConversationResource\n  onPress: () => void\n  showBadges?: boolean\n  style?: ViewStyle\n}\n\nexport const ConversationPreview = ({\n  conversation,\n  onPress,\n  showBadges = true,\n  style,\n}: ConversationPreviewProps) => {\n  const styles = useStyles()\n  const {\n    conversationPreview,\n    lastMessageCreatedAt,\n    title,\n    unreadCount,\n    badges,\n    muted,\n    disabled,\n    unreadReaction,\n  } = conversation\n\n  const emptyConversation = !lastMessageCreatedAt\n  const fallbackIconName = emptyConversation ? 'people.noTextMessage' : 'general.person'\n  const hasMetaContent = lastMessageCreatedAt || unreadCount > 0 || muted\n  const isUnread = unreadCount > 0 || unreadReaction\n\n  const numberOfLinesScaledTitle = useScalableNumberOfLines(1)\n  const numberOfLinesScaledPreviewText = useScalableNumberOfLines(2)\n\n  const conversationPreviewText = conversationPreview\n    ? formatConversationPreviewText(conversationPreview)\n    : EMPTY_CONVERSATION_PREVIEW_TEXT\n\n  const conversationAccessibilityLabel = getConversationAccessibilityLabel({\n    conversation,\n    showBadges,\n  })\n\n  return (\n    <ConversationActions\n      conversation={conversation}\n      style={[styles.previewRow, disabled && styles.disabled, style]}\n      onPress={onPress}\n      accessibilityLabel={conversationAccessibilityLabel}\n    >\n      <ConversationAvatar\n        conversation={conversation}\n        size=\"lg\"\n        fallbackIconName={fallbackIconName}\n      />\n      <View style={styles.conversationBody}>\n        <Heading\n          numberOfLines={numberOfLinesScaledTitle}\n          variant=\"h3\"\n          style={[styles.title, isUnread && styles.unreadTitle]}\n        >\n          {title}\n        </Heading>\n        <Text\n          variant=\"tertiary\"\n          numberOfLines={numberOfLinesScaledPreviewText}\n          style={[\n            emptyConversation && styles.emptyConversationPreviewText,\n            isUnread && styles.unreadText,\n          ]}\n        >\n          {conversationPreviewText}\n        </Text>\n        <ConversationBadges visible={showBadges} badges={badges} />\n      </View>\n      {hasMetaContent && (\n        <View style={styles.metaContainer}>\n          <Text variant=\"tertiary\">{formatDatePreview(conversationPreview?.createdAt)}</Text>\n          <View style={styles.statusContainer}>\n            <UnreadCountBadge count={unreadCount} unreadReaction={unreadReaction} showDot={muted} />\n            <MuteIndicator muted={muted} />\n          </View>\n        </View>\n      )}\n    </ConversationActions>\n  )\n}\n\ninterface BadgeShape {\n  appName?: BadgeProps['productLogoName']\n  pcoResourceType: string\n  text: string | null\n}\nconst ConversationBadges = ({ visible, badges }: { visible: boolean; badges?: BadgeShape[] }) => {\n  const styles = useStyles()\n  const numberOfLinesScaled = useScalableNumberOfLines(1)\n\n  if (!visible || !badges || badges.length === 0) {\n    return null\n  }\n\n  return (\n    <View style={styles.badges}>\n      {badges.map(badge => (\n        <Badge\n          key={badge.text}\n          variant=\"meta\"\n          productLogoName={badge.appName}\n          label={badge.pcoResourceType}\n          metaLabel={badge.text || ''}\n          numberOfLinesMetaLabel={numberOfLinesScaled}\n        />\n      ))}\n    </View>\n  )\n}\n\nconst skeletonBadges: BadgeShape[] = [\n  {\n    pcoResourceType: '       ',\n    text: '              ',\n  },\n]\nexport const ConversationPreviewSkeleton = () => {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.previewRow}>\n      <AvatarGroup\n        size=\"lg\"\n        sourceUris={[]}\n        showFallback={true}\n        fallbackIconName={'general.person'}\n      />\n      <View style={styles.conversationBody}>\n        <View style={styles.titleLoading} />\n        <View style={styles.subtitleLoading} />\n        <ConversationBadges visible={true} badges={skeletonBadges} />\n      </View>\n      <View style={styles.metaContainer}>\n        <View style={styles.dateLoading} />\n      </View>\n    </View>\n  )\n}\n\nfunction reactionEmoji(value: ConversationPreviewData['value']): string | null {\n  if (!value) return null\n  return REACTION_EMOJIS[value] ?? null\n}\n\nfunction formatConversationPreviewText(preview: ConversationPreviewData) {\n  if (preview.kind === 'reaction') {\n    const emoji = reactionEmoji(preview.value)\n    return `${preview.authorName}${emoji ? ` ${emoji}` : ' reacted'} to: \"${preview.text}\"`\n  }\n\n  return `${preview.authorName}: ${preview.text}`\n}\n\nfunction formatConversationPreviewAccessibilityLabel(preview: ConversationPreviewData) {\n  const date = formatDatePreview(preview.createdAt)\n\n  if (preview.kind === 'reaction') {\n    return `${preview.authorName} reacted to your message sent ${date} and says ${preview.text}`\n  }\n\n  return `Last message sent ${date} from ${preview.authorName} and says ${preview.text}`\n}\n\ninterface GetConversationAccessibilityLabelProps {\n  conversation: ConversationResource\n  showBadges: boolean\n}\nconst getConversationAccessibilityLabel = ({\n  conversation,\n  showBadges,\n}: GetConversationAccessibilityLabelProps) => {\n  const { badges, title, conversationPreview, muted, disabled, unreadCount, unreadReaction } =\n    conversation\n\n  const hasBadges = badges && showBadges\n  const hasUnreadMessages = unreadCount > 0\n\n  const label = {\n    title,\n    badge: hasBadges ? `for ${badges[0]?.pcoResourceType} ${badges[0]?.text || ''}` : '',\n    disabled: disabled ? 'Disabled' : '',\n    muted: muted ? 'Muted' : '',\n    readStatus: hasUnreadMessages\n      ? `${unreadCount} unread messages`\n      : unreadReaction\n        ? 'unread reaction'\n        : '',\n    lastMessage: conversationPreview\n      ? formatConversationPreviewAccessibilityLabel(conversationPreview)\n      : EMPTY_CONVERSATION_PREVIEW_TEXT,\n  }\n\n  return [\n    `Select ${label.title}`,\n    label.badge,\n    label.disabled,\n    label.muted,\n    label.readStatus,\n    label.lastMessage,\n  ]\n    .filter(Boolean)\n    .join(', ')\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  const atFontScaleBreakpoint = useAtFontScaleBreakpoint()\n  const fontScale = useFontScale()\n\n  return StyleSheet.create({\n    previewRow: {\n      flexDirection: atFontScaleBreakpoint ? 'column' : 'row',\n      gap: 8,\n      borderBottomWidth: 1,\n      borderBottomColor: atFontScaleBreakpoint\n        ? colors.borderColorDefaultDark\n        : colors.borderColorDefaultDim,\n      paddingTop: 12,\n      paddingBottom: 12,\n      paddingHorizontal: 16,\n    },\n    disabled: {\n      opacity: 0.4,\n    },\n    title: {\n      fontSize: 16,\n      color: colors.textColorDefaultPrimary,\n    },\n    unreadTitle: {\n      fontWeight: tokens.fontWeightBold,\n    },\n    unreadText: {\n      fontWeight: platformFontWeightBold,\n    },\n    titleLoading: {\n      width: 120,\n      height: 20,\n      backgroundColor: colors.fillColorNeutral080,\n      borderRadius: 4,\n    },\n    conversationBody: {\n      flex: 1,\n      rowGap: 2,\n    },\n    emptyConversationPreviewText: {\n      color: colors.interaction,\n    },\n    subtitleLoading: {\n      width: 80,\n      height: 16,\n      backgroundColor: colors.fillColorNeutral090,\n      borderRadius: 4,\n    },\n    metaContainer: {\n      gap: 4,\n      alignItems: atFontScaleBreakpoint ? 'center' : 'flex-end',\n      justifyContent: atFontScaleBreakpoint ? 'space-between' : 'flex-start',\n      flexDirection: atFontScaleBreakpoint ? 'row' : 'column',\n    },\n    dateLoading: {\n      width: 60,\n      height: 16,\n      backgroundColor: colors.fillColorNeutral090,\n      borderRadius: 4,\n    },\n    badges: {\n      marginTop: 4,\n      alignItems: 'flex-start',\n    },\n    statusContainer: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 4 * fontScale,\n    },\n  })\n}\n"]}

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

@@ -2,6 +2,6 @@ import React from 'react';
 interface ConversationsProps {
     ListHeaderComponent?: React.ComponentType<any> | React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
 }
-export declare const Conversations: ({ ListHeaderComponent }: ConversationsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Conversations: ({ ListHeaderComponent }: ConversationsProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=conversations.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"conversations.d.ts","sourceRoot":"","sources":["../../../src/components/conversations/conversations.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAWtC,UAAU,kBAAkB;IAC1B,mBAAmB,CAAC,EAChB,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACxB,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,GAClE,IAAI,GACJ,SAAS,CAAA;CACd;AAED,eAAO,MAAM,aAAa,GAAI,yBAAyB,kBAAkB,4CA4ExE,CAAA"}
+{"version":3,"file":"conversations.d.ts","sourceRoot":"","sources":["../../../src/components/conversations/conversations.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAWtC,UAAU,kBAAkB;IAC1B,mBAAmB,CAAC,EAChB,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACxB,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,GAClE,IAAI,GACJ,SAAS,CAAA;CACd;AAED,eAAO,MAAM,aAAa,GAAI,yBAAyB,kBAAkB,sBA4ExE,CAAA"}

package/build/components/conversations/conversations.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { useNavigation } from '@react-navigation/native';
-import { useMemo } from 'react';
+import React, { useMemo } from 'react';
 import { FlatList, StyleSheet, View } from 'react-native';
 import { useConversationsContext } from '../../contexts/conversations_context';
 import { useTheme } from '../../hooks';
@@ -30,20 +29,22 @@ export const Conversations = ({ ListHeaderComponent }) => {
         throwResponseError(error);
     }
     useConversationsJoltEvents();
-    return (_jsx(View, { style: styles.container, children: _jsx(FlatList, { data: data, keyExtractor: item => item.id.toString(), contentContainerStyle: styles.contentContainer, onRefresh: refetch, refreshing: !isFetched && isRefetching, ListHeaderComponent: ListHeaderComponent, ListEmptyComponent: _jsx(ConversationsBlankState, { isFilterApplied: isFilterApplied, canCreateConversations: canCreateConversations }), renderItem: ({ item }) => {
-                if (item.type === 'loading') {
-                    return _jsx(ConversationPreviewSkeleton, {});
-                }
-                else {
-                    return (_jsx(ConversationPreview, { conversation: item.resource, onPress: () => navigation.navigate('Conversation', {
-                            conversation_id: item.resource.id,
-                            title: item.resource.title,
-                            badge: item.resource.badges?.[0],
-                            deleted: item.resource.deleted,
-                            muted: item.resource.muted,
-                        }), showBadges: showBadges }));
-                }
-            }, onEndReached: () => fetchNextPage() }) }));
+    return (<View style={styles.container}>
+      <FlatList data={data} keyExtractor={item => item.id.toString()} contentContainerStyle={styles.contentContainer} onRefresh={refetch} refreshing={!isFetched && isRefetching} ListHeaderComponent={ListHeaderComponent} ListEmptyComponent={<ConversationsBlankState isFilterApplied={isFilterApplied} canCreateConversations={canCreateConversations}/>} renderItem={({ item }) => {
+            if (item.type === 'loading') {
+                return <ConversationPreviewSkeleton />;
+            }
+            else {
+                return (<ConversationPreview conversation={item.resource} onPress={() => navigation.navigate('Conversation', {
+                        conversation_id: item.resource.id,
+                        title: item.resource.title,
+                        badge: item.resource.badges?.[0],
+                        deleted: item.resource.deleted,
+                        muted: item.resource.muted,
+                    })} showBadges={showBadges}/>);
+            }
+        }} onEndReached={() => fetchNextPage()}/>
+    </View>);
 };
 const useStyles = () => {
     const { colors } = useTheme();

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

@@ -1 +1 @@
-{"version":3,"file":"conversations.js","sourceRoot":"","sources":["../../../src/components/conversations/conversations.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport React, { useMemo } from 'react'\nimport { FlatList, StyleSheet, View } from 'react-native'\nimport { useConversationsContext } from '../../contexts/conversations_context'\nimport { useTheme } from '../../hooks'\nimport { useCanCreateConversations } from '../../hooks/use_chat_permissions'\nimport { useConversationsJoltEvents } from '../../hooks/use_conversations_jolt_events'\nimport { ConversationResource } from '../../types'\nimport { throwResponseError } from '../../utils/response_error'\nimport { ConversationPreview, ConversationPreviewSkeleton } from './conversation_preview'\nimport { ConversationsBlankState } from './conversations_blank_state'\n\ninterface ConversationsProps {\n  ListHeaderComponent?:\n    | React.ComponentType<any>\n    | React.ReactElement<any, string | React.JSXElementConstructor<any>>\n    | null\n    | undefined\n}\n\nexport const Conversations = ({ ListHeaderComponent }: ConversationsProps) => {\n  const styles = useStyles()\n  const {\n    conversations,\n    isLoading,\n    fetchNextPage,\n    refetch,\n    isRefetching,\n    isFetched,\n    isError,\n    error,\n    args: { chat_group_graph_id, group_source_app_name },\n  } = useConversationsContext()\n  const navigation = useNavigation()\n  const canCreateConversations = useCanCreateConversations()\n  const isFilterApplied = !!chat_group_graph_id || !!group_source_app_name\n\n  const showBadges = !chat_group_graph_id\n\n  const data: FlatListItem[] = useMemo(() => {\n    if (isLoading) {\n      return loadingPlaceholder\n    }\n    return conversations.map(conversation => ({\n      type: 'conversation' as const,\n      id: conversation.id,\n      resource: conversation,\n    }))\n  }, [conversations, isLoading])\n\n  if (isError) {\n    throwResponseError(error)\n  }\n\n  useConversationsJoltEvents()\n\n  return (\n    <View style={styles.container}>\n      <FlatList\n        data={data}\n        keyExtractor={item => item.id.toString()}\n        contentContainerStyle={styles.contentContainer}\n        onRefresh={refetch}\n        refreshing={!isFetched && isRefetching}\n        ListHeaderComponent={ListHeaderComponent}\n        ListEmptyComponent={\n          <ConversationsBlankState\n            isFilterApplied={isFilterApplied}\n            canCreateConversations={canCreateConversations}\n          />\n        }\n        renderItem={({ item }) => {\n          if (item.type === 'loading') {\n            return <ConversationPreviewSkeleton />\n          } else {\n            return (\n              <ConversationPreview\n                conversation={item.resource}\n                onPress={() =>\n                  navigation.navigate('Conversation', {\n                    conversation_id: item.resource.id,\n                    title: item.resource.title,\n                    badge: item.resource.badges?.[0],\n                    deleted: item.resource.deleted,\n                    muted: item.resource.muted,\n                  })\n                }\n                showBadges={showBadges}\n              />\n            )\n          }\n        }}\n        onEndReached={() => fetchNextPage()}\n      />\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: { flex: 1 },\n    contentContainer: { paddingVertical: 16 },\n    listItem: { color: colors.fillColorNeutral020 },\n  })\n}\n\ninterface FlatListLoadingItem {\n  type: 'loading'\n  id: string\n}\ninterface FlatListConversationItem {\n  type: 'conversation'\n  resource: ConversationResource\n  id: number\n}\ntype FlatListItem = FlatListLoadingItem | FlatListConversationItem\n\nconst loadingPlaceholder: FlatListItem[] = Array.from({ length: 5 }, (_, i) => ({\n  type: 'loading',\n  id: `loading${i}`,\n}))\n"]}
+{"version":3,"file":"conversations.js","sourceRoot":"","sources":["../../../src/components/conversations/conversations.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport React, { useMemo } from 'react'\nimport { FlatList, StyleSheet, View } from 'react-native'\nimport { useConversationsContext } from '../../contexts/conversations_context'\nimport { useTheme } from '../../hooks'\nimport { useCanCreateConversations } from '../../hooks/use_chat_permissions'\nimport { useConversationsJoltEvents } from '../../hooks/use_conversations_jolt_events'\nimport { ConversationResource } from '../../types'\nimport { throwResponseError } from '../../utils/response_error'\nimport { ConversationPreview, ConversationPreviewSkeleton } from './conversation_preview'\nimport { ConversationsBlankState } from './conversations_blank_state'\n\ninterface ConversationsProps {\n  ListHeaderComponent?:\n    | React.ComponentType<any>\n    | React.ReactElement<any, string | React.JSXElementConstructor<any>>\n    | null\n    | undefined\n}\n\nexport const Conversations = ({ ListHeaderComponent }: ConversationsProps) => {\n  const styles = useStyles()\n  const {\n    conversations,\n    isLoading,\n    fetchNextPage,\n    refetch,\n    isRefetching,\n    isFetched,\n    isError,\n    error,\n    args: { chat_group_graph_id, group_source_app_name },\n  } = useConversationsContext()\n  const navigation = useNavigation()\n  const canCreateConversations = useCanCreateConversations()\n  const isFilterApplied = !!chat_group_graph_id || !!group_source_app_name\n\n  const showBadges = !chat_group_graph_id\n\n  const data: FlatListItem[] = useMemo(() => {\n    if (isLoading) {\n      return loadingPlaceholder\n    }\n    return conversations.map(conversation => ({\n      type: 'conversation' as const,\n      id: conversation.id,\n      resource: conversation,\n    }))\n  }, [conversations, isLoading])\n\n  if (isError) {\n    throwResponseError(error)\n  }\n\n  useConversationsJoltEvents()\n\n  return (\n    <View style={styles.container}>\n      <FlatList\n        data={data}\n        keyExtractor={item => item.id.toString()}\n        contentContainerStyle={styles.contentContainer}\n        onRefresh={refetch}\n        refreshing={!isFetched && isRefetching}\n        ListHeaderComponent={ListHeaderComponent}\n        ListEmptyComponent={\n          <ConversationsBlankState\n            isFilterApplied={isFilterApplied}\n            canCreateConversations={canCreateConversations}\n          />\n        }\n        renderItem={({ item }) => {\n          if (item.type === 'loading') {\n            return <ConversationPreviewSkeleton />\n          } else {\n            return (\n              <ConversationPreview\n                conversation={item.resource}\n                onPress={() =>\n                  navigation.navigate('Conversation', {\n                    conversation_id: item.resource.id,\n                    title: item.resource.title,\n                    badge: item.resource.badges?.[0],\n                    deleted: item.resource.deleted,\n                    muted: item.resource.muted,\n                  })\n                }\n                showBadges={showBadges}\n              />\n            )\n          }\n        }}\n        onEndReached={() => fetchNextPage()}\n      />\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: { flex: 1 },\n    contentContainer: { paddingVertical: 16 },\n    listItem: { color: colors.fillColorNeutral020 },\n  })\n}\n\ninterface FlatListLoadingItem {\n  type: 'loading'\n  id: string\n}\ninterface FlatListConversationItem {\n  type: 'conversation'\n  resource: ConversationResource\n  id: number\n}\ntype FlatListItem = FlatListLoadingItem | FlatListConversationItem\n\nconst loadingPlaceholder: FlatListItem[] = Array.from({ length: 5 }, (_, i) => ({\n  type: 'loading',\n  id: `loading${i}`,\n}))\n"]}

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

@@ -1,7 +1,8 @@
+import React from 'react';
 interface ConversationsBlankStateProps {
     isFilterApplied: boolean;
     canCreateConversations: boolean;
 }
-export declare function ConversationsBlankState({ isFilterApplied, canCreateConversations, }: ConversationsBlankStateProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationsBlankState({ isFilterApplied, canCreateConversations, }: ConversationsBlankStateProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=conversations_blank_state.d.ts.map

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

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

package/build/components/conversations/conversations_blank_state.js

@@ -1,8 +1,18 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import BlankState from '../primitive/blank_state_primitive';
 export function ConversationsBlankState({ isFilterApplied, canCreateConversations, }) {
-    return (_jsx(View, { style: styles.container, children: _jsxs(BlankState.Root, { children: [_jsx(BlankState.Imagery, { name: "general.outlinedTextMessage" }), _jsxs(BlankState.Content, { children: [_jsx(BlankState.Heading, { children: "No conversations yet." }), isFilterApplied ? (_jsx(BlankState.Text, { children: "Adjust your filters to find conversations." })) : canCreateConversations ? (_jsx(BlankState.Text, { children: "Tap the compose button to get started." })) : (_jsx(BlankState.Text, { children: "When your groups or teams start chatting, you\u2019ll find them here." }))] })] }) }));
+    return (<View style={styles.container}>
+      <BlankState.Root>
+        <BlankState.Imagery name="general.outlinedTextMessage"/>
+        <BlankState.Content>
+          <BlankState.Heading>No conversations yet.</BlankState.Heading>
+          {isFilterApplied ? (<BlankState.Text>Adjust your filters to find conversations.</BlankState.Text>) : canCreateConversations ? (<BlankState.Text>Tap the compose button to get started.</BlankState.Text>) : (<BlankState.Text>
+              When your groups or teams start chatting, you&rsquo;ll find them here.
+            </BlankState.Text>)}
+        </BlankState.Content>
+      </BlankState.Root>
+    </View>);
 }
 const styles = StyleSheet.create({
     container: {

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

@@ -1 +1 @@
-{"version":3,"file":"conversations_blank_state.js","sourceRoot":"","sources":["../../../src/components/conversations/conversations_blank_state.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,UAAU,MAAM,oCAAoC,CAAA;AAO3D,MAAM,UAAU,uBAAuB,CAAC,EACtC,eAAe,EACf,sBAAsB,GACO;IAC7B,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,YAC3B,MAAC,UAAU,CAAC,IAAI,eACd,KAAC,UAAU,CAAC,OAAO,IAAC,IAAI,EAAC,6BAA6B,GAAG,EACzD,MAAC,UAAU,CAAC,OAAO,eACjB,KAAC,UAAU,CAAC,OAAO,wCAA2C,EAC7D,eAAe,CAAC,CAAC,CAAC,CACjB,KAAC,UAAU,CAAC,IAAI,6DAA6D,CAC9E,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAC3B,KAAC,UAAU,CAAC,IAAI,yDAAyD,CAC1E,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,CAAC,IAAI,wFAEE,CACnB,IACkB,IACL,GACb,CACR,CAAA;AACH,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,EAAE;KACpB;CACF,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport BlankState from '../primitive/blank_state_primitive'\n\ninterface ConversationsBlankStateProps {\n  isFilterApplied: boolean\n  canCreateConversations: boolean\n}\n\nexport function ConversationsBlankState({\n  isFilterApplied,\n  canCreateConversations,\n}: ConversationsBlankStateProps) {\n  return (\n    <View style={styles.container}>\n      <BlankState.Root>\n        <BlankState.Imagery name=\"general.outlinedTextMessage\" />\n        <BlankState.Content>\n          <BlankState.Heading>No conversations yet.</BlankState.Heading>\n          {isFilterApplied ? (\n            <BlankState.Text>Adjust your filters to find conversations.</BlankState.Text>\n          ) : canCreateConversations ? (\n            <BlankState.Text>Tap the compose button to get started.</BlankState.Text>\n          ) : (\n            <BlankState.Text>\n              When your groups or teams start chatting, you&rsquo;ll find them here.\n            </BlankState.Text>\n          )}\n        </BlankState.Content>\n      </BlankState.Root>\n    </View>\n  )\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    paddingVertical: 32,\n  },\n})\n"]}
+{"version":3,"file":"conversations_blank_state.js","sourceRoot":"","sources":["../../../src/components/conversations/conversations_blank_state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,UAAU,MAAM,oCAAoC,CAAA;AAO3D,MAAM,UAAU,uBAAuB,CAAC,EACtC,eAAe,EACf,sBAAsB,GACO;IAC7B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,UAAU,CAAC,IAAI,CACd;QAAA,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,6BAA6B,EACtD;QAAA,CAAC,UAAU,CAAC,OAAO,CACjB;UAAA,CAAC,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,UAAU,CAAC,OAAO,CAC7D;UAAA,CAAC,eAAe,CAAC,CAAC,CAAC,CACjB,CAAC,UAAU,CAAC,IAAI,CAAC,0CAA0C,EAAE,UAAU,CAAC,IAAI,CAAC,CAC9E,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAC3B,CAAC,UAAU,CAAC,IAAI,CAAC,sCAAsC,EAAE,UAAU,CAAC,IAAI,CAAC,CAC1E,CAAC,CAAC,CAAC,CACF,CAAC,UAAU,CAAC,IAAI,CACd;;YACF,EAAE,UAAU,CAAC,IAAI,CAAC,CACnB,CACH;QAAA,EAAE,UAAU,CAAC,OAAO,CACtB;MAAA,EAAE,UAAU,CAAC,IAAI,CACnB;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,EAAE;KACpB;CACF,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport BlankState from '../primitive/blank_state_primitive'\n\ninterface ConversationsBlankStateProps {\n  isFilterApplied: boolean\n  canCreateConversations: boolean\n}\n\nexport function ConversationsBlankState({\n  isFilterApplied,\n  canCreateConversations,\n}: ConversationsBlankStateProps) {\n  return (\n    <View style={styles.container}>\n      <BlankState.Root>\n        <BlankState.Imagery name=\"general.outlinedTextMessage\" />\n        <BlankState.Content>\n          <BlankState.Heading>No conversations yet.</BlankState.Heading>\n          {isFilterApplied ? (\n            <BlankState.Text>Adjust your filters to find conversations.</BlankState.Text>\n          ) : canCreateConversations ? (\n            <BlankState.Text>Tap the compose button to get started.</BlankState.Text>\n          ) : (\n            <BlankState.Text>\n              When your groups or teams start chatting, you&rsquo;ll find them here.\n            </BlankState.Text>\n          )}\n        </BlankState.Content>\n      </BlankState.Root>\n    </View>\n  )\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n    paddingVertical: 32,\n  },\n})\n"]}

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

@@ -1,4 +1,5 @@
+import React from 'react';
 export declare const MuteIndicator: ({ muted }: {
     muted: boolean;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => React.JSX.Element | null;
 //# sourceMappingURL=mute_indicator.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"mute_indicator.d.ts","sourceRoot":"","sources":["../../../src/components/conversations/mute_indicator.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,aAAa,GAAI,WAAW;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,mDAY1D,CAAA"}
+{"version":3,"file":"mute_indicator.d.ts","sourceRoot":"","sources":["../../../src/components/conversations/mute_indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,eAAO,MAAM,aAAa,GAAI,WAAW;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,6BAY1D,CAAA"}

package/build/components/conversations/mute_indicator.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { StyleSheet } from 'react-native';
 import { useTheme } from '../../hooks';
 import { MAX_FONT_SIZE_MULTIPLIER } from '../../utils';
@@ -7,7 +7,7 @@ export const MuteIndicator = ({ muted }) => {
     const styles = useStyles();
     if (!muted)
         return null;
-    return (_jsx(Icon, { name: "general.bellMuted", style: styles.mutedIcon, maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER }));
+    return (<Icon name="general.bellMuted" style={styles.mutedIcon} maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}/>);
 };
 const useStyles = () => {
     const { colors } = useTheme();

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

@@ -1 +1 @@
-{"version":3,"file":"mute_indicator.js","sourceRoot":"","sources":["../../../src/components/conversations/mute_indicator.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAsB,EAAE,EAAE;IAC7D,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAA;IAEvB,OAAO,CACL,KAAC,IAAI,IACH,IAAI,EAAC,mBAAmB,EACxB,KAAK,EAAE,MAAM,CAAC,SAAS,EACvB,qBAAqB,EAAE,wBAAwB,GAC/C,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,KAAK,EAAE,MAAM,CAAC,mBAAmB;YACjC,QAAQ,EAAE,EAAE;SACb;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { StyleSheet } from 'react-native'\nimport { useTheme } from '../../hooks'\nimport { MAX_FONT_SIZE_MULTIPLIER } from '../../utils'\nimport { Icon } from '../display'\n\nexport const MuteIndicator = ({ muted }: { muted: boolean }) => {\n  const styles = useStyles()\n\n  if (!muted) return null\n\n  return (\n    <Icon\n      name=\"general.bellMuted\"\n      style={styles.mutedIcon}\n      maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n    />\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    mutedIcon: {\n      color: colors.iconColorDefaultDim,\n      fontSize: 16,\n    },\n  })\n}\n"]}
+{"version":3,"file":"mute_indicator.js","sourceRoot":"","sources":["../../../src/components/conversations/mute_indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAsB,EAAE,EAAE;IAC7D,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAA;IAEvB,OAAO,CACL,CAAC,IAAI,CACH,IAAI,CAAC,mBAAmB,CACxB,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CACxB,qBAAqB,CAAC,CAAC,wBAAwB,CAAC,EAChD,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,KAAK,EAAE,MAAM,CAAC,mBAAmB;YACjC,QAAQ,EAAE,EAAE;SACb;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { StyleSheet } from 'react-native'\nimport { useTheme } from '../../hooks'\nimport { MAX_FONT_SIZE_MULTIPLIER } from '../../utils'\nimport { Icon } from '../display'\n\nexport const MuteIndicator = ({ muted }: { muted: boolean }) => {\n  const styles = useStyles()\n\n  if (!muted) return null\n\n  return (\n    <Icon\n      name=\"general.bellMuted\"\n      style={styles.mutedIcon}\n      maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n    />\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    mutedIcon: {\n      color: colors.iconColorDefaultDim,\n      fontSize: 16,\n    },\n  })\n}\n"]}

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { type PressableProps } from 'react-native-gesture-handler';
 import { IconString } from '../display';
 interface SwipeableToggleButtonProps extends PressableProps {
@@ -15,6 +16,6 @@ interface SwipeableToggleButtonProps extends PressableProps {
     };
     loading?: boolean;
 }
-export declare function SwipeableToggleButton({ backgroundColor, onPress, toggleContent, disabled, toggled, loading, ...props }: SwipeableToggleButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function SwipeableToggleButton({ backgroundColor, onPress, toggleContent, disabled, toggled, loading, ...props }: SwipeableToggleButtonProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=swipeable_toggle_button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"swipeable_toggle_button.d.ts","sourceRoot":"","sources":["../../../src/components/conversations/swipeable_toggle_button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAS7E,OAAO,EAAQ,UAAU,EAAiB,MAAM,YAAY,CAAA;AAE5D,UAAU,0BAA2B,SAAQ,cAAc;IACzD,eAAe,EAAE,MAAM,CAAA;IACvB,OAAO,EAAE,OAAO,CAAA;IAChB,aAAa,EAAE;QACb,IAAI,EAAE;YAAE,QAAQ,EAAE,UAAU,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;QAC7C,KAAK,EAAE;YAAE,QAAQ,EAAE,UAAU,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;KAC/C,CAAA;IACD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,eAAe,EACf,OAAO,EACP,aAAa,EACb,QAAgB,EAChB,OAAO,EACP,OAAe,EACf,GAAG,KAAK,EACT,EAAE,0BAA0B,2CAyC5B"}
+{"version":3,"file":"swipeable_toggle_button.d.ts","sourceRoot":"","sources":["../../../src/components/conversations/swipeable_toggle_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAS7E,OAAO,EAAQ,UAAU,EAAiB,MAAM,YAAY,CAAA;AAE5D,UAAU,0BAA2B,SAAQ,cAAc;IACzD,eAAe,EAAE,MAAM,CAAA;IACvB,OAAO,EAAE,OAAO,CAAA;IAChB,aAAa,EAAE;QACb,IAAI,EAAE;YAAE,QAAQ,EAAE,UAAU,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;QAC7C,KAAK,EAAE;YAAE,QAAQ,EAAE,UAAU,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;KAC/C,CAAA;IACD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,eAAe,EACf,OAAO,EACP,aAAa,EACb,QAAgB,EAChB,OAAO,EACP,OAAe,EACf,GAAG,KAAK,EACT,EAAE,0BAA0B,qBAyC5B"}

package/build/components/conversations/swipeable_toggle_button.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { StyleSheet } from 'react-native';
 import { Pressable } from 'react-native-gesture-handler';
 import { useCreateAndroidRippleColor, useTheme } from '../../hooks';
@@ -12,10 +12,17 @@ export function SwipeableToggleButton({ backgroundColor, onPress, toggleContent,
         color: backgroundColor,
     });
     const { iconName, label } = toggleContent[toggled ? 'true' : 'false'];
-    return (_jsx(Pressable, { onPress: event => {
+    return (<Pressable onPress={event => {
             Haptic.impactLight();
             onPress?.(event);
-        }, style: ({ pressed }) => [styles.button, pressed && platformPressedOpacityStyle], android_ripple: { color: androidRippleColor, borderless: false, foreground: true }, disabled: disabled || loading, accessibilityRole: "togglebutton", accessibilityState: { checked: toggled }, ...props, children: loading ? (_jsx(Spinner, { size: 20 })) : (_jsxs(_Fragment, { children: [_jsx(Icon, { name: iconName, style: styles.icon, maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER }), _jsx(Text, { variant: "footnote", style: styles.text, maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER, children: label })] })) }));
+        }} style={({ pressed }) => [styles.button, pressed && platformPressedOpacityStyle]} android_ripple={{ color: androidRippleColor, borderless: false, foreground: true }} disabled={disabled || loading} accessibilityRole="togglebutton" accessibilityState={{ checked: toggled }} {...props}>
+      {loading ? (<Spinner size={20}/>) : (<>
+          <Icon name={iconName} style={styles.icon} maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}/>
+          <Text variant="footnote" style={styles.text} maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}>
+            {label}
+          </Text>
+        </>)}
+    </Pressable>);
 }
 const useStyles = ({ backgroundColor, disabled }) => {
     const { colors } = useTheme();

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

@@ -1 +1 @@
-{"version":3,"file":"swipeable_toggle_button.js","sourceRoot":"","sources":["../../../src/components/conversations/swipeable_toggle_button.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { StyleSheet } from 'react-native'\nimport { Pressable, type PressableProps } from 'react-native-gesture-handler'\nimport { useCreateAndroidRippleColor, useTheme } from '../../hooks'\nimport { Haptic } from '../../utils/native_adapters/configuration'\nimport {\n  MAX_FONT_SIZE_MULTIPLIER,\n  platformFontWeightMedium,\n  platformPressedOpacityStyle,\n} from '../../utils/styles'\nimport { tokens } from '../../vendor/tapestry/tokens'\nimport { Icon, IconString, Spinner, Text } from '../display'\n\ninterface SwipeableToggleButtonProps extends PressableProps {\n  backgroundColor: string\n  toggled: boolean\n  toggleContent: {\n    true: { iconName: IconString; label: string }\n    false: { iconName: IconString; label: string }\n  }\n  loading?: boolean\n}\n\nexport function SwipeableToggleButton({\n  backgroundColor,\n  onPress,\n  toggleContent,\n  disabled = false,\n  toggled,\n  loading = false,\n  ...props\n}: SwipeableToggleButtonProps) {\n  const styles = useStyles({ backgroundColor, disabled })\n  const androidRippleColor = useCreateAndroidRippleColor({\n    color: backgroundColor,\n  })\n\n  const { iconName, label } = toggleContent[toggled ? 'true' : 'false']\n\n  return (\n    <Pressable\n      onPress={event => {\n        Haptic.impactLight()\n        onPress?.(event)\n      }}\n      style={({ pressed }) => [styles.button, pressed && platformPressedOpacityStyle]}\n      android_ripple={{ color: androidRippleColor, borderless: false, foreground: true }}\n      disabled={disabled || loading}\n      accessibilityRole=\"togglebutton\"\n      accessibilityState={{ checked: toggled }}\n      {...props}\n    >\n      {loading ? (\n        <Spinner size={20} />\n      ) : (\n        <>\n          <Icon\n            name={iconName}\n            style={styles.icon}\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n          <Text\n            variant=\"footnote\"\n            style={styles.text}\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          >\n            {label}\n          </Text>\n        </>\n      )}\n    </Pressable>\n  )\n}\n\nconst useStyles = ({ backgroundColor, disabled }: Partial<SwipeableToggleButtonProps>) => {\n  const { colors } = useTheme()\n  const fillColor = disabled ? colors.textColorDefaultDisabled : tokens.colorNeutral100White\n  const buttonBackgroundColor = disabled\n    ? colors.fillColorButtonNeutralSolidDisabled\n    : backgroundColor\n\n  return StyleSheet.create({\n    button: {\n      flex: 1,\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center',\n      gap: 4,\n      height: '100%',\n      backgroundColor: buttonBackgroundColor,\n    },\n    icon: {\n      fontSize: 20,\n      color: fillColor,\n      marginTop: 4,\n    },\n    text: {\n      color: fillColor,\n      fontWeight: platformFontWeightMedium,\n      textAlign: 'center',\n      paddingHorizontal: 8,\n    },\n  })\n}\n"]}
+{"version":3,"file":"swipeable_toggle_button.js","sourceRoot":"","sources":["../../../src/components/conversations/swipeable_toggle_button.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { StyleSheet } from 'react-native'\nimport { Pressable, type PressableProps } from 'react-native-gesture-handler'\nimport { useCreateAndroidRippleColor, useTheme } from '../../hooks'\nimport { Haptic } from '../../utils/native_adapters/configuration'\nimport {\n  MAX_FONT_SIZE_MULTIPLIER,\n  platformFontWeightMedium,\n  platformPressedOpacityStyle,\n} from '../../utils/styles'\nimport { tokens } from '../../vendor/tapestry/tokens'\nimport { Icon, IconString, Spinner, Text } from '../display'\n\ninterface SwipeableToggleButtonProps extends PressableProps {\n  backgroundColor: string\n  toggled: boolean\n  toggleContent: {\n    true: { iconName: IconString; label: string }\n    false: { iconName: IconString; label: string }\n  }\n  loading?: boolean\n}\n\nexport function SwipeableToggleButton({\n  backgroundColor,\n  onPress,\n  toggleContent,\n  disabled = false,\n  toggled,\n  loading = false,\n  ...props\n}: SwipeableToggleButtonProps) {\n  const styles = useStyles({ backgroundColor, disabled })\n  const androidRippleColor = useCreateAndroidRippleColor({\n    color: backgroundColor,\n  })\n\n  const { iconName, label } = toggleContent[toggled ? 'true' : 'false']\n\n  return (\n    <Pressable\n      onPress={event => {\n        Haptic.impactLight()\n        onPress?.(event)\n      }}\n      style={({ pressed }) => [styles.button, pressed && platformPressedOpacityStyle]}\n      android_ripple={{ color: androidRippleColor, borderless: false, foreground: true }}\n      disabled={disabled || loading}\n      accessibilityRole=\"togglebutton\"\n      accessibilityState={{ checked: toggled }}\n      {...props}\n    >\n      {loading ? (\n        <Spinner size={20} />\n      ) : (\n        <>\n          <Icon\n            name={iconName}\n            style={styles.icon}\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          />\n          <Text\n            variant=\"footnote\"\n            style={styles.text}\n            maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n          >\n            {label}\n          </Text>\n        </>\n      )}\n    </Pressable>\n  )\n}\n\nconst useStyles = ({ backgroundColor, disabled }: Partial<SwipeableToggleButtonProps>) => {\n  const { colors } = useTheme()\n  const fillColor = disabled ? colors.textColorDefaultDisabled : tokens.colorNeutral100White\n  const buttonBackgroundColor = disabled\n    ? colors.fillColorButtonNeutralSolidDisabled\n    : backgroundColor\n\n  return StyleSheet.create({\n    button: {\n      flex: 1,\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center',\n      gap: 4,\n      height: '100%',\n      backgroundColor: buttonBackgroundColor,\n    },\n    icon: {\n      fontSize: 20,\n      color: fillColor,\n      marginTop: 4,\n    },\n    text: {\n      color: fillColor,\n      fontWeight: platformFontWeightMedium,\n      textAlign: 'center',\n      paddingHorizontal: 8,\n    },\n  })\n}\n"]}

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

@@ -1,5 +1,7 @@
-export declare const UnreadCountBadge: ({ count, showDot }: {
+import React from 'react';
+export declare const UnreadCountBadge: ({ count, unreadReaction, showDot, }: {
     count: number;
+    unreadReaction: boolean;
     showDot: boolean;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => React.JSX.Element | null;
 //# sourceMappingURL=unread_count_badge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"unread_count_badge.d.ts","sourceRoot":"","sources":["../../../src/components/conversations/unread_count_badge.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB,GAAI,oBAAoB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,mDAcvF,CAAA"}
+{"version":3,"file":"unread_count_badge.d.ts","sourceRoot":"","sources":["../../../src/components/conversations/unread_count_badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,eAAO,MAAM,gBAAgB,GAAI,qCAI9B;IACD,KAAK,EAAE,MAAM,CAAA;IACb,cAAc,EAAE,OAAO,CAAA;IACvB,OAAO,EAAE,OAAO,CAAA;CACjB,6BAeA,CAAA"}

package/build/components/conversations/unread_count_badge.js

@@ -1,22 +1,27 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { useFontScale, useTheme } from '../../hooks';
 import { MAX_FONT_SIZE_MULTIPLIER, platformFontWeightBold } from '../../utils';
 import { Text } from '../display';
-export const UnreadCountBadge = ({ count, showDot }) => {
+export const UnreadCountBadge = ({ count, unreadReaction, showDot, }) => {
     const styles = useStyles();
     const displayCount = count > 99 ? '99+' : count;
-    if (count === 0)
+    const isUnread = count > 0 || unreadReaction;
+    if (!isUnread)
         return null;
-    if (showDot)
-        return _jsx(View, { style: styles.dot });
-    return (_jsx(View, { style: styles.badge, children: _jsx(Text, { variant: "footnote", style: styles.count, children: displayCount }) }));
+    if (showDot || count === 0)
+        return <View style={styles.dot}/>;
+    return (<View style={styles.badge}>
+      <Text variant="footnote" style={styles.count}>
+        {displayCount}
+      </Text>
+    </View>);
 };
 const useStyles = () => {
     const { colors } = useTheme();
     const dotScaleLimit = MAX_FONT_SIZE_MULTIPLIER * 1.5;
     const fontScale = useFontScale({ maxFontSizeMultiplier: dotScaleLimit });
-    const size = 8 * fontScale;
+    const size = 10 * fontScale;
     return StyleSheet.create({
         badge: {
             alignSelf: 'flex-end',

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

@@ -1 +1 @@
-{"version":3,"file":"unread_count_badge.js","sourceRoot":"","sources":["../../../src/components/conversations/unread_count_badge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACpD,OAAO,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AAC9E,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAuC,EAAE,EAAE;IAC1F,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,YAAY,GAAG,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAA;IAE/C,IAAI,KAAK,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAC5B,IAAI,OAAO;QAAE,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,GAAI,CAAA;IAE/C,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,YACvB,KAAC,IAAI,IAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,YACzC,YAAY,GACR,GACF,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,aAAa,GAAG,wBAAwB,GAAG,GAAG,CAAA;IACpD,MAAM,SAAS,GAAG,YAAY,CAAC,EAAE,qBAAqB,EAAE,aAAa,EAAE,CAAC,CAAA;IACxE,MAAM,IAAI,GAAG,CAAC,GAAG,SAAS,CAAA;IAE1B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,KAAK,EAAE;YACL,SAAS,EAAE,UAAU;YACrB,eAAe,EAAE,MAAM,CAAC,2BAA2B;YACnD,eAAe,EAAE,CAAC;YAClB,iBAAiB,EAAE,CAAC;YACpB,YAAY,EAAE,EAAE,GAAG,SAAS;SAC7B;QACD,KAAK,EAAE;YACL,UAAU,EAAE,sBAAsB;YAClC,KAAK,EAAE,OAAO;SACf;QACD,GAAG,EAAE;YACH,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;YACZ,YAAY,EAAE,IAAI;YAClB,eAAe,EAAE,MAAM,CAAC,2BAA2B;SACpD;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { useFontScale, useTheme } from '../../hooks'\nimport { MAX_FONT_SIZE_MULTIPLIER, platformFontWeightBold } from '../../utils'\nimport { Text } from '../display'\n\nexport const UnreadCountBadge = ({ count, showDot }: { count: number; showDot: boolean }) => {\n  const styles = useStyles()\n  const displayCount = count > 99 ? '99+' : count\n\n  if (count === 0) return null\n  if (showDot) return <View style={styles.dot} />\n\n  return (\n    <View style={styles.badge}>\n      <Text variant=\"footnote\" style={styles.count}>\n        {displayCount}\n      </Text>\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  const dotScaleLimit = MAX_FONT_SIZE_MULTIPLIER * 1.5\n  const fontScale = useFontScale({ maxFontSizeMultiplier: dotScaleLimit })\n  const size = 8 * fontScale\n\n  return StyleSheet.create({\n    badge: {\n      alignSelf: 'flex-end',\n      backgroundColor: colors.fillColorInteractionDefault,\n      paddingVertical: 2,\n      paddingHorizontal: 8,\n      borderRadius: 24 * fontScale,\n    },\n    count: {\n      fontWeight: platformFontWeightBold,\n      color: 'white',\n    },\n    dot: {\n      width: size,\n      height: size,\n      borderRadius: size,\n      backgroundColor: colors.fillColorInteractionDefault,\n    },\n  })\n}\n"]}
+{"version":3,"file":"unread_count_badge.js","sourceRoot":"","sources":["../../../src/components/conversations/unread_count_badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACpD,OAAO,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AAC9E,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,KAAK,EACL,cAAc,EACd,OAAO,GAKR,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,YAAY,GAAG,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAA;IAC/C,MAAM,QAAQ,GAAG,KAAK,GAAG,CAAC,IAAI,cAAc,CAAA;IAE5C,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAA;IAC1B,IAAI,OAAO,IAAI,KAAK,KAAK,CAAC;QAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,EAAG,CAAA;IAE9D,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACxB;MAAA,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAC3C;QAAA,CAAC,YAAY,CACf;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,aAAa,GAAG,wBAAwB,GAAG,GAAG,CAAA;IACpD,MAAM,SAAS,GAAG,YAAY,CAAC,EAAE,qBAAqB,EAAE,aAAa,EAAE,CAAC,CAAA;IACxE,MAAM,IAAI,GAAG,EAAE,GAAG,SAAS,CAAA;IAE3B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,KAAK,EAAE;YACL,SAAS,EAAE,UAAU;YACrB,eAAe,EAAE,MAAM,CAAC,2BAA2B;YACnD,eAAe,EAAE,CAAC;YAClB,iBAAiB,EAAE,CAAC;YACpB,YAAY,EAAE,EAAE,GAAG,SAAS;SAC7B;QACD,KAAK,EAAE;YACL,UAAU,EAAE,sBAAsB;YAClC,KAAK,EAAE,OAAO;SACf;QACD,GAAG,EAAE;YACH,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;YACZ,YAAY,EAAE,IAAI;YAClB,eAAe,EAAE,MAAM,CAAC,2BAA2B;SACpD;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { useFontScale, useTheme } from '../../hooks'\nimport { MAX_FONT_SIZE_MULTIPLIER, platformFontWeightBold } from '../../utils'\nimport { Text } from '../display'\n\nexport const UnreadCountBadge = ({\n  count,\n  unreadReaction,\n  showDot,\n}: {\n  count: number\n  unreadReaction: boolean\n  showDot: boolean\n}) => {\n  const styles = useStyles()\n  const displayCount = count > 99 ? '99+' : count\n  const isUnread = count > 0 || unreadReaction\n\n  if (!isUnread) return null\n  if (showDot || count === 0) return <View style={styles.dot} />\n\n  return (\n    <View style={styles.badge}>\n      <Text variant=\"footnote\" style={styles.count}>\n        {displayCount}\n      </Text>\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  const dotScaleLimit = MAX_FONT_SIZE_MULTIPLIER * 1.5\n  const fontScale = useFontScale({ maxFontSizeMultiplier: dotScaleLimit })\n  const size = 10 * fontScale\n\n  return StyleSheet.create({\n    badge: {\n      alignSelf: 'flex-end',\n      backgroundColor: colors.fillColorInteractionDefault,\n      paddingVertical: 2,\n      paddingHorizontal: 8,\n      borderRadius: 24 * fontScale,\n    },\n    count: {\n      fontWeight: platformFontWeightBold,\n      color: 'white',\n    },\n    dot: {\n      width: size,\n      height: size,\n      borderRadius: size,\n      backgroundColor: colors.fillColorInteractionDefault,\n    },\n  })\n}\n"]}

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

@@ -11,5 +11,5 @@ export declare const ActionButton: ({ visible, disabled, onPress, title, infoTex
     secondaryButton?: React.ReactNode;
     loading?: boolean;
     warnings?: ConversationWarning[];
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => React.JSX.Element | null;
 //# sourceMappingURL=action_button.d.ts.map

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

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

package/build/components/display/action_button.js

@@ -1,5 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { useEffect } from 'react';
 import { Animated, LayoutAnimation, StyleSheet, useWindowDimensions, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
@@ -19,7 +18,18 @@ export const ActionButton = ({ visible = true, disabled = false, onPress, title,
     }, [show, visible]);
     if (!visible)
         return null;
-    return (_jsxs(Animated.View, { style: styles.container, children: [warnings.length > 0 && (_jsx(View, { style: styles.warnings, children: warnings.map((warning, index) => (_jsx(Banner, { appearance: "error", description: warning.fullMessage }, `${warning.attribute}-${index}`))) })), Boolean(infoText) && (_jsx(Text, { style: styles.infoText, variant: "footnote", children: infoText })), _jsxs(View, { style: styles.buttonRow, children: [secondaryButton, _jsx(Button, { variant: "fill", size: "lg", onPress: onPress, title: title, disabled: disabled, style: secondaryButton ? null : styles.fullWidthButton, iconNameLeft: buttonIconNameLeft, loading: loading, maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK, accessibilityShowsLargeContentViewer: true, accessibilityLargeContentTitle: title })] })] }));
+    return (<Animated.View style={styles.container}>
+      {warnings.length > 0 && (<View style={styles.warnings}>
+          {warnings.map((warning, index) => (<Banner key={`${warning.attribute}-${index}`} appearance="error" description={warning.fullMessage}/>))}
+        </View>)}
+      {Boolean(infoText) && (<Text style={styles.infoText} variant="footnote">
+          {infoText}
+        </Text>)}
+      <View style={styles.buttonRow}>
+        {secondaryButton}
+        <Button variant="fill" size="lg" onPress={onPress} title={title} disabled={disabled} style={secondaryButton ? null : styles.fullWidthButton} iconNameLeft={buttonIconNameLeft} loading={loading} maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK} accessibilityShowsLargeContentViewer accessibilityLargeContentTitle={title}/>
+      </View>
+    </Animated.View>);
 };
 const useStyles = () => {
     const { fontScale } = useWindowDimensions();

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

@@ -1 +1 @@
-{"version":3,"file":"action_button.js","sourceRoot":"","sources":["../../../src/components/display/action_button.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react'\nimport { useEffect } from 'react'\nimport { Animated, LayoutAnimation, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { useTheme } from '../../hooks'\nimport { ConversationWarning } from '../../types'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils'\nimport { Banner } from './banner'\nimport { Button } from './button'\nimport { IconString } from './icon'\nimport { Text } from './text'\n\nexport const ActionButton = ({\n  visible = true,\n  disabled = false,\n  onPress,\n  title,\n  infoText,\n  buttonIconNameLeft,\n  secondaryButton,\n  loading = false,\n  warnings = [],\n}: {\n  visible?: boolean\n  disabled?: boolean\n  onPress: () => void\n  title: string\n  infoText?: string\n  buttonIconNameLeft?: IconString\n  secondaryButton?: React.ReactNode\n  loading?: boolean\n  warnings?: ConversationWarning[]\n}) => {\n  const styles = useStyles()\n  const [show, setShow] = useState(visible)\n\n  useEffect(() => {\n    if (show === visible) return\n\n    setShow(visible)\n    LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut)\n  }, [show, visible])\n\n  if (!visible) return null\n\n  return (\n    <Animated.View style={styles.container}>\n      {warnings.length > 0 && (\n        <View style={styles.warnings}>\n          {warnings.map((warning, index) => (\n            <Banner\n              key={`${warning.attribute}-${index}`}\n              appearance=\"error\"\n              description={warning.fullMessage}\n            />\n          ))}\n        </View>\n      )}\n      {Boolean(infoText) && (\n        <Text style={styles.infoText} variant=\"footnote\">\n          {infoText}\n        </Text>\n      )}\n      <View style={styles.buttonRow}>\n        {secondaryButton}\n        <Button\n          variant=\"fill\"\n          size=\"lg\"\n          onPress={onPress}\n          title={title}\n          disabled={disabled}\n          style={secondaryButton ? null : styles.fullWidthButton}\n          iconNameLeft={buttonIconNameLeft}\n          loading={loading}\n          maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n          accessibilityShowsLargeContentViewer\n          accessibilityLargeContentTitle={title}\n        />\n      </View>\n    </Animated.View>\n  )\n}\n\nconst useStyles = () => {\n  const { fontScale } = useWindowDimensions()\n  const { bottom } = useSafeAreaInsets()\n  const { colors } = useTheme()\n  const containerVerticalPadding = 16\n\n  return StyleSheet.create({\n    container: {\n      backgroundColor: colors.surfaceColor090,\n      paddingHorizontal: 24,\n      paddingTop: containerVerticalPadding,\n      paddingBottom: bottom + containerVerticalPadding,\n      borderTopWidth: 1,\n      borderTopColor: colors.borderColorDefaultDim,\n      gap: 16,\n    },\n    buttonRow: {\n      flexDirection: 'row',\n      justifyContent: fontScale > 1 ? 'center' : 'space-between',\n      alignItems: 'center',\n      gap: 16,\n      flexWrap: 'wrap-reverse',\n    },\n    fullWidthButton: {\n      flexGrow: 1,\n    },\n    infoText: {\n      textAlign: 'center',\n    },\n    warnings: {\n      gap: 8,\n    },\n  })\n}\n"]}
+{"version":3,"file":"action_button.js","sourceRoot":"","sources":["../../../src/components/display/action_button.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react'\nimport { useEffect } from 'react'\nimport { Animated, LayoutAnimation, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { useTheme } from '../../hooks'\nimport { ConversationWarning } from '../../types'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils'\nimport { Banner } from './banner'\nimport { Button } from './button'\nimport { IconString } from './icon'\nimport { Text } from './text'\n\nexport const ActionButton = ({\n  visible = true,\n  disabled = false,\n  onPress,\n  title,\n  infoText,\n  buttonIconNameLeft,\n  secondaryButton,\n  loading = false,\n  warnings = [],\n}: {\n  visible?: boolean\n  disabled?: boolean\n  onPress: () => void\n  title: string\n  infoText?: string\n  buttonIconNameLeft?: IconString\n  secondaryButton?: React.ReactNode\n  loading?: boolean\n  warnings?: ConversationWarning[]\n}) => {\n  const styles = useStyles()\n  const [show, setShow] = useState(visible)\n\n  useEffect(() => {\n    if (show === visible) return\n\n    setShow(visible)\n    LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut)\n  }, [show, visible])\n\n  if (!visible) return null\n\n  return (\n    <Animated.View style={styles.container}>\n      {warnings.length > 0 && (\n        <View style={styles.warnings}>\n          {warnings.map((warning, index) => (\n            <Banner\n              key={`${warning.attribute}-${index}`}\n              appearance=\"error\"\n              description={warning.fullMessage}\n            />\n          ))}\n        </View>\n      )}\n      {Boolean(infoText) && (\n        <Text style={styles.infoText} variant=\"footnote\">\n          {infoText}\n        </Text>\n      )}\n      <View style={styles.buttonRow}>\n        {secondaryButton}\n        <Button\n          variant=\"fill\"\n          size=\"lg\"\n          onPress={onPress}\n          title={title}\n          disabled={disabled}\n          style={secondaryButton ? null : styles.fullWidthButton}\n          iconNameLeft={buttonIconNameLeft}\n          loading={loading}\n          maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n          accessibilityShowsLargeContentViewer\n          accessibilityLargeContentTitle={title}\n        />\n      </View>\n    </Animated.View>\n  )\n}\n\nconst useStyles = () => {\n  const { fontScale } = useWindowDimensions()\n  const { bottom } = useSafeAreaInsets()\n  const { colors } = useTheme()\n  const containerVerticalPadding = 16\n\n  return StyleSheet.create({\n    container: {\n      backgroundColor: colors.surfaceColor090,\n      paddingHorizontal: 24,\n      paddingTop: containerVerticalPadding,\n      paddingBottom: bottom + containerVerticalPadding,\n      borderTopWidth: 1,\n      borderTopColor: colors.borderColorDefaultDim,\n      gap: 16,\n    },\n    buttonRow: {\n      flexDirection: 'row',\n      justifyContent: fontScale > 1 ? 'center' : 'space-between',\n      alignItems: 'center',\n      gap: 16,\n      flexWrap: 'wrap-reverse',\n    },\n    fullWidthButton: {\n      flexGrow: 1,\n    },\n    infoText: {\n      textAlign: 'center',\n    },\n    warnings: {\n      gap: 8,\n    },\n  })\n}\n"]}

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

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { ViewStyle } from 'react-native';
 interface AdultRequirementNoticeProps {
     style?: ViewStyle;
 }
-export declare function AdultRequirementNotice({ style }: AdultRequirementNoticeProps): import("react/jsx-runtime").JSX.Element;
+export declare function AdultRequirementNotice({ style }: AdultRequirementNoticeProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=adult_requirement_notice.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"adult_requirement_notice.d.ts","sourceRoot":"","sources":["../../../src/components/display/adult_requirement_notice.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAK7C,UAAU,2BAA2B;IACnC,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,wBAAgB,sBAAsB,CAAC,EAAE,KAAK,EAAE,EAAE,2BAA2B,2CAW5E"}
+{"version":3,"file":"adult_requirement_notice.d.ts","sourceRoot":"","sources":["../../../src/components/display/adult_requirement_notice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAK7C,UAAU,2BAA2B;IACnC,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,wBAAgB,sBAAsB,CAAC,EAAE,KAAK,EAAE,EAAE,2BAA2B,qBAW5E"}

package/build/components/display/adult_requirement_notice.js

@@ -1,8 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { ADULT_REQUIREMENT_BODY } from '../../utils';
 import BannerPrimitive from '../primitive/banner_primitive';
 import { BannerCollapsible } from './banner_collapsible';
 export function AdultRequirementNotice({ style }) {
-    return (_jsx(BannerCollapsible, { appearance: "warning", iconName: "general.shieldExclamation", heading: "2 adults required to chat", style: style, children: _jsx(BannerPrimitive.Text, { children: ADULT_REQUIREMENT_BODY }) }));
+    return (<BannerCollapsible appearance="warning" iconName="general.shieldExclamation" heading="2 adults required to chat" style={style}>
+      <BannerPrimitive.Text>{ADULT_REQUIREMENT_BODY}</BannerPrimitive.Text>
+    </BannerCollapsible>);
 }
 //# sourceMappingURL=adult_requirement_notice.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"adult_requirement_notice.js","sourceRoot":"","sources":["../../../src/components/display/adult_requirement_notice.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AACpD,OAAO,eAAe,MAAM,+BAA+B,CAAA;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAMxD,MAAM,UAAU,sBAAsB,CAAC,EAAE,KAAK,EAA+B;IAC3E,OAAO,CACL,KAAC,iBAAiB,IAChB,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAC,2BAA2B,EACpC,OAAO,EAAC,2BAA2B,EACnC,KAAK,EAAE,KAAK,YAEZ,KAAC,eAAe,CAAC,IAAI,cAAE,sBAAsB,GAAwB,GACnD,CACrB,CAAA;AACH,CAAC","sourcesContent":["import React from 'react'\nimport type { ViewStyle } from 'react-native'\nimport { ADULT_REQUIREMENT_BODY } from '../../utils'\nimport BannerPrimitive from '../primitive/banner_primitive'\nimport { BannerCollapsible } from './banner_collapsible'\n\ninterface AdultRequirementNoticeProps {\n  style?: ViewStyle\n}\n\nexport function AdultRequirementNotice({ style }: AdultRequirementNoticeProps) {\n  return (\n    <BannerCollapsible\n      appearance=\"warning\"\n      iconName=\"general.shieldExclamation\"\n      heading=\"2 adults required to chat\"\n      style={style}\n    >\n      <BannerPrimitive.Text>{ADULT_REQUIREMENT_BODY}</BannerPrimitive.Text>\n    </BannerCollapsible>\n  )\n}\n"]}
+{"version":3,"file":"adult_requirement_notice.js","sourceRoot":"","sources":["../../../src/components/display/adult_requirement_notice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AACpD,OAAO,eAAe,MAAM,+BAA+B,CAAA;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAMxD,MAAM,UAAU,sBAAsB,CAAC,EAAE,KAAK,EAA+B;IAC3E,OAAO,CACL,CAAC,iBAAiB,CAChB,UAAU,CAAC,SAAS,CACpB,QAAQ,CAAC,2BAA2B,CACpC,OAAO,CAAC,2BAA2B,CACnC,KAAK,CAAC,CAAC,KAAK,CAAC,CAEb;MAAA,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,sBAAsB,CAAC,EAAE,eAAe,CAAC,IAAI,CACtE;IAAA,EAAE,iBAAiB,CAAC,CACrB,CAAA;AACH,CAAC","sourcesContent":["import React from 'react'\nimport type { ViewStyle } from 'react-native'\nimport { ADULT_REQUIREMENT_BODY } from '../../utils'\nimport BannerPrimitive from '../primitive/banner_primitive'\nimport { BannerCollapsible } from './banner_collapsible'\n\ninterface AdultRequirementNoticeProps {\n  style?: ViewStyle\n}\n\nexport function AdultRequirementNotice({ style }: AdultRequirementNoticeProps) {\n  return (\n    <BannerCollapsible\n      appearance=\"warning\"\n      iconName=\"general.shieldExclamation\"\n      heading=\"2 adults required to chat\"\n      style={style}\n    >\n      <BannerPrimitive.Text>{ADULT_REQUIREMENT_BODY}</BannerPrimitive.Text>\n    </BannerCollapsible>\n  )\n}\n"]}

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { type AvatarImageProps, type AvatarPresenceProps, type AvatarRootProps } from '../primitive/avatar_primitive';
 import { type IconString } from './icon';
 interface AvatarProps {
@@ -10,6 +11,6 @@ interface AvatarProps {
     maxFontSizeMultiplier?: AvatarRootProps['maxFontSizeMultiplier'];
     minFontSizeMultiplier?: AvatarRootProps['minFontSizeMultiplier'];
 }
-export declare function Avatar({ presence, size, sourceUri, showFallback, fallbackIconName, style, maxFontSizeMultiplier, minFontSizeMultiplier, }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+export declare function Avatar({ presence, size, sourceUri, showFallback, fallbackIconName, style, maxFontSizeMultiplier, minFontSizeMultiplier, }: AvatarProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=avatar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/display/avatar.tsx"],"names":[],"mappings":"AACA,OAAwB,EACtB,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACrB,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAA;AAExC,UAAU,WAAW;IACnB,SAAS,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAA;IACxC,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAA;IAC1C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,gBAAgB,CAAC,EAAE,UAAU,CAAA;IAC7B,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;IAChC,qBAAqB,CAAC,EAAE,eAAe,CAAC,uBAAuB,CAAC,CAAA;IAChE,qBAAqB,CAAC,EAAE,eAAe,CAAC,uBAAuB,CAAC,CAAA;CACjE;AAED,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,IAAW,EACX,SAAS,EACT,YAAoB,EACpB,gBAAmC,EACnC,KAAK,EACL,qBAAqB,EACrB,qBAAqB,GACtB,EAAE,WAAW,2CAoBb"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/display/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAwB,EACtB,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACrB,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAA;AAExC,UAAU,WAAW;IACnB,SAAS,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAA;IACxC,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAA;IAC1C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,gBAAgB,CAAC,EAAE,UAAU,CAAA;IAC7B,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;IAChC,qBAAqB,CAAC,EAAE,eAAe,CAAC,uBAAuB,CAAC,CAAA;IAChE,qBAAqB,CAAC,EAAE,eAAe,CAAC,uBAAuB,CAAC,CAAA;CACjE;AAED,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,IAAW,EACX,SAAS,EACT,YAAoB,EACpB,gBAAmC,EACnC,KAAK,EACL,qBAAqB,EACrB,qBAAqB,GACtB,EAAE,WAAW,qBAoBb"}