@messenger-box/platform-mobile 10.0.3-alpha.20 → 10.0.3-alpha.201

package/lib/components/messages-container-ui/PlanModeView.js

@@ -0,0 +1,336 @@
+import React__default,{useRef,useState,useCallback,useMemo}from'react';import {StyleSheet,View,KeyboardAvoidingView,Platform,TouchableOpacity,Text}from'react-native';import {Bubble,MessageText,GiftedChat}from'react-native-gifted-chat';import Markdown from'react-native-markdown-display';var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const USER_BUBBLE_BG = "#2563eb";
+const ASSISTANT_BUBBLE_BG = "#ffffff";
+const BORDER_COLOR = "#e5e7eb";
+function planMessageToGifted(msg, currentUserId, index, total) {
+  const isUser = msg.role === "user";
+  return {
+    _id: msg.id,
+    text: msg.content,
+    createdAt: new Date(Date.now() - (total - 1 - index) * 6e4),
+    user: {
+      _id: isUser ? currentUserId : "assistant",
+      name: isUser ? "You" : "Assistant",
+      avatar: isUser ? void 0 : void 0
+    }
+  };
+}
+function PlanModeView({
+  messages,
+  streamingContent,
+  currentUser,
+  onSend,
+  disabled = false,
+  isLoading = false,
+  onStop,
+  messagesContainerStyle: messagesContainerStyleOverride,
+  listContentStyle: listContentStyleOverride,
+  showDate = false,
+  showAvatar = false,
+  showMessageBubbleBorder = false,
+  renderInputToolbar
+}) {
+  var _a;
+  const [inputValue, setInputValue] = React__default.useState("");
+  const messageListRef = useRef(null);
+  const [scrollFlags, setScrollFlags] = useState({
+    showScrollToBottom: false,
+    showScrollToTop: false
+  });
+  const SCROLL_THRESHOLD = 60;
+  const handleScroll = useCallback((e) => {
+    var _a2, _b;
+    const {
+      contentOffset,
+      contentSize,
+      layoutMeasurement
+    } = e.nativeEvent;
+    const {
+      y: offsetY
+    } = contentOffset;
+    const contentHeight = (_a2 = contentSize == null ? void 0 : contentSize.height) != null ? _a2 : 0;
+    const layoutHeight = (_b = layoutMeasurement == null ? void 0 : layoutMeasurement.height) != null ? _b : 0;
+    const maxOffset = Math.max(0, contentHeight - layoutHeight);
+    setScrollFlags({
+      showScrollToBottom: maxOffset > SCROLL_THRESHOLD && offsetY > SCROLL_THRESHOLD,
+      showScrollToTop: maxOffset > SCROLL_THRESHOLD && offsetY < maxOffset - SCROLL_THRESHOLD
+    });
+  }, []);
+  const scrollToBottom = useCallback(() => {
+    var _a2, _b;
+    (_b = (_a2 = messageListRef.current) == null ? void 0 : _a2.scrollToOffset) == null ? void 0 : _b.call(_a2, {
+      offset: 0,
+      animated: true
+    });
+  }, []);
+  const scrollToTop = useCallback(() => {
+    var _a2, _b;
+    (_b = (_a2 = messageListRef.current) == null ? void 0 : _a2.scrollToEnd) == null ? void 0 : _b.call(_a2, {
+      animated: true
+    });
+  }, []);
+  const giftedMessages = useMemo(() => {
+    const list = messages.map((m, i) => planMessageToGifted(m, currentUser.id, i, messages.length));
+    return [...list].reverse();
+  }, [messages, currentUser.id]);
+  const messagesWithStreaming = useMemo(() => {
+    if (!(streamingContent == null ? void 0 : streamingContent.trim())) return giftedMessages;
+    const streamMsg = {
+      _id: "__streaming__",
+      text: streamingContent,
+      createdAt: new Date(Date.now() + 6e4),
+      user: {
+        _id: "assistant",
+        name: "Assistant"
+      }
+    };
+    return [streamMsg, ...giftedMessages];
+  }, [giftedMessages, streamingContent]);
+  const handleSend = useCallback((msgs = []) => {
+    var _a2, _b;
+    const text = ((_b = (_a2 = msgs[0]) == null ? void 0 : _a2.text) != null ? _b : "").trim();
+    if (!text) return;
+    onSend(text);
+  }, [onSend]);
+  const renderBubble = useCallback((props) => {
+    var _a2, _b, _c;
+    ((_b = (_a2 = props.currentMessage) == null ? void 0 : _a2.user) == null ? void 0 : _b._id) === ((_c = props.user) == null ? void 0 : _c._id);
+    return /* @__PURE__ */ React__default.createElement(Bubble, __spreadProps(__spreadValues({}, props), { renderTime: showDate ? void 0 : () => null, wrapperStyle: {
+      right: {
+        backgroundColor: USER_BUBBLE_BG,
+        borderRadius: 16,
+        padding: 12,
+        maxWidth: "92%",
+        marginHorizontal: 8
+      },
+      left: __spreadValues({
+        backgroundColor: ASSISTANT_BUBBLE_BG,
+        borderRadius: 16,
+        padding: 12,
+        width: "100%",
+        maxWidth: "100%",
+        alignSelf: "stretch",
+        marginHorizontal: 0
+      }, showMessageBubbleBorder && {
+        borderWidth: 1,
+        borderColor: BORDER_COLOR
+      })
+    }, textStyle: {
+      right: {
+        color: "#ffffff",
+        fontSize: 15
+      },
+      left: {
+        color: "#111827",
+        fontSize: 15
+      }
+    } }));
+  }, [showDate, showMessageBubbleBorder]);
+  const renderMessage = useCallback((props) => /* @__PURE__ */ React__default.createElement(View, { style: styles.messageRow }, showAvatar && props.renderAvatar ? /* @__PURE__ */ React__default.createElement(View, { style: styles.messageAvatarWrap }, props.renderAvatar(props)) : null, /* @__PURE__ */ React__default.createElement(View, { style: [styles.messageBubbleWrap, !showAvatar && styles.messageBubbleWrapFull] }, renderBubble(props))), [showAvatar, renderBubble]);
+  const renderMessageText = useCallback((props) => {
+    var _a2, _b, _c, _d;
+    const isAssistant = ((_b = (_a2 = props.currentMessage) == null ? void 0 : _a2.user) == null ? void 0 : _b._id) !== currentUser.id;
+    const text = (_d = (_c = props.currentMessage) == null ? void 0 : _c.text) != null ? _d : "";
+    if (isAssistant && text) {
+      return /* @__PURE__ */ React__default.createElement(Markdown, { style: {
+        body: {
+          color: "#111827",
+          fontSize: 15,
+          lineHeight: 22
+        },
+        heading1: {
+          fontSize: 18,
+          fontWeight: "700",
+          marginTop: 12,
+          marginBottom: 4
+        },
+        heading2: {
+          fontSize: 16,
+          fontWeight: "700",
+          marginTop: 10,
+          marginBottom: 4
+        },
+        heading3: {
+          fontSize: 15,
+          fontWeight: "600",
+          marginTop: 8,
+          marginBottom: 4
+        },
+        strong: {
+          fontWeight: "700"
+        },
+        paragraph: {
+          marginTop: 4,
+          marginBottom: 4
+        },
+        list_item: {
+          marginVertical: 2
+        },
+        bullet_list: {
+          marginVertical: 4
+        },
+        ordered_list: {
+          marginVertical: 4
+        },
+        code_inline: {
+          backgroundColor: "#f3f4f6",
+          paddingHorizontal: 4,
+          borderRadius: 4,
+          fontSize: 14
+        },
+        code_block: {
+          backgroundColor: "#f3f4f6",
+          padding: 12,
+          borderRadius: 8,
+          marginVertical: 8,
+          fontSize: 14
+        }
+      } }, text);
+    }
+    return /* @__PURE__ */ React__default.createElement(MessageText, __spreadValues({}, props));
+  }, [currentUser.id]);
+  const onSendFromInput = useCallback(() => {
+    const t = inputValue.trim();
+    if (!t) return;
+    onSend(t);
+    setInputValue("");
+  }, [inputValue, onSend]);
+  const renderInputToolbarCallback = useCallback((props) => /* @__PURE__ */ React__default.createElement(View, { style: styles.inputToolbarWrap }, renderInputToolbar({
+    value: inputValue,
+    onChange: setInputValue,
+    onSend: onSendFromInput,
+    disabled: disabled || isLoading
+  })), [inputValue, disabled, isLoading, onSendFromInput, renderInputToolbar]);
+  return /* @__PURE__ */ React__default.createElement(KeyboardAvoidingView, { style: styles.container, behavior: Platform.OS === "ios" ? "padding" : void 0, keyboardVerticalOffset: Platform.OS === "ios" ? 64 : 0 }, /* @__PURE__ */ React__default.createElement(View, { style: styles.chatArea }, /* @__PURE__ */ React__default.createElement(GiftedChat, { messageContainerRef: messageListRef, messages: messagesWithStreaming, onSend: handleSend, user: {
+    _id: currentUser.id,
+    name: (_a = currentUser.name) != null ? _a : "You",
+    avatar: currentUser.avatar
+  }, renderMessage, renderBubble, renderMessageText, renderInputToolbar: renderInputToolbarCallback, renderComposer: () => null, renderSend: () => null, renderAvatar: showAvatar ? void 0 : () => null, showUserAvatar: showAvatar, renderTime: showDate ? void 0 : () => null, renderDay: showDate ? void 0 : () => null, listViewProps: {
+    style: styles.list,
+    contentContainerStyle: [styles.listContent, listContentStyleOverride],
+    onScroll: handleScroll,
+    scrollEventThrottle: 100
+  }, messagesContainerStyle: [styles.messagesContainer, styles.messagesContainerFullWidth, messagesContainerStyleOverride], scrollToBottom: false, minInputToolbarHeight: 56 }), scrollFlags.showScrollToBottom && /* @__PURE__ */ React__default.createElement(TouchableOpacity, { style: styles.scrollFabBottom, onPress: scrollToBottom, activeOpacity: 0.8, accessibilityLabel: "Scroll to bottom" }, /* @__PURE__ */ React__default.createElement(Text, { style: styles.scrollFabText }, "\u2193")), scrollFlags.showScrollToTop && /* @__PURE__ */ React__default.createElement(TouchableOpacity, { style: styles.scrollFabTop, onPress: scrollToTop, activeOpacity: 0.8, accessibilityLabel: "Scroll to top" }, /* @__PURE__ */ React__default.createElement(Text, { style: styles.scrollFabText }, "\u2191"))));
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  chatArea: {
+    flex: 1
+  },
+  list: {
+    flex: 1
+  },
+  listContent: {
+    flexGrow: 1,
+    justifyContent: "flex-end",
+    paddingTop: 0,
+    paddingBottom: 8,
+    paddingHorizontal: 0
+  },
+  messagesContainer: {
+    paddingTop: 0,
+    paddingBottom: 8
+  },
+  messagesContainerFullWidth: {
+    paddingHorizontal: 0,
+    paddingLeft: 0,
+    paddingRight: 0,
+    marginHorizontal: 0
+  },
+  messageRow: {
+    width: "100%",
+    paddingHorizontal: 0,
+    marginHorizontal: 0,
+    flexDirection: "row",
+    alignItems: "flex-end",
+    marginBottom: 4
+  },
+  messageAvatarWrap: {
+    marginRight: 8
+  },
+  messageBubbleWrap: {
+    flex: 1,
+    minWidth: 0
+  },
+  messageBubbleWrapFull: {
+    width: "100%",
+    flex: void 0
+  },
+  scrollToBottom: {
+    width: 32,
+    height: 32,
+    borderRadius: 16,
+    backgroundColor: "#fff",
+    marginBottom: 8
+  },
+  scrollFabBottom: {
+    position: "absolute",
+    right: 12,
+    bottom: 120,
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+    backgroundColor: "#fff",
+    alignItems: "center",
+    justifyContent: "center",
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.2,
+    shadowRadius: 2,
+    elevation: 3
+  },
+  scrollFabTop: {
+    position: "absolute",
+    right: 12,
+    top: 12,
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+    backgroundColor: "#fff",
+    alignItems: "center",
+    justifyContent: "center",
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.2,
+    shadowRadius: 2,
+    elevation: 3
+  },
+  scrollFabText: {
+    fontSize: 20,
+    color: "#2563eb",
+    fontWeight: "600"
+  },
+  inputToolbarWrap: {
+    paddingHorizontal: 8,
+    paddingVertical: 8,
+    backgroundColor: "#fff",
+    borderTopWidth: 1,
+    borderTopColor: BORDER_COLOR
+  }
+});export{PlanModeView};//# sourceMappingURL=PlanModeView.js.map

