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

package/build/components/conversation/attachments/attachment_card.d.ts

@@ -1,9 +1,9 @@
-import { ComponentProps, ReactNode } from 'react';
+import React, { ComponentProps, ReactNode } from 'react';
 import { View } from 'react-native';
 type AttachmentCardProps = ComponentProps<typeof View>;
-export declare function AttachmentCard({ children, ...props }: AttachmentCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function AttachmentCard({ children, ...props }: AttachmentCardProps): React.JSX.Element;
 export declare function AttachmentCardTitle({ children }: {
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export {};
 //# sourceMappingURL=attachment_card.d.ts.map

package/build/components/conversation/attachments/attachment_card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"attachment_card.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/attachment_card.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAc,IAAI,EAAE,MAAM,cAAc,CAAA;AAK/C,KAAK,mBAAmB,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAEtD,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAQzE;AAED,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAQxE"}
+{"version":3,"file":"attachment_card.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/attachment_card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAc,IAAI,EAAE,MAAM,cAAc,CAAA;AAK/C,KAAK,mBAAmB,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAEtD,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,qBAQzE;AAED,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,qBAQxE"}

package/build/components/conversation/attachments/attachment_card.js

@@ -1,15 +1,19 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { useTheme } from '../../../hooks';
 import { tokens } from '../../../vendor/tapestry/tokens';
 import { Text } from '../../display';
 export function AttachmentCard({ children, ...props }) {
     const styles = useStyles();
-    return (_jsx(View, { style: styles.card, ...props, children: children }));
+    return (<View style={styles.card} {...props}>
+      {children}
+    </View>);
 }
 export function AttachmentCardTitle({ children }) {
     const styles = useStyles();
-    return (_jsx(Text, { style: styles.title, numberOfLines: 1, selectable: false, children: children }));
+    return (<Text style={styles.title} numberOfLines={1} selectable={false}>
+      {children}
+    </Text>);
 }
 const useStyles = () => {
     const { colors } = useTheme();

package/build/components/conversation/attachments/attachment_card.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachment_card.js","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/attachment_card.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAIpC,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAuB;IACxE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,KAAM,KAAK,YAChC,QAAQ,GACJ,CACR,CAAA;AACH,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,EAAE,QAAQ,EAA2B;IACvE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,aAAa,EAAE,CAAC,EAAE,UAAU,EAAE,KAAK,YAC3D,QAAQ,GACJ,CACR,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC;YACV,eAAe,EAAE,MAAM,CAAC,eAAe;YACvC,YAAY,EAAE,CAAC;YACf,QAAQ,EAAE,MAAM;YAChB,SAAS,EAAE,EAAE;YACb,cAAc,EAAE,QAAQ;YACxB,QAAQ,EAAE,UAAU;SACrB;QACD,KAAK,EAAE;YACL,KAAK,EAAE,MAAM,CAAC,uBAAuB;YACrC,QAAQ,EAAE,MAAM,CAAC,UAAU;YAC3B,IAAI,EAAE,CAAC;SACR;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React, { ComponentProps, ReactNode } from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { useTheme } from '../../../hooks'\nimport { tokens } from '../../../vendor/tapestry/tokens'\nimport { Text } from '../../display'\n\ntype AttachmentCardProps = ComponentProps<typeof View>\n\nexport function AttachmentCard({ children, ...props }: AttachmentCardProps) {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.card} {...props}>\n      {children}\n    </View>\n  )\n}\n\nexport function AttachmentCardTitle({ children }: { children: ReactNode }) {\n  const styles = useStyles()\n\n  return (\n    <Text style={styles.title} numberOfLines={1} selectable={false}>\n      {children}\n    </Text>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    card: {\n      padding: 8,\n      backgroundColor: colors.surfaceColor100,\n      borderRadius: 8,\n      minWidth: '100%',\n      minHeight: 60,\n      justifyContent: 'center',\n      position: 'relative',\n    },\n    title: {\n      color: colors.textColorDefaultPrimary,\n      fontSize: tokens.fontSizeSm,\n      flex: 1,\n    },\n  })\n}\n"]}
+{"version":3,"file":"attachment_card.js","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/attachment_card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAIpC,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAuB;IACxE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAClC;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,EAAE,QAAQ,EAA2B;IACvE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAC7D;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC;YACV,eAAe,EAAE,MAAM,CAAC,eAAe;YACvC,YAAY,EAAE,CAAC;YACf,QAAQ,EAAE,MAAM;YAChB,SAAS,EAAE,EAAE;YACb,cAAc,EAAE,QAAQ;YACxB,QAAQ,EAAE,UAAU;SACrB;QACD,KAAK,EAAE;YACL,KAAK,EAAE,MAAM,CAAC,uBAAuB;YACrC,QAAQ,EAAE,MAAM,CAAC,UAAU;YAC3B,IAAI,EAAE,CAAC;SACR;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React, { ComponentProps, ReactNode } from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { useTheme } from '../../../hooks'\nimport { tokens } from '../../../vendor/tapestry/tokens'\nimport { Text } from '../../display'\n\ntype AttachmentCardProps = ComponentProps<typeof View>\n\nexport function AttachmentCard({ children, ...props }: AttachmentCardProps) {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.card} {...props}>\n      {children}\n    </View>\n  )\n}\n\nexport function AttachmentCardTitle({ children }: { children: ReactNode }) {\n  const styles = useStyles()\n\n  return (\n    <Text style={styles.title} numberOfLines={1} selectable={false}>\n      {children}\n    </Text>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    card: {\n      padding: 8,\n      backgroundColor: colors.surfaceColor100,\n      borderRadius: 8,\n      minWidth: '100%',\n      minHeight: 60,\n      justifyContent: 'center',\n      position: 'relative',\n    },\n    title: {\n      color: colors.textColorDefaultPrimary,\n      fontSize: tokens.fontSizeSm,\n      flex: 1,\n    },\n  })\n}\n"]}

package/build/components/conversation/attachments/attachment_deleting_overlay.d.ts

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

package/build/components/conversation/attachments/attachment_deleting_overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"attachment_deleting_overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/attachment_deleting_overlay.tsx"],"names":[],"mappings":"AAIA,wBAAgB,yBAAyB,4CASxC"}
+{"version":3,"file":"attachment_deleting_overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/attachment_deleting_overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,wBAAgB,yBAAyB,sBASxC"}

package/build/components/conversation/attachments/attachment_deleting_overlay.js

