@planningcenter/chat-react-native 3.1.0-rc.8 → 3.1.0

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

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

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

@@ -0,0 +1 @@
+{"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;AAM/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

@@ -0,0 +1,35 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { MESSAGE_ATTACHMENT_WIDTH_SINGLE } from './constants';
+import { Text } from '../../display';
+import { tokens } from '../../../vendor/tapestry/tokens';
+import { useTheme } from '../../../hooks';
+export function AttachmentCard({ children, ...props }) {
+    const styles = useStyles();
+    return (<View style={styles.card} {...props}>
+      {children}
+    </View>);
+}
+export function AttachmentCardTitle({ children }) {
+    const styles = useStyles();
+    return (<Text style={styles.title} numberOfLines={1} ellipsizeMode="tail" selectable={false}>
+      {children}
+    </Text>);
+}
+const useStyles = () => {
+    const { colors } = useTheme();
+    return StyleSheet.create({
+        card: {
+            padding: 4,
+            backgroundColor: 'white',
+            borderRadius: 8,
+            minWidth: MESSAGE_ATTACHMENT_WIDTH_SINGLE,
+            minHeight: 48,
+        },
+        title: {
+            color: colors.textColorDefaultPrimary,
+            fontSize: tokens.fontSizeSm,
+        },
+    });
+};
+//# sourceMappingURL=attachment_card.js.map

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

@@ -0,0 +1 @@
+{"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,+BAA+B,EAAE,MAAM,aAAa,CAAA;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAIzC,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,aAAa,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAClF;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,OAAO;YACxB,YAAY,EAAE,CAAC;YACf,QAAQ,EAAE,+BAA+B;YACzC,SAAS,EAAE,EAAE;SACd;QACD,KAAK,EAAE;YACL,KAAK,EAAE,MAAM,CAAC,uBAAuB;YACrC,QAAQ,EAAE,MAAM,CAAC,UAAU;SAC5B;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React, { ComponentProps, ReactNode } from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { MESSAGE_ATTACHMENT_WIDTH_SINGLE } from './constants'\nimport { Text } from '../../display'\nimport { tokens } from '../../../vendor/tapestry/tokens'\nimport { useTheme } from '../../../hooks'\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} ellipsizeMode=\"tail\" selectable={false}>\n      {children}\n    </Text>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    card: {\n      padding: 4,\n      backgroundColor: 'white',\n      borderRadius: 8,\n      minWidth: MESSAGE_ATTACHMENT_WIDTH_SINGLE,\n      minHeight: 48,\n    },\n    title: {\n      color: colors.textColorDefaultPrimary,\n      fontSize: tokens.fontSizeSm,\n    },\n  })\n}\n"]}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource';
+export declare function AudioAttachment({ attachment, }: {
+    attachment: DenormalizedMessageAttachmentResource;
+}): React.JSX.Element;
+//# sourceMappingURL=audio_attachment.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"audio_attachment.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/audio_attachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,qCAAqC,EAAE,MAAM,2DAA2D,CAAA;AAOjH,wBAAgB,eAAe,CAAC,EAC9B,UAAU,GACX,EAAE;IACD,UAAU,EAAE,qCAAqC,CAAA;CAClD,qBA6CA"}

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