package/lib/components/messages-container-ui/PlanModeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanModeView.js","sources":["../../../src/components/messages-container-ui/PlanModeView.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState } from 'react';\nimport {\n    View,\n    Text,\n    TouchableOpacity,\n    StyleSheet,\n    Platform,\n    KeyboardAvoidingView,\n    type StyleProp,\n    type ViewStyle,\n} from 'react-native';\nimport { GiftedChat, IMessage, MessageText, Bubble } from 'react-native-gifted-chat';\nimport Markdown from 'react-native-markdown-display';\nimport type { PlanMessage } from './types';\n\nconst USER_BUBBLE_BG = '#2563eb';\nconst ASSISTANT_BUBBLE_BG = '#ffffff';\nconst BORDER_COLOR = '#e5e7eb';\n\nexport interface PlanModeViewInputToolbarProps {\n    value: string;\n    onChange: (text: string) => void;\n    onSend: () => void;\n    disabled?: boolean;\n}\n\nexport interface PlanModeViewProps {\n    messages: PlanMessage[];\n    streamingContent?: string;\n    currentUser: { id: string; name?: string; avatar?: string };\n    onSend: (text: string) => void;\n    disabled?: boolean;\n    isLoading?: boolean;\n    onStop?: () => void;\n    /** Optional overrides for message list layout */\n    messagesContainerStyle?: StyleProp<ViewStyle>;\n    /** Optional overrides for list content */\n    listContentStyle?: StyleProp<ViewStyle>;\n    /** Show date/timestamp on messages. Default false (Kimi-style: hide). */\n    showDate?: boolean;\n    /** Show avatar/icon next to messages. Default false (Kimi-style: hide). */\n    showAvatar?: boolean;\n    /** Show border around assistant message bubbles. Default false (hide). */\n    showMessageBubbleBorder?: boolean;\n    /** Input component is passed from outside; receives value, onChange, onSend, disabled */\n    renderInputToolbar: (props: PlanModeViewInputToolbarProps) => React.ReactNode;\n}\n\nfunction planMessageToGifted(msg: PlanMessage, currentUserId: string, index: number, total: number): IMessage {\n    const isUser = msg.role === 'user';\n    return {\n        _id: msg.id,\n        text: msg.content,\n        createdAt: new Date(Date.now() - (total - 1 - index) * 60000),\n        user: {\n            _id: isUser ? currentUserId : 'assistant',\n            name: isUser ? 'You' : 'Assistant',\n            avatar: isUser ? undefined : undefined,\n        },\n    };\n}\n\nexport function PlanModeView({\n    messages,\n    streamingContent,\n    currentUser,\n    onSend,\n    disabled = false,\n    isLoading = false,\n    onStop,\n    messagesContainerStyle: messagesContainerStyleOverride,\n    listContentStyle: listContentStyleOverride,\n    showDate = false,\n    showAvatar = false,\n    showMessageBubbleBorder = false,\n    renderInputToolbar,\n}: PlanModeViewProps) {\n    const [inputValue, setInputValue] = React.useState('');\n    const messageListRef = useRef<any>(null);\n    const [scrollFlags, setScrollFlags] = useState({ showScrollToBottom: false, showScrollToTop: false });\n\n    const SCROLL_THRESHOLD = 60;\n    const handleScroll = useCallback((e: any) => {\n        const { contentOffset, contentSize, layoutMeasurement } = e.nativeEvent;\n        const { y: offsetY } = contentOffset;\n        const contentHeight = contentSize?.height ?? 0;\n        const layoutHeight = layoutMeasurement?.height ?? 0;\n        const maxOffset = Math.max(0, contentHeight - layoutHeight);\n        setScrollFlags({\n            showScrollToBottom: maxOffset > SCROLL_THRESHOLD && offsetY > SCROLL_THRESHOLD,\n            showScrollToTop: maxOffset > SCROLL_THRESHOLD && offsetY < maxOffset - SCROLL_THRESHOLD,\n        });\n    }, []);\n\n    const scrollToBottom = useCallback(() => {\n        messageListRef.current?.scrollToOffset?.({ offset: 0, animated: true });\n    }, []);\n    const scrollToTop = useCallback(() => {\n        messageListRef.current?.scrollToEnd?.({ animated: true });\n    }, []);\n\n    const giftedMessages: IMessage[] = useMemo(() => {\n        const list = messages.map((m, i) => planMessageToGifted(m, currentUser.id, i, messages.length));\n        return [...list].reverse();\n    }, [messages, currentUser.id]);\n\n    const messagesWithStreaming = useMemo(() => {\n        if (!streamingContent?.trim()) return giftedMessages;\n        const streamMsg: IMessage = {\n            _id: '__streaming__',\n            text: streamingContent,\n            createdAt: new Date(Date.now() + 60000),\n            user: { _id: 'assistant', name: 'Assistant' },\n        };\n        return [streamMsg, ...giftedMessages];\n    }, [giftedMessages, streamingContent]);\n\n    const handleSend = useCallback(\n        (msgs: IMessage[] = []) => {\n            const text = (msgs[0]?.text ?? '').trim();\n            if (!text) return;\n            onSend(text);\n        },\n        [onSend],\n    );\n\n    const renderBubble = useCallback(\n        (props: any) => {\n            const isUser = props.currentMessage?.user?._id === props.user?._id;\n            return (\n                <Bubble\n                    {...props}\n                    renderTime={showDate ? undefined : () => null}\n                    wrapperStyle={{\n                        right: {\n                            backgroundColor: USER_BUBBLE_BG,\n                            borderRadius: 16,\n                            padding: 12,\n                            maxWidth: '92%',\n                            marginHorizontal: 8,\n                        },\n                        left: {\n                            backgroundColor: ASSISTANT_BUBBLE_BG,\n                            borderRadius: 16,\n                            padding: 12,\n                            width: '100%',\n                            maxWidth: '100%',\n                            alignSelf: 'stretch',\n                            marginHorizontal: 0,\n                            ...(showMessageBubbleBorder && { borderWidth: 1, borderColor: BORDER_COLOR }),\n                        },\n                    }}\n                    textStyle={{\n                        right: { color: '#ffffff', fontSize: 15 },\n                        left: { color: '#111827', fontSize: 15 },\n                    }}\n                />\n            );\n        },\n        [showDate, showMessageBubbleBorder],\n    );\n\n    const renderMessage = useCallback(\n        (props: any) => (\n            <View style={styles.messageRow}>\n                {showAvatar && props.renderAvatar ? (\n                    <View style={styles.messageAvatarWrap}>{props.renderAvatar(props)}</View>\n                ) : null}\n                <View style={[styles.messageBubbleWrap, !showAvatar && styles.messageBubbleWrapFull]}>\n                    {renderBubble(props)}\n                </View>\n            </View>\n        ),\n        [showAvatar, renderBubble],\n    );\n\n    const renderMessageText = useCallback(\n        (props: any) => {\n            const isAssistant = props.currentMessage?.user?._id !== currentUser.id;\n            const text = props.currentMessage?.text ?? '';\n            if (isAssistant && text) {\n                return (\n                    <Markdown\n                        style={{\n                            body: { color: '#111827', fontSize: 15, lineHeight: 22 },\n                            heading1: { fontSize: 18, fontWeight: '700', marginTop: 12, marginBottom: 4 },\n                            heading2: { fontSize: 16, fontWeight: '700', marginTop: 10, marginBottom: 4 },\n                            heading3: { fontSize: 15, fontWeight: '600', marginTop: 8, marginBottom: 4 },\n                            strong: { fontWeight: '700' },\n                            paragraph: { marginTop: 4, marginBottom: 4 },\n                            list_item: { marginVertical: 2 },\n                            bullet_list: { marginVertical: 4 },\n                            ordered_list: { marginVertical: 4 },\n                            code_inline: {\n                                backgroundColor: '#f3f4f6',\n                                paddingHorizontal: 4,\n                                borderRadius: 4,\n                                fontSize: 14,\n                            },\n                            code_block: {\n                                backgroundColor: '#f3f4f6',\n                                padding: 12,\n                                borderRadius: 8,\n                                marginVertical: 8,\n                                fontSize: 14,\n                            },\n                        }}\n                    >\n                        {text}\n                    </Markdown>\n                );\n            }\n            return <MessageText {...props} />;\n        },\n        [currentUser.id],\n    );\n\n    const onSendFromInput = useCallback(() => {\n        const t = inputValue.trim();\n        if (!t) return;\n        onSend(t);\n        setInputValue('');\n    }, [inputValue, onSend]);\n\n    const renderInputToolbarCallback = useCallback(\n        (props: any) => (\n            <View style={styles.inputToolbarWrap}>\n                {renderInputToolbar({\n                    value: inputValue,\n                    onChange: setInputValue,\n                    onSend: onSendFromInput,\n                    disabled: disabled || isLoading,\n                })}\n            </View>\n        ),\n        [inputValue, disabled, isLoading, onSendFromInput, renderInputToolbar],\n    );\n\n    return (\n        <KeyboardAvoidingView\n            style={styles.container}\n            behavior={Platform.OS === 'ios' ? 'padding' : undefined}\n            keyboardVerticalOffset={Platform.OS === 'ios' ? 64 : 0}\n        >\n            <View style={styles.chatArea}>\n                <GiftedChat\n                    messageContainerRef={messageListRef}\n                    messages={messagesWithStreaming}\n                    onSend={handleSend}\n                    user={{ _id: currentUser.id, name: currentUser.name ?? 'You', avatar: currentUser.avatar }}\n                    renderMessage={renderMessage}\n                    renderBubble={renderBubble}\n                    renderMessageText={renderMessageText}\n                    renderInputToolbar={renderInputToolbarCallback}\n                    renderComposer={() => null}\n                    renderSend={() => null}\n                    renderAvatar={showAvatar ? undefined : () => null}\n                    showUserAvatar={showAvatar}\n                    renderTime={showDate ? undefined : () => null}\n                    renderDay={showDate ? undefined : () => null}\n                    listViewProps={{\n                        style: styles.list,\n                        contentContainerStyle: [styles.listContent, listContentStyleOverride],\n                        onScroll: handleScroll,\n                        scrollEventThrottle: 100,\n                    }}\n                    messagesContainerStyle={[\n                        styles.messagesContainer,\n                        styles.messagesContainerFullWidth,\n                        messagesContainerStyleOverride,\n                    ]}\n                    scrollToBottom={false}\n                    minInputToolbarHeight={56}\n                />\n                {scrollFlags.showScrollToBottom && (\n                    <TouchableOpacity\n                        style={styles.scrollFabBottom}\n                        onPress={scrollToBottom}\n                        activeOpacity={0.8}\n                        accessibilityLabel=\"Scroll to bottom\"\n                    >\n                        <Text style={styles.scrollFabText}>↓</Text>\n                    </TouchableOpacity>\n                )}\n                {scrollFlags.showScrollToTop && (\n                    <TouchableOpacity\n                        style={styles.scrollFabTop}\n                        onPress={scrollToTop}\n                        activeOpacity={0.8}\n                        accessibilityLabel=\"Scroll to top\"\n                    >\n                        <Text style={styles.scrollFabText}>↑</Text>\n                    </TouchableOpacity>\n                )}\n            </View>\n        </KeyboardAvoidingView>\n    );\n}\n\nconst styles = StyleSheet.create({\n    container: { flex: 1 },\n    chatArea: { flex: 1 },\n    list: { flex: 1 },\n    listContent: { flexGrow: 1, justifyContent: 'flex-end', paddingTop: 0, paddingBottom: 8, paddingHorizontal: 0 },\n    messagesContainer: { paddingTop: 0, paddingBottom: 8 },\n    messagesContainerFullWidth: { paddingHorizontal: 0, paddingLeft: 0, paddingRight: 0, marginHorizontal: 0 },\n    messageRow: {\n        width: '100%',\n        paddingHorizontal: 0,\n        marginHorizontal: 0,\n        flexDirection: 'row',\n        alignItems: 'flex-end',\n        marginBottom: 4,\n    },\n    messageAvatarWrap: { marginRight: 8 },\n    messageBubbleWrap: { flex: 1, minWidth: 0 },\n    messageBubbleWrapFull: { width: '100%', flex: undefined },\n    scrollToBottom: { width: 32, height: 32, borderRadius: 16, backgroundColor: '#fff', marginBottom: 8 },\n    scrollFabBottom: {\n        position: 'absolute',\n        right: 12,\n        bottom: 120,\n        width: 40,\n        height: 40,\n        borderRadius: 20,\n        backgroundColor: '#fff',\n        alignItems: 'center',\n        justifyContent: 'center',\n        shadowColor: '#000',\n        shadowOffset: { width: 0, height: 1 },\n        shadowOpacity: 0.2,\n        shadowRadius: 2,\n        elevation: 3,\n    },\n    scrollFabTop: {\n        position: 'absolute',\n        right: 12,\n        top: 12,\n        width: 40,\n        height: 40,\n        borderRadius: 20,\n        backgroundColor: '#fff',\n        alignItems: 'center',\n        justifyContent: 'center',\n        shadowColor: '#000',\n        shadowOffset: { width: 0, height: 1 },\n        shadowOpacity: 0.2,\n        shadowRadius: 2,\n        elevation: 3,\n    },\n    scrollFabText: { fontSize: 20, color: '#2563eb', fontWeight: '600' },\n    inputToolbarWrap: {\n        paddingHorizontal: 8,\n        paddingVertical: 8,\n        backgroundColor: '#fff',\n        borderTopWidth: 1,\n        borderTopColor: BORDER_COLOR,\n    },\n});\n"],"names":["React","_a"],"mappings":"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"}

package/lib/compute.js

@@ -42,8 +42,7 @@ const inboxPageStore = [{
   componentPath: "@messenger-box/platform-mobile/lib/screens/inbox/DialogThreads.js",
   hasComponent: true,
   queries: {
-    ViewChannelDetailDocument: "{id: params.id}",
-    ThreadMessagesDocument: "{channelId: params.channelId,role: params.role,limit: params.limit,repliesLimit2: 5}"
+    ChannelDetailDocument: "{}"
   }
 }, {
   key: "threadmessage",
@@ -68,7 +67,7 @@ const inboxPageStore = [{
   componentPath: "@messenger-box/platform-mobile/lib/screens/inbox/DialogThreadMessages.js",
   hasComponent: true,
   queries: {
-    ViewChannelDetailDocument: "{id: params.id}"
+    ChannelDetailDocument: "{}"
   }
 }];
 const selectedRoutes = ["message", "thread", "threadmessage"];

package/lib/compute.js.map

@@ -1 +1 @@
-{"version":3,"file":"compute.js","sources":["../src/compute.ts"],"sourcesContent":["/* eslint-disable import/no-extraneous-dependencies */\nimport { getFilteredRoutes } from '@common-stack/client-react/lib/utils/filteredRoutes.js';\nimport type { IRouteModule } from '@common-stack/core';\n\nexport const inboxPageStore: IRouteModule[] = [\n    {\n        key: 'message',\n        path: '/message',\n        name: 'Message',\n        exact: true,\n        component: () => import('./screens/inbox/DialogMessages'),\n        props: {\n            initialParams: { channelId: null, role: null, isShowThreadMessage: true },\n            options: {\n                headerShown: true,\n                title: 'Inbox',\n                headerBackTitleVisible: false,\n                gestureEnabled: false,\n                swipeEnabled: false,\n            },\n        },\n    },\n    {\n        key: 'thread',\n        path: '/thread',\n        name: 'Thread',\n        exact: true,\n        component: () => import('./screens/inbox/DialogThreads'),\n        props: {\n            initialParams: { channelId: null, postParentId: null, role: null },\n            options: {\n                headerShown: true,\n                title: 'Thread',\n                headerBackTitleVisible: false,\n                gestureEnabled: false,\n                swipeEnabled: false,\n            },\n        },\n    },\n    {\n        key: 'threadmessage',\n        path: '/threadmessage',\n        name: 'ThreadMessage',\n        exact: true,\n        component: () => import('./screens/inbox/DialogThreadMessages'),\n        props: {\n            initialParams: { channelId: null, postParentId: null, isPostParentIdThread: null, role: null },\n            options: {\n                headerShown: true,\n                title: 'Inbox',\n                headerBackTitleVisible: false,\n                gestureEnabled: false,\n                swipeEnabled: false,\n            },\n        },\n    },\n];\n\nconst selectedRoutes = ['message', 'thread', 'threadmessage'];\n\nconst filteredRoutes = getFilteredRoutes(inboxPageStore, selectedRoutes);\n\nexport { filteredRoutes };\n"],"names":[],"mappings":"uFAGO,MAAM,iBAAiC,CAAC;AAAA,EAC7C,GAAK,EAAA,SAAA;AAAA,EACL,IAAM,EAAA,UAAA;AAAA,EACN,IAAM,EAAA,SAAA;AAAA,EACN,KAAO,EAAA,IAAA;AAAA,EACP,SAAA,EAAW,MAAM,OAAO,mCAAA,CAAA;AAAA,EACxB,KAAO,EAAA;AAAA,IACL,aAAe,EAAA;AAAA,MACb,SAAW,EAAA,IAAA;AAAA,MACX,IAAM,EAAA,IAAA;AAAA,MACN,mBAAqB,EAAA;AAAA,KACvB;AAAA,IACA,OAAS,EAAA;AAAA,MACP,WAAa,EAAA,IAAA;AAAA,MACb,KAAO,EAAA,OAAA;AAAA,MACP,sBAAwB,EAAA,KAAA;AAAA,MACxB,cAAgB,EAAA,KAAA;AAAA,MAChB,YAAc,EAAA;AAAA;AAChB;AAEJ,CAAG,EAAA;AAAA,EACD,GAAK,EAAA,QAAA;AAAA,EACL,IAAM,EAAA,SAAA;AAAA,EACN,IAAM,EAAA,QAAA;AAAA,EACN,KAAO,EAAA,IAAA;AAAA,EACP,SAAA,EAAW,MAAM,OAAO,kCAAA,CAAA;AAAA,EACxB,KAAO,EAAA;AAAA,IACL,aAAe,EAAA;AAAA,MACb,SAAW,EAAA,IAAA;AAAA,MACX,YAAc,EAAA,IAAA;AAAA,MACd,IAAM,EAAA;AAAA,KACR;AAAA,IACA,OAAS,EAAA;AAAA,MACP,WAAa,EAAA,IAAA;AAAA,MACb,KAAO,EAAA,QAAA;AAAA,MACP,sBAAwB,EAAA,KAAA;AAAA,MACxB,cAAgB,EAAA,KAAA;AAAA,MAChB,YAAc,EAAA;AAAA;AAChB;AAEJ,CAAG,EAAA;AAAA,EACD,GAAK,EAAA,eAAA;AAAA,EACL,IAAM,EAAA,gBAAA;AAAA,EACN,IAAM,EAAA,eAAA;AAAA,EACN,KAAO,EAAA,IAAA;AAAA,EACP,SAAA,EAAW,MAAM,OAAO,yCAAA,CAAA;AAAA,EACxB,KAAO,EAAA;AAAA,IACL,aAAe,EAAA;AAAA,MACb,SAAW,EAAA,IAAA;AAAA,MACX,YAAc,EAAA,IAAA;AAAA,MACd,oBAAsB,EAAA,IAAA;AAAA,MACtB,IAAM,EAAA;AAAA,KACR;AAAA,IACA,OAAS,EAAA;AAAA,MACP,WAAa,EAAA,IAAA;AAAA,MACb,KAAO,EAAA,OAAA;AAAA,MACP,sBAAwB,EAAA,KAAA;AAAA,MACxB,cAAgB,EAAA,KAAA;AAAA,MAChB,YAAc,EAAA;AAAA;AAChB;AAEJ,CAAC;AACD,MAAM,cAAiB,GAAA,CAAC,SAAW,EAAA,QAAA,EAAU,eAAe,CAAA;AACtD,MAAA,cAAA,GAAiB,iBAAkB,CAAA,cAAA,EAAgB,cAAc"}
+{"version":3,"file":"compute.js","sources":["../src/compute.ts"],"sourcesContent":["/* eslint-disable import/no-extraneous-dependencies */\nimport { getFilteredRoutes } from '@common-stack/client-react/lib/utils/filteredRoutes.js';\nimport type { IRouteModule } from '@common-stack/core';\n\nexport const inboxPageStore: IRouteModule[] = [\n    {\n        key: 'message',\n        path: '/message',\n        name: 'Message',\n        exact: true,\n        component: () => import('./screens/inbox/DialogMessages'),\n        props: {\n            initialParams: { channelId: null, role: null, isShowThreadMessage: true },\n            options: {\n                headerShown: true,\n                title: 'Inbox',\n                headerBackTitleVisible: false,\n                gestureEnabled: false,\n                swipeEnabled: false,\n            },\n        },\n    },\n    {\n        key: 'thread',\n        path: '/thread',\n        name: 'Thread',\n        exact: true,\n        component: () => import('./screens/inbox/DialogThreads'),\n        props: {\n            initialParams: { channelId: null, postParentId: null, role: null },\n            options: {\n                headerShown: true,\n                title: 'Thread',\n                headerBackTitleVisible: false,\n                gestureEnabled: false,\n                swipeEnabled: false,\n            },\n        },\n    },\n    {\n        key: 'threadmessage',\n        path: '/threadmessage',\n        name: 'ThreadMessage',\n        exact: true,\n        component: () => import('./screens/inbox/DialogThreadMessages'),\n        props: {\n            initialParams: { channelId: null, postParentId: null, isPostParentIdThread: null, role: null },\n            options: {\n                headerShown: true,\n                title: 'Inbox',\n                headerBackTitleVisible: false,\n                gestureEnabled: false,\n                swipeEnabled: false,\n            },\n        },\n    },\n];\n\nconst selectedRoutes = ['message', 'thread', 'threadmessage'];\n\nconst filteredRoutes = getFilteredRoutes(inboxPageStore, selectedRoutes);\n\nexport { filteredRoutes };\n"],"names":[],"mappings":"uFAGO,MAAM,iBAAiC,CAAC;AAAA,EAC7C,GAAA,EAAK,SAAA;AAAA,EACL,IAAA,EAAM,UAAA;AAAA,EACN,IAAA,EAAM,SAAA;AAAA,EACN,KAAA,EAAO,IAAA;AAAA,EACP,SAAA,EAAW,MAAM,OAAO,mCAAgC,CAAA;AAAA,EACxD,KAAA,EAAO;AAAA,IACL,aAAA,EAAe;AAAA,MACb,SAAA,EAAW,IAAA;AAAA,MACX,IAAA,EAAM,IAAA;AAAA,MACN,mBAAA,EAAqB;AAAA,KACvB;AAAA,IACA,OAAA,EAAS;AAAA,MACP,WAAA,EAAa,IAAA;AAAA,MACb,KAAA,EAAO,OAAA;AAAA,MACP,sBAAA,EAAwB,KAAA;AAAA,MACxB,cAAA,EAAgB,KAAA;AAAA,MAChB,YAAA,EAAc;AAAA;AAChB;AAEJ,CAAA,EAAG;AAAA,EACD,GAAA,EAAK,QAAA;AAAA,EACL,IAAA,EAAM,SAAA;AAAA,EACN,IAAA,EAAM,QAAA;AAAA,EACN,KAAA,EAAO,IAAA;AAAA,EACP,SAAA,EAAW,MAAM,OAAO,kCAA+B,CAAA;AAAA,EACvD,KAAA,EAAO;AAAA,IACL,aAAA,EAAe;AAAA,MACb,SAAA,EAAW,IAAA;AAAA,MACX,YAAA,EAAc,IAAA;AAAA,MACd,IAAA,EAAM;AAAA,KACR;AAAA,IACA,OAAA,EAAS;AAAA,MACP,WAAA,EAAa,IAAA;AAAA,MACb,KAAA,EAAO,QAAA;AAAA,MACP,sBAAA,EAAwB,KAAA;AAAA,MACxB,cAAA,EAAgB,KAAA;AAAA,MAChB,YAAA,EAAc;AAAA;AAChB;AAEJ,CAAA,EAAG;AAAA,EACD,GAAA,EAAK,eAAA;AAAA,EACL,IAAA,EAAM,gBAAA;AAAA,EACN,IAAA,EAAM,eAAA;AAAA,EACN,KAAA,EAAO,IAAA;AAAA,EACP,SAAA,EAAW,MAAM,OAAO,yCAAsC,CAAA;AAAA,EAC9D,KAAA,EAAO;AAAA,IACL,aAAA,EAAe;AAAA,MACb,SAAA,EAAW,IAAA;AAAA,MACX,YAAA,EAAc,IAAA;AAAA,MACd,oBAAA,EAAsB,IAAA;AAAA,MACtB,IAAA,EAAM;AAAA,KACR;AAAA,IACA,OAAA,EAAS;AAAA,MACP,WAAA,EAAa,IAAA;AAAA,MACb,KAAA,EAAO,OAAA;AAAA,MACP,sBAAA,EAAwB,KAAA;AAAA,MACxB,cAAA,EAAgB,KAAA;AAAA,MAChB,YAAA,EAAc;AAAA;AAChB;AAEJ,CAAC;AACD,MAAM,cAAA,GAAiB,CAAC,SAAA,EAAW,QAAA,EAAU,eAAe,CAAA;AAC5D,MAAM,cAAA,GAAiB,iBAAA,CAAkB,cAAA,EAAgB,cAAc"}

package/lib/index.js

@@ -1 +1 @@
-import PlatformModule from'./module.js';import {Feature}from'@common-stack/client-react';export{Inbox}from'./screens/inbox/Inbox.js';export{DialogMessages}from'./screens/inbox/DialogMessages.js';export{DialogThreads}from'./screens/inbox/DialogThreads.js';export{DialogThreadMessages}from'./screens/inbox/DialogThreadMessages.js';var index = new Feature(PlatformModule);export{index as default};//# sourceMappingURL=index.js.map
+import PlatformModule from'./module.js';import {Feature}from'@common-stack/client-react';export{Inbox}from'./screens/inbox/Inbox.js';export{DialogMessages}from'./screens/inbox/DialogMessages.js';export{DialogThreads}from'./screens/inbox/DialogThreads.js';export{DialogThreadMessages}from'./screens/inbox/DialogThreadMessages.js';export{MessagesContainerUI,MessagesContainerUI as MessengerDisplayUI}from'./components/messages-container-ui/MessagesContainerUI.js';export{PlanModeView}from'./components/messages-container-ui/PlanModeView.js';export{BuildModeView}from'./components/messages-container-ui/BuildModeView.js';var index = new Feature(PlatformModule);export{index as default};//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import PlatformModule from './module';\n\nimport { Feature } from '@common-stack/client-react';\n\nexport default new Feature(PlatformModule);\n// export * from './navigation';\nexport * from './screens';\n"],"names":[],"mappings":"yUAEA,YAAe,IAAI,QAAQ,cAAc,CAAA"}
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import PlatformModule from './module';\n\nimport { Feature } from '@common-stack/client-react';\n// import * as inboxQueries from './queries/inboxQueries';\n\nexport default new Feature(PlatformModule);\n// export * from './navigation';\nexport * from './screens';\nexport * from './components';\n// export { inboxQueries };\n"],"names":[],"mappings":"0mBAIA,YAAe,IAAI,QAAQ,cAAc,CAAA"}

package/lib/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../src/module.ts"],"sourcesContent":["/* eslint-disable import/no-extraneous-dependencies */\nimport { Feature } from '@common-stack/client-react';\nimport { schema, typePolicies, dataIdFromObject }  from '@messenger-box/platform-client';\nimport {filteredRoutes} from './compute';\n\nexport default new Feature({\n    dataIdFromObject,\n    clientStateParams: { typeDefs: schema, typePolicies },\n    routeConfig: filteredRoutes as any,\n});\n"],"names":[],"mappings":"6KAIA,qBAAe,IAAI,OAAQ,CAAA;AAAA,EACzB,gBAAA;AAAA,EACA,iBAAmB,EAAA;AAAA,IACjB,QAAU,EAAA,MAAA;AAAA,IACV;AAAA,GACF;AAAA,EACA,WAAa,EAAA;AACf,CAAC,CAAA"}
+{"version":3,"file":"module.js","sources":["../src/module.ts"],"sourcesContent":["/* eslint-disable import/no-extraneous-dependencies */\nimport { Feature } from '@common-stack/client-react';\nimport { schema, typePolicies, dataIdFromObject }  from '@messenger-box/platform-client';\nimport {filteredRoutes} from './compute';\n\nexport default new Feature({\n    dataIdFromObject,\n    clientStateParams: { typeDefs: schema, typePolicies },\n    routeConfig: filteredRoutes as any,\n});\n"],"names":[],"mappings":"6KAIA,qBAAe,IAAI,OAAA,CAAQ;AAAA,EACzB,gBAAA;AAAA,EACA,iBAAA,EAAmB;AAAA,IACjB,QAAA,EAAU,MAAA;AAAA,IACV;AAAA,GACF;AAAA,EACA,WAAA,EAAa;AACf,CAAC,CAAA"}

package/lib/queries/inboxQueries.js

@@ -0,0 +1,62 @@
+import {useViewChannelDetailQuery,useThreadMessagesQuery,OnThreadCreatedUpdatedDocument,useSendThreadMessageMutation,OnChatMessageAddedDocument,MessagesDocument,useOnThreadCreatedUpdatedSubscription,useCreatePostThreadMutation,useSendExpoNotificationOnPostMutation,useGetPostThreadLazyQuery,useAddDirectChannelMutation,useMessagesQuery}from'common/graphql';export{useMessagesQuery,useSendMessagesMutation,useThreadMessagesQuery}from'common/graphql';import'react';var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const useChannelDetailQuery = (channelId, options = {}) => {
+  return useViewChannelDetailQuery(__spreadValues({
+    variables: {
+      channelId
+    }
+  }, options));
+};
+const useThreadMessagesQueryWithOptions = (variables, options = {}) => {
+  return useThreadMessagesQuery(__spreadValues({
+    variables,
+    fetchPolicy: "cache-and-network",
+    refetchWritePolicy: "overwrite",
+    nextFetchPolicy: "network-only"
+  }, options));
+};
+const useChannelMessagesQuery = (variables = {}, options = {}) => {
+  return useMessagesQuery(__spreadValues({
+    variables,
+    fetchPolicy: "cache-and-network",
+    nextFetchPolicy: "cache-first",
+    refetchWritePolicy: "merge"
+  }, options));
+};
+const useAddDirectChannel = () => {
+  return useAddDirectChannelMutation();
+};
+const MESSAGES_DOCUMENT = MessagesDocument;
+const useSendThreadMessage = () => {
+  return useSendThreadMessageMutation();
+};
+const useSendExpoNotification = () => {
+  return useSendExpoNotificationOnPostMutation();
+};
+const useCreatePostThread = (options = {}) => {
+  return useCreatePostThreadMutation(options);
+};
+const CHAT_MESSAGE_ADDED = OnChatMessageAddedDocument;
+const THREAD_CREATED_UPDATED = OnThreadCreatedUpdatedDocument;
+const useThreadCreatedUpdatedSubscription = (options = {}) => {
+  return useOnThreadCreatedUpdatedSubscription(__spreadValues({}, options));
+};
+const useGetPostThreadLazy = (options = {}) => {
+  return useGetPostThreadLazyQuery(__spreadValues({
+    fetchPolicy: "cache-and-network"
+  }, options));
+};export{CHAT_MESSAGE_ADDED,MESSAGES_DOCUMENT,THREAD_CREATED_UPDATED,useAddDirectChannel,useChannelDetailQuery,useChannelMessagesQuery,useCreatePostThread,useGetPostThreadLazy,useSendExpoNotification,useSendThreadMessage,useThreadCreatedUpdatedSubscription,useThreadMessagesQueryWithOptions};//# sourceMappingURL=inboxQueries.js.map

package/lib/queries/inboxQueries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inboxQueries.js","sources":["../../src/queries/inboxQueries.ts"],"sourcesContent":["// Imports from common/graphql\nimport {\n    useGetChannelsByUserWithServiceChannelsQuery,\n    useGetChannelsByUserQuery,\n    OnChatMessageAddedDocument,\n    OnThreadCreatedUpdatedDocument,\n    useViewChannelDetailQuery,\n    useThreadMessagesQuery,\n    useSupportServiceChannelsQuery,\n    useSendThreadMessageMutation,\n    useMessagesQuery,\n    useSendMessagesMutation,\n    useAddDirectChannelMutation,\n    MessagesDocument,\n    useSendExpoNotificationOnPostMutation,\n    useOnThreadCreatedUpdatedSubscription,\n    useOnChatMessageAddedSubscription,\n    useOnThreadChatMessageAddedSubscription,\n    useCreatePostThreadMutation,\n    useGetPostThreadLazyQuery,\n} from 'common/graphql';\nimport { useCallback } from 'react';\n\n// ====== CHANNEL QUERIES ======\n\n/**\n * Hook for fetching channels by user including service channels\n * @param options - Query options\n * @returns Query result with data, loading state, refetch and fetchMore functions\n */\nexport const useChannelsQuery = (options: any = {}) => {\n    return useGetChannelsByUserQuery({\n        ...options,\n        fetchPolicy: 'cache-and-network',\n        //nextFetchPolicy: 'network-only',\n    });\n};\n\n/**\n * Hook for fetching service channels\n * @param options - Query options\n * @returns Query result with data, loading state and refetch function\n */\nexport const useServiceChannelsQuery = (options: any = {}) => {\n    return useSupportServiceChannelsQuery({\n        ...options,\n        fetchPolicy: 'cache-and-network',\n    });\n};\n\n/**\n * Hook for fetching channel details\n * @param channelId - ID of the channel to fetch\n * @param options - Additional query options\n * @returns Query result with channel details\n */\nexport const useChannelDetailQuery = (channelId: string, options: any = {}) => {\n    return useViewChannelDetailQuery({\n        variables: { channelId },\n        ...options,\n    });\n};\n\n// ====== THREAD QUERIES ======\n\n/**\n * Direct export of the thread messages query hook\n */\nexport { useThreadMessagesQuery };\n\n/**\n * Direct export of the messages query hook\n */\nexport { useMessagesQuery };\n\n/**\n * Hook for fetching thread messages with default options\n * @param variables - Query variables including channelId, role, and limit\n * @param options - Additional query options\n * @returns Query result with thread messages data\n */\nexport const useThreadMessagesQueryWithOptions = (variables: any, options: any = {}) => {\n    return useThreadMessagesQuery({\n        variables,\n        fetchPolicy: 'cache-and-network',\n        refetchWritePolicy: 'overwrite',\n        nextFetchPolicy: 'network-only',\n        ...options,\n    });\n};\n\n// ====== MESSAGE QUERIES ======\n\n/**\n * Hook for fetching channel messages\n * @param variables - Query variables including channelId, parentId, and pagination params\n * @param options - Additional query options\n * @returns Query result for messages\n */\nexport const useChannelMessagesQuery = (variables: any = {}, options: any = {}) => {\n    return useMessagesQuery({\n        variables,\n        fetchPolicy: 'cache-and-network',\n        nextFetchPolicy: 'cache-first',\n        refetchWritePolicy: 'merge',\n        ...options,\n    });\n};\n\n/**\n * Hook for sending messages in a channel\n * @returns Mutation function and result\n */\nexport { useSendMessagesMutation };\n\n/**\n * Hook for adding a direct channel\n * @returns Mutation function and result\n */\nexport const useAddDirectChannel = () => {\n    return useAddDirectChannelMutation();\n};\n\n/**\n * Messages document for queries\n */\nexport const MESSAGES_DOCUMENT = MessagesDocument;\n\n// ====== MUTATIONS ======\n\n/**\n * Hook for sending thread messages\n * @returns Mutation function and result\n */\nexport const useSendThreadMessage = () => {\n    return useSendThreadMessageMutation();\n};\n\n/**\n * Hook for sending expo notifications\n * @returns Mutation function and result\n */\nexport const useSendExpoNotification = () => {\n    return useSendExpoNotificationOnPostMutation();\n};\n\n/**\n * Hook for creating a post thread\n * @param options - Mutation options\n * @returns Mutation function and result\n */\nexport const useCreatePostThread = (options: any = {}) => {\n    return useCreatePostThreadMutation(options);\n};\n\n// ====== SUBSCRIPTION DOCUMENTS ======\n\n/**\n * Document for chat message added subscription\n */\nexport const CHAT_MESSAGE_ADDED = OnChatMessageAddedDocument;\n\n/**\n * Document for thread created/updated subscription\n */\nexport const THREAD_CREATED_UPDATED = OnThreadCreatedUpdatedDocument;\n\n/**\n * Hook for subscribing to thread creation and updates\n * @returns Subscription result for thread creation/update events\n */\nexport const useThreadCreatedUpdatedSubscription = (options: any = {}) => {\n    return useOnThreadCreatedUpdatedSubscription({\n        ...options,\n    });\n};\n\n/**\n * Hook for subscribing to chat message additions\n * @param options - Subscription options including variables like channelId\n * @returns Subscription result for new chat messages\n */\nexport const useChatMessageAddedSubscription = (options: any = {}) => {\n    return useOnChatMessageAddedSubscription({\n        ...options,\n    });\n};\n\n/**\n * Hook for subscribing to thread chat message additions\n * @param options - Subscription options including variables like channelId and threadId\n * @returns Subscription result for new thread chat messages\n */\nexport const useThreadChatMessageAddedSubscription = (options: any = {}) => {\n    return useOnThreadChatMessageAddedSubscription({\n        ...options,\n    });\n};\n\n// ====== LAZY QUERIES ======\n\n/**\n * Hook for lazily fetching a post thread\n * @param options - Lazy query options\n * @returns Lazy query function and result\n */\nexport const useGetPostThreadLazy = (options: any = {}) => {\n    return useGetPostThreadLazyQuery({\n        fetchPolicy: 'cache-and-network',\n        ...options,\n    });\n};\n\n// ====== CUSTOM QUERY HOOKS ======\n\n/**\n * Custom hook that combines channels and provides refresh functionality\n */\nexport const useInboxChannels = () => {\n    const queryResult = useChannelsQuery();\n\n    const refresh = useCallback(() => {\n        return queryResult.refetch();\n    }, [queryResult.refetch]);\n\n    const loadMore = useCallback(\n        (page: number) => {\n            if (queryResult.loading || !queryResult.data) return;\n\n            return queryResult.fetchMore({\n                variables: { page },\n                updateQuery: (prev, { fetchMoreResult }) => {\n                    if (!fetchMoreResult) return prev;\n\n                    return {\n                        ...fetchMoreResult,\n                        channelsByUser: [...(prev.channelsByUser || []), ...(fetchMoreResult.channelsByUser || [])],\n                        // supportServiceChannels: [\n                        //     ...(prev.supportServiceChannels || []),\n                        //     ...(fetchMoreResult.supportServiceChannels || []),\n                        // ],\n                    };\n                },\n            });\n        },\n        [queryResult.fetchMore, queryResult.loading, queryResult.data],\n    );\n\n    return {\n        ...queryResult,\n        refresh,\n        loadMore,\n    };\n};\n\n/**\n * Custom hook for thread message operations\n */\nexport const useThreadOperations = (channelId: string, options: any = {}) => {\n    const queryResult = useThreadMessagesQueryWithOptions({ channelId, ...options.variables }, options.queryOptions);\n\n    const [sendMessage, sendMessageResult] = useSendThreadMessage();\n\n    const refresh = useCallback(() => {\n        return queryResult.refetch();\n    }, [queryResult.refetch]);\n\n    const fetchMoreMessages = useCallback(\n        (variables: any) => {\n            return queryResult.fetchMore({\n                variables,\n                updateQuery: (prev, { fetchMoreResult }) => {\n                    if (!fetchMoreResult?.threadMessages?.data) return prev;\n\n                    return {\n                        ...prev,\n                        threadMessages: {\n                            ...prev.threadMessages,\n                            data: [...fetchMoreResult.threadMessages.data, ...(prev.threadMessages?.data || [])],\n                        },\n                    };\n                },\n            });\n        },\n        [queryResult.fetchMore],\n    );\n\n    return {\n        data: queryResult.data,\n        loading: queryResult.loading,\n        error: queryResult.error,\n        refresh,\n        fetchMoreMessages,\n        sendMessage,\n        sendMessageResult,\n    };\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAqCO,MAAM,qBAAA,GAAwB,CAAC,SAAA,EAAmB,OAAA,GAAe,EAAC,KAAM;AAC7E,EAAA,OAAO,yBAAA,CAA0B,cAAA,CAAA;AAAA,IAC/B,SAAA,EAAW;AAAA,MACT;AAAA;AACF,GAAA,EACG,OAAA,CACJ,CAAA;AACH;AAoBO,MAAM,iCAAA,GAAoC,CAAC,SAAA,EAAgB,OAAA,GAAe,EAAC,KAAM;AACtF,EAAA,OAAO,sBAAA,CAAuB,cAAA,CAAA;AAAA,IAC5B,SAAA;AAAA,IACA,WAAA,EAAa,mBAAA;AAAA,IACb,kBAAA,EAAoB,WAAA;AAAA,IACpB,eAAA,EAAiB;AAAA,GAAA,EACd,OAAA,CACJ,CAAA;AACH;AAUO,MAAM,0BAA0B,CAAC,SAAA,GAAiB,EAAC,EAAG,OAAA,GAAe,EAAC,KAAM;AACjF,EAAA,OAAO,gBAAA,CAAiB,cAAA,CAAA;AAAA,IACtB,SAAA;AAAA,IACA,WAAA,EAAa,mBAAA;AAAA,IACb,eAAA,EAAiB,aAAA;AAAA,IACjB,kBAAA,EAAoB;AAAA,GAAA,EACjB,OAAA,CACJ,CAAA;AACH;AAYO,MAAM,sBAAsB,MAAM;AACvC,EAAA,OAAO,2BAAA,EAA4B;AACrC;AAKO,MAAM,iBAAA,GAAoB;AAQ1B,MAAM,uBAAuB,MAAM;AACxC,EAAA,OAAO,4BAAA,EAA6B;AACtC;AAMO,MAAM,0BAA0B,MAAM;AAC3C,EAAA,OAAO,qCAAA,EAAsC;AAC/C;AAOO,MAAM,mBAAA,GAAsB,CAAC,OAAA,GAAe,EAAC,KAAM;AACxD,EAAA,OAAO,4BAA4B,OAAO,CAAA;AAC5C;AAOO,MAAM,kBAAA,GAAqB;AAK3B,MAAM,sBAAA,GAAyB;AAM/B,MAAM,mCAAA,GAAsC,CAAC,OAAA,GAAe,EAAC,KAAM;AACxE,EAAA,OAAO,qCAAA,CAAsC,mBACxC,OAAA,CACJ,CAAA;AACH;AA+BO,MAAM,oBAAA,GAAuB,CAAC,OAAA,GAAe,EAAC,KAAM;AACzD,EAAA,OAAO,yBAAA,CAA0B,cAAA,CAAA;AAAA,IAC/B,WAAA,EAAa;AAAA,GAAA,EACV,OAAA,CACJ,CAAA;AACH"}

package/lib/routes.json

@@ -46,8 +46,7 @@
       "componentPath": "@messenger-box/platform-mobile/lib/screens/inbox/DialogThreads.js",
       "hasComponent": true,
       "queries": {
-        "ViewChannelDetailDocument": "{id: params.id}",
-        "ThreadMessagesDocument": "{channelId: params.channelId,role: params.role,limit: params.limit,repliesLimit2: 5}"
+        "ChannelDetailDocument": "{}"
       }
     }
   },
@@ -75,7 +74,7 @@
       "componentPath": "@messenger-box/platform-mobile/lib/screens/inbox/DialogThreadMessages.js",
       "hasComponent": true,
       "queries": {
-        "ViewChannelDetailDocument": "{id: params.id}"
+        "ChannelDetailDocument": "{}"
       }
     }
   }

