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

ComponentStyleProp

ComponentStyleProp<TStyles>: { styles?: Partial<TStyles> }

Type parameters

  • TStyles

Type declaration

  • Optional styles?: Partial<TStyles>

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"]; TextInputComponent?: typeof TextInput; 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"]; MessageListComponent?: typeof FlatList; MessageListEmptyComponent?: typeof LLMessageListEmptyComponent; MessageListEmptyComponentStyles?: LLMessageListEmptyComponentProps["styles"]; MessageListLoadingComponent?: ComponentType<unknown>; 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

LLComponentStyleFn

LLComponentStyleFn<TStyles>: (arg: { theme: LLTheme }) => TStyles

Type parameters

  • TStyles

Type declaration

LLComposerSendButtonProps

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

LLComposerSendButtonStyles

LLComposerSendButtonStyles: { buttonContainer: ViewStyle; icon: ImageStyle }

Type declaration

  • buttonContainer: ViewStyle
  • icon: ImageStyle

LLEmojiSliderProps

LLEmojiSliderProps: ComponentStyleProp<LLEmojiSliderStyles> & { average?: number; disabled?: boolean; initialValue?: number; sliderUIComponentProps?: SliderProps; thumbImages: { imageUrl: string; min: number }[]; value: number; onSlidingComplete: any; onValueChange?: any }

LLEmojiSliderStyles

LLEmojiSliderStyles: { maximumTrackStyle: ViewStyle; minimumTrackStyle: ViewStyle; sliderThumbImage: ImageStyle; sliderTrack: ViewStyle; thumpImage: ImageStyle; trackMarkContainer: ViewStyle; trackMarkLine: ViewStyle; trackMarkText: TextStyle }

Type declaration

  • maximumTrackStyle: ViewStyle
  • minimumTrackStyle: ViewStyle
  • sliderThumbImage: ImageStyle
  • sliderTrack: ViewStyle
  • thumpImage: ImageStyle
  • trackMarkContainer: ViewStyle
  • trackMarkLine: ViewStyle
  • trackMarkText: TextStyle

LLEmojiSliderWidgetBodyProps

LLEmojiSliderWidgetBodyProps: ComponentStyleProp<LLEmojiSliderWidgetBodyStyles> & { SliderComponent?: typeof LLEmojiSlider; SliderComponentStyles?: LLEmojiSliderProps["styles"]; widgetId: string }

LLEmojiSliderWidgetBodyStyles

LLEmojiSliderWidgetBodyStyles: { bodyContainer: ViewStyle }

Type declaration

  • bodyContainer: ViewStyle

LLEmojiSliderWidgetProps

LLEmojiSliderWidgetProps: LLBaseWidgetProps & { BodyComponent?: typeof LLEmojiSliderWidgetBody; BodyComponentStyles?: LLEmojiSliderWidgetBodyProps["styles"]; inlineFollowUp?: boolean }

LLEndWidgetUIPhaseLabelProps

LLEndWidgetUIPhaseLabelProps: ComponentStyleProp<LLEndWidgetUIPhaseLabelStyles> & { widgetId: string }

LLEndWidgetUIPhaseLabelStyles

LLEndWidgetUIPhaseLabelStyles: { container: ViewStyle; label: TextStyle }

Type declaration

  • container: ViewStyle
  • label: TextStyle

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

LLNumberPredictionFollowUpWidgetProps

LLNumberPredictionFollowUpWidgetProps: Omit<LLBaseWidgetProps, "interactiveTimeout" | "onInteractiveTimeout"> & { BodyComponent?: typeof LLNumberPredictionWidgetBody; BodyComponentStyles?: LLNumberPredictionWidgetBodyProps["styles"] }

LLNumberPredictionWidgetBodyProps

LLNumberPredictionWidgetBodyProps: ComponentStyleProp<LLNumberPredictionWidgetBodyStyles> & { OptionComponent?: typeof LLNumberPredictionWidgetOption; OptionComponentStyles?: LLNumberPredictionWidgetOptionProps["styles"]; widgetId: string }

LLNumberPredictionWidgetBodyStyles

LLNumberPredictionWidgetBodyStyles: { bodyContainer: ViewStyle }

Type declaration

  • bodyContainer: ViewStyle

LLNumberPredictionWidgetOptionProps

LLNumberPredictionWidgetOptionProps: ComponentStyleProp<LLNumberPredictionWidgetOptionStyles> & { numberOption: INumberPredictionItemOption; optionIndex: number; widgetId: string; onOptionInputChange: any }