@@ -0,0 +1,84 @@
+import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { IconButton } from '../../display';
+import { AttachmentCard, AttachmentCardTitle } from './attachment_card';
+import { tokens } from '../../../vendor/tapestry/tokens';
+import { useTheme } from '../../../hooks';
+import { Audio } from '../../../utils/native_adapters';
+export function AudioAttachment({ attachment, }) {
+    const styles = useStyles();
+    const { attributes } = attachment;
+    const { url, filename } = attributes;
+    const sound = Audio.useAudio(url);
+    function toggleAudio() {
+        if (!sound.isPlaying) {
+            sound.play();
+        }
+        else {
+            sound.pause();
+        }
+    }
+    const progress = sound.duration > 0 ? sound.position / sound.duration : 0;
+    function durationText() {
+        if (sound.duration > 0) {
+            return `${Math.floor(sound.position / 1000)}s / ${Math.floor(sound.duration / 1000)}s`;
+        }
+        else {
+            return 'Loading...';
+        }
+    }
+    return (<AttachmentCard>
+      <View style={styles.container}>
+        <IconButton name={sound.isPlaying ? 'services.pause' : 'services.play'} size="md" accessibilityLabel={sound.isPlaying ? 'Pause' : 'Play'} onPress={toggleAudio} disabled={!sound} style={styles.button}/>
+        <View style={styles.details}>
+          <AttachmentCardTitle>{filename}</AttachmentCardTitle>
+          <View style={styles.progressContainer}>
+            <View style={[styles.progressBar, { width: `${progress * 100}%` }]}/>
+          </View>
+          <Text style={styles.durationText}>{durationText()}</Text>
+        </View>
+      </View>
+    </AttachmentCard>);
+}
+const useStyles = () => {
+    const { colors } = useTheme();
+    return StyleSheet.create({
+        container: {
+            flexDirection: 'row',
+        },
+        button: {
+            width: 42,
+            height: 42,
+            justifyContent: 'center',
+            alignItems: 'center',
+            borderRadius: 25,
+            backgroundColor: '#eee',
+            borderColor: '#aaa',
+            borderWidth: 1,
+        },
+        buttonText: {
+            fontSize: 32,
+            lineHeight: 32,
+        },
+        details: {
+            flex: 1,
+            marginLeft: 10,
+            gap: 5,
+        },
+        progressContainer: {
+            height: 5,
+            backgroundColor: '#ccc',
+            borderRadius: 2.5,
+            overflow: 'hidden',
+        },
+        progressBar: {
+            height: '100%',
+            backgroundColor: 'blue',
+        },
+        durationText: {
+            fontSize: tokens.fontSizeXs,
+            color: colors.textColorDefaultSecondary,
+        },
+    });
+};
+//# sourceMappingURL=audio_attachment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"audio_attachment.js","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/audio_attachment.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { View, Text, StyleSheet } from 'react-native'\nimport { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'\nimport { IconButton } from '../../display'\nimport { AttachmentCard, AttachmentCardTitle } from './attachment_card'\nimport { tokens } from '../../../vendor/tapestry/tokens'\nimport { useTheme } from '../../../hooks'\nimport { Audio } from '../../../utils/native_adapters'\n\nexport function AudioAttachment({\n  attachment,\n}: {\n  attachment: DenormalizedMessageAttachmentResource\n}) {\n  const styles = useStyles()\n  const { attributes } = attachment\n  const { url, filename } = attributes\n  const sound = Audio.useAudio(url)\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  function durationText() {\n    if (sound.duration > 0) {\n      return `${Math.floor(sound.position / 1000)}s / ${Math.floor(sound.duration / 1000)}s`\n    } else {\n      return 'Loading...'\n    }\n  }\n\n  return (\n    <AttachmentCard>\n      <View style={styles.container}>\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}\n          style={styles.button}\n        />\n        <View style={styles.details}>\n          <AttachmentCardTitle>{filename}</AttachmentCardTitle>\n          <View style={styles.progressContainer}>\n            <View style={[styles.progressBar, { width: `${progress * 100}%` }]} />\n          </View>\n          <Text style={styles.durationText}>{durationText()}</Text>\n        </View>\n      </View>\n    </AttachmentCard>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      flexDirection: 'row',\n    },\n    button: {\n      width: 42,\n      height: 42,\n      justifyContent: 'center',\n      alignItems: 'center',\n      borderRadius: 25,\n      backgroundColor: '#eee',\n      borderColor: '#aaa',\n      borderWidth: 1,\n    },\n    buttonText: {\n      fontSize: 32,\n      lineHeight: 32,\n    },\n    details: {\n      flex: 1,\n      marginLeft: 10,\n      gap: 5,\n    },\n    progressContainer: {\n      height: 5,\n      backgroundColor: '#ccc',\n      borderRadius: 2.5,\n      overflow: 'hidden',\n    },\n    progressBar: {\n      height: '100%',\n      backgroundColor: 'blue',\n    },\n    durationText: {\n      fontSize: tokens.fontSizeXs,\n      color: colors.textColorDefaultSecondary,\n    },\n  })\n}\n"]}

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

@@ -0,0 +1,3 @@
+export declare const MESSAGE_BUBBLE_WIDTH_SINGLE = 232;
+export declare const MESSAGE_ATTACHMENT_WIDTH_SINGLE: number;
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,2BAA2B,MAAM,CAAA;AAC9C,eAAO,MAAM,+BAA+B,QACyB,CAAA"}

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

