@sendbird/uikit-react 3.7.0 → 3.8.0

package/ui/MessageItemReactionMenu.js

@@ -4,108 +4,49 @@ import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import ReactionButton from './ReactionButton.js';
-import { J as isPendingMessage, I as isFailedMessage, o as getClassName, L as getEmojiListAll } from '../index-776554c0.js';
-import '../tslib.es6-c2fb729e.js';
+import { t as isPendingMessage, s as isFailedMessage, d as getClassName, v as getEmojiListAll } from '../chunks/bundle-EHReigfD.js';
+import '../chunks/bundle-hKtwSqbO.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-c15b8b3b.js';
-import '../index-92741c7e.js';
-import 'prop-types';
-import '../stringSet-6422c6b9.js';
+import '../chunks/bundle-bofQNMJb.js';
+import '../chunks/bundle-wMgBBDf9.js';
+import '../chunks/bundle-5yKxJk_M.js';
+import '../chunks/bundle-v9a1_z0P.js';
+import '../chunks/bundle-btDN-R-c.js';
+import '../chunks/bundle-x-4ukZm_.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-09847c0f.js';
-import '../_rollupPluginBabelHelpers-e92eb032.js';
-import '../useLongPress-f8655a14.js';
-import '../MediaQueryContext-114ca049.js';
-import '../utils-6c50a6d1.js';
+import '../chunks/bundle-9KsbryQI.js';
 
-function MessageItemReactionMenu(_a) {
-  var className = _a.className,
-    message = _a.message,
-    userId = _a.userId,
-    _b = _a.spaceFromTrigger,
-    spaceFromTrigger = _b === void 0 ? {
-      x: 0,
-      y: 0
-    } : _b,
-    emojiContainer = _a.emojiContainer,
-    toggleReaction = _a.toggleReaction,
-    setSupposedHover = _a.setSupposedHover;
-  var triggerRef = useRef(null);
-  var containerRef = useRef(null);
-  if (isPendingMessage(message) || isFailedMessage(message)) {
-    return null;
-  }
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: getClassName([className, 'sendbird-message-item-reaction-menu']),
-    ref: containerRef
-  }, /*#__PURE__*/React__default.createElement(ContextMenu, {
-    menuTrigger: function (toggleDropdown) {
-      return /*#__PURE__*/React__default.createElement(IconButton, {
-        className: "sendbird-message-item-reaction-menu__trigger",
-        ref: triggerRef,
-        width: "32px",
-        height: "32px",
-        onClick: function () {
-          toggleDropdown();
-          setSupposedHover(true);
-        },
-        onBlur: function () {
-          setSupposedHover(false);
-        }
-      }, /*#__PURE__*/React__default.createElement(Icon, {
-        className: "sendbird-message-item-reaction-menu__trigger__icon",
-        type: IconTypes.EMOJI_MORE,
-        fillColor: IconColors.CONTENT_INVERSE,
-        width: "24px",
-        height: "24px"
-      }));
-    },
-    menuItems: function (close) {
-      var closeDropdown = function () {
-        close();
-        setSupposedHover(false);
-      };
-      return /*#__PURE__*/React__default.createElement(EmojiListItems, {
-        parentRef: triggerRef,
-        parentContainRef: containerRef,
-        closeDropdown: closeDropdown,
-        spaceFromTrigger: spaceFromTrigger
-      }, getEmojiListAll(emojiContainer).map(function (emoji) {
-        var _a, _b, _c;
-        var isReacted = (_c = (_b = (_a = message === null || message === void 0 ? void 0 : message.reactions) === null || _a === void 0 ? void 0 : _a.filter(function (reaction) {
-          return reaction.key === emoji.key;
-        })[0]) === null || _b === void 0 ? void 0 : _b.userIds) === null || _c === void 0 ? void 0 : _c.some(function (reactorId) {
-          return reactorId === userId;
-        });
-        return /*#__PURE__*/React__default.createElement(ReactionButton, {
-          key: emoji.key,
-          width: "36px",
-          height: "36px",
-          selected: isReacted,
-          onClick: function () {
-            closeDropdown();
-            toggleReaction(message, emoji.key, isReacted);
-          },
-          dataSbId: "ui_emoji_reactions_menu_".concat(emoji.key)
-        }, /*#__PURE__*/React__default.createElement(ImageRenderer, {
-          url: emoji.url,
-          width: "28px",
-          height: "28px",
-          placeHolder: function (style) {
-            return /*#__PURE__*/React__default.createElement("div", {
-              style: style
-            }, /*#__PURE__*/React__default.createElement(Icon, {
-              type: IconTypes.QUESTION,
-              fillColor: IconColors.ON_BACKGROUND_3,
-              width: "28px",
-              height: "28px"
-            }));
-          }
-        }));
-      }));
-    }
-  }));
+function MessageItemReactionMenu(_a) {
+    var className = _a.className, message = _a.message, userId = _a.userId, _b = _a.spaceFromTrigger, spaceFromTrigger = _b === void 0 ? { x: 0, y: 0 } : _b, emojiContainer = _a.emojiContainer, toggleReaction = _a.toggleReaction, setSupposedHover = _a.setSupposedHover;
+    var triggerRef = useRef(null);
+    var containerRef = useRef(null);
+    if (isPendingMessage(message) || isFailedMessage(message)) {
+        return null;
+    }
+    return (React__default.createElement("div", { className: getClassName([className, 'sendbird-message-item-reaction-menu']), ref: containerRef },
+        React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(IconButton, { className: "sendbird-message-item-reaction-menu__trigger", ref: triggerRef, width: "32px", height: "32px", onClick: function () {
+                    toggleDropdown();
+                    setSupposedHover(true);
+                }, onBlur: function () {
+                    setSupposedHover(false);
+                } },
+                React__default.createElement(Icon, { className: "sendbird-message-item-reaction-menu__trigger__icon", type: IconTypes.EMOJI_MORE, fillColor: IconColors.CONTENT_INVERSE, width: "24px", height: "24px" }))); }, menuItems: function (close) {
+                var closeDropdown = function () {
+                    close();
+                    setSupposedHover(false);
+                };
+                return (React__default.createElement(EmojiListItems, { parentRef: triggerRef, parentContainRef: containerRef, closeDropdown: closeDropdown, spaceFromTrigger: spaceFromTrigger }, getEmojiListAll(emojiContainer).map(function (emoji) {
+                    var _a, _b, _c;
+                    var isReacted = (_c = (_b = (_a = message === null || message === void 0 ? void 0 : message.reactions) === null || _a === void 0 ? void 0 : _a.filter(function (reaction) { return reaction.key === emoji.key; })[0]) === null || _b === void 0 ? void 0 : _b.userIds) === null || _c === void 0 ? void 0 : _c.some(function (reactorId) { return reactorId === userId; });
+                    return (React__default.createElement(ReactionButton, { key: emoji.key, width: "36px", height: "36px", selected: isReacted, onClick: function () {
+                            closeDropdown();
+                            toggleReaction(message, emoji.key, isReacted);
+                        }, dataSbId: "ui_emoji_reactions_menu_".concat(emoji.key) },
+                        React__default.createElement(ImageRenderer, { url: emoji.url, width: "28px", height: "28px", placeHolder: function (style) { return (React__default.createElement("div", { style: style },
+                                React__default.createElement(Icon, { type: IconTypes.QUESTION, fillColor: IconColors.ON_BACKGROUND_3, width: "28px", height: "28px" }))); } })));
+                })));
+            } })));
 }
 
 export { MessageItemReactionMenu as default };