LLNumberPredictionWidgetOptionStyles

LLNumberPredictionWidgetOptionStyles: { correctNumberInput: TextStyle; correctResultContainer: ViewStyle; incorrectNumberInput: TextStyle; incorrectResultContainer: ViewStyle; numberInput: TextStyle; optionContainer: ViewStyle; optionDescriptionContainer: ViewStyle; optionDescriptionText: TextStyle; optionImage: ImageStyle; resultContainer: ViewStyle; resultText: TextStyle; validOptionContainer: ViewStyle }

Type declaration

  • correctNumberInput: TextStyle
  • correctResultContainer: ViewStyle
  • incorrectNumberInput: TextStyle
  • incorrectResultContainer: ViewStyle
  • numberInput: TextStyle
  • optionContainer: ViewStyle
  • optionDescriptionContainer: ViewStyle
  • optionDescriptionText: TextStyle
  • optionImage: ImageStyle
  • resultContainer: ViewStyle
  • resultText: TextStyle
  • validOptionContainer: ViewStyle

LLNumberPredictionWidgetProps

LLNumberPredictionWidgetProps: LLBaseWidgetProps & { BodyComponent?: typeof LLNumberPredictionWidgetBody; BodyComponentStyles?: LLNumberPredictionWidgetBodyProps["styles"]; inlineFollowUp?: boolean }

LLPollWidgetProps

LLPollWidgetProps: LLBaseWidgetProps & { BodyComponent?: typeof LLVoteWidgetBody; BodyComponentStyles?: LLVoteWidgetBodyProps["styles"]; inlineFollowUp?: boolean }

LLPredictionFollowUpWidgetProps

LLPredictionFollowUpWidgetProps: Omit<LLBaseWidgetProps, "interactiveTimeout" | "onInteractiveTimeout"> & { BodyComponent?: typeof LLPredictionFollowUpWidgetBody; BodyComponentStyles?: LLVoteWidgetBodyProps["styles"] }

LLPredictionWidgetProps

LLPredictionWidgetProps: LLBaseWidgetProps & { BodyComponent?: typeof LLVoteWidgetBody; BodyComponentStyles?: LLVoteWidgetBodyProps["styles"]; inlineFollowUp?: boolean }

LLQuizWidgetBodyProps

LLQuizWidgetBodyProps: ComponentStyleProp<LLQuizWidgetBodyStyles> & { ChoiceOptionComponent?: typeof LLWidgetChoiceOption; widgetId: string }

LLQuizWidgetBodyStyles

LLQuizWidgetBodyStyles: { bodyContainer: ViewStyle }

Type declaration

  • bodyContainer: ViewStyle

LLQuizWidgetProps

LLQuizWidgetProps: LLBaseWidgetProps & { BodyComponent?: typeof LLQuizWidgetBody; BodyComponentStyles?: LLQuizWidgetBodyProps["styles"] }

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; correct: string; correctIncorrectText: string; disabledButtonBackground: string; disabledButtonText: string; error: string; incorrect: string; info: string; popoverBackground: string; primaryButtonBackground: string; primaryButtonText: string; primaryPressedButtonBackground: string; secondaryBackground: string; secondaryText: string; text: string; widgetBackground: string; widgetOption: string; widgetSelectedOption: string }

Type declaration

  • background: string
  • border: string
  • correct: string
  • correctIncorrectText: string
  • disabledButtonBackground: string
  • disabledButtonText: string
  • error: string
  • incorrect: string
  • info: string
  • popoverBackground: string
  • primaryButtonBackground: string
  • primaryButtonText: string
  • primaryPressedButtonBackground: string
  • secondaryBackground: string
  • secondaryText: string
  • text: string
  • widgetBackground: string
  • widgetOption: string
  • widgetSelectedOption: 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

LLWidgetActionInfoProps

LLWidgetActionInfoProps: ComponentStyleProp<LLWidgetActionInfoStyles> & { EndWidgetUIPhaseLabelComponent?: typeof LLEndWidgetUIPhaseLabel; EndWidgetUIPhaseLabelComponentStyles?: LLEndWidgetUIPhaseLabelProps["styles"]; SubmitButtonComponent?: ComponentType<LLWidgetSubmitButtonProps>; WidgetRewardsComponent?: typeof LLWidgetRewards; WidgetRewardsComponentStyles?: LLWidgetRewardsProps["styles"]; widgetId: string }

