livelike logo
Product
NPM
Versions
Options
All
  • Public
  • Public/Protected
  • All
Menu

Index

Namespaces

Enumerations

Type aliases

Variables

Functions

Type aliases

Banner

Banner: { id: string; message: string; type: BannerType }

Type declaration

BasePickerData

BasePickerData: { id: string }

Type declaration

  • id: string

GifPickerState

GifPickerState: { error: null; gifImages: IGif[]; isLoading: boolean }

Type declaration

  • error: null
  • gifImages: IGif[]
  • isLoading: boolean

IChatMessage

IChatMessage: IChatMessageResponsePayload & { isDeleted?: boolean }

IChatUserMessage

IChatUserMessage: IChatUserMessageResponsePayload & { isDeleted?: boolean }

LLBasePickerProps

LLBasePickerProps<TItem>: ComponentStyleProp<LLBasePickerStyles> & { EmptyPickerComponent?: typeof LLPickerEmptyComponent; loading?: boolean; packItems: TItem[]; visible: boolean; PickerHeaderComponent?: any; PickerItemComponent: any }

Type parameters

LLBasePickerStyles

LLBasePickerStyles: { pickerContainer: ViewStyle; pickerItemContainer: ViewStyle; pickerItemsScrollview: ViewStyle; pickerLoadingIndicator: ViewStyle }

Type declaration

  • pickerContainer: ViewStyle
  • pickerItemContainer: ViewStyle
  • pickerItemsScrollview: ViewStyle
  • pickerLoadingIndicator: ViewStyle

LLChatBannerItemProps

LLChatBannerItemProps: ComponentStyleProp<LLChatBannerItemStyles> & { message: string; type: BannerType }

LLChatBannerItemStyles

LLChatBannerItemStyles: { bannerIndicator: ViewStyle; bannerText: TextStyle; itemContainer: ViewStyle }

Type declaration

  • bannerIndicator: ViewStyle
  • bannerText: TextStyle
  • itemContainer: ViewStyle

LLChatBannerProps

LLChatBannerProps: ComponentStyleProp<LLChatBannerStyles> & { BannerItemComponent?: typeof LLChatBannerItem; BannerItemComponentStyles?: LLChatBannerItemProps["styles"]; bannerAutoHideTimeout?: number }

LLChatBannerStyles

LLChatBannerStyles: { bannerContainer: ViewStyle }

Type declaration

  • bannerContainer: ViewStyle

LLChatHeaderProps

LLChatHeaderProps: ComponentStyleProp<LLChatHeaderStyles> & { title: string }

LLChatHeaderStyles

LLChatHeaderStyles: { headerContainer: ViewStyle; headerTitle: TextStyle }

Type declaration

  • headerContainer: ViewStyle
  • headerTitle: TextStyle

LLChatMessageComposerProps

LLChatMessageComposerProps: ComponentStyleProp<LLChatMessageComposerStyles> & { GifPickerComponent?: typeof LLGifPicker; GifPickerComponentStyles?: LLGifPickerProps["styles"]; SendButtonComponent?: typeof LLComposerSendButton; SendButtonComponentStyles?: LLComposerSendButtonProps["styles"]; StickerPickerComponent?: typeof LLStickerPicker; StickerPickerComponentStyles?: LLStickerPickerProps["styles"]; roomId: string }

LLChatMessageComposerStyles

LLChatMessageComposerStyles: { composerContainer: ViewStyle; composerIcon: ImageStyle; composerInput: ViewStyle }

Type declaration

  • composerContainer: ViewStyle
  • composerIcon: ImageStyle
  • composerInput: ViewStyle

LLChatMessageItemBodyProps

LLChatMessageItemBodyProps: ComponentStyleProp<LLChatMessageItemBodyStyles> & { ChatMessageItemBodyText?: typeof LLChatMessageItemBodyText; ChatMessageItemBodyTextStyles?: LLChatMessageItemBodyTextProps["styles"]; isSelfMessage: boolean; message: IChatUserMessage }

LLChatMessageItemBodyStyles

LLChatMessageItemBodyStyles: { selfMessageTextContainer: ViewStyle; textContainer: ViewStyle; textContent: ViewStyle }

Type declaration

  • selfMessageTextContainer: ViewStyle
  • textContainer: ViewStyle
  • textContent: ViewStyle

