@sendbird/uikit-react-native 3.7.6 → 3.8.0

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

@@ -6,28 +6,22 @@ Object.defineProperty(exports, "__esModule", {
 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 _uikitUtils = require("@sendbird/uikit-utils");
 var _constants = require("../../constants");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const NUM_COLUMN = 6;
-const ReactionListBottomSheet = _ref => {
-  let {
-    visible,
-    onClose,
-    onDismiss,
-    reactionCtx,
-    chatCtx
-  } = _ref;
+const ReactionListBottomSheet = ({
+  visible,
+  onClose,
+  onDismiss,
+  reactionCtx,
+  chatCtx
+}) => {
   const {
     width
   } = (0, _reactNative.useWindowDimensions)();
-  const {
-    bottom,
-    left,
-    right
-  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const safeArea = (0, _uikitUtils.useSafeAreaPadding)(['bottom', 'left', 'right']);
   const {
     colors
   } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
@@ -49,10 +43,10 @@ const ReactionListBottomSheet = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.container, {
       width,
-      paddingBottom: bottom,
+      paddingBottom: safeArea.paddingBottom,
       backgroundColor: colors.ui.dialog.default.none.background,
-      paddingLeft: left + styles.container.paddingHorizontal,
-      paddingRight: right + styles.container.paddingHorizontal
+      paddingStart: safeArea.paddingStart + styles.container.paddingHorizontal,
+      paddingEnd: safeArea.paddingEnd + styles.container.paddingHorizontal
     }]
   }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
     data: emojiManager.allEmoji,
@@ -64,15 +58,14 @@ const ReactionListBottomSheet = _ref => {
         height: 16
       }
     }),
-    renderItem: _ref2 => {
-      var _message$reactions, _message$reactions$fi;
-      let {
-        item: {
-          key,
-          url
-        }
-      } = _ref2;
-      const reactedUserIds = (message === null || message === void 0 ? void 0 : (_message$reactions = message.reactions) === null || _message$reactions === void 0 ? void 0 : (_message$reactions$fi = _message$reactions.find(it => it.key === key)) === null || _message$reactions$fi === void 0 ? void 0 : _message$reactions$fi.userIds) ?? [];
+    renderItem: ({
+      item: {
+        key,
+        url
+      }
+    }) => {
+      var _message$reactions;
+      const reactedUserIds = (message === null || message === void 0 || (_message$reactions = message.reactions) === null || _message$reactions === void 0 || (_message$reactions = _message$reactions.find(it => it.key === key)) === null || _message$reactions === void 0 ? void 0 : _message$reactions.userIds) ?? [];
       const idx = reactedUserIds.indexOf((currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ?? _constants.UNKNOWN_USER_ID);
       const reacted = idx > -1;
       return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
@@ -90,14 +83,11 @@ const ReactionListBottomSheet = _ref => {
           }
           await onClose();
         },
-        style: _ref3 => {
-          let {
-            pressed
-          } = _ref3;
-          return [styles.button, {
-            backgroundColor: reacted || pressed ? color.selected.background : color.enabled.background
-          }];
-        }
+        style: ({
+          pressed
+        }) => [styles.button, {
+          backgroundColor: reacted || pressed ? color.selected.background : color.enabled.background
+        }]
       }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Image, {
         source: {
           uri: url
@@ -110,8 +100,8 @@ const ReactionListBottomSheet = _ref => {
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   container: {
     overflow: 'hidden',
-    borderTopLeftRadius: 8,
-    borderTopRightRadius: 8,
+    borderTopStartRadius: 8,
+    borderTopEndRadius: 8,
     paddingTop: 16,
     paddingHorizontal: 18,
     flexDirection: 'row'
@@ -140,6 +130,5 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     height: '100%'
   }
 });
-var _default = ReactionListBottomSheet;
-exports.default = _default;
+var _default = exports.default = ReactionListBottomSheet;
 //# sourceMappingURL=ReactionListBottomSheet.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_uikitReactNativeFoundation","_uikitUtils","_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","action","deleteReaction","addReaction","catch","error","Logger","warn","_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 type { BaseMessage } from '@sendbird/chat/message';\nimport { Image, Modal, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { Logger } from '@sendbird/uikit-utils';\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={async () => {\n                    if (message && channel) {\n                      const action = (message: BaseMessage, key: string) => {\n                        return reacted ? channel.deleteReaction(message, key) : channel.addReaction(message, key);\n                      };\n\n                      action(message, key).catch((error) => {\n                        Logger.warn('Failed to reaction', error);\n                      });\n                    }\n                    await 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","_uikitReactNativeFoundation","_uikitUtils","_constants","e","__esModule","default","NUM_COLUMN","ReactionListBottomSheet","visible","onClose","onDismiss","reactionCtx","chatCtx","width","useWindowDimensions","safeArea","useSafeAreaPadding","colors","useUIKitTheme","currentUser","emojiManager","channel","message","color","ui","reaction","createElement","Modal","type","Boolean","backgroundStyle","styles","modal","View","style","container","paddingBottom","backgroundColor","dialog","none","background","paddingStart","paddingHorizontal","paddingEnd","FlatList","data","allEmoji","numColumns","keyExtractor","item","key","contentContainerStyle","flatlist","ItemSeparatorComponent","height","renderItem","url","_message$reactions","reactedUserIds","reactions","find","it","userIds","idx","indexOf","userId","UNKNOWN_USER_ID","reacted","emojiItem","Pressable","onPress","action","deleteReaction","addReaction","catch","error","Logger","warn","pressed","button","selected","enabled","Image","source","uri","emoji","createStyleSheet","overflow","borderTopStartRadius","borderTopEndRadius","paddingTop","flexDirection","alignItems","justifyContent","padding","borderRadius","_default","exports"],"sources":["ReactionListBottomSheet.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList, Pressable, View, useWindowDimensions } from 'react-native';\n\nimport type { BaseMessage } from '@sendbird/chat/message';\nimport { Image, Modal, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { Logger, useSafeAreaPadding } from '@sendbird/uikit-utils';\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 safeArea = useSafeAreaPadding(['bottom', 'left', 'right']);\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: safeArea.paddingBottom,\n            backgroundColor: colors.ui.dialog.default.none.background,\n            paddingStart: safeArea.paddingStart + styles.container.paddingHorizontal,\n            paddingEnd: safeArea.paddingEnd + 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={async () => {\n                    if (message && channel) {\n                      const action = (message: BaseMessage, key: string) => {\n                        return reacted ? channel.deleteReaction(message, key) : channel.addReaction(message, key);\n                      };\n\n                      action(message, key).catch((error) => {\n                        Logger.warn('Failed to reaction', error);\n                      });\n                    }\n                    await 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    borderTopStartRadius: 8,\n    borderTopEndRadius: 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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","ignoreList":[]}

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

@@ -6,29 +6,23 @@ Object.defineProperty(exports, "__esModule", {
 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,
-    onClose,
-    onDismiss,
-    reactionCtx,
-    chatCtx,
-    localizationCtx,
-    onPressUserProfile
-  } = _ref;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const ReactionUserListBottomSheet = ({
+  visible,
+  onClose,
+  onDismiss,
+  reactionCtx,
+  chatCtx,
+  localizationCtx,
+  onPressUserProfile
+}) => {
   const {
     width
   } = (0, _reactNative.useWindowDimensions)();
-  const {
-    bottom,
-    left,
-    right
-  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const safeArea = (0, _uikitUtils.useSafeAreaPadding)(['left', 'right', 'bottom']);
   const {
     colors
   } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
@@ -55,24 +49,22 @@ const ReactionUserListBottomSheet = _ref => {
   const reactions = (message === null || message === void 0 ? void 0 : message.reactions) ?? [];
   const focusedReaction = reactions[tabIndex];
   const containerSafeArea = {
-    paddingLeft: left + styles.layout.paddingHorizontal,
-    paddingRight: right + styles.layout.paddingHorizontal
+    paddingStart: safeArea.paddingStart + styles.layout.paddingHorizontal,
+    paddingEnd: safeArea.paddingEnd + styles.layout.paddingHorizontal
   };
-  const focusTab = function (index) {
-    let animated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  const focusTab = (index, animated = 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({
+      (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 || _scrollRef$current.scrollTo({
         x: indicatorValue.x,
         animated
       });
     }
   };
-  const animateTabIndicator = function (x, width) {
-    let animated = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  const animateTabIndicator = (x, width, animated = true) => {
     const baseConfig = {
       duration: animated ? 300 : 0,
       easing: _reactNative.Easing.inOut(_reactNative.Easing.ease),
@@ -87,7 +79,7 @@ const ReactionUserListBottomSheet = _ref => {
     })]).start();
   };
   const layoutCalculated = () => {
-    return tabIndicatorValue.current.length === reactions.length && tabIndicatorValue.current.every(Boolean);
+    return tabIndicatorValue.current.filter(Boolean).length === reactions.length;
   };
   (0, _react.useEffect)(() => {
     if (!visible) {
@@ -107,13 +99,15 @@ const ReactionUserListBottomSheet = _ref => {
       return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
         key: reaction.key,
         style: [styles.tabItem, isLastItem && {
-          marginRight: styles.layout.marginRight
+          marginEnd: styles.layout.marginEnd
         }],
         onPress: () => focusTab(index),
         onLayout: e => {
-          tabIndicatorValue.current[index] = e.nativeEvent.layout;
+          const indexForLayout = _reactNative.I18nManager.isRTL ? reactions.length - 1 - index : index;
+          tabIndicatorValue.current[indexForLayout] = e.nativeEvent.layout;
           if (layoutCalculated()) {
             if (focusedWithLayoutCalculated.current) {
+              // re-calculating layout when screen rotation
               focusTab(tabIndex, false);
             } else {
               focusedWithLayoutCalculated.current = true;
@@ -132,38 +126,41 @@ const ReactionUserListBottomSheet = _ref => {
       }, (0, _uikitUtils.truncatedCount)((0, _uikitUtils.getReactionCount)(reaction))));
     }), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
       style: [styles.tabIndicator, {
-        left: tabIndicatorAnimated.x,
+        start: tabIndicatorAnimated.x,
         width: tabIndicatorAnimated.width,
         backgroundColor: color.selected.highlight
       }]
     }));
   };
   const renderPage = () => {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, focusedReaction === null || focusedReaction === void 0 ? void 0 : focusedReaction.userIds.map(userId => {
+    const userCountDifference = ((focusedReaction === null || focusedReaction === void 0 ? void 0 : focusedReaction.count) || 0) - ((focusedReaction === null || focusedReaction === void 0 ? void 0 : focusedReaction.sampledUserInfoList.length) || 0);
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, focusedReaction === null || focusedReaction === void 0 ? void 0 : focusedReaction.sampledUserInfoList.map(reactedUserInfo => {
       if (channel !== null && channel !== void 0 && channel.isGroupChannel()) {
-        const user = channel.members.find(x => x.userId === userId);
         return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
-          key: userId,
+          key: reactedUserInfo.userId,
           onPress: async () => {
-            if (user) {
-              await onClose();
-              onPressUserProfile(user);
-            }
+            await onClose();
+            onPressUserProfile(reactedUserInfo);
           },
           style: styles.pageItem
         }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Avatar, {
           size: 36,
-          uri: user === null || user === void 0 ? void 0 : user.profileUrl,
+          uri: reactedUserInfo === null || reactedUserInfo === void 0 ? void 0 : reactedUserInfo.profileUrl,
           containerStyle: styles.avatar
         }), /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
           subtitle2: true,
           style: {
             flex: 1
           }
-        }, (user === null || user === void 0 ? void 0 : user.nickname) || STRINGS.LABELS.USER_NO_NAME));
+        }, (reactedUserInfo === null || reactedUserInfo === void 0 ? void 0 : reactedUserInfo.nickname) || STRINGS.LABELS.USER_NO_NAME));
       }
       return null;
-    }));
+    }), userCountDifference > 0 && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: styles.pageItem
+    }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
+      body3: true,
+      color: colors.onBackground02
+    }, STRINGS.REACTION.MORE_USERS(userCountDifference))));
   };
   return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Modal, {
     type: 'slide-no-gesture',
@@ -174,7 +171,7 @@ const ReactionUserListBottomSheet = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.container, {
       width,
-      paddingBottom: bottom,
+      paddingBottom: safeArea.paddingBottom,
       backgroundColor: colors.ui.dialog.default.none.background
     }]
   }, /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
