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

Index

Namespaces

Enumerations

Type aliases

Variables

Functions

Type aliases

BasePickerData

BasePickerData: { id: string }

Type declaration

  • id: string

GifPickerState

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

Type declaration

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

IReactionPacks

IReactionPacks: {}

Type declaration

IShowPopoverDetail

IShowPopoverDetail: { messageId: string; popoverType: IPopoverType | undefined }

Type declaration

IUseReactionsProps

IUseReactionsProps: { targetGroupId: string }

Type declaration

  • targetGroupId: string

IUseUserReactionsArg

IUseUserReactionsArg: { reactionSpace: IReactionSpace; targetIds: string[] }

Type declaration

IUserReactions

IUserReactions: {}

Type declaration

IUserReactionsForTargetId

IUserReactionsForTargetId: {}

Type declaration

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; bannerTimeout?: number }

LLChatBannerStyles

LLChatBannerStyles: { bannerContainer: ViewStyle }

Type declaration

  • bannerContainer: ViewStyle

LLChatHeaderProps

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

LLChatHeaderStyles

LLChatHeaderStyles: { headerTitle: TextStyle }

Type declaration

  • headerTitle: TextStyle

LLChatMessageComposerProps

LLChatMessageComposerProps: ComponentStyleProp<LLChatMessageComposerStyles> & { GifPickerComponent?: typeof LLGifPicker; StickerPickerComponent?: typeof LLStickerPicker; roomId: string; sendMessage: ReturnType<typeof useChatMessages>["sendMessage"]; stickerPacks: IStickerPack[] }

LLChatMessageComposerStyles

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

Type declaration

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

LLChatMessageItemBodyProps

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

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; stickerPacks: IStickerPack[] }

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"]; isSelfMessage: boolean; message: IChatUserMessage; popoverDetail: IShowPopoverDetail; reactionPacks: IReactionPacks; reactionSpace: IReactionSpace; reactions: IUserReactionsForTargetId; onReactionItemPress: any; onShowReactionPicker: any }

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; popoverDetail: IShowPopoverDetail; reactionPacks: IReactionPacks; reactionSpace: IReactionSpace; stickerPacks: IStickerPack[]; userReactions: IUserReactions; hidePopover: any; showPopover: any }

LLChatMessageItemStyles

LLChatMessageItemStyles: { messageItemContainer: ViewStyle; selfMessageItemContainer: ViewStyle }

Type declaration

  • messageItemContainer: ViewStyle
  • selfMessageItemContainer: ViewStyle

LLChatMessageListProps

LLChatMessageListProps: ComponentStyleProp<LLChatMessageListStyles> & { ChatMessageItemComponent?: typeof LLChatMessageItem; ChatMessageItemComponentStyles?: LLChatMessageItemProps["styles"]; messages: IChatMessage[]; reactionPacks: IReactionPacks; reactionSpace: IReactionSpace; stickerPacks: IStickerPack[]; userReactions: IUserReactions }

LLChatMessageListStyles

LLChatMessageListStyles: { listContainer: ViewStyle; rootContainer: ViewStyle }

Type declaration

  • listContainer: 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> & { ChatBannerComponent?: typeof LLChatBanner; ChatHeaderComponent?: typeof LLChatHeader; ChatMessageComposerComponent?: typeof LLChatMessageComposer; ChatMessageListComponent?: typeof LLChatMessageList; roomId: string }

LLChatStyles

LLChatStyles: { chatContainer: ViewStyle }

Type declaration

  • chatContainer: ViewStyle

LLGifPickerProps

LLGifPickerProps: ComponentStyleProp<LLGifPickerStyles> & { visible?: boolean; closeGifPicker?: any; onSelectGif: any }

LLGifPickerStyles

LLGifPickerStyles: { gifImage: ImageStyle; gifImageContainer: ViewStyle; gifPickerContainer: ViewStyle }

Type declaration

  • gifImage: ImageStyle
  • gifImageContainer: ViewStyle
  • gifPickerContainer: ViewStyle

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"]; reactionPacks: IReactionPacks; reactionSpace: IReactionSpace; visible?: boolean; onReactionItemPress: any }

LLReactionPickerStyles

LLReactionPickerStyles: { pickerContainer: ViewStyle }

Type declaration

  • pickerContainer: ViewStyle

LLStickerPickerProps