LLWidgetActionInfoStyles

LLWidgetActionInfoStyles: { container: ViewStyle }

Type declaration

  • container: ViewStyle

LLWidgetFooterProps

LLWidgetFooterProps: ComponentStyleProp<LLWidgetFooterStyles> & { ActionInfoComponent?: typeof LLWidgetActionInfo; ActionInfoComponentStyles?: LLWidgetActionInfoProps["styles"]; SponsorComponent?: typeof LLWidgetSponsor; SponsorComponentStyles?: LLWidgetSponsorProps["styles"]; widgetId: string }

LLWidgetFooterStyles

LLWidgetFooterStyles: { container: ViewStyle }

Type declaration

  • container: ViewStyle

LLWidgetHeaderProps

LLWidgetHeaderProps: ComponentStyleProp<LLWidgetHeaderStyles> & Omit<LLWidgetInteractiveTimerProps, "styles"> & { WidgetInteractiveTimerComponent?: typeof LLWidgetInteractiveTimer; WidgetInteractiveTimerComponentStyles?: LLWidgetInteractiveTimerProps["styles"]; dismissable?: boolean; title?: string; onDismiss?: any }

LLWidgetHeaderStyles

LLWidgetHeaderStyles: { dismissIcon: ImageStyle; dismissIconContainer: ViewStyle; headerContainer: ViewStyle; headerSubContainer: ViewStyle; title: TextStyle }

Type declaration

  • dismissIcon: ImageStyle
  • dismissIconContainer: ViewStyle
  • headerContainer: ViewStyle
  • headerSubContainer: ViewStyle
  • title: TextStyle

LLWidgetInteractiveTimerProps

LLWidgetInteractiveTimerProps: ComponentStyleProp<LLWidgetInteractiveTimerStyles> & { interactiveTimeout?: number | null; updateInterval?: number; onInteractiveTimeout?: any }

LLWidgetInteractiveTimerStyles

LLWidgetInteractiveTimerStyles: { container: ViewStyle; innerContainer: ViewStyle }

Type declaration

  • container: ViewStyle
  • innerContainer: ViewStyle

LLWidgetRewardProps

LLWidgetRewardProps: ComponentStyleProp<LLWidgetRewardStyles> & { rewardIndex: number; slideInOutStyle: Animated.AnimatedInterpolation<number>; slideIndexState: ReturnType<typeof useWidgetRewardsEffect>["slideIndexState"]; widgetId: string }

LLWidgetRewardStyles

LLWidgetRewardStyles: { singleRewardText: TextStyle; slidingRewardText: TextStyle }

Type declaration

  • singleRewardText: TextStyle
  • slidingRewardText: TextStyle

LLWidgetRewardsProps

LLWidgetRewardsProps: ComponentStyleProp<LLWidgetRewardsStyles> & { RewardComponent?: typeof LLWidgetReward; RewardComponentStyles?: LLWidgetRewardProps["styles"]; widgetId: string }

LLWidgetRewardsStyles

LLWidgetRewardsStyles: { container: ViewStyle }

Type declaration

  • container: ViewStyle

LLWidgetSponsorProps

LLWidgetSponsorProps: ComponentStyleProp<LLWidgetSponsorStyles> & { widgetId: string }

LLWidgetSponsorStyles

LLWidgetSponsorStyles: { container: ViewStyle; sponsorImage: ImageStyle; sponsorText: TextStyle }

Type declaration

  • container: ViewStyle
  • sponsorImage: ImageStyle
  • sponsorText: TextStyle

LLWidgetSubmitButtonComponentProps

LLWidgetSubmitButtonComponentProps: ComponentStyleProp<LLWidgetSubmitButtonStyles> & { disabled?: boolean; label?: string; onPress: any }

LLWidgetSubmitButtonProps

LLWidgetSubmitButtonProps: { widgetId: string }

Type declaration

  • widgetId: string

LLWidgetSubmitButtonStyles

LLWidgetSubmitButtonStyles: { buttonContainer: ViewStyle; buttonText: TextStyle; disabledButtonContainer: ViewStyle; disabledButtonText: TextStyle }

Type declaration

  • buttonContainer: ViewStyle
  • buttonText: TextStyle
  • disabledButtonContainer: ViewStyle
  • disabledButtonText: TextStyle

NumberPredictionWidgetOptionDetails

