@planningcenter/chat-react-native 1.7.0-rc.0 → 2.0.0-rc.0

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { MessageResource } from '../../types';
+/** Message
+ * Component for display of a message within a conversation list
+ */
+export declare function Message(props: MessageResource & {
+    conversation_id: string;
+}): React.JSX.Element | null;
+//# sourceMappingURL=message.d.ts.map

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

@@ -0,0 +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;AAE7C;;GAEG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,eAAe,GAAG;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE,4BAuC3E"}

package/build/components/conversation/message.js

@@ -0,0 +1,73 @@
+import { PlatformPressable } from '@react-navigation/elements';
+import { useNavigation } from '@react-navigation/native';
+import colorFunction from 'color';
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { MessageReaction } from '../../components/conversation/message_reaction';
+import { Avatar, Text } from '../../components/display';
+import { useTheme } from '../../hooks';
+/** Message
+ * Component for display of a message within a conversation list
+ */
+export function Message(props) {
+    const { text, conversation_id, reactionCounts } = props;
+    const styles = useMessageStyles(props);
+    const navigation = useNavigation();
+    const handleMessagePress = () => {
+        navigation.navigate('MessageActions', {
+            message_id: props.id,
+            conversation_id,
+        });
+    };
+    // TODO: open the reaction screen to show who reacted
+    const handleReactionPress = handleMessagePress;
+    if (!text)
+        return null;
+    return (<View style={styles.message}>
+      {!props.mine && (<View style={styles.messageAuthor}>
+          <Avatar size={'md'} sourceUri={props.author.avatar}/>
+        </View>)}
+      <View style={styles.messageContent}>
+        {!props.mine && <Text variant="tertiary">{props.author.name}</Text>}
+        <PlatformPressable style={styles.messageBubble} onLongPress={handleMessagePress}>
+          <Text style={styles.messageText}>{text}</Text>
+        </PlatformPressable>
+        <View style={styles.messageReactions}>
+          {reactionCounts.map(reaction => (<MessageReaction key={reaction.value} reaction={reaction} onPress={handleReactionPress}/>))}
+        </View>
+      </View>
+    </View>);
+}
+const useMessageStyles = ({ mine }) => {
+    const { colors } = useTheme();
+    const activeColor = colorFunction(colors.interaction).alpha(0.2).string();
+    return StyleSheet.create({
+        message: {
+            gap: 8,
+            flexDirection: mine ? 'row-reverse' : 'row',
+        },
+        messageContent: {
+            gap: 8,
+            flexShrink: 1,
+        },
+        messageAuthor: {
+            flexDirection: 'row',
+            gap: 8,
+        },
+        messageBubble: {
+            backgroundColor: mine ? activeColor : colors.fillColorNeutral070,
+            borderRadius: 12,
+            paddingVertical: 6,
+            paddingHorizontal: 8,
+        },
+        messageText: {
+            color: colors.textColorDefaultPrimary,
+        },
+        messageReactions: {
+            flexDirection: 'row',
+            gap: 4,
+            justifyContent: mine ? 'flex-end' : 'flex-start',
+        },
+    });
+};
+//# sourceMappingURL=message.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","sourceRoot":"","sources":["../../../src/components/conversation/message.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { useNavigation } from '@react-navigation/native'\nimport colorFunction from 'color'\nimport React from 'react'\nimport { StyleSheet, View } from 'react-native'\nimport { MessageReaction } from '../../components/conversation/message_reaction'\nimport { Avatar, Text } from '../../components/display'\nimport { useTheme } from '../../hooks'\nimport { MessageResource } from '../../types'\n\n/** Message\n * Component for display of a message within a conversation list\n */\nexport function Message(props: MessageResource & { conversation_id: string }) {\n  const { text, conversation_id, reactionCounts } = props\n  const styles = useMessageStyles(props)\n  const navigation = useNavigation()\n  const handleMessagePress = () => {\n    navigation.navigate('MessageActions', {\n      message_id: props.id,\n      conversation_id,\n    })\n  }\n  // TODO: open the reaction screen to show who reacted\n  const handleReactionPress = handleMessagePress\n\n  if (!text) return null\n\n  return (\n    <View style={styles.message}>\n      {!props.mine && (\n        <View style={styles.messageAuthor}>\n          <Avatar size={'md'} sourceUri={props.author.avatar} />\n        </View>\n      )}\n      <View style={styles.messageContent}>\n        {!props.mine && <Text variant=\"tertiary\">{props.author.name}</Text>}\n        <PlatformPressable style={styles.messageBubble} onLongPress={handleMessagePress}>\n          <Text style={styles.messageText}>{text}</Text>\n        </PlatformPressable>\n        <View style={styles.messageReactions}>\n          {reactionCounts.map(reaction => (\n            <MessageReaction\n              key={reaction.value}\n              reaction={reaction}\n              onPress={handleReactionPress}\n            />\n          ))}\n        </View>\n      </View>\n    </View>\n  )\n}\n\nconst useMessageStyles = ({ mine }: MessageResource) => {\n  const { colors } = useTheme()\n  const activeColor = colorFunction(colors.interaction).alpha(0.2).string()\n\n  return StyleSheet.create({\n    message: {\n      gap: 8,\n      flexDirection: mine ? 'row-reverse' : 'row',\n    },\n    messageContent: {\n      gap: 8,\n      flexShrink: 1,\n    },\n    messageAuthor: {\n      flexDirection: 'row',\n      gap: 8,\n    },\n    messageBubble: {\n      backgroundColor: mine ? activeColor : colors.fillColorNeutral070,\n      borderRadius: 12,\n      paddingVertical: 6,\n      paddingHorizontal: 8,\n    },\n    messageText: {\n      color: colors.textColorDefaultPrimary,\n    },\n    messageReactions: {\n      flexDirection: 'row',\n      gap: 4,\n      justifyContent: mine ? 'flex-end' : 'flex-start',\n    },\n  })\n}\n"]}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ViewProps } from 'react-native';
+import { ConversationResource } from '../../types';
+export declare const MessageForm: {
+    Root: typeof MessageFormRoot;
+    TextInput: typeof MessageFormInput;
+    SubmitButton: typeof MessageFormSubmitBtn;
+    AttachmentPicker: typeof MessageFormAttachmentPicker;
+    Commands: typeof MessageFormCommands;
+};
+interface MessagesFormRootProps extends ViewProps {
+    conversation: ConversationResource;
+}
+declare function MessageFormRoot({ conversation, children }: MessagesFormRootProps): React.JSX.Element;
+declare function MessageFormInput(): React.JSX.Element;
+declare function MessageFormSubmitBtn(): React.JSX.Element;
+declare function MessageFormAttachmentPicker(): React.JSX.Element;
+declare function MessageFormCommands(): React.JSX.Element;
+export {};
+//# sourceMappingURL=message_form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message_form.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/message_form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAA+B,SAAS,EAAE,MAAM,cAAc,CAAA;AAKrE,OAAO,EAA8B,oBAAoB,EAAmB,MAAM,aAAa,CAAA;AAG/F,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAA;AAED,UAAU,qBAAsB,SAAQ,SAAS;IAC/C,YAAY,EAAE,oBAAoB,CAAA;CACnC;AASD,iBAAS,eAAe,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,qBAAqB,qBA+CzE;AAED,iBAAS,gBAAgB,sBAcxB;AAED,iBAAS,oBAAoB,sBAe5B;AAED,iBAAS,2BAA2B,sBASnC;AAED,iBAAS,mBAAmB,sBAI3B"}

