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

package/lib/features/messaging/ChatInviteDeepLink.js

@@ -0,0 +1,116 @@
+import {navigationRef}from'@common-stack/client-react';import {isAuthenticatedSelector}from'@adminide-stack/user-auth0-client';import AsyncStorage from'@react-native-async-storage/async-storage';import {CommonActions}from'@react-navigation/native';import {useState,useRef,useEffect}from'react';import {Linking}from'react-native';import {useSelector}from'react-redux';import {parseChatInviteUrl}from'./chatInviteLink.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 PENDING_KEY = "yantra-chat-pending-invite";
+const CHAT_ROUTE = "MainStack.ChatNative";
+const SIGN_UP_ROUTE = "MainStack.SignUp";
+const PENDING_TTL_MS = 24 * 60 * 60 * 1e3;
+async function readPending() {
+  var _a;
+  try {
+    const raw = await AsyncStorage.getItem(PENDING_KEY);
+    if (!raw) return null;
+    const parsed = JSON.parse(raw);
+    if (!(parsed == null ? void 0 : parsed.inviterId) || !parsed.at || Date.now() - parsed.at > PENDING_TTL_MS) {
+      await AsyncStorage.removeItem(PENDING_KEY);
+      return null;
+    }
+    return {
+      inviterId: parsed.inviterId,
+      inviterName: (_a = parsed.inviterName) != null ? _a : null
+    };
+  } catch (e) {
+    return null;
+  }
+}
+function ChatInviteDeepLink() {
+  const isAuthenticated = useSelector(isAuthenticatedSelector);
+  const [invite, setInvite] = useState(null);
+  const sentToSignUp = useRef(null);
+  useEffect(() => {
+    let active = true;
+    const adopt = (url) => {
+      const next = parseChatInviteUrl(url);
+      if (!next || !active) return;
+      setInvite(next);
+      void AsyncStorage.setItem(PENDING_KEY, JSON.stringify(__spreadProps(__spreadValues({}, next), {
+        at: Date.now()
+      }))).catch(() => void 0);
+    };
+    void Linking.getInitialURL().then(adopt).catch(() => void 0);
+    const sub = Linking.addEventListener("url", ({
+      url
+    }) => adopt(url));
+    void readPending().then((parked) => {
+      if (parked && active) setInvite((current) => current != null ? current : parked);
+    });
+    return () => {
+      active = false;
+      sub.remove();
+    };
+  }, []);
+  useEffect(() => {
+    var _a;
+    if (!invite) return void 0;
+    const chatParams = {
+      inviterId: invite.inviterId,
+      inviterName: (_a = invite.inviterName) != null ? _a : void 0,
+      inviteAt: Date.now()
+    };
+    if (isAuthenticated && sentToSignUp.current === invite) {
+      sentToSignUp.current = null;
+      setInvite(null);
+      void AsyncStorage.removeItem(PENDING_KEY).catch(() => void 0);
+      return void 0;
+    }
+    if (!isAuthenticated && sentToSignUp.current === invite) return void 0;
+    let cancelled = false;
+    let timer;
+    const tryOpen = () => {
+      if (cancelled) return;
+      if (!navigationRef.isReady()) {
+        timer = setTimeout(tryOpen, 400);
+        return;
+      }
+      if (isAuthenticated) {
+        navigationRef.dispatch(CommonActions.navigate({
+          name: CHAT_ROUTE,
+          params: chatParams
+        }));
+        setInvite(null);
+        void AsyncStorage.removeItem(PENDING_KEY).catch(() => void 0);
+        return;
+      }
+      sentToSignUp.current = invite;
+      navigationRef.dispatch(CommonActions.navigate({
+        name: SIGN_UP_ROUTE,
+        params: __spreadValues({
+          isSignupDefault: true,
+          redirect: CHAT_ROUTE
+        }, chatParams)
+      }));
+    };
+    timer = setTimeout(tryOpen, 0);
+    return () => {
+      cancelled = true;
+      if (timer) clearTimeout(timer);
+    };
+  }, [invite, isAuthenticated]);
+  return null;
+}export{ChatInviteDeepLink};//# sourceMappingURL=ChatInviteDeepLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInviteDeepLink.js","sources":["../../../src/features/messaging/ChatInviteDeepLink.tsx"],"sourcesContent":["/**\n * Chat invite links on a phone (`<web>/chat/invite?by=&n=`, `yantraapp://chat/invite?...`).\n *\n * Mounted once at the app root, next to the organization `InviteDeepLink`, because an\n * invitee may arrive signed out and every route is auth-gated.\n *\n * - Signed out: opens Sign up (with Log in one tap away for existing accounts), whose\n *   `redirect` brings them to Chat with the invite once they are in.\n * - Signed in: opens Chat directly.\n *\n * Chat then asks for Yantra Chat registration if needed and opens the conversation with\n * the inviter. The invite is also parked in storage, so it survives the app being closed\n * in the middle of signing up.\n */\nimport { navigationRef } from '@common-stack/client-react';\nimport { isAuthenticatedSelector } from '@adminide-stack/user-auth0-client';\nimport AsyncStorage from '@react-native-async-storage/async-storage';\nimport { CommonActions } from '@react-navigation/native';\nimport { useEffect, useRef, useState } from 'react';\nimport { Linking } from 'react-native';\nimport { useSelector } from 'react-redux';\nimport { parseChatInviteUrl, type ChatInvite } from './chatInviteLink';\n\nconst PENDING_KEY = 'yantra-chat-pending-invite';\nconst CHAT_ROUTE = 'MainStack.ChatNative';\n/** The auth package's sign-up route (AuthMobileNavigationRoutesEnum.SignUp). */\nconst SIGN_UP_ROUTE = 'MainStack.SignUp';\n/** An invite nobody acted on for a day is stale; do not surprise the user with it later. */\nconst PENDING_TTL_MS = 24 * 60 * 60 * 1000;\n\nasync function readPending(): Promise<ChatInvite | null> {\n    try {\n        const raw = await AsyncStorage.getItem(PENDING_KEY);\n        if (!raw) return null;\n        const parsed = JSON.parse(raw) as ChatInvite & { at?: number };\n        if (!parsed?.inviterId || !parsed.at || Date.now() - parsed.at > PENDING_TTL_MS) {\n            await AsyncStorage.removeItem(PENDING_KEY);\n            return null;\n        }\n        return { inviterId: parsed.inviterId, inviterName: parsed.inviterName ?? null };\n    } catch {\n        return null;\n    }\n}\n\nexport function ChatInviteDeepLink(): null {\n    const isAuthenticated = useSelector(isAuthenticatedSelector);\n    const [invite, setInvite] = useState<ChatInvite | null>(null);\n    /** The invite already handed to Sign up; its `redirect` opens Chat, so it must not be opened twice. */\n    const sentToSignUp = useRef<ChatInvite | null>(null);\n\n    useEffect(() => {\n        let active = true;\n        const adopt = (url: string | null) => {\n            const next = parseChatInviteUrl(url);\n            if (!next || !active) return;\n            setInvite(next);\n            void AsyncStorage.setItem(PENDING_KEY, JSON.stringify({ ...next, at: Date.now() })).catch(() => undefined);\n        };\n        void Linking.getInitialURL()\n            .then(adopt)\n            .catch(() => undefined);\n        const sub = Linking.addEventListener('url', ({ url }) => adopt(url));\n        void readPending().then((parked) => {\n            if (parked && active) setInvite((current) => current ?? parked);\n        });\n        return () => {\n            active = false;\n            sub.remove();\n        };\n    }, []);\n\n    useEffect(() => {\n        if (!invite) return undefined;\n        const chatParams = {\n            inviterId: invite.inviterId,\n            inviterName: invite.inviterName ?? undefined,\n            inviteAt: Date.now(),\n        };\n\n        if (isAuthenticated && sentToSignUp.current === invite) {\n            // Sign up's own redirect is opening Chat with this invite.\n            sentToSignUp.current = null;\n            setInvite(null);\n            void AsyncStorage.removeItem(PENDING_KEY).catch(() => undefined);\n            return undefined;\n        }\n        if (!isAuthenticated && sentToSignUp.current === invite) return undefined;\n\n        let cancelled = false;\n        let timer: ReturnType<typeof setTimeout> | undefined;\n        // The navigator mounts after auth resolves; wait for it rather than dropping the invite.\n        const tryOpen = () => {\n            if (cancelled) return;\n            if (!navigationRef.isReady()) {\n                timer = setTimeout(tryOpen, 400);\n                return;\n            }\n            if (isAuthenticated) {\n                navigationRef.dispatch(CommonActions.navigate({ name: CHAT_ROUTE, params: chatParams }));\n                setInvite(null);\n                void AsyncStorage.removeItem(PENDING_KEY).catch(() => undefined);\n                return;\n            }\n            // Not signed in: register first, then come back to this invite.\n            sentToSignUp.current = invite;\n            navigationRef.dispatch(\n                CommonActions.navigate({\n                    name: SIGN_UP_ROUTE,\n                    params: { isSignupDefault: true, redirect: CHAT_ROUTE, ...chatParams },\n                }),\n            );\n        };\n        timer = setTimeout(tryOpen, 0);\n        return () => {\n            cancelled = true;\n            if (timer) clearTimeout(timer);\n        };\n    }, [invite, isAuthenticated]);\n\n    return null;\n}\n"],"names":[],"mappings":"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"}