NumberPredictionWidgetOptionDetails: { interactedNumberOption: INumberPredictionItemOption; isCorrect: boolean; isWidgetOptionDisabled: boolean; showWidgetResult: boolean; widgetOption: IWidgetOptionItem }

Type declaration

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

UseEmojiSliderArg

UseEmojiSliderArg: { initialValue?: number; thumbImages: { imageUrl: string; min: number }[]; value: number; onSlidingComplete: any; onValueChange?: any }

Type declaration

  • Optional initialValue?: number
  • thumbImages: { imageUrl: string; min: number }[]
  • value: number
  • onSlidingComplete:function
    • onSlidingComplete(value: number): void

    • Parameters

      • value: number

      Returns void

  • onValueChange?:function
    • onValueChange(value: number): void

    • Parameters

      • value: number

      Returns void

UseIsEndWidgetUIPhaseArg

UseIsEndWidgetUIPhaseArg: { widgetId: string }

Type declaration

  • widgetId: string

UseIsWidgetDisabledArg

UseIsWidgetDisabledArg: { widgetId: string }

Type declaration

  • widgetId: string

UseIsWidgetOptionDisabledArg

UseIsWidgetOptionDisabledArg: { optionIndex: number; widgetId: string }

Type declaration

  • optionIndex: number
  • widgetId: string

UseLoadReactionPackArg

UseLoadReactionPackArg: { reactionSpaceId: string }

Type declaration

  • reactionSpaceId: string

UseLoadUserReactionsArg

UseLoadUserReactionsArg: { reactionSpaceId: string }

Type declaration

  • reactionSpaceId: string

UseLoadWidgetEffectArg

UseLoadWidgetEffectArg: { programId: string; widgetId: string; widgetKind: WidgetKind }

Type declaration

  • programId: string
  • widgetId: string
  • widgetKind: WidgetKind

UseMessageItemPopoverArg

UseMessageItemPopoverArg: { messageId?: string }

Type declaration

  • Optional messageId?: string

UseNumberPredictionWidgetOptionArg

UseNumberPredictionWidgetOptionArg: { numberOption: INumberPredictionItemOption; optionIndex: number; widgetId: string }

Type declaration

UsePredictionClaimRewardEffectArg

UsePredictionClaimRewardEffectArg: { widgetId: string; widgetKind: WidgetKind }

Type declaration

UsePredictionWidgetEffectArg

UsePredictionWidgetEffectArg: { inlineFollowUp?: boolean; programId: string; widgetId: string }

Type declaration

  • Optional inlineFollowUp?: boolean
  • programId: string
  • widgetId: string

UseReactionPackArg

UseReactionPackArg: { reactionSpaceId: string }

Type declaration

  • reactionSpaceId: string

UseReactionSpaceArg

UseReactionSpaceArg: { targetGroupId: string }

Type declaration

  • targetGroupId: string

UseSelectedWidgetOption

UseSelectedWidgetOption: { widgetId: string }

Type declaration

  • widgetId: string

UseStylesArg

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

Type parameters

  • TStyles

Type declaration

UseThemeArg

UseThemeArg: { themeType?: ColorSchemeName }

Type declaration

  • Optional themeType?: ColorSchemeName

UseUserNumberOptionsArg

UseUserNumberOptionsArg: { widgetId: string }

Type declaration

  • widgetId: string

UseUserReactionsArg

UseUserReactionsArg: { reactionSpaceId: string; targetId: string }

Type declaration

  • reactionSpaceId: string
  • targetId: string

UseUserSliderMagnitudeArg

UseUserSliderMagnitudeArg: { widgetId: string }

Type declaration

  • widgetId: string

UseWidgetActionsArg

UseWidgetActionsArg: { widgetId: string }

Type declaration

  • widgetId: string

UseWidgetArg

UseWidgetArg: { widgetId: string }

Type declaration

  • widgetId: string

UseWidgetChoicesArg

UseWidgetChoicesArg: { widgetId: string }

Type declaration

  • widgetId: string

UseWidgetDismissArg

UseWidgetDismissArg: { widgetId: string; onDismiss?: any }

Type declaration

  • widgetId: string
  • onDismiss?:function
    • onDismiss(): void

    • Returns void

UseWidgetExpiryEffectArg

UseWidgetExpiryEffectArg: { widgetId: string }

Type declaration

  • widgetId: string

UseWidgetInteractionActionsArg