package/build/components/conversation/message_form.js

@@ -0,0 +1,103 @@
+import { useTheme as useNavigationTheme } from '@react-navigation/native';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import React, { useContext } from 'react';
+import { StyleSheet, TextInput, View } from 'react-native';
+import { IconButton } from '../../components';
+import { ChatContext } from '../../contexts';
+import { useTheme } from '../../hooks';
+import { getMessagesQueryKey, getMessagesRequestArgs } from '../../hooks/use_conversation_messages';
+import { updateRecordInPagesData } from '../../utils';
+export const MessageForm = {
+    Root: MessageFormRoot,
+    TextInput: MessageFormInput,
+    SubmitButton: MessageFormSubmitBtn,
+    AttachmentPicker: MessageFormAttachmentPicker,
+    Commands: MessageFormCommands,
+};
+const MessageFormContext = React.createContext({
+    text: '',
+    setText: (_text) => { },
+    onSubmit: () => { },
+    disabled: false,
+});
+function MessageFormRoot({ conversation, children }) {
+    const styles = useMessageFormStyles();
+    const [text, setText] = React.useState('');
+    const { client } = useContext(ChatContext);
+    const queryClient = useQueryClient();
+    const { mutate, isPending } = useMutation({
+        mutationFn: async () => {
+            const requestParams = getMessagesRequestArgs({ conversation_id: conversation.id });
+            const fieldsWithValueJoined = Object.fromEntries(Object.entries(requestParams.data.fields).map(([k, v]) => [k, v.join(',')]));
+            return client.post({
+                url: `/me/conversations/${conversation.id}/messages`,
+                data: {
+                    ...requestParams.data,
+                    data: {
+                        type: 'Message',
+                        attributes: { text },
+                    },
+                    fields: fieldsWithValueJoined,
+                },
+            });
+        },
+        onSuccess: (result) => {
+            const updatedMessage = result.data;
+            const queryKey = getMessagesQueryKey({ conversation_id: conversation.id });
+            setText('');
+            queryClient.setQueryData(queryKey, data => updateRecordInPagesData({
+                data,
+                record: updatedMessage,
+            }));
+        },
+    });
+    return (<MessageFormContext.Provider value={{ text, setText, onSubmit: () => mutate(), disabled: isPending }}>
+      <View style={styles.textInputContainer}>{children}</View>
+    </MessageFormContext.Provider>);
+}
+function MessageFormInput() {
+    const styles = useMessageFormStyles();
+    const { text, setText, onSubmit } = React.useContext(MessageFormContext);
+    return (<TextInput aria-disabled={true} placeholder="Send a message" onChangeText={setText} value={text} style={styles.textInput} onSubmitEditing={onSubmit}/>);
+}
+function MessageFormSubmitBtn() {
+    const styles = useMessageFormStyles();
+    const { onSubmit, disabled } = React.useContext(MessageFormContext);
+    return (<IconButton disabled={disabled} accessibilityLabel="Send message" size="md" appearance="neutral" style={styles.textInputSend} name={'general.upArrow'} onPress={onSubmit}/>);
+}
+function MessageFormAttachmentPicker() {
+    return (<IconButton accessibilityLabel="Shazam" size="md" appearance="neutral" name={'general.paperclip'}/>);
+}
+function MessageFormCommands() {
+    return (<IconButton accessibilityLabel="Shazam" size="md" appearance="neutral" name={'general.bolt'}/>);
+}
+const useMessageFormStyles = () => {
+    const theme = useTheme();
+    const navigationTheme = useNavigationTheme();
+    return StyleSheet.create({
+        textInputContainer: {
+            borderColor: theme.colors.fillColorNeutral050Base,
+            borderTopWidth: 1,
+            padding: 12,
+            backgroundColor: navigationTheme.colors.card,
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 12,
+        },
+        textInput: {
+            borderRadius: 24,
+            borderWidth: 1,
+            padding: 12,
+            paddingHorizontal: 20,
+            borderColor: theme.colors.fillColorNeutral050Base,
+            flex: 1,
+        },
+        textInputSend: {
+            borderRadius: 24,
+            height: 36,
+            width: 36,
+            backgroundColor: theme.colors.fillColorNeutral040,
+        },
+    });
+};
+//# sourceMappingURL=message_form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message_form.js","sourceRoot":"","sources":["../../../src/components/conversation/message_form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AACzE,OAAO,EAAgB,WAAW,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACjF,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAa,MAAM,cAAc,CAAA;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAA;AAEnG,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAErD,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,eAAe;IACrB,SAAS,EAAE,gBAAgB;IAC3B,YAAY,EAAE,oBAAoB;IAClC,gBAAgB,EAAE,2BAA2B;IAC7C,QAAQ,EAAE,mBAAmB;CAC9B,CAAA;AAMD,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAC;IAC7C,IAAI,EAAE,EAAE;IACR,OAAO,EAAE,CAAC,KAAa,EAAE,EAAE,GAAE,CAAC;IAC9B,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,QAAQ,EAAE,KAAK;CAChB,CAAC,CAAA;AAEF,SAAS,eAAe,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAyB;IACxE,MAAM,MAAM,GAAG,oBAAoB,EAAE,CAAA;IACrC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;IAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAC1C,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,WAAW,CAAC;QACxC,UAAU,EAAE,KAAK,IAAI,EAAE;YACrB,MAAM,aAAa,GAAG,sBAAsB,CAAC,EAAE,eAAe,EAAE,YAAY,CAAC,EAAE,EAAE,CAAC,CAAA;YAClF,MAAM,qBAAqB,GAAG,MAAM,CAAC,WAAW,CAC9C,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAC5E,CAAA;YAED,OAAO,MAAM,CAAC,IAAI,CAAC;gBACjB,GAAG,EAAE,qBAAqB,YAAY,CAAC,EAAE,WAAW;gBACpD,IAAI,EAAE;oBACJ,GAAG,aAAa,CAAC,IAAI;oBACrB,IAAI,EAAE;wBACJ,IAAI,EAAE,SAAS;wBACf,UAAU,EAAE,EAAE,IAAI,EAAE;qBACrB;oBACD,MAAM,EAAE,qBAAqB;iBAC9B;aACF,CAAC,CAAA;QACJ,CAAC;QACD,SAAS,EAAE,CAAC,MAAoC,EAAE,EAAE;YAClD,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAA;YAElC,MAAM,QAAQ,GAAG,mBAAmB,CAAC,EAAE,eAAe,EAAE,YAAY,CAAC,EAAE,EAAE,CAAC,CAAA;YAE1E,OAAO,CAAC,EAAE,CAAC,CAAA;YACX,WAAW,CAAC,YAAY,CAAY,QAAQ,EAAE,IAAI,CAAC,EAAE,CACnD,uBAAuB,CAAC;gBACtB,IAAI;gBACJ,MAAM,EAAE,cAAc;aACvB,CAAC,CACH,CAAA;QACH,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,CACL,CAAC,kBAAkB,CAAC,QAAQ,CAC1B,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAExE;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAC1D;IAAA,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAC/B,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB;IACvB,MAAM,MAAM,GAAG,oBAAoB,EAAE,CAAA;IACrC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAA;IAExE,OAAO,CACL,CAAC,SAAS,CACR,aAAa,CAAC,CAAC,IAAI,CAAC,CACpB,WAAW,CAAC,gBAAgB,CAC5B,YAAY,CAAC,CAAC,OAAO,CAAC,CACtB,KAAK,CAAC,CAAC,IAAI,CAAC,CACZ,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CACxB,eAAe,CAAC,CAAC,QAAQ,CAAC,EAC1B,CACH,CAAA;AACH,CAAC;AAED,SAAS,oBAAoB;IAC3B,MAAM,MAAM,GAAG,oBAAoB,EAAE,CAAA;IACrC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAA;IAEnE,OAAO,CACL,CAAC,UAAU,CACT,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,kBAAkB,CAAC,cAAc,CACjC,IAAI,CAAC,IAAI,CACT,UAAU,CAAC,SAAS,CACpB,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAC5B,IAAI,CAAC,CAAC,iBAAiB,CAAC,CACxB,OAAO,CAAC,CAAC,QAAQ,CAAC,EAClB,CACH,CAAA;AACH,CAAC;AAED,SAAS,2BAA2B;IAClC,OAAO,CACL,CAAC,UAAU,CACT,kBAAkB,CAAC,QAAQ,CAC3B,IAAI,CAAC,IAAI,CACT,UAAU,CAAC,SAAS,CACpB,IAAI,CAAC,CAAC,mBAAmB,CAAC,EAC1B,CACH,CAAA;AACH,CAAC;AAED,SAAS,mBAAmB;IAC1B,OAAO,CACL,CAAC,UAAU,CAAC,kBAAkB,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,EAAG,CAChG,CAAA;AACH,CAAC;AAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;IAChC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAA;IAE5C,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,kBAAkB,EAAE;YAClB,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,uBAAuB;YACjD,cAAc,EAAE,CAAC;YACjB,OAAO,EAAE,EAAE;YACX,eAAe,EAAE,eAAe,CAAC,MAAM,CAAC,IAAI;YAC5C,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,EAAE;SACR;QACD,SAAS,EAAE;YACT,YAAY,EAAE,EAAE;YAChB,WAAW,EAAE,CAAC;YACd,OAAO,EAAE,EAAE;YACX,iBAAiB,EAAE,EAAE;YACrB,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,uBAAuB;YACjD,IAAI,EAAE,CAAC;SACR;QACD,aAAa,EAAE;YACb,YAAY,EAAE,EAAE;YAChB,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE;YACT,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,mBAAmB;SAClD;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { useTheme as useNavigationTheme } from '@react-navigation/native'\nimport { InfiniteData, useMutation, useQueryClient } from '@tanstack/react-query'\nimport React, { useContext } from 'react'\nimport { StyleSheet, TextInput, View, ViewProps } from 'react-native'\nimport { IconButton } from '../../components'\nimport { ChatContext } from '../../contexts'\nimport { useTheme } from '../../hooks'\nimport { getMessagesQueryKey, getMessagesRequestArgs } from '../../hooks/use_conversation_messages'\nimport { ApiCollection, ApiResource, ConversationResource, MessageResource } from '../../types'\nimport { updateRecordInPagesData } from '../../utils'\n\nexport const MessageForm = {\n  Root: MessageFormRoot,\n  TextInput: MessageFormInput,\n  SubmitButton: MessageFormSubmitBtn,\n  AttachmentPicker: MessageFormAttachmentPicker,\n  Commands: MessageFormCommands,\n}\n\ninterface MessagesFormRootProps extends ViewProps {\n  conversation: ConversationResource\n}\n\nconst MessageFormContext = React.createContext({\n  text: '',\n  setText: (_text: string) => {},\n  onSubmit: () => {},\n  disabled: false,\n})\n\nfunction MessageFormRoot({ conversation, children }: MessagesFormRootProps) {\n  const styles = useMessageFormStyles()\n  const [text, setText] = React.useState('')\n  const { client } = useContext(ChatContext)\n  const queryClient = useQueryClient()\n\n  const { mutate, isPending } = useMutation({\n    mutationFn: async () => {\n      const requestParams = getMessagesRequestArgs({ conversation_id: conversation.id })\n      const fieldsWithValueJoined = Object.fromEntries(\n        Object.entries(requestParams.data.fields).map(([k, v]) => [k, v.join(',')])\n      )\n\n      return client.post({\n        url: `/me/conversations/${conversation.id}/messages`,\n        data: {\n          ...requestParams.data,\n          data: {\n            type: 'Message',\n            attributes: { text },\n          },\n          fields: fieldsWithValueJoined,\n        },\n      })\n    },\n    onSuccess: (result: ApiResource<MessageResource>) => {\n      const updatedMessage = result.data\n      type QueryData = InfiniteData<ApiCollection<MessageResource>>\n      const queryKey = getMessagesQueryKey({ conversation_id: conversation.id })\n\n      setText('')\n      queryClient.setQueryData<QueryData>(queryKey, data =>\n        updateRecordInPagesData({\n          data,\n          record: updatedMessage,\n        })\n      )\n    },\n  })\n\n  return (\n    <MessageFormContext.Provider\n      value={{ text, setText, onSubmit: () => mutate(), disabled: isPending }}\n    >\n      <View style={styles.textInputContainer}>{children}</View>\n    </MessageFormContext.Provider>\n  )\n}\n\nfunction MessageFormInput() {\n  const styles = useMessageFormStyles()\n  const { text, setText, onSubmit } = React.useContext(MessageFormContext)\n\n  return (\n    <TextInput\n      aria-disabled={true}\n      placeholder=\"Send a message\"\n      onChangeText={setText}\n      value={text}\n      style={styles.textInput}\n      onSubmitEditing={onSubmit}\n    />\n  )\n}\n\nfunction MessageFormSubmitBtn() {\n  const styles = useMessageFormStyles()\n  const { onSubmit, disabled } = React.useContext(MessageFormContext)\n\n  return (\n    <IconButton\n      disabled={disabled}\n      accessibilityLabel=\"Send message\"\n      size=\"md\"\n      appearance=\"neutral\"\n      style={styles.textInputSend}\n      name={'general.upArrow'}\n      onPress={onSubmit}\n    />\n  )\n}\n\nfunction MessageFormAttachmentPicker() {\n  return (\n    <IconButton\n      accessibilityLabel=\"Shazam\"\n      size=\"md\"\n      appearance=\"neutral\"\n      name={'general.paperclip'}\n    />\n  )\n}\n\nfunction MessageFormCommands() {\n  return (\n    <IconButton accessibilityLabel=\"Shazam\" size=\"md\" appearance=\"neutral\" name={'general.bolt'} />\n  )\n}\n\nconst useMessageFormStyles = () => {\n  const theme = useTheme()\n  const navigationTheme = useNavigationTheme()\n\n  return StyleSheet.create({\n    textInputContainer: {\n      borderColor: theme.colors.fillColorNeutral050Base,\n      borderTopWidth: 1,\n      padding: 12,\n      backgroundColor: navigationTheme.colors.card,\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 12,\n    },\n    textInput: {\n      borderRadius: 24,\n      borderWidth: 1,\n      padding: 12,\n      paddingHorizontal: 20,\n      borderColor: theme.colors.fillColorNeutral050Base,\n      flex: 1,\n    },\n    textInputSend: {\n      borderRadius: 24,\n      height: 36,\n      width: 36,\n      backgroundColor: theme.colors.fillColorNeutral040,\n    },\n  })\n}\n"]}

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

