@droppii-org/chat-sdk 0.7.6 → 0.7.8

package/dist/components/conversation-inbox/ConversationInboxList.js

@@ -13,7 +13,7 @@ import InboxBootStatus from "./InboxBootStatus";
 import InboxListSkeleton from "./InboxListSkeleton";
 const INBOX_SLOW_AFTER_MS = 8000;
 const FooterSkeleton = () => (_jsxs("div", { className: "flex items-center gap-3 p-3", children: [_jsx("div", { className: "h-10 w-10 animate-pulse rounded-full bg-neutral-200" }), _jsxs("div", { className: "flex flex-1 flex-col gap-2", children: [_jsx("div", { className: "h-3 w-1/2 animate-pulse rounded bg-neutral-200" }), _jsx("div", { className: "h-2.5 w-1/3 animate-pulse rounded bg-neutral-200" })] })] }));
-const ConversationInboxList = ({ items, isLoading, isFetchingNextPage, hasNextPage, onLoadMore, onSelectThread, }) => {
+const ConversationInboxList = ({ items, isLoading, isFetchingNextPage, hasNextPage, onLoadMore, onSelectThread, showPinThread = false, }) => {
     const { t } = useTranslation("conversation-inbox");
     const onNavigate = useChatNavigate();
     const boot = useChatBootPhase({ slowAfterMs: INBOX_SLOW_AFTER_MS });
@@ -41,6 +41,6 @@ const ConversationInboxList = ({ items, isLoading, isFetchingNextPage, hasNextPa
         return (_jsxs("div", { "data-testid": "conversation-inbox-thread-list", className: "min-h-0 w-full flex-1 overflow-hidden", children: [!isListSettled && (_jsx(InboxBootStatus, { boot: boot.phase === "ready"
                         ? Object.assign(Object.assign({}, boot), { phase: "sync", syncProgress: 100 }) : boot })), boot.phase !== "error" && _jsx(InboxListSkeleton, { rows: 6 })] }));
     }
-    return (_jsx("div", { id: "scrollableConversationThreadsDiv", "data-testid": "conversation-inbox-thread-list", "data-cp-name": "ConversationInboxList", className: "min-h-0 w-full flex-1 overflow-auto", children: _jsx(InfiniteScroll, { dataLength: items.length, next: handleEndReached, hasMore: hasNextPage, loader: isFetchingNextPage ? _jsx(FooterSkeleton, {}) : null, scrollableTarget: "scrollableConversationThreadsDiv", children: items.length === 0 ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Empty, { image: _jsx("div", { className: "flex justify-center", children: _jsx(Icon, { icon: "chat-square-b", size: 80, className: "text-[var(--dc-color-primary-light)]" }) }), description: t("empty.no_conversations") }) })) : (items.map((item) => (_jsx(ConversationInboxItem, { item: item, onClick: handleSelectThread }, item.conversationID)))) }) }));
+    return (_jsx("div", { id: "scrollableConversationThreadsDiv", "data-testid": "conversation-inbox-thread-list", "data-cp-name": "ConversationInboxList", className: "min-h-0 w-full flex-1 overflow-auto", children: _jsx(InfiniteScroll, { dataLength: items.length, next: handleEndReached, hasMore: hasNextPage, loader: isFetchingNextPage ? _jsx(FooterSkeleton, {}) : null, scrollableTarget: "scrollableConversationThreadsDiv", children: items.length === 0 ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Empty, { image: _jsx("div", { className: "flex justify-center", children: _jsx(Icon, { icon: "chat-square-b", size: 80, className: "text-[var(--dc-color-primary-light)]" }) }), description: t("empty.no_conversations") }) })) : (items.map((item) => (_jsx(ConversationInboxItem, { item: item, onClick: handleSelectThread, showPinThread: showPinThread }, item.conversationID)))) }) }));
 };
 export default ConversationInboxList;

package/dist/components/conversation-inbox/ConversationThreadActions.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+import type { ConversationItem } from "@droppii-org/wasm-client-sdk";
+export interface ConversationThreadActionsProps {
+    conversation: ConversationItem;
+    isMuted: boolean;
+    /** Adds Ghim / Bỏ ghim to the swipe actions and a right-click menu on the card. */
+    showPin: boolean;
+    children: ReactNode;
+}
+declare const ConversationThreadActions: ({ conversation, isMuted, showPin, children, }: ConversationThreadActionsProps) => import("react/jsx-runtime").JSX.Element;
+export default ConversationThreadActions;
+//# sourceMappingURL=ConversationThreadActions.d.ts.map