@@ -0,0 +1,4 @@
+const MESSAGE_BUBBLE_ATTACHMENT_PADDING = 2;
+export const MESSAGE_BUBBLE_WIDTH_SINGLE = 232;
+export const MESSAGE_ATTACHMENT_WIDTH_SINGLE = MESSAGE_BUBBLE_WIDTH_SINGLE - MESSAGE_BUBBLE_ATTACHMENT_PADDING * 2;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/constants.ts"],"names":[],"mappings":"AAAA,MAAM,iCAAiC,GAAG,CAAC,CAAA;AAE3C,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,CAAA;AAC9C,MAAM,CAAC,MAAM,+BAA+B,GAC1C,2BAA2B,GAAG,iCAAiC,GAAG,CAAC,CAAA","sourcesContent":["const MESSAGE_BUBBLE_ATTACHMENT_PADDING = 2\n\nexport const MESSAGE_BUBBLE_WIDTH_SINGLE = 232\nexport const MESSAGE_ATTACHMENT_WIDTH_SINGLE =\n  MESSAGE_BUBBLE_WIDTH_SINGLE - MESSAGE_BUBBLE_ATTACHMENT_PADDING * 2\n"]}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+interface DownloadAttachmentButtonProps {
+    to: string;
+    filename: string;
+    title: string;
+}
+export declare function DownloadAttachmentButton({ to, title }: DownloadAttachmentButtonProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=download_attachment_button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"download_attachment_button.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/download_attachment_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,UAAU,6BAA6B;IACrC,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,wBAAwB,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,6BAA6B,qBAkBpF"}

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import { IconButton } from '../../display';
+import { useTheme } from '../../../hooks';
+import { Linking, StyleSheet } from 'react-native';
+export function DownloadAttachmentButton({ to, title }) {
+    const styles = useStyles();
+    async function handleDownload() {
+        if (to) {
+            // Open link in the default web browser
+            Linking.openURL(to);
+        }
+    }
+    return (<IconButton name="general.fromCloudArrow" size="md" accessibilityLabel={title} onPress={handleDownload} style={styles.iconButton}/>);
+}
+const useStyles = () => {
+    const { colors } = useTheme();
+    return StyleSheet.create({
+        iconButton: {
+            color: colors.fillColorInteractionDefault,
+            backgroundColor: colors.fillColorNeutral070,
+            borderWidth: 1,
+            borderColor: colors.fillColorNeutral060,
+            borderRadius: 4,
+            width: 24,
+            height: 24,
+        },
+    });
+};
+//# sourceMappingURL=download_attachment_button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"download_attachment_button.js","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/download_attachment_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAQlD,MAAM,UAAU,wBAAwB,CAAC,EAAE,EAAE,EAAE,KAAK,EAAiC;IACnF,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,KAAK,UAAU,cAAc;QAC3B,IAAI,EAAE,EAAE,CAAC;YACP,uCAAuC;YACvC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QACrB,CAAC;IACH,CAAC;IAED,OAAO,CACL,CAAC,UAAU,CACT,IAAI,CAAC,wBAAwB,CAC7B,IAAI,CAAC,IAAI,CACT,kBAAkB,CAAC,CAAC,KAAK,CAAC,CAC1B,OAAO,CAAC,CAAC,cAAc,CAAC,CACxB,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,EACzB,CACH,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,UAAU,EAAE;YACV,KAAK,EAAE,MAAM,CAAC,2BAA2B;YACzC,eAAe,EAAE,MAAM,CAAC,mBAAmB;YAC3C,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,MAAM,CAAC,mBAAmB;YACvC,YAAY,EAAE,CAAC;YACf,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;SACX;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { IconButton } from '../../display'\nimport { useTheme } from '../../../hooks'\nimport { Linking, StyleSheet } from 'react-native'\n\ninterface DownloadAttachmentButtonProps {\n  to: string\n  filename: string\n  title: string\n}\n\nexport function DownloadAttachmentButton({ to, title }: DownloadAttachmentButtonProps) {\n  const styles = useStyles()\n  async function handleDownload() {\n    if (to) {\n      // Open link in the default web browser\n      Linking.openURL(to)\n    }\n  }\n\n  return (\n    <IconButton\n      name=\"general.fromCloudArrow\"\n      size=\"md\"\n      accessibilityLabel={title}\n      onPress={handleDownload}\n      style={styles.iconButton}\n    />\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    iconButton: {\n      color: colors.fillColorInteractionDefault,\n      backgroundColor: colors.fillColorNeutral070,\n      borderWidth: 1,\n      borderColor: colors.fillColorNeutral060,\n      borderRadius: 4,\n      width: 24,\n      height: 24,\n    },\n  })\n}\n"]}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare function ExpandedLink({ attachment }: {
+    attachment: any;
+}): React.JSX.Element;
+//# sourceMappingURL=expanded_link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"expanded_link.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/expanded_link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,wBAAgB,YAAY,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,EAAE,GAAG,CAAA;CAAE,qBAwB/D"}

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

