@sendbird/uikit-react-native 3.7.6 → 3.8.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikitReactNativeFoundation","_uikitUtils","_useContext","_OpenChannelMessageDateSeparator","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","OpenChannelMessageRenderer","_ref","channel","message","onPress","onLongPress","onShowUserProfile","enableMessageGrouping","prevMessage","nextMessage","handlers","useSBUHandlers","sbOptions","useSendbirdChat","STRINGS","useLocalization","mediaService","usePlatformService","groupWithPrev","calcMessageGrouping","Boolean","messageProps","onPressURL","url","onOpenURL","onPressAvatar","sender","hideMessageButton","grouped","strings","edited","OPEN_CHANNEL","MESSAGE_BUBBLE_EDITED_POSTFIX","senderName","nickname","LABELS","USER_NO_NAME","sentDate","MESSAGE_BUBBLE_TIME","fileName","isFileMessage","MESSAGE_BUBBLE_FILE_TITLE","unknownTitle","MESSAGE_BUBBLE_UNKNOWN_TITLE","unknownDescription","MESSAGE_BUBBLE_UNKNOWN_DESC","renderMessage","getMessageType","createElement","OpenChannelMessage","Admin","User","uikitWithAppInfo","openChannel","enableOgtag","OpenGraphUser","File","ImageFile","VideoFile","fetchThumbnailFromVideoSource","uri","getVideoThumbnail","timeMills","Unknown","Box","_default","React","memo","exports"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { OpenChannelMessageProps } from '@sendbird/uikit-react-native-foundation';\nimport { Box, OpenChannelMessage } from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdAdminMessage,\n  SendbirdFileMessage,\n  SendbirdMessage,\n  SendbirdUserMessage,\n  calcMessageGrouping,\n  getMessageType,\n} from '@sendbird/uikit-utils';\n\nimport type { OpenChannelProps } from '../../domain/openChannel/types';\nimport { useLocalization, usePlatformService, useSBUHandlers, useSendbirdChat } from '../../hooks/useContext';\nimport OpenChannelMessageDateSeparator from './OpenChannelMessageDateSeparator';\n\nconst OpenChannelMessageRenderer: OpenChannelProps['Fragment']['renderMessage'] = ({\n  channel,\n  message,\n  onPress,\n  onLongPress,\n  onShowUserProfile,\n  enableMessageGrouping,\n  prevMessage,\n  nextMessage,\n}) => {\n  const handlers = useSBUHandlers();\n  const { sbOptions } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { mediaService } = usePlatformService();\n  const { groupWithPrev } = calcMessageGrouping(Boolean(enableMessageGrouping), message, prevMessage, nextMessage);\n\n  const messageProps: Omit<OpenChannelMessageProps<SendbirdMessage>, 'message'> = {\n    channel,\n    onPress,\n    onLongPress,\n    onPressURL: (url) => handlers.onOpenURL(url),\n    onPressAvatar: () => 'sender' in message && onShowUserProfile?.(message.sender, { hideMessageButton: true }),\n    grouped: groupWithPrev,\n    strings: {\n      edited: STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_EDITED_POSTFIX,\n      senderName: ('sender' in message && message.sender.nickname) || STRINGS.LABELS.USER_NO_NAME,\n      sentDate: STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_TIME(message),\n      fileName: message.isFileMessage() ? STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_FILE_TITLE(message) : '',\n      unknownTitle: STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_TITLE(message),\n      unknownDescription: STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_DESC(message),\n    },\n  };\n  const renderMessage = () => {\n    switch (getMessageType(message)) {\n      case 'admin': {\n        return <OpenChannelMessage.Admin message={message as SendbirdAdminMessage} {...messageProps} />;\n      }\n      case 'user': {\n        return <OpenChannelMessage.User message={message as SendbirdUserMessage} {...messageProps} />;\n      }\n      case 'user.opengraph': {\n        if (sbOptions.uikitWithAppInfo.openChannel.channel.enableOgtag) {\n          return <OpenChannelMessage.OpenGraphUser message={message as SendbirdUserMessage} {...messageProps} />;\n        } else {\n          return <OpenChannelMessage.User message={message as SendbirdUserMessage} {...messageProps} />;\n        }\n      }\n      case 'file':\n      case 'file.voice':\n      case 'file.audio': {\n        return <OpenChannelMessage.File message={message as SendbirdFileMessage} {...messageProps} />;\n      }\n      case 'file.image': {\n        return <OpenChannelMessage.ImageFile message={message as SendbirdFileMessage} {...messageProps} />;\n      }\n      case 'file.video': {\n        return (\n          <OpenChannelMessage.VideoFile\n            message={message as SendbirdFileMessage}\n            fetchThumbnailFromVideoSource={(uri) => mediaService.getVideoThumbnail({ url: uri, timeMills: 1000 })}\n            {...messageProps}\n          />\n        );\n      }\n      case 'unknown':\n      default: {\n        return <OpenChannelMessage.Unknown message={message} {...messageProps} />;\n      }\n    }\n  };\n\n  return (\n    <Box>\n      <OpenChannelMessageDateSeparator message={message} prevMessage={prevMessage} />\n      {renderMessage()}\n    </Box>\n  );\n};\n\nexport default React.memo(OpenChannelMessageRenderer);\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikitReactNativeFoundation","_uikitUtils","_useContext","_OpenChannelMessageDateSeparator","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","OpenChannelMessageRenderer","channel","message","onPress","onLongPress","onShowUserProfile","enableMessageGrouping","prevMessage","nextMessage","handlers","useSBUHandlers","sbOptions","useSendbirdChat","STRINGS","useLocalization","mediaService","usePlatformService","groupWithPrev","calcMessageGrouping","Boolean","messageProps","onPressURL","url","onOpenURL","onPressAvatar","sender","hideMessageButton","grouped","strings","edited","OPEN_CHANNEL","MESSAGE_BUBBLE_EDITED_POSTFIX","senderName","nickname","LABELS","USER_NO_NAME","sentDate","MESSAGE_BUBBLE_TIME","fileName","isFileMessage","MESSAGE_BUBBLE_FILE_TITLE","unknownTitle","MESSAGE_BUBBLE_UNKNOWN_TITLE","unknownDescription","MESSAGE_BUBBLE_UNKNOWN_DESC","renderMessage","getMessageType","createElement","OpenChannelMessage","Admin","User","uikitWithAppInfo","openChannel","enableOgtag","OpenGraphUser","File","ImageFile","VideoFile","fetchThumbnailFromVideoSource","uri","getVideoThumbnail","timeMills","Unknown","Box","_default","exports","React","memo"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { OpenChannelMessageProps } from '@sendbird/uikit-react-native-foundation';\nimport { Box, OpenChannelMessage } from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdAdminMessage,\n  SendbirdFileMessage,\n  SendbirdMessage,\n  SendbirdUserMessage,\n  calcMessageGrouping,\n  getMessageType,\n} from '@sendbird/uikit-utils';\n\nimport type { OpenChannelProps } from '../../domain/openChannel/types';\nimport { useLocalization, usePlatformService, useSBUHandlers, useSendbirdChat } from '../../hooks/useContext';\nimport OpenChannelMessageDateSeparator from './OpenChannelMessageDateSeparator';\n\nconst OpenChannelMessageRenderer: OpenChannelProps['Fragment']['renderMessage'] = ({\n  channel,\n  message,\n  onPress,\n  onLongPress,\n  onShowUserProfile,\n  enableMessageGrouping,\n  prevMessage,\n  nextMessage,\n}) => {\n  const handlers = useSBUHandlers();\n  const { sbOptions } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { mediaService } = usePlatformService();\n  const { groupWithPrev } = calcMessageGrouping(Boolean(enableMessageGrouping), message, prevMessage, nextMessage);\n\n  const messageProps: Omit<OpenChannelMessageProps<SendbirdMessage>, 'message'> = {\n    channel,\n    onPress,\n    onLongPress,\n    onPressURL: (url) => handlers.onOpenURL(url),\n    onPressAvatar: () => 'sender' in message && onShowUserProfile?.(message.sender, { hideMessageButton: true }),\n    grouped: groupWithPrev,\n    strings: {\n      edited: STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_EDITED_POSTFIX,\n      senderName: ('sender' in message && message.sender.nickname) || STRINGS.LABELS.USER_NO_NAME,\n      sentDate: STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_TIME(message),\n      fileName: message.isFileMessage() ? STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_FILE_TITLE(message) : '',\n      unknownTitle: STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_TITLE(message),\n      unknownDescription: STRINGS.OPEN_CHANNEL.MESSAGE_BUBBLE_UNKNOWN_DESC(message),\n    },\n  };\n  const renderMessage = () => {\n    switch (getMessageType(message)) {\n      case 'admin': {\n        return <OpenChannelMessage.Admin message={message as SendbirdAdminMessage} {...messageProps} />;\n      }\n      case 'user': {\n        return <OpenChannelMessage.User message={message as SendbirdUserMessage} {...messageProps} />;\n      }\n      case 'user.opengraph': {\n        if (sbOptions.uikitWithAppInfo.openChannel.channel.enableOgtag) {\n          return <OpenChannelMessage.OpenGraphUser message={message as SendbirdUserMessage} {...messageProps} />;\n        } else {\n          return <OpenChannelMessage.User message={message as SendbirdUserMessage} {...messageProps} />;\n        }\n      }\n      case 'file':\n      case 'file.voice':\n      case 'file.audio': {\n        return <OpenChannelMessage.File message={message as SendbirdFileMessage} {...messageProps} />;\n      }\n      case 'file.image': {\n        return <OpenChannelMessage.ImageFile message={message as SendbirdFileMessage} {...messageProps} />;\n      }\n      case 'file.video': {\n        return (\n          <OpenChannelMessage.VideoFile\n            message={message as SendbirdFileMessage}\n            fetchThumbnailFromVideoSource={(uri) => mediaService.getVideoThumbnail({ url: uri, timeMills: 1000 })}\n            {...messageProps}\n          />\n        );\n      }\n      case 'unknown':\n      default: {\n        return <OpenChannelMessage.Unknown message={message} {...messageProps} />;\n      }\n    }\n  };\n\n  return (\n    <Box>\n      <OpenChannelMessageDateSeparator message={message} prevMessage={prevMessage} />\n      {renderMessage()}\n    </Box>\n  );\n};\n\nexport default React.memo(OpenChannelMessageRenderer);\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ProviderLayout.js

