@adminide-stack/yantra-mobile 12.0.105-alpha.0 → 12.0.106-alpha.0

package/lib/features/messaging/PollComposer.js

@@ -0,0 +1,137 @@
+import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import {StyleSheet,Modal,View,Pressable,Text,KeyboardAvoidingView,ScrollView,TextInput,Switch,Platform}from'react-native';import {SafeAreaView}from'react-native-safe-area-context';import {MaterialCommunityIcons}from'@expo/vector-icons';const MAX_OPTIONS = 12;
+const QUESTION_MAX = 255;
+const OPTION_MAX = 100;
+function PollComposer({
+  visible,
+  theme,
+  onCancel,
+  onCreate
+}) {
+  const [question, setQuestion] = React.useState("");
+  const [options, setOptions] = React.useState(["", ""]);
+  const [multiple, setMultiple] = React.useState(false);
+  const [busy, setBusy] = React.useState(false);
+  React.useEffect(() => {
+    if (visible) {
+      setQuestion("");
+      setOptions(["", ""]);
+      setMultiple(false);
+      setBusy(false);
+    }
+  }, [visible]);
+  const setOption = (index, value) => {
+    setOptions((prev) => {
+      const next = prev.slice();
+      next[index] = value.slice(0, OPTION_MAX);
+      const nonEmpty = next.filter((o) => o.trim());
+      if (nonEmpty.length === next.length && next.length < MAX_OPTIONS) next.push("");
+      return next;
+    });
+  };
+  const filled = options.map((o) => o.trim()).filter(Boolean);
+  const canSend = question.trim().length > 0 && filled.length >= 2 && !busy;
+  const submit = async () => {
+    if (!canSend) return;
+    setBusy(true);
+    try {
+      await onCreate(question.trim(), filled, multiple);
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(Modal, { visible, animationType: "slide", onRequestClose: onCancel, transparent: false, children: /* @__PURE__ */ jsxs(View, { style: [styles.fill, {
+    backgroundColor: theme.bg
+  }], testID: "chat-poll-composer", children: [
+    /* @__PURE__ */ jsx(SafeAreaView, { edges: ["top"], style: {
+      backgroundColor: theme.headerBg
+    }, children: /* @__PURE__ */ jsxs(View, { style: [styles.header, {
+      borderBottomColor: theme.border,
+      flexDirection: "row"
+    }], children: [
+      /* @__PURE__ */ jsx(Pressable, { onPress: onCancel, hitSlop: 10, accessibilityRole: "button", accessibilityLabel: "Cancel", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 26, color: theme.text }) }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.title, {
+        color: theme.text
+      }], children: "Create poll" }),
+      /* @__PURE__ */ jsx(Pressable, { onPress: submit, disabled: !canSend, hitSlop: 10, accessibilityRole: "button", accessibilityLabel: "Create poll", accessibilityState: {
+        disabled: !canSend
+      }, children: /* @__PURE__ */ jsx(Text, { style: [styles.send, {
+        color: canSend ? theme.accent : theme.textMuted
+      }], children: "Send" }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(KeyboardAvoidingView, { style: styles.fill, behavior: Platform.OS === "ios" ? "padding" : void 0, keyboardVerticalOffset: 8, children: /* @__PURE__ */ jsxs(ScrollView, { contentContainerStyle: styles.body, keyboardShouldPersistTaps: "handled", children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.section, {
+        color: theme.textMuted
+      }], children: "QUESTION" }),
+      /* @__PURE__ */ jsx(TextInput, { value: question, onChangeText: (t) => setQuestion(t.slice(0, QUESTION_MAX)), placeholder: "Ask a question", placeholderTextColor: theme.textMuted, style: [styles.input, {
+        backgroundColor: theme.surface,
+        color: theme.text
+      }], multiline: true, accessibilityLabel: "Poll question" }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.section, {
+        color: theme.textMuted
+      }], children: "OPTIONS" }),
+      options.map((opt, i) => /* @__PURE__ */ jsx(TextInput, { value: opt, onChangeText: (t) => setOption(i, t), placeholder: i < 2 ? `Option ${i + 1}` : "Add", placeholderTextColor: theme.textMuted, style: [styles.input, {
+        backgroundColor: theme.surface,
+        color: theme.text
+      }], accessibilityLabel: `Poll option ${i + 1}` }, i)),
+      /* @__PURE__ */ jsxs(View, { style: [styles.switchRow, {
+        borderTopColor: theme.border,
+        flexDirection: "row"
+      }], children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.switchLabel, {
+          color: theme.text
+        }], children: "Allow multiple answers" }),
+        /* @__PURE__ */ jsx(Switch, { value: multiple, onValueChange: setMultiple, trackColor: {
+          true: theme.accent
+        }, accessibilityLabel: "Allow multiple answers" })
+      ] })
+    ] }) })
+  ] }) });
+}
+const styles = StyleSheet.create({
+  fill: {
+    flex: 1
+  },
+  header: {
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 16,
+    minHeight: 52,
+    borderBottomWidth: StyleSheet.hairlineWidth
+  },
+  title: {
+    fontSize: 17,
+    fontWeight: "600"
+  },
+  send: {
+    fontSize: 16,
+    fontWeight: "700"
+  },
+  body: {
+    padding: 16,
+    paddingBottom: 48
+  },
+  section: {
+    fontSize: 12,
+    fontWeight: "600",
+    marginBottom: 8,
+    marginTop: 8,
+    letterSpacing: 0.5
+  },
+  input: {
+    borderRadius: 10,
+    paddingHorizontal: 12,
+    paddingVertical: 12,
+    fontSize: 16,
+    marginBottom: 10
+  },
+  switchRow: {
+    alignItems: "center",
+    justifyContent: "space-between",
+    marginTop: 16,
+    paddingTop: 16,
+    borderTopWidth: StyleSheet.hairlineWidth
+  },
+  switchLabel: {
+    fontSize: 16
+  }
+});export{PollComposer};//# sourceMappingURL=PollComposer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PollComposer.js","sources":["../../../src/features/messaging/PollComposer.tsx"],"sourcesContent":["/**\n * Create-a-poll screen, WhatsApp-style: a question, a growing list of option fields, and an\n * \"Allow multiple answers\" switch. Send is enabled once there is a question and at least two\n * non-empty options. Presented as a full-screen modal from the composer's \"+\" sheet.\n */\nimport * as React from 'react';\nimport {\n    KeyboardAvoidingView,\n    Modal,\n    Platform,\n    Pressable,\n    ScrollView,\n    StyleSheet,\n    Switch,\n    Text,\n    TextInput,\n    View,\n} from 'react-native';\nimport { SafeAreaView } from 'react-native-safe-area-context';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport type { ChatTheme } from './ChatComponents';\n\n/** WhatsApp caps a poll at 12 options. */\nconst MAX_OPTIONS = 12;\nconst QUESTION_MAX = 255;\nconst OPTION_MAX = 100;\n\nexport function PollComposer({\n    visible,\n    theme,\n    onCancel,\n    onCreate,\n}: {\n    visible: boolean;\n    theme: ChatTheme;\n    onCancel: () => void;\n    /** Resolves when the poll has been created so the composer can close. */\n    onCreate: (question: string, options: string[], multiple: boolean) => Promise<void> | void;\n}) {\n    const [question, setQuestion] = React.useState('');\n    // Always keep two empty slots at the end so there is somewhere to type the next option.\n    const [options, setOptions] = React.useState<string[]>(['', '']);\n    const [multiple, setMultiple] = React.useState(false);\n    const [busy, setBusy] = React.useState(false);\n\n    // Reset whenever the sheet opens.\n    React.useEffect(() => {\n        if (visible) {\n            setQuestion('');\n            setOptions(['', '']);\n            setMultiple(false);\n            setBusy(false);\n        }\n    }, [visible]);\n\n    const setOption = (index: number, value: string) => {\n        setOptions((prev) => {\n            const next = prev.slice();\n            next[index] = value.slice(0, OPTION_MAX);\n            // Keep exactly one trailing empty slot (up to the cap), WhatsApp-style.\n            const nonEmpty = next.filter((o) => o.trim());\n            if (nonEmpty.length === next.length && next.length < MAX_OPTIONS) next.push('');\n            return next;\n        });\n    };\n\n    const filled = options.map((o) => o.trim()).filter(Boolean);\n    const canSend = question.trim().length > 0 && filled.length >= 2 && !busy;\n\n    const submit = async () => {\n        if (!canSend) return;\n        setBusy(true);\n        try {\n            await onCreate(question.trim(), filled, multiple);\n        } finally {\n            setBusy(false);\n        }\n    };\n\n    return (\n        <Modal visible={visible} animationType=\"slide\" onRequestClose={onCancel} transparent={false}>\n            <View style={[styles.fill, { backgroundColor: theme.bg }]} testID=\"chat-poll-composer\">\n                <SafeAreaView edges={['top']} style={{ backgroundColor: theme.headerBg }}>\n                    <View style={[styles.header, { borderBottomColor: theme.border, flexDirection: 'row' }]}>\n                        <Pressable\n                            onPress={onCancel}\n                            hitSlop={10}\n                            accessibilityRole=\"button\"\n                            accessibilityLabel=\"Cancel\"\n                        >\n                            <MaterialCommunityIcons name=\"close\" size={26} color={theme.text} />\n                        </Pressable>\n                        <Text style={[styles.title, { color: theme.text }]}>Create poll</Text>\n                        <Pressable\n                            onPress={submit}\n                            disabled={!canSend}\n                            hitSlop={10}\n                            accessibilityRole=\"button\"\n                            accessibilityLabel=\"Create poll\"\n                            accessibilityState={{ disabled: !canSend }}\n                        >\n                            <Text style={[styles.send, { color: canSend ? theme.accent : theme.textMuted }]}>Send</Text>\n                        </Pressable>\n                    </View>\n                </SafeAreaView>\n                <KeyboardAvoidingView\n                    style={styles.fill}\n                    behavior={Platform.OS === 'ios' ? 'padding' : undefined}\n                    keyboardVerticalOffset={8}\n                >\n                    <ScrollView contentContainerStyle={styles.body} keyboardShouldPersistTaps=\"handled\">\n                        <Text style={[styles.section, { color: theme.textMuted }]}>QUESTION</Text>\n                        <TextInput\n                            value={question}\n                            onChangeText={(t) => setQuestion(t.slice(0, QUESTION_MAX))}\n                            placeholder=\"Ask a question\"\n                            placeholderTextColor={theme.textMuted}\n                            style={[styles.input, { backgroundColor: theme.surface, color: theme.text }]}\n                            multiline\n                            accessibilityLabel=\"Poll question\"\n                        />\n\n                        <Text style={[styles.section, { color: theme.textMuted }]}>OPTIONS</Text>\n                        {options.map((opt, i) => (\n                            <TextInput\n                                key={i}\n                                value={opt}\n                                onChangeText={(t) => setOption(i, t)}\n                                placeholder={i < 2 ? `Option ${i + 1}` : 'Add'}\n                                placeholderTextColor={theme.textMuted}\n                                style={[styles.input, { backgroundColor: theme.surface, color: theme.text }]}\n                                accessibilityLabel={`Poll option ${i + 1}`}\n                            />\n                        ))}\n\n                        <View style={[styles.switchRow, { borderTopColor: theme.border, flexDirection: 'row' }]}>\n                            <Text style={[styles.switchLabel, { color: theme.text }]}>Allow multiple answers</Text>\n                            <Switch\n                                value={multiple}\n                                onValueChange={setMultiple}\n                                trackColor={{ true: theme.accent }}\n                                accessibilityLabel=\"Allow multiple answers\"\n                            />\n                        </View>\n                    </ScrollView>\n                </KeyboardAvoidingView>\n            </View>\n        </Modal>\n    );\n}\n\nconst styles = StyleSheet.create({\n    fill: { flex: 1 },\n    header: {\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        paddingHorizontal: 16,\n        minHeight: 52,\n        borderBottomWidth: StyleSheet.hairlineWidth,\n    },\n    title: { fontSize: 17, fontWeight: '600' },\n    send: { fontSize: 16, fontWeight: '700' },\n    body: { padding: 16, paddingBottom: 48 },\n    section: { fontSize: 12, fontWeight: '600', marginBottom: 8, marginTop: 8, letterSpacing: 0.5 },\n    input: {\n        borderRadius: 10,\n        paddingHorizontal: 12,\n        paddingVertical: 12,\n        fontSize: 16,\n        marginBottom: 10,\n    },\n    switchRow: {\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        marginTop: 16,\n        paddingTop: 16,\n        borderTopWidth: StyleSheet.hairlineWidth,\n    },\n    switchLabel: { fontSize: 16 },\n});\n"],"names":[],"mappings":"iTAYA,MAAM,WAAc,GAAA,EAAA;AACpB,MAAM,YAAe,GAAA,GAAA;AACrB,MAAM,UAAa,GAAA,GAAA;AACZ,SAAS,YAAa,CAAA;AAAA,EAC3B,OAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAMG,EAAA;AACD,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAA,KAAA,CAAM,SAAS,EAAE,CAAA;AAEjD,EAAM,MAAA,CAAC,SAAS,UAAU,CAAA,GAAI,MAAM,QAAmB,CAAA,CAAC,EAAI,EAAA,EAAE,CAAC,CAAA;AAC/D,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAA,KAAA,CAAM,SAAS,KAAK,CAAA;AACpD,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,KAAA,CAAM,SAAS,KAAK,CAAA;AAG5C,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,OAAS,EAAA;AACX,MAAA,WAAA,CAAY,EAAE,CAAA;AACd,MAAW,UAAA,CAAA,CAAC,EAAI,EAAA,EAAE,CAAC,CAAA;AACnB,MAAA,WAAA,CAAY,KAAK,CAAA;AACjB,MAAA,OAAA,CAAQ,KAAK,CAAA;AAAA;AACf,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AACZ,EAAM,MAAA,SAAA,GAAY,CAAC,KAAA,EAAe,KAAkB,KAAA;AAClD,IAAA,UAAA,CAAW,CAAQ,IAAA,KAAA;AACjB,MAAM,MAAA,IAAA,GAAO,KAAK,KAAM,EAAA;AACxB,MAAA,IAAA,CAAK,KAAK,CAAA,GAAI,KAAM,CAAA,KAAA,CAAM,GAAG,UAAU,CAAA;AAEvC,MAAA,MAAM,WAAW,IAAK,CAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,CAAE,MAAM,CAAA;AAC1C,MAAI,IAAA,QAAA,CAAS,WAAW,IAAK,CAAA,MAAA,IAAU,KAAK,MAAS,GAAA,WAAA,EAAkB,IAAA,CAAA,IAAA,CAAK,EAAE,CAAA;AAC9E,MAAO,OAAA,IAAA;AAAA,KACR,CAAA;AAAA,GACH;AACA,EAAM,MAAA,MAAA,GAAS,QAAQ,GAAI,CAAA,CAAA,CAAA,KAAK,EAAE,IAAK,EAAC,CAAE,CAAA,MAAA,CAAO,OAAO,CAAA;AACxD,EAAM,MAAA,OAAA,GAAU,SAAS,IAAK,EAAA,CAAE,SAAS,CAAK,IAAA,MAAA,CAAO,MAAU,IAAA,CAAA,IAAK,CAAC,IAAA;AACrE,EAAA,MAAM,SAAS,YAAY;AACzB,IAAA,IAAI,CAAC,OAAS,EAAA;AACd,IAAA,OAAA,CAAQ,IAAI,CAAA;AACZ,IAAI,IAAA;AACF,MAAA,MAAM,QAAS,CAAA,QAAA,CAAS,IAAK,EAAA,EAAG,QAAQ,QAAQ,CAAA;AAAA,KAChD,SAAA;AACA,MAAA,OAAA,CAAQ,KAAK,CAAA;AAAA;AACf,GACF;AACA,EAAA,uBAAQ,GAAA,CAAA,KAAA,EAAA,EAAM,OAAkB,EAAA,aAAA,EAAc,SAAQ,cAAgB,EAAA,QAAA,EAAU,WAAa,EAAA,KAAA,EACnF,QAAC,kBAAA,IAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,CAAC,OAAO,IAAM,EAAA;AAAA,IACjC,iBAAiB,KAAM,CAAA;AAAA,GACxB,CAAG,EAAA,MAAA,EAAO,oBACC,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,KAAA,EAAO,CAAC,KAAK,GAAG,KAAO,EAAA;AAAA,MAC7C,iBAAiB,KAAM,CAAA;AAAA,OAEX,QAAC,kBAAA,IAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,CAAC,OAAO,MAAQ,EAAA;AAAA,MACvC,mBAAmB,KAAM,CAAA,MAAA;AAAA,MACzB,aAAe,EAAA;AAAA,KAChB,CACe,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,aAAU,OAAS,EAAA,QAAA,EAAU,SAAS,EAAI,EAAA,iBAAA,EAAkB,UAAS,kBAAmB,EAAA,QAAA,EACrF,QAAC,kBAAA,GAAA,CAAA,sBAAA,EAAA,EAAuB,MAAK,OAAQ,EAAA,IAAA,EAAM,IAAI,KAAO,EAAA,KAAA,CAAM,MAAM,CACtE,EAAA,CAAA;AAAA,sBACC,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,CAAC,OAAO,KAAO,EAAA;AAAA,QACxC,OAAO,KAAM,CAAA;AAAA,OACd,GAAG,QAAW,EAAA,aAAA,EAAA,CAAA;AAAA,sBACA,GAAA,CAAA,SAAA,EAAA,EAAU,OAAS,EAAA,MAAA,EAAQ,QAAU,EAAA,CAAC,OAAS,EAAA,OAAA,EAAS,EAAI,EAAA,iBAAA,EAAkB,QAAS,EAAA,kBAAA,EAAmB,eAAc,kBAAoB,EAAA;AAAA,QACzJ,UAAU,CAAC;AAAA,SAEK,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,CAAC,OAAO,IAAM,EAAA;AAAA,QACzC,KAAO,EAAA,OAAA,GAAU,KAAM,CAAA,MAAA,GAAS,KAAM,CAAA;AAAA,OACvC,CAAG,EAAA,QAAA,EAAA,MAAA,EAAI,CACI,EAAA;AAAA,KAAA,EACJ,CACJ,EAAA,CAAA;AAAA,wBACC,oBAAqB,EAAA,EAAA,KAAA,EAAO,OAAO,IAAM,EAAA,QAAA,EAAU,SAAS,EAAO,KAAA,KAAA,GAAQ,YAAY,MAAW,EAAA,sBAAA,EAAwB,GACvH,QAAC,kBAAA,IAAA,CAAA,UAAA,EAAA,EAAW,uBAAuB,MAAO,CAAA,IAAA,EAAM,2BAA0B,SACtE,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,CAAC,MAAA,CAAO,OAAS,EAAA;AAAA,QAC1C,OAAO,KAAM,CAAA;AAAA,OACd,GAAG,QAAQ,EAAA,UAAA,EAAA,CAAA;AAAA,sBACE,GAAA,CAAC,aAAU,KAAO,EAAA,QAAA,EAAU,cAAc,CAAK,CAAA,KAAA,WAAA,CAAY,EAAE,KAAM,CAAA,CAAA,EAAG,YAAY,CAAC,CAAA,EAAG,aAAY,gBAAiB,EAAA,oBAAA,EAAsB,MAAM,SAAW,EAAA,KAAA,EAAO,CAAC,MAAA,CAAO,KAAO,EAAA;AAAA,QAC5L,iBAAiB,KAAM,CAAA,OAAA;AAAA,QACvB,OAAO,KAAM,CAAA;AAAA,OACd,CAAA,EAAG,SAAS,EAAA,IAAA,EAAC,oBAAmB,eAAgB,EAAA,CAAA;AAAA,sBAElC,GAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,CAAC,OAAO,OAAS,EAAA;AAAA,QAC1C,OAAO,KAAM,CAAA;AAAA,OACd,GAAG,QAAO,EAAA,SAAA,EAAA,CAAA;AAAA,MACI,OAAQ,CAAA,GAAA,CAAI,CAAC,GAAA,EAAK,CAAM,qBAAA,GAAA,CAAC,SAAkB,EAAA,EAAA,KAAA,EAAO,GAAK,EAAA,YAAA,EAAc,CAAK,CAAA,KAAA,SAAA,CAAU,CAAG,EAAA,CAAC,CAAG,EAAA,WAAA,EAAa,CAAI,GAAA,CAAA,GAAI,CAAU,OAAA,EAAA,CAAA,GAAI,CAAC,CAAA,CAAA,GAAK,KAAO,EAAA,oBAAA,EAAsB,KAAM,CAAA,SAAA,EAAW,KAAO,EAAA,CAAC,OAAO,KAAO,EAAA;AAAA,QACrN,iBAAiB,KAAM,CAAA,OAAA;AAAA,QACvB,OAAO,KAAM,CAAA;AAAA,OACd,GAAG,kBAAoB,EAAA,CAAA,YAAA,EAAe,IAAI,CAAC,CAAA,CAAA,EAAA,EAHW,CAGP,CAAE,CAAA;AAAA,sBAEnC,IAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,CAAC,OAAO,SAAW,EAAA;AAAA,QAC5C,gBAAgB,KAAM,CAAA,MAAA;AAAA,QACtB,aAAe,EAAA;AAAA,OAChB,CACiB,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,CAAC,MAAA,CAAO,WAAa,EAAA;AAAA,UAChD,OAAO,KAAM,CAAA;AAAA,SACd,GAAG,QAAsB,EAAA,wBAAA,EAAA,CAAA;AAAA,4BACT,MAAO,EAAA,EAAA,KAAA,EAAO,QAAU,EAAA,aAAA,EAAe,aAAa,UAAY,EAAA;AAAA,UAC/E,MAAM,KAAM,CAAA;AAAA,SACd,EAAG,oBAAmB,wBAAyB,EAAA;AAAA,OACnC,EAAA;AAAA,KAAA,EACJ,CACJ,EAAA;AAAA,GAAA,EACJ,CACJ,EAAA,CAAA;AACR;AACA,MAAM,MAAA,GAAS,WAAW,MAAO,CAAA;AAAA,EAC/B,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA;AAAA,GACR;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,eAAA;AAAA,IAChB,iBAAmB,EAAA,EAAA;AAAA,IACnB,SAAW,EAAA,EAAA;AAAA,IACX,mBAAmB,UAAW,CAAA;AAAA,GAChC;AAAA,EACA,KAAO,EAAA;AAAA,IACL,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA;AAAA,GACd;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA;AAAA,GACd;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,EAAA;AAAA,IACT,aAAe,EAAA;AAAA,GACjB;AAAA,EACA,OAAS,EAAA;AAAA,IACP,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA,KAAA;AAAA,IACZ,YAAc,EAAA,CAAA;AAAA,IACd,SAAW,EAAA,CAAA;AAAA,IACX,aAAe,EAAA;AAAA,GACjB;AAAA,EACA,KAAO,EAAA;AAAA,IACL,YAAc,EAAA,EAAA;AAAA,IACd,iBAAmB,EAAA,EAAA;AAAA,IACnB,eAAiB,EAAA,EAAA;AAAA,IACjB,QAAU,EAAA,EAAA;AAAA,IACV,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,SAAW,EAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,eAAA;AAAA,IAChB,SAAW,EAAA,EAAA;AAAA,IACX,UAAY,EAAA,EAAA;AAAA,IACZ,gBAAgB,UAAW,CAAA;AAAA,GAC7B;AAAA,EACA,WAAa,EAAA;AAAA,IACX,QAAU,EAAA;AAAA;AAEd,CAAC,CAAA"}

