npm - @sendbird/uikit-react-native - Versions diffs - 2.4.0 → 2.4.2 - Mend

@sendbird/uikit-react-native 2.4.0 → 2.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (917) hide show

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

@@ -3,7 +3,6 @@ import { Animated, Easing, Pressable, ScrollView, View, useWindowDimensions } fr
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Avatar, Divider, Image, Modal, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { getReactionCount, truncatedCount } from '@sendbird/uikit-utils';
 const ReactionUserListBottomSheet = _ref => {
   let {
     visible,
@@ -51,14 +50,11 @@ const ReactionUserListBottomSheet = _ref => {
     paddingLeft: left + styles.layout.paddingHorizontal,
     paddingRight: right + styles.layout.paddingHorizontal
   };
   const focusTab = function (index) {
     let animated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     const indicatorValue = tabIndicatorValue.current[index];
     if (indicatorValue) {
       var _scrollRef$current;
       setTabIndex(index);
       animateTabIndicator(indicatorValue.x, indicatorValue.width, animated);
       (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollTo({
@@ -67,7 +63,6 @@ const ReactionUserListBottomSheet = _ref => {
       });
     }
   };
   const animateTabIndicator = function (x, width) {
     let animated = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
     const baseConfig = {
@@ -83,11 +78,9 @@ const ReactionUserListBottomSheet = _ref => {
       ...baseConfig
     })]).start();
   };
   const layoutCalculated = () => {
     return tabIndicatorValue.current.length === reactions.length && tabIndicatorValue.current.every(Boolean);
   };
   useEffect(() => {
     if (!visible) {
       tabIndicatorValue.current = [];
@@ -96,7 +89,6 @@ const ReactionUserListBottomSheet = _ref => {
       focusedWithLayoutCalculated.current = false;
     }
   }, [visible]);
   const renderTabs = () => {
     return /*#__PURE__*/React.createElement(Pressable, {
       style: styles.tabsWrapper
@@ -112,7 +104,6 @@ const ReactionUserListBottomSheet = _ref => {
         onPress: () => focusTab(index),
         onLayout: e => {
           tabIndicatorValue.current[index] = e.nativeEvent.layout;
           if (layoutCalculated()) {
             if (focusedWithLayoutCalculated.current) {
               focusTab(tabIndex, false);
@@ -139,7 +130,6 @@ const ReactionUserListBottomSheet = _ref => {
       }]
     }));
   };
   const renderPage = () => {
     return /*#__PURE__*/React.createElement(React.Fragment, null, focusedReaction === null || focusedReaction === void 0 ? void 0 : focusedReaction.userIds.map(userId => {
       if (channel !== null && channel !== void 0 && channel.isGroupChannel()) {
@@ -164,11 +154,9 @@ const ReactionUserListBottomSheet = _ref => {
           }
         }, (user === null || user === void 0 ? void 0 : user.nickname) || STRINGS.LABELS.USER_NO_NAME));
       }
       return null;
     }));
   };
   return /*#__PURE__*/React.createElement(Modal, {
     type: 'slide-no-gesture',
     visible: Boolean(visible && channel && message),
@@ -198,7 +186,6 @@ const ReactionUserListBottomSheet = _ref => {
     contentContainerStyle: containerSafeArea
   }, renderPage())));
 };
 const styles = createStyleSheet({
   layout: {
     paddingHorizontal: 16,

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

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

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

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

package/lib/module/components/ScrollToBottomButton.js CHANGED Viewed

@@ -1,7 +1,6 @@
 import React from 'react';
 import { Platform, TouchableOpacity } from 'react-native';
 import { Icon, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 const ScrollToBottomButton = _ref => {
   let {
     visible,
@@ -27,7 +26,6 @@ const ScrollToBottomButton = _ref => {
     size: 22
   }));
 };
 const styles = createStyleSheet({
   container: {
     padding: 8,

package/lib/module/components/ScrollToBottomButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Platform","TouchableOpacity","Icon","createStyleSheet","useUIKitTheme","ScrollToBottomButton","visible","onPress","palette","select","styles","container","opacity","backgroundColor","dark","background400","light","background50","padding","borderRadius","android","elevation","ios","shadowColor","shadowRadius","shadowOffset","width","height","shadowOpacity","memo"],"sources":["ScrollToBottomButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, TouchableOpacity } from 'react-native';\n\nimport { Icon, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\ntype Props = {\n visible: boolean;\n onPress: () => void;\n};\nconst ScrollToBottomButton = ({ visible, onPress }: Props) => {\n const { palette, select } = useUIKitTheme();\n return (\n <TouchableOpacity\n onPress={onPress}\n activeOpacity={0.8}\n disabled={!visible}\n style={[\n styles.container,\n {\n opacity: visible ? 1 : 0,\n backgroundColor: select({ dark: palette.background400, light: palette.background50 }),\n },\n ]}\n >\n <Icon icon={'chevron-down'} size={22} />\n </TouchableOpacity>\n );\n};\n\nconst styles = createStyleSheet({\n container: {\n padding: 8,\n borderRadius: 24,\n ...Platform.select({\n android: {\n elevation: 4,\n },\n ios: {\n shadowColor: 'black',\n shadowRadius: 4,\n shadowOffset: { width: 0, height: 4 },\n shadowOpacity: 0.3,\n },\n }),\n },\n});\n\nexport default React.memo(ScrollToBottomButton);\n"],"mappings":"AAAA,OAAOA,~~KAAP~~,~~MAAkB~~,~~OAAlB~~;~~AACA~~,SAASC,~~QAAT~~,~~EAAmBC~~,~~gBAAnB~~,~~QAA2C~~,~~cAA3C~~;~~AAEA~~,SAASC,~~IAAT~~,~~EAAeC~~,~~gBAAf~~,~~EAAiCC~~,~~aAAjC~~,~~QAAsD~~,~~yCAAtD;;AAMA~~,MAAMC,oBAAoB,~~GAAG~~,~~QAAiC~~;EAAA,IAAhC;IAAEC,~~OAAF~~;~~IAAWC~~;~~EAAX~~,~~CAAgC~~;~~EAC5D~~,MAAM;~~IAAEC~~,~~OAAF~~;~~IAAWC~~;~~EAAX~~,~~IAAsBL~~,aAAa,~~EAAzC~~;~~EACA~~,~~oBACE~~,~~oBAAC~~,~~gBAAD~~;~~IACE~~,OAAO,~~EAAEG~~,~~OADX~~;~~IAEE~~,aAAa,EAAE,~~GAFjB~~;~~IAGE~~,QAAQ,EAAE,~~CAACD~~,~~OAHb~~;~~IAIE~~,KAAK,EAAE,~~CACLI~~,MAAM,CAACC,~~SADF~~,~~EAEL~~;MACEC,OAAO,~~EAAEN~~,OAAO,GAAG,~~CAAH~~,~~GAAO~~,~~CADzB~~;~~MAEEO~~,eAAe,~~EAAEJ~~,MAAM,CAAC;~~QAAEK~~,IAAI,~~EAAEN~~,OAAO,~~CAACO~~,~~aAAhB~~;~~QAA+BC~~,KAAK,~~EAAER~~,OAAO,~~CAACS~~;~~MAA9C~~,~~CAAD~~;~~IAFzB~~,~~CAFK~~;~~EAJT~~,~~gBAYE~~,~~oBAAC~~,~~IAAD~~;~~IAAM~~,IAAI,EAAE,~~cAAZ~~;~~IAA4B~~,IAAI,EAAE;~~EAAlC~~,~~EAZF~~,~~CADF~~;~~AAgBD~~,~~CAlBD;;AAoBA~~,~~MAAMP~~,MAAM,~~GAAGP~~,gBAAgB,CAAC;~~EAC9BQ~~,SAAS,EAAE;~~IACTO~~,OAAO,EAAE,~~CADA~~;~~IAETC~~,YAAY,EAAE,~~EAFL~~;~~IAGT~~,~~GAAGnB~~,QAAQ,~~CAACS~~,~~MAAT~~,~~CAAgB~~;~~MACjBW~~,OAAO,EAAE;QACPC,SAAS,EAAE;~~MADJ~~,~~CADQ~~;~~MAIjBC~~,GAAG,EAAE;QACHC,WAAW,EAAE,~~OADV~~;~~QAEHC~~,YAAY,EAAE,~~CAFX~~;~~QAGHC~~,YAAY,EAAE;UAAEC,KAAK,EAAE,~~CAAT~~;~~UAAYC~~,MAAM,EAAE;~~QAApB~~,~~CAHX~~;~~QAIHC~~,aAAa,EAAE;~~MAJZ~~;~~IAJY~~,~~CAAhB~~;~~EAHM~~;~~AADmB~~,~~CAAD~~,~~CAA/B~~;~~AAkBA~~,~~4BAAe7B~~,KAAK,~~CAAC8B~~,~~IAAN~~,~~CAAWxB~~,~~oBAAX~~,~~CAAf~~"}
1	+ {"version":3,"names":["React","Platform","TouchableOpacity","Icon","createStyleSheet","useUIKitTheme","ScrollToBottomButton","_ref","visible","onPress","palette","select","createElement","activeOpacity","disabled","style","styles","container","opacity","backgroundColor","dark","background400","light","background50","icon","size","padding","borderRadius","android","elevation","ios","shadowColor","shadowRadius","shadowOffset","width","height","shadowOpacity","memo"],"sources":["ScrollToBottomButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, TouchableOpacity } from 'react-native';\n\nimport { Icon, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\ntype Props = {\n visible: boolean;\n onPress: () => void;\n};\nconst ScrollToBottomButton = ({ visible, onPress }: Props) => {\n const { palette, select } = useUIKitTheme();\n return (\n <TouchableOpacity\n onPress={onPress}\n activeOpacity={0.8}\n disabled={!visible}\n style={[\n styles.container,\n {\n opacity: visible ? 1 : 0,\n backgroundColor: select({ dark: palette.background400, light: palette.background50 }),\n },\n ]}\n >\n <Icon icon={'chevron-down'} size={22} />\n </TouchableOpacity>\n );\n};\n\nconst styles = createStyleSheet({\n container: {\n padding: 8,\n borderRadius: 24,\n ...Platform.select({\n android: {\n elevation: 4,\n },\n ios: {\n shadowColor: 'black',\n shadowRadius: 4,\n shadowOffset: { width: 0, height: 4 },\n shadowOpacity: 0.3,\n },\n }),\n },\n});\n\nexport default React.memo(ScrollToBottomButton);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,gBAAgB,QAAQ,cAAc;AAEzD,SAASC,IAAI,EAAEC,gBAAgB,EAAEC,aAAa,QAAQ,yCAAyC;AAM/F,MAAMC,oBAAoB,GAAGC,IAAA,IAAiC;EAAA,IAAhC;IAAEC,OAAO;IAAEC;EAAe,CAAC,GAAAF,IAAA;EACvD,MAAM;IAAEG,OAAO;IAAEC;EAAO,CAAC,GAAGN,aAAa,EAAE;EAC3C,oBACEL,KAAA,CAAAY,aAAA,CAACV,gBAAgB;IACfO,OAAO,EAAEA,OAAQ;IACjBI,aAAa,EAAE,GAAI;IACnBC,QAAQ,EAAE,CAACN,OAAQ;IACnBO,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,OAAO,EAAEV,OAAO,GAAG,CAAC,GAAG,CAAC;MACxBW,eAAe,EAAER,MAAM,CAAC;QAAES,IAAI,EAAEV,OAAO,CAACW,aAAa;QAAEC,KAAK,EAAEZ,OAAO,CAACa;MAAa,CAAC;IACtF,CAAC;EACD,gBAEFvB,KAAA,CAAAY,aAAA,CAACT,IAAI;IAACqB,IAAI,EAAE,cAAe;IAACC,IAAI,EAAE;EAAG,EAAG,CACvB;AAEvB,CAAC;AAED,MAAMT,MAAM,GAAGZ,gBAAgB,CAAC;EAC9Ba,SAAS,EAAE;IACTS,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE,EAAE;IAChB,GAAG1B,QAAQ,CAACU,MAAM,CAAC;MACjBiB,OAAO,EAAE;QACPC,SAAS,EAAE;MACb,CAAC;MACDC,GAAG,EAAE;QACHC,WAAW,EAAE,OAAO;QACpBC,YAAY,EAAE,CAAC;QACfC,YAAY,EAAE;UAAEC,KAAK,EAAE,CAAC;UAAEC,MAAM,EAAE;QAAE,CAAC;QACrCC,aAAa,EAAE;MACjB;IACF,CAAC;EACH;AACF,CAAC,CAAC;AAEF,4BAAepC,KAAK,CAACqC,IAAI,CAAC/B,oBAAoB,CAAC"}

package/lib/module/components/StatusComposition.js CHANGED Viewed

@@ -1,5 +1,4 @@
 import React from 'react';
 const StatusComposition = _ref => {
   let {
     children,
@@ -12,6 +11,5 @@ const StatusComposition = _ref => {
   if (error && ErrorComponent) return /*#__PURE__*/React.createElement(React.Fragment, null, ErrorComponent);
   return /*#__PURE__*/React.createElement(React.Fragment, null, children);
 };
 export default StatusComposition;
 //# sourceMappingURL=StatusComposition.js.map

package/lib/module/components/StatusComposition.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","StatusComposition","children","error","ErrorComponent","LoadingComponent","loading"],"sources":["StatusComposition.tsx"],"sourcesContent":["import React from 'react';\n\ntype Props = {\n loading?: boolean;\n LoadingComponent?: JSX.Element;\n error?: boolean;\n ErrorComponent?: JSX.Element;\n children: React.ReactNode;\n};\nconst StatusComposition = ({ children, error, ErrorComponent, LoadingComponent, loading }: Props) => {\n if (loading && LoadingComponent) return <>{LoadingComponent}</>;\n if (error && ErrorComponent) return <>{ErrorComponent}</>;\n return <>{children}</>;\n};\n\nexport default StatusComposition;\n"],"mappings":"AAAA,OAAOA,~~KAAP~~,~~MAAkB~~,~~OAAlB;;AASA~~,MAAMC,iBAAiB,~~GAAG~~,~~QAA2E~~;EAAA,IAA1E;IAAEC,~~QAAF~~;~~IAAYC~~,~~KAAZ~~;~~IAAmBC~~,~~cAAnB~~;~~IAAmCC~~,~~gBAAnC~~;~~IAAqDC~~;~~EAArD~~,~~CAA0E~~;~~EACnG~~,~~IAAIA~~,OAAO,IAAID,~~gBAAf~~,~~EAAiC~~,~~oBAAO~~,~~0CAAGA~~,~~gBAAH~~,~~CAAP~~;~~EACjC~~,IAAIF,KAAK,IAAIC,~~cAAb~~,~~EAA6B~~,~~oBAAO~~,~~0CAAGA~~,~~cAAH~~,~~CAAP~~;~~EAC7B~~,~~oBAAO~~,~~0CAAGF~~,~~QAAH~~,~~CAAP~~;~~AACD~~,~~CAJD;;AAMA~~,~~eAAeD~~,~~iBAAf~~"}
1	+ {"version":3,"names":["React","StatusComposition","_ref","children","error","ErrorComponent","LoadingComponent","loading","createElement","Fragment"],"sources":["StatusComposition.tsx"],"sourcesContent":["import React from 'react';\n\ntype Props = {\n loading?: boolean;\n LoadingComponent?: JSX.Element;\n error?: boolean;\n ErrorComponent?: JSX.Element;\n children: React.ReactNode;\n};\nconst StatusComposition = ({ children, error, ErrorComponent, LoadingComponent, loading }: Props) => {\n if (loading && LoadingComponent) return <>{LoadingComponent}</>;\n if (error && ErrorComponent) return <>{ErrorComponent}</>;\n return <>{children}</>;\n};\n\nexport default StatusComposition;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AASzB,MAAMC,iBAAiB,GAAGC,IAAA,IAA2E;EAAA,IAA1E;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,cAAc;IAAEC,gBAAgB;IAAEC;EAAe,CAAC,GAAAL,IAAA;EAC9F,IAAIK,OAAO,IAAID,gBAAgB,EAAE,oBAAON,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,QAAGH,gBAAgB,CAAI;EAC/D,IAAIF,KAAK,IAAIC,cAAc,EAAE,oBAAOL,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,QAAGJ,cAAc,CAAI;EACzD,oBAAOL,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,QAAGN,QAAQ,CAAI;AACxB,CAAC;AAED,eAAeF,iBAAiB"}

package/lib/module/components/TypedPlaceholder.js CHANGED Viewed

@@ -1,7 +1,6 @@
 import React from 'react';
 import { Placeholder } from '@sendbird/uikit-react-native-foundation';
 import { useLocalization } from '../hooks/useContext';
 const TypedPlaceholder = _ref => {
   let {
     type,
@@ -10,50 +9,42 @@ const TypedPlaceholder = _ref => {
   const {
     STRINGS
   } = useLocalization();
   switch (type) {
     case 'no-banned-users':
       return /*#__PURE__*/React.createElement(Placeholder, {
         icon: 'ban',
         message: STRINGS.PLACEHOLDER.NO_BANNED_USERS
       });
     case 'no-channels':
       return /*#__PURE__*/React.createElement(Placeholder, {
         icon: 'chat',
         message: STRINGS.PLACEHOLDER.NO_CHANNELS
       });
     case 'no-messages':
       return /*#__PURE__*/React.createElement(Placeholder, {
         icon: 'message',
         message: STRINGS.PLACEHOLDER.NO_MESSAGES
       });
     case 'no-muted-members':
       return /*#__PURE__*/React.createElement(Placeholder, {
         icon: 'mute',
         message: STRINGS.PLACEHOLDER.NO_MUTED_MEMBERS
       });
     case 'no-muted-participants':
       return /*#__PURE__*/React.createElement(Placeholder, {
         icon: 'mute',
         message: STRINGS.PLACEHOLDER.NO_MUTED_PARTICIPANTS
       });
     case 'no-results-found':
       return /*#__PURE__*/React.createElement(Placeholder, {
         icon: 'search',
         message: STRINGS.PLACEHOLDER.NO_RESULTS_FOUND
       });
     case 'no-users':
       return /*#__PURE__*/React.createElement(Placeholder, {
         icon: 'members',
         message: STRINGS.PLACEHOLDER.NO_USERS
       });
     case 'error-wrong':
       return /*#__PURE__*/React.createElement(Placeholder, {
         icon: 'error',
@@ -61,7 +52,6 @@ const TypedPlaceholder = _ref => {
         errorRetryLabel: STRINGS.PLACEHOLDER.ERROR.RETRY_LABEL,
         onPressRetry: onPressRetry
       });
     case 'loading':
       return /*#__PURE__*/React.createElement(Placeholder, {
         loading: true,
@@ -69,6 +59,5 @@ const TypedPlaceholder = _ref => {
       });
   }
 };
 export default TypedPlaceholder;
 //# sourceMappingURL=TypedPlaceholder.js.map

package/lib/module/components/TypedPlaceholder.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Placeholder","useLocalization","TypedPlaceholder","type","onPressRetry","STRINGS","PLACEHOLDER","NO_BANNED_USERS","NO_CHANNELS","NO_MESSAGES","NO_MUTED_MEMBERS","NO_MUTED_PARTICIPANTS","NO_RESULTS_FOUND","NO_USERS","ERROR","MESSAGE","RETRY_LABEL"],"sources":["TypedPlaceholder.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Placeholder } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization } from '../hooks/useContext';\n\ntype Props = {\n type:\n \| 'no-muted-members'\n \| 'no-muted-participants'\n \| 'no-banned-users'\n \| 'no-channels'\n \| 'no-messages'\n \| 'no-users'\n \| 'no-results-found'\n \| 'error-wrong'\n \| 'loading';\n onPressRetry?: () => void;\n};\nconst TypedPlaceholder = ({ type, onPressRetry }: Props) => {\n const { STRINGS } = useLocalization();\n switch (type) {\n case 'no-banned-users':\n return <Placeholder icon={'ban'} message={STRINGS.PLACEHOLDER.NO_BANNED_USERS} />;\n case 'no-channels':\n return <Placeholder icon={'chat'} message={STRINGS.PLACEHOLDER.NO_CHANNELS} />;\n case 'no-messages':\n return <Placeholder icon={'message'} message={STRINGS.PLACEHOLDER.NO_MESSAGES} />;\n case 'no-muted-members':\n return <Placeholder icon={'mute'} message={STRINGS.PLACEHOLDER.NO_MUTED_MEMBERS} />;\n case 'no-muted-participants':\n return <Placeholder icon={'mute'} message={STRINGS.PLACEHOLDER.NO_MUTED_PARTICIPANTS} />;\n case 'no-results-found':\n return <Placeholder icon={'search'} message={STRINGS.PLACEHOLDER.NO_RESULTS_FOUND} />;\n case 'no-users':\n return <Placeholder icon={'members'} message={STRINGS.PLACEHOLDER.NO_USERS} />;\n case 'error-wrong':\n return (\n <Placeholder\n icon={'error'}\n message={STRINGS.PLACEHOLDER.ERROR.MESSAGE}\n errorRetryLabel={STRINGS.PLACEHOLDER.ERROR.RETRY_LABEL}\n onPressRetry={onPressRetry}\n />\n );\n case 'loading':\n return <Placeholder loading icon={'spinner'} />;\n }\n};\n\nexport default TypedPlaceholder;\n"],"mappings":"AAAA,OAAOA,~~KAAP~~,~~MAAkB~~,~~OAAlB~~;~~AAEA~~,SAASC,~~WAAT~~,~~QAA4B~~,~~yCAA5B~~;~~AAEA~~,SAASC,~~eAAT~~,~~QAAgC~~,~~qBAAhC;;AAeA~~,MAAMC,gBAAgB,~~GAAG~~,~~QAAmC~~;EAAA,IAAlC;IAAEC,~~IAAF~~;~~IAAQC~~;~~EAAR~~,~~CAAkC~~;~~EAC1D~~,MAAM;~~IAAEC~~;~~EAAF~~,~~IAAcJ~~,eAAe,~~EAAnC;;EACA~~,~~QAAQE~~,~~IAAR~~;~~IACE~~,KAAK,~~iBAAL~~;~~MACE~~,~~oBAAO~~,~~oBAAC~~,~~WAAD~~;~~QAAa~~,IAAI,EAAE,~~KAAnB~~;~~QAA0B~~,OAAO,~~EAAEE~~,OAAO,~~CAACC~~,~~WAAR~~,~~CAAoBC~~;~~MAAvD~~,~~EAAP;;IACF~~,KAAK,~~aAAL~~;~~MACE~~,~~oBAAO~~,~~oBAAC~~,~~WAAD~~;~~QAAa~~,IAAI,EAAE,~~MAAnB~~;~~QAA2B~~,OAAO,~~EAAEF~~,OAAO,~~CAACC~~,~~WAAR~~,~~CAAoBE~~;~~MAAxD~~,~~EAAP;;IACF~~,KAAK,~~aAAL~~;~~MACE~~,~~oBAAO~~,~~oBAAC~~,~~WAAD~~;~~QAAa~~,IAAI,EAAE,~~SAAnB~~;~~QAA8B~~,OAAO,EAAEH,OAAO,~~CAACC~~,~~WAAR~~,~~CAAoBG~~;~~MAA3D~~,~~EAAP;;IACF~~,KAAK,~~kBAAL~~;~~MACE~~,~~oBAAO~~,~~oBAAC~~,~~WAAD~~;~~QAAa~~,IAAI,EAAE,~~MAAnB~~;~~QAA2B~~,OAAO,~~EAAEJ~~,OAAO,~~CAACC~~,~~WAAR~~,~~CAAoBI~~;~~MAAxD~~,~~EAAP;;IACF~~,KAAK,~~uBAAL~~;~~MACE~~,~~oBAAO~~,~~oBAAC~~,~~WAAD~~;~~QAAa~~,IAAI,EAAE,~~MAAnB~~;~~QAA2B~~,OAAO,~~EAAEL~~,OAAO,~~CAACC~~,~~WAAR~~,~~CAAoBK~~;~~MAAxD~~,~~EAAP;;IACF~~,KAAK,~~kBAAL~~;~~MACE~~,~~oBAAO~~,~~oBAAC~~,~~WAAD~~;~~QAAa~~,IAAI,EAAE,~~QAAnB~~;~~QAA6B~~,OAAO,~~EAAEN~~,OAAO,~~CAACC~~,~~WAAR~~,~~CAAoBM~~;~~MAA1D~~,~~EAAP;;IACF~~,KAAK,~~UAAL~~;~~MACE~~,~~oBAAO~~,~~oBAAC~~,~~WAAD~~;~~QAAa~~,IAAI,EAAE,~~SAAnB~~;~~QAA8B~~,OAAO,~~EAAEP~~,OAAO,~~CAACC~~,~~WAAR~~,~~CAAoBO~~;~~MAA3D~~,~~EAAP;;IACF~~,KAAK,~~aAAL~~;~~MACE~~,~~oBACE~~,~~oBAAC~~,~~WAAD~~;~~QACE~~,IAAI,EAAE,~~OADR~~;~~QAEE~~,OAAO,~~EAAER~~,OAAO,~~CAACC~~,~~WAAR~~,~~CAAoBQ~~,~~KAApB~~,~~CAA0BC~~,~~OAFrC~~;~~QAGE~~,eAAe,~~EAAEV~~,OAAO,~~CAACC~~,~~WAAR~~,~~CAAoBQ~~,~~KAApB~~,~~CAA0BE~~,~~WAH7C~~;~~QAIE~~,YAAY,~~EAAEZ~~;~~MAJhB~~,~~EADF;;IAQF~~,KAAK,~~SAAL~~;~~MACE~~,~~oBAAO~~,~~oBAAC~~,~~WAAD~~;~~QAAa~~,OAAO~~,MAApB~~;~~QAAqB~~,IAAI,EAAE;~~MAA3B~~,~~EAAP~~;~~EAzBJ~~;~~AA2BD~~,~~CA7BD;;AA+BA~~,~~eAAeF~~,~~gBAAf~~"}
1	+ {"version":3,"names":["React","Placeholder","useLocalization","TypedPlaceholder","_ref","type","onPressRetry","STRINGS","createElement","icon","message","PLACEHOLDER","NO_BANNED_USERS","NO_CHANNELS","NO_MESSAGES","NO_MUTED_MEMBERS","NO_MUTED_PARTICIPANTS","NO_RESULTS_FOUND","NO_USERS","ERROR","MESSAGE","errorRetryLabel","RETRY_LABEL","loading"],"sources":["TypedPlaceholder.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Placeholder } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization } from '../hooks/useContext';\n\ntype Props = {\n type:\n \| 'no-muted-members'\n \| 'no-muted-participants'\n \| 'no-banned-users'\n \| 'no-channels'\n \| 'no-messages'\n \| 'no-users'\n \| 'no-results-found'\n \| 'error-wrong'\n \| 'loading';\n onPressRetry?: () => void;\n};\nconst TypedPlaceholder = ({ type, onPressRetry }: Props) => {\n const { STRINGS } = useLocalization();\n switch (type) {\n case 'no-banned-users':\n return <Placeholder icon={'ban'} message={STRINGS.PLACEHOLDER.NO_BANNED_USERS} />;\n case 'no-channels':\n return <Placeholder icon={'chat'} message={STRINGS.PLACEHOLDER.NO_CHANNELS} />;\n case 'no-messages':\n return <Placeholder icon={'message'} message={STRINGS.PLACEHOLDER.NO_MESSAGES} />;\n case 'no-muted-members':\n return <Placeholder icon={'mute'} message={STRINGS.PLACEHOLDER.NO_MUTED_MEMBERS} />;\n case 'no-muted-participants':\n return <Placeholder icon={'mute'} message={STRINGS.PLACEHOLDER.NO_MUTED_PARTICIPANTS} />;\n case 'no-results-found':\n return <Placeholder icon={'search'} message={STRINGS.PLACEHOLDER.NO_RESULTS_FOUND} />;\n case 'no-users':\n return <Placeholder icon={'members'} message={STRINGS.PLACEHOLDER.NO_USERS} />;\n case 'error-wrong':\n return (\n <Placeholder\n icon={'error'}\n message={STRINGS.PLACEHOLDER.ERROR.MESSAGE}\n errorRetryLabel={STRINGS.PLACEHOLDER.ERROR.RETRY_LABEL}\n onPressRetry={onPressRetry}\n />\n );\n case 'loading':\n return <Placeholder loading icon={'spinner'} />;\n }\n};\n\nexport default TypedPlaceholder;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,WAAW,QAAQ,yCAAyC;AAErE,SAASC,eAAe,QAAQ,qBAAqB;AAerD,MAAMC,gBAAgB,GAAGC,IAAA,IAAmC;EAAA,IAAlC;IAAEC,IAAI;IAAEC;EAAoB,CAAC,GAAAF,IAAA;EACrD,MAAM;IAAEG;EAAQ,CAAC,GAAGL,eAAe,EAAE;EACrC,QAAQG,IAAI;IACV,KAAK,iBAAiB;MACpB,oBAAOL,KAAA,CAAAQ,aAAA,CAACP,WAAW;QAACQ,IAAI,EAAE,KAAM;QAACC,OAAO,EAAEH,OAAO,CAACI,WAAW,CAACC;MAAgB,EAAG;IACnF,KAAK,aAAa;MAChB,oBAAOZ,KAAA,CAAAQ,aAAA,CAACP,WAAW;QAACQ,IAAI,EAAE,MAAO;QAACC,OAAO,EAAEH,OAAO,CAACI,WAAW,CAACE;MAAY,EAAG;IAChF,KAAK,aAAa;MAChB,oBAAOb,KAAA,CAAAQ,aAAA,CAACP,WAAW;QAACQ,IAAI,EAAE,SAAU;QAACC,OAAO,EAAEH,OAAO,CAACI,WAAW,CAACG;MAAY,EAAG;IACnF,KAAK,kBAAkB;MACrB,oBAAOd,KAAA,CAAAQ,aAAA,CAACP,WAAW;QAACQ,IAAI,EAAE,MAAO;QAACC,OAAO,EAAEH,OAAO,CAACI,WAAW,CAACI;MAAiB,EAAG;IACrF,KAAK,uBAAuB;MAC1B,oBAAOf,KAAA,CAAAQ,aAAA,CAACP,WAAW;QAACQ,IAAI,EAAE,MAAO;QAACC,OAAO,EAAEH,OAAO,CAACI,WAAW,CAACK;MAAsB,EAAG;IAC1F,KAAK,kBAAkB;MACrB,oBAAOhB,KAAA,CAAAQ,aAAA,CAACP,WAAW;QAACQ,IAAI,EAAE,QAAS;QAACC,OAAO,EAAEH,OAAO,CAACI,WAAW,CAACM;MAAiB,EAAG;IACvF,KAAK,UAAU;MACb,oBAAOjB,KAAA,CAAAQ,aAAA,CAACP,WAAW;QAACQ,IAAI,EAAE,SAAU;QAACC,OAAO,EAAEH,OAAO,CAACI,WAAW,CAACO;MAAS,EAAG;IAChF,KAAK,aAAa;MAChB,oBACElB,KAAA,CAAAQ,aAAA,CAACP,WAAW;QACVQ,IAAI,EAAE,OAAQ;QACdC,OAAO,EAAEH,OAAO,CAACI,WAAW,CAACQ,KAAK,CAACC,OAAQ;QAC3CC,eAAe,EAAEd,OAAO,CAACI,WAAW,CAACQ,KAAK,CAACG,WAAY;QACvDhB,YAAY,EAAEA;MAAa,EAC3B;IAEN,KAAK,SAAS;MACZ,oBAAON,KAAA,CAAAQ,aAAA,CAACP,WAAW;QAACsB,OAAO;QAACd,IAAI,EAAE;MAAU,EAAG;EAAC;AAEtD,CAAC;AAED,eAAeN,gBAAgB"}

package/lib/module/components/UserActionBar.js CHANGED Viewed

@@ -2,7 +2,6 @@ import React from 'react';
 import { Pressable, TouchableOpacity, View } from 'react-native';
 import { Avatar, Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { conditionChaining } from '@sendbird/uikit-utils';
 const UserActionBar = _ref => {
   let {
     muted,
@@ -49,7 +48,6 @@ const UserActionBar = _ref => {
     containerStyle: styles.iconContainer
   }))));
 };
 const styles = createStyleSheet({
   container: {
     flexDirection: 'row',

package/lib/module/components/UserActionBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Pressable","TouchableOpacity","View","Avatar","Icon","Text","createStyleSheet","useUIKitTheme","conditionChaining","UserActionBar","muted","uri","name","disabled","label","onPressActionMenu","onPressAvatar","colors","iconColor","onBackground04","onBackground01","styles","container","avatar","infoContainer","borderBottomColor","Boolean","onBackground02","iconContainer","flexDirection","alignItems","width","height","marginLeft","marginRight","flex","paddingRight","borderBottomWidth","padding"],"sources":["UserActionBar.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, TouchableOpacity, View } from 'react-native';\nimport type { GestureResponderEvent } from 'react-native';\n\nimport { Avatar, Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\ntype Props = {\n uri: string;\n name: string;\n label?: string;\n\n muted: boolean;\n disabled: boolean;\n\n onPressActionMenu?: (ev: GestureResponderEvent) => void;\n onPressAvatar?: (ev: GestureResponderEvent) => void;\n};\nconst UserActionBar = ({ muted, uri, name, disabled, label, onPressActionMenu, onPressAvatar }: Props) => {\n const { colors } = useUIKitTheme();\n\n const iconColor = conditionChaining([disabled], [colors.onBackground04, colors.onBackground01]);\n\n return (\n <View style={styles.container}>\n <Pressable onPress={onPressAvatar} style={styles.avatar}>\n <Avatar muted={muted} size={36} uri={uri} />\n </Pressable>\n <View style={[styles.infoContainer, { borderBottomColor: colors.onBackground04 }]}>\n <Text subtitle2 numberOfLines={1} style={styles.name} color={colors.onBackground01}>\n {name}\n </Text>\n {Boolean(label) && (\n <Text body2 color={colors.onBackground02} style={styles.label}>\n {label}\n </Text>\n )}\n {Boolean(onPressActionMenu) && (\n <TouchableOpacity onPress={onPressActionMenu} disabled={disabled}>\n <Icon color={iconColor} size={24} icon={'more'} containerStyle={styles.iconContainer} />\n </TouchableOpacity>\n )}\n </View>\n </View>\n );\n};\n\nconst styles = createStyleSheet({\n container: {\n flexDirection: 'row',\n alignItems: 'center',\n width: '100%',\n height: 56,\n },\n avatar: {\n marginLeft: 16,\n marginRight: 16,\n },\n label: {\n marginRight: 4,\n },\n infoContainer: {\n height: '100%',\n flex: 1,\n alignItems: 'center',\n flexDirection: 'row',\n paddingRight: 12,\n borderBottomWidth: 1,\n },\n iconContainer: {\n padding: 4,\n },\n name: {\n flex: 1,\n marginRight: 8,\n },\n});\n\nexport default UserActionBar;\n"],"mappings":"AAAA,OAAOA,~~KAAP~~,~~MAAkB~~,~~OAAlB~~;~~AACA~~,SAASC,~~SAAT~~,~~EAAoBC~~,~~gBAApB~~,~~EAAsCC~~,~~IAAtC~~,~~QAAkD~~,~~cAAlD~~;~~AAGA~~,SAASC,~~MAAT~~,~~EAAiBC~~,~~IAAjB~~,~~EAAuBC~~,~~IAAvB~~,~~EAA6BC~~,~~gBAA7B~~,~~EAA+CC~~,~~aAA/C~~,~~QAAoE~~,~~yCAApE~~;~~AACA~~,SAASC,~~iBAAT~~,~~QAAkC~~,~~uBAAlC;;AAaA~~,MAAMC,aAAa,~~GAAG~~,~~QAAoF~~;EAAA,IAAnF;IAAEC,~~KAAF~~;~~IAASC~~,~~GAAT~~;~~IAAcC~~,~~IAAd~~;~~IAAoBC~~,~~QAApB~~;~~IAA8BC~~,~~KAA9B~~;~~IAAqCC~~,~~iBAArC~~;~~IAAwDC~~;~~EAAxD~~,~~CAAmF~~;~~EACxG~~,MAAM;~~IAAEC~~;~~EAAF~~,~~IAAaV~~,aAAa,~~EAAhC~~;~~EAEA~~,~~MAAMW~~,SAAS,~~GAAGV~~,iBAAiB,CAAC,~~CAACK~~,~~QAAD~~,~~CAAD~~,~~EAAa~~,CAACI,MAAM,CAACE,~~cAAR~~,~~EAAwBF~~,MAAM,CAACG,~~cAA/B~~,~~CAAb~~,~~CAAnC~~;~~EAEA~~,~~oBACE~~,~~oBAAC~~,~~IAAD~~;~~IAAM~~,KAAK,EAAEC,MAAM,CAACC;~~EAApB~~,~~gBACE~~,~~oBAAC~~,~~SAAD~~;~~IAAW~~,OAAO,~~EAAEN~~,~~aAApB~~;~~IAAmC~~,KAAK,~~EAAEK~~,MAAM,~~CAACE~~;~~EAAjD~~,~~gBACE~~,~~oBAAC~~,~~MAAD~~;~~IAAQ~~,KAAK,~~EAAEb~~,~~KAAf~~;~~IAAsB~~,IAAI,EAAE,~~EAA5B~~;~~IAAgC~~,GAAG,~~EAAEC~~;~~EAArC~~,~~EADF~~,~~CADF~~,~~eAIE~~,~~oBAAC~~,~~IAAD~~;~~IAAM~~,KAAK,EAAE,~~CAACU~~,MAAM,~~CAACG~~,~~aAAR~~,~~EAAuB~~;MAAEC,iBAAiB,~~EAAER~~,MAAM,CAACE;~~IAA5B~~,~~CAAvB~~;~~EAAb~~,~~gBACE~~,~~oBAAC~~,~~IAAD~~;~~IAAM~~,SAAS~~,MAAf~~;~~IAAgB~~,aAAa,EAAE,~~CAA/B~~;~~IAAkC~~,KAAK,~~EAAEE~~,MAAM,~~CAACT~~,~~IAAhD~~;~~IAAsD~~,KAAK,~~EAAEK~~,MAAM,CAACG;~~EAApE~~,~~GACGR~~,~~IADH~~,~~CADF~~,~~EAIGc~~,OAAO,~~CAACZ~~,~~KAAD~~,~~CAAP~~,~~iBACC~~,~~oBAAC~~,~~IAAD~~;~~IAAM~~,KAAK~~,MAAX~~;~~IAAY~~,KAAK,~~EAAEG~~,MAAM,~~CAACU~~,~~cAA1B~~;~~IAA0C~~,KAAK,~~EAAEN~~,MAAM,~~CAACP~~;~~EAAxD~~,~~GACGA~~,~~KADH~~,~~CALJ~~,~~EASGY~~,OAAO,~~CAACX~~,~~iBAAD~~,~~CAAP~~,~~iBACC~~,~~oBAAC~~,~~gBAAD~~;~~IAAkB~~,OAAO,~~EAAEA~~,~~iBAA3B~~;~~IAA8C~~,QAAQ,~~EAAEF~~;~~EAAxD~~,~~gBACE~~,~~oBAAC~~,~~IAAD~~;~~IAAM~~,KAAK,~~EAAEK~~,~~SAAb~~;~~IAAwB~~,IAAI,EAAE,~~EAA9B~~;~~IAAkC~~,IAAI,EAAE,~~MAAxC~~;~~IAAgD~~,cAAc,~~EAAEG~~,MAAM,~~CAACO~~;~~EAAvE~~,~~EADF~~,~~CAVJ~~,~~CAJF~~,~~CADF~~;~~AAsBD~~,~~CA3BD;;AA6BA~~,~~MAAMP~~,MAAM,~~GAAGf~~,gBAAgB,CAAC;~~EAC9BgB~~,SAAS,EAAE;~~IACTO~~,aAAa,EAAE,~~KADN~~;~~IAETC~~,UAAU,EAAE,~~QAFH~~;~~IAGTC~~,KAAK,EAAE,~~MAHE~~;~~IAITC~~,MAAM,EAAE;~~EAJC~~,~~CADmB~~;~~EAO9BT~~,MAAM,EAAE;~~IACNU~~,UAAU,EAAE,~~EADN~~;~~IAENC~~,WAAW,EAAE;~~EAFP~~,~~CAPsB~~;~~EAW9BpB~~,KAAK,EAAE;~~IACLoB~~,WAAW,EAAE;~~EADR~~,~~CAXuB~~;~~EAc9BV~~,aAAa,EAAE;~~IACbQ~~,MAAM,EAAE,~~MADK~~;~~IAEbG~~,IAAI,EAAE,~~CAFO~~;~~IAGbL~~,UAAU,EAAE,~~QAHC~~;~~IAIbD~~,aAAa,EAAE,~~KAJF~~;~~IAKbO~~,YAAY,EAAE,~~EALD~~;~~IAMbC~~,iBAAiB,EAAE;~~EANN~~,~~CAde~~;~~EAsB9BT~~,aAAa,EAAE;IACbU,OAAO,EAAE;~~EADI~~,~~CAtBe~~;~~EAyB9B1B~~,IAAI,EAAE;~~IACJuB~~,IAAI,EAAE,~~CADF~~;~~IAEJD~~,WAAW,EAAE;~~EAFT~~;~~AAzBwB~~,~~CAAD~~,~~CAA/B~~;~~AA+BA~~,~~eAAezB~~,~~aAAf~~"}
1	+ {"version":3,"names":["React","Pressable","TouchableOpacity","View","Avatar","Icon","Text","createStyleSheet","useUIKitTheme","conditionChaining","UserActionBar","_ref","muted","uri","name","disabled","label","onPressActionMenu","onPressAvatar","colors","iconColor","onBackground04","onBackground01","createElement","style","styles","container","onPress","avatar","size","infoContainer","borderBottomColor","subtitle2","numberOfLines","color","Boolean","body2","onBackground02","icon","containerStyle","iconContainer","flexDirection","alignItems","width","height","marginLeft","marginRight","flex","paddingRight","borderBottomWidth","padding"],"sources":["UserActionBar.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, TouchableOpacity, View } from 'react-native';\nimport type { GestureResponderEvent } from 'react-native';\n\nimport { Avatar, Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\ntype Props = {\n uri: string;\n name: string;\n label?: string;\n\n muted: boolean;\n disabled: boolean;\n\n onPressActionMenu?: (ev: GestureResponderEvent) => void;\n onPressAvatar?: (ev: GestureResponderEvent) => void;\n};\nconst UserActionBar = ({ muted, uri, name, disabled, label, onPressActionMenu, onPressAvatar }: Props) => {\n const { colors } = useUIKitTheme();\n\n const iconColor = conditionChaining([disabled], [colors.onBackground04, colors.onBackground01]);\n\n return (\n <View style={styles.container}>\n <Pressable onPress={onPressAvatar} style={styles.avatar}>\n <Avatar muted={muted} size={36} uri={uri} />\n </Pressable>\n <View style={[styles.infoContainer, { borderBottomColor: colors.onBackground04 }]}>\n <Text subtitle2 numberOfLines={1} style={styles.name} color={colors.onBackground01}>\n {name}\n </Text>\n {Boolean(label) && (\n <Text body2 color={colors.onBackground02} style={styles.label}>\n {label}\n </Text>\n )}\n {Boolean(onPressActionMenu) && (\n <TouchableOpacity onPress={onPressActionMenu} disabled={disabled}>\n <Icon color={iconColor} size={24} icon={'more'} containerStyle={styles.iconContainer} />\n </TouchableOpacity>\n )}\n </View>\n </View>\n );\n};\n\nconst styles = createStyleSheet({\n container: {\n flexDirection: 'row',\n alignItems: 'center',\n width: '100%',\n height: 56,\n },\n avatar: {\n marginLeft: 16,\n marginRight: 16,\n },\n label: {\n marginRight: 4,\n },\n infoContainer: {\n height: '100%',\n flex: 1,\n alignItems: 'center',\n flexDirection: 'row',\n paddingRight: 12,\n borderBottomWidth: 1,\n },\n iconContainer: {\n padding: 4,\n },\n name: {\n flex: 1,\n marginRight: 8,\n },\n});\n\nexport default UserActionBar;\n"],"mappings":"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"}

package/lib/module/components/UserSelectableBar.js CHANGED Viewed

@@ -2,7 +2,6 @@ import React from 'react';
 import { View } from 'react-native';
 import { Avatar, Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
 import { conditionChaining } from '@sendbird/uikit-utils';
 const UserSelectableBar = _ref => {
   let {
     uri,
@@ -35,7 +34,6 @@ const UserSelectableBar = _ref => {
     icon: selected ? 'checkbox-on' : 'checkbox-off'
   })));
 };
 const styles = createStyleSheet({
   container: {
     flexDirection: 'row',

package/lib/module/components/UserSelectableBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","View","Avatar","Icon","Text","createStyleSheet","useUIKitTheme","conditionChaining","UserSelectableBar","uri","name","selected","disabled","colors","iconColor","onBackground04","primary","onBackground03","styles","container","avatar","infoContainer","borderBottomColor","onBackground01","flexDirection","alignItems","width","height","paddingHorizontal","marginRight","flex","borderBottomWidth"],"sources":["UserSelectableBar.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { Avatar, Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\ntype Props = {\n uri: string;\n name: string;\n selected: boolean;\n disabled: boolean;\n};\nconst UserSelectableBar = ({ uri, name, selected, disabled }: Props) => {\n const { colors } = useUIKitTheme();\n\n const iconColor = conditionChaining(\n [disabled, selected],\n [colors.onBackground04, colors.primary, colors.onBackground03],\n );\n\n return (\n <View style={styles.container}>\n <Avatar size={36} uri={uri} containerStyle={styles.avatar} />\n <View style={[styles.infoContainer, { borderBottomColor: colors.onBackground04 }]}>\n <Text subtitle2 numberOfLines={1} style={styles.name} color={colors.onBackground01}>\n {name}\n </Text>\n <Icon color={iconColor} size={24} icon={selected ? 'checkbox-on' : 'checkbox-off'} />\n </View>\n </View>\n );\n};\n\nconst styles = createStyleSheet({\n container: {\n flexDirection: 'row',\n alignItems: 'center',\n width: '100%',\n height: 56,\n paddingHorizontal: 16,\n },\n avatar: {\n marginRight: 16,\n },\n infoContainer: {\n height: '100%',\n flex: 1,\n alignItems: 'center',\n flexDirection: 'row',\n borderBottomWidth: 1,\n },\n name: {\n flex: 1,\n marginRight: 8,\n },\n});\n\nexport default UserSelectableBar;\n"],"mappings":"AAAA,OAAOA,~~KAAP~~,~~MAAkB~~,~~OAAlB~~;~~AACA~~,SAASC,~~IAAT~~,~~QAAqB~~,~~cAArB~~;~~AAEA~~,SAASC,~~MAAT~~,~~EAAiBC~~,~~IAAjB~~,~~EAAuBC~~,~~IAAvB~~,~~EAA6BC~~,~~gBAA7B~~,~~EAA+CC~~,~~aAA/C~~,~~QAAoE~~,~~yCAApE~~;~~AACA~~,SAASC,~~iBAAT~~,~~QAAkC~~,~~uBAAlC;;AAQA~~,MAAMC,iBAAiB,~~GAAG~~,~~QAA8C~~;EAAA,IAA7C;IAAEC,~~GAAF~~;~~IAAOC~~,~~IAAP~~;~~IAAaC~~,~~QAAb~~;~~IAAuBC~~;~~EAAvB~~,~~CAA6C~~;~~EACtE~~,MAAM;~~IAAEC~~;~~EAAF~~,~~IAAaP~~,aAAa,~~EAAhC~~;~~EAEA~~,~~MAAMQ~~,SAAS,~~GAAGP~~,iBAAiB,CACjC,~~CAACK~~,~~QAAD~~,~~EAAWD~~,~~QAAX~~,~~CADiC~~,~~EAEjC~~,CAACE,MAAM,CAACE,~~cAAR~~,~~EAAwBF~~,MAAM,CAACG,~~OAA/B~~,~~EAAwCH~~,MAAM,CAACI,~~cAA/C~~,~~CAFiC~~,~~CAAnC~~;~~EAKA~~,~~oBACE~~,~~oBAAC~~,~~IAAD~~;~~IAAM~~,KAAK,EAAEC,MAAM,CAACC;~~EAApB~~,~~gBACE~~,~~oBAAC~~,~~MAAD~~;~~IAAQ~~,IAAI,EAAE,~~EAAd~~;~~IAAkB~~,GAAG,~~EAAEV~~,~~GAAvB~~;~~IAA4B~~,cAAc,~~EAAES~~,MAAM,~~CAACE~~;~~EAAnD~~,~~EADF~~,~~eAEE~~,~~oBAAC~~,~~IAAD~~;~~IAAM~~,KAAK,EAAE,~~CAACF~~,MAAM,~~CAACG~~,~~aAAR~~,~~EAAuB~~;MAAEC,iBAAiB,~~EAAET~~,MAAM,CAACE;~~IAA5B~~,~~CAAvB~~;~~EAAb~~,~~gBACE~~,~~oBAAC~~,~~IAAD~~;~~IAAM~~,SAAS~~,MAAf~~;~~IAAgB~~,aAAa,EAAE,~~CAA/B~~;~~IAAkC~~,KAAK,~~EAAEG~~,MAAM,~~CAACR~~,~~IAAhD~~;~~IAAsD~~,KAAK,~~EAAEG~~,MAAM,~~CAACU~~;~~EAApE~~,~~GACGb~~,~~IADH~~,~~CADF~~,~~eAIE~~,~~oBAAC~~,~~IAAD~~;~~IAAM~~,KAAK,~~EAAEI~~,~~SAAb~~;~~IAAwB~~,IAAI,EAAE,~~EAA9B~~;~~IAAkC~~,IAAI,~~EAAEH~~,QAAQ,GAAG,~~aAAH~~,~~GAAmB~~;~~EAAnE~~,~~EAJF~~,~~CAFF~~,~~CADF~~;~~AAWD~~,~~CAnBD;;AAqBA~~,~~MAAMO~~,MAAM,~~GAAGb~~,gBAAgB,CAAC;~~EAC9Bc~~,SAAS,EAAE;~~IACTK~~,aAAa,EAAE,~~KADN~~;~~IAETC~~,UAAU,EAAE,~~QAFH~~;~~IAGTC~~,KAAK,EAAE,~~MAHE~~;~~IAITC~~,MAAM,EAAE,~~EAJC~~;~~IAKTC~~,iBAAiB,EAAE;~~EALV~~,~~CADmB~~;~~EAQ9BR~~,MAAM,EAAE;~~IACNS~~,WAAW,EAAE;~~EADP~~,~~CARsB~~;~~EAW9BR~~,aAAa,EAAE;~~IACbM~~,MAAM,EAAE,~~MADK~~;~~IAEbG~~,IAAI,EAAE,~~CAFO~~;~~IAGbL~~,UAAU,EAAE,~~QAHC~~;~~IAIbD~~,aAAa,EAAE,~~KAJF~~;~~IAKbO~~,iBAAiB,EAAE;~~EALN~~,~~CAXe~~;~~EAkB9BrB~~,IAAI,EAAE;~~IACJoB~~,IAAI,EAAE,~~CADF~~;~~IAEJD~~,WAAW,EAAE;~~EAFT~~;~~AAlBwB~~,~~CAAD~~,~~CAA/B~~;~~AAwBA~~,~~eAAerB~~,~~iBAAf~~"}
1	+ {"version":3,"names":["React","View","Avatar","Icon","Text","createStyleSheet","useUIKitTheme","conditionChaining","UserSelectableBar","_ref","uri","name","selected","disabled","colors","iconColor","onBackground04","primary","onBackground03","createElement","style","styles","container","size","containerStyle","avatar","infoContainer","borderBottomColor","subtitle2","numberOfLines","color","onBackground01","icon","flexDirection","alignItems","width","height","paddingHorizontal","marginRight","flex","borderBottomWidth"],"sources":["UserSelectableBar.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { Avatar, Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\ntype Props = {\n uri: string;\n name: string;\n selected: boolean;\n disabled: boolean;\n};\nconst UserSelectableBar = ({ uri, name, selected, disabled }: Props) => {\n const { colors } = useUIKitTheme();\n\n const iconColor = conditionChaining(\n [disabled, selected],\n [colors.onBackground04, colors.primary, colors.onBackground03],\n );\n\n return (\n <View style={styles.container}>\n <Avatar size={36} uri={uri} containerStyle={styles.avatar} />\n <View style={[styles.infoContainer, { borderBottomColor: colors.onBackground04 }]}>\n <Text subtitle2 numberOfLines={1} style={styles.name} color={colors.onBackground01}>\n {name}\n </Text>\n <Icon color={iconColor} size={24} icon={selected ? 'checkbox-on' : 'checkbox-off'} />\n </View>\n </View>\n );\n};\n\nconst styles = createStyleSheet({\n container: {\n flexDirection: 'row',\n alignItems: 'center',\n width: '100%',\n height: 56,\n paddingHorizontal: 16,\n },\n avatar: {\n marginRight: 16,\n },\n infoContainer: {\n height: '100%',\n flex: 1,\n alignItems: 'center',\n flexDirection: 'row',\n borderBottomWidth: 1,\n },\n name: {\n flex: 1,\n marginRight: 8,\n },\n});\n\nexport default UserSelectableBar;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,aAAa,QAAQ,yCAAyC;AAC7G,SAASC,iBAAiB,QAAQ,uBAAuB;AAQzD,MAAMC,iBAAiB,GAAGC,IAAA,IAA8C;EAAA,IAA7C;IAAEC,GAAG;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAgB,CAAC,GAAAJ,IAAA;EACjE,MAAM;IAAEK;EAAO,CAAC,GAAGR,aAAa,EAAE;EAElC,MAAMS,SAAS,GAAGR,iBAAiB,CACjC,CAACM,QAAQ,EAAED,QAAQ,CAAC,EACpB,CAACE,MAAM,CAACE,cAAc,EAAEF,MAAM,CAACG,OAAO,EAAEH,MAAM,CAACI,cAAc,CAAC,CAC/D;EAED,oBACElB,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAACmB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BtB,KAAA,CAAAmB,aAAA,CAACjB,MAAM;IAACqB,IAAI,EAAE,EAAG;IAACb,GAAG,EAAEA,GAAI;IAACc,cAAc,EAAEH,MAAM,CAACI;EAAO,EAAG,eAC7DzB,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAACmB,KAAK,EAAE,CAACC,MAAM,CAACK,aAAa,EAAE;MAAEC,iBAAiB,EAAEb,MAAM,CAACE;IAAe,CAAC;EAAE,gBAChFhB,KAAA,CAAAmB,aAAA,CAACf,IAAI;IAACwB,SAAS;IAACC,aAAa,EAAE,CAAE;IAACT,KAAK,EAAEC,MAAM,CAACV,IAAK;IAACmB,KAAK,EAAEhB,MAAM,CAACiB;EAAe,GAChFpB,IAAI,CACA,eACPX,KAAA,CAAAmB,aAAA,CAAChB,IAAI;IAAC2B,KAAK,EAAEf,SAAU;IAACQ,IAAI,EAAE,EAAG;IAACS,IAAI,EAAEpB,QAAQ,GAAG,aAAa,GAAG;EAAe,EAAG,CAChF,CACF;AAEX,CAAC;AAED,MAAMS,MAAM,GAAGhB,gBAAgB,CAAC;EAC9BiB,SAAS,EAAE;IACTW,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAE;EACrB,CAAC;EACDZ,MAAM,EAAE;IACNa,WAAW,EAAE;EACf,CAAC;EACDZ,aAAa,EAAE;IACbU,MAAM,EAAE,MAAM;IACdG,IAAI,EAAE,CAAC;IACPL,UAAU,EAAE,QAAQ;IACpBD,aAAa,EAAE,KAAK;IACpBO,iBAAiB,EAAE;EACrB,CAAC;EACD7B,IAAI,EAAE;IACJ4B,IAAI,EAAE,CAAC;IACPD,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAEF,eAAe9B,iBAAiB"}

package/lib/module/constants.js.map CHANGED Viewed

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

package/lib/module/containers/GroupChannelPreviewContainer.js CHANGED Viewed

@@ -12,7 +12,6 @@ const iconMapper = {
   video: 'play',
   file: 'file-document'
 };
 const GroupChannelPreviewContainer = _ref => {
   let {
     onPress,
@@ -32,7 +31,6 @@ const GroupChannelPreviewContainer = _ref => {
     colors
   } = useUIKitTheme();
   const [typingUsers, setTypingUsers] = useState([]);
   if (features.channelListTypingIndicatorEnabled) {
     const handlerId = useUniqHandlerId('GroupChannelPreviewContainer_TypingIndicator');
     useChannelHandler(sdk, handlerId, {
@@ -40,17 +38,14 @@ const GroupChannelPreviewContainer = _ref => {
         if (isDifferentChannel(channel, eventChannel)) return;
         setTypingUsers(eventChannel.getTypingUsers());
       }
     });
   }
   const outgoingStatus = useMessageOutgoingStatus(sdk, channel, channel.lastMessage);
   const bodyText = useIIFE(() => {
     if (typingUsers.length > 0) return STRINGS.LABELS.TYPING_INDICATOR_TYPINGS(typingUsers) || '';else return STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_BODY(channel);
   });
   const bodyIcon = useIIFE(() => {
     var _channel$lastMessage;
     if (!((_channel$lastMessage = channel.lastMessage) !== null && _channel$lastMessage !== void 0 && _channel$lastMessage.isFileMessage())) return undefined;
     if (typingUsers.length > 0) return undefined;
     return iconMapper[getFileType(channel.lastMessage.type || getFileExtension(channel.lastMessage.name))];
@@ -59,14 +54,12 @@ const GroupChannelPreviewContainer = _ref => {
     if (!channel.lastMessage) return undefined;
     if (!features.channelListMessageReceiptStatusEnabled) return undefined;
     if (!isMyMessage(channel.lastMessage, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId)) return undefined;
     if (outgoingStatus === 'PENDING') {
       return /*#__PURE__*/React.createElement(LoadingSpinner, {
         size: 16,
         style: styles.titleCaptionIcon
       });
     }
     if (outgoingStatus === 'FAILED') {
       return /*#__PURE__*/React.createElement(Icon, {
         icon: 'error',
@@ -75,7 +68,6 @@ const GroupChannelPreviewContainer = _ref => {
         style: styles.titleCaptionIcon
       });
     }
     if (outgoingStatus === 'UNDELIVERED') {
       return /*#__PURE__*/React.createElement(Icon, {
         icon: 'done',
@@ -84,7 +76,6 @@ const GroupChannelPreviewContainer = _ref => {
         containerStyle: styles.titleCaptionIcon
       });
     }
     if (outgoingStatus === 'DELIVERED' || outgoingStatus === 'UNREAD') {
       return /*#__PURE__*/React.createElement(Icon, {
         icon: 'done-all',
@@ -93,7 +84,6 @@ const GroupChannelPreviewContainer = _ref => {
         style: styles.titleCaptionIcon
       });
     }
     if (outgoingStatus === 'READ') {
       return /*#__PURE__*/React.createElement(Icon, {
         icon: 'done-all',
@@ -102,7 +92,6 @@ const GroupChannelPreviewContainer = _ref => {
         style: styles.titleCaptionIcon
       });
     }
     return undefined;
   });
   return /*#__PURE__*/React.createElement(Pressable, {
@@ -129,7 +118,6 @@ const GroupChannelPreviewContainer = _ref => {
     notificationOff: channel.myPushTriggerOption === 'off'
   }));
 };
 const styles = createStyleSheet({
   titleCaptionIcon: {
     marginRight: 4

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

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