@amityco/react-native-social-uikit 4.1.0 → 4.1.1-d7da0c5c.0

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

@@ -0,0 +1,267 @@
+"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
+}) {
+  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 {
+    messages,
+    loading,
+    hasNextPage,
+    loadMore,
+    error: loadError
+  } = (0, _useMessagesCollection.useMessagesCollection)({
+    subChannelId: channelId ?? '',
+    limit: 20,
+    includeDeleted: true
+  }, !!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,
+    onRetryText: composer.handleRetryText,
+    onDiscardText: composer.handleDiscardText
+  });
+  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;
+    setNewMessage(latestMessage);
+  }, [latestMessage === null || latestMessage === void 0 ? void 0 : latestMessage.messageId, atBottom, latestMessage]);
+  (0, _react.useEffect)(() => {
+    if (atBottom) setNewMessage(null);
+  }, [atBottom]);
+  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,
+    isLoadingFirstPage,
+    isLoading: loading,
+    hasMore: hasNextPage,
+    loadMore,
+    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/social/features/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","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","messages","hasNextPage","loadMore","loadError","useMessagesCollection","subChannelId","limit","includeDeleted","isLoadingFirstPage","length","closeEditMessage","useCallback","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","onRetryText","handleRetryText","onDiscardText","handleDiscardText","openImageViewer","openVideoPlayer","imageViewerProps","videoPlayerProps","useMediaViewer","useMarkAsRead","enabled","useEffect","content","undefined","unsubscribeTopic","unsubscribeObject","SubChannelRepository","getSubChannel","data","subChannel","subLoading","subscribeTopic","getSubChannelTopic","_unsubscribeTopic","current","duration","alignment","currentId","prevId","clearNewMessage","openSeeMore","text","title","closeSeeMore","isLoading","hasMore","handleBack","isSyntheticPendingMessage"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/shared/hooks/useChatMessage.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,141 @@
+"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) 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 = recreate
+//     the message, then delete the original — same as web's useResendMessageQuery).
+
+function useFailedMessageSheet({
+  onRetryUpload,
+  onDiscardUpload,
+  onRetryText,
+  onDiscardText
+}) {
+  const {
+    openBottomSheet,
+    closeBottomSheet,
+    bottomSheetHeight
+  } = (0, _bottomSheetSlice.useBottomSheet)();
+  const {
+    error: errorToast
+  } = (0, _useChatNotifications.useChatNotifications)();
+  const {
+    deleteMessage
+  } = (0, _useDeleteMessage.useDeleteMessage)();
+  // LEADS WEB (deaad473): web's requestResend has no onError, so a resend that
+  // fails again is silent there. RN surfaces it.
+  // 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 here too — and mutateAsync's rejection went unhandled on
+  // top. Revisit if web adds its own handling, so the two don't diverge further.
+  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');
+  async function handleResend(message) {
+    if ((0, _useMessageComposer.isSyntheticPendingMessage)(message)) {
+      if (message.dataType === 'text') {
+        onRetryText(message.__syntheticClientId);
+      } else {
+        onRetryUpload(message.__syntheticClientId);
+      }
+      return;
+    }
+    // Non-synthetic resend: recreate then delete the original (web's requestResend).
+    // The original is only removed once the new message is actually created —
+    // deleting it on failure would drop the text the user is trying to send.
+    try {
+      await createMessage({
+        subChannelId: message.subChannelId,
+        dataType: message.dataType,
+        data: message.data,
+        parentId: message.parentId
+      });
+    } catch {
+      // useCreateMessage's onError already raised the toast. Swallow the
+      // rejection so it isn't an unhandled promise, and leave the original
+      // failed bubble in place.
+      return;
+    }
+    if (message.messageId) {
+      await deleteMessage(message.messageId);
+    }
+  }
+  function handleDelete(message) {
+    if ((0, _useMessageComposer.isSyntheticPendingMessage)(message)) {
+      if (message.dataType === 'text') {
+        onDiscardText(message.__syntheticClientId);
+      } else {
+        onDiscardUpload(message.__syntheticClientId);
+      }
+      return;
+    }
+    if (message.messageId) {
+      deleteMessage(message.messageId);
+    }
+  }
+  function openFailedSheet(message) {
+    openBottomSheet({
+      height: bottomSheetHeight[2],
+      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);
+        }
+      })))
+    });
+  }
+  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/social/features/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","onRetryText","onDiscardText","openBottomSheet","closeBottomSheet","bottomSheetHeight","useBottomSheet","error","errorToast","useChatNotifications","deleteMessage","useDeleteMessage","createMessage","useCreateMessage","onError","errorMsg","content","resendLabel","useString","deleteLabel","handleResend","message","isSyntheticPendingMessage","dataType","__syntheticClientId","subChannelId","data","parentId","messageId","handleDelete","openFailedSheet","height","React","createElement","View","style","styles","sheetContainer","Menu","variant","container","Item","label","onPress","destructive","StyleSheet","create","paddingHorizontal","paddingBottom"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/shared/hooks/useFailedMessageSheet.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/social/features/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/social/features/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":["social/features/chat/features/shared/hooks/useMarkAsRead.ts"],"mappings":";;;;;;AAeA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA2D,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAjB3D;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/social/features/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/social/features/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/social/features/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":["social/features/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":[]}