@sendbird/uikit-react 3.0.0-beta.5 → 3.0.0-beta.6

package/cjs/ui/ChannelPreview.js

@@ -5,20 +5,20 @@ var PropTypes = require('prop-types');
 var ui_ChannelAvatar = require('./ChannelAvatar.js');
 var ui_Badge = require('./Badge.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-30e8e785.js');
-var LocalizationContext = require('../LocalizationContext-4c0a4a70.js');
-var index = require('../index-7532e1ca.js');
-var index$1 = require('../index-dcd38046.js');
-var index$2 = require('../index-a40d57a5.js');
+var ui_Label = require('../index-a20b40c4.js');
+var LocalizationContext = require('../LocalizationContext-79514649.js');
+var index = require('../index-5615eab4.js');
+var index$1 = require('../index-cb53adf5.js');
+var index$2 = require('../index-bc563d47.js');
 require('./Avatar.js');
-require('../tslib.es6-571bbfc9.js');
+require('../tslib.es6-a7af7bb8.js');
 require('./ImageRenderer.js');
-require('../_rollupPluginBabelHelpers-08d1d0ec.js');
-require('../uuid-086f0c34.js');
-require('../utils-f734965d.js');
-require('../stringSet-d9121aa6.js');
-require('../index-4e4d7494.js');
-require('../index-23c51d89.js');
+require('../_rollupPluginBabelHelpers-f802e0e8.js');
+require('../uuid-03009a31.js');
+require('../utils-03155980.js');
+require('../stringSet-ae448472.js');
+require('../index-0b2e2c2a.js');
+require('../index-07623c8b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/ChatHeader.js

@@ -2,19 +2,19 @@
 
 var React = require('react');
 var PropTypes = require('prop-types');
-var ui_Label = require('../index-30e8e785.js');
-var LocalizationContext = require('../LocalizationContext-4c0a4a70.js');
+var ui_Label = require('../index-a20b40c4.js');
+var LocalizationContext = require('../LocalizationContext-79514649.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_ChannelAvatar = require('./ChannelAvatar.js');
-require('../_rollupPluginBabelHelpers-08d1d0ec.js');
-require('../stringSet-d9121aa6.js');
-require('../index-4e4d7494.js');
+require('../_rollupPluginBabelHelpers-f802e0e8.js');
+require('../stringSet-ae448472.js');
+require('../index-0b2e2c2a.js');
 require('./Avatar.js');
-require('../tslib.es6-571bbfc9.js');
+require('../tslib.es6-a7af7bb8.js');
 require('./ImageRenderer.js');
-require('../uuid-086f0c34.js');
-require('../utils-f734965d.js');
+require('../uuid-03009a31.js');
+require('../utils-03155980.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/Checkbox.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-08d1d0ec.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-f802e0e8.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 

package/cjs/ui/ConnectionStatus.js

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-30e8e785.js');
-var LocalizationContext = require('../LocalizationContext-4c0a4a70.js');
-require('../_rollupPluginBabelHelpers-08d1d0ec.js');
+var ui_Label = require('../index-a20b40c4.js');
+var LocalizationContext = require('../LocalizationContext-79514649.js');
+require('../_rollupPluginBabelHelpers-f802e0e8.js');
 require('prop-types');
-require('../stringSet-d9121aa6.js');
-require('../index-4e4d7494.js');
+require('../stringSet-ae448472.js');
+require('../index-0b2e2c2a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/ContextMenu.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-08d1d0ec.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-f802e0e8.js');
 var React = require('react');
 var PropTypes = require('prop-types');
-var ui_Label = require('../index-30e8e785.js');
-var index = require('../index-a40d57a5.js');
+var ui_Label = require('../index-a20b40c4.js');
+var index = require('../index-bc563d47.js');
 var reactDom = require('react-dom');
 var ui_SortByRow = require('./SortByRow.js');
-require('../stringSet-d9121aa6.js');
-require('../tslib.es6-571bbfc9.js');
+require('../stringSet-ae448472.js');
+require('../tslib.es6-a7af7bb8.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/DateSeparator.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-08d1d0ec.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-f802e0e8.js');
 var React = require('react');
 var PropTypes = require('prop-types');
-var color = require('../color-37edcf95.js');
-var ui_Label = require('../index-30e8e785.js');
-require('../stringSet-d9121aa6.js');
+var color = require('../color-c53ac792.js');
+var ui_Label = require('../index-a20b40c4.js');
+require('../stringSet-ae448472.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/Dropdown.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-08d1d0ec.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-f802e0e8.js');
 var React = require('react');
 var PropTypes = require('prop-types');
-var ui_Label = require('../index-30e8e785.js');
-require('../stringSet-d9121aa6.js');
+var ui_Label = require('../index-a20b40c4.js');
+require('../stringSet-ae448472.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/EmojiReactions.js

@@ -8,16 +8,16 @@ var ui_ReactionButton = require('./ReactionButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_Icon = require('./Icon.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var index = require('../index-a40d57a5.js');
-var LocalizationContext = require('../LocalizationContext-4c0a4a70.js');
-require('../_rollupPluginBabelHelpers-08d1d0ec.js');
+var index = require('../index-bc563d47.js');
+var LocalizationContext = require('../LocalizationContext-79514649.js');
+require('../_rollupPluginBabelHelpers-f802e0e8.js');
 require('prop-types');
-require('../index-30e8e785.js');
-require('../stringSet-d9121aa6.js');
+require('../index-a20b40c4.js');
+require('../stringSet-ae448472.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../tslib.es6-571bbfc9.js');
-require('../index-4e4d7494.js');
+require('../tslib.es6-a7af7bb8.js');
+require('../index-0b2e2c2a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/FileMessageItemBody.js

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-30e8e785.js');
+var ui_Label = require('../index-a20b40c4.js');
 var ui_Icon = require('./Icon.js');
 var ui_TextButton = require('./TextButton.js');
-var index = require('../index-a40d57a5.js');
-require('../_rollupPluginBabelHelpers-08d1d0ec.js');
+var index = require('../index-bc563d47.js');
+require('../_rollupPluginBabelHelpers-f802e0e8.js');
 require('prop-types');
-require('../stringSet-d9121aa6.js');
-require('../color-37edcf95.js');
-require('../tslib.es6-571bbfc9.js');
+require('../stringSet-ae448472.js');
+require('../color-c53ac792.js');
+require('../tslib.es6-a7af7bb8.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/FileViewer.js

@@ -6,15 +6,15 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var reactDom = require('react-dom');
 var ui_Avatar = require('./Avatar.js');
-var ui_Label = require('../index-30e8e785.js');
+var ui_Label = require('../index-a20b40c4.js');
 var ui_Icon = require('./Icon.js');
-var index = require('../index-1a6c1893.js');
-var index$1 = require('../index-a40d57a5.js');
-require('../tslib.es6-571bbfc9.js');
+var index = require('../index-d70ac86e.js');
+var index$1 = require('../index-bc563d47.js');
+require('../tslib.es6-a7af7bb8.js');
 require('./ImageRenderer.js');
-require('../_rollupPluginBabelHelpers-08d1d0ec.js');
-require('../uuid-086f0c34.js');
-require('../stringSet-d9121aa6.js');
+require('../_rollupPluginBabelHelpers-f802e0e8.js');
+require('../uuid-03009a31.js');
+require('../stringSet-ae448472.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/Icon.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-08d1d0ec.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-f802e0e8.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 

package/cjs/ui/IconButton.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-08d1d0ec.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-f802e0e8.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 

package/cjs/ui/ImageRenderer.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-08d1d0ec.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-f802e0e8.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 

package/cjs/ui/Input.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-08d1d0ec.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-f802e0e8.js');
 var React = require('react');
 var PropTypes = require('prop-types');
-var ui_Label = require('../index-30e8e785.js');
-require('../stringSet-d9121aa6.js');
+var ui_Label = require('../index-a20b40c4.js');
+require('../stringSet-ae448472.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/Label.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../_rollupPluginBabelHelpers-08d1d0ec.js');
+require('../_rollupPluginBabelHelpers-f802e0e8.js');
 require('react');
 require('prop-types');
-var ui_Label = require('../index-30e8e785.js');
-require('../stringSet-d9121aa6.js');
+var ui_Label = require('../index-a20b40c4.js');
+require('../stringSet-ae448472.js');
 
 
 

package/cjs/ui/LinkLabel.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-08d1d0ec.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-f802e0e8.js');
 var React = require('react');
 var PropTypes = require('prop-types');
-var ui_Label = require('../index-30e8e785.js');
-require('../stringSet-d9121aa6.js');
+var ui_Label = require('../index-a20b40c4.js');
+require('../stringSet-ae448472.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/Loader.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-08d1d0ec.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-f802e0e8.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 var ui_Icon = require('./Icon.js');

package/cjs/ui/MentionLabel.js

@@ -0,0 +1,98 @@
+'use strict';
+
+var React = require('react');
+var ui_ContextMenu = require('./ContextMenu.js');
+var ui_Label = require('../index-a20b40c4.js');
+var ui_UserProfile = require('./UserProfile.js');
+var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+require('../_rollupPluginBabelHelpers-f802e0e8.js');
+require('prop-types');
+require('../index-bc563d47.js');
+require('../tslib.es6-a7af7bb8.js');
+require('react-dom');
+require('./SortByRow.js');
+require('../stringSet-ae448472.js');
+require('../LocalizationContext-79514649.js');
+require('../index-0b2e2c2a.js');
+require('../withSendBird.js');
+require('../sendBirdSelectors.js');
+require('../topics-bdbff23e.js');
+require('./Avatar.js');
+require('./ImageRenderer.js');
+require('./Icon.js');
+require('../uuid-03009a31.js');
+require('../index-2180f74f.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function MentionLabel(props) {
+  var _a, _b, _c;
+
+  var mentionTemplate = props.mentionTemplate,
+      mentionedUserId = props.mentionedUserId,
+      isByMe = props.isByMe;
+  var mentionRef = React.useRef();
+  var sendbirdState = useSendbirdStateContext();
+  var userId = (_a = sendbirdState === null || sendbirdState === void 0 ? void 0 : sendbirdState.config) === null || _a === void 0 ? void 0 : _a.userId;
+  var sdk = (_c = (_b = sendbirdState === null || sendbirdState === void 0 ? void 0 : sendbirdState.stores) === null || _b === void 0 ? void 0 : _b.sdkStore) === null || _c === void 0 ? void 0 : _c.sdk;
+  var amIBeingMentioned = userId === mentionedUserId;
+
+  var _d = React.useState(),
+      user = _d[0],
+      setUser = _d[1];
+
+  var fetchUser = React.useCallback(function (toggleDropdown) {
+    if (user) {
+      toggleDropdown();
+    }
+
+    var query = sdk.createApplicationUserListQuery();
+    query.userIdsFilter = [mentionedUserId];
+    query.next(function (members) {
+      if ((members === null || members === void 0 ? void 0 : members.length) > 0) {
+        setUser(members[0]);
+      }
+
+      toggleDropdown();
+    });
+  }, [sdk, mentionedUserId]);
+  return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
+    menuTrigger: function menuTrigger(toggleDropdown) {
+      return /*#__PURE__*/React__default["default"].createElement("a", {
+        className: "\n            sendbird-word__mention\n            " + (amIBeingMentioned ? 'sendbird-word__mention--me' : '') + "\n          ",
+        onClick: function onClick() {
+          return fetchUser(toggleDropdown);
+        },
+        ref: mentionRef
+      }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+        type: ui_Label.LabelTypography.CAPTION_1,
+        color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1
+      }, "" + mentionTemplate + mentionedUserId));
+    },
+    menuItems: function menuItems(closeDropdown) {
+      return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems
+      /**
+      * parentRef: For catching location(x, y) of MenuItems
+      * parentContainRef: For toggling more options(menus & reactions)
+      */
+      , {
+        parentRef: mentionRef,
+        parentContainRef: mentionRef,
+        closeDropdown: closeDropdown,
+        style: {
+          paddingTop: 0,
+          paddingBottom: 0
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(ui_UserProfile, {
+        disableMessaging: true,
+        user: user,
+        onSuccess: closeDropdown
+      }));
+    }
+  });
+}
+
+module.exports = MentionLabel;
+//# sourceMappingURL=MentionLabel.js.map

package/cjs/ui/MentionLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MentionLabel.js","sources":["../../../src/ui/MentionLabel/index.tsx"],"sourcesContent":["import './index.scss';\n\nimport React, {\n  ReactElement,\n  useRef,\n  useState,\n  useCallback,\n} from 'react';\nimport type SendBird from 'sendbird';\n\nimport ContextMenu, { MenuItems } from '../ContextMenu';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport UserProfile from '../UserProfile';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\n\ninterface MentionLabelProps {\n  mentionTemplate: string;\n  mentionedUserId: string;\n  isByMe: boolean;\n}\n\nexport default function MentionLabel(props: MentionLabelProps): JSX.Element {\n  const {\n    mentionTemplate,\n    mentionedUserId,\n    isByMe,\n  } = props;\n\n  const mentionRef = useRef();\n\n  const sendbirdState = useSendbirdStateContext();\n  const userId = sendbirdState?.config?.userId;\n  const sdk = sendbirdState?.stores?.sdkStore?.sdk;\n  const amIBeingMentioned = userId === mentionedUserId;\n  const [user, setUser] = useState<SendBird.User| null>();\n  const fetchUser = useCallback(\n    (toggleDropdown) => {\n      if (user) {\n        toggleDropdown();\n      }\n      const query = sdk.createApplicationUserListQuery();\n      query.userIdsFilter = [mentionedUserId];\n      query.next((members) => {\n        if (members?.length > 0) {\n          setUser(members[0]);\n        }\n        toggleDropdown();\n      })\n    },\n    [sdk, mentionedUserId],\n  );\n  return (\n    <ContextMenu\n      menuTrigger={(toggleDropdown: () => void): ReactElement => (\n        <a\n          className={`\n            sendbird-word__mention\n            ${amIBeingMentioned ? 'sendbird-word__mention--me' : ''}\n          `}\n          onClick={() => fetchUser(toggleDropdown)}\n          ref={mentionRef}\n        >\n          <Label\n            type={LabelTypography.CAPTION_1}\n            color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n          >\n            {`${mentionTemplate}${mentionedUserId}`}\n          </Label>\n        </a>\n      )}\n      menuItems={(closeDropdown: () => void): ReactElement => (\n        <MenuItems\n          /**\n          * parentRef: For catching location(x, y) of MenuItems\n          * parentContainRef: For toggling more options(menus & reactions)\n          */\n          parentRef={mentionRef}\n          parentContainRef={mentionRef}\n          closeDropdown={closeDropdown}\n          style={{ paddingTop: 0, paddingBottom: 0 }}\n        >\n          <UserProfile disableMessaging user={user} onSuccess={closeDropdown} />\n        </MenuItems>\n      )}\n    />\n  )\n}\n"],"names":["MentionLabel","props","mentionTemplate","mentionedUserId","isByMe","mentionRef","useRef","sendbirdState","useSendbirdStateContext","userId","config","sdk","stores","sdkStore","amIBeingMentioned","_d","useState","user","setUser","fetchUser","useCallback","toggleDropdown","query","createApplicationUserListQuery","userIdsFilter","next","members","length","React","ContextMenu","Label","LabelTypography","CAPTION_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","closeDropdown","MenuItems","paddingTop","paddingBottom","UserProfile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAqBwBA,aAAaC;;;AAEjC,MAAAC,eAAe,GAGbD,KAAK,gBAHP;AAAA,MACAE,eAAe,GAEbF,KAAK,gBAHP;AAAA,MAEAG,MAAM,GACJH,KAAK,OAHP;AAKF,MAAMI,UAAU,GAAGC,YAAM,EAAzB;AAEA,MAAMC,aAAa,GAAGC,uBAAuB,EAA7C;AACA,MAAMC,MAAM,GAAG,MAAAF,aAAa,SAAb,IAAAA,aAAa,WAAb,SAAA,GAAAA,aAAa,CAAEG,MAAf,UAAA,iBAAA,SAAA,MAAuBD,MAAtC;AACA,MAAME,GAAG,GAAG,MAAA,MAAAJ,aAAa,SAAb,IAAAA,aAAa,WAAb,SAAA,GAAAA,aAAa,CAAEK,MAAf,UAAA,iBAAA,SAAA,MAAuBC,QAAvB,UAAA,iBAAA,SAAA,MAAiCF,GAA7C;AACA,MAAMG,iBAAiB,GAAGL,MAAM,KAAKN,eAArC;;AACM,MAAAY,KAAkBC,cAAQ,EAA1B;AAAA,MAACC,IAAI,QAAL;AAAA,MAAOC,OAAO,QAAd;;AACN,MAAMC,SAAS,GAAGC,iBAAW,CAC3B,UAACC,cAAD;AACE,QAAIJ,IAAJ,EAAU;AACRI,MAAAA,cAAc;AACf;;AACD,QAAMC,KAAK,GAAGX,GAAG,CAACY,8BAAJ,EAAd;AACAD,IAAAA,KAAK,CAACE,aAAN,GAAsB,CAACrB,eAAD,CAAtB;AACAmB,IAAAA,KAAK,CAACG,IAAN,CAAW,UAACC,OAAD;AACT,UAAI,CAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEC,MAAT,IAAkB,CAAtB,EAAyB;AACvBT,QAAAA,OAAO,CAACQ,OAAO,CAAC,CAAD,CAAR,CAAP;AACD;;AACDL,MAAAA,cAAc;AACf,KALD;AAMD,GAb0B,EAc3B,CAACV,GAAD,EAAMR,eAAN,CAd2B,CAA7B;AAgBA,sBACEyB,wCAACC,yBAAD;AACE,IAAA,WAAW,EAAE,qBAACR,cAAD;AAA8C,0BACzDO;AACE,QAAA,SAAS,EAAE,wDAEPd,iBAAiB,GAAG,4BAAH,GAAkC,EAF5C,kBADb;AAKE,QAAA,OAAO,EAAE;AAAM,iBAAAK,SAAS,CAACE,cAAD,CAAT;AAAyB,SAL1C;AAME,QAAA,GAAG,EAAEhB;AANP,sBAQEuB,wCAACE,cAAD;AACE,QAAA,IAAI,EAAEC,wBAAe,CAACC,SADxB;AAEE,QAAA,KAAK,EAAE5B,MAAM,GAAG6B,oBAAW,CAACC,WAAf,GAA6BD,oBAAW,CAACE;AAFxD,SAIG,KAAGjC,eAAH,GAAqBC,eAJxB,CARF,CADyD;AAgB1D,KAjBH;AAkBE,IAAA,SAAS,EAAE,mBAACiC,aAAD;AAA6C,0BACtDR,wCAACS;AACC;;;;AADF;AAKE,QAAA,SAAS,EAAEhC,UALb;AAME,QAAA,gBAAgB,EAAEA,UANpB;AAOE,QAAA,aAAa,EAAE+B,aAPjB;AAQE,QAAA,KAAK,EAAE;AAAEE,UAAAA,UAAU,EAAE,CAAd;AAAiBC,UAAAA,aAAa,EAAE;AAAhC;AART,sBAUEX,wCAACY,cAAD;AAAa,QAAA,gBAAgB,MAA7B;AAA8B,QAAA,IAAI,EAAEvB,IAApC;AAA0C,QAAA,SAAS,EAAEmB;AAArD,QAVF,CADsD;AAavD;AA/BH,IADF;AAmCD;;;;"}

package/cjs/ui/MessageContent.js

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('../index-dcd38046.js');
+var index$1 = require('../index-cb53adf5.js');
 var ui_Avatar = require('./Avatar.js');
 var ui_UserProfile = require('./UserProfile.js');
 var ui_MessageStatus = require('./MessageStatus.js');
 var ui_MessageItemMenu = require('./MessageItemMenu.js');
 var ui_MessageItemReactionMenu = require('./MessageItemReactionMenu.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../index-30e8e785.js');
+var ui_Label = require('../index-a20b40c4.js');
 var ui_EmojiReactions = require('./EmojiReactions.js');
 var ui_AdminMessage = require('./AdminMessage.js');
 var ui_TextMessageItemBody = require('./TextMessageItemBody.js');
@@ -17,23 +17,23 @@ var ui_ThumbnailMessageItemBody = require('./ThumbnailMessageItemBody.js');
 var ui_OGMessageItemBody = require('./OGMessageItemBody.js');
 var ui_UnknownMessageItemBody = require('./UnknownMessageItemBody.js');
 var ui_QuoteMessage = require('./QuoteMessage.js');
-var index = require('../index-a40d57a5.js');
-var UserProfileContext = require('../UserProfileContext-0081d7b2.js');
-var LocalizationContext = require('../LocalizationContext-4c0a4a70.js');
+var index = require('../index-bc563d47.js');
+var UserProfileContext = require('../UserProfileContext-12cfee31.js');
+var LocalizationContext = require('../LocalizationContext-79514649.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../index-4e4d7494.js');
-require('../tslib.es6-571bbfc9.js');
+require('../index-0b2e2c2a.js');
+require('../tslib.es6-a7af7bb8.js');
 require('./ImageRenderer.js');
-require('../_rollupPluginBabelHelpers-08d1d0ec.js');
+require('../_rollupPluginBabelHelpers-f802e0e8.js');
 require('prop-types');
 require('./Icon.js');
-require('../uuid-086f0c34.js');
+require('../uuid-03009a31.js');
 require('../withSendBird.js');
 require('../sendBirdSelectors.js');
-require('../topics-4fc933cb.js');
-require('../index-630f8d1b.js');
+require('../topics-bdbff23e.js');
+require('../index-2180f74f.js');
 require('./Loader.js');
-require('../stringSet-d9121aa6.js');
+require('../stringSet-ae448472.js');
 require('./IconButton.js');
 require('./ReactionButton.js');
 require('react-dom');
@@ -41,10 +41,11 @@ require('./SortByRow.js');
 require('./Tooltip.js');
 require('./TooltipWrapper.js');
 require('./ReactionBadge.js');
-require('../index-94e8cf13.js');
+require('../index-4e8b61f7.js');
 require('./LinkLabel.js');
+require('./MentionLabel.js');
 require('./TextButton.js');
-require('../color-37edcf95.js');
+require('../color-c53ac792.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/MessageContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageContent.js","sources":["../../../src/ui/MessageContent/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext, useRef, useState } from 'react';\nimport { GroupChannel, UserMessage, FileMessage, EmojiContainer } from 'sendbird';\nimport format from 'date-fns/format';\nimport './index.scss';\n\nimport Avatar from '../Avatar';\nimport UserProfile from '../UserProfile';\nimport MessageStatus from '../MessageStatus';\nimport MessageItemMenu from '../MessageItemMenu';\nimport MessageItemReactionMenu from '../MessageItemReactionMenu';\nimport ContextMenu, { MenuItems } from '../ContextMenu';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport EmojiReactions from '../EmojiReactions';\n\nimport ClientAdminMessage from '../AdminMessage';\nimport TextMessageItemBody from '../TextMessageItemBody';\nimport FileMessageItemBody from '../FileMessageItemBody';\nimport ThumbnailMessageItemBody from '../ThumbnailMessageItemBody';\nimport OGMessageItemBody from '../OGMessageItemBody';\nimport UnknownMessageItemBody from '../UnknownMessageItemBody';\nimport QuoteMessage from '../QuoteMessage';\n\nimport {\n  getClassName,\n  getUIKitMessageTypes,\n  getUIKitMessageType,\n  isTextMessage,\n  isOGMessage,\n  isThumbnailMessage,\n  getSenderName,\n  CoreMessageType,\n} from '../../utils';\nimport { UserProfileContext } from '../../lib/UserProfileContext';\nimport { ReplyType } from '../../index.js';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  userId: string;\n  channel: GroupChannel;\n  message: CoreMessageType;\n  disabled?: boolean;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n  useReaction?: boolean;\n  replyType?: ReplyType;\n  nicknamesMap?: Map<string, string>;\n  emojiContainer?: EmojiContainer;\n  scrollToMessage?: (createdAt: number, messageId: number) => void;\n  showEdit?: (bool: boolean) => void;\n  showRemove?: (bool: boolean) => void;\n  showFileViewer?: (bool: boolean) => void;\n  resendMessage?: (message: UserMessage | FileMessage) => Promise<UserMessage | FileMessage>;\n  toggleReaction?: (message: UserMessage | FileMessage, reactionKey: string, isReacted: boolean) => void;\n  setQuoteMessage?: (message: UserMessage | FileMessage) => void;\n}\nexport default function MessageContent({\n  className,\n  userId,\n  channel,\n  message,\n  disabled = false,\n  chainTop = false,\n  chainBottom = false,\n  useReaction = false,\n  replyType,\n  nicknamesMap,\n  emojiContainer,\n  scrollToMessage,\n  showEdit,\n  showRemove,\n  showFileViewer,\n  resendMessage,\n  toggleReaction,\n  setQuoteMessage,\n}: Props): ReactElement {\n  const messageTypes = getUIKitMessageTypes();\n  const { dateLocale } = useLocalization();\n  const { config } = useSendbirdStateContext?.() || {};\n  const { disableUserProfile, renderUserProfile } = useContext(UserProfileContext);\n  const avatarRef = useRef(null);\n  const [mouseHover, setMouseHover] = useState(false);\n  const [supposedHover, setSupposedHover] = useState(false);\n\n  const isByMe = (userId === (message as UserMessage | FileMessage)?.sender?.userId)\n    || ((message as UserMessage | FileMessage).sendingStatus === 'pending')\n    || ((message as UserMessage | FileMessage).sendingStatus === 'failed');\n  const isByMeClassName = isByMe ? 'outgoing' : 'incoming';\n  const chainTopClassName = chainTop ? 'chain-top' : '';\n  const useReactionClassName = useReaction ? 'use-reactions' : '';\n  const supposedHoverClassName = supposedHover ? 'supposed-hover' : '';\n  const useReplying = !!((replyType === 'QUOTE_REPLY') && message?.parentMessageId && message?.parentMessage);\n  const useReplyingClassName = useReplying ? 'use-quote' : '';\n\n  if (message?.isAdminMessage?.() || message?.messageType === 'admin') {\n    return (<ClientAdminMessage message={message} />);\n  }\n  return (\n    <div\n      className={getClassName([className, 'sendbird-message-content', isByMeClassName])}\n      onMouseOver={() => setMouseHover(true)}\n      onMouseLeave={() => setMouseHover(false)}\n    >\n      {/* left */}\n      <div className={getClassName(['sendbird-message-content__left', useReactionClassName, isByMeClassName, useReplyingClassName])}>\n        {(!isByMe && !chainBottom) && (\n          /** user profile */\n          <ContextMenu\n            menuTrigger={(toggleDropdown: () => void): ReactElement => (\n              <Avatar\n                className=\"sendbird-message-content__left__avatar\"\n                src={channel?.members?.find((member) => member?.userId === message?.sender?.userId)?.profileUrl || message?.sender?.profileUrl || ''}\n                // TODO: Divide getting profileUrl logic to utils\n                ref={avatarRef}\n                width=\"28px\"\n                height=\"28px\"\n                onClick={(): void => { if (!disableUserProfile) toggleDropdown() }}\n              />\n            )}\n            menuItems={(closeDropdown: () => void): ReactElement => (\n              <MenuItems\n                /**\n                * parentRef: For catching location(x, y) of MenuItems\n                * parentContainRef: For toggling more options(menus & reactions)\n                */\n                parentRef={avatarRef}\n                parentContainRef={avatarRef}\n                closeDropdown={closeDropdown}\n                style={{ paddingTop: 0, paddingBottom: 0 }}\n              >\n                {renderUserProfile\n                  ? renderUserProfile({ user: message?.sender, close: closeDropdown })\n                  : (<UserProfile user={message.sender} onSuccess={closeDropdown} />)\n                }\n              </MenuItems>\n            )}\n          />\n        )}\n        {/* outgoing menu */}\n        {isByMe && (\n          <div className={getClassName(['sendbird-message-content-menu', useReactionClassName, supposedHoverClassName, isByMeClassName])}>\n            <MessageItemMenu\n              className=\"sendbird-message-content-menu__normal-menu\"\n              channel={channel}\n              message={message as UserMessage | FileMessage}\n              isByMe={isByMe}\n              replyType={replyType}\n              disabled={disabled}\n              showEdit={showEdit}\n              showRemove={showRemove}\n              resendMessage={resendMessage}\n              setQuoteMessage={setQuoteMessage}\n              setSupposedHover={setSupposedHover}\n            />\n            {useReaction && (\n              <MessageItemReactionMenu\n                className=\"sendbird-message-content-menu__reaction-menu\"\n                message={message as UserMessage | FileMessage}\n                userId={userId}\n                spaceFromTrigger={{}}\n                emojiContainer={emojiContainer}\n                toggleReaction={toggleReaction}\n                setSupposedHover={setSupposedHover}\n              />\n            )}\n          </div>\n        )}\n      </div>\n      {/* middle */}\n      <div className=\"sendbird-message-content__middle\">\n        {(!isByMe && !chainTop && !useReplying) && (\n          <Label\n            className=\"sendbird-message-content__middle__sender-name\"\n            type={LabelTypography.CAPTION_2}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {\n              channel?.members?.find((member) => member?.userId === message?.sender?.userId)?.nickname\n              || getSenderName(message)\n              // TODO: Divide getting profileUrl logic to utils\n            }\n          </Label>\n        )}\n        {/* quote message */}\n        {(useReplying) ? (\n          <div className={getClassName(['sendbird-message-content__middle__quote-message', isByMe ? 'outgoing' : 'incoming', useReplyingClassName])}>\n            <QuoteMessage\n              message={message}\n              userId={userId}\n              isByMe={isByMe}\n              onClick={() => {\n                if (message?.parentMessage?.createdAt && message?.parentMessageId) {\n                  scrollToMessage(message.parentMessage.createdAt, message.parentMessageId);\n                }\n              }}\n            />\n          </div>\n        ) : null}\n        {/* container: message item body + emoji reactions */}\n        <div className={getClassName(['sendbird-message-content__middle__body-container'])} >\n          {/* message status component */}\n          {(isByMe && !chainBottom) && (\n            <div className={getClassName(['sendbird-message-content__middle__body-container__created-at', 'left', supposedHoverClassName])}>\n              <div className=\"sendbird-message-content__middle__body-container__created-at__component-container\">\n                <MessageStatus\n                  message={message}\n                  channel={channel}\n                />\n              </div>\n            </div>\n          )}\n          {/* message item body components */}\n          {isTextMessage(message as UserMessage) && (\n            <TextMessageItemBody\n              className=\"sendbird-message-content__middle__message-item-body\"\n              message={message as UserMessage}\n              isByMe={isByMe}\n              mouseHover={mouseHover}\n              isMentionEnabled={config?.isMentionEnabled || false}\n            />\n          )}\n          {(isOGMessage(message as UserMessage)) && (\n            <OGMessageItemBody\n              className=\"sendbird-message-content__middle__message-item-body\"\n              message={message as UserMessage}\n              isByMe={isByMe}\n              mouseHover={mouseHover}\n              isMentionEnabled={config?.isMentionEnabled || false}\n            />\n          )}\n          {(getUIKitMessageType((message as FileMessage)) === messageTypes.FILE) && (\n            <FileMessageItemBody\n              className=\"sendbird-message-content__middle__message-item-body\"\n              message={message as FileMessage}\n              isByMe={isByMe}\n              mouseHover={mouseHover}\n            />\n          )}\n          {(isThumbnailMessage(message as FileMessage)) && (\n            <ThumbnailMessageItemBody\n              className=\"sendbird-message-content__middle__message-item-body\"\n              message={message as FileMessage}\n              isByMe={isByMe}\n              mouseHover={mouseHover}\n              showFileViewer={showFileViewer}\n            />\n          )}\n          {(getUIKitMessageType((message as FileMessage)) === messageTypes.UNKNOWN) && (\n            <UnknownMessageItemBody\n              className=\"sendbird-message-content__middle__message-item-body\"\n              message={message}\n              isByMe={isByMe}\n              mouseHover={mouseHover}\n            />\n          )}\n          {/* reactions */}\n          {(useReaction && message?.reactions?.length > 0) && (\n            <div className={getClassName([\n              'sendbird-message-content-reactions',\n              (!isByMe || isThumbnailMessage(message as FileMessage) || isOGMessage(message as UserMessage)) ? '' : 'primary',\n              mouseHover ? 'mouse-hover' : '',\n            ])}>\n              <EmojiReactions\n                userId={userId}\n                message={message}\n                isByMe={isByMe}\n                emojiContainer={emojiContainer}\n                memberNicknamesMap={nicknamesMap}\n                toggleReaction={toggleReaction}\n              />\n            </div>\n          )}\n          {(!isByMe && !chainBottom) && (\n            <Label\n              className={getClassName(['sendbird-message-content__middle__body-container__created-at', 'right', supposedHoverClassName])}\n              type={LabelTypography.CAPTION_3}\n              color={LabelColors.ONBACKGROUND_2}\n            >\n              {format(message?.createdAt || 0, 'p', {\n                locale: dateLocale,\n              })}\n            </Label>\n          )}\n        </div>\n      </div>\n      {/* right */}\n      <div className={getClassName(['sendbird-message-content__right', chainTopClassName, useReactionClassName, useReplyingClassName])}>\n        {/* incoming menu */}\n        {!isByMe && (\n          <div className={getClassName(['sendbird-message-content-menu', chainTopClassName, supposedHoverClassName, isByMeClassName])}>\n            {useReaction && (\n              <MessageItemReactionMenu\n                className=\"sendbird-message-content-menu__reaction-menu\"\n                message={message as UserMessage | FileMessage}\n                userId={userId}\n                spaceFromTrigger={{}}\n                emojiContainer={emojiContainer}\n                toggleReaction={toggleReaction}\n                setSupposedHover={setSupposedHover}\n              />\n            )}\n            <MessageItemMenu\n              className=\"sendbird-message-content-menu__normal-menu\"\n              channel={channel}\n              message={message as UserMessage | FileMessage}\n              isByMe={isByMe}\n              replyType={replyType}\n              disabled={disabled}\n              showRemove={showRemove}\n              resendMessage={resendMessage}\n              setQuoteMessage={setQuoteMessage}\n              setSupposedHover={setSupposedHover}\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["MessageContent","_a","className","userId","channel","message","_h","disabled","_j","chainTop","_k","chainBottom","_l","useReaction","replyType","nicknamesMap","emojiContainer","scrollToMessage","showEdit","showRemove","showFileViewer","resendMessage","toggleReaction","setQuoteMessage","messageTypes","getUIKitMessageTypes","dateLocale","useLocalization","config","useSendbirdStateContext","_m","useContext","UserProfileContext","disableUserProfile","renderUserProfile","avatarRef","useRef","_o","useState","mouseHover","setMouseHover","_p","supposedHover","setSupposedHover","isByMe","sender","sendingStatus","isByMeClassName","chainTopClassName","useReactionClassName","supposedHoverClassName","useReplying","parentMessageId","parentMessage","useReplyingClassName","isAdminMessage","messageType","React","ClientAdminMessage","getClassName","ContextMenu","toggleDropdown","Avatar","members","find","member","profileUrl","closeDropdown","MenuItems","paddingTop","paddingBottom","user","close","UserProfile","MessageItemMenu","MessageItemReactionMenu","Label","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2","nickname","getSenderName","QuoteMessage","createdAt","MessageStatus","isTextMessage","TextMessageItemBody","isMentionEnabled","isOGMessage","OGMessageItemBody","getUIKitMessageType","FILE","FileMessageItemBody","isThumbnailMessage","ThumbnailMessageItemBody","UNKNOWN","UnknownMessageItemBody","reactions","length","EmojiReactions","CAPTION_3","format","locale"],"mappings":"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"}
+{"version":3,"file":"MessageContent.js","sources":["../../../src/ui/MessageContent/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext, useRef, useState } from 'react';\nimport { GroupChannel, UserMessage, FileMessage, EmojiContainer } from 'sendbird';\nimport format from 'date-fns/format';\nimport './index.scss';\n\nimport Avatar from '../Avatar';\nimport UserProfile from '../UserProfile';\nimport MessageStatus from '../MessageStatus';\nimport MessageItemMenu from '../MessageItemMenu';\nimport MessageItemReactionMenu from '../MessageItemReactionMenu';\nimport ContextMenu, { MenuItems } from '../ContextMenu';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport EmojiReactions from '../EmojiReactions';\n\nimport ClientAdminMessage from '../AdminMessage';\nimport TextMessageItemBody from '../TextMessageItemBody';\nimport FileMessageItemBody from '../FileMessageItemBody';\nimport ThumbnailMessageItemBody from '../ThumbnailMessageItemBody';\nimport OGMessageItemBody from '../OGMessageItemBody';\nimport UnknownMessageItemBody from '../UnknownMessageItemBody';\nimport QuoteMessage from '../QuoteMessage';\n\nimport {\n  getClassName,\n  getUIKitMessageTypes,\n  getUIKitMessageType,\n  isTextMessage,\n  isOGMessage,\n  isThumbnailMessage,\n  getSenderName,\n  CoreMessageType,\n} from '../../utils';\nimport { UserProfileContext } from '../../lib/UserProfileContext';\nimport { ReplyType } from '../../index.js';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  userId: string;\n  channel: GroupChannel;\n  message: CoreMessageType;\n  disabled?: boolean;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n  useReaction?: boolean;\n  replyType?: ReplyType;\n  nicknamesMap?: Map<string, string>;\n  emojiContainer?: EmojiContainer;\n  scrollToMessage?: (createdAt: number, messageId: number) => void;\n  showEdit?: (bool: boolean) => void;\n  showRemove?: (bool: boolean) => void;\n  showFileViewer?: (bool: boolean) => void;\n  resendMessage?: (message: UserMessage | FileMessage) => Promise<UserMessage | FileMessage>;\n  toggleReaction?: (message: UserMessage | FileMessage, reactionKey: string, isReacted: boolean) => void;\n  setQuoteMessage?: (message: UserMessage | FileMessage) => void;\n}\nexport default function MessageContent({\n  className,\n  userId,\n  channel,\n  message,\n  disabled = false,\n  chainTop = false,\n  chainBottom = false,\n  useReaction = false,\n  replyType,\n  nicknamesMap,\n  emojiContainer,\n  scrollToMessage,\n  showEdit,\n  showRemove,\n  showFileViewer,\n  resendMessage,\n  toggleReaction,\n  setQuoteMessage,\n}: Props): ReactElement {\n  const messageTypes = getUIKitMessageTypes();\n  const { dateLocale } = useLocalization();\n  const { config } = useSendbirdStateContext?.() || {};\n  const { disableUserProfile, renderUserProfile } = useContext(UserProfileContext);\n  const avatarRef = useRef(null);\n  const [mouseHover, setMouseHover] = useState(false);\n  const [supposedHover, setSupposedHover] = useState(false);\n\n  const isByMe = (userId === (message as UserMessage | FileMessage)?.sender?.userId)\n    || ((message as UserMessage | FileMessage).sendingStatus === 'pending')\n    || ((message as UserMessage | FileMessage).sendingStatus === 'failed');\n  const isByMeClassName = isByMe ? 'outgoing' : 'incoming';\n  const chainTopClassName = chainTop ? 'chain-top' : '';\n  const useReactionClassName = useReaction ? 'use-reactions' : '';\n  const supposedHoverClassName = supposedHover ? 'supposed-hover' : '';\n  const useReplying = !!((replyType === 'QUOTE_REPLY') && message?.parentMessageId && message?.parentMessage);\n  const useReplyingClassName = useReplying ? 'use-quote' : '';\n\n  if (message?.isAdminMessage?.() || message?.messageType === 'admin') {\n    return (<ClientAdminMessage message={message} />);\n  }\n  return (\n    <div\n      className={getClassName([className, 'sendbird-message-content', isByMeClassName])}\n      onMouseOver={() => setMouseHover(true)}\n      onMouseLeave={() => setMouseHover(false)}\n    >\n      {/* left */}\n      <div className={getClassName(['sendbird-message-content__left', useReactionClassName, isByMeClassName, useReplyingClassName])}>\n        {(!isByMe && !chainBottom) && (\n          /** user profile */\n          <ContextMenu\n            menuTrigger={(toggleDropdown: () => void): ReactElement => (\n              <Avatar\n                className=\"sendbird-message-content__left__avatar\"\n                src={channel?.members?.find((member) => member?.userId === message?.sender?.userId)?.profileUrl || message?.sender?.profileUrl || ''}\n                // TODO: Divide getting profileUrl logic to utils\n                ref={avatarRef}\n                width=\"28px\"\n                height=\"28px\"\n                onClick={(): void => { if (!disableUserProfile) toggleDropdown() }}\n              />\n            )}\n            menuItems={(closeDropdown: () => void): ReactElement => (\n              <MenuItems\n                /**\n                * parentRef: For catching location(x, y) of MenuItems\n                * parentContainRef: For toggling more options(menus & reactions)\n                */\n                parentRef={avatarRef}\n                parentContainRef={avatarRef}\n                closeDropdown={closeDropdown}\n                style={{ paddingTop: 0, paddingBottom: 0 }}\n              >\n                {renderUserProfile\n                  ? renderUserProfile({ user: message?.sender, close: closeDropdown })\n                  : (<UserProfile user={message.sender} onSuccess={closeDropdown} />)\n                }\n              </MenuItems>\n            )}\n          />\n        )}\n        {/* outgoing menu */}\n        {isByMe && (\n          <div className={getClassName(['sendbird-message-content-menu', useReactionClassName, supposedHoverClassName, isByMeClassName])}>\n            <MessageItemMenu\n              className=\"sendbird-message-content-menu__normal-menu\"\n              channel={channel}\n              message={message as UserMessage | FileMessage}\n              isByMe={isByMe}\n              replyType={replyType}\n              disabled={disabled}\n              showEdit={showEdit}\n              showRemove={showRemove}\n              resendMessage={resendMessage}\n              setQuoteMessage={setQuoteMessage}\n              setSupposedHover={setSupposedHover}\n            />\n            {useReaction && (\n              <MessageItemReactionMenu\n                className=\"sendbird-message-content-menu__reaction-menu\"\n                message={message as UserMessage | FileMessage}\n                userId={userId}\n                spaceFromTrigger={{}}\n                emojiContainer={emojiContainer}\n                toggleReaction={toggleReaction}\n                setSupposedHover={setSupposedHover}\n              />\n            )}\n          </div>\n        )}\n      </div>\n      {/* middle */}\n      <div className=\"sendbird-message-content__middle\">\n        {(!isByMe && !chainTop && !useReplying) && (\n          <Label\n            className=\"sendbird-message-content__middle__sender-name\"\n            type={LabelTypography.CAPTION_2}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {\n              channel?.members?.find((member) => member?.userId === message?.sender?.userId)?.nickname\n              || getSenderName(message)\n              // TODO: Divide getting profileUrl logic to utils\n            }\n          </Label>\n        )}\n        {/* quote message */}\n        {(useReplying) ? (\n          <div className={getClassName(['sendbird-message-content__middle__quote-message', isByMe ? 'outgoing' : 'incoming', useReplyingClassName])}>\n            <QuoteMessage\n              message={message}\n              userId={userId}\n              isByMe={isByMe}\n              onClick={() => {\n                if (message?.parentMessage?.createdAt && message?.parentMessageId) {\n                  scrollToMessage(message.parentMessage.createdAt, message.parentMessageId);\n                }\n              }}\n            />\n          </div>\n        ) : null}\n        {/* container: message item body + emoji reactions */}\n        <div className={getClassName(['sendbird-message-content__middle__body-container'])} >\n          {/* message status component */}\n          {(isByMe && !chainBottom) && (\n            <div className={getClassName(['sendbird-message-content__middle__body-container__created-at', 'left', supposedHoverClassName])}>\n              <div className=\"sendbird-message-content__middle__body-container__created-at__component-container\">\n                <MessageStatus\n                  message={message}\n                  channel={channel}\n                />\n              </div>\n            </div>\n          )}\n          {/* message item body components */}\n          {isTextMessage(message as UserMessage) && (\n            <TextMessageItemBody\n              className=\"sendbird-message-content__middle__message-item-body\"\n              message={message as UserMessage}\n              isByMe={isByMe}\n              mouseHover={mouseHover}\n              isMentionEnabled={config?.isMentionEnabled || false}\n            />\n          )}\n          {(isOGMessage(message as UserMessage)) && (\n            <OGMessageItemBody\n              className=\"sendbird-message-content__middle__message-item-body\"\n              message={message as UserMessage}\n              isByMe={isByMe}\n              mouseHover={mouseHover}\n              isMentionEnabled={config?.isMentionEnabled || false}\n            />\n          )}\n          {(getUIKitMessageType((message as FileMessage)) === messageTypes.FILE) && (\n            <FileMessageItemBody\n              className=\"sendbird-message-content__middle__message-item-body\"\n              message={message as FileMessage}\n              isByMe={isByMe}\n              mouseHover={mouseHover}\n            />\n          )}\n          {(isThumbnailMessage(message as FileMessage)) && (\n            <ThumbnailMessageItemBody\n              className=\"sendbird-message-content__middle__message-item-body\"\n              message={message as FileMessage}\n              isByMe={isByMe}\n              mouseHover={mouseHover}\n              showFileViewer={showFileViewer}\n            />\n          )}\n          {(getUIKitMessageType((message as FileMessage)) === messageTypes.UNKNOWN) && (\n            <UnknownMessageItemBody\n              className=\"sendbird-message-content__middle__message-item-body\"\n              message={message}\n              isByMe={isByMe}\n              mouseHover={mouseHover}\n            />\n          )}\n          {/* reactions */}\n          {(useReaction && message?.reactions?.length > 0) && (\n            <div className={getClassName([\n              'sendbird-message-content-reactions',\n              (!isByMe || isThumbnailMessage(message as FileMessage) || isOGMessage(message as UserMessage)) ? '' : 'primary',\n              mouseHover ? 'mouse-hover' : '',\n            ])}>\n              <EmojiReactions\n                userId={userId}\n                message={message}\n                isByMe={isByMe}\n                emojiContainer={emojiContainer}\n                memberNicknamesMap={nicknamesMap}\n                toggleReaction={toggleReaction}\n              />\n            </div>\n          )}\n          {(!isByMe && !chainBottom) && (\n            <Label\n              className={getClassName(['sendbird-message-content__middle__body-container__created-at', 'right', supposedHoverClassName])}\n              type={LabelTypography.CAPTION_3}\n              color={LabelColors.ONBACKGROUND_2}\n            >\n              {format(message?.createdAt || 0, 'p', {\n                locale: dateLocale,\n              })}\n            </Label>\n          )}\n        </div>\n      </div>\n      {/* right */}\n      <div className={getClassName(['sendbird-message-content__right', chainTopClassName, useReactionClassName, useReplyingClassName])}>\n        {/* incoming menu */}\n        {!isByMe && (\n          <div className={getClassName(['sendbird-message-content-menu', chainTopClassName, supposedHoverClassName, isByMeClassName])}>\n            {useReaction && (\n              <MessageItemReactionMenu\n                className=\"sendbird-message-content-menu__reaction-menu\"\n                message={message as UserMessage | FileMessage}\n                userId={userId}\n                spaceFromTrigger={{}}\n                emojiContainer={emojiContainer}\n                toggleReaction={toggleReaction}\n                setSupposedHover={setSupposedHover}\n              />\n            )}\n            <MessageItemMenu\n              className=\"sendbird-message-content-menu__normal-menu\"\n              channel={channel}\n              message={message as UserMessage | FileMessage}\n              isByMe={isByMe}\n              replyType={replyType}\n              disabled={disabled}\n              showRemove={showRemove}\n              resendMessage={resendMessage}\n              setQuoteMessage={setQuoteMessage}\n              setSupposedHover={setSupposedHover}\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["MessageContent","_a","className","userId","channel","message","_h","disabled","_j","chainTop","_k","chainBottom","_l","useReaction","replyType","nicknamesMap","emojiContainer","scrollToMessage","showEdit","showRemove","showFileViewer","resendMessage","toggleReaction","setQuoteMessage","messageTypes","getUIKitMessageTypes","dateLocale","useLocalization","config","useSendbirdStateContext","_m","useContext","UserProfileContext","disableUserProfile","renderUserProfile","avatarRef","useRef","_o","useState","mouseHover","setMouseHover","_p","supposedHover","setSupposedHover","isByMe","sender","sendingStatus","isByMeClassName","chainTopClassName","useReactionClassName","supposedHoverClassName","useReplying","parentMessageId","parentMessage","useReplyingClassName","isAdminMessage","messageType","React","ClientAdminMessage","getClassName","ContextMenu","toggleDropdown","Avatar","members","find","member","profileUrl","closeDropdown","MenuItems","paddingTop","paddingBottom","user","close","UserProfile","MessageItemMenu","MessageItemReactionMenu","Label","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2","nickname","getSenderName","QuoteMessage","createdAt","MessageStatus","isTextMessage","TextMessageItemBody","isMentionEnabled","isOGMessage","OGMessageItemBody","getUIKitMessageType","FILE","FileMessageItemBody","isThumbnailMessage","ThumbnailMessageItemBody","UNKNOWN","UnknownMessageItemBody","reactions","length","EmojiReactions","CAPTION_3","format","locale"],"mappings":"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"}