react-native-gifted-chat 2.8.2-alpha.6 → 3.0.0-alpha.0

package/src/index.ts

@@ -1,4 +1,22 @@
 export * from './GiftedChat'
 export * from './Constant'
-export * from './utils'
+export * as utils from './utils'
 export * from './GiftedChatContext'
+export * from './types'
+export { Actions } from './Actions'
+export { Avatar } from './Avatar'
+export { Bubble } from './Bubble'
+export { SystemMessage } from './SystemMessage'
+export { MessageImage } from './MessageImage'
+export { MessageText } from './MessageText'
+export { Composer } from './Composer'
+export { Day } from './Day'
+export { InputToolbar } from './InputToolbar'
+export { LoadEarlierMessages } from './LoadEarlierMessages'
+export { Message } from './Message'
+export { MessageContainer } from './MessageContainer'
+export { Send } from './Send'
+export { Time } from './Time'
+export { GiftedAvatar } from './GiftedAvatar'
+export { MessageAudio } from './MessageAudio'
+export { MessageVideo } from './MessageVideo'

package/src/types.ts

@@ -1,4 +1,4 @@
-import { StyleProp, ViewStyle } from 'react-native'
+export * from './Models'
 
 export { ActionsProps } from './Actions'
 export { AvatarProps } from './Avatar'
@@ -22,65 +22,3 @@ export { QuickRepliesProps } from './QuickReplies'
 export { SendProps } from './Send'
 export { SystemMessageProps } from './SystemMessage'
 export { TimeProps } from './Time'
-
-export type Omit<T, K> = Pick<T, Exclude<keyof T, K>>
-
-export interface LeftRightStyle<T> {
-  left?: StyleProp<T>
-  right?: StyleProp<T>
-}
-
-type renderFunction = (x: unknown) => React.ReactNode
-
-export interface User {
-  _id: string | number
-  name?: string
-  avatar?: string | number | renderFunction
-}
-
-export interface Reply {
-  title: string
-  value: string
-  messageId?: number | string
-}
-
-export interface QuickReplies {
-  type: 'radio' | 'checkbox'
-  values: Reply[]
-  keepIt?: boolean
-}
-
-export interface IMessage {
-  _id: string | number
-  text: string
-  createdAt: Date | number
-  user: User
-  image?: string
-  video?: string
-  audio?: string
-  system?: boolean
-  sent?: boolean
-  received?: boolean
-  pending?: boolean
-  quickReplies?: QuickReplies
-  location?: {
-    latitude: number
-    longitude: number
-  }
-}
-
-export type IChatMessage = IMessage
-
-export interface MessageVideoProps<TMessage extends IMessage> {
-  currentMessage: TMessage
-  containerStyle?: StyleProp<ViewStyle>
-  videoStyle?: StyleProp<ViewStyle>
-  videoProps?: object
-}
-
-export interface MessageAudioProps<TMessage extends IMessage> {
-  currentMessage: TMessage
-  containerStyle?: StyleProp<ViewStyle>
-  audioStyle?: StyleProp<ViewStyle>
-  audioProps?: object
-}

package/src/utils.ts

@@ -1,6 +1,27 @@
-import { useCallback, useEffect, useRef } from 'react'
+import React, { useCallback, useEffect, useRef } from 'react'
 import dayjs from 'dayjs'
-import { IMessage } from './types'
+import { IMessage } from './Models'
+
+export function renderComponentOrElement<TProps extends Record<string, any>>(
+  component: React.ComponentType<TProps> | React.ReactElement | ((props: TProps) => React.ReactNode) | null | undefined,
+  props: TProps
+): React.ReactNode {
+  if (!component)
+    return null
+
+  if (React.isValidElement(component))
+    // If it's already a React element, clone it with props
+    return React.cloneElement(component, props as any)
+
+  if (typeof component === 'function') {
+    // If it's a component or render function
+    const Component = component as React.ComponentType<TProps>
+    return React.createElement(Component, props as any)
+  }
+
+  // If it's neither, return it as-is
+  return component
+}
 
 export function isSameDay (
   currentMessage: IMessage,