@@ -197,12 +194,12 @@ const ReactionUserListBottomSheet = _ref => {
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   layout: {
     paddingHorizontal: 16,
-    marginRight: 0
+    marginEnd: 0
   },
   container: {
     overflow: 'hidden',
-    borderTopLeftRadius: 8,
-    borderTopRightRadius: 8,
+    borderTopStartRadius: 8,
+    borderTopEndRadius: 8,
     paddingTop: 16,
     alignItems: 'center'
   },
@@ -221,7 +218,7 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     height: 44
   },
   tabItem: {
-    marginRight: 16,
+    marginEnd: 16,
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'center'
@@ -229,7 +226,7 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   tabEmoji: {
     width: 28,
     height: 28,
-    marginRight: 4
+    marginEnd: 4
   },
   tabIndicator: {
     position: 'absolute',
@@ -247,9 +244,8 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     alignItems: 'center'
   },
   avatar: {
-    marginRight: 16
+    marginEnd: 16
   }
 });
-var _default = ReactionUserListBottomSheet;
-exports.default = _default;
+var _default = exports.default = ReactionUserListBottomSheet;
 //# sourceMappingURL=ReactionUserListBottomSheet.js.map

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

@@ -1 +1 @@
-{"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","onPressUserProfile","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","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  onPressUserProfile,\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                    onPressUserProfile(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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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitReactNativeFoundation","_uikitUtils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ReactionUserListBottomSheet","visible","onClose","onDismiss","reactionCtx","chatCtx","localizationCtx","onPressUserProfile","width","useWindowDimensions","safeArea","useSafeAreaPadding","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","paddingStart","styles","layout","paddingHorizontal","paddingEnd","focusTab","index","animated","indicatorValue","_scrollRef$current","animateTabIndicator","scrollTo","baseConfig","duration","easing","Easing","inOut","ease","useNativeDriver","parallel","timing","toValue","start","layoutCalculated","filter","Boolean","length","useEffect","renderTabs","createElement","Pressable","style","tabsWrapper","map","isFocused","key","isLastItem","emoji","allEmojiMap","tabItem","marginEnd","onPress","onLayout","indexForLayout","I18nManager","isRTL","nativeEvent","Image","source","uri","url","tabEmoji","Text","button","selected","highlight","enabled","truncatedCount","getReactionCount","View","tabIndicator","backgroundColor","renderPage","userCountDifference","count","sampledUserInfoList","Fragment","reactedUserInfo","isGroupChannel","userId","pageItem","Avatar","size","profileUrl","containerStyle","avatar","subtitle2","flex","nickname","LABELS","USER_NO_NAME","body3","onBackground02","REACTION","MORE_USERS","Modal","type","backgroundStyle","modal","container","paddingBottom","dialog","none","background","ScrollView","ref","horizontal","bounces","showsHorizontalScrollIndicator","contentContainerStyle","tabsContainer","Divider","top","showsVerticalScrollIndicator","pageContainer","createStyleSheet","overflow","borderTopStartRadius","borderTopEndRadius","paddingTop","alignItems","justifyContent","flexGrow","flexDirection","height","position","bottom","_default","exports"],"sources":["ReactionUserListBottomSheet.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Animated, Easing, I18nManager, Pressable, ScrollView, View, useWindowDimensions } from 'react-native';\n\nimport {\n  Avatar,\n  Divider,\n  Image,\n  Modal,\n  Text,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport { SendbirdReaction, getReactionCount, truncatedCount, useSafeAreaPadding } from '@sendbird/uikit-utils';\n\nimport type { ReactionBottomSheetProps } from './index';\n\nconst ReactionUserListBottomSheet = ({\n  visible,\n  onClose,\n  onDismiss,\n  reactionCtx,\n  chatCtx,\n  localizationCtx,\n  onPressUserProfile,\n}: ReactionBottomSheetProps) => {\n  const { width } = useWindowDimensions();\n  const safeArea = useSafeAreaPadding(['left', 'right', 'bottom']);\n  const { colors } = useUIKitTheme();\n\n  const [tabIndex, setTabIndex] = useState(0);\n  const scrollRef = useRef<ScrollView>();\n  const tabIndicatorValue = useRef<Array<{ x: number; width: number }>>([]);\n  const tabIndicatorAnimated = useRef({ x: new Animated.Value(0), width: new Animated.Value(0) }).current;\n  const focusedWithLayoutCalculated = useRef(false);\n\n  const { emojiManager } = chatCtx;\n  const { channel, message, focusIndex } = reactionCtx;\n  const { STRINGS } = localizationCtx;\n\n  const color = colors.ui.reaction.default;\n  const reactions = message?.reactions ?? [];\n  const focusedReaction = reactions[tabIndex] as SendbirdReaction | undefined;\n  const containerSafeArea = {\n    paddingStart: safeArea.paddingStart + styles.layout.paddingHorizontal,\n    paddingEnd: safeArea.paddingEnd + styles.layout.paddingHorizontal,\n  };\n\n  const focusTab = (index: number, animated = true) => {\n    const indicatorValue = tabIndicatorValue.current[index];\n    if (indicatorValue) {\n      setTabIndex(index);\n      animateTabIndicator(indicatorValue.x, indicatorValue.width, animated);\n      scrollRef.current?.scrollTo({ x: indicatorValue.x, animated });\n    }\n  };\n\n  const animateTabIndicator = (x: number, width: number, animated = true) => {\n    const baseConfig = { duration: animated ? 300 : 0, easing: Easing.inOut(Easing.ease), useNativeDriver: false };\n    Animated.parallel([\n      Animated.timing(tabIndicatorAnimated.x, { toValue: x, ...baseConfig }),\n      Animated.timing(tabIndicatorAnimated.width, { toValue: width, ...baseConfig }),\n    ]).start();\n  };\n\n  const layoutCalculated = () => {\n    return tabIndicatorValue.current.filter(Boolean).length === reactions.length;\n  };\n\n  useEffect(() => {\n    if (!visible) {\n      tabIndicatorValue.current = [];\n      tabIndicatorAnimated.x = new Animated.Value(0);\n      tabIndicatorAnimated.width = new Animated.Value(0);\n      focusedWithLayoutCalculated.current = false;\n    }\n  }, [visible]);\n\n  const renderTabs = () => {\n    return (\n      <Pressable style={styles.tabsWrapper}>\n        {reactions.map((reaction, index) => {\n          const isFocused = focusedReaction?.key === reaction.key;\n          const isLastItem = reactions.length - 1 === index;\n          const emoji = emojiManager.allEmojiMap[reaction.key];\n\n          return (\n            <Pressable\n              key={reaction.key}\n              style={[styles.tabItem, isLastItem && { marginEnd: styles.layout.marginEnd }]}\n              onPress={() => focusTab(index)}\n              onLayout={(e) => {\n                const indexForLayout = I18nManager.isRTL ? reactions.length - 1 - index : index;\n                tabIndicatorValue.current[indexForLayout] = e.nativeEvent.layout;\n                if (layoutCalculated()) {\n                  if (focusedWithLayoutCalculated.current) {\n                    // re-calculating layout when screen rotation\n                    focusTab(tabIndex, false);\n                  } else {\n                    focusedWithLayoutCalculated.current = true;\n                    focusTab(focusIndex);\n                  }\n                }\n              }}\n            >\n              <Image source={{ 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              start: tabIndicatorAnimated.x,\n              width: tabIndicatorAnimated.width,\n              backgroundColor: color.selected.highlight,\n            },\n          ]}\n        />\n      </Pressable>\n    );\n  };\n\n  const renderPage = () => {\n    const userCountDifference = (focusedReaction?.count || 0) - (focusedReaction?.sampledUserInfoList.length || 0);\n\n    return (\n      <>\n        {focusedReaction?.sampledUserInfoList.map((reactedUserInfo) => {\n          if (channel?.isGroupChannel()) {\n            return (\n              <Pressable\n                key={reactedUserInfo.userId}\n                onPress={async () => {\n                  await onClose();\n                  onPressUserProfile(reactedUserInfo);\n                }}\n                style={styles.pageItem}\n              >\n                <Avatar size={36} uri={reactedUserInfo?.profileUrl} containerStyle={styles.avatar} />\n                <Text subtitle2 style={{ flex: 1 }}>\n                  {reactedUserInfo?.nickname || STRINGS.LABELS.USER_NO_NAME}\n                </Text>\n              </Pressable>\n            );\n          }\n          return null;\n        })}\n        {userCountDifference > 0 && (\n          <View style={styles.pageItem}>\n            <Text body3 color={colors.onBackground02}>\n              {STRINGS.REACTION.MORE_USERS(userCountDifference)}\n            </Text>\n          </View>\n        )}\n      </>\n    );\n  };\n\n  return (\n    <Modal\n      type={'slide-no-gesture'}\n      visible={Boolean(visible && channel && message)}\n      onClose={onClose}\n      onDismiss={onDismiss}\n      backgroundStyle={styles.modal}\n    >\n      <View\n        style={[\n          styles.container,\n          { width, paddingBottom: safeArea.paddingBottom, backgroundColor: colors.ui.dialog.default.none.background },\n        ]}\n      >\n        <ScrollView\n          ref={scrollRef as never}\n          horizontal\n          bounces={false}\n          showsHorizontalScrollIndicator={false}\n          contentContainerStyle={[containerSafeArea, styles.tabsContainer]}\n        >\n          {renderTabs()}\n        </ScrollView>\n        <Divider style={{ top: -1 }} />\n        <ScrollView\n          bounces={false}\n          showsVerticalScrollIndicator={false}\n          style={styles.pageContainer}\n          contentContainerStyle={containerSafeArea}\n        >\n          {renderPage()}\n        </ScrollView>\n      </View>\n    </Modal>\n  );\n};\n\nconst styles = createStyleSheet({\n  layout: {\n    paddingHorizontal: 16,\n    marginEnd: 0,\n  },\n  container: {\n    overflow: 'hidden',\n    borderTopStartRadius: 8,\n    borderTopEndRadius: 8,\n    paddingTop: 16,\n    alignItems: 'center',\n  },\n  modal: {\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n  },\n  tabsContainer: {\n    flexGrow: 1,\n  },\n  tabsWrapper: {\n    flexGrow: 1,\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n    justifyContent: 'center',\n    height: 44,\n  },\n  tabItem: {\n    marginEnd: 16,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  tabEmoji: {\n    width: 28,\n    height: 28,\n    marginEnd: 4,\n  },\n  tabIndicator: {\n    position: 'absolute',\n    bottom: 0,\n    height: 3,\n  },\n  pageContainer: {\n    height: 216,\n    width: '100%',\n  },\n  pageItem: {\n    flexDirection: 'row',\n    width: '100%',\n    height: 48,\n    alignItems: 'center',\n  },\n  avatar: {\n    marginEnd: 16,\n  },\n});\n\nexport default ReactionUserListBottomSheet;\n"],"mappings":"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","ignoreList":[]}

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

