@droppii-org/chat-mobile 0.2.6 → 0.2.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/module/components/AttachmentPreview.js +250 -0
- package/lib/module/components/AttachmentPreview.js.map +1 -0
- package/lib/module/components/MediaViewer/index.js +2 -0
- package/lib/module/components/MediaViewer/index.js.map +1 -0
- package/lib/module/components/MediaViewerModal.js +57 -0
- package/lib/module/components/MediaViewerModal.js.map +1 -0
- package/lib/module/components/MergedImageGrid.js +173 -0
- package/lib/module/components/MergedImageGrid.js.map +1 -0
- package/lib/module/components/ThreadCard/AvatarSection.js +4 -4
- package/lib/module/components/ThreadCard/AvatarSection.js.map +1 -1
- package/lib/module/components/ThreadCard/NamePrefixIcon.js +13 -16
- package/lib/module/components/ThreadCard/NamePrefixIcon.js.map +1 -1
- package/lib/module/components/ThreadCard/ThreadCard.js +13 -33
- package/lib/module/components/ThreadCard/ThreadCard.js.map +1 -1
- package/lib/module/components/ThreadCard/thread-card.utils.js +80 -4
- package/lib/module/components/ThreadCard/thread-card.utils.js.map +1 -1
- package/lib/module/components/messages/fileMessage/index.js +26 -0
- package/lib/module/components/messages/fileMessage/index.js.map +1 -0
- package/lib/module/components/messages/imageMessage/index.js +118 -0
- package/lib/module/components/messages/imageMessage/index.js.map +1 -0
- package/lib/module/components/messages/linkMessage/index.js +122 -0
- package/lib/module/components/messages/linkMessage/index.js.map +1 -0
- package/lib/module/components/messages/mergedMessage/index.js +37 -0
- package/lib/module/components/messages/mergedMessage/index.js.map +1 -0
- package/lib/module/components/messages/styles.js +41 -0
- package/lib/module/components/messages/styles.js.map +1 -0
- package/lib/module/components/messages/textMessage/index.js +38 -0
- package/lib/module/components/messages/textMessage/index.js.map +1 -0
- package/lib/module/components/messages/types.js +14 -0
- package/lib/module/components/messages/types.js.map +1 -0
- package/lib/module/components/messages/videoMessage/index.js +110 -0
- package/lib/module/components/messages/videoMessage/index.js.map +1 -0
- package/lib/module/config/api-endpoints.js +66 -0
- package/lib/module/config/api-endpoints.js.map +1 -0
- package/lib/module/config/attachment-priority.js +81 -0
- package/lib/module/config/attachment-priority.js.map +1 -0
- package/lib/module/config/configuration.js +50 -0
- package/lib/module/config/configuration.js.map +1 -0
- package/lib/module/config/index.js +22 -0
- package/lib/module/config/index.js.map +1 -0
- package/lib/module/context/ChatContext.js +7 -6
- package/lib/module/context/ChatContext.js.map +1 -1
- package/lib/module/core/index.js +19 -1
- package/lib/module/core/index.js.map +1 -1
- package/lib/module/core/useChatListener.js +0 -14
- package/lib/module/core/useChatListener.js.map +1 -1
- package/lib/module/hooks/message/useSendMessage.js +106 -0
- package/lib/module/hooks/message/useSendMessage.js.map +1 -0
- package/lib/module/hooks/useChatMessages.js +36 -121
- package/lib/module/hooks/useChatMessages.js.map +1 -1
- package/lib/module/hooks/useConversationList.js +29 -17
- package/lib/module/hooks/useConversationList.js.map +1 -1
- package/lib/module/hooks/useImageAttachment.js +263 -0
- package/lib/module/hooks/useImageAttachment.js.map +1 -0
- package/lib/module/hooks/useLinkPreview/useLinkPreview.js +3 -2
- package/lib/module/hooks/useLinkPreview/useLinkPreview.js.map +1 -1
- package/lib/module/hooks/useMediaViewer.js +24 -0
- package/lib/module/hooks/useMediaViewer.js.map +1 -0
- package/lib/module/hooks/useSendAttachment.js +182 -0
- package/lib/module/hooks/useSendAttachment.js.map +1 -0
- package/lib/module/hooks/useVideoAttachment.js +251 -0
- package/lib/module/hooks/useVideoAttachment.js.map +1 -0
- package/lib/module/index.js +13 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/screens/MediaView/VideoPlayer.js +177 -0
- package/lib/module/screens/MediaView/VideoPlayer.js.map +1 -0
- package/lib/module/screens/MediaView/index.js +264 -0
- package/lib/module/screens/MediaView/index.js.map +1 -0
- package/lib/module/screens/chat-detail/ChatComposer.js +190 -196
- package/lib/module/screens/chat-detail/ChatComposer.js.map +1 -1
- package/lib/module/screens/chat-detail/ChatDetail.js +106 -71
- package/lib/module/screens/chat-detail/ChatDetail.js.map +1 -1
- package/lib/module/screens/chat-detail/ChatDetailHeader.js +5 -8
- package/lib/module/screens/chat-detail/ChatDetailHeader.js.map +1 -1
- package/lib/module/screens/chat-detail/ChatLinkPreview.js +1 -1
- package/lib/module/screens/chat-detail/ChatLinkPreview.js.map +1 -1
- package/lib/module/screens/chat-detail/ChatListLegend.js +5 -15
- package/lib/module/screens/chat-detail/ChatListLegend.js.map +1 -1
- package/lib/module/screens/chat-detail/components/ChatInputActions.js +51 -0
- package/lib/module/screens/chat-detail/components/ChatInputActions.js.map +1 -0
- package/lib/module/screens/chat-detail/components/ChatMessageInput.js +93 -0
- package/lib/module/screens/chat-detail/components/ChatMessageInput.js.map +1 -0
- package/lib/module/screens/chat-detail/conversationHeader.utils.js +7 -9
- package/lib/module/screens/chat-detail/conversationHeader.utils.js.map +1 -1
- package/lib/module/screens/chat-detail/hooks/useAttachmentSendHandler.js +221 -0
- package/lib/module/screens/chat-detail/hooks/useAttachmentSendHandler.js.map +1 -0
- package/lib/module/screens/chat-detail/hooks/useChatComposerAnimation.js +114 -0
- package/lib/module/screens/chat-detail/hooks/useChatComposerAnimation.js.map +1 -0
- package/lib/module/screens/chat-detail/hooks/useChatComposerState.js +26 -0
- package/lib/module/screens/chat-detail/hooks/useChatComposerState.js.map +1 -0
- package/lib/module/screens/chat-detail/index.js +0 -1
- package/lib/module/screens/chat-detail/index.js.map +1 -1
- package/lib/module/screens/chat-detail/legend/LegendChatMessage.js +32 -25
- package/lib/module/screens/chat-detail/legend/LegendChatMessage.js.map +1 -1
- package/lib/module/screens/chat-detail/legend/messageTypes.js +15 -0
- package/lib/module/screens/chat-detail/legend/messageTypes.js.map +1 -0
- package/lib/module/screens/inbox/MessagesTab.js.map +1 -1
- package/lib/module/services/attachmentHandlers/fileAttachmentHandler.js +61 -0
- package/lib/module/services/attachmentHandlers/fileAttachmentHandler.js.map +1 -0
- package/lib/module/services/attachmentHandlers/imageAttachmentHandler.js +54 -0
- package/lib/module/services/attachmentHandlers/imageAttachmentHandler.js.map +1 -0
- package/lib/module/services/attachmentHandlers/index.js +12 -0
- package/lib/module/services/attachmentHandlers/index.js.map +1 -0
- package/lib/module/services/attachmentHandlers/videoAttachmentHandler.js +85 -0
- package/lib/module/services/attachmentHandlers/videoAttachmentHandler.js.map +1 -0
- package/lib/module/services/attachmentOrchestrator.js +225 -0
- package/lib/module/services/attachmentOrchestrator.js.map +1 -0
- package/lib/module/services/auth.js +35 -0
- package/lib/module/services/auth.js.map +1 -0
- package/lib/module/services/endpoints.js +20 -1
- package/lib/module/services/endpoints.js.map +1 -1
- package/lib/module/services/imageUpload.js +126 -0
- package/lib/module/services/imageUpload.js.map +1 -0
- package/lib/module/store/conversation.js +1 -1
- package/lib/module/store/conversation.js.map +1 -1
- package/lib/module/store/message.js +45 -0
- package/lib/module/store/message.js.map +1 -0
- package/lib/module/translation/resources/i18n.js +22 -2
- package/lib/module/translation/resources/i18n.js.map +1 -1
- package/lib/module/types/attachment.js +2 -0
- package/lib/module/types/attachment.js.map +1 -0
- package/lib/module/types/attachmentHandler.js +20 -0
- package/lib/module/types/attachmentHandler.js.map +1 -0
- package/lib/module/types/chat.js +2 -7
- package/lib/module/types/chat.js.map +1 -1
- package/lib/module/types/imageUpload.js +2 -0
- package/lib/module/types/imageUpload.js.map +1 -0
- package/lib/module/types/message.js +1 -0
- package/lib/module/types/message.js.map +1 -1
- package/lib/module/utils/chatImageDimens.js +148 -0
- package/lib/module/utils/chatImageDimens.js.map +1 -0
- package/lib/module/utils/conversation.js +34 -13
- package/lib/module/utils/conversation.js.map +1 -1
- package/lib/module/utils/device.js +65 -0
- package/lib/module/utils/device.js.map +1 -0
- package/lib/module/utils/imageUrlOptimizer.js +41 -0
- package/lib/module/utils/imageUrlOptimizer.js.map +1 -0
- package/lib/module/utils/imageUtils.js +69 -0
- package/lib/module/utils/imageUtils.js.map +1 -0
- package/lib/module/utils/legendListMessage.js +0 -3
- package/lib/module/utils/legendListMessage.js.map +1 -1
- package/lib/module/utils/message.js +5 -8
- package/lib/module/utils/message.js.map +1 -1
- package/lib/module/utils/resolveMessageType.js +3 -0
- package/lib/module/utils/resolveMessageType.js.map +1 -1
- package/lib/module/utils/ui.js +17 -0
- package/lib/module/utils/ui.js.map +1 -0
- package/lib/module/utils/url.js +3 -3
- package/lib/module/utils/url.js.map +1 -1
- package/lib/module/utils/videoThumbnail.js +62 -0
- package/lib/module/utils/videoThumbnail.js.map +1 -0
- package/lib/typescript/src/components/AttachmentPreview.d.ts +28 -0
- package/lib/typescript/src/components/AttachmentPreview.d.ts.map +1 -0
- package/lib/typescript/src/components/MediaViewer/index.d.ts +1 -0
- package/lib/typescript/src/components/MediaViewer/index.d.ts.map +1 -0
- package/lib/typescript/src/components/MediaViewerModal.d.ts +10 -0
- package/lib/typescript/src/components/MediaViewerModal.d.ts.map +1 -0
- package/lib/typescript/src/components/MergedImageGrid.d.ts +16 -0
- package/lib/typescript/src/components/MergedImageGrid.d.ts.map +1 -0
- package/lib/typescript/src/components/ThreadCard/AvatarSection.d.ts +2 -2
- package/lib/typescript/src/components/ThreadCard/AvatarSection.d.ts.map +1 -1
- package/lib/typescript/src/components/ThreadCard/NamePrefixIcon.d.ts +3 -4
- package/lib/typescript/src/components/ThreadCard/NamePrefixIcon.d.ts.map +1 -1
- package/lib/typescript/src/components/ThreadCard/ThreadCard.d.ts.map +1 -1
- package/lib/typescript/src/components/ThreadCard/thread-card.utils.d.ts.map +1 -1
- package/lib/typescript/src/components/messages/fileMessage/index.d.ts +3 -0
- package/lib/typescript/src/components/messages/fileMessage/index.d.ts.map +1 -0
- package/lib/typescript/src/components/messages/imageMessage/index.d.ts +3 -0
- package/lib/typescript/src/components/messages/imageMessage/index.d.ts.map +1 -0
- package/lib/typescript/src/components/messages/linkMessage/index.d.ts +9 -0
- package/lib/typescript/src/components/messages/linkMessage/index.d.ts.map +1 -0
- package/lib/typescript/src/components/messages/mergedMessage/index.d.ts +3 -0
- package/lib/typescript/src/components/messages/mergedMessage/index.d.ts.map +1 -0
- package/lib/typescript/src/components/messages/styles.d.ts +36 -0
- package/lib/typescript/src/components/messages/styles.d.ts.map +1 -0
- package/lib/typescript/src/components/messages/textMessage/index.d.ts +9 -0
- package/lib/typescript/src/components/messages/textMessage/index.d.ts.map +1 -0
- package/lib/typescript/src/components/messages/types.d.ts +10 -0
- package/lib/typescript/src/components/messages/types.d.ts.map +1 -0
- package/lib/typescript/src/components/messages/videoMessage/index.d.ts +3 -0
- package/lib/typescript/src/components/messages/videoMessage/index.d.ts.map +1 -0
- package/lib/typescript/src/config/api-endpoints.d.ts +40 -0
- package/lib/typescript/src/config/api-endpoints.d.ts.map +1 -0
- package/lib/typescript/src/config/attachment-priority.d.ts +31 -0
- package/lib/typescript/src/config/attachment-priority.d.ts.map +1 -0
- package/lib/typescript/src/config/configuration.d.ts +30 -0
- package/lib/typescript/src/config/configuration.d.ts.map +1 -0
- package/lib/typescript/src/config/index.d.ts +15 -0
- package/lib/typescript/src/config/index.d.ts.map +1 -0
- package/lib/typescript/src/context/ChatContext.d.ts +1 -1
- package/lib/typescript/src/context/ChatContext.d.ts.map +1 -1
- package/lib/typescript/src/core/index.d.ts +13 -1
- package/lib/typescript/src/core/index.d.ts.map +1 -1
- package/lib/typescript/src/core/useChatListener.d.ts.map +1 -1
- package/lib/typescript/src/hooks/message/useSendMessage.d.ts +12 -0
- package/lib/typescript/src/hooks/message/useSendMessage.d.ts.map +1 -0
- package/lib/typescript/src/hooks/useChatMessages.d.ts +0 -1
- package/lib/typescript/src/hooks/useChatMessages.d.ts.map +1 -1
- package/lib/typescript/src/hooks/useConversationList.d.ts +2 -1
- package/lib/typescript/src/hooks/useConversationList.d.ts.map +1 -1
- package/lib/typescript/src/hooks/useImageAttachment.d.ts +20 -0
- package/lib/typescript/src/hooks/useImageAttachment.d.ts.map +1 -0
- package/lib/typescript/src/hooks/useLinkPreview/useLinkPreview.d.ts.map +1 -1
- package/lib/typescript/src/hooks/useMediaViewer.d.ts +13 -0
- package/lib/typescript/src/hooks/useMediaViewer.d.ts.map +1 -0
- package/lib/typescript/src/hooks/useSendAttachment.d.ts +59 -0
- package/lib/typescript/src/hooks/useSendAttachment.d.ts.map +1 -0
- package/lib/typescript/src/hooks/useVideoAttachment.d.ts +29 -0
- package/lib/typescript/src/hooks/useVideoAttachment.d.ts.map +1 -0
- package/lib/typescript/src/index.d.ts +14 -1
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/screens/MediaView/VideoPlayer.d.ts +12 -0
- package/lib/typescript/src/screens/MediaView/VideoPlayer.d.ts.map +1 -0
- package/lib/typescript/src/screens/MediaView/index.d.ts +11 -0
- package/lib/typescript/src/screens/MediaView/index.d.ts.map +1 -0
- package/lib/typescript/src/screens/chat-detail/ChatComposer.d.ts +1 -1
- package/lib/typescript/src/screens/chat-detail/ChatComposer.d.ts.map +1 -1
- package/lib/typescript/src/screens/chat-detail/ChatDetail.d.ts +1 -1
- package/lib/typescript/src/screens/chat-detail/ChatDetail.d.ts.map +1 -1
- package/lib/typescript/src/screens/chat-detail/ChatDetailHeader.d.ts +1 -1
- package/lib/typescript/src/screens/chat-detail/ChatDetailHeader.d.ts.map +1 -1
- package/lib/typescript/src/screens/chat-detail/ChatListLegend.d.ts +1 -1
- package/lib/typescript/src/screens/chat-detail/ChatListLegend.d.ts.map +1 -1
- package/lib/typescript/src/screens/chat-detail/components/ChatInputActions.d.ts +8 -0
- package/lib/typescript/src/screens/chat-detail/components/ChatInputActions.d.ts.map +1 -0
- package/lib/typescript/src/screens/chat-detail/components/ChatMessageInput.d.ts +15 -0
- package/lib/typescript/src/screens/chat-detail/components/ChatMessageInput.d.ts.map +1 -0
- package/lib/typescript/src/screens/chat-detail/conversationHeader.utils.d.ts +1 -1
- package/lib/typescript/src/screens/chat-detail/conversationHeader.utils.d.ts.map +1 -1
- package/lib/typescript/src/screens/chat-detail/hooks/useAttachmentSendHandler.d.ts +23 -0
- package/lib/typescript/src/screens/chat-detail/hooks/useAttachmentSendHandler.d.ts.map +1 -0
- package/lib/typescript/src/screens/chat-detail/hooks/useChatComposerAnimation.d.ts +15 -0
- package/lib/typescript/src/screens/chat-detail/hooks/useChatComposerAnimation.d.ts.map +1 -0
- package/lib/typescript/src/screens/chat-detail/hooks/useChatComposerState.d.ts +13 -0
- package/lib/typescript/src/screens/chat-detail/hooks/useChatComposerState.d.ts.map +1 -0
- package/lib/typescript/src/screens/chat-detail/index.d.ts +0 -2
- package/lib/typescript/src/screens/chat-detail/index.d.ts.map +1 -1
- package/lib/typescript/src/screens/chat-detail/legend/LegendChatMessage.d.ts +3 -3
- package/lib/typescript/src/screens/chat-detail/legend/LegendChatMessage.d.ts.map +1 -1
- package/lib/typescript/src/screens/chat-detail/legend/messageTypes.d.ts +13 -0
- package/lib/typescript/src/screens/chat-detail/legend/messageTypes.d.ts.map +1 -0
- package/lib/typescript/src/screens/chat-detail/types.d.ts +10 -8
- package/lib/typescript/src/screens/chat-detail/types.d.ts.map +1 -1
- package/lib/typescript/src/services/attachmentHandlers/fileAttachmentHandler.d.ts +22 -0
- package/lib/typescript/src/services/attachmentHandlers/fileAttachmentHandler.d.ts.map +1 -0
- package/lib/typescript/src/services/attachmentHandlers/imageAttachmentHandler.d.ts +3 -0
- package/lib/typescript/src/services/attachmentHandlers/imageAttachmentHandler.d.ts.map +1 -0
- package/lib/typescript/src/services/attachmentHandlers/index.d.ts +5 -0
- package/lib/typescript/src/services/attachmentHandlers/index.d.ts.map +1 -0
- package/lib/typescript/src/services/attachmentHandlers/videoAttachmentHandler.d.ts +31 -0
- package/lib/typescript/src/services/attachmentHandlers/videoAttachmentHandler.d.ts.map +1 -0
- package/lib/typescript/src/services/attachmentOrchestrator.d.ts +5 -0
- package/lib/typescript/src/services/attachmentOrchestrator.d.ts.map +1 -0
- package/lib/typescript/src/services/auth.d.ts +19 -0
- package/lib/typescript/src/services/auth.d.ts.map +1 -0
- package/lib/typescript/src/services/endpoints.d.ts +11 -1
- package/lib/typescript/src/services/endpoints.d.ts.map +1 -1
- package/lib/typescript/src/services/imageUpload.d.ts +7 -0
- package/lib/typescript/src/services/imageUpload.d.ts.map +1 -0
- package/lib/typescript/src/store/message.d.ts +3 -0
- package/lib/typescript/src/store/message.d.ts.map +1 -0
- package/lib/typescript/src/translation/resources/i18n.d.ts.map +1 -1
- package/lib/typescript/src/types/attachment.d.ts +72 -0
- package/lib/typescript/src/types/attachment.d.ts.map +1 -0
- package/lib/typescript/src/types/attachmentHandler.d.ts +13 -0
- package/lib/typescript/src/types/attachmentHandler.d.ts.map +1 -0
- package/lib/typescript/src/types/chat.d.ts +28 -27
- package/lib/typescript/src/types/chat.d.ts.map +1 -1
- package/lib/typescript/src/types/common.d.ts +1 -0
- package/lib/typescript/src/types/common.d.ts.map +1 -1
- package/lib/typescript/src/types/imageUpload.d.ts +26 -0
- package/lib/typescript/src/types/imageUpload.d.ts.map +1 -0
- package/lib/typescript/src/types/message.d.ts +1 -0
- package/lib/typescript/src/types/message.d.ts.map +1 -1
- package/lib/typescript/src/utils/chatImageDimens.d.ts +34 -0
- package/lib/typescript/src/utils/chatImageDimens.d.ts.map +1 -0
- package/lib/typescript/src/utils/conversation.d.ts +3 -2
- package/lib/typescript/src/utils/conversation.d.ts.map +1 -1
- package/lib/typescript/src/utils/device.d.ts +7 -0
- package/lib/typescript/src/utils/device.d.ts.map +1 -0
- package/lib/typescript/src/utils/imageUrlOptimizer.d.ts +12 -0
- package/lib/typescript/src/utils/imageUrlOptimizer.d.ts.map +1 -0
- package/lib/typescript/src/utils/imageUtils.d.ts +9 -0
- package/lib/typescript/src/utils/imageUtils.d.ts.map +1 -0
- package/lib/typescript/src/utils/legendListMessage.d.ts +0 -2
- package/lib/typescript/src/utils/legendListMessage.d.ts.map +1 -1
- package/lib/typescript/src/utils/message.d.ts.map +1 -1
- package/lib/typescript/src/utils/resolveMessageType.d.ts.map +1 -1
- package/lib/typescript/src/utils/ui.d.ts +13 -0
- package/lib/typescript/src/utils/ui.d.ts.map +1 -0
- package/lib/typescript/src/utils/url.d.ts +1 -1
- package/lib/typescript/src/utils/url.d.ts.map +1 -1
- package/lib/typescript/src/utils/videoThumbnail.d.ts +16 -0
- package/lib/typescript/src/utils/videoThumbnail.d.ts.map +1 -0
- package/package.json +15 -3
- package/src/components/AttachmentPreview.tsx +304 -0
- package/src/components/MediaViewer/index.tsx +0 -0
- package/src/components/MediaViewerModal.tsx +70 -0
- package/src/components/MergedImageGrid.tsx +238 -0
- package/src/components/ThreadCard/AvatarSection.tsx +5 -8
- package/src/components/ThreadCard/NamePrefixIcon.tsx +27 -38
- package/src/components/ThreadCard/ThreadCard.tsx +16 -30
- package/src/components/ThreadCard/thread-card.utils.ts +95 -4
- package/src/components/messages/fileMessage/index.tsx +30 -0
- package/src/components/messages/imageMessage/index.tsx +137 -0
- package/src/components/messages/linkMessage/index.tsx +162 -0
- package/src/components/messages/mergedMessage/index.tsx +45 -0
- package/src/components/messages/styles.ts +39 -0
- package/src/components/messages/textMessage/index.tsx +53 -0
- package/src/components/messages/types.ts +22 -0
- package/src/components/messages/videoMessage/index.tsx +120 -0
- package/src/config/api-endpoints.ts +72 -0
- package/src/config/attachment-priority.ts +93 -0
- package/src/config/configuration.ts +50 -0
- package/src/config/index.ts +19 -0
- package/src/context/ChatContext.tsx +12 -4
- package/src/core/index.ts +25 -1
- package/src/core/useChatListener.ts +0 -21
- package/src/hooks/message/useSendMessage.ts +143 -0
- package/src/hooks/useChatMessages.ts +69 -161
- package/src/hooks/useConversationList.ts +34 -16
- package/src/hooks/useImageAttachment.ts +348 -0
- package/src/hooks/useLinkPreview/useLinkPreview.ts +3 -2
- package/src/hooks/useMediaViewer.ts +32 -0
- package/src/hooks/useSendAttachment.ts +295 -0
- package/src/hooks/useVideoAttachment.ts +334 -0
- package/src/index.tsx +13 -1
- package/src/screens/MediaView/VideoPlayer.tsx +211 -0
- package/src/screens/MediaView/index.tsx +327 -0
- package/src/screens/chat-detail/ChatComposer.tsx +206 -271
- package/src/screens/chat-detail/ChatDetail.tsx +164 -104
- package/src/screens/chat-detail/ChatDetailHeader.tsx +4 -10
- package/src/screens/chat-detail/ChatLinkPreview.tsx +1 -1
- package/src/screens/chat-detail/ChatListLegend.tsx +10 -13
- package/src/screens/chat-detail/components/ChatInputActions.tsx +71 -0
- package/src/screens/chat-detail/components/ChatMessageInput.tsx +127 -0
- package/src/screens/chat-detail/conversationHeader.utils.ts +11 -14
- package/src/screens/chat-detail/hooks/useAttachmentSendHandler.ts +291 -0
- package/src/screens/chat-detail/hooks/useChatComposerAnimation.ts +184 -0
- package/src/screens/chat-detail/hooks/useChatComposerState.ts +40 -0
- package/src/screens/chat-detail/index.ts +0 -2
- package/src/screens/chat-detail/legend/LegendChatMessage.tsx +44 -39
- package/src/screens/chat-detail/legend/messageTypes.tsx +13 -0
- package/src/screens/chat-detail/types.ts +11 -9
- package/src/screens/inbox/MessagesTab.tsx +1 -1
- package/src/services/attachmentHandlers/fileAttachmentHandler.ts +78 -0
- package/src/services/attachmentHandlers/imageAttachmentHandler.ts +54 -0
- package/src/services/attachmentHandlers/index.ts +10 -0
- package/src/services/attachmentHandlers/videoAttachmentHandler.ts +114 -0
- package/src/services/attachmentOrchestrator.ts +300 -0
- package/src/services/auth.ts +34 -0
- package/src/services/endpoints.ts +24 -1
- package/src/services/imageUpload.ts +162 -0
- package/src/store/conversation.ts +1 -1
- package/src/store/message.ts +44 -0
- package/src/translation/resources/i18n.ts +22 -2
- package/src/types/attachment.ts +85 -0
- package/src/types/attachmentHandler.ts +31 -0
- package/src/types/chat.ts +31 -30
- package/src/types/common.ts +1 -0
- package/src/types/imageUpload.ts +28 -0
- package/src/types/message.ts +1 -0
- package/src/utils/chatImageDimens.ts +178 -0
- package/src/utils/conversation.ts +44 -17
- package/src/utils/device.ts +73 -0
- package/src/utils/imageUrlOptimizer.ts +56 -0
- package/src/utils/imageUtils.ts +76 -0
- package/src/utils/legendListMessage.ts +0 -5
- package/src/utils/message.ts +10 -12
- package/src/utils/resolveMessageType.ts +2 -0
- package/src/utils/ui.ts +19 -0
- package/src/utils/url.ts +3 -3
- package/src/utils/videoThumbnail.ts +85 -0
- package/lib/module/screens/chat-detail/ChatList.js +0 -147
- package/lib/module/screens/chat-detail/ChatList.js.map +0 -1
- package/lib/module/screens/chat-detail/ChatTextBubble.js +0 -62
- package/lib/module/screens/chat-detail/ChatTextBubble.js.map +0 -1
- package/lib/module/screens/chat-detail/legend/message-types.js +0 -122
- package/lib/module/screens/chat-detail/legend/message-types.js.map +0 -1
- package/lib/module/screens/chat-detail/messages/ChatMessageBubble.js +0 -24
- package/lib/module/screens/chat-detail/messages/ChatMessageBubble.js.map +0 -1
- package/lib/module/screens/chat-detail/messages/types.js +0 -4
- package/lib/module/screens/chat-detail/messages/types.js.map +0 -1
- package/lib/typescript/src/screens/chat-detail/ChatList.d.ts +0 -3
- package/lib/typescript/src/screens/chat-detail/ChatList.d.ts.map +0 -1
- package/lib/typescript/src/screens/chat-detail/ChatTextBubble.d.ts +0 -3
- package/lib/typescript/src/screens/chat-detail/ChatTextBubble.d.ts.map +0 -1
- package/lib/typescript/src/screens/chat-detail/legend/message-types.d.ts +0 -12
- package/lib/typescript/src/screens/chat-detail/legend/message-types.d.ts.map +0 -1
- package/lib/typescript/src/screens/chat-detail/messages/ChatMessageBubble.d.ts +0 -3
- package/lib/typescript/src/screens/chat-detail/messages/ChatMessageBubble.d.ts.map +0 -1
- package/lib/typescript/src/screens/chat-detail/messages/types.d.ts +0 -13
- package/lib/typescript/src/screens/chat-detail/messages/types.d.ts.map +0 -1
- package/src/screens/chat-detail/ChatList.tsx +0 -190
- package/src/screens/chat-detail/ChatTextBubble.tsx +0 -73
- package/src/screens/chat-detail/legend/message-types.tsx +0 -149
- package/src/screens/chat-detail/messages/ChatMessageBubble.tsx +0 -23
- package/src/screens/chat-detail/messages/types.ts +0 -14
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useCallback","useConversationStore","extractUrls","OpenIMSDK","useChatContext","generateContentBasedOnMessageType","useMessageStore","useSendMessage","applicationType","pushNewMessage","state","sendMessage","plainText","files","urlMetadata","userID","recvID","groupID","getState","getCurrentConversation","messageList","file","hasText","trim","hasPreview","url","urls","isUrlMessage","length","message","createUrlTextMessage","createTextMessage","push","extendMessageInfo","successMessage","ex","JSON","stringify","offlinePushInfo","generateOfflinePushInfo","contentType","conversationData","title","showName","desc","icon","faceURL","conversationId","iOSPushSound","iOSBadgeCount","text","textMessage","Date","getTime","toString","then","data","catch","errCode","errMsg","console","error","urlTextMessage"],"sourceRoot":"../../../../src","sources":["hooks/message/useSendMessage.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,OAAO;AAEnC,SAASC,oBAAoB,QAAQ,sBAAa;AAMlD,SAASC,WAAW,QAAQ,oBAAiB;AAC7C,OAAOC,SAAS,MAAM,+BAA+B;AAErD,SAASC,cAAc,QAAQ,wBAAe;AAC9C,SAASC,iCAAiC,QAAQ,6BAA0B;AAC5E,SAASC,eAAe,QAAQ,wBAAqB;AAGrD,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAClC,MAAMC,eAAe,GAAGJ,cAAc,CAAC,CAAC,CAACI,eAAe;EACxD,MAAMC,cAAc,GAAGH,eAAe,CAAEI,KAAK,IAAKA,KAAK,CAACD,cAAc,CAAC;EAEvE,MAAME,WAAW,GAAGX,WAAW,CAC7B,OAAO;IACLY,SAAS;IACTC,KAAK;IACLC;EAKF,CAAC,KAAK;IACJ,MAAM;MAAEC,MAAM,EAAEC,MAAM;MAAEC;IAAQ,CAAC,GAC/BhB,oBAAoB,CAACiB,QAAQ,CAAC,CAAC,CAACC,sBAAsB,CAAC,CAAC,IAAI,CAAC,CAAC;IAChE,IAAI,CAACH,MAAM,IAAI,CAACC,OAAO,EAAE;IAEzB,MAAMG,WAA0B,GAAG,EAAE;IAErC,KAAK,MAAMC,IAAI,IAAIR,KAAK,IAAI,EAAE,EAAE;MAC9B,IAAI,CAACQ,IAAI,EAAE;IACb;;IAEA;IACA,MAAMC,OAAO,GAAG,CAAC,CAACV,SAAS,IAAIA,SAAS,CAACW,IAAI,CAAC,CAAC,KAAK,EAAE;IACtD,MAAMC,UAAU,GAAG,CAAC,CAACV,WAAW,EAAEW,GAAG;IAErC,IAAIH,OAAO,IAAIE,UAAU,EAAE;MACzB,MAAME,IAAI,GAAGJ,OAAO,GAAGpB,WAAW,CAACU,SAAS,CAAC,GAAG,EAAE;MAClD,MAAMe,YAAY,GAAGD,IAAI,CAACE,MAAM,GAAG,CAAC,IAAIJ,UAAU;MAClD,IAAIK,OAA2B,GAAG,IAAI;MAEtC,IAAIF,YAAY,EAAE;QAChB;QACAE,OAAO,GAAG,MAAMC,oBAAoB,CAAClB,SAAS,IAAI,EAAE,EAAEc,IAAI,CAAC;MAC7D,CAAC,MAAM,IAAIJ,OAAO,EAAE;QAClBO,OAAO,GAAG,MAAME,iBAAiB,CAACnB,SAAS,CAAC;MAC9C;MAEA,IAAI,CAACiB,OAAO,EAAE;MACdT,WAAW,CAACY,IAAI,CAACH,OAAO,CAAC;IAC3B;IAEA,KAAK,MAAMA,OAAO,IAAIT,WAAW,EAAE;MACjC,MAAMa,iBAAiC,GAAG;QACxCzB,eAAe;QACfM;MACF,CAAC;MAED,MAAMoB,cAAc,GAAG,MAAM/B,SAAS,CAACQ,WAAW,CAAC;QACjDM,OAAO,EAAEA,OAAO,IAAI,EAAE;QACtBD,MAAM,EAAEA,MAAM,IAAI,EAAE;QACpBa,OAAO,EAAE;UACP,GAAGA,OAAO;UACVM,EAAE,EAAEC,IAAI,CAACC,SAAS,CAACJ,iBAAiB,CAAC,IAAI;QAC3C,CAAC;QACDK,eAAe,EAAEC,uBAAuB,CACtCV,OAAO,CAACW,WAAW,EACnB5B,SAAS,IAAI,EACf;MACF,CAAC,CAAC;MAEFH,cAAc,CAACyB,cAAc,CAAC;IAChC;EACF,CAAC,EACD,CAAC1B,eAAe,EAAEC,cAAc,CAClC,CAAC;EAED,OAAO;IACLE;EACF,CAAC;AACH,CAAC;AAED,MAAM4B,uBAAuB,GAAGA,CAC9BC,WAAwB,EACxB5B,SAAiB,KACd;EACH,MAAM6B,gBAAgB,GAAGxC,oBAAoB,EACzCiB,QAAQ,GAAG,CAAC,EACZC,sBAAsB,CAAC,CAAC;EAC5B,MAAMuB,KAAK,GAAGD,gBAAgB,EAAEE,QAAQ,IAAI,SAAS;EACrD,MAAMC,IAAI,GAAGvC,iCAAiC,CAACmC,WAAW,EAAE5B,SAAS,CAAC;EACtE,OAAO;IACL8B,KAAK;IACLE,IAAI;IACJT,EAAE,EAAEC,IAAI,CAACC,SAAS,CAAC;MACjBQ,IAAI,EAAEJ,gBAAgB,EAAEK,OAAO,IAAI,EAAE;MACrCC,cAAc,EAAEN,gBAAgB,EAAEM,cAAc,IAAI,EAAE;MACtDL,KAAK;MACLE;IACF,CAAC,CAAC;IACFI,YAAY,EAAE,SAAS;IACvBC,aAAa,EAAE;EACjB,CAAC;AACH,CAAC;AAED,OAAO,MAAMlB,iBAAiB,GAAG,MAAOmB,IAAY,IAAK;EACvD,IAAIC,WAAW,GAAG,MAAMhD,SAAS,CAAC4B,iBAAiB,CACjDmB,IAAI,EACJ,IAAIE,IAAI,CAAC,CAAC,CAACC,OAAO,CAAC,CAAC,CAACC,QAAQ,CAAC,CAChC,CAAC,CACEC,IAAI,CAAEC,IAAI,IAAK;IACd,OAAOA,IAAI;EACb,CAAC,CAAC,CACDC,KAAK,CAAC,CAAC;IAAEC,OAAO;IAAEC;EAAO,CAAC,KAAK;IAC9BC,OAAO,CAACC,KAAK,CAAC,mBAAmB,EAAEH,OAAO,EAAEC,MAAM,CAAC;IACnD,OAAO,IAAI;EACb,CAAC,CAAC;EACJ,OAAOR,WAAW;AACpB,CAAC;AAED,OAAO,MAAMrB,oBAAoB,GAAG,MAAAA,CAAOoB,IAAY,EAAExB,IAAc,KAAK;EAC1E,IAAIoC,cAAc,GAAG,MAAM3D,SAAS,CAAC2B,oBAAoB,CACvDoB,IAAI,EACJxB,IAAI,EACJ,IAAI0B,IAAI,CAAC,CAAC,CAACC,OAAO,CAAC,CAAC,CAACC,QAAQ,CAAC,CAChC,CAAC,CACEC,IAAI,CAAEC,IAAI,IAAK;IACd,OAAOA,IAAI;EACb,CAAC,CAAC,CACDC,KAAK,CAAC,CAAC;IAAEC,OAAO;IAAEC;EAAO,CAAC,KAAK;IAC9BC,OAAO,CAACC,KAAK,CAAC,sBAAsB,EAAEH,OAAO,EAAEC,MAAM,CAAC;IACtD,OAAO,IAAI;EACb,CAAC,CAAC;EACJ,OAAOG,cAAc;AACvB,CAAC","ignoreList":[]}
|
|
@@ -3,46 +3,28 @@
|
|
|
3
3
|
import OpenIMSDK, { OpenIMEvent } from '@droppii/openim-rn-client-sdk';
|
|
4
4
|
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
5
5
|
import { ChatMessageAPI } from "../services/message.js";
|
|
6
|
-
import { belongsToConversation,
|
|
6
|
+
import { belongsToConversation, hasNewHistoryMessages, mergeMessages } from "../utils/message.js";
|
|
7
|
+
import { useMessageStore } from "../store/message.js";
|
|
7
8
|
export function useChatMessages({
|
|
8
9
|
conversationId,
|
|
9
10
|
enabled = true,
|
|
10
11
|
pageSize = 20
|
|
11
12
|
}) {
|
|
12
|
-
const
|
|
13
|
+
const messages = useMessageStore(s => s.messages);
|
|
14
|
+
const hasMoreEarlier = useMessageStore(s => s.hasMoreEarlier);
|
|
15
|
+
const hasMoreNewer = useMessageStore(s => s.hasMoreNewer);
|
|
16
|
+
const setMessages = useMessageStore(s => s.setMessages);
|
|
17
|
+
const pushNewMessage = useMessageStore(s => s.pushNewMessage);
|
|
18
|
+
const reset = useMessageStore(s => s.reset);
|
|
13
19
|
const [currentUserId, setCurrentUserId] = useState();
|
|
14
20
|
const [isLoading, setIsLoading] = useState(false);
|
|
15
21
|
const [isLoadingEarlier, setIsLoadingEarlier] = useState(false);
|
|
16
|
-
const [hasMoreEarlier, setHasMoreEarlier] = useState(false);
|
|
17
22
|
const [isLoadingNewer, setIsLoadingNewer] = useState(false);
|
|
18
|
-
const [hasMoreNewer, setHasMoreNewer] = useState(false);
|
|
19
23
|
const [error, setError] = useState(null);
|
|
20
24
|
const conversationIdRef = useRef(conversationId);
|
|
21
25
|
conversationIdRef.current = conversationId;
|
|
22
|
-
const
|
|
23
|
-
|
|
24
|
-
const messagesRef = useRef(messages);
|
|
25
|
-
const hasMoreEarlierRef = useRef(hasMoreEarlier);
|
|
26
|
-
const hasMoreNewerRef = useRef(hasMoreNewer);
|
|
27
|
-
const historyAnchorRef = useRef(null);
|
|
28
|
-
const newestAnchorRef = useRef(null);
|
|
29
|
-
messagesRef.current = messages;
|
|
30
|
-
hasMoreEarlierRef.current = hasMoreEarlier;
|
|
31
|
-
hasMoreNewerRef.current = hasMoreNewer;
|
|
32
|
-
const resetState = useCallback(() => {
|
|
33
|
-
setMessages([]);
|
|
34
|
-
setHasMoreEarlier(false);
|
|
35
|
-
setHasMoreNewer(false);
|
|
36
|
-
setError(null);
|
|
37
|
-
isLoadingEarlierRef.current = false;
|
|
38
|
-
isLoadingNewerRef.current = false;
|
|
39
|
-
historyAnchorRef.current = null;
|
|
40
|
-
newestAnchorRef.current = null;
|
|
41
|
-
}, []);
|
|
42
|
-
const loadInitialMessages = useCallback(async () => {
|
|
43
|
-
if (!conversationId) {
|
|
44
|
-
return;
|
|
45
|
-
}
|
|
26
|
+
const fetchInitial = useCallback(async () => {
|
|
27
|
+
if (!conversationId) return;
|
|
46
28
|
setIsLoading(true);
|
|
47
29
|
setError(null);
|
|
48
30
|
try {
|
|
@@ -50,140 +32,74 @@ export function useChatMessages({
|
|
|
50
32
|
count: pageSize
|
|
51
33
|
}), ChatMessageAPI.getCurrentUserId()]);
|
|
52
34
|
const initialMessages = history.messageList;
|
|
53
|
-
const oldestAnchor = getHistoryPaginationAnchor(initialMessages);
|
|
54
35
|
setCurrentUserId(userId);
|
|
55
|
-
setMessages(mergeMessages([], initialMessages));
|
|
56
|
-
historyAnchorRef.current = oldestAnchor ? {
|
|
57
|
-
clientMsgID: oldestAnchor.clientMsgID
|
|
58
|
-
// lastMinSeq: resolveHistoryLastMinSeq(
|
|
59
|
-
// history,
|
|
60
|
-
// initialMessages.find(
|
|
61
|
-
// (message) => message.clientMsgID === oldestAnchor.clientMsgID
|
|
62
|
-
// )
|
|
63
|
-
// ),
|
|
64
|
-
} : null;
|
|
65
|
-
setHasMoreEarlier(!history.isEnd && !!oldestAnchor);
|
|
36
|
+
setMessages(mergeMessages([], initialMessages), !history.isEnd);
|
|
66
37
|
ChatMessageAPI.markConversationAsRead(conversationId).catch(() => undefined);
|
|
67
38
|
} catch (err) {
|
|
68
39
|
setError(err instanceof Error ? err : new Error(String(err)));
|
|
69
40
|
} finally {
|
|
70
41
|
setIsLoading(false);
|
|
71
42
|
}
|
|
72
|
-
}, [conversationId, pageSize]);
|
|
43
|
+
}, [conversationId, pageSize, setMessages]);
|
|
73
44
|
const onLoadEarlier = useCallback(async () => {
|
|
74
|
-
if (
|
|
75
|
-
return;
|
|
76
|
-
}
|
|
77
|
-
isLoadingEarlierRef.current = true;
|
|
45
|
+
if (isLoadingEarlier || !hasMoreEarlier || !messages.length) return;
|
|
78
46
|
setIsLoadingEarlier(true);
|
|
79
47
|
setError(null);
|
|
80
|
-
const anchor = historyAnchorRef.current;
|
|
81
|
-
if (!anchor?.clientMsgID) {
|
|
82
|
-
isLoadingEarlierRef.current = false;
|
|
83
|
-
setIsLoadingEarlier(false);
|
|
84
|
-
return;
|
|
85
|
-
}
|
|
86
48
|
try {
|
|
87
49
|
const history = await ChatMessageAPI.fetchHistoryMessages(conversationId, {
|
|
88
50
|
count: pageSize,
|
|
89
|
-
startClientMsgID:
|
|
51
|
+
startClientMsgID: messages[0].clientMsgID
|
|
90
52
|
});
|
|
91
53
|
const incoming = history.messageList;
|
|
92
|
-
const
|
|
93
|
-
if (
|
|
94
|
-
setMessages(
|
|
54
|
+
const hasNew = hasNewHistoryMessages(messages, incoming);
|
|
55
|
+
if (hasNew) {
|
|
56
|
+
setMessages(mergeMessages(messages, incoming), !history.isEnd && hasNew);
|
|
57
|
+
} else {
|
|
58
|
+
setMessages(messages, false);
|
|
95
59
|
}
|
|
96
|
-
const nextAnchor = getHistoryPaginationAnchor(incoming);
|
|
97
|
-
historyAnchorRef.current = nextAnchor ? {
|
|
98
|
-
clientMsgID: nextAnchor.clientMsgID
|
|
99
|
-
// lastMinSeq: resolveHistoryLastMinSeq(
|
|
100
|
-
// history,
|
|
101
|
-
// incoming.find(
|
|
102
|
-
// (message) => message.clientMsgID === nextAnchor.clientMsgID
|
|
103
|
-
// )
|
|
104
|
-
// ),
|
|
105
|
-
} : null;
|
|
106
|
-
setHasMoreEarlier(!history.isEnd && hasNewMessages && !!nextAnchor);
|
|
107
60
|
} catch (err) {
|
|
108
61
|
setError(err instanceof Error ? err : new Error(String(err)));
|
|
109
62
|
} finally {
|
|
110
|
-
isLoadingEarlierRef.current = false;
|
|
111
63
|
setIsLoadingEarlier(false);
|
|
112
64
|
}
|
|
113
|
-
}, [conversationId, pageSize]);
|
|
65
|
+
}, [conversationId, hasMoreEarlier, isLoadingEarlier, messages, pageSize, setMessages]);
|
|
114
66
|
const onLoadNewer = useCallback(async () => {
|
|
115
|
-
if (
|
|
116
|
-
return;
|
|
117
|
-
}
|
|
118
|
-
isLoadingNewerRef.current = true;
|
|
67
|
+
if (isLoadingNewer || !hasMoreNewer || !messages.length) return;
|
|
119
68
|
setIsLoadingNewer(true);
|
|
120
69
|
setError(null);
|
|
121
|
-
const anchor = newestAnchorRef.current;
|
|
122
|
-
if (!anchor?.clientMsgID && messagesRef.current.length === 0) {
|
|
123
|
-
isLoadingNewerRef.current = false;
|
|
124
|
-
setIsLoadingNewer(false);
|
|
125
|
-
return;
|
|
126
|
-
}
|
|
127
70
|
try {
|
|
128
|
-
// Get the newest message ID to load from
|
|
129
|
-
const newestMessage = messagesRef.current[messagesRef.current.length - 1];
|
|
130
71
|
const history = await ChatMessageAPI.fetchHistoryMessages(conversationId, {
|
|
131
72
|
count: pageSize,
|
|
132
|
-
startClientMsgID:
|
|
73
|
+
startClientMsgID: messages[messages.length - 1].clientMsgID
|
|
133
74
|
});
|
|
134
75
|
const incoming = history.messageList;
|
|
135
|
-
const
|
|
136
|
-
if (
|
|
137
|
-
setMessages(
|
|
76
|
+
const hasNew = incoming.length > 0;
|
|
77
|
+
if (hasNew) {
|
|
78
|
+
setMessages(mergeMessages(messages, incoming), !history.isEnd && hasNew);
|
|
138
79
|
}
|
|
139
|
-
setHasMoreNewer(!history.isEnd && hasNewMessages);
|
|
140
80
|
} catch (err) {
|
|
141
81
|
setError(err instanceof Error ? err : new Error(String(err)));
|
|
142
82
|
} finally {
|
|
143
|
-
isLoadingNewerRef.current = false;
|
|
144
83
|
setIsLoadingNewer(false);
|
|
145
84
|
}
|
|
146
|
-
}, [conversationId, pageSize]);
|
|
147
|
-
const sendTextMessage = useCallback(async text => {
|
|
148
|
-
const trimmed = text.trim();
|
|
149
|
-
if (!trimmed) {
|
|
150
|
-
return;
|
|
151
|
-
}
|
|
152
|
-
const sentMessage = await ChatMessageAPI.sendTextMessage({
|
|
153
|
-
text: trimmed
|
|
154
|
-
});
|
|
155
|
-
setMessages(current => mergeMessages(current, [sentMessage]));
|
|
156
|
-
}, []);
|
|
85
|
+
}, [conversationId, hasMoreNewer, isLoadingNewer, messages, pageSize, setMessages]);
|
|
157
86
|
const appendIncomingMessages = useCallback(incoming => {
|
|
158
87
|
const relevant = incoming.filter(message => belongsToConversation(message, conversationIdRef.current));
|
|
159
|
-
if (!relevant.length)
|
|
160
|
-
|
|
161
|
-
}
|
|
162
|
-
setMessages(current => mergeMessages(current, relevant));
|
|
88
|
+
if (!relevant.length) return;
|
|
89
|
+
relevant.forEach(msg => pushNewMessage(msg));
|
|
163
90
|
ChatMessageAPI.markConversationAsRead(conversationIdRef.current).catch(() => undefined);
|
|
164
|
-
}, []);
|
|
91
|
+
}, [pushNewMessage]);
|
|
165
92
|
useEffect(() => {
|
|
166
|
-
|
|
167
|
-
if (!enabled || !conversationId)
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
loadInitialMessages();
|
|
171
|
-
}, [conversationId, enabled, loadInitialMessages, resetState]);
|
|
93
|
+
reset();
|
|
94
|
+
if (!enabled || !conversationId) return;
|
|
95
|
+
fetchInitial();
|
|
96
|
+
}, [conversationId, enabled, fetchInitial, reset]);
|
|
172
97
|
useEffect(() => {
|
|
173
|
-
if (!enabled || !conversationId)
|
|
174
|
-
|
|
175
|
-
}
|
|
176
|
-
const handleNewMessages = incoming => {
|
|
177
|
-
appendIncomingMessages(incoming);
|
|
178
|
-
};
|
|
179
|
-
const handleNewMessage = incoming => {
|
|
180
|
-
appendIncomingMessages([incoming]);
|
|
181
|
-
};
|
|
98
|
+
if (!enabled || !conversationId) return;
|
|
99
|
+
const handleNewMessages = incoming => appendIncomingMessages(incoming);
|
|
182
100
|
OpenIMSDK.on(OpenIMEvent.OnRecvNewMessages, handleNewMessages);
|
|
183
|
-
OpenIMSDK.on(OpenIMEvent.OnRecvNewMessage, handleNewMessage);
|
|
184
101
|
return () => {
|
|
185
102
|
OpenIMSDK.off(OpenIMEvent.OnRecvNewMessages, handleNewMessages);
|
|
186
|
-
OpenIMSDK.off(OpenIMEvent.OnRecvNewMessage, handleNewMessage);
|
|
187
103
|
};
|
|
188
104
|
}, [appendIncomingMessages, conversationId, enabled]);
|
|
189
105
|
return {
|
|
@@ -197,8 +113,7 @@ export function useChatMessages({
|
|
|
197
113
|
error,
|
|
198
114
|
onLoadEarlier,
|
|
199
115
|
onLoadNewer,
|
|
200
|
-
|
|
201
|
-
refresh: loadInitialMessages
|
|
116
|
+
refresh: fetchInitial
|
|
202
117
|
};
|
|
203
118
|
}
|
|
204
119
|
//# sourceMappingURL=useChatMessages.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["OpenIMSDK","OpenIMEvent","useCallback","useEffect","useRef","useState","ChatMessageAPI","belongsToConversation","
|
|
1
|
+
{"version":3,"names":["OpenIMSDK","OpenIMEvent","useCallback","useEffect","useRef","useState","ChatMessageAPI","belongsToConversation","hasNewHistoryMessages","mergeMessages","useMessageStore","useChatMessages","conversationId","enabled","pageSize","messages","s","hasMoreEarlier","hasMoreNewer","setMessages","pushNewMessage","reset","currentUserId","setCurrentUserId","isLoading","setIsLoading","isLoadingEarlier","setIsLoadingEarlier","isLoadingNewer","setIsLoadingNewer","error","setError","conversationIdRef","current","fetchInitial","history","userId","Promise","all","fetchHistoryMessages","count","getCurrentUserId","initialMessages","messageList","isEnd","markConversationAsRead","catch","undefined","err","Error","String","onLoadEarlier","length","startClientMsgID","clientMsgID","incoming","hasNew","onLoadNewer","appendIncomingMessages","relevant","filter","message","forEach","msg","handleNewMessages","on","OnRecvNewMessages","off","refresh"],"sourceRoot":"../../../src","sources":["hooks/useChatMessages.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,10 +3,31 @@
|
|
|
3
3
|
import { useEffect } from 'react';
|
|
4
4
|
import { useQuery } from '@tanstack/react-query';
|
|
5
5
|
import OpenIMSDK from '@droppii/openim-rn-client-sdk';
|
|
6
|
-
import { ChatAPI } from "../services/index.js";
|
|
7
6
|
import { conversationQueryKeys } from "./query-keys.js";
|
|
8
7
|
import { useConversationStore } from "../store/index.js";
|
|
9
|
-
|
|
8
|
+
function toConversationItem(raw) {
|
|
9
|
+
let lastMessage;
|
|
10
|
+
if (raw.latestMsg) {
|
|
11
|
+
try {
|
|
12
|
+
lastMessage = JSON.parse(raw.latestMsg);
|
|
13
|
+
} catch {
|
|
14
|
+
// leave undefined
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
let applicationType;
|
|
18
|
+
if (raw.ex) {
|
|
19
|
+
try {
|
|
20
|
+
applicationType = JSON.parse(raw.ex).applicationType;
|
|
21
|
+
} catch {
|
|
22
|
+
// leave undefined
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
return {
|
|
26
|
+
...raw,
|
|
27
|
+
lastMessage,
|
|
28
|
+
applicationType
|
|
29
|
+
};
|
|
30
|
+
}
|
|
10
31
|
export function useConversationList({
|
|
11
32
|
applicationType,
|
|
12
33
|
page = 1,
|
|
@@ -18,23 +39,14 @@ export function useConversationList({
|
|
|
18
39
|
enabled: enabled !== false,
|
|
19
40
|
queryFn: async () => {
|
|
20
41
|
const offset = (page - 1) * 20;
|
|
21
|
-
const
|
|
22
|
-
data: droppiiList
|
|
23
|
-
}, openimList] = await Promise.all([ChatAPI.queryConversations({
|
|
24
|
-
applicationType,
|
|
25
|
-
page,
|
|
26
|
-
pageSize: 20
|
|
27
|
-
}), OpenIMSDK.getConversationListSplit({
|
|
42
|
+
const rawList = await OpenIMSDK.getConversationListSplitApp({
|
|
28
43
|
offset,
|
|
29
|
-
count: 20
|
|
30
|
-
|
|
31
|
-
const openimMap = new Map(openimList.map(c => [c.conversationID, c]));
|
|
32
|
-
const merged = droppiiList.map(conv => {
|
|
33
|
-
const openimConv = openimMap.get(conv.conversationId);
|
|
34
|
-
return openimConv ? mergeOpenIMIntoConversation(conv, openimConv) : conv;
|
|
44
|
+
count: 20,
|
|
45
|
+
applicationType
|
|
35
46
|
});
|
|
36
|
-
|
|
37
|
-
|
|
47
|
+
const conversations = rawList.map(toConversationItem);
|
|
48
|
+
useConversationStore.getState().updateConversations(conversations);
|
|
49
|
+
return conversations;
|
|
38
50
|
}
|
|
39
51
|
});
|
|
40
52
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useQuery","OpenIMSDK","
|
|
1
|
+
{"version":3,"names":["useEffect","useQuery","OpenIMSDK","conversationQueryKeys","useConversationStore","toConversationItem","raw","lastMessage","latestMsg","JSON","parse","applicationType","ex","useConversationList","page","enabled","newConversationSignal","s","query","queryKey","list","queryFn","offset","rawList","getConversationListSplitApp","count","conversations","map","getState","updateConversations","refetch"],"sourceRoot":"../../../src","sources":["hooks/useConversationList.ts"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,OAAOC,SAAS,MAET,+BAA+B;AACtC,SAASC,qBAAqB,QAAQ,iBAAc;AACpD,SAASC,oBAAoB,QAAQ,mBAAU;AAS/C,SAASC,kBAAkBA,CAACC,GAAqB,EAAqB;EACpE,IAAIC,WAAqC;EACzC,IAAID,GAAG,CAACE,SAAS,EAAE;IACjB,IAAI;MACFD,WAAW,GAAGE,IAAI,CAACC,KAAK,CAACJ,GAAG,CAACE,SAAS,CAAiB;IACzD,CAAC,CAAC,MAAM;MACN;IAAA;EAEJ;EAEA,IAAIG,eAAmC;EACvC,IAAIL,GAAG,CAACM,EAAE,EAAE;IACV,IAAI;MACFD,eAAe,GAAIF,IAAI,CAACC,KAAK,CAACJ,GAAG,CAACM,EAAE,CAAC,CAClCD,eAAe;IACpB,CAAC,CAAC,MAAM;MACN;IAAA;EAEJ;EAEA,OAAO;IAAE,GAAIL,GAAyB;IAAEC,WAAW;IAAEI;EAAgB,CAAC;AACxE;AAEA,OAAO,SAASE,mBAAmBA,CAAC;EAClCF,eAAe;EACfG,IAAI,GAAG,CAAC;EACRC,OAAO,GAAG;AACJ,CAAC,EAAE;EACT,MAAMC,qBAAqB,GAAGZ,oBAAoB,CAC/Ca,CAAC,IAAKA,CAAC,CAACD,qBACX,CAAC;EAED,MAAME,KAAK,GAAGjB,QAAQ,CAAC;IACrBkB,QAAQ,EAAE,CAAC,GAAGhB,qBAAqB,CAACiB,IAAI,CAACT,eAAe,CAAC,EAAEG,IAAI,CAAC;IAChEC,OAAO,EAAEA,OAAO,KAAK,KAAK;IAC1BM,OAAO,EAAE,MAAAA,CAAA,KAAY;MACnB,MAAMC,MAAM,GAAG,CAACR,IAAI,GAAG,CAAC,IAAI,EAAE;MAC9B,MAAMS,OAAO,GAAG,MAAMrB,SAAS,CAACsB,2BAA2B,CAAC;QAC1DF,MAAM;QACNG,KAAK,EAAE,EAAE;QACTd;MACF,CAAC,CAAC;MAEF,MAAMe,aAAa,GAAGH,OAAO,CAACI,GAAG,CAACtB,kBAAkB,CAAC;MACrDD,oBAAoB,CAACwB,QAAQ,CAAC,CAAC,CAACC,mBAAmB,CAACH,aAAa,CAAC;MAClE,OAAOA,aAAa;IACtB;EACF,CAAC,CAAC;;EAEF;EACA;EACA1B,SAAS,CAAC,MAAM;IACd,IAAIgB,qBAAqB,GAAG,CAAC,EAAE;MAC7BE,KAAK,CAACY,OAAO,CAAC,CAAC;IACjB;IACA;EACF,CAAC,EAAE,CAACd,qBAAqB,CAAC,CAAC;EAE3B,OAAOE,KAAK;AACd","ignoreList":[]}
|
|
@@ -0,0 +1,263 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useCallback, useState } from 'react';
|
|
4
|
+
import RNFS from 'react-native-fs';
|
|
5
|
+
import DeviceUtils from "../utils/device.js";
|
|
6
|
+
import UIUtils from "../utils/ui.js";
|
|
7
|
+
import { trans } from "../translation/index.js";
|
|
8
|
+
import { getMimeType, isVideoFromPicker } from "../utils/imageUtils.js";
|
|
9
|
+
import { ImageUploadAPI } from "../services/imageUpload.js";
|
|
10
|
+
import VideoThumbnailUtil from "../utils/videoThumbnail.js";
|
|
11
|
+
export const useImageAttachment = () => {
|
|
12
|
+
const [selectedImages, setSelectedImages] = useState([]);
|
|
13
|
+
const [isImagePreviewVisible, setIsImagePreviewVisible] = useState(false);
|
|
14
|
+
const updateImageStatus = useCallback((index, updates) => {
|
|
15
|
+
setSelectedImages(prev => {
|
|
16
|
+
const newImages = [...prev];
|
|
17
|
+
if (newImages[index]) {
|
|
18
|
+
newImages[index] = {
|
|
19
|
+
...newImages[index],
|
|
20
|
+
...updates
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
return newImages;
|
|
24
|
+
});
|
|
25
|
+
}, []);
|
|
26
|
+
const uploadImage = useCallback(async (index, image) => {
|
|
27
|
+
console.log('Upload', 'Step 1: Starting upload for image', {
|
|
28
|
+
index
|
|
29
|
+
});
|
|
30
|
+
let cachedFilePath = null;
|
|
31
|
+
try {
|
|
32
|
+
console.log('Upload', 'Step 2: Updating status to uploading...');
|
|
33
|
+
updateImageStatus(index, {
|
|
34
|
+
isUploading: true,
|
|
35
|
+
error: null,
|
|
36
|
+
uploadProgress: 0
|
|
37
|
+
});
|
|
38
|
+
try {
|
|
39
|
+
console.log('Upload', 'Step 3: Preparing file...', {
|
|
40
|
+
originalPath: image.path,
|
|
41
|
+
filename: image.filename
|
|
42
|
+
});
|
|
43
|
+
const ext = image.filename?.split('.').pop() || 'jpg';
|
|
44
|
+
const fileName = `temp-image-${Date.now()}-${index}.${ext}`;
|
|
45
|
+
cachedFilePath = `${RNFS.DocumentDirectoryPath}/${fileName}`;
|
|
46
|
+
console.log('Upload', 'Step 4: Copying file to cache...', {
|
|
47
|
+
from: image.path,
|
|
48
|
+
to: cachedFilePath
|
|
49
|
+
});
|
|
50
|
+
await RNFS.copyFile(image.path, cachedFilePath);
|
|
51
|
+
console.log('Upload', 'Step 5: File copied successfully');
|
|
52
|
+
} catch (fileError) {
|
|
53
|
+
console.error('Upload', 'File copy error', fileError);
|
|
54
|
+
throw new Error(`Failed to prepare file: ${fileError?.message || 'Unknown error'}`);
|
|
55
|
+
}
|
|
56
|
+
const filename = image.filename || 'image.jpg';
|
|
57
|
+
const setProgress = progress => {
|
|
58
|
+
try {
|
|
59
|
+
console.log('Upload', 'Progress', {
|
|
60
|
+
percentage: progress
|
|
61
|
+
});
|
|
62
|
+
updateImageStatus(index, {
|
|
63
|
+
uploadProgress: progress
|
|
64
|
+
});
|
|
65
|
+
} catch (err) {
|
|
66
|
+
console.error('Upload', 'Progress update error', err);
|
|
67
|
+
}
|
|
68
|
+
};
|
|
69
|
+
let uploadedImage;
|
|
70
|
+
try {
|
|
71
|
+
console.log('Upload', 'Step 6: Uploading to server...', {
|
|
72
|
+
filename,
|
|
73
|
+
size: image.size
|
|
74
|
+
});
|
|
75
|
+
uploadedImage = await ImageUploadAPI.uploadImageFile({
|
|
76
|
+
path: cachedFilePath || '',
|
|
77
|
+
filename,
|
|
78
|
+
size: image.size || 0,
|
|
79
|
+
width: image.width || 0,
|
|
80
|
+
height: image.height || 0,
|
|
81
|
+
mime: getMimeType(filename)
|
|
82
|
+
}, setProgress);
|
|
83
|
+
console.log('Upload', 'Step 7: Upload successful!', {
|
|
84
|
+
url: uploadedImage?.url
|
|
85
|
+
});
|
|
86
|
+
} catch (uploadError) {
|
|
87
|
+
console.error('Upload', 'Server upload error', uploadError);
|
|
88
|
+
throw new Error(`Upload failed: ${uploadError?.message || 'Unknown error'}`);
|
|
89
|
+
}
|
|
90
|
+
if (!uploadedImage?.url) {
|
|
91
|
+
throw new Error('No URL returned from server');
|
|
92
|
+
}
|
|
93
|
+
console.log('Upload', 'Step 8: Upload complete, preparing data...');
|
|
94
|
+
updateImageStatus(index, {
|
|
95
|
+
isUploading: false,
|
|
96
|
+
uploadProgress: 100,
|
|
97
|
+
uploadedUrl: uploadedImage.url
|
|
98
|
+
});
|
|
99
|
+
console.log('Upload', 'Step 9: Ready to send - waiting for user confirmation');
|
|
100
|
+
console.log('Upload', 'Step 11: Cleaning up cache file...');
|
|
101
|
+
try {
|
|
102
|
+
if (cachedFilePath) {
|
|
103
|
+
await ImageUploadAPI.cleanupImageFile(cachedFilePath);
|
|
104
|
+
}
|
|
105
|
+
} catch (cleanupError) {
|
|
106
|
+
console.warn('Upload', 'Cleanup warning', cleanupError);
|
|
107
|
+
}
|
|
108
|
+
console.log('Upload', 'Step 12: COMPLETE ✓');
|
|
109
|
+
} catch (error) {
|
|
110
|
+
console.error('Upload', 'ERROR', error);
|
|
111
|
+
const errorMsg = error?.message || trans('chat:image_upload_failed');
|
|
112
|
+
updateImageStatus(index, {
|
|
113
|
+
isUploading: false,
|
|
114
|
+
error: errorMsg
|
|
115
|
+
});
|
|
116
|
+
try {
|
|
117
|
+
if (cachedFilePath) {
|
|
118
|
+
await ImageUploadAPI.cleanupImageFile(cachedFilePath);
|
|
119
|
+
}
|
|
120
|
+
} catch (cleanupError) {
|
|
121
|
+
console.warn('Upload', 'Cleanup after error', cleanupError);
|
|
122
|
+
}
|
|
123
|
+
console.error('uploadImage', 'Full error', error);
|
|
124
|
+
}
|
|
125
|
+
}, [updateImageStatus]);
|
|
126
|
+
const generateVideoThumbnail = useCallback(async (index, image) => {
|
|
127
|
+
if (!isVideoFromPicker(image)) return; // Only for videos
|
|
128
|
+
|
|
129
|
+
try {
|
|
130
|
+
console.log('[ImageAttach] Generating thumbnail for video:', {
|
|
131
|
+
index,
|
|
132
|
+
filename: image.filename
|
|
133
|
+
});
|
|
134
|
+
const videoDuration = image.duration || 0;
|
|
135
|
+
const timeMs = Math.min(1000, Math.floor(videoDuration / 2));
|
|
136
|
+
|
|
137
|
+
// Copy video to safe location
|
|
138
|
+
const ext = image.filename?.split('.').pop() || 'mp4';
|
|
139
|
+
const cachedFileName = `thumb-cache-${Date.now()}-${index}.${ext}`;
|
|
140
|
+
const cachedVideoPath = `${RNFS.DocumentDirectoryPath}/${cachedFileName}`;
|
|
141
|
+
await RNFS.copyFile(image.path, cachedVideoPath);
|
|
142
|
+
|
|
143
|
+
// Generate thumbnail
|
|
144
|
+
const thumbnail = await VideoThumbnailUtil.generateThumbnail(cachedVideoPath, {
|
|
145
|
+
time: timeMs,
|
|
146
|
+
quality: 80
|
|
147
|
+
});
|
|
148
|
+
if (!thumbnail) throw new Error('Thumbnail generation failed');
|
|
149
|
+
|
|
150
|
+
// Upload thumbnail (force .jpg extension for image file)
|
|
151
|
+
const baseName = image.filename?.split('.')[0] || 'video';
|
|
152
|
+
const uploadedThumbnail = await ImageUploadAPI.uploadImageFile({
|
|
153
|
+
path: thumbnail.path,
|
|
154
|
+
filename: `thumb-${baseName}.jpg`,
|
|
155
|
+
size: 0,
|
|
156
|
+
width: thumbnail.width || 320,
|
|
157
|
+
height: thumbnail.height || 180,
|
|
158
|
+
mime: 'image/jpeg'
|
|
159
|
+
}, progress => {
|
|
160
|
+
console.log('[ImageAttach] Thumbnail upload progress:', {
|
|
161
|
+
index,
|
|
162
|
+
percentage: progress
|
|
163
|
+
});
|
|
164
|
+
});
|
|
165
|
+
if (!uploadedThumbnail?.url) {
|
|
166
|
+
throw new Error('No thumbnail URL returned');
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
// Update state with thumbnail
|
|
170
|
+
updateImageStatus(index, {
|
|
171
|
+
thumbnailUrl: uploadedThumbnail.url,
|
|
172
|
+
thumbnailSize: uploadedThumbnail.size || 0
|
|
173
|
+
});
|
|
174
|
+
console.log(`✅ [ImageAttach] THUMBNAIL URL (picked): ${uploadedThumbnail.url}`);
|
|
175
|
+
|
|
176
|
+
// Cleanup cached video
|
|
177
|
+
try {
|
|
178
|
+
await RNFS.unlink(cachedVideoPath);
|
|
179
|
+
} catch (err) {
|
|
180
|
+
console.warn('[ImageAttach] Failed to clean cached video:', err);
|
|
181
|
+
}
|
|
182
|
+
} catch (error) {
|
|
183
|
+
console.error('[ImageAttach] Video thumbnail generation error:', error);
|
|
184
|
+
UIUtils.toast.open({
|
|
185
|
+
title: 'Thumbnail Error',
|
|
186
|
+
message: `Failed to generate thumbnail for ${image.filename}`,
|
|
187
|
+
theme: 'danger'
|
|
188
|
+
});
|
|
189
|
+
}
|
|
190
|
+
}, [updateImageStatus]);
|
|
191
|
+
const handleImageAttach = useCallback(async (multipleMode = true) => {
|
|
192
|
+
console.log('ImageAttach', 'Step 1: User tapped attachment button', {
|
|
193
|
+
multipleMode
|
|
194
|
+
});
|
|
195
|
+
try {
|
|
196
|
+
console.log('ImageAttach', 'Step 2: Opening image picker...');
|
|
197
|
+
const images = await DeviceUtils.openImagePicker(multipleMode);
|
|
198
|
+
if (!images || images.length === 0) {
|
|
199
|
+
console.log('ImageAttach', 'Step 3: User cancelled picker');
|
|
200
|
+
return;
|
|
201
|
+
}
|
|
202
|
+
console.log('ImageAttach', 'Step 4: Images picked', {
|
|
203
|
+
count: images.length
|
|
204
|
+
});
|
|
205
|
+
const MAX_FILE_SIZE = 5 * 1024 * 1024;
|
|
206
|
+
const oversizedImages = images.filter(img => (img.size || 0) > MAX_FILE_SIZE);
|
|
207
|
+
if (oversizedImages.length > 0) {
|
|
208
|
+
console.warn('ImageAttach', 'Step 5: Some images too large', {
|
|
209
|
+
count: oversizedImages.length,
|
|
210
|
+
maxSize: MAX_FILE_SIZE
|
|
211
|
+
});
|
|
212
|
+
UIUtils.toast.open({
|
|
213
|
+
title: trans('chat:image_too_large'),
|
|
214
|
+
theme: 'danger'
|
|
215
|
+
});
|
|
216
|
+
const validImages = images.filter(img => (img.size || 0) <= MAX_FILE_SIZE);
|
|
217
|
+
if (validImages.length === 0) return;
|
|
218
|
+
images.splice(0, images.length, ...validImages);
|
|
219
|
+
}
|
|
220
|
+
console.log('ImageAttach', 'Step 6: Size validation passed');
|
|
221
|
+
const startIndex = selectedImages.length;
|
|
222
|
+
console.log('ImageAttach', 'Step 7: Adding to preview list', {
|
|
223
|
+
count: images.length,
|
|
224
|
+
startIndex
|
|
225
|
+
});
|
|
226
|
+
setSelectedImages(prev => [...prev, ...images.map(image => ({
|
|
227
|
+
image,
|
|
228
|
+
uploadProgress: 0,
|
|
229
|
+
error: null,
|
|
230
|
+
isUploading: true
|
|
231
|
+
}))]);
|
|
232
|
+
setIsImagePreviewVisible(true);
|
|
233
|
+
|
|
234
|
+
// Generate thumbnails for videos (parallel)
|
|
235
|
+
console.log('ImageAttach', 'Step 7.5: Generating thumbnails for videos...');
|
|
236
|
+
await Promise.all(images.map((image, offset) => generateVideoThumbnail(startIndex + offset, image)));
|
|
237
|
+
console.log('ImageAttach', 'Step 8: Starting uploads...');
|
|
238
|
+
await Promise.all(images.map((image, offset) => uploadImage(startIndex + offset, image)));
|
|
239
|
+
} catch (error) {
|
|
240
|
+
console.error('ImageAttach', 'ERROR', error);
|
|
241
|
+
UIUtils.toast.open({
|
|
242
|
+
title: trans('chat:image_pick_failed'),
|
|
243
|
+
message: error instanceof Error ? error.message : 'Unknown error',
|
|
244
|
+
theme: 'danger'
|
|
245
|
+
});
|
|
246
|
+
}
|
|
247
|
+
}, [selectedImages.length, uploadImage, generateVideoThumbnail]);
|
|
248
|
+
const handleImageRemove = useCallback(index => {
|
|
249
|
+
setSelectedImages(prev => prev.filter((_, i) => i !== index));
|
|
250
|
+
}, []);
|
|
251
|
+
const clearAllImages = useCallback(() => {
|
|
252
|
+
setSelectedImages([]);
|
|
253
|
+
setIsImagePreviewVisible(false);
|
|
254
|
+
}, []);
|
|
255
|
+
return {
|
|
256
|
+
selectedImages,
|
|
257
|
+
isImagePreviewVisible,
|
|
258
|
+
handleImageAttach,
|
|
259
|
+
handleImageRemove,
|
|
260
|
+
clearAllImages
|
|
261
|
+
};
|
|
262
|
+
};
|
|
263
|
+
//# sourceMappingURL=useImageAttachment.js.map
|