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

package/build/components/conversation/empty_conversation_blank_state.js

@@ -1,6 +1,13 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import BlankState from '../primitive/blank_state_primitive';
 export const EmptyConversationBlankState = () => {
-    return (_jsxs(BlankState.Root, { children: [_jsx(BlankState.Imagery, { name: "general.outlinedTextMessage" }), _jsxs(BlankState.Content, { children: [_jsx(BlankState.Heading, { children: "No messages" }), _jsx(BlankState.Text, { children: "Conversation is hidden from everyone until you send a message." })] })] }));
+    return (<BlankState.Root>
+      <BlankState.Imagery name="general.outlinedTextMessage"/>
+      <BlankState.Content>
+        <BlankState.Heading>No messages</BlankState.Heading>
+        <BlankState.Text>
+          Conversation is hidden from everyone until you send a message.
+        </BlankState.Text>
+      </BlankState.Content>
+    </BlankState.Root>);
 };
 //# sourceMappingURL=empty_conversation_blank_state.js.map

package/build/components/conversation/empty_conversation_blank_state.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty_conversation_blank_state.js","sourceRoot":"","sources":["../../../src/components/conversation/empty_conversation_blank_state.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,oCAAoC,CAAA;AAE3D,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,EAAE;IAC9C,OAAO,CACL,MAAC,UAAU,CAAC,IAAI,eACd,KAAC,UAAU,CAAC,OAAO,IAAC,IAAI,EAAC,6BAA6B,GAAG,EACzD,MAAC,UAAU,CAAC,OAAO,eACjB,KAAC,UAAU,CAAC,OAAO,8BAAiC,EACpD,KAAC,UAAU,CAAC,IAAI,iFAEE,IACC,IACL,CACnB,CAAA;AACH,CAAC,CAAA","sourcesContent":["import BlankState from '../primitive/blank_state_primitive'\n\nexport const EmptyConversationBlankState = () => {\n  return (\n    <BlankState.Root>\n      <BlankState.Imagery name=\"general.outlinedTextMessage\" />\n      <BlankState.Content>\n        <BlankState.Heading>No messages</BlankState.Heading>\n        <BlankState.Text>\n          Conversation is hidden from everyone until you send a message.\n        </BlankState.Text>\n      </BlankState.Content>\n    </BlankState.Root>\n  )\n}\n"]}
+{"version":3,"file":"empty_conversation_blank_state.js","sourceRoot":"","sources":["../../../src/components/conversation/empty_conversation_blank_state.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,oCAAoC,CAAA;AAE3D,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,EAAE;IAC9C,OAAO,CACL,CAAC,UAAU,CAAC,IAAI,CACd;MAAA,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,6BAA6B,EACtD;MAAA,CAAC,UAAU,CAAC,OAAO,CACjB;QAAA,CAAC,UAAU,CAAC,OAAO,CAAC,WAAW,EAAE,UAAU,CAAC,OAAO,CACnD;QAAA,CAAC,UAAU,CAAC,IAAI,CACd;;QACF,EAAE,UAAU,CAAC,IAAI,CACnB;MAAA,EAAE,UAAU,CAAC,OAAO,CACtB;IAAA,EAAE,UAAU,CAAC,IAAI,CAAC,CACnB,CAAA;AACH,CAAC,CAAA","sourcesContent":["import BlankState from '../primitive/blank_state_primitive'\n\nexport const EmptyConversationBlankState = () => {\n  return (\n    <BlankState.Root>\n      <BlankState.Imagery name=\"general.outlinedTextMessage\" />\n      <BlankState.Content>\n        <BlankState.Heading>No messages</BlankState.Heading>\n        <BlankState.Text>\n          Conversation is hidden from everyone until you send a message.\n        </BlankState.Text>\n      </BlankState.Content>\n    </BlankState.Root>\n  )\n}\n"]}

package/build/components/conversation/jump_to_bottom_button.d.ts

@@ -2,6 +2,6 @@ interface JumpToBottomButtonProps {
     onPress: () => void;
     visible: boolean;
 }
-export declare const JumpToBottomButton: ({ onPress, visible }: JumpToBottomButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const JumpToBottomButton: ({ onPress, visible }: JumpToBottomButtonProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=jump_to_bottom_button.d.ts.map

package/build/components/conversation/jump_to_bottom_button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"jump_to_bottom_button.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/jump_to_bottom_button.tsx"],"names":[],"mappings":"AAcA,UAAU,uBAAuB;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,kBAAkB,GAAI,sBAAsB,uBAAuB,4CA2C/E,CAAA"}
+{"version":3,"file":"jump_to_bottom_button.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/jump_to_bottom_button.tsx"],"names":[],"mappings":"AAcA,UAAU,uBAAuB;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,kBAAkB,GAAI,sBAAsB,uBAAuB,gCA2C/E,CAAA"}

package/build/components/conversation/jump_to_bottom_button.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect } from 'react';
 import { View, Pressable, StyleSheet } from 'react-native';
 import Animated, { useSharedValue, useAnimatedStyle, interpolate, Extrapolation, ReduceMotion, withSpring, } from 'react-native-reanimated';
@@ -30,7 +29,16 @@ export const JumpToBottomButton = ({ onPress, visible }) => {
             ],
         };
     });