package/ui/MessageItemReactionMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageItemReactionMenu.js","sources":["../../src/ui/MessageItemReactionMenu/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useRef } from 'react';\nimport type { Reaction } from '@sendbird/chat/message';\nimport type { Emoji, EmojiContainer } from '@sendbird/chat';\n\nimport ContextMenu, { EmojiListItems } from '../ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport ImageRenderer from '../ImageRenderer';\nimport ReactionButton from '../ReactionButton';\nimport { getClassName, getEmojiListAll, isPendingMessage, isFailedMessage, SendableMessageType } from '../../utils';\nimport { SpaceFromTriggerType } from '../../types';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: SendableMessageType;\n  userId: string;\n  spaceFromTrigger?: SpaceFromTriggerType;\n  emojiContainer?: EmojiContainer;\n  toggleReaction?: (message: SendableMessageType, reactionKey: string, isReacted: boolean) => void;\n  setSupposedHover?: (bool: boolean) => void;\n}\n\nexport default function MessageItemReactionMenu({\n  className,\n  message,\n  userId,\n  spaceFromTrigger = { x: 0, y: 0 },\n  emojiContainer,\n  toggleReaction,\n  setSupposedHover,\n}: Props): ReactElement {\n  const triggerRef = useRef(null);\n  const containerRef = useRef(null);\n\n  if (isPendingMessage(message) || isFailedMessage(message)) {\n    return null;\n  }\n\n  return (\n    <div\n      className={getClassName([className, 'sendbird-message-item-reaction-menu'])}\n      ref={containerRef}\n    >\n      <ContextMenu\n        menuTrigger={(toggleDropdown: () => void): ReactElement => (\n          <IconButton\n            className=\"sendbird-message-item-reaction-menu__trigger\"\n            ref={triggerRef}\n            width=\"32px\"\n            height=\"32px\"\n            onClick={(): void => {\n              toggleDropdown();\n              setSupposedHover(true);\n            }}\n            onBlur={(): void => {\n              setSupposedHover(false);\n            }}\n          >\n            <Icon\n              className=\"sendbird-message-item-reaction-menu__trigger__icon\"\n              type={IconTypes.EMOJI_MORE}\n              fillColor={IconColors.CONTENT_INVERSE}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        )}\n        menuItems={(close: () => void): ReactElement => {\n          const closeDropdown = (): void => {\n            close();\n            setSupposedHover(false);\n          };\n          return (\n            <EmojiListItems\n              parentRef={triggerRef}\n              parentContainRef={containerRef}\n              closeDropdown={closeDropdown}\n              spaceFromTrigger={spaceFromTrigger}\n            >\n              {getEmojiListAll(emojiContainer).map((emoji: Emoji): ReactElement => {\n                const isReacted: boolean = message?.reactions\n                  ?.filter((reaction: Reaction) => reaction.key === emoji.key)[0]?.userIds\n                  ?.some((reactorId: string) => reactorId === userId);\n                return (\n                  <ReactionButton\n                    key={emoji.key}\n                    width=\"36px\"\n                    height=\"36px\"\n                    selected={isReacted}\n                    onClick={() => {\n                      closeDropdown();\n                      toggleReaction(message, emoji.key, isReacted);\n                    }}\n                    dataSbId={`ui_emoji_reactions_menu_${emoji.key}`}\n                  >\n                    <ImageRenderer\n                      url={emoji.url}\n                      width=\"28px\"\n                      height=\"28px\"\n                      placeHolder={(style) => (\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            </EmojiListItems>\n          );\n        }}\n      />\n    </div>\n  );\n}\n"],"names":["MessageItemReactionMenu","_a","className","message","userId","_b","spaceFromTrigger","x","y","emojiContainer","toggleReaction","setSupposedHover","triggerRef","useRef","containerRef","isPendingMessage","isFailedMessage","React","createElement","getClassName","ref","ContextMenu","menuTrigger","toggleDropdown","IconButton","width","height","onClick","onBlur","Icon","type","IconTypes","EMOJI_MORE","fillColor","IconColors","CONTENT_INVERSE","menuItems","close","closeDropdown","EmojiListItems","parentRef","parentContainRef","getEmojiListAll","map","emoji","isReacted","_c","reactions","filter","reaction","key","userIds","some","reactorId","ReactionButton","selected","dataSbId","concat","ImageRenderer","url","placeHolder","style","QUESTION","ON_BACKGROUND_3"],"mappings":"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"}
+{"version":3,"file":"MessageItemReactionMenu.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/ui/MessageSearchFileItem.js

@@ -1,121 +1,88 @@
-import { c as __spreadArray } from '../tslib.es6-c2fb729e.js';
+import { a as __spreadArray } from '../chunks/bundle-hKtwSqbO.js';
 import React__default from 'react';
 import Avatar from './Avatar.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-92741c7e.js';
-import { u as useLocalization } from '../LocalizationContext-287ee149.js';
-import { f as format } from '../index-2d27aeef.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from '../index-f8a9cb51.js';
-import { d as isVoiceMessage } from '../index-776554c0.js';
-import { g as getMessageFirstFileUrl, a as getMessageFirstFileName } from '../utils-bfc0ab3b.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-wMgBBDf9.js';
+import { u as useLocalization } from '../chunks/bundle-v0OWADVv.js';
+import { f as format } from '../chunks/bundle-h3JIYRTG.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-dLuEa16_.js';
+import { i as isVoiceMessage } from '../chunks/bundle-EHReigfD.js';
+import { a as getMessageFirstFileUrl, c as getMessageFirstFileName } from '../chunks/bundle-M2ljBW6p.js';
 import './ImageRenderer.js';
-import '../uuid-c15b8b3b.js';
-import 'prop-types';
-import '../stringSet-6422c6b9.js';
-import '../index-e4277f9c.js';
-import '../index-682a192c.js';
+import '../chunks/bundle-bofQNMJb.js';
+import '../chunks/bundle-v9a1_z0P.js';
+import '../chunks/bundle-5yKxJk_M.js';
+import '../chunks/bundle-FTgSGiKe.js';
+import '../chunks/bundle-3mdR5HDw.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-09847c0f.js';
+import '../chunks/bundle-9KsbryQI.js';
 
-function getCreatedAt(_a) {
-  var createdAt = _a.createdAt,
-    locale = _a.locale,
-    stringSet = _a.stringSet;
-  var optionalParam = locale ? {
-    locale: locale
-  } : null;
-  if (!createdAt) {
-    return '';
-  }
-  if (isToday(createdAt)) {
-    return format(createdAt, 'p', optionalParam);
-  }
-  if (isYesterday(createdAt)) {
-    return (stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_STATUS__YESTERDAY) || 'Yesterday';
-  }
-  if (isThisYear(createdAt)) {
-    return format(createdAt, 'MMM d', optionalParam);
-  }
-  return format(createdAt, 'yyyy/M/d', optionalParam);
-}
-function getIconOfFileType(message) {
-  var _a, _b, _c;
-  var fileMessageUrl = (_a = getMessageFirstFileUrl(message)) !== null && _a !== void 0 ? _a : '';
-  var fileExtension = (_c = (_b = fileMessageUrl.match(/\.([^.]*?)(?=\?|#|$)/)) === null || _b === void 0 ? void 0 : _b[1]) !== null && _c !== void 0 ? _c : '';
-  if (/(jpg|jpeg|png)$/i.test(fileExtension)) {
-    return IconTypes.PHOTO;
-  } else if (/mp4$/i.test(fileExtension) || isVoiceMessage(message)) {
-    return IconTypes.PLAY;
-  } else if (/mp3/i.test(fileExtension)) {
-    return IconTypes.FILE_AUDIO;
-  } else if (/gif/i.test(fileExtension)) {
-    return IconTypes.GIF;
-  } else {
-    return IconTypes.FILE_DOCUMENT;
-  }
+function getCreatedAt(_a) {
+    var createdAt = _a.createdAt, locale = _a.locale, stringSet = _a.stringSet;
+    var optionalParam = locale ? { locale: locale } : null;
+    if (!createdAt) {
+        return '';
+    }
+    if (isToday(createdAt)) {
+        return format(createdAt, 'p', optionalParam);
+    }
+    if (isYesterday(createdAt)) {
+        return (stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_STATUS__YESTERDAY) || 'Yesterday';
+    }
+    if (isThisYear(createdAt)) {
+        return format(createdAt, 'MMM d', optionalParam);
+    }
+    return format(createdAt, 'yyyy/M/d', optionalParam);
+}
+function getIconOfFileType(message) {
+    var _a, _b, _c;
+    var fileMessageUrl = (_a = getMessageFirstFileUrl(message)) !== null && _a !== void 0 ? _a : '';
+    var fileExtension = (_c = (_b = (fileMessageUrl.match(/\.([^.]*?)(?=\?|#|$)/))) === null || _b === void 0 ? void 0 : _b[1]) !== null && _c !== void 0 ? _c : '';
+    if (/(jpg|jpeg|png)$/i.test(fileExtension)) {
+        return IconTypes.PHOTO;
+    }
+    else if (/mp4$/i.test(fileExtension) || isVoiceMessage(message)) {
+        return IconTypes.PLAY;
+    }
+    else if (/mp3/i.test(fileExtension)) {
+        return IconTypes.FILE_AUDIO;
+    }
+    else if (/gif/i.test(fileExtension)) {
+        return IconTypes.GIF;
+    }
+    else {
+        return IconTypes.FILE_DOCUMENT;
+    }
 }
 
-function MessageSearchFileItem(props) {
-  var className = props.className,
-    message = props.message,
-    selected = props.selected,
-    onClick = props.onClick;
-  var createdAt = message.createdAt;
-  var url = getMessageFirstFileUrl(message);
-  var name = getMessageFirstFileName(message);
-  // @ts-ignore
-  var sender = message.sender || message._sender;
-  var profileUrl = sender.profileUrl,
-    nickname = sender.nickname;
-  var _a = useLocalization(),
-    stringSet = _a.stringSet,
-    dateLocale = _a.dateLocale;
-  var isVoiceMsg = isVoiceMessage(message);
-  var prettyFilename = isVoiceMsg ? stringSet.VOICE_MESSAGE : name || url;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-message-search-file-item', selected ? 'sendbird-message-search-file-item--selected' : ''], false).join(' '),
-    onClick: function (e) {
-      e.stopPropagation();
-      onClick(message);
-    }
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-message-search-file-item__left"
-  }, /*#__PURE__*/React__default.createElement(Avatar, {
-    className: "sendbird-message-search-file-item__left__sender-avatar",
-    src: profileUrl,
-    alt: "profile image",
-    width: "56px",
-    height: "56px"
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-message-search-file-item__right"
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-message-search-file-item__right__sender-name",
-    type: LabelTypography.SUBTITLE_2,
-    color: LabelColors.ONBACKGROUND_1
-  }, nickname || stringSet.NO_NAME), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-message-search-file-item__right__content"
-  }, !isVoiceMsg && /*#__PURE__*/React__default.createElement("div", {
-    className: 'sendbird-message-search-file-item__right__content__type-icon'
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    type: getIconOfFileType(message),
-    fillColor: IconColors.PRIMARY,
-    width: "18px",
-    height: "18px"
-  })), /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-message-search-file-item__right__content__url",
-    type: LabelTypography.BODY_2,
-    color: LabelColors.ONBACKGROUND_1
-  }, prettyFilename))), /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-message-search-file-item__message-created-at",
-    type: LabelTypography.CAPTION_3,
-    color: LabelColors.ONBACKGROUND_2
-  }, getCreatedAt({
-    createdAt: createdAt,
-    locale: dateLocale,
-    stringSet: stringSet
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-message-search-file-item__right-footer"
-  }));
+function MessageSearchFileItem(props) {
+    var className = props.className, message = props.message, selected = props.selected, onClick = props.onClick;
+    var createdAt = message.createdAt;
+    var url = getMessageFirstFileUrl(message);
+    var name = getMessageFirstFileName(message);
+    // @ts-ignore
+    var sender = message.sender || message._sender;
+    var profileUrl = sender.profileUrl, nickname = sender.nickname;
+    var _a = useLocalization(), stringSet = _a.stringSet, dateLocale = _a.dateLocale;
+    var isVoiceMsg = isVoiceMessage(message);
+    var prettyFilename = isVoiceMsg ? stringSet.VOICE_MESSAGE : (name || url);
+    return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-message-search-file-item',
+            selected ? 'sendbird-message-search-file-item--selected' : '',
+        ], false).join(' '), onClick: function (e) {
+            e.stopPropagation();
+            onClick(message);
+        } },
+        React__default.createElement("div", { className: "sendbird-message-search-file-item__left" },
+            React__default.createElement(Avatar, { className: "sendbird-message-search-file-item__left__sender-avatar", src: profileUrl, alt: "profile image", width: "56px", height: "56px" })),
+        React__default.createElement("div", { className: "sendbird-message-search-file-item__right" },
+            React__default.createElement(Label, { className: "sendbird-message-search-file-item__right__sender-name", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_1 }, nickname || stringSet.NO_NAME),
+            React__default.createElement("div", { className: "sendbird-message-search-file-item__right__content" },
+                !isVoiceMsg && (React__default.createElement("div", { className: 'sendbird-message-search-file-item__right__content__type-icon' },
+                    React__default.createElement(Icon, { type: getIconOfFileType(message), fillColor: IconColors.PRIMARY, width: "18px", height: "18px" }))),
+                React__default.createElement(Label, { className: "sendbird-message-search-file-item__right__content__url", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, prettyFilename))),
+        React__default.createElement(Label, { className: "sendbird-message-search-file-item__message-created-at", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, getCreatedAt({ createdAt: createdAt, locale: dateLocale, stringSet: stringSet })),
+        React__default.createElement("div", { className: "sendbird-message-search-file-item__right-footer" })));
 }
 
 export { MessageSearchFileItem as default };

