@sendbird/uikit-react-native 2.1.0 → 2.2.0

package/lib/module/components/ReactionBottomSheets/ReactionUserListBottomSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","useState","Animated","Easing","Pressable","ScrollView","View","useWindowDimensions","useSafeAreaInsets","Avatar","Divider","Image","Modal","Text","createStyleSheet","useUIKitTheme","getReactionCount","truncatedCount","ReactionUserListBottomSheet","visible","onClose","onDismiss","reactionCtx","chatCtx","localizationCtx","userProfileCtx","width","bottom","left","right","colors","tabIndex","setTabIndex","scrollRef","tabIndicatorValue","tabIndicatorAnimated","x","Value","current","focusedWithLayoutCalculated","emojiManager","channel","message","focusIndex","STRINGS","color","ui","reaction","default","reactions","focusedReaction","containerSafeArea","paddingLeft","styles","layout","paddingHorizontal","paddingRight","focusTab","index","animated","indicatorValue","animateTabIndicator","scrollTo","baseConfig","duration","easing","inOut","ease","useNativeDriver","parallel","timing","toValue","start","layoutCalculated","length","every","Boolean","renderTabs","tabsWrapper","map","isFocused","key","isLastItem","emoji","allEmojiMap","tabItem","marginRight","e","nativeEvent","uri","url","tabEmoji","selected","highlight","enabled","tabIndicator","backgroundColor","renderPage","userIds","userId","isGroupChannel","user","members","find","show","pageItem","profileUrl","avatar","flex","nickname","LABELS","USER_NO_NAME","modal","container","paddingBottom","dialog","none","background","tabsContainer","top","pageContainer","overflow","borderTopLeftRadius","borderTopRightRadius","paddingTop","alignItems","justifyContent","flexGrow","flexDirection","height","position"],"sources":["ReactionUserListBottomSheet.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Animated, Easing, Pressable, ScrollView, View, useWindowDimensions } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport {\n  Avatar,\n  Divider,\n  Image,\n  Modal,\n  Text,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdReaction, getReactionCount, truncatedCount } from '@sendbird/uikit-utils';\n\nimport type { ReactionBottomSheetProps } from './index';\n\nconst ReactionUserListBottomSheet = ({\n  visible,\n  onClose,\n  onDismiss,\n  reactionCtx,\n  chatCtx,\n  localizationCtx,\n  userProfileCtx,\n}: ReactionBottomSheetProps) => {\n  const { width } = useWindowDimensions();\n  const { bottom, left, right } = useSafeAreaInsets();\n  const { colors } = useUIKitTheme();\n\n  const [tabIndex, setTabIndex] = useState(0);\n  const scrollRef = useRef<ScrollView>();\n  const tabIndicatorValue = useRef<Array<{ x: number; width: number }>>([]);\n  const tabIndicatorAnimated = useRef({ x: new Animated.Value(0), width: new Animated.Value(0) }).current;\n  const focusedWithLayoutCalculated = useRef(false);\n\n  const { emojiManager } = chatCtx;\n  const { channel, message, focusIndex } = reactionCtx;\n  const { STRINGS } = localizationCtx;\n\n  const color = colors.ui.reaction.default;\n  const reactions = message?.reactions ?? [];\n  const focusedReaction = reactions[tabIndex] as SendbirdReaction | undefined;\n  const containerSafeArea = {\n    paddingLeft: left + styles.layout.paddingHorizontal,\n    paddingRight: right + styles.layout.paddingHorizontal,\n  };\n\n  const focusTab = (index: number, animated = true) => {\n    const indicatorValue = tabIndicatorValue.current[index];\n    if (indicatorValue) {\n      setTabIndex(index);\n      animateTabIndicator(indicatorValue.x, indicatorValue.width, animated);\n      scrollRef.current?.scrollTo({ x: indicatorValue.x, animated });\n    }\n  };\n\n  const animateTabIndicator = (x: number, width: number, animated = true) => {\n    const baseConfig = { duration: animated ? 300 : 0, easing: Easing.inOut(Easing.ease), useNativeDriver: false };\n    Animated.parallel([\n      Animated.timing(tabIndicatorAnimated.x, { toValue: x, ...baseConfig }),\n      Animated.timing(tabIndicatorAnimated.width, { toValue: width, ...baseConfig }),\n    ]).start();\n  };\n\n  const layoutCalculated = () => {\n    return tabIndicatorValue.current.length === reactions.length && tabIndicatorValue.current.every(Boolean);\n  };\n\n  useEffect(() => {\n    if (!visible) {\n      tabIndicatorValue.current = [];\n      tabIndicatorAnimated.x = new Animated.Value(0);\n      tabIndicatorAnimated.width = new Animated.Value(0);\n      focusedWithLayoutCalculated.current = false;\n    }\n  }, [visible]);\n\n  const renderTabs = () => {\n    return (\n      <Pressable style={styles.tabsWrapper}>\n        {reactions.map((reaction, index) => {\n          const isFocused = focusedReaction?.key === reaction.key;\n          const isLastItem = reactions.length - 1 === index;\n          const emoji = emojiManager.allEmojiMap[reaction.key];\n\n          return (\n            <Pressable\n              key={reaction.key}\n              style={[styles.tabItem, isLastItem && { marginRight: styles.layout.marginRight }]}\n              onPress={() => focusTab(index)}\n              onLayout={(e) => {\n                tabIndicatorValue.current[index] = e.nativeEvent.layout;\n                if (layoutCalculated()) {\n                  if (focusedWithLayoutCalculated.current) {\n                    focusTab(tabIndex, false);\n                  } else {\n                    focusedWithLayoutCalculated.current = true;\n                    focusTab(focusIndex);\n                  }\n                }\n              }}\n            >\n              <Image source={{ uri: emoji.url }} style={styles.tabEmoji} />\n              <Text button color={isFocused ? color.selected.highlight : color.enabled.highlight}>\n                {truncatedCount(getReactionCount(reaction))}\n              </Text>\n            </Pressable>\n          );\n        })}\n        <Animated.View\n          style={[\n            styles.tabIndicator,\n            {\n              left: tabIndicatorAnimated.x,\n              width: tabIndicatorAnimated.width,\n              backgroundColor: color.selected.highlight,\n            },\n          ]}\n        />\n      </Pressable>\n    );\n  };\n\n  const renderPage = () => {\n    return (\n      <>\n        {focusedReaction?.userIds.map((userId) => {\n          if (channel?.isGroupChannel()) {\n            const user = channel.members.find((x) => x.userId === userId);\n            return (\n              <Pressable\n                key={userId}\n                onPress={async () => {\n                  if (user) {\n                    await onClose();\n                    userProfileCtx.show(user);\n                  }\n                }}\n                style={styles.pageItem}\n              >\n                <Avatar size={36} uri={user?.profileUrl} containerStyle={styles.avatar} />\n                <Text subtitle2 style={{ flex: 1 }}>\n                  {user?.nickname || STRINGS.LABELS.USER_NO_NAME}\n                </Text>\n              </Pressable>\n            );\n          }\n          return null;\n        })}\n      </>\n    );\n  };\n\n  return (\n    <Modal\n      type={'slide-no-gesture'}\n      visible={Boolean(visible && channel && message)}\n      onClose={onClose}\n      onDismiss={onDismiss}\n      backgroundStyle={styles.modal}\n    >\n      <View\n        style={[\n          styles.container,\n          { width, paddingBottom: bottom, backgroundColor: colors.ui.dialog.default.none.background },\n        ]}\n      >\n        <ScrollView\n          ref={scrollRef as never}\n          horizontal\n          bounces={false}\n          showsHorizontalScrollIndicator={false}\n          contentContainerStyle={[containerSafeArea, styles.tabsContainer]}\n        >\n          {renderTabs()}\n        </ScrollView>\n        <Divider style={{ top: -1 }} />\n        <ScrollView\n          bounces={false}\n          showsVerticalScrollIndicator={false}\n          style={styles.pageContainer}\n          contentContainerStyle={containerSafeArea}\n        >\n          {renderPage()}\n        </ScrollView>\n      </View>\n    </Modal>\n  );\n};\n\nconst styles = createStyleSheet({\n  layout: {\n    paddingHorizontal: 16,\n    marginRight: 0,\n  },\n  container: {\n    overflow: 'hidden',\n    borderTopLeftRadius: 8,\n    borderTopRightRadius: 8,\n    paddingTop: 16,\n    alignItems: 'center',\n  },\n  modal: {\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n  },\n  tabsContainer: {\n    flexGrow: 1,\n  },\n  tabsWrapper: {\n    flexGrow: 1,\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n    justifyContent: 'center',\n    height: 44,\n  },\n  tabItem: {\n    marginRight: 16,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  tabEmoji: {\n    width: 28,\n    height: 28,\n    marginRight: 4,\n  },\n  tabIndicator: {\n    position: 'absolute',\n    bottom: 0,\n    height: 3,\n  },\n  pageContainer: {\n    height: 216,\n    width: '100%',\n  },\n  pageItem: {\n    flexDirection: 'row',\n    width: '100%',\n    height: 48,\n    alignItems: 'center',\n  },\n  avatar: {\n    marginRight: 16,\n  },\n});\n\nexport default ReactionUserListBottomSheet;\n"],"mappings":"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"}

package/lib/module/components/ReactionBottomSheets/index.js

@@ -0,0 +1,7 @@
+import ReactionList from './ReactionListBottomSheet';
+import UserList from './ReactionUserListBottomSheet';
+export const ReactionBottomSheets = {
+  ReactionList,
+  UserList
+};
+//# sourceMappingURL=index.js.map

package/lib/module/components/ReactionBottomSheets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ReactionList","UserList","ReactionBottomSheets"],"sources":["index.tsx"],"sourcesContent":["import type React from 'react';\n\nimport type { LocalizationContext } from '../../contexts/LocalizationCtx';\nimport type { ReactionContext } from '../../contexts/ReactionCtx';\nimport type { SendbirdChatContext } from '../../contexts/SendbirdChatCtx';\nimport type { UserProfileContext } from '../../contexts/UserProfileCtx';\nimport ReactionList from './ReactionListBottomSheet';\nimport UserList from './ReactionUserListBottomSheet';\n\ntype GetFromContext<T> = T extends React.Context<infer Value> ? NonNullable<Value> : never;\nexport type ReactionBottomSheetProps = {\n  visible: boolean;\n  onDismiss: () => void;\n  onClose: () => Promise<void>;\n  chatCtx: GetFromContext<typeof SendbirdChatContext>;\n  reactionCtx: GetFromContext<typeof ReactionContext>;\n  localizationCtx: GetFromContext<typeof LocalizationContext>;\n  userProfileCtx: GetFromContext<typeof UserProfileContext>;\n};\n\nexport const ReactionBottomSheets = {\n  ReactionList,\n  UserList,\n};\n"],"mappings":"AAMA,OAAOA,YAAP,MAAyB,2BAAzB;AACA,OAAOC,QAAP,MAAqB,+BAArB;AAaA,OAAO,MAAMC,oBAAoB,GAAG;EAClCF,YADkC;EAElCC;AAFkC,CAA7B"}

package/lib/module/constants.js

@@ -4,4 +4,5 @@ export const DEPRECATION_WARNING = {
     ON_PRESS_IMAGE_MESSAGE: '`onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead'
   }
 };