-    return (_jsx(View, { children: _jsx(Animated.View, { style: [styles.container, animatedStyle], children: _jsxs(Pressable, { onPress: onPress, style: ({ pressed }) => [styles.button, pressed && styles.pressed], children: [_jsx(Icon, { name: "general.downArrow", style: styles.icon }), _jsx(Text, { variant: "tertiary", style: styles.text, children: "Jump to bottom" })] }) }) }));
+    return (<View>
+      <Animated.View style={[styles.container, animatedStyle]}>
+        <Pressable onPress={onPress} style={({ pressed }) => [styles.button, pressed && styles.pressed]}>
+          <Icon name="general.downArrow" style={styles.icon}/>
+          <Text variant="tertiary" style={styles.text}>
+            Jump to bottom
+          </Text>
+        </Pressable>
+      </Animated.View>
+    </View>);
 };
 const useStyles = () => {
     const { colors } = useTheme();

package/build/components/conversation/jump_to_bottom_button.js.map

@@ -1 +1 @@
-{"version":3,"file":"jump_to_bottom_button.js","sourceRoot":"","sources":["../../../src/components/conversation/jump_to_bottom_button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect } from 'react'\nimport { View, Pressable, StyleSheet } from 'react-native'\nimport Animated, {\n  useSharedValue,\n  useAnimatedStyle,\n  interpolate,\n  Extrapolation,\n  ReduceMotion,\n  withSpring,\n} from 'react-native-reanimated'\nimport { useTheme } from '../../hooks'\nimport { platformFontWeightMedium } from '../../utils'\nimport { Icon, Text } from '../display'\n\ninterface JumpToBottomButtonProps {\n  onPress: () => void\n  visible: boolean\n}\n\nexport const JumpToBottomButton = ({ onPress, visible }: JumpToBottomButtonProps) => {\n  const styles = useStyles()\n  const progress = useSharedValue(0)\n\n  useEffect(() => {\n    progress.value = withSpring(visible ? 1 : 0, {\n      mass: 1,\n      damping: 16,\n      stiffness: 170,\n      overshootClamping: false,\n      reduceMotion: ReduceMotion.System,\n    })\n  }, [visible, progress])\n\n  const animatedStyle = useAnimatedStyle(() => {\n    return {\n      opacity: progress.value,\n      transform: [\n        {\n          translateY: interpolate(progress.value, [0, 1], [12, 0], Extrapolation.CLAMP),\n        },\n        {\n          scale: interpolate(progress.value, [0, 1], [0.9, 1], Extrapolation.CLAMP),\n        },\n      ],\n    }\n  })\n\n  return (\n    <View>\n      <Animated.View style={[styles.container, animatedStyle]}>\n        <Pressable\n          onPress={onPress}\n          style={({ pressed }) => [styles.button, pressed && styles.pressed]}\n        >\n          <Icon name=\"general.downArrow\" style={styles.icon} />\n          <Text variant=\"tertiary\" style={styles.text}>\n            Jump to bottom\n          </Text>\n        </Pressable>\n      </Animated.View>\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      alignSelf: 'center',\n      position: 'absolute',\n      bottom: 16,\n      zIndex: 2,\n    },\n    button: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 6,\n      paddingHorizontal: 12,\n      paddingVertical: 6,\n      borderRadius: 20,\n      backgroundColor: colors.fillColorNeutral020,\n      shadowColor: colors.fillColorNeutral000,\n      shadowOffset: {\n        width: 0,\n        height: 1,\n      },\n      shadowOpacity: 0.25,\n      shadowRadius: 2.84,\n      elevation: 5,\n    },\n    text: {\n      color: colors.fillColorNeutral100Inverted,\n      fontWeight: platformFontWeightMedium,\n    },\n    icon: {\n      color: colors.fillColorNeutral100Inverted,\n      fontSize: 14,\n    },\n    pressed: {\n      transform: [{ scale: 0.95 }],\n    },\n  })\n}\n"]}
+{"version":3,"file":"jump_to_bottom_button.js","sourceRoot":"","sources":["../../../src/components/conversation/jump_to_bottom_button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect } from 'react'\nimport { View, Pressable, StyleSheet } from 'react-native'\nimport Animated, {\n  useSharedValue,\n  useAnimatedStyle,\n  interpolate,\n  Extrapolation,\n  ReduceMotion,\n  withSpring,\n} from 'react-native-reanimated'\nimport { useTheme } from '../../hooks'\nimport { platformFontWeightMedium } from '../../utils'\nimport { Icon, Text } from '../display'\n\ninterface JumpToBottomButtonProps {\n  onPress: () => void\n  visible: boolean\n}\n\nexport const JumpToBottomButton = ({ onPress, visible }: JumpToBottomButtonProps) => {\n  const styles = useStyles()\n  const progress = useSharedValue(0)\n\n  useEffect(() => {\n    progress.value = withSpring(visible ? 1 : 0, {\n      mass: 1,\n      damping: 16,\n      stiffness: 170,\n      overshootClamping: false,\n      reduceMotion: ReduceMotion.System,\n    })\n  }, [visible, progress])\n\n  const animatedStyle = useAnimatedStyle(() => {\n    return {\n      opacity: progress.value,\n      transform: [\n        {\n          translateY: interpolate(progress.value, [0, 1], [12, 0], Extrapolation.CLAMP),\n        },\n        {\n          scale: interpolate(progress.value, [0, 1], [0.9, 1], Extrapolation.CLAMP),\n        },\n      ],\n    }\n  })\n\n  return (\n    <View>\n      <Animated.View style={[styles.container, animatedStyle]}>\n        <Pressable\n          onPress={onPress}\n          style={({ pressed }) => [styles.button, pressed && styles.pressed]}\n        >\n          <Icon name=\"general.downArrow\" style={styles.icon} />\n          <Text variant=\"tertiary\" style={styles.text}>\n            Jump to bottom\n          </Text>\n        </Pressable>\n      </Animated.View>\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      alignSelf: 'center',\n      position: 'absolute',\n      bottom: 16,\n      zIndex: 2,\n    },\n    button: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 6,\n      paddingHorizontal: 12,\n      paddingVertical: 6,\n      borderRadius: 20,\n      backgroundColor: colors.fillColorNeutral020,\n      shadowColor: colors.fillColorNeutral000,\n      shadowOffset: {\n        width: 0,\n        height: 1,\n      },\n      shadowOpacity: 0.25,\n      shadowRadius: 2.84,\n      elevation: 5,\n    },\n    text: {\n      color: colors.fillColorNeutral100Inverted,\n      fontWeight: platformFontWeightMedium,\n    },\n    icon: {\n      color: colors.fillColorNeutral100Inverted,\n      fontSize: 14,\n    },\n    pressed: {\n      transform: [{ scale: 0.95 }],\n    },\n  })\n}\n"]}

package/build/components/conversation/message.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { MessageResource } from '../../types';
 /** Message
  * Component for display of a message within a conversation list
@@ -8,6 +9,6 @@ interface MessageProps extends MessageResource {
     latestReadMessageSortKey?: string;
     inReplyScreen?: boolean;
 }
-export declare function Message({ canDeleteNonAuthoredMessages, conversation_id, latestReadMessageSortKey, inReplyScreen, ...message }: MessageProps): import("react/jsx-runtime").JSX.Element;
+export declare function Message({ canDeleteNonAuthoredMessages, conversation_id, latestReadMessageSortKey, inReplyScreen, ...message }: MessageProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=message.d.ts.map

package/build/components/conversation/message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/message.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAiB7C;;GAEG;AACH,UAAU,YAAa,SAAQ,eAAe;IAC5C,4BAA4B,EAAE,OAAO,CAAA;IACrC,eAAe,EAAE,MAAM,CAAA;IACvB,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,wBAAgB,OAAO,CAAC,EACtB,4BAA4B,EAC5B,eAAe,EACf,wBAAwB,EACxB,aAAa,EACb,GAAG,OAAO,EACX,EAAE,YAAY,2CA0Rd"}
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/message.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAoBxC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAiB7C;;GAEG;AACH,UAAU,YAAa,SAAQ,eAAe;IAC5C,4BAA4B,EAAE,OAAO,CAAA;IACrC,eAAe,EAAE,MAAM,CAAA;IACvB,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,wBAAgB,OAAO,CAAC,EACtB,4BAA4B,EAC5B,eAAe,EACf,wBAAwB,EACxB,aAAa,EACb,GAAG,OAAO,EACX,EAAE,YAAY,qBA0Rd"}

package/build/components/conversation/message.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useNavigation } from '@react-navigation/native';
 import { some } from 'lodash';
 import React, { useEffect } from 'react';
@@ -136,7 +135,59 @@ export function Message({ canDeleteNonAuthoredMessages, conversation_id, latestR
             handleNavigateToReplyPress();
         }
     };
-    return (_jsx(Pressable, { onLongPress: isDeleting ? undefined : handleMessageLongPress, onPress: isDeleting ? undefined : handleMessagePress, onPressIn: isDeleting ? undefined : handleMessagePressIn, onPressOut: isDeleting ? undefined : handleMessagePressOut, android_ripple: { color: colors.androidRippleNeutral, borderless: false, foreground: true }, accessibilityRole: "button", accessibilityLabel: accessibilityLabel, accessibilityHint: "Long press to view message actions like reacting and copying.", accessibilityActions: isReplyRootMessage ? accessibilityActions : undefined, onAccessibilityAction: isReplyRootMessage ? handleAccessibilityAction : undefined, disabled: isDeletedReplyRootMessage || isDeleting, children: _jsxs(Animated.View, { style: [styles.message, animatedBackgroundColor], children: [!message.mine && (_jsxs(View, { children: [renderAuthor ? (_jsx(Avatar, { size: 'md', sourceUri: author.avatar, style: styles.avatar, maxFontSizeMultiplier: 1, minFontSizeMultiplier: 1, fallbackIconName: isDeletedReplyRootMessage ? 'publishing.trash' : 'general.person', showFallback: isDeletedReplyRootMessage })) : (_jsx(View, { style: styles.avatarPlaceholder })), _jsx(TheirReplyConnector, { message: message, messageBubbleHeight: messageBubbleHeight })] })), _jsxs(View, { style: [styles.messageContent, { marginBottom: messageBottomMargin }], children: [renderAuthor && !isDeletedReplyRootMessage && (_jsx(Text, { variant: "footnote", style: styles.authorName, children: author.name })), _jsx(View, { style: styles.messageBubble, onLayout: e => setMessageBubbleHeight(e.nativeEvent.layout.height), children: isDeletedReplyRootMessage ? (_jsx(View, { style: styles.messageText, children: _jsx(Text, { style: styles.replyRootDeletedText, children: messageText }) })) : (_jsxs(_Fragment, { children: [_jsx(ComponentErrorBoundary, { children: _jsx(MessageAttachments, { attachments: attachments, metaProps: metaProps, onMessageAttachmentLongPress: handleMessageAttachmentLongPress, onMessageLongPress: handleMessageLongPress }) }), text && (_jsx(View, { style: styles.messageText, children: _jsx(MessageMarkdown, { text: text }) }))] })) }), showReplyCountButton && (_jsx(TextButton, { variant: "footnote", onPress: handleNavigateToReplyPress, style: styles.messageReplyCount, accessibilityHint: "Navigates to reply screen for this message", accessibilityRole: "link", children: replyCountText })), hasReactions && !isDeletedReplyRootMessage && (_jsx(View, { style: styles.messageReactions, children: reactionCounts.map(reaction => (_jsx(MessageReaction, { reaction: reaction, onLongPress: handleReactionLongPress, message: message, conversationId: conversation_id }, reaction.value))) })), showMessageMeta && !isDeletedReplyRootMessage && (_jsxs(View, { style: styles.messageMeta, children: [message.mine && !pending && !error && (_jsx(MessageReadReceipts, { message: message, latestReadMessageSortKey: latestReadMessageSortKey })), error ? (_jsxs(View, { style: styles.errorContainer, children: [retryFailedSaveMutation.isPending ? (_jsx(Spinner, { size: 12 })) : (_jsx(Icon, { name: "general.exclamationTriangle", size: 12, style: styles.errorIcon })), _jsxs(Text, { variant: "footnote", style: styles.errorText, children: ["Failed to ", isPersisted ? 'edit' : 'send', " |", ' ', _jsx(TextInlineButton, { onPress: handleRetry, variant: "footnote", appearance: "danger", disabled: retryFailedSaveMutation.isPending, children: "Try again" })] })] })) : pending && (!temporarilyHidePendingState || isPersisted) ? (_jsxs(View, { style: styles.pendingIndicatorContainer, children: [_jsx(Icon, { name: "general.outlinedClock", size: 12, color: colors.iconColorDefaultSecondary }), _jsx(Text, { variant: "footnote", children: messagePendingLabel })] })) : isPersisted ? (_jsx(Text, { variant: "footnote", children: timestamp })) : null, !pending && !error && wasEdited && (_jsxs(Text, { variant: "footnote", children: ["|", ' ', _jsx(Text, { variant: "footnote", style: styles.editedText, children: "Edited" })] }))] }))] }), message.mine && (_jsx(MyReplyConnector, { message: message, messageBubbleHeight: messageBubbleHeight }))] }) }));
+    return (<Pressable onLongPress={isDeleting ? undefined : handleMessageLongPress} onPress={isDeleting ? undefined : handleMessagePress} onPressIn={isDeleting ? undefined : handleMessagePressIn} onPressOut={isDeleting ? undefined : handleMessagePressOut} android_ripple={{ color: colors.androidRippleNeutral, borderless: false, foreground: true }} accessibilityRole="button" accessibilityLabel={accessibilityLabel} accessibilityHint="Long press to view message actions like reacting and copying." accessibilityActions={isReplyRootMessage ? accessibilityActions : undefined} onAccessibilityAction={isReplyRootMessage ? handleAccessibilityAction : undefined} disabled={isDeletedReplyRootMessage || isDeleting}>
+      <Animated.View style={[styles.message, animatedBackgroundColor]}>
+        {!message.mine && (<View>
+            {renderAuthor ? (<Avatar size={'md'} sourceUri={author.avatar} style={styles.avatar} maxFontSizeMultiplier={1} minFontSizeMultiplier={1} fallbackIconName={isDeletedReplyRootMessage ? 'publishing.trash' : 'general.person'} showFallback={isDeletedReplyRootMessage}/>) : (<View style={styles.avatarPlaceholder}/>)}
+            <TheirReplyConnector message={message} messageBubbleHeight={messageBubbleHeight}/>
+          </View>)}
+        <View style={[styles.messageContent, { marginBottom: messageBottomMargin }]}>
+          {renderAuthor && !isDeletedReplyRootMessage && (<Text variant="footnote" style={styles.authorName}>
+              {author.name}
+            </Text>)}
+          <View style={styles.messageBubble} onLayout={e => setMessageBubbleHeight(e.nativeEvent.layout.height)}>
+            {isDeletedReplyRootMessage ? (<View style={styles.messageText}>
+                <Text style={styles.replyRootDeletedText}>{messageText}</Text>
+              </View>) : (<>
+                <ComponentErrorBoundary>
+                  <MessageAttachments attachments={attachments} metaProps={metaProps} onMessageAttachmentLongPress={handleMessageAttachmentLongPress} onMessageLongPress={handleMessageLongPress}/>
+                </ComponentErrorBoundary>
+                {text && (<View style={styles.messageText}>
+                    <MessageMarkdown text={text}/>
+                  </View>)}
+              </>)}
+          </View>
+          {showReplyCountButton && (<TextButton variant="footnote" onPress={handleNavigateToReplyPress} style={styles.messageReplyCount} accessibilityHint="Navigates to reply screen for this message" accessibilityRole="link">
+              {replyCountText}
+            </TextButton>)}
+          {hasReactions && !isDeletedReplyRootMessage && (<View style={styles.messageReactions}>
+              {reactionCounts.map(reaction => (<MessageReaction key={reaction.value} reaction={reaction} onLongPress={handleReactionLongPress} message={message} conversationId={conversation_id}/>))}
+            </View>)}
+          {showMessageMeta && !isDeletedReplyRootMessage && (<View style={styles.messageMeta}>
+              {message.mine && !pending && !error && (<MessageReadReceipts message={message} latestReadMessageSortKey={latestReadMessageSortKey}/>)}
+              {error ? (<View style={styles.errorContainer}>
+                  {retryFailedSaveMutation.isPending ? (<Spinner size={12}/>) : (<Icon name="general.exclamationTriangle" size={12} style={styles.errorIcon}/>)}
+                  <Text variant="footnote" style={styles.errorText}>
+                    Failed to {isPersisted ? 'edit' : 'send'} |{' '}
+                    <TextInlineButton onPress={handleRetry} variant="footnote" appearance="danger" disabled={retryFailedSaveMutation.isPending}>
+                      Try again
+                    </TextInlineButton>
+                  </Text>
+                </View>) : pending && (!temporarilyHidePendingState || isPersisted) ? (<View style={styles.pendingIndicatorContainer}>
+                  <Icon name="general.outlinedClock" size={12} color={colors.iconColorDefaultSecondary}/>
+                  <Text variant="footnote">{messagePendingLabel}</Text>
+                </View>) : isPersisted ? (<Text variant="footnote">{timestamp}</Text>) : null}
+              {!pending && !error && wasEdited && (<Text variant="footnote">
+                  |{' '}
+                  <Text variant="footnote" style={styles.editedText}>
+                    Edited
+                  </Text>
+                </Text>)}
+            </View>)}
+        </View>
+        {message.mine && (<MyReplyConnector message={message} messageBubbleHeight={messageBubbleHeight}/>)}
+      </Animated.View>
+    </Pressable>);
 }
 const useMessageStyles = (mine, isDeleting) => {
     const { colors } = useTheme();

package/build/components/conversation/message.js.map

@@ -1 +1 @@
-{"version":3,"file":"message.js","sourceRoot":"","sources":["../../../src/components/conversation/message.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport { some } from 'lodash'\nimport React, { useEffect } from 'react'\nimport {\n  AccessibilityActionEvent,\n  Pressable,\n  StyleSheet,\n  useWindowDimensions,\n  View,\n} from 'react-native'\nimport Animated from 'react-native-reanimated'\nimport { MessageReaction } from '../../components/conversation/message_reaction'\nimport { Avatar, Icon, Spinner, Text, TextButton, TextInlineButton } from '../../components/display'\nimport {\n  useAnimatedMessageBackgroundColor,\n  useInteractionGhostBackgroundColor,\n  useTheme,\n} from '../../hooks'\nimport { useDeletingIds } from '../../hooks'\nimport { useConversationMessage } from '../../hooks/use_conversation_message'\nimport { useLiveRelativeTime } from '../../hooks/use_live_relative_time'\nimport { useMessageCreateOrUpdate } from '../../hooks/use_message_create_or_update'\nimport { MessageResource } from '../../types'\nimport { DenormalizedMessageAttachmentResource } from '../../types/resources/denormalized_attachment_resource'\nimport { ReactionCountResource } from '../../types/resources/reaction'\nimport { pluralize } from '../../utils'\nimport { isNewMessage } from '../../utils/cache/messages_cache'\nimport { Haptic } from '../../utils/native_adapters'\nimport {\n  CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL,\n  MESSAGE_AUTHOR_AVATAR_COLUMN_WIDTH,\n  platformFontWeightMedium,\n} from '../../utils/styles'\nimport { ComponentErrorBoundary } from '../page/component_error_boundary'\nimport { MessageAttachments } from './message_attachments'\nimport { MessageMarkdown } from './message_markdown'\nimport { MessageReadReceipts } from './message_read_receipts'\nimport { TheirReplyConnector, MyReplyConnector, AVATAR_CONNECTOR_SPACING } from './reply_connectors'\n\n/** Message\n * Component for display of a message within a conversation list\n */\ninterface MessageProps extends MessageResource {\n  canDeleteNonAuthoredMessages: boolean\n  conversation_id: number\n  latestReadMessageSortKey?: string\n  inReplyScreen?: boolean\n}\n\nexport function Message({\n  canDeleteNonAuthoredMessages,\n  conversation_id,\n  latestReadMessageSortKey,\n  inReplyScreen,\n  ...message\n}: MessageProps) {\n  const { text, reactionCounts, pending, error, attachments, author } = message\n  const deletingMessageIds = useDeletingIds('deleteMessage')\n  const isDeleting = deletingMessageIds.has(message.id)\n  const styles = useMessageStyles(message.mine, isDeleting)\n  const navigation = useNavigation()\n  const { colors } = useTheme()\n  const hasReactions = reactionCounts.length > 0\n  const [showMessageMetaToggle, setShowMessageMetaToggle] = React.useState(false)\n  const showMessageMeta =\n    showMessageMetaToggle || message.myLatestInConversation || !!pending || !!error || false\n  const timestamp = useLiveRelativeTime(message.createdAt)\n  const wasEdited = Boolean(message.textEditedAt)\n  const isPersisted = !isNewMessage(message)\n  const [temporarilyHidePendingState, setTemporarilyHidePendingState] = React.useState(true)\n  const [messageBubbleHeight, setMessageBubbleHeight] = React.useState(0)\n  const { animatedBackgroundColor, handleMessagePressIn, handleMessagePressOut } =\n    useAnimatedMessageBackgroundColor()\n  const { message: replyRootMessage } = useConversationMessage({\n    conversation_id,\n    messageId: message.replyRootId || '',\n    enabled: !!message.replyRootId,\n  })\n\n  const metaProps = {\n    authorName: author.name,\n    createdAt: message.createdAt,\n  }\n\n  const renderAuthor = (!message.mine && message.renderAuthor) || false\n  const showReplyCountButton = !inReplyScreen && message.replyRootId === message.id\n  const isReplyRootMessage = message.replyRootId === message.id\n  const isDeletedReplyRootMessage = isReplyRootMessage && !!message.deletedAt\n  const replyToReplyRootMessage = !isReplyRootMessage && !!message.replyRootId\n\n  const replyCountText = pluralize(message.replyCount, 'reply')\n  const messagePendingLabel = isPersisted ? 'Saving' : 'Sending'\n  const replyRootAuthorName = message.replyRootId ? replyRootMessage?.author.name : author.name\n  const messageText = isDeletedReplyRootMessage ? 'Message deleted' : text\n\n  const messageBottomMargin =\n    message.lastInGroup || message.nextIsReplyShadowMessage\n      ? 16\n      : hasReactions || showMessageMeta || showReplyCountButton\n        ? 8\n        : 4\n\n  const messageIsReplyLabel = replyToReplyRootMessage ? 'Reply' : ''\n  const attachmentLabel = some(attachments) ? pluralize(attachments.length, 'attachment') : ''\n  const replyCountLabel = isReplyRootMessage ? replyCountText : ''\n  const accessibilityLabel = `${author?.name || ''} ${messageIsReplyLabel} ${attachmentLabel} ${\n    messageText || ''\n  } ${timestamp} ${replyCountLabel}`\n\n  useEffect(() => {\n    if (pending) {\n      const timer = setTimeout(() => {\n        setTemporarilyHidePendingState(false)\n      }, 2000)\n      return () => clearTimeout(timer)\n    }\n    return () => {}\n  }, [pending])\n\n  const retryFailedSaveMutation = useMessageCreateOrUpdate({\n    conversationId: conversation_id,\n    message,\n  })\n\n  const handleRetry = () => {\n    if (text && error) {\n      retryFailedSaveMutation.mutateAsync({\n        text,\n        attachments: message.attachmentsForCreate,\n      })\n    }\n  }\n\n  const handleMessagePress = () => {\n    setShowMessageMetaToggle(!showMessageMetaToggle)\n  }\n\n  const handleMessageLongPress = () => {\n    if (!isPersisted) return\n\n    Haptic.impactLight()\n    navigation.navigate('MessageActions', {\n      message_id: message.id,\n      conversation_id,\n      canDeleteNonAuthoredMessages,\n      inReplyScreen,\n      reply_root_author_name: replyRootAuthorName,\n    })\n  }\n\n  const handleReactionLongPress = (reaction: ReactionCountResource) => {\n    Haptic.impactLight()\n    navigation.navigate('Reactions', {\n      message_id: message.id,\n      conversation_id,\n      reaction_value: reaction.value,\n    })\n  }\n\n  const handleMessageAttachmentLongPress = (attachment: DenormalizedMessageAttachmentResource) => {\n    Haptic.impactLight()\n    navigation.navigate('AttachmentActions', {\n      attachmentId: attachment?.id,\n      attachmentContentType: attachment?.attributes.contentType,\n      attachmentUrl: attachment?.attributes.url,\n      conversation_id,\n      canDeleteNonAuthoredMessages,\n      myMessage: message.mine,\n    })\n  }\n\n  const handleNavigateToReplyPress = () => {\n    navigation.navigate('ConversationReply', {\n      conversation_id,\n      reply_root_id: message.id,\n      reply_root_author_name: author.name,\n    })\n  }\n\n  const accessibilityActions = [\n    {\n      name: 'navigateToReplies',\n      label: 'Navigate to replies',\n    },\n  ]\n\n  const handleAccessibilityAction = (event: AccessibilityActionEvent) => {\n    if (event.nativeEvent.actionName === 'navigateToReplies') {\n      handleNavigateToReplyPress()\n    }\n  }\n\n  return (\n    <Pressable\n      onLongPress={isDeleting ? undefined : handleMessageLongPress}\n      onPress={isDeleting ? undefined : handleMessagePress}\n      onPressIn={isDeleting ? undefined : handleMessagePressIn}\n      onPressOut={isDeleting ? undefined : handleMessagePressOut}\n      android_ripple={{ color: colors.androidRippleNeutral, borderless: false, foreground: true }}\n      accessibilityRole=\"button\"\n      accessibilityLabel={accessibilityLabel}\n      accessibilityHint=\"Long press to view message actions like reacting and copying.\"\n      accessibilityActions={isReplyRootMessage ? accessibilityActions : undefined}\n      onAccessibilityAction={isReplyRootMessage ? handleAccessibilityAction : undefined}\n      disabled={isDeletedReplyRootMessage || isDeleting}\n    >\n      <Animated.View style={[styles.message, animatedBackgroundColor]}>\n        {!message.mine && (\n          <View>\n            {renderAuthor ? (\n              <Avatar\n                size={'md'}\n                sourceUri={author.avatar}\n                style={styles.avatar}\n                maxFontSizeMultiplier={1}\n                minFontSizeMultiplier={1}\n                fallbackIconName={isDeletedReplyRootMessage ? 'publishing.trash' : 'general.person'}\n                showFallback={isDeletedReplyRootMessage}\n              />\n            ) : (\n              <View style={styles.avatarPlaceholder} />\n            )}\n            <TheirReplyConnector message={message} messageBubbleHeight={messageBubbleHeight} />\n          </View>\n        )}\n        <View style={[styles.messageContent, { marginBottom: messageBottomMargin }]}>\n          {renderAuthor && !isDeletedReplyRootMessage && (\n            <Text variant=\"footnote\" style={styles.authorName}>\n              {author.name}\n            </Text>\n          )}\n          <View\n            style={styles.messageBubble}\n            onLayout={e => setMessageBubbleHeight(e.nativeEvent.layout.height)}\n          >\n            {isDeletedReplyRootMessage ? (\n              <View style={styles.messageText}>\n                <Text style={styles.replyRootDeletedText}>{messageText}</Text>\n              </View>\n            ) : (\n              <>\n                <ComponentErrorBoundary>\n                  <MessageAttachments\n                    attachments={attachments}\n                    metaProps={metaProps}\n                    onMessageAttachmentLongPress={handleMessageAttachmentLongPress}\n                    onMessageLongPress={handleMessageLongPress}\n                  />\n                </ComponentErrorBoundary>\n                {text && (\n                  <View style={styles.messageText}>\n                    <MessageMarkdown text={text} />\n                  </View>\n                )}\n              </>\n            )}\n          </View>\n          {showReplyCountButton && (\n            <TextButton\n              variant=\"footnote\"\n              onPress={handleNavigateToReplyPress}\n              style={styles.messageReplyCount}\n              accessibilityHint=\"Navigates to reply screen for this message\"\n              accessibilityRole=\"link\"\n            >\n              {replyCountText}\n            </TextButton>\n          )}\n          {hasReactions && !isDeletedReplyRootMessage && (\n            <View style={styles.messageReactions}>\n              {reactionCounts.map(reaction => (\n                <MessageReaction\n                  key={reaction.value}\n                  reaction={reaction}\n                  onLongPress={handleReactionLongPress}\n                  message={message}\n                  conversationId={conversation_id}\n                />\n              ))}\n            </View>\n          )}\n          {showMessageMeta && !isDeletedReplyRootMessage && (\n            <View style={styles.messageMeta}>\n              {message.mine && !pending && !error && (\n                <MessageReadReceipts\n                  message={message}\n                  latestReadMessageSortKey={latestReadMessageSortKey}\n                />\n              )}\n              {error ? (\n                <View style={styles.errorContainer}>\n                  {retryFailedSaveMutation.isPending ? (\n                    <Spinner size={12} />\n                  ) : (\n                    <Icon name=\"general.exclamationTriangle\" size={12} style={styles.errorIcon} />\n                  )}\n                  <Text variant=\"footnote\" style={styles.errorText}>\n                    Failed to {isPersisted ? 'edit' : 'send'} |{' '}\n                    <TextInlineButton\n                      onPress={handleRetry}\n                      variant=\"footnote\"\n                      appearance=\"danger\"\n                      disabled={retryFailedSaveMutation.isPending}\n                    >\n                      Try again\n                    </TextInlineButton>\n                  </Text>\n                </View>\n              ) : pending && (!temporarilyHidePendingState || isPersisted) ? (\n                <View style={styles.pendingIndicatorContainer}>\n                  <Icon\n                    name=\"general.outlinedClock\"\n                    size={12}\n                    color={colors.iconColorDefaultSecondary}\n                  />\n                  <Text variant=\"footnote\">{messagePendingLabel}</Text>\n                </View>\n              ) : isPersisted ? (\n                <Text variant=\"footnote\">{timestamp}</Text>\n              ) : null}\n              {!pending && !error && wasEdited && (\n                <Text variant=\"footnote\">\n                  |{' '}\n                  <Text variant=\"footnote\" style={styles.editedText}>\n                    Edited\n                  </Text>\n                </Text>\n              )}\n            </View>\n          )}\n        </View>\n        {message.mine && (\n          <MyReplyConnector message={message} messageBubbleHeight={messageBubbleHeight} />\n        )}\n      </Animated.View>\n    </Pressable>\n  )\n}\n\nconst useMessageStyles = (mine: boolean, isDeleting: boolean) => {\n  const { colors } = useTheme()\n  const myMessageBackgroundColor = useInteractionGhostBackgroundColor()\n  const { width } = useWindowDimensions()\n  const tabletWidth = width >= 744 // Smallest iPad Mini's width\n\n  const messageBubbleBackgroundColor = mine ? myMessageBackgroundColor : colors.fillColorNeutral070\n\n  return StyleSheet.create({\n    message: {\n      gap: 8,\n      flexDirection: mine ? 'row-reverse' : 'row',\n      paddingHorizontal: CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL,\n      opacity: isDeleting ? 0.5 : 1,\n    },\n    messageContent: {\n      flex: 1,\n      gap: 4,\n    },\n    avatar: {\n      marginBottom: AVATAR_CONNECTOR_SPACING,\n    },\n    avatarPlaceholder: {\n      width: MESSAGE_AUTHOR_AVATAR_COLUMN_WIDTH, // Same width as avatar\n    },\n    authorName: {\n      fontWeight: platformFontWeightMedium,\n    },\n    messageBubble: {\n      backgroundColor: messageBubbleBackgroundColor,\n      borderRadius: 8,\n      maxWidth: tabletWidth ? 360 : '80%',\n      alignSelf: mine ? 'flex-end' : 'flex-start',\n    },\n    messageText: {\n      paddingVertical: 6,\n      paddingHorizontal: 8,\n    },\n    messageReactions: {\n      flexDirection: 'row',\n      gap: 4,\n      justifyContent: mine ? 'flex-end' : 'flex-start',\n    },\n    messageReplyCount: {\n      alignSelf: mine ? 'flex-end' : 'flex-start',\n    },\n    messageMeta: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: mine ? 'flex-end' : 'flex-start',\n      gap: 4,\n    },\n    editedText: {\n      fontWeight: platformFontWeightMedium,\n    },\n    pendingIndicatorContainer: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 4,\n    },\n    errorContainer: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 4,\n    },\n    errorIcon: {\n      color: colors.statusErrorIcon,\n    },\n    errorText: {\n      color: colors.statusErrorText,\n    },\n    replyRootDeletedText: {\n      color: colors.textColorDefaultSecondary,\n      fontStyle: 'italic',\n    },\n  })\n}\n"]}
+{"version":3,"file":"message.js","sourceRoot":"","sources":["../../../src/components/conversation/message.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useNavigation } from '@react-navigation/native'\nimport { some } from 'lodash'\nimport React, { useEffect } from 'react'\nimport {\n  AccessibilityActionEvent,\n  Pressable,\n  StyleSheet,\n  useWindowDimensions,\n  View,\n} from 'react-native'\nimport Animated from 'react-native-reanimated'\nimport { MessageReaction } from '../../components/conversation/message_reaction'\nimport { Avatar, Icon, Spinner, Text, TextButton, TextInlineButton } from '../../components/display'\nimport {\n  useAnimatedMessageBackgroundColor,\n  useInteractionGhostBackgroundColor,\n  useTheme,\n} from '../../hooks'\nimport { useDeletingIds } from '../../hooks'\nimport { useConversationMessage } from '../../hooks/use_conversation_message'\nimport { useLiveRelativeTime } from '../../hooks/use_live_relative_time'\nimport { useMessageCreateOrUpdate } from '../../hooks/use_message_create_or_update'\nimport { MessageResource } from '../../types'\nimport { DenormalizedMessageAttachmentResource } from '../../types/resources/denormalized_attachment_resource'\nimport { ReactionCountResource } from '../../types/resources/reaction'\nimport { pluralize } from '../../utils'\nimport { isNewMessage } from '../../utils/cache/messages_cache'\nimport { Haptic } from '../../utils/native_adapters'\nimport {\n  CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL,\n  MESSAGE_AUTHOR_AVATAR_COLUMN_WIDTH,\n  platformFontWeightMedium,\n} from '../../utils/styles'\nimport { ComponentErrorBoundary } from '../page/component_error_boundary'\nimport { MessageAttachments } from './message_attachments'\nimport { MessageMarkdown } from './message_markdown'\nimport { MessageReadReceipts } from './message_read_receipts'\nimport { TheirReplyConnector, MyReplyConnector, AVATAR_CONNECTOR_SPACING } from './reply_connectors'\n\n/** Message\n * Component for display of a message within a conversation list\n */\ninterface MessageProps extends MessageResource {\n  canDeleteNonAuthoredMessages: boolean\n  conversation_id: number\n  latestReadMessageSortKey?: string\n  inReplyScreen?: boolean\n}\n\nexport function Message({\n  canDeleteNonAuthoredMessages,\n  conversation_id,\n  latestReadMessageSortKey,\n  inReplyScreen,\n  ...message\n}: MessageProps) {\n  const { text, reactionCounts, pending, error, attachments, author } = message\n  const deletingMessageIds = useDeletingIds('deleteMessage')\n  const isDeleting = deletingMessageIds.has(message.id)\n  const styles = useMessageStyles(message.mine, isDeleting)\n  const navigation = useNavigation()\n  const { colors } = useTheme()\n  const hasReactions = reactionCounts.length > 0\n  const [showMessageMetaToggle, setShowMessageMetaToggle] = React.useState(false)\n  const showMessageMeta =\n    showMessageMetaToggle || message.myLatestInConversation || !!pending || !!error || false\n  const timestamp = useLiveRelativeTime(message.createdAt)\n  const wasEdited = Boolean(message.textEditedAt)\n  const isPersisted = !isNewMessage(message)\n  const [temporarilyHidePendingState, setTemporarilyHidePendingState] = React.useState(true)\n  const [messageBubbleHeight, setMessageBubbleHeight] = React.useState(0)\n  const { animatedBackgroundColor, handleMessagePressIn, handleMessagePressOut } =\n    useAnimatedMessageBackgroundColor()\n  const { message: replyRootMessage } = useConversationMessage({\n    conversation_id,\n    messageId: message.replyRootId || '',\n    enabled: !!message.replyRootId,\n  })\n\n  const metaProps = {\n    authorName: author.name,\n    createdAt: message.createdAt,\n  }\n\n  const renderAuthor = (!message.mine && message.renderAuthor) || false\n  const showReplyCountButton = !inReplyScreen && message.replyRootId === message.id\n  const isReplyRootMessage = message.replyRootId === message.id\n  const isDeletedReplyRootMessage = isReplyRootMessage && !!message.deletedAt\n  const replyToReplyRootMessage = !isReplyRootMessage && !!message.replyRootId\n\n  const replyCountText = pluralize(message.replyCount, 'reply')\n  const messagePendingLabel = isPersisted ? 'Saving' : 'Sending'\n  const replyRootAuthorName = message.replyRootId ? replyRootMessage?.author.name : author.name\n  const messageText = isDeletedReplyRootMessage ? 'Message deleted' : text\n\n  const messageBottomMargin =\n    message.lastInGroup || message.nextIsReplyShadowMessage\n      ? 16\n      : hasReactions || showMessageMeta || showReplyCountButton\n        ? 8\n        : 4\n\n  const messageIsReplyLabel = replyToReplyRootMessage ? 'Reply' : ''\n  const attachmentLabel = some(attachments) ? pluralize(attachments.length, 'attachment') : ''\n  const replyCountLabel = isReplyRootMessage ? replyCountText : ''\n  const accessibilityLabel = `${author?.name || ''} ${messageIsReplyLabel} ${attachmentLabel} ${\n    messageText || ''\n  } ${timestamp} ${replyCountLabel}`\n\n  useEffect(() => {\n    if (pending) {\n      const timer = setTimeout(() => {\n        setTemporarilyHidePendingState(false)\n      }, 2000)\n      return () => clearTimeout(timer)\n    }\n    return () => {}\n  }, [pending])\n\n  const retryFailedSaveMutation = useMessageCreateOrUpdate({\n    conversationId: conversation_id,\n    message,\n  })\n\n  const handleRetry = () => {\n    if (text && error) {\n      retryFailedSaveMutation.mutateAsync({\n        text,\n        attachments: message.attachmentsForCreate,\n      })\n    }\n  }\n\n  const handleMessagePress = () => {\n    setShowMessageMetaToggle(!showMessageMetaToggle)\n  }\n\n  const handleMessageLongPress = () => {\n    if (!isPersisted) return\n\n    Haptic.impactLight()\n    navigation.navigate('MessageActions', {\n      message_id: message.id,\n      conversation_id,\n      canDeleteNonAuthoredMessages,\n      inReplyScreen,\n      reply_root_author_name: replyRootAuthorName,\n    })\n  }\n\n  const handleReactionLongPress = (reaction: ReactionCountResource) => {\n    Haptic.impactLight()\n    navigation.navigate('Reactions', {\n      message_id: message.id,\n      conversation_id,\n      reaction_value: reaction.value,\n    })\n  }\n\n  const handleMessageAttachmentLongPress = (attachment: DenormalizedMessageAttachmentResource) => {\n    Haptic.impactLight()\n    navigation.navigate('AttachmentActions', {\n      attachmentId: attachment?.id,\n      attachmentContentType: attachment?.attributes.contentType,\n      attachmentUrl: attachment?.attributes.url,\n      conversation_id,\n      canDeleteNonAuthoredMessages,\n      myMessage: message.mine,\n    })\n  }\n\n  const handleNavigateToReplyPress = () => {\n    navigation.navigate('ConversationReply', {\n      conversation_id,\n      reply_root_id: message.id,\n      reply_root_author_name: author.name,\n    })\n  }\n\n  const accessibilityActions = [\n    {\n      name: 'navigateToReplies',\n      label: 'Navigate to replies',\n    },\n  ]\n\n  const handleAccessibilityAction = (event: AccessibilityActionEvent) => {\n    if (event.nativeEvent.actionName === 'navigateToReplies') {\n      handleNavigateToReplyPress()\n    }\n  }\n\n  return (\n    <Pressable\n      onLongPress={isDeleting ? undefined : handleMessageLongPress}\n      onPress={isDeleting ? undefined : handleMessagePress}\n      onPressIn={isDeleting ? undefined : handleMessagePressIn}\n      onPressOut={isDeleting ? undefined : handleMessagePressOut}\n      android_ripple={{ color: colors.androidRippleNeutral, borderless: false, foreground: true }}\n      accessibilityRole=\"button\"\n      accessibilityLabel={accessibilityLabel}\n      accessibilityHint=\"Long press to view message actions like reacting and copying.\"\n      accessibilityActions={isReplyRootMessage ? accessibilityActions : undefined}\n      onAccessibilityAction={isReplyRootMessage ? handleAccessibilityAction : undefined}\n      disabled={isDeletedReplyRootMessage || isDeleting}\n    >\n      <Animated.View style={[styles.message, animatedBackgroundColor]}>\n        {!message.mine && (\n          <View>\n            {renderAuthor ? (\n              <Avatar\n                size={'md'}\n                sourceUri={author.avatar}\n                style={styles.avatar}\n                maxFontSizeMultiplier={1}\n                minFontSizeMultiplier={1}\n                fallbackIconName={isDeletedReplyRootMessage ? 'publishing.trash' : 'general.person'}\n                showFallback={isDeletedReplyRootMessage}\n              />\n            ) : (\n              <View style={styles.avatarPlaceholder} />\n            )}\n            <TheirReplyConnector message={message} messageBubbleHeight={messageBubbleHeight} />\n          </View>\n        )}\n        <View style={[styles.messageContent, { marginBottom: messageBottomMargin }]}>\n          {renderAuthor && !isDeletedReplyRootMessage && (\n            <Text variant=\"footnote\" style={styles.authorName}>\n              {author.name}\n            </Text>\n          )}\n          <View\n            style={styles.messageBubble}\n            onLayout={e => setMessageBubbleHeight(e.nativeEvent.layout.height)}\n          >\n            {isDeletedReplyRootMessage ? (\n              <View style={styles.messageText}>\n                <Text style={styles.replyRootDeletedText}>{messageText}</Text>\n              </View>\n            ) : (\n              <>\n                <ComponentErrorBoundary>\n                  <MessageAttachments\n                    attachments={attachments}\n                    metaProps={metaProps}\n                    onMessageAttachmentLongPress={handleMessageAttachmentLongPress}\n                    onMessageLongPress={handleMessageLongPress}\n                  />\n                </ComponentErrorBoundary>\n                {text && (\n                  <View style={styles.messageText}>\n                    <MessageMarkdown text={text} />\n                  </View>\n                )}\n              </>\n            )}\n          </View>\n          {showReplyCountButton && (\n            <TextButton\n              variant=\"footnote\"\n              onPress={handleNavigateToReplyPress}\n              style={styles.messageReplyCount}\n              accessibilityHint=\"Navigates to reply screen for this message\"\n              accessibilityRole=\"link\"\n            >\n              {replyCountText}\n            </TextButton>\n          )}\n          {hasReactions && !isDeletedReplyRootMessage && (\n            <View style={styles.messageReactions}>\n              {reactionCounts.map(reaction => (\n                <MessageReaction\n                  key={reaction.value}\n                  reaction={reaction}\n                  onLongPress={handleReactionLongPress}\n                  message={message}\n                  conversationId={conversation_id}\n                />\n              ))}\n            </View>\n          )}\n          {showMessageMeta && !isDeletedReplyRootMessage && (\n            <View style={styles.messageMeta}>\n              {message.mine && !pending && !error && (\n                <MessageReadReceipts\n                  message={message}\n                  latestReadMessageSortKey={latestReadMessageSortKey}\n                />\n              )}\n              {error ? (\n                <View style={styles.errorContainer}>\n                  {retryFailedSaveMutation.isPending ? (\n                    <Spinner size={12} />\n                  ) : (\n                    <Icon name=\"general.exclamationTriangle\" size={12} style={styles.errorIcon} />\n                  )}\n                  <Text variant=\"footnote\" style={styles.errorText}>\n                    Failed to {isPersisted ? 'edit' : 'send'} |{' '}\n                    <TextInlineButton\n                      onPress={handleRetry}\n                      variant=\"footnote\"\n                      appearance=\"danger\"\n                      disabled={retryFailedSaveMutation.isPending}\n                    >\n                      Try again\n                    </TextInlineButton>\n                  </Text>\n                </View>\n              ) : pending && (!temporarilyHidePendingState || isPersisted) ? (\n                <View style={styles.pendingIndicatorContainer}>\n                  <Icon\n                    name=\"general.outlinedClock\"\n                    size={12}\n                    color={colors.iconColorDefaultSecondary}\n                  />\n                  <Text variant=\"footnote\">{messagePendingLabel}</Text>\n                </View>\n              ) : isPersisted ? (\n                <Text variant=\"footnote\">{timestamp}</Text>\n              ) : null}\n              {!pending && !error && wasEdited && (\n                <Text variant=\"footnote\">\n                  |{' '}\n                  <Text variant=\"footnote\" style={styles.editedText}>\n                    Edited\n                  </Text>\n                </Text>\n              )}\n            </View>\n          )}\n        </View>\n        {message.mine && (\n          <MyReplyConnector message={message} messageBubbleHeight={messageBubbleHeight} />\n        )}\n      </Animated.View>\n    </Pressable>\n  )\n}\n\nconst useMessageStyles = (mine: boolean, isDeleting: boolean) => {\n  const { colors } = useTheme()\n  const myMessageBackgroundColor = useInteractionGhostBackgroundColor()\n  const { width } = useWindowDimensions()\n  const tabletWidth = width >= 744 // Smallest iPad Mini's width\n\n  const messageBubbleBackgroundColor = mine ? myMessageBackgroundColor : colors.fillColorNeutral070\n\n  return StyleSheet.create({\n    message: {\n      gap: 8,\n      flexDirection: mine ? 'row-reverse' : 'row',\n      paddingHorizontal: CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL,\n      opacity: isDeleting ? 0.5 : 1,\n    },\n    messageContent: {\n      flex: 1,\n      gap: 4,\n    },\n    avatar: {\n      marginBottom: AVATAR_CONNECTOR_SPACING,\n    },\n    avatarPlaceholder: {\n      width: MESSAGE_AUTHOR_AVATAR_COLUMN_WIDTH, // Same width as avatar\n    },\n    authorName: {\n      fontWeight: platformFontWeightMedium,\n    },\n    messageBubble: {\n      backgroundColor: messageBubbleBackgroundColor,\n      borderRadius: 8,\n      maxWidth: tabletWidth ? 360 : '80%',\n      alignSelf: mine ? 'flex-end' : 'flex-start',\n    },\n    messageText: {\n      paddingVertical: 6,\n      paddingHorizontal: 8,\n    },\n    messageReactions: {\n      flexDirection: 'row',\n      gap: 4,\n      justifyContent: mine ? 'flex-end' : 'flex-start',\n    },\n    messageReplyCount: {\n      alignSelf: mine ? 'flex-end' : 'flex-start',\n    },\n    messageMeta: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: mine ? 'flex-end' : 'flex-start',\n      gap: 4,\n    },\n    editedText: {\n      fontWeight: platformFontWeightMedium,\n    },\n    pendingIndicatorContainer: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 4,\n    },\n    errorContainer: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 4,\n    },\n    errorIcon: {\n      color: colors.statusErrorIcon,\n    },\n    errorText: {\n      color: colors.statusErrorText,\n    },\n    replyRootDeletedText: {\n      color: colors.textColorDefaultSecondary,\n      fontStyle: 'italic',\n    },\n  })\n}\n"]}

package/build/components/conversation/message_attachments.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { DenormalizedAttachmentResource, DenormalizedMessageAttachmentResource } from '../../types/resources/denormalized_attachment_resource';
 import { type MetaProps } from './attachments/image_attachment';
 export declare function MessageAttachments(props: {
@@ -5,5 +6,5 @@ export declare function MessageAttachments(props: {
     metaProps: MetaProps;
     onMessageAttachmentLongPress: (attachment: DenormalizedMessageAttachmentResource) => void;
     onMessageLongPress: () => void;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): React.JSX.Element | null;
 //# sourceMappingURL=message_attachments.d.ts.map

package/build/components/conversation/message_attachments.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message_attachments.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/message_attachments.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,8BAA8B,EAC9B,qCAAqC,EACtC,MAAM,wDAAwD,CAAA;AAK/D,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAGhF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE;IACxC,WAAW,EAAE,8BAA8B,EAAE,CAAA;IAC7C,SAAS,EAAE,SAAS,CAAA;IACpB,4BAA4B,EAAE,CAAC,UAAU,EAAE,qCAAqC,KAAK,IAAI,CAAA;IACzF,kBAAkB,EAAE,MAAM,IAAI,CAAA;CAC/B,kDA8DA"}
+{"version":3,"file":"message_attachments.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/message_attachments.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EACL,8BAA8B,EAC9B,qCAAqC,EACtC,MAAM,wDAAwD,CAAA;AAK/D,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAGhF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE;IACxC,WAAW,EAAE,8BAA8B,EAAE,CAAA;IAC7C,SAAS,EAAE,SAAS,CAAA;IACpB,4BAA4B,EAAE,CAAC,UAAU,EAAE,qCAAqC,KAAK,IAAI,CAAA;IACzF,kBAAkB,EAAE,MAAM,IAAI,CAAA;CAC/B,4BA8DA"}

package/build/components/conversation/message_attachments.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { View, StyleSheet } from 'react-native';
 import { useDeletingIds } from '../../hooks';
 import { AudioAttachment } from './attachments/audio_attachment';
@@ -16,19 +16,23 @@ export function MessageAttachments(props) {
     const imageAttachments = attachments.filter(attachment => attachment.type === 'MessageAttachment' &&
         attachment.attributes?.contentType?.startsWith('image/'));
     const showImageAttachmentGroup = imageAttachments.length > 0;
-    return (_jsxs(View, { style: styles.attachmentsContainer, children: [showImageAttachmentGroup &&
-                imageAttachments.map((image, index) => (_jsx(ImageAttachment, { attachment: image, imageAttachments: imageAttachments, currentImageIndex: index, metaProps: metaProps, onMessageAttachmentLongPress: onMessageAttachmentLongPress, isDeleting: deletingAttachmentIds.has(image.id) }, `${image.id}-${index}`))), attachments.map((attachment, index) => {
-                switch (attachment.type) {
-                    case 'MessageAttachment':
-                        return (_jsx(MessageAttachment, { attachment: attachment, onMessageAttachmentLongPress: onMessageAttachmentLongPress, isDeleting: deletingAttachmentIds.has(attachment.id) }, `${attachment.id}-${index}`));
-                    case 'giphy':
-                        return (_jsx(GiphyAttachment, { attachment: attachment, onMessageLongPress: onMessageLongPress }, `${attachment.id || attachment.titleLink}-${index}`));
-                    case 'ExpandedLink':
-                        return (_jsx(ExpandedLink, { attachment: attachment, onMessageLongPress: onMessageLongPress }, `${attachment.id}-${index}`));
-                    default:
-                        return null;
-                }
-            })] }));
+    return (<View style={styles.attachmentsContainer}>
+      {showImageAttachmentGroup &&
+            imageAttachments.map((image, index) => (<ImageAttachment key={`${image.id}-${index}`} attachment={image} imageAttachments={imageAttachments} currentImageIndex={index} metaProps={metaProps} onMessageAttachmentLongPress={onMessageAttachmentLongPress} isDeleting={deletingAttachmentIds.has(image.id)}/>))}
+
+      {attachments.map((attachment, index) => {
+            switch (attachment.type) {
+                case 'MessageAttachment':
+                    return (<MessageAttachment key={`${attachment.id}-${index}`} attachment={attachment} onMessageAttachmentLongPress={onMessageAttachmentLongPress} isDeleting={deletingAttachmentIds.has(attachment.id)}/>);
+                case 'giphy':
+                    return (<GiphyAttachment key={`${attachment.id || attachment.titleLink}-${index}`} attachment={attachment} onMessageLongPress={onMessageLongPress}/>);
+                case 'ExpandedLink':
+                    return (<ExpandedLink key={`${attachment.id}-${index}`} attachment={attachment} onMessageLongPress={onMessageLongPress}/>);
+                default:
+                    return null;
+            }
+        })}
+    </View>);
 }
 function MessageAttachment({ attachment, onMessageAttachmentLongPress, isDeleting, }) {
     const { attributes } = attachment;
@@ -36,11 +40,11 @@ function MessageAttachment({ attachment, onMessageAttachmentLongPress, isDeletin
     const basicType = contentType ? contentType.split('/')[0] : '';
     switch (basicType) {
         case 'video':
-            return (_jsx(VideoAttachment, { attachment: attachment, onMessageAttachmentLongPress: onMessageAttachmentLongPress, isDeleting: isDeleting }));
+            return (<VideoAttachment attachment={attachment} onMessageAttachmentLongPress={onMessageAttachmentLongPress} isDeleting={isDeleting}/>);
         case 'audio':
-            return (_jsx(AudioAttachment, { attachment: attachment, onMessageAttachmentLongPress: onMessageAttachmentLongPress, isDeleting: isDeleting }));
+            return (<AudioAttachment attachment={attachment} onMessageAttachmentLongPress={onMessageAttachmentLongPress} isDeleting={isDeleting}/>);
         case 'application':
-            return (_jsx(GenericFileAttachment, { attachment: attachment, onMessageAttachmentLongPress: onMessageAttachmentLongPress, isDeleting: isDeleting }));
+            return (<GenericFileAttachment attachment={attachment} onMessageAttachmentLongPress={onMessageAttachmentLongPress} isDeleting={isDeleting}/>);
         default:
             return null;
     }

package/build/components/conversation/message_attachments.js.map

@@ -1 +1 @@
-{"version":3,"file":"message_attachments.js","sourceRoot":"","sources":["../../../src/components/conversation/message_attachments.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { View, StyleSheet } from 'react-native'\nimport { useDeletingIds } from '../../hooks'\nimport {\n  DenormalizedAttachmentResource,\n  DenormalizedMessageAttachmentResource,\n} from '../../types/resources/denormalized_attachment_resource'\nimport { AudioAttachment } from './attachments/audio_attachment'\nimport { ExpandedLink } from './attachments/expanded_link'\nimport { GenericFileAttachment } from './attachments/generic_file_attachment'\nimport { GiphyAttachment } from './attachments/giphy_attachment'\nimport { ImageAttachment, type MetaProps } from './attachments/image_attachment'\nimport { VideoAttachment } from './attachments/video_attachment'\n\nexport function MessageAttachments(props: {\n  attachments: DenormalizedAttachmentResource[]\n  metaProps: MetaProps\n  onMessageAttachmentLongPress: (attachment: DenormalizedMessageAttachmentResource) => void\n  onMessageLongPress: () => void\n}) {\n  const styles = useStyles()\n  const { attachments, metaProps, onMessageAttachmentLongPress, onMessageLongPress } = props\n  const deletingAttachmentIds = useDeletingIds('deleteAttachment')\n  if (!attachments || attachments.length === 0) return null\n\n  const imageAttachments = attachments.filter(\n    attachment =>\n      attachment.type === 'MessageAttachment' &&\n      attachment.attributes?.contentType?.startsWith('image/')\n  ) as DenormalizedMessageAttachmentResource[]\n\n  const showImageAttachmentGroup = imageAttachments.length > 0\n\n  return (\n    <View style={styles.attachmentsContainer}>\n      {showImageAttachmentGroup &&\n        imageAttachments.map((image, index) => (\n          <ImageAttachment\n            key={`${image.id}-${index}`}\n            attachment={image}\n            imageAttachments={imageAttachments}\n            currentImageIndex={index}\n            metaProps={metaProps}\n            onMessageAttachmentLongPress={onMessageAttachmentLongPress}\n            isDeleting={deletingAttachmentIds.has(image.id)}\n          />\n        ))}\n\n      {attachments.map((attachment, index) => {\n        switch (attachment.type) {\n          case 'MessageAttachment':\n            return (\n              <MessageAttachment\n                key={`${attachment.id}-${index}`}\n                attachment={attachment}\n                onMessageAttachmentLongPress={onMessageAttachmentLongPress}\n                isDeleting={deletingAttachmentIds.has(attachment.id)}\n              />\n            )\n          case 'giphy':\n            return (\n              <GiphyAttachment\n                key={`${attachment.id || attachment.titleLink}-${index}`}\n                attachment={attachment}\n                onMessageLongPress={onMessageLongPress}\n              />\n            )\n          case 'ExpandedLink':\n            return (\n              <ExpandedLink\n                key={`${attachment.id}-${index}`}\n                attachment={attachment}\n                onMessageLongPress={onMessageLongPress}\n              />\n            )\n          default:\n            return null\n        }\n      })}\n    </View>\n  )\n}\n\nfunction MessageAttachment({\n  attachment,\n  onMessageAttachmentLongPress,\n  isDeleting,\n}: {\n  attachment: DenormalizedMessageAttachmentResource\n  onMessageAttachmentLongPress: (attachment: DenormalizedMessageAttachmentResource) => void\n  isDeleting: boolean\n}) {\n  const { attributes } = attachment\n  const contentType = attributes?.contentType\n  const basicType = contentType ? contentType.split('/')[0] : ''\n\n  switch (basicType) {\n    case 'video':\n      return (\n        <VideoAttachment\n          attachment={attachment}\n          onMessageAttachmentLongPress={onMessageAttachmentLongPress}\n          isDeleting={isDeleting}\n        />\n      )\n    case 'audio':\n      return (\n        <AudioAttachment\n          attachment={attachment}\n          onMessageAttachmentLongPress={onMessageAttachmentLongPress}\n          isDeleting={isDeleting}\n        />\n      )\n    case 'application':\n      return (\n        <GenericFileAttachment\n          attachment={attachment}\n          onMessageAttachmentLongPress={onMessageAttachmentLongPress}\n          isDeleting={isDeleting}\n        />\n      )\n    default:\n      return null\n  }\n}\n\nconst useStyles = () => {\n  return StyleSheet.create({\n    attachmentsContainer: {\n      gap: 2,\n      padding: 2,\n    },\n  })\n}\n"]}
+{"version":3,"file":"message_attachments.js","sourceRoot":"","sources":["../../../src/components/conversation/message_attachments.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { View, StyleSheet } from 'react-native'\nimport { useDeletingIds } from '../../hooks'\nimport {\n  DenormalizedAttachmentResource,\n  DenormalizedMessageAttachmentResource,\n} from '../../types/resources/denormalized_attachment_resource'\nimport { AudioAttachment } from './attachments/audio_attachment'\nimport { ExpandedLink } from './attachments/expanded_link'\nimport { GenericFileAttachment } from './attachments/generic_file_attachment'\nimport { GiphyAttachment } from './attachments/giphy_attachment'\nimport { ImageAttachment, type MetaProps } from './attachments/image_attachment'\nimport { VideoAttachment } from './attachments/video_attachment'\n\nexport function MessageAttachments(props: {\n  attachments: DenormalizedAttachmentResource[]\n  metaProps: MetaProps\n  onMessageAttachmentLongPress: (attachment: DenormalizedMessageAttachmentResource) => void\n  onMessageLongPress: () => void\n}) {\n  const styles = useStyles()\n  const { attachments, metaProps, onMessageAttachmentLongPress, onMessageLongPress } = props\n  const deletingAttachmentIds = useDeletingIds('deleteAttachment')\n  if (!attachments || attachments.length === 0) return null\n\n  const imageAttachments = attachments.filter(\n    attachment =>\n      attachment.type === 'MessageAttachment' &&\n      attachment.attributes?.contentType?.startsWith('image/')\n  ) as DenormalizedMessageAttachmentResource[]\n\n  const showImageAttachmentGroup = imageAttachments.length > 0\n\n  return (\n    <View style={styles.attachmentsContainer}>\n      {showImageAttachmentGroup &&\n        imageAttachments.map((image, index) => (\n          <ImageAttachment\n            key={`${image.id}-${index}`}\n            attachment={image}\n            imageAttachments={imageAttachments}\n            currentImageIndex={index}\n            metaProps={metaProps}\n            onMessageAttachmentLongPress={onMessageAttachmentLongPress}\n            isDeleting={deletingAttachmentIds.has(image.id)}\n          />\n        ))}\n\n      {attachments.map((attachment, index) => {\n        switch (attachment.type) {\n          case 'MessageAttachment':\n            return (\n              <MessageAttachment\n                key={`${attachment.id}-${index}`}\n                attachment={attachment}\n                onMessageAttachmentLongPress={onMessageAttachmentLongPress}\n                isDeleting={deletingAttachmentIds.has(attachment.id)}\n              />\n            )\n          case 'giphy':\n            return (\n              <GiphyAttachment\n                key={`${attachment.id || attachment.titleLink}-${index}`}\n                attachment={attachment}\n                onMessageLongPress={onMessageLongPress}\n              />\n            )\n          case 'ExpandedLink':\n            return (\n              <ExpandedLink\n                key={`${attachment.id}-${index}`}\n                attachment={attachment}\n                onMessageLongPress={onMessageLongPress}\n              />\n            )\n          default:\n            return null\n        }\n      })}\n    </View>\n  )\n}\n\nfunction MessageAttachment({\n  attachment,\n  onMessageAttachmentLongPress,\n  isDeleting,\n}: {\n  attachment: DenormalizedMessageAttachmentResource\n  onMessageAttachmentLongPress: (attachment: DenormalizedMessageAttachmentResource) => void\n  isDeleting: boolean\n}) {\n  const { attributes } = attachment\n  const contentType = attributes?.contentType\n  const basicType = contentType ? contentType.split('/')[0] : ''\n\n  switch (basicType) {\n    case 'video':\n      return (\n        <VideoAttachment\n          attachment={attachment}\n          onMessageAttachmentLongPress={onMessageAttachmentLongPress}\n          isDeleting={isDeleting}\n        />\n      )\n    case 'audio':\n      return (\n        <AudioAttachment\n          attachment={attachment}\n          onMessageAttachmentLongPress={onMessageAttachmentLongPress}\n          isDeleting={isDeleting}\n        />\n      )\n    case 'application':\n      return (\n        <GenericFileAttachment\n          attachment={attachment}\n          onMessageAttachmentLongPress={onMessageAttachmentLongPress}\n          isDeleting={isDeleting}\n        />\n      )\n    default:\n      return null\n  }\n}\n\nconst useStyles = () => {\n  return StyleSheet.create({\n    attachmentsContainer: {\n      gap: 2,\n      padding: 2,\n    },\n  })\n}\n"]}

package/build/components/conversation/message_form/message_form_attachment_file.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { FileAttachment } from '../../../types/resources/denormalized_attachment_resource_for_create';
 interface Props {
     status: FileAttachment['status'];
@@ -5,6 +6,6 @@ interface Props {
     contentType?: string;
     removeAttachment: () => void;
 }
-export declare function MessageFormAttachmentFile({ name, contentType, status, removeAttachment }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function MessageFormAttachmentFile({ name, contentType, status, removeAttachment }: Props): React.JSX.Element;
 export {};
 //# sourceMappingURL=message_form_attachment_file.d.ts.map

package/build/components/conversation/message_form/message_form_attachment_file.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message_form_attachment_file.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/message_form/message_form_attachment_file.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,sEAAsE,CAAA;AAGrG,UAAU,KAAK;IACb,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAA;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,EAAE,MAAM,IAAI,CAAA;CAC7B;AAED,wBAAgB,yBAAyB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,KAAK,2CAc/F"}
+{"version":3,"file":"message_form_attachment_file.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/message_form/message_form_attachment_file.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,sEAAsE,CAAA;AAGrG,UAAU,KAAK;IACb,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAA;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,EAAE,MAAM,IAAI,CAAA;CAC7B;AAED,wBAAgB,yBAAyB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,KAAK,qBAc/F"}

package/build/components/conversation/message_form/message_form_attachment_file.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { FileAttachmentPreview } from '../../display';
 export function MessageFormAttachmentFile({ name, contentType, status, removeAttachment }) {
     const loading = status === 'uploading';
     const error = status === 'error';
-    return (_jsx(FileAttachmentPreview, { name: name, contentType: contentType, onRemovePress: removeAttachment, loading: loading, error: error, hideRemoveButton: loading }));
+    return (<FileAttachmentPreview name={name} contentType={contentType} onRemovePress={removeAttachment} loading={loading} error={error} hideRemoveButton={loading}/>);
 }
 //# sourceMappingURL=message_form_attachment_file.js.map

package/build/components/conversation/message_form/message_form_attachment_file.js.map

@@ -1 +1 @@
-{"version":3,"file":"message_form_attachment_file.js","sourceRoot":"","sources":["../../../../src/components/conversation/message_form/message_form_attachment_file.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AASrD,MAAM,UAAU,yBAAyB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,gBAAgB,EAAS;IAC9F,MAAM,OAAO,GAAG,MAAM,KAAK,WAAW,CAAA;IACtC,MAAM,KAAK,GAAG,MAAM,KAAK,OAAO,CAAA;IAEhC,OAAO,CACL,KAAC,qBAAqB,IACpB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,gBAAgB,EAC/B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,OAAO,GACzB,CACH,CAAA;AACH,CAAC","sourcesContent":["import React from 'react'\nimport { FileAttachment } from '../../../types/resources/denormalized_attachment_resource_for_create'\nimport { FileAttachmentPreview } from '../../display'\n\ninterface Props {\n  status: FileAttachment['status']\n  name: string\n  contentType?: string\n  removeAttachment: () => void\n}\n\nexport function MessageFormAttachmentFile({ name, contentType, status, removeAttachment }: Props) {\n  const loading = status === 'uploading'\n  const error = status === 'error'\n\n  return (\n    <FileAttachmentPreview\n      name={name}\n      contentType={contentType}\n      onRemovePress={removeAttachment}\n      loading={loading}\n      error={error}\n      hideRemoveButton={loading}\n    />\n  )\n}\n"]}
+{"version":3,"file":"message_form_attachment_file.js","sourceRoot":"","sources":["../../../../src/components/conversation/message_form/message_form_attachment_file.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AASrD,MAAM,UAAU,yBAAyB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,gBAAgB,EAAS;IAC9F,MAAM,OAAO,GAAG,MAAM,KAAK,WAAW,CAAA;IACtC,MAAM,KAAK,GAAG,MAAM,KAAK,OAAO,CAAA;IAEhC,OAAO,CACL,CAAC,qBAAqB,CACpB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,aAAa,CAAC,CAAC,gBAAgB,CAAC,CAChC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,gBAAgB,CAAC,CAAC,OAAO,CAAC,EAC1B,CACH,CAAA;AACH,CAAC","sourcesContent":["import React from 'react'\nimport { FileAttachment } from '../../../types/resources/denormalized_attachment_resource_for_create'\nimport { FileAttachmentPreview } from '../../display'\n\ninterface Props {\n  status: FileAttachment['status']\n  name: string\n  contentType?: string\n  removeAttachment: () => void\n}\n\nexport function MessageFormAttachmentFile({ name, contentType, status, removeAttachment }: Props) {\n  const loading = status === 'uploading'\n  const error = status === 'error'\n\n  return (\n    <FileAttachmentPreview\n      name={name}\n      contentType={contentType}\n      onRemovePress={removeAttachment}\n      loading={loading}\n      error={error}\n      hideRemoveButton={loading}\n    />\n  )\n}\n"]}

package/build/components/conversation/message_form/message_form_attachment_image.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { FileAttachment } from '../../../types/resources/denormalized_attachment_resource_for_create';
 interface Props {
     uri: string;
@@ -7,6 +8,6 @@ interface Props {
     height?: number;
     removeAttachment: () => void;
 }
-export declare function MessageFormAttachmentImage({ uri, alt, status, removeAttachment }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function MessageFormAttachmentImage({ uri, alt, status, removeAttachment }: Props): React.JSX.Element;
 export {};
 //# sourceMappingURL=message_form_attachment_image.d.ts.map

package/build/components/conversation/message_form/message_form_attachment_image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message_form_attachment_image.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/message_form/message_form_attachment_image.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,sEAAsE,CAAA;AAGrG,UAAU,KAAK;IACb,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,gBAAgB,EAAE,MAAM,IAAI,CAAA;CAC7B;AAED,wBAAgB,0BAA0B,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,KAAK,2CAevF"}
+{"version":3,"file":"message_form_attachment_image.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/message_form/message_form_attachment_image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,sEAAsE,CAAA;AAGrG,UAAU,KAAK;IACb,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,gBAAgB,EAAE,MAAM,IAAI,CAAA;CAC7B;AAED,wBAAgB,0BAA0B,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,KAAK,qBAevF"}

package/build/components/conversation/message_form/message_form_attachment_image.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { ImageAttachmentPreview } from '../../display';
 export function MessageFormAttachmentImage({ uri, alt, status, removeAttachment }) {
     const loading = status === 'uploading';
     const error = status === 'error';
-    return (_jsx(ImageAttachmentPreview, { uri: uri, fileName: alt, onRemovePress: removeAttachment, loading: loading, error: error, hideRemoveButton: loading, size: "sm" }));
+    return (<ImageAttachmentPreview uri={uri} fileName={alt} onRemovePress={removeAttachment} loading={loading} error={error} hideRemoveButton={loading} size="sm"/>);
 }
 //# sourceMappingURL=message_form_attachment_image.js.map

package/build/components/conversation/message_form/message_form_attachment_image.js.map

@@ -1 +1 @@
-{"version":3,"file":"message_form_attachment_image.js","sourceRoot":"","sources":["../../../../src/components/conversation/message_form/message_form_attachment_image.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAWtD,MAAM,UAAU,0BAA0B,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,gBAAgB,EAAS;IACtF,MAAM,OAAO,GAAG,MAAM,KAAK,WAAW,CAAA;IACtC,MAAM,KAAK,GAAG,MAAM,KAAK,OAAO,CAAA;IAEhC,OAAO,CACL,KAAC,sBAAsB,IACrB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,GAAG,EACb,aAAa,EAAE,gBAAgB,EAC/B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,OAAO,EACzB,IAAI,EAAC,IAAI,GACT,CACH,CAAA;AACH,CAAC","sourcesContent":["import React from 'react'\nimport { FileAttachment } from '../../../types/resources/denormalized_attachment_resource_for_create'\nimport { ImageAttachmentPreview } from '../../display'\n\ninterface Props {\n  uri: string\n  alt: string\n  status: FileAttachment['status']\n  width?: number\n  height?: number\n  removeAttachment: () => void\n}\n\nexport function MessageFormAttachmentImage({ uri, alt, status, removeAttachment }: Props) {\n  const loading = status === 'uploading'\n  const error = status === 'error'\n\n  return (\n    <ImageAttachmentPreview\n      uri={uri}\n      fileName={alt}\n      onRemovePress={removeAttachment}\n      loading={loading}\n      error={error}\n      hideRemoveButton={loading}\n      size=\"sm\"\n    />\n  )\n}\n"]}
+{"version":3,"file":"message_form_attachment_image.js","sourceRoot":"","sources":["../../../../src/components/conversation/message_form/message_form_attachment_image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAWtD,MAAM,UAAU,0BAA0B,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,gBAAgB,EAAS;IACtF,MAAM,OAAO,GAAG,MAAM,KAAK,WAAW,CAAA;IACtC,MAAM,KAAK,GAAG,MAAM,KAAK,OAAO,CAAA;IAEhC,OAAO,CACL,CAAC,sBAAsB,CACrB,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,QAAQ,CAAC,CAAC,GAAG,CAAC,CACd,aAAa,CAAC,CAAC,gBAAgB,CAAC,CAChC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAC1B,IAAI,CAAC,IAAI,EACT,CACH,CAAA;AACH,CAAC","sourcesContent":["import React from 'react'\nimport { FileAttachment } from '../../../types/resources/denormalized_attachment_resource_for_create'\nimport { ImageAttachmentPreview } from '../../display'\n\ninterface Props {\n  uri: string\n  alt: string\n  status: FileAttachment['status']\n  width?: number\n  height?: number\n  removeAttachment: () => void\n}\n\nexport function MessageFormAttachmentImage({ uri, alt, status, removeAttachment }: Props) {\n  const loading = status === 'uploading'\n  const error = status === 'error'\n\n  return (\n    <ImageAttachmentPreview\n      uri={uri}\n      fileName={alt}\n      onRemovePress={removeAttachment}\n      loading={loading}\n      error={error}\n      hideRemoveButton={loading}\n      size=\"sm\"\n    />\n  )\n}\n"]}

package/build/components/conversation/message_form/message_form_attachment_video.d.ts

@@ -1,9 +1,10 @@
+import React from 'react';
 import { FileAttachment } from '../../../types/resources/denormalized_attachment_resource_for_create';
 interface Props {
     status: FileAttachment['status'];
     name: string;
     removeAttachment: () => void;
 }
-export declare function MessageFormAttachmentVideo({ name, status, removeAttachment }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function MessageFormAttachmentVideo({ name, status, removeAttachment }: Props): React.JSX.Element;
 export {};
 //# sourceMappingURL=message_form_attachment_video.d.ts.map

package/build/components/conversation/message_form/message_form_attachment_video.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message_form_attachment_video.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/message_form/message_form_attachment_video.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,sEAAsE,CAAA;AAGrG,UAAU,KAAK;IACb,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAA;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,gBAAgB,EAAE,MAAM,IAAI,CAAA;CAC7B;AAED,wBAAgB,0BAA0B,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,KAAK,2CAanF"}
+{"version":3,"file":"message_form_attachment_video.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/message_form/message_form_attachment_video.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,sEAAsE,CAAA;AAGrG,UAAU,KAAK;IACb,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAA;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,gBAAgB,EAAE,MAAM,IAAI,CAAA;CAC7B;AAED,wBAAgB,0BAA0B,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,KAAK,qBAanF"}

package/build/components/conversation/message_form/message_form_attachment_video.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { VideoAttachmentPreview } from '../../display';
 export function MessageFormAttachmentVideo({ name, status, removeAttachment }) {
     const loading = status === 'uploading';
     const error = status === 'error';
-    return (_jsx(VideoAttachmentPreview, { name: name, onRemovePress: removeAttachment, loading: loading, error: error, hideRemoveButton: loading }));
+    return (<VideoAttachmentPreview name={name} onRemovePress={removeAttachment} loading={loading} error={error} hideRemoveButton={loading}/>);
 }
 //# sourceMappingURL=message_form_attachment_video.js.map

package/build/components/conversation/message_form/message_form_attachment_video.js.map

@@ -1 +1 @@
-{"version":3,"file":"message_form_attachment_video.js","sourceRoot":"","sources":["../../../../src/components/conversation/message_form/message_form_attachment_video.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAQtD,MAAM,UAAU,0BAA0B,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,gBAAgB,EAAS;IAClF,MAAM,OAAO,GAAG,MAAM,KAAK,WAAW,CAAA;IACtC,MAAM,KAAK,GAAG,MAAM,KAAK,OAAO,CAAA;IAEhC,OAAO,CACL,KAAC,sBAAsB,IACrB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,gBAAgB,EAC/B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,OAAO,GACzB,CACH,CAAA;AACH,CAAC","sourcesContent":["import React from 'react'\nimport { FileAttachment } from '../../../types/resources/denormalized_attachment_resource_for_create'\nimport { VideoAttachmentPreview } from '../../display'\n\ninterface Props {\n  status: FileAttachment['status']\n  name: string\n  removeAttachment: () => void\n}\n\nexport function MessageFormAttachmentVideo({ name, status, removeAttachment }: Props) {\n  const loading = status === 'uploading'\n  const error = status === 'error'\n\n  return (\n    <VideoAttachmentPreview\n      name={name}\n      onRemovePress={removeAttachment}\n      loading={loading}\n      error={error}\n      hideRemoveButton={loading}\n    />\n  )\n}\n"]}
+{"version":3,"file":"message_form_attachment_video.js","sourceRoot":"","sources":["../../../../src/components/conversation/message_form/message_form_attachment_video.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAQtD,MAAM,UAAU,0BAA0B,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,gBAAgB,EAAS;IAClF,MAAM,OAAO,GAAG,MAAM,KAAK,WAAW,CAAA;IACtC,MAAM,KAAK,GAAG,MAAM,KAAK,OAAO,CAAA;IAEhC,OAAO,CACL,CAAC,sBAAsB,CACrB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,aAAa,CAAC,CAAC,gBAAgB,CAAC,CAChC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,gBAAgB,CAAC,CAAC,OAAO,CAAC,EAC1B,CACH,CAAA;AACH,CAAC","sourcesContent":["import React from 'react'\nimport { FileAttachment } from '../../../types/resources/denormalized_attachment_resource_for_create'\nimport { VideoAttachmentPreview } from '../../display'\n\ninterface Props {\n  status: FileAttachment['status']\n  name: string\n  removeAttachment: () => void\n}\n\nexport function MessageFormAttachmentVideo({ name, status, removeAttachment }: Props) {\n  const loading = status === 'uploading'\n  const error = status === 'error'\n\n  return (\n    <VideoAttachmentPreview\n      name={name}\n      onRemovePress={removeAttachment}\n      loading={loading}\n      error={error}\n      hideRemoveButton={loading}\n    />\n  )\n}\n"]}