package/ui/MessageSearchFileItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageSearchFileItem.js","sources":["../../src/ui/MessageSearchFileItem/utils.ts","../../src/ui/MessageSearchFileItem/index.tsx"],"sourcesContent":["import type { FileMessage } from '@sendbird/chat/message';\nimport type { Locale } from 'date-fns';\nimport format from 'date-fns/format';\nimport isToday from 'date-fns/isToday';\nimport isThisYear from 'date-fns/isThisYear';\nimport isYesterday from 'date-fns/isYesterday';\nimport { IconTypes } from '../Icon';\nimport { isVoiceMessage } from '../../utils';\nimport { getMessageFirstFileUrl } from '../QuoteMessage/utils';\nimport { MultipleFilesMessage } from '@sendbird/chat/message';\n\nexport interface GetCreatedAtProps {\n  createdAt: number;\n  locale?: Locale;\n  stringSet?: Record<string, string>;\n}\n\nexport function getCreatedAt({ createdAt, locale, stringSet }: GetCreatedAtProps): string {\n  const optionalParam = locale ? { locale } : null;\n  if (!createdAt) {\n    return '';\n  }\n  if (isToday(createdAt)) {\n    return format(createdAt, 'p', optionalParam);\n  }\n  if (isYesterday(createdAt)) {\n    return stringSet?.MESSAGE_STATUS__YESTERDAY || 'Yesterday';\n  }\n  if (isThisYear(createdAt)) {\n    return format(createdAt, 'MMM d', optionalParam);\n  }\n  return format(createdAt, 'yyyy/M/d', optionalParam);\n}\n\nexport function getIconOfFileType(message: FileMessage | MultipleFilesMessage): string {\n  const fileMessageUrl = getMessageFirstFileUrl(message) ?? '';\n  const fileExtension = (fileMessageUrl.match(/\\.([^.]*?)(?=\\?|#|$)/))?.[1] ?? '';\n\n  if (/(jpg|jpeg|png)$/i.test(fileExtension)) {\n    return IconTypes.PHOTO;\n  } else if (/mp4$/i.test(fileExtension) || isVoiceMessage(message)) {\n    return IconTypes.PLAY;\n  } else if (/mp3/i.test(fileExtension)) {\n    return IconTypes.FILE_AUDIO;\n  } else if (/gif/i.test(fileExtension)) {\n    return IconTypes.GIF;\n  } else {\n    return IconTypes.FILE_DOCUMENT;\n  }\n}\n\nexport function truncate(fullText: string, textLimit: number): string {\n  if (fullText.length <= textLimit) return fullText;\n  const separator = '...';\n  const sepLen = separator.length;\n  const charsToShow = textLimit - sepLen;\n  const frontChars = Math.ceil(charsToShow / 2);\n  const backChars = Math.floor(charsToShow / 2);\n  return fullText.substr(0, frontChars) + separator + fullText.substr(fullText.length - backChars);\n}\n","import './index.scss';\nimport React, { ReactElement } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Avatar from '../Avatar';\nimport Icon, { IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { getCreatedAt, getIconOfFileType } from './utils';\nimport { isVoiceMessage } from '../../utils';\nimport { MultipleFilesMessage } from '@sendbird/chat/message';\nimport { getMessageFirstFileName, getMessageFirstFileUrl } from '../QuoteMessage/utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage | MultipleFilesMessage;\n  selected?: boolean;\n  onClick?: (message: FileMessage | MultipleFilesMessage) => void;\n}\n\nexport default function MessageSearchFileItem(props: Props): ReactElement {\n  const {\n    className,\n    message,\n    selected,\n    onClick,\n  } = props;\n  const { createdAt } = message;\n  const url: string = getMessageFirstFileUrl(message);\n  const name: string = getMessageFirstFileName(message);\n  // @ts-ignore\n  const sender = message.sender || message._sender;\n  const { profileUrl, nickname } = sender;\n  const { stringSet, dateLocale } = useLocalization();\n  const isVoiceMsg = isVoiceMessage(message);\n  const prettyFilename = isVoiceMsg ? stringSet.VOICE_MESSAGE : (name || url);\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-message-search-file-item',\n        selected ? 'sendbird-message-search-file-item--selected' : '',\n      ].join(' ')}\n      onClick={(e) => {\n        e.stopPropagation();\n        onClick(message);\n      }}\n    >\n      <div className=\"sendbird-message-search-file-item__left\">\n        <Avatar\n          className=\"sendbird-message-search-file-item__left__sender-avatar\"\n          src={profileUrl}\n          alt=\"profile image\"\n          width=\"56px\"\n          height=\"56px\"\n        />\n      </div>\n      <div className=\"sendbird-message-search-file-item__right\">\n        <Label\n          className=\"sendbird-message-search-file-item__right__sender-name\"\n          type={LabelTypography.SUBTITLE_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {nickname || stringSet.NO_NAME}\n        </Label>\n        <div className=\"sendbird-message-search-file-item__right__content\">\n          {!isVoiceMsg && (\n            <div className={'sendbird-message-search-file-item__right__content__type-icon'}>\n              <Icon\n                type={getIconOfFileType(message)}\n                fillColor={IconColors.PRIMARY}\n                width=\"18px\"\n                height=\"18px\"\n              />\n            </div>\n          )}\n          <Label\n            className=\"sendbird-message-search-file-item__right__content__url\"\n            type={LabelTypography.BODY_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {prettyFilename}\n          </Label>\n        </div>\n      </div>\n      <Label\n        className=\"sendbird-message-search-file-item__message-created-at\"\n        type={LabelTypography.CAPTION_3}\n        color={LabelColors.ONBACKGROUND_2}\n      >\n        {getCreatedAt({ createdAt, locale: dateLocale, stringSet })}\n      </Label>\n      <div className=\"sendbird-message-search-file-item__right-footer\" />\n    </div>\n  );\n}\n"],"names":["getCreatedAt","_a","createdAt","locale","stringSet","optionalParam","isToday","format","isYesterday","MESSAGE_STATUS__YESTERDAY","isThisYear","getIconOfFileType","message","fileMessageUrl","getMessageFirstFileUrl","fileExtension","_c","_b","match","test","IconTypes","PHOTO","isVoiceMessage","PLAY","FILE_AUDIO","GIF","FILE_DOCUMENT","MessageSearchFileItem","props","className","selected","onClick","url","name","getMessageFirstFileName","sender","_sender","profileUrl","nickname","useLocalization","dateLocale","isVoiceMsg","prettyFilename","VOICE_MESSAGE","React","createElement","__spreadArray","Array","isArray","join","e","stopPropagation","Avatar","src","alt","width","height","Label","type","LabelTypography","SUBTITLE_2","color","LabelColors","ONBACKGROUND_1","NO_NAME","Icon","fillColor","IconColors","PRIMARY","BODY_2","CAPTION_3","ONBACKGROUND_2"],"mappings":"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"}
+{"version":3,"file":"MessageSearchFileItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/ui/MessageSearchItem.js

@@ -1,89 +1,59 @@
-import { c as __spreadArray } from '../tslib.es6-c2fb729e.js';
+import { a as __spreadArray } from '../chunks/bundle-hKtwSqbO.js';
 import React__default from 'react';
-import { f as format } from '../index-2d27aeef.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from '../index-f8a9cb51.js';
+import { f as format } from '../chunks/bundle-h3JIYRTG.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-dLuEa16_.js';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-92741c7e.js';
-import { u as useLocalization } from '../LocalizationContext-287ee149.js';
-import '../index-e4277f9c.js';
-import '../index-682a192c.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-wMgBBDf9.js';
+import { u as useLocalization } from '../chunks/bundle-v0OWADVv.js';
+import '../chunks/bundle-FTgSGiKe.js';
+import '../chunks/bundle-3mdR5HDw.js';
 import './ImageRenderer.js';
 import './Icon.js';
-import 'prop-types';
-import '../uuid-c15b8b3b.js';
-import '../stringSet-6422c6b9.js';
+import '../chunks/bundle-v9a1_z0P.js';
+import '../chunks/bundle-bofQNMJb.js';
+import '../chunks/bundle-5yKxJk_M.js';
 
-// getCreatedAt
-function getCreatedAt (_a) {
-  var createdAt = _a.createdAt,
-    locale = _a.locale,
-    stringSet = _a.stringSet;
-  var optionalParam = locale ? {
-    locale: locale
-  } : null;
-  if (!createdAt) {
-    return '';
-  }
-  if (isToday(createdAt)) {
-    return format(createdAt, 'p', optionalParam);
-  }
-  if (isYesterday(createdAt)) {
-    return (stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_STATUS__YESTERDAY) || 'Yesterday';
-  }
-  if (isThisYear(createdAt)) {
-    return format(createdAt, 'MMM d', optionalParam);
-  }
-  return format(createdAt, 'yyyy/M/d', optionalParam);
+// getCreatedAt
+function getCreatedAt (_a) {
+    var createdAt = _a.createdAt, locale = _a.locale, stringSet = _a.stringSet;
+    var optionalParam = locale ? { locale: locale } : null;
+    if (!createdAt) {
+        return '';
+    }
+    if (isToday(createdAt)) {
+        return format(createdAt, 'p', optionalParam);
+    }
+    if (isYesterday(createdAt)) {
+        return (stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_STATUS__YESTERDAY) || 'Yesterday';
+    }
+    if (isThisYear(createdAt)) {
+        return format(createdAt, 'MMM d', optionalParam);
+    }
+    return format(createdAt, 'yyyy/M/d', optionalParam);
 }
 
-function MessageSearchItem(_a) {
-  var className = _a.className,
-    message = _a.message,
-    selected = _a.selected,
-    onClick = _a.onClick;
-  var createdAt = message.createdAt;
-  var messageText = message.message;
-  var sender = message.sender || message._sender;
-  var profileUrl = sender.profileUrl,
-    nickname = sender.nickname;
-  var _b = useLocalization(),
-    stringSet = _b.stringSet,
-    dateLocale = _b.dateLocale;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-message-search-item', selected ? 'sendbird-message-search-item--selected' : ''], false).join(' '),
-    onClick: function (e) {
-      e.stopPropagation();
-      onClick(message);
-    }
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-message-search-item__left"
-  }, /*#__PURE__*/React__default.createElement(Avatar, {
-    className: "sendbird-message-search-item__left__sender-avatar",
-    src: profileUrl,
-    alt: "profile image",
-    width: "56px",
-    height: "56px"
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-message-search-item__right"
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-message-search-item__right__sender-name",
-    type: LabelTypography.SUBTITLE_2,
-    color: LabelColors.ONBACKGROUND_1
-  }, nickname || stringSet.NO_NAME), /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-message-search-item__right__message-text",
-    type: LabelTypography.BODY_2,
-    color: LabelColors.ONBACKGROUND_3
-  }, messageText), /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-message-search-item__right__message-created-at",
-    type: LabelTypography.CAPTION_3,
-    color: LabelColors.ONBACKGROUND_2
-  }, getCreatedAt({
-    createdAt: createdAt,
-    locale: dateLocale,
-    stringSet: stringSet
-  }))), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-message-search-item__right-footer"
-  }));
+function MessageSearchItem(_a) {
+    var className = _a.className, message = _a.message, selected = _a.selected, onClick = _a.onClick;
+    var createdAt = message.createdAt;
+    var messageText = message.message;
+    // @ts-ignore
+    var sender = message.sender || message._sender;
+    var profileUrl = sender.profileUrl, nickname = sender.nickname;
+    var _b = useLocalization(), stringSet = _b.stringSet, dateLocale = _b.dateLocale;
+    return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-message-search-item',
+            selected ? 'sendbird-message-search-item--selected' : '',
+        ], false).join(' '), onClick: function (e) {
+            e.stopPropagation();
+            onClick(message);
+        } },
+        React__default.createElement("div", { className: "sendbird-message-search-item__left" },
+            React__default.createElement(Avatar, { className: "sendbird-message-search-item__left__sender-avatar", src: profileUrl, alt: "profile image", width: "56px", height: "56px" })),
+        React__default.createElement("div", { className: "sendbird-message-search-item__right" },
+            React__default.createElement(Label, { className: "sendbird-message-search-item__right__sender-name", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_1 }, nickname || stringSet.NO_NAME),
+            React__default.createElement(Label, { className: "sendbird-message-search-item__right__message-text", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_3 }, messageText),
+            React__default.createElement(Label, { className: "sendbird-message-search-item__right__message-created-at", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, getCreatedAt({ createdAt: createdAt, locale: dateLocale, stringSet: stringSet }))),
+        React__default.createElement("div", { className: "sendbird-message-search-item__right-footer" })));
 }
 
 export { MessageSearchItem as default };