package/lib/features/messaging/PollVotesScreen.js

@@ -0,0 +1,122 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {StyleSheet,View,Pressable,Text,ScrollView}from'react-native';import {SafeAreaView}from'react-native-safe-area-context';import {MaterialCommunityIcons}from'@expo/vector-icons';import {EmptyState,Avatar}from'./ChatComponents.js';function PollVotesScreen({
+  poll,
+  theme,
+  viewerId,
+  nameOf,
+  onBack
+}) {
+  const total = poll ? poll.options.reduce((n, o) => n + o.count, 0) : 0;
+  const label = (id) => id === viewerId ? "You" : nameOf(id);
+  return /* @__PURE__ */ jsxs(View, { style: [styles.fill, {
+    backgroundColor: theme.bg
+  }], testID: "chat-poll-votes", children: [
+    /* @__PURE__ */ jsx(SafeAreaView, { edges: ["top"], style: {
+      backgroundColor: theme.headerBg
+    }, children: /* @__PURE__ */ jsxs(View, { style: [styles.header, {
+      borderBottomColor: theme.border,
+      flexDirection: "row"
+    }], children: [
+      /* @__PURE__ */ jsx(Pressable, { onPress: onBack, hitSlop: 10, accessibilityRole: "button", accessibilityLabel: "Back", style: styles.headerIcon, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "chevron-left", size: 32, color: theme.accent }) }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.title, {
+        color: theme.text
+      }], children: "Poll votes" }),
+      /* @__PURE__ */ jsx(View, { style: styles.headerIcon })
+    ] }) }),
+    !poll ? /* @__PURE__ */ jsx(EmptyState, { icon: "poll", title: "Poll votes didn\u2019t load", detail: "Please try again later.", theme }) : /* @__PURE__ */ jsxs(ScrollView, { contentContainerStyle: styles.body, children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.question, {
+        color: theme.text
+      }], children: poll.question }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.total, {
+        color: theme.textMuted
+      }], children: `${total} ${total === 1 ? "vote" : "votes"}` }),
+      poll.options.map((o) => /* @__PURE__ */ jsxs(View, { style: styles.optionBlock, children: [
+        /* @__PURE__ */ jsxs(View, { style: [styles.optionHead, {
+          borderBottomColor: theme.border,
+          flexDirection: "row"
+        }], children: [
+          /* @__PURE__ */ jsx(Text, { style: [styles.optionText, {
+            color: theme.text
+          }], numberOfLines: 2, children: o.text }),
+          /* @__PURE__ */ jsx(Text, { style: [styles.optionCount, {
+            color: theme.textMuted
+          }], children: `${o.count} ${o.count === 1 ? "vote" : "votes"}` })
+        ] }),
+        o.voterIds.length === 0 ? /* @__PURE__ */ jsx(Text, { style: [styles.noVotes, {
+          color: theme.textMuted
+        }], children: "No votes yet" }) : o.voterIds.map((id) => /* @__PURE__ */ jsxs(View, { style: [styles.voter, {
+          flexDirection: "row"
+        }], children: [
+          /* @__PURE__ */ jsx(Avatar, { name: label(id), theme, size: 30, variant: "initials" }),
+          /* @__PURE__ */ jsx(Text, { style: [styles.voterName, {
+            color: theme.text
+          }], children: label(id) })
+        ] }, id))
+      ] }, o.id))
+    ] })
+  ] });
+}
+const styles = StyleSheet.create({
+  fill: {
+    flex: 1
+  },
+  header: {
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 4,
+    minHeight: 52,
+    borderBottomWidth: StyleSheet.hairlineWidth
+  },
+  headerIcon: {
+    width: 44,
+    height: 44,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  title: {
+    fontSize: 17,
+    fontWeight: "600"
+  },
+  body: {
+    padding: 16
+  },
+  question: {
+    fontSize: 18,
+    fontWeight: "700"
+  },
+  total: {
+    fontSize: 13,
+    marginTop: 2,
+    marginBottom: 12
+  },
+  optionBlock: {
+    marginBottom: 18
+  },
+  optionHead: {
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingBottom: 6,
+    marginBottom: 8,
+    borderBottomWidth: StyleSheet.hairlineWidth
+  },
+  optionText: {
+    fontSize: 16,
+    fontWeight: "600",
+    flex: 1,
+    marginRight: 8
+  },
+  optionCount: {
+    fontSize: 13
+  },
+  noVotes: {
+    fontSize: 14,
+    fontStyle: "italic"
+  },
+  voter: {
+    alignItems: "center",
+    marginBottom: 10
+  },
+  voterName: {
+    fontSize: 15,
+    marginLeft: 10
+  }
+});export{PollVotesScreen};//# sourceMappingURL=PollVotesScreen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PollVotesScreen.js","sources":["../../../src/features/messaging/PollVotesScreen.tsx"],"sourcesContent":["/**\n * \"Poll votes\": who picked what. WhatsApp polls are non-anonymous, so each option lists its\n * voters by name. Grouped by option, in the poll's own option order.\n */\nimport * as React from 'react';\nimport { Pressable, ScrollView, StyleSheet, Text, View } from 'react-native';\nimport { SafeAreaView } from 'react-native-safe-area-context';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { Avatar, EmptyState, type ChatTheme } from './ChatComponents';\nimport type { ChatPoll } from './chatModel';\n\nexport function PollVotesScreen({\n    poll,\n    theme,\n    viewerId,\n    nameOf,\n    onBack,\n}: {\n    poll: ChatPoll | null;\n    theme: ChatTheme;\n    viewerId: string;\n    /** Resolve a voter id to a display name (the group's member list). */\n    nameOf: (id: string) => string;\n    onBack: () => void;\n}) {\n    const total = poll ? poll.options.reduce((n, o) => n + o.count, 0) : 0;\n    const label = (id: string) => (id === viewerId ? 'You' : nameOf(id));\n    return (\n        <View style={[styles.fill, { backgroundColor: theme.bg }]} testID=\"chat-poll-votes\">\n            <SafeAreaView edges={['top']} style={{ backgroundColor: theme.headerBg }}>\n                <View style={[styles.header, { borderBottomColor: theme.border, flexDirection: 'row' }]}>\n                    <Pressable\n                        onPress={onBack}\n                        hitSlop={10}\n                        accessibilityRole=\"button\"\n                        accessibilityLabel=\"Back\"\n                        style={styles.headerIcon}\n                    >\n                        <MaterialCommunityIcons name=\"chevron-left\" size={32} color={theme.accent} />\n                    </Pressable>\n                    <Text style={[styles.title, { color: theme.text }]}>Poll votes</Text>\n                    <View style={styles.headerIcon} />\n                </View>\n            </SafeAreaView>\n            {!poll ? (\n                <EmptyState icon=\"poll\" title=\"Poll votes didn’t load\" detail=\"Please try again later.\" theme={theme} />\n            ) : (\n                <ScrollView contentContainerStyle={styles.body}>\n                    <Text style={[styles.question, { color: theme.text }]}>{poll.question}</Text>\n                    <Text style={[styles.total, { color: theme.textMuted }]}>\n                        {`${total} ${total === 1 ? 'vote' : 'votes'}`}\n                    </Text>\n                    {poll.options.map((o) => (\n                        <View key={o.id} style={styles.optionBlock}>\n                            <View\n                                style={[styles.optionHead, { borderBottomColor: theme.border, flexDirection: 'row' }]}\n                            >\n                                <Text style={[styles.optionText, { color: theme.text }]} numberOfLines={2}>\n                                    {o.text}\n                                </Text>\n                                <Text style={[styles.optionCount, { color: theme.textMuted }]}>\n                                    {`${o.count} ${o.count === 1 ? 'vote' : 'votes'}`}\n                                </Text>\n                            </View>\n                            {o.voterIds.length === 0 ? (\n                                <Text style={[styles.noVotes, { color: theme.textMuted }]}>No votes yet</Text>\n                            ) : (\n                                o.voterIds.map((id) => (\n                                    <View key={id} style={[styles.voter, { flexDirection: 'row' }]}>\n                                        <Avatar name={label(id)} theme={theme} size={30} variant=\"initials\" />\n                                        <Text style={[styles.voterName, { color: theme.text }]}>{label(id)}</Text>\n                                    </View>\n                                ))\n                            )}\n                        </View>\n                    ))}\n                </ScrollView>\n            )}\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    fill: { flex: 1 },\n    header: {\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        paddingHorizontal: 4,\n        minHeight: 52,\n        borderBottomWidth: StyleSheet.hairlineWidth,\n    },\n    headerIcon: { width: 44, height: 44, alignItems: 'center', justifyContent: 'center' },\n    title: { fontSize: 17, fontWeight: '600' },\n    body: { padding: 16 },\n    question: { fontSize: 18, fontWeight: '700' },\n    total: { fontSize: 13, marginTop: 2, marginBottom: 12 },\n    optionBlock: { marginBottom: 18 },\n    optionHead: {\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        paddingBottom: 6,\n        marginBottom: 8,\n        borderBottomWidth: StyleSheet.hairlineWidth,\n    },\n    optionText: { fontSize: 16, fontWeight: '600', flex: 1, marginRight: 8 },\n    optionCount: { fontSize: 13 },\n    noVotes: { fontSize: 14, fontStyle: 'italic' },\n    voter: { alignItems: 'center', marginBottom: 10 },\n    voterName: { fontSize: 15, marginLeft: 10 },\n});\n"],"names":[],"mappings":"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"}

package/lib/features/messaging/ThreadScreen.js

@@ -1,4 +1,4 @@
-import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import {StyleSheet,Platform,View,Pressable,Text,TextInput,ActivityIndicator,FlatList,Animated,PanResponder}from'react-native';import {SafeAreaView}from'react-native-safe-area-context';import {MaterialCommunityIcons}from'@expo/vector-icons';import {AppKeyboardAvoidingView}from'../../components/AppKeyboardAvoidingView.js';import {Avatar,ConnectionBanner,InlineBanner,DaySeparator,UnreadDivider,MessageBubble,ReplyQuote}from'./ChatComponents.js';import {ActionSheet}from'./ActionSheet.js';import {replyRefOf,canEditMessage,canDeleteForEveryone,firstUnreadId,dayLabel,messageStatus,timeLabel}from'./chatModel.js';import {MessageActionsOverlay}from'./MessageActions.js';import {StagedAttachments,RecordingBar,AttachSheet,ImageViewer}from'./ChatAttachments.js';var __defProp = Object.defineProperty;
+import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import {StyleSheet,Platform,View,Pressable,Text,TextInput,ActivityIndicator,FlatList,Animated,PanResponder}from'react-native';import {useSafeAreaInsets,SafeAreaView}from'react-native-safe-area-context';import {MaterialCommunityIcons}from'@expo/vector-icons';import {AppKeyboardAvoidingView}from'../../components/AppKeyboardAvoidingView.js';import {Avatar,ConnectionBanner,InlineBanner,DaySeparator,UnreadDivider,SystemRow,MessageBubble,ReplyQuote}from'./ChatComponents.js';import {ActionSheet}from'./ActionSheet.js';import {TapRow}from'./TapRow.js';import {replyRefOf,canEditMessage,canDeleteForEveryone,firstUnreadId,dayLabel,systemText,messageStatus,timeLabel}from'./chatModel.js';import {MessageActionsOverlay}from'./MessageActions.js';import {StagedAttachments,RecordingBar,AttachSheet,ImageViewer}from'./ChatAttachments.js';import {PollComposer}from'./PollComposer.js';var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -116,7 +116,17 @@ function ThreadScreen({
   audio,
   onSendAttachments,
   linkPreviews,
-  onOpenLink
+  onOpenLink,
+  memberNameOf,
+  mentionCandidates,
+  composerLock,
+  onVote,
+  onViewVotes,
+  onCreatePoll,
+  onReportMessage,
+  onKeep,
+  peerBlocked,
+  onUnblockPeer
 }) {
   var _a;
   const [draft, setDraft] = React.useState(initialDraft != null ? initialDraft : "");
@@ -128,6 +138,7 @@ function ThreadScreen({
   }, [initialDraft]);
   const [staged, setStaged] = React.useState([]);
   const [attachOpen, setAttachOpen] = React.useState(false);
+  const [pollComposerOpen, setPollComposerOpen] = React.useState(false);
   const [recordingSince, setRecordingSince] = React.useState(null);
   const [viewerUrl, setViewerUrl] = React.useState(null);
   const [composerError, setComposerError] = React.useState(null);
@@ -144,6 +155,27 @@ function ThreadScreen({
   const listRef = React.useRef(null);
   const canAttach = Boolean(media && onSendAttachments);
   const canRecord = Boolean(audio && onSendAttachments);
+  const insets = useSafeAreaInsets();
+  const resolveName = React.useCallback((id) => {
+    var _a2;
+    return (_a2 = memberNameOf == null ? void 0 : memberNameOf(id)) != null ? _a2 : "Someone";
+  }, [memberNameOf]);
+  const insertedMentions = React.useRef([]);
+  const [mentionQuery, setMentionQuery] = React.useState(null);
+  const mentionMatches = React.useMemo(() => {
+    if (mentionQuery == null || !(mentionCandidates == null ? void 0 : mentionCandidates.length)) return [];
+    const q = mentionQuery.toLowerCase();
+    return mentionCandidates.filter((m) => !m.isYou).filter((m) => !q || m.name.toLowerCase().split(/\s+/).some((w) => w.startsWith(q))).slice(0, 8);
+  }, [mentionQuery, mentionCandidates]);
+  const mentionIdsFor = React.useCallback((text) => {
+    const ids = insertedMentions.current.filter((m) => text.includes(m.token)).map((m) => m.id);
+    return Array.from(new Set(ids));
+  }, []);
+  const activeMentionQuery = React.useCallback((text) => {
+    if (!(mentionCandidates == null ? void 0 : mentionCandidates.length)) return null;
+    const m = /(?:^|\s)@([\p{L}\p{N}._'’-]*)$/u.exec(text);
+    return m ? m[1] : null;
+  }, [mentionCandidates]);
   const [selected, setSelected] = React.useState(null);
   const selectedMessage = React.useMemo(() => {
     var _a2;
@@ -237,6 +269,18 @@ function ThreadScreen({
         }
       });
     }
+    if (selectedMessage && onKeep && !selectedMessage.isDeleted && (!selectedMessage.sendState || selectedMessage.sendState === "sent")) {
+      const target = selectedMessage;
+      list.push({
+        key: "keep",
+        label: target.kept ? "Unkeep" : "Keep",
+        icon: target.kept ? "bookmark-off-outline" : "bookmark-outline",
+        onPress: () => {
+          setSelected(null);
+          onKeep(target.id, !target.kept);
+        }
+      });
+    }
     if (selectedMessage && onEdit && canEditMessage(selectedMessage, at)) {
       const target = selectedMessage;
       list.push({
@@ -257,6 +301,18 @@ function ThreadScreen({
         }
       });
     }
+    if (selectedMessage && onReportMessage && !selectedMessage.isMine && !selectedMessage.isDeleted) {
+      const target = selectedMessage;
+      list.push({
+        key: "report",
+        label: "Report",
+        icon: "alert-octagon-outline",
+        onPress: () => {
+          setSelected(null);
+          onReportMessage(target);
+        }
+      });
+    }
     if (selectedMessage && (onDeleteForMe || onDeleteForEveryone)) {
       const target = selectedMessage;
       list.push({
@@ -270,7 +326,7 @@ function ThreadScreen({
       });
     }
     return list;
-  }, [selectedMessage, onCopyText, onShareText, flushPendingShare, startReply, onForward, onStar, onEdit, onDeleteForMe, onDeleteForEveryone, onShowInfo, draft]);
+  }, [selectedMessage, onCopyText, onShareText, flushPendingShare, startReply, onForward, onStar, onEdit, onKeep, onReportMessage, onDeleteForMe, onDeleteForEveryone, onShowInfo, draft]);
   const deleteActions = React.useMemo(() => {
     const target = deleteTarget;
     if (!target) return [];
@@ -429,13 +485,35 @@ function ThreadScreen({
       return;
     }
     if (!text) return;
+    const mentions = mentionIdsFor(text);
     setDraft("");
     setReplyTo(null);
+    setMentionQuery(null);
+    insertedMentions.current = [];
     onDraftChange == null ? void 0 : onDraftChange("");
     haptics == null ? void 0 : haptics.impact("light");
-    onSend(text, quote);
+    onSend(text, quote, mentions);
     jumpToLatest();
-  }, [draft, staged, replyTo, editing, haptics, onSend, onSendAttachments, onEdit, onDraftChange, jumpToLatest]);
+  }, [draft, staged, replyTo, editing, haptics, onSend, onSendAttachments, onEdit, onDraftChange, jumpToLatest, mentionIdsFor]);
+  const insertMention = React.useCallback((member) => {
+    var _a2;
+    const handle = member.name.trim().split(/\s+/)[0] || "member";
+    const token = `@${handle}`;
+    setDraft((prev) => {
+      const next = prev.replace(/(?:^|\s)@([\p{L}\p{N}._'’-]*)$/u, (whole) => {
+        const lead = whole.startsWith("@") ? "" : whole[0];
+        return `${lead}${token} `;
+      });
+      onDraftChange == null ? void 0 : onDraftChange(next);
+      return next;
+    });
+    insertedMentions.current = [...insertedMentions.current, {
+      token,
+      id: member.id
+    }];
+    setMentionQuery(null);
+    (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+  }, [onDraftChange]);
   const pendingPick = React.useRef(null);
   const runPendingPick = React.useCallback(() => {
     const source = pendingPick.current;
@@ -461,6 +539,17 @@ function ThreadScreen({
     pendingPick.current = "camera";
     runPendingPick();
   }, [media, runPendingPick]);
+  const pendingPoll = React.useRef(false);
+  const runPendingPoll = React.useCallback(() => {
+    if (!pendingPoll.current) return;
+    pendingPoll.current = false;
+    setPollComposerOpen(true);
+  }, []);
+  const openPoll = React.useCallback(() => {
+    pendingPoll.current = true;
+    setAttachOpen(false);
+    if (Platform.OS !== "ios") setTimeout(runPendingPoll, 400);
+  }, [runPendingPoll]);
   const startRecording = React.useCallback(async () => {
     if (!audio) return;
     setComposerError(null);
@@ -501,7 +590,8 @@ function ThreadScreen({
   }, [audio]);
   const headerSubtitle = typingText || subtitle || "";
   return /* @__PURE__ */ jsxs(AppKeyboardAvoidingView, { style: [styles.fill, {
-    backgroundColor: theme.threadBg
+    backgroundColor: theme.threadBg,
+    marginBottom: -insets.bottom
   }], behavior: Platform.OS === "ios" ? "padding" : void 0, keyboardVerticalOffset: 0, children: [
     /* @__PURE__ */ jsxs(SafeAreaView, { edges: ["top"], style: {
       backgroundColor: theme.headerBg
@@ -596,13 +686,13 @@ function ThreadScreen({
         const label = dayLabel(item.createdAt, now);
         const olderLabel = older ? dayLabel(older.createdAt, now) : null;
         const newDay = olderLabel !== label;
-        const sameRun = (a, b) => Boolean(a && !a.isDeleted && !b.isDeleted && a.authorId && a.authorId === b.authorId);
+        const sameRun = (a, b) => Boolean(a && !a.isDeleted && !b.isDeleted && !a.system && !b.system && a.authorId && a.authorId === b.authorId);
         const startsBand = (unreadAnchor == null ? void 0 : unreadAnchor.id) === item.id;
         const groupWithPrevious = sameRun(older, item) && !newDay && !startsBand;
         return /* @__PURE__ */ jsxs(View, { children: [
           newDay ? /* @__PURE__ */ jsx(DaySeparator, { label, theme }) : null,
           startsBand && unreadAnchor ? /* @__PURE__ */ jsx(UnreadDivider, { count: unreadAnchor.count, theme }) : null,
-          /* @__PURE__ */ jsx(SwipeToReply, { enabled: !item.isDeleted && (!item.sendState || item.sendState === "sent"), theme, onReply: () => startReply(item), children: /* @__PURE__ */ jsx(MessageBubble, { message: item, theme, status: item.isMine ? messageStatus(item, readWatermark != null ? readWatermark : 0, deliveredWatermark != null ? deliveredWatermark : 0) : void 0, viewerId, fileBaseUrl: media == null ? void 0 : media.fileBaseUrl, audio, onOpenImage: setViewerUrl, linkPreviews, onOpenLink, showAuthor: Boolean(isGroup) && !groupWithPrevious, groupWithPrevious, highlighted: highlightId === item.id, onPressQuote: jumpToMessage, onRetry: () => onRetry(item.id), onLongPress: (
+          item.system ? /* @__PURE__ */ jsx(SystemRow, { text: systemText(item.system, viewerId != null ? viewerId : "", resolveName), theme }) : /* @__PURE__ */ jsx(SwipeToReply, { enabled: !item.isDeleted && (!item.sendState || item.sendState === "sent"), theme, onReply: () => startReply(item), children: /* @__PURE__ */ jsx(MessageBubble, { message: item, theme, status: item.isMine ? messageStatus(item, readWatermark != null ? readWatermark : 0, deliveredWatermark != null ? deliveredWatermark : 0) : void 0, viewerId, fileBaseUrl: media == null ? void 0 : media.fileBaseUrl, audio, onOpenImage: setViewerUrl, linkPreviews, onOpenLink, onVote: item.poll && onVote ? (optionId) => onVote(item.id, optionId) : void 0, onViewVotes: item.poll && onViewVotes ? () => onViewVotes(item) : void 0, showAuthor: Boolean(isGroup) && !groupWithPrevious, groupWithPrevious, highlighted: highlightId === item.id, onPressQuote: jumpToMessage, onRetry: () => onRetry(item.id), onLongPress: (
             // Only confirmed messages can be reacted to or acted on.
             !item.isDeleted && (!item.sendState || item.sendState === "sent") ? (frame) => {
               haptics == null ? void 0 : haptics.impact("medium");
@@ -660,8 +750,45 @@ function ThreadScreen({
         }], children: /* @__PURE__ */ jsx(Text, { style: styles.jumpBadgeText, children: missed > 99 ? "99+" : missed }) }) : null
       ] }) : null
     ] }),
-    /* @__PURE__ */ jsx(StagedAttachments, { files: staged, theme, onRemove: (index) => setStaged((prev) => prev.filter((_, i) => i !== index)) }),
-    editing && !recordingSince ? /* @__PURE__ */ jsxs(View, { style: [styles.replyBar, {
+    !composerLock && !peerBlocked && mentionMatches.length ? /* @__PURE__ */ jsx(View, { style: [styles.mentionPanel, {
+      backgroundColor: theme.bg,
+      borderTopColor: theme.border
+    }], testID: "chat-mention-picker", children: mentionMatches.map((m) => /* @__PURE__ */ jsx(TapRow, { onPress: () => insertMention(m), accessibilityRole: "button", accessibilityLabel: `Mention ${m.name}`, pressedColor: theme.surface, children: /* @__PURE__ */ jsxs(View, { style: [styles.mentionRow, {
+      borderBottomColor: theme.border,
+      flexDirection: "row"
+    }], children: [
+      /* @__PURE__ */ jsx(Avatar, { name: m.name, uri: m.avatarUrl, size: 34, theme, variant: "initials" }),
+      /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles.mentionName, {
+        color: theme.text
+      }], children: m.name }),
+      m.isAdmin ? /* @__PURE__ */ jsx(Text, { style: [styles.mentionAdmin, {
+        color: theme.textMuted
+      }], children: "Admin" }) : null
+    ] }) }, m.id)) }) : null,
+    composerLock ? /* @__PURE__ */ jsx(SafeAreaView, { edges: ["bottom"], style: {
+      backgroundColor: theme.composerBar
+    }, children: /* @__PURE__ */ jsxs(View, { style: [styles.composerLock, {
+      borderTopColor: theme.border
+    }], testID: "chat-composer-lock", children: [
+      /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: composerLock === "adminsOnly" ? "shield-account" : "account-off", size: 18, color: theme.textMuted, style: {
+        marginRight: 8
+      } }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.composerLockText, {
+        color: theme.textMuted
+      }], children: composerLock === "adminsOnly" ? "Only admins can send messages" : "You can't send messages to this group because you're no longer a participant" })
+    ] }) }) : null,
+    !composerLock && peerBlocked ? /* @__PURE__ */ jsx(SafeAreaView, { edges: ["bottom"], style: {
+      backgroundColor: theme.composerBar
+    }, children: /* @__PURE__ */ jsx(Pressable, { onPress: onUnblockPeer, disabled: !onUnblockPeer, accessibilityRole: "button", accessibilityLabel: "Unblock to send a message", style: [styles.composerLock, {
+      borderTopColor: theme.border
+    }], testID: "chat-composer-blocked", children: /* @__PURE__ */ jsxs(Text, { style: [styles.composerLockText, {
+      color: theme.textMuted
+    }], children: [
+      "You blocked this contact.",
+      onUnblockPeer ? " Tap to unblock." : ""
+    ] }) }) }) : null,
+    !composerLock && !peerBlocked ? /* @__PURE__ */ jsx(StagedAttachments, { files: staged, theme, onRemove: (index) => setStaged((prev) => prev.filter((_, i) => i !== index)) }) : null,
+    !composerLock && !peerBlocked && editing && !recordingSince ? /* @__PURE__ */ jsxs(View, { style: [styles.replyBar, {
       backgroundColor: theme.composerBar,
       flexDirection: "row"
     }], testID: "chat-composer-editing", children: [
@@ -684,7 +811,7 @@ function ThreadScreen({
         setEditing(null);
       }, hitSlop: 10, accessibilityRole: "button", accessibilityLabel: "Cancel edit", style: styles.replyClose, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 20, color: theme.textMuted }) })
     ] }) : null,
-    replyTo && !recordingSince ? /* @__PURE__ */ jsxs(View, { style: [styles.replyBar, {
+    !composerLock && !peerBlocked && replyTo && !recordingSince ? /* @__PURE__ */ jsxs(View, { style: [styles.replyBar, {
       backgroundColor: theme.composerBar,
       flexDirection: "row"
     }], testID: "chat-composer-reply", children: [
@@ -693,7 +820,7 @@ function ThreadScreen({
       }, children: /* @__PURE__ */ jsx(ReplyQuote, { reply: replyTo, theme, viewerId, compact: true }) }),
       /* @__PURE__ */ jsx(Pressable, { onPress: () => setReplyTo(null), hitSlop: 10, accessibilityRole: "button", accessibilityLabel: "Cancel reply", style: styles.replyClose, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "close", size: 20, color: theme.textMuted }) })
     ] }) : null,
-    recordingSince ? /* @__PURE__ */ jsx(RecordingBar, { theme, startedAt: recordingSince, onCancel: () => void finishRecording(false), onSend: () => void finishRecording(true) }) : /* @__PURE__ */ jsx(SafeAreaView, { edges: ["bottom"], style: {
+    composerLock || peerBlocked ? null : recordingSince ? /* @__PURE__ */ jsx(RecordingBar, { theme, startedAt: recordingSince, onCancel: () => void finishRecording(false), onSend: () => void finishRecording(true) }) : /* @__PURE__ */ jsx(SafeAreaView, { edges: ["bottom"], style: {
       backgroundColor: theme.composerBar
     }, children: /* @__PURE__ */ jsxs(View, { style: {
       flexDirection: "row",
@@ -717,6 +844,7 @@ function ThreadScreen({
       }, children: /* @__PURE__ */ jsx(TextInput, { ref: inputRef, value: draft, onChangeText: (text) => {
         setDraft(text);
         if (!editing) onDraftChange == null ? void 0 : onDraftChange(text);
+        setMentionQuery(editing ? null : activeMentionQuery(text));
       }, placeholder: "Message", placeholderTextColor: theme.textMuted, style: {
         flex: 1,
         color: theme.text,
@@ -734,7 +862,14 @@ function ThreadScreen({
         /* @__PURE__ */ jsx(Pressable, { onPress: () => void startRecording(), hitSlop: 6, accessibilityRole: "button", accessibilityLabel: "Record voice message", style: styles.composerIcon, testID: "chat-composer-mic", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "microphone-outline", size: 26, color: theme.accent }) })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx(AttachSheet, { visible: attachOpen, theme, onClose: () => setAttachOpen(false), onPhotos: () => pick("library"), onCamera: () => pick("camera"), onDismissed: Platform.OS === "ios" ? runPendingPick : void 0 }),
+    /* @__PURE__ */ jsx(AttachSheet, { visible: attachOpen, theme, onClose: () => setAttachOpen(false), onPhotos: () => pick("library"), onCamera: () => pick("camera"), onPoll: onCreatePoll ? openPoll : void 0, onDismissed: Platform.OS === "ios" ? () => {
+      runPendingPick();
+      runPendingPoll();
+    } : void 0 }),
+    onCreatePoll ? /* @__PURE__ */ jsx(PollComposer, { visible: pollComposerOpen, theme, onCancel: () => setPollComposerOpen(false), onCreate: async (question, options, multiple) => {
+      await onCreatePoll(question, options, multiple);
+      setPollComposerOpen(false);
+    } }) : null,
     /* @__PURE__ */ jsx(ImageViewer, { url: viewerUrl, onClose: () => setViewerUrl(null) }),
     /* @__PURE__ */ jsx(MessageActionsOverlay, { message: selectedMessage, frame: (_a = selected == null ? void 0 : selected.frame) != null ? _a : null, theme, actions, onReact: (emoji) => {
       if (selectedMessage && onReact) {
@@ -816,6 +951,38 @@ const styles = StyleSheet.create({
     paddingRight: 4,
     paddingTop: 8
   },
+  mentionPanel: {
+    maxHeight: 220,
+    borderTopWidth: StyleSheet.hairlineWidth
+  },
+  mentionRow: {
+    alignItems: "center",
+    paddingHorizontal: 14,
+    paddingVertical: 8,
+    borderBottomWidth: StyleSheet.hairlineWidth
+  },
+  mentionName: {
+    flex: 1,
+    fontSize: 16,
+    marginLeft: 12
+  },
+  mentionAdmin: {
+    fontSize: 12,
+    marginLeft: 8
+  },
+  composerLock: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    paddingHorizontal: 24,
+    paddingVertical: 14,
+    borderTopWidth: StyleSheet.hairlineWidth
+  },
+  composerLockText: {
+    fontSize: 13.5,
+    textAlign: "center",
+    flexShrink: 1
+  },
   replyClose: {
     width: 36,
     height: 36,