@@ -6,10 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 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 = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ReactionBottomSheets = exports.ReactionBottomSheets = {
   ReactionList: _ReactionListBottomSheet.default,
   UserList: _ReactionUserListBottomSheet.default
 };
-exports.ReactionBottomSheets = ReactionBottomSheets;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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 { SendbirdMember, SendbirdUser } from '@sendbird/uikit-utils';\n\nimport type { LocalizationContext } from '../../contexts/LocalizationCtx';\nimport type { ReactionContext } from '../../contexts/ReactionCtx';\nimport type { SendbirdChatContext } from '../../contexts/SendbirdChatCtx';\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  onPressUserProfile: (user: SendbirdUser | SendbirdMember) => void;\n  chatCtx: GetFromContext<typeof SendbirdChatContext>;\n  reactionCtx: GetFromContext<typeof ReactionContext>;\n  localizationCtx: GetFromContext<typeof LocalizationContext>;\n};\n\nexport const ReactionBottomSheets = {\n  ReactionList,\n  UserList,\n};\n"],"mappings":";;;;;;AAOA,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"}
+{"version":3,"names":["_ReactionListBottomSheet","_interopRequireDefault","require","_ReactionUserListBottomSheet","e","__esModule","default","ReactionBottomSheets","exports","ReactionList","UserList"],"sources":["index.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { SendbirdReactedUserInfo } from '@sendbird/uikit-utils';\n\nimport type { LocalizationContext } from '../../contexts/LocalizationCtx';\nimport type { ReactionContext } from '../../contexts/ReactionCtx';\nimport type { SendbirdChatContext } from '../../contexts/SendbirdChatCtx';\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  onPressUserProfile: (user: SendbirdReactedUserInfo) => void;\n  chatCtx: GetFromContext<typeof SendbirdChatContext>;\n  reactionCtx: GetFromContext<typeof ReactionContext>;\n  localizationCtx: GetFromContext<typeof LocalizationContext>;\n};\n\nexport const ReactionBottomSheets = {\n  ReactionList,\n  UserList,\n};\n"],"mappings":";;;;;;AAOA,IAAAA,wBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,4BAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAqD,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAa9C,MAAMG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG;EAClCE,YAAY,EAAZA,gCAAY;EACZC,QAAQ,EAARA;AACF,CAAC","ignoreList":[]}