@@ -5,4 +5,27 @@ export declare function MessageReaction({ reaction, onPress, }: {
     reaction: ReactionCountResource;
     onPress: () => void;
 }): React.JSX.Element;
+export declare const useReactionStyles: ({ mine }: {
+    mine: number;
+}) => {
+    reaction: {
+        borderWidth: number;
+        borderColor: any;
+        backgroundColor: any;
+        borderRadius: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    reactionEmoji: {
+        fontSize: number;
+        paddingTop: number;
+    };
+    reactionText: {
+        fontSize: number;
+        color: string;
+    };
+};
 //# sourceMappingURL=message_reaction.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"message_reaction.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/message_reaction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAA;AAEtE,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,CAM1E,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAO,GACR,EAAE;IACD,QAAQ,EAAE,qBAAqB,CAAA;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,qBASA"}
+{"version":3,"file":"message_reaction.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/message_reaction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAA;AAEtE,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,CAM1E,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAO,GACR,EAAE;IACD,QAAQ,EAAE,qBAAqB,CAAA;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,qBASA;AAED,eAAO,MAAM,iBAAiB,aAAc;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE;;;;;;;;;;;;;;;;;;;;CAoB3D,CAAA"}

package/build/components/conversation/message_reaction.js

@@ -18,7 +18,7 @@ export function MessageReaction({ reaction, onPress, }) {
       <Text style={styles.reactionText}>{reaction.count}</Text>
     </PlatformPressable>);
 }
