@adminide-stack/yantra-mobile 12.0.69-alpha.9 → 12.0.69

package/lib/features/messaging/ConversationListScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationListScreen.js","sources":["../../../src/features/messaging/ConversationListScreen.tsx"],"sourcesContent":["/**\n * The conversation list — iOS Messages-style home screen.\n */\nimport * as React from 'react';\nimport {\n    ActivityIndicator,\n    FlatList,\n    Pressable,\n    RefreshControl,\n    StyleSheet,\n    Text,\n    TextInput,\n    View,\n} from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { ConnectionBanner, ConversationRow, EmptyState, InlineBanner, type ChatTheme } from './ChatComponents';\nimport { conversationListKey, dedupeConversationList, type ChatConversation } from './chatModel';\nimport type { ChatConnectionState } from './chatHost';\n\nexport function ConversationListScreen({\n    conversations,\n    loading,\n    refreshing,\n    error,\n    theme,\n    connectionState,\n    canInvite,\n    onRefresh,\n    onRetry,\n    onOpen,\n    onNewChat,\n    onDismissError,\n    notice = null,\n    onDismissNotice,\n    loadingMore = false,\n    onLoadMore,\n}: {\n    conversations: ChatConversation[];\n    loading: boolean;\n    refreshing: boolean;\n    loadingMore?: boolean;\n    onLoadMore?: () => void;\n    error: string | null;\n    theme: ChatTheme;\n    connectionState: ChatConnectionState;\n    canInvite: boolean;\n    onRefresh: () => void;\n    onRetry: () => void;\n    onOpen: (id: string) => void;\n    onNewChat: () => void;\n    onDismissError: () => void;\n    /** A one-off message that is not a load failure (e.g. an invite that could not be opened). */\n    notice?: string | null;\n    onDismissNotice?: () => void;\n}) {\n    const [now, setNow] = React.useState(() => Date.now());\n    const [query, setQuery] = React.useState('');\n    React.useEffect(() => {\n        const t = setInterval(() => setNow(Date.now()), 60_000);\n        return () => clearInterval(t);\n    }, []);\n\n    const visible = React.useMemo(() => {\n        const deduped = dedupeConversationList(conversations);\n        const q = query.trim().toLowerCase();\n        if (!q) return deduped;\n        return deduped.filter((c) => c.title.toLowerCase().includes(q) || c.subtitle.toLowerCase().includes(q));\n    }, [conversations, query]);\n\n    const Separator = React.useCallback(\n        () => <View style={[styles.separator, { backgroundColor: theme.border }]} />,\n        [theme.border],\n    );\n\n    const listHeader = (\n        <View style={[styles.listHeader, { flexDirection: 'row', alignItems: 'center' }]}>\n            <Text style={[styles.listTitle, { color: theme.text }]}>Messages</Text>\n            {canInvite ? (\n                <Pressable\n                    onPress={onNewChat}\n                    accessibilityRole=\"button\"\n                    accessibilityLabel=\"Compose new message\"\n                    style={styles.headerCompose}\n                    testID=\"chat-new\"\n                >\n                    <MaterialCommunityIcons name=\"square-edit-outline\" size={26} color={theme.accent} />\n                </Pressable>\n            ) : (\n                <View style={styles.headerComposeSpacer} />\n            )}\n        </View>\n    );\n\n    return (\n        <View style={[styles.fill, { backgroundColor: theme.bg }]}>\n            {listHeader}\n            <View style={[styles.searchWrap, { backgroundColor: theme.surface }]}>\n                <MaterialCommunityIcons name=\"magnify\" size={20} color={theme.textMuted} />\n                <TextInput\n                    value={query}\n                    onChangeText={setQuery}\n                    placeholder=\"Search\"\n                    placeholderTextColor={theme.textMuted}\n                    style={[styles.searchInput, { color: theme.text }]}\n                    testID=\"chat-search\"\n                />\n            </View>\n\n            <ConnectionBanner state={connectionState} theme={theme} />\n            <InlineBanner message={error} theme={theme} onDismiss={onDismissError} />\n            <InlineBanner message={notice} theme={theme} onDismiss={() => onDismissNotice?.()} />\n            {error ? (\n                <Pressable\n                    onPress={onRetry}\n                    accessibilityRole=\"button\"\n                    accessibilityLabel=\"Retry loading chats\"\n                    style={[styles.retryBanner, { backgroundColor: theme.surface }]}\n                >\n                    <Text style={[styles.retryBannerText, { color: theme.accent }]}>Retry loading chats</Text>\n                </Pressable>\n            ) : null}\n\n            {loading && conversations.length === 0 ? (\n                <View style={styles.center}>\n                    <ActivityIndicator color={theme.accent} />\n                </View>\n            ) : (\n                <FlatList\n                    data={visible}\n                    keyExtractor={(c) => conversationListKey(c)}\n                    ItemSeparatorComponent={Separator}\n                    renderItem={({ item }) => (\n                        <ConversationRow conversation={item} theme={theme} now={now} onPress={() => onOpen(item.id)} />\n                    )}\n                    refreshControl={\n                        <RefreshControl refreshing={refreshing} onRefresh={onRefresh} tintColor={theme.textMuted} />\n                    }\n                    // Paging would skip rows while a search filter is hiding most of them.\n                    onEndReached={query.trim() ? undefined : onLoadMore}\n                    onEndReachedThreshold={0.5}\n                    ListFooterComponent={\n                        loadingMore ? <ActivityIndicator style={styles.moreSpinner} color={theme.accent} /> : null\n                    }\n                    contentContainerStyle={visible.length === 0 ? styles.fill : undefined}\n                    ListEmptyComponent={\n                        <EmptyState\n                            icon=\"message-text-outline\"\n                            title={query.trim() ? 'No chats found' : 'No conversations yet'}\n                            detail={\n                                query.trim()\n                                    ? 'Try a different name or message.'\n                                    : canInvite\n                                      ? 'Tap the compose button to find people from your contacts.'\n                                      : 'Contacts are unavailable in this build, so new chats cannot be started here yet.'\n                            }\n                            theme={theme}\n                            action={canInvite && !query.trim() ? { label: 'New chat', onPress: onNewChat } : undefined}\n                        />\n                    }\n                    testID=\"chat-conversation-list\"\n                />\n            )}\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    fill: { flex: 1 },\n    center: { flex: 1, alignItems: 'center', justifyContent: 'center' },\n    moreSpinner: { paddingVertical: 16 },\n    listHeader: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        paddingHorizontal: 16,\n        paddingTop: 4,\n        paddingBottom: 4,\n    },\n    listTitle: { fontSize: 34, fontWeight: '700', letterSpacing: 0.35 },\n    headerCompose: {\n        width: 44,\n        height: 44,\n        alignItems: 'center',\n        justifyContent: 'center',\n    },\n    headerComposeSpacer: { width: 44 },\n    searchWrap: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        marginHorizontal: 16,\n        marginBottom: 6,\n        borderRadius: 10,\n        paddingHorizontal: 10,\n        height: 36,\n    },\n    searchInput: { flex: 1, marginLeft: 8, fontSize: 16, paddingVertical: 0 },\n    separator: { height: StyleSheet.hairlineWidth, marginLeft: 82 },\n    retryBanner: { alignItems: 'center', paddingVertical: 10 },\n    retryBannerText: { fontSize: 14, fontWeight: '600' },\n});\n"],"names":[],"mappings":"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"}

package/lib/features/messaging/MessageActions.js

@@ -0,0 +1,290 @@
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import*as React from'react';import {StyleSheet,Dimensions,Modal,Pressable,View,Text,KeyboardAvoidingView,TextInput,ScrollView,Platform}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {searchEmoji,EMOJI_CATEGORIES,emojiFromInput}from'./emojiCatalog.js';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 TAPBACKS = ["\u2764\uFE0F", "\u{1F44D}", "\u{1F44E}", "\u{1F602}", "\u203C\uFE0F", "\u2753"];
+const BAR_HEIGHT = 52;
+const GAP = 8;
+const MENU_ROW = 46;
+const EDGE = 12;
+function MessageActionsOverlay({
+  message,
+  frame,
+  theme,
+  actions,
+  onReact,
+  onClose,
+  onDismissed
+}) {
+  var _a, _b, _c, _d, _e;
+  const visible = Boolean(message && frame);
+  const {
+    height: screenH,
+    width: screenW
+  } = Dimensions.get("window");
+  const mine = Boolean(message == null ? void 0 : message.isMine);
+  const current = (_b = (_a = message == null ? void 0 : message.reactions.find((r) => r.mine)) == null ? void 0 : _a.reaction) != null ? _b : null;
+  const [picking, setPicking] = React.useState(false);
+  const barEmojis = current && !TAPBACKS.includes(current) ? [...TAPBACKS, current] : TAPBACKS;
+  React.useEffect(() => {
+    if (!visible) setPicking(false);
+  }, [visible]);
+  if (picking && message) {
+    return /* @__PURE__ */ jsx(Modal, { visible: true, transparent: true, animationType: "fade", onRequestClose: onClose, statusBarTranslucent: true, children: /* @__PURE__ */ jsx(EmojiPickerSheet, { theme, current, onPick: (emoji) => {
+      setPicking(false);
+      onReact(emoji);
+    }, onClose: () => {
+      setPicking(false);
+      onClose();
+    } }) });
+  }
+  const bubbleH = Math.min((_c = frame == null ? void 0 : frame.height) != null ? _c : 0, screenH * 0.4);
+  const menuH = actions.length * MENU_ROW;
+  const stackH = BAR_HEIGHT + GAP + bubbleH + GAP + menuH;
+  const desiredTop = ((_d = frame == null ? void 0 : frame.y) != null ? _d : 0) - BAR_HEIGHT - GAP;
+  const top = Math.max(EDGE + 44, Math.min(desiredTop, screenH - stackH - EDGE - 24));
+  const align = mine ? {
+    right: EDGE
+  } : {
+    left: EDGE
+  };
+  const bubbleWidth = Math.min((_e = frame == null ? void 0 : frame.width) != null ? _e : 0, screenW - EDGE * 2);
+  return /* @__PURE__ */ jsx(Modal, { visible, transparent: true, animationType: "fade", onRequestClose: onClose, onDismiss: onDismissed, statusBarTranslucent: true, children: /* @__PURE__ */ jsx(Pressable, { style: styles.backdrop, onPress: onClose, accessibilityLabel: "Close message actions", children: message && frame ? /* @__PURE__ */ jsxs(View, { style: [styles.stack, {
+    top
+  }, align], pointerEvents: "box-none", children: [
+    /* @__PURE__ */ jsxs(View, { style: [styles.bar, {
+      backgroundColor: theme.bg,
+      alignSelf: mine ? "flex-end" : "flex-start"
+    }], children: [
+      barEmojis.map((emoji) => {
+        const selected = emoji === current;
+        return /* @__PURE__ */ jsx(Pressable, { onPress: () => onReact(emoji), accessibilityRole: "button", accessibilityLabel: selected ? `Remove ${emoji} reaction` : `React ${emoji}`, accessibilityState: {
+          selected
+        }, style: [styles.tapback, selected && {
+          backgroundColor: theme.accent
+        }], testID: `chat-tapback-${emoji}`, children: /* @__PURE__ */ jsx(Text, { style: styles.tapbackEmoji, children: emoji }) }, emoji);
+      }),
+      /* @__PURE__ */ jsx(Pressable, { onPress: () => setPicking(true), accessibilityRole: "button", accessibilityLabel: "More emoji", style: [styles.tapback, {
+        backgroundColor: theme.surface
+      }], testID: "chat-tapback-more", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "plus", size: 24, color: theme.textMuted }) })
+    ] }),
+    /* @__PURE__ */ jsx(View, { style: [styles.preview, {
+      width: bubbleWidth,
+      maxHeight: bubbleH,
+      backgroundColor: mine ? theme.bubbleMine : theme.bubbleTheirs,
+      alignSelf: mine ? "flex-end" : "flex-start"
+    }], children: /* @__PURE__ */ jsx(Text, { numberOfLines: 12, style: [styles.previewText, {
+      color: mine ? theme.bubbleMineText : theme.bubbleTheirsText
+    }], children: message.body }) }),
+    actions.length ? /* @__PURE__ */ jsx(View, { style: [styles.menu, {
+      backgroundColor: theme.bg,
+      alignSelf: mine ? "flex-end" : "flex-start"
+    }], children: actions.map((action, i) => /* @__PURE__ */ jsx(Pressable, { onPress: action.onPress, accessibilityRole: "button", style: ({
+      pressed
+    }) => [{
+      backgroundColor: pressed ? theme.surface : "transparent"
+    }, i > 0 && {
+      borderTopWidth: StyleSheet.hairlineWidth,
+      borderTopColor: theme.border
+    }], testID: `chat-message-action-${action.key}`, children: /* @__PURE__ */ jsxs(View, { style: styles.menuRow, children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.menuLabel, {
+        color: theme.text
+      }], children: action.label }),
+      /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: action.icon, size: 20, color: theme.text })
+    ] }) }, action.key)) }) : null
+  ] }) : null }) });
+}
+function EmojiPickerSheet({
+  theme,
+  current,
+  onPick,
+  onClose
+}) {
+  const [text, setText] = React.useState("");
+  const cell = Math.floor((Dimensions.get("window").width - 24) / 8);
+  const query = text.trim();
+  const results = React.useMemo(() => query ? searchEmoji(query) : null, [query]);
+  const sections = results ? [{
+    key: "results",
+    title: results.length ? "Results" : "No emoji found",
+    emojis: results
+  }] : EMOJI_CATEGORIES;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Pressable, { style: styles.sheetBackdrop, onPress: onClose, accessibilityLabel: "Close emoji picker" }),
+    /* @__PURE__ */ jsx(KeyboardAvoidingView, { behavior: Platform.OS === "ios" ? "padding" : void 0, style: styles.sheetDock, children: /* @__PURE__ */ jsxs(View, { style: [styles.sheet, {
+      backgroundColor: theme.bg
+    }], children: [
+      /* @__PURE__ */ jsx(View, { style: [styles.sheetHandle, {
+        backgroundColor: theme.border
+      }] }),
+      /* @__PURE__ */ jsxs(View, { style: [styles.sheetSearch, {
+        backgroundColor: theme.surface,
+        flexDirection: "row"
+      }], children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "emoticon-outline", size: 20, color: theme.textMuted }),
+        /* @__PURE__ */ jsx(TextInput, { value: text, onChangeText: (value) => {
+          const emoji = emojiFromInput(value);
+          if (emoji) {
+            setText("");
+            onPick(emoji);
+            return;
+          }
+          setText(value);
+        }, placeholder: "Search emoji", placeholderTextColor: theme.textMuted, style: [styles.sheetInput, {
+          color: theme.text
+        }], autoCorrect: false, autoCapitalize: "none", returnKeyType: "search", clearButtonMode: "while-editing", testID: "chat-emoji-input" })
+      ] }),
+      /* @__PURE__ */ jsx(ScrollView, { style: styles.sheetScroll, keyboardShouldPersistTaps: "handled", children: sections.map((category) => /* @__PURE__ */ jsxs(View, { children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.sheetTitle, {
+          color: theme.textMuted
+        }], children: category.title }),
+        /* @__PURE__ */ jsx(View, { style: [styles.sheetGrid, {
+          flexDirection: "row"
+        }], children: category.emojis.map((emoji) => /* @__PURE__ */ jsx(Pressable, { onPress: () => onPick(emoji), accessibilityRole: "button", accessibilityLabel: `React ${emoji}`, style: [{
+          width: cell,
+          height: cell,
+          alignItems: "center",
+          justifyContent: "center"
+        }, emoji === current && {
+          backgroundColor: theme.surface,
+          borderRadius: 10
+        }], children: /* @__PURE__ */ jsx(Text, { style: styles.sheetEmoji, children: emoji }) }, `${category.key}-${emoji}`)) })
+      ] }, category.key)) })
+    ] }) })
+  ] });
+}
+const styles = StyleSheet.create({
+  sheetBackdrop: __spreadProps(__spreadValues({}, StyleSheet.absoluteFillObject), {
+    backgroundColor: "rgba(15, 23, 42, 0.45)"
+  }),
+  sheetDock: {
+    flex: 1,
+    justifyContent: "flex-end"
+  },
+  sheet: {
+    borderTopLeftRadius: 16,
+    borderTopRightRadius: 16,
+    paddingTop: 8,
+    paddingBottom: 24,
+    maxHeight: "70%"
+  },
+  sheetHandle: {
+    alignSelf: "center",
+    width: 36,
+    height: 5,
+    borderRadius: 3,
+    marginBottom: 8
+  },
+  sheetSearch: {
+    alignItems: "center",
+    marginHorizontal: 12,
+    marginBottom: 6,
+    borderRadius: 10,
+    paddingHorizontal: 10,
+    height: 38
+  },
+  sheetInput: {
+    flex: 1,
+    marginLeft: 8,
+    fontSize: 16,
+    paddingVertical: 0
+  },
+  sheetScroll: {
+    paddingHorizontal: 12
+  },
+  sheetTitle: {
+    fontSize: 13,
+    fontWeight: "600",
+    marginTop: 10,
+    marginBottom: 4
+  },
+  sheetGrid: {
+    flexWrap: "wrap"
+  },
+  sheetEmoji: {
+    fontSize: 28
+  },
+  backdrop: {
+    flex: 1,
+    backgroundColor: "rgba(15, 23, 42, 0.45)"
+  },
+  stack: {
+    position: "absolute",
+    maxWidth: "100%"
+  },
+  bar: {
+    flexDirection: "row",
+    alignItems: "center",
+    height: BAR_HEIGHT,
+    paddingHorizontal: 6,
+    borderRadius: BAR_HEIGHT / 2,
+    marginBottom: GAP,
+    shadowColor: "#000",
+    shadowOpacity: 0.18,
+    shadowRadius: 12,
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    elevation: 6
+  },
+  tapback: {
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  tapbackEmoji: {
+    fontSize: 24
+  },
+  preview: {
+    borderRadius: 18,
+    paddingHorizontal: 14,
+    paddingVertical: 9,
+    overflow: "hidden"
+  },
+  previewText: {
+    fontSize: 17,
+    lineHeight: 22
+  },
+  menu: {
+    marginTop: GAP,
+    width: 220,
+    borderRadius: 14,
+    overflow: "hidden",
+    shadowColor: "#000",
+    shadowOpacity: 0.18,
+    shadowRadius: 12,
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    elevation: 6
+  },
+  menuRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    height: MENU_ROW,
+    paddingHorizontal: 16
+  },
+  menuLabel: {
+    fontSize: 16
+  }
+});export{MessageActionsOverlay,TAPBACKS};//# sourceMappingURL=MessageActions.js.map