@@ -1,31 +1,26 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { View, StyleSheet } from 'react-native';
 import { useTheme } from '../../../hooks';
 import { Spinner } from '../../display';
 export function AttachmentDeletingOverlay() {
     const styles = useStyles();
-    return (_jsxs(View, { style: styles.container, children: [_jsx(View, { style: styles.overlay }), _jsx(Spinner, { size: 24 })] }));
+    return (<View style={styles.container}>
+      <View style={styles.overlay}/>
+      <Spinner size={24}/>
+    </View>);
 }
 const useStyles = () => {
     const { colors } = useTheme();
     return StyleSheet.create({
         container: {
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
+            ...StyleSheet.absoluteFillObject,
             justifyContent: 'center',
             alignItems: 'center',
             borderRadius: 8,
             overflow: 'hidden',
         },
         overlay: {
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
+            ...StyleSheet.absoluteFillObject,
             backgroundColor: colors.fillColorNeutral070,
             opacity: 0.5,
         },

package/build/components/conversation/attachments/attachment_deleting_overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachment_deleting_overlay.js","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/attachment_deleting_overlay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,MAAM,UAAU,yBAAyB;IACvC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,aAC3B,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,GAAI,EAC/B,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,GAAI,IAChB,CACR,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,YAAY,EAAE,CAAC;YACf,QAAQ,EAAE,QAAQ;SACnB;QACD,OAAO,EAAE;YACP,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,eAAe,EAAE,MAAM,CAAC,mBAAmB;YAC3C,OAAO,EAAE,GAAG;SACb;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { View, StyleSheet } from 'react-native'\nimport { useTheme } from '../../../hooks'\nimport { Spinner } from '../../display'\n\nexport function AttachmentDeletingOverlay() {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.overlay} />\n      <Spinner size={24} />\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      justifyContent: 'center',\n      alignItems: 'center',\n      borderRadius: 8,\n      overflow: 'hidden',\n    },\n    overlay: {\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      backgroundColor: colors.fillColorNeutral070,\n      opacity: 0.5,\n    },\n  })\n}\n"]}
+{"version":3,"file":"attachment_deleting_overlay.js","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/attachment_deleting_overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,MAAM,UAAU,yBAAyB;IACvC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAC5B;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,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,GAAG,UAAU,CAAC,kBAAkB;YAChC,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,YAAY,EAAE,CAAC;YACf,QAAQ,EAAE,QAAQ;SACnB;QACD,OAAO,EAAE;YACP,GAAG,UAAU,CAAC,kBAAkB;YAChC,eAAe,EAAE,MAAM,CAAC,mBAAmB;YAC3C,OAAO,EAAE,GAAG;SACb;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { View, StyleSheet } from 'react-native'\nimport { useTheme } from '../../../hooks'\nimport { Spinner } from '../../display'\n\nexport function AttachmentDeletingOverlay() {\n  const styles = useStyles()\n\n  return (\n    <View style={styles.container}>\n      <View style={styles.overlay} />\n      <Spinner size={24} />\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      ...StyleSheet.absoluteFillObject,\n      justifyContent: 'center',\n      alignItems: 'center',\n      borderRadius: 8,\n      overflow: 'hidden',\n    },\n    overlay: {\n      ...StyleSheet.absoluteFillObject,\n      backgroundColor: colors.fillColorNeutral070,\n      opacity: 0.5,\n    },\n  })\n}\n"]}

package/build/components/conversation/attachments/audio_attachment.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource';
 export declare function AudioAttachment({ attachment, onMessageAttachmentLongPress, isDeleting, }: {
     attachment: DenormalizedMessageAttachmentResource;
     onMessageAttachmentLongPress: (attachment: DenormalizedMessageAttachmentResource) => void;
     isDeleting: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 //# sourceMappingURL=audio_attachment.d.ts.map

package/build/components/conversation/attachments/audio_attachment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"audio_attachment.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/audio_attachment.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,qCAAqC,EAAE,MAAM,2DAA2D,CAAA;AAMjH,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,4BAA4B,EAC5B,UAAU,GACX,EAAE;IACD,UAAU,EAAE,qCAAqC,CAAA;IACjD,4BAA4B,EAAE,CAAC,UAAU,EAAE,qCAAqC,KAAK,IAAI,CAAA;IACzF,UAAU,EAAE,OAAO,CAAA;CACpB,2CAwDA"}
+{"version":3,"file":"audio_attachment.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/audio_attachment.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,qCAAqC,EAAE,MAAM,2DAA2D,CAAA;AAMjH,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,4BAA4B,EAC5B,UAAU,GACX,EAAE;IACD,UAAU,EAAE,qCAAqC,CAAA;IACjD,4BAA4B,EAAE,CAAC,UAAU,EAAE,qCAAqC,KAAK,IAAI,CAAA;IACzF,UAAU,EAAE,OAAO,CAAA;CACpB,qBAwDA"}

package/build/components/conversation/attachments/audio_attachment.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PlatformPressable } from '@react-navigation/elements';
+import React from 'react';
 import { View, StyleSheet } from 'react-native';
 import { useTheme } from '../../../hooks';
 import { Audio } from '../../../utils/native_adapters';
@@ -22,24 +22,41 @@ export function AudioAttachment({ attachment, onMessageAttachmentLongPress, isDe
         }
     }
     const progress = sound.duration > 0 ? sound.position / sound.duration : 0;