package/lib/commonjs/components/ScrollToBottomButton.js

@@ -7,12 +7,11 @@ 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,
-    onPress
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ScrollToBottomButton = ({
+  visible,
+  onPress
+}) => {
   const {
     palette,
     select
@@ -53,6 +52,5 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     })
   }
 });
-var _default = /*#__PURE__*/_react.default.memo(ScrollToBottomButton);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/_react.default.memo(ScrollToBottomButton);
 //# sourceMappingURL=ScrollToBottomButton.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","e","__esModule","default","ScrollToBottomButton","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","exports","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  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,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAMhG,MAAMG,oBAAoB,GAAGA,CAAC;EAAEC,OAAO;EAAEC;AAAe,CAAC,KAAK;EAC5D,MAAM;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAG,IAAAC,yCAAa,EAAC,CAAC;EAC3C,IAAI,CAACJ,OAAO,EAAE,OAAO,IAAI;EAEzB,oBACET,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACX,YAAA,CAAAY,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,gBAEFzB,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACV,2BAAA,CAAAsB,IAAI;IAACC,IAAI,EAAE,cAAe;IAACC,IAAI,EAAE;EAAG,CAAE,CACvB,CAAC;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,GAAAC,OAAA,CAAApC,OAAA,gBAEYqC,cAAK,CAACC,IAAI,CAACrC,oBAAoB,CAAC","ignoreList":[]}

