@sendbird/uikit-react-native 3.12.1 → 3.12.2

package/lib/module/components/FileViewer/FileViewerContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["ReactNativeZoomableView","React","useLayoutEffect","useRef","useState","StyleSheet","useWindowDimensions","Box","Image","LoadingSpinner","createStyleSheet","useHeaderStyle","useUIKitTheme","useIIFE","usePlatformService","SBUUtils","FileViewerContent","type","src","topInset","bottomInset","maxZoom","minZoom","onPress","loading","setLoading","defaultHeight","mediaService","palette","source","uri","onLoadEnd","mediaViewer","createElement","ZoomableImageView","style","absoluteFill","resizeMode","zoomProps","onSingleTap","VideoComponent","top","bottom","onLoad","styles","container","position","size","color","primary300","props","width","height","imageSize","contentSizeProps","setContentSizeProps","contentWidth","contentHeight","safeRun","image","current","getImageSize","viewRatio","imageRatio","fitDirection","ratio","actualSize","_extends","visualTouchFeedbackEnabled","initialZoom","zIndex","flex","alignItems","justifyContent"],"sources":["FileViewerContent.tsx"],"sourcesContent":["import { ReactNativeZoomableView, ReactNativeZoomableViewProps } from '@openspacelabs/react-native-zoomable-view';\nimport React, { useLayoutEffect, useRef, useState } from 'react';\nimport { ImageProps, ImageStyle, ImageURISource, StyleProp, StyleSheet, useWindowDimensions } from 'react-native';\n\nimport {\n  Box,\n  Image,\n  LoadingSpinner,\n  createStyleSheet,\n  useHeaderStyle,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { FileType, useIIFE } from '@sendbird/uikit-utils';\n\nimport { usePlatformService } from '../../hooks/useContext';\nimport SBUUtils from '../../libs/SBUUtils';\n\ntype Props = {\n  type: FileType;\n  src: string;\n  topInset?: number;\n  bottomInset?: number;\n  maxZoom?: number;\n  minZoom?: number;\n  onPress?: () => void;\n};\nconst FileViewerContent = ({ type, src, topInset = 0, bottomInset = 0, maxZoom = 4, minZoom = 1, onPress }: Props) => {\n  const [loading, setLoading] = useState(true);\n\n  const { defaultHeight } = useHeaderStyle();\n  const { mediaService } = usePlatformService();\n  const { palette } = useUIKitTheme();\n\n  const source = { uri: src };\n  const onLoadEnd = () => setLoading(false);\n  const mediaViewer = useIIFE(() => {\n    switch (type) {\n      case 'image': {\n        return (\n          <ZoomableImageView\n            source={source}\n            style={StyleSheet.absoluteFill}\n            resizeMode={'contain'}\n            onLoadEnd={onLoadEnd}\n            zoomProps={{\n              minZoom,\n              maxZoom,\n              onSingleTap: onPress,\n            }}\n          />\n        );\n      }\n\n      case 'video':\n      case 'audio': {\n        return (\n          <mediaService.VideoComponent\n            source={source}\n            style={[StyleSheet.absoluteFill, { top: topInset, bottom: defaultHeight + bottomInset }]}\n            resizeMode={'contain'}\n            onLoad={onLoadEnd}\n          />\n        );\n      }\n\n      default: {\n        return null;\n      }\n    }\n  });\n\n  return (\n    <Box style={styles.container}>\n      {mediaViewer}\n      {loading && <LoadingSpinner style={{ position: 'absolute' }} size={40} color={palette.primary300} />}\n    </Box>\n  );\n};\n\nconst ZoomableImageView = ({\n  zoomProps,\n  ...props\n}: {\n  source: ImageURISource;\n  style: StyleProp<ImageStyle>;\n  resizeMode: ImageProps['resizeMode'];\n  onLoadEnd: () => void;\n  zoomProps?: Partial<ReactNativeZoomableViewProps>;\n}) => {\n  const { width, height } = useWindowDimensions();\n\n  const imageSize = useRef<{ width: number; height: number }>();\n  const [contentSizeProps, setContentSizeProps] = useState<{\n    contentWidth: number;\n    contentHeight: number;\n  }>({\n    contentWidth: width,\n    contentHeight: height,\n  });\n\n  useLayoutEffect(() => {\n    SBUUtils.safeRun(async () => {\n      if (props.source.uri) {\n        const image = imageSize.current ?? (await SBUUtils.getImageSize(props.source.uri));\n        imageSize.current = image;\n\n        const viewRatio = width / height;\n        const imageRatio = image.width / image.height;\n\n        const fitDirection = viewRatio > imageRatio ? 'height' : 'width';\n        const ratio = fitDirection === 'height' ? height / image.height : width / image.width;\n        const actualSize = { width: image.width * ratio, height: image.height * ratio };\n\n        setContentSizeProps({\n          contentWidth: actualSize.width,\n          contentHeight: actualSize.height,\n        });\n      }\n    });\n  }, [props.source.uri, width, height]);\n\n  return (\n    <ReactNativeZoomableView\n      visualTouchFeedbackEnabled={false}\n      style={{ width, height }}\n      initialZoom={1}\n      {...contentSizeProps}\n      {...zoomProps}\n    >\n      <Image {...props} />\n    </ReactNativeZoomableView>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    zIndex: 0,\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport default FileViewerContent;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["ReactNativeZoomableView","React","useLayoutEffect","useRef","useState","StyleSheet","useWindowDimensions","Box","Image","LoadingSpinner","createStyleSheet","useHeaderStyle","useUIKitTheme","useIIFE","usePlatformService","SBUUtils","FileViewerContent","type","src","topInset","bottomInset","maxZoom","minZoom","onPress","loading","setLoading","defaultHeight","mediaService","palette","source","uri","onLoadEnd","mediaViewer","createElement","ZoomableImageView","style","absoluteFill","resizeMode","zoomProps","onSingleTap","VideoComponent","top","bottom","onLoad","styles","container","position","size","color","primary300","props","width","height","imageSize","undefined","contentSizeProps","setContentSizeProps","contentWidth","contentHeight","safeRun","image","current","getImageSize","viewRatio","imageRatio","fitDirection","ratio","actualSize","_extends","visualTouchFeedbackEnabled","initialZoom","zIndex","flex","alignItems","justifyContent"],"sources":["FileViewerContent.tsx"],"sourcesContent":["import { ReactNativeZoomableView, ReactNativeZoomableViewProps } from '@openspacelabs/react-native-zoomable-view';\nimport React, { useLayoutEffect, useRef, useState } from 'react';\nimport { ImageProps, ImageStyle, ImageURISource, StyleProp, StyleSheet, useWindowDimensions } from 'react-native';\n\nimport {\n  Box,\n  Image,\n  LoadingSpinner,\n  createStyleSheet,\n  useHeaderStyle,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { FileType, useIIFE } from '@sendbird/uikit-utils';\n\nimport { usePlatformService } from '../../hooks/useContext';\nimport SBUUtils from '../../libs/SBUUtils';\n\ntype Props = {\n  type: FileType;\n  src: string;\n  topInset?: number;\n  bottomInset?: number;\n  maxZoom?: number;\n  minZoom?: number;\n  onPress?: () => void;\n};\nconst FileViewerContent = ({ type, src, topInset = 0, bottomInset = 0, maxZoom = 4, minZoom = 1, onPress }: Props) => {\n  const [loading, setLoading] = useState(true);\n\n  const { defaultHeight } = useHeaderStyle();\n  const { mediaService } = usePlatformService();\n  const { palette } = useUIKitTheme();\n\n  const source = { uri: src };\n  const onLoadEnd = () => setLoading(false);\n  const mediaViewer = useIIFE(() => {\n    switch (type) {\n      case 'image': {\n        return (\n          <ZoomableImageView\n            source={source}\n            style={StyleSheet.absoluteFill}\n            resizeMode={'contain'}\n            onLoadEnd={onLoadEnd}\n            zoomProps={{\n              minZoom,\n              maxZoom,\n              onSingleTap: onPress,\n            }}\n          />\n        );\n      }\n\n      case 'video':\n      case 'audio': {\n        return (\n          <mediaService.VideoComponent\n            source={source}\n            style={[StyleSheet.absoluteFill, { top: topInset, bottom: defaultHeight + bottomInset }]}\n            resizeMode={'contain'}\n            onLoad={onLoadEnd}\n          />\n        );\n      }\n\n      default: {\n        return null;\n      }\n    }\n  });\n\n  return (\n    <Box style={styles.container}>\n      {mediaViewer}\n      {loading && <LoadingSpinner style={{ position: 'absolute' }} size={40} color={palette.primary300} />}\n    </Box>\n  );\n};\n\nconst ZoomableImageView = ({\n  zoomProps,\n  ...props\n}: {\n  source: ImageURISource;\n  style: StyleProp<ImageStyle>;\n  resizeMode: ImageProps['resizeMode'];\n  onLoadEnd: () => void;\n  zoomProps?: Partial<ReactNativeZoomableViewProps>;\n}) => {\n  const { width, height } = useWindowDimensions();\n\n  const imageSize = useRef<{ width: number; height: number } | undefined>(undefined);\n  const [contentSizeProps, setContentSizeProps] = useState<{\n    contentWidth: number;\n    contentHeight: number;\n  }>({\n    contentWidth: width,\n    contentHeight: height,\n  });\n\n  useLayoutEffect(() => {\n    SBUUtils.safeRun(async () => {\n      if (props.source.uri) {\n        const image = imageSize.current ?? (await SBUUtils.getImageSize(props.source.uri));\n        imageSize.current = image;\n\n        const viewRatio = width / height;\n        const imageRatio = image.width / image.height;\n\n        const fitDirection = viewRatio > imageRatio ? 'height' : 'width';\n        const ratio = fitDirection === 'height' ? height / image.height : width / image.width;\n        const actualSize = { width: image.width * ratio, height: image.height * ratio };\n\n        setContentSizeProps({\n          contentWidth: actualSize.width,\n          contentHeight: actualSize.height,\n        });\n      }\n    });\n  }, [props.source.uri, width, height]);\n\n  return (\n    <ReactNativeZoomableView\n      visualTouchFeedbackEnabled={false}\n      style={{ width, height }}\n      initialZoom={1}\n      {...contentSizeProps}\n      {...zoomProps}\n    >\n      <Image {...props} />\n    </ReactNativeZoomableView>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    zIndex: 0,\n    flex: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport default FileViewerContent;\n"],"mappings":"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","ignoreList":[]}

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

@@ -19,7 +19,7 @@ const ReactionUserListBottomSheet = ({
     colors
   } = useUIKitTheme();
   const [tabIndex, setTabIndex] = useState(0);
-  const scrollRef = useRef();
+  const scrollRef = useRef(undefined);
   const tabIndicatorValue = useRef([]);
   const tabIndicatorAnimated = useRef({
     x: new Animated.Value(0),

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","useState","Animated","Easing","I18nManager","Pressable","ScrollView","View","useWindowDimensions","Avatar","Divider","Image","Modal","Text","createStyleSheet","useUIKitTheme","getReactionCount","truncatedCount","useSafeAreaPadding","ReactionUserListBottomSheet","visible","onClose","onDismiss","reactionCtx","chatCtx","localizationCtx","onPressUserProfile","width","safeArea","colors","tabIndex","setTabIndex","scrollRef","tabIndicatorValue","tabIndicatorAnimated","x","Value","current","focusedWithLayoutCalculated","emojiManager","channel","message","focusIndex","STRINGS","color","ui","reaction","default","reactions","focusedReaction","containerSafeArea","paddingStart","styles","layout","paddingHorizontal","paddingEnd","focusTab","index","animated","indicatorValue","_scrollRef$current","animateTabIndicator","scrollTo","baseConfig","duration","easing","inOut","ease","useNativeDriver","parallel","timing","toValue","start","layoutCalculated","filter","Boolean","length","renderTabs","createElement","style","tabsWrapper","map","isFocused","key","isLastItem","emoji","allEmojiMap","tabItem","marginEnd","onPress","onLayout","e","indexForLayout","isRTL","nativeEvent","source","getEmojiIconSource","tabEmoji","button","selected","highlight","enabled","tabIndicator","backgroundColor","renderPage","userCountDifference","count","sampledUserInfoList","Fragment","reactedUserInfo","isGroupChannel","userId","pageItem","size","uri","profileUrl","containerStyle","avatar","subtitle2","flex","nickname","LABELS","USER_NO_NAME","body3","onBackground02","REACTION","MORE_USERS","type","backgroundStyle","modal","container","paddingBottom","dialog","none","background","ref","horizontal","bounces","showsHorizontalScrollIndicator","contentContainerStyle","tabsContainer","top","showsVerticalScrollIndicator","pageContainer","overflow","borderTopStartRadius","borderTopEndRadius","paddingTop","alignItems","justifyContent","flexGrow","flexDirection","height","position","bottom"],"sources":["ReactionUserListBottomSheet.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Animated, Easing, I18nManager, Pressable, ScrollView, View, useWindowDimensions } from 'react-native';\n\nimport {\n  Avatar,\n  Divider,\n  Image,\n  Modal,\n  Text,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdEmoji,\n  SendbirdReaction,\n  getReactionCount,\n  truncatedCount,\n  useSafeAreaPadding,\n} 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  onPressUserProfile,\n}: ReactionBottomSheetProps) => {\n  const { width } = useWindowDimensions();\n  const safeArea = useSafeAreaPadding(['left', 'right', 'bottom']);\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    paddingStart: safeArea.paddingStart + styles.layout.paddingHorizontal,\n    paddingEnd: safeArea.paddingEnd + 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.filter(Boolean).length === reactions.length;\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] as SendbirdEmoji | undefined;\n\n          return (\n            <Pressable\n              key={reaction.key}\n              style={[styles.tabItem, isLastItem && { marginEnd: styles.layout.marginEnd }]}\n              onPress={() => focusTab(index)}\n              onLayout={(e) => {\n                const indexForLayout = I18nManager.isRTL ? reactions.length - 1 - index : index;\n                tabIndicatorValue.current[indexForLayout] = e.nativeEvent.layout;\n                if (layoutCalculated()) {\n                  if (focusedWithLayoutCalculated.current) {\n                    // re-calculating layout when screen rotation\n                    focusTab(tabIndex, false);\n                  } else {\n                    focusedWithLayoutCalculated.current = true;\n                    focusTab(focusIndex);\n                  }\n                }\n              }}\n            >\n              <Image source={emojiManager.getEmojiIconSource(emoji)} 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              start: tabIndicatorAnimated.x,\n              width: tabIndicatorAnimated.width,\n              backgroundColor: color.selected.highlight,\n            },\n          ]}\n        />\n      </Pressable>\n    );\n  };\n\n  const renderPage = () => {\n    const userCountDifference = (focusedReaction?.count || 0) - (focusedReaction?.sampledUserInfoList.length || 0);\n\n    return (\n      <>\n        {focusedReaction?.sampledUserInfoList.map((reactedUserInfo) => {\n          if (channel?.isGroupChannel()) {\n            return (\n              <Pressable\n                key={reactedUserInfo.userId}\n                onPress={async () => {\n                  await onClose();\n                  onPressUserProfile(reactedUserInfo);\n                }}\n                style={styles.pageItem}\n              >\n                <Avatar size={36} uri={reactedUserInfo?.profileUrl} containerStyle={styles.avatar} />\n                <Text subtitle2 style={{ flex: 1 }}>\n                  {reactedUserInfo?.nickname || STRINGS.LABELS.USER_NO_NAME}\n                </Text>\n              </Pressable>\n            );\n          }\n          return null;\n        })}\n        {userCountDifference > 0 && (\n          <View style={styles.pageItem}>\n            <Text body3 color={colors.onBackground02}>\n              {STRINGS.REACTION.MORE_USERS(userCountDifference)}\n            </Text>\n          </View>\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: safeArea.paddingBottom, 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    marginEnd: 0,\n  },\n  container: {\n    overflow: 'hidden',\n    borderTopStartRadius: 8,\n    borderTopEndRadius: 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    marginEnd: 16,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  tabEmoji: {\n    width: 28,\n    height: 28,\n    marginEnd: 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    marginEnd: 16,\n  },\n});\n\nexport default ReactionUserListBottomSheet;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useRef","useState","Animated","Easing","I18nManager","Pressable","ScrollView","View","useWindowDimensions","Avatar","Divider","Image","Modal","Text","createStyleSheet","useUIKitTheme","getReactionCount","truncatedCount","useSafeAreaPadding","ReactionUserListBottomSheet","visible","onClose","onDismiss","reactionCtx","chatCtx","localizationCtx","onPressUserProfile","width","safeArea","colors","tabIndex","setTabIndex","scrollRef","undefined","tabIndicatorValue","tabIndicatorAnimated","x","Value","current","focusedWithLayoutCalculated","emojiManager","channel","message","focusIndex","STRINGS","color","ui","reaction","default","reactions","focusedReaction","containerSafeArea","paddingStart","styles","layout","paddingHorizontal","paddingEnd","focusTab","index","animated","indicatorValue","_scrollRef$current","animateTabIndicator","scrollTo","baseConfig","duration","easing","inOut","ease","useNativeDriver","parallel","timing","toValue","start","layoutCalculated","filter","Boolean","length","renderTabs","createElement","style","tabsWrapper","map","isFocused","key","isLastItem","emoji","allEmojiMap","tabItem","marginEnd","onPress","onLayout","e","indexForLayout","isRTL","nativeEvent","source","getEmojiIconSource","tabEmoji","button","selected","highlight","enabled","tabIndicator","backgroundColor","renderPage","userCountDifference","count","sampledUserInfoList","Fragment","reactedUserInfo","isGroupChannel","userId","pageItem","size","uri","profileUrl","containerStyle","avatar","subtitle2","flex","nickname","LABELS","USER_NO_NAME","body3","onBackground02","REACTION","MORE_USERS","type","backgroundStyle","modal","container","paddingBottom","dialog","none","background","ref","horizontal","bounces","showsHorizontalScrollIndicator","contentContainerStyle","tabsContainer","top","showsVerticalScrollIndicator","pageContainer","overflow","borderTopStartRadius","borderTopEndRadius","paddingTop","alignItems","justifyContent","flexGrow","flexDirection","height","position","bottom"],"sources":["ReactionUserListBottomSheet.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Animated, Easing, I18nManager, Pressable, ScrollView, View, useWindowDimensions } from 'react-native';\n\nimport {\n  Avatar,\n  Divider,\n  Image,\n  Modal,\n  Text,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdEmoji,\n  SendbirdReaction,\n  getReactionCount,\n  truncatedCount,\n  useSafeAreaPadding,\n} 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  onPressUserProfile,\n}: ReactionBottomSheetProps) => {\n  const { width } = useWindowDimensions();\n  const safeArea = useSafeAreaPadding(['left', 'right', 'bottom']);\n  const { colors } = useUIKitTheme();\n\n  const [tabIndex, setTabIndex] = useState(0);\n  const scrollRef = useRef<ScrollView | undefined>(undefined);\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    paddingStart: safeArea.paddingStart + styles.layout.paddingHorizontal,\n    paddingEnd: safeArea.paddingEnd + 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.filter(Boolean).length === reactions.length;\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] as SendbirdEmoji | undefined;\n\n          return (\n            <Pressable\n              key={reaction.key}\n              style={[styles.tabItem, isLastItem && { marginEnd: styles.layout.marginEnd }]}\n              onPress={() => focusTab(index)}\n              onLayout={(e) => {\n                const indexForLayout = I18nManager.isRTL ? reactions.length - 1 - index : index;\n                tabIndicatorValue.current[indexForLayout] = e.nativeEvent.layout;\n                if (layoutCalculated()) {\n                  if (focusedWithLayoutCalculated.current) {\n                    // re-calculating layout when screen rotation\n                    focusTab(tabIndex, false);\n                  } else {\n                    focusedWithLayoutCalculated.current = true;\n                    focusTab(focusIndex);\n                  }\n                }\n              }}\n            >\n              <Image source={emojiManager.getEmojiIconSource(emoji)} 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              start: tabIndicatorAnimated.x,\n              width: tabIndicatorAnimated.width,\n              backgroundColor: color.selected.highlight,\n            },\n          ]}\n        />\n      </Pressable>\n    );\n  };\n\n  const renderPage = () => {\n    const userCountDifference = (focusedReaction?.count || 0) - (focusedReaction?.sampledUserInfoList.length || 0);\n\n    return (\n      <>\n        {focusedReaction?.sampledUserInfoList.map((reactedUserInfo) => {\n          if (channel?.isGroupChannel()) {\n            return (\n              <Pressable\n                key={reactedUserInfo.userId}\n                onPress={async () => {\n                  await onClose();\n                  onPressUserProfile(reactedUserInfo);\n                }}\n                style={styles.pageItem}\n              >\n                <Avatar size={36} uri={reactedUserInfo?.profileUrl} containerStyle={styles.avatar} />\n                <Text subtitle2 style={{ flex: 1 }}>\n                  {reactedUserInfo?.nickname || STRINGS.LABELS.USER_NO_NAME}\n                </Text>\n              </Pressable>\n            );\n          }\n          return null;\n        })}\n        {userCountDifference > 0 && (\n          <View style={styles.pageItem}>\n            <Text body3 color={colors.onBackground02}>\n              {STRINGS.REACTION.MORE_USERS(userCountDifference)}\n            </Text>\n          </View>\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: safeArea.paddingBottom, 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    marginEnd: 0,\n  },\n  container: {\n    overflow: 'hidden',\n    borderTopStartRadius: 8,\n    borderTopEndRadius: 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    marginEnd: 16,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  tabEmoji: {\n    width: 28,\n    height: 28,\n    marginEnd: 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    marginEnd: 16,\n  },\n});\n\nexport default ReactionUserListBottomSheet;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC1D,SAASC,QAAQ,EAAEC,MAAM,EAAEC,WAAW,EAAEC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,mBAAmB,QAAQ,cAAc;AAE9G,SACEC,MAAM,EACNC,OAAO,EACPC,KAAK,EACLC,KAAK,EACLC,IAAI,EACJC,gBAAgB,EAChBC,aAAa,QACR,yCAAyC;AAChD,SAGEC,gBAAgB,EAChBC,cAAc,EACdC,kBAAkB,QACb,uBAAuB;AAI9B,MAAMC,2BAA2B,GAAGA,CAAC;EACnCC,OAAO;EACPC,OAAO;EACPC,SAAS;EACTC,WAAW;EACXC,OAAO;EACPC,eAAe;EACfC;AACwB,CAAC,KAAK;EAC9B,MAAM;IAAEC;EAAM,CAAC,GAAGnB,mBAAmB,CAAC,CAAC;EACvC,MAAMoB,QAAQ,GAAGV,kBAAkB,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;EAChE,MAAM;IAAEW;EAAO,CAAC,GAAGd,aAAa,CAAC,CAAC;EAElC,MAAM,CAACe,QAAQ,EAAEC,WAAW,CAAC,GAAG9B,QAAQ,CAAC,CAAC,CAAC;EAC3C,MAAM+B,SAAS,GAAGhC,MAAM,CAAyBiC,SAAS,CAAC;EAC3D,MAAMC,iBAAiB,GAAGlC,MAAM,CAAsC,EAAE,CAAC;EACzE,MAAMmC,oBAAoB,GAAGnC,MAAM,CAAC;IAAEoC,CAAC,EAAE,IAAIlC,QAAQ,CAACmC,KAAK,CAAC,CAAC,CAAC;IAAEV,KAAK,EAAE,IAAIzB,QAAQ,CAACmC,KAAK,CAAC,CAAC;EAAE,CAAC,CAAC,CAACC,OAAO;EACvG,MAAMC,2BAA2B,GAAGvC,MAAM,CAAC,KAAK,CAAC;EAEjD,MAAM;IAAEwC;EAAa,CAAC,GAAGhB,OAAO;EAChC,MAAM;IAAEiB,OAAO;IAAEC,OAAO;IAAEC;EAAW,CAAC,GAAGpB,WAAW;EACpD,MAAM;IAAEqB;EAAQ,CAAC,GAAGnB,eAAe;EAEnC,MAAMoB,KAAK,GAAGhB,MAAM,CAACiB,EAAE,CAACC,QAAQ,CAACC,OAAO;EACxC,MAAMC,SAAS,GAAG,CAAAP,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEO,SAAS,KAAI,EAAE;EAC1C,MAAMC,eAAe,GAAGD,SAAS,CAACnB,QAAQ,CAAiC;EAC3E,MAAMqB,iBAAiB,GAAG;IACxBC,YAAY,EAAExB,QAAQ,CAACwB,YAAY,GAAGC,MAAM,CAACC,MAAM,CAACC,iBAAiB;IACrEC,UAAU,EAAE5B,QAAQ,CAAC4B,UAAU,GAAGH,MAAM,CAACC,MAAM,CAACC;EAClD,CAAC;EAED,MAAME,QAAQ,GAAGA,CAACC,KAAa,EAAEC,QAAQ,GAAG,IAAI,KAAK;IACnD,MAAMC,cAAc,GAAG1B,iBAAiB,CAACI,OAAO,CAACoB,KAAK,CAAC;IACvD,IAAIE,cAAc,EAAE;MAAA,IAAAC,kBAAA;MAClB9B,WAAW,CAAC2B,KAAK,CAAC;MAClBI,mBAAmB,CAACF,cAAc,CAACxB,CAAC,EAAEwB,cAAc,CAACjC,KAAK,EAAEgC,QAAQ,CAAC;MACrE,CAAAE,kBAAA,GAAA7B,SAAS,CAACM,OAAO,cAAAuB,kBAAA,eAAjBA,kBAAA,CAAmBE,QAAQ,CAAC;QAAE3B,CAAC,EAAEwB,cAAc,CAACxB,CAAC;QAAEuB;MAAS,CAAC,CAAC;IAChE;EACF,CAAC;EAED,MAAMG,mBAAmB,GAAGA,CAAC1B,CAAS,EAAET,KAAa,EAAEgC,QAAQ,GAAG,IAAI,KAAK;IACzE,MAAMK,UAAU,GAAG;MAAEC,QAAQ,EAAEN,QAAQ,GAAG,GAAG,GAAG,CAAC;MAAEO,MAAM,EAAE/D,MAAM,CAACgE,KAAK,CAAChE,MAAM,CAACiE,IAAI,CAAC;MAAEC,eAAe,EAAE;IAAM,CAAC;IAC9GnE,QAAQ,CAACoE,QAAQ,CAAC,CAChBpE,QAAQ,CAACqE,MAAM,CAACpC,oBAAoB,CAACC,CAAC,EAAE;MAAEoC,OAAO,EAAEpC,CAAC;MAAE,GAAG4B;IAAW,CAAC,CAAC,EACtE9D,QAAQ,CAACqE,MAAM,CAACpC,oBAAoB,CAACR,KAAK,EAAE;MAAE6C,OAAO,EAAE7C,KAAK;MAAE,GAAGqC;IAAW,CAAC,CAAC,CAC/E,CAAC,CAACS,KAAK,CAAC,CAAC;EACZ,CAAC;EAED,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;IAC7B,OAAOxC,iBAAiB,CAACI,OAAO,CAACqC,MAAM,CAACC,OAAO,CAAC,CAACC,MAAM,KAAK5B,SAAS,CAAC4B,MAAM;EAC9E,CAAC;EAED9E,SAAS,CAAC,MAAM;IACd,IAAI,CAACqB,OAAO,EAAE;MACZc,iBAAiB,CAACI,OAAO,GAAG,EAAE;MAC9BH,oBAAoB,CAACC,CAAC,GAAG,IAAIlC,QAAQ,CAACmC,KAAK,CAAC,CAAC,CAAC;MAC9CF,oBAAoB,CAACR,KAAK,GAAG,IAAIzB,QAAQ,CAACmC,KAAK,CAAC,CAAC,CAAC;MAClDE,2BAA2B,CAACD,OAAO,GAAG,KAAK;IAC7C;EACF,CAAC,EAAE,CAAClB,OAAO,CAAC,CAAC;EAEb,MAAM0D,UAAU,GAAGA,CAAA,KAAM;IACvB,oBACEhF,KAAA,CAAAiF,aAAA,CAAC1E,SAAS;MAAC2E,KAAK,EAAE3B,MAAM,CAAC4B;IAAY,GAClChC,SAAS,CAACiC,GAAG,CAAC,CAACnC,QAAQ,EAAEW,KAAK,KAAK;MAClC,MAAMyB,SAAS,GAAG,CAAAjC,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEkC,GAAG,MAAKrC,QAAQ,CAACqC,GAAG;MACvD,MAAMC,UAAU,GAAGpC,SAAS,CAAC4B,MAAM,GAAG,CAAC,KAAKnB,KAAK;MACjD,MAAM4B,KAAK,GAAG9C,YAAY,CAAC+C,WAAW,CAACxC,QAAQ,CAACqC,GAAG,CAA8B;MAEjF,oBACEtF,KAAA,CAAAiF,aAAA,CAAC1E,SAAS;QACR+E,GAAG,EAAErC,QAAQ,CAACqC,GAAI;QAClBJ,KAAK,EAAE,CAAC3B,MAAM,CAACmC,OAAO,EAAEH,UAAU,IAAI;UAAEI,SAAS,EAAEpC,MAAM,CAACC,MAAM,CAACmC;QAAU,CAAC,CAAE;QAC9EC,OAAO,EAAEA,CAAA,KAAMjC,QAAQ,CAACC,KAAK,CAAE;QAC/BiC,QAAQ,EAAGC,CAAC,IAAK;UACf,MAAMC,cAAc,GAAGzF,WAAW,CAAC0F,KAAK,GAAG7C,SAAS,CAAC4B,MAAM,GAAG,CAAC,GAAGnB,KAAK,GAAGA,KAAK;UAC/ExB,iBAAiB,CAACI,OAAO,CAACuD,cAAc,CAAC,GAAGD,CAAC,CAACG,WAAW,CAACzC,MAAM;UAChE,IAAIoB,gBAAgB,CAAC,CAAC,EAAE;YACtB,IAAInC,2BAA2B,CAACD,OAAO,EAAE;cACvC;cACAmB,QAAQ,CAAC3B,QAAQ,EAAE,KAAK,CAAC;YAC3B,CAAC,MAAM;cACLS,2BAA2B,CAACD,OAAO,GAAG,IAAI;cAC1CmB,QAAQ,CAACd,UAAU,CAAC;YACtB;UACF;QACF;MAAE,gBAEF7C,KAAA,CAAAiF,aAAA,CAACpE,KAAK;QAACqF,MAAM,EAAExD,YAAY,CAACyD,kBAAkB,CAACX,KAAK,CAAE;QAACN,KAAK,EAAE3B,MAAM,CAAC6C;MAAS,CAAE,CAAC,eACjFpG,KAAA,CAAAiF,aAAA,CAAClE,IAAI;QAACsF,MAAM;QAACtD,KAAK,EAAEsC,SAAS,GAAGtC,KAAK,CAACuD,QAAQ,CAACC,SAAS,GAAGxD,KAAK,CAACyD,OAAO,CAACD;MAAU,GAChFpF,cAAc,CAACD,gBAAgB,CAAC+B,QAAQ,CAAC,CACtC,CACG,CAAC;IAEhB,CAAC,CAAC,eACFjD,KAAA,CAAAiF,aAAA,CAAC7E,QAAQ,CAACK,IAAI;MACZyE,KAAK,EAAE,CACL3B,MAAM,CAACkD,YAAY,EACnB;QACE9B,KAAK,EAAEtC,oBAAoB,CAACC,CAAC;QAC7BT,KAAK,EAAEQ,oBAAoB,CAACR,KAAK;QACjC6E,eAAe,EAAE3D,KAAK,CAACuD,QAAQ,CAACC;MAClC,CAAC;IACD,CACH,CACQ,CAAC;EAEhB,CAAC;EAED,MAAMI,UAAU,GAAGA,CAAA,KAAM;IACvB,MAAMC,mBAAmB,GAAG,CAAC,CAAAxD,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEyD,KAAK,KAAI,CAAC,KAAK,CAAAzD,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAE0D,mBAAmB,CAAC/B,MAAM,KAAI,CAAC,CAAC;IAE9G,oBACE/E,KAAA,CAAAiF,aAAA,CAAAjF,KAAA,CAAA+G,QAAA,QACG3D,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAE0D,mBAAmB,CAAC1B,GAAG,CAAE4B,eAAe,IAAK;MAC7D,IAAIrE,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEsE,cAAc,CAAC,CAAC,EAAE;QAC7B,oBACEjH,KAAA,CAAAiF,aAAA,CAAC1E,SAAS;UACR+E,GAAG,EAAE0B,eAAe,CAACE,MAAO;UAC5BtB,OAAO,EAAE,MAAAA,CAAA,KAAY;YACnB,MAAMrE,OAAO,CAAC,CAAC;YACfK,kBAAkB,CAACoF,eAAe,CAAC;UACrC,CAAE;UACF9B,KAAK,EAAE3B,MAAM,CAAC4D;QAAS,gBAEvBnH,KAAA,CAAAiF,aAAA,CAACtE,MAAM;UAACyG,IAAI,EAAE,EAAG;UAACC,GAAG,EAAEL,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEM,UAAW;UAACC,cAAc,EAAEhE,MAAM,CAACiE;QAAO,CAAE,CAAC,eACrFxH,KAAA,CAAAiF,aAAA,CAAClE,IAAI;UAAC0G,SAAS;UAACvC,KAAK,EAAE;YAAEwC,IAAI,EAAE;UAAE;QAAE,GAChC,CAAAV,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEW,QAAQ,KAAI7E,OAAO,CAAC8E,MAAM,CAACC,YACzC,CACG,CAAC;MAEhB;MACA,OAAO,IAAI;IACb,CAAC,CAAC,EACDjB,mBAAmB,GAAG,CAAC,iBACtB5G,KAAA,CAAAiF,aAAA,CAACxE,IAAI;MAACyE,KAAK,EAAE3B,MAAM,CAAC4D;IAAS,gBAC3BnH,KAAA,CAAAiF,aAAA,CAAClE,IAAI;MAAC+G,KAAK;MAAC/E,KAAK,EAAEhB,MAAM,CAACgG;IAAe,GACtCjF,OAAO,CAACkF,QAAQ,CAACC,UAAU,CAACrB,mBAAmB,CAC5C,CACF,CAER,CAAC;EAEP,CAAC;EAED,oBACE5G,KAAA,CAAAiF,aAAA,CAACnE,KAAK;IACJoH,IAAI,EAAE,kBAAmB;IACzB5G,OAAO,EAAEwD,OAAO,CAACxD,OAAO,IAAIqB,OAAO,IAAIC,OAAO,CAAE;IAChDrB,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA,SAAU;IACrB2G,eAAe,EAAE5E,MAAM,CAAC6E;EAAM,gBAE9BpI,KAAA,CAAAiF,aAAA,CAACxE,IAAI;IACHyE,KAAK,EAAE,CACL3B,MAAM,CAAC8E,SAAS,EAChB;MAAExG,KAAK;MAAEyG,aAAa,EAAExG,QAAQ,CAACwG,aAAa;MAAE5B,eAAe,EAAE3E,MAAM,CAACiB,EAAE,CAACuF,MAAM,CAACrF,OAAO,CAACsF,IAAI,CAACC;IAAW,CAAC;EAC3G,gBAEFzI,KAAA,CAAAiF,aAAA,CAACzE,UAAU;IACTkI,GAAG,EAAExG,SAAmB;IACxByG,UAAU;IACVC,OAAO,EAAE,KAAM;IACfC,8BAA8B,EAAE,KAAM;IACtCC,qBAAqB,EAAE,CAACzF,iBAAiB,EAAEE,MAAM,CAACwF,aAAa;EAAE,GAEhE/D,UAAU,CAAC,CACF,CAAC,eACbhF,KAAA,CAAAiF,aAAA,CAACrE,OAAO;IAACsE,KAAK,EAAE;MAAE8D,GAAG,EAAE,CAAC;IAAE;EAAE,CAAE,CAAC,eAC/BhJ,KAAA,CAAAiF,aAAA,CAACzE,UAAU;IACToI,OAAO,EAAE,KAAM;IACfK,4BAA4B,EAAE,KAAM;IACpC/D,KAAK,EAAE3B,MAAM,CAAC2F,aAAc;IAC5BJ,qBAAqB,EAAEzF;EAAkB,GAExCsD,UAAU,CAAC,CACF,CACR,CACD,CAAC;AAEZ,CAAC;AAED,MAAMpD,MAAM,GAAGvC,gBAAgB,CAAC;EAC9BwC,MAAM,EAAE;IACNC,iBAAiB,EAAE,EAAE;IACrBkC,SAAS,EAAE;EACb,CAAC;EACD0C,SAAS,EAAE;IACTc,QAAQ,EAAE,QAAQ;IAClBC,oBAAoB,EAAE,CAAC;IACvBC,kBAAkB,EAAE,CAAC;IACrBC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE;EACd,CAAC;EACDnB,KAAK,EAAE;IACLmB,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDT,aAAa,EAAE;IACbU,QAAQ,EAAE;EACZ,CAAC;EACDtE,WAAW,EAAE;IACXsE,QAAQ,EAAE,CAAC;IACXC,aAAa,EAAE,KAAK;IACpBH,UAAU,EAAE,YAAY;IACxBC,cAAc,EAAE,QAAQ;IACxBG,MAAM,EAAE;EACV,CAAC;EACDjE,OAAO,EAAE;IACPC,SAAS,EAAE,EAAE;IACb+D,aAAa,EAAE,KAAK;IACpBH,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDpD,QAAQ,EAAE;IACRvE,KAAK,EAAE,EAAE;IACT8H,MAAM,EAAE,EAAE;IACVhE,SAAS,EAAE;EACb,CAAC;EACDc,YAAY,EAAE;IACZmD,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTF,MAAM,EAAE;EACV,CAAC;EACDT,aAAa,EAAE;IACbS,MAAM,EAAE,GAAG;IACX9H,KAAK,EAAE;EACT,CAAC;EACDsF,QAAQ,EAAE;IACRuC,aAAa,EAAE,KAAK;IACpB7H,KAAK,EAAE,MAAM;IACb8H,MAAM,EAAE,EAAE;IACVJ,UAAU,EAAE;EACd,CAAC;EACD/B,MAAM,EAAE;IACN7B,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAetE,2BAA2B","ignoreList":[]}

package/lib/module/domain/groupChannel/component/GroupChannelMessageList.js

@@ -34,7 +34,7 @@ const GroupChannelMessageList = props => {
   const isNewLineExistInChannelRef = useRef(false);
   const scrolledAwayFromBottomRef = useRef(false);
   const [isVisibleUnreadMessageFloating, setIsVisibleUnreadMessageFloating] = useState(false);
-  const viewableMessages = useRef();
+  const viewableMessages = useRef(undefined);
   const hasUserMarkedAsUnreadRef = useRef(false);
   const [unreadFirstMessage, setUnreadFirstMessage] = useState(undefined);
   const pendingBottomReachedRef = useRef(null);
@@ -190,7 +190,7 @@ const GroupChannelMessageList = props => {
   useEffect(() => {
     isNewLineExistInChannelRef.current = !!props.isNewLineExistInChannel && !!viewableMessages.current;
   }, [props.isNewLineExistInChannel, viewableMessages.current]);
-  const unreadMessagesFloatingPropsRef = useRef();
+  const unreadMessagesFloatingPropsRef = useRef(undefined);
   const updateUnreadMessagesFloatingProps = useFreshCallback(() => {
     const canAutoMarkAsRead = !scrolledAwayFromBottomRef.current && !hasUserMarkedAsUnreadRef.current && (hasSeenNewLineRef.current || !isNewLineExistInChannelRef.current);
     unreadMessagesFloatingPropsRef.current = {

package/lib/module/domain/groupChannel/component/GroupChannelMessageList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useContext","useEffect","useRef","useState","useToast","useGroupChannelHandler","confirmAndMarkAsRead","isDifferentChannel","useFreshCallback","useIsFirstMount","ChannelMessageList","MESSAGE_FOCUS_ANIMATION_DELAY","MESSAGE_SEARCH_SAFE_SCROLL_DELAY","useLocalization","useSendbirdChat","GroupChannelContexts","GroupChannelMessageList","props","toast","STRINGS","sdk","sbOptions","groupChannelFragmentOptions","setMessageToEdit","setMessageToReply","Fragment","groupChannelPubSub","PubSub","flatListRef","lazyScrollToBottom","lazyScrollToMessageId","onPressReplyMessageInThread","MessageList","isFirstMount","hasSeenNewLineRef","isNewLineInViewportRef","isNewLineExistInChannelRef","scrolledAwayFromBottomRef","isVisibleUnreadMessageFloating","setIsVisibleUnreadMessageFloating","viewableMessages","hasUserMarkedAsUnreadRef","unreadFirstMessage","setUnreadFirstMessage","undefined","pendingBottomReachedRef","updateHasSeenNewLine","hasSeenNewLine","current","_props$onNewLineSeenC","onNewLineSeenChange","call","updateHasUserMarkedAsUnread","hasUserMarkedAsUnread","_props$onUserMarkedAs","onUserMarkedAsUnreadChange","scrollToMessageWithCreatedAt","createdAt","focusAnimated","timeout","foundMessage","messages","find","it","isIncludedInList","setTimeout","onUpdateSearchItem","startingPoint","timestamp","Date","now","messageId","animated","channel","messageOffsetTimestamp","onResetMessageListWithStartingPoint","catch","_","onScrolledAwayFromBottom","value","scrollToBottom","hasNext","onResetMessageList","onPressUnreadMessagesFloatingCloseButton","_props$resetNewMessag","resetNewMessages","url","getPrevNonSilentMessage","prevMessageIndex","length","prevMessage","silent","findFirstUnreadMessage","isNewLineExistInChannel","uikit","groupChannel","enableMarkAsUnread","msg","index","_props$hasPrevious","isMarkedAsUnreadMessage","myLastRead","prevNonSilentMessage","hasNoPreviousAndNoPrevMessage","hasPrevious","prevMessageIsRead","isMessageUnread","foundUnreadFirstMessage","processNewLineVisibility","unreadFirstMsg","_viewableMessages$cur","isNewLineInViewport","some","message","updateUnreadMessagesFloatingProps","newMessages","markAsUnread","markAsRead","onViewableItemsChanged","info","viewableItems","filter","token","item","map","onPressMarkAsUnreadMessage","unreadMessagesFloatingPropsRef","canAutoMarkAsRead","visible","unreadMessageCount","onPressClose","onReactionUpdated","event","recentMessage","isRecentMessage","scrollReachedBottomAndCanScroll","scrolledAwayFromBottom","subscribe","type","data","lastMessage","updatedMessage","lastMessageUpdated","isMaybeStreaming","hasAiBot","foundFirstUnreadMessage","pubsub","payload","searchItem","onPressParentMessage","parentMessage","childMessage","replyType","threadReplySelectType","show","TOAST","FIND_PARENT_MSG_ERROR","canScrollToParent","onBottomReached","currentTime","elapsedTime","timeoutThreshold","_props$onBottomReache","_props$onBottomReache2","createElement","_extends","ref","onReplyMessage","onReplyInThreadMessage","onEditMessage","onPressNewMessagesButton","onPressScrollToBottomButton","unreadMessagesFloatingProps","memo"],"sources":["GroupChannelMessageList.tsx"],"sourcesContent":["import type { ViewToken } from '@react-native/virtualized-lists';\nimport React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\n\nimport { useToast } from '@sendbird/uikit-react-native-foundation';\nimport { useGroupChannelHandler } from '@sendbird/uikit-tools';\nimport {\n  SendbirdMessage,\n  SendbirdSendableMessage,\n  confirmAndMarkAsRead,\n  isDifferentChannel,\n  useFreshCallback,\n  useIsFirstMount,\n} from '@sendbird/uikit-utils';\n\nimport ChannelMessageList from '../../../components/ChannelMessageList';\nimport { UnreadMessagesFloatingProps } from '../../../components/UnreadMessagesFloating';\nimport { MESSAGE_FOCUS_ANIMATION_DELAY, MESSAGE_SEARCH_SAFE_SCROLL_DELAY } from '../../../constants';\nimport { GroupChannelFragmentOptionsPubSubContextPayload } from '../../../contexts/SendbirdChatCtx';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst GroupChannelMessageList = (props: GroupChannelProps['MessageList']) => {\n  const toast = useToast();\n  const { STRINGS } = useLocalization();\n  const { sdk, sbOptions, groupChannelFragmentOptions } = useSendbirdChat();\n  const { setMessageToEdit, setMessageToReply } = useContext(GroupChannelContexts.Fragment);\n  const groupChannelPubSub = useContext(GroupChannelContexts.PubSub);\n  const { flatListRef, lazyScrollToBottom, lazyScrollToMessageId, onPressReplyMessageInThread } = useContext(\n    GroupChannelContexts.MessageList,\n  );\n\n  const isFirstMount = useIsFirstMount();\n\n  const hasSeenNewLineRef = useRef(false);\n  const isNewLineInViewportRef = useRef(false);\n  const isNewLineExistInChannelRef = useRef(false);\n  const scrolledAwayFromBottomRef = useRef(false);\n  const [isVisibleUnreadMessageFloating, setIsVisibleUnreadMessageFloating] = useState(false);\n  const viewableMessages = useRef<SendbirdMessage[]>();\n  const hasUserMarkedAsUnreadRef = useRef(false);\n  const [unreadFirstMessage, setUnreadFirstMessage] = useState<SendbirdMessage | undefined>(undefined);\n  const pendingBottomReachedRef = useRef<{ timeout: number; timestamp: number } | null>(null);\n\n  const updateHasSeenNewLine = useCallback(\n    (hasSeenNewLine: boolean) => {\n      if (hasSeenNewLineRef.current !== hasSeenNewLine) {\n        hasSeenNewLineRef.current = hasSeenNewLine;\n        props.onNewLineSeenChange?.(hasSeenNewLine);\n      }\n    },\n    [props.onNewLineSeenChange],\n  );\n\n  const updateHasUserMarkedAsUnread = useCallback(\n    (hasUserMarkedAsUnread: boolean) => {\n      if (hasUserMarkedAsUnreadRef.current !== hasUserMarkedAsUnread) {\n        hasUserMarkedAsUnreadRef.current = hasUserMarkedAsUnread;\n        props.onUserMarkedAsUnreadChange?.(hasUserMarkedAsUnread);\n      }\n    },\n    [props.onUserMarkedAsUnreadChange],\n  );\n\n  const scrollToMessageWithCreatedAt = useFreshCallback(\n    (createdAt: number, focusAnimated: boolean, timeout: number): boolean => {\n      const foundMessage = props.messages.find((it) => it.createdAt === createdAt);\n      const isIncludedInList = !!foundMessage;\n      pendingBottomReachedRef.current = null;\n\n      if (isIncludedInList) {\n        if (focusAnimated) {\n          setTimeout(() => props.onUpdateSearchItem({ startingPoint: createdAt }), MESSAGE_FOCUS_ANIMATION_DELAY);\n        }\n        pendingBottomReachedRef.current = { timeout, timestamp: Date.now() };\n        lazyScrollToMessageId({ messageId: foundMessage.messageId, animated: true, timeout });\n      } else {\n        if (props.channel.messageOffsetTimestamp <= createdAt) {\n          if (focusAnimated) {\n            props.onUpdateSearchItem({ startingPoint: createdAt });\n          }\n          props.onResetMessageListWithStartingPoint(createdAt).catch((_) => {});\n        } else {\n          return false;\n        }\n      }\n      return true;\n    },\n  );\n\n  const onScrolledAwayFromBottom = useFreshCallback((value: boolean) => {\n    scrolledAwayFromBottomRef.current = value;\n    props.onScrolledAwayFromBottom(value);\n  });\n\n  const scrollToBottom = useFreshCallback(async (animated = false) => {\n    if (props.hasNext()) {\n      props.onUpdateSearchItem(undefined);\n      onScrolledAwayFromBottom(false);\n\n      await props.onResetMessageList().catch((_) => {});\n      onScrolledAwayFromBottom(false);\n      lazyScrollToBottom({ animated });\n    } else {\n      lazyScrollToBottom({ animated });\n    }\n  });\n\n  const onPressUnreadMessagesFloatingCloseButton = useCallback(() => {\n    updateHasSeenNewLine(true);\n    updateHasUserMarkedAsUnread(false);\n    props.resetNewMessages?.();\n    confirmAndMarkAsRead([props.channel]);\n  }, [updateHasSeenNewLine, updateHasUserMarkedAsUnread, props.channel.url, props.resetNewMessages]);\n\n  const getPrevNonSilentMessage = useCallback(\n    (messages: SendbirdMessage[], prevMessageIndex: number): SendbirdMessage | null => {\n      if (messages.length <= prevMessageIndex) {\n        return null;\n      }\n\n      const prevMessage = messages[prevMessageIndex];\n      if (prevMessage) {\n        if (prevMessage.silent) {\n          return getPrevNonSilentMessage(messages, prevMessageIndex + 1);\n        } else {\n          return prevMessage;\n        }\n      }\n      return null;\n    },\n    [],\n  );\n\n  const findFirstUnreadMessage = useFreshCallback((isNewLineExistInChannel: boolean) => {\n    if (!sbOptions.uikit.groupChannel.channel.enableMarkAsUnread || !isNewLineExistInChannel) {\n      return;\n    }\n\n    return props.messages.find((msg, index) => {\n      if (msg.silent) {\n        return false;\n      }\n\n      const isMarkedAsUnreadMessage = props.channel.myLastRead === msg.createdAt - 1;\n      if (isMarkedAsUnreadMessage) {\n        return true;\n      }\n\n      const prevNonSilentMessage = getPrevNonSilentMessage(props.messages, index + 1);\n      const hasNoPreviousAndNoPrevMessage = !props.hasPrevious?.() && prevNonSilentMessage == null;\n      const prevMessageIsRead =\n        prevNonSilentMessage != null && prevNonSilentMessage.createdAt <= props.channel.myLastRead;\n      const isMessageUnread = props.channel.myLastRead < msg.createdAt;\n      return (hasNoPreviousAndNoPrevMessage || prevMessageIsRead) && isMessageUnread;\n    });\n  });\n\n  useEffect(() => {\n    if (!unreadFirstMessage) {\n      const foundUnreadFirstMessage = findFirstUnreadMessage(props.isNewLineExistInChannel ?? false);\n      if (foundUnreadFirstMessage) {\n        processNewLineVisibility(foundUnreadFirstMessage);\n        setUnreadFirstMessage(foundUnreadFirstMessage);\n      }\n    }\n  }, [props.messages, props.channel.myLastRead, sbOptions.uikit.groupChannel.channel.enableMarkAsUnread]);\n\n  const processNewLineVisibility = useFreshCallback((unreadFirstMsg: SendbirdMessage | undefined) => {\n    const isNewLineInViewport = !!viewableMessages.current?.some(\n      (message) => message.messageId === unreadFirstMsg?.messageId,\n    );\n\n    if (isNewLineInViewportRef.current !== isNewLineInViewport) {\n      isNewLineInViewportRef.current = isNewLineInViewport;\n      updateUnreadMessagesFloatingProps();\n      if (!isNewLineInViewport || hasSeenNewLineRef.current) {\n        return;\n      }\n\n      updateHasSeenNewLine(true);\n      if (hasUserMarkedAsUnreadRef.current) {\n        return;\n      }\n\n      if (0 < props.newMessages.length) {\n        props.channel.markAsUnread(props.newMessages[0]);\n      } else {\n        props.channel.markAsRead();\n      }\n    }\n  });\n\n  const onViewableItemsChanged = useFreshCallback(\n    async (info: { viewableItems: Array<ViewToken<SendbirdMessage>>; changed: Array<ViewToken<SendbirdMessage>> }) => {\n      if (!sbOptions.uikit.groupChannel.channel.enableMarkAsUnread) {\n        return;\n      }\n\n      viewableMessages.current = info.viewableItems.filter((token) => token.item).map((token) => token.item);\n      processNewLineVisibility(unreadFirstMessage);\n    },\n  );\n\n  const onPressMarkAsUnreadMessage = useCallback(\n    async (message: SendbirdMessage) => {\n      if (sbOptions.uikit.groupChannel.channel.enableMarkAsUnread && message) {\n        await props.channel.markAsUnread(message);\n        updateHasUserMarkedAsUnread(true);\n      }\n    },\n    [sbOptions.uikit.groupChannel.channel.enableMarkAsUnread, updateHasUserMarkedAsUnread],\n  );\n\n  useEffect(() => {\n    isNewLineExistInChannelRef.current = !!props.isNewLineExistInChannel && !!viewableMessages.current;\n  }, [props.isNewLineExistInChannel, viewableMessages.current]);\n\n  const unreadMessagesFloatingPropsRef = useRef<UnreadMessagesFloatingProps>();\n  const updateUnreadMessagesFloatingProps = useFreshCallback(() => {\n    const canAutoMarkAsRead =\n      !scrolledAwayFromBottomRef.current &&\n      !hasUserMarkedAsUnreadRef.current &&\n      (hasSeenNewLineRef.current || !isNewLineExistInChannelRef.current);\n\n    unreadMessagesFloatingPropsRef.current = {\n      visible:\n        sbOptions.uikit.groupChannel.channel.enableMarkAsUnread &&\n        !canAutoMarkAsRead &&\n        isNewLineExistInChannelRef.current &&\n        0 < props.channel.unreadMessageCount &&\n        !isNewLineInViewportRef.current,\n      onPressClose: onPressUnreadMessagesFloatingCloseButton,\n      unreadMessageCount: props.channel.unreadMessageCount,\n    };\n    if (isVisibleUnreadMessageFloating !== unreadMessagesFloatingPropsRef.current.visible) {\n      setIsVisibleUnreadMessageFloating(unreadMessagesFloatingPropsRef.current.visible);\n    }\n  });\n\n  useEffect(() => {\n    updateUnreadMessagesFloatingProps();\n  }, [\n    isNewLineExistInChannelRef.current,\n    props.channel.unreadMessageCount,\n    sbOptions.uikit.groupChannel.channel.enableMarkAsUnread,\n  ]);\n\n  useGroupChannelHandler(sdk, {\n    onReactionUpdated(channel, event) {\n      if (isDifferentChannel(channel, props.channel)) return;\n      const recentMessage = props.messages[0];\n      const isRecentMessage = recentMessage && recentMessage.messageId === event.messageId;\n      const scrollReachedBottomAndCanScroll = !props.scrolledAwayFromBottom && !props.hasNext();\n      if (isRecentMessage && scrollReachedBottomAndCanScroll) {\n        lazyScrollToBottom({ animated: true, timeout: 250 });\n      }\n    },\n  });\n\n  useEffect(() => {\n    return groupChannelPubSub.subscribe(({ type, data }) => {\n      switch (type) {\n        case 'TYPING_BUBBLE_RENDERED':\n        case 'MESSAGES_RECEIVED': {\n          if (!props.scrolledAwayFromBottom) {\n            scrollToBottom(true);\n          }\n          break;\n        }\n        case 'MESSAGES_UPDATED': {\n          const lastMessage = props.channel.lastMessage;\n          const [updatedMessage] = data.messages;\n\n          const lastMessageUpdated =\n            updatedMessage && lastMessage && lastMessage.messageId === updatedMessage.messageId;\n\n          const isMaybeStreaming = props.channel.hasAiBot && lastMessageUpdated;\n\n          if (isMaybeStreaming) {\n            scrollToBottom(false);\n          } else if (!props.scrolledAwayFromBottom && lastMessageUpdated) {\n            scrollToBottom(true);\n          }\n          break;\n        }\n        case 'MESSAGE_SENT_SUCCESS':\n        case 'MESSAGE_SENT_PENDING': {\n          scrollToBottom(false);\n          break;\n        }\n        case 'ON_MARKED_AS_READ_BY_CURRENT_USER': {\n          updateUnreadMessagesFloatingProps();\n          break;\n        }\n        case 'ON_MARKED_AS_UNREAD_BY_CURRENT_USER': {\n          isNewLineExistInChannelRef.current = true;\n          const foundFirstUnreadMessage = findFirstUnreadMessage(true);\n          processNewLineVisibility(foundFirstUnreadMessage);\n          setUnreadFirstMessage(foundFirstUnreadMessage);\n          if (!props.scrolledAwayFromBottom) {\n            scrollToBottom(true);\n          }\n          break;\n        }\n      }\n    });\n  }, [props.scrolledAwayFromBottom]);\n\n  useEffect(() => {\n    return groupChannelFragmentOptions.pubsub.subscribe((payload: GroupChannelFragmentOptionsPubSubContextPayload) => {\n      switch (payload.type) {\n        case 'OVERRIDE_SEARCH_ITEM_STARTING_POINT': {\n          scrollToMessageWithCreatedAt(payload.data.startingPoint, false, MESSAGE_SEARCH_SAFE_SCROLL_DELAY);\n          break;\n        }\n      }\n    });\n  }, []);\n\n  useEffect(() => {\n    // Only trigger once when message list mount with initial props.searchItem\n    // - Search screen + searchItem > mount message list\n    // - Reset message list + searchItem > re-mount message list\n    if (isFirstMount && props.searchItem) {\n      scrollToMessageWithCreatedAt(props.searchItem.startingPoint, false, MESSAGE_SEARCH_SAFE_SCROLL_DELAY);\n    }\n  }, [isFirstMount]);\n\n  const onPressParentMessage = useFreshCallback(\n    (parentMessage: SendbirdMessage, childMessage: SendbirdSendableMessage) => {\n      if (\n        onPressReplyMessageInThread &&\n        sbOptions.uikit.groupChannel.channel.replyType === 'thread' &&\n        sbOptions.uikit.groupChannel.channel.threadReplySelectType === 'thread'\n      ) {\n        if (parentMessage.createdAt >= props.channel.messageOffsetTimestamp) {\n          onPressReplyMessageInThread(parentMessage as SendbirdSendableMessage, childMessage.createdAt);\n        } else {\n          toast.show(STRINGS.TOAST.FIND_PARENT_MSG_ERROR, 'error');\n        }\n      } else {\n        const canScrollToParent = scrollToMessageWithCreatedAt(parentMessage.createdAt, true, 0);\n        if (!canScrollToParent) toast.show(STRINGS.TOAST.FIND_PARENT_MSG_ERROR, 'error');\n      }\n    },\n  );\n\n  const onBottomReached = useFreshCallback(() => {\n    if (props.hasNext()) {\n      if (pendingBottomReachedRef.current) {\n        const currentTime = Date.now();\n        const elapsedTime = currentTime - pendingBottomReachedRef.current.timestamp;\n\n        const timeoutThreshold = 500;\n        if (elapsedTime >= pendingBottomReachedRef.current.timeout + timeoutThreshold) {\n          props.onBottomReached?.();\n          pendingBottomReachedRef.current = null;\n        }\n      } else {\n        props.onBottomReached?.();\n      }\n    }\n  });\n\n  return (\n    <ChannelMessageList\n      {...props}\n      ref={flatListRef}\n      onScrolledAwayFromBottom={onScrolledAwayFromBottom}\n      onReplyMessage={setMessageToReply}\n      onReplyInThreadMessage={setMessageToReply}\n      onEditMessage={setMessageToEdit}\n      onViewableItemsChanged={onViewableItemsChanged}\n      onPressParentMessage={onPressParentMessage}\n      onPressNewMessagesButton={scrollToBottom}\n      onPressScrollToBottomButton={scrollToBottom}\n      onPressMarkAsUnreadMessage={onPressMarkAsUnreadMessage}\n      onBottomReached={onBottomReached}\n      unreadFirstMessage={unreadFirstMessage}\n      unreadMessagesFloatingProps={unreadMessagesFloatingPropsRef.current}\n    />\n  );\n};\n\nexport default React.memo(GroupChannelMessageList);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useContext","useEffect","useRef","useState","useToast","useGroupChannelHandler","confirmAndMarkAsRead","isDifferentChannel","useFreshCallback","useIsFirstMount","ChannelMessageList","MESSAGE_FOCUS_ANIMATION_DELAY","MESSAGE_SEARCH_SAFE_SCROLL_DELAY","useLocalization","useSendbirdChat","GroupChannelContexts","GroupChannelMessageList","props","toast","STRINGS","sdk","sbOptions","groupChannelFragmentOptions","setMessageToEdit","setMessageToReply","Fragment","groupChannelPubSub","PubSub","flatListRef","lazyScrollToBottom","lazyScrollToMessageId","onPressReplyMessageInThread","MessageList","isFirstMount","hasSeenNewLineRef","isNewLineInViewportRef","isNewLineExistInChannelRef","scrolledAwayFromBottomRef","isVisibleUnreadMessageFloating","setIsVisibleUnreadMessageFloating","viewableMessages","undefined","hasUserMarkedAsUnreadRef","unreadFirstMessage","setUnreadFirstMessage","pendingBottomReachedRef","updateHasSeenNewLine","hasSeenNewLine","current","_props$onNewLineSeenC","onNewLineSeenChange","call","updateHasUserMarkedAsUnread","hasUserMarkedAsUnread","_props$onUserMarkedAs","onUserMarkedAsUnreadChange","scrollToMessageWithCreatedAt","createdAt","focusAnimated","timeout","foundMessage","messages","find","it","isIncludedInList","setTimeout","onUpdateSearchItem","startingPoint","timestamp","Date","now","messageId","animated","channel","messageOffsetTimestamp","onResetMessageListWithStartingPoint","catch","_","onScrolledAwayFromBottom","value","scrollToBottom","hasNext","onResetMessageList","onPressUnreadMessagesFloatingCloseButton","_props$resetNewMessag","resetNewMessages","url","getPrevNonSilentMessage","prevMessageIndex","length","prevMessage","silent","findFirstUnreadMessage","isNewLineExistInChannel","uikit","groupChannel","enableMarkAsUnread","msg","index","_props$hasPrevious","isMarkedAsUnreadMessage","myLastRead","prevNonSilentMessage","hasNoPreviousAndNoPrevMessage","hasPrevious","prevMessageIsRead","isMessageUnread","foundUnreadFirstMessage","processNewLineVisibility","unreadFirstMsg","_viewableMessages$cur","isNewLineInViewport","some","message","updateUnreadMessagesFloatingProps","newMessages","markAsUnread","markAsRead","onViewableItemsChanged","info","viewableItems","filter","token","item","map","onPressMarkAsUnreadMessage","unreadMessagesFloatingPropsRef","canAutoMarkAsRead","visible","unreadMessageCount","onPressClose","onReactionUpdated","event","recentMessage","isRecentMessage","scrollReachedBottomAndCanScroll","scrolledAwayFromBottom","subscribe","type","data","lastMessage","updatedMessage","lastMessageUpdated","isMaybeStreaming","hasAiBot","foundFirstUnreadMessage","pubsub","payload","searchItem","onPressParentMessage","parentMessage","childMessage","replyType","threadReplySelectType","show","TOAST","FIND_PARENT_MSG_ERROR","canScrollToParent","onBottomReached","currentTime","elapsedTime","timeoutThreshold","_props$onBottomReache","_props$onBottomReache2","createElement","_extends","ref","onReplyMessage","onReplyInThreadMessage","onEditMessage","onPressNewMessagesButton","onPressScrollToBottomButton","unreadMessagesFloatingProps","memo"],"sources":["GroupChannelMessageList.tsx"],"sourcesContent":["import type { ViewToken } from '@react-native/virtualized-lists';\nimport React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\n\nimport { useToast } from '@sendbird/uikit-react-native-foundation';\nimport { useGroupChannelHandler } from '@sendbird/uikit-tools';\nimport {\n  SendbirdMessage,\n  SendbirdSendableMessage,\n  confirmAndMarkAsRead,\n  isDifferentChannel,\n  useFreshCallback,\n  useIsFirstMount,\n} from '@sendbird/uikit-utils';\n\nimport ChannelMessageList from '../../../components/ChannelMessageList';\nimport { UnreadMessagesFloatingProps } from '../../../components/UnreadMessagesFloating';\nimport { MESSAGE_FOCUS_ANIMATION_DELAY, MESSAGE_SEARCH_SAFE_SCROLL_DELAY } from '../../../constants';\nimport { GroupChannelFragmentOptionsPubSubContextPayload } from '../../../contexts/SendbirdChatCtx';\nimport { useLocalization, useSendbirdChat } from '../../../hooks/useContext';\nimport { GroupChannelContexts } from '../module/moduleContext';\nimport type { GroupChannelProps } from '../types';\n\nconst GroupChannelMessageList = (props: GroupChannelProps['MessageList']) => {\n  const toast = useToast();\n  const { STRINGS } = useLocalization();\n  const { sdk, sbOptions, groupChannelFragmentOptions } = useSendbirdChat();\n  const { setMessageToEdit, setMessageToReply } = useContext(GroupChannelContexts.Fragment);\n  const groupChannelPubSub = useContext(GroupChannelContexts.PubSub);\n  const { flatListRef, lazyScrollToBottom, lazyScrollToMessageId, onPressReplyMessageInThread } = useContext(\n    GroupChannelContexts.MessageList,\n  );\n\n  const isFirstMount = useIsFirstMount();\n\n  const hasSeenNewLineRef = useRef(false);\n  const isNewLineInViewportRef = useRef(false);\n  const isNewLineExistInChannelRef = useRef(false);\n  const scrolledAwayFromBottomRef = useRef(false);\n  const [isVisibleUnreadMessageFloating, setIsVisibleUnreadMessageFloating] = useState(false);\n  const viewableMessages = useRef<SendbirdMessage[] | undefined>(undefined);\n  const hasUserMarkedAsUnreadRef = useRef(false);\n  const [unreadFirstMessage, setUnreadFirstMessage] = useState<SendbirdMessage | undefined>(undefined);\n  const pendingBottomReachedRef = useRef<{ timeout: number; timestamp: number } | null>(null);\n\n  const updateHasSeenNewLine = useCallback(\n    (hasSeenNewLine: boolean) => {\n      if (hasSeenNewLineRef.current !== hasSeenNewLine) {\n        hasSeenNewLineRef.current = hasSeenNewLine;\n        props.onNewLineSeenChange?.(hasSeenNewLine);\n      }\n    },\n    [props.onNewLineSeenChange],\n  );\n\n  const updateHasUserMarkedAsUnread = useCallback(\n    (hasUserMarkedAsUnread: boolean) => {\n      if (hasUserMarkedAsUnreadRef.current !== hasUserMarkedAsUnread) {\n        hasUserMarkedAsUnreadRef.current = hasUserMarkedAsUnread;\n        props.onUserMarkedAsUnreadChange?.(hasUserMarkedAsUnread);\n      }\n    },\n    [props.onUserMarkedAsUnreadChange],\n  );\n\n  const scrollToMessageWithCreatedAt = useFreshCallback(\n    (createdAt: number, focusAnimated: boolean, timeout: number): boolean => {\n      const foundMessage = props.messages.find((it) => it.createdAt === createdAt);\n      const isIncludedInList = !!foundMessage;\n      pendingBottomReachedRef.current = null;\n\n      if (isIncludedInList) {\n        if (focusAnimated) {\n          setTimeout(() => props.onUpdateSearchItem({ startingPoint: createdAt }), MESSAGE_FOCUS_ANIMATION_DELAY);\n        }\n        pendingBottomReachedRef.current = { timeout, timestamp: Date.now() };\n        lazyScrollToMessageId({ messageId: foundMessage.messageId, animated: true, timeout });\n      } else {\n        if (props.channel.messageOffsetTimestamp <= createdAt) {\n          if (focusAnimated) {\n            props.onUpdateSearchItem({ startingPoint: createdAt });\n          }\n          props.onResetMessageListWithStartingPoint(createdAt).catch((_) => {});\n        } else {\n          return false;\n        }\n      }\n      return true;\n    },\n  );\n\n  const onScrolledAwayFromBottom = useFreshCallback((value: boolean) => {\n    scrolledAwayFromBottomRef.current = value;\n    props.onScrolledAwayFromBottom(value);\n  });\n\n  const scrollToBottom = useFreshCallback(async (animated = false) => {\n    if (props.hasNext()) {\n      props.onUpdateSearchItem(undefined);\n      onScrolledAwayFromBottom(false);\n\n      await props.onResetMessageList().catch((_) => {});\n      onScrolledAwayFromBottom(false);\n      lazyScrollToBottom({ animated });\n    } else {\n      lazyScrollToBottom({ animated });\n    }\n  });\n\n  const onPressUnreadMessagesFloatingCloseButton = useCallback(() => {\n    updateHasSeenNewLine(true);\n    updateHasUserMarkedAsUnread(false);\n    props.resetNewMessages?.();\n    confirmAndMarkAsRead([props.channel]);\n  }, [updateHasSeenNewLine, updateHasUserMarkedAsUnread, props.channel.url, props.resetNewMessages]);\n\n  const getPrevNonSilentMessage = useCallback(\n    (messages: SendbirdMessage[], prevMessageIndex: number): SendbirdMessage | null => {\n      if (messages.length <= prevMessageIndex) {\n        return null;\n      }\n\n      const prevMessage = messages[prevMessageIndex];\n      if (prevMessage) {\n        if (prevMessage.silent) {\n          return getPrevNonSilentMessage(messages, prevMessageIndex + 1);\n        } else {\n          return prevMessage;\n        }\n      }\n      return null;\n    },\n    [],\n  );\n\n  const findFirstUnreadMessage = useFreshCallback((isNewLineExistInChannel: boolean) => {\n    if (!sbOptions.uikit.groupChannel.channel.enableMarkAsUnread || !isNewLineExistInChannel) {\n      return;\n    }\n\n    return props.messages.find((msg, index) => {\n      if (msg.silent) {\n        return false;\n      }\n\n      const isMarkedAsUnreadMessage = props.channel.myLastRead === msg.createdAt - 1;\n      if (isMarkedAsUnreadMessage) {\n        return true;\n      }\n\n      const prevNonSilentMessage = getPrevNonSilentMessage(props.messages, index + 1);\n      const hasNoPreviousAndNoPrevMessage = !props.hasPrevious?.() && prevNonSilentMessage == null;\n      const prevMessageIsRead =\n        prevNonSilentMessage != null && prevNonSilentMessage.createdAt <= props.channel.myLastRead;\n      const isMessageUnread = props.channel.myLastRead < msg.createdAt;\n      return (hasNoPreviousAndNoPrevMessage || prevMessageIsRead) && isMessageUnread;\n    });\n  });\n\n  useEffect(() => {\n    if (!unreadFirstMessage) {\n      const foundUnreadFirstMessage = findFirstUnreadMessage(props.isNewLineExistInChannel ?? false);\n      if (foundUnreadFirstMessage) {\n        processNewLineVisibility(foundUnreadFirstMessage);\n        setUnreadFirstMessage(foundUnreadFirstMessage);\n      }\n    }\n  }, [props.messages, props.channel.myLastRead, sbOptions.uikit.groupChannel.channel.enableMarkAsUnread]);\n\n  const processNewLineVisibility = useFreshCallback((unreadFirstMsg: SendbirdMessage | undefined) => {\n    const isNewLineInViewport = !!viewableMessages.current?.some(\n      (message) => message.messageId === unreadFirstMsg?.messageId,\n    );\n\n    if (isNewLineInViewportRef.current !== isNewLineInViewport) {\n      isNewLineInViewportRef.current = isNewLineInViewport;\n      updateUnreadMessagesFloatingProps();\n      if (!isNewLineInViewport || hasSeenNewLineRef.current) {\n        return;\n      }\n\n      updateHasSeenNewLine(true);\n      if (hasUserMarkedAsUnreadRef.current) {\n        return;\n      }\n\n      if (0 < props.newMessages.length) {\n        props.channel.markAsUnread(props.newMessages[0]);\n      } else {\n        props.channel.markAsRead();\n      }\n    }\n  });\n\n  const onViewableItemsChanged = useFreshCallback(\n    async (info: { viewableItems: Array<ViewToken<SendbirdMessage>>; changed: Array<ViewToken<SendbirdMessage>> }) => {\n      if (!sbOptions.uikit.groupChannel.channel.enableMarkAsUnread) {\n        return;\n      }\n\n      viewableMessages.current = info.viewableItems.filter((token) => token.item).map((token) => token.item);\n      processNewLineVisibility(unreadFirstMessage);\n    },\n  );\n\n  const onPressMarkAsUnreadMessage = useCallback(\n    async (message: SendbirdMessage) => {\n      if (sbOptions.uikit.groupChannel.channel.enableMarkAsUnread && message) {\n        await props.channel.markAsUnread(message);\n        updateHasUserMarkedAsUnread(true);\n      }\n    },\n    [sbOptions.uikit.groupChannel.channel.enableMarkAsUnread, updateHasUserMarkedAsUnread],\n  );\n\n  useEffect(() => {\n    isNewLineExistInChannelRef.current = !!props.isNewLineExistInChannel && !!viewableMessages.current;\n  }, [props.isNewLineExistInChannel, viewableMessages.current]);\n\n  const unreadMessagesFloatingPropsRef = useRef<UnreadMessagesFloatingProps | undefined>(undefined);\n  const updateUnreadMessagesFloatingProps = useFreshCallback(() => {\n    const canAutoMarkAsRead =\n      !scrolledAwayFromBottomRef.current &&\n      !hasUserMarkedAsUnreadRef.current &&\n      (hasSeenNewLineRef.current || !isNewLineExistInChannelRef.current);\n\n    unreadMessagesFloatingPropsRef.current = {\n      visible:\n        sbOptions.uikit.groupChannel.channel.enableMarkAsUnread &&\n        !canAutoMarkAsRead &&\n        isNewLineExistInChannelRef.current &&\n        0 < props.channel.unreadMessageCount &&\n        !isNewLineInViewportRef.current,\n      onPressClose: onPressUnreadMessagesFloatingCloseButton,\n      unreadMessageCount: props.channel.unreadMessageCount,\n    };\n    if (isVisibleUnreadMessageFloating !== unreadMessagesFloatingPropsRef.current.visible) {\n      setIsVisibleUnreadMessageFloating(unreadMessagesFloatingPropsRef.current.visible);\n    }\n  });\n\n  useEffect(() => {\n    updateUnreadMessagesFloatingProps();\n  }, [\n    isNewLineExistInChannelRef.current,\n    props.channel.unreadMessageCount,\n    sbOptions.uikit.groupChannel.channel.enableMarkAsUnread,\n  ]);\n\n  useGroupChannelHandler(sdk, {\n    onReactionUpdated(channel, event) {\n      if (isDifferentChannel(channel, props.channel)) return;\n      const recentMessage = props.messages[0];\n      const isRecentMessage = recentMessage && recentMessage.messageId === event.messageId;\n      const scrollReachedBottomAndCanScroll = !props.scrolledAwayFromBottom && !props.hasNext();\n      if (isRecentMessage && scrollReachedBottomAndCanScroll) {\n        lazyScrollToBottom({ animated: true, timeout: 250 });\n      }\n    },\n  });\n\n  useEffect(() => {\n    return groupChannelPubSub.subscribe(({ type, data }) => {\n      switch (type) {\n        case 'TYPING_BUBBLE_RENDERED':\n        case 'MESSAGES_RECEIVED': {\n          if (!props.scrolledAwayFromBottom) {\n            scrollToBottom(true);\n          }\n          break;\n        }\n        case 'MESSAGES_UPDATED': {\n          const lastMessage = props.channel.lastMessage;\n          const [updatedMessage] = data.messages;\n\n          const lastMessageUpdated =\n            updatedMessage && lastMessage && lastMessage.messageId === updatedMessage.messageId;\n\n          const isMaybeStreaming = props.channel.hasAiBot && lastMessageUpdated;\n\n          if (isMaybeStreaming) {\n            scrollToBottom(false);\n          } else if (!props.scrolledAwayFromBottom && lastMessageUpdated) {\n            scrollToBottom(true);\n          }\n          break;\n        }\n        case 'MESSAGE_SENT_SUCCESS':\n        case 'MESSAGE_SENT_PENDING': {\n          scrollToBottom(false);\n          break;\n        }\n        case 'ON_MARKED_AS_READ_BY_CURRENT_USER': {\n          updateUnreadMessagesFloatingProps();\n          break;\n        }\n        case 'ON_MARKED_AS_UNREAD_BY_CURRENT_USER': {\n          isNewLineExistInChannelRef.current = true;\n          const foundFirstUnreadMessage = findFirstUnreadMessage(true);\n          processNewLineVisibility(foundFirstUnreadMessage);\n          setUnreadFirstMessage(foundFirstUnreadMessage);\n          if (!props.scrolledAwayFromBottom) {\n            scrollToBottom(true);\n          }\n          break;\n        }\n      }\n    });\n  }, [props.scrolledAwayFromBottom]);\n\n  useEffect(() => {\n    return groupChannelFragmentOptions.pubsub.subscribe((payload: GroupChannelFragmentOptionsPubSubContextPayload) => {\n      switch (payload.type) {\n        case 'OVERRIDE_SEARCH_ITEM_STARTING_POINT': {\n          scrollToMessageWithCreatedAt(payload.data.startingPoint, false, MESSAGE_SEARCH_SAFE_SCROLL_DELAY);\n          break;\n        }\n      }\n    });\n  }, []);\n\n  useEffect(() => {\n    // Only trigger once when message list mount with initial props.searchItem\n    // - Search screen + searchItem > mount message list\n    // - Reset message list + searchItem > re-mount message list\n    if (isFirstMount && props.searchItem) {\n      scrollToMessageWithCreatedAt(props.searchItem.startingPoint, false, MESSAGE_SEARCH_SAFE_SCROLL_DELAY);\n    }\n  }, [isFirstMount]);\n\n  const onPressParentMessage = useFreshCallback(\n    (parentMessage: SendbirdMessage, childMessage: SendbirdSendableMessage) => {\n      if (\n        onPressReplyMessageInThread &&\n        sbOptions.uikit.groupChannel.channel.replyType === 'thread' &&\n        sbOptions.uikit.groupChannel.channel.threadReplySelectType === 'thread'\n      ) {\n        if (parentMessage.createdAt >= props.channel.messageOffsetTimestamp) {\n          onPressReplyMessageInThread(parentMessage as SendbirdSendableMessage, childMessage.createdAt);\n        } else {\n          toast.show(STRINGS.TOAST.FIND_PARENT_MSG_ERROR, 'error');\n        }\n      } else {\n        const canScrollToParent = scrollToMessageWithCreatedAt(parentMessage.createdAt, true, 0);\n        if (!canScrollToParent) toast.show(STRINGS.TOAST.FIND_PARENT_MSG_ERROR, 'error');\n      }\n    },\n  );\n\n  const onBottomReached = useFreshCallback(() => {\n    if (props.hasNext()) {\n      if (pendingBottomReachedRef.current) {\n        const currentTime = Date.now();\n        const elapsedTime = currentTime - pendingBottomReachedRef.current.timestamp;\n\n        const timeoutThreshold = 500;\n        if (elapsedTime >= pendingBottomReachedRef.current.timeout + timeoutThreshold) {\n          props.onBottomReached?.();\n          pendingBottomReachedRef.current = null;\n        }\n      } else {\n        props.onBottomReached?.();\n      }\n    }\n  });\n\n  return (\n    <ChannelMessageList\n      {...props}\n      ref={flatListRef}\n      onScrolledAwayFromBottom={onScrolledAwayFromBottom}\n      onReplyMessage={setMessageToReply}\n      onReplyInThreadMessage={setMessageToReply}\n      onEditMessage={setMessageToEdit}\n      onViewableItemsChanged={onViewableItemsChanged}\n      onPressParentMessage={onPressParentMessage}\n      onPressNewMessagesButton={scrollToBottom}\n      onPressScrollToBottomButton={scrollToBottom}\n      onPressMarkAsUnreadMessage={onPressMarkAsUnreadMessage}\n      onBottomReached={onBottomReached}\n      unreadFirstMessage={unreadFirstMessage}\n      unreadMessagesFloatingProps={unreadMessagesFloatingPropsRef.current}\n    />\n  );\n};\n\nexport default React.memo(GroupChannelMessageList);\n"],"mappings":"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","ignoreList":[]}

package/lib/module/fragments/createGroupChannelMembersFragment.js

@@ -20,7 +20,7 @@ const createGroupChannelMembersFragment = initModule => {
       limit: 20
     })
   }) => {
-    const refreshSchedule = useRef();
+    const refreshSchedule = useRef(undefined);
     const {
       STRINGS
     } = useLocalization();

package/lib/module/fragments/createGroupChannelMembersFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","useUserList","Icon","useActionMenu","useGroupChannelHandler","ifOperator","ifThenOr","isDifferentChannel","useFreshCallback","StatusComposition","UserActionBar","createUserListModule","useLocalization","useSendbirdChat","useUserProfile","RETURN_EMPTY_STRING","createGroupChannelMembersFragment","initModule","UserListModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","sortComparator","queryCreator","createMemberListQuery","limit","refreshSchedule","STRINGS","sdk","currentUser","openMenu","show","users","refresh","loading","next","error","upsertUser","deleteUser","onUserLeft","eventChannel","user","userId","onUserBanned","onOperatorUpdated","current","clearTimeout","setTimeout","onUserMuted","isGroupChannel","memberFromChannel","members","find","it","memberFromList","isMuted","onUserUnmuted","_renderUser","selectedUsers","setSelectedUsers","createElement","muted","uri","profileUrl","label","role","LABELS","USER_BAR_OPERATOR","name","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressActionMenu","myRole","menuItems","push","title","UNREGISTER_OPERATOR","REGISTER_AS_OPERATOR","onPress","removeOperators","addOperators","isBroadcast","UNMUTE","MUTE","unmuteUser","muteUser","BAN","style","banUser","onPressAvatar","Provider","headerRight","headerTitle","GROUP_CHANNEL_MEMBERS","HEADER_TITLE","Header","shouldActivateHeaderRight","right","icon","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","ListEmptyComponent","StatusEmpty"],"sources":["createGroupChannelMembersFragment.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { ActionMenuItem } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { useGroupChannelHandler } from '@sendbird/uikit-tools';\nimport type { SendbirdMember } from '@sendbird/uikit-utils';\nimport { ifOperator, ifThenOr, isDifferentChannel, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport type { GroupChannelMembersFragment } from '../domain/groupChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst RETURN_EMPTY_STRING = () => '';\n\nconst createGroupChannelMembersFragment = (\n  initModule?: Partial<UserListModule<SendbirdMember>>,\n): GroupChannelMembersFragment => {\n  const UserListModule = createUserListModule<SendbirdMember>(initModule);\n\n  return ({\n    channel,\n    onPressHeaderLeft,\n    onPressHeaderRight,\n    renderUser,\n    sortComparator,\n    queryCreator = () => channel.createMemberListQuery({ limit: 20 }),\n  }) => {\n    const refreshSchedule = useRef<NodeJS.Timeout>();\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n    const { show } = useUserProfile();\n\n    const { users, refresh, loading, next, error, upsertUser, deleteUser } = useUserList(sdk, {\n      queryCreator,\n      sortComparator,\n    });\n\n    useGroupChannelHandler(sdk, {\n      onUserLeft(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        deleteUser(user.userId);\n      },\n      onUserBanned(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        deleteUser(user.userId);\n      },\n      onOperatorUpdated(eventChannel) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        if (refreshSchedule.current) clearTimeout(refreshSchedule.current);\n        refreshSchedule.current = setTimeout(() => refresh(), 500);\n      },\n      onUserMuted(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel) || !eventChannel.isGroupChannel()) return;\n\n        const memberFromChannel = eventChannel.members.find((it) => it.userId === user.userId);\n        if (memberFromChannel) return upsertUser(memberFromChannel);\n\n        const memberFromList = users.find((it) => it.userId === user.userId);\n        if (memberFromList) {\n          memberFromList.isMuted = true;\n          upsertUser(memberFromList);\n        }\n      },\n      onUserUnmuted(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel) || !eventChannel.isGroupChannel()) return;\n\n        const memberFromChannel = eventChannel.members.find((it) => it.userId === user.userId);\n        if (memberFromChannel) return upsertUser(memberFromChannel);\n\n        const memberFromList = users.find((it) => it.userId === user.userId);\n        if (memberFromList) {\n          memberFromList.isMuted = false;\n          upsertUser(memberFromList);\n        }\n      },\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {\n      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n      return (\n        <UserActionBar\n          muted={user.isMuted}\n          uri={user.profileUrl}\n          label={user.role === 'operator' ? STRINGS.LABELS.USER_BAR_OPERATOR : ''}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressActionMenu={ifOperator(channel.myRole, () => {\n            const menuItems: ActionMenuItem['menuItems'] = [];\n\n            menuItems.push({\n              title: ifOperator(user.role, STRINGS.LABELS.UNREGISTER_OPERATOR, STRINGS.LABELS.REGISTER_AS_OPERATOR),\n              onPress: ifOperator(\n                user.role,\n                () => channel.removeOperators([user.userId]),\n                () => channel.addOperators([user.userId]),\n              ),\n            });\n\n            if (!channel.isBroadcast) {\n              menuItems.push({\n                title: ifThenOr(user.isMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),\n                onPress: ifThenOr(\n                  user.isMuted,\n                  () => channel.unmuteUser(user),\n                  () => channel.muteUser(user),\n                ),\n              });\n            }\n\n            menuItems.push({\n              title: STRINGS.LABELS.BAN,\n              style: 'destructive',\n              onPress: () => channel.banUser(user),\n            });\n\n            openMenu({ title: user.nickname || STRINGS.LABELS.USER_NO_NAME, menuItems });\n          })}\n          onPressAvatar={() => show(user)}\n        />\n      );\n    });\n\n    return (\n      <UserListModule.Provider\n        headerRight={RETURN_EMPTY_STRING}\n        headerTitle={STRINGS.GROUP_CHANNEL_MEMBERS.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          shouldActivateHeaderRight={() => true}\n          onPressHeaderLeft={onPressHeaderLeft}\n          right={<Icon icon={'plus'} />}\n          onPressHeaderRight={async () => onPressHeaderRight()}\n        />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<UserListModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<UserListModule.StatusError onPressRetry={refresh} />}\n        >\n          <UserListModule.List\n            users={users}\n            renderUser={_renderUser}\n            onLoadNext={next}\n            ListEmptyComponent={<UserListModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelMembersFragment;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useRef","useUserList","Icon","useActionMenu","useGroupChannelHandler","ifOperator","ifThenOr","isDifferentChannel","useFreshCallback","StatusComposition","UserActionBar","createUserListModule","useLocalization","useSendbirdChat","useUserProfile","RETURN_EMPTY_STRING","createGroupChannelMembersFragment","initModule","UserListModule","channel","onPressHeaderLeft","onPressHeaderRight","renderUser","sortComparator","queryCreator","createMemberListQuery","limit","refreshSchedule","undefined","STRINGS","sdk","currentUser","openMenu","show","users","refresh","loading","next","error","upsertUser","deleteUser","onUserLeft","eventChannel","user","userId","onUserBanned","onOperatorUpdated","current","clearTimeout","setTimeout","onUserMuted","isGroupChannel","memberFromChannel","members","find","it","memberFromList","isMuted","onUserUnmuted","_renderUser","selectedUsers","setSelectedUsers","createElement","muted","uri","profileUrl","label","role","LABELS","USER_BAR_OPERATOR","name","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressActionMenu","myRole","menuItems","push","title","UNREGISTER_OPERATOR","REGISTER_AS_OPERATOR","onPress","removeOperators","addOperators","isBroadcast","UNMUTE","MUTE","unmuteUser","muteUser","BAN","style","banUser","onPressAvatar","Provider","headerRight","headerTitle","GROUP_CHANNEL_MEMBERS","HEADER_TITLE","Header","shouldActivateHeaderRight","right","icon","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","ListEmptyComponent","StatusEmpty"],"sources":["createGroupChannelMembersFragment.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { ActionMenuItem } from '@sendbird/uikit-react-native-foundation';\nimport { Icon, useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport { useGroupChannelHandler } from '@sendbird/uikit-tools';\nimport type { SendbirdMember } from '@sendbird/uikit-utils';\nimport { ifOperator, ifThenOr, isDifferentChannel, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport type { GroupChannelMembersFragment } from '../domain/groupChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst RETURN_EMPTY_STRING = () => '';\n\nconst createGroupChannelMembersFragment = (\n  initModule?: Partial<UserListModule<SendbirdMember>>,\n): GroupChannelMembersFragment => {\n  const UserListModule = createUserListModule<SendbirdMember>(initModule);\n\n  return ({\n    channel,\n    onPressHeaderLeft,\n    onPressHeaderRight,\n    renderUser,\n    sortComparator,\n    queryCreator = () => channel.createMemberListQuery({ limit: 20 }),\n  }) => {\n    const refreshSchedule = useRef<NodeJS.Timeout | undefined>(undefined);\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n    const { show } = useUserProfile();\n\n    const { users, refresh, loading, next, error, upsertUser, deleteUser } = useUserList(sdk, {\n      queryCreator,\n      sortComparator,\n    });\n\n    useGroupChannelHandler(sdk, {\n      onUserLeft(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        deleteUser(user.userId);\n      },\n      onUserBanned(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        deleteUser(user.userId);\n      },\n      onOperatorUpdated(eventChannel) {\n        if (isDifferentChannel(eventChannel, channel)) return;\n        if (refreshSchedule.current) clearTimeout(refreshSchedule.current);\n        refreshSchedule.current = setTimeout(() => refresh(), 500);\n      },\n      onUserMuted(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel) || !eventChannel.isGroupChannel()) return;\n\n        const memberFromChannel = eventChannel.members.find((it) => it.userId === user.userId);\n        if (memberFromChannel) return upsertUser(memberFromChannel);\n\n        const memberFromList = users.find((it) => it.userId === user.userId);\n        if (memberFromList) {\n          memberFromList.isMuted = true;\n          upsertUser(memberFromList);\n        }\n      },\n      onUserUnmuted(eventChannel, user) {\n        if (isDifferentChannel(eventChannel, channel) || !eventChannel.isGroupChannel()) return;\n\n        const memberFromChannel = eventChannel.members.find((it) => it.userId === user.userId);\n        if (memberFromChannel) return upsertUser(memberFromChannel);\n\n        const memberFromList = users.find((it) => it.userId === user.userId);\n        if (memberFromList) {\n          memberFromList.isMuted = false;\n          upsertUser(memberFromList);\n        }\n      },\n    });\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {\n      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n      return (\n        <UserActionBar\n          muted={user.isMuted}\n          uri={user.profileUrl}\n          label={user.role === 'operator' ? STRINGS.LABELS.USER_BAR_OPERATOR : ''}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressActionMenu={ifOperator(channel.myRole, () => {\n            const menuItems: ActionMenuItem['menuItems'] = [];\n\n            menuItems.push({\n              title: ifOperator(user.role, STRINGS.LABELS.UNREGISTER_OPERATOR, STRINGS.LABELS.REGISTER_AS_OPERATOR),\n              onPress: ifOperator(\n                user.role,\n                () => channel.removeOperators([user.userId]),\n                () => channel.addOperators([user.userId]),\n              ),\n            });\n\n            if (!channel.isBroadcast) {\n              menuItems.push({\n                title: ifThenOr(user.isMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),\n                onPress: ifThenOr(\n                  user.isMuted,\n                  () => channel.unmuteUser(user),\n                  () => channel.muteUser(user),\n                ),\n              });\n            }\n\n            menuItems.push({\n              title: STRINGS.LABELS.BAN,\n              style: 'destructive',\n              onPress: () => channel.banUser(user),\n            });\n\n            openMenu({ title: user.nickname || STRINGS.LABELS.USER_NO_NAME, menuItems });\n          })}\n          onPressAvatar={() => show(user)}\n        />\n      );\n    });\n\n    return (\n      <UserListModule.Provider\n        headerRight={RETURN_EMPTY_STRING}\n        headerTitle={STRINGS.GROUP_CHANNEL_MEMBERS.HEADER_TITLE}\n      >\n        <UserListModule.Header\n          shouldActivateHeaderRight={() => true}\n          onPressHeaderLeft={onPressHeaderLeft}\n          right={<Icon icon={'plus'} />}\n          onPressHeaderRight={async () => onPressHeaderRight()}\n        />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<UserListModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<UserListModule.StatusError onPressRetry={refresh} />}\n        >\n          <UserListModule.List\n            users={users}\n            renderUser={_renderUser}\n            onLoadNext={next}\n            ListEmptyComponent={<UserListModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createGroupChannelMembersFragment;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/fragments/createOpenChannelParticipantsFragment.js

@@ -20,7 +20,7 @@ const createOpenChannelParticipantsFragment = initModule => {
     })
   }) => {
     const handlerId = useUniqHandlerId('OpenChannelParticipantsFragment');
-    const refreshSchedule = useRef();
+    const refreshSchedule = useRef(undefined);
     const {
       STRINGS
     } = useLocalization();

package/lib/module/fragments/createOpenChannelParticipantsFragment.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","useChannelHandler","useUserList","useActionMenu","ASYNC_NOOP","ifThenOr","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","UNKNOWN_USER_ID","createUserListModule","useLocalization","useSendbirdChat","useUserProfile","RETURN_EMPTY_STRING","createOpenChannelParticipantsFragment","initModule","UserListModule","channel","onPressHeaderLeft","renderUser","sortComparator","queryCreator","createParticipantListQuery","limit","handlerId","refreshSchedule","STRINGS","sdk","currentUser","openMenu","show","users","refresh","loading","next","error","upsertUser","deleteUser","onUserExited","eventChannel","user","userId","onUserBanned","onOperatorUpdated","current","clearTimeout","setTimeout","onUserMuted","isOpenChannel","isMuted","onUserUnmuted","_renderUser","selectedUsers","setSelectedUsers","isUserMuted","isUserOperator","isOperator","isCurrentUserOperator","createElement","muted","uri","profileUrl","label","LABELS","USER_BAR_OPERATOR","name","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressActionMenu","menuItems","push","title","UNREGISTER_OPERATOR","REGISTER_AS_OPERATOR","onPress","removeOperators","addOperators","UNMUTE","MUTE","unmuteUser","muteUser","BAN","style","banUser","onPressAvatar","Provider","headerRight","headerTitle","OPEN_CHANNEL_PARTICIPANTS","HEADER_TITLE","Header","onPressHeaderRight","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","ListEmptyComponent","StatusEmpty"],"sources":["createOpenChannelParticipantsFragment.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { ActionMenuItem } from '@sendbird/uikit-react-native-foundation';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdParticipant } from '@sendbird/uikit-utils';\nimport { ASYNC_NOOP, ifThenOr, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { UNKNOWN_USER_ID } from '../constants';\nimport type { OpenChannelParticipantsFragment } from '../domain/openChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst RETURN_EMPTY_STRING = () => '';\nconst createOpenChannelParticipantsFragment = (\n  initModule?: Partial<UserListModule<SendbirdParticipant>>,\n): OpenChannelParticipantsFragment => {\n  const UserListModule = createUserListModule<SendbirdParticipant>(initModule);\n\n  return ({\n    channel,\n    onPressHeaderLeft,\n    renderUser,\n    sortComparator,\n    queryCreator = () => channel.createParticipantListQuery({ limit: 20 }),\n  }) => {\n    const handlerId = useUniqHandlerId('OpenChannelParticipantsFragment');\n\n    const refreshSchedule = useRef<NodeJS.Timeout>();\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n    const { show } = useUserProfile();\n\n    const { users, refresh, loading, next, error, upsertUser, deleteUser } = useUserList(sdk, {\n      queryCreator,\n      sortComparator,\n    });\n\n    useChannelHandler(\n      sdk,\n      handlerId,\n      {\n        onUserExited(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          deleteUser(user.userId);\n        },\n        onUserBanned(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          deleteUser(user.userId);\n        },\n        onOperatorUpdated(eventChannel) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          if (refreshSchedule.current) clearTimeout(refreshSchedule.current);\n          refreshSchedule.current = setTimeout(() => refresh(), 500);\n        },\n        onUserMuted(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel) || !eventChannel.isOpenChannel()) return;\n          // @ts-ignore - SDK should migrate User to Participant\n          user.isMuted = true;\n          upsertUser(user);\n        },\n        onUserUnmuted(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel) || !eventChannel.isOpenChannel()) return;\n          // @ts-ignore - SDK should migrate User to Participant\n          user.isMuted = false;\n          upsertUser(user);\n        },\n      },\n      'open',\n    );\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {\n      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n      const isUserMuted = user.isMuted;\n      const isUserOperator = channel.isOperator(user.userId);\n      const isCurrentUserOperator = channel.isOperator(currentUser?.userId ?? UNKNOWN_USER_ID);\n\n      return (\n        <UserActionBar\n          muted={isUserMuted}\n          uri={user.profileUrl}\n          label={ifThenOr(isUserOperator, STRINGS.LABELS.USER_BAR_OPERATOR, '')}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            ifThenOr(user.userId === currentUser?.userId, STRINGS.LABELS.USER_BAR_ME_POSTFIX, '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressActionMenu={ifThenOr(isCurrentUserOperator, () => {\n            const menuItems: ActionMenuItem['menuItems'] = [];\n\n            menuItems.push({\n              title: ifThenOr(isUserOperator, STRINGS.LABELS.UNREGISTER_OPERATOR, STRINGS.LABELS.REGISTER_AS_OPERATOR),\n              onPress: ifThenOr(\n                isUserOperator,\n                () => channel.removeOperators([user.userId]),\n                () => channel.addOperators([user.userId]),\n              ),\n            });\n\n            menuItems.push({\n              title: ifThenOr(isUserMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),\n              onPress: ifThenOr(\n                isUserMuted,\n                () => channel.unmuteUser(user),\n                () => channel.muteUser(user),\n              ),\n            });\n\n            menuItems.push({\n              title: STRINGS.LABELS.BAN,\n              style: 'destructive',\n              onPress: () => channel.banUser(user),\n            });\n\n            openMenu({ title: user.nickname || STRINGS.LABELS.USER_NO_NAME, menuItems });\n          })}\n          onPressAvatar={() => show(user)}\n        />\n      );\n    });\n\n    return (\n      <UserListModule.Provider\n        headerRight={RETURN_EMPTY_STRING}\n        headerTitle={STRINGS.OPEN_CHANNEL_PARTICIPANTS.HEADER_TITLE}\n      >\n        <UserListModule.Header onPressHeaderRight={ASYNC_NOOP} onPressHeaderLeft={onPressHeaderLeft} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<UserListModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<UserListModule.StatusError onPressRetry={refresh} />}\n        >\n          <UserListModule.List\n            users={users as SendbirdParticipant[]}\n            renderUser={_renderUser}\n            onLoadNext={next}\n            ListEmptyComponent={<UserListModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelParticipantsFragment;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useRef","useChannelHandler","useUserList","useActionMenu","ASYNC_NOOP","ifThenOr","isDifferentChannel","useFreshCallback","useUniqHandlerId","StatusComposition","UserActionBar","UNKNOWN_USER_ID","createUserListModule","useLocalization","useSendbirdChat","useUserProfile","RETURN_EMPTY_STRING","createOpenChannelParticipantsFragment","initModule","UserListModule","channel","onPressHeaderLeft","renderUser","sortComparator","queryCreator","createParticipantListQuery","limit","handlerId","refreshSchedule","undefined","STRINGS","sdk","currentUser","openMenu","show","users","refresh","loading","next","error","upsertUser","deleteUser","onUserExited","eventChannel","user","userId","onUserBanned","onOperatorUpdated","current","clearTimeout","setTimeout","onUserMuted","isOpenChannel","isMuted","onUserUnmuted","_renderUser","selectedUsers","setSelectedUsers","isUserMuted","isUserOperator","isOperator","isCurrentUserOperator","createElement","muted","uri","profileUrl","label","LABELS","USER_BAR_OPERATOR","name","nickname","USER_NO_NAME","USER_BAR_ME_POSTFIX","disabled","onPressActionMenu","menuItems","push","title","UNREGISTER_OPERATOR","REGISTER_AS_OPERATOR","onPress","removeOperators","addOperators","UNMUTE","MUTE","unmuteUser","muteUser","BAN","style","banUser","onPressAvatar","Provider","headerRight","headerTitle","OPEN_CHANNEL_PARTICIPANTS","HEADER_TITLE","Header","onPressHeaderRight","LoadingComponent","StatusLoading","Boolean","ErrorComponent","StatusError","onPressRetry","List","onLoadNext","ListEmptyComponent","StatusEmpty"],"sources":["createOpenChannelParticipantsFragment.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';\nimport type { ActionMenuItem } from '@sendbird/uikit-react-native-foundation';\nimport { useActionMenu } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdParticipant } from '@sendbird/uikit-utils';\nimport { ASYNC_NOOP, ifThenOr, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport StatusComposition from '../components/StatusComposition';\nimport UserActionBar from '../components/UserActionBar';\nimport { UNKNOWN_USER_ID } from '../constants';\nimport type { OpenChannelParticipantsFragment } from '../domain/openChannelUserList/types';\nimport createUserListModule from '../domain/userList/module/createUserListModule';\nimport type { UserListModule } from '../domain/userList/types';\nimport { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';\n\nconst RETURN_EMPTY_STRING = () => '';\nconst createOpenChannelParticipantsFragment = (\n  initModule?: Partial<UserListModule<SendbirdParticipant>>,\n): OpenChannelParticipantsFragment => {\n  const UserListModule = createUserListModule<SendbirdParticipant>(initModule);\n\n  return ({\n    channel,\n    onPressHeaderLeft,\n    renderUser,\n    sortComparator,\n    queryCreator = () => channel.createParticipantListQuery({ limit: 20 }),\n  }) => {\n    const handlerId = useUniqHandlerId('OpenChannelParticipantsFragment');\n\n    const refreshSchedule = useRef<NodeJS.Timeout | undefined>(undefined);\n    const { STRINGS } = useLocalization();\n    const { sdk, currentUser } = useSendbirdChat();\n    const { openMenu } = useActionMenu();\n    const { show } = useUserProfile();\n\n    const { users, refresh, loading, next, error, upsertUser, deleteUser } = useUserList(sdk, {\n      queryCreator,\n      sortComparator,\n    });\n\n    useChannelHandler(\n      sdk,\n      handlerId,\n      {\n        onUserExited(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          deleteUser(user.userId);\n        },\n        onUserBanned(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          deleteUser(user.userId);\n        },\n        onOperatorUpdated(eventChannel) {\n          if (isDifferentChannel(eventChannel, channel)) return;\n          if (refreshSchedule.current) clearTimeout(refreshSchedule.current);\n          refreshSchedule.current = setTimeout(() => refresh(), 500);\n        },\n        onUserMuted(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel) || !eventChannel.isOpenChannel()) return;\n          // @ts-ignore - SDK should migrate User to Participant\n          user.isMuted = true;\n          upsertUser(user);\n        },\n        onUserUnmuted(eventChannel, user) {\n          if (isDifferentChannel(eventChannel, channel) || !eventChannel.isOpenChannel()) return;\n          // @ts-ignore - SDK should migrate User to Participant\n          user.isMuted = false;\n          upsertUser(user);\n        },\n      },\n      'open',\n    );\n\n    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {\n      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);\n\n      const isUserMuted = user.isMuted;\n      const isUserOperator = channel.isOperator(user.userId);\n      const isCurrentUserOperator = channel.isOperator(currentUser?.userId ?? UNKNOWN_USER_ID);\n\n      return (\n        <UserActionBar\n          muted={isUserMuted}\n          uri={user.profileUrl}\n          label={ifThenOr(isUserOperator, STRINGS.LABELS.USER_BAR_OPERATOR, '')}\n          name={\n            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +\n            ifThenOr(user.userId === currentUser?.userId, STRINGS.LABELS.USER_BAR_ME_POSTFIX, '')\n          }\n          disabled={user.userId === currentUser?.userId}\n          onPressActionMenu={ifThenOr(isCurrentUserOperator, () => {\n            const menuItems: ActionMenuItem['menuItems'] = [];\n\n            menuItems.push({\n              title: ifThenOr(isUserOperator, STRINGS.LABELS.UNREGISTER_OPERATOR, STRINGS.LABELS.REGISTER_AS_OPERATOR),\n              onPress: ifThenOr(\n                isUserOperator,\n                () => channel.removeOperators([user.userId]),\n                () => channel.addOperators([user.userId]),\n              ),\n            });\n\n            menuItems.push({\n              title: ifThenOr(isUserMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),\n              onPress: ifThenOr(\n                isUserMuted,\n                () => channel.unmuteUser(user),\n                () => channel.muteUser(user),\n              ),\n            });\n\n            menuItems.push({\n              title: STRINGS.LABELS.BAN,\n              style: 'destructive',\n              onPress: () => channel.banUser(user),\n            });\n\n            openMenu({ title: user.nickname || STRINGS.LABELS.USER_NO_NAME, menuItems });\n          })}\n          onPressAvatar={() => show(user)}\n        />\n      );\n    });\n\n    return (\n      <UserListModule.Provider\n        headerRight={RETURN_EMPTY_STRING}\n        headerTitle={STRINGS.OPEN_CHANNEL_PARTICIPANTS.HEADER_TITLE}\n      >\n        <UserListModule.Header onPressHeaderRight={ASYNC_NOOP} onPressHeaderLeft={onPressHeaderLeft} />\n        <StatusComposition\n          loading={loading}\n          LoadingComponent={<UserListModule.StatusLoading />}\n          error={Boolean(error)}\n          ErrorComponent={<UserListModule.StatusError onPressRetry={refresh} />}\n        >\n          <UserListModule.List\n            users={users as SendbirdParticipant[]}\n            renderUser={_renderUser}\n            onLoadNext={next}\n            ListEmptyComponent={<UserListModule.StatusEmpty />}\n          />\n        </StatusComposition>\n      </UserListModule.Provider>\n    );\n  };\n};\n\nexport default createOpenChannelParticipantsFragment;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/hooks/useMentionTextInput.js

@@ -10,7 +10,7 @@ const useMentionTextInput = params => {
     sbOptions
   } = useSendbirdChat();
   const mentionedUsersRef = useRef([]);
-  const textInputRef = useRef();
+  const textInputRef = useRef(undefined);
   const [text, setText] = useState('');
   const [selection, setSelection] = useState({
     start: 0,

package/lib/module/hooks/useMentionTextInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","useState","Platform","replace","useFreshCallback","useSendbirdChat","useMentionTextInput","params","mentionManager","sbOptions","mentionedUsersRef","textInputRef","text","setText","selection","setSelection","start","end","shouldUseMentionedMessageTemplate","messageToEdit","uikit","groupChannel","channel","enableMention","_params$messageToEdit","result","templateToTextAndMentionedUsers","mentionedMessageTemplate","mentionedUsers","current","mentionedText","_params$messageToEdit2","isUserMessage","message","onChangeText","_nextText","addedMentionedUser","prevText","nextText","offset","length","push","reconcileRangeOfMentionedUsers","filtered","lastSelection","removeMentionedUsersInSelection","Math","max","foundIndex","findIndex","it","rangeHelpers","overlaps","range","remainderLength","splice","onSelectionChange","e","nativeSelection","nativeEvent","setTimeout","mentionedUser","find","_textInputRef$current","selectionBlock","setNativeProps","OS","_textInputRef$current2"],"sources":["useMentionTextInput.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport type { NativeSyntheticEvent, TextInput, TextInputSelectionChangeEventData } from 'react-native';\nimport { Platform } from 'react-native';\n\nimport { SendbirdFileMessage, SendbirdUserMessage, replace, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { MentionedUser } from '../types';\nimport { useSendbirdChat } from './useContext';\n\n// Note: The selection change with the keyboard cursor might not work properly with RTL languages\nconst useMentionTextInput = (params: { messageToEdit?: SendbirdUserMessage | SendbirdFileMessage }) => {\n  const { mentionManager, sbOptions } = useSendbirdChat();\n\n  const mentionedUsersRef = useRef<MentionedUser[]>([]);\n  const textInputRef = useRef<TextInput>();\n\n  const [text, setText] = useState('');\n  const [selection, setSelection] = useState({ start: 0, end: 0 });\n\n  // TODO: Refactor text edit logic more clearly\n  useEffect(() => {\n    if (\n      mentionManager.shouldUseMentionedMessageTemplate(\n        params.messageToEdit,\n        sbOptions.uikit.groupChannel.channel.enableMention,\n      )\n    ) {\n      const result = mentionManager.templateToTextAndMentionedUsers(\n        params.messageToEdit && 'mentionedMessageTemplate' in params.messageToEdit\n          ? params.messageToEdit.mentionedMessageTemplate ?? ''\n          : '',\n        params.messageToEdit?.mentionedUsers ?? [],\n      );\n\n      mentionedUsersRef.current = result.mentionedUsers;\n      setText(result.mentionedText);\n    } else {\n      mentionedUsersRef.current = [];\n      if (params.messageToEdit?.isUserMessage()) {\n        setText(params.messageToEdit.message);\n      }\n    }\n  }, [params.messageToEdit]);\n\n  const onChangeText = useFreshCallback((_nextText: string, addedMentionedUser?: MentionedUser) => {\n    const prevText = text;\n    let nextText = _nextText;\n    let offset = nextText.length - prevText.length;\n\n    // Text clear\n    if (nextText === '') {\n      mentionedUsersRef.current = [];\n    }\n    // Text add\n    else if (offset > 0) {\n      /** Add mentioned user **/\n      if (addedMentionedUser) mentionedUsersRef.current.push(addedMentionedUser);\n\n      /** Reconcile mentioned users range on the right side of the selection **/\n      mentionedUsersRef.current = mentionManager.reconcileRangeOfMentionedUsers(\n        offset,\n        selection.end,\n        mentionedUsersRef.current,\n      );\n    }\n    // Text remove\n    else if (offset < 0) {\n      // Ranged remove\n      if (selection.start !== selection.end) {\n        /** Filter mentioned users in selection range **/\n        const { filtered, lastSelection } = mentionManager.removeMentionedUsersInSelection(\n          selection,\n          mentionedUsersRef.current,\n        );\n\n        /** Reconcile mentioned users range on the right side of the selection **/\n        mentionedUsersRef.current = mentionManager.reconcileRangeOfMentionedUsers(\n          offset,\n          Math.max(selection.end, lastSelection),\n          filtered,\n        );\n      }\n      // Single remove\n      else {\n        /** Find mentioned user who ranges in removed selection **/\n        const foundIndex = mentionedUsersRef.current.findIndex((it) =>\n          mentionManager.rangeHelpers.overlaps(it.range, selection, 'underMore'),\n        );\n        /** If found, remove from the mentioned user list and remove remainder text **/\n        if (foundIndex > -1) {\n          const it = mentionedUsersRef.current[foundIndex];\n          const remainderLength = it.range.end - it.range.start + offset;\n\n          offset = -remainderLength + offset;\n          nextText = replace(nextText, it.range.start, it.range.start + remainderLength, '');\n\n          mentionedUsersRef.current.splice(foundIndex, 1);\n        }\n\n        /** Reconcile mentioned users range on the right side of the selection **/\n        mentionedUsersRef.current = mentionManager.reconcileRangeOfMentionedUsers(\n          offset,\n          selection.end,\n          mentionedUsersRef.current,\n        );\n      }\n    }\n\n    setText(nextText);\n  });\n\n  return {\n    textInputRef,\n    selection,\n    onSelectionChange: useFreshCallback((e: NativeSyntheticEvent<TextInputSelectionChangeEventData>) => {\n      const nativeSelection = { ...e.nativeEvent.selection };\n\n      // NOTE: To synchronize call onSelectionChange after onChangeText called on each platform.\n      setTimeout(() => {\n        const mentionedUser = mentionedUsersRef.current.find((it) =>\n          mentionManager.rangeHelpers.overlaps(it.range, nativeSelection),\n        );\n\n        // Selection should be blocked if changed into mentioned area\n        if (mentionedUser) {\n          const selectionBlock = { start: mentionedUser.range.start, end: mentionedUser.range.end };\n          textInputRef.current?.setNativeProps({ selection: selectionBlock });\n          // BUG: setNativeProps called again when invoked onChangeText\n          //  https://github.com/facebook/react-native/issues/33520\n          if (Platform.OS === 'android') {\n            setTimeout(() => {\n              textInputRef.current?.setNativeProps({ selection: { start: 0 } });\n            }, 250);\n          }\n          setSelection(selectionBlock);\n        } else {\n          setSelection(nativeSelection);\n        }\n      }, 10);\n    }),\n    text,\n    onChangeText,\n    mentionedUsers: mentionedUsersRef.current,\n  };\n};\n\nexport default useMentionTextInput;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useEffect","useRef","useState","Platform","replace","useFreshCallback","useSendbirdChat","useMentionTextInput","params","mentionManager","sbOptions","mentionedUsersRef","textInputRef","undefined","text","setText","selection","setSelection","start","end","shouldUseMentionedMessageTemplate","messageToEdit","uikit","groupChannel","channel","enableMention","_params$messageToEdit","result","templateToTextAndMentionedUsers","mentionedMessageTemplate","mentionedUsers","current","mentionedText","_params$messageToEdit2","isUserMessage","message","onChangeText","_nextText","addedMentionedUser","prevText","nextText","offset","length","push","reconcileRangeOfMentionedUsers","filtered","lastSelection","removeMentionedUsersInSelection","Math","max","foundIndex","findIndex","it","rangeHelpers","overlaps","range","remainderLength","splice","onSelectionChange","e","nativeSelection","nativeEvent","setTimeout","mentionedUser","find","_textInputRef$current","selectionBlock","setNativeProps","OS","_textInputRef$current2"],"sources":["useMentionTextInput.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport type { NativeSyntheticEvent, TextInput, TextInputSelectionChangeEventData } from 'react-native';\nimport { Platform } from 'react-native';\n\nimport { SendbirdFileMessage, SendbirdUserMessage, replace, useFreshCallback } from '@sendbird/uikit-utils';\n\nimport type { MentionedUser } from '../types';\nimport { useSendbirdChat } from './useContext';\n\n// Note: The selection change with the keyboard cursor might not work properly with RTL languages\nconst useMentionTextInput = (params: { messageToEdit?: SendbirdUserMessage | SendbirdFileMessage }) => {\n  const { mentionManager, sbOptions } = useSendbirdChat();\n\n  const mentionedUsersRef = useRef<MentionedUser[]>([]);\n  const textInputRef = useRef<TextInput | undefined>(undefined);\n\n  const [text, setText] = useState('');\n  const [selection, setSelection] = useState({ start: 0, end: 0 });\n\n  // TODO: Refactor text edit logic more clearly\n  useEffect(() => {\n    if (\n      mentionManager.shouldUseMentionedMessageTemplate(\n        params.messageToEdit,\n        sbOptions.uikit.groupChannel.channel.enableMention,\n      )\n    ) {\n      const result = mentionManager.templateToTextAndMentionedUsers(\n        params.messageToEdit && 'mentionedMessageTemplate' in params.messageToEdit\n          ? params.messageToEdit.mentionedMessageTemplate ?? ''\n          : '',\n        params.messageToEdit?.mentionedUsers ?? [],\n      );\n\n      mentionedUsersRef.current = result.mentionedUsers;\n      setText(result.mentionedText);\n    } else {\n      mentionedUsersRef.current = [];\n      if (params.messageToEdit?.isUserMessage()) {\n        setText(params.messageToEdit.message);\n      }\n    }\n  }, [params.messageToEdit]);\n\n  const onChangeText = useFreshCallback((_nextText: string, addedMentionedUser?: MentionedUser) => {\n    const prevText = text;\n    let nextText = _nextText;\n    let offset = nextText.length - prevText.length;\n\n    // Text clear\n    if (nextText === '') {\n      mentionedUsersRef.current = [];\n    }\n    // Text add\n    else if (offset > 0) {\n      /** Add mentioned user **/\n      if (addedMentionedUser) mentionedUsersRef.current.push(addedMentionedUser);\n\n      /** Reconcile mentioned users range on the right side of the selection **/\n      mentionedUsersRef.current = mentionManager.reconcileRangeOfMentionedUsers(\n        offset,\n        selection.end,\n        mentionedUsersRef.current,\n      );\n    }\n    // Text remove\n    else if (offset < 0) {\n      // Ranged remove\n      if (selection.start !== selection.end) {\n        /** Filter mentioned users in selection range **/\n        const { filtered, lastSelection } = mentionManager.removeMentionedUsersInSelection(\n          selection,\n          mentionedUsersRef.current,\n        );\n\n        /** Reconcile mentioned users range on the right side of the selection **/\n        mentionedUsersRef.current = mentionManager.reconcileRangeOfMentionedUsers(\n          offset,\n          Math.max(selection.end, lastSelection),\n          filtered,\n        );\n      }\n      // Single remove\n      else {\n        /** Find mentioned user who ranges in removed selection **/\n        const foundIndex = mentionedUsersRef.current.findIndex((it) =>\n          mentionManager.rangeHelpers.overlaps(it.range, selection, 'underMore'),\n        );\n        /** If found, remove from the mentioned user list and remove remainder text **/\n        if (foundIndex > -1) {\n          const it = mentionedUsersRef.current[foundIndex];\n          const remainderLength = it.range.end - it.range.start + offset;\n\n          offset = -remainderLength + offset;\n          nextText = replace(nextText, it.range.start, it.range.start + remainderLength, '');\n\n          mentionedUsersRef.current.splice(foundIndex, 1);\n        }\n\n        /** Reconcile mentioned users range on the right side of the selection **/\n        mentionedUsersRef.current = mentionManager.reconcileRangeOfMentionedUsers(\n          offset,\n          selection.end,\n          mentionedUsersRef.current,\n        );\n      }\n    }\n\n    setText(nextText);\n  });\n\n  return {\n    textInputRef,\n    selection,\n    onSelectionChange: useFreshCallback((e: NativeSyntheticEvent<TextInputSelectionChangeEventData>) => {\n      const nativeSelection = { ...e.nativeEvent.selection };\n\n      // NOTE: To synchronize call onSelectionChange after onChangeText called on each platform.\n      setTimeout(() => {\n        const mentionedUser = mentionedUsersRef.current.find((it) =>\n          mentionManager.rangeHelpers.overlaps(it.range, nativeSelection),\n        );\n\n        // Selection should be blocked if changed into mentioned area\n        if (mentionedUser) {\n          const selectionBlock = { start: mentionedUser.range.start, end: mentionedUser.range.end };\n          textInputRef.current?.setNativeProps({ selection: selectionBlock });\n          // BUG: setNativeProps called again when invoked onChangeText\n          //  https://github.com/facebook/react-native/issues/33520\n          if (Platform.OS === 'android') {\n            setTimeout(() => {\n              textInputRef.current?.setNativeProps({ selection: { start: 0 } });\n            }, 250);\n          }\n          setSelection(selectionBlock);\n        } else {\n          setSelection(nativeSelection);\n        }\n      }, 10);\n    }),\n    text,\n    onChangeText,\n    mentionedUsers: mentionedUsersRef.current,\n  };\n};\n\nexport default useMentionTextInput;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/hooks/usePushTokenRegistration.js

@@ -9,7 +9,7 @@ const usePushTokenRegistration = () => {
   const {
     notificationService
   } = usePlatformService();
-  const refreshListener = useRef();
+  const refreshListener = useRef(undefined);
   const [registerToken, unregisterToken, getToken] = useIIFE(() => {
     return [Platform.select({
       ios: token => sdk.registerAPNSPushTokenForCurrentUser(token),