LLStickerPickerProps: ComponentStyleProp<LLStickerPickerStyles> & { stickerPacks: IStickerPack[]; 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

LLUserReactionCountDetailProps

LLUserReactionCountDetailProps: ComponentStyleProp<LLUserReactionCountDetailStyles> & { reaction: IUserReactionCountDetail; reactionPacks: IReactionPacks; onReactionItemPress: any }

LLUserReactionCountDetailStyles

LLUserReactionCountDetailStyles: { container: ViewStyle; reactionCountText: ViewStyle; reactionIcon: ImageStyle; selfReaction: ViewStyle }

Type declaration

  • container: ViewStyle
  • reactionCountText: ViewStyle
  • reactionIcon: ImageStyle
  • selfReaction: ViewStyle

LLUserReactionCountsProps

LLUserReactionCountsProps: ComponentStyleProp<LLUserReactionCountsStyles> & { MessageReactionPickerComponent?: typeof LLReactionPicker; MessageReactionPickerComponentStyles?: LLReactionPickerProps["styles"]; UserReactionCountDetailComponent?: typeof LLUserReactionCountDetail; UserReactionCountDetailComponentStyles?: LLUserReactionCountDetailProps["styles"]; message: IChatUserMessage; popoverDetail: IShowPopoverDetail; reactionPacks: IReactionPacks; reactionSpace: IReactionSpace; reactions: IUserReactionsForTargetId; reactionsLimit?: number; onReactionItemPress: any }

LLUserReactionCountsStyles

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

Type declaration

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

UseStylesArg

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

Type parameters

  • TStyles

Type declaration

UseThemeArg

UseThemeArg: { themeType?: ColorSchemeName }

Type declaration

  • Optional themeType?: ColorSchemeName

useChatMessageArg

useChatMessageArg: { roomId: string }

Type declaration

  • roomId: string

useChatRoomArg

useChatRoomArg: { roomId: string }

Type declaration

  • roomId: string

Variables

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

LLGifPicker

LLReactionPicker

Const LLReactionPickerItem

LLStickerPicker

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

useBanner

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

useChatMessages

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

useMessageItemPopover

useReactions

useStickerPack

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

  • useTheme(__namedParameters?: UseThemeArg): { theme: { background: string; border: string; error: string; info: string; inputBackground: string; popoverBackground: string; primaryButtonBackground: string; secondaryBackground: string; secondaryText: string; text: string; thirdBackground: string } | { background: string; border: string; error: string; info: string; inputBackground: string; popoverBackground: string; primaryButtonBackground: string; secondaryBackground: string; secondaryText: string; text: string; thirdBackground: string }; themeAssets: { avatar: any; bin: any; blockUser: any; close: any; flag: any; gif: any; reaction: any; send: any; sticker: any } | { avatar: any; bin: any; blockUser: any; close: any; flag: any; gif: any; reaction: any; send: any; sticker: any }; themeType: ColorSchemeName }

  • Parameters

    Returns { theme: { background: string; border: string; error: string; info: string; inputBackground: string; popoverBackground: string; primaryButtonBackground: string; secondaryBackground: string; secondaryText: string; text: string; thirdBackground: string } | { background: string; border: string; error: string; info: string; inputBackground: string; popoverBackground: string; primaryButtonBackground: string; secondaryBackground: string; secondaryText: string; text: string; thirdBackground: string }; themeAssets: { avatar: any; bin: any; blockUser: any; close: any; flag: any; gif: any; reaction: any; send: any; sticker: any } | { avatar: any; bin: any; blockUser: any; close: any; flag: any; gif: any; reaction: any; send: any; sticker: any }; themeType: ColorSchemeName }

    • theme: { background: string; border: string; error: string; info: string; inputBackground: string; popoverBackground: string; primaryButtonBackground: string; secondaryBackground: string; secondaryText: string; text: string; thirdBackground: string } | { background: string; border: string; error: string; info: string; inputBackground: string; popoverBackground: string; primaryButtonBackground: string; secondaryBackground: string; secondaryText: string; text: string; thirdBackground: string }
    • themeAssets: { avatar: any; bin: any; blockUser: any; close: any; flag: any; gif: any; reaction: any; send: any; sticker: any } | { avatar: any; bin: any; blockUser: any; close: any; flag: any; gif: any; reaction: any; send: any; sticker: any }
    • themeType: ColorSchemeName

useUserReactions

Generated using TypeDoc