+export const UNKNOWN_USER_ID = '##__USER_ID_IS_NOT_PROVIDED__##';
 //# sourceMappingURL=constants.js.map

package/lib/module/constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["DEFAULT_LONG_PRESS_DELAY","DEPRECATION_WARNING","GROUP_CHANNEL","ON_PRESS_IMAGE_MESSAGE"],"sources":["constants.ts"],"sourcesContent":["export const DEFAULT_LONG_PRESS_DELAY = 350;\nexport const DEPRECATION_WARNING = {\n  GROUP_CHANNEL: {\n    ON_PRESS_IMAGE_MESSAGE: '`onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead',\n  },\n} as const;\n"],"mappings":"AAAA,OAAO,MAAMA,wBAAwB,GAAG,GAAjC;AACP,OAAO,MAAMC,mBAAmB,GAAG;EACjCC,aAAa,EAAE;IACbC,sBAAsB,EAAE;EADX;AADkB,CAA5B"}
+{"version":3,"names":["DEFAULT_LONG_PRESS_DELAY","DEPRECATION_WARNING","GROUP_CHANNEL","ON_PRESS_IMAGE_MESSAGE","UNKNOWN_USER_ID"],"sources":["constants.ts"],"sourcesContent":["export const DEFAULT_LONG_PRESS_DELAY = 350;\nexport const DEPRECATION_WARNING = {\n  GROUP_CHANNEL: {\n    ON_PRESS_IMAGE_MESSAGE: '`onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead',\n  },\n} as const;\n\nexport const UNKNOWN_USER_ID = '##__USER_ID_IS_NOT_PROVIDED__##';\n"],"mappings":"AAAA,OAAO,MAAMA,wBAAwB,GAAG,GAAjC;AACP,OAAO,MAAMC,mBAAmB,GAAG;EACjCC,aAAa,EAAE;IACbC,sBAAsB,EAAE;EADX;AADkB,CAA5B;AAMP,OAAO,MAAMC,eAAe,GAAG,iCAAxB"}

package/lib/module/containers/GroupChannelPreviewContainer.js

