@droppii-org/chat-sdk 0.4.11 → 0.4.12

package/dist/components/conversation-detail/ConversationDetailInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConversationDetailInput.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/ConversationDetailInput.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAkB/D,MAAM,WAAW,4BAA4B;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,QAAA,MAAM,uBAAuB,GAAI,4EAM9B,4BAA4B,4CAynB9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"ConversationDetailInput.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-detail/ConversationDetailInput.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAkB/D,MAAM,WAAW,4BAA4B;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,QAAA,MAAM,uBAAuB,GAAI,4EAM9B,4BAA4B,4CA8qB9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/components/conversation-detail/ConversationDetailInput.js

@@ -4,8 +4,10 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useBoolean } from "ahooks";
 import clsx from "clsx";
+import { Button, message as toastMessage } from "antd";
 import { Icon } from "../../components/icon";
 import { useSendMessage } from "../../hooks/message/useSendMessage";
+import { useJoinPublicGroup } from "../../hooks/group/useJoinPublicGroup";
 import useAuthStore from "../../store/auth";
 import useConversationStore from "../../store/conversation";
 import useMessageDraftStore from "../../store/messageDraft";
@@ -36,6 +38,38 @@ const ConversationDetailInput = ({ placeholder, onSendMessage, onInputChange, mo
     const conversationId = selectedConversationId || (conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID) || "";
     const isConversationReady = !!conversationData && (!!conversationData.userID || !!conversationData.groupID);
     const isViewOnlyMember = useConversationStore((state) => state.isViewOnlyMember);
+    const setIsViewOnlyMember = useConversationStore((state) => state.setIsViewOnlyMember);
+    const getCurrentMemberInGroupByReq = useConversationStore((state) => state.getCurrentMemberInGroupByReq);
+    const getSelfGroupPermissionByReq = useConversationStore((state) => state.getSelfGroupPermissionByReq);
+    const { mutate: joinPublicGroup, isPending: isJoiningPublicGroup } = useJoinPublicGroup();
+    const handleJoinPublicGroup = useCallback(() => {
+        const groupID = conversationData === null || conversationData === void 0 ? void 0 : conversationData.groupID;
+        if (!groupID)
+            return;
+        joinPublicGroup({ groupID }, {
+            onSuccess: async () => {
+                toastMessage.success(tCommon("join_group_success"));
+                // updateCurrentConversation's revalidation only runs on a
+                // conversationID change — this is the same conversation the user
+                // was already viewing, so refresh membership/permissions directly
+                // instead, and flip isViewOnlyMember off immediately rather than
+                // waiting on a WS event that may not fire right away.
+                setIsViewOnlyMember(false);
+                await Promise.allSettled([
+                    getCurrentMemberInGroupByReq(groupID),
+                    getSelfGroupPermissionByReq(groupID),
+                ]);
+            },
+            onError: () => toastMessage.error(tCommon("join_group_failed")),
+        });
+    }, [
+        conversationData,
+        getCurrentMemberInGroupByReq,
+        getSelfGroupPermissionByReq,
+        joinPublicGroup,
+        setIsViewOnlyMember,
+        tCommon,
+    ]);
     const sendMessageOptions = useMemo(() => ({
         scrollEvent: "CONVERSATION_CHAT_SCROLL_TO_BOTTOM_IF_AT_BOTTOM",
     }), []);
@@ -408,7 +442,7 @@ const ConversationDetailInput = ({ placeholder, onSendMessage, onInputChange, mo
         void handleSend();
     };
     if (isViewOnlyMember) {
-        return (_jsx("div", { "data-testid": "conversation-detail-input-view-only", className: "flex w-full shrink-0 items-center justify-center bg-chat-bubble-neutral/[0.05] px-4 py-3 text-center text-sm text-gray-500", children: t("thread_detail.view_only_notice") }));
+        return (_jsxs("div", { "data-testid": "conversation-detail-input-view-only", className: "flex w-full shrink-0 items-center justify-between gap-3 bg-chat-bubble-neutral/[0.05] px-4 py-3", children: [_jsx("span", { className: "text-sm text-gray-500", children: t("thread_detail.view_only_notice") }), _jsx(Button, { type: "primary", size: "small", loading: isJoiningPublicGroup, onClick: handleJoinPublicGroup, children: tCommon("join_group") })] }));
     }
     return (_jsxs("div", { ref: containerRef, "data-testid": "conversation-detail-input", "data-cp-name": "ConversationDetailInput", className: "flex w-full shrink-0 flex-col bg-chat-bubble-neutral/[0.05]", children: [_jsx("input", { ref: mediaInputRef, type: "file", accept: "image/jpeg,image/png,image/jpg,video/*", multiple: true, className: "hidden", onChange: handleMediaInputChange }), _jsx("input", { ref: documentInputRef, type: "file", accept: ".pdf,.doc,.docx", multiple: true, className: "hidden", onChange: handleDocumentInputChange }), _jsx(ReplyPreviewBar, {}), listUploadFiles.length > 0 && (_jsx(FilePreviewList, { files: listUploadFiles, onRemove: (file) => handleRemoveFile(file.uid), onVideoReady: () => setIsVideoLoading(false) })), showLinkPreview && previewUrl && (_jsx(LinkInputPreview, { url: previewUrl, onRemove: () => setPreviewDismissed(true) })), _jsxs("div", { className: "flex items-end gap-3 px-3 py-2", children: [_jsx("div", { className: "flex shrink-0 items-center", children: _jsx("button", { type: "button", onClick: handleToggleMoreOption, "aria-label": t("thread_detail.more_option.toggle"), "aria-expanded": isMoreOptionOpen, "data-testid": "conversation-detail-more-option-toggle", className: "flex py-3 items-center justify-center rounded-full", children: isMoreOptionOpen ? (_jsx(Icon, { icon: "close-circle-b", size: 24, className: "text-primary-400" })) : (_jsx(Icon, { icon: "plus-circle-o", size: 24, className: "text-gray-900" })) }) }), _jsx("div", { className: clsx("flex min-w-0 flex-1 overflow-hidden rounded-xl border bg-white transition-shadow", isFocused
                             ? "border-primary-200 shadow-primary-focus"

package/dist/components/message/footer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAGL,wBAAwB,EAEzB,MAAM,cAAc,CAAC;AAStB,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAoB/C,UAAU,kBAAkB;IAC1B,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACpC;AASD,eAAO,MAAM,oBAAoB,mDAc/B,CAAC;AAEH,eAAO,MAAM,uBAAuB,gCAAyC,CAAC;AAE9E,QAAA,MAAM,qBAAqB,GAAI,4CAG5B,kBAAkB,4CA0UpB,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/message/footer/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAGL,wBAAwB,EAEzB,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAoB/C,UAAU,kBAAkB;IAC1B,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACpC;AASD,eAAO,MAAM,oBAAoB,mDAc/B,CAAC;AAEH,eAAO,MAAM,uBAAuB,gCAAyC,CAAC;AAE9E,QAAA,MAAM,qBAAqB,GAAI,4CAG5B,kBAAkB,4CAgYpB,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/message/footer/index.js

@@ -10,7 +10,8 @@ import EnterHandler from "./EnterHandler";
 import ActionBar from "./ActionBar";
 import { AccountType, } from "../../../types/chat";
 import { useSendMessage } from "../../../hooks/message/useSendMessage";
-import { Modal, Popover } from "antd";
+import { useJoinPublicGroup } from "../../../hooks/group/useJoinPublicGroup";
+import { Button, Modal, Popover, message as toastMessage } from "antd";
 import FilePreview from "./FilePreview";
 import LinkInputPreview from "./LinkInputPreview";
 import ComposerTextSyncPlugin from "./ComposerTextSyncPlugin";
@@ -72,6 +73,38 @@ const MessageFooterProvider = ({ currentSession, openCreateCannedModal, }) => {
     const quotedMessage = useConversationStore((state) => state.quotedMessage);
     const conversationData = useConversationStore((state) => state.conversationData);
     const isViewOnlyMember = useConversationStore((state) => state.isViewOnlyMember);
+    const setIsViewOnlyMember = useConversationStore((state) => state.setIsViewOnlyMember);
+    const getCurrentMemberInGroupByReq = useConversationStore((state) => state.getCurrentMemberInGroupByReq);
+    const getSelfGroupPermissionByReq = useConversationStore((state) => state.getSelfGroupPermissionByReq);
+    const { mutate: joinPublicGroup, isPending: isJoiningPublicGroup } = useJoinPublicGroup();
+    const handleJoinPublicGroup = useCallback(() => {
+        const groupID = conversationData === null || conversationData === void 0 ? void 0 : conversationData.groupID;
+        if (!groupID)
+            return;
+        joinPublicGroup({ groupID }, {
+            onSuccess: async () => {
+                toastMessage.success(t("join_group_success"));
+                // updateCurrentConversation's revalidation only runs on a
+                // conversationID change — this is the same conversation the user
+                // was already viewing, so refresh membership/permissions directly
+                // instead, and flip isViewOnlyMember off immediately rather than
+                // waiting on a WS event that may not fire right away.
+                setIsViewOnlyMember(false);
+                await Promise.allSettled([
+                    getCurrentMemberInGroupByReq(groupID),
+                    getSelfGroupPermissionByReq(groupID),
+                ]);
+            },
+            onError: () => toastMessage.error(t("join_group_failed")),
+        });
+    }, [
+        conversationData,
+        getCurrentMemberInGroupByReq,
+        getSelfGroupPermissionByReq,
+        joinPublicGroup,
+        setIsViewOnlyMember,
+        t,
+    ]);
     // Internal notes are a CX-support concept (team-only remarks not sent to
     // the customer) — meaningless inside a real member-managed group, where
     // everyone in the thread already is the "team".
@@ -216,7 +249,7 @@ const MessageFooterProvider = ({ currentSession, openCreateCannedModal, }) => {
         closeCanned();
     };
     if (isViewOnlyMember) {
-        return (_jsx("div", { "data-testid": "message-footer-view-only", className: "flex w-full items-center justify-center border-t border-gray-25 bg-white px-4 py-3 text-center text-sm text-gray-500", children: tConversationInbox("thread_detail.view_only_notice") }));
+        return (_jsxs("div", { "data-testid": "message-footer-view-only", className: "flex w-full items-center justify-between gap-3 border-t border-gray-25 bg-white px-4 py-3", children: [_jsx("span", { className: "text-sm text-gray-500", children: tConversationInbox("thread_detail.view_only_notice") }), _jsx(Button, { type: "primary", size: "small", loading: isJoiningPublicGroup, onClick: handleJoinPublicGroup, children: t("join_group") })] }));
     }
     return (_jsxs(MessageFooterContext.Provider, { value: {
             onSendMessage,

package/dist/locales/vi/conversation-inbox.json

@@ -72,7 +72,7 @@
     "profile_hint": "Nhấn để xem thông tin",
     "options_title": "Tuỳ chọn",
     "input_placeholder": "Nhập tin nhắn...",
-    "view_only_notice": "Bạn không còn là thành viên của nhóm này. Bạn chỉ có thể xem lại nội dung trò chuyện.",
+    "view_only_notice": "Bạn cần tham gia nhóm để gửi tin nhắn",
     "resolve_failed": "Không thể mở cuộc trò chuyện",
     "more_option": {
       "toggle": "Tùy chọn khác",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@droppii-org/chat-sdk",
-  "version": "0.4.11",
+  "version": "0.4.12",
   "description": "Droppii React Chat SDK",
   "repository": {
     "type": "git",