package/lib/features/messaging/ContactsScreen.js

@@ -0,0 +1,288 @@
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';import {StyleSheet,View,ActivityIndicator,Text,SectionList,TextInput,Pressable}from'react-native';import {SafeAreaView}from'react-native-safe-area-context';import {MaterialCommunityIcons}from'@expo/vector-icons';import {EmptyState,InlineBanner,Avatar}from'./ChatComponents.js';function ContactsHeader({
+  theme,
+  onBack
+}) {
+  return /* @__PURE__ */ jsx(SafeAreaView, { edges: ["top"], style: {
+    backgroundColor: theme.headerBg
+  }, children: /* @__PURE__ */ jsxs(View, { style: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingHorizontal: 8,
+    paddingBottom: 8,
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    borderBottomColor: theme.border,
+    backgroundColor: theme.headerBg
+  }, children: [
+    /* @__PURE__ */ jsx(Pressable, { onPress: onBack, hitSlop: 10, accessibilityRole: "button", accessibilityLabel: "Back", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "chevron-left", size: 28, color: theme.accent }) }),
+    /* @__PURE__ */ jsx(Text, { style: {
+      flex: 1,
+      fontSize: 20,
+      fontWeight: "700",
+      color: theme.text,
+      marginLeft: 8
+    }, children: "Select contact" })
+  ] }) });
+}
+function ContactsScreen({
+  permission,
+  loading,
+  error,
+  onYantra,
+  invitable,
+  theme,
+  busyContactId,
+  onBack,
+  onRequestAccess,
+  onOpenSettings,
+  onStartChat,
+  onInvite,
+  onDismissError,
+  limited = false,
+  onChooseMoreContacts
+}) {
+  const [query, setQuery] = React.useState("");
+  const filterContact = React.useCallback((c) => {
+    var _a, _b;
+    const q = query.trim().toLowerCase();
+    if (!q) return true;
+    const name = (((_a = c.match) == null ? void 0 : _a.displayName) || c.displayName).toLowerCase();
+    const qDigits = q.replace(/\D/g, "");
+    return name.includes(q) || qDigits.length > 0 && [...c.e164, ...(_b = c.rawNumbers) != null ? _b : []].some((n) => n.replace(/\D/g, "").includes(qDigits));
+  }, [query]);
+  const sections = React.useMemo(() => [{
+    key: "here",
+    title: "On Yantra Chat",
+    data: onYantra.filter(filterContact)
+  }, {
+    key: "invite",
+    title: "Invite to Yantra Chat",
+    data: invitable.filter(filterContact)
+  }].filter((s) => s.data.length > 0), [onYantra, invitable, filterContact]);
+  const hasPeople = onYantra.length > 0 || invitable.length > 0;
+  const shell = (body) => /* @__PURE__ */ jsxs(View, { style: [styles.fill, {
+    backgroundColor: theme.bg
+  }], children: [
+    /* @__PURE__ */ jsx(ContactsHeader, { theme, onBack }),
+    permission === "granted" ? /* @__PURE__ */ jsxs(View, { style: [styles.searchWrap, {
+      backgroundColor: theme.surface
+    }], children: [
+      /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "magnify", size: 20, color: theme.textMuted }),
+      /* @__PURE__ */ jsx(TextInput, { value: query, onChangeText: setQuery, placeholder: "Search name or number", placeholderTextColor: theme.textMuted, style: [styles.searchInput, {
+        color: theme.text
+      }] })
+    ] }) : null,
+    body
+  ] });
+  if (permission === "unsupported" && !hasPeople) {
+    return shell(/* @__PURE__ */ jsx(View, { style: styles.centerFill, children: /* @__PURE__ */ jsx(EmptyState, { icon: "cellphone-off", title: "Not available in this build", detail: "Finding people from your contacts needs a newer version of the app.", theme, action: {
+      label: "Back to chats",
+      onPress: onBack
+    } }) }));
+  }
+  if (permission === "denied" && !hasPeople) {
+    return shell(/* @__PURE__ */ jsx(View, { style: styles.centerFill, children: /* @__PURE__ */ jsx(EmptyState, { icon: "lock-outline", title: "Contacts access is off", detail: "Allow contacts access in Settings to find people you know on Yantra Chat.", theme, action: {
+      label: "Open Settings",
+      onPress: onOpenSettings
+    } }) }));
+  }
+  if (permission === "undetermined" && !hasPeople) {
+    return shell(/* @__PURE__ */ jsx(View, { style: styles.centerFill, children: /* @__PURE__ */ jsx(EmptyState, { icon: "account-multiple-outline", title: "Find people you know", detail: "Allow contacts to see who is on Yantra Chat and invite everyone else.", theme, action: {
+      label: "Find from contacts",
+      onPress: onRequestAccess
+    } }) }));
+  }
+  if (loading && !sections.length) {
+    return shell(/* @__PURE__ */ jsxs(View, { style: styles.centerFill, children: [
+      /* @__PURE__ */ jsx(ActivityIndicator, { color: theme.accent }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.loadingText, {
+        color: theme.textMuted
+      }], children: "Checking your contacts\u2026" })
+    ] }));
+  }
+  const listHeader = permission === "granted" && limited ? /* @__PURE__ */ jsxs(View, { children: [
+    /* @__PURE__ */ jsxs(View, { style: [styles.limitedNote, {
+      backgroundColor: theme.surface
+    }], children: [
+      /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "account-lock-outline", size: 20, color: theme.textMuted }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.limitedText, {
+        color: theme.textMuted
+      }], children: "You shared only some contacts with Yantra. People you did not share will not show here." })
+    ] }),
+    onChooseMoreContacts ? /* @__PURE__ */ jsx(ActionRow, { icon: "account-multiple-plus-outline", label: "Choose more contacts", theme, onPress: onChooseMoreContacts, testID: "chat-contacts-choose-more" }) : null
+  ] }) : null;
+  return shell(/* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(InlineBanner, { message: error, theme, onDismiss: onDismissError }),
+    /* @__PURE__ */ jsx(SectionList, { ListHeaderComponent: listHeader, sections, keyExtractor: (item) => item.id, stickySectionHeadersEnabled: false, renderSectionHeader: ({
+      section
+    }) => /* @__PURE__ */ jsx(Text, { style: [styles.sectionTitle, {
+      color: theme.textMuted,
+      backgroundColor: theme.bg
+    }], children: section.title }), renderItem: ({
+      item,
+      section
+    }) => /* @__PURE__ */ jsx(ContactRow, { contact: item, theme, busy: busyContactId === item.id, mode: section.key === "here" ? "chat" : "invite", onPress: () => section.key === "here" ? onStartChat(item) : onInvite(item) }), ListEmptyComponent: /* @__PURE__ */ jsx(View, { style: styles.centerFill, children: /* @__PURE__ */ jsx(EmptyState, { icon: "account-search-outline", title: "No contacts found", detail: limited && !query.trim() ? "Choose more contacts to share with Yantra." : "Add phone numbers to your contacts, or search with a different name.", theme, action: {
+      label: "Back to chats",
+      onPress: onBack
+    } }) }), contentContainerStyle: sections.length === 0 ? styles.listEmptyGrow : void 0, testID: "chat-contacts-list" })
+  ] }));
+}
+function ActionRow({
+  icon,
+  label,
+  theme,
+  onPress,
+  testID
+}) {
+  return /* @__PURE__ */ jsx(Pressable, { onPress, accessibilityRole: "button", accessibilityLabel: label, style: ({
+    pressed
+  }) => ({
+    width: "100%",
+    backgroundColor: pressed ? theme.surface : theme.bg
+  }), testID, children: /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
+    /* @__PURE__ */ jsx(View, { style: [styles.actionIcon, {
+      backgroundColor: theme.surface
+    }], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: icon, size: 22, color: theme.accent }) }),
+    /* @__PURE__ */ jsx(View, { style: [styles.rowBody, {
+      borderBottomColor: theme.border
+    }], children: /* @__PURE__ */ jsx(Text, { style: [styles.rowName, {
+      color: theme.accent
+    }], children: label }) })
+  ] }) });
+}
+function ContactRow({
+  contact,
+  theme,
+  mode,
+  busy,
+  onPress
+}) {
+  var _a, _b, _c, _d, _e;
+  const name = ((_a = contact.match) == null ? void 0 : _a.displayName) || contact.displayName;
+  return /* @__PURE__ */ jsx(Pressable, { onPress, disabled: busy, accessibilityRole: "button", accessibilityLabel: mode === "chat" ? `Message ${name}` : `Invite ${name}`, style: ({
+    pressed
+  }) => ({
+    width: "100%",
+    backgroundColor: pressed ? theme.surface : theme.bg
+  }), testID: `chat-contact-${contact.id}`, children: /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
+    /* @__PURE__ */ jsx(Avatar, { name, uri: (_c = (_b = contact.match) == null ? void 0 : _b.picture) != null ? _c : contact.imageUri, theme, size: 44 }),
+    /* @__PURE__ */ jsxs(View, { style: [styles.rowBody, {
+      borderBottomColor: theme.border
+    }], children: [
+      /* @__PURE__ */ jsxs(View, { style: styles.rowText, children: [
+        /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles.rowName, {
+          color: theme.text
+        }], children: name }),
+        /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles.rowPhone, {
+          color: theme.textMuted
+        }], children: (_e = (_d = contact.rawNumbers) == null ? void 0 : _d[0]) != null ? _e : contact.e164[0] })
+      ] }),
+      busy ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: theme.accent }) : mode === "invite" ? /* @__PURE__ */ jsx(View, { style: [styles.inviteChip, {
+        borderColor: theme.accent
+      }], children: /* @__PURE__ */ jsx(Text, { style: [styles.inviteText, {
+        color: theme.accent
+      }], children: "Invite" }) }) : null
+    ] })
+  ] }) });
+}
+const styles = StyleSheet.create({
+  fill: {
+    flex: 1
+  },
+  centerFill: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    paddingHorizontal: 28,
+    minHeight: 360
+  },
+  listEmptyGrow: {
+    flexGrow: 1
+  },
+  loadingText: {
+    fontSize: 14,
+    marginTop: 12
+  },
+  searchWrap: {
+    flexDirection: "row",
+    alignItems: "center",
+    marginHorizontal: 16,
+    marginVertical: 8,
+    borderRadius: 10,
+    paddingHorizontal: 12,
+    height: 36
+  },
+  searchInput: {
+    flex: 1,
+    marginLeft: 8,
+    fontSize: 16,
+    paddingVertical: 0
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    width: "100%",
+    paddingLeft: 16
+  },
+  rowBody: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    marginLeft: 12,
+    paddingVertical: 12,
+    paddingRight: 16,
+    minHeight: 64,
+    borderBottomWidth: StyleSheet.hairlineWidth
+  },
+  rowText: {
+    flex: 1,
+    minWidth: 0,
+    marginRight: 12
+  },
+  rowName: {
+    fontSize: 16,
+    fontWeight: "600"
+  },
+  rowPhone: {
+    fontSize: 13,
+    marginTop: 2
+  },
+  actionIcon: {
+    width: 44,
+    height: 44,
+    borderRadius: 22,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  limitedNote: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    marginHorizontal: 16,
+    marginTop: 4,
+    marginBottom: 4,
+    padding: 12,
+    borderRadius: 10
+  },
+  limitedText: {
+    flex: 1,
+    fontSize: 13,
+    lineHeight: 18,
+    marginLeft: 10
+  },
+  inviteChip: {
+    borderWidth: 1,
+    borderRadius: 14,
+    paddingHorizontal: 12,
+    paddingVertical: 4
+  },
+  inviteText: {
+    fontSize: 13,
+    fontWeight: "600"
+  },
+  sectionTitle: {
+    fontSize: 13,
+    fontWeight: "600",
+    paddingHorizontal: 16,
+    paddingTop: 14,
+    paddingBottom: 6
+  }
+});export{ContactsScreen};//# sourceMappingURL=ContactsScreen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContactsScreen.js","sources":["../../../src/features/messaging/ContactsScreen.tsx"],"sourcesContent":["/**\n * \"Find people you know\" - the contacts sync and invite screen.\n */\nimport * as React from 'react';\nimport { ActivityIndicator, Pressable, SectionList, StyleSheet, Text, TextInput, View } from 'react-native';\nimport { SafeAreaView } from 'react-native-safe-area-context';\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\nimport { Avatar, EmptyState, InlineBanner, type ChatTheme } from './ChatComponents';\nimport type { MatchedContact } from './useContactMatches';\nimport type { ChatPermissionStatus } from './chatHost';\n\nfunction ContactsHeader({ theme, onBack }: { theme: ChatTheme; onBack: () => void }) {\n    return (\n        <SafeAreaView edges={['top']} style={{ backgroundColor: theme.headerBg }}>\n            <View\n                style={{\n                    flexDirection: 'row',\n                    alignItems: 'center',\n                    paddingHorizontal: 8,\n                    paddingBottom: 8,\n                    borderBottomWidth: StyleSheet.hairlineWidth,\n                    borderBottomColor: theme.border,\n                    backgroundColor: theme.headerBg,\n                }}\n            >\n                <Pressable onPress={onBack} hitSlop={10} accessibilityRole=\"button\" accessibilityLabel=\"Back\">\n                    <MaterialCommunityIcons name=\"chevron-left\" size={28} color={theme.accent} />\n                </Pressable>\n                <Text\n                    style={{\n                        flex: 1,\n                        fontSize: 20,\n                        fontWeight: '700',\n                        color: theme.text,\n                        marginLeft: 8,\n                    }}\n                >\n                    Select contact\n                </Text>\n            </View>\n        </SafeAreaView>\n    );\n}\n\nexport function ContactsScreen({\n    permission,\n    loading,\n    error,\n    onYantra,\n    invitable,\n    theme,\n    busyContactId,\n    onBack,\n    onRequestAccess,\n    onOpenSettings,\n    onStartChat,\n    onInvite,\n    onDismissError,\n    limited = false,\n    onChooseMoreContacts,\n}: {\n    permission: ChatPermissionStatus | 'unsupported';\n    loading: boolean;\n    error: string | null;\n    onYantra: MatchedContact[];\n    invitable: MatchedContact[];\n    theme: ChatTheme;\n    busyContactId: string | null;\n    onBack: () => void;\n    onRequestAccess: () => void;\n    onOpenSettings: () => void;\n    onStartChat: (contact: MatchedContact) => void;\n    onInvite: (contact: MatchedContact) => void;\n    onDismissError: () => void;\n    /** Only some contacts are shared (iOS 18 Limited Access). */\n    limited?: boolean;\n    onChooseMoreContacts?: () => void;\n}) {\n    const [query, setQuery] = React.useState('');\n\n    const filterContact = React.useCallback(\n        (c: MatchedContact) => {\n            const q = query.trim().toLowerCase();\n            if (!q) return true;\n            const name = (c.match?.displayName || c.displayName).toLowerCase();\n            const qDigits = q.replace(/\\D/g, '');\n            return (\n                name.includes(q) ||\n                (qDigits.length > 0 &&\n                    [...c.e164, ...(c.rawNumbers ?? [])].some((n) => n.replace(/\\D/g, '').includes(qDigits)))\n            );\n        },\n        [query],\n    );\n\n    const sections = React.useMemo(\n        () =>\n            [\n                { key: 'here', title: 'On Yantra Chat', data: onYantra.filter(filterContact) },\n                { key: 'invite', title: 'Invite to Yantra Chat', data: invitable.filter(filterContact) },\n            ].filter((s) => s.data.length > 0),\n        [onYantra, invitable, filterContact],\n    );\n\n    const hasPeople = onYantra.length > 0 || invitable.length > 0;\n\n    const shell = (body: React.ReactNode) => (\n        <View style={[styles.fill, { backgroundColor: theme.bg }]}>\n            <ContactsHeader theme={theme} onBack={onBack} />\n            {permission === 'granted' ? (\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 name or number\"\n                        placeholderTextColor={theme.textMuted}\n                        style={[styles.searchInput, { color: theme.text }]}\n                    />\n                </View>\n            ) : null}\n            {body}\n        </View>\n    );\n\n    if (permission === 'unsupported' && !hasPeople) {\n        return shell(\n            <View style={styles.centerFill}>\n                <EmptyState\n                    icon=\"cellphone-off\"\n                    title=\"Not available in this build\"\n                    detail=\"Finding people from your contacts needs a newer version of the app.\"\n                    theme={theme}\n                    action={{ label: 'Back to chats', onPress: onBack }}\n                />\n            </View>,\n        );\n    }\n\n    if (permission === 'denied' && !hasPeople) {\n        return shell(\n            <View style={styles.centerFill}>\n                <EmptyState\n                    icon=\"lock-outline\"\n                    title=\"Contacts access is off\"\n                    detail=\"Allow contacts access in Settings to find people you know on Yantra Chat.\"\n                    theme={theme}\n                    action={{ label: 'Open Settings', onPress: onOpenSettings }}\n                />\n            </View>,\n        );\n    }\n\n    if (permission === 'undetermined' && !hasPeople) {\n        return shell(\n            <View style={styles.centerFill}>\n                <EmptyState\n                    icon=\"account-multiple-outline\"\n                    title=\"Find people you know\"\n                    detail=\"Allow contacts to see who is on Yantra Chat and invite everyone else.\"\n                    theme={theme}\n                    action={{ label: 'Find from contacts', onPress: onRequestAccess }}\n                />\n            </View>,\n        );\n    }\n\n    if (loading && !sections.length) {\n        return shell(\n            <View style={styles.centerFill}>\n                <ActivityIndicator color={theme.accent} />\n                <Text style={[styles.loadingText, { color: theme.textMuted }]}>Checking your contacts…</Text>\n            </View>,\n        );\n    }\n\n    // A limited selection is never a dead end: the user can share more contacts from here.\n    const listHeader =\n        permission === 'granted' && limited ? (\n            <View>\n                <View style={[styles.limitedNote, { backgroundColor: theme.surface }]}>\n                    <MaterialCommunityIcons name=\"account-lock-outline\" size={20} color={theme.textMuted} />\n                    <Text style={[styles.limitedText, { color: theme.textMuted }]}>\n                        You shared only some contacts with Yantra. People you did not share will not show here.\n                    </Text>\n                </View>\n                {onChooseMoreContacts ? (\n                    <ActionRow\n                        icon=\"account-multiple-plus-outline\"\n                        label=\"Choose more contacts\"\n                        theme={theme}\n                        onPress={onChooseMoreContacts}\n                        testID=\"chat-contacts-choose-more\"\n                    />\n                ) : null}\n            </View>\n        ) : null;\n\n    return shell(\n        <>\n            <InlineBanner message={error} theme={theme} onDismiss={onDismissError} />\n            <SectionList\n                ListHeaderComponent={listHeader}\n                sections={sections}\n                keyExtractor={(item) => item.id}\n                stickySectionHeadersEnabled={false}\n                renderSectionHeader={({ section }) => (\n                    <Text style={[styles.sectionTitle, { color: theme.textMuted, backgroundColor: theme.bg }]}>\n                        {section.title}\n                    </Text>\n                )}\n                renderItem={({ item, section }) => (\n                    <ContactRow\n                        contact={item}\n                        theme={theme}\n                        busy={busyContactId === item.id}\n                        mode={section.key === 'here' ? 'chat' : 'invite'}\n                        onPress={() => (section.key === 'here' ? onStartChat(item) : onInvite(item))}\n                    />\n                )}\n                ListEmptyComponent={\n                    <View style={styles.centerFill}>\n                        <EmptyState\n                            icon=\"account-search-outline\"\n                            title=\"No contacts found\"\n                            detail={\n                                limited && !query.trim()\n                                    ? 'Choose more contacts to share with Yantra.'\n                                    : 'Add phone numbers to your contacts, or search with a different name.'\n                            }\n                            theme={theme}\n                            action={{ label: 'Back to chats', onPress: onBack }}\n                        />\n                    </View>\n                }\n                contentContainerStyle={sections.length === 0 ? styles.listEmptyGrow : undefined}\n                testID=\"chat-contacts-list\"\n            />\n        </>,\n    );\n}\n\nfunction ActionRow({\n    icon,\n    label,\n    theme,\n    onPress,\n    testID,\n}: {\n    icon: React.ComponentProps<typeof MaterialCommunityIcons>['name'];\n    label: string;\n    theme: ChatTheme;\n    onPress: () => void;\n    testID: string;\n}) {\n    return (\n        <Pressable\n            onPress={onPress}\n            accessibilityRole=\"button\"\n            accessibilityLabel={label}\n            style={({ pressed }) => ({ width: '100%', backgroundColor: pressed ? theme.surface : theme.bg })}\n            testID={testID}\n        >\n            {/* Inner wrapper: NativeWind can strip flexDirection from Pressable styles. */}\n            <View style={styles.row}>\n                <View style={[styles.actionIcon, { backgroundColor: theme.surface }]}>\n                    <MaterialCommunityIcons name={icon} size={22} color={theme.accent} />\n                </View>\n                <View style={[styles.rowBody, { borderBottomColor: theme.border }]}>\n                    <Text style={[styles.rowName, { color: theme.accent }]}>{label}</Text>\n                </View>\n            </View>\n        </Pressable>\n    );\n}\n\nfunction ContactRow({\n    contact,\n    theme,\n    mode,\n    busy,\n    onPress,\n}: {\n    contact: MatchedContact;\n    theme: ChatTheme;\n    mode: 'chat' | 'invite';\n    busy: boolean;\n    onPress: () => void;\n}) {\n    const name = contact.match?.displayName || contact.displayName;\n    return (\n        <Pressable\n            onPress={onPress}\n            disabled={busy}\n            accessibilityRole=\"button\"\n            accessibilityLabel={mode === 'chat' ? `Message ${name}` : `Invite ${name}`}\n            style={({ pressed }) => ({\n                width: '100%',\n                backgroundColor: pressed ? theme.surface : theme.bg,\n            })}\n            testID={`chat-contact-${contact.id}`}\n        >\n            {/* Inner wrapper: NativeWind can strip flexDirection from Pressable styles. */}\n            <View style={styles.row}>\n                <Avatar name={name} uri={contact.match?.picture ?? contact.imageUri} theme={theme} size={44} />\n                <View style={[styles.rowBody, { borderBottomColor: theme.border }]}>\n                    <View style={styles.rowText}>\n                        <Text numberOfLines={1} style={[styles.rowName, { color: theme.text }]}>\n                            {name}\n                        </Text>\n                        <Text numberOfLines={1} style={[styles.rowPhone, { color: theme.textMuted }]}>\n                            {contact.rawNumbers?.[0] ?? contact.e164[0]}\n                        </Text>\n                    </View>\n                    {busy ? (\n                        <ActivityIndicator size=\"small\" color={theme.accent} />\n                    ) : mode === 'invite' ? (\n                        <View style={[styles.inviteChip, { borderColor: theme.accent }]}>\n                            <Text style={[styles.inviteText, { color: theme.accent }]}>Invite</Text>\n                        </View>\n                    ) : null}\n                </View>\n            </View>\n        </Pressable>\n    );\n}\n\nconst styles = StyleSheet.create({\n    fill: { flex: 1 },\n    centerFill: {\n        flex: 1,\n        alignItems: 'center',\n        justifyContent: 'center',\n        paddingHorizontal: 28,\n        minHeight: 360,\n    },\n    listEmptyGrow: { flexGrow: 1 },\n    loadingText: { fontSize: 14, marginTop: 12 },\n    searchWrap: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        marginHorizontal: 16,\n        marginVertical: 8,\n        borderRadius: 10,\n        paddingHorizontal: 12,\n        height: 36,\n    },\n    searchInput: { flex: 1, marginLeft: 8, fontSize: 16, paddingVertical: 0 },\n    row: { flexDirection: 'row', alignItems: 'center', width: '100%', paddingLeft: 16 },\n    rowBody: {\n        flex: 1,\n        flexDirection: 'row',\n        alignItems: 'center',\n        marginLeft: 12,\n        paddingVertical: 12,\n        paddingRight: 16,\n        minHeight: 64,\n        borderBottomWidth: StyleSheet.hairlineWidth,\n    },\n    rowText: { flex: 1, minWidth: 0, marginRight: 12 },\n    rowName: { fontSize: 16, fontWeight: '600' },\n    rowPhone: { fontSize: 13, marginTop: 2 },\n    actionIcon: { width: 44, height: 44, borderRadius: 22, alignItems: 'center', justifyContent: 'center' },\n    limitedNote: {\n        flexDirection: 'row',\n        alignItems: 'flex-start',\n        marginHorizontal: 16,\n        marginTop: 4,\n        marginBottom: 4,\n        padding: 12,\n        borderRadius: 10,\n    },\n    limitedText: { flex: 1, fontSize: 13, lineHeight: 18, marginLeft: 10 },\n    inviteChip: { borderWidth: 1, borderRadius: 14, paddingHorizontal: 12, paddingVertical: 4 },\n    inviteText: { fontSize: 13, fontWeight: '600' },\n    sectionTitle: {\n        fontSize: 13,\n        fontWeight: '600',\n        paddingHorizontal: 16,\n        paddingTop: 14,\n        paddingBottom: 6,\n    },\n});\n"],"names":[],"mappings":"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"}