LLChatMessageItemBodyTextProps

LLChatMessageItemBodyTextProps: ComponentStyleProp<LLChatMessageItemBodyTextStyles> & { isDeleted: boolean; isSelfMessage: boolean; message: string }

LLChatMessageItemBodyTextStyles

LLChatMessageItemBodyTextStyles: { deletedMessageText: TextStyle; selfMessageText: TextStyle; stickerImage: ImageStyle; text: TextStyle }

Type declaration

  • deletedMessageText: TextStyle
  • selfMessageText: TextStyle
  • stickerImage: ImageStyle
  • text: TextStyle

LLChatMessageItemFooterProps

LLChatMessageItemFooterProps: ComponentStyleProp<LLChatMessageItemFooterStyles> & { UserReactionsCountComponent?: typeof LLUserReactionCounts; UserReactionsCountComponentStyles?: LLUserReactionCountsProps["styles"]; message: IChatUserMessage }

LLChatMessageItemFooterStyles

LLChatMessageItemFooterStyles: { addReactionIcon: ImageStyle; footerContainer: ViewStyle }

Type declaration

  • addReactionIcon: ImageStyle
  • footerContainer: ViewStyle

LLChatMessageItemHeaderProps

LLChatMessageItemHeaderProps: ComponentStyleProp<LLChatMessageItemHeaderStyles> & { isSelfMessage: boolean; message: IChatUserMessage }

LLChatMessageItemHeaderStyles

LLChatMessageItemHeaderStyles: { avatarImage: ImageStyle; headerContainer: ViewStyle; ownTimestamp: TextStyle; ownUsername: TextStyle; timestamp: TextStyle; titleContainer: ViewStyle; username: TextStyle }

Type declaration

  • avatarImage: ImageStyle
  • headerContainer: ViewStyle
  • ownTimestamp: TextStyle
  • ownUsername: TextStyle
  • timestamp: TextStyle
  • titleContainer: ViewStyle
  • username: TextStyle

LLChatMessageItemProps

LLChatMessageItemProps: ComponentStyleProp<LLChatMessageItemStyles> & { MessageItemBodyComponent?: typeof LLChatMessageItemBody; MessageItemBodyComponentStyles?: LLChatMessageItemBodyProps["styles"]; MessageItemFooterComponent?: typeof LLChatMessageItemFooter; MessageItemFooterComponentStyles?: LLChatMessageItemFooterProps["styles"]; MessageItemHeaderComponent?: typeof LLChatMessageItemHeader; MessageItemHeaderComponentStyles?: LLChatMessageItemHeaderProps["styles"]; MessageItemMenuComponent?: typeof LLChatMessageMenu; MessageItemMenuOptionComponent?: typeof LLChatMessageMenuOption; message: IChatMessage }

LLChatMessageItemStyles

LLChatMessageItemStyles: { messageItemContainer: ViewStyle; selfMessageItemContainer: ViewStyle }

Type declaration

  • messageItemContainer: ViewStyle
  • selfMessageItemContainer: ViewStyle

LLChatMessageListProps

LLChatMessageListProps: ComponentStyleProp<LLChatMessageListStyles> & { MessageItemComponent?: typeof LLChatMessageItem; MessageItemComponentStyles?: LLChatMessageItemProps["styles"]; MessageListEmptyComponent?: typeof LLMessageListEmptyComponent; MessageListEmptyComponentStyles?: LLMessageListEmptyComponentProps["styles"]; roomId: string }

LLChatMessageListStyles

LLChatMessageListStyles: { listLoadingIndicator: ViewStyle; rootContainer: ViewStyle }

Type declaration

  • listLoadingIndicator: ViewStyle
  • rootContainer: ViewStyle

LLChatMessageMenuOptionProps

LLChatMessageMenuOptionProps<OnClickApiFnResponseData>: ComponentStyleProp<LLChatMessageMenuOptionStyles> & { divider?: Partial<{ bottom: boolean; top: boolean }>; icon: ImageSourcePropType; textDesc: string; onClickApiFn: any }

Type parameters

  • OnClickApiFnResponseData: Promise<any>

LLChatMessageMenuOptionStyles

LLChatMessageMenuOptionStyles: { menuItem: ViewStyle; menuItemBottomDivider: ViewStyle; menuItemIcon: ImageStyle; menuItemText: TextStyle; menuItemTopDivider: ViewStyle }