package/lib/screens/inbox/DialogMessages.js

@@ -33,13 +33,18 @@ function DialogMessages(_a) {
   var _b = _a, {
     channelId,
     role,
-    isShowThreadMessage = true
+    isShowThreadMessage = true,
+    isPaymentChatUI = false
   } = _b, rest = __objRest(_b, [
     "channelId",
     "role",
-    "isShowThreadMessage"
+    "isShowThreadMessage",
+    "isPaymentChatUI"
   ]);
   var _a2, _b2, _c;
   const currentRoute = navigationRef.isReady() ? (_a2 = navigationRef) == null ? void 0 : _a2.getCurrentRoute() : null;
-  return /* @__PURE__ */ React.createElement(Box, { className: "bg-white flex-1" }, /* @__PURE__ */ React.createElement(ConversationView, __spreadProps(__spreadValues({}, rest), { channelId: (_c = (_b2 = currentRoute == null ? void 0 : currentRoute.params) == null ? void 0 : _b2.channelId) != null ? _c : channelId, role, isShowThreadMessage })));
+  return (
+    // <Box bg={'white'} flex={1} pt={5}>
+    /* @__PURE__ */ React.createElement(Box, { className: "bg-white flex-1" }, /* @__PURE__ */ React.createElement(ConversationView, __spreadProps(__spreadValues({}, rest), { channelId: (_c = (_b2 = currentRoute == null ? void 0 : currentRoute.params) == null ? void 0 : _b2.channelId) != null ? _c : channelId, role, isShowThreadMessage, isPaymentChatUI })))
+  );
 }export{DialogMessages,DialogMessages as default};//# sourceMappingURL=DialogMessages.js.map