package/lib/features/messaging/MessageActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageActions.js","sources":["../../../src/features/messaging/MessageActions.tsx"],"sourcesContent":["/**\n * iMessage-style long-press on a message: the Tapback bar above the bubble and\n * an action menu below it, over a dimmed transcript.\n *\n * Plain react-native `Modal` on purpose - the chat remote may only use what the\n * host shares, so no blur view or gesture library.\n */\nimport * as React from 'react';\nimport {\n    Dimensions,\n    KeyboardAvoidingView,\n    Modal,\n    Platform,\n    Pressable,\n    ScrollView,\n    StyleSheet,\n    Text,\n    TextInput,\n    View,\n} from 'react-native';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport type { ChatTheme } from './ChatComponents';\nimport type { ChatMessage } from './chatModel';\nimport { EMOJI_CATEGORIES, emojiFromInput, searchEmoji } from './emojiCatalog';\n\n/** The iMessage Tapback set. */\nexport const TAPBACKS = ['❤️', '👍', '👎', '😂', '‼️', '❓'] as const;\n\nexport interface BubbleFrame {\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n}\n\nexport interface MessageAction {\n    key: string;\n    label: string;\n    icon: React.ComponentProps<typeof MaterialCommunityIcons>['name'];\n    onPress: () => void;\n}\n\nconst BAR_HEIGHT = 52;\nconst GAP = 8;\nconst MENU_ROW = 46;\nconst EDGE = 12;\n\nexport function MessageActionsOverlay({\n    message,\n    frame,\n    theme,\n    actions,\n    onReact,\n    onClose,\n    onDismissed,\n}: {\n    message: ChatMessage | null;\n    frame: BubbleFrame | null;\n    theme: ChatTheme;\n    actions: MessageAction[];\n    onReact: (emoji: string) => void;\n    onClose: () => void;\n    /** Fires once the overlay is fully gone (iOS `onDismiss`), for work that needs to present UI. */\n    onDismissed?: () => void;\n}) {\n    const visible = Boolean(message && frame);\n    const { height: screenH, width: screenW } = Dimensions.get('window');\n    const mine = Boolean(message?.isMine);\n    const current = message?.reactions.find((r) => r.mine)?.reaction ?? null;\n    const [picking, setPicking] = React.useState(false);\n    // A custom (non-Tapback) pick sits in the bar before \"+\", as in iMessage.\n    const barEmojis = current && !(TAPBACKS as readonly string[]).includes(current) ? [...TAPBACKS, current] : TAPBACKS;\n\n    React.useEffect(() => {\n        if (!visible) setPicking(false);\n    }, [visible]);\n\n    if (picking && message) {\n        // Same Modal instance as the overlay: presenting a second modal while the first dismisses fails on iOS.\n        return (\n            <Modal visible transparent animationType=\"fade\" onRequestClose={onClose} statusBarTranslucent>\n                <EmojiPickerSheet\n                    theme={theme}\n                    current={current}\n                    onPick={(emoji) => {\n                        setPicking(false);\n                        onReact(emoji);\n                    }}\n                    onClose={() => {\n                        setPicking(false);\n                        onClose();\n                    }}\n                />\n            </Modal>\n        );\n    }\n\n    // Keep bar + bubble + menu on screen: shift the whole stack when the bubble sits near an edge.\n    const bubbleH = Math.min(frame?.height ?? 0, screenH * 0.4);\n    const menuH = actions.length * MENU_ROW;\n    const stackH = BAR_HEIGHT + GAP + bubbleH + GAP + menuH;\n    const desiredTop = (frame?.y ?? 0) - BAR_HEIGHT - GAP;\n    const top = Math.max(EDGE + 44, Math.min(desiredTop, screenH - stackH - EDGE - 24));\n    const align = mine ? { right: EDGE } : { left: EDGE };\n    const bubbleWidth = Math.min(frame?.width ?? 0, screenW - EDGE * 2);\n\n    return (\n        <Modal\n            visible={visible}\n            transparent\n            animationType=\"fade\"\n            onRequestClose={onClose}\n            onDismiss={onDismissed}\n            statusBarTranslucent\n        >\n            <Pressable style={styles.backdrop} onPress={onClose} accessibilityLabel=\"Close message actions\">\n                {message && frame ? (\n                    <View style={[styles.stack, { top }, align]} pointerEvents=\"box-none\">\n                        <View\n                            style={[\n                                styles.bar,\n                                { backgroundColor: theme.bg, alignSelf: mine ? 'flex-end' : 'flex-start' },\n                            ]}\n                        >\n                            {barEmojis.map((emoji) => {\n                                const selected = emoji === current;\n                                return (\n                                    <Pressable\n                                        key={emoji}\n                                        onPress={() => onReact(emoji)}\n                                        accessibilityRole=\"button\"\n                                        accessibilityLabel={selected ? `Remove ${emoji} reaction` : `React ${emoji}`}\n                                        accessibilityState={{ selected }}\n                                        style={[styles.tapback, selected && { backgroundColor: theme.accent }]}\n                                        testID={`chat-tapback-${emoji}`}\n                                    >\n                                        <Text style={styles.tapbackEmoji}>{emoji}</Text>\n                                    </Pressable>\n                                );\n                            })}\n                            <Pressable\n                                onPress={() => setPicking(true)}\n                                accessibilityRole=\"button\"\n                                accessibilityLabel=\"More emoji\"\n                                style={[styles.tapback, { backgroundColor: theme.surface }]}\n                                testID=\"chat-tapback-more\"\n                            >\n                                <MaterialCommunityIcons name=\"plus\" size={24} color={theme.textMuted} />\n                            </Pressable>\n                        </View>\n\n                        <View\n                            style={[\n                                styles.preview,\n                                {\n                                    width: bubbleWidth,\n                                    maxHeight: bubbleH,\n                                    backgroundColor: mine ? theme.bubbleMine : theme.bubbleTheirs,\n                                    alignSelf: mine ? 'flex-end' : 'flex-start',\n                                },\n                            ]}\n                        >\n                            <Text\n                                numberOfLines={12}\n                                style={[\n                                    styles.previewText,\n                                    { color: mine ? theme.bubbleMineText : theme.bubbleTheirsText },\n                                ]}\n                            >\n                                {message.body}\n                            </Text>\n                        </View>\n\n                        {actions.length ? (\n                            <View\n                                style={[\n                                    styles.menu,\n                                    { backgroundColor: theme.bg, alignSelf: mine ? 'flex-end' : 'flex-start' },\n                                ]}\n                            >\n                                {actions.map((action, i) => (\n                                    <Pressable\n                                        key={action.key}\n                                        onPress={action.onPress}\n                                        accessibilityRole=\"button\"\n                                        style={({ pressed }) => [\n                                            { backgroundColor: pressed ? theme.surface : 'transparent' },\n                                            i > 0 && {\n                                                borderTopWidth: StyleSheet.hairlineWidth,\n                                                borderTopColor: theme.border,\n                                            },\n                                        ]}\n                                        testID={`chat-message-action-${action.key}`}\n                                    >\n                                        {/* Inner wrapper: NativeWind can strip flexDirection from Pressable styles. */}\n                                        <View style={styles.menuRow}>\n                                            <Text style={[styles.menuLabel, { color: theme.text }]}>\n                                                {action.label}\n                                            </Text>\n                                            <MaterialCommunityIcons name={action.icon} size={20} color={theme.text} />\n                                        </View>\n                                    </Pressable>\n                                ))}\n                            </View>\n                        ) : null}\n                    </View>\n                ) : null}\n            </Pressable>\n        </Modal>\n    );\n}\n\n/**\n * Any-emoji picker behind \"+\": a search field plus a grid. Typing a word searches\n * emoji by name (\"sleep\"); typing an emoji from the system keyboard (globe key)\n * reacts with it directly, so emoji missing from the grid are still reachable.\n */\nfunction EmojiPickerSheet({\n    theme,\n    current,\n    onPick,\n    onClose,\n}: {\n    theme: ChatTheme;\n    current: string | null;\n    onPick: (emoji: string) => void;\n    onClose: () => void;\n}) {\n    const [text, setText] = React.useState('');\n    const cell = Math.floor((Dimensions.get('window').width - 24) / 8);\n    const query = text.trim();\n    const results = React.useMemo(() => (query ? searchEmoji(query) : null), [query]);\n    const sections = results\n        ? [{ key: 'results', title: results.length ? 'Results' : 'No emoji found', emojis: results }]\n        : EMOJI_CATEGORIES;\n\n    return (\n        <>\n            <Pressable style={styles.sheetBackdrop} onPress={onClose} accessibilityLabel=\"Close emoji picker\" />\n            <KeyboardAvoidingView behavior={Platform.OS === 'ios' ? 'padding' : undefined} style={styles.sheetDock}>\n                <View style={[styles.sheet, { backgroundColor: theme.bg }]}>\n                    <View style={[styles.sheetHandle, { backgroundColor: theme.border }]} />\n                    <View style={[styles.sheetSearch, { backgroundColor: theme.surface, flexDirection: 'row' }]}>\n                        <MaterialCommunityIcons name=\"emoticon-outline\" size={20} color={theme.textMuted} />\n                        <TextInput\n                            value={text}\n                            onChangeText={(value) => {\n                                const emoji = emojiFromInput(value);\n                                if (emoji) {\n                                    setText('');\n                                    onPick(emoji);\n                                    return;\n                                }\n                                setText(value);\n                            }}\n                            placeholder=\"Search emoji\"\n                            placeholderTextColor={theme.textMuted}\n                            style={[styles.sheetInput, { color: theme.text }]}\n                            autoCorrect={false}\n                            autoCapitalize=\"none\"\n                            returnKeyType=\"search\"\n                            clearButtonMode=\"while-editing\"\n                            testID=\"chat-emoji-input\"\n                        />\n                    </View>\n                    <ScrollView style={styles.sheetScroll} keyboardShouldPersistTaps=\"handled\">\n                        {sections.map((category) => (\n                            <View key={category.key}>\n                                <Text style={[styles.sheetTitle, { color: theme.textMuted }]}>{category.title}</Text>\n                                <View style={[styles.sheetGrid, { flexDirection: 'row' }]}>\n                                    {category.emojis.map((emoji) => (\n                                        <Pressable\n                                            key={`${category.key}-${emoji}`}\n                                            onPress={() => onPick(emoji)}\n                                            accessibilityRole=\"button\"\n                                            accessibilityLabel={`React ${emoji}`}\n                                            style={[\n                                                {\n                                                    width: cell,\n                                                    height: cell,\n                                                    alignItems: 'center',\n                                                    justifyContent: 'center',\n                                                },\n                                                emoji === current && {\n                                                    backgroundColor: theme.surface,\n                                                    borderRadius: 10,\n                                                },\n                                            ]}\n                                        >\n                                            <Text style={styles.sheetEmoji}>{emoji}</Text>\n                                        </Pressable>\n                                    ))}\n                                </View>\n                            </View>\n                        ))}\n                    </ScrollView>\n                </View>\n            </KeyboardAvoidingView>\n        </>\n    );\n}\n\nconst styles = StyleSheet.create({\n    sheetBackdrop: { ...StyleSheet.absoluteFillObject, backgroundColor: 'rgba(15, 23, 42, 0.45)' },\n    sheetDock: { flex: 1, justifyContent: 'flex-end' },\n    sheet: { borderTopLeftRadius: 16, borderTopRightRadius: 16, paddingTop: 8, paddingBottom: 24, maxHeight: '70%' },\n    sheetHandle: { alignSelf: 'center', width: 36, height: 5, borderRadius: 3, marginBottom: 8 },\n    sheetSearch: {\n        alignItems: 'center',\n        marginHorizontal: 12,\n        marginBottom: 6,\n        borderRadius: 10,\n        paddingHorizontal: 10,\n        height: 38,\n    },\n    sheetInput: { flex: 1, marginLeft: 8, fontSize: 16, paddingVertical: 0 },\n    sheetScroll: { paddingHorizontal: 12 },\n    sheetTitle: { fontSize: 13, fontWeight: '600', marginTop: 10, marginBottom: 4 },\n    sheetGrid: { flexWrap: 'wrap' },\n    sheetEmoji: { fontSize: 28 },\n    backdrop: { flex: 1, backgroundColor: 'rgba(15, 23, 42, 0.45)' },\n    stack: { position: 'absolute', maxWidth: '100%' },\n    bar: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        height: BAR_HEIGHT,\n        paddingHorizontal: 6,\n        borderRadius: BAR_HEIGHT / 2,\n        marginBottom: GAP,\n        shadowColor: '#000',\n        shadowOpacity: 0.18,\n        shadowRadius: 12,\n        shadowOffset: { width: 0, height: 4 },\n        elevation: 6,\n    },\n    tapback: { width: 40, height: 40, borderRadius: 20, alignItems: 'center', justifyContent: 'center' },\n    tapbackEmoji: { fontSize: 24 },\n    preview: { borderRadius: 18, paddingHorizontal: 14, paddingVertical: 9, overflow: 'hidden' },\n    previewText: { fontSize: 17, lineHeight: 22 },\n    menu: {\n        marginTop: GAP,\n        width: 220,\n        borderRadius: 14,\n        overflow: 'hidden',\n        shadowColor: '#000',\n        shadowOpacity: 0.18,\n        shadowRadius: 12,\n        shadowOffset: { width: 0, height: 4 },\n        elevation: 6,\n    },\n    menuRow: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        height: MENU_ROW,\n        paddingHorizontal: 16,\n    },\n    menuLabel: { fontSize: 16 },\n});\n"],"names":[],"mappings":"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"}

package/lib/features/messaging/NativeChatExperience.js

@@ -0,0 +1,189 @@
+import {jsx}from'react/jsx-runtime';import*as React from'react';import {StyleSheet,AppState,Platform,BackHandler,View,ActivityIndicator}from'react-native';import {chatThemes,EmptyState}from'./ChatComponents.js';import {useAppTheme}from'../../theme/AppThemeProvider.js';import {ConversationListScreen}from'./ConversationListScreen.js';import {ContactsScreen}from'./ContactsScreen.js';import {ThreadScreen}from'./ThreadScreen.js';import {useConversations,useThread,useMarkRead}from'./useChatData.js';import {VIEW_CHANNEL_MUTATION,YANTRA_CHAT_INVITER_QUERY}from'./chatOperations.js';import {buildChatInviteUrl,chatInviteMessage}from'./chatInviteLink.js';import {useContactMatches}from'./useContactMatches.js';const DEFAULT_INVITE_WEB_BASE = "https://yantra.app";
+function NativeChatExperience({
+  viewer,
+  sessionError,
+  services,
+  initialChannelId,
+  initialPeer,
+  onActiveChannelChange,
+  onInternalRouteChange,
+  testID
+}) {
+  const {
+    isDark
+  } = useAppTheme();
+  const theme = isDark ? chatThemes.dark : chatThemes.light;
+  const [route, setRoute] = React.useState(initialChannelId ? "thread" : "list");
+  const [activeChannelId, setActiveChannelId] = React.useState(initialChannelId != null ? initialChannelId : null);
+  const [dismissedError, setDismissedError] = React.useState(null);
+  const conversations = useConversations(services, viewer, {
+    syncListRealtime: route === "list"
+  });
+  const contactMatches = useContactMatches(services.gql, services.contacts, viewer, services.phone);
+  const [busyContactId, setBusyContactId] = React.useState(null);
+  const [startChatError, setStartChatError] = React.useState(null);
+  const onThreadListUpdate = React.useCallback((post) => {
+    if (!activeChannelId) return;
+    conversations.applyConversationMessage(activeChannelId, post);
+    conversations.markRead(activeChannelId);
+  }, [activeChannelId, conversations.applyConversationMessage, conversations.markRead]);
+  const thread = useThread(services.gql, route === "thread" ? activeChannelId : null, viewer, {
+    onConversationMessage: onThreadListUpdate
+  });
+  useMarkRead(services.gql, route === "thread" ? activeChannelId : null, conversations.markRead);
+  const threadOpenRef = React.useRef(null);
+  React.useEffect(() => {
+    const open = route === "thread" ? activeChannelId : null;
+    const left = threadOpenRef.current;
+    if (left && left !== open) void services.gql.mutate(VIEW_CHANNEL_MUTATION, {
+      id: left
+    });
+    threadOpenRef.current = open;
+  }, [route, activeChannelId, services.gql]);
+  React.useEffect(() => {
+    onActiveChannelChange == null ? void 0 : onActiveChannelChange(route === "thread" ? activeChannelId : null);
+  }, [route, activeChannelId, onActiveChannelChange]);
+  React.useEffect(() => {
+    const internal = route === "thread" ? "thread" : route === "contacts" ? "contacts" : "list";
+    onInternalRouteChange == null ? void 0 : onInternalRouteChange(internal);
+  }, [route, onInternalRouteChange]);
+  const refreshContactsRef = React.useRef(contactMatches.refresh);
+  refreshContactsRef.current = contactMatches.refresh;
+  const contactsGranted = contactMatches.permission === "granted";
+  React.useEffect(() => {
+    if (route !== "contacts" || !contactsGranted) return void 0;
+    void refreshContactsRef.current();
+    const sub = AppState.addEventListener("change", (state) => {
+      if (state === "active") void refreshContactsRef.current();
+    });
+    return () => sub.remove();
+  }, [route, contactsGranted]);
+  const activeConversation = React.useMemo(() => {
+    var _a;
+    return (_a = conversations.conversations.find((c) => c.id === activeChannelId)) != null ? _a : null;
+  }, [conversations.conversations, activeChannelId]);
+  React.useEffect(() => {
+    if (Platform.OS !== "android") return void 0;
+    const sub = BackHandler.addEventListener("hardwareBackPress", () => {
+      if (route === "list") return false;
+      setRoute("list");
+      return true;
+    });
+    return () => sub.remove();
+  }, [route]);
+  const openThread = React.useCallback((id) => {
+    setActiveChannelId(id);
+    setRoute("thread");
+  }, []);
+  const startChatWith = React.useCallback(async (contact) => {
+    if (!contact.match || busyContactId) return;
+    setBusyContactId(contact.id);
+    setStartChatError(null);
+    try {
+      const id = await conversations.openDirect(contact.match.userId, contact.match.displayName);
+      if (id) openThread(id);
+      else setStartChatError("Could not start this conversation. Please try again.");
+    } finally {
+      setBusyContactId(null);
+    }
+  }, [conversations, openThread, busyContactId]);
+  const openedPeer = React.useRef(null);
+  const [inviteNotice, setInviteNotice] = React.useState(null);
+  const {
+    openDirect
+  } = conversations;
+  React.useEffect(() => {
+    const peer = initialPeer;
+    if (!(peer == null ? void 0 : peer.userId) || !(viewer == null ? void 0 : viewer.userId) || peer.userId === viewer.userId) return;
+    if (openedPeer.current === peer) return;
+    openedPeer.current = peer;
+    void (async () => {
+      var _a, _b;
+      const res = await services.gql.query(YANTRA_CHAT_INVITER_QUERY, {
+        userId: peer.userId
+      }, {
+        fetchPolicy: "network-only"
+      });
+      const inviter = (_a = res.data) == null ? void 0 : _a.yantraChatInviter;
+      if (!inviter) {
+        setInviteNotice(((_b = res.errors) == null ? void 0 : _b.length) ? "Could not open this invite. Check your connection and open the link again." : "This invite link is not valid anymore. Ask for a new one.");
+        return;
+      }
+      const id = await openDirect(inviter.userId, inviter.displayName);
+      if (id) openThread(id);
+      else setInviteNotice(`Could not start a conversation with ${inviter.displayName}. Please try again.`);
+    })();
+  }, [initialPeer, viewer == null ? void 0 : viewer.userId, services.gql, openDirect, openThread]);
+  const inviteContact = React.useCallback(async (contact) => {
+    var _a, _b, _c, _d, _e;
+    const link = services.link;
+    if (!link || !(viewer == null ? void 0 : viewer.userId)) return;
+    const smsTo = ((_a = contact.rawNumbers) == null ? void 0 : _a.length) ? contact.rawNumbers.slice(0, 1) : contact.e164.slice(0, 1);
+    if (!smsTo.length) return;
+    const invite = {
+      inviterId: viewer.userId,
+      inviterName: (_b = viewer.displayName) != null ? _b : null
+    };
+    const url = (_e = (_d = (_c = services.phone) == null ? void 0 : _c.chatInviteUrl) == null ? void 0 : _d.call(_c, invite)) != null ? _e : buildChatInviteUrl(DEFAULT_INVITE_WEB_BASE, invite);
+    const body = chatInviteMessage(viewer.displayName, url);
+    const result = await link.composeSms(smsTo, body);
+    if (result === "unavailable") await link.share(body);
+  }, [services.link, services.phone, viewer]);
+  const activeTitle = React.useMemo(() => {
+    var _a, _b;
+    return (_b = (_a = conversations.conversations.find((c) => c.id === activeChannelId)) == null ? void 0 : _a.title) != null ? _b : "Chat";
+  }, [conversations.conversations, activeChannelId]);
+  if (sessionError) {
+    return /* @__PURE__ */ jsx(Shell, { theme, testID, children: /* @__PURE__ */ jsx(EmptyState, { icon: "alert-circle-outline", title: "Chat is unavailable", detail: sessionError, theme }) });
+  }
+  if (!viewer) {
+    return /* @__PURE__ */ jsx(Shell, { theme, testID, children: /* @__PURE__ */ jsx(View, { style: styles.center, children: /* @__PURE__ */ jsx(ActivityIndicator, {}) }) });
+  }
+  if (route === "thread" && activeChannelId) {
+    const threadError = thread.error === dismissedError ? null : thread.error;
+    return /* @__PURE__ */ jsx(Shell, { theme, testID, children: /* @__PURE__ */ jsx(ThreadScreen, { title: activeTitle, avatarUrl: activeConversation == null ? void 0 : activeConversation.avatarUrl, messages: thread.messages, loading: thread.loading, loadingMore: thread.loadingMore, error: threadError, theme, connectionState: services.gql.connectionState, haptics: services.haptics, onBack: () => setRoute("list"), onSend: (body) => void thread.send(body), onLoadMore: thread.loadMore, onRetry: thread.retry, onReact: (messageId, emoji) => {
+      var _a, _b;
+      const current = (_b = (_a = thread.messages.find((m) => m.id === messageId)) == null ? void 0 : _a.reactions.find((r) => r.mine)) == null ? void 0 : _b.reaction;
+      thread.react(messageId, current === emoji ? null : emoji);
+    }, onCopyText: services.clipboard ? (text) => {
+      var _a;
+      return void ((_a = services.clipboard) == null ? void 0 : _a.copy(text));
+    } : void 0, onShareText: services.link ? (text) => {
+      var _a;
+      return void ((_a = services.link) == null ? void 0 : _a.share(text));
+    } : void 0, onDismissError: () => setDismissedError(thread.error) }) });
+  }
+  if (route === "contacts") {
+    return /* @__PURE__ */ jsx(Shell, { theme, testID, children: /* @__PURE__ */ jsx(ContactsScreen, { permission: contactMatches.permission, loading: contactMatches.loading, error: startChatError != null ? startChatError : contactMatches.error, onYantra: contactMatches.onYantra, invitable: contactMatches.invitable, theme, busyContactId, onBack: () => setRoute("list"), onRequestAccess: () => void contactMatches.requestAccess(), onOpenSettings: () => void contactMatches.openSettings(), onStartChat: (c) => void startChatWith(c), onInvite: (c) => void inviteContact(c), limited: contactMatches.limited, onChooseMoreContacts: contactMatches.chooseMoreContacts ? () => {
+      var _a;
+      return void ((_a = contactMatches.chooseMoreContacts) == null ? void 0 : _a.call(contactMatches));
+    } : void 0, onDismissError: () => {
+      if (startChatError) setStartChatError(null);
+      else void contactMatches.refresh();
+    } }) });
+  }
+  const listError = conversations.error === dismissedError ? null : conversations.error;
+  return /* @__PURE__ */ jsx(Shell, { theme, testID, children: /* @__PURE__ */ jsx(ConversationListScreen, { conversations: conversations.conversations, loading: conversations.loading, refreshing: conversations.refreshing, error: listError, theme, connectionState: services.gql.connectionState, canInvite: true, onRefresh: () => {
+    conversations.refresh();
+    void contactMatches.refresh();
+  }, onRetry: conversations.refresh, loadingMore: conversations.loadingMore, onLoadMore: conversations.loadMore, onOpen: openThread, onNewChat: () => setRoute("contacts"), onDismissError: () => setDismissedError(conversations.error), notice: inviteNotice, onDismissNotice: () => setInviteNotice(null) }) });
+}
+function Shell({
+  theme,
+  testID,
+  children
+}) {
+  return /* @__PURE__ */ jsx(View, { testID: testID != null ? testID : "chat-native", style: [styles.fill, {
+    backgroundColor: theme.bg
+  }], children });
+}
+const styles = StyleSheet.create({
+  fill: {
+    flex: 1
+  },
+  center: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});export{NativeChatExperience,NativeChatExperience as default};//# sourceMappingURL=NativeChatExperience.js.map

package/lib/features/messaging/NativeChatExperience.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeChatExperience.js","sources":["../../../src/features/messaging/NativeChatExperience.tsx"],"sourcesContent":["/**\n * The chat remote's exposed root (`chat_native/Chat`).\n *\n * Owns its own navigation as local state - the remote must not import\n * @react-navigation, because a second copy of the navigator would not share the\n * host's container. Android hardware back is handled with RN's own BackHandler.\n *\n * Everything here is plain react-native (plus expo-image and\n * @expo/vector-icons, both host-shared singletons) - no gluestack, no\n * NativeWind, no Apollo - because a federated remote may only use what the host\n * shares, and every extra dependency is another way to fail to load on a device\n * in a way the simulator will not reproduce.\n */\nimport * as React from 'react';\nimport { ActivityIndicator, AppState, BackHandler, Platform, StyleSheet, Text, View } from 'react-native';\nimport type { NativeChatExperienceProps } from './chatHost';\nimport { chatThemes, EmptyState } from './ChatComponents';\nimport { useAppTheme } from '../../theme/AppThemeProvider';\nimport { ConversationListScreen } from './ConversationListScreen';\nimport { ContactsScreen } from './ContactsScreen';\nimport { ThreadScreen } from './ThreadScreen';\nimport { useConversations, useMarkRead, useThread } from './useChatData';\nimport { VIEW_CHANNEL_MUTATION, YANTRA_CHAT_INVITER_QUERY } from './chatOperations';\nimport { buildChatInviteUrl, chatInviteMessage } from './chatInviteLink';\n\n/** Used only when the host predates `chatInviteUrl`; the host supplies the per-environment domain. */\nconst DEFAULT_INVITE_WEB_BASE = 'https://yantra.app';\nimport { useContactMatches, type MatchedContact } from './useContactMatches';\nimport type { WirePost } from './chatModel';\n\n/** The screens the remote routes between internally. */\nexport type ChatRoute = 'list' | 'thread' | 'contacts' | 'newGroup' | 'groupInfo';\n\nexport function NativeChatExperience({\n    viewer,\n    sessionError,\n    services,\n    initialChannelId,\n    initialPeer,\n    onActiveChannelChange,\n    onInternalRouteChange,\n    testID,\n}: NativeChatExperienceProps) {\n    const { isDark } = useAppTheme();\n    const theme = isDark ? chatThemes.dark : chatThemes.light;\n\n    const [route, setRoute] = React.useState<ChatRoute>(initialChannelId ? 'thread' : 'list');\n    const [activeChannelId, setActiveChannelId] = React.useState<string | null>(initialChannelId ?? null);\n    const [dismissedError, setDismissedError] = React.useState<string | null>(null);\n\n    const conversations = useConversations(services, viewer, { syncListRealtime: route === 'list' });\n    const contactMatches = useContactMatches(services.gql, services.contacts, viewer, services.phone);\n    const [busyContactId, setBusyContactId] = React.useState<string | null>(null);\n    const [startChatError, setStartChatError] = React.useState<string | null>(null);\n    const onThreadListUpdate = React.useCallback(\n        (post: WirePost) => {\n            if (!activeChannelId) return;\n            conversations.applyConversationMessage(activeChannelId, post);\n            // The viewer is looking at this thread, so a message arriving here is already read.\n            conversations.markRead(activeChannelId);\n        },\n        [activeChannelId, conversations.applyConversationMessage, conversations.markRead],\n    );\n    const thread = useThread(services.gql, route === 'thread' ? activeChannelId : null, viewer, {\n        onConversationMessage: onThreadListUpdate,\n    });\n\n    // Clearing the badge is local-first; the mutation is fire-and-forget.\n    useMarkRead(services.gql, route === 'thread' ? activeChannelId : null, conversations.markRead);\n\n    // Mark read again on LEAVING a thread, so messages that arrived while it was open\n    // are not counted as unread by the server on the next list load.\n    const threadOpenRef = React.useRef<string | null>(null);\n    React.useEffect(() => {\n        const open = route === 'thread' ? activeChannelId : null;\n        const left = threadOpenRef.current;\n        if (left && left !== open) void services.gql.mutate(VIEW_CHANNEL_MUTATION, { id: left });\n        threadOpenRef.current = open;\n    }, [route, activeChannelId, services.gql]);\n\n    // The host suppresses a foreground push banner for the conversation already\n    // on screen, so it has to be told every time that changes.\n    React.useEffect(() => {\n        onActiveChannelChange?.(route === 'thread' ? activeChannelId : null);\n    }, [route, activeChannelId, onActiveChannelChange]);\n\n    React.useEffect(() => {\n        const internal: 'list' | 'thread' | 'contacts' | 'register' =\n            route === 'thread' ? 'thread' : route === 'contacts' ? 'contacts' : 'list';\n        onInternalRouteChange?.(internal);\n    }, [route, onInternalRouteChange]);\n\n    // The address book changes outside the app, so re-read it whenever the picker opens\n    // and whenever the app returns to the foreground while the picker is showing.\n    const refreshContactsRef = React.useRef(contactMatches.refresh);\n    refreshContactsRef.current = contactMatches.refresh;\n    const contactsGranted = contactMatches.permission === 'granted';\n    React.useEffect(() => {\n        if (route !== 'contacts' || !contactsGranted) return undefined;\n        void refreshContactsRef.current();\n        const sub = AppState.addEventListener('change', (state) => {\n            if (state === 'active') void refreshContactsRef.current();\n        });\n        return () => sub.remove();\n    }, [route, contactsGranted]);\n\n    const activeConversation = React.useMemo(\n        () => conversations.conversations.find((c) => c.id === activeChannelId) ?? null,\n        [conversations.conversations, activeChannelId],\n    );\n\n    // Android back pops the internal stack before the host's navigator sees it.\n    React.useEffect(() => {\n        if (Platform.OS !== 'android') return undefined;\n        const sub = BackHandler.addEventListener('hardwareBackPress', () => {\n            if (route === 'list') return false;\n            setRoute('list');\n            return true;\n        });\n        return () => sub.remove();\n    }, [route]);\n\n    const openThread = React.useCallback((id: string) => {\n        setActiveChannelId(id);\n        setRoute('thread');\n    }, []);\n\n    /**\n     * Open (or reuse) the conversation with a matched contact. createDirectChannel\n     * is idempotent server-side, so tapping someone you already talk to lands in\n     * the existing thread rather than making a second one.\n     */\n    const startChatWith = React.useCallback(\n        async (contact: MatchedContact) => {\n            if (!contact.match || busyContactId) return;\n            setBusyContactId(contact.id);\n            setStartChatError(null);\n            try {\n                const id = await conversations.openDirect(contact.match.userId, contact.match.displayName);\n                if (id) openThread(id);\n                else setStartChatError('Could not start this conversation. Please try again.');\n            } finally {\n                setBusyContactId(null);\n            }\n        },\n        [conversations, openThread, busyContactId],\n    );\n\n    // Opened from a chat invite link: go straight into the conversation with the inviter\n    // (createDirectChannel is idempotent, so reopening an old invite lands in the same thread).\n    // The link is editable by anyone, so the server has to vouch for the inviter first, and\n    // its name is used - never the one in the link.\n    // Tracks the invite object, not the user: every tap on a link arrives as a new object,\n    // so reopening a link retries, while re-renders of the same one do not.\n    const openedPeer = React.useRef<typeof initialPeer | null>(null);\n    const [inviteNotice, setInviteNotice] = React.useState<string | null>(null);\n    const { openDirect } = conversations;\n    React.useEffect(() => {\n        const peer = initialPeer;\n        if (!peer?.userId || !viewer?.userId || peer.userId === viewer.userId) return;\n        if (openedPeer.current === peer) return;\n        openedPeer.current = peer;\n        void (async () => {\n            const res = await services.gql.query<{\n                yantraChatInviter?: { userId: string; displayName: string } | null;\n            }>(YANTRA_CHAT_INVITER_QUERY, { userId: peer.userId }, { fetchPolicy: 'network-only' });\n            const inviter = res.data?.yantraChatInviter;\n            if (!inviter) {\n                setInviteNotice(\n                    res.errors?.length\n                        ? 'Could not open this invite. Check your connection and open the link again.'\n                        : 'This invite link is not valid anymore. Ask for a new one.',\n                );\n                return;\n            }\n            const id = await openDirect(inviter.userId, inviter.displayName);\n            if (id) openThread(id);\n            else setInviteNotice(`Could not start a conversation with ${inviter.displayName}. Please try again.`);\n        })();\n    }, [initialPeer, viewer?.userId, services.gql, openDirect, openThread]);\n\n    /**\n     * Invite someone who is not here yet.\n     *\n     * With phone-based membership (issue #1312):\n     * 1. Call the connector to generate a deep link\n     * 2. Open SMS composer with the deep link (user approves before sending)\n     * 3. Fall back to share sheet where SMS is unavailable (simulators)\n     *\n     * The deep link includes the invitee's phone and the inviter's phone,\n     * enabling install-then-attribute and direct link-back to the inviter\n     * after the app is installed.\n     */\n    const inviteContact = React.useCallback(\n        async (contact: MatchedContact) => {\n            const link = services.link;\n\n            if (!link || !viewer?.userId) return;\n            const smsTo = contact.rawNumbers?.length ? contact.rawNumbers.slice(0, 1) : contact.e164.slice(0, 1);\n            if (!smsTo.length) return;\n\n            // The link names the inviter (so the app can open this conversation on arrival) and\n            // carries no phone numbers.\n            const invite = { inviterId: viewer.userId, inviterName: viewer.displayName ?? null };\n            const url = services.phone?.chatInviteUrl?.(invite) ?? buildChatInviteUrl(DEFAULT_INVITE_WEB_BASE, invite);\n            const body = chatInviteMessage(viewer.displayName, url);\n\n            // Saved numbers, not our E.164 guesses: the phone dials them in its own region.\n            const result = await link.composeSms(smsTo, body);\n            if (result === 'unavailable') await link.share(body);\n        },\n        [services.link, services.phone, viewer],\n    );\n\n    const activeTitle = React.useMemo(\n        () => conversations.conversations.find((c) => c.id === activeChannelId)?.title ?? 'Chat',\n        [conversations.conversations, activeChannelId],\n    );\n\n    if (sessionError) {\n        return (\n            <Shell theme={theme} testID={testID}>\n                <EmptyState\n                    icon=\"alert-circle-outline\"\n                    title=\"Chat is unavailable\"\n                    detail={sessionError}\n                    theme={theme}\n                />\n            </Shell>\n        );\n    }\n\n    // Session still resolving: a spinner, never an error. org/user arrive a beat\n    // after mount and a flash of failure reads as a broken feature.\n    if (!viewer) {\n        return (\n            <Shell theme={theme} testID={testID}>\n                <View style={styles.center}>\n                    <ActivityIndicator />\n                </View>\n            </Shell>\n        );\n    }\n\n    if (route === 'thread' && activeChannelId) {\n        const threadError = thread.error === dismissedError ? null : thread.error;\n        return (\n            <Shell theme={theme} testID={testID}>\n                <ThreadScreen\n                    title={activeTitle}\n                    avatarUrl={activeConversation?.avatarUrl}\n                    messages={thread.messages}\n                    loading={thread.loading}\n                    loadingMore={thread.loadingMore}\n                    error={threadError}\n                    theme={theme}\n                    connectionState={services.gql.connectionState}\n                    haptics={services.haptics}\n                    onBack={() => setRoute('list')}\n                    onSend={(body) => void thread.send(body)}\n                    onLoadMore={thread.loadMore}\n                    onRetry={thread.retry}\n                    onReact={(messageId, emoji) => {\n                        const current = thread.messages\n                            .find((m) => m.id === messageId)\n                            ?.reactions.find((r) => r.mine)?.reaction;\n                        // Tapping your current Tapback removes it, as in iMessage.\n                        thread.react(messageId, current === emoji ? null : emoji);\n                    }}\n                    onCopyText={services.clipboard ? (text) => void services.clipboard?.copy(text) : undefined}\n                    onShareText={services.link ? (text) => void services.link?.share(text) : undefined}\n                    onDismissError={() => setDismissedError(thread.error)}\n                />\n            </Shell>\n        );\n    }\n\n    if (route === 'contacts') {\n        return (\n            <Shell theme={theme} testID={testID}>\n                <ContactsScreen\n                    permission={contactMatches.permission}\n                    loading={contactMatches.loading}\n                    error={startChatError ?? contactMatches.error}\n                    onYantra={contactMatches.onYantra}\n                    invitable={contactMatches.invitable}\n                    theme={theme}\n                    busyContactId={busyContactId}\n                    onBack={() => setRoute('list')}\n                    onRequestAccess={() => void contactMatches.requestAccess()}\n                    onOpenSettings={() => void contactMatches.openSettings()}\n                    onStartChat={(c) => void startChatWith(c)}\n                    onInvite={(c) => void inviteContact(c)}\n                    limited={contactMatches.limited}\n                    onChooseMoreContacts={\n                        contactMatches.chooseMoreContacts ? () => void contactMatches.chooseMoreContacts?.() : undefined\n                    }\n                    onDismissError={() => {\n                        if (startChatError) setStartChatError(null);\n                        else void contactMatches.refresh();\n                    }}\n                />\n            </Shell>\n        );\n    }\n\n    const listError = conversations.error === dismissedError ? null : conversations.error;\n    return (\n        <Shell theme={theme} testID={testID}>\n            <ConversationListScreen\n                conversations={conversations.conversations}\n                loading={conversations.loading}\n                refreshing={conversations.refreshing}\n                error={listError}\n                theme={theme}\n                connectionState={services.gql.connectionState}\n                canInvite\n                onRefresh={() => {\n                    conversations.refresh();\n                    void contactMatches.refresh();\n                }}\n                onRetry={conversations.refresh}\n                loadingMore={conversations.loadingMore}\n                onLoadMore={conversations.loadMore}\n                onOpen={openThread}\n                onNewChat={() => setRoute('contacts')}\n                onDismissError={() => setDismissedError(conversations.error)}\n                notice={inviteNotice}\n                onDismissNotice={() => setInviteNotice(null)}\n            />\n        </Shell>\n    );\n}\n\nfunction Shell({ theme, testID, children }: { theme: { bg: string }; testID?: string; children: React.ReactNode }) {\n    return (\n        <View testID={testID ?? 'chat-native'} style={[styles.fill, { backgroundColor: theme.bg }]}>\n            {children}\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    fill: { flex: 1 },\n    center: { flex: 1, alignItems: 'center', justifyContent: 'center' },\n});\n\nexport default NativeChatExperience;\n"],"names":[],"mappings":"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"}