Type declaration

  • menuItem: ViewStyle
  • menuItemBottomDivider: ViewStyle
  • menuItemIcon: ImageStyle
  • menuItemText: TextStyle
  • menuItemTopDivider: ViewStyle

LLChatMessageMenuProps

LLChatMessageMenuProps: ComponentStyleProp<LLChatMessageMenuStyles> & PropsWithChildren<{ visible: boolean }>

LLChatMessageMenuStyles

LLChatMessageMenuStyles: { menuContainer: ViewStyle }

Type declaration

  • menuContainer: ViewStyle

LLChatProps

LLChatProps: ComponentStyleProp<LLChatStyles> & { BannerComponent?: typeof LLChatBanner; BannerComponentStyles?: LLChatBannerProps["styles"]; HeaderComponent?: typeof LLChatHeader; HeaderComponentStyles?: LLChatHeaderProps["styles"]; MessageComposerComponent?: typeof LLChatMessageComposer; MessageComposerComponentStyles?: LLChatMessageComposerProps["styles"]; MessageListComponent?: typeof LLChatMessageList; MessageListComponentStyles?: LLChatMessageListProps["styles"]; roomId: string }

LLChatStyles

LLChatStyles: { chatContainer: ViewStyle }

Type declaration

  • chatContainer: ViewStyle

LLComposerSendButtonProps

LLComposerSendButtonProps: ComponentStyleProp<LLComposerSendButtonStyles> & { disabled?: boolean; isSendingMessage: boolean; onPress: any }

LLComposerSendButtonStyles

LLComposerSendButtonStyles: { buttonContainer: ViewStyle; icon: ImageStyle }

Type declaration

  • buttonContainer: ViewStyle
  • icon: ImageStyle

LLGifPickerHeaderProps

LLGifPickerHeaderProps: ComponentStyleProp<LLGifPickerHeaderStyles> & { onSearchInputChange: ReturnType<typeof useGifPicker>["onGifSearchInputChange"]; closeGifPicker: any }

LLGifPickerHeaderStyles

LLGifPickerHeaderStyles: { closeIcon: ImageStyle; headerContainer: ViewStyle; searchInput: ViewStyle }

Type declaration

  • closeIcon: ImageStyle
  • headerContainer: ViewStyle
  • searchInput: ViewStyle

LLGifPickerProps

LLGifPickerProps: ComponentStyleProp<LLGifPickerStyles> & { GifPickerHeaderComponent?: typeof LLGifPickerHeader; GifPickerHeaderComponentStyles?: LLGifPickerHeaderProps["styles"]; PickerComponentStyles?: LLBasePickerProps<BasePickerData>["styles"]; visible?: boolean; closeGifPicker?: any; onSelectGif: any }

LLGifPickerStyles

LLGifPickerStyles: { gifImage: ImageStyle; gifImageContainer: ViewStyle }

Type declaration

  • gifImage: ImageStyle
  • gifImageContainer: ViewStyle

LLMessageListEmptyComponentProps

LLMessageListEmptyComponentProps: ComponentStyleProp<LLMessageListEmptyComponentStyles> & { emptyMessageText?: string }

LLMessageListEmptyComponentStyles

LLMessageListEmptyComponentStyles: { container: ViewStyle; text: TextStyle }

Type declaration

  • container: ViewStyle
  • text: TextStyle

LLReactionPickerItemProps

LLReactionPickerItemProps: ComponentStyleProp<LLReactionPickerItemStyles> & { reaction: IReactionEmoji; onPress: any }

LLReactionPickerItemStyles

LLReactionPickerItemStyles: { reactionIcon: ImageStyle }

Type declaration

  • reactionIcon: ImageStyle

LLReactionPickerProps

LLReactionPickerProps: ComponentStyleProp<LLReactionPickerStyles> & { ReactionItemComponent?: typeof LLReactionPickerItem; ReactionItemComponentStyles?: LLReactionPickerItemProps["styles"]; reactionSpaceId?: string; visible?: boolean; onPress: any }

LLReactionPickerStyles

LLReactionPickerStyles: { pickerContainer: ViewStyle }

Type declaration

  • pickerContainer: ViewStyle

LLStickerPickerProps