package/lib/screens/inbox/DialogMessages.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogMessages.js","sources":["../../../src/screens/inbox/DialogMessages.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Box } from '@admin-layout/gluestack-ui-mobile';\nimport { ConversationView } from './containers/ConversationView';\nimport { navigationRef } from '@common-stack/client-react';\n\nexport function DialogMessages({ channelId, role, isShowThreadMessage = true, ...rest }) {\n    const currentRoute = navigationRef.isReady() ? navigationRef?.getCurrentRoute() : null;\n    return (\n        // <Box bg={'white'} flex={1} pt={5}>\n        <Box className=\"bg-white flex-1\">\n            <ConversationView\n                {...rest}\n                channelId={currentRoute?.params?.channelId ?? channelId}\n                role={role}\n                isShowThreadMessage={isShowThreadMessage}\n            />\n        </Box>\n    );\n}\n\nexport default DialogMessages;\n"],"names":["_a","_b"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,eAAe,EAK5B,EAAA;AAL4B,EAC7B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,SAAA;AAAA,IACA,IAAA;AAAA,IACA,mBAAsB,GAAA;AAAA,GAPxB,GAI+B,EAI1B,EAAA,IAAA,GAAA,SAAA,CAJ0B,EAI1B,EAAA;AAAA,IAHH,WAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAPF,EAAA,IAAAA,KAAAC,GAAA,EAAA,EAAA;AAUE,EAAA,MAAM,eAAe,aAAc,CAAA,OAAA,MAAYD,GAAA,GAAA,aAAA,KAAA,IAAA,GAAA,MAAA,GAAAA,IAAe,eAAoB,EAAA,GAAA,IAAA;AAClF,EAEE,uBAAA,KAAA,CAAA,aAAA,CAAC,OAAI,SAAU,EAAA,iBAAA,EAAA,sCACN,gBAAqB,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAArB,EAA2B,SAAW,EAAA,CAAA,EAAA,GAAA,CAAAC,MAAA,YAAc,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAA,MAAA,KAAd,gBAAAA,GAAsB,CAAA,SAAA,KAAtB,YAAmC,SAAW,EAAA,IAAA,EAAY,sBAA0C,CAC/I,CAAA;AAER"}
+{"version":3,"file":"DialogMessages.js","sources":["../../../src/screens/inbox/DialogMessages.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Box } from '@admin-layout/gluestack-ui-mobile';\nimport { ConversationView } from './containers/ConversationView';\nimport { navigationRef } from '@common-stack/client-react';\n\nexport function DialogMessages({ channelId, role, isShowThreadMessage = true, isPaymentChatUI = false, ...rest }) {\n    const currentRoute = navigationRef.isReady() ? navigationRef?.getCurrentRoute() : null;\n    return (\n        // <Box bg={'white'} flex={1} pt={5}>\n        <Box className=\"bg-white flex-1\">\n            <ConversationView\n                {...rest}\n                channelId={currentRoute?.params?.channelId ?? channelId}\n                role={role}\n                isShowThreadMessage={isShowThreadMessage}\n                isPaymentChatUI={isPaymentChatUI}\n            />\n        </Box>\n    );\n}\n\nexport default DialogMessages;\n"],"names":["_a","_b"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,eAAe,EAAA,EAM5B;AAN4B,EAAA,IAAA,EAAA,GAAA,EAAA,EAC7B;AAAA,IAAA,SAAA;AAAA,IACA,IAAA;AAAA,IACA,mBAAA,GAAsB,IAAA;AAAA,IACtB,eAAA,GAAkB;AAAA,GARpB,GAI+B,EAAA,EAK1B,IAAA,GAAA,SAAA,CAL0B,EAAA,EAK1B;AAAA,IAJH,WAAA;AAAA,IACA,MAAA;AAAA,IACA,qBAAA;AAAA,IACA;AAAA,GAAA,CAAA;AARF,EAAA,IAAAA,KAAAC,GAAAA,EAAA,EAAA;AAWE,EAAA,MAAM,eAAe,aAAA,CAAc,OAAA,MAAYD,GAAAA,GAAA,aAAA,KAAA,IAAA,GAAA,MAAA,GAAAA,IAAe,eAAA,EAAA,GAAoB,IAAA;AAClF,EAAA;AAAA;AAAA,oBAEE,KAAA,CAAA,aAAA,CAAC,OAAI,SAAA,EAAU,iBAAA,EAAA,sCACN,gBAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAqB,IAAA,CAAA,EAArB,EAA2B,SAAA,EAAA,CAAW,EAAA,GAAA,CAAAC,MAAA,YAAA,IAAA,IAAA,GAAA,MAAA,GAAA,YAAA,CAAc,MAAA,KAAd,gBAAAA,GAAAA,CAAsB,SAAA,KAAtB,YAAmC,SAAA,EAAW,IAAA,EAAY,mBAAA,EAA0C,eAAA,EAAA,CAAkC,CACjL;AAAA;AAER"}

package/lib/screens/inbox/DialogThreadMessages.js

@@ -1,4 +1,4 @@
-import*as React from'react';import {Box,Spinner}from'@admin-layout/gluestack-ui-mobile';import {ThreadConversationView}from'./containers/ThreadConversationView.js';import {useViewChannelDetailQuery,useSendThreadMessageMutation}from'common/graphql';import {useFocusEffect}from'@react-navigation/native';import colors from'tailwindcss/colors';function DialogThreadMessages({
+import*as React from'react';import {Box,Spinner}from'@admin-layout/gluestack-ui-mobile';import {ThreadConversationView}from'./containers/ThreadConversationView.js';import {useChannelDetailQuery,useSendThreadMessage}from'../../queries/inboxQueries.js';import {useFocusEffect}from'@react-navigation/native';import colors from'tailwindcss/colors';function DialogThreadMessages({
   channelId,
   postParentId,
   isPostParentIdThread,
@@ -8,12 +8,8 @@ import*as React from'react';import {Box,Spinner}from'@admin-layout/gluestack-ui-
     data,
     loading: channelLoading,
     refetch
-  } = useViewChannelDetailQuery({
-    variables: {
-      id: channelId == null ? void 0 : channelId.toString()
-    }
-  });
-  const [sendThreadMessage] = useSendThreadMessageMutation();
+  } = useChannelDetailQuery(channelId == null ? void 0 : channelId.toString(), {});
+  const [sendThreadMessage] = useSendThreadMessage();
   const [loading, setLoading] = React.useState(true);
   const [channel, setChannel] = React.useState(null);
   const [parentId, setParentId] = React.useState(postParentId);
@@ -23,10 +19,9 @@ import*as React from'react';import {Box,Spinner}from'@admin-layout/gluestack-ui-
     });
   }, [channelId]);
   useFocusEffect(React.useCallback(() => {
-    if (channelId)
-      refetch({
-        id: channelId == null ? void 0 : channelId.toString()
-      });
+    if (channelId) refetch({
+      id: channelId == null ? void 0 : channelId.toString()
+    });
     return () => {
     };
   }, [channelId]));