@@ -0,0 +1,44 @@
+import React from 'react';
+import { Image, Linking, Pressable, StyleSheet, Text, View } from 'react-native';
+import { useTheme } from '../../../hooks';
+import { tokens } from '../../../vendor/tapestry/tokens';
+export function ExpandedLink({ attachment }) {
+    const styles = useStyles();
+    const { attributes } = attachment;
+    const { url, title, description, imageUrl, imageHeight, imageWidth } = attributes;
+    const aspectRatio = imageWidth && imageHeight ? imageWidth / imageHeight : 1;
+    async function openUrl() {
+        if (url)
+            Linking.openURL(url);
+    }
+    return (<Pressable style={styles.container} onPress={openUrl}>
+      {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>)}
+    </Pressable>);
+}
+const useStyles = () => {
+    const { colors } = useTheme();
+    return StyleSheet.create({
+        container: {},
+        image: {
+            borderRadius: 8,
+        },
+        textWrapper: {
+            gap: 4,
+            padding: 8,
+        },
+        title: {
+            fontSize: tokens.fontSizeSm,
+            fontWeight: tokens.fontWeightMedium,
+            color: colors.textColorDefaultPrimary,
+        },
+        description: {
+            fontSize: tokens.fontSizeXs,
+            color: colors.textColorDefaultPrimary,
+        },
+    });
+};
+//# sourceMappingURL=expanded_link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"expanded_link.js","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/expanded_link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AAExD,MAAM,UAAU,YAAY,CAAC,EAAE,UAAU,EAAuB;IAC9D,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,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,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CACnD;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,SAAS,CAAC,CACb,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;SAChB;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 React from 'react'\nimport { Image, Linking, Pressable, StyleSheet, Text, View } from 'react-native'\nimport { useTheme } from '../../../hooks'\nimport { tokens } from '../../../vendor/tapestry/tokens'\n\nexport function ExpandedLink({ attachment }: { attachment: any }) {\n  const styles = useStyles()\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    <Pressable style={styles.container} onPress={openUrl}>\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    </Pressable>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {},\n    image: {\n      borderRadius: 8,\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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource';
+export declare function GenericFileAttachment({ attachment, }: {
+    attachment: DenormalizedMessageAttachmentResource;
+}): React.JSX.Element;
+export declare function getAttachmentIconName(type: string): "general.outlinedImageFile" | "general.outlinedVideoFile" | "general.outlinedMusicFile" | "general.outlinedPdfFile" | "general.outlinedGenericFile";
+//# sourceMappingURL=generic_file_attachment.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"generic_file_attachment.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/generic_file_attachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,qCAAqC,EAAE,MAAM,2DAA2D,CAAA;AAMjH,wBAAgB,qBAAqB,CAAC,EACpC,UAAU,GACX,EAAE;IACD,UAAU,EAAE,qCAAqC,CAAA;CAClD,qBAuBA;AA4BD,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,uJAWjD"}

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