package/dist/components/conversation-inbox/ConversationThreadActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationThreadActions.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-inbox/ConversationThreadActions.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAcrE,MAAM,WAAW,8BAA8B;IAC7C,YAAY,EAAE,gBAAgB,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,mFAAmF;IACnF,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,QAAA,MAAM,yBAAyB,GAAI,+CAKhC,8BAA8B,4CAkHhC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/components/conversation-inbox/ConversationThreadActions.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Dropdown } from "antd";
+import { useTranslation } from "react-i18next";
+import SwipeableRow from "../../components/conversation/SwipeableRow";
+import SwipeActionButton, { SWIPE_ACTION_WIDTH, } from "../../components/conversation/SwipeActionButton";
+import { MESSAGE_TOOLBOX_OVERLAY_CLASSNAME, ToolboxMenuRow, } from "../../components/message/toolbox";
+import PinThreadLimitModal from "../../components/conversation-detail/profile/PinThreadLimitModal";
+import { useMuteConversation } from "../../hooks/session/useMuteConversation";
+import { usePinConversation } from "../../hooks/conversation/usePinConversation";
+import MuteConversationConfirmModal from "./MuteConversationConfirmModal";
+const ConversationThreadActions = ({ conversation, isMuted, showPin, children, }) => {
+    const { t } = useTranslation("conversation-inbox");
+    const { muteConversation, unmuteConversation, isPending: isMutePending, } = useMuteConversation();
+    const { togglePin, isLimitOpen, closeLimit } = usePinConversation();
+    const [isMuteConfirmOpen, setIsMuteConfirmOpen] = useState(false);
+    const { conversationID } = conversation;
+    const isPinned = !!conversation.isPinned;
+    const muteLabel = t(isMuted ? "thread_card.mute.unmute_action" : "thread_card.mute.mute_action");
+    const pinLabel = t(isPinned ? "thread_card.pin.unpin_action" : "thread_card.pin.pin_action");
+    // Muting asks first; unmuting doesn't.
+    const handleToggleMute = () => {
+        if (isMuted) {
+            void unmuteConversation(conversationID);
+            return;
+        }
+        setIsMuteConfirmOpen(true);
+    };
+    const handleConfirmMute = () => {
+        setIsMuteConfirmOpen(false);
+        void muteConversation(conversationID);
+    };
+    const handleTogglePin = () => {
+        void togglePin(conversation);
+    };
+    const swipeRow = (_jsx(SwipeableRow, { actionsWidth: SWIPE_ACTION_WIDTH * (showPin ? 2 : 1), actions: (closeSwipe) => (_jsxs(_Fragment, { children: [_jsx(SwipeActionButton, { testId: "conversation-inbox-mute-action", icon: isMuted ? "bell-b" : "bell-off-b", label: muteLabel, onClick: () => {
+                        closeSwipe();
+                        handleToggleMute();
+                    }, className: "bg-gray-400" }), showPin && (_jsx(SwipeActionButton, { testId: "conversation-inbox-pin-action", icon: isPinned ? "thumbtack-off-b" : "thumbtack-b", label: pinLabel, onClick: () => {
+                        closeSwipe();
+                        handleTogglePin();
+                    }, className: "bg-[var(--dc-color-primary)]" }))] })), children: children }));
+    const menuItems = [
+        {
+            key: "mute",
+            label: (_jsx(ToolboxMenuRow, { icon: isMuted ? "bell-o" : "bell-off-o", label: muteLabel })),
+            onClick: handleToggleMute,
+        },
+        {
+            key: "pin",
+            label: (_jsx(ToolboxMenuRow, { icon: isPinned ? "thumbtack-off-o" : "thumbtack-o", label: pinLabel })),
+            onClick: handleTogglePin,
+        },
+    ];
+    return (_jsxs(_Fragment, { children: [showPin ? (_jsx(Dropdown, { menu: { items: menuItems }, trigger: ["contextMenu"], overlayClassName: MESSAGE_TOOLBOX_OVERLAY_CLASSNAME, children: _jsx("div", { "data-testid": "conversation-inbox-thread-actions", children: swipeRow }) })) : (swipeRow), _jsx(MuteConversationConfirmModal, { open: isMuteConfirmOpen, loading: isMutePending, onCancel: () => setIsMuteConfirmOpen(false), onConfirm: handleConfirmMute }), showPin && _jsx(PinThreadLimitModal, { open: isLimitOpen, onClose: closeLimit })] }));
+};
+export default ConversationThreadActions;

package/dist/components/conversation-inbox/contact-search/ContactSearchCommunitySection.d.ts

@@ -0,0 +1,10 @@
+import type { SearchPublicGroupInfo } from "@droppii-org/wasm-client-sdk";
+interface ContactSearchCommunitySectionProps {
+    groups: SearchPublicGroupInfo[];
+    total: number;
+    onOpenGroup: (groupID: string) => void;
+    onViewAll: () => void;
+}
+declare const ContactSearchCommunitySection: ({ groups, total, onOpenGroup, onViewAll, }: ContactSearchCommunitySectionProps) => import("react/jsx-runtime").JSX.Element;
+export default ContactSearchCommunitySection;
+//# sourceMappingURL=ContactSearchCommunitySection.d.ts.map

package/dist/components/conversation-inbox/contact-search/ContactSearchCommunitySection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactSearchCommunitySection.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-inbox/contact-search/ContactSearchCommunitySection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAM1E,UAAU,kCAAkC;IAC1C,MAAM,EAAE,qBAAqB,EAAE,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAGD,QAAA,MAAM,6BAA6B,GAAI,4CAKpC,kCAAkC,4CAwBpC,CAAC;AAEF,eAAe,6BAA6B,CAAC"}

package/dist/components/conversation-inbox/contact-search/ContactSearchCommunitySection.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import ContactSearchSectionHeader from "./ContactSearchSectionHeader";
+import ContactSearchViewMoreBar from "./ContactSearchViewMoreBar";
+import PublicGroupResultItem from "./PublicGroupResultItem";
+import { CONTACT_SEARCH_PREVIEW_LIMIT } from "./constants";
+// `Tất cả` preview of the `Cộng đồng` tab: same cards, capped like contacts.
+const ContactSearchCommunitySection = ({ groups, total, onOpenGroup, onViewAll, }) => {
+    const { t } = useTranslation("conversation-inbox");
+    // Guards a short server total so a full page still gets its hand-off.
+    const matchCount = Math.max(total, groups.length);
+    return (_jsxs("section", { "data-cp-name": "ContactSearchCommunitySection", children: [_jsx(ContactSearchSectionHeader, { title: t("contact_search.tabs.community"), count: matchCount || undefined, onSelect: onViewAll }), groups.slice(0, CONTACT_SEARCH_PREVIEW_LIMIT).map((group) => (_jsx(PublicGroupResultItem, { group: group, onOpen: onOpenGroup }, group.groupID))), matchCount > CONTACT_SEARCH_PREVIEW_LIMIT && (_jsx(ContactSearchViewMoreBar, { onSelect: onViewAll }))] }));
+};
+export default ContactSearchCommunitySection;

