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

package/build/components/display/video_attachment_preview.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { View, StyleSheet } from 'react-native';
 import { useTheme } from '../../hooks';
 import { platformFontWeightMedium } from '../../utils';
@@ -10,9 +9,27 @@ import { Text } from './text';
 export const VideoAttachmentPreview = ({ name, duration, onRemovePress, loading = false, error = false, hideRemoveButton = false, }) => {
     const styles = useStyles({ error });
     if (loading) {
-        return (_jsx(View, { style: styles.container, children: _jsx(Spinner, { size: 20, style: styles.spinner }) }));
+        return (<View style={styles.container}>
+        <Spinner size={20} style={styles.spinner}/>
+      </View>);
     }
-    return (_jsxs(View, { style: styles.container, children: [_jsxs(View, { style: styles.contentContainer, children: [_jsx(Icon, { name: "general.outlinedVideoFile", size: 18, style: styles.fileIcon }), _jsxs(View, { style: styles.textContainer, children: [_jsx(Text, { variant: "tertiary", numberOfLines: 1, style: styles.nameText, accessibilityLabel: `Video attachment: ${name}`, children: name }), duration && (_jsx(Text, { variant: "tertiary", numberOfLines: 1, style: styles.durationText, accessibilityLabel: `Duration: ${duration}`, children: duration }))] })] }), !hideRemoveButton && (_jsx(IconButton, { name: "general.x", onPress: onRemovePress, size: "xxs", appearance: "neutral", style: styles.closeButton, accessibilityLabel: "Remove video attachment" })), error && (_jsx(View, { style: styles.errorBadge, children: _jsx(Icon, { name: "general.exclamationTriangle", size: 12, style: styles.errorIcon }) }))] }));
+    return (<View style={styles.container}>
+      <View style={styles.contentContainer}>
+        <Icon name="general.outlinedVideoFile" size={18} style={styles.fileIcon}/>
+        <View style={styles.textContainer}>
+          <Text variant="tertiary" numberOfLines={1} style={styles.nameText} accessibilityLabel={`Video attachment: ${name}`}>
+            {name}
+          </Text>
+          {duration && (<Text variant="tertiary" numberOfLines={1} style={styles.durationText} accessibilityLabel={`Duration: ${duration}`}>
+              {duration}
+            </Text>)}
+        </View>
+      </View>
+      {!hideRemoveButton && (<IconButton name="general.x" onPress={onRemovePress} size="xxs" appearance="neutral" style={styles.closeButton} accessibilityLabel="Remove video attachment"/>)}
+      {error && (<View style={styles.errorBadge}>
+          <Icon name="general.exclamationTriangle" size={12} style={styles.errorIcon}/>
+        </View>)}
+    </View>);
 };
 const useStyles = ({ error }) => {
     const { colors } = useTheme();

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

@@ -1 +1 @@
-{"version":3,"file":"video_attachment_preview.js","sourceRoot":"","sources":["../../../src/components/display/video_attachment_preview.tsx"],"names":[],"mappings":"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","sourcesContent":["import { View, StyleSheet } from 'react-native'\nimport { useTheme } from '../../hooks'\nimport { platformFontWeightMedium } from '../../utils'\nimport { tokens } from '../../vendor/tapestry/tokens'\nimport { Icon } from './icon'\nimport { IconButton } from './icon_button'\nimport { Spinner } from './spinner'\nimport { Text } from './text'\n\ninterface VideoAttachmentPreviewProps {\n  name: string\n  duration?: string\n  onRemovePress: () => void\n  loading?: boolean\n  error?: boolean\n  hideRemoveButton?: boolean\n}\n\nexport const VideoAttachmentPreview = ({\n  name,\n  duration,\n  onRemovePress,\n  loading = false,\n  error = false,\n  hideRemoveButton = false,\n}: VideoAttachmentPreviewProps) => {\n  const styles = useStyles({ error })\n\n  if (loading) {\n    return (\n      <View style={styles.container}>\n        <Spinner size={20} style={styles.spinner} />\n      </View>\n    )\n  }\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.contentContainer}>\n        <Icon name=\"general.outlinedVideoFile\" size={18} style={styles.fileIcon} />\n        <View style={styles.textContainer}>\n          <Text\n            variant=\"tertiary\"\n            numberOfLines={1}\n            style={styles.nameText}\n            accessibilityLabel={`Video attachment: ${name}`}\n          >\n            {name}\n          </Text>\n          {duration && (\n            <Text\n              variant=\"tertiary\"\n              numberOfLines={1}\n              style={styles.durationText}\n              accessibilityLabel={`Duration: ${duration}`}\n            >\n              {duration}\n            </Text>\n          )}\n        </View>\n      </View>\n      {!hideRemoveButton && (\n        <IconButton\n          name=\"general.x\"\n          onPress={onRemovePress}\n          size=\"xxs\"\n          appearance=\"neutral\"\n          style={styles.closeButton}\n          accessibilityLabel=\"Remove video attachment\"\n        />\n      )}\n      {error && (\n        <View style={styles.errorBadge}>\n          <Icon name=\"general.exclamationTriangle\" size={12} style={styles.errorIcon} />\n        </View>\n      )}\n    </View>\n  )\n}\n\nconst useStyles = ({ error }: Partial<VideoAttachmentPreviewProps>) => {\n  const { colors } = useTheme()\n  const borderRadius = 8\n\n  return StyleSheet.create({\n    container: {\n      height: 60,\n      minWidth: 150,\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      gap: 8,\n      backgroundColor: colors.fillColorNeutral070,\n      borderColor: error ? colors.statusErrorBorder : colors.borderColorDefaultBase,\n      borderWidth: error ? 2 : 1,\n      borderRadius,\n      padding: 4,\n    },\n    contentContainer: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n      flexShrink: 1,\n      paddingHorizontal: 8,\n      paddingVertical: 4,\n    },\n    textContainer: {\n      flexShrink: 1,\n      flexDirection: 'column',\n    },\n    fileIcon: {\n      color: error ? colors.iconColorDefaultDisabled : colors.iconColorDefaultPrimary,\n    },\n    nameText: {\n      color: error ? colors.textColorDefaultDisabled : colors.textColorDefaultPrimary,\n      fontWeight: platformFontWeightMedium,\n      flexShrink: 1,\n    },\n    durationText: {\n      color: error ? colors.textColorDefaultDisabled : colors.textColorDefaultPrimary,\n    },\n    closeButton: {\n      backgroundColor: colors.fillColorNeutral050Base,\n      borderRadius: 16,\n      height: 20,\n      width: 20,\n      alignSelf: 'flex-start',\n    },\n    errorBadge: {\n      backgroundColor: colors.statusErrorBorder,\n      position: 'absolute',\n      bottom: 0,\n      right: 0,\n      zIndex: 2,\n      borderStartStartRadius: borderRadius,\n      padding: 4,\n    },\n    errorIcon: {\n      color: tokens.colorNeutral100White,\n      transform: [{ translateX: 1 }],\n      fontSize: 10,\n    },\n    spinner: {\n      marginHorizontal: 'auto',\n    },\n  })\n}\n"]}
+{"version":3,"file":"video_attachment_preview.js","sourceRoot":"","sources":["../../../src/components/display/video_attachment_preview.tsx"],"names":[],"mappings":"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","sourcesContent":["import { View, StyleSheet } from 'react-native'\nimport { useTheme } from '../../hooks'\nimport { platformFontWeightMedium } from '../../utils'\nimport { tokens } from '../../vendor/tapestry/tokens'\nimport { Icon } from './icon'\nimport { IconButton } from './icon_button'\nimport { Spinner } from './spinner'\nimport { Text } from './text'\n\ninterface VideoAttachmentPreviewProps {\n  name: string\n  duration?: string\n  onRemovePress: () => void\n  loading?: boolean\n  error?: boolean\n  hideRemoveButton?: boolean\n}\n\nexport const VideoAttachmentPreview = ({\n  name,\n  duration,\n  onRemovePress,\n  loading = false,\n  error = false,\n  hideRemoveButton = false,\n}: VideoAttachmentPreviewProps) => {\n  const styles = useStyles({ error })\n\n  if (loading) {\n    return (\n      <View style={styles.container}>\n        <Spinner size={20} style={styles.spinner} />\n      </View>\n    )\n  }\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.contentContainer}>\n        <Icon name=\"general.outlinedVideoFile\" size={18} style={styles.fileIcon} />\n        <View style={styles.textContainer}>\n          <Text\n            variant=\"tertiary\"\n            numberOfLines={1}\n            style={styles.nameText}\n            accessibilityLabel={`Video attachment: ${name}`}\n          >\n            {name}\n          </Text>\n          {duration && (\n            <Text\n              variant=\"tertiary\"\n              numberOfLines={1}\n              style={styles.durationText}\n              accessibilityLabel={`Duration: ${duration}`}\n            >\n              {duration}\n            </Text>\n          )}\n        </View>\n      </View>\n      {!hideRemoveButton && (\n        <IconButton\n          name=\"general.x\"\n          onPress={onRemovePress}\n          size=\"xxs\"\n          appearance=\"neutral\"\n          style={styles.closeButton}\n          accessibilityLabel=\"Remove video attachment\"\n        />\n      )}\n      {error && (\n        <View style={styles.errorBadge}>\n          <Icon name=\"general.exclamationTriangle\" size={12} style={styles.errorIcon} />\n        </View>\n      )}\n    </View>\n  )\n}\n\nconst useStyles = ({ error }: Partial<VideoAttachmentPreviewProps>) => {\n  const { colors } = useTheme()\n  const borderRadius = 8\n\n  return StyleSheet.create({\n    container: {\n      height: 60,\n      minWidth: 150,\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      gap: 8,\n      backgroundColor: colors.fillColorNeutral070,\n      borderColor: error ? colors.statusErrorBorder : colors.borderColorDefaultBase,\n      borderWidth: error ? 2 : 1,\n      borderRadius,\n      padding: 4,\n    },\n    contentContainer: {\n      flexDirection: 'row',\n      gap: 8,\n      alignItems: 'center',\n      flexShrink: 1,\n      paddingHorizontal: 8,\n      paddingVertical: 4,\n    },\n    textContainer: {\n      flexShrink: 1,\n      flexDirection: 'column',\n    },\n    fileIcon: {\n      color: error ? colors.iconColorDefaultDisabled : colors.iconColorDefaultPrimary,\n    },\n    nameText: {\n      color: error ? colors.textColorDefaultDisabled : colors.textColorDefaultPrimary,\n      fontWeight: platformFontWeightMedium,\n      flexShrink: 1,\n    },\n    durationText: {\n      color: error ? colors.textColorDefaultDisabled : colors.textColorDefaultPrimary,\n    },\n    closeButton: {\n      backgroundColor: colors.fillColorNeutral050Base,\n      borderRadius: 16,\n      height: 20,\n      width: 20,\n      alignSelf: 'flex-start',\n    },\n    errorBadge: {\n      backgroundColor: colors.statusErrorBorder,\n      position: 'absolute',\n      bottom: 0,\n      right: 0,\n      zIndex: 2,\n      borderStartStartRadius: borderRadius,\n      padding: 4,\n    },\n    errorIcon: {\n      color: tokens.colorNeutral100White,\n      transform: [{ translateX: 1 }],\n      fontSize: 10,\n    },\n    spinner: {\n      marginHorizontal: 'auto',\n    },\n  })\n}\n"]}

package/build/components/group_conversation_list.d.ts

@@ -18,6 +18,6 @@ interface GroupConversationsProps extends Partial<ConversationRequestArgs> {
  *
  * Originally designed for use in CCA.
  */
-export declare const GroupConversations: ({ chat_group_graph_id, ...rest }: GroupConversationsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GroupConversations: ({ chat_group_graph_id, ...rest }: GroupConversationsProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=group_conversation_list.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"group_conversation_list.d.ts","sourceRoot":"","sources":["../../src/components/group_conversation_list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAM1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AAIvE,UAAU,uBAAwB,SAAQ,OAAO,CAAC,uBAAuB,CAAC;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB,EAAE,CAAC,YAAY,EAAE,GAAG,KAAK,IAAI,CAAA;IAChD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,mBAAmB,CAAC,EAAE,CAAC,EAAE,gBAAgB,EAAE,EAAE;QAAE,gBAAgB,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACnF,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,CAAA;IACtE,2BAA2B,CAAC,EACxB,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACxB,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAA;IACtE,wBAAwB,CAAC,EACrB,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACxB,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAA;CACvE;AAED;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAAI,kCAAkC,uBAAuB,4CAM3F,CAAA"}
+{"version":3,"file":"group_conversation_list.d.ts","sourceRoot":"","sources":["../../src/components/group_conversation_list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AAM1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AAIvE,UAAU,uBAAwB,SAAQ,OAAO,CAAC,uBAAuB,CAAC;IACxE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mBAAmB,EAAE,CAAC,YAAY,EAAE,GAAG,KAAK,IAAI,CAAA;IAChD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,mBAAmB,CAAC,EAAE,CAAC,EAAE,gBAAgB,EAAE,EAAE;QAAE,gBAAgB,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACnF,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,CAAA;IACtE,2BAA2B,CAAC,EACxB,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACxB,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAA;IACtE,wBAAwB,CAAC,EACrB,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACxB,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAA;CACvE;AAED;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAAI,kCAAkC,uBAAuB,sBAM3F,CAAA"}

package/build/components/group_conversation_list.js

@@ -1,5 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect } from 'react';
+import React, { useEffect } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { ConversationsContextProvider, useConversationsContext, } from '../contexts/conversations_context';
 import { useTheme } from '../hooks';
@@ -12,7 +11,9 @@ import { Icon, Text } from './display';
  * Originally designed for use in CCA.
  */
 export const GroupConversations = ({ chat_group_graph_id, ...rest }) => {
-    return (_jsx(ConversationsContextProvider, { args: { chat_group_graph_id, group_source_app_name: undefined }, children: _jsx(GroupConversationList, { ...rest }) }));
+    return (<ConversationsContextProvider args={{ chat_group_graph_id, group_source_app_name: undefined }}>
+      <GroupConversationList {...rest}/>
+    </ConversationsContextProvider>);
 };
 const GroupConversationList = ({ limit, onConversationPress, style, onConversationsLoad, ListHeaderComponent, ListOverflowFooterComponent, ListEmptyFooterComponent, }) => {
     const styles = useStyles();
@@ -22,7 +23,16 @@ const GroupConversationList = ({ limit, onConversationPress, style, onConversati
             onConversationsLoad?.({ hasConversations: conversations.length > 0 });
         }
     }, [conversations.length, isFetched, onConversationsLoad]);
-    return (_jsxs(View, { style: style, children: [_jsx(_Fragment, { children: ListHeaderComponent }), isFetched && conversations.length === 0 && (_jsxs(View, { style: styles.listEmpty, children: [_jsx(Icon, { size: 24, name: "general.textMessage", style: styles.listEmptyIcon }), _jsx(Text, { variant: "secondary", children: "No conversations found" }), _jsx(_Fragment, { children: ListEmptyFooterComponent })] })), conversations.slice(0, limit).map(conversation => (_jsx(ConversationPreview, { style: styles.conversation, showBadges: false, conversation: conversation, onPress: () => onConversationPress(conversation) }, conversation.id))), conversations.length > (limit || 0) && _jsx(_Fragment, { children: ListOverflowFooterComponent })] }));
+    return (<View style={style}>
+      <>{ListHeaderComponent}</>
+      {isFetched && conversations.length === 0 && (<View style={styles.listEmpty}>
+          <Icon size={24} name="general.textMessage" style={styles.listEmptyIcon}/>
+          <Text variant="secondary">No conversations found</Text>
+          <>{ListEmptyFooterComponent}</>
+        </View>)}
+      {conversations.slice(0, limit).map(conversation => (<ConversationPreview style={styles.conversation} key={conversation.id} showBadges={false} conversation={conversation} onPress={() => onConversationPress(conversation)}/>))}
+      {conversations.length > (limit || 0) && <>{ListOverflowFooterComponent}</>}
+    </View>);
 };
 const useStyles = () => {
     const { colors } = useTheme();

package/build/components/group_conversation_list.js.map

@@ -1 +1 @@
-{"version":3,"file":"group_conversation_list.js","sourceRoot":"","sources":["../../src/components/group_conversation_list.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect } from 'react'\nimport { StyleSheet, View, ViewStyle } from 'react-native'\nimport {\n  ConversationsContextProvider,\n  useConversationsContext,\n} from '../contexts/conversations_context'\nimport { useTheme } from '../hooks'\nimport { ConversationRequestArgs } from '../utils/request/conversation'\nimport { ConversationPreview } from './conversations/conversation_preview'\nimport { Icon, Text } from './display'\n\ninterface GroupConversationsProps extends Partial<ConversationRequestArgs> {\n  limit?: number\n  onConversationPress: (conversation: any) => void\n  style?: ViewStyle\n  onConversationsLoad?: ({ hasConversations }: { hasConversations: boolean }) => void\n  ListHeaderComponent?:\n    | React.ComponentType<any>\n    | React.ReactElement<any, string | React.JSXElementConstructor<any>>\n  ListOverflowFooterComponent?:\n    | React.ComponentType<any>\n    | React.ReactElement<any, string | React.JSXElementConstructor<any>>\n  ListEmptyFooterComponent?:\n    | React.ComponentType<any>\n    | React.ReactElement<any, string | React.JSXElementConstructor<any>>\n}\n\n/**\n * GroupConversations is a component that displays a list of conversations\n * for a specific group.\n *\n * Originally designed for use in CCA.\n */\nexport const GroupConversations = ({ chat_group_graph_id, ...rest }: GroupConversationsProps) => {\n  return (\n    <ConversationsContextProvider args={{ chat_group_graph_id, group_source_app_name: undefined }}>\n      <GroupConversationList {...rest} />\n    </ConversationsContextProvider>\n  )\n}\n\nconst GroupConversationList = ({\n  limit,\n  onConversationPress,\n  style,\n  onConversationsLoad,\n  ListHeaderComponent,\n  ListOverflowFooterComponent,\n  ListEmptyFooterComponent,\n}: GroupConversationsProps) => {\n  const styles = useStyles()\n  const { conversations = [], isFetched } = useConversationsContext()\n\n  useEffect(() => {\n    if (isFetched) {\n      onConversationsLoad?.({ hasConversations: conversations.length > 0 })\n    }\n  }, [conversations.length, isFetched, onConversationsLoad])\n\n  return (\n    <View style={style}>\n      <>{ListHeaderComponent}</>\n      {isFetched && conversations.length === 0 && (\n        <View style={styles.listEmpty}>\n          <Icon size={24} name=\"general.textMessage\" style={styles.listEmptyIcon} />\n          <Text variant=\"secondary\">No conversations found</Text>\n          <>{ListEmptyFooterComponent}</>\n        </View>\n      )}\n      {conversations.slice(0, limit).map(conversation => (\n        <ConversationPreview\n          style={styles.conversation}\n          key={conversation.id}\n          showBadges={false}\n          conversation={conversation}\n          onPress={() => onConversationPress(conversation)}\n        />\n      ))}\n      {conversations.length > (limit || 0) && <>{ListOverflowFooterComponent}</>}\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    constainer: {},\n    conversation: {\n      borderBottomWidth: 0,\n    },\n    listItem: { color: colors.fillColorNeutral020 },\n    listEmpty: {\n      justifyContent: 'center',\n      alignItems: 'center',\n      paddingVertical: 16,\n      gap: 8,\n    },\n    listEmptyIcon: {\n      color: colors.fillColorNeutral020,\n    },\n  })\n}\n"]}
+{"version":3,"file":"group_conversation_list.js","sourceRoot":"","sources":["../../src/components/group_conversation_list.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect } from 'react'\nimport { StyleSheet, View, ViewStyle } from 'react-native'\nimport {\n  ConversationsContextProvider,\n  useConversationsContext,\n} from '../contexts/conversations_context'\nimport { useTheme } from '../hooks'\nimport { ConversationRequestArgs } from '../utils/request/conversation'\nimport { ConversationPreview } from './conversations/conversation_preview'\nimport { Icon, Text } from './display'\n\ninterface GroupConversationsProps extends Partial<ConversationRequestArgs> {\n  limit?: number\n  onConversationPress: (conversation: any) => void\n  style?: ViewStyle\n  onConversationsLoad?: ({ hasConversations }: { hasConversations: boolean }) => void\n  ListHeaderComponent?:\n    | React.ComponentType<any>\n    | React.ReactElement<any, string | React.JSXElementConstructor<any>>\n  ListOverflowFooterComponent?:\n    | React.ComponentType<any>\n    | React.ReactElement<any, string | React.JSXElementConstructor<any>>\n  ListEmptyFooterComponent?:\n    | React.ComponentType<any>\n    | React.ReactElement<any, string | React.JSXElementConstructor<any>>\n}\n\n/**\n * GroupConversations is a component that displays a list of conversations\n * for a specific group.\n *\n * Originally designed for use in CCA.\n */\nexport const GroupConversations = ({ chat_group_graph_id, ...rest }: GroupConversationsProps) => {\n  return (\n    <ConversationsContextProvider args={{ chat_group_graph_id, group_source_app_name: undefined }}>\n      <GroupConversationList {...rest} />\n    </ConversationsContextProvider>\n  )\n}\n\nconst GroupConversationList = ({\n  limit,\n  onConversationPress,\n  style,\n  onConversationsLoad,\n  ListHeaderComponent,\n  ListOverflowFooterComponent,\n  ListEmptyFooterComponent,\n}: GroupConversationsProps) => {\n  const styles = useStyles()\n  const { conversations = [], isFetched } = useConversationsContext()\n\n  useEffect(() => {\n    if (isFetched) {\n      onConversationsLoad?.({ hasConversations: conversations.length > 0 })\n    }\n  }, [conversations.length, isFetched, onConversationsLoad])\n\n  return (\n    <View style={style}>\n      <>{ListHeaderComponent}</>\n      {isFetched && conversations.length === 0 && (\n        <View style={styles.listEmpty}>\n          <Icon size={24} name=\"general.textMessage\" style={styles.listEmptyIcon} />\n          <Text variant=\"secondary\">No conversations found</Text>\n          <>{ListEmptyFooterComponent}</>\n        </View>\n      )}\n      {conversations.slice(0, limit).map(conversation => (\n        <ConversationPreview\n          style={styles.conversation}\n          key={conversation.id}\n          showBadges={false}\n          conversation={conversation}\n          onPress={() => onConversationPress(conversation)}\n        />\n      ))}\n      {conversations.length > (limit || 0) && <>{ListOverflowFooterComponent}</>}\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    constainer: {},\n    conversation: {\n      borderBottomWidth: 0,\n    },\n    listItem: { color: colors.fillColorNeutral020 },\n    listEmpty: {\n      justifyContent: 'center',\n      alignItems: 'center',\n      paddingVertical: 16,\n      gap: 8,\n    },\n    listEmptyIcon: {\n      color: colors.fillColorNeutral020,\n    },\n  })\n}\n"]}

package/build/components/page/component_error_boundary.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 import { ErrorBoundaryProps } from './error_boundary';
-export declare function ComponentErrorBoundary({ children, ...props }: PropsWithChildren<ErrorBoundaryProps>): import("react/jsx-runtime").JSX.Element;
+export declare function ComponentErrorBoundary({ children, ...props }: PropsWithChildren<ErrorBoundaryProps>): React.JSX.Element;
 //# sourceMappingURL=component_error_boundary.d.ts.map

package/build/components/page/component_error_boundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component_error_boundary.d.ts","sourceRoot":"","sources":["../../../src/components/page/component_error_boundary.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAiB,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAEpE,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,2CAMvC"}
+{"version":3,"file":"component_error_boundary.d.ts","sourceRoot":"","sources":["../../../src/components/page/component_error_boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAiB,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAEpE,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,qBAMvC"}

package/build/components/page/component_error_boundary.js

@@ -1,6 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { ErrorBoundary } from './error_boundary';
 export function ComponentErrorBoundary({ children, ...props }) {
-    return (_jsx(ErrorBoundary, { scope: "component", fallback: null, ...props, children: children }));
+    return (<ErrorBoundary scope="component" fallback={null} {...props}>
+      {children}
+    </ErrorBoundary>);
 }
 //# sourceMappingURL=component_error_boundary.js.map

package/build/components/page/component_error_boundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"component_error_boundary.js","sourceRoot":"","sources":["../../../src/components/page/component_error_boundary.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAsB,MAAM,kBAAkB,CAAA;AAEpE,MAAM,UAAU,sBAAsB,CAAC,EACrC,QAAQ,EACR,GAAG,KAAK,EAC8B;IACtC,OAAO,CACL,KAAC,aAAa,IAAC,KAAK,EAAC,WAAW,EAAC,QAAQ,EAAE,IAAI,KAAM,KAAK,YACvD,QAAQ,GACK,CACjB,CAAA;AACH,CAAC","sourcesContent":["import React, { PropsWithChildren } from 'react'\nimport { ErrorBoundary, ErrorBoundaryProps } from './error_boundary'\n\nexport function ComponentErrorBoundary({\n  children,\n  ...props\n}: PropsWithChildren<ErrorBoundaryProps>) {\n  return (\n    <ErrorBoundary scope=\"component\" fallback={null} {...props}>\n      {children}\n    </ErrorBoundary>\n  )\n}\n"]}
+{"version":3,"file":"component_error_boundary.js","sourceRoot":"","sources":["../../../src/components/page/component_error_boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,aAAa,EAAsB,MAAM,kBAAkB,CAAA;AAEpE,MAAM,UAAU,sBAAsB,CAAC,EACrC,QAAQ,EACR,GAAG,KAAK,EAC8B;IACtC,OAAO,CACL,CAAC,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CACzD;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,aAAa,CAAC,CACjB,CAAA;AACH,CAAC","sourcesContent":["import React, { PropsWithChildren } from 'react'\nimport { ErrorBoundary, ErrorBoundaryProps } from './error_boundary'\n\nexport function ComponentErrorBoundary({\n  children,\n  ...props\n}: PropsWithChildren<ErrorBoundaryProps>) {\n  return (\n    <ErrorBoundary scope=\"component\" fallback={null} {...props}>\n      {children}\n    </ErrorBoundary>\n  )\n}\n"]}

package/build/components/page/loading.d.ts

@@ -1,2 +1,3 @@
-export declare function DefaultLoading(): import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+export declare function DefaultLoading(): React.JSX.Element;
 //# sourceMappingURL=loading.d.ts.map

package/build/components/page/loading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../../../src/components/page/loading.tsx"],"names":[],"mappings":"AAKA,wBAAgB,cAAc,4CAQ7B"}
+{"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../../../src/components/page/loading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,wBAAgB,cAAc,sBAQ7B"}

package/build/components/page/loading.js

@@ -1,10 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { useTheme } from '@react-navigation/native';
+import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { Spinner } from '../display';
 export function DefaultLoading() {
     const styles = useStyles();
-    return (_jsx(View, { style: styles.container, children: _jsx(Spinner, { size: 48 }) }));
+    return (<View style={styles.container}>
+      <Spinner size={48}/>
+    </View>);
 }
 const useStyles = () => {
     const theme = useTheme();

package/build/components/page/loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading.js","sourceRoot":"","sources":["../../../src/components/page/loading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAEnD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,MAAM,UAAU,cAAc;IAC5B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,YAC3B,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,GAAI,GAChB,CACR,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,SAAS,EAAE,GAAG;YACd,IAAI,EAAE,CAAC;YACP,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACrB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;SACzB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { useTheme } from '@react-navigation/native'\nimport React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { Spinner } from '../display'\n\nexport function DefaultLoading() {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.container}>\n      <Spinner size={48} />\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const theme = useTheme()\n  return StyleSheet.create({\n    container: {\n      minHeight: 200,\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n    },\n    loading: {\n      color: theme.colors.text,\n    },\n  })\n}\n"]}
+{"version":3,"file":"loading.js","sourceRoot":"","sources":["../../../src/components/page/loading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,MAAM,UAAU,cAAc;IAC5B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EACpB;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,SAAS,EAAE,GAAG;YACd,IAAI,EAAE,CAAC;YACP,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACrB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;SACzB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { useTheme } from '@react-navigation/native'\nimport React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { Spinner } from '../display'\n\nexport function DefaultLoading() {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.container}>\n      <Spinner size={48} />\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const theme = useTheme()\n  return StyleSheet.create({\n    container: {\n      minHeight: 200,\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n    },\n    loading: {\n      color: theme.colors.text,\n    },\n  })\n}\n"]}

package/build/components/page/page_error_boundary.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import React, { PropsWithChildren } from 'react';
 import { ErrorBoundaryProps } from './error_boundary';
-export declare function PageErrorBoundary({ children, ...props }: PropsWithChildren<ErrorBoundaryProps>): import("react/jsx-runtime").JSX.Element;
+export declare function PageErrorBoundary({ children, ...props }: PropsWithChildren<ErrorBoundaryProps>): React.JSX.Element;
 //# sourceMappingURL=page_error_boundary.d.ts.map

package/build/components/page/page_error_boundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page_error_boundary.d.ts","sourceRoot":"","sources":["../../../src/components/page/page_error_boundary.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,iBAAiB,EAAqD,MAAM,OAAO,CAAA;AAInG,OAAO,EAAwC,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAM3F,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,2CAM9F"}
+{"version":3,"file":"page_error_boundary.d.ts","sourceRoot":"","sources":["../../../src/components/page/page_error_boundary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAqD,MAAM,OAAO,CAAA;AAInG,OAAO,EAAwC,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAM3F,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,qBAM9F"}

package/build/components/page/page_error_boundary.js

@@ -1,14 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useNavigation } from '@react-navigation/native';
 import { useQueryErrorResetBoundary } from '@tanstack/react-query';
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { onAuthRefresh } from '../../utils/auth_events';
 import { ResponseError } from '../../utils/response_error';
 import BlankState from '../primitive/blank_state_primitive';
 import { ErrorBoundary } from './error_boundary';
-const renderPageFallback = (error, reset) => (_jsx(ErrorView, { error: error, reset: reset }));
+const renderPageFallback = (error, reset) => (<ErrorView error={error} reset={reset}/>);
 export function PageErrorBoundary({ children, ...props }) {
-    return (_jsx(ErrorBoundary, { scope: "screen", fallback: renderPageFallback, ...props, children: children }));
+    return (<ErrorBoundary scope="screen" fallback={renderPageFallback} {...props}>
+      {children}
+    </ErrorBoundary>);
 }
 function ErrorView({ error, reset }) {
     const { reset: resetQueries } = useQueryErrorResetBoundary();
@@ -18,12 +19,12 @@ function ErrorView({ error, reset }) {
     }, [resetQueries, reset]);
     useEffect(() => handleReset, [handleReset]);
     if (error instanceof ResponseError) {
-        return _jsx(ResponseErrorView, { response: error.response, onReset: handleReset });
+        return <ResponseErrorView response={error.response} onReset={handleReset}/>;
     }
     if (isNetworkError(error)) {
-        return (_jsx(ErrorContent, { heading: 'Problem connecting!', body: 'Check your internet connection and try again.' }));
+        return (<ErrorContent heading={'Problem connecting!'} body={'Check your internet connection and try again.'}/>);
     }
-    return _jsx(ErrorContent, { heading: 'Oops!', body: 'Something unexpected happened.' });
+    return <ErrorContent heading={'Oops!'} body={'Something unexpected happened.'}/>;
 }
 function isNetworkError(error) {
     const networkFailedMessages = [
@@ -61,9 +62,9 @@ function ResponseErrorView({ response, onReset }) {
         return onAuthRefresh(onReset);
     }, [status, onReset]);
     if (status === 429) {
-        return _jsx(RateLimitedView, { response: response, onReset: onReset });
+        return <RateLimitedView response={response} onReset={onReset}/>;
     }
-    return _jsx(ErrorContent, { heading: heading, body: body });
+    return <ErrorContent heading={heading} body={body}/>;
 }
 const RATE_LIMIT_WINDOW_S = 20;
 function RateLimitedView({ response, onReset }) {
@@ -78,10 +79,30 @@ function RateLimitedView({ response, onReset }) {
     }, [readyAt]);
     const navigation = useNavigation();
     const secondsLeft = Math.max(0, Math.ceil((readyAt - now) / 1000));
-    return (_jsxs(BlankState.Root, { children: [_jsx(BlankState.Imagery, { name: "people.noTextMessage" }), _jsxs(BlankState.Content, { children: [_jsx(BlankState.Heading, { children: "Too many requests" }), _jsx(BlankState.Text, { children: "Chat is being accessed too frequently. Please wait a moment." })] }), _jsx(BlankState.Button, { title: secondsLeft > 0 ? `Retry in ${secondsLeft}s` : 'Try again', disabled: secondsLeft > 0, onPress: onReset, size: "md", accessibilityRole: "button" }), _jsx(BlankState.TextButton, { onPress: navigation.goBack, children: "Go back" })] }));
+    return (<BlankState.Root>
+      <BlankState.Imagery name="people.noTextMessage"/>
+      <BlankState.Content>
+        <BlankState.Heading>Too many requests</BlankState.Heading>
+        <BlankState.Text>
+          Chat is being accessed too frequently. Please wait a moment.
+        </BlankState.Text>
+      </BlankState.Content>
+      <BlankState.Button title={secondsLeft > 0 ? `Retry in ${secondsLeft}s` : 'Try again'} disabled={secondsLeft > 0} onPress={onReset} size="md" accessibilityRole="button"/>
+      <BlankState.TextButton onPress={navigation.goBack}>Go back</BlankState.TextButton>
+    </BlankState.Root>);
 }
 function ErrorContent({ heading, body }) {
     const navigation = useNavigation();
-    return (_jsxs(BlankState.Root, { children: [_jsx(BlankState.Imagery, { name: "people.noTextMessage" }), _jsxs(BlankState.Content, { children: [_jsx(BlankState.Heading, { children: heading }), _jsx(BlankState.Text, { children: body })] }), _jsx(BlankState.Button, { title: "Go back", onPress: navigation.goBack, size: "md", accessibilityRole: "link" }), _jsx(BlankState.TextButton, { onPress: () => navigation.navigate('BugReport'), children: "Report a bug" })] }));
+    return (<BlankState.Root>
+      <BlankState.Imagery name="people.noTextMessage"/>
+      <BlankState.Content>
+        <BlankState.Heading>{heading}</BlankState.Heading>
+        <BlankState.Text>{body}</BlankState.Text>
+      </BlankState.Content>
+      <BlankState.Button title="Go back" onPress={navigation.goBack} size="md" accessibilityRole="link"/>
+      <BlankState.TextButton onPress={() => navigation.navigate('BugReport')}>
+        Report a bug
+      </BlankState.TextButton>
+    </BlankState.Root>);
 }
 //# sourceMappingURL=page_error_boundary.js.map

package/build/components/page/page_error_boundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"page_error_boundary.js","sourceRoot":"","sources":["../../../src/components/page/page_error_boundary.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport { useQueryErrorResetBoundary } from '@tanstack/react-query'\nimport React, { PropsWithChildren, useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { onAuthRefresh } from '../../utils/auth_events'\nimport { ResponseError } from '../../utils/response_error'\nimport BlankState from '../primitive/blank_state_primitive'\nimport { ErrorBoundary, ErrorBoundaryFallback, ErrorBoundaryProps } from './error_boundary'\n\nconst renderPageFallback: ErrorBoundaryFallback = (error, reset) => (\n  <ErrorView error={error} reset={reset} />\n)\n\nexport function PageErrorBoundary({ children, ...props }: PropsWithChildren<ErrorBoundaryProps>) {\n  return (\n    <ErrorBoundary scope=\"screen\" fallback={renderPageFallback} {...props}>\n      {children}\n    </ErrorBoundary>\n  )\n}\n\nfunction ErrorView({ error, reset }: { error: Error; reset: () => void }) {\n  const { reset: resetQueries } = useQueryErrorResetBoundary()\n\n  const handleReset = useCallback(() => {\n    resetQueries()\n    reset()\n  }, [resetQueries, reset])\n\n  useEffect(() => handleReset, [handleReset])\n\n  if (error instanceof ResponseError) {\n    return <ResponseErrorView response={error.response} onReset={handleReset} />\n  }\n\n  if (isNetworkError(error)) {\n    return (\n      <ErrorContent\n        heading={'Problem connecting!'}\n        body={'Check your internet connection and try again.'}\n      />\n    )\n  }\n\n  return <ErrorContent heading={'Oops!'} body={'Something unexpected happened.'} />\n}\n\nfunction isNetworkError(error: Error) {\n  const networkFailedMessages = [\n    'Network request failed',\n    'Network request timed out',\n    'Failed to fetch',\n  ]\n\n  return new RegExp(networkFailedMessages.join('|'), 'i').test(error.message)\n}\n\nfunction ResponseErrorView({ response, onReset }: { response: Response; onReset: () => void }) {\n  const { status } = response\n\n  const heading = useMemo(() => {\n    switch (status) {\n      case 403:\n        return 'Permission required'\n      case 404:\n        return 'Content not found'\n      default:\n        return 'Oops!'\n    }\n  }, [status])\n\n  const body = useMemo(() => {\n    switch (status) {\n      case 403:\n        return 'Contact your administrator for access.'\n      case 404:\n        return 'If you believe something should be here, please reach out to your administrator.'\n      default:\n        return 'Something unexpected happened.'\n    }\n  }, [status])\n\n  useEffect(() => {\n    if (status !== 401) return\n\n    return onAuthRefresh(onReset)\n  }, [status, onReset])\n\n  if (status === 429) {\n    return <RateLimitedView response={response} onReset={onReset} />\n  }\n\n  return <ErrorContent heading={heading} body={body} />\n}\n\nconst RATE_LIMIT_WINDOW_S = 20\n\nfunction RateLimitedView({ response, onReset }: { response: Response; onReset: () => void }) {\n  const retryAfterS = parseInt(\n    response.headers?.get('Retry-After') ?? String(RATE_LIMIT_WINDOW_S),\n    10\n  )\n  const readyAt = useRef(Date.now() + retryAfterS * 1000).current\n  const [now, setNow] = useState(Date.now)\n\n  useEffect(() => {\n    const id = setInterval(() => {\n      setNow(prev => (prev >= readyAt ? prev : Date.now()))\n    }, 1000)\n    return () => clearInterval(id)\n  }, [readyAt])\n\n  const navigation = useNavigation()\n  const secondsLeft = Math.max(0, Math.ceil((readyAt - now) / 1000))\n\n  return (\n    <BlankState.Root>\n      <BlankState.Imagery name=\"people.noTextMessage\" />\n      <BlankState.Content>\n        <BlankState.Heading>Too many requests</BlankState.Heading>\n        <BlankState.Text>\n          Chat is being accessed too frequently. Please wait a moment.\n        </BlankState.Text>\n      </BlankState.Content>\n      <BlankState.Button\n        title={secondsLeft > 0 ? `Retry in ${secondsLeft}s` : 'Try again'}\n        disabled={secondsLeft > 0}\n        onPress={onReset}\n        size=\"md\"\n        accessibilityRole=\"button\"\n      />\n      <BlankState.TextButton onPress={navigation.goBack}>Go back</BlankState.TextButton>\n    </BlankState.Root>\n  )\n}\n\nfunction ErrorContent({ heading, body }: { heading: string; body: string }) {\n  const navigation = useNavigation()\n\n  return (\n    <BlankState.Root>\n      <BlankState.Imagery name=\"people.noTextMessage\" />\n      <BlankState.Content>\n        <BlankState.Heading>{heading}</BlankState.Heading>\n        <BlankState.Text>{body}</BlankState.Text>\n      </BlankState.Content>\n      <BlankState.Button\n        title=\"Go back\"\n        onPress={navigation.goBack}\n        size=\"md\"\n        accessibilityRole=\"link\"\n      />\n      <BlankState.TextButton onPress={() => navigation.navigate('BugReport')}>\n        Report a bug\n      </BlankState.TextButton>\n    </BlankState.Root>\n  )\n}\n"]}
+{"version":3,"file":"page_error_boundary.js","sourceRoot":"","sources":["../../../src/components/page/page_error_boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAA;AAClE,OAAO,KAAK,EAAE,EAAqB,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnG,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,UAAU,MAAM,oCAAoC,CAAA;AAC3D,OAAO,EAAE,aAAa,EAA6C,MAAM,kBAAkB,CAAA;AAE3F,MAAM,kBAAkB,GAA0B,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAClE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAG,CAC1C,CAAA;AAED,MAAM,UAAU,iBAAiB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAyC;IAC7F,OAAO,CACL,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,kBAAkB,CAAC,CAAC,IAAI,KAAK,CAAC,CACpE;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,aAAa,CAAC,CACjB,CAAA;AACH,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAuC;IACtE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,0BAA0B,EAAE,CAAA;IAE5D,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,YAAY,EAAE,CAAA;QACd,KAAK,EAAE,CAAA;IACT,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAA;IAEzB,SAAS,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAE3C,IAAI,KAAK,YAAY,aAAa,EAAE,CAAC;QACnC,OAAO,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,EAAG,CAAA;IAC9E,CAAC;IAED,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,CACL,CAAC,YAAY,CACX,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAC/B,IAAI,CAAC,CAAC,+CAA+C,CAAC,EACtD,CACH,CAAA;IACH,CAAC;IAED,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,gCAAgC,CAAC,EAAG,CAAA;AACnF,CAAC;AAED,SAAS,cAAc,CAAC,KAAY;IAClC,MAAM,qBAAqB,GAAG;QAC5B,wBAAwB;QACxB,2BAA2B;QAC3B,iBAAiB;KAClB,CAAA;IAED,OAAO,IAAI,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;AAC7E,CAAC;AAED,SAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAA+C;IAC3F,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;IAE3B,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,QAAQ,MAAM,EAAE,CAAC;YACf,KAAK,GAAG;gBACN,OAAO,qBAAqB,CAAA;YAC9B,KAAK,GAAG;gBACN,OAAO,mBAAmB,CAAA;YAC5B;gBACE,OAAO,OAAO,CAAA;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;QACxB,QAAQ,MAAM,EAAE,CAAC;YACf,KAAK,GAAG;gBACN,OAAO,wCAAwC,CAAA;YACjD,KAAK,GAAG;gBACN,OAAO,kFAAkF,CAAA;YAC3F;gBACE,OAAO,gCAAgC,CAAA;QAC3C,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,KAAK,GAAG;YAAE,OAAM;QAE1B,OAAO,aAAa,CAAC,OAAO,CAAC,CAAA;IAC/B,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IAErB,IAAI,MAAM,KAAK,GAAG,EAAE,CAAC;QACnB,OAAO,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,EAAG,CAAA;IAClE,CAAC;IAED,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAG,CAAA;AACvD,CAAC;AAED,MAAM,mBAAmB,GAAG,EAAE,CAAA;AAE9B,SAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,OAAO,EAA+C;IACzF,MAAM,WAAW,GAAG,QAAQ,CAC1B,QAAQ,CAAC,OAAO,EAAE,GAAG,CAAC,aAAa,CAAC,IAAI,MAAM,CAAC,mBAAmB,CAAC,EACnE,EAAE,CACH,CAAA;IACD,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,WAAW,GAAG,IAAI,CAAC,CAAC,OAAO,CAAA;IAC/D,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,WAAW,CAAC,GAAG,EAAE;YAC1B,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAA;QACvD,CAAC,EAAE,IAAI,CAAC,CAAA;QACR,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAA;IAElE,OAAO,CACL,CAAC,UAAU,CAAC,IAAI,CACd;MAAA,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,sBAAsB,EAC/C;MAAA,CAAC,UAAU,CAAC,OAAO,CACjB;QAAA,CAAC,UAAU,CAAC,OAAO,CAAC,iBAAiB,EAAE,UAAU,CAAC,OAAO,CACzD;QAAA,CAAC,UAAU,CAAC,IAAI,CACd;;QACF,EAAE,UAAU,CAAC,IAAI,CACnB;MAAA,EAAE,UAAU,CAAC,OAAO,CACpB;MAAA,CAAC,UAAU,CAAC,MAAM,CAChB,KAAK,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,WAAW,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,CAClE,QAAQ,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC,CAC1B,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,CAAC,IAAI,CACT,iBAAiB,CAAC,QAAQ,EAE5B;MAAA,CAAC,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,UAAU,CAAC,UAAU,CACnF;IAAA,EAAE,UAAU,CAAC,IAAI,CAAC,CACnB,CAAA;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,OAAO,EAAE,IAAI,EAAqC;IACxE,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,CAAC,UAAU,CAAC,IAAI,CACd;MAAA,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,sBAAsB,EAC/C;MAAA,CAAC,UAAU,CAAC,OAAO,CACjB;QAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,OAAO,CACjD;QAAA,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,CAC1C;MAAA,EAAE,UAAU,CAAC,OAAO,CACpB;MAAA,CAAC,UAAU,CAAC,MAAM,CAChB,KAAK,CAAC,SAAS,CACf,OAAO,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAC3B,IAAI,CAAC,IAAI,CACT,iBAAiB,CAAC,MAAM,EAE1B;MAAA,CAAC,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CACrE;;MACF,EAAE,UAAU,CAAC,UAAU,CACzB;IAAA,EAAE,UAAU,CAAC,IAAI,CAAC,CACnB,CAAA;AACH,CAAC","sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport { useQueryErrorResetBoundary } from '@tanstack/react-query'\nimport React, { PropsWithChildren, useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { onAuthRefresh } from '../../utils/auth_events'\nimport { ResponseError } from '../../utils/response_error'\nimport BlankState from '../primitive/blank_state_primitive'\nimport { ErrorBoundary, ErrorBoundaryFallback, ErrorBoundaryProps } from './error_boundary'\n\nconst renderPageFallback: ErrorBoundaryFallback = (error, reset) => (\n  <ErrorView error={error} reset={reset} />\n)\n\nexport function PageErrorBoundary({ children, ...props }: PropsWithChildren<ErrorBoundaryProps>) {\n  return (\n    <ErrorBoundary scope=\"screen\" fallback={renderPageFallback} {...props}>\n      {children}\n    </ErrorBoundary>\n  )\n}\n\nfunction ErrorView({ error, reset }: { error: Error; reset: () => void }) {\n  const { reset: resetQueries } = useQueryErrorResetBoundary()\n\n  const handleReset = useCallback(() => {\n    resetQueries()\n    reset()\n  }, [resetQueries, reset])\n\n  useEffect(() => handleReset, [handleReset])\n\n  if (error instanceof ResponseError) {\n    return <ResponseErrorView response={error.response} onReset={handleReset} />\n  }\n\n  if (isNetworkError(error)) {\n    return (\n      <ErrorContent\n        heading={'Problem connecting!'}\n        body={'Check your internet connection and try again.'}\n      />\n    )\n  }\n\n  return <ErrorContent heading={'Oops!'} body={'Something unexpected happened.'} />\n}\n\nfunction isNetworkError(error: Error) {\n  const networkFailedMessages = [\n    'Network request failed',\n    'Network request timed out',\n    'Failed to fetch',\n  ]\n\n  return new RegExp(networkFailedMessages.join('|'), 'i').test(error.message)\n}\n\nfunction ResponseErrorView({ response, onReset }: { response: Response; onReset: () => void }) {\n  const { status } = response\n\n  const heading = useMemo(() => {\n    switch (status) {\n      case 403:\n        return 'Permission required'\n      case 404:\n        return 'Content not found'\n      default:\n        return 'Oops!'\n    }\n  }, [status])\n\n  const body = useMemo(() => {\n    switch (status) {\n      case 403:\n        return 'Contact your administrator for access.'\n      case 404:\n        return 'If you believe something should be here, please reach out to your administrator.'\n      default:\n        return 'Something unexpected happened.'\n    }\n  }, [status])\n\n  useEffect(() => {\n    if (status !== 401) return\n\n    return onAuthRefresh(onReset)\n  }, [status, onReset])\n\n  if (status === 429) {\n    return <RateLimitedView response={response} onReset={onReset} />\n  }\n\n  return <ErrorContent heading={heading} body={body} />\n}\n\nconst RATE_LIMIT_WINDOW_S = 20\n\nfunction RateLimitedView({ response, onReset }: { response: Response; onReset: () => void }) {\n  const retryAfterS = parseInt(\n    response.headers?.get('Retry-After') ?? String(RATE_LIMIT_WINDOW_S),\n    10\n  )\n  const readyAt = useRef(Date.now() + retryAfterS * 1000).current\n  const [now, setNow] = useState(Date.now)\n\n  useEffect(() => {\n    const id = setInterval(() => {\n      setNow(prev => (prev >= readyAt ? prev : Date.now()))\n    }, 1000)\n    return () => clearInterval(id)\n  }, [readyAt])\n\n  const navigation = useNavigation()\n  const secondsLeft = Math.max(0, Math.ceil((readyAt - now) / 1000))\n\n  return (\n    <BlankState.Root>\n      <BlankState.Imagery name=\"people.noTextMessage\" />\n      <BlankState.Content>\n        <BlankState.Heading>Too many requests</BlankState.Heading>\n        <BlankState.Text>\n          Chat is being accessed too frequently. Please wait a moment.\n        </BlankState.Text>\n      </BlankState.Content>\n      <BlankState.Button\n        title={secondsLeft > 0 ? `Retry in ${secondsLeft}s` : 'Try again'}\n        disabled={secondsLeft > 0}\n        onPress={onReset}\n        size=\"md\"\n        accessibilityRole=\"button\"\n      />\n      <BlankState.TextButton onPress={navigation.goBack}>Go back</BlankState.TextButton>\n    </BlankState.Root>\n  )\n}\n\nfunction ErrorContent({ heading, body }: { heading: string; body: string }) {\n  const navigation = useNavigation()\n\n  return (\n    <BlankState.Root>\n      <BlankState.Imagery name=\"people.noTextMessage\" />\n      <BlankState.Content>\n        <BlankState.Heading>{heading}</BlankState.Heading>\n        <BlankState.Text>{body}</BlankState.Text>\n      </BlankState.Content>\n      <BlankState.Button\n        title=\"Go back\"\n        onPress={navigation.goBack}\n        size=\"md\"\n        accessibilityRole=\"link\"\n      />\n      <BlankState.TextButton onPress={() => navigation.navigate('BugReport')}>\n        Report a bug\n      </BlankState.TextButton>\n    </BlankState.Root>\n  )\n}\n"]}

package/build/components/primitive/avatar_primitive.js

@@ -1,5 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createContext, useContext, useEffect, useState } from 'react';
+import React, { createContext, useContext, useEffect, useState } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { useFontScale, useTheme } from '../../hooks';
 import { MAX_FONT_SIZE_MULTIPLIER } from '../../utils';
@@ -69,37 +68,43 @@ function useAvatarContext() {
 function AvatarRoot({ children, size = 'md', style, maxFontSizeMultiplier = MAX_FONT_SIZE_MULTIPLIER, minFontSizeMultiplier = undefined, }) {
     const [allImagesLoaded, setAllImagesLoaded] = useState(false);
     const styles = useStyles({ size, maxFontSizeMultiplier, minFontSizeMultiplier });
-    return (_jsx(AvatarContext.Provider, { value: {
+    return (<AvatarContext.Provider value={{
             size,
             allImagesLoaded,
             setAllImagesLoaded,
             maxFontSizeMultiplier,
             minFontSizeMultiplier,
-        }, children: _jsx(View, { style: [styles.rootContainer, style], children: children }) }));
+        }}>
+      <View style={[styles.rootContainer, style]}>{children}</View>
+    </AvatarContext.Provider>);
 }
 AvatarRoot.displayName = 'Avatar.Root';
 function AvatarMask({ children, ...props }) {
     const { size, maxFontSizeMultiplier, minFontSizeMultiplier } = useAvatarContext();
     const styles = useStyles({ size, maxFontSizeMultiplier, minFontSizeMultiplier });
-    return (_jsx(View, { style: styles.mask, ...props, children: children }));
+    return (<View style={styles.mask} {...props}>
+      {children}
+    </View>);
 }
 AvatarMask.displayName = 'Avatar.Mask';
 function AvatarImage({ sourceUri, ...props }) {
     const { size, maxFontSizeMultiplier, minFontSizeMultiplier } = useAvatarContext();
     const fontScale = useFontScale({ maxFontSizeMultiplier, minFontSizeMultiplier });
     const scaledAvatarSize = AVATAR_PX[size] * fontScale;
-    return _jsx(Image, { source: { uri: sourceUri }, loaderSize: scaledAvatarSize, ...props, alt: "" });
+    return <Image source={{ uri: sourceUri }} loaderSize={scaledAvatarSize} {...props} alt=""/>;
 }
 AvatarImage.displayName = 'Avatar.Image';
 function AvatarGroupImage({ sourceUri, style, onLoad }) {
-    return (_jsx(Image, { source: { uri: sourceUri }, hideLoader: true, wrapperStyle: style, onLoad: onLoad, alt: "" }));
+    return (<Image source={{ uri: sourceUri }} hideLoader wrapperStyle={style} onLoad={onLoad} alt=""/>);
 }
 function AvatarImageFallback({ name = 'general.person' }) {
     const { size, maxFontSizeMultiplier, minFontSizeMultiplier } = useAvatarContext();
     const styles = useStyles({ maxFontSizeMultiplier, minFontSizeMultiplier });
     const fontScale = useFontScale({ maxFontSizeMultiplier, minFontSizeMultiplier });
     const scaledIconSize = AVATAR_FALLBACK_ICON_PX[size] * fontScale;
-    return (_jsx(View, { style: styles.fallbackContainer, children: _jsx(Icon, { name: name, size: scaledIconSize, style: styles.fallbackIcon, accessibilityElementsHidden: true }) }));
+    return (<View style={styles.fallbackContainer}>
+      <Icon name={name} size={scaledIconSize} style={styles.fallbackIcon} accessibilityElementsHidden={true}/>
+    </View>);
 }
 AvatarImageFallback.displayName = 'Avatar.ImageFallback';
 function AvatarGroup({ sourceUris }) {
@@ -125,15 +130,35 @@ function AvatarGroup({ sourceUris }) {
         setAllImagesLoaded(allImagesLoaded);
     }, [displayUris, hasDisplayUris, loadingStatus, setAllImagesLoaded]);
     if (displayUris.length === 1) {
-        return _jsx(AvatarGroupImage, { sourceUri: displayUris[0], onLoad: () => handleImageLoaded(0) });
+        return <AvatarGroupImage sourceUri={displayUris[0]} onLoad={() => handleImageLoaded(0)}/>;
     }
     if (displayUris.length === 2) {
-        return (_jsxs(View, { style: styles.groupRow, children: [_jsx(AvatarGroupImage, { sourceUri: displayUris[0], style: styles.halfWidthFullHeight, onLoad: () => handleImageLoaded(0) }), _jsx(AvatarGroupImage, { sourceUri: displayUris[1], style: styles.halfWidthFullHeight, onLoad: () => handleImageLoaded(1) })] }));
+        return (<View style={styles.groupRow}>
+        <AvatarGroupImage sourceUri={displayUris[0]} style={styles.halfWidthFullHeight} onLoad={() => handleImageLoaded(0)}/>
+        <AvatarGroupImage sourceUri={displayUris[1]} style={styles.halfWidthFullHeight} onLoad={() => handleImageLoaded(1)}/>
+      </View>);
     }
     if (displayUris.length === 3) {
-        return (_jsx(View, { style: styles.groupColumn, children: _jsxs(View, { style: styles.groupRow, children: [_jsx(AvatarGroupImage, { sourceUri: displayUris[0], style: styles.halfWidthFullHeight, onLoad: () => handleImageLoaded(0) }), _jsxs(View, { style: styles.groupColumn, children: [_jsx(AvatarGroupImage, { sourceUri: displayUris[1], style: styles.fullWidthHalfHeight, onLoad: () => handleImageLoaded(1) }), _jsx(AvatarGroupImage, { sourceUri: displayUris[2], style: styles.fullWidthHalfHeight, onLoad: () => handleImageLoaded(2) })] })] }) }));
+        return (<View style={styles.groupColumn}>
+        <View style={styles.groupRow}>
+          <AvatarGroupImage sourceUri={displayUris[0]} style={styles.halfWidthFullHeight} onLoad={() => handleImageLoaded(0)}/>
+          <View style={styles.groupColumn}>
+            <AvatarGroupImage sourceUri={displayUris[1]} style={styles.fullWidthHalfHeight} onLoad={() => handleImageLoaded(1)}/>
+            <AvatarGroupImage sourceUri={displayUris[2]} style={styles.fullWidthHalfHeight} onLoad={() => handleImageLoaded(2)}/>
+          </View>
+        </View>
+      </View>);
     }
-    return (_jsxs(View, { style: styles.groupColumn, children: [_jsxs(View, { style: styles.groupRow, children: [_jsx(AvatarGroupImage, { sourceUri: displayUris[0], style: styles.halfWidthFullHeight, onLoad: () => handleImageLoaded(0) }), _jsx(AvatarGroupImage, { sourceUri: displayUris[1], style: styles.halfWidthFullHeight, onLoad: () => handleImageLoaded(1) })] }), _jsxs(View, { style: styles.groupRow, children: [_jsx(AvatarGroupImage, { sourceUri: displayUris[2], style: styles.halfWidthFullHeight, onLoad: () => handleImageLoaded(2) }), _jsx(AvatarGroupImage, { sourceUri: displayUris[3], style: styles.halfWidthFullHeight, onLoad: () => handleImageLoaded(3) })] })] }));
+    return (<View style={styles.groupColumn}>
+      <View style={styles.groupRow}>
+        <AvatarGroupImage sourceUri={displayUris[0]} style={styles.halfWidthFullHeight} onLoad={() => handleImageLoaded(0)}/>
+        <AvatarGroupImage sourceUri={displayUris[1]} style={styles.halfWidthFullHeight} onLoad={() => handleImageLoaded(1)}/>
+      </View>
+      <View style={styles.groupRow}>
+        <AvatarGroupImage sourceUri={displayUris[2]} style={styles.halfWidthFullHeight} onLoad={() => handleImageLoaded(2)}/>
+        <AvatarGroupImage sourceUri={displayUris[3]} style={styles.halfWidthFullHeight} onLoad={() => handleImageLoaded(3)}/>
+      </View>
+    </View>);
 }
 AvatarGroup.displayName = 'Avatar.Group';
 // =================================
@@ -146,13 +171,15 @@ function AvatarGroupLoader() {
     const scaledSpinnerSize = AVATAR_PX[size] * fontScale;
     if (allImagesLoaded)
         return null;
-    return (_jsx(View, { style: styles.groupLoader, children: _jsx(Spinner, { size: scaledSpinnerSize }) }));
+    return (<View style={styles.groupLoader}>
+      <Spinner size={scaledSpinnerSize}/>
+    </View>);
 }
 AvatarGroupLoader.displayName = 'Avatar.GroupLoader';
 function AvatarPresence({ presence, ...props }) {
     const { size, maxFontSizeMultiplier, minFontSizeMultiplier } = useAvatarContext();
     const styles = useStyles({ size, presence, maxFontSizeMultiplier, minFontSizeMultiplier });
-    return _jsx(View, { style: styles.presence, ...props });
+    return <View style={styles.presence} {...props}/>;
 }
 AvatarPresence.displayName = 'Avatar.Presence';
 const useStyles = ({ size = 'md', presence = 'offline', maxFontSizeMultiplier = MAX_FONT_SIZE_MULTIPLIER, minFontSizeMultiplier = undefined, } = {}) => {