UseWidgetInteractionActionsArg: { widgetId: string }

Type declaration

  • widgetId: string

UseWidgetInteractionsArg

UseWidgetInteractionsArg: { widgetId: string }

Type declaration

  • widgetId: string

UseWidgetInteractiveTimeoutArg

UseWidgetInteractiveTimeoutArg: { interactiveTimeout?: number | null; widgetId: string; onInteractiveTimeout?: any }

Type declaration

  • Optional interactiveTimeout?: number | null

    custom interactiveTimeout, defaults to the timeout value set when creating widget in producer suite

  • widgetId: string
  • onInteractiveTimeout?:function
    • onInteractiveTimeout(): void

    • function to be called when widget timeouts

      Returns void

UseWidgetInteractiveTimeoutResult

UseWidgetInteractiveTimeoutResult: { interactiveTimeout: number | null; onInteractiveTimeout: any }

Type declaration

  • interactiveTimeout: number | null

    resulted timeout value to be used by LLWidgetHeader

  • onInteractiveTimeout:function
    • onInteractiveTimeout(): void

    • resulted timeout handler function to be used by LLWidgetHeader

      Returns void

UseWidgetKindArg

UseWidgetKindArg: { widgetId: string }

Type declaration

  • widgetId: string

UseWidgetOptionsArg

UseWidgetOptionsArg: { widgetId: string }

Type declaration

  • widgetId: string

UseWidgetResultStateArg

UseWidgetResultStateArg: { widgetId: string }

Type declaration

  • widgetId: string

UseWidgetRewardsArg

UseWidgetRewardsArg: { widgetId: string }

Type declaration

  • widgetId: string

UseWidgetRewardsEffectArg

UseWidgetRewardsEffectArg: { widgetId: string }

Type declaration

  • widgetId: string

UseWidgetSelectedOptionIndexArg

UseWidgetSelectedOptionIndexArg: { widgetId: string }

Type declaration

  • widgetId: string

UseWidgetSponsorsArg

UseWidgetSponsorsArg: { widgetId: string }

Type declaration

  • widgetId: string

UseWidgetUIPhaseArg

UseWidgetUIPhaseArg: { widgetId: string }

Type declaration

  • widgetId: string

UserReactionState

UserReactionState: IUserReactionCountDetail & { imageSrc: string }

UserReactionsForTargetIdState

UserReactionsForTargetIdState: {}

Type declaration

WidgetCreateInteractionActionArg

WidgetCreateInteractionActionArg: { interactionItem: IWidgetChoiceItem | IWidgetOptionItem | INumberPredictionItem | ISliderInteractionItem }

Type declaration

WidgetUpdateInteractionActionArg

WidgetUpdateInteractionActionArg: { interactionItem: IWidgetOptionItem }

Type declaration

createStylesArg

createStylesArg<TStyles>: { componentStyles: TStyles; stylesProp?: Partial<TStyles> }

Type parameters

  • TStyles

Type declaration

  • componentStyles: TStyles
  • Optional stylesProp?: Partial<TStyles>

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

LLEmojiSlider

LLEmojiSliderWidget

LLEmojiSliderWidgetActionInfo

LLEmojiSliderWidgetBody

LLEmojiSliderWidgetSubmitButton

LLEndWidgetUIPhaseLabel

LLGifPicker

LLGifPickerHeader

LLMessageListEmptyComponent

LLNumberPredictionFollowUpWidget

LLNumberPredictionWidget

LLNumberPredictionWidgetActionInfo

LLNumberPredictionWidgetBody

LLNumberPredictionWidgetOption

LLNumberPredictionWidgetSubmitButton

LLPollWidget

LLPredictionFollowUpWidget

LLPredictionFollowUpWidgetBody

LLPredictionFollowUpWidgetOption

LLPredictionWidget

LLQuizWidget

LLQuizWidgetActionInfo

LLQuizWidgetBody

LLQuizWidgetSubmitButton

LLReactionPicker

Const LLReactionPickerItem

LLStickerPicker

LLThemeSwitch

Const LLUserReactionCountDetail

LLUserReactionCounts

LLWidgetActionInfo

LLWidgetFooter

LLWidgetHeader

LLWidgetInteractiveTimer

LLWidgetReward

LLWidgetRewards

LLWidgetSponsor

LLWidgetSubmitButtonComponent