LLStickerPickerProps: ComponentStyleProp<LLStickerPickerStyles> & { PickerComponentStyles?: LLBasePickerProps<BasePickerData>["styles"]; visible?: boolean; closeStickerPicker?: any; onSelectSticker: any }

LLStickerPickerStyles

LLStickerPickerStyles: { pickerCloseIcon: ImageStyle; stickerHeaderContainer: ViewStyle; stickerImage: ImageStyle; stickerImageContainer: ViewStyle; stickerPackIcon: ImageStyle; stickerPacksContainer: ViewStyle }

Type declaration

  • pickerCloseIcon: ImageStyle
  • stickerHeaderContainer: ViewStyle
  • stickerImage: ImageStyle
  • stickerImageContainer: ViewStyle
  • stickerPackIcon: ImageStyle
  • stickerPacksContainer: ViewStyle

LLTheme

LLTheme: { background: string; border: string; error: string; info: string; popoverBackground: string; primaryButtonBackground: string; secondaryBackground: string; secondaryText: string; text: string }

Type declaration

  • background: string
  • border: string
  • error: string
  • info: string
  • popoverBackground: string
  • primaryButtonBackground: string
  • secondaryBackground: string
  • secondaryText: string
  • text: string

LLThemeAssets

LLThemeAssets: { avatar: ImageSourcePropType; bin: ImageSourcePropType; blockUser: ImageSourcePropType; close: ImageSourcePropType; flag: ImageSourcePropType; gif: ImageSourcePropType; reaction: ImageSourcePropType; send: ImageSourcePropType; sticker: ImageSourcePropType; themeSwitch: ImageSourcePropType }

Type declaration

  • avatar: ImageSourcePropType
  • bin: ImageSourcePropType
  • blockUser: ImageSourcePropType
  • close: ImageSourcePropType
  • flag: ImageSourcePropType
  • gif: ImageSourcePropType
  • reaction: ImageSourcePropType
  • send: ImageSourcePropType
  • sticker: ImageSourcePropType
  • themeSwitch: ImageSourcePropType

LLThemeSwitchProps

LLThemeSwitchProps: ComponentStyleProp<LLThemeSwitchStyles> & { switchIcon?: ImageProps["source"] }

LLThemeSwitchStyles

LLThemeSwitchStyles: { image: ImageStyle; imageContainer: ViewStyle }

Type declaration

  • image: ImageStyle
  • imageContainer: ViewStyle

LLThemes

LLThemes: Record<LLThemeType, LLTheme>

LLUserReactionCountDetailProps

LLUserReactionCountDetailProps: ComponentStyleProp<LLUserReactionCountDetailStyles> & { reaction: UserReactionState; onPress: any }

LLUserReactionCountDetailStyles

LLUserReactionCountDetailStyles: { container: ViewStyle; reactionCountText: TextStyle; reactionIcon: ImageStyle; selfReactionContainer: ViewStyle; selfReactionCountText: TextStyle }

Type declaration

  • container: ViewStyle
  • reactionCountText: TextStyle
  • reactionIcon: ImageStyle
  • selfReactionContainer: ViewStyle
  • selfReactionCountText: TextStyle

LLUserReactionCountsProps

LLUserReactionCountsProps: ComponentStyleProp<LLUserReactionCountsStyles> & { MessageReactionPickerComponent?: typeof LLReactionPicker; MessageReactionPickerComponentStyles?: LLReactionPickerProps["styles"]; UserReactionCountDetailComponent?: typeof LLUserReactionCountDetail; UserReactionCountDetailComponentStyles?: LLUserReactionCountDetailProps["styles"]; reactionsLimit?: number; showReactionPicker?: boolean; targetGroupId: string; targetId: string; onReactionItemPress?: any }

LLUserReactionCountsStyles

LLUserReactionCountsStyles: { moreReactionsText: TextStyle; moreReactionsView: ViewStyle; reactionCountsContainer: ViewStyle }

Type declaration

  • moreReactionsText: TextStyle
  • moreReactionsView: ViewStyle
  • reactionCountsContainer: ViewStyle

PopoverDetail

PopoverDetail: { messageId: string; popoverType: PopoverType | undefined }

Type declaration

UseAutoHideBannerEffectArg

UseAutoHideBannerEffectArg: { bannerAutoHideTimeout?: number }