@@ -0,0 +1,63 @@
+import React from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { AttachmentCard, AttachmentCardTitle } from './attachment_card';
+import { Icon } from '../../display';
+import { DownloadAttachmentButton } from './download_attachment_button';
+import { useTheme } from '../../../hooks';
+export function GenericFileAttachment({ attachment, }) {
+    const styles = useStyles();
+    const { url, filename, contentType } = attachment.attributes;
+    const iconName = getAttachmentIconName(contentType);
+    const fileTypeLabel = contentType === 'application/pdf' ? 'PDF' : 'file';
+    return (<Pressable>
+      <AttachmentCard>
+        <View style={styles.container}>
+          <View style={styles.stack}>
+            <Icon name={iconName}/>
+            <AttachmentCardTitle>{filename}</AttachmentCardTitle>
+          </View>
+          <DownloadAttachmentButton to={url} filename={filename} title={`Download ${fileTypeLabel}`}/>
+        </View>
+      </AttachmentCard>
+    </Pressable>);
+}
+const useStyles = () => {
+    const { colors } = useTheme();
+    return StyleSheet.create({
+        container: {
+            padding: 8,
+            gap: 4,
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            minHeight: 48,
+        },
+        stack: {
+            gap: 4,
+            flexDirection: 'row',
+            alignItems: 'center',
+            maxWidth: '70%',
+        },
+        icon: {
+            color: colors.textColorDefaultPrimary,
+            width: 24,
+            height: 24,
+        },
+    });
+};
+export function getAttachmentIconName(type) {
+    const isImage = type.startsWith('image/');
+    const isVideo = type.startsWith('video/');
+    const isAudio = type.startsWith('audio/');
+    const isPdf = type === 'application/pdf';
+    if (isImage)
+        return 'general.outlinedImageFile';
+    if (isVideo)
+        return 'general.outlinedVideoFile';
+    if (isAudio)
+        return 'general.outlinedMusicFile';
+    if (isPdf)
+        return 'general.outlinedPdfFile';
+    return 'general.outlinedGenericFile';
+}
+//# sourceMappingURL=generic_file_attachment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"generic_file_attachment.js","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/generic_file_attachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE1D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AACvE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAA;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,MAAM,UAAU,qBAAqB,CAAC,EACpC,UAAU,GAGX;IACC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,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,OAAO,CACL,CAAC,SAAS,CACR;MAAA,CAAC,cAAc,CACb;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACxB;YAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,EACrB;YAAA,CAAC,mBAAmB,CAAC,CAAC,QAAQ,CAAC,EAAE,mBAAmB,CACtD;UAAA,EAAE,IAAI,CACN;UAAA,CAAC,wBAAwB,CACvB,EAAE,CAAC,CAAC,GAAG,CAAC,CACR,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,KAAK,CAAC,CAAC,YAAY,aAAa,EAAE,CAAC,EAEvC;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,cAAc,CAClB;IAAA,EAAE,SAAS,CAAC,CACb,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,OAAO,EAAE,CAAC;YACV,GAAG,EAAE,CAAC;YACN,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,eAAe;YAC/B,SAAS,EAAE,EAAE;SACd;QACD,KAAK,EAAE;YACL,GAAG,EAAE,CAAC;YACN,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,QAAQ,EAAE,KAAK;SAChB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM,CAAC,uBAAuB;YACrC,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;SACX;KACF,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,UAAU,qBAAqB,CAAC,IAAY;IAChD,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAA;IACzC,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAA;IACzC,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAA;IACzC,MAAM,KAAK,GAAG,IAAI,KAAK,iBAAiB,CAAA;IAExC,IAAI,OAAO;QAAE,OAAO,2BAA2B,CAAA;IAC/C,IAAI,OAAO;QAAE,OAAO,2BAA2B,CAAA;IAC/C,IAAI,OAAO;QAAE,OAAO,2BAA2B,CAAA;IAC/C,IAAI,KAAK;QAAE,OAAO,yBAAyB,CAAA;IAC3C,OAAO,6BAA6B,CAAA;AACtC,CAAC","sourcesContent":["import React from 'react'\nimport { Pressable, StyleSheet, View } from 'react-native'\nimport { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'\nimport { AttachmentCard, AttachmentCardTitle } from './attachment_card'\nimport { Icon } from '../../display'\nimport { DownloadAttachmentButton } from './download_attachment_button'\nimport { useTheme } from '../../../hooks'\n\nexport function GenericFileAttachment({\n  attachment,\n}: {\n  attachment: DenormalizedMessageAttachmentResource\n}) {\n  const styles = useStyles()\n  const { url, filename, contentType } = attachment.attributes\n  const iconName = getAttachmentIconName(contentType)\n  const fileTypeLabel = contentType === 'application/pdf' ? 'PDF' : 'file'\n\n  return (\n    <Pressable>\n      <AttachmentCard>\n        <View style={styles.container}>\n          <View style={styles.stack}>\n            <Icon name={iconName} />\n            <AttachmentCardTitle>{filename}</AttachmentCardTitle>\n          </View>\n          <DownloadAttachmentButton\n            to={url}\n            filename={filename}\n            title={`Download ${fileTypeLabel}`}\n          />\n        </View>\n      </AttachmentCard>\n    </Pressable>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    container: {\n      padding: 8,\n      gap: 4,\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      minHeight: 48,\n    },\n    stack: {\n      gap: 4,\n      flexDirection: 'row',\n      alignItems: 'center',\n      maxWidth: '70%',\n    },\n    icon: {\n      color: colors.textColorDefaultPrimary,\n      width: 24,\n      height: 24,\n    },\n  })\n}\n\nexport function getAttachmentIconName(type: string) {\n  const isImage = type.startsWith('image/')\n  const isVideo = type.startsWith('video/')\n  const isAudio = type.startsWith('audio/')\n  const isPdf = type === 'application/pdf'\n\n  if (isImage) return 'general.outlinedImageFile'\n  if (isVideo) return 'general.outlinedVideoFile'\n  if (isAudio) return 'general.outlinedMusicFile'\n  if (isPdf) return 'general.outlinedPdfFile'\n  return 'general.outlinedGenericFile'\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"giphy_attachment.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/giphy_attachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,mCAAmC,EAAE,MAAM,2DAA2D,CAAA;AAE/G,wBAAgB,eAAe,CAAC,EAC9B,UAAU,GACX,EAAE;IACD,UAAU,EAAE,mCAAmC,CAAA;CAChD,qBAwBA"}

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