-    return (_jsx(PlatformPressable, { onLongPress: () => !isDeleting && onMessageAttachmentLongPress(attachment), android_ripple: { color: colors.androidRippleNeutral, foreground: true }, accessibilityHint: "Long press for more options", disabled: isDeleting, children: _jsxs(AttachmentCard, { children: [_jsxs(View, { style: styles.container, children: [AudioPlayer, _jsx(IconButton, { name: sound.isPlaying ? 'services.pause' : 'services.play', size: "md", accessibilityLabel: sound.isPlaying ? 'Pause' : 'Play', onPress: toggleAudio, disabled: !sound || isDeleting, style: styles.button, iconStyle: styles.buttonIcon }), _jsxs(View, { style: styles.details, children: [_jsx(AttachmentCardTitle, { children: filename }), _jsx(View, { style: styles.progressContainer, children: _jsx(View, { style: styles.progressTrack, children: _jsx(View, { style: [styles.progressBar, { width: `${progress * 100}%` }] }) }) }), sound.isPlaying ? (_jsx(ProgressionText, { progress: sound.position || 0 })) : (_jsx(DurationText, { duration: sound.duration || 0 }))] })] }), isDeleting && _jsx(AttachmentDeletingOverlay, {})] }) }));
+    return (<PlatformPressable onLongPress={() => !isDeleting && onMessageAttachmentLongPress(attachment)} android_ripple={{ color: colors.androidRippleNeutral, foreground: true }} accessibilityHint="Long press for more options" disabled={isDeleting}>
+      <AttachmentCard>
+        <View style={styles.container}>
+          {AudioPlayer}
+          <IconButton name={sound.isPlaying ? 'services.pause' : 'services.play'} size="md" accessibilityLabel={sound.isPlaying ? 'Pause' : 'Play'} onPress={toggleAudio} disabled={!sound || isDeleting} style={styles.button} iconStyle={styles.buttonIcon}/>
+          <View style={styles.details}>
+            <AttachmentCardTitle>{filename}</AttachmentCardTitle>
+            <View style={styles.progressContainer}>
+              <View style={styles.progressTrack}>
+                <View style={[styles.progressBar, { width: `${progress * 100}%` }]}/>
+              </View>
+            </View>
+            {sound.isPlaying ? (<ProgressionText progress={sound.position || 0}/>) : (<DurationText duration={sound.duration || 0}/>)}
+          </View>
+        </View>
+        {isDeleting && <AttachmentDeletingOverlay />}
+      </AttachmentCard>
+    </PlatformPressable>);
 }
 const DurationText = ({ duration }) => {
     if (duration === 0)
-        return _jsx(Text, { variant: "footnote", children: "Loading..." });
+        return <Text variant="footnote">Loading...</Text>;
     const { minutes, seconds } = getMinutesAndSeconds(duration);
     const secondsLabel = `${seconds}s`;
     const minutesLabel = `${minutes}m`;
     const label = minutes > 0 ? `${minutesLabel} ${secondsLabel}` : secondsLabel;
-    return _jsx(Text, { variant: "footnote", children: label });
+    return <Text variant="footnote">{label}</Text>;
 };
 const ProgressionText = ({ progress }) => {
     if (progress === 0)
-        return _jsx(Text, { variant: "footnote", children: "Loading..." });
+        return <Text variant="footnote">Loading...</Text>;
     const { minutes, seconds } = getMinutesAndSeconds(progress);
     const twoDigitSeconds = seconds.toString().padStart(2, '0');
     const twoDigitMinutes = minutes.toString().padStart(2, '0');
-    return _jsx(Text, { variant: "footnote", children: `${twoDigitMinutes}:${twoDigitSeconds}` });
+    return <Text variant="footnote">{`${twoDigitMinutes}:${twoDigitSeconds}`}</Text>;
 };
 function getMinutesAndSeconds(ms) {
     if (!ms || ms === 0)

package/build/components/conversation/attachments/audio_attachment.js.map

@@ -1 +1 @@
-{"version":3,"file":"audio_attachment.js","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/audio_attachment.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport React from 'react'\nimport { View, StyleSheet } from 'react-native'\nimport { useTheme } from '../../../hooks'\nimport { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'\nimport { Audio } from '../../../utils/native_adapters'\nimport { IconButton, Text } from '../../display'\nimport { AttachmentCard, AttachmentCardTitle } from './attachment_card'\nimport { AttachmentDeletingOverlay } from './attachment_deleting_overlay'\n\nexport function AudioAttachment({\n  attachment,\n  onMessageAttachmentLongPress,\n  isDeleting,\n}: {\n  attachment: DenormalizedMessageAttachmentResource\n  onMessageAttachmentLongPress: (attachment: DenormalizedMessageAttachmentResource) => void\n  isDeleting: boolean\n}) {\n  const styles = useStyles()\n  const { colors } = useTheme()\n\n  const { attributes } = attachment\n  const { url, filename } = attributes\n  const sound = Audio.useAudio(url)\n  const { AudioPlayer } = sound\n\n  function toggleAudio() {\n    if (!sound.isPlaying) {\n      sound.play()\n    } else {\n      sound.pause()\n    }\n  }\n\n  const progress = sound.duration > 0 ? sound.position / sound.duration : 0\n\n  return (\n    <PlatformPressable\n      onLongPress={() => !isDeleting && onMessageAttachmentLongPress(attachment)}\n      android_ripple={{ color: colors.androidRippleNeutral, foreground: true }}\n      accessibilityHint=\"Long press for more options\"\n      disabled={isDeleting}\n    >\n      <AttachmentCard>\n        <View style={styles.container}>\n          {AudioPlayer}\n          <IconButton\n            name={sound.isPlaying ? 'services.pause' : 'services.play'}\n            size=\"md\"\n            accessibilityLabel={sound.isPlaying ? 'Pause' : 'Play'}\n            onPress={toggleAudio}\n            disabled={!sound || isDeleting}\n            style={styles.button}\n            iconStyle={styles.buttonIcon}\n          />\n          <View style={styles.details}>\n            <AttachmentCardTitle>{filename}</AttachmentCardTitle>\n            <View style={styles.progressContainer}>\n              <View style={styles.progressTrack}>\n                <View style={[styles.progressBar, { width: `${progress * 100}%` }]} />\n              </View>\n            </View>\n            {sound.isPlaying ? (\n              <ProgressionText progress={sound.position || 0} />\n            ) : (\n              <DurationText duration={sound.duration || 0} />\n            )}\n          </View>\n        </View>\n        {isDeleting && <AttachmentDeletingOverlay />}\n      </AttachmentCard>\n    </PlatformPressable>\n  )\n}\n\nconst DurationText = ({ duration }: { duration: number }) => {\n  if (duration === 0) return <Text variant=\"footnote\">Loading...</Text>\n\n  const { minutes, seconds } = getMinutesAndSeconds(duration)\n  const secondsLabel = `${seconds}s`\n  const minutesLabel = `${minutes}m`\n  const label = minutes > 0 ? `${minutesLabel} ${secondsLabel}` : secondsLabel\n\n  return <Text variant=\"footnote\">{label}</Text>\n}\n\nconst ProgressionText = ({ progress }: { progress: number }) => {\n  if (progress === 0) return <Text variant=\"footnote\">Loading...</Text>\n\n  const { minutes, seconds } = getMinutesAndSeconds(progress)\n  const twoDigitSeconds = seconds.toString().padStart(2, '0')\n  const twoDigitMinutes = minutes.toString().padStart(2, '0')\n\n  return <Text variant=\"footnote\">{`${twoDigitMinutes}:${twoDigitSeconds}`}</Text>\n}\n\nfunction getMinutesAndSeconds(ms?: number) {\n  if (!ms || ms === 0) return { minutes: 0, seconds: 0 }\n\n  const totalSeconds = Math.floor(ms / 1000)\n  const minutes = Math.floor(totalSeconds / 60)\n  const seconds = totalSeconds % 60\n\n  return { minutes, seconds }\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      flexDirection: 'row',\n      alignItems: 'center',\n    },\n    button: {\n      width: 42,\n      height: 42,\n      justifyContent: 'center',\n      alignItems: 'center',\n      borderRadius: 25,\n      backgroundColor: colors.fillColorNeutral100Inverted,\n      borderColor: colors.borderColorDefaultBase,\n      borderWidth: 1,\n    },\n    buttonIcon: {\n      color: colors.iconColorDefaultPrimary,\n    },\n    buttonText: {\n      fontSize: 32,\n      lineHeight: 32,\n    },\n    details: {\n      flex: 1,\n      marginLeft: 10,\n      gap: 4,\n    },\n    progressContainer: {\n      marginTop: 2,\n    },\n    progressTrack: {\n      height: 4,\n      backgroundColor: colors.borderColorDefaultBase,\n      borderRadius: 2,\n      overflow: 'hidden',\n    },\n    progressBar: {\n      height: '100%',\n      borderRadius: 2,\n      backgroundColor: colors.interaction,\n    },\n  })\n}\n"]}
+{"version":3,"file":"audio_attachment.js","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/audio_attachment.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport React from 'react'\nimport { View, StyleSheet } from 'react-native'\nimport { useTheme } from '../../../hooks'\nimport { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'\nimport { Audio } from '../../../utils/native_adapters'\nimport { IconButton, Text } from '../../display'\nimport { AttachmentCard, AttachmentCardTitle } from './attachment_card'\nimport { AttachmentDeletingOverlay } from './attachment_deleting_overlay'\n\nexport function AudioAttachment({\n  attachment,\n  onMessageAttachmentLongPress,\n  isDeleting,\n}: {\n  attachment: DenormalizedMessageAttachmentResource\n  onMessageAttachmentLongPress: (attachment: DenormalizedMessageAttachmentResource) => void\n  isDeleting: boolean\n}) {\n  const styles = useStyles()\n  const { colors } = useTheme()\n\n  const { attributes } = attachment\n  const { url, filename } = attributes\n  const sound = Audio.useAudio(url)\n  const { AudioPlayer } = sound\n\n  function toggleAudio() {\n    if (!sound.isPlaying) {\n      sound.play()\n    } else {\n      sound.pause()\n    }\n  }\n\n  const progress = sound.duration > 0 ? sound.position / sound.duration : 0\n\n  return (\n    <PlatformPressable\n      onLongPress={() => !isDeleting && onMessageAttachmentLongPress(attachment)}\n      android_ripple={{ color: colors.androidRippleNeutral, foreground: true }}\n      accessibilityHint=\"Long press for more options\"\n      disabled={isDeleting}\n    >\n      <AttachmentCard>\n        <View style={styles.container}>\n          {AudioPlayer}\n          <IconButton\n            name={sound.isPlaying ? 'services.pause' : 'services.play'}\n            size=\"md\"\n            accessibilityLabel={sound.isPlaying ? 'Pause' : 'Play'}\n            onPress={toggleAudio}\n            disabled={!sound || isDeleting}\n            style={styles.button}\n            iconStyle={styles.buttonIcon}\n          />\n          <View style={styles.details}>\n            <AttachmentCardTitle>{filename}</AttachmentCardTitle>\n            <View style={styles.progressContainer}>\n              <View style={styles.progressTrack}>\n                <View style={[styles.progressBar, { width: `${progress * 100}%` }]} />\n              </View>\n            </View>\n            {sound.isPlaying ? (\n              <ProgressionText progress={sound.position || 0} />\n            ) : (\n              <DurationText duration={sound.duration || 0} />\n            )}\n          </View>\n        </View>\n        {isDeleting && <AttachmentDeletingOverlay />}\n      </AttachmentCard>\n    </PlatformPressable>\n  )\n}\n\nconst DurationText = ({ duration }: { duration: number }) => {\n  if (duration === 0) return <Text variant=\"footnote\">Loading...</Text>\n\n  const { minutes, seconds } = getMinutesAndSeconds(duration)\n  const secondsLabel = `${seconds}s`\n  const minutesLabel = `${minutes}m`\n  const label = minutes > 0 ? `${minutesLabel} ${secondsLabel}` : secondsLabel\n\n  return <Text variant=\"footnote\">{label}</Text>\n}\n\nconst ProgressionText = ({ progress }: { progress: number }) => {\n  if (progress === 0) return <Text variant=\"footnote\">Loading...</Text>\n\n  const { minutes, seconds } = getMinutesAndSeconds(progress)\n  const twoDigitSeconds = seconds.toString().padStart(2, '0')\n  const twoDigitMinutes = minutes.toString().padStart(2, '0')\n\n  return <Text variant=\"footnote\">{`${twoDigitMinutes}:${twoDigitSeconds}`}</Text>\n}\n\nfunction getMinutesAndSeconds(ms?: number) {\n  if (!ms || ms === 0) return { minutes: 0, seconds: 0 }\n\n  const totalSeconds = Math.floor(ms / 1000)\n  const minutes = Math.floor(totalSeconds / 60)\n  const seconds = totalSeconds % 60\n\n  return { minutes, seconds }\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      flexDirection: 'row',\n      alignItems: 'center',\n    },\n    button: {\n      width: 42,\n      height: 42,\n      justifyContent: 'center',\n      alignItems: 'center',\n      borderRadius: 25,\n      backgroundColor: colors.fillColorNeutral100Inverted,\n      borderColor: colors.borderColorDefaultBase,\n      borderWidth: 1,\n    },\n    buttonIcon: {\n      color: colors.iconColorDefaultPrimary,\n    },\n    buttonText: {\n      fontSize: 32,\n      lineHeight: 32,\n    },\n    details: {\n      flex: 1,\n      marginLeft: 10,\n      gap: 4,\n    },\n    progressContainer: {\n      marginTop: 2,\n    },\n    progressTrack: {\n      height: 4,\n      backgroundColor: colors.borderColorDefaultBase,\n      borderRadius: 2,\n      overflow: 'hidden',\n    },\n    progressBar: {\n      height: '100%',\n      borderRadius: 2,\n      backgroundColor: colors.interaction,\n    },\n  })\n}\n"]}