Type declaration

  • Optional bannerAutoHideTimeout?: number

UseChatMessageArg

UseChatMessageArg: { roomId: string }

Type declaration

  • roomId: string

UseChatRoomArg

UseChatRoomArg: { roomId: string }

Type declaration

  • roomId: string

UseLoadReactionPackArg

UseLoadReactionPackArg: { reactionSpaceId: string }

Type declaration

  • reactionSpaceId: string

UseLoadUserReactionsArg

UseLoadUserReactionsArg: { reactionSpaceId: string }

Type declaration

  • reactionSpaceId: string

UseMessageItemPopoverArg

UseMessageItemPopoverArg: { messageId?: string }

Type declaration

  • Optional messageId?: string

UseReactionPackArg

UseReactionPackArg: { reactionSpaceId: string }

Type declaration

  • reactionSpaceId: string

UseReactionSpaceArg

UseReactionSpaceArg: { targetGroupId: string }

Type declaration

  • targetGroupId: string

UseStylesArg

UseStylesArg<TStyles>: { componentStylesFn: LLComponentStyleFn<TStyles>; stylesProp?: Partial<TStyles> }

Type parameters

  • TStyles

Type declaration

UseThemeArg

UseThemeArg: { themeType?: ColorSchemeName }

Type declaration

  • Optional themeType?: ColorSchemeName

UseUserReactionsArg

UseUserReactionsArg: { reactionSpaceId: string; targetId: string }

Type declaration

  • reactionSpaceId: string
  • targetId: string

UserReactionState

UserReactionState: IUserReactionCountDetail & { imageSrc: string }

UserReactionsForTargetIdState

UserReactionsForTargetIdState: {}

Type declaration

Variables

DEFAULT_BANNER_AUTO_HIDE_TIMEOUT

DEFAULT_BANNER_AUTO_HIDE_TIMEOUT: 4000 = 4000

LLChatMessageItem

LLChatMessageItem: MemoExoticComponent<(__namedParameters: LLChatMessageItemProps) => Element> = ...

LLChatMessageItemBodyText

LLChatMessageItemBodyText: MemoExoticComponent<(__namedParameters: LLChatMessageItemBodyTextProps) => Element> = ...

Functions

LLBasePicker

LLChat

  • Parameters

    Returns Element

LLChatBanner

LLChatBannerItem

LLChatHeader

LLChatMessageComposer

LLChatMessageItemBody

LLChatMessageItemFooter

LLChatMessageItemHeader

LLChatMessageList

LLChatMessageMenu

LLChatMessageMenuOption

  • Type parameters

    • OnClickApiFnResponseData: Promise<any, OnClickApiFnResponseData>

    Parameters

    Returns Element

LLComposerSendButton

LLGifPicker

LLGifPickerHeader

LLMessageListEmptyComponent

LLReactionPicker

Const LLReactionPickerItem

LLStickerPicker

LLThemeSwitch

Const LLUserReactionCountDetail

LLUserReactionCounts

useApi

  • useApi<ApiResponse>(apiFunction: () => ApiResponse): { data: ApiResponse; error: string; isLoading: boolean; onApi: () => Promise<any> }

  • Type parameters

    • ApiResponse: Promise<any, ApiResponse> = Promise<any>

    Parameters

    • apiFunction: () => ApiResponse
        • (): ApiResponse

        • Returns ApiResponse

    Returns { data: ApiResponse; error: string; isLoading: boolean; onApi: () => Promise<any> }

    • data: ApiResponse
    • error: string
    • isLoading: boolean
    • onApi: () => Promise<any>
        • (): Promise<any>

        • Returns Promise<any>

useAutoHideBannerEffect

  • useAutoHideBannerEffect(__namedParameters: Object): void

  • Parameters

    • __namedParameters: Object

    Returns void

useAutoScroll

  • useAutoScroll(__namedParameters: { ref: RefObject<FlatList<any>> }): { onContentSizeChangeHandler: (width: number, height: number) => void }

  • Parameters

    • __namedParameters: { ref: RefObject<FlatList<any>> }
      • ref: RefObject<FlatList<any>>

    Returns { onContentSizeChangeHandler: (width: number, height: number) => void }

    • onContentSizeChangeHandler: (width: number, height: number) => void
        • (width: number, height: number): void

        • Parameters

          • width: number
          • height: number

          Returns void

