chat 1.0.6 → 3.0.0

package/src/hooks/useViewMessages/index.ts

@@ -1,61 +0,0 @@
-import { useRef, useCallback, useEffect } from 'react'
-import { NewMessageModel } from '../../classes/Message/types'
-import Room from '../../classes/Room'
-import { UseViewMessagesConfig, UseViewMessagesMethods } from './types'
-
-/**
- * React hook that returns a function useful for marking messages as viewed on the backend.
- * It works by only clearing unread count when you've reached the most recent message, leveraging React Native FlatList's onViewableItemsChanged.
- * This is only useful if you're using the Juice chat backend.
- *
- * @example
- * ```js
- * const onViewMessages = useViewMessages({ roomId: 'some_chat_room_id' })
- *
- * return <Juice.Chat onViewMessages={onViewMessages} />
- * ```
- */
-export default function<Model extends NewMessageModel = NewMessageModel>(
-	config: UseViewMessagesConfig,
-	methods: UseViewMessagesMethods<Model> = {}
-) {
-	const { roomId } = config
-	const lastUploadedMessageId = useRef<string | null>(null)
-	const { onViewMessages } = methods
-
-	const roomIdRef = useRef(roomId)
-	const onViewMessagesRef = useRef(onViewMessages)
-
-	useEffect(() => {
-		roomIdRef.current = roomId
-		if (onViewMessages) onViewMessagesRef.current = onViewMessages
-	}, [roomId, onViewMessages])
-
-	return useCallback(
-		({
-			visibleMessages,
-			latestMessageId
-		}: {
-			visibleMessages: Model[] | null
-			latestMessageId: string | null
-		}) => {
-			const message =
-				visibleMessages && visibleMessages.find(i => i.id === latestMessageId)
-			if (
-				visibleMessages &&
-				visibleMessages.length &&
-				onViewMessagesRef.current
-			) {
-				onViewMessagesRef.current({ visibleMessages })
-			}
-			if (message && message.id !== lastUploadedMessageId.current) {
-				lastUploadedMessageId.current = message.id
-				new Room({ id: roomIdRef.current }).viewMessage(
-					message.id,
-					message.createdAt
-				)
-			}
-		},
-		[]
-	)
-}

package/src/hooks/useViewMessages/types.ts

@@ -1,22 +0,0 @@
-import { NewMessageModel } from '../../classes/Message/types'
-
-export interface UseViewMessagesConfig {
-	roomId: string
-}
-
-/**
- * An optional dictionary for using custom callbacks for viewed messages.
- */
-export interface UseViewMessagesMethods<
-	Model extends NewMessageModel = NewMessageModel
-> {
-	/**
-	 * Callback function that is triggered whenever the messages in view changes.
-	 * Since the `useViewMessages` hook is only concerned with updating a chat room's unread count and such, `onViewMessages` might be useful if you want to have your own analytics or message tracking.
-	 *
-	 * @param info - A dictionary containing info about the currently visible messages
-	 * @param info.visibleMessages - An array of messages that are currently in view
-	 *
-	 */
-	onViewMessages?: (info: { visibleMessages: Model[] }) => void
-}

package/src/hooks/useViewMessagesOld/index.ts

@@ -1,39 +0,0 @@
-import { useRef, useMemo, useCallback, useEffect } from 'react'
-import { NewMessageModel } from '../../classes/Message/types'
-import { FlatListProps, ViewToken } from 'react-native'
-import Room from '../../classes/Room'
-
-export default function<Model extends NewMessageModel>({
-	messages,
-	roomId
-}: {
-	messages: Model[] | null
-	roomId: string
-}) {
-	const lastMessageId = useRef<string | null>(null)
-	const formatted: Model[] = useMemo(() => messages || [], [messages])
-
-	const messagesRef = useRef<Model[]>([])
-	const roomIdRef = useRef('')
-
-	useEffect(() => {
-		roomIdRef.current = roomId
-		messagesRef.current = formatted
-	}, [formatted, roomId])
-
-	const onViewableItemsChanged: FlatListProps<
-		Model
-	>['onViewableItemsChanged'] = useCallback(info => {
-		info.viewableItems.forEach((item: ViewToken) => {
-			if (!item.isViewable) return
-			const message = item.item as Model
-			const id = message.id
-			const mostRecentMessageId = messagesRef.current[0].id
-			if (id === mostRecentMessageId && lastMessageId.current !== id) {
-				lastMessageId.current = id
-				new Room({ id: roomIdRef.current }).viewMessage(id, message.createdAt)
-			}
-		})
-	}, [])
-	return onViewableItemsChanged
-}

package/src/index.ts

@@ -1,13 +0,0 @@
-export * from './components'
-export * from './classes'
-export * from './hooks'
-
-import * as ChatType from './components/Chat/types'
-import * as InboxType from './components/Inbox/types'
-import * as MessageType from './classes/Message/types'
-import * as RoomType from './classes/Room/types'
-
-export const ChatTypes = ChatType
-export const InboxTypes = InboxType
-export const MessageTypes = MessageType
-export const RoomTypes = RoomType