package/build/components/conversation/attachments/expanded_link.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { DenormalizedExpandedLinkAttachmentResource } from '../../../types/resources/denormalized_attachment_resource';
 export declare function ExpandedLink({ attachment, onMessageLongPress, }: {
     attachment: DenormalizedExpandedLinkAttachmentResource;
     onMessageLongPress: () => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 //# sourceMappingURL=expanded_link.d.ts.map

package/build/components/conversation/attachments/expanded_link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"expanded_link.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/expanded_link.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,0CAA0C,EAAE,MAAM,2DAA2D,CAAA;AAItH,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,kBAAkB,GACnB,EAAE;IACD,UAAU,EAAE,0CAA0C,CAAA;IACtD,kBAAkB,EAAE,MAAM,IAAI,CAAA;CAC/B,2CA8BA"}
+{"version":3,"file":"expanded_link.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/expanded_link.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,0CAA0C,EAAE,MAAM,2DAA2D,CAAA;AAItH,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,kBAAkB,GACnB,EAAE;IACD,UAAU,EAAE,0CAA0C,CAAA;IACtD,kBAAkB,EAAE,MAAM,IAAI,CAAA;CAC/B,qBA8BA"}

package/build/components/conversation/attachments/expanded_link.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PlatformPressable } from '@react-navigation/elements';
+import React from 'react';
 import { Image, StyleSheet, Text, View } from 'react-native';
 import { useTheme } from '../../../hooks';
 import { Linking } from '../../../utils';
@@ -14,7 +14,13 @@ export function ExpandedLink({ attachment, onMessageLongPress, }) {
         if (url)
             Linking.openURL(url);
     }