-const useReactionStyles = ({ mine }) => {
+export const useReactionStyles = ({ mine }) => {
     const { colors } = useTheme();
     const activeBorderColor = colorFunction(colors.interaction).alpha(0.8).string();
     const activeColor = colorFunction(colors.interaction).alpha(0.2).string();
@@ -36,9 +36,6 @@ const useReactionStyles = ({ mine }) => {
         },
         reactionEmoji: { fontSize: 12, paddingTop: 0 },
         reactionText: { fontSize: 12, color: colors.textColorDefaultPrimary },
-        pressed: {
-            opacity: 0.5,
-        },
     });
 };
 //# sourceMappingURL=message_reaction.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"message_reaction.js","sourceRoot":"","sources":["../../../src/components/conversation/message_reaction.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,aAAa,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAGtC,MAAM,CAAC,MAAM,eAAe,GAAmD;IAC7E,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,IAAI;IACjB,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,IAAI;IACX,KAAK,EAAE,IAAI;CACZ,CAAA;AAED,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAO,GAIR;IACC,MAAM,MAAM,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IAE1C,OAAO,CACL,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAC/E;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAC1E;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,CAC1D;IAAA,EAAE,iBAAiB,CAAC,CACrB,CAAA;AACH,CAAC;AAED,MAAM,iBAAiB,GAAG,CAAC,EAAE,IAAI,EAAoB,EAAE,EAAE;IACvD,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,iBAAiB,GAAG,aAAa,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAA;IAC/E,MAAM,WAAW,GAAG,aAAa,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAA;IAEzE,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,QAAQ,EAAE;YACR,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,mBAAmB;YAClE,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB;YACpE,YAAY,EAAE,EAAE;YAChB,eAAe,EAAE,CAAC;YAClB,iBAAiB,EAAE,EAAE;YACrB,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,CAAC;SACP;QACD,aAAa,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE;QAC9C,YAAY,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,uBAAuB,EAAE;QACrE,OAAO,EAAE;YACP,OAAO,EAAE,GAAG;SACb;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport colorFunction from 'color'\nimport React from 'react'\nimport { StyleSheet } from 'react-native'\nimport { Text } from '../../components/display'\nimport { useTheme } from '../../hooks'\nimport { ReactionCountResource } from '../../types/resources/reaction'\n\nexport const REACTION_EMOJIS: Record<ReactionCountResource['value'], string> = {\n  thumbs_up: '👍',\n  thumbs_down: '👎',\n  pray: '🙏',\n  laugh: '😂',\n  heart: '❤️',\n}\n\nexport function MessageReaction({\n  reaction,\n  onPress,\n}: {\n  reaction: ReactionCountResource\n  onPress: () => void\n}) {\n  const styles = useReactionStyles(reaction)\n\n  return (\n    <PlatformPressable key={reaction.value} style={styles.reaction} onPress={onPress}>\n      <Text style={styles.reactionEmoji}>{REACTION_EMOJIS[reaction.value]}</Text>\n      <Text style={styles.reactionText}>{reaction.count}</Text>\n    </PlatformPressable>\n  )\n}\n\nconst useReactionStyles = ({ mine }: { mine: number }) => {\n  const { colors } = useTheme()\n  const activeBorderColor = colorFunction(colors.interaction).alpha(0.8).string()\n  const activeColor = colorFunction(colors.interaction).alpha(0.2).string()\n\n  return StyleSheet.create({\n    reaction: {\n      borderWidth: 1,\n      borderColor: mine ? activeBorderColor : colors.fillColorNeutral040,\n      backgroundColor: mine ? activeColor : colors.fillColorNeutral050Base,\n      borderRadius: 16,\n      paddingVertical: 2,\n      paddingHorizontal: 12,\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 4,\n    },\n    reactionEmoji: { fontSize: 12, paddingTop: 0 },\n    reactionText: { fontSize: 12, color: colors.textColorDefaultPrimary },\n    pressed: {\n      opacity: 0.5,\n    },\n  })\n}\n"]}