package/dist/components/conversation-inbox/contact-search/ContactSearchPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContactSearchPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-inbox/contact-search/ContactSearchPanel.tsx"],"names":[],"mappings":"AA+BA,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,kBAAkB,GAAI,mBAAmB,uBAAuB,4CA2TrE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"ContactSearchPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/conversation-inbox/contact-search/ContactSearchPanel.tsx"],"names":[],"mappings":"AAgCA,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,kBAAkB,GAAI,mBAAmB,uBAAuB,4CA2TrE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/conversation-inbox/contact-search/ContactSearchPanel.js

@@ -10,6 +10,7 @@ import { useChatNavigate } from "../../../hooks/conversation/useChatNavigate";
 import { useSearchContacts } from "../../../hooks/search/useSearchContacts";
 import { useSearchPublicGroups } from "../../../hooks/search/useSearchPublicGroups";
 import useConversationStore from "../../../store/conversation";
+import ContactSearchCommunitySection from "./ContactSearchCommunitySection";
 import ContactSearchFilters from "./ContactSearchFilters";
 import ContactSearchResultItem from "./ContactSearchResultItem";
 import ContactSearchSectionHeader from "./ContactSearchSectionHeader";
@@ -46,9 +47,12 @@ const ContactSearchPanel = ({ open, onClose }) => {
         type: activeType,
         enabled: open,
     });