-    return (_jsxs(PlatformPressable, { style: styles.container, android_ripple: { color: colors.androidRippleNeutral, foreground: true }, onPress: openUrl, onLongPress: onMessageLongPress, children: [imageUrl && (_jsx(Image, { source: { uri: imageUrl }, style: [styles.image, { aspectRatio }], alt: title })), (title || description) && (_jsxs(View, { style: styles.textWrapper, children: [title && _jsx(Text, { style: styles.title, children: title }), description && _jsx(Text, { style: styles.description, children: description })] }))] }));
+    return (<PlatformPressable style={styles.container} android_ripple={{ color: colors.androidRippleNeutral, foreground: true }} onPress={openUrl} onLongPress={onMessageLongPress}>
+      {imageUrl && (<Image source={{ uri: imageUrl }} style={[styles.image, { aspectRatio }]} alt={title}/>)}
+      {(title || description) && (<View style={styles.textWrapper}>
+          {title && <Text style={styles.title}>{title}</Text>}
+          {description && <Text style={styles.description}>{description}</Text>}
+        </View>)}
+    </PlatformPressable>);
 }
 const useStyles = () => {
     const { colors } = useTheme();

package/build/components/conversation/attachments/expanded_link.js.map

@@ -1 +1 @@
-{"version":3,"file":"expanded_link.js","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/expanded_link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAE9D,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AAExD,MAAM,UAAU,YAAY,CAAC,EAC3B,UAAU,EACV,kBAAkB,GAInB;IACC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAA;IACjC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,UAAU,CAAA;IAEjF,MAAM,WAAW,GAAG,UAAU,IAAI,WAAW,CAAC,CAAC,CAAC,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAA;IAE5E,KAAK,UAAU,OAAO;QACpB,IAAI,GAAG;YAAE,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;IAC/B,CAAC;IAED,OAAO,CACL,MAAC,iBAAiB,IAChB,KAAK,EAAE,MAAM,CAAC,SAAS,EACvB,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,oBAAoB,EAAE,UAAU,EAAE,IAAI,EAAE,EACxE,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,kBAAkB,aAE9B,QAAQ,IAAI,CACX,KAAC,KAAK,IAAC,MAAM,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,GAAI,CACzF,EACA,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACzB,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,aAC5B,KAAK,IAAI,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,EAClD,WAAW,IAAI,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,YAAG,WAAW,GAAQ,IAChE,CACR,IACiB,CACrB,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE,EAAE;QACb,KAAK,EAAE;YACL,YAAY,EAAE,CAAC;YACf,KAAK,EAAE,MAAM;SACd;QACD,WAAW,EAAE;YACX,GAAG,EAAE,CAAC;YACN,OAAO,EAAE,CAAC;SACX;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,MAAM,CAAC,UAAU;YAC3B,UAAU,EAAE,MAAM,CAAC,gBAAgB;YACnC,KAAK,EAAE,MAAM,CAAC,uBAAuB;SACtC;QACD,WAAW,EAAE;YACX,QAAQ,EAAE,MAAM,CAAC,UAAU;YAC3B,KAAK,EAAE,MAAM,CAAC,uBAAuB;SACtC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport React from 'react'\nimport { Image, StyleSheet, Text, View } from 'react-native'\nimport { useTheme } from '../../../hooks'\nimport { DenormalizedExpandedLinkAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'\nimport { Linking } from '../../../utils'\nimport { tokens } from '../../../vendor/tapestry/tokens'\n\nexport function ExpandedLink({\n  attachment,\n  onMessageLongPress,\n}: {\n  attachment: DenormalizedExpandedLinkAttachmentResource\n  onMessageLongPress: () => void\n}) {\n  const styles = useStyles()\n  const { colors } = useTheme()\n  const { attributes } = attachment\n  const { url, title, description, imageUrl, imageHeight, imageWidth } = attributes\n\n  const aspectRatio = imageWidth && imageHeight ? imageWidth / imageHeight : 1\n\n  async function openUrl() {\n    if (url) Linking.openURL(url)\n  }\n\n  return (\n    <PlatformPressable\n      style={styles.container}\n      android_ripple={{ color: colors.androidRippleNeutral, foreground: true }}\n      onPress={openUrl}\n      onLongPress={onMessageLongPress}\n    >\n      {imageUrl && (\n        <Image source={{ uri: imageUrl }} style={[styles.image, { aspectRatio }]} alt={title} />\n      )}\n      {(title || description) && (\n        <View style={styles.textWrapper}>\n          {title && <Text style={styles.title}>{title}</Text>}\n          {description && <Text style={styles.description}>{description}</Text>}\n        </View>\n      )}\n    </PlatformPressable>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {},\n    image: {\n      borderRadius: 8,\n      width: '100%',\n    },\n    textWrapper: {\n      gap: 4,\n      padding: 8,\n    },\n    title: {\n      fontSize: tokens.fontSizeSm,\n      fontWeight: tokens.fontWeightMedium,\n      color: colors.textColorDefaultPrimary,\n    },\n    description: {\n      fontSize: tokens.fontSizeXs,\n      color: colors.textColorDefaultPrimary,\n    },\n  })\n}\n"]}
+{"version":3,"file":"expanded_link.js","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/expanded_link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AAExD,MAAM,UAAU,YAAY,CAAC,EAC3B,UAAU,EACV,kBAAkB,GAInB;IACC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAA;IACjC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,UAAU,CAAA;IAEjF,MAAM,WAAW,GAAG,UAAU,IAAI,WAAW,CAAC,CAAC,CAAC,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAA;IAE5E,KAAK,UAAU,OAAO;QACpB,IAAI,GAAG;YAAE,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;IAC/B,CAAC;IAED,OAAO,CACL,CAAC,iBAAiB,CAChB,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CACxB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,oBAAoB,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CACzE,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,WAAW,CAAC,CAAC,kBAAkB,CAAC,CAEhC;MAAA,CAAC,QAAQ,IAAI,CACX,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,EAAG,CACzF,CACD;MAAA,CAAC,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACzB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAC9B;UAAA,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CACnD;UAAA,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,CACvE;QAAA,EAAE,IAAI,CAAC,CACR,CACH;IAAA,EAAE,iBAAiB,CAAC,CACrB,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE,EAAE;QACb,KAAK,EAAE;YACL,YAAY,EAAE,CAAC;YACf,KAAK,EAAE,MAAM;SACd;QACD,WAAW,EAAE;YACX,GAAG,EAAE,CAAC;YACN,OAAO,EAAE,CAAC;SACX;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,MAAM,CAAC,UAAU;YAC3B,UAAU,EAAE,MAAM,CAAC,gBAAgB;YACnC,KAAK,EAAE,MAAM,CAAC,uBAAuB;SACtC;QACD,WAAW,EAAE;YACX,QAAQ,EAAE,MAAM,CAAC,UAAU;YAC3B,KAAK,EAAE,MAAM,CAAC,uBAAuB;SACtC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport React from 'react'\nimport { Image, StyleSheet, Text, View } from 'react-native'\nimport { useTheme } from '../../../hooks'\nimport { DenormalizedExpandedLinkAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'\nimport { Linking } from '../../../utils'\nimport { tokens } from '../../../vendor/tapestry/tokens'\n\nexport function ExpandedLink({\n  attachment,\n  onMessageLongPress,\n}: {\n  attachment: DenormalizedExpandedLinkAttachmentResource\n  onMessageLongPress: () => void\n}) {\n  const styles = useStyles()\n  const { colors } = useTheme()\n  const { attributes } = attachment\n  const { url, title, description, imageUrl, imageHeight, imageWidth } = attributes\n\n  const aspectRatio = imageWidth && imageHeight ? imageWidth / imageHeight : 1\n\n  async function openUrl() {\n    if (url) Linking.openURL(url)\n  }\n\n  return (\n    <PlatformPressable\n      style={styles.container}\n      android_ripple={{ color: colors.androidRippleNeutral, foreground: true }}\n      onPress={openUrl}\n      onLongPress={onMessageLongPress}\n    >\n      {imageUrl && (\n        <Image source={{ uri: imageUrl }} style={[styles.image, { aspectRatio }]} alt={title} />\n      )}\n      {(title || description) && (\n        <View style={styles.textWrapper}>\n          {title && <Text style={styles.title}>{title}</Text>}\n          {description && <Text style={styles.description}>{description}</Text>}\n        </View>\n      )}\n    </PlatformPressable>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {},\n    image: {\n      borderRadius: 8,\n      width: '100%',\n    },\n    textWrapper: {\n      gap: 4,\n      padding: 8,\n    },\n    title: {\n      fontSize: tokens.fontSizeSm,\n      fontWeight: tokens.fontWeightMedium,\n      color: colors.textColorDefaultPrimary,\n    },\n    description: {\n      fontSize: tokens.fontSizeXs,\n      color: colors.textColorDefaultPrimary,\n    },\n  })\n}\n"]}