+{"version":3,"file":"message_reaction.js","sourceRoot":"","sources":["../../../src/components/conversation/message_reaction.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,aAAa,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAGtC,MAAM,CAAC,MAAM,eAAe,GAAmD;IAC7E,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,IAAI;IACjB,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,IAAI;IACX,KAAK,EAAE,IAAI;CACZ,CAAA;AAED,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAO,GAIR;IACC,MAAM,MAAM,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IAE1C,OAAO,CACL,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAC/E;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAC1E;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,CAC1D;IAAA,EAAE,iBAAiB,CAAC,CACrB,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,IAAI,EAAoB,EAAE,EAAE;IAC9D,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,iBAAiB,GAAG,aAAa,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAA;IAC/E,MAAM,WAAW,GAAG,aAAa,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAA;IAEzE,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,QAAQ,EAAE;YACR,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,mBAAmB;YAClE,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB;YACpE,YAAY,EAAE,EAAE;YAChB,eAAe,EAAE,CAAC;YAClB,iBAAiB,EAAE,EAAE;YACrB,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,CAAC;SACP;QACD,aAAa,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE;QAC9C,YAAY,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,uBAAuB,EAAE;KACtE,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport colorFunction from 'color'\nimport React from 'react'\nimport { StyleSheet } from 'react-native'\nimport { Text } from '../../components/display'\nimport { useTheme } from '../../hooks'\nimport { ReactionCountResource } from '../../types/resources/reaction'\n\nexport const REACTION_EMOJIS: Record<ReactionCountResource['value'], string> = {\n  thumbs_up: '👍',\n  thumbs_down: '👎',\n  pray: '🙏',\n  laugh: '😂',\n  heart: '❤️',\n}\n\nexport function MessageReaction({\n  reaction,\n  onPress,\n}: {\n  reaction: ReactionCountResource\n  onPress: () => void\n}) {\n  const styles = useReactionStyles(reaction)\n\n  return (\n    <PlatformPressable key={reaction.value} style={styles.reaction} onPress={onPress}>\n      <Text style={styles.reactionEmoji}>{REACTION_EMOJIS[reaction.value]}</Text>\n      <Text style={styles.reactionText}>{reaction.count}</Text>\n    </PlatformPressable>\n  )\n}\n\nexport const useReactionStyles = ({ mine }: { mine: number }) => {\n  const { colors } = useTheme()\n  const activeBorderColor = colorFunction(colors.interaction).alpha(0.8).string()\n  const activeColor = colorFunction(colors.interaction).alpha(0.2).string()\n\n  return StyleSheet.create({\n    reaction: {\n      borderWidth: 1,\n      borderColor: mine ? activeBorderColor : colors.fillColorNeutral040,\n      backgroundColor: mine ? activeColor : colors.fillColorNeutral050Base,\n      borderRadius: 16,\n      paddingVertical: 2,\n      paddingHorizontal: 12,\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 4,\n    },\n    reactionEmoji: { fontSize: 12, paddingTop: 0 },\n    reactionText: { fontSize: 12, color: colors.textColorDefaultPrimary },\n  })\n}\n"]}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ViewProps } from 'react-native';
+export declare function KeyboardView({ children }: ViewProps): React.JSX.Element;
+//# sourceMappingURL=keyboard_view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard_view.d.ts","sourceRoot":"","sources":["../../../src/components/display/keyboard_view.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,EAML,SAAS,EACV,MAAM,cAAc,CAAA;AAGrB,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,SAAS,qBA4BnD"}

package/build/components/display/keyboard_view.js

@@ -0,0 +1,46 @@
+import { useTheme as useNavigationTheme } from '@react-navigation/native';
+import React, { useMemo, useState } from 'react';
+import { KeyboardAvoidingView, Platform, StyleSheet, useWindowDimensions, View, } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+export function KeyboardView({ children }) {
+    const styles = useStyles();
+    const { height } = useWindowDimensions();
+    const insets = useSafeAreaInsets();
+    const [pageSheetGap, setPageSheetGap] = useState(0);
+    const keyboardVerticalOffset = useMemo(() => pageSheetGap + insets.top - insets.bottom, [pageSheetGap, insets.top, insets.bottom]);
+    return (<View style={styles.pageGapView} onLayout={event => {
+            const { height: viewHeight } = event.nativeEvent.layout;
+            setPageSheetGap(height - viewHeight - insets.top);
+        }}>
+      <KeyboardAvoidingView keyboardVerticalOffset={keyboardVerticalOffset} behavior={Platform.select({ ios: 'padding' })} style={styles.container}>
+        {children}
+      </KeyboardAvoidingView>
+    </View>);
+}
+const useStyles = () => {
+    const navigationTheme = useNavigationTheme();
+    return StyleSheet.create({
+        container: {
+            flex: 1,
+            justifyContent: 'center',
+        },
+        pageGapView: {
+            flex: 1,
+        },
+        keyboardView: {
+            flex: 1,
+        },
+        listContainer: {
+            gap: 12,
+            paddingHorizontal: 16,
+            paddingVertical: 12,
+        },
+        textInputContainer: {
+            borderTopWidth: 1,
+            padding: 12,
+            backgroundColor: navigationTheme.colors.card,
+        },
+        textInput: { borderRadius: 16, borderWidth: 1, padding: 12 },
+    });
+};
+//# sourceMappingURL=keyboard_view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard_view.js","sourceRoot":"","sources":["../../../src/components/display/keyboard_view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AACzE,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EACL,oBAAoB,EACpB,QAAQ,EACR,UAAU,EACV,mBAAmB,EACnB,IAAI,GAEL,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAElE,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAa;IAClD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,MAAM,EAAE,MAAM,EAAE,GAAG,mBAAmB,EAAE,CAAA;IACxC,MAAM,MAAM,GAAG,iBAAiB,EAAE,CAAA;IAClC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAA;IAC3D,MAAM,sBAAsB,GAAG,OAAO,CACpC,GAAG,EAAE,CAAC,YAAY,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,EAC/C,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,CAC1C,CAAA;IAED,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAC1B,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE;YAChB,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAA;YACvD,eAAe,CAAC,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;QACnD,CAAC,CAAC,CAEF;MAAA,CAAC,oBAAoB,CACnB,sBAAsB,CAAC,CAAC,sBAAsB,CAAC,CAC/C,QAAQ,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC,CAC9C,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAExB;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,oBAAoB,CACxB;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAA;IAE5C,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,IAAI,EAAE,CAAC;YACP,cAAc,EAAE,QAAQ;SACzB;QACD,WAAW,EAAE;YACX,IAAI,EAAE,CAAC;SACR;QACD,YAAY,EAAE;YACZ,IAAI,EAAE,CAAC;SACR;QACD,aAAa,EAAE;YACb,GAAG,EAAE,EAAE;YACP,iBAAiB,EAAE,EAAE;YACrB,eAAe,EAAE,EAAE;SACpB;QACD,kBAAkB,EAAE;YAClB,cAAc,EAAE,CAAC;YACjB,OAAO,EAAE,EAAE;YACX,eAAe,EAAE,eAAe,CAAC,MAAM,CAAC,IAAI;SAC7C;QACD,SAAS,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;KAC7D,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { useTheme as useNavigationTheme } from '@react-navigation/native'\nimport React, { useMemo, useState } from 'react'\nimport {\n  KeyboardAvoidingView,\n  Platform,\n  StyleSheet,\n  useWindowDimensions,\n  View,\n  ViewProps,\n} from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\n\nexport function KeyboardView({ children }: ViewProps) {\n  const styles = useStyles()\n\n  const { height } = useWindowDimensions()\n  const insets = useSafeAreaInsets()\n  const [pageSheetGap, setPageSheetGap] = useState<number>(0)\n  const keyboardVerticalOffset = useMemo(\n    () => pageSheetGap + insets.top - insets.bottom,\n    [pageSheetGap, insets.top, insets.bottom]\n  )\n\n  return (\n    <View\n      style={styles.pageGapView}\n      onLayout={event => {\n        const { height: viewHeight } = event.nativeEvent.layout\n        setPageSheetGap(height - viewHeight - insets.top)\n      }}\n    >\n      <KeyboardAvoidingView\n        keyboardVerticalOffset={keyboardVerticalOffset}\n        behavior={Platform.select({ ios: 'padding' })}\n        style={styles.container}\n      >\n        {children}\n      </KeyboardAvoidingView>\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const navigationTheme = useNavigationTheme()\n\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n      justifyContent: 'center',\n    },\n    pageGapView: {\n      flex: 1,\n    },\n    keyboardView: {\n      flex: 1,\n    },\n    listContainer: {\n      gap: 12,\n      paddingHorizontal: 16,\n      paddingVertical: 12,\n    },\n    textInputContainer: {\n      borderTopWidth: 1,\n      padding: 12,\n      backgroundColor: navigationTheme.colors.card,\n    },\n    textInput: { borderRadius: 16, borderWidth: 1, padding: 12 },\n  })\n}\n"]}