package/lib/features/messaging/ConversationListScreen.js

@@ -0,0 +1,147 @@
+import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import {StyleSheet,View,Text,Pressable,TextInput,ActivityIndicator,FlatList,RefreshControl}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {ConnectionBanner,InlineBanner,EmptyState,ConversationRow}from'./ChatComponents.js';import {dedupeConversationList,conversationListKey}from'./chatModel.js';function ConversationListScreen({
+  conversations,
+  loading,
+  refreshing,
+  error,
+  theme,
+  connectionState,
+  canInvite,
+  onRefresh,
+  onRetry,
+  onOpen,
+  onNewChat,
+  onDismissError,
+  notice = null,
+  onDismissNotice,
+  loadingMore = false,
+  onLoadMore
+}) {
+  const [now, setNow] = React.useState(() => Date.now());
+  const [query, setQuery] = React.useState("");
+  React.useEffect(() => {
+    const t = setInterval(() => setNow(Date.now()), 6e4);
+    return () => clearInterval(t);
+  }, []);
+  const visible = React.useMemo(() => {
+    const deduped = dedupeConversationList(conversations);
+    const q = query.trim().toLowerCase();
+    if (!q) return deduped;
+    return deduped.filter((c) => c.title.toLowerCase().includes(q) || c.subtitle.toLowerCase().includes(q));
+  }, [conversations, query]);
+  const Separator = React.useCallback(() => /* @__PURE__ */ jsx(View, { style: [styles.separator, {
+    backgroundColor: theme.border
+  }] }), [theme.border]);
+  const listHeader = /* @__PURE__ */ jsxs(View, { style: [styles.listHeader, {
+    flexDirection: "row",
+    alignItems: "center"
+  }], children: [
+    /* @__PURE__ */ jsx(Text, { style: [styles.listTitle, {
+      color: theme.text
+    }], children: "Messages" }),
+    canInvite ? /* @__PURE__ */ jsx(Pressable, { onPress: onNewChat, accessibilityRole: "button", accessibilityLabel: "Compose new message", style: styles.headerCompose, testID: "chat-new", children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "square-edit-outline", size: 26, color: theme.accent }) }) : /* @__PURE__ */ jsx(View, { style: styles.headerComposeSpacer })
+  ] });
+  return /* @__PURE__ */ jsxs(View, { style: [styles.fill, {
+    backgroundColor: theme.bg
+  }], children: [
+    listHeader,
+    /* @__PURE__ */ jsxs(View, { style: [styles.searchWrap, {
+      backgroundColor: theme.surface
+    }], children: [
+      /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "magnify", size: 20, color: theme.textMuted }),
+      /* @__PURE__ */ jsx(TextInput, { value: query, onChangeText: setQuery, placeholder: "Search", placeholderTextColor: theme.textMuted, style: [styles.searchInput, {
+        color: theme.text
+      }], testID: "chat-search" })
+    ] }),
+    /* @__PURE__ */ jsx(ConnectionBanner, { state: connectionState, theme }),
+    /* @__PURE__ */ jsx(InlineBanner, { message: error, theme, onDismiss: onDismissError }),
+    /* @__PURE__ */ jsx(InlineBanner, { message: notice, theme, onDismiss: () => onDismissNotice == null ? void 0 : onDismissNotice() }),
+    error ? /* @__PURE__ */ jsx(Pressable, { onPress: onRetry, accessibilityRole: "button", accessibilityLabel: "Retry loading chats", style: [styles.retryBanner, {
+      backgroundColor: theme.surface
+    }], children: /* @__PURE__ */ jsx(Text, { style: [styles.retryBannerText, {
+      color: theme.accent
+    }], children: "Retry loading chats" }) }) : null,
+    loading && conversations.length === 0 ? /* @__PURE__ */ jsx(View, { style: styles.center, children: /* @__PURE__ */ jsx(ActivityIndicator, { color: theme.accent }) }) : /* @__PURE__ */ jsx(
+      FlatList,
+      {
+        data: visible,
+        keyExtractor: (c) => conversationListKey(c),
+        ItemSeparatorComponent: Separator,
+        renderItem: ({
+          item
+        }) => /* @__PURE__ */ jsx(ConversationRow, { conversation: item, theme, now, onPress: () => onOpen(item.id) }),
+        refreshControl: /* @__PURE__ */ jsx(RefreshControl, { refreshing, onRefresh, tintColor: theme.textMuted }),
+        onEndReached: query.trim() ? void 0 : onLoadMore,
+        onEndReachedThreshold: 0.5,
+        ListFooterComponent: loadingMore ? /* @__PURE__ */ jsx(ActivityIndicator, { style: styles.moreSpinner, color: theme.accent }) : null,
+        contentContainerStyle: visible.length === 0 ? styles.fill : void 0,
+        ListEmptyComponent: /* @__PURE__ */ jsx(EmptyState, { icon: "message-text-outline", title: query.trim() ? "No chats found" : "No conversations yet", detail: query.trim() ? "Try a different name or message." : canInvite ? "Tap the compose button to find people from your contacts." : "Contacts are unavailable in this build, so new chats cannot be started here yet.", theme, action: canInvite && !query.trim() ? {
+          label: "New chat",
+          onPress: onNewChat
+        } : void 0 }),
+        testID: "chat-conversation-list"
+      }
+    )
+  ] });
+}
+const styles = StyleSheet.create({
+  fill: {
+    flex: 1
+  },
+  center: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  moreSpinner: {
+    paddingVertical: 16
+  },
+  listHeader: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 16,
+    paddingTop: 4,
+    paddingBottom: 4
+  },
+  listTitle: {
+    fontSize: 34,
+    fontWeight: "700",
+    letterSpacing: 0.35
+  },
+  headerCompose: {
+    width: 44,
+    height: 44,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  headerComposeSpacer: {
+    width: 44
+  },
+  searchWrap: {
+    flexDirection: "row",
+    alignItems: "center",
+    marginHorizontal: 16,
+    marginBottom: 6,
+    borderRadius: 10,
+    paddingHorizontal: 10,
+    height: 36
+  },
+  searchInput: {
+    flex: 1,
+    marginLeft: 8,
+    fontSize: 16,
+    paddingVertical: 0
+  },
+  separator: {
+    height: StyleSheet.hairlineWidth,
+    marginLeft: 82
+  },
+  retryBanner: {
+    alignItems: "center",
+    paddingVertical: 10
+  },
+  retryBannerText: {
+    fontSize: 14,
+    fontWeight: "600"
+  }
+});export{ConversationListScreen};//# sourceMappingURL=ConversationListScreen.js.map