useBanner

  • useBanner(): { banners: Banner[] }

useBannerActions

  • useBannerActions(): { addBannerItem: (__namedParameters: Object) => void }

  • Returns { addBannerItem: (__namedParameters: Object) => void }

    • addBannerItem: (__namedParameters: Object) => void
        • (__namedParameters: Object): void

        • Parameters

          • __namedParameters: Object

          Returns void

useChatMessageActions

  • useChatMessageActions(__namedParameters: Object): { deleteChatMessage: (__namedParameters: Object) => void; sendChatMessage: (messageArgs: ISendMessageArgs) => Promise<void> }

  • Parameters

    • __namedParameters: Object

    Returns { deleteChatMessage: (__namedParameters: Object) => void; sendChatMessage: (messageArgs: ISendMessageArgs) => Promise<void> }

    • deleteChatMessage: (__namedParameters: Object) => void
        • (__namedParameters: Object): void

        • Parameters

          • __namedParameters: Object

          Returns void

    • sendChatMessage: (messageArgs: ISendMessageArgs) => Promise<void>

useChatMessages

useChatMessagesEffect

  • useChatMessagesEffect(__namedParameters: Object): void

  • Parameters

    • __namedParameters: Object

    Returns void

useChatRoom

useGifPicker

  • useGifPicker(): { error: null; gifImages: IGif[]; isLoading: boolean; loadNextGifImages: () => Promise<void>; onGifSearchInputChange: (gifSearchInput: any, __namedParameters?: { debounce: boolean }) => void }

  • Returns { error: null; gifImages: IGif[]; isLoading: boolean; loadNextGifImages: () => Promise<void>; onGifSearchInputChange: (gifSearchInput: any, __namedParameters?: { debounce: boolean }) => void }

    • error: null
    • gifImages: IGif[]
    • isLoading: boolean
    • loadNextGifImages: () => Promise<void>
        • (): Promise<void>

        • Returns Promise<void>

    • onGifSearchInputChange: (gifSearchInput: any, __namedParameters?: { debounce: boolean }) => void
        • (gifSearchInput: any, __namedParameters?: { debounce: boolean }): void

        • Parameters

          • gifSearchInput: any
          • __namedParameters: { debounce: boolean } = ...
            • debounce: boolean

          Returns void

useInit

useLoadReactionPacksEffect

useLoadStickerPacksEffect

  • useLoadStickerPacksEffect(): void

  • Returns void

useLoadUserReactions

  • useLoadUserReactions(__namedParameters: UseLoadUserReactionsArg): { loadUserReactions: (__namedParameters: { targetIds: string[] }) => void }

  • Parameters

    Returns { loadUserReactions: (__namedParameters: { targetIds: string[] }) => void }

    • loadUserReactions: (__namedParameters: { targetIds: string[] }) => void
        • (__namedParameters: { targetIds: string[] }): void

        • Parameters

          • __namedParameters: { targetIds: string[] }
            • targetIds: string[]

          Returns void

useMessageItemPopover

useReactionPacks

useReactionSpace

useSelectedFieldStore

  • useSelectedFieldStore<Store, SelectedValue>(store: Store, selectorFn?: () => SelectedValue): SelectedValue

  • Type parameters

    • Store: LLStore<unknown>

    • SelectedValue

    Parameters

    • store: Store
    • Optional selectorFn: () => SelectedValue
        • (): SelectedValue

        • Returns SelectedValue

    Returns SelectedValue

useStickerPacks

useStickerPicker

  • useStickerPicker(): { selectedStickerPackId: string; setSelectedStickerPackId: Dispatch<SetStateAction<string>> }

  • Returns { selectedStickerPackId: string; setSelectedStickerPackId: Dispatch<SetStateAction<string>> }

    • selectedStickerPackId: string
    • setSelectedStickerPackId: Dispatch<SetStateAction<string>>

useStyles

  • useStyles<TStyles>(__namedParameters: UseStylesArg<TStyles>): TStyles

  • Type parameters

    • TStyles

    Parameters

    Returns TStyles

useTheme

useUserReactions

useUserReactionsEffect

  • useUserReactionsEffect(__namedParameters: Object): void

  • Parameters

    • __namedParameters: Object

    Returns void

Generated using TypeDoc