package/build/components/conversation/attachments/generic_file_attachment.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource';
 export declare function GenericFileAttachment({ attachment, onMessageAttachmentLongPress, isDeleting, }: {
     attachment: DenormalizedMessageAttachmentResource;
     onMessageAttachmentLongPress: (attachment: DenormalizedMessageAttachmentResource) => void;
     isDeleting: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 //# sourceMappingURL=generic_file_attachment.d.ts.map

package/build/components/conversation/attachments/generic_file_attachment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generic_file_attachment.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/generic_file_attachment.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,qCAAqC,EAAE,MAAM,2DAA2D,CAAA;AAOjH,wBAAgB,qBAAqB,CAAC,EACpC,UAAU,EACV,4BAA4B,EAC5B,UAAU,GACX,EAAE;IACD,UAAU,EAAE,qCAAqC,CAAA;IACjD,4BAA4B,EAAE,CAAC,UAAU,EAAE,qCAAqC,KAAK,IAAI,CAAA;IACzF,UAAU,EAAE,OAAO,CAAA;CACpB,2CAmCA"}
+{"version":3,"file":"generic_file_attachment.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/generic_file_attachment.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,qCAAqC,EAAE,MAAM,2DAA2D,CAAA;AAOjH,wBAAgB,qBAAqB,CAAC,EACpC,UAAU,EACV,4BAA4B,EAC5B,UAAU,GACX,EAAE;IACD,UAAU,EAAE,qCAAqC,CAAA;IACjD,4BAA4B,EAAE,CAAC,UAAU,EAAE,qCAAqC,KAAK,IAAI,CAAA;IACzF,UAAU,EAAE,OAAO,CAAA;CACpB,qBAmCA"}

package/build/components/conversation/attachments/generic_file_attachment.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PlatformPressable } from '@react-navigation/elements';
+import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { useTheme } from '../../../hooks';
 import { Linking, getAttachmentIconName } from '../../../utils';
@@ -19,7 +19,17 @@ export function GenericFileAttachment({ attachment, onMessageAttachmentLongPress
             Linking.openURL(url);
         }
     }
-    return (_jsx(PlatformPressable, { onPress: handleDownload, onLongPress: () => !isDeleting && onMessageAttachmentLongPress(attachment), android_ripple: { color: colors.androidRippleNeutral, foreground: true }, accessibilityRole: "link", accessibilityHint: `Press to open ${fileTypeLabel} in a browser. Long press for more options`, disabled: isDeleting, children: _jsxs(AttachmentCard, { children: [_jsx(View, { style: styles.container, children: _jsxs(View, { style: styles.stack, children: [_jsx(Icon, { name: iconName, style: styles.icon }), _jsx(AttachmentCardTitle, { children: filename })] }) }), isDeleting && _jsx(AttachmentDeletingOverlay, {})] }) }));
+    return (<PlatformPressable onPress={handleDownload} onLongPress={() => !isDeleting && onMessageAttachmentLongPress(attachment)} android_ripple={{ color: colors.androidRippleNeutral, foreground: true }} accessibilityRole="link" accessibilityHint={`Press to open ${fileTypeLabel} in a browser. Long press for more options`} disabled={isDeleting}>
+      <AttachmentCard>
+        <View style={styles.container}>
+          <View style={styles.stack}>
+            <Icon name={iconName} style={styles.icon}/>
+            <AttachmentCardTitle>{filename}</AttachmentCardTitle>
+          </View>
+        </View>
+        {isDeleting && <AttachmentDeletingOverlay />}
+      </AttachmentCard>
+    </PlatformPressable>);
 }
 const useStyles = () => {
     const { colors } = useTheme();

package/build/components/conversation/attachments/generic_file_attachment.js.map

@@ -1 +1 @@
-{"version":3,"file":"generic_file_attachment.js","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/generic_file_attachment.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAE9D,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AACvE,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAA;AAEzE,MAAM,UAAU,qBAAqB,CAAC,EACpC,UAAU,EACV,4BAA4B,EAC5B,UAAU,GAKX;IACC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,UAAU,CAAA;IAC5D,MAAM,QAAQ,GAAG,qBAAqB,CAAC,WAAW,CAAC,CAAA;IACnD,MAAM,aAAa,GAAG,WAAW,KAAK,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAA;IAExE,KAAK,UAAU,cAAc;QAC3B,IAAI,GAAG,EAAE,CAAC;YACR,uCAAuC;YACvC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;QACtB,CAAC;IACH,CAAC;IAED,OAAO,CACL,KAAC,iBAAiB,IAChB,OAAO,EAAE,cAAc,EACvB,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,4BAA4B,CAAC,UAAU,CAAC,EAC1E,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,oBAAoB,EAAE,UAAU,EAAE,IAAI,EAAE,EACxE,iBAAiB,EAAC,MAAM,EACxB,iBAAiB,EAAE,iBAAiB,aAAa,4CAA4C,EAC7F,QAAQ,EAAE,UAAU,YAEpB,MAAC,cAAc,eACb,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,YAC3B,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,aACvB,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,GAAI,EAC5C,KAAC,mBAAmB,cAAE,QAAQ,GAAuB,IAChD,GACF,EACN,UAAU,IAAI,KAAC,yBAAyB,KAAG,IAC7B,GACC,CACrB,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,GAAG,EAAE,CAAC;YACN,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,eAAe;SAChC;QACD,KAAK,EAAE;YACL,GAAG,EAAE,CAAC;YACN,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;SACrB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM,CAAC,uBAAuB;YACrC,QAAQ,EAAE,MAAM,CAAC,UAAU;SAC5B;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { useTheme } from '../../../hooks'\nimport { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'\nimport { Linking, getAttachmentIconName } from '../../../utils'\nimport { tokens } from '../../../vendor/tapestry/tokens'\nimport { Icon } from '../../display'\nimport { AttachmentCard, AttachmentCardTitle } from './attachment_card'\nimport { AttachmentDeletingOverlay } from './attachment_deleting_overlay'\n\nexport function GenericFileAttachment({\n  attachment,\n  onMessageAttachmentLongPress,\n  isDeleting,\n}: {\n  attachment: DenormalizedMessageAttachmentResource\n  onMessageAttachmentLongPress: (attachment: DenormalizedMessageAttachmentResource) => void\n  isDeleting: boolean\n}) {\n  const styles = useStyles()\n  const { colors } = useTheme()\n\n  const { url, filename, contentType } = attachment.attributes\n  const iconName = getAttachmentIconName(contentType)\n  const fileTypeLabel = contentType === 'application/pdf' ? 'PDF' : 'file'\n\n  async function handleDownload() {\n    if (url) {\n      // Open link in the default web browser\n      Linking.openURL(url)\n    }\n  }\n\n  return (\n    <PlatformPressable\n      onPress={handleDownload}\n      onLongPress={() => !isDeleting && onMessageAttachmentLongPress(attachment)}\n      android_ripple={{ color: colors.androidRippleNeutral, foreground: true }}\n      accessibilityRole=\"link\"\n      accessibilityHint={`Press to open ${fileTypeLabel} in a browser. Long press for more options`}\n      disabled={isDeleting}\n    >\n      <AttachmentCard>\n        <View style={styles.container}>\n          <View style={styles.stack}>\n            <Icon name={iconName} style={styles.icon} />\n            <AttachmentCardTitle>{filename}</AttachmentCardTitle>\n          </View>\n        </View>\n        {isDeleting && <AttachmentDeletingOverlay />}\n      </AttachmentCard>\n    </PlatformPressable>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      gap: 4,\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n    },\n    stack: {\n      gap: 4,\n      flexDirection: 'row',\n      alignItems: 'center',\n    },\n    icon: {\n      color: colors.textColorDefaultPrimary,\n      fontSize: tokens.fontSizeMd,\n    },\n  })\n}\n"]}
+{"version":3,"file":"generic_file_attachment.js","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/generic_file_attachment.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { useTheme } from '../../../hooks'\nimport { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'\nimport { Linking, getAttachmentIconName } from '../../../utils'\nimport { tokens } from '../../../vendor/tapestry/tokens'\nimport { Icon } from '../../display'\nimport { AttachmentCard, AttachmentCardTitle } from './attachment_card'\nimport { AttachmentDeletingOverlay } from './attachment_deleting_overlay'\n\nexport function GenericFileAttachment({\n  attachment,\n  onMessageAttachmentLongPress,\n  isDeleting,\n}: {\n  attachment: DenormalizedMessageAttachmentResource\n  onMessageAttachmentLongPress: (attachment: DenormalizedMessageAttachmentResource) => void\n  isDeleting: boolean\n}) {\n  const styles = useStyles()\n  const { colors } = useTheme()\n\n  const { url, filename, contentType } = attachment.attributes\n  const iconName = getAttachmentIconName(contentType)\n  const fileTypeLabel = contentType === 'application/pdf' ? 'PDF' : 'file'\n\n  async function handleDownload() {\n    if (url) {\n      // Open link in the default web browser\n      Linking.openURL(url)\n    }\n  }\n\n  return (\n    <PlatformPressable\n      onPress={handleDownload}\n      onLongPress={() => !isDeleting && onMessageAttachmentLongPress(attachment)}\n      android_ripple={{ color: colors.androidRippleNeutral, foreground: true }}\n      accessibilityRole=\"link\"\n      accessibilityHint={`Press to open ${fileTypeLabel} in a browser. Long press for more options`}\n      disabled={isDeleting}\n    >\n      <AttachmentCard>\n        <View style={styles.container}>\n          <View style={styles.stack}>\n            <Icon name={iconName} style={styles.icon} />\n            <AttachmentCardTitle>{filename}</AttachmentCardTitle>\n          </View>\n        </View>\n        {isDeleting && <AttachmentDeletingOverlay />}\n      </AttachmentCard>\n    </PlatformPressable>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      gap: 4,\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n    },\n    stack: {\n      gap: 4,\n      flexDirection: 'row',\n      alignItems: 'center',\n    },\n    icon: {\n      color: colors.textColorDefaultPrimary,\n      fontSize: tokens.fontSizeMd,\n    },\n  })\n}\n"]}

