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

package/lib/commonjs/chat/features/shared/hooks/useChatMessage.js

@@ -0,0 +1,298 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChatMessage = useChatMessage;
+var _react = require("react");
+var _tsSdkReactNative = require("@amityco/ts-sdk-react-native");
+var _useMessagesCollection = require("../../../hooks/collections/useMessagesCollection");
+var _hooks = require("../../../hooks");
+var _localization = require("../../../../core/localization");
+var _groupMessagesByDate = require("../../../utils/groupMessagesByDate");
+var _useMarkAsRead = require("./useMarkAsRead");
+var _useMessageComposer = require("./useMessageComposer");
+var _useBubbleMenu = require("./useBubbleMenu");
+var _useFailedMessageSheet = require("./useFailedMessageSheet");
+var _useMediaViewer = require("./useMediaViewer");
+// useChatMessage — ported from AmityUiKitWeb v4/chat/features/shared/hooks/useChatMessage.
+// The conversation orchestration hook: owns the message list (grouped into date-
+// separated items + optimistic synthetic messages), the composer, the bubble action
+// menu, the media viewers, the failed-message sheet, see-more state, scroll state
+// (atBottom / newMessage), edit state, and mark-as-read. Chat.tsx wires the returned
+// values into the components with these exact props.
+//
+// RN adaptations vs web: web react-query useMessageCollection → RN useMessagesCollection
+// (direct live collection); jump-to-message (aroundMessageId/hasPrev/loadPrev) is out of
+// scope for M2 and stubbed; loading/error toasts go through the useChatNotifications stub.
+
+function useChatMessage({
+  channelId,
+  isJustCreated,
+  enableMention = false,
+  viewerIsMutedInChannel = false,
+  jumpToMessageId
+}) {
+  const {
+    pop
+  } = (0, _hooks.useChatNavigation)();
+  const {
+    online: isOnline
+  } = (0, _hooks.useNetworkOnline)();
+  const {
+    error: errorToast,
+    loading: showLoadingToast,
+    remove: removeToast
+  } = (0, _hooks.useChatNotifications)();
+  const currentUserId = (0, _hooks.useCurrentUserId)();
+  const loadErrorToast = (0, _localization.useString)('amity_chat_load_error');
+  const loadingLabel = (0, _localization.useString)('amity_chat_loading_label');
+  const prevLatestIdRef = (0, _react.useRef)(null);
+  // Guards show-once/remove-once for the loading toast (mirrors web's
+  // `loadingToastIdRef`); RN's toast is a singleton with no ids.
+  const loadingToastShownRef = (0, _react.useRef)(false);
+  const [atBottom, setAtBottom] = (0, _react.useState)(true);
+  const [seeMore, setSeeMore] = (0, _react.useState)(null);
+  const [newMessage, setNewMessage] = (0, _react.useState)(null);
+  const [editingMessage, setEditingMessage] = (0, _react.useState)(null);
+  const [pendingJumpToMessageId, setPendingJumpToMessageId] = (0, _react.useState)(jumpToMessageId ?? null);
+  // True between asking for a newer page and that page landing.
+  const pagingPrevRef = (0, _react.useRef)(false);
+
+  // Cleared only when the message turns out to be unreachable, so the
+  // collection falls back to the newest page instead of staying empty.
+  const clearJumpToMessageId = (0, _react.useCallback)(() => setPendingJumpToMessageId(null), []);
+  const {
+    messages,
+    loading,
+    hasNextPage,
+    loadMore,
+    hasPrevPage,
+    loadPrev,
+    error: loadError
+  } = (0, _useMessagesCollection.useMessagesCollection)({
+    subChannelId: channelId ?? '',
+    limit: 20,
+    includeDeleted: true,
+    // Held in state rather than read straight from the prop, so the anchored
+    // collection survives until the page is left.
+    aroundMessageId: pendingJumpToMessageId ?? undefined
+  }, !!channelId);
+  const isLoadingFirstPage = !!channelId && loading && messages.length === 0;
+  const closeEditMessage = (0, _react.useCallback)(() => setEditingMessage(null), []);
+  const composer = (0, _useMessageComposer.useMessageComposer)({
+    subChannelId: channelId ?? '',
+    enableMention,
+    editingMessage,
+    onEditCompleted: closeEditMessage
+  });
+
+  // Newest-first date-separated items (inverted list), with optimistic synthetic
+  // pending messages prepended (they sit at the bottom of the inverted view).
+  const items = (0, _react.useMemo)(() => {
+    // The live collection can momentarily hold the same messageId twice (pagination
+    // merges, optimistic→real overlap). Dedupe so the list never renders two items
+    // with the same key.
+    const seen = new Set();
+    const deduped = messages.filter(m => {
+      if (!m.messageId || seen.has(m.messageId)) return false;
+      seen.add(m.messageId);
+      return true;
+    });
+    const chronological = deduped.sort((a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime());
+    const base = (0, _groupMessagesByDate.groupMessagesByDate)(chronological).reverse();
+    if (composer.syntheticMessages.length === 0) return base;
+    const synthetic = composer.syntheticMessages.slice().reverse().map(m => ({
+      kind: 'message',
+      id: `synthetic-${m.__syntheticClientId}`,
+      message: m
+    }));
+    return [...synthetic, ...base];
+  }, [messages, composer.syntheticMessages]);
+
+  // The newest message BY createdAt — NOT messages[length-1]. The SDK collection
+  // is newest-first and paginating older pages appends to the end, so [length-1]
+  // is the oldest loaded message and changes on scroll-up; using it made the
+  // new-message banner fire on plain scroll (QA #0/#11). Max-by-createdAt is
+  // order-independent, so it only changes when a genuinely newer message arrives.
+  const latestMessage = (0, _react.useMemo)(() => {
+    if (messages.length === 0) return null;
+    return messages.reduce((a, b) => new Date(b.createdAt).getTime() > new Date(a.createdAt).getTime() ? b : a);
+  }, [messages]);
+  const {
+    bubbleMenu,
+    openBubbleMenu,
+    closeBubbleMenu,
+    handleBubbleDelete,
+    handleBubbleEdit,
+    handleBubbleReply,
+    handleBubbleCopy,
+    handleBubbleSave,
+    handleBubbleReport,
+    handleOpenReactorListSheet,
+    reportMessage,
+    closeReport
+  } = (0, _useBubbleMenu.useBubbleMenu)({
+    onEditMessage: setEditingMessage,
+    onReplyMessage: composer.startReply,
+    viewerIsMutedInChannel
+  });
+  const {
+    openFailedSheet
+  } = (0, _useFailedMessageSheet.useFailedMessageSheet)({
+    onRetryUpload: composer.handleRetryUpload,
+    onDiscardUpload: composer.handleDiscardUpload
+  });
+  const {
+    openImageViewer,
+    openVideoPlayer,
+    imageViewerProps,
+    videoPlayerProps
+  } = (0, _useMediaViewer.useMediaViewer)();
+  (0, _useMarkAsRead.useMarkAsRead)({
+    latestMessage,
+    atBottom,
+    enabled: !!channelId && !!latestMessage
+  });
+  (0, _react.useEffect)(() => {
+    if (loadError) errorToast({
+      content: loadErrorToast
+    });
+  }, [loadError, errorToast, loadErrorToast]);
+
+  // Cross-device real-time messages. The `getMessages` live collection only
+  // reflects the LOCAL SDK cache (own sends, edits) — other users' messages do
+  // not arrive live unless we subscribe to the subchannel topic while the thread
+  // is open (SDK realtime docs: "Subscribe when the thread screen becomes active").
+  // Web's ts-sdk auto-subscribes inside getMessages; the RN ts-sdk-react-native
+  // does NOT (verified on-device: only the read-marker topic subscribes otherwise),
+  // so we subscribe explicitly here and unsubscribe on unmount / channel change.
+  (0, _react.useEffect)(() => {
+    if (!channelId) return undefined;
+    let unsubscribeTopic;
+    const unsubscribeObject = _tsSdkReactNative.SubChannelRepository.getSubChannel(channelId, ({
+      data: subChannel,
+      loading: subLoading
+    }) => {
+      if (subLoading || !subChannel || unsubscribeTopic) return;
+      unsubscribeTopic = (0, _tsSdkReactNative.subscribeTopic)((0, _tsSdkReactNative.getSubChannelTopic)(subChannel));
+    });
+    return () => {
+      var _unsubscribeTopic;
+      (_unsubscribeTopic = unsubscribeTopic) === null || _unsubscribeTopic === void 0 || _unsubscribeTopic();
+      unsubscribeObject();
+    };
+  }, [channelId]);
+
+  // Web useChatMessage shows a loading toast ("Loading chat...") while the first
+  // page loads and removes it once loaded (duration 60s = upper bound). RN's toast
+  // is a singleton (no ids), so the ref guards show-once/remove-once — correct
+  // regardless of the fresh notification-fn identities returned each render, which
+  // is why `showLoadingToast`/`removeToast` are intentionally out of the deps.
+  (0, _react.useEffect)(() => {
+    if (isLoadingFirstPage) {
+      if (loadingToastShownRef.current) return;
+      loadingToastShownRef.current = true;
+      // Web shows this above the composer (useChatMessage: alignment 'with-composer').
+      showLoadingToast({
+        content: loadingLabel,
+        duration: 60_000,
+        alignment: 'with-composer'
+      });
+    } else if (loadingToastShownRef.current) {
+      loadingToastShownRef.current = false;
+      removeToast();
+    }
+  }, [isLoadingFirstPage, channelId]);
+
+  // Clear a lingering loading toast if the screen unmounts mid-load (singleton toast).
+  (0, _react.useEffect)(() => {
+    return () => {
+      if (loadingToastShownRef.current) {
+        loadingToastShownRef.current = false;
+        removeToast();
+      }
+    };
+  }, []);
+
+  // Surface a "new message" pill when a message arrives while scrolled up.
+  (0, _react.useEffect)(() => {
+    const currentId = (latestMessage === null || latestMessage === void 0 ? void 0 : latestMessage.messageId) ?? null;
+    const prevId = prevLatestIdRef.current;
+    prevLatestIdRef.current = currentId;
+    if (!currentId || !prevId || currentId === prevId) return;
+    if (atBottom) return;
+    // An incomplete message is not worth announcing.
+    if ((latestMessage === null || latestMessage === void 0 ? void 0 : latestMessage.creatorId) === undefined) return;
+    // Paging NEWER messages in (only possible on a collection anchored by a
+    // jump) moves `latestMessage` without anything having arrived, and the
+    // viewer is never atBottom while reading history — which is exactly the
+    // shape this effect looks for. Skip the one change that the page caused.
+    if (pagingPrevRef.current) {
+      pagingPrevRef.current = false;
+      return;
+    }
+    setNewMessage(latestMessage);
+  }, [latestMessage === null || latestMessage === void 0 ? void 0 : latestMessage.messageId, atBottom, latestMessage]);
+  (0, _react.useEffect)(() => {
+    if (atBottom) setNewMessage(null);
+  }, [atBottom]);
+  const loadPrevTrackingBanner = (0, _react.useCallback)(() => {
+    pagingPrevRef.current = true;
+    loadPrev();
+  }, [loadPrev]);
+  const clearNewMessage = (0, _react.useCallback)(() => setNewMessage(null), []);
+  const openSeeMore = (0, _react.useCallback)((text, title) => setSeeMore({
+    text,
+    title
+  }), []);
+  const closeSeeMore = (0, _react.useCallback)(() => setSeeMore(null), []);
+  return {
+    currentUserId,
+    items,
+    jumpToMessageId: pendingJumpToMessageId ?? undefined,
+    clearJumpToMessageId,
+    isLoadingFirstPage,
+    isLoading: loading,
+    hasMore: hasNextPage,
+    loadMore,
+    // Non-empty only while the collection is anchored on a jump target: the
+    // messages newer than it sit after the anchored page.
+    hasPrev: hasPrevPage,
+    loadPrev: loadPrevTrackingBanner,
+    latestMessage,
+    isOnline,
+    atBottom,
+    setAtBottom,
+    seeMore,
+    openSeeMore,
+    closeSeeMore,
+    newMessage,
+    clearNewMessage,
+    viewerIsMutedInChannel,
+    handleBack: pop,
+    composer,
+    bubbleMenu,
+    openBubbleMenu,
+    closeBubbleMenu,
+    handleBubbleDelete,
+    handleBubbleEdit,
+    handleBubbleReply,
+    handleBubbleCopy,
+    handleBubbleSave,
+    handleBubbleReport,
+    handleOpenReactorListSheet,
+    reportMessage,
+    closeReport,
+    editingMessage,
+    closeEditMessage,
+    openFailedSheet,
+    openImageViewer,
+    openVideoPlayer,
+    imageViewerProps,
+    videoPlayerProps,
+    isJustCreated,
+    isSyntheticPendingMessage: _useMessageComposer.isSyntheticPendingMessage
+  };
+}
+//# sourceMappingURL=useChatMessage.js.map

package/lib/commonjs/chat/features/shared/hooks/useChatMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_tsSdkReactNative","_useMessagesCollection","_hooks","_localization","_groupMessagesByDate","_useMarkAsRead","_useMessageComposer","_useBubbleMenu","_useFailedMessageSheet","_useMediaViewer","useChatMessage","channelId","isJustCreated","enableMention","viewerIsMutedInChannel","jumpToMessageId","pop","useChatNavigation","online","isOnline","useNetworkOnline","error","errorToast","loading","showLoadingToast","remove","removeToast","useChatNotifications","currentUserId","useCurrentUserId","loadErrorToast","useString","loadingLabel","prevLatestIdRef","useRef","loadingToastShownRef","atBottom","setAtBottom","useState","seeMore","setSeeMore","newMessage","setNewMessage","editingMessage","setEditingMessage","pendingJumpToMessageId","setPendingJumpToMessageId","pagingPrevRef","clearJumpToMessageId","useCallback","messages","hasNextPage","loadMore","hasPrevPage","loadPrev","loadError","useMessagesCollection","subChannelId","limit","includeDeleted","aroundMessageId","undefined","isLoadingFirstPage","length","closeEditMessage","composer","useMessageComposer","onEditCompleted","items","useMemo","seen","Set","deduped","filter","m","messageId","has","add","chronological","sort","a","b","Date","createdAt","getTime","base","groupMessagesByDate","reverse","syntheticMessages","synthetic","slice","map","kind","id","__syntheticClientId","message","latestMessage","reduce","bubbleMenu","openBubbleMenu","closeBubbleMenu","handleBubbleDelete","handleBubbleEdit","handleBubbleReply","handleBubbleCopy","handleBubbleSave","handleBubbleReport","handleOpenReactorListSheet","reportMessage","closeReport","useBubbleMenu","onEditMessage","onReplyMessage","startReply","openFailedSheet","useFailedMessageSheet","onRetryUpload","handleRetryUpload","onDiscardUpload","handleDiscardUpload","openImageViewer","openVideoPlayer","imageViewerProps","videoPlayerProps","useMediaViewer","useMarkAsRead","enabled","useEffect","content","unsubscribeTopic","unsubscribeObject","SubChannelRepository","getSubChannel","data","subChannel","subLoading","subscribeTopic","getSubChannelTopic","_unsubscribeTopic","current","duration","alignment","currentId","prevId","creatorId","loadPrevTrackingBanner","clearNewMessage","openSeeMore","text","title","closeSeeMore","isLoading","hasMore","hasPrev","handleBack","isSyntheticPendingMessage"],"sourceRoot":"../../../../../../src","sources":["chat/features/shared/hooks/useChatMessage.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/chat/features/shared/hooks/useFailedMessageSheet.js

@@ -0,0 +1,179 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFailedMessageSheet = useFailedMessageSheet;
+var _reactNative = require("react-native");
+var _Menu = require("../../../../core/design/components/Menu");
+var _localization = require("../../../../core/localization");
+var _bottomSheetSlice = require("../../../../core/stores/slices/bottomSheetSlice");
+var _useChatNotifications = require("../../../hooks/useChatNotifications");
+var _useDeleteMessage = require("../../../hooks/useDeleteMessage");
+var _useCreateMessage = require("../../../hooks/useCreateMessage");
+var _useMessageComposer = require("./useMessageComposer");
+// useFailedMessageSheet — ported from AmityUiKitWeb v4/chat/features/shared/hooks/useFailedMessageSheet.
+// Presents the "message failed to send" action sheet (Resend / Delete / Cancel) and
+// wires the retry/discard callbacks. The return shape (UseFailedMessageSheetReturn)
+// is preserved verbatim from web so useChatMessage consumes it unchanged.
+//
+// RN adaptation from web:
+//   - Web opened a bottom Drawer holding a `Menu` (Resend / Delete). RN presents
+//     the same Menu in the repo's global @devvie bottom sheet (`useBottomSheet` →
+//     BottomSheetComponent) with `container="drawer"` — the identical pattern the
+//     conversation user-action menu uses. NOT an Alert dialog.
+//   - Non-synthetic delete/resend use the existing RN `useDeleteMessage` /
+//     `useCreateMessage` mutations instead of web's query hooks. Resend
+//     re-sends under the failed message's own SDK identity (see handleResend)
+//     rather than web's useResendMessageQuery recreate-then-delete-the-original.
+
+/**
+ * Fields the SDK's optimistic message carries that the public `Amity.Message`
+ * type does not declare: a media send passes `fileId` at the TOP LEVEL of the
+ * createMessage bundle (not inside `data`), and `createMessageOptimistic`
+ * spreads that bundle straight into the cached message.
+ */
+
+function useFailedMessageSheet({
+  onRetryUpload,
+  onDiscardUpload
+}) {
+  const {
+    openBottomSheet,
+    closeBottomSheet,
+    bottomSheetHeight
+  } = (0, _bottomSheetSlice.useBottomSheet)();
+  const {
+    error: errorToast
+  } = (0, _useChatNotifications.useChatNotifications)();
+  const {
+    deleteMessage
+  } = (0, _useDeleteMessage.useDeleteMessage)();
+  // useCreateMessage maps the SDK error to localized copy, but only through its
+  // onError callback. Nothing passed one, so a resend that failed again was
+  // completely silent — and mutateAsync's rejection went unhandled on top.
+  const {
+    createMessage
+  } = (0, _useCreateMessage.useCreateMessage)({
+    onError: errorMsg => errorToast({
+      content: errorMsg
+    })
+  });
+  const resendLabel = (0, _localization.useString)('amity_chat_message_resend');
+  const deleteLabel = (0, _localization.useString)('amity_chat_option_delete');
+  const cancelLabel = (0, _localization.useString)('amity_chat_cancel');
+  async function handleResend(message) {
+    // Synthetic bubbles are media-only: a pending upload has no SDK
+    // row until its file lands, so the composer owns its retry. Text never gets
+    // here — the SDK's own optimistic row is the failed bubble, handled below.
+    if ((0, _useMessageComposer.isSyntheticPendingMessage)(message)) {
+      onRetryUpload(message.__syntheticClientId);
+      return;
+    }
+    // Resend THIS message — do not create a second one.
+    //
+    // A non-synthetic failed bubble is the SDK's own optimistic message: the
+    // create never reached the server, so it still carries the client-generated
+    // `LOCAL_…` messageId that `createMessageOptimistic` gave it, and it sits in
+    // both the message cache and the getMessages collection under
+    // `referenceId ?? messageId` (the SDK's `idResolvers.message`).
+    //
+    // `createMessage` reuses `bundle.referenceId` as the optimistic message's
+    // own messageId, so handing the failed message's id back as `referenceId`
+    // makes the SDK overwrite that exact entry instead of allocating a new one:
+    // the existing row goes error → syncing → synced in place, and the server
+    // sees the same referenceId (its idempotency key), so a create that did
+    // land server-side is reconciled rather than duplicated.
+    //
+    // Web (and RN until now) instead created the message under a fresh id and
+    // then deleted the original, which is what QA reported: a brand-new bubble
+    // appended to the thread, with both bubbles on screen until the delete of
+    // the original landed.
+    const referenceId = message.referenceId ?? message.messageId;
+    if (!referenceId) return;
+
+    // Carried over so a resend doesn't silently drop the reply target,
+    // mentions, tags or already-uploaded file of the message being resent.
+    const {
+      fileId
+    } = message;
+    try {
+      await createMessage({
+        subChannelId: message.subChannelId,
+        dataType: message.dataType,
+        data: message.data,
+        referenceId,
+        ...(message.parentId ? {
+          parentId: message.parentId
+        } : {}),
+        ...(message.metadata ? {
+          metadata: message.metadata
+        } : {}),
+        ...(message.mentionees ? {
+          mentionees: message.mentionees
+        } : {}),
+        ...(message.tags ? {
+          tags: message.tags
+        } : {}),
+        ...(fileId ? {
+          fileId
+        } : {})
+      });
+    } catch {
+      // useCreateMessage's onError already raised the toast, and the SDK has put
+      // this same row back to syncState 'error', so the failed bubble stays
+      // exactly where it was. Swallow the rejection so it isn't unhandled.
+    }
+  }
+  function handleDelete(message) {
+    if ((0, _useMessageComposer.isSyntheticPendingMessage)(message)) {
+      onDiscardUpload(message.__syntheticClientId);
+      return;
+    }
+    if (message.messageId) {
+      deleteMessage(message.messageId);
+    }
+  }
+  function openFailedSheet(message) {
+    openBottomSheet({
+      // Three rows now (Resend / Delete / Cancel), so the sheet takes the 3-row height.
+      height: bottomSheetHeight[3],
+      content: /*#__PURE__*/React.createElement(_reactNative.View, {
+        style: styles.sheetContainer
+      }, /*#__PURE__*/React.createElement(_Menu.Menu, {
+        variant: "chat",
+        container: "drawer"
+      }, /*#__PURE__*/React.createElement(_Menu.Menu.Item, {
+        label: resendLabel,
+        onPress: () => {
+          closeBottomSheet();
+          handleResend(message);
+        }
+      }), /*#__PURE__*/React.createElement(_Menu.Menu.Item, {
+        label: deleteLabel,
+        destructive: true,
+        onPress: () => {
+          closeBottomSheet();
+          handleDelete(message);
+        }
+      }), /*#__PURE__*/React.createElement(_Menu.Menu.Item, {
+        label: cancelLabel,
+        onPress: closeBottomSheet
+      })))
+    });
+  }
+  return {
+    openFailedSheet
+  };
+}
+const styles = _reactNative.StyleSheet.create({
+  // Web's drawer container supplies the horizontal padding (its menuItem in a
+  // drawer is `0.875rem 0`, i.e. no side padding). Match the RN chat-sheet
+  // convention (AmityConversationChatUserActionComponent) so the Resend/Delete
+  // rows aren't flush to the screen edges.
+  sheetContainer: {
+    paddingHorizontal: 16,
+    paddingBottom: 16
+  }
+});
+//# sourceMappingURL=useFailedMessageSheet.js.map

package/lib/commonjs/chat/features/shared/hooks/useFailedMessageSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Menu","_localization","_bottomSheetSlice","_useChatNotifications","_useDeleteMessage","_useCreateMessage","_useMessageComposer","useFailedMessageSheet","onRetryUpload","onDiscardUpload","openBottomSheet","closeBottomSheet","bottomSheetHeight","useBottomSheet","error","errorToast","useChatNotifications","deleteMessage","useDeleteMessage","createMessage","useCreateMessage","onError","errorMsg","content","resendLabel","useString","deleteLabel","cancelLabel","handleResend","message","isSyntheticPendingMessage","__syntheticClientId","referenceId","messageId","fileId","subChannelId","dataType","data","parentId","metadata","mentionees","tags","handleDelete","openFailedSheet","height","React","createElement","View","style","styles","sheetContainer","Menu","variant","container","Item","label","onPress","destructive","StyleSheet","create","paddingHorizontal","paddingBottom"],"sourceRoot":"../../../../../../src","sources":["chat/features/shared/hooks/useFailedMessageSheet.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/chat/features/shared/hooks/useMarkAsRead.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMarkAsRead = useMarkAsRead;
+var _react = require("react");
+var _useAuth = _interopRequireDefault(require("../../../../core/hooks/useAuth"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// useMarkAsRead — ported from AmityUiKitWeb v4/chat/features/shared/hooks/useMarkAsRead.
+// Marks the latest visible message as read once the viewer is at the bottom of
+// the list, debounced so rapid scroll/append churn only fires one markRead.
+//
+// RN adaptations from web:
+//   - Web debounced via `react-use`'s `useDebounce` (not a dependency here); we
+//     reproduce it with a `useEffect` + `setTimeout` keyed on the same deps, and
+//     define MARK_READ_DEBOUNCE_MS locally (web imported it from ~/v4/chat/constants).
+//   - SDK method is identical: `Amity.Message#markRead()` (an instance method on
+//     the message object, same as web). The task's SubChannelRepository /
+//     MessageRepository hint resolves to this per-message call.
+//   - Added `isConnected` gate (via useAuth) as mandated — web does not gate on
+//     connection state; this is an intentional RN deviation matching the repo's
+//     live-SDK-call convention (see hooks/collections/useChannelsCollection).
+
+const MARK_READ_DEBOUNCE_MS = 500;
+function useMarkAsRead({
+  latestMessage,
+  atBottom,
+  enabled
+}) {
+  const {
+    isConnected
+  } = (0, _useAuth.default)();
+  const lastMarkedIdRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    const timer = setTimeout(() => {
+      if (!isConnected || !enabled || !atBottom || !latestMessage) return;
+      const id = latestMessage.messageId;
+      if (!id || lastMarkedIdRef.current === id) return;
+      try {
+        latestMessage.markRead();
+        lastMarkedIdRef.current = id;
+      } catch {
+        // markRead failures are non-fatal; SDK will retry on the next visibility tick
+      }
+    }, MARK_READ_DEBOUNCE_MS);
+    return () => clearTimeout(timer);
+  }, [latestMessage === null || latestMessage === void 0 ? void 0 : latestMessage.messageId, atBottom, enabled, isConnected]);
+  (0, _react.useEffect)(() => {
+    lastMarkedIdRef.current = null;
+  }, [latestMessage === null || latestMessage === void 0 ? void 0 : latestMessage.subChannelId]);
+}
+//# sourceMappingURL=useMarkAsRead.js.map

package/lib/commonjs/chat/features/shared/hooks/useMarkAsRead.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_useAuth","_interopRequireDefault","e","__esModule","default","MARK_READ_DEBOUNCE_MS","useMarkAsRead","latestMessage","atBottom","enabled","isConnected","useAuth","lastMarkedIdRef","useRef","useEffect","timer","setTimeout","id","messageId","current","markRead","clearTimeout","subChannelId"],"sourceRoot":"../../../../../../src","sources":["chat/features/shared/hooks/useMarkAsRead.ts"],"mappings":";;;;;;AAeA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAqD,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAjBrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA,MAAMG,qBAAqB,GAAG,GAAG;AAQ1B,SAASC,aAAaA,CAAC;EAC5BC,aAAa;EACbC,QAAQ;EACRC;AACmB,CAAC,EAAE;EACtB,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,gBAAO,EAAC,CAAC;EACjC,MAAMC,eAAe,GAAG,IAAAC,aAAM,EAAgB,IAAI,CAAC;EAEnD,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,KAAK,GAAGC,UAAU,CAAC,MAAM;MAC7B,IAAI,CAACN,WAAW,IAAI,CAACD,OAAO,IAAI,CAACD,QAAQ,IAAI,CAACD,aAAa,EAAE;MAC7D,MAAMU,EAAE,GAAGV,aAAa,CAACW,SAAS;MAClC,IAAI,CAACD,EAAE,IAAIL,eAAe,CAACO,OAAO,KAAKF,EAAE,EAAE;MAC3C,IAAI;QACFV,aAAa,CAACa,QAAQ,CAAC,CAAC;QACxBR,eAAe,CAACO,OAAO,GAAGF,EAAE;MAC9B,CAAC,CAAC,MAAM;QACN;MAAA;IAEJ,CAAC,EAAEZ,qBAAqB,CAAC;IAEzB,OAAO,MAAMgB,YAAY,CAACN,KAAK,CAAC;EAClC,CAAC,EAAE,CAACR,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEW,SAAS,EAAEV,QAAQ,EAAEC,OAAO,EAAEC,WAAW,CAAC,CAAC;EAE9D,IAAAI,gBAAS,EAAC,MAAM;IACdF,eAAe,CAACO,OAAO,GAAG,IAAI;EAChC,CAAC,EAAE,CAACZ,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEe,YAAY,CAAC,CAAC;AACnC","ignoreList":[]}

package/lib/commonjs/chat/features/shared/hooks/useMediaViewer.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMediaViewer = useMediaViewer;
+var _react = require("react");
+var _useCurrentUserId = require("../../../hooks/useCurrentUserId");
+var _queries = require("../../../hooks/queries");
+// useMediaViewer — ported from AmityUiKitWeb v4/chat/features/shared/hooks/useMediaViewer.
+// Holds the open/closed state for the full-screen image viewer and video player,
+// and derives the render-prop objects the ported ImageViewer / VideoPlayer
+// components consume (src/chat/features/shared/components/{ImageViewer,VideoPlayer}).
+//
+// RN adaptations from web:
+//   - `currentUserId` comes from `Client.getCurrentUser()` (via useCurrentUserId)
+//     instead of web's `useSDK().currentUserId`.
+//   - Delete goes through the RN `useDeleteMessageQuery` port, which confirms via
+//     the platform `Alert` before deleting (web used ConfirmProvider's modal).
+//     `afterDelete` closes the viewer, exactly as web does.
+//   - Save goes through `useSaveMediaMessageQuery` (RN port), which downloads the
+//     file and writes it to the device gallery via CameraRoll (web downloaded via
+//     the browser). Same URL-resolution + success/error toasts.
+// The return shape (UseMediaViewerReturn, ImageViewerRenderProps, VideoPlayerRenderProps)
+// is preserved verbatim from web so useChatMessage can consume it unchanged.
+
+function useMediaViewer() {
+  const currentUserId = (0, _useCurrentUserId.useCurrentUserId)();
+  const {
+    requestSave
+  } = (0, _queries.useSaveMediaMessageQuery)();
+  const {
+    requestDelete
+  } = (0, _queries.useDeleteMessageQuery)();
+  const [imageView, setImageView] = (0, _react.useState)(null);
+  const [videoMessage, setVideoMessage] = (0, _react.useState)(null);
+  function closeImageViewer() {
+    setImageView(null);
+  }
+  function closeVideoPlayer() {
+    setVideoMessage(null);
+  }
+  function openImageViewer(url, message) {
+    setImageView({
+      url,
+      message
+    });
+  }
+  function openVideoPlayer(message) {
+    setVideoMessage(message);
+  }
+  const imageViewerProps = imageView ? {
+    src: imageView.url,
+    onClose: closeImageViewer,
+    isOwn: imageView.message.creatorId === currentUserId,
+    onDelete: () => requestDelete(imageView.message, {
+      afterDelete: closeImageViewer
+    }),
+    onSave: () => requestSave(imageView.message)
+  } : null;
+  const videoPlayerProps = videoMessage ? {
+    message: videoMessage,
+    onClose: closeVideoPlayer,
+    isOwn: videoMessage.creatorId === currentUserId,
+    onDelete: () => requestDelete(videoMessage, {
+      afterDelete: closeVideoPlayer
+    }),
+    onSave: () => requestSave(videoMessage)
+  } : null;
+  return {
+    openImageViewer,
+    openVideoPlayer,
+    imageViewerProps,
+    videoPlayerProps
+  };
+}
+//# sourceMappingURL=useMediaViewer.js.map

package/lib/commonjs/chat/features/shared/hooks/useMediaViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_useCurrentUserId","_queries","useMediaViewer","currentUserId","useCurrentUserId","requestSave","useSaveMediaMessageQuery","requestDelete","useDeleteMessageQuery","imageView","setImageView","useState","videoMessage","setVideoMessage","closeImageViewer","closeVideoPlayer","openImageViewer","url","message","openVideoPlayer","imageViewerProps","src","onClose","isOwn","creatorId","onDelete","afterDelete","onSave","videoPlayerProps"],"sourceRoot":"../../../../../../src","sources":["chat/features/shared/hooks/useMediaViewer.ts"],"mappings":";;;;;;AAiBA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AApBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAsCO,SAASG,cAAcA,CAAA,EAAyB;EACrD,MAAMC,aAAa,GAAG,IAAAC,kCAAgB,EAAC,CAAC;EACxC,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,iCAAwB,EAAC,CAAC;EAClD,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,8BAAqB,EAAC,CAAC;EACjD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAmB,IAAI,CAAC;EAClE,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAF,eAAQ,EAAuB,IAAI,CAAC;EAE5E,SAASG,gBAAgBA,CAAA,EAAG;IAC1BJ,YAAY,CAAC,IAAI,CAAC;EACpB;EAEA,SAASK,gBAAgBA,CAAA,EAAG;IAC1BF,eAAe,CAAC,IAAI,CAAC;EACvB;EAEA,SAASG,eAAeA,CAACC,GAAW,EAAEC,OAAsB,EAAE;IAC5DR,YAAY,CAAC;MAAEO,GAAG;MAAEC;IAAQ,CAAC,CAAC;EAChC;EAEA,SAASC,eAAeA,CAACD,OAAsB,EAAE;IAC/CL,eAAe,CAACK,OAAO,CAAC;EAC1B;EAEA,MAAME,gBAA+C,GAAGX,SAAS,GAC7D;IACEY,GAAG,EAAEZ,SAAS,CAACQ,GAAG;IAClBK,OAAO,EAAER,gBAAgB;IACzBS,KAAK,EAAEd,SAAS,CAACS,OAAO,CAACM,SAAS,KAAKrB,aAAa;IACpDsB,QAAQ,EAAEA,CAAA,KACRlB,aAAa,CAACE,SAAS,CAACS,OAAO,EAAE;MAAEQ,WAAW,EAAEZ;IAAiB,CAAC,CAAC;IACrEa,MAAM,EAAEA,CAAA,KAAMtB,WAAW,CAACI,SAAS,CAACS,OAAO;EAC7C,CAAC,GACD,IAAI;EAER,MAAMU,gBAA+C,GAAGhB,YAAY,GAChE;IACEM,OAAO,EAAEN,YAAY;IACrBU,OAAO,EAAEP,gBAAgB;IACzBQ,KAAK,EAAEX,YAAY,CAACY,SAAS,KAAKrB,aAAa;IAC/CsB,QAAQ,EAAEA,CAAA,KACRlB,aAAa,CAACK,YAAY,EAAE;MAAEc,WAAW,EAAEX;IAAiB,CAAC,CAAC;IAChEY,MAAM,EAAEA,CAAA,KAAMtB,WAAW,CAACO,YAAY;EACxC,CAAC,GACD,IAAI;EAER,OAAO;IACLI,eAAe;IACfG,eAAe;IACfC,gBAAgB;IAChBQ;EACF,CAAC;AACH","ignoreList":[]}