@@ -22,7 +22,8 @@ const GroupChannelPreviewContainer = _ref => {
   const {
     currentUser,
     sdk,
-    features
+    features,
+    mentionManager
   } = useSendbirdChat();
   const {
     STRINGS
@@ -120,6 +121,8 @@ const GroupChannelPreviewContainer = _ref => {
     body: bodyText,
     bodyIcon: bodyIcon,
     badgeCount: channel.unreadMessageCount,
+    mentioned: channel.unreadMentionCount > 0,
+    mentionTrigger: mentionManager.config.trigger,
     memberCount: channel.memberCount > 2 ? channel.memberCount : undefined,
     frozen: channel.isFrozen,
     broadcast: channel.isBroadcast,

package/lib/module/containers/GroupChannelPreviewContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Pressable","useChannelHandler","useMessageOutgoingStatus","GroupChannelPreview","Icon","LoadingSpinner","createStyleSheet","useUIKitTheme","getFileExtension","getFileType","isDifferentChannel","isMyMessage","useIIFE","useUniqId","ChannelCover","DEFAULT_LONG_PRESS_DELAY","useLocalization","useSendbirdChat","iconMapper","audio","image","video","file","GroupChannelPreviewContainer","onPress","onLongPress","channel","currentUser","sdk","features","STRINGS","colors","typingUsers","setTypingUsers","channelListTypingIndicatorEnabled","typingId","onTypingStatusUpdated","eventChannel","getTypingUsers","outgoingStatus","lastMessage","bodyText","length","LABELS","TYPING_INDICATOR_TYPINGS","GROUP_CHANNEL_LIST","CHANNEL_PREVIEW_BODY","bodyIcon","isFileMessage","undefined","type","name","titleCaptionIcon","channelListMessageReceiptStatusEnabled","userId","styles","error","onBackground03","secondary","coverUrl","CHANNEL_PREVIEW_TITLE","CHANNEL_PREVIEW_TITLE_CAPTION","unreadMessageCount","memberCount","isFrozen","isBroadcast","myPushTriggerOption","marginRight","broadcastCover","padding","borderRadius"],"sources":["GroupChannelPreviewContainer.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Pressable } from 'react-native';\n\nimport { useChannelHandler, useMessageOutgoingStatus } from '@sendbird/uikit-chat-hooks';\nimport {\n  GroupChannelPreview,\n  Icon,\n  LoadingSpinner,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdGroupChannel,\n  SendbirdUser,\n  getFileExtension,\n  getFileType,\n  isDifferentChannel,\n  isMyMessage,\n  useIIFE,\n  useUniqId,\n} from '@sendbird/uikit-utils';\n\nimport ChannelCover from '../components/ChannelCover';\nimport { DEFAULT_LONG_PRESS_DELAY } from '../constants';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst iconMapper = { audio: 'file-audio', image: 'photo', video: 'play', file: 'file-document' } as const;\n\ntype Props = {\n  channel: SendbirdGroupChannel;\n  onPress: () => void;\n  onLongPress: () => void;\n};\nconst GroupChannelPreviewContainer = ({ onPress, onLongPress, channel }: Props) => {\n  const { currentUser, sdk, features } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  const [typingUsers, setTypingUsers] = useState<SendbirdUser[]>([]);\n\n  if (features.channelListTypingIndicatorEnabled) {\n    const typingId = useUniqId('GroupChannelPreviewContainer');\n    useChannelHandler(sdk, `GroupChannelPreviewContainer_TypingIndicator_${typingId}`, {\n      onTypingStatusUpdated(eventChannel) {\n        if (isDifferentChannel(channel, eventChannel)) return;\n        setTypingUsers(eventChannel.getTypingUsers());\n      },\n    });\n  }\n\n  const outgoingStatus = useMessageOutgoingStatus(sdk, channel, channel.lastMessage);\n\n  const bodyText = useIIFE(() => {\n    if (typingUsers.length > 0) return STRINGS.LABELS.TYPING_INDICATOR_TYPINGS(typingUsers) || '';\n    else return STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_BODY(channel);\n  });\n\n  const bodyIcon = useIIFE(() => {\n    if (!channel.lastMessage?.isFileMessage()) return undefined;\n    if (typingUsers.length > 0) return undefined;\n    return iconMapper[getFileType(channel.lastMessage.type || getFileExtension(channel.lastMessage.name))];\n  });\n\n  const titleCaptionIcon = useIIFE(() => {\n    if (!channel.lastMessage) return undefined;\n    if (!features.channelListMessageReceiptStatusEnabled) return undefined;\n    if (!isMyMessage(channel.lastMessage, currentUser?.userId)) return undefined;\n\n    if (outgoingStatus === 'PENDING') {\n      return <LoadingSpinner size={16} style={styles.titleCaptionIcon} />;\n    }\n\n    if (outgoingStatus === 'FAILED') {\n      return <Icon icon={'error'} size={16} color={colors.error} style={styles.titleCaptionIcon} />;\n    }\n\n    if (outgoingStatus === 'UNDELIVERED') {\n      return <Icon icon={'done'} size={16} color={colors.onBackground03} containerStyle={styles.titleCaptionIcon} />;\n    }\n\n    if (outgoingStatus === 'DELIVERED' || outgoingStatus === 'UNREAD') {\n      return <Icon icon={'done-all'} size={16} color={colors.onBackground03} style={styles.titleCaptionIcon} />;\n    }\n\n    if (outgoingStatus === 'READ') {\n      return <Icon icon={'done-all'} size={16} color={colors.secondary} style={styles.titleCaptionIcon} />;\n    }\n\n    return undefined;\n  });\n\n  return (\n    <Pressable delayLongPress={DEFAULT_LONG_PRESS_DELAY} onPress={onPress} onLongPress={onLongPress}>\n      <GroupChannelPreview\n        customCover={<ChannelCover channel={channel} size={56} />}\n        coverUrl={channel.coverUrl}\n        title={STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE(currentUser?.userId ?? '', channel)}\n        titleCaptionLeft={titleCaptionIcon}\n        titleCaption={STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE_CAPTION(channel)}\n        body={bodyText}\n        bodyIcon={bodyIcon}\n        badgeCount={channel.unreadMessageCount}\n        memberCount={channel.memberCount > 2 ? channel.memberCount : undefined}\n        frozen={channel.isFrozen}\n        broadcast={channel.isBroadcast}\n        notificationOff={channel.myPushTriggerOption === 'off'}\n      />\n    </Pressable>\n  );\n};\n\nconst styles = createStyleSheet({\n  titleCaptionIcon: {\n    marginRight: 4,\n  },\n  broadcastCover: {\n    padding: 12,\n    borderRadius: 28,\n  },\n});\n\nexport default GroupChannelPreviewContainer;\n"],"mappings":"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"}
+{"version":3,"names":["React","useState","Pressable","useChannelHandler","useMessageOutgoingStatus","GroupChannelPreview","Icon","LoadingSpinner","createStyleSheet","useUIKitTheme","getFileExtension","getFileType","isDifferentChannel","isMyMessage","useIIFE","useUniqId","ChannelCover","DEFAULT_LONG_PRESS_DELAY","useLocalization","useSendbirdChat","iconMapper","audio","image","video","file","GroupChannelPreviewContainer","onPress","onLongPress","channel","currentUser","sdk","features","mentionManager","STRINGS","colors","typingUsers","setTypingUsers","channelListTypingIndicatorEnabled","typingId","onTypingStatusUpdated","eventChannel","getTypingUsers","outgoingStatus","lastMessage","bodyText","length","LABELS","TYPING_INDICATOR_TYPINGS","GROUP_CHANNEL_LIST","CHANNEL_PREVIEW_BODY","bodyIcon","isFileMessage","undefined","type","name","titleCaptionIcon","channelListMessageReceiptStatusEnabled","userId","styles","error","onBackground03","secondary","coverUrl","CHANNEL_PREVIEW_TITLE","CHANNEL_PREVIEW_TITLE_CAPTION","unreadMessageCount","unreadMentionCount","config","trigger","memberCount","isFrozen","isBroadcast","myPushTriggerOption","marginRight","broadcastCover","padding","borderRadius"],"sources":["GroupChannelPreviewContainer.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Pressable } from 'react-native';\n\nimport { useChannelHandler, useMessageOutgoingStatus } from '@sendbird/uikit-chat-hooks';\nimport {\n  GroupChannelPreview,\n  Icon,\n  LoadingSpinner,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdGroupChannel,\n  SendbirdUser,\n  getFileExtension,\n  getFileType,\n  isDifferentChannel,\n  isMyMessage,\n  useIIFE,\n  useUniqId,\n} from '@sendbird/uikit-utils';\n\nimport ChannelCover from '../components/ChannelCover';\nimport { DEFAULT_LONG_PRESS_DELAY } from '../constants';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst iconMapper = { audio: 'file-audio', image: 'photo', video: 'play', file: 'file-document' } as const;\n\ntype Props = {\n  channel: SendbirdGroupChannel;\n  onPress: () => void;\n  onLongPress: () => void;\n};\nconst GroupChannelPreviewContainer = ({ onPress, onLongPress, channel }: Props) => {\n  const { currentUser, sdk, features, mentionManager } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  const [typingUsers, setTypingUsers] = useState<SendbirdUser[]>([]);\n\n  if (features.channelListTypingIndicatorEnabled) {\n    const typingId = useUniqId('GroupChannelPreviewContainer');\n    useChannelHandler(sdk, `GroupChannelPreviewContainer_TypingIndicator_${typingId}`, {\n      onTypingStatusUpdated(eventChannel) {\n        if (isDifferentChannel(channel, eventChannel)) return;\n        setTypingUsers(eventChannel.getTypingUsers());\n      },\n    });\n  }\n\n  const outgoingStatus = useMessageOutgoingStatus(sdk, channel, channel.lastMessage);\n\n  const bodyText = useIIFE(() => {\n    if (typingUsers.length > 0) return STRINGS.LABELS.TYPING_INDICATOR_TYPINGS(typingUsers) || '';\n    else return STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_BODY(channel);\n  });\n\n  const bodyIcon = useIIFE(() => {\n    if (!channel.lastMessage?.isFileMessage()) return undefined;\n    if (typingUsers.length > 0) return undefined;\n    return iconMapper[getFileType(channel.lastMessage.type || getFileExtension(channel.lastMessage.name))];\n  });\n\n  const titleCaptionIcon = useIIFE(() => {\n    if (!channel.lastMessage) return undefined;\n    if (!features.channelListMessageReceiptStatusEnabled) return undefined;\n    if (!isMyMessage(channel.lastMessage, currentUser?.userId)) return undefined;\n\n    if (outgoingStatus === 'PENDING') {\n      return <LoadingSpinner size={16} style={styles.titleCaptionIcon} />;\n    }\n\n    if (outgoingStatus === 'FAILED') {\n      return <Icon icon={'error'} size={16} color={colors.error} style={styles.titleCaptionIcon} />;\n    }\n\n    if (outgoingStatus === 'UNDELIVERED') {\n      return <Icon icon={'done'} size={16} color={colors.onBackground03} containerStyle={styles.titleCaptionIcon} />;\n    }\n\n    if (outgoingStatus === 'DELIVERED' || outgoingStatus === 'UNREAD') {\n      return <Icon icon={'done-all'} size={16} color={colors.onBackground03} style={styles.titleCaptionIcon} />;\n    }\n\n    if (outgoingStatus === 'READ') {\n      return <Icon icon={'done-all'} size={16} color={colors.secondary} style={styles.titleCaptionIcon} />;\n    }\n\n    return undefined;\n  });\n\n  return (\n    <Pressable delayLongPress={DEFAULT_LONG_PRESS_DELAY} onPress={onPress} onLongPress={onLongPress}>\n      <GroupChannelPreview\n        customCover={<ChannelCover channel={channel} size={56} />}\n        coverUrl={channel.coverUrl}\n        title={STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE(currentUser?.userId ?? '', channel)}\n        titleCaptionLeft={titleCaptionIcon}\n        titleCaption={STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE_CAPTION(channel)}\n        body={bodyText}\n        bodyIcon={bodyIcon}\n        badgeCount={channel.unreadMessageCount}\n        mentioned={channel.unreadMentionCount > 0}\n        mentionTrigger={mentionManager.config.trigger}\n        memberCount={channel.memberCount > 2 ? channel.memberCount : undefined}\n        frozen={channel.isFrozen}\n        broadcast={channel.isBroadcast}\n        notificationOff={channel.myPushTriggerOption === 'off'}\n      />\n    </Pressable>\n  );\n};\n\nconst styles = createStyleSheet({\n  titleCaptionIcon: {\n    marginRight: 4,\n  },\n  broadcastCover: {\n    padding: 12,\n    borderRadius: 28,\n  },\n});\n\nexport default GroupChannelPreviewContainer;\n"],"mappings":"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"}

package/lib/module/containers/SendbirdUIKitContainer.js

@@ -1,16 +1,20 @@
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { Platform } from 'react-native';
 import { SafeAreaProvider } from 'react-native-safe-area-context';
 import Sendbird from '@sendbird/chat';
 import { GroupChannelModule } from '@sendbird/chat/groupChannel';
 import { OpenChannelModule } from '@sendbird/chat/openChannel';
 import { DialogProvider, Header, HeaderStyleProvider, LightUIKitTheme, ToastProvider, UIKitThemeProvider } from '@sendbird/uikit-react-native-foundation';
-import { LocalizationProvider } from '../contexts/LocalizationCtx';
+import { useIsFirstMount } from '@sendbird/uikit-utils';
+import { LocalizationContext, LocalizationProvider } from '../contexts/LocalizationCtx';
 import { PlatformServiceProvider } from '../contexts/PlatformServiceCtx';
+import { ReactionProvider } from '../contexts/ReactionCtx';
 import { SendbirdChatProvider } from '../contexts/SendbirdChatCtx';
 import { UserProfileProvider } from '../contexts/UserProfileCtx';
-import { useLocalization } from '../hooks/useContext';
+import EmojiManager from '../libs/EmojiManager';
 import InternalLocalCacheStorage from '../libs/InternalLocalCacheStorage';
+import MentionConfig from '../libs/MentionConfig';
+import MentionManager from '../libs/MentionManager';
 import StringSetEn from '../localization/StringSet.en';
 import SBUDynamicModule from '../platform/dynamicModule';
 import VERSION from '../version';
@@ -18,7 +22,14 @@ import InternalErrorBoundaryContainer from './InternalErrorBoundaryContainer';
 const NetInfo = SBUDynamicModule.get('@react-native-community/netinfo', 'warn');
 export const SendbirdUIKit = Object.freeze({
   VERSION,
-  PLATFORM: Platform.OS.toLowerCase()
+  PLATFORM: Platform.OS.toLowerCase(),
+  DEFAULT: {
+    AUTO_PUSH_TOKEN_REGISTRATION: true,
+    CHANNEL_LIST_TYPING_INDICATOR: false,
+    CHANNEL_LIST_MESSAGE_RECEIPT_STATUS: false,
+    USE_USER_ID_FOR_NICKNAME: false,
+    USER_MENTION: false
+  }
 });
 
 const SendbirdUIKitContainer = _ref => {
@@ -31,71 +42,57 @@ const SendbirdUIKitContainer = _ref => {
     styles,
     toast,
     userProfile,
+    userMention,
     errorBoundary
   } = _ref;
-  const unsubscribes = useRef([]).current;
-
-  const getSendbirdSDK = () => {
-    let sdk;
-    sdk = Sendbird.init({
-      appId,
-      modules: [new GroupChannelModule(), new OpenChannelModule()],
-      localCacheEnabled: Boolean(chatOptions === null || chatOptions === void 0 ? void 0 : chatOptions.localCacheStorage),
-      // @ts-ignore
-      useAsyncStorageStore: chatOptions !== null && chatOptions !== void 0 && chatOptions.localCacheStorage ? new InternalLocalCacheStorage(chatOptions.localCacheStorage) : undefined
+  const defaultStringSet = (localization === null || localization === void 0 ? void 0 : localization.stringSet) ?? StringSetEn;
+  const isFirstMount = useIsFirstMount();
+  const unsubscribes = useRef([]);
+  const internalStorage = useMemo(() => chatOptions !== null && chatOptions !== void 0 && chatOptions.localCacheStorage ? new InternalLocalCacheStorage(chatOptions.localCacheStorage) : undefined, [chatOptions === null || chatOptions === void 0 ? void 0 : chatOptions.localCacheStorage]);
+  const [sdkInstance, setSdkInstance] = useState(() => {
+    const sendbird = initializeSendbird(appId, internalStorage, chatOptions === null || chatOptions === void 0 ? void 0 : chatOptions.onInitialized);
+    unsubscribes.current = sendbird.unsubscribes;
+    return sendbird.chatSDK;
+  });
+  const emojiManager = useMemo(() => new EmojiManager(internalStorage), [internalStorage]);
+  const mentionManager = useMemo(() => {
+    const config = new MentionConfig({
+      mentionLimit: (userMention === null || userMention === void 0 ? void 0 : userMention.mentionLimit) || MentionConfig.DEFAULT.MENTION_LIMIT,
+      suggestionLimit: (userMention === null || userMention === void 0 ? void 0 : userMention.suggestionLimit) || MentionConfig.DEFAULT.SUGGESTION_LIMIT,
+      debounceMills: (userMention === null || userMention === void 0 ? void 0 : userMention.debounceMills) ?? MentionConfig.DEFAULT.DEBOUNCE_MILLS,
+      delimiter: MentionConfig.DEFAULT.DELIMITER,
+      trigger: MentionConfig.DEFAULT.TRIGGER
     });
-
-    if (chatOptions !== null && chatOptions !== void 0 && chatOptions.onInitialized) {
-      sdk = chatOptions === null || chatOptions === void 0 ? void 0 : chatOptions.onInitialized(sdk);
-    }
-
-    if (SendbirdUIKit.VERSION) {
-      sdk.addExtension('sb_uikit', SendbirdUIKit.VERSION);
-    }
-
-    if (SendbirdUIKit.PLATFORM) {
-      sdk.addExtension('device-os-platform', SendbirdUIKit.PLATFORM);
-    }
-
-    if (NetInfo !== null && NetInfo !== void 0 && NetInfo.addEventListener) {
-      var _sdk$setOnlineListene, _sdk, _sdk$setOfflineListen, _sdk2;
-
-      const listener = (callback, callbackType) => {
-        const unsubscribe = NetInfo.addEventListener(state => {
-          const online = Boolean(state.isConnected) || Boolean(state.isInternetReachable);
-          if (online && callbackType === 'online') callback();
-          if (!online && callbackType === 'offline') callback();
-        });
-        unsubscribes.push(unsubscribe);
-        return unsubscribe;
-      };
-
-      (_sdk$setOnlineListene = (_sdk = sdk).setOnlineListener) === null || _sdk$setOnlineListene === void 0 ? void 0 : _sdk$setOnlineListene.call(_sdk, onOnline => listener(onOnline, 'online'));
-      (_sdk$setOfflineListen = (_sdk2 = sdk).setOfflineListener) === null || _sdk$setOfflineListen === void 0 ? void 0 : _sdk$setOfflineListen.call(_sdk2, onOffline => listener(onOffline, 'offline'));
+    return new MentionManager(config, (chatOptions === null || chatOptions === void 0 ? void 0 : chatOptions.enableUserMention) ?? SendbirdUIKit.DEFAULT.USER_MENTION);
+  }, [userMention === null || userMention === void 0 ? void 0 : userMention.mentionLimit, userMention === null || userMention === void 0 ? void 0 : userMention.suggestionLimit, userMention === null || userMention === void 0 ? void 0 : userMention.debounceMills]);
+  useLayoutEffect(() => {
+    if (!isFirstMount) {
+      const sendbird = initializeSendbird(appId, internalStorage, chatOptions === null || chatOptions === void 0 ? void 0 : chatOptions.onInitialized);
+      setSdkInstance(sendbird.chatSDK);
+      unsubscribes.current = sendbird.unsubscribes;
     }
 
-    return sdk;
-  };
-
-  const [sdkInstance, setSdkInstance] = useState(getSendbirdSDK);
-  useEffect(() => {
-    setSdkInstance(getSendbirdSDK);
     return () => {
-      unsubscribes.forEach(u => {
-        try {
-          u();
-        } catch {}
-      });
+      if (!isFirstMount) {
+        unsubscribes.current.forEach(u => {
+          try {
+            u();
+          } catch {}
+        });
+      }
     };
-  }, [appId, chatOptions === null || chatOptions === void 0 ? void 0 : chatOptions.localCacheStorage]);
+  }, [appId, internalStorage]);
   return /*#__PURE__*/React.createElement(SafeAreaProvider, null, /*#__PURE__*/React.createElement(SendbirdChatProvider, {
     sdkInstance: sdkInstance,
-    enableAutoPushTokenRegistration: (chatOptions === null || chatOptions === void 0 ? void 0 : chatOptions.enableAutoPushTokenRegistration) ?? true,
-    enableChannelListTypingIndicator: (chatOptions === null || chatOptions === void 0 ? void 0 : chatOptions.enableChannelListTypingIndicator) ?? false,
-    enableChannelListMessageReceiptStatus: (chatOptions === null || chatOptions === void 0 ? void 0 : chatOptions.enableChannelListMessageReceiptStatus) ?? false,
-    enableUseUserIdForNickname: (chatOptions === null || chatOptions === void 0 ? void 0 : chatOptions.enableUseUserIdForNickname) ?? false
+    emojiManager: emojiManager,
+    mentionManager: mentionManager,
+    enableAutoPushTokenRegistration: (chatOptions === null || chatOptions === void 0 ? void 0 : chatOptions.enableAutoPushTokenRegistration) ?? SendbirdUIKit.DEFAULT.AUTO_PUSH_TOKEN_REGISTRATION,
+    enableChannelListTypingIndicator: (chatOptions === null || chatOptions === void 0 ? void 0 : chatOptions.enableChannelListTypingIndicator) ?? SendbirdUIKit.DEFAULT.CHANNEL_LIST_TYPING_INDICATOR,
+    enableChannelListMessageReceiptStatus: (chatOptions === null || chatOptions === void 0 ? void 0 : chatOptions.enableChannelListMessageReceiptStatus) ?? SendbirdUIKit.DEFAULT.CHANNEL_LIST_MESSAGE_RECEIPT_STATUS,
+    enableUseUserIdForNickname: (chatOptions === null || chatOptions === void 0 ? void 0 : chatOptions.enableUseUserIdForNickname) ?? SendbirdUIKit.DEFAULT.USE_USER_ID_FOR_NICKNAME,
+    enableUserMention: (chatOptions === null || chatOptions === void 0 ? void 0 : chatOptions.enableUserMention) ?? SendbirdUIKit.DEFAULT.USER_MENTION
   }, /*#__PURE__*/React.createElement(LocalizationProvider, {
-    stringSet: (localization === null || localization === void 0 ? void 0 : localization.stringSet) ?? StringSetEn
+    stringSet: defaultStringSet
   }, /*#__PURE__*/React.createElement(PlatformServiceProvider, {
     fileService: platformServices.file,
     notificationService: platformServices.notification,
@@ -107,33 +104,72 @@ const SendbirdUIKitContainer = _ref => {
     HeaderComponent: (styles === null || styles === void 0 ? void 0 : styles.HeaderComponent) ?? Header,
     defaultTitleAlign: (styles === null || styles === void 0 ? void 0 : styles.defaultHeaderTitleAlign) ?? 'left',
     statusBarTranslucent: (styles === null || styles === void 0 ? void 0 : styles.statusBarTranslucent) ?? true
-  }, /*#__PURE__*/React.createElement(LocalizedDialogProvider, null, /*#__PURE__*/React.createElement(ToastProvider, {
+  }, /*#__PURE__*/React.createElement(ToastProvider, {
     dismissTimeout: toast === null || toast === void 0 ? void 0 : toast.dismissTimeout
   }, /*#__PURE__*/React.createElement(UserProfileProvider, {
     onCreateChannel: userProfile === null || userProfile === void 0 ? void 0 : userProfile.onCreateChannel,
     onBeforeCreateChannel: userProfile === null || userProfile === void 0 ? void 0 : userProfile.onBeforeCreateChannel
-  }, /*#__PURE__*/React.createElement(InternalErrorBoundaryContainer, errorBoundary, children))))))))));
+  }, /*#__PURE__*/React.createElement(ReactionProvider, null, /*#__PURE__*/React.createElement(LocalizationContext.Consumer, null, value => {
+    const STRINGS = (value === null || value === void 0 ? void 0 : value.STRINGS) || defaultStringSet;
+    return /*#__PURE__*/React.createElement(DialogProvider, {
+      defaultLabels: {
+        alert: {
+          ok: STRINGS.DIALOG.ALERT_DEFAULT_OK
+        },
+        prompt: {
+          ok: STRINGS.DIALOG.PROMPT_DEFAULT_OK,
+          cancel: STRINGS.DIALOG.PROMPT_DEFAULT_CANCEL,
+          placeholder: STRINGS.DIALOG.PROMPT_DEFAULT_PLACEHOLDER
+        }
+      }
+    }, /*#__PURE__*/React.createElement(InternalErrorBoundaryContainer, errorBoundary, children));
+  }))))))))));
 };
 