package/lib/commonjs/components/StatusComposition.js

@@ -5,19 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const StatusComposition = _ref => {
-  let {
-    children,
-    error,
-    ErrorComponent,
-    LoadingComponent,
-    loading
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StatusComposition = ({
+  children,
+  error,
+  ErrorComponent,
+  LoadingComponent,
+  loading
+}) => {
   if (loading && LoadingComponent) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, LoadingComponent);
   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;
+var _default = exports.default = StatusComposition;
 //# sourceMappingURL=StatusComposition.js.map

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

@@ -1 +1 @@
-{"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, { ReactNode } from 'react';\n\ntype Props = {\n  loading?: boolean;\n  LoadingComponent?: ReactNode;\n  error?: boolean;\n  ErrorComponent?: ReactNode;\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;AAAyC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AASzC,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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","e","__esModule","default","StatusComposition","children","error","ErrorComponent","LoadingComponent","loading","createElement","Fragment","_default","exports"],"sources":["StatusComposition.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n\ntype Props = {\n  loading?: boolean;\n  LoadingComponent?: ReactNode;\n  error?: boolean;\n  ErrorComponent?: ReactNode;\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;AAAyC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AASzC,MAAMG,iBAAiB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,cAAc;EAAEC,gBAAgB;EAAEC;AAAe,CAAC,KAAK;EACnG,IAAIA,OAAO,IAAID,gBAAgB,EAAE,oBAAOV,MAAA,CAAAK,OAAA,CAAAO,aAAA,CAAAZ,MAAA,CAAAK,OAAA,CAAAQ,QAAA,QAAGH,gBAAmB,CAAC;EAC/D,IAAIF,KAAK,IAAIC,cAAc,EAAE,oBAAOT,MAAA,CAAAK,OAAA,CAAAO,aAAA,CAAAZ,MAAA,CAAAK,OAAA,CAAAQ,QAAA,QAAGJ,cAAiB,CAAC;EACzD,oBAAOT,MAAA,CAAAK,OAAA,CAAAO,aAAA,CAAAZ,MAAA,CAAAK,OAAA,CAAAQ,QAAA,QAAGN,QAAW,CAAC;AACxB,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEaC,iBAAiB","ignoreList":[]}