@sendbird/uikit-react 3.6.4-rc-0 → 3.6.4

package/index-81ed90b4.js

@@ -0,0 +1,450 @@
+import React__default, { useState } from 'react';
+import ContextMenu, { MenuItems, MenuItem } from './ui/ContextMenu.js';
+import { q as isUserMessage, C as isSentMessage, D as isFailedMessage, E as isPendingMessage, k as isFileMessage, d as isVoiceMessage, O as isThreadMessage, F as copyToClipboard, G as getEmojiListAll } from './index-42dda0be.js';
+import { u as useLocalization } from './LocalizationContext-53fdaf30.js';
+import Icon, { IconTypes, IconColors } from './ui/Icon.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './index-20f528de.js';
+import BottomSheet from './ui/BottomSheet.js';
+import ImageRenderer from './ui/ImageRenderer.js';
+import ReactionButton from './ui/ReactionButton.js';
+
+const MobileContextMenu = props => {
+  var _message$sender, _message$threadInfo$r, _message$threadInfo;
+  const {
+    hideMenu,
+    channel,
+    message,
+    replyType,
+    userId,
+    resendMessage,
+    showEdit,
+    showRemove,
+    deleteMenuState,
+    setQuoteMessage,
+    parentRef,
+    onReplyInThread,
+    isOpenedFromThread = false
+  } = props;
+  const isByMe = (message === null || message === void 0 ? void 0 : (_message$sender = message.sender) === null || _message$sender === void 0 ? void 0 : _message$sender.userId) === userId;
+  const {
+    stringSet
+  } = useLocalization();
+  const showMenuItemCopy = isUserMessage(message);
+  const showMenuItemEdit = isUserMessage(message) && isSentMessage(message) && isByMe;
+  const showMenuItemResend = isFailedMessage(message) && (message === null || message === void 0 ? void 0 : message.isResendable) && isByMe;
+  const showMenuItemDelete = !isPendingMessage(message) && isByMe;
+  const showMenuItemDeleteByState = isByMe && (deleteMenuState === undefined || deleteMenuState !== 'HIDE');
+  const showMenuItemDeleteFinal = showMenuItemDeleteByState && showMenuItemDelete;
+  const disableDelete = deleteMenuState !== undefined && deleteMenuState === 'DISABLE' || ((_message$threadInfo$r = message === null || message === void 0 ? void 0 : (_message$threadInfo = message.threadInfo) === null || _message$threadInfo === void 0 ? void 0 : _message$threadInfo.replyCount) !== null && _message$threadInfo$r !== void 0 ? _message$threadInfo$r : 0) > 0;
+  const showMenuItemDownload = !isPendingMessage(message) && isFileMessage(message) && !(isVoiceMessage(message) && (channel !== null && channel !== void 0 && channel.isSuper || channel !== null && channel !== void 0 && channel.isBroadcast));
+  const showMenuItemReply = replyType === 'QUOTE_REPLY' && !isFailedMessage(message) && !isPendingMessage(message) && (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel());
+  const showMenuItemThread = replyType === 'THREAD' && !isOpenedFromThread && !isFailedMessage(message) && !isPendingMessage(message) && !isThreadMessage(message) && (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel());
+  const fileMessage = message;
+  return /*#__PURE__*/React__default.createElement(ContextMenu, {
+    isOpen: true,
+    menuItems: () => {
+      var _message$parentMessag, _message$parentMessag2, _message$parentMessag3;
+      return /*#__PURE__*/React__default.createElement(MenuItems, {
+        className: "sendbird-message__mobile-context-menu",
+        parentRef: parentRef,
+        parentContainRef: parentRef,
+        closeDropdown: hideMenu
+      }, showMenuItemCopy && /*#__PURE__*/React__default.createElement(MenuItem, {
+        className: "sendbird-message__mobile-context-menu-item menu-item-copy",
+        onClick: () => {
+          hideMenu();
+          copyToClipboard(message === null || message === void 0 ? void 0 : message.message);
+        },
+        dataSbId: "ui_mobile_message_item_menu_copy"
+      }, /*#__PURE__*/React__default.createElement(Label, {
+        type: LabelTypography.SUBTITLE_1,
+        color: LabelColors.ONBACKGROUND_1
+      }, stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_MENU__COPY), /*#__PURE__*/React__default.createElement(Icon, {
+        type: IconTypes.COPY,
+        fillColor: IconColors.PRIMARY,
+        width: "24px",
+        height: "24px"
+      })), showMenuItemReply && /*#__PURE__*/React__default.createElement(MenuItem, {
+        className: "sendbird-message__mobile-context-menu-item menu-item-reply",
+        onClick: () => {
+          hideMenu();
+          setQuoteMessage(message);
+        },
+        disable: ((_message$parentMessag = message === null || message === void 0 ? void 0 : message.parentMessageId) !== null && _message$parentMessag !== void 0 ? _message$parentMessag : 0) > 0,
+        dataSbId: "ui_mobile_message_item_menu_reply"
+      }, /*#__PURE__*/React__default.createElement(Label, {
+        type: LabelTypography.SUBTITLE_1,
+        color: ((_message$parentMessag2 = message === null || message === void 0 ? void 0 : message.parentMessageId) !== null && _message$parentMessag2 !== void 0 ? _message$parentMessag2 : 0) > 0 ? LabelColors.ONBACKGROUND_4 : LabelColors.ONBACKGROUND_1
+      }, stringSet.MESSAGE_MENU__REPLY), /*#__PURE__*/React__default.createElement(Icon, {
+        type: IconTypes.REPLY,
+        fillColor: ((_message$parentMessag3 = message === null || message === void 0 ? void 0 : message.parentMessageId) !== null && _message$parentMessag3 !== void 0 ? _message$parentMessag3 : 0) > 0 ? IconColors.ON_BACKGROUND_4 : IconColors.PRIMARY,
+        width: "24px",
+        height: "24px"
+      })), showMenuItemThread && /*#__PURE__*/React__default.createElement(MenuItem, {
+        className: "sendbird-message__mobile-context-menu-item menu-item-reply",
+        onClick: () => {
+          hideMenu();
+          onReplyInThread === null || onReplyInThread === void 0 ? void 0 : onReplyInThread({
+            message
+          });
+        },
+        dataSbId: "ui_mobile_message_item_menu_thread"
+      }, /*#__PURE__*/React__default.createElement(Label, {
+        type: LabelTypography.SUBTITLE_1,
+        color: LabelColors.ONBACKGROUND_1
+      }, stringSet.MESSAGE_MENU__THREAD), /*#__PURE__*/React__default.createElement(Icon, {
+        type: IconTypes.THREAD,
+        fillColor: IconColors.PRIMARY,
+        width: "24px",
+        height: "24px"
+      })), showMenuItemEdit && /*#__PURE__*/React__default.createElement(MenuItem, {
+        className: "sendbird-message__mobile-context-menu-item menu-item-edit",
+        onClick: () => {
+          hideMenu();
+          showEdit(true);
+        },
+        dataSbId: "ui_mobile_message_item_menu_edit"
+      }, /*#__PURE__*/React__default.createElement(Label, {
+        type: LabelTypography.SUBTITLE_1,
+        color: LabelColors.ONBACKGROUND_1
+      }, stringSet.MESSAGE_MENU__EDIT), /*#__PURE__*/React__default.createElement(Icon, {
+        type: IconTypes.EDIT,
+        fillColor: IconColors.PRIMARY,
+        width: "24px",
+        height: "24px"
+      })), showMenuItemResend && /*#__PURE__*/React__default.createElement(MenuItem, {
+        className: "sendbird-message__mobile-context-menu-item menu-item-resend",
+        onClick: () => {
+          hideMenu();
+          resendMessage(message);
+        },
+        dataSbId: "ui_mobile_message_item_menu_resend"
+      }, /*#__PURE__*/React__default.createElement(Label, {
+        type: LabelTypography.SUBTITLE_1,
+        color: LabelColors.ONBACKGROUND_1
+      }, stringSet.MESSAGE_MENU__RESEND), /*#__PURE__*/React__default.createElement(Icon, {
+        type: IconTypes.REFRESH,
+        fillColor: IconColors.PRIMARY,
+        width: "24px",
+        height: "24px"
+      })), showMenuItemDeleteFinal && /*#__PURE__*/React__default.createElement(MenuItem, {
+        className: "sendbird-message__mobile-context-menu-item menu-item-delete",
+        onClick: () => {
+          if (!disableDelete) {
+            hideMenu();
+            showRemove(true);
+          }
+        },
+        disable: disableDelete,
+        dataSbId: "ui_mobile_message_item_menu_delete"
+      }, /*#__PURE__*/React__default.createElement(Label, {
+        type: LabelTypography.SUBTITLE_1,
+        color: disableDelete ? LabelColors.ONBACKGROUND_4 : LabelColors.ONBACKGROUND_1
+      }, stringSet.MESSAGE_MENU__DELETE), /*#__PURE__*/React__default.createElement(Icon, {
+        type: IconTypes.DELETE,
+        fillColor: disableDelete ? IconColors.ON_BACKGROUND_4 : IconColors.PRIMARY,
+        width: "24px",
+        height: "24px"
+      })), showMenuItemDownload && /*#__PURE__*/React__default.createElement(MenuItem, {
+        className: "sendbird-message__mobile-context-menu-item menu-item-save",
+        onClick: () => {
+          hideMenu();
+        },
+        dataSbId: "ui_mobile_message_item_menu_download_file"
+      }, /*#__PURE__*/React__default.createElement("a", {
+        className: "sendbird-message__contextmenu--hyperlink",
+        rel: "noopener noreferrer",
+        href: fileMessage === null || fileMessage === void 0 ? void 0 : fileMessage.url,
+        target: "_blank"
+      }, /*#__PURE__*/React__default.createElement(Label, {
+        type: LabelTypography.SUBTITLE_1,
+        color: LabelColors.ONBACKGROUND_1
+      }, stringSet.MESSAGE_MENU__SAVE), /*#__PURE__*/React__default.createElement(Icon, {
+        type: IconTypes.DOWNLOAD,
+        fillColor: IconColors.PRIMARY,
+        width: "24px",
+        height: "24px"
+      }))));
+    }
+  });
+};
+
+const EMOJI_SIZE = 38;
+const MobileBottomSheet = props => {
+  var _message$sender, _message$threadInfo$r, _message$threadInfo;
+  const {
+    hideMenu,
+    channel,
+    emojiContainer,
+    message,
+    replyType,
+    userId,
+    resendMessage,
+    toggleReaction,
+    isReactionEnabled,
+    showEdit,
+    showRemove,
+    deleteMenuState,
+    setQuoteMessage,
+    onReplyInThread,
+    isOpenedFromThread = false
+  } = props;
+  const isByMe = (message === null || message === void 0 ? void 0 : (_message$sender = message.sender) === null || _message$sender === void 0 ? void 0 : _message$sender.userId) === userId;
+  const {
+    stringSet
+  } = useLocalization();
+  const showMenuItemCopy = isUserMessage(message);
+  const showMenuItemEdit = isUserMessage(message) && isSentMessage(message) && isByMe;
+  const showMenuItemResend = isFailedMessage(message) && (message === null || message === void 0 ? void 0 : message.isResendable) && isByMe;
+  const showMenuItemDelete = !isPendingMessage(message) && isByMe;
+  const showMenuItemDeleteByState = isByMe && (deleteMenuState === undefined || deleteMenuState !== 'HIDE');
+  const showMenuItemDeleteFinal = showMenuItemDeleteByState && showMenuItemDelete;
+  const disableDelete = deleteMenuState !== undefined && deleteMenuState === 'DISABLE' || ((_message$threadInfo$r = message === null || message === void 0 ? void 0 : (_message$threadInfo = message.threadInfo) === null || _message$threadInfo === void 0 ? void 0 : _message$threadInfo.replyCount) !== null && _message$threadInfo$r !== void 0 ? _message$threadInfo$r : 0) > 0;
+  const showMenuItemDownload = !isPendingMessage(message) && isFileMessage(message) && !isVoiceMessage(message);
+  const showReaction = !isFailedMessage(message) && !isPendingMessage(message) && isReactionEnabled;
+  const showMenuItemReply = replyType === 'QUOTE_REPLY' && !isFailedMessage(message) && !isPendingMessage(message) && (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && !(channel !== null && channel !== void 0 && channel.isBroadcast);
+  const showMenuItemThread = replyType === 'THREAD' && !isOpenedFromThread && !isFailedMessage(message) && !isPendingMessage(message) && !isThreadMessage(message) && (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && !(channel !== null && channel !== void 0 && channel.isBroadcast);
+  const disableReaction = (message === null || message === void 0 ? void 0 : message.parentMessageId) > 0;
+  const fileMessage = message;
+  const maxEmojisPerRow = Math.floor(window.innerWidth / EMOJI_SIZE) - 1;
+  const [showEmojisOnly, setShowEmojisOnly] = useState(false);
+  const emojis = getEmojiListAll(emojiContainer);
+  // calculate max emojis that can be shown in screen
+  const visibleEmojis = showEmojisOnly ? emojis : emojis === null || emojis === void 0 ? void 0 : emojis.slice(0, maxEmojisPerRow);
+  const canShowMoreEmojis = emojis.length > maxEmojisPerRow;
+  return /*#__PURE__*/React__default.createElement(BottomSheet, {
+    onBackdropClick: hideMenu
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-message__bottomsheet"
+  }, showReaction && /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-message__bottomsheet-reactions"
+  }, /*#__PURE__*/React__default.createElement("ul", {
+    className: "sendbird-message__bottomsheet-reaction-bar"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: `
+                    sendbird-message__bottomsheet-reaction-bar__row
+                    ${showEmojisOnly ? 'sendbird-message__bottomsheet-reaction-bar__all' : ''}
+                  `
+  }, visibleEmojis.map(emoji => {
+    var _message$reactions, _message$reactions$fi, _message$reactions$fi2;
+    const isReacted = message === null || message === void 0 ? void 0 : (_message$reactions = message.reactions) === null || _message$reactions === void 0 ? void 0 : (_message$reactions$fi = _message$reactions.filter(reaction => reaction.key === emoji.key)[0]) === null || _message$reactions$fi === void 0 ? void 0 : (_message$reactions$fi2 = _message$reactions$fi.userIds) === null || _message$reactions$fi2 === void 0 ? void 0 : _message$reactions$fi2.some(reactorId => reactorId === userId);
+    return /*#__PURE__*/React__default.createElement(ReactionButton, {
+      key: emoji.key,
+      width: `${EMOJI_SIZE}px`,
+      height: `${EMOJI_SIZE}px`,
+      selected: isReacted,
+      onClick: () => {
+        hideMenu();
+        toggleReaction(message, emoji.key, isReacted);
+      },
+      dataSbId: `ui_mobile_emoji_reactions_menu_${emoji.key}`
+    }, /*#__PURE__*/React__default.createElement(ImageRenderer, {
+      url: (emoji === null || emoji === void 0 ? void 0 : emoji.url) || '',
+      width: "28px",
+      height: "28px",
+      placeHolder: style => /*#__PURE__*/React__default.createElement("div", {
+        style: style
+      }, /*#__PURE__*/React__default.createElement(Icon, {
+        type: IconTypes.QUESTION,
+        fillColor: IconColors.ON_BACKGROUND_3,
+        width: "28px",
+        height: "28px"
+      }))
+    }));
+  }), canShowMoreEmojis && !showEmojisOnly && /*#__PURE__*/React__default.createElement(ReactionButton, {
+    key: "emoji_more",
+    width: "38px",
+    height: "38px",
+    onClick: () => {
+      setShowEmojisOnly(true);
+    },
+    dataSbId: "ui_mobile_emoji_reactions_menu_emojiadd"
+  }, /*#__PURE__*/React__default.createElement(ImageRenderer, {
+    url: '',
+    width: "28px",
+    height: "28px",
+    placeHolder: style => /*#__PURE__*/React__default.createElement("div", {
+      style: style
+    }, /*#__PURE__*/React__default.createElement(Icon, {
+      type: IconTypes.EMOJI_MORE,
+      fillColor: IconColors.ON_BACKGROUND_3,
+      width: "28px",
+      height: "28px"
+    }))
+  }))))), !showEmojisOnly && /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-message__bottomsheet--actions"
+  }, showMenuItemCopy && /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-message__bottomsheet--action",
+    onClick: () => {
+      hideMenu();
+      copyToClipboard(message === null || message === void 0 ? void 0 : message.message);
+    }
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    type: IconTypes.COPY,
+    fillColor: IconColors.PRIMARY,
+    width: "24px",
+    height: "24px"
+  }), /*#__PURE__*/React__default.createElement(Label, {
+    type: LabelTypography.SUBTITLE_1,
+    color: LabelColors.ONBACKGROUND_1
+  }, stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_MENU__COPY)), showMenuItemEdit && /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-message__bottomsheet--action",
+    onClick: () => {
+      hideMenu();
+      showEdit(true);
+    }
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    type: IconTypes.EDIT,
+    fillColor: IconColors.PRIMARY,
+    width: "24px",
+    height: "24px"
+  }), /*#__PURE__*/React__default.createElement(Label, {
+    type: LabelTypography.SUBTITLE_1,
+    color: LabelColors.ONBACKGROUND_1
+  }, stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_MENU__EDIT)), showMenuItemResend && /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-message__bottomsheet--action",
+    onClick: () => {
+      hideMenu();
+      resendMessage(message);
+    }
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    type: IconTypes.REFRESH,
+    fillColor: IconColors.PRIMARY,
+    width: "24px",
+    height: "24px"
+  }), /*#__PURE__*/React__default.createElement(Label, {
+    type: LabelTypography.SUBTITLE_1,
+    color: LabelColors.ONBACKGROUND_1
+  }, stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_MENU__RESEND)), showMenuItemReply && /*#__PURE__*/React__default.createElement("div", {
+    className: `sendbird-message__bottomsheet--action
+                      ${disableReaction ? 'sendbird-message__bottomsheet--action-disabled' : ''}
+                    `,
+    role: "menuitem",
+    "aria-disabled": disableReaction ? true : false,
+    onClick: () => {
+      if (!disableReaction) {
+        hideMenu();
+        setQuoteMessage(message);
+      }
+    }
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    type: IconTypes.REPLY,
+    fillColor: disableReaction ? IconColors.ON_BACKGROUND_3 : IconColors.PRIMARY,
+    width: "24px",
+    height: "24px"
+  }), /*#__PURE__*/React__default.createElement(Label, {
+    type: LabelTypography.SUBTITLE_1,
+    color: disableReaction ? LabelColors.ONBACKGROUND_4 : LabelColors.ONBACKGROUND_1
+  }, stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_MENU__REPLY)), showMenuItemThread && /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-message__bottomsheet--action",
+    onClick: () => {
+      hideMenu();
+      onReplyInThread === null || onReplyInThread === void 0 ? void 0 : onReplyInThread({
+        message
+      });
+    }
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    type: IconTypes.THREAD,
+    fillColor: IconColors.PRIMARY,
+    width: "24px",
+    height: "24px"
+  }), /*#__PURE__*/React__default.createElement(Label, {
+    type: LabelTypography.SUBTITLE_1,
+    color: LabelColors.ONBACKGROUND_1
+  }, stringSet.MESSAGE_MENU__THREAD)), showMenuItemDeleteFinal && /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-message__bottomsheet--action",
+    onClick: () => {
+      if (!disableDelete) {
+        hideMenu();
+        showRemove === null || showRemove === void 0 ? void 0 : showRemove(true);
+      }
+    }
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    type: IconTypes.DELETE,
+    fillColor: disableDelete ? IconColors.ON_BACKGROUND_4 : IconColors.PRIMARY,
+    width: "24px",
+    height: "24px"
+  }), /*#__PURE__*/React__default.createElement(Label, {
+    type: LabelTypography.SUBTITLE_1,
+    color: disableDelete ? LabelColors.ONBACKGROUND_4 : LabelColors.ONBACKGROUND_1
+  }, stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_MENU__DELETE)), showMenuItemDownload && /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-message__bottomsheet--action",
+    onClick: () => {
+      hideMenu();
+    }
+  }, /*#__PURE__*/React__default.createElement("a", {
+    className: "sendbird-message__bottomsheet--hyperlink",
+    rel: "noopener noreferrer",
+    href: fileMessage === null || fileMessage === void 0 ? void 0 : fileMessage.url,
+    target: "_blank"
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    type: IconTypes.DOWNLOAD,
+    fillColor: IconColors.PRIMARY,
+    width: "24px",
+    height: "24px"
+  }), /*#__PURE__*/React__default.createElement(Label, {
+    type: LabelTypography.SUBTITLE_1,
+    color: LabelColors.ONBACKGROUND_1
+  }, stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_MENU__SAVE))))));
+};
+
+const MobileMenu = props => {
+  const {
+    message,
+    hideMenu,
+    userId,
+    channel,
+    isReactionEnabled = false,
+    isByMe,
+    replyType,
+    disabled,
+    deleteMenuState,
+    showRemove,
+    showEdit,
+    resendMessage,
+    setQuoteMessage,
+    emojiContainer,
+    toggleReaction,
+    parentRef,
+    onReplyInThread,
+    isOpenedFromThread
+  } = props;
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isReactionEnabled ? /*#__PURE__*/React__default.createElement(MobileBottomSheet, {
+    channel: channel,
+    message: message,
+    hideMenu: hideMenu,
+    isByMe: isByMe,
+    userId: userId,
+    replyType: replyType,
+    disabled: disabled,
+    showRemove: showRemove,
+    showEdit: showEdit,
+    deleteMenuState: deleteMenuState,
+    resendMessage: resendMessage,
+    setQuoteMessage: setQuoteMessage,
+    emojiContainer: emojiContainer,
+    toggleReaction: toggleReaction,
+    isReactionEnabled: isReactionEnabled,
+    onReplyInThread: onReplyInThread,
+    isOpenedFromThread: isOpenedFromThread
+  }) : /*#__PURE__*/React__default.createElement(MobileContextMenu, {
+    channel: channel,
+    userId: userId,
+    message: message,
+    hideMenu: hideMenu,
+    isByMe: isByMe,
+    showEdit: showEdit,
+    replyType: replyType,
+    disabled: disabled,
+    deleteMenuState: deleteMenuState,
+    showRemove: showRemove,
+    resendMessage: resendMessage,
+    setQuoteMessage: setQuoteMessage,
+    parentRef: parentRef,
+    onReplyInThread: onReplyInThread,
+    isOpenedFromThread: isOpenedFromThread
+  }));
+};
+
+export { MobileMenu as M };
+//# sourceMappingURL=index-81ed90b4.js.map