-const LocalizedDialogProvider = _ref2 => {
-  let {
-    children
-  } = _ref2;
-  const {
-    STRINGS
-  } = useLocalization();
-  return /*#__PURE__*/React.createElement(DialogProvider, {
-    defaultLabels: {
-      alert: {
-        ok: STRINGS.DIALOG.ALERT_DEFAULT_OK
-      },
-      prompt: {
-        ok: STRINGS.DIALOG.PROMPT_DEFAULT_OK,
-        cancel: STRINGS.DIALOG.PROMPT_DEFAULT_CANCEL,
-        placeholder: STRINGS.DIALOG.PROMPT_DEFAULT_PLACEHOLDER
-      }
-    }
-  }, children);
+const initializeSendbird = (appId, internalStorage, onInitialized) => {
+  const unsubscribes = [];
+  let chatSDK;
+  chatSDK = Sendbird.init({
+    appId,
+    modules: [new GroupChannelModule(), new OpenChannelModule()],
+    localCacheEnabled: Boolean(internalStorage),
+    useAsyncStorageStore: internalStorage,
+    newInstance: true
+  });
+
+  if (onInitialized) {
+    chatSDK = onInitialized(chatSDK);
+  }
+
+  if (SendbirdUIKit.VERSION) {
+    chatSDK.addExtension('sb_uikit', SendbirdUIKit.VERSION);
+  }
+
+  if (SendbirdUIKit.PLATFORM) {
+    chatSDK.addExtension('device-os-platform', SendbirdUIKit.PLATFORM);
+  }
+
+  if (NetInfo !== null && NetInfo !== void 0 && NetInfo.addEventListener) {
+    var _chatSDK$setOnlineLis, _chatSDK, _chatSDK$setOfflineLi, _chatSDK2;
+
+    const listener = (callback, callbackType) => {
+      const unsubscribe = NetInfo.addEventListener(state => {
+        const online = Boolean(state.isConnected) || Boolean(state.isInternetReachable);
+        if (online && callbackType === 'online') callback();
+        if (!online && callbackType === 'offline') callback();
+      });
+      unsubscribes.push(unsubscribe);
+      return unsubscribe;
+    };
+
+    (_chatSDK$setOnlineLis = (_chatSDK = chatSDK).setOnlineListener) === null || _chatSDK$setOnlineLis === void 0 ? void 0 : _chatSDK$setOnlineLis.call(_chatSDK, onOnline => listener(onOnline, 'online'));
+    (_chatSDK$setOfflineLi = (_chatSDK2 = chatSDK).setOfflineListener) === null || _chatSDK$setOfflineLi === void 0 ? void 0 : _chatSDK$setOfflineLi.call(_chatSDK2, onOffline => listener(onOffline, 'offline'));
+  }
+
+  return {
+    chatSDK,
+    unsubscribes
+  };
 };
 
 export default SendbirdUIKitContainer;

package/lib/module/containers/SendbirdUIKitContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","useState","Platform","SafeAreaProvider","Sendbird","GroupChannelModule","OpenChannelModule","DialogProvider","Header","HeaderStyleProvider","LightUIKitTheme","ToastProvider","UIKitThemeProvider","LocalizationProvider","PlatformServiceProvider","SendbirdChatProvider","UserProfileProvider","useLocalization","InternalLocalCacheStorage","StringSetEn","SBUDynamicModule","VERSION","InternalErrorBoundaryContainer","NetInfo","get","SendbirdUIKit","Object","freeze","PLATFORM","OS","toLowerCase","SendbirdUIKitContainer","children","appId","chatOptions","platformServices","localization","styles","toast","userProfile","errorBoundary","unsubscribes","current","getSendbirdSDK","sdk","init","modules","localCacheEnabled","Boolean","localCacheStorage","useAsyncStorageStore","undefined","onInitialized","addExtension","addEventListener","listener","callback","callbackType","unsubscribe","state","online","isConnected","isInternetReachable","push","setOnlineListener","onOnline","setOfflineListener","onOffline","sdkInstance","setSdkInstance","forEach","u","enableAutoPushTokenRegistration","enableChannelListTypingIndicator","enableChannelListMessageReceiptStatus","enableUseUserIdForNickname","stringSet","file","notification","clipboard","media","theme","HeaderComponent","defaultHeaderTitleAlign","statusBarTranslucent","dismissTimeout","onCreateChannel","onBeforeCreateChannel","LocalizedDialogProvider","STRINGS","alert","ok","DIALOG","ALERT_DEFAULT_OK","prompt","PROMPT_DEFAULT_OK","cancel","PROMPT_DEFAULT_CANCEL","placeholder","PROMPT_DEFAULT_PLACEHOLDER"],"sources":["SendbirdUIKitContainer.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Platform } from 'react-native';\nimport { SafeAreaProvider } from 'react-native-safe-area-context';\n\nimport Sendbird from '@sendbird/chat';\nimport { GroupChannelModule } from '@sendbird/chat/groupChannel';\nimport { OpenChannelModule } from '@sendbird/chat/openChannel';\nimport type { HeaderStyleContextType, UIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport {\n  DialogProvider,\n  Header,\n  HeaderStyleProvider,\n  LightUIKitTheme,\n  ToastProvider,\n  UIKitThemeProvider,\n} from '@sendbird/uikit-react-native-foundation';\nimport type {\n  SendbirdBaseChannel,\n  SendbirdChatSDK,\n  SendbirdGroupChannelCreateParams,\n  SendbirdMember,\n  SendbirdUser,\n} from '@sendbird/uikit-utils';\n\nimport { LocalizationProvider } from '../contexts/LocalizationCtx';\nimport { PlatformServiceProvider } from '../contexts/PlatformServiceCtx';\nimport type { UIKitFeaturesInSendbirdChatContext } from '../contexts/SendbirdChatCtx';\nimport { SendbirdChatProvider } from '../contexts/SendbirdChatCtx';\nimport { UserProfileProvider } from '../contexts/UserProfileCtx';\nimport { useLocalization } from '../hooks/useContext';\nimport InternalLocalCacheStorage from '../libs/InternalLocalCacheStorage';\nimport StringSetEn from '../localization/StringSet.en';\nimport type { StringSet } from '../localization/StringSet.type';\nimport SBUDynamicModule from '../platform/dynamicModule';\nimport type {\n  ClipboardServiceInterface,\n  FileServiceInterface,\n  MediaServiceInterface,\n  NotificationServiceInterface,\n} from '../platform/types';\nimport type { ErrorBoundaryProps, LocalCacheStorage } from '../types';\nimport VERSION from '../version';\nimport InternalErrorBoundaryContainer from './InternalErrorBoundaryContainer';\n\nconst NetInfo = SBUDynamicModule.get('@react-native-community/netinfo', 'warn');\n\nexport const SendbirdUIKit = Object.freeze({\n  VERSION,\n  PLATFORM: Platform.OS.toLowerCase(),\n});\n\nexport type SendbirdUIKitContainerProps = React.PropsWithChildren<{\n  appId: string;\n  platformServices: {\n    file: FileServiceInterface;\n    notification: NotificationServiceInterface;\n    clipboard: ClipboardServiceInterface;\n    media?: MediaServiceInterface;\n  };\n  chatOptions?: {\n    localCacheStorage?: LocalCacheStorage;\n    onInitialized?: (sdkInstance: SendbirdChatSDK) => SendbirdChatSDK;\n  } & Partial<UIKitFeaturesInSendbirdChatContext>;\n  localization?: {\n    stringSet?: StringSet;\n  };\n  styles?: {\n    theme?: UIKitTheme;\n    statusBarTranslucent?: boolean;\n    defaultHeaderTitleAlign?: 'left' | 'center';\n    defaultHeaderHeight?: number;\n    HeaderComponent?: HeaderStyleContextType['HeaderComponent'];\n  };\n  toast?: {\n    dismissTimeout?: number;\n  };\n  userProfile?: {\n    onCreateChannel: (channel: SendbirdBaseChannel) => void;\n    onBeforeCreateChannel?: (\n      channelParams: SendbirdGroupChannelCreateParams,\n      users: SendbirdUser[] | SendbirdMember[],\n    ) => SendbirdGroupChannelCreateParams | Promise<SendbirdGroupChannelCreateParams>;\n  };\n  errorBoundary?: {\n    onError?: (props: ErrorBoundaryProps) => void;\n    ErrorInfoComponent?: (props: ErrorBoundaryProps) => JSX.Element;\n  };\n}>;\n\nconst SendbirdUIKitContainer = ({\n  children,\n  appId,\n  chatOptions,\n  platformServices,\n  localization,\n  styles,\n  toast,\n  userProfile,\n  errorBoundary,\n}: SendbirdUIKitContainerProps) => {\n  const unsubscribes = useRef<(() => void)[]>([]).current;\n  const getSendbirdSDK = () => {\n    let sdk: SendbirdChatSDK;\n\n    sdk = Sendbird.init({\n      appId,\n      modules: [new GroupChannelModule(), new OpenChannelModule()],\n      localCacheEnabled: Boolean(chatOptions?.localCacheStorage),\n      // @ts-ignore\n      useAsyncStorageStore: chatOptions?.localCacheStorage\n        ? new InternalLocalCacheStorage(chatOptions.localCacheStorage)\n        : undefined,\n    });\n\n    if (chatOptions?.onInitialized) {\n      sdk = chatOptions?.onInitialized(sdk);\n    }\n\n    if (SendbirdUIKit.VERSION) {\n      sdk.addExtension('sb_uikit', SendbirdUIKit.VERSION);\n    }\n\n    if (SendbirdUIKit.PLATFORM) {\n      sdk.addExtension('device-os-platform', SendbirdUIKit.PLATFORM);\n    }\n\n    if (NetInfo?.addEventListener) {\n      const listener = (callback: () => void, callbackType: 'online' | 'offline') => {\n        const unsubscribe = NetInfo.addEventListener((state) => {\n          const online = Boolean(state.isConnected) || Boolean(state.isInternetReachable);\n          if (online && callbackType === 'online') callback();\n          if (!online && callbackType === 'offline') callback();\n        });\n        unsubscribes.push(unsubscribe);\n        return unsubscribe;\n      };\n      sdk.setOnlineListener?.((onOnline) => listener(onOnline, 'online'));\n      sdk.setOfflineListener?.((onOffline) => listener(onOffline, 'offline'));\n    }\n    return sdk;\n  };\n\n  const [sdkInstance, setSdkInstance] = useState<SendbirdChatSDK>(getSendbirdSDK);\n\n  useEffect(() => {\n    setSdkInstance(getSendbirdSDK);\n    return () => {\n      unsubscribes.forEach((u) => {\n        try {\n          u();\n        } catch {}\n      });\n    };\n  }, [appId, chatOptions?.localCacheStorage]);\n\n  return (\n    <SafeAreaProvider>\n      <SendbirdChatProvider\n        sdkInstance={sdkInstance}\n        enableAutoPushTokenRegistration={chatOptions?.enableAutoPushTokenRegistration ?? true}\n        enableChannelListTypingIndicator={chatOptions?.enableChannelListTypingIndicator ?? false}\n        enableChannelListMessageReceiptStatus={chatOptions?.enableChannelListMessageReceiptStatus ?? false}\n        enableUseUserIdForNickname={chatOptions?.enableUseUserIdForNickname ?? false}\n      >\n        <LocalizationProvider stringSet={localization?.stringSet ?? StringSetEn}>\n          <PlatformServiceProvider\n            fileService={platformServices.file}\n            notificationService={platformServices.notification}\n            clipboardService={platformServices.clipboard}\n            mediaService={platformServices.media}\n          >\n            <UIKitThemeProvider theme={styles?.theme ?? LightUIKitTheme}>\n              <HeaderStyleProvider\n                HeaderComponent={styles?.HeaderComponent ?? Header}\n                defaultTitleAlign={styles?.defaultHeaderTitleAlign ?? 'left'}\n                statusBarTranslucent={styles?.statusBarTranslucent ?? true}\n              >\n                <LocalizedDialogProvider>\n                  <ToastProvider dismissTimeout={toast?.dismissTimeout}>\n                    <UserProfileProvider\n                      onCreateChannel={userProfile?.onCreateChannel}\n                      onBeforeCreateChannel={userProfile?.onBeforeCreateChannel}\n                    >\n                      <InternalErrorBoundaryContainer {...errorBoundary}>{children}</InternalErrorBoundaryContainer>\n                    </UserProfileProvider>\n                  </ToastProvider>\n                </LocalizedDialogProvider>\n              </HeaderStyleProvider>\n            </UIKitThemeProvider>\n          </PlatformServiceProvider>\n        </LocalizationProvider>\n      </SendbirdChatProvider>\n    </SafeAreaProvider>\n  );\n};\n\nconst LocalizedDialogProvider = ({ children }: React.PropsWithChildren) => {\n  const { STRINGS } = useLocalization();\n  return (\n    <DialogProvider\n      defaultLabels={{\n        alert: {\n          ok: STRINGS.DIALOG.ALERT_DEFAULT_OK,\n        },\n        prompt: {\n          ok: STRINGS.DIALOG.PROMPT_DEFAULT_OK,\n          cancel: STRINGS.DIALOG.PROMPT_DEFAULT_CANCEL,\n          placeholder: STRINGS.DIALOG.PROMPT_DEFAULT_PLACEHOLDER,\n        },\n      }}\n    >\n      {children}\n    </DialogProvider>\n  );\n};\n\nexport default SendbirdUIKitContainer;\n"],"mappings":"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"}
+{"version":3,"names":["React","useLayoutEffect","useMemo","useRef","useState","Platform","SafeAreaProvider","Sendbird","GroupChannelModule","OpenChannelModule","DialogProvider","Header","HeaderStyleProvider","LightUIKitTheme","ToastProvider","UIKitThemeProvider","useIsFirstMount","LocalizationContext","LocalizationProvider","PlatformServiceProvider","ReactionProvider","SendbirdChatProvider","UserProfileProvider","EmojiManager","InternalLocalCacheStorage","MentionConfig","MentionManager","StringSetEn","SBUDynamicModule","VERSION","InternalErrorBoundaryContainer","NetInfo","get","SendbirdUIKit","Object","freeze","PLATFORM","OS","toLowerCase","DEFAULT","AUTO_PUSH_TOKEN_REGISTRATION","CHANNEL_LIST_TYPING_INDICATOR","CHANNEL_LIST_MESSAGE_RECEIPT_STATUS","USE_USER_ID_FOR_NICKNAME","USER_MENTION","SendbirdUIKitContainer","children","appId","chatOptions","platformServices","localization","styles","toast","userProfile","userMention","errorBoundary","defaultStringSet","stringSet","isFirstMount","unsubscribes","internalStorage","localCacheStorage","undefined","sdkInstance","setSdkInstance","sendbird","initializeSendbird","onInitialized","current","chatSDK","emojiManager","mentionManager","config","mentionLimit","MENTION_LIMIT","suggestionLimit","SUGGESTION_LIMIT","debounceMills","DEBOUNCE_MILLS","delimiter","DELIMITER","trigger","TRIGGER","enableUserMention","forEach","u","enableAutoPushTokenRegistration","enableChannelListTypingIndicator","enableChannelListMessageReceiptStatus","enableUseUserIdForNickname","file","notification","clipboard","media","theme","HeaderComponent","defaultHeaderTitleAlign","statusBarTranslucent","dismissTimeout","onCreateChannel","onBeforeCreateChannel","value","STRINGS","alert","ok","DIALOG","ALERT_DEFAULT_OK","prompt","PROMPT_DEFAULT_OK","cancel","PROMPT_DEFAULT_CANCEL","placeholder","PROMPT_DEFAULT_PLACEHOLDER","init","modules","localCacheEnabled","Boolean","useAsyncStorageStore","newInstance","addExtension","addEventListener","listener","callback","callbackType","unsubscribe","state","online","isConnected","isInternetReachable","push","setOnlineListener","onOnline","setOfflineListener","onOffline"],"sources":["SendbirdUIKitContainer.tsx"],"sourcesContent":["import React, { useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { Platform } from 'react-native';\nimport { SafeAreaProvider } from 'react-native-safe-area-context';\n\nimport Sendbird from '@sendbird/chat';\nimport { GroupChannelModule } from '@sendbird/chat/groupChannel';\nimport { OpenChannelModule } from '@sendbird/chat/openChannel';\nimport type { HeaderStyleContextType, UIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport {\n  DialogProvider,\n  Header,\n  HeaderStyleProvider,\n  LightUIKitTheme,\n  ToastProvider,\n  UIKitThemeProvider,\n} from '@sendbird/uikit-react-native-foundation';\nimport type {\n  SendbirdBaseChannel,\n  SendbirdChatSDK,\n  SendbirdGroupChannelCreateParams,\n  SendbirdMember,\n  SendbirdUser,\n} from '@sendbird/uikit-utils';\nimport { useIsFirstMount } from '@sendbird/uikit-utils';\n\nimport { LocalizationContext, LocalizationProvider } from '../contexts/LocalizationCtx';\nimport { PlatformServiceProvider } from '../contexts/PlatformServiceCtx';\nimport { ReactionProvider } from '../contexts/ReactionCtx';\nimport type { UIKitFeaturesInSendbirdChatContext } from '../contexts/SendbirdChatCtx';\nimport { SendbirdChatProvider } from '../contexts/SendbirdChatCtx';\nimport { UserProfileProvider } from '../contexts/UserProfileCtx';\nimport EmojiManager from '../libs/EmojiManager';\nimport InternalLocalCacheStorage from '../libs/InternalLocalCacheStorage';\nimport MentionConfig, { MentionConfigInterface } from '../libs/MentionConfig';\nimport MentionManager from '../libs/MentionManager';\nimport StringSetEn from '../localization/StringSet.en';\nimport type { StringSet } from '../localization/StringSet.type';\nimport SBUDynamicModule from '../platform/dynamicModule';\nimport type {\n  ClipboardServiceInterface,\n  FileServiceInterface,\n  MediaServiceInterface,\n  NotificationServiceInterface,\n} from '../platform/types';\nimport type { ErrorBoundaryProps, LocalCacheStorage } from '../types';\nimport VERSION from '../version';\nimport InternalErrorBoundaryContainer from './InternalErrorBoundaryContainer';\n\nconst NetInfo = SBUDynamicModule.get('@react-native-community/netinfo', 'warn');\n\nexport const SendbirdUIKit = Object.freeze({\n  VERSION,\n  PLATFORM: Platform.OS.toLowerCase(),\n  DEFAULT: {\n    AUTO_PUSH_TOKEN_REGISTRATION: true,\n    CHANNEL_LIST_TYPING_INDICATOR: false,\n    CHANNEL_LIST_MESSAGE_RECEIPT_STATUS: false,\n    USE_USER_ID_FOR_NICKNAME: false,\n    USER_MENTION: false,\n  },\n});\n\nexport type SendbirdUIKitContainerProps = React.PropsWithChildren<{\n  appId: string;\n  platformServices: {\n    file: FileServiceInterface;\n    notification: NotificationServiceInterface;\n    clipboard: ClipboardServiceInterface;\n    media?: MediaServiceInterface;\n  };\n  chatOptions?: {\n    localCacheStorage?: LocalCacheStorage;\n    onInitialized?: (sdkInstance: SendbirdChatSDK) => SendbirdChatSDK;\n  } & Partial<UIKitFeaturesInSendbirdChatContext>;\n  localization?: {\n    stringSet?: StringSet;\n  };\n  styles?: {\n    theme?: UIKitTheme;\n    statusBarTranslucent?: boolean;\n    defaultHeaderTitleAlign?: 'left' | 'center';\n    defaultHeaderHeight?: number;\n    HeaderComponent?: HeaderStyleContextType['HeaderComponent'];\n  };\n  toast?: {\n    dismissTimeout?: number;\n  };\n  userProfile?: {\n    onCreateChannel: (channel: SendbirdBaseChannel) => void;\n    onBeforeCreateChannel?: (\n      channelParams: SendbirdGroupChannelCreateParams,\n      users: SendbirdUser[] | SendbirdMember[],\n    ) => SendbirdGroupChannelCreateParams | Promise<SendbirdGroupChannelCreateParams>;\n  };\n  userMention?: Pick<Partial<MentionConfigInterface>, 'mentionLimit' | 'suggestionLimit' | 'debounceMills'>;\n  errorBoundary?: {\n    onError?: (props: ErrorBoundaryProps) => void;\n    ErrorInfoComponent?: (props: ErrorBoundaryProps) => JSX.Element;\n  };\n}>;\n\nconst SendbirdUIKitContainer = ({\n  children,\n  appId,\n  chatOptions,\n  platformServices,\n  localization,\n  styles,\n  toast,\n  userProfile,\n  userMention,\n  errorBoundary,\n}: SendbirdUIKitContainerProps) => {\n  const defaultStringSet = localization?.stringSet ?? StringSetEn;\n\n  const isFirstMount = useIsFirstMount();\n  const unsubscribes = useRef<Array<() => void>>([]);\n  const internalStorage = useMemo(\n    () => (chatOptions?.localCacheStorage ? new InternalLocalCacheStorage(chatOptions.localCacheStorage) : undefined),\n    [chatOptions?.localCacheStorage],\n  );\n\n  const [sdkInstance, setSdkInstance] = useState<SendbirdChatSDK>(() => {\n    const sendbird = initializeSendbird(appId, internalStorage, chatOptions?.onInitialized);\n    unsubscribes.current = sendbird.unsubscribes;\n    return sendbird.chatSDK;\n  });\n  const emojiManager = useMemo(() => new EmojiManager(internalStorage), [internalStorage]);\n  const mentionManager = useMemo(() => {\n    const config = new MentionConfig({\n      mentionLimit: userMention?.mentionLimit || MentionConfig.DEFAULT.MENTION_LIMIT,\n      suggestionLimit: userMention?.suggestionLimit || MentionConfig.DEFAULT.SUGGESTION_LIMIT,\n      debounceMills: userMention?.debounceMills ?? MentionConfig.DEFAULT.DEBOUNCE_MILLS,\n      delimiter: MentionConfig.DEFAULT.DELIMITER,\n      trigger: MentionConfig.DEFAULT.TRIGGER,\n    });\n    return new MentionManager(config, chatOptions?.enableUserMention ?? SendbirdUIKit.DEFAULT.USER_MENTION);\n  }, [userMention?.mentionLimit, userMention?.suggestionLimit, userMention?.debounceMills]);\n\n  useLayoutEffect(() => {\n    if (!isFirstMount) {\n      const sendbird = initializeSendbird(appId, internalStorage, chatOptions?.onInitialized);\n      setSdkInstance(sendbird.chatSDK);\n      unsubscribes.current = sendbird.unsubscribes;\n    }\n\n    return () => {\n      if (!isFirstMount) {\n        unsubscribes.current.forEach((u) => {\n          try {\n            u();\n          } catch {}\n        });\n      }\n    };\n  }, [appId, internalStorage]);\n\n  return (\n    <SafeAreaProvider>\n      <SendbirdChatProvider\n        sdkInstance={sdkInstance}\n        emojiManager={emojiManager}\n        mentionManager={mentionManager}\n        enableAutoPushTokenRegistration={\n          chatOptions?.enableAutoPushTokenRegistration ?? SendbirdUIKit.DEFAULT.AUTO_PUSH_TOKEN_REGISTRATION\n        }\n        enableChannelListTypingIndicator={\n          chatOptions?.enableChannelListTypingIndicator ?? SendbirdUIKit.DEFAULT.CHANNEL_LIST_TYPING_INDICATOR\n        }\n        enableChannelListMessageReceiptStatus={\n          chatOptions?.enableChannelListMessageReceiptStatus ??\n          SendbirdUIKit.DEFAULT.CHANNEL_LIST_MESSAGE_RECEIPT_STATUS\n        }\n        enableUseUserIdForNickname={\n          chatOptions?.enableUseUserIdForNickname ?? SendbirdUIKit.DEFAULT.USE_USER_ID_FOR_NICKNAME\n        }\n        enableUserMention={chatOptions?.enableUserMention ?? SendbirdUIKit.DEFAULT.USER_MENTION}\n      >\n        <LocalizationProvider stringSet={defaultStringSet}>\n          <PlatformServiceProvider\n            fileService={platformServices.file}\n            notificationService={platformServices.notification}\n            clipboardService={platformServices.clipboard}\n            mediaService={platformServices.media}\n          >\n            <UIKitThemeProvider theme={styles?.theme ?? LightUIKitTheme}>\n              <HeaderStyleProvider\n                HeaderComponent={styles?.HeaderComponent ?? Header}\n                defaultTitleAlign={styles?.defaultHeaderTitleAlign ?? 'left'}\n                statusBarTranslucent={styles?.statusBarTranslucent ?? true}\n              >\n                <ToastProvider dismissTimeout={toast?.dismissTimeout}>\n                  <UserProfileProvider\n                    onCreateChannel={userProfile?.onCreateChannel}\n                    onBeforeCreateChannel={userProfile?.onBeforeCreateChannel}\n                  >\n                    <ReactionProvider>\n                      <LocalizationContext.Consumer>\n                        {(value) => {\n                          const STRINGS = value?.STRINGS || defaultStringSet;\n                          return (\n                            <DialogProvider\n                              defaultLabels={{\n                                alert: { ok: STRINGS.DIALOG.ALERT_DEFAULT_OK },\n                                prompt: {\n                                  ok: STRINGS.DIALOG.PROMPT_DEFAULT_OK,\n                                  cancel: STRINGS.DIALOG.PROMPT_DEFAULT_CANCEL,\n                                  placeholder: STRINGS.DIALOG.PROMPT_DEFAULT_PLACEHOLDER,\n                                },\n                              }}\n                            >\n                              <InternalErrorBoundaryContainer {...errorBoundary}>\n                                {children}\n                              </InternalErrorBoundaryContainer>\n                            </DialogProvider>\n                          );\n                        }}\n                      </LocalizationContext.Consumer>\n                    </ReactionProvider>\n                  </UserProfileProvider>\n                </ToastProvider>\n              </HeaderStyleProvider>\n            </UIKitThemeProvider>\n          </PlatformServiceProvider>\n        </LocalizationProvider>\n      </SendbirdChatProvider>\n    </SafeAreaProvider>\n  );\n};\n\nconst initializeSendbird = (\n  appId: string,\n  internalStorage?: InternalLocalCacheStorage,\n  onInitialized?: (sdk: SendbirdChatSDK) => SendbirdChatSDK,\n) => {\n  const unsubscribes: Array<() => void> = [];\n  let chatSDK: SendbirdChatSDK;\n\n  chatSDK = Sendbird.init({\n    appId,\n    modules: [new GroupChannelModule(), new OpenChannelModule()],\n    localCacheEnabled: Boolean(internalStorage),\n    useAsyncStorageStore: internalStorage as never,\n    newInstance: true,\n  });\n\n  if (onInitialized) {\n    chatSDK = onInitialized(chatSDK);\n  }\n\n  if (SendbirdUIKit.VERSION) {\n    chatSDK.addExtension('sb_uikit', SendbirdUIKit.VERSION);\n  }\n\n  if (SendbirdUIKit.PLATFORM) {\n    chatSDK.addExtension('device-os-platform', SendbirdUIKit.PLATFORM);\n  }\n\n  if (NetInfo?.addEventListener) {\n    const listener = (callback: () => void, callbackType: 'online' | 'offline') => {\n      const unsubscribe = NetInfo.addEventListener((state) => {\n        const online = Boolean(state.isConnected) || Boolean(state.isInternetReachable);\n        if (online && callbackType === 'online') callback();\n        if (!online && callbackType === 'offline') callback();\n      });\n      unsubscribes.push(unsubscribe);\n      return unsubscribe;\n    };\n    chatSDK.setOnlineListener?.((onOnline) => listener(onOnline, 'online'));\n    chatSDK.setOfflineListener?.((onOffline) => listener(onOffline, 'offline'));\n  }\n  return { chatSDK, unsubscribes };\n};\n\nexport default SendbirdUIKitContainer;\n"],"mappings":"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"}

package/lib/module/contexts/ReactionCtx.js

@@ -0,0 +1,85 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { useCallback, useContext, useReducer, useRef, useState } from 'react';
+import { NOOP } from '@sendbird/uikit-utils';
+import { ReactionBottomSheets } from '../components/ReactionBottomSheets';
+import { LocalizationContext } from '../contexts/LocalizationCtx';
+import { SendbirdChatContext } from '../contexts/SendbirdChatCtx';
+import { UserProfileContext } from '../contexts/UserProfileCtx';
+export const ReactionContext = /*#__PURE__*/React.createContext(null);
+export const ReactionProvider = _ref => {
+  let {
+    children
+  } = _ref;
+  const chatCtx = useContext(SendbirdChatContext);
+  const localizationCtx = useContext(LocalizationContext);
+  const userProfileCtx = useContext(UserProfileContext);
+  if (!chatCtx) throw new Error('SendbirdChatContext is not provided');
+  if (!localizationCtx) throw new Error('LocalizationContext is not provided');
+  if (!userProfileCtx) throw new Error('UserProfileContext is not provided');
+  const [state, setState] = useReducer((prev, next) => ({ ...prev,
+    ...next
+  }), {});
+  const [reactionListVisible, setReactionListVisible] = useState(false);
+  const [reactionUserListVisible, setReactionUserListVisible] = useState(false);
+  const [reactionUserListFocusIndex, setReactionUserListFocusIndex] = useState(0);
+  const closeResolver = useRef(NOOP);
+  const openReactionList = useCallback(params => {
+    setState(params);
+    setReactionListVisible(true);
+  }, []);
+  const openReactionUserList = useCallback(_ref2 => {
+    let {
+      channel,
+      message,
+      focusIndex = 0
+    } = _ref2;
+    setState({
+      channel,
+      message
+    });
+    setReactionUserListFocusIndex(focusIndex);
+    setReactionUserListVisible(true);
+  }, []);
+  const updateReactionFocusedItem = useCallback(params => {
+    if (params) setState(params);else setState({});
+  }, []);
+
+  const createOnCloseWithResolver = callback => {
+    return () => {
+      return new Promise(resolve => {
+        closeResolver.current = resolve;
+        callback();
+      });
+    };
+  };
+
+  const reactionCtx = { ...state,
+    openReactionList,
+    openReactionUserList,
+    updateReactionFocusedItem,
+    focusIndex: reactionUserListFocusIndex
+  };
+  const sheetProps = {
+    chatCtx,
+    reactionCtx,
+    localizationCtx,
+    userProfileCtx,
+    onDismiss: () => {
+      var _closeResolver$curren;
+
+      setState({});
+      (_closeResolver$curren = closeResolver.current) === null || _closeResolver$curren === void 0 ? void 0 : _closeResolver$curren.call(closeResolver);
+    }
+  };
+  return /*#__PURE__*/React.createElement(ReactionContext.Provider, {
+    value: reactionCtx
+  }, children, /*#__PURE__*/React.createElement(ReactionBottomSheets.UserList, _extends({}, sheetProps, {
+    visible: reactionUserListVisible,
+    onClose: createOnCloseWithResolver(() => setReactionUserListVisible(false))
+  })), /*#__PURE__*/React.createElement(ReactionBottomSheets.ReactionList, _extends({}, sheetProps, {
+    visible: reactionListVisible,
+    onClose: createOnCloseWithResolver(() => setReactionListVisible(false))
+  })));
+};
+//# sourceMappingURL=ReactionCtx.js.map

package/lib/module/contexts/ReactionCtx.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useContext","useReducer","useRef","useState","NOOP","ReactionBottomSheets","LocalizationContext","SendbirdChatContext","UserProfileContext","ReactionContext","createContext","ReactionProvider","children","chatCtx","localizationCtx","userProfileCtx","Error","state","setState","prev","next","reactionListVisible","setReactionListVisible","reactionUserListVisible","setReactionUserListVisible","reactionUserListFocusIndex","setReactionUserListFocusIndex","closeResolver","openReactionList","params","openReactionUserList","channel","message","focusIndex","updateReactionFocusedItem","createOnCloseWithResolver","callback","Promise","resolve","current","reactionCtx","sheetProps","onDismiss"],"sources":["ReactionCtx.tsx"],"sourcesContent":["import React, { useCallback, useContext, useReducer, useRef, useState } from 'react';\n\nimport type { SendbirdBaseChannel, SendbirdBaseMessage } from '@sendbird/uikit-utils';\nimport { NOOP } from '@sendbird/uikit-utils';\n\nimport { ReactionBottomSheets } from '../components/ReactionBottomSheets';\nimport { LocalizationContext } from '../contexts/LocalizationCtx';\nimport { SendbirdChatContext } from '../contexts/SendbirdChatCtx';\nimport { UserProfileContext } from '../contexts/UserProfileCtx';\n\ntype State = {\n  message?: SendbirdBaseMessage;\n  channel?: SendbirdBaseChannel;\n};\nexport type ReactionContextType = {\n  openReactionList(param: Required<State>): void;\n  openReactionUserList(param: Required<State> & { focusIndex?: number }): void;\n  updateReactionFocusedItem(param?: State): void;\n  focusIndex: number;\n} & State;\n\ntype Props = React.PropsWithChildren<{}>;\n\nexport const ReactionContext = React.createContext<ReactionContextType | null>(null);\nexport const ReactionProvider = ({ children }: Props) => {\n  const chatCtx = useContext(SendbirdChatContext);\n  const localizationCtx = useContext(LocalizationContext);\n  const userProfileCtx = useContext(UserProfileContext);\n  if (!chatCtx) throw new Error('SendbirdChatContext is not provided');\n  if (!localizationCtx) throw new Error('LocalizationContext is not provided');\n  if (!userProfileCtx) throw new Error('UserProfileContext is not provided');\n\n  const [state, setState] = useReducer((prev: State, next: State) => ({ ...prev, ...next }), {});\n  const [reactionListVisible, setReactionListVisible] = useState(false);\n  const [reactionUserListVisible, setReactionUserListVisible] = useState(false);\n  const [reactionUserListFocusIndex, setReactionUserListFocusIndex] = useState(0);\n\n  const closeResolver = useRef<() => void>(NOOP);\n\n  const openReactionList: ReactionContextType['openReactionList'] = useCallback((params) => {\n    setState(params);\n    setReactionListVisible(true);\n  }, []);\n\n  const openReactionUserList: ReactionContextType['openReactionUserList'] = useCallback(\n    ({ channel, message, focusIndex = 0 }) => {\n      setState({ channel, message });\n      setReactionUserListFocusIndex(focusIndex);\n      setReactionUserListVisible(true);\n    },\n    [],\n  );\n\n  const updateReactionFocusedItem: ReactionContextType['updateReactionFocusedItem'] = useCallback((params) => {\n    if (params) setState(params);\n    else setState({});\n  }, []);\n\n  const createOnCloseWithResolver = (callback: () => void) => {\n    return () => {\n      return new Promise<void>((resolve) => {\n        closeResolver.current = resolve;\n        callback();\n      });\n    };\n  };\n\n  const reactionCtx = {\n    ...state,\n    openReactionList,\n    openReactionUserList,\n    updateReactionFocusedItem,\n    focusIndex: reactionUserListFocusIndex,\n  };\n\n  const sheetProps = {\n    chatCtx,\n    reactionCtx,\n    localizationCtx,\n    userProfileCtx,\n    onDismiss: () => {\n      setState({});\n      closeResolver.current?.();\n    },\n  };\n\n  return (\n    <ReactionContext.Provider value={reactionCtx}>\n      {children}\n      <ReactionBottomSheets.UserList\n        {...sheetProps}\n        visible={reactionUserListVisible}\n        onClose={createOnCloseWithResolver(() => setReactionUserListVisible(false))}\n      />\n      <ReactionBottomSheets.ReactionList\n        {...sheetProps}\n        visible={reactionListVisible}\n        onClose={createOnCloseWithResolver(() => setReactionListVisible(false))}\n      />\n    </ReactionContext.Provider>\n  );\n};\n"],"mappings":"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"}