package/build/components/conversation/attachments/giphy_attachment.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { DenormalizedGiphyAttachmentResource } from '../../../types/resources/denormalized_attachment_resource';
 export declare function GiphyAttachment({ attachment, onMessageLongPress, }: {
     attachment: DenormalizedGiphyAttachmentResource;
     onMessageLongPress: () => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 //# sourceMappingURL=giphy_attachment.d.ts.map

package/build/components/conversation/attachments/giphy_attachment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"giphy_attachment.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/giphy_attachment.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mCAAmC,EAAE,MAAM,2DAA2D,CAAA;AAK/G,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,kBAAkB,GACnB,EAAE;IACD,UAAU,EAAE,mCAAmC,CAAA;IAC/C,kBAAkB,EAAE,MAAM,IAAI,CAAA;CAC/B,2CAgCA"}
+{"version":3,"file":"giphy_attachment.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/giphy_attachment.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,mCAAmC,EAAE,MAAM,2DAA2D,CAAA;AAK/G,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,kBAAkB,GACnB,EAAE;IACD,UAAU,EAAE,mCAAmC,CAAA;IAC/C,kBAAkB,EAAE,MAAM,IAAI,CAAA;CAC/B,qBAgCA"}

package/build/components/conversation/attachments/giphy_attachment.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PlatformPressable } from '@react-navigation/elements';
+import React from 'react';
 import { Text, StyleSheet, Linking } from 'react-native';
 import { useTheme } from '../../../hooks';
 import { assertKeysAreNumbers } from '../../../utils';
@@ -17,7 +17,12 @@ export function GiphyAttachment({ attachment, onMessageLongPress, }) {
             Linking.openURL(titleLink);
         }
     }