package/build/index.d.ts

@@ -1,7 +1,5 @@
-export * from './components';
-export * from './contexts';
-export * from './hooks';
-export * from './screens';
-export * from './utils';
-export * from './navigation';
+export { ChatProvider, ChatContext, CreateChatThemeProps } from './contexts';
+export { DesignSystemScreen } from './screens';
+export { ChatStack } from './navigation';
+export { TemporaryDefaultColorsType, ChatAdapters, ClipboardAdapter, Session, Client, } from './utils';
 //# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EACL,0BAA0B,EAC1B,YAAY,EACZ,gBAAgB,EAChB,OAAO,EACP,MAAM,GACP,MAAM,SAAS,CAAA"}

package/build/index.js

@@ -1,7 +1,5 @@
-export * from './components';
-export * from './contexts';
-export * from './hooks';
-export * from './screens';
-export * from './utils';
-export * from './navigation';
+export { ChatProvider, ChatContext } from './contexts';
+export { DesignSystemScreen } from './screens';
+export { ChatStack } from './navigation';
+export { ChatAdapters, ClipboardAdapter, Session, Client, } from './utils';
 //# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA","sourcesContent":["export * from './components'\nexport * from './contexts'\nexport * from './hooks'\nexport * from './screens'\nexport * from './utils'\nexport * from './navigation'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAwB,MAAM,YAAY,CAAA;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAEL,YAAY,EACZ,gBAAgB,EAChB,OAAO,EACP,MAAM,GACP,MAAM,SAAS,CAAA","sourcesContent":["export { ChatProvider, ChatContext, CreateChatThemeProps } from './contexts'\nexport { DesignSystemScreen } from './screens'\nexport { ChatStack } from './navigation'\nexport {\n  TemporaryDefaultColorsType,\n  ChatAdapters,\n  ClipboardAdapter,\n  Session,\n  Client,\n} from './utils'\n"]}

package/build/navigation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAGnE,OAAO,EAAE,oBAAoB,EAAsB,MAAM,mCAAmC,CAAA;AAE5F,eAAO,MAAM,SAAS;;;;;;;;;uOAFb,mBAAkB;;;;;;;;;uBAiDq3gB,gBAAiB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;EATp6gB,CAAA;AAEF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,SAAS,CAAC,CAAA;AAE3D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,eAAe,CAAC;QACxB,UAAU,aAAc,SAAQ,kBAAkB;SAAG;KACtD;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAGnE,OAAO,EAAE,oBAAoB,EAAsB,MAAM,mCAAmC,CAAA;AAE5F,eAAO,MAAM,SAAS;;;;;;;;;uOAFb,mBAAkB;;;;;;;;;uBAiDyqhB,gBAAiB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;EATxthB,CAAA;AAEF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,SAAS,CAAC,CAAA;AAE3D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,eAAe,CAAC;QACxB,UAAU,aAAc,SAAQ,kBAAkB;SAAG;KACtD;CACF"}

