@sendbird/uikit-react-native 2.4.1 → 2.5.0-rc.0

package/lib/commonjs/components/ReactionAddons/ReactionRoundedButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["ReactionRoundedButton","url","count","reacted","style","colors","useUIKitTheme","color","ui","reaction","rounded","styles","reactionContainer","backgroundColor","selected","background","enabled","uri","emoji","onBackground01","truncatedCount","More","pressed","onBackground03","createStyleSheet","flexDirection","justifyContent","alignItems","width","borderRadius","paddingVertical","paddingHorizontal","height","marginRight","textAlign"],"sources":["ReactionRoundedButton.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport { Icon, Image, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { truncatedCount } from '@sendbird/uikit-utils';\n\ntype Props = {\n  url: string;\n  count: number;\n  reacted: boolean;\n  style: StyleProp<ViewStyle>;\n};\n\nconst ReactionRoundedButton = ({ url, count, reacted, style }: Props) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.reaction.rounded;\n\n  return (\n    <View\n      style={[\n        styles.reactionContainer,\n        { backgroundColor: reacted ? color.selected.background : color.enabled.background },\n        style,\n      ]}\n    >\n      <Image source={{ uri: url }} style={styles.emoji} />\n      <Text caption4 color={colors.onBackground01} numberOfLines={1} style={styles.count}>\n        {truncatedCount(count, 99, '')}\n      </Text>\n    </View>\n  );\n};\n\nReactionRoundedButton.More = ({ pressed }: { pressed: boolean }) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.reaction.rounded;\n\n  return (\n    <View\n      style={[\n        styles.reactionContainer,\n        { backgroundColor: pressed ? color.selected.background : color.enabled.background },\n      ]}\n    >\n      <Icon icon={'emoji-more'} color={colors.onBackground03} size={20} />\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  reactionContainer: {\n    flexDirection: 'row',\n    justifyContent: 'center',\n    alignItems: 'center',\n    width: 52,\n    borderRadius: 24,\n    paddingVertical: 5,\n    paddingHorizontal: 8,\n  },\n  emoji: {\n    width: 20,\n    height: 20,\n    marginRight: 4,\n  },\n  count: {\n    width: 13,\n    textAlign: 'left',\n  },\n});\n\nexport default ReactionRoundedButton;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AASA,MAAMA,qBAAqB,GAAG,QAA2C;EAAA,IAA1C;IAAEC,GAAF;IAAOC,KAAP;IAAcC,OAAd;IAAuBC;EAAvB,CAA0C;EACvE,MAAM;IAAEC;EAAF,IAAa,IAAAC,yCAAA,GAAnB;EACA,MAAMC,KAAK,GAAGF,MAAM,CAACG,EAAP,CAAUC,QAAV,CAAmBC,OAAjC;EAEA,oBACE,6BAAC,iBAAD;IACE,KAAK,EAAE,CACLC,MAAM,CAACC,iBADF,EAEL;MAAEC,eAAe,EAAEV,OAAO,GAAGI,KAAK,CAACO,QAAN,CAAeC,UAAlB,GAA+BR,KAAK,CAACS,OAAN,CAAcD;IAAvE,CAFK,EAGLX,KAHK;EADT,gBAOE,6BAAC,iCAAD;IAAO,MAAM,EAAE;MAAEa,GAAG,EAAEhB;IAAP,CAAf;IAA6B,KAAK,EAAEU,MAAM,CAACO;EAA3C,EAPF,eAQE,6BAAC,gCAAD;IAAM,QAAQ,MAAd;IAAe,KAAK,EAAEb,MAAM,CAACc,cAA7B;IAA6C,aAAa,EAAE,CAA5D;IAA+D,KAAK,EAAER,MAAM,CAACT;EAA7E,GACG,IAAAkB,0BAAA,EAAelB,KAAf,EAAsB,EAAtB,EAA0B,EAA1B,CADH,CARF,CADF;AAcD,CAlBD;;AAoBAF,qBAAqB,CAACqB,IAAtB,GAA6B,SAAuC;EAAA,IAAtC;IAAEC;EAAF,CAAsC;EAClE,MAAM;IAAEjB;EAAF,IAAa,IAAAC,yCAAA,GAAnB;EACA,MAAMC,KAAK,GAAGF,MAAM,CAACG,EAAP,CAAUC,QAAV,CAAmBC,OAAjC;EAEA,oBACE,6BAAC,iBAAD;IACE,KAAK,EAAE,CACLC,MAAM,CAACC,iBADF,EAEL;MAAEC,eAAe,EAAES,OAAO,GAAGf,KAAK,CAACO,QAAN,CAAeC,UAAlB,GAA+BR,KAAK,CAACS,OAAN,CAAcD;IAAvE,CAFK;EADT,gBAME,6BAAC,gCAAD;IAAM,IAAI,EAAE,YAAZ;IAA0B,KAAK,EAAEV,MAAM,CAACkB,cAAxC;IAAwD,IAAI,EAAE;EAA9D,EANF,CADF;AAUD,CAdD;;AAgBA,MAAMZ,MAAM,GAAG,IAAAa,4CAAA,EAAiB;EAC9BZ,iBAAiB,EAAE;IACjBa,aAAa,EAAE,KADE;IAEjBC,cAAc,EAAE,QAFC;IAGjBC,UAAU,EAAE,QAHK;IAIjBC,KAAK,EAAE,EAJU;IAKjBC,YAAY,EAAE,EALG;IAMjBC,eAAe,EAAE,CANA;IAOjBC,iBAAiB,EAAE;EAPF,CADW;EAU9Bb,KAAK,EAAE;IACLU,KAAK,EAAE,EADF;IAELI,MAAM,EAAE,EAFH;IAGLC,WAAW,EAAE;EAHR,CAVuB;EAe9B/B,KAAK,EAAE;IACL0B,KAAK,EAAE,EADF;IAELM,SAAS,EAAE;EAFN;AAfuB,CAAjB,CAAf;eAqBelC,qB"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","_uikitUtils","obj","__esModule","default","ReactionRoundedButton","_ref","url","count","reacted","style","colors","useUIKitTheme","color","ui","reaction","rounded","createElement","View","styles","reactionContainer","backgroundColor","selected","background","enabled","Image","source","uri","emoji","Text","caption4","onBackground01","numberOfLines","truncatedCount","More","_ref2","pressed","Icon","icon","onBackground03","size","createStyleSheet","flexDirection","justifyContent","alignItems","width","borderRadius","paddingVertical","paddingHorizontal","height","marginRight","textAlign","_default","exports"],"sources":["ReactionRoundedButton.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport { Icon, Image, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { truncatedCount } from '@sendbird/uikit-utils';\n\ntype Props = {\n  url: string;\n  count: number;\n  reacted: boolean;\n  style: StyleProp<ViewStyle>;\n};\n\nconst ReactionRoundedButton = ({ url, count, reacted, style }: Props) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.reaction.rounded;\n\n  return (\n    <View\n      style={[\n        styles.reactionContainer,\n        { backgroundColor: reacted ? color.selected.background : color.enabled.background },\n        style,\n      ]}\n    >\n      <Image source={{ uri: url }} style={styles.emoji} />\n      <Text caption4 color={colors.onBackground01} numberOfLines={1} style={styles.count}>\n        {truncatedCount(count, 99, '')}\n      </Text>\n    </View>\n  );\n};\n\nReactionRoundedButton.More = ({ pressed }: { pressed: boolean }) => {\n  const { colors } = useUIKitTheme();\n  const color = colors.ui.reaction.rounded;\n\n  return (\n    <View\n      style={[\n        styles.reactionContainer,\n        { backgroundColor: pressed ? color.selected.background : color.enabled.background },\n      ]}\n    >\n      <Icon icon={'emoji-more'} color={colors.onBackground03} size={20} />\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  reactionContainer: {\n    flexDirection: 'row',\n    justifyContent: 'center',\n    alignItems: 'center',\n    width: 52,\n    borderRadius: 24,\n    paddingVertical: 5,\n    paddingHorizontal: 8,\n  },\n  emoji: {\n    width: 20,\n    height: 20,\n    marginRight: 4,\n  },\n  count: {\n    width: 13,\n    textAlign: 'left',\n  },\n});\n\nexport default ReactionRoundedButton;\n"],"mappings":"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"}

package/lib/commonjs/components/ReactionAddons/index.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ReactionAddons = void 0;
-
 var _BottomSheetReactionAddon = _interopRequireDefault(require("./BottomSheetReactionAddon"));
-
 var _MessageReactionAddon = _interopRequireDefault(require("./MessageReactionAddon"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const ReactionAddons = {
   BottomSheet: _BottomSheetReactionAddon.default,
   Message: _MessageReactionAddon.default

package/lib/commonjs/components/ReactionAddons/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["ReactionAddons","BottomSheet","Message"],"sources":["index.tsx"],"sourcesContent":["import BottomSheet from './BottomSheetReactionAddon';\nimport Message from './MessageReactionAddon';\n\nexport const ReactionAddons = {\n  BottomSheet,\n  Message,\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,cAAc,GAAG;EAC5BC,WAAW,EAAXA,iCAD4B;EAE5BC,OAAO,EAAPA;AAF4B,CAAvB"}
+{"version":3,"names":["_BottomSheetReactionAddon","_interopRequireDefault","require","_MessageReactionAddon","obj","__esModule","default","ReactionAddons","BottomSheet","Message","exports"],"sources":["index.tsx"],"sourcesContent":["import BottomSheet from './BottomSheetReactionAddon';\nimport Message from './MessageReactionAddon';\n\nexport const ReactionAddons = {\n  BottomSheet,\n  Message,\n};\n"],"mappings":";;;;;;AAAA,IAAAA,yBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA6C,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEtC,MAAMG,cAAc,GAAG;EAC5BC,WAAW,EAAXA,iCAAW;EACXC,OAAO,EAAPA;AACF,CAAC;AAACC,OAAA,CAAAH,cAAA,GAAAA,cAAA"}

package/lib/commonjs/components/ReactionBottomSheets/ReactionListBottomSheet.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
 var _constants = require("../../constants");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const NUM_COLUMN = 6;
-
 const ReactionListBottomSheet = _ref => {
   let {
     visible,
@@ -73,7 +65,6 @@ const ReactionListBottomSheet = _ref => {
     }),
     renderItem: _ref2 => {
       var _message$reactions, _message$reactions$fi;
-
       let {
         item: {
           key,
@@ -91,7 +82,6 @@ const ReactionListBottomSheet = _ref => {
           if (message && channel) {
             if (reacted) channel.deleteReaction(message, key);else channel.addReaction(message, key);
           }
-
           onClose();
         },
         style: _ref3 => {
@@ -111,7 +101,6 @@ const ReactionListBottomSheet = _ref => {
     }
   })));
 };
-
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   container: {
     overflow: 'hidden',

package/lib/commonjs/components/ReactionBottomSheets/ReactionListBottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["NUM_COLUMN","ReactionListBottomSheet","visible","onClose","onDismiss","reactionCtx","chatCtx","width","useWindowDimensions","bottom","left","right","useSafeAreaInsets","colors","useUIKitTheme","currentUser","emojiManager","channel","message","color","ui","reaction","default","Boolean","styles","modal","container","paddingBottom","backgroundColor","dialog","none","background","paddingLeft","paddingHorizontal","paddingRight","allEmoji","item","key","flatlist","height","url","reactedUserIds","reactions","find","it","userIds","idx","indexOf","userId","UNKNOWN_USER_ID","reacted","emojiItem","deleteReaction","addReaction","pressed","button","selected","enabled","uri","emoji","createStyleSheet","overflow","borderTopLeftRadius","borderTopRightRadius","paddingTop","flexDirection","alignItems","justifyContent","padding","borderRadius"],"sources":["ReactionListBottomSheet.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, Pressable, View, useWindowDimensions } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { Image, Modal, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { UNKNOWN_USER_ID } from '../../constants';\nimport type { ReactionBottomSheetProps } from './index';\n\nconst NUM_COLUMN = 6;\nconst ReactionListBottomSheet = ({ visible, onClose, onDismiss, reactionCtx, chatCtx }: ReactionBottomSheetProps) => {\n  const { width } = useWindowDimensions();\n  const { bottom, left, right } = useSafeAreaInsets();\n  const { colors } = useUIKitTheme();\n\n  const { currentUser, emojiManager } = chatCtx;\n  const { channel, message } = reactionCtx;\n  const color = colors.ui.reaction.default;\n\n  return (\n    <Modal\n      type={'slide'}\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          {\n            width,\n            paddingBottom: bottom,\n            backgroundColor: colors.ui.dialog.default.none.background,\n            paddingLeft: left + styles.container.paddingHorizontal,\n            paddingRight: right + styles.container.paddingHorizontal,\n          },\n        ]}\n      >\n        <FlatList\n          data={emojiManager.allEmoji}\n          numColumns={NUM_COLUMN}\n          keyExtractor={(item) => item.key}\n          contentContainerStyle={styles.flatlist}\n          ItemSeparatorComponent={() => <View style={{ height: 16 }} />}\n          renderItem={({ item: { key, url } }) => {\n            const reactedUserIds = message?.reactions?.find((it) => it.key === key)?.userIds ?? [];\n\n            const idx = reactedUserIds.indexOf(currentUser?.userId ?? UNKNOWN_USER_ID);\n            const reacted = idx > -1;\n\n            return (\n              <View style={styles.emojiItem}>\n                <Pressable\n                  key={key}\n                  onPress={() => {\n                    if (message && channel) {\n                      if (reacted) channel.deleteReaction(message, key);\n                      else channel.addReaction(message, key);\n                    }\n                    onClose();\n                  }}\n                  style={({ pressed }) => [\n                    styles.button,\n                    { backgroundColor: reacted || pressed ? color.selected.background : color.enabled.background },\n                  ]}\n                >\n                  <Image source={{ uri: url }} style={styles.emoji} />\n                </Pressable>\n              </View>\n            );\n          }}\n        />\n      </View>\n    </Modal>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    overflow: 'hidden',\n    borderTopLeftRadius: 8,\n    borderTopRightRadius: 8,\n    paddingTop: 16,\n    paddingHorizontal: 18,\n    flexDirection: 'row',\n  },\n  modal: {\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n  },\n  flatlist: {\n    width: '100%',\n    flexDirection: 'column',\n    justifyContent: 'space-between',\n  },\n  emojiItem: {\n    width: `${100 / NUM_COLUMN}%`,\n    alignItems: 'center',\n  },\n  button: {\n    width: 44,\n    height: 44,\n    padding: 4,\n    borderRadius: 8,\n  },\n  emoji: {\n    width: '100%',\n    height: '100%',\n  },\n});\n\nexport default ReactionListBottomSheet;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_uikitReactNativeFoundation","_constants","obj","__esModule","default","NUM_COLUMN","ReactionListBottomSheet","_ref","visible","onClose","onDismiss","reactionCtx","chatCtx","width","useWindowDimensions","bottom","left","right","useSafeAreaInsets","colors","useUIKitTheme","currentUser","emojiManager","channel","message","color","ui","reaction","createElement","Modal","type","Boolean","backgroundStyle","styles","modal","View","style","container","paddingBottom","backgroundColor","dialog","none","background","paddingLeft","paddingHorizontal","paddingRight","FlatList","data","allEmoji","numColumns","keyExtractor","item","key","contentContainerStyle","flatlist","ItemSeparatorComponent","height","renderItem","_ref2","_message$reactions","_message$reactions$fi","url","reactedUserIds","reactions","find","it","userIds","idx","indexOf","userId","UNKNOWN_USER_ID","reacted","emojiItem","Pressable","onPress","deleteReaction","addReaction","_ref3","pressed","button","selected","enabled","Image","source","uri","emoji","createStyleSheet","overflow","borderTopLeftRadius","borderTopRightRadius","paddingTop","flexDirection","alignItems","justifyContent","padding","borderRadius","_default","exports"],"sources":["ReactionListBottomSheet.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, Pressable, View, useWindowDimensions } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { Image, Modal, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nimport { UNKNOWN_USER_ID } from '../../constants';\nimport type { ReactionBottomSheetProps } from './index';\n\nconst NUM_COLUMN = 6;\nconst ReactionListBottomSheet = ({ visible, onClose, onDismiss, reactionCtx, chatCtx }: ReactionBottomSheetProps) => {\n  const { width } = useWindowDimensions();\n  const { bottom, left, right } = useSafeAreaInsets();\n  const { colors } = useUIKitTheme();\n\n  const { currentUser, emojiManager } = chatCtx;\n  const { channel, message } = reactionCtx;\n  const color = colors.ui.reaction.default;\n\n  return (\n    <Modal\n      type={'slide'}\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          {\n            width,\n            paddingBottom: bottom,\n            backgroundColor: colors.ui.dialog.default.none.background,\n            paddingLeft: left + styles.container.paddingHorizontal,\n            paddingRight: right + styles.container.paddingHorizontal,\n          },\n        ]}\n      >\n        <FlatList\n          data={emojiManager.allEmoji}\n          numColumns={NUM_COLUMN}\n          keyExtractor={(item) => item.key}\n          contentContainerStyle={styles.flatlist}\n          ItemSeparatorComponent={() => <View style={{ height: 16 }} />}\n          renderItem={({ item: { key, url } }) => {\n            const reactedUserIds = message?.reactions?.find((it) => it.key === key)?.userIds ?? [];\n\n            const idx = reactedUserIds.indexOf(currentUser?.userId ?? UNKNOWN_USER_ID);\n            const reacted = idx > -1;\n\n            return (\n              <View style={styles.emojiItem}>\n                <Pressable\n                  key={key}\n                  onPress={() => {\n                    if (message && channel) {\n                      if (reacted) channel.deleteReaction(message, key);\n                      else channel.addReaction(message, key);\n                    }\n                    onClose();\n                  }}\n                  style={({ pressed }) => [\n                    styles.button,\n                    { backgroundColor: reacted || pressed ? color.selected.background : color.enabled.background },\n                  ]}\n                >\n                  <Image source={{ uri: url }} style={styles.emoji} />\n                </Pressable>\n              </View>\n            );\n          }}\n        />\n      </View>\n    </Modal>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    overflow: 'hidden',\n    borderTopLeftRadius: 8,\n    borderTopRightRadius: 8,\n    paddingTop: 16,\n    paddingHorizontal: 18,\n    flexDirection: 'row',\n  },\n  modal: {\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n  },\n  flatlist: {\n    width: '100%',\n    flexDirection: 'column',\n    justifyContent: 'space-between',\n  },\n  emojiItem: {\n    width: `${100 / NUM_COLUMN}%`,\n    alignItems: 'center',\n  },\n  button: {\n    width: 44,\n    height: 44,\n    padding: 4,\n    borderRadius: 8,\n  },\n  emoji: {\n    width: '100%',\n    height: '100%',\n  },\n});\n\nexport default ReactionListBottomSheet;\n"],"mappings":"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"}

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

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const ReactionUserListBottomSheet = _ref => {
   let {
     visible,
@@ -66,14 +58,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({
@@ -82,7 +71,6 @@ const ReactionUserListBottomSheet = _ref => {
       });
     }
   };
-
   const animateTabIndicator = function (x, width) {
     let animated = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
     const baseConfig = {
@@ -90,7 +78,6 @@ const ReactionUserListBottomSheet = _ref => {
       easing: _reactNative.Easing.inOut(_reactNative.Easing.ease),
       useNativeDriver: false
     };
-
     _reactNative.Animated.parallel([_reactNative.Animated.timing(tabIndicatorAnimated.x, {
       toValue: x,
       ...baseConfig
@@ -99,11 +86,9 @@ const ReactionUserListBottomSheet = _ref => {
       ...baseConfig
     })]).start();
   };
-
   const layoutCalculated = () => {
     return tabIndicatorValue.current.length === reactions.length && tabIndicatorValue.current.every(Boolean);
   };
-
   (0, _react.useEffect)(() => {
     if (!visible) {
       tabIndicatorValue.current = [];
@@ -112,7 +97,6 @@ const ReactionUserListBottomSheet = _ref => {
       focusedWithLayoutCalculated.current = false;
     }
   }, [visible]);
-
   const renderTabs = () => {
     return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
       style: styles.tabsWrapper
@@ -128,7 +112,6 @@ const ReactionUserListBottomSheet = _ref => {
         onPress: () => focusTab(index),
         onLayout: e => {
           tabIndicatorValue.current[index] = e.nativeEvent.layout;
-
           if (layoutCalculated()) {
             if (focusedWithLayoutCalculated.current) {
               focusTab(tabIndex, false);
@@ -155,7 +138,6 @@ const ReactionUserListBottomSheet = _ref => {
       }]
     }));
   };
-
   const renderPage = () => {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, focusedReaction === null || focusedReaction === void 0 ? void 0 : focusedReaction.userIds.map(userId => {
       if (channel !== null && channel !== void 0 && channel.isGroupChannel()) {
@@ -180,11 +162,9 @@ const ReactionUserListBottomSheet = _ref => {
           }
         }, (user === null || user === void 0 ? void 0 : user.nickname) || STRINGS.LABELS.USER_NO_NAME));
       }
-
       return null;
     }));
   };
-
   return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Modal, {
     type: 'slide-no-gesture',
     visible: Boolean(visible && channel && message),
@@ -214,7 +194,6 @@ const ReactionUserListBottomSheet = _ref => {
     contentContainerStyle: containerSafeArea
   }, renderPage())));
 };
-
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   layout: {
     paddingHorizontal: 16,

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

@@ -1 +1 @@
-{"version":3,"names":["ReactionUserListBottomSheet","visible","onClose","onDismiss","reactionCtx","chatCtx","localizationCtx","userProfileCtx","width","useWindowDimensions","bottom","left","right","useSafeAreaInsets","colors","useUIKitTheme","tabIndex","setTabIndex","useState","scrollRef","useRef","tabIndicatorValue","tabIndicatorAnimated","x","Animated","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","Easing","inOut","ease","useNativeDriver","parallel","timing","toValue","start","layoutCalculated","length","every","Boolean","useEffect","renderTabs","tabsWrapper","map","isFocused","key","isLastItem","emoji","allEmojiMap","tabItem","marginRight","e","nativeEvent","uri","url","tabEmoji","selected","highlight","enabled","truncatedCount","getReactionCount","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","createStyleSheet","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":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AASA;;;;;;AAIA,MAAMA,2BAA2B,GAAG,QAQJ;EAAA,IARK;IACnCC,OADmC;IAEnCC,OAFmC;IAGnCC,SAHmC;IAInCC,WAJmC;IAKnCC,OALmC;IAMnCC,eANmC;IAOnCC;EAPmC,CAQL;EAC9B,MAAM;IAAEC;EAAF,IAAY,IAAAC,gCAAA,GAAlB;EACA,MAAM;IAAEC,MAAF;IAAUC,IAAV;IAAgBC;EAAhB,IAA0B,IAAAC,6CAAA,GAAhC;EACA,MAAM;IAAEC;EAAF,IAAa,IAAAC,yCAAA,GAAnB;EAEA,MAAM,CAACC,QAAD,EAAWC,WAAX,IAA0B,IAAAC,eAAA,EAAS,CAAT,CAAhC;EACA,MAAMC,SAAS,GAAG,IAAAC,aAAA,GAAlB;EACA,MAAMC,iBAAiB,GAAG,IAAAD,aAAA,EAA4C,EAA5C,CAA1B;EACA,MAAME,oBAAoB,GAAG,IAAAF,aAAA,EAAO;IAAEG,CAAC,EAAE,IAAIC,qBAAA,CAASC,KAAb,CAAmB,CAAnB,CAAL;IAA4BjB,KAAK,EAAE,IAAIgB,qBAAA,CAASC,KAAb,CAAmB,CAAnB;EAAnC,CAAP,EAAmEC,OAAhG;EACA,MAAMC,2BAA2B,GAAG,IAAAP,aAAA,EAAO,KAAP,CAApC;EAEA,MAAM;IAAEQ;EAAF,IAAmBvB,OAAzB;EACA,MAAM;IAAEwB,OAAF;IAAWC,OAAX;IAAoBC;EAApB,IAAmC3B,WAAzC;EACA,MAAM;IAAE4B;EAAF,IAAc1B,eAApB;EAEA,MAAM2B,KAAK,GAAGnB,MAAM,CAACoB,EAAP,CAAUC,QAAV,CAAmBC,OAAjC;EACA,MAAMC,SAAS,GAAG,CAAAP,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEO,SAAT,KAAsB,EAAxC;EACA,MAAMC,eAAe,GAAGD,SAAS,CAACrB,QAAD,CAAjC;EACA,MAAMuB,iBAAiB,GAAG;IACxBC,WAAW,EAAE7B,IAAI,GAAG8B,MAAM,CAACC,MAAP,CAAcC,iBADV;IAExBC,YAAY,EAAEhC,KAAK,GAAG6B,MAAM,CAACC,MAAP,CAAcC;EAFZ,CAA1B;;EAKA,MAAME,QAAQ,GAAG,UAACC,KAAD,EAAoC;IAAA,IAApBC,QAAoB,uEAAT,IAAS;IACnD,MAAMC,cAAc,GAAG3B,iBAAiB,CAACK,OAAlB,CAA0BoB,KAA1B,CAAvB;;IACA,IAAIE,cAAJ,EAAoB;MAAA;;MAClB/B,WAAW,CAAC6B,KAAD,CAAX;MACAG,mBAAmB,CAACD,cAAc,CAACzB,CAAhB,EAAmByB,cAAc,CAACxC,KAAlC,EAAyCuC,QAAzC,CAAnB;MACA,sBAAA5B,SAAS,CAACO,OAAV,0EAAmBwB,QAAnB,CAA4B;QAAE3B,CAAC,EAAEyB,cAAc,CAACzB,CAApB;QAAuBwB;MAAvB,CAA5B;IACD;EACF,CAPD;;EASA,MAAME,mBAAmB,GAAG,UAAC1B,CAAD,EAAYf,KAAZ,EAA+C;IAAA,IAApBuC,QAAoB,uEAAT,IAAS;IACzE,MAAMI,UAAU,GAAG;MAAEC,QAAQ,EAAEL,QAAQ,GAAG,GAAH,GAAS,CAA7B;MAAgCM,MAAM,EAAEC,mBAAA,CAAOC,KAAP,CAAaD,mBAAA,CAAOE,IAApB,CAAxC;MAAmEC,eAAe,EAAE;IAApF,CAAnB;;IACAjC,qBAAA,CAASkC,QAAT,CAAkB,CAChBlC,qBAAA,CAASmC,MAAT,CAAgBrC,oBAAoB,CAACC,CAArC,EAAwC;MAAEqC,OAAO,EAAErC,CAAX;MAAc,GAAG4B;IAAjB,CAAxC,CADgB,EAEhB3B,qBAAA,CAASmC,MAAT,CAAgBrC,oBAAoB,CAACd,KAArC,EAA4C;MAAEoD,OAAO,EAAEpD,KAAX;MAAkB,GAAG2C;IAArB,CAA5C,CAFgB,CAAlB,EAGGU,KAHH;EAID,CAND;;EAQA,MAAMC,gBAAgB,GAAG,MAAM;IAC7B,OAAOzC,iBAAiB,CAACK,OAAlB,CAA0BqC,MAA1B,KAAqC1B,SAAS,CAAC0B,MAA/C,IAAyD1C,iBAAiB,CAACK,OAAlB,CAA0BsC,KAA1B,CAAgCC,OAAhC,CAAhE;EACD,CAFD;;EAIA,IAAAC,gBAAA,EAAU,MAAM;IACd,IAAI,CAACjE,OAAL,EAAc;MACZoB,iBAAiB,CAACK,OAAlB,GAA4B,EAA5B;MACAJ,oBAAoB,CAACC,CAArB,GAAyB,IAAIC,qBAAA,CAASC,KAAb,CAAmB,CAAnB,CAAzB;MACAH,oBAAoB,CAACd,KAArB,GAA6B,IAAIgB,qBAAA,CAASC,KAAb,CAAmB,CAAnB,CAA7B;MACAE,2BAA2B,CAACD,OAA5B,GAAsC,KAAtC;IACD;EACF,CAPD,EAOG,CAACzB,OAAD,CAPH;;EASA,MAAMkE,UAAU,GAAG,MAAM;IACvB,oBACE,6BAAC,sBAAD;MAAW,KAAK,EAAE1B,MAAM,CAAC2B;IAAzB,GACG/B,SAAS,CAACgC,GAAV,CAAc,CAAClC,QAAD,EAAWW,KAAX,KAAqB;MAClC,MAAMwB,SAAS,GAAG,CAAAhC,eAAe,SAAf,IAAAA,eAAe,WAAf,YAAAA,eAAe,CAAEiC,GAAjB,MAAyBpC,QAAQ,CAACoC,GAApD;MACA,MAAMC,UAAU,GAAGnC,SAAS,CAAC0B,MAAV,GAAmB,CAAnB,KAAyBjB,KAA5C;MACA,MAAM2B,KAAK,GAAG7C,YAAY,CAAC8C,WAAb,CAAyBvC,QAAQ,CAACoC,GAAlC,CAAd;MAEA,oBACE,6BAAC,sBAAD;QACE,GAAG,EAAEpC,QAAQ,CAACoC,GADhB;QAEE,KAAK,EAAE,CAAC9B,MAAM,CAACkC,OAAR,EAAiBH,UAAU,IAAI;UAAEI,WAAW,EAAEnC,MAAM,CAACC,MAAP,CAAckC;QAA7B,CAA/B,CAFT;QAGE,OAAO,EAAE,MAAM/B,QAAQ,CAACC,KAAD,CAHzB;QAIE,QAAQ,EAAG+B,CAAD,IAAO;UACfxD,iBAAiB,CAACK,OAAlB,CAA0BoB,KAA1B,IAAmC+B,CAAC,CAACC,WAAF,CAAcpC,MAAjD;;UACA,IAAIoB,gBAAgB,EAApB,EAAwB;YACtB,IAAInC,2BAA2B,CAACD,OAAhC,EAAyC;cACvCmB,QAAQ,CAAC7B,QAAD,EAAW,KAAX,CAAR;YACD,CAFD,MAEO;cACLW,2BAA2B,CAACD,OAA5B,GAAsC,IAAtC;cACAmB,QAAQ,CAACd,UAAD,CAAR;YACD;UACF;QACF;MAdH,gBAgBE,6BAAC,iCAAD;QAAO,MAAM,EAAE;UAAEgD,GAAG,EAAEN,KAAK,CAACO;QAAb,CAAf;QAAmC,KAAK,EAAEvC,MAAM,CAACwC;MAAjD,EAhBF,eAiBE,6BAAC,gCAAD;QAAM,MAAM,MAAZ;QAAa,KAAK,EAAEX,SAAS,GAAGrC,KAAK,CAACiD,QAAN,CAAeC,SAAlB,GAA8BlD,KAAK,CAACmD,OAAN,CAAcD;MAAzE,GACG,IAAAE,0BAAA,EAAe,IAAAC,4BAAA,EAAiBnD,QAAjB,CAAf,CADH,CAjBF,CADF;IAuBD,CA5BA,CADH,eA8BE,6BAAC,qBAAD,CAAU,IAAV;MACE,KAAK,EAAE,CACLM,MAAM,CAAC8C,YADF,EAEL;QACE5E,IAAI,EAAEW,oBAAoB,CAACC,CAD7B;QAEEf,KAAK,EAAEc,oBAAoB,CAACd,KAF9B;QAGEgF,eAAe,EAAEvD,KAAK,CAACiD,QAAN,CAAeC;MAHlC,CAFK;IADT,EA9BF,CADF;EA2CD,CA5CD;;EA8CA,MAAMM,UAAU,GAAG,MAAM;IACvB,oBACE,4DACGnD,eADH,aACGA,eADH,uBACGA,eAAe,CAAEoD,OAAjB,CAAyBrB,GAAzB,CAA8BsB,MAAD,IAAY;MACxC,IAAI9D,OAAJ,aAAIA,OAAJ,eAAIA,OAAO,CAAE+D,cAAT,EAAJ,EAA+B;QAC7B,MAAMC,IAAI,GAAGhE,OAAO,CAACiE,OAAR,CAAgBC,IAAhB,CAAsBxE,CAAD,IAAOA,CAAC,CAACoE,MAAF,KAAaA,MAAzC,CAAb;QACA,oBACE,6BAAC,sBAAD;UACE,GAAG,EAAEA,MADP;UAEE,OAAO,EAAE,YAAY;YACnB,IAAIE,IAAJ,EAAU;cACR,MAAM3F,OAAO,EAAb;cACAK,cAAc,CAACyF,IAAf,CAAoBH,IAApB;YACD;UACF,CAPH;UAQE,KAAK,EAAEpD,MAAM,CAACwD;QARhB,gBAUE,6BAAC,kCAAD;UAAQ,IAAI,EAAE,EAAd;UAAkB,GAAG,EAAEJ,IAAF,aAAEA,IAAF,uBAAEA,IAAI,CAAEK,UAA7B;UAAyC,cAAc,EAAEzD,MAAM,CAAC0D;QAAhE,EAVF,eAWE,6BAAC,gCAAD;UAAM,SAAS,MAAf;UAAgB,KAAK,EAAE;YAAEC,IAAI,EAAE;UAAR;QAAvB,GACG,CAAAP,IAAI,SAAJ,IAAAA,IAAI,WAAJ,YAAAA,IAAI,CAAEQ,QAAN,KAAkBrE,OAAO,CAACsE,MAAR,CAAeC,YADpC,CAXF,CADF;MAiBD;;MACD,OAAO,IAAP;IACD,CAtBA,CADH,CADF;EA2BD,CA5BD;;EA8BA,oBACE,6BAAC,iCAAD;IACE,IAAI,EAAE,kBADR;IAEE,OAAO,EAAEtC,OAAO,CAAChE,OAAO,IAAI4B,OAAX,IAAsBC,OAAvB,CAFlB;IAGE,OAAO,EAAE5B,OAHX;IAIE,SAAS,EAAEC,SAJb;IAKE,eAAe,EAAEsC,MAAM,CAAC+D;EAL1B,gBAOE,6BAAC,iBAAD;IACE,KAAK,EAAE,CACL/D,MAAM,CAACgE,SADF,EAEL;MAAEjG,KAAF;MAASkG,aAAa,EAAEhG,MAAxB;MAAgC8E,eAAe,EAAE1E,MAAM,CAACoB,EAAP,CAAUyE,MAAV,CAAiBvE,OAAjB,CAAyBwE,IAAzB,CAA8BC;IAA/E,CAFK;EADT,gBAME,6BAAC,uBAAD;IACE,GAAG,EAAE1F,SADP;IAEE,UAAU,MAFZ;IAGE,OAAO,EAAE,KAHX;IAIE,8BAA8B,EAAE,KAJlC;IAKE,qBAAqB,EAAE,CAACoB,iBAAD,EAAoBE,MAAM,CAACqE,aAA3B;EALzB,GAOG3C,UAAU,EAPb,CANF,eAeE,6BAAC,mCAAD;IAAS,KAAK,EAAE;MAAE4C,GAAG,EAAE,CAAC;IAAR;EAAhB,EAfF,eAgBE,6BAAC,uBAAD;IACE,OAAO,EAAE,KADX;IAEE,4BAA4B,EAAE,KAFhC;IAGE,KAAK,EAAEtE,MAAM,CAACuE,aAHhB;IAIE,qBAAqB,EAAEzE;EAJzB,GAMGkD,UAAU,EANb,CAhBF,CAPF,CADF;AAmCD,CA5KD;;AA8KA,MAAMhD,MAAM,GAAG,IAAAwE,4CAAA,EAAiB;EAC9BvE,MAAM,EAAE;IACNC,iBAAiB,EAAE,EADb;IAENiC,WAAW,EAAE;EAFP,CADsB;EAK9B6B,SAAS,EAAE;IACTS,QAAQ,EAAE,QADD;IAETC,mBAAmB,EAAE,CAFZ;IAGTC,oBAAoB,EAAE,CAHb;IAITC,UAAU,EAAE,EAJH;IAKTC,UAAU,EAAE;EALH,CALmB;EAY9Bd,KAAK,EAAE;IACLc,UAAU,EAAE,QADP;IAELC,cAAc,EAAE;EAFX,CAZuB;EAgB9BT,aAAa,EAAE;IACbU,QAAQ,EAAE;EADG,CAhBe;EAmB9BpD,WAAW,EAAE;IACXoD,QAAQ,EAAE,CADC;IAEXC,aAAa,EAAE,KAFJ;IAGXH,UAAU,EAAE,YAHD;IAIXC,cAAc,EAAE,QAJL;IAKXG,MAAM,EAAE;EALG,CAnBiB;EA0B9B/C,OAAO,EAAE;IACPC,WAAW,EAAE,EADN;IAEP6C,aAAa,EAAE,KAFR;IAGPH,UAAU,EAAE,QAHL;IAIPC,cAAc,EAAE;EAJT,CA1BqB;EAgC9BtC,QAAQ,EAAE;IACRzE,KAAK,EAAE,EADC;IAERkH,MAAM,EAAE,EAFA;IAGR9C,WAAW,EAAE;EAHL,CAhCoB;EAqC9BW,YAAY,EAAE;IACZoC,QAAQ,EAAE,UADE;IAEZjH,MAAM,EAAE,CAFI;IAGZgH,MAAM,EAAE;EAHI,CArCgB;EA0C9BV,aAAa,EAAE;IACbU,MAAM,EAAE,GADK;IAEblH,KAAK,EAAE;EAFM,CA1Ce;EA8C9ByF,QAAQ,EAAE;IACRwB,aAAa,EAAE,KADP;IAERjH,KAAK,EAAE,MAFC;IAGRkH,MAAM,EAAE,EAHA;IAIRJ,UAAU,EAAE;EAJJ,CA9CoB;EAoD9BnB,MAAM,EAAE;IACNvB,WAAW,EAAE;EADP;AApDsB,CAAjB,CAAf;eAyDe5E,2B"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_uikitReactNativeFoundation","_uikitUtils","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ReactionUserListBottomSheet","_ref","visible","onClose","onDismiss","reactionCtx","chatCtx","localizationCtx","userProfileCtx","width","useWindowDimensions","bottom","left","right","useSafeAreaInsets","colors","useUIKitTheme","tabIndex","setTabIndex","useState","scrollRef","useRef","tabIndicatorValue","tabIndicatorAnimated","x","Animated","Value","current","focusedWithLayoutCalculated","emojiManager","channel","message","focusIndex","STRINGS","color","ui","reaction","reactions","focusedReaction","containerSafeArea","paddingLeft","styles","layout","paddingHorizontal","paddingRight","focusTab","index","animated","arguments","length","undefined","indicatorValue","_scrollRef$current","animateTabIndicator","scrollTo","baseConfig","duration","easing","Easing","inOut","ease","useNativeDriver","parallel","timing","toValue","start","layoutCalculated","every","Boolean","useEffect","renderTabs","createElement","Pressable","style","tabsWrapper","map","isFocused","isLastItem","emoji","allEmojiMap","tabItem","marginRight","onPress","onLayout","e","nativeEvent","Image","source","uri","url","tabEmoji","Text","button","selected","highlight","enabled","truncatedCount","getReactionCount","View","tabIndicator","backgroundColor","renderPage","Fragment","userIds","userId","isGroupChannel","user","members","find","show","pageItem","Avatar","size","profileUrl","containerStyle","avatar","subtitle2","flex","nickname","LABELS","USER_NO_NAME","Modal","type","backgroundStyle","modal","container","paddingBottom","dialog","none","background","ScrollView","ref","horizontal","bounces","showsHorizontalScrollIndicator","contentContainerStyle","tabsContainer","Divider","top","showsVerticalScrollIndicator","pageContainer","createStyleSheet","overflow","borderTopLeftRadius","borderTopRightRadius","paddingTop","alignItems","justifyContent","flexGrow","flexDirection","height","position","_default","exports"],"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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAEA,IAAAG,2BAAA,GAAAH,OAAA;AASA,IAAAI,WAAA,GAAAJ,OAAA;AAA2F,SAAAK,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAP,wBAAAW,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAI3F,MAAMW,2BAA2B,GAAGC,IAAA,IAQJ;EAAA,IARK;IACnCC,OAAO;IACPC,OAAO;IACPC,SAAS;IACTC,WAAW;IACXC,OAAO;IACPC,eAAe;IACfC;EACwB,CAAC,GAAAP,IAAA;EACzB,MAAM;IAAEQ;EAAM,CAAC,GAAG,IAAAC,gCAAmB,GAAE;EACvC,MAAM;IAAEC,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,6CAAiB,GAAE;EACnD,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,yCAAa,GAAE;EAElC,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EAC3C,MAAMC,SAAS,GAAG,IAAAC,aAAM,GAAc;EACtC,MAAMC,iBAAiB,GAAG,IAAAD,aAAM,EAAsC,EAAE,CAAC;EACzE,MAAME,oBAAoB,GAAG,IAAAF,aAAM,EAAC;IAAEG,CAAC,EAAE,IAAIC,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC;IAAEjB,KAAK,EAAE,IAAIgB,qBAAQ,CAACC,KAAK,CAAC,CAAC;EAAE,CAAC,CAAC,CAACC,OAAO;EACvG,MAAMC,2BAA2B,GAAG,IAAAP,aAAM,EAAC,KAAK,CAAC;EAEjD,MAAM;IAAEQ;EAAa,CAAC,GAAGvB,OAAO;EAChC,MAAM;IAAEwB,OAAO;IAAEC,OAAO;IAAEC;EAAW,CAAC,GAAG3B,WAAW;EACpD,MAAM;IAAE4B;EAAQ,CAAC,GAAG1B,eAAe;EAEnC,MAAM2B,KAAK,GAAGnB,MAAM,CAACoB,EAAE,CAACC,QAAQ,CAACnD,OAAO;EACxC,MAAMoD,SAAS,GAAG,CAAAN,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEM,SAAS,KAAI,EAAE;EAC1C,MAAMC,eAAe,GAAGD,SAAS,CAACpB,QAAQ,CAAiC;EAC3E,MAAMsB,iBAAiB,GAAG;IACxBC,WAAW,EAAE5B,IAAI,GAAG6B,MAAM,CAACC,MAAM,CAACC,iBAAiB;IACnDC,YAAY,EAAE/B,KAAK,GAAG4B,MAAM,CAACC,MAAM,CAACC;EACtC,CAAC;EAED,MAAME,QAAQ,GAAG,SAAAA,CAACC,KAAa,EAAsB;IAAA,IAApBC,QAAQ,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;IAC9C,MAAMG,cAAc,GAAG7B,iBAAiB,CAACK,OAAO,CAACmB,KAAK,CAAC;IACvD,IAAIK,cAAc,EAAE;MAAA,IAAAC,kBAAA;MAClBlC,WAAW,CAAC4B,KAAK,CAAC;MAClBO,mBAAmB,CAACF,cAAc,CAAC3B,CAAC,EAAE2B,cAAc,CAAC1C,KAAK,EAAEsC,QAAQ,CAAC;MACrE,CAAAK,kBAAA,GAAAhC,SAAS,CAACO,OAAO,cAAAyB,kBAAA,uBAAjBA,kBAAA,CAAmBE,QAAQ,CAAC;QAAE9B,CAAC,EAAE2B,cAAc,CAAC3B,CAAC;QAAEuB;MAAS,CAAC,CAAC;IAChE;EACF,CAAC;EAED,MAAMM,mBAAmB,GAAG,SAAAA,CAAC7B,CAAS,EAAEf,KAAa,EAAsB;IAAA,IAApBsC,QAAQ,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;IACpE,MAAMO,UAAU,GAAG;MAAEC,QAAQ,EAAET,QAAQ,GAAG,GAAG,GAAG,CAAC;MAAEU,MAAM,EAAEC,mBAAM,CAACC,KAAK,CAACD,mBAAM,CAACE,IAAI,CAAC;MAAEC,eAAe,EAAE;IAAM,CAAC;IAC9GpC,qBAAQ,CAACqC,QAAQ,CAAC,CAChBrC,qBAAQ,CAACsC,MAAM,CAACxC,oBAAoB,CAACC,CAAC,EAAE;MAAEwC,OAAO,EAAExC,CAAC;MAAE,GAAG+B;IAAW,CAAC,CAAC,EACtE9B,qBAAQ,CAACsC,MAAM,CAACxC,oBAAoB,CAACd,KAAK,EAAE;MAAEuD,OAAO,EAAEvD,KAAK;MAAE,GAAG8C;IAAW,CAAC,CAAC,CAC/E,CAAC,CAACU,KAAK,EAAE;EACZ,CAAC;EAED,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;IAC7B,OAAO5C,iBAAiB,CAACK,OAAO,CAACsB,MAAM,KAAKZ,SAAS,CAACY,MAAM,IAAI3B,iBAAiB,CAACK,OAAO,CAACwC,KAAK,CAACC,OAAO,CAAC;EAC1G,CAAC;EAED,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAI,CAACnE,OAAO,EAAE;MACZoB,iBAAiB,CAACK,OAAO,GAAG,EAAE;MAC9BJ,oBAAoB,CAACC,CAAC,GAAG,IAAIC,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC;MAC9CH,oBAAoB,CAACd,KAAK,GAAG,IAAIgB,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC;MAClDE,2BAA2B,CAACD,OAAO,GAAG,KAAK;IAC7C;EACF,CAAC,EAAE,CAACzB,OAAO,CAAC,CAAC;EAEb,MAAMoE,UAAU,GAAGA,CAAA,KAAM;IACvB,oBACEnG,MAAA,CAAAc,OAAA,CAAAsF,aAAA,CAACjG,YAAA,CAAAkG,SAAS;MAACC,KAAK,EAAEhC,MAAM,CAACiC;IAAY,GAClCrC,SAAS,CAACsC,GAAG,CAAC,CAACvC,QAAQ,EAAEU,KAAK,KAAK;MAClC,MAAM8B,SAAS,GAAG,CAAAtC,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAE5C,GAAG,MAAK0C,QAAQ,CAAC1C,GAAG;MACvD,MAAMmF,UAAU,GAAGxC,SAAS,CAACY,MAAM,GAAG,CAAC,KAAKH,KAAK;MACjD,MAAMgC,KAAK,GAAGjD,YAAY,CAACkD,WAAW,CAAC3C,QAAQ,CAAC1C,GAAG,CAAC;MAEpD,oBACEvB,MAAA,CAAAc,OAAA,CAAAsF,aAAA,CAACjG,YAAA,CAAAkG,SAAS;QACR9E,GAAG,EAAE0C,QAAQ,CAAC1C,GAAI;QAClB+E,KAAK,EAAE,CAAChC,MAAM,CAACuC,OAAO,EAAEH,UAAU,IAAI;UAAEI,WAAW,EAAExC,MAAM,CAACC,MAAM,CAACuC;QAAY,CAAC,CAAE;QAClFC,OAAO,EAAEA,CAAA,KAAMrC,QAAQ,CAACC,KAAK,CAAE;QAC/BqC,QAAQ,EAAGC,CAAC,IAAK;UACf9D,iBAAiB,CAACK,OAAO,CAACmB,KAAK,CAAC,GAAGsC,CAAC,CAACC,WAAW,CAAC3C,MAAM;UACvD,IAAIwB,gBAAgB,EAAE,EAAE;YACtB,IAAItC,2BAA2B,CAACD,OAAO,EAAE;cACvCkB,QAAQ,CAAC5B,QAAQ,EAAE,KAAK,CAAC;YAC3B,CAAC,MAAM;cACLW,2BAA2B,CAACD,OAAO,GAAG,IAAI;cAC1CkB,QAAQ,CAACb,UAAU,CAAC;YACtB;UACF;QACF;MAAE,gBAEF7D,MAAA,CAAAc,OAAA,CAAAsF,aAAA,CAAC/F,2BAAA,CAAA8G,KAAK;QAACC,MAAM,EAAE;UAAEC,GAAG,EAAEV,KAAK,CAACW;QAAI,CAAE;QAAChB,KAAK,EAAEhC,MAAM,CAACiD;MAAS,EAAG,eAC7DvH,MAAA,CAAAc,OAAA,CAAAsF,aAAA,CAAC/F,2BAAA,CAAAmH,IAAI;QAACC,MAAM;QAAC1D,KAAK,EAAE0C,SAAS,GAAG1C,KAAK,CAAC2D,QAAQ,CAACC,SAAS,GAAG5D,KAAK,CAAC6D,OAAO,CAACD;MAAU,GAChF,IAAAE,0BAAc,EAAC,IAAAC,4BAAgB,EAAC7D,QAAQ,CAAC,CAAC,CACtC,CACG;IAEhB,CAAC,CAAC,eACFjE,MAAA,CAAAc,OAAA,CAAAsF,aAAA,CAACjG,YAAA,CAAAmD,QAAQ,CAACyE,IAAI;MACZzB,KAAK,EAAE,CACLhC,MAAM,CAAC0D,YAAY,EACnB;QACEvF,IAAI,EAAEW,oBAAoB,CAACC,CAAC;QAC5Bf,KAAK,EAAEc,oBAAoB,CAACd,KAAK;QACjC2F,eAAe,EAAElE,KAAK,CAAC2D,QAAQ,CAACC;MAClC,CAAC;IACD,EACF,CACQ;EAEhB,CAAC;EAED,MAAMO,UAAU,GAAGA,CAAA,KAAM;IACvB,oBACElI,MAAA,CAAAc,OAAA,CAAAsF,aAAA,CAAApG,MAAA,CAAAc,OAAA,CAAAqH,QAAA,QACGhE,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEiE,OAAO,CAAC5B,GAAG,CAAE6B,MAAM,IAAK;MACxC,IAAI1E,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAE2E,cAAc,EAAE,EAAE;QAC7B,MAAMC,IAAI,GAAG5E,OAAO,CAAC6E,OAAO,CAACC,IAAI,CAAEpF,CAAC,IAAKA,CAAC,CAACgF,MAAM,KAAKA,MAAM,CAAC;QAC7D,oBACErI,MAAA,CAAAc,OAAA,CAAAsF,aAAA,CAACjG,YAAA,CAAAkG,SAAS;UACR9E,GAAG,EAAE8G,MAAO;UACZtB,OAAO,EAAE,MAAAA,CAAA,KAAY;YACnB,IAAIwB,IAAI,EAAE;cACR,MAAMvG,OAAO,EAAE;cACfK,cAAc,CAACqG,IAAI,CAACH,IAAI,CAAC;YAC3B;UACF,CAAE;UACFjC,KAAK,EAAEhC,MAAM,CAACqE;QAAS,gBAEvB3I,MAAA,CAAAc,OAAA,CAAAsF,aAAA,CAAC/F,2BAAA,CAAAuI,MAAM;UAACC,IAAI,EAAE,EAAG;UAACxB,GAAG,EAAEkB,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEO,UAAW;UAACC,cAAc,EAAEzE,MAAM,CAAC0E;QAAO,EAAG,eAC1EhJ,MAAA,CAAAc,OAAA,CAAAsF,aAAA,CAAC/F,2BAAA,CAAAmH,IAAI;UAACyB,SAAS;UAAC3C,KAAK,EAAE;YAAE4C,IAAI,EAAE;UAAE;QAAE,GAChC,CAAAX,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEY,QAAQ,KAAIrF,OAAO,CAACsF,MAAM,CAACC,YAAY,CACzC,CACG;MAEhB;MACA,OAAO,IAAI;IACb,CAAC,CAAC,CACD;EAEP,CAAC;EAED,oBACErJ,MAAA,CAAAc,OAAA,CAAAsF,aAAA,CAAC/F,2BAAA,CAAAiJ,KAAK;IACJC,IAAI,EAAE,kBAAmB;IACzBxH,OAAO,EAAEkE,OAAO,CAAClE,OAAO,IAAI4B,OAAO,IAAIC,OAAO,CAAE;IAChD5B,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA,SAAU;IACrBuH,eAAe,EAAElF,MAAM,CAACmF;EAAM,gBAE9BzJ,MAAA,CAAAc,OAAA,CAAAsF,aAAA,CAACjG,YAAA,CAAA4H,IAAI;IACHzB,KAAK,EAAE,CACLhC,MAAM,CAACoF,SAAS,EAChB;MAAEpH,KAAK;MAAEqH,aAAa,EAAEnH,MAAM;MAAEyF,eAAe,EAAErF,MAAM,CAACoB,EAAE,CAAC4F,MAAM,CAAC9I,OAAO,CAAC+I,IAAI,CAACC;IAAW,CAAC;EAC3F,gBAEF9J,MAAA,CAAAc,OAAA,CAAAsF,aAAA,CAACjG,YAAA,CAAA4J,UAAU;IACTC,GAAG,EAAE/G,SAAmB;IACxBgH,UAAU;IACVC,OAAO,EAAE,KAAM;IACfC,8BAA8B,EAAE,KAAM;IACtCC,qBAAqB,EAAE,CAAChG,iBAAiB,EAAEE,MAAM,CAAC+F,aAAa;EAAE,GAEhElE,UAAU,EAAE,CACF,eACbnG,MAAA,CAAAc,OAAA,CAAAsF,aAAA,CAAC/F,2BAAA,CAAAiK,OAAO;IAAChE,KAAK,EAAE;MAAEiE,GAAG,EAAE,CAAC;IAAE;EAAE,EAAG,eAC/BvK,MAAA,CAAAc,OAAA,CAAAsF,aAAA,CAACjG,YAAA,CAAA4J,UAAU;IACTG,OAAO,EAAE,KAAM;IACfM,4BAA4B,EAAE,KAAM;IACpClE,KAAK,EAAEhC,MAAM,CAACmG,aAAc;IAC5BL,qBAAqB,EAAEhG;EAAkB,GAExC8D,UAAU,EAAE,CACF,CACR,CACD;AAEZ,CAAC;AAED,MAAM5D,MAAM,GAAG,IAAAoG,4CAAgB,EAAC;EAC9BnG,MAAM,EAAE;IACNC,iBAAiB,EAAE,EAAE;IACrBsC,WAAW,EAAE;EACf,CAAC;EACD4C,SAAS,EAAE;IACTiB,QAAQ,EAAE,QAAQ;IAClBC,mBAAmB,EAAE,CAAC;IACtBC,oBAAoB,EAAE,CAAC;IACvBC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE;EACd,CAAC;EACDtB,KAAK,EAAE;IACLsB,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDX,aAAa,EAAE;IACbY,QAAQ,EAAE;EACZ,CAAC;EACD1E,WAAW,EAAE;IACX0E,QAAQ,EAAE,CAAC;IACXC,aAAa,EAAE,KAAK;IACpBH,UAAU,EAAE,YAAY;IACxBC,cAAc,EAAE,QAAQ;IACxBG,MAAM,EAAE;EACV,CAAC;EACDtE,OAAO,EAAE;IACPC,WAAW,EAAE,EAAE;IACfoE,aAAa,EAAE,KAAK;IACpBH,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDzD,QAAQ,EAAE;IACRjF,KAAK,EAAE,EAAE;IACT6I,MAAM,EAAE,EAAE;IACVrE,WAAW,EAAE;EACf,CAAC;EACDkB,YAAY,EAAE;IACZoD,QAAQ,EAAE,UAAU;IACpB5I,MAAM,EAAE,CAAC;IACT2I,MAAM,EAAE;EACV,CAAC;EACDV,aAAa,EAAE;IACbU,MAAM,EAAE,GAAG;IACX7I,KAAK,EAAE;EACT,CAAC;EACDqG,QAAQ,EAAE;IACRuC,aAAa,EAAE,KAAK;IACpB5I,KAAK,EAAE,MAAM;IACb6I,MAAM,EAAE,EAAE;IACVJ,UAAU,EAAE;EACd,CAAC;EACD/B,MAAM,EAAE;IACNlC,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAAC,IAAAuE,QAAA,GAEYxJ,2BAA2B;AAAAyJ,OAAA,CAAAxK,OAAA,GAAAuK,QAAA"}

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

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ReactionBottomSheets = void 0;
-
 var _ReactionListBottomSheet = _interopRequireDefault(require("./ReactionListBottomSheet"));
-
 var _ReactionUserListBottomSheet = _interopRequireDefault(require("./ReactionUserListBottomSheet"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const ReactionBottomSheets = {
   ReactionList: _ReactionListBottomSheet.default,
   UserList: _ReactionUserListBottomSheet.default

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

@@ -1 +1 @@
-{"version":3,"names":["ReactionBottomSheets","ReactionList","UserList"],"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;;AACA;;;;AAaO,MAAMA,oBAAoB,GAAG;EAClCC,YAAY,EAAZA,gCADkC;EAElCC,QAAQ,EAARA;AAFkC,CAA7B"}
+{"version":3,"names":["_ReactionListBottomSheet","_interopRequireDefault","require","_ReactionUserListBottomSheet","obj","__esModule","default","ReactionBottomSheets","ReactionList","UserList","exports"],"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,IAAAA,wBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,4BAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAqD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAa9C,MAAMG,oBAAoB,GAAG;EAClCC,YAAY,EAAZA,gCAAY;EACZC,QAAQ,EAARA;AACF,CAAC;AAACC,OAAA,CAAAH,oBAAA,GAAAA,oBAAA"}

package/lib/commonjs/components/ScrollToBottomButton.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const ScrollToBottomButton = _ref => {
   let {
     visible,
@@ -22,12 +17,12 @@ const ScrollToBottomButton = _ref => {
     palette,
     select
   } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
+  if (!visible) return null;
   return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
     onPress: onPress,
     activeOpacity: 0.8,
     disabled: !visible,
     style: [styles.container, {
-      opacity: visible ? 1 : 0,
       backgroundColor: select({
         dark: palette.background400,
         light: palette.background50
@@ -38,7 +33,6 @@ const ScrollToBottomButton = _ref => {
     size: 22
   }));
 };
-
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   container: {
     padding: 8,
@@ -59,8 +53,6 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     })
   }
 });
-
 var _default = /*#__PURE__*/_react.default.memo(ScrollToBottomButton);
-
 exports.default = _default;
 //# sourceMappingURL=ScrollToBottomButton.js.map

package/lib/commonjs/components/ScrollToBottomButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["ScrollToBottomButton","visible","onPress","palette","select","useUIKitTheme","styles","container","opacity","backgroundColor","dark","background400","light","background50","createStyleSheet","padding","borderRadius","Platform","android","elevation","ios","shadowColor","shadowRadius","shadowOffset","width","height","shadowOpacity","React","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;;AACA;;AAEA;;;;AAMA,MAAMA,oBAAoB,GAAG,QAAiC;EAAA,IAAhC;IAAEC,OAAF;IAAWC;EAAX,CAAgC;EAC5D,MAAM;IAAEC,OAAF;IAAWC;EAAX,IAAsB,IAAAC,yCAAA,GAA5B;EACA,oBACE,6BAAC,6BAAD;IACE,OAAO,EAAEH,OADX;IAEE,aAAa,EAAE,GAFjB;IAGE,QAAQ,EAAE,CAACD,OAHb;IAIE,KAAK,EAAE,CACLK,MAAM,CAACC,SADF,EAEL;MACEC,OAAO,EAAEP,OAAO,GAAG,CAAH,GAAO,CADzB;MAEEQ,eAAe,EAAEL,MAAM,CAAC;QAAEM,IAAI,EAAEP,OAAO,CAACQ,aAAhB;QAA+BC,KAAK,EAAET,OAAO,CAACU;MAA9C,CAAD;IAFzB,CAFK;EAJT,gBAYE,6BAAC,gCAAD;IAAM,IAAI,EAAE,cAAZ;IAA4B,IAAI,EAAE;EAAlC,EAZF,CADF;AAgBD,CAlBD;;AAoBA,MAAMP,MAAM,GAAG,IAAAQ,4CAAA,EAAiB;EAC9BP,SAAS,EAAE;IACTQ,OAAO,EAAE,CADA;IAETC,YAAY,EAAE,EAFL;IAGT,GAAGC,qBAAA,CAASb,MAAT,CAAgB;MACjBc,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,CAAjB,CAAf;;4BAkBeC,cAAA,CAAMC,IAAN,CAAW5B,oBAAX,C"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","obj","__esModule","default","ScrollToBottomButton","_ref","visible","onPress","palette","select","useUIKitTheme","createElement","TouchableOpacity","activeOpacity","disabled","style","styles","container","backgroundColor","dark","background400","light","background50","Icon","icon","size","createStyleSheet","padding","borderRadius","Platform","android","elevation","ios","shadowColor","shadowRadius","shadowOffset","width","height","shadowOpacity","_default","React","memo","exports"],"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  if (!visible) return null;\n\n  return (\n    <TouchableOpacity\n      onPress={onPress}\n      activeOpacity={0.8}\n      disabled={!visible}\n      style={[\n        styles.container,\n        { backgroundColor: select({ dark: palette.background400, light: palette.background50 }) },\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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AAAgG,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAMhG,MAAMG,oBAAoB,GAAGC,IAAA,IAAiC;EAAA,IAAhC;IAAEC,OAAO;IAAEC;EAAe,CAAC,GAAAF,IAAA;EACvD,MAAM;IAAEG,OAAO;IAAEC;EAAO,CAAC,GAAG,IAAAC,yCAAa,GAAE;EAC3C,IAAI,CAACJ,OAAO,EAAE,OAAO,IAAI;EAEzB,oBACEV,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACZ,YAAA,CAAAa,gBAAgB;IACfL,OAAO,EAAEA,OAAQ;IACjBM,aAAa,EAAE,GAAI;IACnBC,QAAQ,EAAE,CAACR,OAAQ;IACnBS,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAET,MAAM,CAAC;QAAEU,IAAI,EAAEX,OAAO,CAACY,aAAa;QAAEC,KAAK,EAAEb,OAAO,CAACc;MAAa,CAAC;IAAE,CAAC;EACzF,gBAEF1B,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACX,2BAAA,CAAAuB,IAAI;IAACC,IAAI,EAAE,cAAe;IAACC,IAAI,EAAE;EAAG,EAAG,CACvB;AAEvB,CAAC;AAED,MAAMT,MAAM,GAAG,IAAAU,4CAAgB,EAAC;EAC9BT,SAAS,EAAE;IACTU,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE,EAAE;IAChB,GAAGC,qBAAQ,CAACpB,MAAM,CAAC;MACjBqB,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;AAAC,IAAAC,QAAA,gBAEYC,cAAK,CAACC,IAAI,CAACrC,oBAAoB,CAAC;AAAAsC,OAAA,CAAAvC,OAAA,GAAAoC,QAAA"}

package/lib/commonjs/components/StatusComposition.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const StatusComposition = _ref => {
   let {
     children,
@@ -21,7 +18,6 @@ const StatusComposition = _ref => {
   if (error && ErrorComponent) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ErrorComponent);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
 };
-
 var _default = StatusComposition;
 exports.default = _default;
 //# sourceMappingURL=StatusComposition.js.map

package/lib/commonjs/components/StatusComposition.js.map

@@ -1 +1 @@
-{"version":3,"names":["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;;;;AASA,MAAMA,iBAAiB,GAAG,QAA2E;EAAA,IAA1E;IAAEC,QAAF;IAAYC,KAAZ;IAAmBC,cAAnB;IAAmCC,gBAAnC;IAAqDC;EAArD,CAA0E;EACnG,IAAIA,OAAO,IAAID,gBAAf,EAAiC,oBAAO,4DAAGA,gBAAH,CAAP;EACjC,IAAIF,KAAK,IAAIC,cAAb,EAA6B,oBAAO,4DAAGA,cAAH,CAAP;EAC7B,oBAAO,4DAAGF,QAAH,CAAP;AACD,CAJD;;eAMeD,iB"}
+{"version":3,"names":["_react","_interopRequireDefault","require","obj","__esModule","default","StatusComposition","_ref","children","error","ErrorComponent","LoadingComponent","loading","createElement","Fragment","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAS1B,MAAMG,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,oBAAOX,MAAA,CAAAK,OAAA,CAAAQ,aAAA,CAAAb,MAAA,CAAAK,OAAA,CAAAS,QAAA,QAAGH,gBAAgB,CAAI;EAC/D,IAAIF,KAAK,IAAIC,cAAc,EAAE,oBAAOV,MAAA,CAAAK,OAAA,CAAAQ,aAAA,CAAAb,MAAA,CAAAK,OAAA,CAAAS,QAAA,QAAGJ,cAAc,CAAI;EACzD,oBAAOV,MAAA,CAAAK,OAAA,CAAAQ,aAAA,CAAAb,MAAA,CAAAK,OAAA,CAAAS,QAAA,QAAGN,QAAQ,CAAI;AACxB,CAAC;AAAC,IAAAO,QAAA,GAEaT,iBAAiB;AAAAU,OAAA,CAAAX,OAAA,GAAAU,QAAA"}

package/lib/commonjs/components/TypedPlaceholder.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
 var _useContext = require("../hooks/useContext");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const TypedPlaceholder = _ref => {
   let {
     type,
@@ -21,50 +16,42 @@ const TypedPlaceholder = _ref => {
   const {
     STRINGS
   } = (0, _useContext.useLocalization)();
-
   switch (type) {
     case 'no-banned-users':
       return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Placeholder, {
         icon: 'ban',
         message: STRINGS.PLACEHOLDER.NO_BANNED_USERS
       });
-
     case 'no-channels':
       return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Placeholder, {
         icon: 'chat',
         message: STRINGS.PLACEHOLDER.NO_CHANNELS
       });
-
     case 'no-messages':
       return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Placeholder, {
         icon: 'message',
         message: STRINGS.PLACEHOLDER.NO_MESSAGES
       });
-
     case 'no-muted-members':
       return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Placeholder, {
         icon: 'mute',
         message: STRINGS.PLACEHOLDER.NO_MUTED_MEMBERS
       });
-
     case 'no-muted-participants':
       return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Placeholder, {
         icon: 'mute',
         message: STRINGS.PLACEHOLDER.NO_MUTED_PARTICIPANTS
       });
-
     case 'no-results-found':
       return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Placeholder, {
         icon: 'search',
         message: STRINGS.PLACEHOLDER.NO_RESULTS_FOUND
       });
-
     case 'no-users':
       return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Placeholder, {
         icon: 'members',
         message: STRINGS.PLACEHOLDER.NO_USERS
       });
-
     case 'error-wrong':
       return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Placeholder, {
         icon: 'error',
@@ -72,7 +59,6 @@ const TypedPlaceholder = _ref => {
         errorRetryLabel: STRINGS.PLACEHOLDER.ERROR.RETRY_LABEL,
         onPressRetry: onPressRetry
       });
-
     case 'loading':
       return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Placeholder, {
         loading: true,
@@ -80,7 +66,6 @@ const TypedPlaceholder = _ref => {
       });
   }
 };
-
 var _default = TypedPlaceholder;
 exports.default = _default;
 //# sourceMappingURL=TypedPlaceholder.js.map

package/lib/commonjs/components/TypedPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"names":["TypedPlaceholder","type","onPressRetry","STRINGS","useLocalization","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;;AAEA;;AAEA;;;;AAeA,MAAMA,gBAAgB,GAAG,QAAmC;EAAA,IAAlC;IAAEC,IAAF;IAAQC;EAAR,CAAkC;EAC1D,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;;EACA,QAAQH,IAAR;IACE,KAAK,iBAAL;MACE,oBAAO,6BAAC,uCAAD;QAAa,IAAI,EAAE,KAAnB;QAA0B,OAAO,EAAEE,OAAO,CAACE,WAAR,CAAoBC;MAAvD,EAAP;;IACF,KAAK,aAAL;MACE,oBAAO,6BAAC,uCAAD;QAAa,IAAI,EAAE,MAAnB;QAA2B,OAAO,EAAEH,OAAO,CAACE,WAAR,CAAoBE;MAAxD,EAAP;;IACF,KAAK,aAAL;MACE,oBAAO,6BAAC,uCAAD;QAAa,IAAI,EAAE,SAAnB;QAA8B,OAAO,EAAEJ,OAAO,CAACE,WAAR,CAAoBG;MAA3D,EAAP;;IACF,KAAK,kBAAL;MACE,oBAAO,6BAAC,uCAAD;QAAa,IAAI,EAAE,MAAnB;QAA2B,OAAO,EAAEL,OAAO,CAACE,WAAR,CAAoBI;MAAxD,EAAP;;IACF,KAAK,uBAAL;MACE,oBAAO,6BAAC,uCAAD;QAAa,IAAI,EAAE,MAAnB;QAA2B,OAAO,EAAEN,OAAO,CAACE,WAAR,CAAoBK;MAAxD,EAAP;;IACF,KAAK,kBAAL;MACE,oBAAO,6BAAC,uCAAD;QAAa,IAAI,EAAE,QAAnB;QAA6B,OAAO,EAAEP,OAAO,CAACE,WAAR,CAAoBM;MAA1D,EAAP;;IACF,KAAK,UAAL;MACE,oBAAO,6BAAC,uCAAD;QAAa,IAAI,EAAE,SAAnB;QAA8B,OAAO,EAAER,OAAO,CAACE,WAAR,CAAoBO;MAA3D,EAAP;;IACF,KAAK,aAAL;MACE,oBACE,6BAAC,uCAAD;QACE,IAAI,EAAE,OADR;QAEE,OAAO,EAAET,OAAO,CAACE,WAAR,CAAoBQ,KAApB,CAA0BC,OAFrC;QAGE,eAAe,EAAEX,OAAO,CAACE,WAAR,CAAoBQ,KAApB,CAA0BE,WAH7C;QAIE,YAAY,EAAEb;MAJhB,EADF;;IAQF,KAAK,SAAL;MACE,oBAAO,6BAAC,uCAAD;QAAa,OAAO,MAApB;QAAqB,IAAI,EAAE;MAA3B,EAAP;EAzBJ;AA2BD,CA7BD;;eA+BeF,gB"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitReactNativeFoundation","_useContext","obj","__esModule","default","TypedPlaceholder","_ref","type","onPressRetry","STRINGS","useLocalization","createElement","Placeholder","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","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,2BAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAAsD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAetD,MAAMG,gBAAgB,GAAGC,IAAA,IAAmC;EAAA,IAAlC;IAAEC,IAAI;IAAEC;EAAoB,CAAC,GAAAF,IAAA;EACrD,MAAM;IAAEG;EAAQ,CAAC,GAAG,IAAAC,2BAAe,GAAE;EACrC,QAAQH,IAAI;IACV,KAAK,iBAAiB;MACpB,oBAAOV,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACX,2BAAA,CAAAY,WAAW;QAACC,IAAI,EAAE,KAAM;QAACC,OAAO,EAAEL,OAAO,CAACM,WAAW,CAACC;MAAgB,EAAG;IACnF,KAAK,aAAa;MAChB,oBAAOnB,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACX,2BAAA,CAAAY,WAAW;QAACC,IAAI,EAAE,MAAO;QAACC,OAAO,EAAEL,OAAO,CAACM,WAAW,CAACE;MAAY,EAAG;IAChF,KAAK,aAAa;MAChB,oBAAOpB,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACX,2BAAA,CAAAY,WAAW;QAACC,IAAI,EAAE,SAAU;QAACC,OAAO,EAAEL,OAAO,CAACM,WAAW,CAACG;MAAY,EAAG;IACnF,KAAK,kBAAkB;MACrB,oBAAOrB,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACX,2BAAA,CAAAY,WAAW;QAACC,IAAI,EAAE,MAAO;QAACC,OAAO,EAAEL,OAAO,CAACM,WAAW,CAACI;MAAiB,EAAG;IACrF,KAAK,uBAAuB;MAC1B,oBAAOtB,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACX,2BAAA,CAAAY,WAAW;QAACC,IAAI,EAAE,MAAO;QAACC,OAAO,EAAEL,OAAO,CAACM,WAAW,CAACK;MAAsB,EAAG;IAC1F,KAAK,kBAAkB;MACrB,oBAAOvB,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACX,2BAAA,CAAAY,WAAW;QAACC,IAAI,EAAE,QAAS;QAACC,OAAO,EAAEL,OAAO,CAACM,WAAW,CAACM;MAAiB,EAAG;IACvF,KAAK,UAAU;MACb,oBAAOxB,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACX,2BAAA,CAAAY,WAAW;QAACC,IAAI,EAAE,SAAU;QAACC,OAAO,EAAEL,OAAO,CAACM,WAAW,CAACO;MAAS,EAAG;IAChF,KAAK,aAAa;MAChB,oBACEzB,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACX,2BAAA,CAAAY,WAAW;QACVC,IAAI,EAAE,OAAQ;QACdC,OAAO,EAAEL,OAAO,CAACM,WAAW,CAACQ,KAAK,CAACC,OAAQ;QAC3CC,eAAe,EAAEhB,OAAO,CAACM,WAAW,CAACQ,KAAK,CAACG,WAAY;QACvDlB,YAAY,EAAEA;MAAa,EAC3B;IAEN,KAAK,SAAS;MACZ,oBAAOX,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACX,2BAAA,CAAAY,WAAW;QAACe,OAAO;QAACd,IAAI,EAAE;MAAU,EAAG;EAAC;AAEtD,CAAC;AAAC,IAAAe,QAAA,GAEavB,gBAAgB;AAAAwB,OAAA,CAAAzB,OAAA,GAAAwB,QAAA"}

package/lib/commonjs/components/UserActionBar.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const UserActionBar = _ref => {
   let {
     muted,
@@ -61,7 +55,6 @@ const UserActionBar = _ref => {
     containerStyle: styles.iconContainer
   }))));
 };
-
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   container: {
     flexDirection: 'row',