-    return (_jsxs(PlatformPressable, { onPress: handlePress, onLongPress: onMessageLongPress, style: styles.container, android_ripple: { color: colors.androidRippleNeutral, foreground: true }, children: [_jsx(Image, { source: { uri: url }, wrapperStyle: styles.imageWrapper, style: styles.image, alt: title }), _jsxs(Text, { style: styles.link, children: [_jsx(Text, { style: styles.tag, children: "/giphy" }), " ", title] })] }));
+    return (<PlatformPressable onPress={handlePress} onLongPress={onMessageLongPress} style={styles.container} android_ripple={{ color: colors.androidRippleNeutral, foreground: true }}>
+      <Image source={{ uri: url }} wrapperStyle={styles.imageWrapper} style={styles.image} alt={title}/>
+      <Text style={styles.link}>
+        <Text style={styles.tag}>/giphy</Text> {title}
+      </Text>
+    </PlatformPressable>);
 }
 const useStyles = ({ imageWidth, imageHeight }) => {
     const { colors } = useTheme();

package/build/components/conversation/attachments/giphy_attachment.js.map

@@ -1 +1 @@
-{"version":3,"file":"giphy_attachment.js","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/giphy_attachment.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAE9D,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAErC,MAAM,UAAU,eAAe,CAAC,EAC9B,UAAU,EACV,kBAAkB,GAInB;IACC,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,UAAU,CAAA;IAC9C,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,UAAU,CAAA;IAChC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,oBAAoB,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;IAChE,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAA;IAEpE,SAAS,WAAW;QAClB,IAAI,SAAS,EAAE,CAAC;YACd,6CAA6C;YAC7C,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;QAC5B,CAAC;IACH,CAAC;IAED,OAAO,CACL,MAAC,iBAAiB,IAChB,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,kBAAkB,EAC/B,KAAK,EAAE,MAAM,CAAC,SAAS,EACvB,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,oBAAoB,EAAE,UAAU,EAAE,IAAI,EAAE,aAExE,KAAC,KAAK,IACJ,MAAM,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,EACpB,YAAY,EAAE,MAAM,CAAC,YAAY,EACjC,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,GAAG,EAAE,KAAK,GACV,EACF,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,aACtB,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,uBAAe,OAAE,KAAK,IACxC,IACW,CACrB,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,CAAC,EAAE,UAAU,EAAE,WAAW,EAA+C,EAAE,EAAE;IAC7F,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,GAAG,EAAE,CAAC;SACP;QACD,YAAY,EAAE;YACZ,KAAK,EAAE,MAAM;YACb,WAAW,EAAE,UAAU,GAAG,WAAW;SACtC;QACD,KAAK,EAAE;YACL,YAAY,EAAE,CAAC;SAChB;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,MAAM,CAAC,UAAU;YAC3B,KAAK,EAAE,MAAM,CAAC,WAAW;YACzB,iBAAiB,EAAE,CAAC;YACpB,eAAe,EAAE,CAAC;SACnB;QACD,GAAG,EAAE;YACH,UAAU,EAAE,MAAM;SACnB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport React from 'react'\nimport { Text, StyleSheet, Linking } from 'react-native'\nimport { useTheme } from '../../../hooks'\nimport { DenormalizedGiphyAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'\nimport { assertKeysAreNumbers } from '../../../utils'\nimport { tokens } from '../../../vendor/tapestry/tokens'\nimport { Image } from '../../display'\n\nexport function GiphyAttachment({\n  attachment,\n  onMessageLongPress,\n}: {\n  attachment: DenormalizedGiphyAttachmentResource\n  onMessageLongPress: () => void\n}) {\n  const { colors } = useTheme()\n  const { title, titleLink, giphy } = attachment\n  const { url } = giphy.fixedWidth\n  const { width, height } = assertKeysAreNumbers(giphy.fixedWidth)\n  const styles = useStyles({ imageWidth: width, imageHeight: height })\n\n  function handlePress() {\n    if (titleLink) {\n      // Open Giphy link in the default web browser\n      Linking.openURL(titleLink)\n    }\n  }\n\n  return (\n    <PlatformPressable\n      onPress={handlePress}\n      onLongPress={onMessageLongPress}\n      style={styles.container}\n      android_ripple={{ color: colors.androidRippleNeutral, foreground: true }}\n    >\n      <Image\n        source={{ uri: url }}\n        wrapperStyle={styles.imageWrapper}\n        style={styles.image}\n        alt={title}\n      />\n      <Text style={styles.link}>\n        <Text style={styles.tag}>/giphy</Text> {title}\n      </Text>\n    </PlatformPressable>\n  )\n}\n\nconst useStyles = ({ imageWidth, imageHeight }: { imageWidth: number; imageHeight: number }) => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    container: {\n      gap: 4,\n    },\n    imageWrapper: {\n      width: '100%',\n      aspectRatio: imageWidth / imageHeight,\n    },\n    image: {\n      borderRadius: 8,\n    },\n    link: {\n      fontSize: tokens.fontSizeSm,\n      color: colors.interaction,\n      paddingHorizontal: 8,\n      paddingVertical: 6,\n    },\n    tag: {\n      fontWeight: 'bold',\n    },\n  })\n}\n"]}
+{"version":3,"file":"giphy_attachment.js","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/giphy_attachment.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAErC,MAAM,UAAU,eAAe,CAAC,EAC9B,UAAU,EACV,kBAAkB,GAInB;IACC,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,UAAU,CAAA;IAC9C,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,UAAU,CAAA;IAChC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,oBAAoB,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;IAChE,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAA;IAEpE,SAAS,WAAW;QAClB,IAAI,SAAS,EAAE,CAAC;YACd,6CAA6C;YAC7C,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;QAC5B,CAAC;IACH,CAAC;IAED,OAAO,CACL,CAAC,iBAAiB,CAChB,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,WAAW,CAAC,CAAC,kBAAkB,CAAC,CAChC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CACxB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,oBAAoB,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAEzE;MAAA,CAAC,KAAK,CACJ,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CACrB,YAAY,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAClC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,GAAG,CAAC,CAAC,KAAK,CAAC,EAEb;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACvB;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,IAAI,CAAE,CAAA,CAAC,KAAK,CAC/C;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,iBAAiB,CAAC,CACrB,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,CAAC,EAAE,UAAU,EAAE,WAAW,EAA+C,EAAE,EAAE;IAC7F,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,GAAG,EAAE,CAAC;SACP;QACD,YAAY,EAAE;YACZ,KAAK,EAAE,MAAM;YACb,WAAW,EAAE,UAAU,GAAG,WAAW;SACtC;QACD,KAAK,EAAE;YACL,YAAY,EAAE,CAAC;SAChB;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,MAAM,CAAC,UAAU;YAC3B,KAAK,EAAE,MAAM,CAAC,WAAW;YACzB,iBAAiB,EAAE,CAAC;YACpB,eAAe,EAAE,CAAC;SACnB;QACD,GAAG,EAAE;YACH,UAAU,EAAE,MAAM;SACnB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport React from 'react'\nimport { Text, StyleSheet, Linking } from 'react-native'\nimport { useTheme } from '../../../hooks'\nimport { DenormalizedGiphyAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'\nimport { assertKeysAreNumbers } from '../../../utils'\nimport { tokens } from '../../../vendor/tapestry/tokens'\nimport { Image } from '../../display'\n\nexport function GiphyAttachment({\n  attachment,\n  onMessageLongPress,\n}: {\n  attachment: DenormalizedGiphyAttachmentResource\n  onMessageLongPress: () => void\n}) {\n  const { colors } = useTheme()\n  const { title, titleLink, giphy } = attachment\n  const { url } = giphy.fixedWidth\n  const { width, height } = assertKeysAreNumbers(giphy.fixedWidth)\n  const styles = useStyles({ imageWidth: width, imageHeight: height })\n\n  function handlePress() {\n    if (titleLink) {\n      // Open Giphy link in the default web browser\n      Linking.openURL(titleLink)\n    }\n  }\n\n  return (\n    <PlatformPressable\n      onPress={handlePress}\n      onLongPress={onMessageLongPress}\n      style={styles.container}\n      android_ripple={{ color: colors.androidRippleNeutral, foreground: true }}\n    >\n      <Image\n        source={{ uri: url }}\n        wrapperStyle={styles.imageWrapper}\n        style={styles.image}\n        alt={title}\n      />\n      <Text style={styles.link}>\n        <Text style={styles.tag}>/giphy</Text> {title}\n      </Text>\n    </PlatformPressable>\n  )\n}\n\nconst useStyles = ({ imageWidth, imageHeight }: { imageWidth: number; imageHeight: number }) => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    container: {\n      gap: 4,\n    },\n    imageWrapper: {\n      width: '100%',\n      aspectRatio: imageWidth / imageHeight,\n    },\n    image: {\n      borderRadius: 8,\n    },\n    link: {\n      fontSize: tokens.fontSizeSm,\n      color: colors.interaction,\n      paddingHorizontal: 8,\n      paddingVertical: 6,\n    },\n    tag: {\n      fontWeight: 'bold',\n    },\n  })\n}\n"]}

package/build/components/conversation/attachments/image_attachment.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource';
 export type MetaProps = {
     authorName: string;
@@ -10,5 +11,5 @@ export declare function ImageAttachment({ attachment, imageAttachments, currentI
     metaProps: MetaProps;
     onMessageAttachmentLongPress: (attachment: DenormalizedMessageAttachmentResource) => void;
     isDeleting: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 //# sourceMappingURL=image_attachment.d.ts.map

package/build/components/conversation/attachments/image_attachment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image_attachment.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/image_attachment.tsx"],"names":[],"mappings":"AA+BA,OAAO,EAAE,qCAAqC,EAAE,MAAM,2DAA2D,CAAA;AAyBjH,MAAM,MAAM,SAAS,GAAG;IACtB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,SAAS,EACT,4BAA4B,EAC5B,UAAU,GACX,EAAE;IACD,UAAU,EAAE,qCAAqC,CAAA;IACjD,gBAAgB,EAAE,qCAAqC,EAAE,CAAA;IACzD,iBAAiB,EAAE,MAAM,CAAA;IACzB,SAAS,EAAE,SAAS,CAAA;IACpB,4BAA4B,EAAE,CAAC,UAAU,EAAE,qCAAqC,KAAK,IAAI,CAAA;IACzF,UAAU,EAAE,OAAO,CAAA;CACpB,2CA6CA"}
+{"version":3,"file":"image_attachment.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/image_attachment.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2E,MAAM,OAAO,CAAA;AA6B/F,OAAO,EAAE,qCAAqC,EAAE,MAAM,2DAA2D,CAAA;AAyBjH,MAAM,MAAM,SAAS,GAAG;IACtB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,SAAS,EACT,4BAA4B,EAC5B,UAAU,GACX,EAAE;IACD,UAAU,EAAE,qCAAqC,CAAA;IACjD,gBAAgB,EAAE,qCAAqC,EAAE,CAAA;IACzD,iBAAiB,EAAE,MAAM,CAAA;IACzB,SAAS,EAAE,SAAS,CAAA;IACpB,4BAA4B,EAAE,CAAC,UAAU,EAAE,qCAAqC,KAAK,IAAI,CAAA;IACzF,UAAU,EAAE,OAAO,CAAA;CACpB,qBA6CA"}