package/build/screens/conversation_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_screen.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,iBAAiB,EAGlB,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAoB,MAAM,OAAO,CAAA;AAUxC,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC;IACtD,eAAe,EAAE,MAAM,CAAA;IACvB,mBAAmB,EAAE,MAAM,CAAA;CAC5B,CAAC,CAAA;AAEF,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAE,uBAAuB,qBA6CpE"}
+{"version":3,"file":"conversation_screen.d.ts","sourceRoot":"","sources":["../../src/screens/conversation_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EAGlB,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAoB,MAAM,OAAO,CAAA;AAUxC,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC;IACtD,eAAe,EAAE,MAAM,CAAA;IACvB,mBAAmB,EAAE,MAAM,CAAA;CAC5B,CAAC,CAAA;AAEF,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAE,uBAAuB,qBA4CpE"}

package/build/screens/conversation_screen.js

@@ -1,12 +1,10 @@
-import { PlatformPressable } from '@react-navigation/elements';
 import { useNavigation, useTheme as useNavigationTheme, } from '@react-navigation/native';
-import colorFunction from 'color';
 import React, { useEffect } from 'react';
-import { FlatList, StyleSheet, TextInput, View } from 'react-native';
-import { SafeAreaView } from 'react-native-safe-area-context';
-import { MessageReaction } from '../components/conversation/message_reaction';
-import { Avatar, Text } from '../components/display';
-import { useTheme } from '../hooks';
+import { FlatList, StyleSheet, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { Message } from '../components/conversation/message';
+import { MessageForm } from '../components/conversation/message_form';
+import { KeyboardView } from '../components/display/keyboard_view';
 import { useConversationMessages } from '../hooks/use_conversation_messages';
 import { useSuspenseGet } from '../hooks/use_suspense_api';
 export function ConversationScreen({ route }) {
@@ -27,97 +25,36 @@ export function ConversationScreen({ route }) {
     useEffect(() => {
         navigation.setOptions({ title: conversation?.title });
     }, [conversation, conversation_id, navigation]);
-    return (<SafeAreaView style={styles.container} edges={['top', 'bottom', 'left', 'right']}>
-      <FlatList inverted contentContainerStyle={styles.listContainer} refreshing={isRefetching} onRefresh={refetch} data={messages} keyExtractor={item => item.id} renderItem={({ item }) => <Message {...item} conversation_id={conversation_id}/>} onEndReached={() => fetchNextPage()}/>
-      <View style={styles.textInputContainer}>
-        <TextInput aria-disabled={true} placeholder="Send a message" onChangeText={() => console.log('TODO: Implement sending a message')} value="" style={styles.textInput}/>
-      </View>
-    </SafeAreaView>);
+    return (<View style={styles.container}>
+      <KeyboardView style={styles.keyboardView}>
+        <FlatList inverted contentContainerStyle={styles.listContainer} refreshing={isRefetching} onRefresh={refetch} data={messages} keyExtractor={item => item.id} renderItem={({ item }) => <Message {...item} conversation_id={conversation_id}/>} onEndReached={() => fetchNextPage()}/>
+        <MessageForm.Root conversation={conversation}>
+          {/* <MessageForm.AttachmentPicker /> */}
+          {/* <MessageForm.Commands /> */}
+          <MessageForm.TextInput />
+          <MessageForm.SubmitButton />
+        </MessageForm.Root>
+      </KeyboardView>
+    </View>);
 }
 const useStyles = () => {
     const navigationTheme = useNavigationTheme();
+    const { bottom } = useSafeAreaInsets();
     return StyleSheet.create({
         container: {
             flex: 1,
             justifyContent: 'center',
             backgroundColor: navigationTheme.colors.card,
+            paddingBottom: bottom,
+        },
+        keyboardView: {
+            flex: 1,
         },
         listContainer: {
             gap: 12,
             paddingHorizontal: 16,
             paddingVertical: 12,
         },
-        textInputContainer: {
-            borderTopWidth: 1,
-            padding: 12,
-            backgroundColor: navigationTheme.colors.card,
-        },
-        textInput: { borderRadius: 16, borderWidth: 1, padding: 12 },
-    });
-};
-function Message(props) {
-    const { text, conversation_id, reactionCounts } = props;
-    const styles = useMessageStyles(props);
-    const navigation = useNavigation();
-    const handleMessagePress = () => {
-        navigation.navigate('MessageActions', {
-            message_id: props.id,
-            conversation_id,
-        });
-    };
-    // TODO: open the reaction screen to show who reacted
-    const handleReactionPress = handleMessagePress;
-    if (!text)
-        return null;
-    return (<View style={styles.message}>
-      {!props.mine && (<View style={styles.messageAuthor}>
-          <Avatar size={'md'} sourceUri={props.author.avatar}/>
-        </View>)}
-      <View style={styles.messageContent}>
-        {!props.mine && (<Text variant="tertiary" style={styles.authorName}>
-            {props.author.name}
-          </Text>)}
-        <PlatformPressable style={styles.messageBubble} onLongPress={handleMessagePress}>
-          <Text style={styles.messageText}>{text}</Text>
-        </PlatformPressable>
-        <View style={styles.messageReactions}>
-          {reactionCounts.map(reaction => (<MessageReaction key={reaction.value} reaction={reaction} onPress={handleReactionPress}/>))}
-        </View>
-      </View>
-    </View>);
-}
-const useMessageStyles = ({ mine }) => {
-    const { colors } = useTheme();
-    const activeColor = colorFunction(colors.interaction).alpha(0.2).string();
-    return StyleSheet.create({
-        message: {
-            gap: 8,
-            flexDirection: mine ? 'row-reverse' : 'row',
-        },
-        messageContent: {
-            gap: 8,
-            flexShrink: 1,
-        },
-        messageAuthor: {
-            flexDirection: 'row',
-            gap: 8,
-        },
-        authorName: {},
-        authorAvatar: {},
-        messageBubble: {
-            backgroundColor: mine ? activeColor : colors.fillColorNeutral070,
-            borderRadius: 12,
-            paddingVertical: 6,
-            paddingHorizontal: 8,
-        },
-        messageText: {
-            color: colors.textColorDefaultPrimary,
-        },
-        messageReactions: {
-            flexDirection: 'row',
-            gap: 4,
-            justifyContent: mine ? 'flex-end' : 'flex-start',
-        },
     });
 };
 //# sourceMappingURL=conversation_screen.js.map

package/build/screens/conversation_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport {\n  StaticScreenProps,\n  useNavigation,\n  useTheme as useNavigationTheme,\n} from '@react-navigation/native'\nimport colorFunction from 'color'\nimport React, { useEffect } from 'react'\nimport { FlatList, StyleSheet, TextInput, View } from 'react-native'\nimport { SafeAreaView } from 'react-native-safe-area-context'\nimport { MessageReaction } from '../components/conversation/message_reaction'\nimport { Avatar, Text } from '../components/display'\nimport { useTheme } from '../hooks'\nimport { useConversationMessages } from '../hooks/use_conversation_messages'\nimport { useSuspenseGet } from '../hooks/use_suspense_api'\nimport { ConversationResource, MessageResource } from '../types'\n\nexport type ConversationScreenProps = StaticScreenProps<{\n  conversation_id: string\n  chat_group_graph_id: string\n}>\n\nexport function ConversationScreen({ route }: ConversationScreenProps) {\n  const navigation = useNavigation()\n  const { conversation_id } = route.params\n  const styles = useStyles()\n\n  const { data: conversation } = useSuspenseGet<ConversationResource>({\n    url: `/me/conversations/${conversation_id}`,\n    data: {\n      fields: {\n        Conversation: ['title'],\n      },\n    },\n  })\n\n  const { messages, refetch, isRefetching, fetchNextPage } = useConversationMessages({\n    conversation_id,\n  })\n\n  useEffect(() => {\n    navigation.setOptions({ title: conversation?.title })\n  }, [conversation, conversation_id, navigation])\n\n  return (\n    <SafeAreaView style={styles.container} edges={['top', 'bottom', 'left', 'right']}>\n      <FlatList\n        inverted\n        contentContainerStyle={styles.listContainer}\n        refreshing={isRefetching}\n        onRefresh={refetch}\n        data={messages}\n        keyExtractor={item => item.id}\n        renderItem={({ item }) => <Message {...item} conversation_id={conversation_id} />}\n        onEndReached={() => fetchNextPage()}\n      />\n      <View style={styles.textInputContainer}>\n        <TextInput\n          aria-disabled={true}\n          placeholder=\"Send a message\"\n          onChangeText={() => console.log('TODO: Implement sending a message')}\n          value=\"\"\n          style={styles.textInput}\n        />\n      </View>\n    </SafeAreaView>\n  )\n}\n\nconst useStyles = () => {\n  const navigationTheme = useNavigationTheme()\n\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n      justifyContent: 'center',\n      backgroundColor: navigationTheme.colors.card,\n    },\n    listContainer: {\n      gap: 12,\n      paddingHorizontal: 16,\n      paddingVertical: 12,\n    },\n    textInputContainer: {\n      borderTopWidth: 1,\n      padding: 12,\n      backgroundColor: navigationTheme.colors.card,\n    },\n    textInput: { borderRadius: 16, borderWidth: 1, padding: 12 },\n  })\n}\n\nfunction Message(props: MessageResource & { conversation_id: string }) {\n  const { text, conversation_id, reactionCounts } = props\n  const styles = useMessageStyles(props)\n  const navigation = useNavigation()\n  const handleMessagePress = () => {\n    navigation.navigate('MessageActions', {\n      message_id: props.id,\n      conversation_id,\n    })\n  }\n  // TODO: open the reaction screen to show who reacted\n  const handleReactionPress = handleMessagePress\n\n  if (!text) return null\n\n  return (\n    <View style={styles.message}>\n      {!props.mine && (\n        <View style={styles.messageAuthor}>\n          <Avatar size={'md'} sourceUri={props.author.avatar} />\n        </View>\n      )}\n      <View style={styles.messageContent}>\n        {!props.mine && (\n          <Text variant=\"tertiary\" style={styles.authorName}>\n            {props.author.name}\n          </Text>\n        )}\n        <PlatformPressable style={styles.messageBubble} onLongPress={handleMessagePress}>\n          <Text style={styles.messageText}>{text}</Text>\n        </PlatformPressable>\n        <View style={styles.messageReactions}>\n          {reactionCounts.map(reaction => (\n            <MessageReaction\n              key={reaction.value}\n              reaction={reaction}\n              onPress={handleReactionPress}\n            />\n          ))}\n        </View>\n      </View>\n    </View>\n  )\n}\n\nconst useMessageStyles = ({ mine }: MessageResource) => {\n  const { colors } = useTheme()\n  const activeColor = colorFunction(colors.interaction).alpha(0.2).string()\n\n  return StyleSheet.create({\n    message: {\n      gap: 8,\n      flexDirection: mine ? 'row-reverse' : 'row',\n    },\n    messageContent: {\n      gap: 8,\n      flexShrink: 1,\n    },\n    messageAuthor: {\n      flexDirection: 'row',\n      gap: 8,\n    },\n    authorName: {},\n    authorAvatar: {},\n    messageBubble: {\n      backgroundColor: mine ? activeColor : colors.fillColorNeutral070,\n      borderRadius: 12,\n      paddingVertical: 6,\n      paddingHorizontal: 8,\n    },\n    messageText: {\n      color: colors.textColorDefaultPrimary,\n    },\n    messageReactions: {\n      flexDirection: 'row',\n      gap: 4,\n      justifyContent: mine ? 'flex-end' : 'flex-start',\n    },\n  })\n}\n"]}
+{"version":3,"file":"conversation_screen.js","sourceRoot":"","sources":["../../src/screens/conversation_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  StaticScreenProps,\n  useNavigation,\n  useTheme as useNavigationTheme,\n} from '@react-navigation/native'\nimport React, { useEffect } from 'react'\nimport { FlatList, StyleSheet, View } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Message } from '../components/conversation/message'\nimport { MessageForm } from '../components/conversation/message_form'\nimport { KeyboardView } from '../components/display/keyboard_view'\nimport { useConversationMessages } from '../hooks/use_conversation_messages'\nimport { useSuspenseGet } from '../hooks/use_suspense_api'\nimport { ConversationResource } from '../types'\n\nexport type ConversationScreenProps = StaticScreenProps<{\n  conversation_id: string\n  chat_group_graph_id: string\n}>\n\nexport function ConversationScreen({ route }: ConversationScreenProps) {\n  const navigation = useNavigation()\n  const { conversation_id } = route.params\n  const styles = useStyles()\n\n  const { data: conversation } = useSuspenseGet<ConversationResource>({\n    url: `/me/conversations/${conversation_id}`,\n    data: {\n      fields: {\n        Conversation: ['title'],\n      },\n    },\n  })\n\n  const { messages, refetch, isRefetching, fetchNextPage } = useConversationMessages({\n    conversation_id,\n  })\n\n  useEffect(() => {\n    navigation.setOptions({ title: conversation?.title })\n  }, [conversation, conversation_id, navigation])\n\n  return (\n    <View style={styles.container}>\n      <KeyboardView style={styles.keyboardView}>\n        <FlatList\n          inverted\n          contentContainerStyle={styles.listContainer}\n          refreshing={isRefetching}\n          onRefresh={refetch}\n          data={messages}\n          keyExtractor={item => item.id}\n          renderItem={({ item }) => <Message {...item} conversation_id={conversation_id} />}\n          onEndReached={() => fetchNextPage()}\n        />\n        <MessageForm.Root conversation={conversation}>\n          {/* <MessageForm.AttachmentPicker /> */}\n          {/* <MessageForm.Commands /> */}\n          <MessageForm.TextInput />\n          <MessageForm.SubmitButton />\n        </MessageForm.Root>\n      </KeyboardView>\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const navigationTheme = useNavigationTheme()\n  const { bottom } = useSafeAreaInsets()\n\n  return StyleSheet.create({\n    container: {\n      flex: 1,\n      justifyContent: 'center',\n      backgroundColor: navigationTheme.colors.card,\n      paddingBottom: bottom,\n    },\n    keyboardView: {\n      flex: 1,\n    },\n    listContainer: {\n      gap: 12,\n      paddingHorizontal: 16,\n      paddingVertical: 12,\n    },\n  })\n}\n"]}

package/build/screens/message_actions_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message_actions_screen.d.ts","sourceRoot":"","sources":["../../src/screens/message_actions_screen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AAC3E,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAA;AAG7E,OAAO,KAAqB,MAAM,OAAO,CAAA;AAYzC,eAAO,MAAM,kBAAkB,EAAE,4BAKhC,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;IAClD,UAAU,EAAE,MAAM,CAAA;IAClB,eAAe,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAEF,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE,mBAAmB,qBAmGlE"}
+{"version":3,"file":"message_actions_screen.d.ts","sourceRoot":"","sources":["../../src/screens/message_actions_screen.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AAC3E,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAA;AAE7E,OAAO,KAAkC,MAAM,OAAO,CAAA;AAatD,eAAO,MAAM,kBAAkB,EAAE,4BAKhC,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;IAClD,UAAU,EAAE,MAAM,CAAA;IAClB,eAAe,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAEF,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,EAAE,mBAAmB,qBAiHlE"}