@@ -0,0 +1,42 @@
+import React from 'react';
+import { Text, Image, StyleSheet, Linking, Pressable } from 'react-native';
+import { tokens } from '../../../vendor/tapestry/tokens';
+import { useTheme } from '../../../hooks';
+export function GiphyAttachment({ attachment, }) {
+    const styles = useStyles();
+    const { title, titleLink, giphy } = attachment;
+    const { url, width, height } = giphy.fixedWidth;
+    function handlePress() {
+        if (titleLink) {
+            // Open Giphy link in the default web browser
+            Linking.openURL(titleLink);
+        }
+    }
+    return (<Pressable onPress={handlePress} style={styles.container}>
+      <Image source={{ uri: url }} style={[styles.image, { width, height }]} accessibilityLabel={title}/>
+      <Text style={styles.link}>
+        <Text style={styles.tag}>/giphy</Text> {title}
+      </Text>
+    </Pressable>);
+}
+const useStyles = () => {
+    const { colors } = useTheme();
+    return StyleSheet.create({
+        container: {
+            gap: 4,
+        },
+        image: {
+            borderRadius: 8,
+        },
+        link: {
+            fontSize: tokens.fontSizeSm,
+            color: colors.fillColorInteractionDefault,
+            paddingHorizontal: 8,
+            paddingVertical: 6,
+        },
+        tag: {
+            fontWeight: 'bold',
+        },
+    });
+};
+//# sourceMappingURL=giphy_attachment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"giphy_attachment.js","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/giphy_attachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAC1E,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAGzC,MAAM,UAAU,eAAe,CAAC,EAC9B,UAAU,GAGX;IACC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,UAAU,CAAA;IAC9C,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,UAAU,CAAA;IAE/C,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,SAAS,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CACvD;MAAA,CAAC,KAAK,CACJ,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CACrB,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CACzC,kBAAkB,CAAC,CAAC,KAAK,CAAC,EAE5B;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,SAAS,CAAC,CACb,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,GAAG,EAAE,CAAC;SACP;QACD,KAAK,EAAE;YACL,YAAY,EAAE,CAAC;SAChB;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,MAAM,CAAC,UAAU;YAC3B,KAAK,EAAE,MAAM,CAAC,2BAA2B;YACzC,iBAAiB,EAAE,CAAC;YACpB,eAAe,EAAE,CAAC;SACnB;QACD,GAAG,EAAE;YACH,UAAU,EAAE,MAAM;SACnB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { Text, Image, StyleSheet, Linking, Pressable } from 'react-native'\nimport { tokens } from '../../../vendor/tapestry/tokens'\nimport { useTheme } from '../../../hooks'\nimport { DenormalizedGiphyAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'\n\nexport function GiphyAttachment({\n  attachment,\n}: {\n  attachment: DenormalizedGiphyAttachmentResource\n}) {\n  const styles = useStyles()\n  const { title, titleLink, giphy } = attachment\n  const { url, width, height } = giphy.fixedWidth\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    <Pressable onPress={handlePress} style={styles.container}>\n      <Image\n        source={{ uri: url }}\n        style={[styles.image, { width, height }]}\n        accessibilityLabel={title}\n      />\n      <Text style={styles.link}>\n        <Text style={styles.tag}>/giphy</Text> {title}\n      </Text>\n    </Pressable>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    container: {\n      gap: 4,\n    },\n    image: {\n      borderRadius: 8,\n    },\n    link: {\n      fontSize: tokens.fontSizeSm,\n      color: colors.fillColorInteractionDefault,\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

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare function ImageAttachment({ attachment }: {
+    attachment: any;
+}): React.JSX.Element;
+//# sourceMappingURL=image_attachment.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image_attachment.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/image_attachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,wBAAgB,eAAe,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,EAAE,GAAG,CAAA;CAAE,qBAelE"}

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { View, Image, StyleSheet } from 'react-native';
+export function ImageAttachment({ attachment }) {
+    const styles = useStyles();
+    const { attributes } = attachment;
+    const { url, urlMedium, filename, metadata = {} } = attributes;
+    const width = metadata.width || 100;
+    const height = metadata.height || 100;
+    return (<View style={styles.container}>
+      <Image source={{ uri: urlMedium || url }} style={[styles.image, { aspectRatio: width / height }]} accessibilityLabel={filename}/>
+    </View>);
+}
+const useStyles = () => {
+    return StyleSheet.create({
+        container: {
+            maxWidth: '100%',
+        },
+        image: {
+            borderRadius: 8,
+            minWidth: 200,
+        },
+    });
+};
+//# sourceMappingURL=image_attachment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image_attachment.js","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/image_attachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEtD,MAAM,UAAU,eAAe,CAAC,EAAE,UAAU,EAAuB;IACjE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAA;IACjC,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,UAAU,CAAA;IAC9D,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,IAAI,GAAG,CAAA;IACnC,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,IAAI,GAAG,CAAA;IACrC,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,KAAK,CACJ,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,SAAS,IAAI,GAAG,EAAE,CAAC,CAClC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,GAAG,MAAM,EAAE,CAAC,CAAC,CACvD,kBAAkB,CAAC,CAAC,QAAQ,CAAC,EAEjC;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,QAAQ,EAAE,MAAM;SACjB;QACD,KAAK,EAAE;YACL,YAAY,EAAE,CAAC;YACf,QAAQ,EAAE,GAAG;SACd;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { View, Image, StyleSheet } from 'react-native'\n\nexport function ImageAttachment({ attachment }: { attachment: any }) {\n  const styles = useStyles()\n  const { attributes } = attachment\n  const { url, urlMedium, filename, metadata = {} } = attributes\n  const width = metadata.width || 100\n  const height = metadata.height || 100\n  return (\n    <View style={styles.container}>\n      <Image\n        source={{ uri: urlMedium || url }}\n        style={[styles.image, { aspectRatio: width / height }]}\n        accessibilityLabel={filename}\n      />\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  return StyleSheet.create({\n    container: {\n      maxWidth: '100%',\n    },\n    image: {\n      borderRadius: 8,\n      minWidth: 200,\n    },\n  })\n}\n"]}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource';
+export declare function VideoAttachment({ attachment, }: {
+    attachment: DenormalizedMessageAttachmentResource;
+}): React.JSX.Element;
+//# sourceMappingURL=video_attachment.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"video_attachment.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/video_attachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAE/C,OAAO,EAAE,qCAAqC,EAAE,MAAM,2DAA2D,CAAA;AAKjH,wBAAgB,eAAe,CAAC,EAC9B,UAAU,GACX,EAAE;IACD,UAAU,EAAE,qCAAqC,CAAA;CAClD,qBAgDA"}

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