@@ -7,11 +7,10 @@ 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 ProviderLayout = _ref => {
-  let {
-    children
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ProviderLayout = ({
+  children
+}) => {
   const {
     colors
   } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
@@ -26,6 +25,5 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     flex: 1
   }
 });
-var _default = ProviderLayout;
-exports.default = _default;
+var _default = exports.default = ProviderLayout;
 //# sourceMappingURL=ProviderLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","obj","__esModule","default","ProviderLayout","_ref","children","colors","useUIKitTheme","createElement","View","style","styles","view","backgroundColor","background","createStyleSheet","flex","_default","exports"],"sources":["ProviderLayout.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nconst ProviderLayout = ({ children }: React.PropsWithChildren) => {\n  const { colors } = useUIKitTheme();\n  return <View style={[styles.view, { backgroundColor: colors.background }]}>{children}</View>;\n};\n\nconst styles = createStyleSheet({\n  view: {\n    flex: 1,\n  },\n});\n\nexport default ProviderLayout;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AAA0F,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1F,MAAMG,cAAc,GAAGC,IAAA,IAA2C;EAAA,IAA1C;IAAEC;EAAkC,CAAC,GAAAD,IAAA;EAC3D,MAAM;IAAEE;EAAO,CAAC,GAAG,IAAAC,yCAAa,GAAE;EAClC,oBAAOZ,MAAA,CAAAO,OAAA,CAAAM,aAAA,CAACV,YAAA,CAAAW,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEC,eAAe,EAAEP,MAAM,CAACQ;IAAW,CAAC;EAAE,GAAET,QAAQ,CAAQ;AAC9F,CAAC;AAED,MAAMM,MAAM,GAAG,IAAAI,4CAAgB,EAAC;EAC9BH,IAAI,EAAE;IACJI,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYd,cAAc;AAAAe,OAAA,CAAAhB,OAAA,GAAAe,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","e","__esModule","default","ProviderLayout","children","colors","useUIKitTheme","createElement","View","style","styles","view","backgroundColor","background","createStyleSheet","flex","_default","exports"],"sources":["ProviderLayout.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nconst ProviderLayout = ({ children }: React.PropsWithChildren) => {\n  const { colors } = useUIKitTheme();\n  return <View style={[styles.view, { backgroundColor: colors.background }]}>{children}</View>;\n};\n\nconst styles = createStyleSheet({\n  view: {\n    flex: 1,\n  },\n});\n\nexport default ProviderLayout;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AAA0F,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1F,MAAMG,cAAc,GAAGA,CAAC;EAAEC;AAAkC,CAAC,KAAK;EAChE,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,yCAAa,EAAC,CAAC;EAClC,oBAAOX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,YAAA,CAAAU,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEC,eAAe,EAAEP,MAAM,CAACQ;IAAW,CAAC;EAAE,GAAET,QAAe,CAAC;AAC9F,CAAC;AAED,MAAMM,MAAM,GAAG,IAAAI,4CAAgB,EAAC;EAC9BH,IAAI,EAAE;IACJI,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAf,OAAA,GAEYC,cAAc","ignoreList":[]}

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

