@amityco/react-native-social-uikit 4.2.1-f052efd.0 → 4.3.0

package/lib/module/chat/features/shared/hooks/useMessageComposer.js

@@ -0,0 +1,547 @@
+// useMessageComposer — RN port of AmityUiKitWeb
+// v4/chat/features/shared/hooks/useMessageComposer. Owns the composer's entire
+// orchestration: text state + canSend, sending text (MessageRepository.createMessage),
+// editing (MessageRepository.editMessage), replies, media selection + upload
+// (FileRepository.uploadImage/uploadVideo → createMessage with a fileId), optimistic
+// "synthetic" pending messages, pending-upload/pending-text retry & discard, and
+// mention state. The return object mirrors web's shape 1:1 so the orchestrator +
+// AmityMessageComposer consume it unchanged.
+//
+// RN adaptations vs web (documented in the port report):
+//  - `File` (browser) → `Asset` (react-native-image-picker). `handleSelectMedia`
+//    takes an Asset; `PendingUpload.file` holds an Asset; `previewUrl` is the
+//    asset's local `uri` (no URL.createObjectURL / revokeObjectURL, so the web
+//    previewUrls cleanup effect is dropped).
+//  - `react-dom` flushSync → plain setState (RN has no react-dom; the extra
+//    flush was a web layout concern only).
+//  - `useNetworkState().online` (react-use) → @react-native-community/netinfo,
+//    same source WaitingForNetwork uses.
+//  - `useSDK().currentUserId` → Client.getCurrentUser()?.userId.
+//  - `useNotifications('chat').error` → redux toast (useToast → showToast).
+//  - `useConfirmContext().info` (title/body/ok dialog) → RN Alert.alert.
+//  - `useEditMessageQuery().requestEdit` + `handleTextMessageError` util +
+//    the `COMPOSER_MAX_FILE_SIZE` constant are inlined here so the hook stays
+//    self-contained (those web modules have no RN counterpart). `ERROR_CODE`
+//    lives in `src/chat/constants` — the report flow needs it too.
+//  - FormData is built with the repo's appendFileToFormData helper (iOS file://
+//    strip + the RN { uri, name, type } multipart part).
+
+// 1. React / RN imports
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Alert } from 'react-native';
+
+// 2. Third-party imports
+import { FileRepository, MessageRepository, Client } from '@amityco/ts-sdk-react-native';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+// 3. Internal imports
+import { resolveString, useString } from '../../../../core/localization';
+import { useToast } from '../../../../core/stores/slices/toastSlice';
+import { appendFileToFormData } from '../../../../core/utils/fileUpload';
+import { ERROR_CODE, ERROR_RESPONSE } from '../../../constants';
+
+// 4. Types
+
+// Local mirrors of web `~/v4/helpers/utils` types (no RN counterpart).
+
+export function isSyntheticPendingMessage(message) {
+  return typeof message.__syntheticClientId === 'string';
+}
+// Inlined web `~/v4/chat/constants` value with no RN counterpart. ERROR_CODE
+// used to sit here too; it moved to `src/chat/constants` when the report flow
+// needed NOT_FOUND as well.
+const COMPOSER_MAX_FILE_SIZE = 1 * 1024 * 1024 * 1024;
+// The two strings resolved below — amity_chat_toast_banned_word and
+// amity_chat_toast_link_not_allow — carry the V2 Designer copy in en and th.
+function handleTextMessageError(error, notify) {
+  const message = error instanceof Error ? error.message : String(error);
+  if (message.includes(ERROR_CODE.BLOCKED_WORD) || message.includes(ERROR_RESPONSE.CONTAIN_BLOCKED_WORD)) {
+    notify.errorToast({
+      content: resolveString('amity_chat_toast_banned_word')
+    });
+    return;
+  }
+  if (message.includes(ERROR_RESPONSE.NOT_INCLUDE_WHITELIST_LINK)) {
+    notify.errorToast({
+      content: resolveString('amity_chat_toast_link_not_allow')
+    });
+    return;
+  }
+  if (message.includes(ERROR_CODE.MESSAGE_TOO_LONG)) {
+    notify.info({
+      title: resolveString('amity_chat_char_limit_alert_title'),
+      content: resolveString('amity_chat_char_limit_alert_message'),
+      okText: resolveString('amity_social_button_done')
+    });
+    return;
+  }
+  if (message.includes(ERROR_CODE.NOT_FOUND)) {
+    notify.errorToast({
+      content: resolveString('amity_chat_toast_reply_parent_deleted')
+    });
+  }
+}
+function createClientId() {
+  return `pending-${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
+}
+
+/**
+ * The SDK identity a pending media upload takes when its file finally lands and
+ * it calls `createMessage`, derived from the client id the synthetic bubble has
+ * been using so the hand-off keeps the SAME row.
+ *
+ * `createMessage` uses `bundle.referenceId` as the optimistic message's own
+ * messageId, so every retry of one upload overwrites that row instead of
+ * appending another — without it each retry minted a fresh id and left another
+ * failed bubble behind.
+ *
+ * The `LOCAL_` prefix is load-bearing: `deleteMessage` takes its local-only
+ * branch for any id *containing* `LOCAL_`, so Delete keeps working on the row.
+ */
+function syntheticReferenceId(clientId) {
+  return `LOCAL_${clientId}`;
+}
+function toFormData(asset) {
+  const formData = new FormData();
+  appendFileToFormData(formData, 'files', asset.uri ?? '', asset.fileName ?? 'upload', asset.type ?? 'application/octet-stream');
+  return formData;
+}
+function isLinkNotAllowedError(error) {
+  return error instanceof Error && error.message.includes(ERROR_RESPONSE.NOT_INCLUDE_WHITELIST_LINK);
+}
+function isModerationError(error) {
+  return error instanceof Error && error.message.includes(ERROR_CODE.IMAGE_NUDITY);
+}
+function classifyMediaError(error) {
+  if (isModerationError(error)) return 'moderation';
+  return 'generic';
+}
+
+// 5. Hook
+export function useMessageComposer({
+  subChannelId,
+  enableMention = false,
+  editingMessage = null,
+  onMessageCreated,
+  onEditCompleted
+}) {
+  var _Client$getCurrentUse;
+  const queryClient = useQueryClient();
+  const {
+    showToast
+  } = useToast();
+  const currentUserId = (_Client$getCurrentUse = Client.getCurrentUser()) === null || _Client$getCurrentUse === void 0 ? void 0 : _Client$getCurrentUse.userId;
+  const linkNotAllowedToast = useString('amity_chat_toast_link_not_allow');
+
+  // RN toast/dialog bound to the web Notify shape used by handleTextMessageError.
+  // Web routes composer errors through useNotifications('chat') — the custom dark
+  // pill — so use variant 'custom' to match (e.g. the invalid-link error toast).
+  const errorToast = useCallback(({
+    content
+  }) => showToast({
+    message: content,
+    type: 'failed',
+    variant: 'custom'
+  }), [showToast]);
+  const info = useCallback(({
+    title,
+    content,
+    okText
+  }) => {
+    Alert.alert(title, content, [{
+      text: okText ?? resolveString('amity_social_button_done')
+    }]);
+  }, []);
+  const [text, setText] = useState('');
+  const [showMediaSection, setShowMediaSection] = useState(false);
+  const [pendingUploads, setPendingUploads] = useState([]);
+  const [editorMentions, setEditorMentions] = useState([]);
+  const [replyTo, setReplyTo] = useState(null);
+  const cancelledClientIdsRef = useRef(new Set());
+  const textRef = useRef('');
+  const mentionsRef = useRef([]);
+  const wasEditingRef = useRef(false);
+  const isEditing = editingMessage != null;
+  const editingMessageId = (editingMessage === null || editingMessage === void 0 ? void 0 : editingMessage.messageId) ?? null;
+  const originalText = useMemo(() => {
+    var _editingMessage$data;
+    if (!editingMessage) return '';
+    return (((_editingMessage$data = editingMessage.data) === null || _editingMessage$data === void 0 ? void 0 : _editingMessage$data.text) ?? '').toString();
+  }, [editingMessage]);
+  const editingMentionsMeta = editingMessage === null || editingMessage === void 0 ? void 0 : editingMessage.metadata;
+  const editingMentions = (editingMentionsMeta === null || editingMentionsMeta === void 0 ? void 0 : editingMentionsMeta.mentioned) ?? [];
+  useEffect(() => {
+    if (editingMessage) {
+      if (!wasEditingRef.current) {
+        textRef.current = text;
+        mentionsRef.current = editorMentions;
+      }
+      setText(originalText);
+      setEditorMentions((editingMentionsMeta === null || editingMentionsMeta === void 0 ? void 0 : editingMentionsMeta.mentioned) ?? []);
+      setShowMediaSection(false);
+      setReplyTo(null);
+    }
+    wasEditingRef.current = !!editingMessage;
+  }, [editingMessage, originalText, editingMentionsMeta]);
+
+  // Keep the reply target live while the band is up. `replyTo` used to be the
+  // snapshot captured at startReply, so a parent deleted by its sender while the
+  // viewer was composing kept showing its original text and left the send button
+  // enabled. Subscribes with the same MessageRepository.getMessage call the
+  // reactor sheet uses, keyed on the id — which never changes for a given band,
+  // so the refresh cannot re-trigger itself.
+  const replyToId = replyTo === null || replyTo === void 0 ? void 0 : replyTo.messageId;
+  useEffect(() => {
+    if (!replyToId) return undefined;
+    const unsubscribe = MessageRepository.getMessage(replyToId, result => {
+      if (!result.data) return;
+      setReplyTo(prev => (prev === null || prev === void 0 ? void 0 : prev.messageId) === result.data.messageId ? result.data : prev);
+    });
+    return () => unsubscribe();
+  }, [replyToId]);
+  const trimmedText = text.trim();
+  const trimmedOriginal = originalText.trim();
+  // A reply whose parent has been deleted cannot be sent (the band shows
+  // "Message unavailable"), so the send button goes disabled with it.
+  const isReplyTargetDeleted = !isEditing && !!(replyTo !== null && replyTo !== void 0 && replyTo.isDeleted);
+  const canSend = isEditing ? trimmedText.length > 0 && trimmedText !== trimmedOriginal : trimmedText.length > 0 && !isReplyTargetDeleted;
+  const {
+    mutateAsync: createMessageMutation
+  } = useMutation({
+    mutationFn: params => MessageRepository.createMessage(params)
+  });
+  const {
+    mutateAsync: editMessageMutation
+  } = useMutation({
+    mutationFn: ({
+      messageId,
+      patch
+    }) => MessageRepository.editMessage(messageId, patch)
+  });
+
+  // Inlined RN equivalent of web useEditMessageQuery().requestEdit.
+  const requestEdit = useCallback(async (message, newText, options) => {
+    const messageId = message.messageId;
+    if (!messageId) return;
+    const trimmed = newText.trim();
+    if (trimmed.length === 0) return;
+    const patch = {
+      data: {
+        text: trimmed
+      },
+      metadata: (options === null || options === void 0 ? void 0 : options.metadata) ?? message.metadata,
+      mentionees: (options === null || options === void 0 ? void 0 : options.mentionees) ?? message.mentionees
+    };
+    await editMessageMutation({
+      messageId,
+      patch
+    }, {
+      onSuccess: () => {
+        var _options$onSuccess;
+        options === null || options === void 0 || (_options$onSuccess = options.onSuccess) === null || _options$onSuccess === void 0 || _options$onSuccess.call(options);
+      },
+      onError: err => {
+        handleTextMessageError(err, {
+          errorToast,
+          info
+        });
+      }
+    });
+  }, [editMessageMutation, errorToast, info]);
+  function handleMediaError(err) {
+    if (isLinkNotAllowedError(err)) {
+      errorToast({
+        content: linkNotAllowedToast
+      });
+    }
+  }
+  const toggleMediaSection = useCallback(() => {
+    setShowMediaSection(prev => !prev);
+  }, []);
+  const collapseMediaSection = useCallback(() => {
+    setShowMediaSection(false);
+  }, []);
+  const handleSendText = useCallback(async () => {
+    const trimmed = text.trim();
+    if (trimmed.length === 0) return;
+    const activeMentions = enableMention ? editorMentions : [];
+    const mentionees = buildMentionees(activeMentions);
+    const metadata = activeMentions.length > 0 ? {
+      mentioned: activeMentions
+    } : undefined;
+    if (isEditing && editingMessage) {
+      if (trimmed === originalText.trim()) return;
+      await requestEdit(editingMessage, trimmed, {
+        metadata,
+        mentionees,
+        onSuccess: () => {
+          setText('');
+          setEditorMentions([]);
+          textRef.current = '';
+          mentionsRef.current = [];
+          onEditCompleted === null || onEditCompleted === void 0 || onEditCompleted();
+        }
+      });
+      return;
+    }
+    const parentId = replyTo === null || replyTo === void 0 ? void 0 : replyTo.messageId;
+    setText('');
+    setEditorMentions([]);
+    setShowMediaSection(false);
+    setReplyTo(null);
+
+    // Offline is NOT a special case. `createMessage` runs
+    // `createMessageOptimistic` before it ever touches the network, so the failed
+    // bubble exists either way — and the SDK keys both the cached row and the
+    // live-collection entry off `referenceId ?? messageId`, i.e. the same
+    // `LOCAL_…` id on every emission, so a `new Set` there collapses the
+    // optimistic, errored and finally synced states into ONE row.
+    //
+    // A parallel offline branch that appended our own synthetic bubble gave that
+    // one message two owners: ours vanished on unmount (state) while the SDK's
+    // survived in cache and re-emitted on the next collection update. That is the
+    // "failed bubble disappears when you leave the chat, then comes back when you
+    // send the next message" report, and the earlier duplicate-bubble one too.
+    try {
+      await createMessageMutation({
+        subChannelId,
+        dataType: 'text',
+        data: {
+          text: trimmed
+        },
+        metadata,
+        mentionees,
+        ...(parentId ? {
+          parentId
+        } : {})
+      }, {
+        onSuccess: () => {
+          onMessageCreated === null || onMessageCreated === void 0 || onMessageCreated();
+        },
+        onError: err => {
+          // The SDK createMessage optimistically inserts the message
+          // into the getMessages collection and keeps it with syncState 'error'
+          // on rejection, so the failed bubble is ALREADY shown by the live
+          // collection. Nothing to add here but the toast — resend and delete
+          // for that bubble are owned by useFailedMessageSheet.
+          handleTextMessageError(err, {
+            errorToast,
+            info
+          });
+        }
+      });
+    } catch {
+      // mutateAsync rejects in addition to invoking onError above; the failure is
+      // already handled there (toast + the failed bubble), so swallow the
+      // rejection to avoid an unhandled-promise error.
+    }
+  }, [text, enableMention, editorMentions, replyTo, isEditing, editingMessage, originalText, requestEdit, onEditCompleted, subChannelId, createMessageMutation, onMessageCreated, errorToast, info]);
+  const cancelEdit = useCallback(() => {
+    setText(textRef.current);
+    setEditorMentions(mentionsRef.current);
+    textRef.current = '';
+    mentionsRef.current = [];
+    onEditCompleted === null || onEditCompleted === void 0 || onEditCompleted();
+  }, [onEditCompleted]);
+  const startReply = useCallback(message => {
+    if (isEditing) {
+      cancelEdit();
+    }
+    setReplyTo(message);
+  }, [isEditing, cancelEdit]);
+  const cancelReply = useCallback(() => {
+    setReplyTo(null);
+  }, []);
+  const runMediaUpload = useCallback(async pending => {
+    // An oversize file has to surface as an inline failed bubble in
+    // the thread, not a toast. The check lives here rather than in
+    // handleSelectMedia so the pending bubble is already in the list and can
+    // simply be flipped to 'failed' — same move as web e08c3ed32. fileSize is
+    // optional on Asset, so only judge it when the picker reported one.
+    if (typeof pending.file.fileSize === 'number' && pending.file.fileSize > COMPOSER_MAX_FILE_SIZE) {
+      setPendingUploads(prev => prev.map(p => p.clientId === pending.clientId ? {
+        ...p,
+        status: 'failed',
+        failureReason: 'generic'
+      } : p));
+      return;
+    }
+    try {
+      var _uploaded$data;
+      const formData = toFormData(pending.file);
+      const uploaded = pending.dataType === 'image' ? await FileRepository.uploadImage(formData) : await FileRepository.uploadVideo(formData, 'message');
+      if (cancelledClientIdsRef.current.has(pending.clientId)) {
+        cancelledClientIdsRef.current.delete(pending.clientId);
+        return;
+      }
+      const fileId = uploaded === null || uploaded === void 0 || (_uploaded$data = uploaded.data) === null || _uploaded$data === void 0 || (_uploaded$data = _uploaded$data[0]) === null || _uploaded$data === void 0 ? void 0 : _uploaded$data.fileId;
+      if (!fileId) throw new Error('Upload did not return a fileId.');
+      queryClient.setQueryData(['asc-uikit', 'FileRepository', 'getFile', fileId], {
+        data: uploaded.data[0]
+      });
+      setPendingUploads(prev => prev.map(p => p.clientId === pending.clientId ? {
+        ...p,
+        fileId
+      } : p));
+      await createMessageMutation({
+        subChannelId,
+        dataType: pending.dataType,
+        fileId,
+        referenceId: syntheticReferenceId(pending.clientId),
+        ...(pending.parentId ? {
+          parentId: pending.parentId
+        } : {})
+      });
+    } catch (err) {
+      if (cancelledClientIdsRef.current.has(pending.clientId)) {
+        cancelledClientIdsRef.current.delete(pending.clientId);
+        return;
+      }
+      const failureReason = classifyMediaError(err);
+      // Capture the caught value into a normal block const BEFORE the setState
+      // updater. Hermes doesn't reliably resolve a `catch` binding referenced
+      // inside a nested closure (this updater runs during render), which threw
+      // "Property 'err' doesn't exist"; a block const is captured correctly
+      // (note failureReason above works for exactly that reason).
+      const uploadError = err instanceof Error ? err : new Error(String(err));
+      setPendingUploads(prev => prev.map(p => p.clientId === pending.clientId ? {
+        ...p,
+        status: 'failed',
+        error: uploadError,
+        failureReason
+      } : p));
+      handleMediaError(err);
+    }
+  }, [subChannelId, createMessageMutation, queryClient]);
+  const handleSelectMedia = useCallback(async asset => {
+    if (!asset || !asset.uri) return;
+    const mime = asset.type ?? '';
+    const isImage = mime.startsWith('image/');
+    const isVideo = mime.startsWith('video/');
+    if (!isImage && !isVideo) return;
+    const previewUrl = asset.uri;
+    const parentId = replyTo === null || replyTo === void 0 ? void 0 : replyTo.messageId;
+    const pending = {
+      clientId: createClientId(),
+      dataType: isImage ? 'image' : 'video',
+      file: asset,
+      previewUrl,
+      status: 'uploading',
+      createdAt: new Date().toISOString(),
+      ...(parentId ? {
+        parentId
+      } : {})
+    };
+    setPendingUploads(prev => [...prev, pending]);
+    setShowMediaSection(false);
+    setReplyTo(null);
+    onMessageCreated === null || onMessageCreated === void 0 || onMessageCreated();
+    await runMediaUpload(pending);
+  }, [runMediaUpload, onMessageCreated, replyTo]);
+  const handleRetryUpload = useCallback(async clientId => {
+    const target = pendingUploads.find(p => p.clientId === clientId);
+    if (!target) return;
+    cancelledClientIdsRef.current.delete(clientId);
+    setPendingUploads(prev => prev.map(p => p.clientId === clientId ? {
+      ...p,
+      status: 'uploading',
+      error: undefined
+    } : p));
+    await runMediaUpload({
+      ...target,
+      status: 'uploading',
+      error: undefined
+    });
+  }, [pendingUploads, runMediaUpload]);
+  function handleCancelUpload(clientId) {
+    cancelledClientIdsRef.current.add(clientId);
+    setPendingUploads(prev => prev.map(p => p.clientId === clientId ?
+    // 'cancelled', not 'generic' — web marks the same thing
+    // (useMessageComposer.handleCancelUpload) and its bubbles read the
+    // reason to keep the "failed to send" caption OFF a upload the user
+    // stopped on purpose. Marking it generic made a cancel look like a
+    // failure.
+    {
+      ...p,
+      status: 'failed',
+      failureReason: 'cancelled'
+    } : p));
+  }
+  const handleDiscardUpload = useCallback(clientId => {
+    cancelledClientIdsRef.current.add(clientId);
+    setPendingUploads(prev => prev.filter(p => p.clientId !== clientId));
+  }, []);
+  const handleMediaLoaded = useCallback(fileId => {
+    setPendingUploads(prev => prev.filter(p => p.fileId !== fileId));
+  }, []);
+
+  // Media only. A text send has nothing to show before `createMessage` — the SDK
+  // puts its own optimistic row in the collection on the first call — whereas a
+  // media send has to upload the file first and only calls `createMessage` once
+  // it has a fileId, so the bubble during (and after a failed) upload can only
+  // come from here.
+  const syntheticMessages = useMemo(() => {
+    return pendingUploads.filter(p => !p.fileId).map(p => ({
+      __syntheticClientId: p.clientId,
+      __failureReason: p.failureReason,
+      messageId: '',
+      subChannelId,
+      creatorId: currentUserId ?? '',
+      dataType: p.dataType,
+      data: {},
+      syncState: p.status === 'failed' ? 'error' : 'syncing',
+      createdAt: p.createdAt,
+      isDeleted: false
+    })).sort((a, b) => {
+      const at = new Date(a.createdAt).getTime();
+      const bt = new Date(b.createdAt).getTime();
+      return at - bt;
+    });
+  }, [pendingUploads, subChannelId, currentUserId]);
+  return {
+    subChannelId,
+    enableMention,
+    text,
+    setText,
+    canSend,
+    isEditing,
+    editingMessageId,
+    originalText,
+    editingMentions,
+    editorMentions,
+    setEditorMentions,
+    cancelEdit,
+    replyTo,
+    startReply,
+    cancelReply,
+    showMediaSection,
+    toggleMediaSection,
+    collapseMediaSection,
+    pendingUploads,
+    syntheticMessages,
+    handleSendText,
+    handleSelectMedia,
+    handleRetryUpload,
+    handleCancelUpload,
+    handleDiscardUpload,
+    handleMediaLoaded
+  };
+}
+function buildMentionees(mentions) {
+  if (mentions.length === 0) return undefined;
+  const userIds = Array.from(new Set(mentions.filter(m => m.type === 'user' && !!m.userId).map(m => m.userId)));
+  const hasChannelMention = mentions.some(m => m.type === 'channel');
+  const out = [];
+  if (userIds.length > 0) {
+    out.push({
+      type: 'user',
+      userIds
+    });
+  }
+  if (hasChannelMention) {
+    out.push({
+      type: 'channel'
+    });
+  }
+  return out.length > 0 ? out : undefined;
+}
+//# sourceMappingURL=useMessageComposer.js.map

package/lib/module/chat/features/shared/hooks/useMessageComposer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","Alert","FileRepository","MessageRepository","Client","useMutation","useQueryClient","resolveString","useString","useToast","appendFileToFormData","ERROR_CODE","ERROR_RESPONSE","isSyntheticPendingMessage","message","__syntheticClientId","COMPOSER_MAX_FILE_SIZE","handleTextMessageError","error","notify","Error","String","includes","BLOCKED_WORD","CONTAIN_BLOCKED_WORD","errorToast","content","NOT_INCLUDE_WHITELIST_LINK","MESSAGE_TOO_LONG","info","title","okText","NOT_FOUND","createClientId","Date","now","Math","random","toString","slice","syntheticReferenceId","clientId","toFormData","asset","formData","FormData","uri","fileName","type","isLinkNotAllowedError","isModerationError","IMAGE_NUDITY","classifyMediaError","useMessageComposer","subChannelId","enableMention","editingMessage","onMessageCreated","onEditCompleted","_Client$getCurrentUse","queryClient","showToast","currentUserId","getCurrentUser","userId","linkNotAllowedToast","variant","alert","text","setText","showMediaSection","setShowMediaSection","pendingUploads","setPendingUploads","editorMentions","setEditorMentions","replyTo","setReplyTo","cancelledClientIdsRef","Set","textRef","mentionsRef","wasEditingRef","isEditing","editingMessageId","messageId","originalText","_editingMessage$data","data","editingMentionsMeta","metadata","editingMentions","mentioned","current","replyToId","undefined","unsubscribe","getMessage","result","prev","trimmedText","trim","trimmedOriginal","isReplyTargetDeleted","isDeleted","canSend","length","mutateAsync","createMessageMutation","mutationFn","params","createMessage","editMessageMutation","patch","editMessage","requestEdit","newText","options","trimmed","mentionees","onSuccess","_options$onSuccess","call","onError","err","handleMediaError","toggleMediaSection","collapseMediaSection","handleSendText","activeMentions","buildMentionees","parentId","dataType","cancelEdit","startReply","cancelReply","runMediaUpload","pending","file","fileSize","map","p","status","failureReason","_uploaded$data","uploaded","uploadImage","uploadVideo","has","delete","fileId","setQueryData","referenceId","uploadError","handleSelectMedia","mime","isImage","startsWith","isVideo","previewUrl","createdAt","toISOString","handleRetryUpload","target","find","handleCancelUpload","add","handleDiscardUpload","filter","handleMediaLoaded","syntheticMessages","__failureReason","creatorId","syncState","sort","a","b","at","getTime","bt","mentions","userIds","Array","from","m","hasChannelMention","some","out","push"],"sourceRoot":"../../../../../../src","sources":["chat/features/shared/hooks/useMessageComposer.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/chat/features/shared/hooks/useMessageReactions.js

@@ -0,0 +1,80 @@
+// useMessageReactions — RN port of AmityUiKitWeb
+// v4/chat/hooks/queries/useMessageReactionQuery.ts. Add / remove / toggle a
+// reaction on a message, with the same optimistic-then-rollback behaviour web
+// gets from react-query's onError.
+//
+// The real mutation runs through the message-level `message.addReaction()` /
+// `message.removeReaction()` methods, exactly as web does. These update the
+// message model's Reactable fields (`reactions`, `reactionsCount`,
+// `myReactions`) that MessageReactionBadge reads, so the live collection reflects
+// the change and the badge appears immediately (own side included). A plain
+// `ReactionRepository.addReaction(referenceType, referenceId, name)` call writes
+// the reaction collection but does not propagate to those derived message fields,
+// which is why an earlier port left own reactions invisible. The repository
+// `.optimistically` calls are kept only for the optimistic pre-update and the
+// error rollback — matching web's onError handlers.
+
+import { ReactionRepository } from '@amityco/ts-sdk-react-native';
+const REFERENCE_TYPE = 'message';
+export function useMessageReactions() {
+  async function addReaction({
+    message,
+    reactionName
+  }) {
+    if (!message.messageId) return;
+    try {
+      // Web: `message.addReaction(reactionName)` — updates the message model's
+      // reaction fields so the live badge reflects it.
+      await message.addReaction(reactionName);
+    } catch {
+      // Roll back the optimistic add (mirrors web's onError).
+      ReactionRepository.removeReaction.optimistically(REFERENCE_TYPE, message.messageId, reactionName);
+    }
+  }
+  async function removeReaction({
+    message,
+    reactionName
+  }) {
+    if (!message.messageId) return;
+    try {
+      // Web: `message.removeReaction(reactionName)`.
+      await message.removeReaction(reactionName);
+    } catch {
+      ReactionRepository.addReaction.optimistically(REFERENCE_TYPE, message.messageId, reactionName);
+    }
+  }
+  async function selectReaction({
+    message,
+    reactionName
+  }) {
+    if (!message.messageId) return;
+    const myReactions = message.myReactions ?? [];
+    const isAlreadySelected = myReactions.includes(reactionName);
+    if (isAlreadySelected) {
+      await removeReaction({
+        message,
+        reactionName
+      });
+      return;
+    }
+
+    // Single-reaction model: drop the existing reaction before adding the new.
+    if (myReactions.length > 0) {
+      await removeReaction({
+        message,
+        reactionName: myReactions[0]
+      });
+    }
+    ReactionRepository.addReaction.optimistically(REFERENCE_TYPE, message.messageId, reactionName);
+    await addReaction({
+      message,
+      reactionName
+    });
+  }
+  return {
+    addReaction,
+    removeReaction,
+    selectReaction
+  };
+}
+//# sourceMappingURL=useMessageReactions.js.map

package/lib/module/chat/features/shared/hooks/useMessageReactions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ReactionRepository","REFERENCE_TYPE","useMessageReactions","addReaction","message","reactionName","messageId","removeReaction","optimistically","selectReaction","myReactions","isAlreadySelected","includes","length"],"sourceRoot":"../../../../../../src","sources":["chat/features/shared/hooks/useMessageReactions.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,kBAAkB,QAAQ,8BAA8B;AAEjE,MAAMC,cAAmC,GAAG,SAAS;AAcrD,OAAO,SAASC,mBAAmBA,CAAA,EAA8B;EAC/D,eAAeC,WAAWA,CAAC;IACzBC,OAAO;IACPC;EACsB,CAAC,EAAiB;IACxC,IAAI,CAACD,OAAO,CAACE,SAAS,EAAE;IACxB,IAAI;MACF;MACA;MACA,MAAMF,OAAO,CAACD,WAAW,CAACE,YAAY,CAAC;IACzC,CAAC,CAAC,MAAM;MACN;MACAL,kBAAkB,CAACO,cAAc,CAACC,cAAc,CAC9CP,cAAc,EACdG,OAAO,CAACE,SAAS,EACjBD,YACF,CAAC;IACH;EACF;EAEA,eAAeE,cAAcA,CAAC;IAC5BH,OAAO;IACPC;EACsB,CAAC,EAAiB;IACxC,IAAI,CAACD,OAAO,CAACE,SAAS,EAAE;IACxB,IAAI;MACF;MACA,MAAMF,OAAO,CAACG,cAAc,CAACF,YAAY,CAAC;IAC5C,CAAC,CAAC,MAAM;MACNL,kBAAkB,CAACG,WAAW,CAACK,cAAc,CAC3CP,cAAc,EACdG,OAAO,CAACE,SAAS,EACjBD,YACF,CAAC;IACH;EACF;EAEA,eAAeI,cAAcA,CAAC;IAC5BL,OAAO;IACPC;EACsB,CAAC,EAAiB;IACxC,IAAI,CAACD,OAAO,CAACE,SAAS,EAAE;IAExB,MAAMI,WAAW,GAAGN,OAAO,CAACM,WAAW,IAAI,EAAE;IAC7C,MAAMC,iBAAiB,GAAGD,WAAW,CAACE,QAAQ,CAACP,YAAY,CAAC;IAE5D,IAAIM,iBAAiB,EAAE;MACrB,MAAMJ,cAAc,CAAC;QAAEH,OAAO;QAAEC;MAAa,CAAC,CAAC;MAC/C;IACF;;IAEA;IACA,IAAIK,WAAW,CAACG,MAAM,GAAG,CAAC,EAAE;MAC1B,MAAMN,cAAc,CAAC;QAAEH,OAAO;QAAEC,YAAY,EAAEK,WAAW,CAAC,CAAC;MAAE,CAAC,CAAC;IACjE;IACAV,kBAAkB,CAACG,WAAW,CAACK,cAAc,CAC3CP,cAAc,EACdG,OAAO,CAACE,SAAS,EACjBD,YACF,CAAC;IACD,MAAMF,WAAW,CAAC;MAAEC,OAAO;MAAEC;IAAa,CAAC,CAAC;EAC9C;EAEA,OAAO;IAAEF,WAAW;IAAEI,cAAc;IAAEE;EAAe,CAAC;AACxD","ignoreList":[]}