+    // `Tất cả` and `Cộng đồng` share one query, so switching tabs hits the cache.
     const publicGroups = useSearchPublicGroups({
         searchTerm: trimmedKeyword,
-        enabled: open && activeTab === ContactSearchTab.Community,
+        enabled: open &&
+            (activeTab === ContactSearchTab.All ||
+                activeTab === ContactSearchTab.Community),
     });
     const handleOpenGroup = (groupID) => {
         const target = { groupId: groupID };
@@ -72,46 +76,53 @@ const ContactSearchPanel = ({ open, onClose }) => {
             setActiveType(undefined);
     };
     const renderContactItems = (items) => items.map((contact) => (_jsx(ContactSearchResultItem, { contact: contact, searchTerm: trimmedKeyword, onSelect: handleSelectContact }, contact.id)));
-    // Every contact tab shares the same not-ready states before it can render
-    // results; returns null once there is a list to show.
+    const renderInitialState = (testId = "contact-search-initial") => (_jsx(ContactSearchStateMessage, { testId: testId, children: t("contact_search.initial") }));
+    const renderLoadingState = () => (_jsx("div", { className: "flex flex-1 items-center justify-center py-12", children: _jsx(Spin, {}) }));
+    const renderFailedState = (testId = "contact-search-failed") => (_jsx(ContactSearchStateMessage, { testId: testId, children: t("contact_search.failed") }));
+    const renderNoResultState = (testId = "contact-search-no-result") => (_jsxs(ContactSearchStateMessage, { testId: testId, children: [t("contact_search.no_result_title"), _jsx("br", {}), t("contact_search.no_result_hint")] }));
+    // The `Liên hệ` tab's not-ready states before it can render results;
+    // returns null once there is a list to show.
     const renderPlaceholderState = () => {
-        if (!trimmedKeyword) {
-            return (_jsx(ContactSearchStateMessage, { testId: "contact-search-initial", children: t("contact_search.initial") }));
-        }
-        if (isLoading) {
-            return (_jsx("div", { className: "flex flex-1 items-center justify-center py-12", children: _jsx(Spin, {}) }));
-        }
-        if (isError) {
-            return (_jsx(ContactSearchStateMessage, { testId: "contact-search-failed", children: t("contact_search.failed") }));
-        }
-        if (contacts.length === 0) {
-            return (_jsxs(ContactSearchStateMessage, { testId: "contact-search-no-result", children: [t("contact_search.no_result_title"), _jsx("br", {}), t("contact_search.no_result_hint")] }));
-        }
+        if (!trimmedKeyword)
+            return renderInitialState();
+        if (isLoading)
+            return renderLoadingState();
+        if (isError)
+            return renderFailedState();
+        if (contacts.length === 0)
+            return renderNoResultState();
         return null;
     };
-    // `Tất cả` only previews the contact section and hands off to `Liên hệ`;
-    // the message section belongs to the message-search ticket.
+    // `Tất cả` previews contacts, then public groups; the message section
+    // belongs to the message-search ticket and goes between the two.
     const renderAllTab = () => {
-        const placeholder = renderPlaceholderState();
-        if (placeholder)
-            return placeholder;
-        const hasMore = contacts.length > CONTACT_SEARCH_PREVIEW_LIMIT || !!hasNextPage;
+        if (!trimmedKeyword)
+            return renderInitialState();
+        if (isLoading || publicGroups.isLoading)
+            return renderLoadingState();
+        if (isError && publicGroups.isError)
+            return renderFailedState();
+        // A source that failed drops its own section instead of the whole tab.
+        const showContacts = !isError && contacts.length > 0;
+        const showGroups = !publicGroups.isError && publicGroups.groups.length > 0;
+        if (!showContacts && !showGroups)
+            return renderNoResultState();
+        const hasMoreContacts = contacts.length > CONTACT_SEARCH_PREVIEW_LIMIT || !!hasNextPage;
         const openContactsTab = () => handleChangeTab(ContactSearchTab.Contacts);
-        return (_jsxs("div", { className: "flex-1 overflow-y-auto", children: [_jsx(ContactSearchSectionHeader, { title: t("contact_search.tabs.contacts"), count: totalElements || undefined, onSelect: openContactsTab }), renderContactItems(contacts.slice(0, CONTACT_SEARCH_PREVIEW_LIMIT)), hasMore && _jsx(ContactSearchViewMoreBar, { onSelect: openContactsTab })] }));
+        return (_jsxs("div", { className: "flex-1 overflow-y-auto", children: [showContacts && (_jsxs("section", { children: [_jsx(ContactSearchSectionHeader, { title: t("contact_search.tabs.contacts"), count: totalElements || undefined, onSelect: openContactsTab }), renderContactItems(contacts.slice(0, CONTACT_SEARCH_PREVIEW_LIMIT)), hasMoreContacts && (_jsx(ContactSearchViewMoreBar, { onSelect: openContactsTab }))] })), showGroups && (_jsx(ContactSearchCommunitySection, { groups: publicGroups.groups, total: publicGroups.total, onOpenGroup: handleOpenGroup, onViewAll: () => handleChangeTab(ContactSearchTab.Community) }))] }));
     };
     const renderContactList = () => (_jsx("div", { id: SCROLL_TARGET_ID, className: "flex-1 overflow-y-auto", children: _jsx(InfiniteScroll, { dataLength: contacts.length, next: fetchNextPage, hasMore: !!hasNextPage, scrollableTarget: SCROLL_TARGET_ID, loader: isFetchingNextPage ? (_jsx("div", { className: "flex items-center justify-center py-3", children: _jsx(Spin, { size: "small" }) })) : null, children: renderContactItems(contacts) }) }));
     const renderCommunityTab = () => {
         if (!trimmedKeyword) {
-            return (_jsx(ContactSearchStateMessage, { testId: "contact-search-community-initial", children: t("contact_search.initial") }));
-        }
-        if (publicGroups.isLoading) {
-            return (_jsx("div", { className: "flex flex-1 items-center justify-center py-12", children: _jsx(Spin, {}) }));
+            return renderInitialState("contact-search-community-initial");
         }
+        if (publicGroups.isLoading)
+            return renderLoadingState();
         if (publicGroups.isError) {
-            return (_jsx(ContactSearchStateMessage, { testId: "contact-search-community-failed", children: t("contact_search.failed") }));
+            return renderFailedState("contact-search-community-failed");
         }
         if (publicGroups.groups.length === 0) {
-            return (_jsxs(ContactSearchStateMessage, { testId: "contact-search-community-no-result", children: [t("contact_search.no_result_title"), _jsx("br", {}), t("contact_search.no_result_hint")] }));
+            return renderNoResultState("contact-search-community-no-result");
         }
         return (_jsx("div", { id: COMMUNITY_SCROLL_TARGET_ID, className: "flex-1 overflow-y-auto", children: _jsx(InfiniteScroll, { dataLength: publicGroups.groups.length, next: publicGroups.fetchNextPage, hasMore: !!publicGroups.hasNextPage, scrollableTarget: COMMUNITY_SCROLL_TARGET_ID, loader: publicGroups.isFetchingNextPage ? (_jsx("div", { className: "flex items-center justify-center py-3", children: _jsx(Spin, { size: "small" }) })) : null, children: publicGroups.groups.map((group) => (_jsx(PublicGroupResultItem, { group: group, onOpen: handleOpenGroup }, group.groupID))) }) }));
     };

package/dist/components/conversation-inbox/contact-search/constants.js

@@ -2,8 +2,8 @@ import { ContactSearchType } from "../../../types/dto";
 export const CONTACT_SEARCH_DEBOUNCE_MS = 300;
 export const CONTACT_SEARCH_ICON_SIZE = 18;
 export const CONTACT_SEARCH_AVATAR_SIZE = 48;
-// `Tất cả` shows a capped preview of the contact section before handing the
-// seller over to the full `Liên hệ` tab.
+// `Tất cả` caps each section's preview (contacts, public groups) before handing
+// the seller over to the full `Liên hệ` / `Cộng đồng` tab.
 export const CONTACT_SEARCH_PREVIEW_LIMIT = 5;
 export var ContactSearchTab;
 (function (ContactSearchTab) {

package/dist/components/conversation-inbox/index.d.ts

@@ -7,8 +7,8 @@ export { default as ConversationInboxItem } from "./ConversationInboxItem";
 export type { ConversationInboxItemProps } from "./ConversationInboxItem";
 export { default as ConversationInboxList } from "./ConversationInboxList";
 export type { ConversationInboxListProps } from "./ConversationInboxList";
-export { default as ConversationMuteSwipeAction } from "./ConversationMuteSwipeAction";
-export type { ConversationMuteSwipeActionProps } from "./ConversationMuteSwipeAction";
+export { default as ConversationThreadActions } from "./ConversationThreadActions";
+export type { ConversationThreadActionsProps } from "./ConversationThreadActions";
 export { default as MuteConversationConfirmModal } from "./MuteConversationConfirmModal";
 export type { MuteConversationConfirmModalProps } from "./MuteConversationConfirmModal";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/conversation-inbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-inbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAE/E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAE1E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAE1E,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AACvF,YAAY,EAAE,gCAAgC,EAAE,MAAM,+BAA+B,CAAC;AAEtF,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AACzF,YAAY,EAAE,iCAAiC,EAAE,MAAM,gCAAgC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-inbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAE/E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAE1E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAE1E,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACnF,YAAY,EAAE,8BAA8B,EAAE,MAAM,6BAA6B,CAAC;AAElF,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AACzF,YAAY,EAAE,iCAAiC,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/components/conversation-inbox/index.js

@@ -3,5 +3,5 @@ export { default as ConversationPeerAvatar } from "./ConversationPeerAvatar";
 export { default as ConversationInboxTitle } from "./ConversationInboxTitle";
 export { default as ConversationInboxItem } from "./ConversationInboxItem";
 export { default as ConversationInboxList } from "./ConversationInboxList";
-export { default as ConversationMuteSwipeAction } from "./ConversationMuteSwipeAction";
+export { default as ConversationThreadActions } from "./ConversationThreadActions";
 export { default as MuteConversationConfirmModal } from "./MuteConversationConfirmModal";

package/dist/components/group/MemberPermissionPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MemberPermissionPanel.d.ts","sourceRoot":"","sources":["../../../src/components/group/MemberPermissionPanel.tsx"],"names":[],"mappings":"AAqBA,UAAU,0BAA0B;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AA8BD,QAAA,MAAM,qBAAqB,GAAI,4BAA4B,0BAA0B,mDA0IpF,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"MemberPermissionPanel.d.ts","sourceRoot":"","sources":["../../../src/components/group/MemberPermissionPanel.tsx"],"names":[],"mappings":"AAoBA,UAAU,0BAA0B;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AA6BD,QAAA,MAAM,qBAAqB,GAAI,4BAA4B,0BAA0B,mDAgHpF,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/group/MemberPermissionPanel.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { ConfigProvider, Switch, message } from "antd";
 import { useTranslation } from "react-i18next";
@@ -9,24 +9,22 @@ import { useSetMemberRolePermissions } from "../../hooks/group/useGroupMemberAct
 import { Icon } from "../../components/icon";
 import useAuthStore from "../../store/auth";
 import PermissionPanelCrm from "./PermissionPanelCrm";
-import DisableSendPermissionConfirm from "./DisableSendPermissionConfirm";
 import { ANTD_PRIMARY_COLOR_VAR } from "../../constants";
 import { GROUP_PERMISSION_KEY } from "../../constants/im";
 import { changedSwitches, commonSwitchStates, toRolePermissionChange, } from "../../utils/groupPermissionSwitches";
+// No "Gửi tin nhắn" switch: members are muted from the group send toggle or one by one,
+// and saving here never touches SEND_MESSAGE.
 const SWITCH_PERMISSION_KEYS = {
-    sendMessage: [GROUP_PERMISSION_KEY.sendMessage],
     addMember: [GROUP_PERMISSION_KEY.addMember],
     pinMessage: [GROUP_PERMISSION_KEY.pinMessage],
     viewMemberInformation: [GROUP_PERMISSION_KEY.viewMemberInformation],
 };
 const SWITCH_LABELS = {
-    sendMessage: "permission_send_message",
     addMember: "permission_add_member",
     pinMessage: "permission_pin_message",
     viewMemberInformation: "permission_view_member_info",
 };
 const SWITCH_DESCRIPTIONS = {
-    sendMessage: "permission_desc_send_message",
     addMember: "permission_desc_add_member",
     pinMessage: "permission_desc_pin_message",
     viewMemberInformation: "permission_desc_view_member_info",
@@ -41,7 +39,6 @@ const MemberPermissionPanel = ({ open, groupID, onClose }) => {
     const { mutateAsync: setMemberRolePermissions } = useSetMemberRolePermissions();
     const isCrm = useAuthStore((state) => state.isCrm);
     const [isSaving, setIsSaving] = useState(false);
-    const [isConfirmOpen, setIsConfirmOpen] = useState(false);
     const [edits, setEdits] = useState({});
     useEffect(() => {
         if (open)
@@ -52,17 +49,9 @@ const MemberPermissionPanel = ({ open, groupID, onClose }) => {
     const pending = Object.assign(Object.assign({}, baseline), edits);
     const changes = changedSwitches(baseline, pending);
     const hasChanges = Object.keys(changes).length > 0;
-    const requestSave = () => {
-        if (isCrm && changes.sendMessage === false) {
-            setIsConfirmOpen(true);
-            return;
-        }
-        void handleSave();
-    };
     const handleSave = async () => {
         if (!groupID || !hasChanges)
             return;
-        setIsConfirmOpen(false);
         setIsSaving(true);
         try {
             await setMemberRolePermissions(Object.assign({ groupID }, toRolePermissionChange(SWITCH_PERMISSION_KEYS, changes)));
@@ -80,15 +69,15 @@ const MemberPermissionPanel = ({ open, groupID, onClose }) => {
     if (!open)
         return null;
     if (isCrm) {
-        return (_jsxs(_Fragment, { children: [_jsx(PermissionPanelCrm, { title: t("member_permission_row"), rows: SWITCHES.map((name) => ({
-                        key: name,
-                        label: t(SWITCH_LABELS[name]),
-                        description: t(SWITCH_DESCRIPTIONS[name]),
-                        checked: pending[name],
-                        disabled: isLoading,
-                        onChange: (checked) => setEdits((prev) => (Object.assign(Object.assign({}, prev), { [name]: checked }))),
-                    })), canSave: hasChanges && !isLoading, isSaving: isSaving, onBack: onClose, onSave: requestSave }), _jsx(DisableSendPermissionConfirm, { open: isConfirmOpen, title: t("disable_send_permission_title_all_members"), loading: isSaving, onConfirm: handleSave, onCancel: () => setIsConfirmOpen(false) })] }));
+        return (_jsx(PermissionPanelCrm, { title: t("member_permission_row"), rows: SWITCHES.map((name) => ({
+                key: name,
+                label: t(SWITCH_LABELS[name]),
+                description: t(SWITCH_DESCRIPTIONS[name]),
+                checked: pending[name],
+                disabled: isLoading,
+                onChange: (checked) => setEdits((prev) => (Object.assign(Object.assign({}, prev), { [name]: checked }))),
+            })), canSave: hasChanges && !isLoading, isSaving: isSaving, onBack: onClose, onSave: handleSave }));
     }
-    return (_jsxs("div", { className: "absolute inset-0 bg-white flex flex-col z-10", "data-cp-name": "MemberPermissionPanel", children: [_jsxs("div", { className: "flex w-full items-center border-b border-gray-100 p-2", children: [_jsx("button", { type: "button", className: "flex shrink-0 cursor-pointer items-center justify-center p-2 text-[var(--dc-color-nav-icon)]", onClick: onClose, children: _jsx(Icon, { icon: "arrow-left-o", size: 24 }) }), _jsx("p", { className: "min-w-0 flex-1 truncate px-2 text-[18px] font-bold leading-[1.6] text-gray-900", children: t("member_permission_settings") })] }), _jsx("div", { className: "flex-1 overflow-y-auto", children: _jsx(ConfigProvider, { theme: { token: { colorPrimary: ANTD_PRIMARY_COLOR_VAR } }, children: _jsx("div", { className: "flex flex-col py-2", children: SWITCHES.map((name) => (_jsxs("div", { className: "flex items-center justify-between px-4 py-3", children: [_jsx("span", { className: "text-sm", children: t(SWITCH_LABELS[name]) }), _jsx(Switch, { checked: pending[name], disabled: isLoading, onChange: (checked) => setEdits((prev) => (Object.assign(Object.assign({}, prev), { [name]: checked }))) })] }, name))) }) }) }), _jsxs("div", { className: "flex items-center justify-end gap-2 px-4 py-3 border-t border-gray-100", children: [_jsx("button", { type: "button", className: "px-4 py-1.5 rounded-full border border-gray-300 text-gray-700 text-sm font-medium", onClick: onClose, children: t("cancel") }), _jsx("button", { type: "button", className: "px-4 py-1.5 rounded-full bg-[var(--dc-color-primary)] text-white text-sm font-medium disabled:bg-gray-200 disabled:text-gray-400", disabled: !hasChanges || isSaving || isLoading, onClick: requestSave, children: t("save") })] }), _jsx(DisableSendPermissionConfirm, { open: isConfirmOpen, title: t("disable_send_permission_title_all_members"), loading: isSaving, onConfirm: handleSave, onCancel: () => setIsConfirmOpen(false) })] }));
+    return (_jsxs("div", { className: "absolute inset-0 bg-white flex flex-col z-10", "data-cp-name": "MemberPermissionPanel", children: [_jsxs("div", { className: "flex w-full items-center border-b border-gray-100 p-2", children: [_jsx("button", { type: "button", className: "flex shrink-0 cursor-pointer items-center justify-center p-2 text-[var(--dc-color-nav-icon)]", onClick: onClose, children: _jsx(Icon, { icon: "arrow-left-o", size: 24 }) }), _jsx("p", { className: "min-w-0 flex-1 truncate px-2 text-[18px] font-bold leading-[1.6] text-gray-900", children: t("member_permission_settings") })] }), _jsx("div", { className: "flex-1 overflow-y-auto", children: _jsx(ConfigProvider, { theme: { token: { colorPrimary: ANTD_PRIMARY_COLOR_VAR } }, children: _jsx("div", { className: "flex flex-col py-2", children: SWITCHES.map((name) => (_jsxs("div", { className: "flex items-center justify-between px-4 py-3", children: [_jsx("span", { className: "text-sm", children: t(SWITCH_LABELS[name]) }), _jsx(Switch, { checked: pending[name], disabled: isLoading, onChange: (checked) => setEdits((prev) => (Object.assign(Object.assign({}, prev), { [name]: checked }))) })] }, name))) }) }) }), _jsxs("div", { className: "flex items-center justify-end gap-2 px-4 py-3 border-t border-gray-100", children: [_jsx("button", { type: "button", className: "px-4 py-1.5 rounded-full border border-gray-300 text-gray-700 text-sm font-medium", onClick: onClose, children: t("cancel") }), _jsx("button", { type: "button", className: "px-4 py-1.5 rounded-full bg-[var(--dc-color-primary)] text-white text-sm font-medium disabled:bg-gray-200 disabled:text-gray-400", disabled: !hasChanges || isSaving || isLoading, onClick: handleSave, children: t("save") })] })] }));
 };
 export default MemberPermissionPanel;

package/dist/components/message/toolbox/MessageToolboxMenu.d.ts

@@ -1,5 +1,12 @@
 import type { MenuProps } from "antd";
 import { MessageToolboxAction } from "./types";
 export declare const MESSAGE_TOOLBOX_OVERLAY_CLASSNAME: string;
+interface ToolboxMenuRowProps {
+    icon: string;
+    label: string;
+    danger?: boolean;
+}
+export declare const ToolboxMenuRow: ({ icon, label, danger }: ToolboxMenuRowProps) => import("react/jsx-runtime").JSX.Element;
 export declare const buildMessageToolboxMenuItems: (actions: MessageToolboxAction[]) => NonNullable<MenuProps["items"]>;
+export {};
 //# sourceMappingURL=MessageToolboxMenu.d.ts.map

package/dist/components/message/toolbox/MessageToolboxMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageToolboxMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/message/toolbox/MessageToolboxMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAKtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,iCAAiC,QAS7C,CAAC;AAgDF,eAAO,MAAM,4BAA4B,GACvC,SAAS,oBAAoB,EAAE,KAC9B,WAAW,CAAC,SAAS,CAAC,OAAO,CAAC,CAO5B,CAAC"}
+{"version":3,"file":"MessageToolboxMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/message/toolbox/MessageToolboxMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAKtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,iCAAiC,QAS7C,CAAC;AAEF,UAAU,mBAAmB;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAYD,eAAO,MAAM,cAAc,GAAI,yBAAiC,mBAAmB,4CA4BlF,CAAC;AAEF,eAAO,MAAM,4BAA4B,GACvC,SAAS,oBAAoB,EAAE,KAC9B,WAAW,CAAC,SAAS,CAAC,OAAO,CAAC,CAO5B,CAAC"}

package/dist/components/message/toolbox/MessageToolboxMenu.js

@@ -13,7 +13,7 @@ const CRM_ICONS = {
     "link-o": "link",
     "trash-o": "undo",
 };
-const ToolboxMenuRow = ({ icon, label, danger = false }) => {
+export const ToolboxMenuRow = ({ icon, label, danger = false }) => {
     const isCrm = useAuthStore((state) => state.isCrm);
     const crmIcon = isCrm ? CRM_ICONS[icon] : undefined;
     return (_jsxs("div", { "data-cp-name": "ToolboxMenuRow", className: "flex items-center gap-3", children: [crmIcon ? (_jsx(StrokeIcon, { name: crmIcon, size: 18, className: danger ? "text-danger-600" : "text-gray-600" })) : (_jsx(Icon, { icon: icon, size: 24, className: danger ? "text-danger-400" : "text-gray-900" })), _jsx("span", { className: clsx("text-base font-medium", danger ? "text-danger-400" : "text-gray-900"), children: label })] }));

package/dist/constants/moreOption.d.ts

@@ -11,6 +11,7 @@ export interface MoreOptionConfig {
     key: string;
     icon: string;
     labelKey: string;
+    /** false = still in development: the composer "+" panel doesn't show it. */
     enabled: boolean;
     onSelect?: () => void;
 }

package/dist/constants/moreOption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"moreOption.d.ts","sourceRoot":"","sources":["../../src/constants/moreOption.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;;;CAOhB,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE/E,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,oBAAoB,EAAE,gBAAgB,EAmBlD,CAAC;AAEF,wBAAgB,iBAAiB,CAC/B,YAAY,GAAE,gBAAgB,EAAO,GACpC,gBAAgB,EAAE,CAEpB;AAED,eAAO,MAAM,YAAY,EAAE,gBAAgB,EAmBzC,CAAC"}
+{"version":3,"file":"moreOption.d.ts","sourceRoot":"","sources":["../../src/constants/moreOption.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;;;CAOhB,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE/E,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,4EAA4E;IAC5E,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,oBAAoB,EAAE,gBAAgB,EAmBlD,CAAC;AAEF,wBAAgB,iBAAiB,CAC/B,YAAY,GAAE,gBAAgB,EAAO,GACpC,gBAAgB,EAAE,CAEpB;AAED,eAAO,MAAM,YAAY,EAAE,gBAAgB,EAmBzC,CAAC"}

package/dist/hooks/conversation/useBotFlow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBotFlow.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useBotFlow.ts"],"names":[],"mappings":"AAMA,OAAO,EAKL,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACrB,MAAM,sBAAsB,CAAC;AAgB9B,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,aAAa,CAAC;AAMtD,UAAU,gBAAgB;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;CACtB;AAsBD,eAAO,MAAM,UAAU,GAAI,kCAGxB,gBAAgB;;;;;;;;;;;;6BAuJqB,MAAM;;6BA0DN,eAAe;;;CAmDtD,CAAC"}
+{"version":3,"file":"useBotFlow.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useBotFlow.ts"],"names":[],"mappings":"AAMA,OAAO,EAKL,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACrB,MAAM,sBAAsB,CAAC;AAgB9B,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,aAAa,CAAC;AAMtD,UAAU,gBAAgB;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;CACtB;AAsBD,eAAO,MAAM,UAAU,GAAI,kCAGxB,gBAAgB;;;;;;;;;;;;6BAoKqB,MAAM;;6BA+DN,eAAe;;;CAmDtD,CAAC"}

package/dist/hooks/conversation/useBotFlow.js

@@ -104,9 +104,22 @@ export const useBotFlow = ({ conversationId, isBotThread, }) => {
                 buttons: inputButtonsBlocks.flatMap((block) => block.data.buttons),
             } }) : null;
     const isInActiveCsSession = isInCsSession({ flowCurrentStep: activeStep });
-    const isProcessing = runMutation.isPending ||
+    // Also true while a chosen label waits in the send queue behind earlier uploads,
+    // so a second click cannot run the same step twice.
+    const [isChoosing, setIsChoosing] = useState(false);
+    const isProcessing = isChoosing ||
+        runMutation.isPending ||
         resetMutation.isPending ||
         closeSessionMutation.isPending;
+    const whileChoosing = async (action) => {
+        setIsChoosing(true);
+        try {
+            await action();
+        }
+        finally {
+            setIsChoosing(false);
+        }
+    };
     const shouldShowButtons = !!currentButtonsBlock && !isProcessing && !pendingGroupId;
     const status = (activeStep === null || activeStep === void 0 ? void 0 : activeStep.type) === BotFlowNodeType.Start ? "not_started" : "running";
     const runStep = async (step, actionId = null) => {
@@ -144,15 +157,17 @@ export const useBotFlow = ({ conversationId, isBotThread, }) => {
             actionId,
         };
         const selectedButton = currentButtonsBlock === null || currentButtonsBlock === void 0 ? void 0 : currentButtonsBlock.data.buttons.find((button) => button.id === actionId);
-        if (selectedButton) {
-            await sendMergeMessage({
-                plainText: selectedButton.label,
-                richText: "",
-                isInternal: false,
-                flow,
-            });
-        }
-        await runStep(activeStep, actionId);
+        await whileChoosing(async () => {
+            if (selectedButton) {
+                await sendMergeMessage({
+                    plainText: selectedButton.label,
+                    richText: "",
+                    isInternal: false,
+                    flow,
+                });
+            }
+            await runStep(activeStep, actionId);
+        });
     };
     const performRestart = async () => {
         var _a;
@@ -161,14 +176,16 @@ export const useBotFlow = ({ conversationId, isBotThread, }) => {
             childId: null,
             actionId: BOT_DEFAULT_BUTTON_ID,
         };
-        await sendMergeMessage({
-            plainText: t("thread_detail.bot.restart"),
-            richText: "",
-            isInternal: false,
-            flow,
+        await whileChoosing(async () => {
+            await sendMergeMessage({
+                plainText: t("thread_detail.bot.restart"),
+                richText: "",
+                isInternal: false,
+                flow,
+            });
+            const resetDetail = await resetMutation.mutateAsync(conversationId);
+            await runStep(resetDetail.flowCurrentStep);
         });
-        const resetDetail = await resetMutation.mutateAsync(conversationId);
-        await runStep(resetDetail.flowCurrentStep);
     };
     const restart = async () => {
         if (isInActiveCsSession) {
@@ -180,13 +197,15 @@ export const useBotFlow = ({ conversationId, isBotThread, }) => {
     const runMenuOption = async (item) => {
         if (!activeStep)
             return;
-        await sendMergeMessage({
-            plainText: item.label,
-            richText: "",
-            isInternal: false,
-            flow: { groupId: activeStep.id, childId: null, actionId: item.id },
+        await whileChoosing(async () => {
+            await sendMergeMessage({
+                plainText: item.label,
+                richText: "",
+                isInternal: false,
+                flow: { groupId: activeStep.id, childId: null, actionId: item.id },
+            });
+            await runStep(activeStep, item.id);
         });
-        await runStep(activeStep, item.id);
     };
     const selectMenuOption = async (item) => {
         if (item.id === BOT_DEFAULT_BUTTON_ID) {

package/dist/hooks/conversation/useConversationTarget.d.ts

@@ -0,0 +1,4 @@
+export declare const useConversationTarget: (conversationId: string, enabled: boolean) => {
+    isTargetActive: boolean;
+};
+//# sourceMappingURL=useConversationTarget.d.ts.map

package/dist/hooks/conversation/useConversationTarget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConversationTarget.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useConversationTarget.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,qBAAqB,GAChC,gBAAgB,MAAM,EACtB,SAAS,OAAO;;CAkBjB,CAAC"}

package/dist/hooks/conversation/useConversationTarget.js

@@ -0,0 +1,23 @@
+"use client";
+import { useQuery } from "@tanstack/react-query";
+import { apiInstance } from "../../services/api";
+import { ENDPOINTS } from "../../services/routes";
+import { QUERY_KEYS } from "../../services/query";
+// Whether the peer account is still active. Fails open like biz-mobile:
+// a pending or failed lookup counts as active.
+export const useConversationTarget = (conversationId, enabled) => {
+    var _a;
+    const query = useQuery({
+        queryKey: [QUERY_KEYS.GET_CONVERSATION_TARGET, conversationId],
+        queryFn: async () => {
+            const res = await apiInstance.get(ENDPOINTS.chatService.getConversationTarget(conversationId));
+            return res.data.data;
+        },
+        enabled: enabled && !!conversationId,
+        staleTime: 0,
+        retry: false,
+        refetchOnWindowFocus: false,
+    });
+    // isError first: a failed refetch keeps the previous data in react-query.
+    return { isTargetActive: query.isError || ((_a = query.data) === null || _a === void 0 ? void 0 : _a.isActive) !== false };
+};

package/dist/hooks/conversation/usePinConversation.d.ts

@@ -0,0 +1,10 @@
+import type { ConversationItem } from "@droppii-org/wasm-client-sdk";
+/** Thread pin cap, checked client-side like biz-mobile. */
+export declare const MAX_PINNED_THREADS = 5;
+export declare const usePinConversation: () => {
+    togglePin: (conversation: ConversationItem) => Promise<void>;
+    isPending: boolean;
+    isLimitOpen: boolean;
+    closeLimit: () => void;
+};
+//# sourceMappingURL=usePinConversation.d.ts.map

package/dist/hooks/conversation/usePinConversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePinConversation.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/usePinConversation.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAKrE,2DAA2D;AAC3D,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAMpC,eAAO,MAAM,kBAAkB;8BAUU,gBAAgB;;;;CAkCxD,CAAC"}