@@ -6,19 +6,17 @@ 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 _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
+var _uikitTools = require("@sendbird/uikit-tools");
 var _uikitUtils = require("@sendbird/uikit-utils");
 var _constants = require("../../constants");
 var _useContext = require("../../hooks/useContext");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const BottomSheetReactionAddon = _ref => {
-  let {
-    onClose,
-    message,
-    channel
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const BottomSheetReactionAddon = ({
+  onClose,
+  message,
+  channel
+}) => {
   const {
     emojiManager,
     currentUser,
@@ -31,12 +29,8 @@ const BottomSheetReactionAddon = _ref => {
   const {
     colors
   } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
-  const handlerId = (0, _uikitUtils.useUniqHandlerId)('BottomSheetReactionAddon');
-  const {
-    left,
-    right
-  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
-  (0, _uikitChatHooks.useChannelHandler)(sdk, handlerId, {
+  const safeArea = (0, _uikitUtils.useSafeAreaPadding)(['left', 'right']);
+  (0, _uikitTools.useGroupChannelHandler)(sdk, {
     async onReactionUpdated(eventChannel, event) {
       if ((channel === null || channel === void 0 ? void 0 : channel.url) === eventChannel.url && event.messageId === (message === null || message === void 0 ? void 0 : message.messageId)) {
         const msg = await sdk.message.getMessage({
@@ -55,16 +49,15 @@ const BottomSheetReactionAddon = _ref => {
   const color = colors.ui.reaction.default;
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.container, {
-      marginRight: right,
-      marginLeft: left
+      marginStart: safeArea.paddingStart,
+      marginEnd: safeArea.paddingEnd
     }]
-  }, emojiAll.map(_ref2 => {
-    var _message$reactions, _message$reactions$fi;
-    let {
-      key,
-      url
-    } = _ref2;
-    const reactionUserIds = (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) ?? [];
+  }, emojiAll.map(({
+    key,
+    url
+  }) => {
+    var _message$reactions;
+    const reactionUserIds = (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 currentUserIdx = reactionUserIds.indexOf((currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId) ?? _constants.UNKNOWN_USER_ID);
     const reacted = currentUserIdx > -1;
     const onPress = async () => {
@@ -80,14 +73,11 @@ const BottomSheetReactionAddon = _ref => {
     return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
       key: key,
       onPress: onPress,
-      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
@@ -102,14 +92,11 @@ const BottomSheetReactionAddon = _ref => {
         message
       });
     },
-    style: _ref4 => {
-      let {
-        pressed
-      } = _ref4;
-      return [styles.button, {
-        backgroundColor: pressed ? color.selected.background : color.enabled.background
-      }];
-    }
+    style: ({
+      pressed
+    }) => [styles.button, {
+      backgroundColor: pressed ? color.selected.background : color.enabled.background
+    }]
   }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
     icon: 'emoji-more',
     style: styles.emoji,
@@ -135,6 +122,5 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     height: '100%'
   }
 });
-var _default = BottomSheetReactionAddon;
-exports.default = _default;
+var _default = exports.default = BottomSheetReactionAddon;
 //# sourceMappingURL=BottomSheetReactionAddon.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_uikitChatHooks","_uikitReactNativeFoundation","_uikitUtils","_constants","_useContext","obj","__esModule","default","BottomSheetReactionAddon","_ref","onClose","message","channel","emojiManager","currentUser","sdk","useSendbirdChat","updateReactionFocusedItem","openReactionList","useReaction","colors","useUIKitTheme","handlerId","useUniqHandlerId","left","right","useSafeAreaInsets","useChannelHandler","onReactionUpdated","eventChannel","event","url","messageId","msg","getMessage","includeReactions","channelUrl","channelType","emojiAll","allEmoji","slice","color","ui","reaction","createElement","View","style","styles","container","marginRight","marginLeft","map","_ref2","_message$reactions","_message$reactions$fi","key","reactionUserIds","reactions","find","it","userIds","currentUserIdx","indexOf","userId","UNKNOWN_USER_ID","reacted","onPress","action","deleteReaction","addReaction","catch","error","Logger","warn","finally","Pressable","_ref3","pressed","button","backgroundColor","selected","background","enabled","Image","source","uri","emoji","_ref4","Icon","icon","onBackground03","createStyleSheet","paddingTop","paddingBottom","paddingHorizontal","flexDirection","justifyContent","width","height","padding","borderRadius","_default","exports"],"sources":["BottomSheetReactionAddon.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport type { BaseMessage } from '@sendbird/chat/message';\nimport { useChannelHandler } from '@sendbird/uikit-chat-hooks';\nimport { Icon, Image, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { Logger, SendbirdBaseChannel, SendbirdBaseMessage, useUniqHandlerId } from '@sendbird/uikit-utils';\n\nimport { UNKNOWN_USER_ID } from '../../constants';\nimport { useReaction, useSendbirdChat } from '../../hooks/useContext';\n\ntype Props = {\n  onClose: () => Promise<void>;\n  channel: SendbirdBaseChannel;\n  message: SendbirdBaseMessage;\n};\nconst BottomSheetReactionAddon = ({ onClose, message, channel }: Props) => {\n  const { emojiManager, currentUser, sdk } = useSendbirdChat();\n  const { updateReactionFocusedItem, openReactionList } = useReaction();\n  const { colors } = useUIKitTheme();\n  const handlerId = useUniqHandlerId('BottomSheetReactionAddon');\n  const { left, right } = useSafeAreaInsets();\n\n  useChannelHandler(sdk, handlerId, {\n    async onReactionUpdated(eventChannel, event) {\n      if (channel?.url === eventChannel.url && event.messageId === message?.messageId) {\n        const msg = (await sdk.message.getMessage({\n          includeReactions: true,\n          messageId: message.messageId,\n          channelUrl: message.channelUrl,\n          channelType: message.channelType,\n        })) as null | BaseMessage;\n        if (msg) updateReactionFocusedItem({ message: msg });\n      }\n    },\n  });\n\n  const emojiAll = emojiManager.allEmoji.slice(0, 5);\n  const color = colors.ui.reaction.default;\n\n  return (\n    <View style={[styles.container, { marginRight: right, marginLeft: left }]}>\n      {emojiAll.map(({ key, url }) => {\n        const reactionUserIds = message?.reactions?.find((it) => it.key === key)?.userIds ?? [];\n        const currentUserIdx = reactionUserIds.indexOf(currentUser?.userId ?? UNKNOWN_USER_ID);\n        const reacted = currentUserIdx > -1;\n\n        const onPress = async () => {\n          const action = (message: BaseMessage, key: string) => {\n            return reacted ? channel.deleteReaction(message, key) : channel.addReaction(message, key);\n          };\n\n          await action(message, key)\n            .catch((error) => {\n              Logger.warn('Failed to reaction', error);\n            })\n            .finally(() => {\n              onClose();\n            });\n        };\n\n        return (\n          <Pressable\n            key={key}\n            onPress={onPress}\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        );\n      })}\n\n      <Pressable\n        onPress={async () => {\n          await onClose();\n          openReactionList({ channel, message });\n        }}\n        style={({ pressed }) => [\n          styles.button,\n          { backgroundColor: pressed ? color.selected.background : color.enabled.background },\n        ]}\n      >\n        <Icon icon={'emoji-more'} style={styles.emoji} color={colors.onBackground03} />\n      </Pressable>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingTop: 12,\n    paddingBottom: 16,\n    paddingHorizontal: 18,\n    flexDirection: 'row',\n    justifyContent: 'space-between',\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 BottomSheetReactionAddon;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","_uikitTools","_uikitUtils","_constants","_useContext","e","__esModule","default","BottomSheetReactionAddon","onClose","message","channel","emojiManager","currentUser","sdk","useSendbirdChat","updateReactionFocusedItem","openReactionList","useReaction","colors","useUIKitTheme","safeArea","useSafeAreaPadding","useGroupChannelHandler","onReactionUpdated","eventChannel","event","url","messageId","msg","getMessage","includeReactions","channelUrl","channelType","emojiAll","allEmoji","slice","color","ui","reaction","createElement","View","style","styles","container","marginStart","paddingStart","marginEnd","paddingEnd","map","key","_message$reactions","reactionUserIds","reactions","find","it","userIds","currentUserIdx","indexOf","userId","UNKNOWN_USER_ID","reacted","onPress","action","deleteReaction","addReaction","catch","error","Logger","warn","finally","Pressable","pressed","button","backgroundColor","selected","background","enabled","Image","source","uri","emoji","Icon","icon","onBackground03","createStyleSheet","paddingTop","paddingBottom","paddingHorizontal","flexDirection","justifyContent","width","height","padding","borderRadius","_default","exports"],"sources":["BottomSheetReactionAddon.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, View } from 'react-native';\n\nimport type { BaseMessage } from '@sendbird/chat/message';\nimport { Icon, Image, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { useGroupChannelHandler } from '@sendbird/uikit-tools';\nimport { Logger, SendbirdBaseChannel, SendbirdBaseMessage, useSafeAreaPadding } from '@sendbird/uikit-utils';\n\nimport { UNKNOWN_USER_ID } from '../../constants';\nimport { useReaction, useSendbirdChat } from '../../hooks/useContext';\n\ntype Props = {\n  onClose: () => Promise<void>;\n  channel: SendbirdBaseChannel;\n  message: SendbirdBaseMessage;\n};\nconst BottomSheetReactionAddon = ({ onClose, message, channel }: Props) => {\n  const { emojiManager, currentUser, sdk } = useSendbirdChat();\n  const { updateReactionFocusedItem, openReactionList } = useReaction();\n  const { colors } = useUIKitTheme();\n  const safeArea = useSafeAreaPadding(['left', 'right']);\n\n  useGroupChannelHandler(sdk, {\n    async onReactionUpdated(eventChannel, event) {\n      if (channel?.url === eventChannel.url && event.messageId === message?.messageId) {\n        const msg = (await sdk.message.getMessage({\n          includeReactions: true,\n          messageId: message.messageId,\n          channelUrl: message.channelUrl,\n          channelType: message.channelType,\n        })) as null | BaseMessage;\n        if (msg) updateReactionFocusedItem({ message: msg });\n      }\n    },\n  });\n\n  const emojiAll = emojiManager.allEmoji.slice(0, 5);\n  const color = colors.ui.reaction.default;\n\n  return (\n    <View style={[styles.container, { marginStart: safeArea.paddingStart, marginEnd: safeArea.paddingEnd }]}>\n      {emojiAll.map(({ key, url }) => {\n        const reactionUserIds = message?.reactions?.find((it) => it.key === key)?.userIds ?? [];\n        const currentUserIdx = reactionUserIds.indexOf(currentUser?.userId ?? UNKNOWN_USER_ID);\n        const reacted = currentUserIdx > -1;\n\n        const onPress = async () => {\n          const action = (message: BaseMessage, key: string) => {\n            return reacted ? channel.deleteReaction(message, key) : channel.addReaction(message, key);\n          };\n\n          await action(message, key)\n            .catch((error) => {\n              Logger.warn('Failed to reaction', error);\n            })\n            .finally(() => {\n              onClose();\n            });\n        };\n\n        return (\n          <Pressable\n            key={key}\n            onPress={onPress}\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        );\n      })}\n\n      <Pressable\n        onPress={async () => {\n          await onClose();\n          openReactionList({ channel, message });\n        }}\n        style={({ pressed }) => [\n          styles.button,\n          { backgroundColor: pressed ? color.selected.background : color.enabled.background },\n        ]}\n      >\n        <Icon icon={'emoji-more'} style={styles.emoji} color={colors.onBackground03} />\n      </Pressable>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingTop: 12,\n    paddingBottom: 16,\n    paddingHorizontal: 18,\n    flexDirection: 'row',\n    justifyContent: 'space-between',\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 BottomSheetReactionAddon;\n"],"mappings":"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","ignoreList":[]}

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

@@ -12,13 +12,9 @@ var _uikitUtils = require("@sendbird/uikit-utils");
 var _constants = require("../../constants");
 var _useContext = require("../../hooks/useContext");
 var _ReactionRoundedButton = _interopRequireDefault(require("./ReactionRoundedButton"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const NUM_COL = 4;
 const REACTION_MORE_KEY = 'reaction-more-button';
-const getUserReacted = function (reaction) {
-  let userId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.UNKNOWN_USER_ID;
-  return reaction.userIds.indexOf(userId) > -1;
-};
 const createOnPressReaction = (reaction, channel, message, reacted) => {
   return () => {
     if (reacted) {
@@ -28,57 +24,49 @@ const createOnPressReaction = (reaction, channel, message, reacted) => {
     }
   };
 };
-const createReactionButtons = (channel, message, getEmoji, emojiLimit, onOpenReactionList, onOpenReactionUserList, currentUserId, reactionAddonType) => {
+const createReactionButtons = (channel, message, getEmoji, emojiLimit, onOpenReactionList, onOpenReactionUserList, reactionAddonType) => {
   const reactions = message.reactions ?? [];
   const buttons = reactions.map((reaction, index) => {
     const isNotLastOfRow = index % NUM_COL !== NUM_COL - 1;
     const isNotLastOfCol = index < NUM_COL && reactions.length >= NUM_COL;
     return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
       key: reaction.key,
-      onPress: createOnPressReaction(reaction, channel, message, getUserReacted(reaction, currentUserId)),
+      onPress: createOnPressReaction(reaction, channel, message, reaction.hasCurrentUserReacted),
       onLongPress: () => onOpenReactionUserList(index),
       delayLongPress: _constants.DEFAULT_LONG_PRESS_DELAY
-    }, _ref => {
-      let {
-        pressed
-      } = _ref;
-      return /*#__PURE__*/_react.default.createElement(_ReactionRoundedButton.default, {
-        url: getEmoji(reaction.key).url,
-        count: (0, _uikitUtils.getReactionCount)(reaction),
-        reacted: pressed || getUserReacted(reaction, currentUserId),
-        style: reactionAddonType === 'default' ? [isNotLastOfRow && styles.marginRight, isNotLastOfCol && styles.marginBottom] : [styles.marginRight, styles.marginBottom]
-      });
-    });
+    }, ({
+      pressed
+    }) => /*#__PURE__*/_react.default.createElement(_ReactionRoundedButton.default, {
+      url: getEmoji(reaction.key).url,
+      count: (0, _uikitUtils.getReactionCount)(reaction),
+      reacted: pressed || reaction.hasCurrentUserReacted,
+      style: reactionAddonType === 'default' ? [isNotLastOfRow && styles.marginEnd, isNotLastOfCol && styles.marginBottom] : [styles.marginEnd, styles.marginBottom]
+    }));
   });
   if (buttons.length < emojiLimit) {
-    buttons.push( /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    buttons.push(/*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
       key: REACTION_MORE_KEY,
       onPress: onOpenReactionList
-    }, _ref2 => {
-      let {
-        pressed
-      } = _ref2;
-      return /*#__PURE__*/_react.default.createElement(_ReactionRoundedButton.default.More, {
-        pressed: pressed
-      });
-    }));
+    }, ({
+      pressed
+    }) => /*#__PURE__*/_react.default.createElement(_ReactionRoundedButton.default.More, {
+      pressed: pressed
+    })));
   }
   return buttons;
 };
-const MessageReactionAddon = _ref3 => {
+const MessageReactionAddon = ({
+  channel,
+  message,
+  reactionAddonType = 'default'
+}) => {
   var _message$reactions;
-  let {
-    channel,
-    message,
-    reactionAddonType = 'default'
-  } = _ref3;
   const {
     colors
   } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
   const {
     sdk,
-    emojiManager,
-    currentUser
+    emojiManager
   } = (0, _useContext.useSendbirdChat)();
   const {
     openReactionList,
@@ -101,7 +89,7 @@ const MessageReactionAddon = _ref3 => {
     channel,
     message,
     focusIndex
-  }), currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId, reactionAddonType);
+  }), reactionAddonType);
   const containerStyle = reactionAddonType === 'default' ? styles.reactionContainer : styles.reactionThreadParentMessageContainer;
   return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
     style: [containerStyle, {
@@ -123,13 +111,12 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
     flexDirection: 'row',
     flexWrap: 'wrap'
   },
-  marginRight: {
-    marginRight: 4.5
+  marginEnd: {
+    marginEnd: 4.5
   },
   marginBottom: {
     marginBottom: 4
   }
 });
-var _default = MessageReactionAddon;
-exports.default = _default;
+var _default = exports.default = MessageReactionAddon;
 //# sourceMappingURL=MessageReactionAddon.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","_uikitTools","_uikitUtils","_constants","_useContext","_ReactionRoundedButton","obj","__esModule","default","NUM_COL","REACTION_MORE_KEY","getUserReacted","reaction","userId","arguments","length","undefined","UNKNOWN_USER_ID","userIds","indexOf","createOnPressReaction","channel","message","reacted","deleteReaction","key","addReaction","createReactionButtons","getEmoji","emojiLimit","onOpenReactionList","onOpenReactionUserList","currentUserId","reactionAddonType","reactions","buttons","map","index","isNotLastOfRow","isNotLastOfCol","createElement","Pressable","onPress","onLongPress","delayLongPress","DEFAULT_LONG_PRESS_DELAY","_ref","pressed","url","count","getReactionCount","style","styles","marginRight","marginBottom","push","_ref2","More","MessageReactionAddon","_ref3","_message$reactions","colors","useUIKitTheme","sdk","emojiManager","currentUser","useSendbirdChat","openReactionList","openReactionUserList","useReaction","forceUpdate","useForceUpdate","useGroupChannelHandler","onReactionUpdated","_","event","messageId","applyReactionEvent","reactionButtons","allEmojiMap","allEmoji","focusIndex","containerStyle","reactionContainer","reactionThreadParentMessageContainer","backgroundColor","background","borderColor","ui","rounded","enabled","createStyleSheet","alignItems","flexDirection","flexWrap","padding","borderRadius","borderWidth","_default","exports"],"sources":["MessageReactionAddon.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable } from 'react-native';\n\nimport type { Emoji } from '@sendbird/chat';\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { useForceUpdate, useGroupChannelHandler } from '@sendbird/uikit-tools';\nimport type { SendbirdBaseChannel, SendbirdBaseMessage, SendbirdReaction } from '@sendbird/uikit-utils';\nimport { getReactionCount } from '@sendbird/uikit-utils';\n\nimport { DEFAULT_LONG_PRESS_DELAY, UNKNOWN_USER_ID } from '../../constants';\nimport { useReaction, useSendbirdChat } from '../../hooks/useContext';\nimport ReactionRoundedButton from './ReactionRoundedButton';\n\nconst NUM_COL = 4;\nconst REACTION_MORE_KEY = 'reaction-more-button';\nexport type ReactionAddonType = 'default' | 'thread_parent_message';\n\nconst getUserReacted = (reaction: SendbirdReaction, userId = UNKNOWN_USER_ID) => {\n  return reaction.userIds.indexOf(userId) > -1;\n};\n\nconst createOnPressReaction = (\n  reaction: SendbirdReaction,\n  channel: SendbirdBaseChannel,\n  message: SendbirdBaseMessage,\n  reacted: boolean,\n) => {\n  return () => {\n    if (reacted) {\n      return channel.deleteReaction(message, reaction.key);\n    } else {\n      return channel.addReaction(message, reaction.key);\n    }\n  };\n};\n\nconst createReactionButtons = (\n  channel: SendbirdBaseChannel,\n  message: SendbirdBaseMessage,\n  getEmoji: (key: string) => Emoji,\n  emojiLimit: number,\n  onOpenReactionList: () => void,\n  onOpenReactionUserList: (focusIndex: number) => void,\n  currentUserId?: string,\n  reactionAddonType?: ReactionAddonType,\n) => {\n  const reactions = message.reactions ?? [];\n  const buttons = reactions.map((reaction, index) => {\n    const isNotLastOfRow = index % NUM_COL !== NUM_COL - 1;\n    const isNotLastOfCol = index < NUM_COL && reactions.length >= NUM_COL;\n    return (\n      <Pressable\n        key={reaction.key}\n        onPress={createOnPressReaction(reaction, channel, message, getUserReacted(reaction, currentUserId))}\n        onLongPress={() => onOpenReactionUserList(index)}\n        delayLongPress={DEFAULT_LONG_PRESS_DELAY}\n      >\n        {({ pressed }) => (\n          <ReactionRoundedButton\n            url={getEmoji(reaction.key).url}\n            count={getReactionCount(reaction)}\n            reacted={pressed || getUserReacted(reaction, currentUserId)}\n            style={\n              reactionAddonType === 'default'\n                ? [isNotLastOfRow && styles.marginRight, isNotLastOfCol && styles.marginBottom]\n                : [styles.marginRight, styles.marginBottom]\n            }\n          />\n        )}\n      </Pressable>\n    );\n  });\n  if (buttons.length < emojiLimit) {\n    buttons.push(\n      <Pressable key={REACTION_MORE_KEY} onPress={onOpenReactionList}>\n        {({ pressed }) => <ReactionRoundedButton.More pressed={pressed} />}\n      </Pressable>,\n    );\n  }\n\n  return buttons;\n};\n\nconst MessageReactionAddon = ({\n  channel,\n  message,\n  reactionAddonType = 'default',\n}: {\n  channel: SendbirdBaseChannel;\n  message: SendbirdBaseMessage;\n  reactionAddonType?: ReactionAddonType;\n}) => {\n  const { colors } = useUIKitTheme();\n  const { sdk, emojiManager, currentUser } = useSendbirdChat();\n  const { openReactionList, openReactionUserList } = useReaction();\n  const forceUpdate = useForceUpdate();\n\n  useGroupChannelHandler(sdk, {\n    async onReactionUpdated(_, event) {\n      if (event.messageId === message.messageId) {\n        message.applyReactionEvent(event);\n        forceUpdate();\n      }\n    },\n  });\n\n  if (reactionAddonType === 'default' && !message.reactions?.length) return null;\n\n  const reactionButtons = createReactionButtons(\n    channel,\n    message,\n    (key) => emojiManager.allEmojiMap[key],\n    emojiManager.allEmoji.length,\n    () => openReactionList({ channel, message }),\n    (focusIndex) => openReactionUserList({ channel, message, focusIndex }),\n    currentUser?.userId,\n    reactionAddonType,\n  );\n\n  const containerStyle =\n    reactionAddonType === 'default' ? styles.reactionContainer : styles.reactionThreadParentMessageContainer;\n\n  return (\n    <Pressable\n      style={[\n        containerStyle,\n        { backgroundColor: colors.background, borderColor: colors.ui.reaction.rounded.enabled.background },\n      ]}\n    >\n      {reactionButtons}\n    </Pressable>\n  );\n};\n\nconst styles = createStyleSheet({\n  reactionContainer: {\n    alignItems: 'stretch',\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    padding: 8,\n    borderRadius: 16,\n    borderWidth: 1,\n  },\n  reactionThreadParentMessageContainer: {\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n  },\n  marginRight: {\n    marginRight: 4.5,\n  },\n  marginBottom: {\n    marginBottom: 4,\n  },\n});\n\nexport default MessageReactionAddon;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","_uikitTools","_uikitUtils","_constants","_useContext","_ReactionRoundedButton","e","__esModule","default","NUM_COL","REACTION_MORE_KEY","createOnPressReaction","reaction","channel","message","reacted","deleteReaction","key","addReaction","createReactionButtons","getEmoji","emojiLimit","onOpenReactionList","onOpenReactionUserList","reactionAddonType","reactions","buttons","map","index","isNotLastOfRow","isNotLastOfCol","length","createElement","Pressable","onPress","hasCurrentUserReacted","onLongPress","delayLongPress","DEFAULT_LONG_PRESS_DELAY","pressed","url","count","getReactionCount","style","styles","marginEnd","marginBottom","push","More","MessageReactionAddon","_message$reactions","colors","useUIKitTheme","sdk","emojiManager","useSendbirdChat","openReactionList","openReactionUserList","useReaction","forceUpdate","useForceUpdate","useGroupChannelHandler","onReactionUpdated","_","event","messageId","applyReactionEvent","reactionButtons","allEmojiMap","allEmoji","focusIndex","containerStyle","reactionContainer","reactionThreadParentMessageContainer","backgroundColor","background","borderColor","ui","rounded","enabled","createStyleSheet","alignItems","flexDirection","flexWrap","padding","borderRadius","borderWidth","_default","exports"],"sources":["MessageReactionAddon.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable } from 'react-native';\n\nimport type { Emoji } from '@sendbird/chat';\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { useForceUpdate, useGroupChannelHandler } from '@sendbird/uikit-tools';\nimport type { SendbirdBaseChannel, SendbirdBaseMessage, SendbirdReaction } from '@sendbird/uikit-utils';\nimport { getReactionCount } from '@sendbird/uikit-utils';\n\nimport { DEFAULT_LONG_PRESS_DELAY } from '../../constants';\nimport { useReaction, useSendbirdChat } from '../../hooks/useContext';\nimport ReactionRoundedButton from './ReactionRoundedButton';\n\nconst NUM_COL = 4;\nconst REACTION_MORE_KEY = 'reaction-more-button';\nexport type ReactionAddonType = 'default' | 'thread_parent_message';\n\nconst createOnPressReaction = (\n  reaction: SendbirdReaction,\n  channel: SendbirdBaseChannel,\n  message: SendbirdBaseMessage,\n  reacted: boolean,\n) => {\n  return () => {\n    if (reacted) {\n      return channel.deleteReaction(message, reaction.key);\n    } else {\n      return channel.addReaction(message, reaction.key);\n    }\n  };\n};\n\nconst createReactionButtons = (\n  channel: SendbirdBaseChannel,\n  message: SendbirdBaseMessage,\n  getEmoji: (key: string) => Emoji,\n  emojiLimit: number,\n  onOpenReactionList: () => void,\n  onOpenReactionUserList: (focusIndex: number) => void,\n  reactionAddonType?: ReactionAddonType,\n) => {\n  const reactions = message.reactions ?? [];\n  const buttons = reactions.map((reaction, index) => {\n    const isNotLastOfRow = index % NUM_COL !== NUM_COL - 1;\n    const isNotLastOfCol = index < NUM_COL && reactions.length >= NUM_COL;\n    return (\n      <Pressable\n        key={reaction.key}\n        onPress={createOnPressReaction(reaction, channel, message, reaction.hasCurrentUserReacted)}\n        onLongPress={() => onOpenReactionUserList(index)}\n        delayLongPress={DEFAULT_LONG_PRESS_DELAY}\n      >\n        {({ pressed }) => (\n          <ReactionRoundedButton\n            url={getEmoji(reaction.key).url}\n            count={getReactionCount(reaction)}\n            reacted={pressed || reaction.hasCurrentUserReacted}\n            style={\n              reactionAddonType === 'default'\n                ? [isNotLastOfRow && styles.marginEnd, isNotLastOfCol && styles.marginBottom]\n                : [styles.marginEnd, styles.marginBottom]\n            }\n          />\n        )}\n      </Pressable>\n    );\n  });\n  if (buttons.length < emojiLimit) {\n    buttons.push(\n      <Pressable key={REACTION_MORE_KEY} onPress={onOpenReactionList}>\n        {({ pressed }) => <ReactionRoundedButton.More pressed={pressed} />}\n      </Pressable>,\n    );\n  }\n\n  return buttons;\n};\n\nconst MessageReactionAddon = ({\n  channel,\n  message,\n  reactionAddonType = 'default',\n}: {\n  channel: SendbirdBaseChannel;\n  message: SendbirdBaseMessage;\n  reactionAddonType?: ReactionAddonType;\n}) => {\n  const { colors } = useUIKitTheme();\n  const { sdk, emojiManager } = useSendbirdChat();\n  const { openReactionList, openReactionUserList } = useReaction();\n  const forceUpdate = useForceUpdate();\n\n  useGroupChannelHandler(sdk, {\n    async onReactionUpdated(_, event) {\n      if (event.messageId === message.messageId) {\n        message.applyReactionEvent(event);\n        forceUpdate();\n      }\n    },\n  });\n\n  if (reactionAddonType === 'default' && !message.reactions?.length) return null;\n\n  const reactionButtons = createReactionButtons(\n    channel,\n    message,\n    (key) => emojiManager.allEmojiMap[key],\n    emojiManager.allEmoji.length,\n    () => openReactionList({ channel, message }),\n    (focusIndex) => openReactionUserList({ channel, message, focusIndex }),\n    reactionAddonType,\n  );\n\n  const containerStyle =\n    reactionAddonType === 'default' ? styles.reactionContainer : styles.reactionThreadParentMessageContainer;\n\n  return (\n    <Pressable\n      style={[\n        containerStyle,\n        { backgroundColor: colors.background, borderColor: colors.ui.reaction.rounded.enabled.background },\n      ]}\n    >\n      {reactionButtons}\n    </Pressable>\n  );\n};\n\nconst styles = createStyleSheet({\n  reactionContainer: {\n    alignItems: 'stretch',\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    padding: 8,\n    borderRadius: 16,\n    borderWidth: 1,\n  },\n  reactionThreadParentMessageContainer: {\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n  },\n  marginEnd: {\n    marginEnd: 4.5,\n  },\n  marginBottom: {\n    marginBottom: 4,\n  },\n});\n\nexport default MessageReactionAddon;\n"],"mappings":"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","ignoreList":[]}

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

@@ -8,14 +8,13 @@ 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 ReactionRoundedButton = _ref => {
-  let {
-    url,
-    count,
-    reacted,
-    style
-  } = _ref;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ReactionRoundedButton = ({
+  url,
+  count,
+  reacted,
+  style
+}) => {
   const {
     colors
   } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
@@ -36,10 +35,9 @@ const ReactionRoundedButton = _ref => {
     style: styles.count
   }, (0, _uikitUtils.truncatedCount)(count, 99, '')));
 };
-ReactionRoundedButton.More = _ref2 => {
-  let {
-    pressed
-  } = _ref2;
+ReactionRoundedButton.More = ({
+  pressed
+}) => {
   const {
     colors
   } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
@@ -67,13 +65,12 @@ const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   emoji: {
     width: 20,
     height: 20,
-    marginRight: 4
+    marginEnd: 4
   },
   count: {
     width: 13,
     textAlign: 'left'
   }
 });
-var _default = ReactionRoundedButton;
-exports.default = _default;
+var _default = exports.default = ReactionRoundedButton;
 //# sourceMappingURL=ReactionRoundedButton.js.map

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

@@ -1 +1 @@
-{"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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAuD,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AASvD,MAAMG,qBAAqB,GAAGC,IAAA,IAA2C;EAAA,IAA1C;IAAEC,GAAG;IAAEC,KAAK;IAAEC,OAAO;IAAEC;EAAa,CAAC,GAAAJ,IAAA;EAClE,MAAM;IAAEK;EAAO,CAAC,GAAG,IAAAC,yCAAa,GAAE;EAClC,MAAMC,KAAK,GAAGF,MAAM,CAACG,EAAE,CAACC,QAAQ,CAACC,OAAO;EAExC,oBACEpB,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAAClB,YAAA,CAAAmB,IAAI;IACHR,KAAK,EAAE,CACLS,MAAM,CAACC,iBAAiB,EACxB;MAAEC,eAAe,EAAEZ,OAAO,GAAGI,KAAK,CAACS,QAAQ,CAACC,UAAU,GAAGV,KAAK,CAACW,OAAO,CAACD;IAAW,CAAC,EACnFb,KAAK;EACL,gBAEFd,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAACjB,2BAAA,CAAAyB,KAAK;IAACC,MAAM,EAAE;MAAEC,GAAG,EAAEpB;IAAI,CAAE;IAACG,KAAK,EAAES,MAAM,CAACS;EAAM,EAAG,eACpDhC,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAACjB,2BAAA,CAAA6B,IAAI;IAACC,QAAQ;IAACjB,KAAK,EAAEF,MAAM,CAACoB,cAAe;IAACC,aAAa,EAAE,CAAE;IAACtB,KAAK,EAAES,MAAM,CAACX;EAAM,GAChF,IAAAyB,0BAAc,EAACzB,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,CACzB,CACF;AAEX,CAAC;AAEDH,qBAAqB,CAAC6B,IAAI,GAAGC,KAAA,IAAuC;EAAA,IAAtC;IAAEC;EAA8B,CAAC,GAAAD,KAAA;EAC7D,MAAM;IAAExB;EAAO,CAAC,GAAG,IAAAC,yCAAa,GAAE;EAClC,MAAMC,KAAK,GAAGF,MAAM,CAACG,EAAE,CAACC,QAAQ,CAACC,OAAO;EAExC,oBACEpB,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAAClB,YAAA,CAAAmB,IAAI;IACHR,KAAK,EAAE,CACLS,MAAM,CAACC,iBAAiB,EACxB;MAAEC,eAAe,EAAEe,OAAO,GAAGvB,KAAK,CAACS,QAAQ,CAACC,UAAU,GAAGV,KAAK,CAACW,OAAO,CAACD;IAAW,CAAC;EACnF,gBAEF3B,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAACjB,2BAAA,CAAAqC,IAAI;IAACC,IAAI,EAAE,YAAa;IAACzB,KAAK,EAAEF,MAAM,CAAC4B,cAAe;IAACC,IAAI,EAAE;EAAG,EAAG,CAC/D;AAEX,CAAC;AAED,MAAMrB,MAAM,GAAG,IAAAsB,4CAAgB,EAAC;EAC9BrB,iBAAiB,EAAE;IACjBsB,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAE,EAAE;IACTC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE;EACrB,CAAC;EACDpB,KAAK,EAAE;IACLiB,KAAK,EAAE,EAAE;IACTI,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE;EACf,CAAC;EACD1C,KAAK,EAAE;IACLqC,KAAK,EAAE,EAAE;IACTM,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEY/C,qBAAqB;AAAAgD,OAAA,CAAAjD,OAAA,GAAAgD,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","_uikitUtils","e","__esModule","default","ReactionRoundedButton","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","pressed","Icon","icon","onBackground03","size","createStyleSheet","flexDirection","justifyContent","alignItems","width","borderRadius","paddingVertical","paddingHorizontal","height","marginEnd","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    marginEnd: 4,\n  },\n  count: {\n    width: 13,\n    textAlign: 'left',\n  },\n});\n\nexport default ReactionRoundedButton;\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["_BottomSheetReactionAddon","_interopRequireDefault","require","_MessageReactionAddon","e","__esModule","default","ReactionAddons","exports","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,IAAAA,yBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA6C,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEtC,MAAMG,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG;EAC5BE,WAAW,EAAXA,iCAAW;EACXC,OAAO,EAAPA;AACF,CAAC","ignoreList":[]}