package/ui/MessageSearchItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageSearchItem.js","sources":["../../src/ui/MessageSearchItem/getCreatedAt.ts","../../src/ui/MessageSearchItem/index.tsx"],"sourcesContent":["import type { Locale } from 'date-fns';\nimport format from 'date-fns/format';\nimport isToday from 'date-fns/isToday';\nimport isThisYear from 'date-fns/isThisYear';\nimport isYesterday from 'date-fns/isYesterday';\n\ninterface GetCreatedAtProps {\n  createdAt: number;\n  locale?: Locale;\n  stringSet?: Record<string, string>;\n}\n\n// getCreatedAt\nexport default function ({\n  createdAt,\n  locale,\n  stringSet,\n}: GetCreatedAtProps): string {\n  const optionalParam = locale ? { locale } : null;\n  if (!createdAt) {\n    return '';\n  }\n  if (isToday(createdAt)) {\n    return format(createdAt, 'p', optionalParam);\n  }\n  if (isYesterday(createdAt)) {\n    return stringSet?.MESSAGE_STATUS__YESTERDAY || 'Yesterday';\n  }\n  if (isThisYear(createdAt)) {\n    return format(createdAt, 'MMM d', optionalParam);\n  }\n  return format(createdAt, 'yyyy/M/d', optionalParam);\n}\n","import React from 'react';\nimport './index.scss';\nimport getCreatedAt from './getCreatedAt';\n\nimport Avatar from '../Avatar';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { UserMessage } from '@sendbird/chat/message';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  selected?: boolean;\n  onClick?: (message: UserMessage) => void;\n}\n\nexport default function MessageSearchItem({\n  className,\n  message,\n  selected,\n  onClick,\n}: Props): JSX.Element {\n  const { createdAt } = message;\n  const messageText = message.message;\n  const sender = message.sender || message._sender;\n  const { profileUrl, nickname } = sender;\n  const { stringSet, dateLocale } = useLocalization();\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-message-search-item',\n        selected ? 'sendbird-message-search-item--selected' : '',\n      ].join(' ')}\n      onClick={(e) => {\n        e.stopPropagation();\n        onClick(message);\n      }}\n    >\n      <div className=\"sendbird-message-search-item__left\">\n        <Avatar\n          className=\"sendbird-message-search-item__left__sender-avatar\"\n          src={profileUrl}\n          alt=\"profile image\"\n          width=\"56px\"\n          height=\"56px\"\n        />\n      </div>\n      <div className=\"sendbird-message-search-item__right\">\n        <Label\n          className=\"sendbird-message-search-item__right__sender-name\"\n          type={LabelTypography.SUBTITLE_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {nickname || stringSet.NO_NAME}\n        </Label>\n        <Label\n          className=\"sendbird-message-search-item__right__message-text\"\n          type={LabelTypography.BODY_2}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          {messageText}\n        </Label>\n        <Label\n          className=\"sendbird-message-search-item__right__message-created-at\"\n          type={LabelTypography.CAPTION_3}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {getCreatedAt({ createdAt, locale: dateLocale, stringSet })}\n        </Label>\n      </div>\n      <div className=\"sendbird-message-search-item__right-footer\" />\n    </div>\n  );\n}\n"],"names":["_a","createdAt","locale","stringSet","optionalParam","isToday","format","isYesterday","MESSAGE_STATUS__YESTERDAY","isThisYear","MessageSearchItem","className","message","selected","onClick","messageText","sender","_sender","profileUrl","nickname","_b","useLocalization","dateLocale","React","createElement","__spreadArray","Array","isArray","join","e","stopPropagation","Avatar","src","alt","width","height","Label","type","LabelTypography","SUBTITLE_2","color","LabelColors","ONBACKGROUND_1","NO_NAME","BODY_2","ONBACKGROUND_3","CAPTION_3","ONBACKGROUND_2","getCreatedAt"],"mappings":"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"}
+{"version":3,"file":"MessageSearchItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/ui/MessageStatus.js

@@ -1,17 +1,17 @@
-import '../tslib.es6-c2fb729e.js';
+import '../chunks/bundle-hKtwSqbO.js';
 import 'react';
-import '../index-2d27aeef.js';
+import '../chunks/bundle-h3JIYRTG.js';
 import './Icon.js';
-import '../index-92741c7e.js';
+import '../chunks/bundle-wMgBBDf9.js';
 import './Loader.js';
-import '../index-776554c0.js';
+import '../chunks/bundle-EHReigfD.js';
 import '../utils/message/getOutgoingMessageState.js';
-export { e as MessageStatusTypes, M as default } from '../index-4b4e9682.js';
-import '../LocalizationContext-287ee149.js';
-import '../index-e4277f9c.js';
-import 'prop-types';
-import '../stringSet-6422c6b9.js';
-import '../index-09847c0f.js';
-import '../index-f8a9cb51.js';
-import '../index-682a192c.js';
+export { e as MessageStatusTypes, M as default } from '../chunks/bundle-zLBuOeRY.js';
+import '../chunks/bundle-v0OWADVv.js';
+import '../chunks/bundle-FTgSGiKe.js';
+import '../chunks/bundle-v9a1_z0P.js';
+import '../chunks/bundle-5yKxJk_M.js';
+import '../chunks/bundle-9KsbryQI.js';
+import '../chunks/bundle-dLuEa16_.js';
+import '../chunks/bundle-3mdR5HDw.js';
 //# sourceMappingURL=MessageStatus.js.map