package/index-81ed90b4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-81ed90b4.js","sources":["../src/ui/MobileMenu/MobileContextMenu.tsx","../src/ui/MobileMenu/MobileBottomSheet.tsx","../src/ui/MobileMenu/index.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseMenuProps } from './types';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport ContextMenu, { MenuItems, MenuItem } from '../ContextMenu';\n\nimport {\n  isFailedMessage,\n  isPendingMessage,\n  isSentMessage,\n  isUserMessage,\n  copyToClipboard,\n  isFileMessage,\n  isThreadMessage,\n  isVoiceMessage,\n} from '../../utils';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\n\nconst MobileContextMenu: React.FunctionComponent<BaseMenuProps> = (props: BaseMenuProps): React.ReactElement => {\n  const {\n    hideMenu,\n    channel,\n    message,\n    replyType,\n    userId,\n    resendMessage,\n    showEdit,\n    showRemove,\n    deleteMenuState,\n    setQuoteMessage,\n    parentRef,\n    onReplyInThread,\n    isOpenedFromThread = false,\n  } = props;\n  const isByMe = message?.sender?.userId === userId;\n  const { stringSet } = useLocalization();\n  const showMenuItemCopy: boolean = isUserMessage(message as UserMessage);\n  const showMenuItemEdit: boolean = (isUserMessage(message as UserMessage) && isSentMessage(message) && isByMe);\n  const showMenuItemResend: boolean = (isFailedMessage(message) && message?.isResendable && isByMe);\n\n  const showMenuItemDelete: boolean = !isPendingMessage(message) && isByMe;\n  const showMenuItemDeleteByState = isByMe && (deleteMenuState === undefined || deleteMenuState !== 'HIDE');\n  const showMenuItemDeleteFinal = showMenuItemDeleteByState && showMenuItemDelete;\n\n  const disableDelete = (\n    (deleteMenuState !== undefined && deleteMenuState === 'DISABLE')\n    || (message?.threadInfo?.replyCount ?? 0) > 0\n  );\n\n  const showMenuItemDownload: boolean = !isPendingMessage(message) && isFileMessage(message)\n    && !(isVoiceMessage(message) && ((channel as GroupChannel)?.isSuper || (channel as GroupChannel)?.isBroadcast));\n  const showMenuItemReply: boolean = (replyType === 'QUOTE_REPLY')\n    && !isFailedMessage(message)\n    && !isPendingMessage(message)\n    && channel?.isGroupChannel();\n  const showMenuItemThread: boolean = (replyType === 'THREAD') && !isOpenedFromThread\n    && !isFailedMessage(message)\n    && !isPendingMessage(message)\n    && !isThreadMessage(message)\n    && channel?.isGroupChannel();\n\n  const fileMessage = message as FileMessage;\n  return (\n    <ContextMenu\n      isOpen\n      menuItems={() => (\n        <MenuItems\n          className=\"sendbird-message__mobile-context-menu\"\n          parentRef={parentRef}\n          parentContainRef={parentRef}\n          closeDropdown={hideMenu}\n        >\n          {showMenuItemCopy && (\n            <MenuItem\n              className=\"sendbird-message__mobile-context-menu-item menu-item-copy\"\n              onClick={() => {\n                hideMenu();\n                copyToClipboard((message as UserMessage)?.message);\n              }}\n              dataSbId=\"ui_mobile_message_item_menu_copy\"\n            >\n              <Label\n                type={LabelTypography.SUBTITLE_1}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {stringSet?.MESSAGE_MENU__COPY}\n              </Label>\n              <Icon\n                type={IconTypes.COPY}\n                fillColor={IconColors.PRIMARY}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            </MenuItem>\n          )}\n          {showMenuItemReply && (\n            <MenuItem\n              className=\"sendbird-message__mobile-context-menu-item menu-item-reply\"\n              onClick={() => {\n                hideMenu();\n                setQuoteMessage(message);\n              }}\n              disable={(message?.parentMessageId ?? 0) > 0}\n              dataSbId=\"ui_mobile_message_item_menu_reply\"\n            >\n              <Label\n                type={LabelTypography.SUBTITLE_1}\n                color={\n                  (message?.parentMessageId ?? 0) > 0\n                    ? LabelColors.ONBACKGROUND_4\n                    : LabelColors.ONBACKGROUND_1\n                }\n              >\n                {stringSet.MESSAGE_MENU__REPLY}\n              </Label>\n              <Icon\n                type={IconTypes.REPLY}\n                fillColor={\n                  (message?.parentMessageId ?? 0) > 0\n                    ? IconColors.ON_BACKGROUND_4\n                    : IconColors.PRIMARY\n                }\n                width=\"24px\"\n                height=\"24px\"\n              />\n            </MenuItem>\n          )}\n          {showMenuItemThread && (\n            <MenuItem\n              className=\"sendbird-message__mobile-context-menu-item menu-item-reply\"\n              onClick={() => {\n                hideMenu();\n                onReplyInThread?.({ message });\n              }}\n              dataSbId=\"ui_mobile_message_item_menu_thread\"\n            >\n              <Label\n                type={LabelTypography.SUBTITLE_1}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {stringSet.MESSAGE_MENU__THREAD}\n              </Label>\n              <Icon\n                type={IconTypes.THREAD}\n                fillColor={IconColors.PRIMARY}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            </MenuItem>\n          )}\n          {showMenuItemEdit && (\n            <MenuItem\n              className=\"sendbird-message__mobile-context-menu-item menu-item-edit\"\n              onClick={() => {\n                hideMenu();\n                showEdit(true);\n              }}\n              dataSbId=\"ui_mobile_message_item_menu_edit\"\n            >\n              <Label\n                type={LabelTypography.SUBTITLE_1}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {stringSet.MESSAGE_MENU__EDIT}\n              </Label>\n              <Icon\n                type={IconTypes.EDIT}\n                fillColor={IconColors.PRIMARY}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            </MenuItem>\n          )}\n          {showMenuItemResend && (\n            <MenuItem\n              className=\"sendbird-message__mobile-context-menu-item menu-item-resend\"\n              onClick={() => {\n                hideMenu();\n                resendMessage(message);\n              }}\n              dataSbId=\"ui_mobile_message_item_menu_resend\"\n            >\n              <Label\n                type={LabelTypography.SUBTITLE_1}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {stringSet.MESSAGE_MENU__RESEND}\n              </Label>\n              <Icon\n                type={IconTypes.REFRESH}\n                fillColor={IconColors.PRIMARY}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            </MenuItem>\n          )}\n          {showMenuItemDeleteFinal && (\n            <MenuItem\n              className=\"sendbird-message__mobile-context-menu-item menu-item-delete\"\n              onClick={() => {\n                if (!disableDelete) {\n                  hideMenu();\n                  showRemove(true);\n                }\n              }}\n              disable={disableDelete}\n              dataSbId=\"ui_mobile_message_item_menu_delete\"\n            >\n              <Label\n                type={LabelTypography.SUBTITLE_1}\n                color={\n                  disableDelete\n                    ? LabelColors.ONBACKGROUND_4\n                    : LabelColors.ONBACKGROUND_1\n                }\n              >\n                {stringSet.MESSAGE_MENU__DELETE}\n              </Label>\n              <Icon\n                type={IconTypes.DELETE}\n                fillColor={\n                  disableDelete\n                    ? IconColors.ON_BACKGROUND_4\n                    : IconColors.PRIMARY\n                }\n                width=\"24px\"\n                height=\"24px\"\n              />\n            </MenuItem>\n          )}\n          {showMenuItemDownload && (\n            <MenuItem\n              className=\"sendbird-message__mobile-context-menu-item menu-item-save\"\n              onClick={() => {\n                hideMenu();\n              }}\n              dataSbId=\"ui_mobile_message_item_menu_download_file\"\n            >\n              <a\n                className=\"sendbird-message__contextmenu--hyperlink\"\n                rel=\"noopener noreferrer\"\n                href={fileMessage?.url}\n                target=\"_blank\"\n              >\n                <Label\n                  type={LabelTypography.SUBTITLE_1}\n                  color={LabelColors.ONBACKGROUND_1}\n                >\n                  {stringSet.MESSAGE_MENU__SAVE}\n                </Label>\n                <Icon\n                  type={IconTypes.DOWNLOAD}\n                  fillColor={IconColors.PRIMARY}\n                  width=\"24px\"\n                  height=\"24px\"\n                />\n              </a>\n            </MenuItem>\n          )}\n        </MenuItems>\n      )}\n    />\n  );\n};\n\nexport default MobileContextMenu;\n","import type { Emoji } from '@sendbird/chat';\nimport { FileMessage, Reaction, UserMessage } from '@sendbird/chat/message';\nimport React, { ReactElement, useState } from 'react';\n\nimport type { MobileBottomSheetProps } from './types';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\n\nimport {\n  getEmojiListAll,\n  isFailedMessage,\n  isPendingMessage,\n  isSentMessage,\n  isUserMessage,\n  copyToClipboard,\n  isFileMessage,\n  isVoiceMessage,\n  isThreadMessage,\n} from '../../utils';\nimport BottomSheet from '../BottomSheet';\nimport ImageRenderer from '../ImageRenderer';\nimport ReactionButton from '../ReactionButton';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { useLocalization } from '../../lib/LocalizationContext';\n\nconst EMOJI_SIZE = 38;\n\nconst MobileBottomSheet: React.FunctionComponent<MobileBottomSheetProps> = (props: MobileBottomSheetProps) => {\n  const {\n    hideMenu,\n    channel,\n    emojiContainer,\n    message,\n    replyType,\n    userId,\n    resendMessage,\n    toggleReaction,\n    isReactionEnabled,\n    showEdit,\n    showRemove,\n    deleteMenuState,\n    setQuoteMessage,\n    onReplyInThread,\n    isOpenedFromThread = false,\n  } = props;\n  const isByMe = message?.sender?.userId === userId;\n  const { stringSet } = useLocalization();\n  const showMenuItemCopy: boolean = isUserMessage(message as UserMessage);\n  const showMenuItemEdit: boolean = (isUserMessage(message as UserMessage) && isSentMessage(message) && isByMe);\n  const showMenuItemResend: boolean = (isFailedMessage(message) && message?.isResendable && isByMe);\n\n  const showMenuItemDelete: boolean = !isPendingMessage(message) && isByMe;\n  const showMenuItemDeleteByState = isByMe && (deleteMenuState === undefined || deleteMenuState !== 'HIDE');\n  const showMenuItemDeleteFinal = showMenuItemDeleteByState && showMenuItemDelete;\n\n  const disableDelete = (\n    (deleteMenuState !== undefined && deleteMenuState === 'DISABLE')\n    || (message?.threadInfo?.replyCount ?? 0) > 0\n  );\n\n  const showMenuItemDownload: boolean = !isPendingMessage(message) && isFileMessage(message) && !isVoiceMessage(message);\n  const showReaction: boolean = !isFailedMessage(message) && !isPendingMessage(message) && isReactionEnabled;\n  const showMenuItemReply: boolean = (replyType === 'QUOTE_REPLY')\n    && !isFailedMessage(message)\n    && !isPendingMessage(message)\n    && (channel?.isGroupChannel() && !(channel as GroupChannel)?.isBroadcast);\n  const showMenuItemThread: boolean = (replyType === 'THREAD') && !isOpenedFromThread\n    && !isFailedMessage(message)\n    && !isPendingMessage(message)\n    && !isThreadMessage(message)\n    && (channel?.isGroupChannel() && !(channel as GroupChannel)?.isBroadcast);\n  const disableReaction = message?.parentMessageId > 0;\n\n  const fileMessage = message as FileMessage;\n  const maxEmojisPerRow = Math.floor(window.innerWidth / EMOJI_SIZE) - 1;\n  const [showEmojisOnly, setShowEmojisOnly] = useState<boolean>(false);\n  const emojis = getEmojiListAll(emojiContainer);\n  // calculate max emojis that can be shown in screen\n  const visibleEmojis = showEmojisOnly\n    ? emojis\n    : emojis?.slice(0, maxEmojisPerRow);\n  const canShowMoreEmojis = emojis.length > maxEmojisPerRow;\n  return (\n    <BottomSheet onBackdropClick={hideMenu}>\n      <div className='sendbird-message__bottomsheet'>\n        {\n          showReaction && (\n            <div className='sendbird-message__bottomsheet-reactions'>\n              <ul\n                className=\"sendbird-message__bottomsheet-reaction-bar\"\n              >\n                <div\n                  className={`\n                    sendbird-message__bottomsheet-reaction-bar__row\n                    ${showEmojisOnly ? 'sendbird-message__bottomsheet-reaction-bar__all' : ''}\n                  `}\n                >\n                  {visibleEmojis.map((emoji: Emoji): React.ReactElement => {\n                    const isReacted: boolean = message?.reactions\n                      ?.filter((reaction: Reaction): boolean => reaction.key === emoji.key)[0]\n                      ?.userIds\n                      ?.some((reactorId: string): boolean => reactorId === userId);\n                    return (\n                      <ReactionButton\n                        key={emoji.key}\n                        width={`${EMOJI_SIZE}px`}\n                        height={`${EMOJI_SIZE}px`}\n                        selected={isReacted}\n                        onClick={(): void => {\n                          hideMenu();\n                          toggleReaction(message, emoji.key, isReacted);\n                        }}\n                        dataSbId={`ui_mobile_emoji_reactions_menu_${emoji.key}`}\n                      >\n                        <ImageRenderer\n                          url={emoji?.url || ''}\n                          width=\"28px\"\n                          height=\"28px\"\n                          placeHolder={(style: Record<string, unknown>): ReactElement => (\n                            <div style={style}>\n                              <Icon\n                                type={IconTypes.QUESTION}\n                                fillColor={IconColors.ON_BACKGROUND_3}\n                                width=\"28px\"\n                                height=\"28px\"\n                              />\n                            </div>\n                          )}\n                        />\n                      </ReactionButton>\n                    );\n                  })}\n                  {\n                    canShowMoreEmojis && !showEmojisOnly && (\n                      <ReactionButton\n                        key=\"emoji_more\"\n                        width=\"38px\"\n                        height=\"38px\"\n                        onClick={(): void => {\n                          setShowEmojisOnly(true);\n                        }}\n                        dataSbId=\"ui_mobile_emoji_reactions_menu_emojiadd\"\n                      >\n                        <ImageRenderer\n                          url={''}\n                          width=\"28px\"\n                          height=\"28px\"\n                          placeHolder={(style: Record<string, unknown>): React.ReactElement => (\n                            <div style={style}>\n                              <Icon\n                                type={IconTypes.EMOJI_MORE}\n                                fillColor={IconColors.ON_BACKGROUND_3}\n                                width=\"28px\"\n                                height=\"28px\"\n                              />\n                            </div>\n                          )}\n                        />\n                      </ReactionButton>\n                    )\n                  }\n                </div>\n              </ul>\n            </div>\n          )\n        }\n        {\n          !showEmojisOnly && (\n            <div className='sendbird-message__bottomsheet--actions'>\n              {showMenuItemCopy && (\n                <div\n                  className='sendbird-message__bottomsheet--action'\n                  onClick={() => {\n                    hideMenu();\n                    copyToClipboard((message as UserMessage)?.message);\n                  }}\n                >\n                  <Icon\n                    type={IconTypes.COPY}\n                    fillColor={IconColors.PRIMARY}\n                    width=\"24px\"\n                    height=\"24px\"\n                  />\n                  <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n                    {stringSet?.MESSAGE_MENU__COPY}\n                  </Label>\n                </div>\n              )}\n              {\n                showMenuItemEdit && (\n                  <div\n                    className='sendbird-message__bottomsheet--action'\n                    onClick={() => {\n                      hideMenu();\n                      showEdit(true);\n                    }}\n                  >\n                    <Icon\n                      type={IconTypes.EDIT}\n                      fillColor={IconColors.PRIMARY}\n                      width=\"24px\"\n                      height=\"24px\"\n                    />\n                    <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n                      {stringSet?.MESSAGE_MENU__EDIT}\n                    </Label>\n                  </div>\n                )\n              }\n              {\n                showMenuItemResend && (\n                  <div\n                    className='sendbird-message__bottomsheet--action'\n                    onClick={() => {\n                      hideMenu();\n                      resendMessage(message);\n                    }}\n                  >\n                    <Icon\n                      type={IconTypes.REFRESH}\n                      fillColor={IconColors.PRIMARY}\n                      width=\"24px\"\n                      height=\"24px\"\n                    />\n                    <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n                      {stringSet?.MESSAGE_MENU__RESEND}\n                    </Label>\n                  </div>\n                )\n              }\n              {\n                showMenuItemReply && (\n                  <div\n                    className={`sendbird-message__bottomsheet--action\n                      ${disableReaction ? 'sendbird-message__bottomsheet--action-disabled' : ''}\n                    `}\n                    role=\"menuitem\"\n                    aria-disabled={disableReaction ? true : false}\n                    onClick={() => {\n                      if (!disableReaction) {\n                        hideMenu();\n                        setQuoteMessage(message);\n                      }\n                    }}\n                  >\n                    <Icon\n                      type={IconTypes.REPLY}\n                      fillColor={disableReaction\n                        ? IconColors.ON_BACKGROUND_3\n                        : IconColors.PRIMARY\n                      }\n                      width=\"24px\"\n                      height=\"24px\"\n                    />\n                    <Label\n                      type={LabelTypography.SUBTITLE_1}\n                      color={disableReaction ? LabelColors.ONBACKGROUND_4 : LabelColors.ONBACKGROUND_1}\n                    >\n                      {stringSet?.MESSAGE_MENU__REPLY}\n                    </Label>\n                  </div>\n                )\n              }\n              {showMenuItemThread && (\n                <div\n                  className='sendbird-message__bottomsheet--action'\n                  onClick={() => {\n                    hideMenu();\n                    onReplyInThread?.({ message });\n                  }}\n                >\n                  <Icon\n                    type={IconTypes.THREAD}\n                    fillColor={IconColors.PRIMARY}\n                    width=\"24px\"\n                    height=\"24px\"\n                  />\n                  <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n                    {stringSet.MESSAGE_MENU__THREAD}\n                  </Label>\n                </div>\n              )}\n              {\n                showMenuItemDeleteFinal && (\n                  <div\n                    className='sendbird-message__bottomsheet--action'\n                    onClick={() => {\n                      if (!disableDelete) {\n                        hideMenu();\n                        showRemove?.(true);\n                      }\n                    }}\n                  >\n                    <Icon\n                      type={IconTypes.DELETE}\n                      fillColor={\n                        disableDelete\n                          ? IconColors.ON_BACKGROUND_4\n                          : IconColors.PRIMARY\n                      }\n                      width=\"24px\"\n                      height=\"24px\"\n                    />\n                    <Label\n                      type={LabelTypography.SUBTITLE_1}\n                      color={\n                        disableDelete\n                          ? LabelColors.ONBACKGROUND_4\n                          : LabelColors.ONBACKGROUND_1\n                      }\n                    >\n                      {stringSet?.MESSAGE_MENU__DELETE}\n                    </Label>\n                  </div>\n                )\n              }\n              {\n                showMenuItemDownload && (\n                  <div\n                    className='sendbird-message__bottomsheet--action'\n                    onClick={() => {\n                      hideMenu();\n                    }}\n                  >\n                    <a\n                      className=\"sendbird-message__bottomsheet--hyperlink\"\n                      rel=\"noopener noreferrer\"\n                      href={fileMessage?.url}\n                      target=\"_blank\"\n                    >\n                      <Icon\n                        type={IconTypes.DOWNLOAD}\n                        fillColor={IconColors.PRIMARY}\n                        width=\"24px\"\n                        height=\"24px\"\n                      />\n                      <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n                        {stringSet?.MESSAGE_MENU__SAVE}\n                      </Label>\n                    </a>\n                  </div>\n                )\n              }\n            </div>\n          )\n        }\n      </div>\n    </BottomSheet>\n  );\n};\n\nexport default MobileBottomSheet;\n","import './mobile-menu.scss';\n\nimport React from 'react';\nimport MobileContextMenu from './MobileContextMenu';\nimport MobileBottomSheet from './MobileBottomSheet';\nimport type { MobileBottomSheetProps } from './types';\n\nconst MobileMenu: React.FC<MobileBottomSheetProps> = (props: MobileBottomSheetProps) => {\n  const {\n    message,\n    hideMenu,\n    userId,\n    channel,\n    isReactionEnabled = false,\n    isByMe,\n    replyType,\n    disabled,\n    deleteMenuState,\n    showRemove,\n    showEdit,\n    resendMessage,\n    setQuoteMessage,\n    emojiContainer,\n    toggleReaction,\n    parentRef,\n    onReplyInThread,\n    isOpenedFromThread,\n  } = props;\n  return (\n    <>\n      {\n        isReactionEnabled\n          ? (\n            <MobileBottomSheet\n              channel={channel}\n              message={message}\n              hideMenu={hideMenu}\n              isByMe={isByMe}\n              userId={userId}\n              replyType={replyType}\n              disabled={disabled}\n              showRemove={showRemove}\n              showEdit={showEdit}\n              deleteMenuState={deleteMenuState}\n              resendMessage={resendMessage}\n              setQuoteMessage={setQuoteMessage}\n              emojiContainer={emojiContainer}\n              toggleReaction={toggleReaction}\n              isReactionEnabled={isReactionEnabled}\n              onReplyInThread={onReplyInThread}\n              isOpenedFromThread={isOpenedFromThread}\n            />\n          ) : (\n            <MobileContextMenu\n              channel={channel}\n              userId={userId}\n              message={message}\n              hideMenu={hideMenu}\n              isByMe={isByMe}\n              showEdit={showEdit}\n              replyType={replyType}\n              disabled={disabled}\n              deleteMenuState={deleteMenuState}\n              showRemove={showRemove}\n              resendMessage={resendMessage}\n              setQuoteMessage={setQuoteMessage}\n              parentRef={parentRef}\n              onReplyInThread={onReplyInThread}\n              isOpenedFromThread={isOpenedFromThread}\n            />\n          )\n      }\n    </>\n  );\n};\n\nexport default MobileMenu;\n"],"names":["MobileContextMenu","props","_message$sender","_message$threadInfo$r","_message$threadInfo","hideMenu","channel","message","replyType","userId","resendMessage","showEdit","showRemove","deleteMenuState","setQuoteMessage","parentRef","onReplyInThread","isOpenedFromThread","isByMe","sender","stringSet","useLocalization","showMenuItemCopy","isUserMessage","showMenuItemEdit","isSentMessage","showMenuItemResend","isFailedMessage","isResendable","showMenuItemDelete","isPendingMessage","showMenuItemDeleteByState","undefined","showMenuItemDeleteFinal","disableDelete","threadInfo","replyCount","showMenuItemDownload","isFileMessage","isVoiceMessage","isSuper","isBroadcast","showMenuItemReply","isGroupChannel","showMenuItemThread","isThreadMessage","fileMessage","React","createElement","ContextMenu","isOpen","menuItems","_message$parentMessag","_message$parentMessag2","_message$parentMessag3","MenuItems","className","parentContainRef","closeDropdown","MenuItem","onClick","copyToClipboard","dataSbId","Label","type","LabelTypography","SUBTITLE_1","color","LabelColors","ONBACKGROUND_1","MESSAGE_MENU__COPY","Icon","IconTypes","COPY","fillColor","IconColors","PRIMARY","width","height","disable","parentMessageId","ONBACKGROUND_4","MESSAGE_MENU__REPLY","REPLY","ON_BACKGROUND_4","MESSAGE_MENU__THREAD","THREAD","MESSAGE_MENU__EDIT","EDIT","MESSAGE_MENU__RESEND","REFRESH","MESSAGE_MENU__DELETE","DELETE","rel","href","url","target","MESSAGE_MENU__SAVE","DOWNLOAD","EMOJI_SIZE","MobileBottomSheet","emojiContainer","toggleReaction","isReactionEnabled","showReaction","disableReaction","maxEmojisPerRow","Math","floor","window","innerWidth","showEmojisOnly","setShowEmojisOnly","useState","emojis","getEmojiListAll","visibleEmojis","slice","canShowMoreEmojis","length","BottomSheet","onBackdropClick","map","emoji","_message$reactions","_message$reactions$fi","_message$reactions$fi2","isReacted","reactions","filter","reaction","key","userIds","some","reactorId","ReactionButton","selected","ImageRenderer","placeHolder","style","QUESTION","ON_BACKGROUND_3","EMOJI_MORE","role","MobileMenu","disabled","Fragment"],"mappings":"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"}

package/index-869e67e8.js

@@ -0,0 +1,7 @@
+import 'react';
+
+// simple component to be used as modal root
+const MODAL_ROOT = 'sendbird-modal-root';
+
+export { MODAL_ROOT as M };
+//# sourceMappingURL=index-869e67e8.js.map

package/index-869e67e8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-869e67e8.js","sources":["../src/hooks/useModal/ModalRoot/index.jsx"],"sourcesContent":["// simple component to be used as modal root\nimport React from 'react';\n\nexport const MODAL_ROOT = 'sendbird-modal-root';\n\nconst ModalRoot = () => (\n  <div id={MODAL_ROOT} className={MODAL_ROOT} />\n);\nexport default ModalRoot;\n"],"names":["MODAL_ROOT"],"mappings":";;AAAA;AAGO,MAAMA,UAAU,GAAG;;;;"}

package/index-9dd15aad.js

@@ -0,0 +1,51 @@
+import React__default from 'react';
+import { K } from './index.module-dea47541.js';
+import { T as TOKEN_TYPES, U as USER_MENTION_PREFIX, g as getWhiteSpacePreservedText } from './tokenize-ca9f78c1.js';
+import { useMessageContext } from './Message/context.js';
+import MentionLabel from './ui/MentionLabel.js';
+import LinkLabel from './ui/LinkLabel.js';
+import { a as LabelTypography } from './index-20f528de.js';
+
+// this function is used to generate a unique key for token in message
+// it changes with updated time and index
+// messageUpdatedAt is the key part of this key generator
+function keyGenerator(createdAt, messageUpdatedAt, index) {
+  return `sb-msg_${createdAt}_${messageUpdatedAt}_${index}`;
+}
+
+function TextFragment(_ref) {
+  let {
+    tokens
+  } = _ref;
+  const messageStore = useMessageContext();
+  const message = messageStore === null || messageStore === void 0 ? void 0 : messageStore.message;
+  const isByMe = messageStore === null || messageStore === void 0 ? void 0 : messageStore.isByMe;
+  const {
+    updatedAt,
+    createdAt
+  } = message;
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, tokens === null || tokens === void 0 ? void 0 : tokens.map((token, idx) => {
+    const key = keyGenerator(createdAt, updatedAt, idx);
+    return K(token.type).with(TOKEN_TYPES.mention, () => /*#__PURE__*/React__default.createElement("span", {
+      className: "sendbird-word",
+      key: key
+    }, /*#__PURE__*/React__default.createElement(MentionLabel, {
+      mentionTemplate: USER_MENTION_PREFIX,
+      mentionedUserId: token.userId,
+      mentionedUserNickname: token.value,
+      isByMe: isByMe
+    }))).with(TOKEN_TYPES.url, () => /*#__PURE__*/React__default.createElement("span", {
+      className: "sendbird-word",
+      key: key
+    }, /*#__PURE__*/React__default.createElement(LinkLabel, {
+      className: "sendbird-word__url",
+      src: token.value,
+      type: LabelTypography.BODY_1
+    }, token.value))).otherwise(() => /*#__PURE__*/React__default.createElement(React__default.Fragment, {
+      key: key
+    }, getWhiteSpacePreservedText(token.value)));
+  }));
+}
+
+export { TextFragment as T };
+//# sourceMappingURL=index-9dd15aad.js.map

package/index-9dd15aad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-9dd15aad.js","sources":["../src/modules/Message/utils/tokens/keyGenerator.ts","../src/modules/Message/components/TextFragment/index.tsx"],"sourcesContent":["// this function is used to generate a unique key for token in message\n// it changes with updated time and index\n// messageUpdatedAt is the key part of this key generator\nexport function keyGenerator(\n  createdAt: number,\n  messageUpdatedAt: number,\n  index: number,\n): string {\n  return `sb-msg_${createdAt}_${messageUpdatedAt}_${index}`;\n}\n","import React from 'react';\nimport { UserMessage } from '@sendbird/chat/message';\nimport { match } from 'ts-pattern';\n\nimport { TOKEN_TYPES, Token } from '../../utils/tokens/types';\nimport { useMessageContext } from '../../context/MessageProvider';\nimport { keyGenerator } from '../../utils/tokens/keyGenerator';\nimport MentionLabel from '../../../../ui/MentionLabel';\nimport { USER_MENTION_PREFIX } from '../../consts';\nimport LinkLabel from '../../../../ui/LinkLabel';\nimport { LabelTypography } from '../../../../ui/Label';\nimport { getWhiteSpacePreservedText } from '../../utils/tokens/tokenize';\n\nexport type TextFragmentProps = {\n  tokens: Token[];\n};\n\nexport default function TextFragment({\n  tokens,\n}: TextFragmentProps): React.ReactElement {\n  const messageStore = useMessageContext();\n\n  const message = messageStore?.message as UserMessage;\n  const isByMe = messageStore?.isByMe;\n  const { updatedAt, createdAt } = message;\n\n  return (\n    <>\n      {tokens?.map((token, idx) => {\n        const key = keyGenerator(createdAt, updatedAt, idx);\n        return match(token.type)\n          .with(TOKEN_TYPES.mention, () => (\n            <span className=\"sendbird-word\" key={key}>\n              <MentionLabel\n                mentionTemplate={USER_MENTION_PREFIX}\n                mentionedUserId={token.userId}\n                mentionedUserNickname={token.value}\n                isByMe={isByMe}\n              />\n            </span>\n          ))\n          .with(TOKEN_TYPES.url, () => (\n            <span className=\"sendbird-word\" key={key}>\n              <LinkLabel\n                className=\"sendbird-word__url\"\n                src={token.value}\n                type={LabelTypography.BODY_1}\n              >\n                {token.value}\n              </LinkLabel>\n            </span>\n          ))\n          .otherwise(() => <React.Fragment key={key}>{getWhiteSpacePreservedText(token.value)}</React.Fragment>);\n      })}\n    </>\n  );\n}\n"],"names":["keyGenerator","createdAt","messageUpdatedAt","index","TextFragment","_ref","tokens","messageStore","useMessageContext","message","isByMe","updatedAt","React","createElement","Fragment","map","token","idx","key","match","type","with","TOKEN_TYPES","mention","className","MentionLabel","mentionTemplate","USER_MENTION_PREFIX","mentionedUserId","userId","mentionedUserNickname","value","url","LinkLabel","src","LabelTypography","BODY_1","otherwise","getWhiteSpacePreservedText"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACO,SAASA,YAAYA,CAC1BC,SAAiB,EACjBC,gBAAwB,EACxBC,KAAa,EACL;AACR,EAAA,OAAQ,UAASF,SAAU,CAAA,CAAA,EAAGC,gBAAiB,CAAA,CAAA,EAAGC,KAAM,CAAC,CAAA,CAAA;AAC3D;;ACQe,SAASC,YAAYA,CAAAC,IAAA,EAEM;EAAA,IAFL;AACnCC,IAAAA,MAAAA;AACiB,GAAC,GAAAD,IAAA,CAAA;EAClB,MAAME,YAAY,GAAGC,iBAAiB,EAAE,CAAA;EAExC,MAAMC,OAAO,GAAGF,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAY,CAAEE,OAAsB,CAAA;EACpD,MAAMC,MAAM,GAAGH,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAY,CAAEG,MAAM,CAAA;EACnC,MAAM;IAAEC,SAAS;AAAEV,IAAAA,SAAAA;AAAU,GAAC,GAAGQ,OAAO,CAAA;EAExC,oBACEG,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAE,QAAA,QACGR,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAES,GAAG,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;IAC3B,MAAMC,GAAG,GAAGlB,YAAY,CAACC,SAAS,EAAEU,SAAS,EAAEM,GAAG,CAAC,CAAA;AACnD,IAAA,OAAOE,CAAK,CAACH,KAAK,CAACI,IAAI,CAAC,CACrBC,IAAI,CAACC,WAAW,CAACC,OAAO,EAAE,mBACzBX,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMW,MAAAA,SAAS,EAAC,eAAe;AAACN,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,eACvCN,cAAA,CAAAC,aAAA,CAACY,YAAY,EAAA;AACXC,MAAAA,eAAe,EAAEC,mBAAoB;MACrCC,eAAe,EAAEZ,KAAK,CAACa,MAAO;MAC9BC,qBAAqB,EAAEd,KAAK,CAACe,KAAM;AACnCrB,MAAAA,MAAM,EAAEA,MAAAA;AAAO,KAAA,CACf,CAEL,CAAC,CACDW,IAAI,CAACC,WAAW,CAACU,GAAG,EAAE,mBACrBpB,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMW,MAAAA,SAAS,EAAC,eAAe;AAACN,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,eACvCN,cAAA,CAAAC,aAAA,CAACoB,SAAS,EAAA;AACRT,MAAAA,SAAS,EAAC,oBAAoB;MAC9BU,GAAG,EAAElB,KAAK,CAACe,KAAM;MACjBX,IAAI,EAAEe,eAAe,CAACC,MAAAA;AAAO,KAAA,EAE5BpB,KAAK,CAACe,KAAK,CACF,CAEf,CAAC,CACDM,SAAS,CAAC,mBAAMzB,cAAA,CAAAC,aAAA,CAACD,cAAK,CAACE,QAAQ,EAAA;AAACI,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,EAAEoB,0BAA0B,CAACtB,KAAK,CAACe,KAAK,CAAC,CAAkB,CAAC,CAAA;AAC1G,GAAC,CAAC,CACD,CAAA;AAEP;;;;"}