useApi

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

  • Type parameters

    • ApiResponse = unknown

    Parameters

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

        • Returns Promise<ApiResponse>

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

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

        • Returns Promise<ApiResponse>

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

Const useEmojiSlider

  • useEmojiSlider(__namedParameters: UseEmojiSliderArg): { onSlidingCompleteHandler: (__namedParameters: [any]) => void; onValueChangeHandler: (__namedParameters: [any]) => void; sliderInput: number; thumbImg: string }
  • description

    useEmojiSlider hook provides state logic and effects for LLEmojiSlider component

    Parameters

    Returns { onSlidingCompleteHandler: (__namedParameters: [any]) => void; onValueChangeHandler: (__namedParameters: [any]) => void; sliderInput: number; thumbImg: string }

    • onSlidingCompleteHandler: (__namedParameters: [any]) => void
        • (__namedParameters: [any]): void

        • Parameters

          • __namedParameters: [any]

          Returns void

    • onValueChangeHandler: (__namedParameters: [any]) => void
        • (__namedParameters: [any]): void

        • Parameters

          • __namedParameters: [any]

          Returns void

    • sliderInput: number
    • thumbImg: string

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

useInteractedWidgetOption

Const useIsEndWidgetUIPhase

Const useIsWidgetDisabled

Const useIsWidgetOptionDisabled

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

useLoadWidgetEffect

useMessageItemPopover

useNumberPredictionWidgetOption

usePredictionClaimRewardEffect

  • usePredictionClaimRewardEffect(__namedParameters: Object): void
  • description

    usePredictionClaimRewardEffect hook claims the prediction reward whenever a prediction follow up based UI is rendered. Internally it calls claimPredictionWidgetRewards JS API.

    Parameters

    • __namedParameters: Object

    Returns void

Const usePredictionWidgetEffect

  • description

    Listens to prediction follow up updates, and updates widget state and return followup widget details

    Parameters

    Returns { followUpWidget: IWidgetPayload }

    object with "followUpWidget" prop

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

useUserNumberOptions

useUserReactions

useUserReactionsEffect

  • useUserReactionsEffect(__namedParameters: Object): void

  • Parameters

    • __namedParameters: Object

    Returns void

useUserSliderMagnitude

useWidget

useWidgetActions

useWidgetChoices

useWidgetDismiss

  • useWidgetDismiss(__namedParameters: UseWidgetDismissArg): { dismiss: boolean; onDismissHandler: () => void }

  • Parameters

    Returns { dismiss: boolean; onDismissHandler: () => void }

    • dismiss: boolean
    • onDismissHandler: () => void
        • (): void

        • Returns void

useWidgetExpiryEffect

  • description

    useWidgetExpiryEffect hook runs a timer to update widget UI phase to EXPIRED once the expiry time has passed. Expiry time is set when creating widget from producer suite

    since

    0.1.0

    Parameters

    Returns void

useWidgetInteractionActions

useWidgetInteractions

Const useWidgetInteractiveTimeout

  • description

    useWidgetInteractiveTimeout hook is to derive resulted interactiveTimeout based on the passed interactiveTimeout value that in turns drives widget UI phases. For example, once the widget timeouts, widget UI phase would transition from INTERACTIVE to TIMED_OUT which would turn the widget into a non interact-able widget. Resulted interactiveTimeout value is used by LLWidgetHeader component.

    since

    0.1.0

    Parameters

    Returns UseWidgetInteractiveTimeoutResult

useWidgetKind

useWidgetOptions

useWidgetResultState

useWidgetRewards

Const useWidgetRewardsEffect

  • useWidgetRewardsEffect(__namedParameters: UseWidgetRewardsEffectArg): { rewardsLoaded: MutableRefObject<boolean>; slideInOutStyle: AnimatedInterpolation<string | number>; slideIndexState: { prevSlideIndex: any; slideIndex: number } }

  • Parameters

    Returns { rewardsLoaded: MutableRefObject<boolean>; slideInOutStyle: AnimatedInterpolation<string | number>; slideIndexState: { prevSlideIndex: any; slideIndex: number } }

    • rewardsLoaded: MutableRefObject<boolean>
    • slideInOutStyle: AnimatedInterpolation<string | number>
    • slideIndexState: { prevSlideIndex: any; slideIndex: number }
      • prevSlideIndex: any
      • slideIndex: number

useWidgetSelectedOptionIndex

useWidgetSponsors

Const useWidgetUIPhase

Generated using TypeDoc