@@ -0,0 +1,64 @@
+import React, { useRef, useState } from 'react';
+import { View, StyleSheet, Pressable } from 'react-native';
+import { MESSAGE_ATTACHMENT_WIDTH_SINGLE } from './constants';
+import { IconButton } from '../../display';
+import { Video } from '../../../utils/native_adapters';
+export function VideoAttachment({ attachment, }) {
+    const { attributes } = attachment;
+    const { width = MESSAGE_ATTACHMENT_WIDTH_SINGLE, height = MESSAGE_ATTACHMENT_WIDTH_SINGLE } = attributes.metadata || {};
+    const { url } = attributes;
+    const videoRef = useRef(null);
+    const [isOpen, setIsOpen] = useState(false);
+    function openVideo() {
+        if (!isOpen && videoRef.current) {
+            videoRef.current.presentFullscreenPlayer();
+            videoRef.current.play();
+            setIsOpen(true);
+        }
+    }
+    function onFullscreenPlayerWillDismiss() {
+        videoRef.current?.pause();
+        setIsOpen(false);
+    }
+    const viewRef = useRef(null);
+    return (<View style={styles.container} ref={viewRef}>
+      <Pressable onPress={openVideo}>
+        <Video.Player ref={videoRef} source={{ uri: url }} aspectRatio={width / height} style={styles.video} onFullscreenPlayerWillDismiss={onFullscreenPlayerWillDismiss}/>
+        {!isOpen && (<View style={styles.playButtonWrapper}>
+            <IconButton name="services.play" size="md" accessibilityLabel="Play Video" onPress={openVideo} style={styles.button}/>
+          </View>)}
+      </Pressable>
+    </View>);
+}
+const styles = StyleSheet.create({
+    container: {
+        maxWidth: 320,
+        maxHeight: 320,
+    },
+    video: {
+        width: '100%',
+        height: 'auto',
+        backgroundColor: 'black',
+        borderRadius: 8,
+    },
+    playButtonWrapper: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    button: {
+        width: 42,
+        height: 42,
+        justifyContent: 'center',
+        alignItems: 'center',
+        borderRadius: 25,
+        backgroundColor: '#eee',
+        borderColor: '#aaa',
+        borderWidth: 1,
+    },
+});
+//# sourceMappingURL=video_attachment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"video_attachment.js","sourceRoot":"","sources":["../../../../src/components/conversation/attachments/video_attachment.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useRef, useState } from 'react'\nimport { View, StyleSheet, Pressable } from 'react-native'\nimport { DenormalizedMessageAttachmentResource } from '../../../types/resources/denormalized_attachment_resource'\nimport { MESSAGE_ATTACHMENT_WIDTH_SINGLE } from './constants'\nimport { IconButton } from '../../display'\nimport { Video, VideoPlayerHandle } from '../../../utils/native_adapters'\n\nexport function VideoAttachment({\n  attachment,\n}: {\n  attachment: DenormalizedMessageAttachmentResource\n}) {\n  const { attributes } = attachment\n  const { width = MESSAGE_ATTACHMENT_WIDTH_SINGLE, height = MESSAGE_ATTACHMENT_WIDTH_SINGLE } =\n    attributes.metadata || {}\n  const { url } = attributes\n\n  const videoRef = useRef<VideoPlayerHandle>(null)\n  const [isOpen, setIsOpen] = useState(false)\n\n  function openVideo() {\n    if (!isOpen && videoRef.current) {\n      videoRef.current.presentFullscreenPlayer()\n      videoRef.current.play()\n      setIsOpen(true)\n    }\n  }\n\n  function onFullscreenPlayerWillDismiss() {\n    videoRef.current?.pause()\n    setIsOpen(false)\n  }\n\n  const viewRef = useRef<View>(null)\n\n  return (\n    <View style={styles.container} ref={viewRef}>\n      <Pressable onPress={openVideo}>\n        <Video.Player\n          ref={videoRef}\n          source={{ uri: url }}\n          aspectRatio={width / height}\n          style={styles.video}\n          onFullscreenPlayerWillDismiss={onFullscreenPlayerWillDismiss}\n        />\n        {!isOpen && (\n          <View style={styles.playButtonWrapper}>\n            <IconButton\n              name=\"services.play\"\n              size=\"md\"\n              accessibilityLabel=\"Play Video\"\n              onPress={openVideo}\n              style={styles.button}\n            />\n          </View>\n        )}\n      </Pressable>\n    </View>\n  )\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    maxWidth: 320,\n    maxHeight: 320,\n  },\n  video: {\n    width: '100%',\n    height: 'auto',\n    backgroundColor: 'black',\n    borderRadius: 8,\n  },\n  playButtonWrapper: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  button: {\n    width: 42,\n    height: 42,\n    justifyContent: 'center',\n    alignItems: 'center',\n    borderRadius: 25,\n    backgroundColor: '#eee',\n    borderColor: '#aaa',\n    borderWidth: 1,\n  },\n})\n"]}

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

@@ -5,5 +5,5 @@ import { MessageResource } from '../../types';
  */
 export declare function Message(props: MessageResource & {
     conversation_id: number;
-}): React.JSX.Element | null;
+}): React.JSX.Element;
 //# 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":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAG7C;;GAEG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,eAAe,GAAG;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE,4BA2C3E"}
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/message.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAM7C;;GAEG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,eAAe,GAAG;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE,qBAiD3E"}