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

package/lib/features/messaging/NativeChatExperience.js

@@ -1,4 +1,4 @@
-import {jsx,jsxs}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 {ChatInfoScreen}from'./ChatInfoScreen.js';import {NotificationSettingsScreen}from'./NotificationSettingsScreen.js';import {ForwardScreen}from'./ForwardScreen.js';import {StarredMessagesScreen}from'./StarredMessagesScreen.js';import {MessageInfoScreen}from'./MessageInfoScreen.js';import {useConversations,useThread,useTyping,useMarkRead,useReadWatermark,forwardMessage}from'./useChatData.js';import {SET_DRAFT_MUTATION,VIEW_CHANNEL_MUTATION,SEARCH_MESSAGES_QUERY,SET_CHANNEL_MUTE_MUTATION,YANTRA_CHAT_INVITER_QUERY}from'./chatOperations.js';import {messageStatus,toChatMessage,muteUntilFor,toEpoch,isMuted,muteLabel}from'./chatModel.js';import {buildChatInviteUrl,chatInviteMessage,whatsAppInviteUrl}from'./chatInviteLink.js';import {InviteSheet}from'./InviteSheet.js';import {createLinkPreviewLoader,openChatLink}from'./linkPreview.js';import {useContactMatches}from'./useContactMatches.js';const DEFAULT_INVITE_WEB_BASE = "https://yantra.app";
+import {jsx,jsxs}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 {ChatInfoScreen}from'./ChatInfoScreen.js';import {NotificationSettingsScreen}from'./NotificationSettingsScreen.js';import {ForwardScreen}from'./ForwardScreen.js';import {NewGroupScreen}from'./NewGroupScreen.js';import {ActionSheet}from'./ActionSheet.js';import {StarredMessagesScreen}from'./StarredMessagesScreen.js';import {MessageInfoScreen}from'./MessageInfoScreen.js';import {MediaGalleryScreen}from'./MediaGalleryScreen.js';import {BlockedContactsScreen}from'./BlockedContactsScreen.js';import {PollVotesScreen}from'./PollVotesScreen.js';import {useConversations,useThread,useTyping,useMarkRead,useReadWatermark,forwardMessage}from'./useChatData.js';import {SET_DRAFT_MUTATION,VIEW_CHANNEL_MUTATION,SEARCH_MESSAGES_QUERY,SET_CHANNEL_MUTE_MUTATION,YANTRA_CHAT_INVITER_QUERY}from'./chatOperations.js';import {messageStatus,toChatMessage,muteUntilFor,toEpoch,isMuted,muteLabel,displayNameOf}from'./chatModel.js';import {ImageViewer}from'./ChatAttachments.js';import {buildChatInviteUrl,chatInviteMessage,whatsAppInviteUrl}from'./chatInviteLink.js';import {InviteSheet}from'./InviteSheet.js';import {createLinkPreviewLoader,openChatLink}from'./linkPreview.js';import {useContactMatches}from'./useContactMatches.js';const DEFAULT_INVITE_WEB_BASE = "https://yantra.app";
 const DRAFT_SAVE_DELAY_MS = 800;
 const LIVE_READ_THROTTLE_MS = 2e3;
 function Shell({
@@ -21,7 +21,7 @@ function NativeChatExperience({
   onInternalRouteChange,
   testID
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
   const {
     isDark
   } = useAppTheme();
@@ -35,6 +35,9 @@ function NativeChatExperience({
   const [infoError, setInfoError] = React.useState(null);
   const [forwarding, setForwarding] = React.useState(null);
   const [infoMessage, setInfoMessage] = React.useState(null);
+  const [pollVotesMessage, setPollVotesMessage] = React.useState(null);
+  const [galleryBack, setGalleryBack] = React.useState("info");
+  const [galleryImageUrl, setGalleryImageUrl] = React.useState(null);
   const [jumpTo, setJumpTo] = React.useState(null);
   const [listRoute, setListRoute] = React.useState("list");
   const threadChannelId = route === "thread" || route === "info" || route === "forward" || route === "messageInfo" ? activeChannelId : null;
@@ -144,7 +147,7 @@ function NativeChatExperience({
   refreshContactsRef.current = contactMatches.refresh;
   const contactsGranted = contactMatches.permission === "granted";
   React.useEffect(() => {
-    if (route !== "contacts" || !contactsGranted) return void 0;
+    if (route !== "contacts" && route !== "newGroup" || !contactsGranted) return void 0;
     void refreshContactsRef.current();
     const sub = AppState.addEventListener("change", (state) => {
       if (state === "active") void refreshContactsRef.current();
@@ -232,18 +235,44 @@ function NativeChatExperience({
       setInfoError(option ? "Couldn\u2019t mute this chat. Please try again." : "Couldn\u2019t unmute this chat. Please try again.");
     }
   }, [activeChannelId, muteBusy, conversations, services.gql]);
+  const runGroupAction = React.useCallback(async (fn) => {
+    if (muteBusy) return;
+    setMuteBusy(true);
+    setInfoError(null);
+    try {
+      const ok = await fn();
+      if (!ok) setInfoError("Something went wrong. Please try again.");
+    } finally {
+      setMuteBusy(false);
+    }
+  }, [muteBusy]);
+  const [exitConfirmId, setExitConfirmId] = React.useState(null);
+  const confirmExitGroup = React.useCallback((channelId) => setExitConfirmId(channelId), []);
+  const doExitGroup = React.useCallback(async (channelId) => {
+    setExitConfirmId(null);
+    const ok = await conversations.leaveGroup(channelId);
+    if (ok) {
+      setListRoute("list");
+      setRoute("list");
+    } else {
+      setInfoError("Couldn\u2019t leave this group. Please try again.");
+    }
+  }, [conversations]);
   React.useEffect(() => {
     if (Platform.OS !== "android") return void 0;
     const sub = BackHandler.addEventListener("hardwareBackPress", () => {
       if (route === "list") return false;
       if (route === "info" || route === "forward" || route === "messageInfo") setRoute("thread");
+      else if (route === "addParticipants") setRoute("info");
       else if (route === "notifications") setRoute(notificationsBack === "info" ? "info" : "list");
+      else if (route === "media" || route === "blocked") setRoute(galleryBack);
+      else if (route === "pollVotes") setRoute("thread");
       else if (route === "thread") setRoute(listRoute);
       else setRoute("list");
       return true;
     });
     return () => sub.remove();
-  }, [route, notificationsBack, listRoute]);
+  }, [route, notificationsBack, listRoute, galleryBack]);
   const conversationsRef = React.useRef(conversations.conversations);
   conversationsRef.current = conversations.conversations;
   const openThread = React.useCallback((id, messageId) => {
@@ -349,6 +378,29 @@ function NativeChatExperience({
       openThread(channelId, messageId);
     } }) });
   }
+  if (route === "media") {
+    return /* @__PURE__ */ jsxs(Shell, { theme, testID, children: [
+      /* @__PURE__ */ jsx(MediaGalleryScreen, { gql: services.gql, channelId: activeChannelId, viewerId: viewer.userId, theme, fileBaseUrl: (_f = services.media) == null ? void 0 : _f.fileBaseUrl, linkPreviews, onOpenLink, onOpenImage: setGalleryImageUrl, onBack: () => setRoute(galleryBack) }),
+      /* @__PURE__ */ jsx(ImageViewer, { url: galleryImageUrl, onClose: () => setGalleryImageUrl(null) })
+    ] });
+  }
+  if (route === "blocked") {
+    return /* @__PURE__ */ jsx(Shell, { theme, testID, children: /* @__PURE__ */ jsx(BlockedContactsScreen, { gql: services.gql, theme, onBack: () => setRoute(galleryBack), onUnblock: conversations.unblockContact }) });
+  }
+  if (route === "pollVotes" && pollVotesMessage) {
+    const members = (_g = activeConversation == null ? void 0 : activeConversation.members) != null ? _g : [];
+    const peer = (_h = activeConversation == null ? void 0 : activeConversation.peer) != null ? _h : null;
+    const nameOf = (id) => {
+      const m = members.find((mm) => mm.id === id);
+      if (m) return m.name;
+      if (peer && String(peer.id) === id) return displayNameOf(peer);
+      return "Someone";
+    };
+    return /* @__PURE__ */ jsx(Shell, { theme, testID, children: /* @__PURE__ */ jsx(PollVotesScreen, { poll: (_i = pollVotesMessage.poll) != null ? _i : null, theme, viewerId: viewer.userId, nameOf, onBack: () => {
+      setPollVotesMessage(null);
+      setRoute("thread");
+    } }) });
+  }
   if (route === "messageInfo" && infoMessage && activeChannelId) {
     return /* @__PURE__ */ jsx(Shell, { theme, testID, children: /* @__PURE__ */ jsx(MessageInfoScreen, { gql: services.gql, channelId: activeChannelId, viewerId: viewer.userId, message: infoMessage, isGroup: activeConversation ? !activeConversation.isDirect : false, theme, onBack: () => {
       setInfoMessage(null);
@@ -365,10 +417,30 @@ function NativeChatExperience({
     return /* @__PURE__ */ jsx(Shell, { theme, testID, children: /* @__PURE__ */ jsx(NotificationSettingsScreen, { theme, settings: services.notificationSettings, push: services.push, onBack: () => setRoute(notificationsBack === "info" && activeChannelId ? "info" : "list") }) });
   }
   if (route === "info" && activeChannelId) {
-    return /* @__PURE__ */ jsx(Shell, { theme, testID, children: /* @__PURE__ */ jsx(ChatInfoScreen, { title: activeTitle, avatarUrl: activeConversation == null ? void 0 : activeConversation.avatarUrl, isGroup: activeConversation ? !activeConversation.isDirect : false, memberNames: (_f = activeConversation == null ? void 0 : activeConversation.memberNames) != null ? _f : [], mutedUntil: (_g = activeConversation == null ? void 0 : activeConversation.mutedUntil) != null ? _g : 0, theme, busy: muteBusy, error: infoError, onBack: () => setRoute("thread"), onMute: setMute, onUnmute: () => setMute(null), onOpenNotifications: () => {
-      setNotificationsBack("info");
-      setRoute("notifications");
-    }, onDismissError: () => setInfoError(null) }) });
+    const infoIsGroup = activeConversation ? !activeConversation.isDirect : false;
+    const infoPeerId = !infoIsGroup && ((_j = activeConversation == null ? void 0 : activeConversation.peer) == null ? void 0 : _j.id) ? String(activeConversation.peer.id) : null;
+    const infoPeerBlocked = Boolean(infoPeerId && conversations.isPeerBlocked(infoPeerId));
+    const canSetDisappearing = activeConversation ? activeConversation.isDirect || activeConversation.viewerIsAdmin : false;
+    return /* @__PURE__ */ jsxs(Shell, { theme, testID, children: [
+      /* @__PURE__ */ jsx(ChatInfoScreen, { title: activeTitle, avatarUrl: activeConversation == null ? void 0 : activeConversation.avatarUrl, isGroup: infoIsGroup, members: (_k = activeConversation == null ? void 0 : activeConversation.members) != null ? _k : [], description: activeConversation == null ? void 0 : activeConversation.description, viewerIsAdmin: Boolean(activeConversation == null ? void 0 : activeConversation.viewerIsAdmin), onlyAdminsSend: Boolean(activeConversation == null ? void 0 : activeConversation.onlyAdminsSend), onAddMembers: activeChannelId ? () => setRoute("addParticipants") : void 0, onRemoveMember: activeChannelId ? (memberId) => void runGroupAction(() => conversations.removeGroupMember(activeChannelId, memberId)) : void 0, onSetAdmin: activeChannelId ? (memberId, admin) => void runGroupAction(() => conversations.setGroupAdmin(activeChannelId, memberId, admin)) : void 0, onSetSendPolicy: activeChannelId ? (onlyAdmins) => void runGroupAction(() => conversations.setGroupSendPolicy(activeChannelId, onlyAdmins)) : void 0, onExitGroup: activeChannelId ? () => confirmExitGroup(activeChannelId) : void 0, mutedUntil: (_l = activeConversation == null ? void 0 : activeConversation.mutedUntil) != null ? _l : 0, theme, busy: muteBusy, error: infoError, onBack: () => setRoute("thread"), onMute: setMute, onUnmute: () => setMute(null), onOpenNotifications: () => {
+        setNotificationsBack("info");
+        setRoute("notifications");
+      }, onDismissError: () => setInfoError(null), disappearingSeconds: (_m = activeConversation == null ? void 0 : activeConversation.disappearingSeconds) != null ? _m : 0, onSetDisappearing: canSetDisappearing ? (seconds) => void runGroupAction(() => conversations.setDisappearing(activeChannelId, seconds)) : void 0, onOpenMedia: () => {
+        setGalleryBack("info");
+        setRoute("media");
+      }, isBlocked: infoPeerBlocked, peerName: activeConversation == null ? void 0 : activeConversation.title, onBlock: infoPeerId ? () => void conversations.blockContact(infoPeerId) : void 0, onUnblock: infoPeerId ? () => void conversations.unblockContact(infoPeerId) : void 0, onReport: infoPeerId ? (alsoBlock) => void conversations.reportTarget("CONTACT", infoPeerId, {
+        alsoBlock
+      }) : void 0 }),
+      /* @__PURE__ */ jsx(ActionSheet, { visible: Boolean(exitConfirmId), title: "Exit group?", detail: "You will no longer receive messages from this group. Admins will be notified.", actions: [{
+        key: "exit",
+        label: "Exit group",
+        icon: "exit-to-app",
+        destructive: true,
+        onPress: () => {
+          if (exitConfirmId) void doExitGroup(exitConfirmId);
+        }
+      }], theme, onClose: () => setExitConfirmId(null), testID: "chat-exit-group-sheet" })
+    ] });
   }
   if (route === "thread" && activeChannelId) {
     const threadError = thread.error === dismissedError ? null : thread.error;
@@ -376,8 +448,20 @@ function NativeChatExperience({
     const now = Date.now();
     const muted = activeConversation ? isMuted(activeConversation, now) : false;
     let subtitle = "tap here for contact info";
-    if (isGroup) subtitle = [...(_h = activeConversation == null ? void 0 : activeConversation.memberNames) != null ? _h : [], "You"].join(", ");
-    else if (muted) subtitle = muteLabel((_i = activeConversation == null ? void 0 : activeConversation.mutedUntil) != null ? _i : 0, now);
+    if (isGroup) subtitle = [...(_n = activeConversation == null ? void 0 : activeConversation.memberNames) != null ? _n : [], "You"].join(", ");
+    else if (muted) subtitle = muteLabel((_o = activeConversation == null ? void 0 : activeConversation.mutedUntil) != null ? _o : 0, now);
+    const groupMembers = isGroup ? (_p = activeConversation == null ? void 0 : activeConversation.members) != null ? _p : [] : [];
+    const viewerInGroup = !isGroup || groupMembers.length === 0 || groupMembers.some((m) => m.isYou);
+    const composerLock = !isGroup ? null : !viewerInGroup ? "notParticipant" : (activeConversation == null ? void 0 : activeConversation.onlyAdminsSend) && !(activeConversation == null ? void 0 : activeConversation.viewerIsAdmin) ? "adminsOnly" : null;
+    const memberNameOf = (id) => {
+      var _a2, _b2;
+      if (!id) return "Someone";
+      if (String(id) === viewer.userId) return (_a2 = viewer.displayName) != null ? _a2 : "You";
+      return ((_b2 = groupMembers.find((m) => m.id === String(id))) == null ? void 0 : _b2.name) || "Someone";
+    };
+    const peerId = !isGroup ? ((_q = activeConversation == null ? void 0 : activeConversation.peer) == null ? void 0 : _q.id) ? String(activeConversation.peer.id) : null : null;
+    const peerBlocked = Boolean(peerId && conversations.isPeerBlocked(peerId));
+    const disappearingOn = ((_r = activeConversation == null ? void 0 : activeConversation.disappearingSeconds) != null ? _r : 0) > 0;
     return /* @__PURE__ */ jsx(Shell, { theme, testID, children: /* @__PURE__ */ jsx(ThreadScreen, { title: activeTitle, subtitle, avatarUrl: activeConversation == null ? void 0 : activeConversation.avatarUrl, isGroup, muted, viewerId: viewer.userId, readWatermark, deliveredWatermark, initialUnreadCount: openedUnread, initialJumpTo: jumpTo, typingText, infoLabel: isGroup ? "Group info" : "Contact info", onDraftChange: (text) => {
       typing.onDraftChange(text);
       saveDraft(activeChannelId, text);
@@ -390,10 +474,10 @@ function NativeChatExperience({
     }, onSearch: searchChat, onLoadUntil: thread.loadUntil, onOpenInfo: () => {
       setInfoError(null);
       setRoute("info");
-    }, messages: thread.messages, loading: thread.loading, loadingMore: thread.loadingMore, error: threadError, theme, connectionState: services.gql.connectionState, haptics: services.haptics, onBack: () => setRoute(listRoute), onSend: (body, replyTo) => {
+    }, messages: thread.messages, loading: thread.loading, loadingMore: thread.loadingMore, error: threadError, theme, connectionState: services.gql.connectionState, haptics: services.haptics, onBack: () => setRoute(listRoute), onSend: (body, replyTo, mentions) => {
       typing.onSent();
-      return thread.send(body, replyTo);
-    }, onLoadMore: thread.loadMore, onRetry: thread.retry, onReact: (messageId, emoji) => {
+      return thread.send(body, replyTo, mentions);
+    }, memberNameOf, mentionCandidates: isGroup ? groupMembers : [], composerLock, onLoadMore: thread.loadMore, onRetry: thread.retry, onReact: (messageId, emoji) => {
       var _a2, _b2;
       const current = (_b2 = (_a2 = thread.messages.find((m) => m.id === messageId)) == null ? void 0 : _a2.reactions.find((r) => r.mine)) == null ? void 0 : _b2.reaction;
       thread.react(messageId, current === emoji ? null : emoji);
@@ -403,7 +487,10 @@ function NativeChatExperience({
     } : void 0, onShareText: services.link ? (text) => {
       var _a2;
       return void ((_a2 = services.link) == null ? void 0 : _a2.share(text));
-    } : void 0, media: services.media, audio: services.audio, linkPreviews, onOpenLink, onSendAttachments: thread.sendAttachments ? (files, caption, kind, replyTo) => {
+    } : void 0, onVote: thread.vote, onViewVotes: (message) => {
+      setPollVotesMessage(message);
+      setRoute("pollVotes");
+    }, onCreatePoll: thread.createPoll, onReportMessage: (message) => void conversations.reportTarget("MESSAGE", message.id), onKeep: disappearingOn ? thread.keep : void 0, peerBlocked, onUnblockPeer: peerId ? () => void conversations.unblockContact(peerId) : void 0, media: services.media, audio: services.audio, linkPreviews, onOpenLink, onSendAttachments: thread.sendAttachments ? (files, caption, kind, replyTo) => {
       var _a2;
       return (_a2 = thread.sendAttachments) == null ? void 0 : _a2.call(thread, files, caption, kind, replyTo);
     } : void 0, onDismissError: () => setDismissedError(thread.error) }) });
@@ -417,26 +504,58 @@ function NativeChatExperience({
         if (startChatError) setStartChatError(null);
         else void contactMatches.refresh();
       } }),
-      /* @__PURE__ */ jsx(InviteSheet, { visible: inviteSheetOpen, name: inviteTarget ? ((_j = inviteTarget.match) == null ? void 0 : _j.displayName) || inviteTarget.displayName : "", number: (_m = (_l = (_k = inviteTarget == null ? void 0 : inviteTarget.rawNumbers) == null ? void 0 : _k[0]) != null ? _l : inviteTarget == null ? void 0 : inviteTarget.e164[0]) != null ? _m : null, imageUri: (_n = inviteTarget == null ? void 0 : inviteTarget.imageUri) != null ? _n : null, canWhatsApp: Boolean(inviteTarget && whatsAppInviteUrl(inviteTarget.e164[0], "x")), theme, onClose: () => setInviteSheetOpen(false), onChoose: (channel) => void sendInvite(channel), onCopy: () => {
+      /* @__PURE__ */ jsx(InviteSheet, { visible: inviteSheetOpen, name: inviteTarget ? ((_s = inviteTarget.match) == null ? void 0 : _s.displayName) || inviteTarget.displayName : "", number: (_v = (_u = (_t = inviteTarget == null ? void 0 : inviteTarget.rawNumbers) == null ? void 0 : _t[0]) != null ? _u : inviteTarget == null ? void 0 : inviteTarget.e164[0]) != null ? _v : null, imageUri: (_w = inviteTarget == null ? void 0 : inviteTarget.imageUri) != null ? _w : null, canWhatsApp: Boolean(inviteTarget && whatsAppInviteUrl(inviteTarget.e164[0], "x")), theme, onClose: () => setInviteSheetOpen(false), onChoose: (channel) => void sendInvite(channel), onCopy: () => {
         var _a2;
         if (inviteMessage) void ((_a2 = services.link) == null ? void 0 : _a2.copy(inviteMessage));
       } })
     ] });
   }
+  if (route === "newGroup" || route === "addParticipants") {
+    const adding = route === "addParticipants";
+    const existing = new Set((adding ? (_x = activeConversation == null ? void 0 : activeConversation.members) != null ? _x : [] : []).map((m) => m.id));
+    const candidates = contactMatches.onYantra.filter((c) => {
+      var _a2;
+      return ((_a2 = c.match) == null ? void 0 : _a2.userId) && !existing.has(String(c.match.userId));
+    }).map((c) => {
+      var _a2, _b2, _c2;
+      return {
+        userId: String(c.match.userId),
+        displayName: c.match.displayName || c.displayName,
+        imageUri: (_c2 = (_b2 = c.imageUri) != null ? _b2 : (_a2 = c.match) == null ? void 0 : _a2.picture) != null ? _c2 : null
+      };
+    });
+    return /* @__PURE__ */ jsx(Shell, { theme, testID, children: /* @__PURE__ */ jsx(NewGroupScreen, { candidates, theme, mode: adding ? "add" : "create", onCancel: () => setRoute(adding ? "info" : "list"), onCreate: async (name, memberIds) => {
+      if (adding) {
+        if (!activeChannelId) return null;
+        const id2 = await conversations.addGroupMembers(activeChannelId, memberIds);
+        if (id2) setRoute("info");
+        return id2;
+      }
+      const id = await conversations.createGroup(name, memberIds);
+      if (id) openThread(id);
+      return id;
+    } }) });
+  }
   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"), onOpenNotifications: () => {
+  }, onRetry: conversations.refresh, loadingMore: conversations.loadingMore, onLoadMore: conversations.loadMore, onOpen: openThread, onNewChat: () => setRoute("contacts"), onNewGroup: () => {
+    void contactMatches.refresh();
+    setRoute("newGroup");
+  }, onOpenNotifications: () => {
     setNotificationsBack("list");
     setRoute("notifications");
-  }, pushStatus: (_o = services.push) == null ? void 0 : _o.status, onEnablePush: services.push ? () => {
+  }, pushStatus: (_y = services.push) == null ? void 0 : _y.status, onEnablePush: services.push ? () => {
     var _a2;
     return (_a2 = services.push) == null ? void 0 : _a2.enable();
   } : void 0, onDismissError: () => setDismissedError(conversations.error), notice: inviteNotice, onDismissNotice: () => setInviteNotice(null), mode: route === "archived" ? "archived" : "chats", archivedCount: conversations.conversations.filter((c) => c.archivedAt > 0).length, onOpenArchived: () => {
     setListRoute("archived");
     setRoute("archived");
-  }, onOpenStarred: () => setRoute("starred"), onBack: () => {
+  }, onOpenStarred: () => setRoute("starred"), onOpenBlocked: () => {
+    setGalleryBack("list");
+    setRoute("blocked");
+  }, onBack: () => {
     setListRoute("list");
     setRoute("list");
   }, onSetListState: conversations.setListState }) });