@sendbird/uikit-react 3.4.4 → 3.4.5

package/cjs/ui/PlaceHolder.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-46c08a06.js');
+require('../tslib.es6-ee1122c5.js');
 require('react');
-var ui_PlaceHolder = require('../index-a5fad93c.js');
-require('../LocalizationContext-4822793b.js');
+var ui_PlaceHolder = require('../index-aeba3b06.js');
+require('../LocalizationContext-01fceac0.js');
 require('./Icon.js');
-require('../index-7207d339.js');
+require('../index-26a1e861.js');
 require('./Loader.js');
-require('../stringSet-7f49973c.js');
-require('../index-1151a507.js');
+require('../stringSet-7330b627.js');
+require('../index-7c5d21c4.js');
 require('prop-types');
 
 

package/cjs/ui/PlaybackTime.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_Label = require('../index-7207d339.js');
+var ui_Label = require('../index-26a1e861.js');
 require('prop-types');
-require('../stringSet-7f49973c.js');
+require('../stringSet-7330b627.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/QuoteMessage.js

@@ -2,14 +2,14 @@
 
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-7207d339.js');
+var ui_Label = require('../index-26a1e861.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var LocalizationContext = require('../LocalizationContext-4822793b.js');
-var index = require('../index-2f2f3e43.js');
+var LocalizationContext = require('../LocalizationContext-01fceac0.js');
+var index = require('../index-72fd0294.js');
 require('prop-types');
-require('../stringSet-7f49973c.js');
-require('../tslib.es6-46c08a06.js');
-require('../index-1151a507.js');
+require('../stringSet-7330b627.js');
+require('../tslib.es6-ee1122c5.js');
+require('../index-7c5d21c4.js');
 require('../utils/message/getOutgoingMessageState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/QuoteMessageInput.js

@@ -1,16 +1,16 @@
 'use strict';
 
 var React = require('react');
-var index = require('../index-2f2f3e43.js');
+var index = require('../index-72fd0294.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-7207d339.js');
-var LocalizationContext = require('../LocalizationContext-4822793b.js');
+var ui_Label = require('../index-26a1e861.js');
+var LocalizationContext = require('../LocalizationContext-01fceac0.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-require('../tslib.es6-46c08a06.js');
+require('../tslib.es6-ee1122c5.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('prop-types');
-require('../stringSet-7f49973c.js');
-require('../index-1151a507.js');
+require('../stringSet-7330b627.js');
+require('../index-7c5d21c4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/ReactionBadge.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-46c08a06.js');
+var tslib_es6 = require('../tslib.es6-ee1122c5.js');
 var React = require('react');
-var ui_Label = require('../index-7207d339.js');
+var ui_Label = require('../index-26a1e861.js');
 require('prop-types');
-require('../stringSet-7f49973c.js');
+require('../stringSet-7330b627.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/ReactionButton.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-46c08a06.js');
+var tslib_es6 = require('../tslib.es6-ee1122c5.js');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/SortByRow.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-46c08a06.js');
+var tslib_es6 = require('../tslib.es6-ee1122c5.js');
 var React = require('react');
-var uuid = require('../uuid-8454abf3.js');
+var uuid = require('../uuid-26b61f16.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/TextButton.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-46c08a06.js');
+var tslib_es6 = require('../tslib.es6-ee1122c5.js');
 var React = require('react');
-var color = require('../color-937f65ad.js');
+var color = require('../color-8f9fe57f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/TextMessageItemBody.js

@@ -1,32 +1,35 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-7207d339.js');
-var index = require('../index-2f2f3e43.js');
-var LocalizationContext = require('../LocalizationContext-4822793b.js');
-var uuid = require('../uuid-8454abf3.js');
-var ui_Word = require('./Word.js');
+var ui_Label = require('../index-26a1e861.js');
+var index = require('../index-72fd0294.js');
+var LocalizationContext = require('../LocalizationContext-01fceac0.js');
+var tokenize = require('../tokenize-a5a20ef3.js');
+var index$1 = require('../index-603c2a7c.js');
+var consts = require('../consts-aabb33e0.js');
 require('prop-types');
-require('../stringSet-7f49973c.js');
-require('../tslib.es6-46c08a06.js');
+require('../stringSet-7330b627.js');
+require('../tslib.es6-ee1122c5.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index-1151a507.js');
-require('./LinkLabel.js');
+require('../index-7c5d21c4.js');
+require('../Message/context.js');
 require('./MentionLabel.js');
 require('./ContextMenu.js');
 require('react-dom');
 require('./SortByRow.js');
+require('../uuid-26b61f16.js');
 require('./UserProfile.js');
-require('../UserProfileContext-7bc4eec4.js');
+require('../UserProfileContext-c4642438.js');
 require('../sendbirdSelectors.js');
-require('../topics-9d6a6d36.js');
-require('../utils-7d2c966a.js');
+require('../topics-7547922a.js');
+require('../utils-5ca88bb6.js');
 require('./Avatar.js');
 require('./ImageRenderer.js');
 require('./Icon.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
+require('./LinkLabel.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -47,33 +50,25 @@ function TextMessageItemBody(_a) {
       isReactionEnabled = _h === void 0 ? false : _h;
   var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
   var isMessageMentioned = isMentionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _b === void 0 ? void 0 : _b.length) > 0 && ((_c = message === null || message === void 0 ? void 0 : message.mentionedUsers) === null || _c === void 0 ? void 0 : _c.length) > 0;
-  var sentences = React.useMemo(function () {
-    var _a, _b;
-
+  var tokens = React.useMemo(function () {
     if (isMessageMentioned) {
-      return (_a = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _a === void 0 ? void 0 : _a.split(/\n/).map(function (sentence) {
-        return sentence.split(/\s/);
+      return tokenize.tokenizeMessage({
+        mentionedUsers: message === null || message === void 0 ? void 0 : message.mentionedUsers,
+        messageText: message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate
       });
     }
 
-    return (_b = message === null || message === void 0 ? void 0 : message.message) === null || _b === void 0 ? void 0 : _b.split(/\n/).map(function (sentence) {
-      return sentence.split(/\s/);
+    return tokenize.tokenizeMessage({
+      messageText: message === null || message === void 0 ? void 0 : message.message
     });
-  }, [message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate]);
+  }, [message === null || message === void 0 ? void 0 : message.updatedAt]);
   return /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     type: ui_Label.LabelTypography.BODY_1,
     color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index.getClassName([className, 'sendbird-text-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', isReactionEnabled && ((_d = message === null || message === void 0 ? void 0 : message.reactions) === null || _d === void 0 ? void 0 : _d.length) > 0 ? 'reactions' : ''])
-  }, sentences.map(function (sentence, index) {
-    return [sentence.map(function (word) {
-      return /*#__PURE__*/React__default["default"].createElement(ui_Word, {
-        key: uuid.uuidv4(),
-        word: word,
-        message: message,
-        isByMe: isByMe
-      });
-    }), (sentences === null || sentences === void 0 ? void 0 : sentences[index + 1]) ? /*#__PURE__*/React__default["default"].createElement("br", null) : null];
+    className: index.getClassName([className, consts.TEXT_MESSAGE_BODY_CLASSNAME, isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', isReactionEnabled && ((_d = message === null || message === void 0 ? void 0 : message.reactions) === null || _d === void 0 ? void 0 : _d.length) > 0 ? 'reactions' : ''])
+  }, /*#__PURE__*/React__default["default"].createElement(index$1.TextFragment, {
+    tokens: tokens
   }), index.isEditedMessage(message) && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-text-message-item-body__message edited",
     type: ui_Label.LabelTypography.BODY_1,

package/cjs/ui/TextMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextMessageItemBody.js","sources":["../../../src/ui/TextMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useMemo } from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport uuidv4 from '../../utils/uuid';\nimport Word from '../Word';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isMentionEnabled?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport default function TextMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isMentionEnabled = false,\n  isReactionEnabled = false,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const isMessageMentioned = isMentionEnabled && message?.mentionedMessageTemplate?.length > 0 && message?.mentionedUsers?.length > 0;\n  const sentences: Array<Array<string>> = useMemo(() => {\n    if (isMessageMentioned) {\n      return message?.mentionedMessageTemplate?.split(/\\n/).map((sentence) => sentence.split(/\\s/));\n    }\n    return message?.message?.split(/\\n/).map((sentence) => sentence.split(/\\s/));\n  }, [message?.mentionedMessageTemplate]);\n  return (\n    <Label\n      type={LabelTypography.BODY_1}\n      color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n    >\n      <div className={getClassName([\n        className,\n        'sendbird-text-message-item-body',\n        isByMe ? 'outgoing' : 'incoming',\n        mouseHover ? 'mouse-hover' : '',\n        (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n      ])}>\n        {\n          sentences.map((sentence, index) => {\n            return [\n              sentence.map((word) => {\n                return (\n                  <Word\n                    key={uuidv4()}\n                    word={word}\n                    message={message}\n                    isByMe={isByMe}\n                  />\n                );\n              }),\n              sentences?.[index + 1] ? <br /> : null,\n            ]\n          })\n        }\n        {\n          isEditedMessage(message) && (\n            <Label\n              className=\"sendbird-text-message-item-body__message edited\"\n              type={LabelTypography.BODY_1}\n              color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n            >\n              {` ${stringSet.MESSAGE_EDITED} `}\n            </Label>\n          )\n        }\n      </div>\n    </Label>\n  );\n}\n"],"names":["TextMessageItemBody","_a","className","message","_e","isByMe","_f","mouseHover","_g","isMentionEnabled","_h","isReactionEnabled","stringSet","useContext","LocalizationContext","isMessageMentioned","_b","mentionedMessageTemplate","length","_c","mentionedUsers","sentences","useMemo","split","map","sentence","React","Label","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","getClassName","_d","reactions","index","word","Word","uuidv4","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","concat","MESSAGE_EDITED"],"mappings":"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"}
+{"version":3,"file":"TextMessageItemBody.js","sources":["../../../src/ui/TextMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useMemo } from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { tokenizeMessage } from '../../smart-components/Message/utils/tokens/tokenize';\nimport TextFragment from '../../smart-components/Message/components/TextFragment';\nimport { TEXT_MESSAGE_BODY_CLASSNAME } from './consts';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isMentionEnabled?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport default function TextMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isMentionEnabled = false,\n  isReactionEnabled = false,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const isMessageMentioned = isMentionEnabled\n    && message?.mentionedMessageTemplate?.length > 0\n    && message?.mentionedUsers?.length > 0;\n  const tokens = useMemo(() => {\n    if (isMessageMentioned) {\n      return tokenizeMessage({\n        mentionedUsers: message?.mentionedUsers,\n        messageText: message?.mentionedMessageTemplate,\n      });\n    }\n    return tokenizeMessage({\n      messageText: message?.message,\n    });\n  }, [message?.updatedAt]);\n  return (\n    <Label\n      type={LabelTypography.BODY_1}\n      color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n    >\n      <div className={getClassName([\n        className,\n        TEXT_MESSAGE_BODY_CLASSNAME,\n        isByMe ? 'outgoing' : 'incoming',\n        mouseHover ? 'mouse-hover' : '',\n        (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n      ])}>\n        <TextFragment tokens={tokens} />\n        {\n          isEditedMessage(message) && (\n            <Label\n              className=\"sendbird-text-message-item-body__message edited\"\n              type={LabelTypography.BODY_1}\n              color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n            >\n              {` ${stringSet.MESSAGE_EDITED} `}\n            </Label>\n          )\n        }\n      </div>\n    </Label>\n  );\n}\n"],"names":["TextMessageItemBody","_a","className","message","_e","isByMe","_f","mouseHover","_g","isMentionEnabled","_h","isReactionEnabled","stringSet","useContext","LocalizationContext","isMessageMentioned","_b","mentionedMessageTemplate","length","_c","mentionedUsers","tokens","useMemo","tokenizeMessage","messageText","updatedAt","React","Label","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","getClassName","TEXT_MESSAGE_BODY_CLASSNAME","_d","reactions","TextFragment","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","concat","MESSAGE_EDITED"],"mappings":"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"}

package/cjs/ui/ThreadReplies.js

@@ -3,14 +3,14 @@
 var React = require('react');
 var ui_Avatar = require('./Avatar.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-7207d339.js');
-var LocalizationContext = require('../LocalizationContext-4822793b.js');
-var uuid = require('../uuid-8454abf3.js');
-require('../tslib.es6-46c08a06.js');
+var ui_Label = require('../index-26a1e861.js');
+var LocalizationContext = require('../LocalizationContext-01fceac0.js');
+var uuid = require('../uuid-26b61f16.js');
+require('../tslib.es6-ee1122c5.js');
 require('./ImageRenderer.js');
 require('prop-types');
-require('../stringSet-7f49973c.js');
-require('../index-1151a507.js');
+require('../stringSet-7330b627.js');
+require('../index-7c5d21c4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/ThumbnailMessageItemBody.js

@@ -3,9 +3,9 @@
 var React = require('react');
 var ui_Icon = require('./Icon.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var index = require('../index-2f2f3e43.js');
+var index = require('../index-72fd0294.js');
 require('prop-types');
-require('../tslib.es6-46c08a06.js');
+require('../tslib.es6-ee1122c5.js');
 require('../utils/message/getOutgoingMessageState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/Tooltip.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-46c08a06.js');
+var tslib_es6 = require('../tslib.es6-ee1122c5.js');
 var React = require('react');
-var ui_Label = require('../index-7207d339.js');
+var ui_Label = require('../index-26a1e861.js');
 require('prop-types');
-require('../stringSet-7f49973c.js');
+require('../stringSet-7330b627.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/TooltipWrapper.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-46c08a06.js');
+var tslib_es6 = require('../tslib.es6-ee1122c5.js');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/UnknownMessageItemBody.js

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-7207d339.js');
-var index = require('../index-2f2f3e43.js');
-var LocalizationContext = require('../LocalizationContext-4822793b.js');
+var ui_Label = require('../index-26a1e861.js');
+var index = require('../index-72fd0294.js');
+var LocalizationContext = require('../LocalizationContext-01fceac0.js');
 require('prop-types');
-require('../stringSet-7f49973c.js');
-require('../tslib.es6-46c08a06.js');
+require('../stringSet-7330b627.js');
+require('../tslib.es6-ee1122c5.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index-1151a507.js');
+require('../index-7c5d21c4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/UserListItem.js

@@ -1,30 +1,30 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-46c08a06.js');
+var tslib_es6 = require('../tslib.es6-ee1122c5.js');
 var React = require('react');
-var UserProfileContext = require('../UserProfileContext-7bc4eec4.js');
-var LocalizationContext = require('../LocalizationContext-4822793b.js');
+var UserProfileContext = require('../UserProfileContext-c4642438.js');
+var LocalizationContext = require('../LocalizationContext-01fceac0.js');
 var ui_Avatar = require('./Avatar.js');
 var ui_MutedAvatarOverlay = require('./MutedAvatarOverlay.js');
 var ui_Checkbox = require('./Checkbox.js');
 var ui_UserProfile = require('./UserProfile.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../index-7207d339.js');
+var ui_Label = require('../index-26a1e861.js');
 require('prop-types');
-require('../stringSet-7f49973c.js');
-require('../index-1151a507.js');
+require('../stringSet-7330b627.js');
+require('../index-7c5d21c4.js');
 require('./ImageRenderer.js');
 require('./Icon.js');
-require('../uuid-8454abf3.js');
+require('../uuid-26b61f16.js');
 require('../sendbirdSelectors.js');
-require('../topics-9d6a6d36.js');
-require('../utils-7d2c966a.js');
+require('../topics-7547922a.js');
+require('../utils-5ca88bb6.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../index-2f2f3e43.js');
+require('../index-72fd0294.js');
 require('../utils/message/getOutgoingMessageState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/UserProfile.js

@@ -1,22 +1,22 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../LocalizationContext-4822793b.js');
-var UserProfileContext = require('../UserProfileContext-7bc4eec4.js');
+var LocalizationContext = require('../LocalizationContext-01fceac0.js');
+var UserProfileContext = require('../UserProfileContext-c4642438.js');
 var sendbirdSelectors = require('../sendbirdSelectors.js');
 var ui_Avatar = require('./Avatar.js');
-var ui_Label = require('../index-7207d339.js');
+var ui_Label = require('../index-26a1e861.js');
 var ui_Button = require('./Button.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../stringSet-7f49973c.js');
-require('../index-1151a507.js');
+require('../stringSet-7330b627.js');
+require('../index-7c5d21c4.js');
 require('prop-types');
-require('../topics-9d6a6d36.js');
-require('../utils-7d2c966a.js');
-require('../tslib.es6-46c08a06.js');
+require('../topics-7547922a.js');
+require('../utils-5ca88bb6.js');
+require('../tslib.es6-ee1122c5.js');
 require('./ImageRenderer.js');
 require('./Icon.js');
-require('../uuid-8454abf3.js');
+require('../uuid-26b61f16.js');
 require('../withSendbird.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/VoiceMessageItemBody.js

@@ -8,16 +8,16 @@ var VoicePlayer_useVoicePlayer = require('../VoicePlayer/useVoicePlayer.js');
 var ui_PlaybackTime = require('./PlaybackTime.js');
 var ui_Loader = require('./Loader.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-7207d339.js');
-var VoicePlayer_context = require('../index-e9d3a5d6.js');
-require('../consts-2b0eaee0.js');
+var ui_Label = require('../index-26a1e861.js');
+var VoicePlayer_context = require('../index-c825cf5b.js');
+require('../consts-69fc20be.js');
 require('../VoiceRecorder/context.js');
 require('../lame.all.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
-require('../tslib.es6-46c08a06.js');
+require('../tslib.es6-ee1122c5.js');
 require('prop-types');
-require('../stringSet-7f49973c.js');
+require('../stringSet-7330b627.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/VoiceMessgeInput.js

@@ -7,15 +7,15 @@ require('./PlaybackTime.js');
 require('./ProgressBar.js');
 require('./TextButton.js');
 require('./Icon.js');
-require('../index-7207d339.js');
-require('../LocalizationContext-4822793b.js');
-var ui_VoiceMessgeInput = require('../index-a867516a.js');
-require('../consts-2b0eaee0.js');
+require('../index-26a1e861.js');
+require('../LocalizationContext-01fceac0.js');
+var ui_VoiceMessgeInput = require('../index-1e57cbdb.js');
+require('../consts-69fc20be.js');
 require('prop-types');
-require('../stringSet-7f49973c.js');
-require('../tslib.es6-46c08a06.js');
-require('../color-937f65ad.js');
-require('../index-1151a507.js');
+require('../stringSet-7330b627.js');
+require('../tslib.es6-ee1122c5.js');
+require('../color-8f9fe57f.js');
+require('../index-7c5d21c4.js');
 
 
 

package/cjs/ui/Word.js

@@ -1,25 +1,25 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-7207d339.js');
+var ui_Label = require('../index-26a1e861.js');
 var ui_LinkLabel = require('./LinkLabel.js');
-var uuid = require('../uuid-8454abf3.js');
-var index = require('../index-2f2f3e43.js');
+var uuid = require('../uuid-26b61f16.js');
+var index = require('../index-72fd0294.js');
 var ui_MentionLabel = require('./MentionLabel.js');
 require('prop-types');
-require('../stringSet-7f49973c.js');
-require('../tslib.es6-46c08a06.js');
+require('../stringSet-7330b627.js');
+require('../tslib.es6-ee1122c5.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('./ContextMenu.js');
 require('react-dom');
 require('./SortByRow.js');
 require('./UserProfile.js');
-require('../LocalizationContext-4822793b.js');
-require('../index-1151a507.js');
-require('../UserProfileContext-7bc4eec4.js');
+require('../LocalizationContext-01fceac0.js');
+require('../index-7c5d21c4.js');
+require('../UserProfileContext-c4642438.js');
 require('../sendbirdSelectors.js');
-require('../topics-9d6a6d36.js');
-require('../utils-7d2c966a.js');
+require('../topics-7547922a.js');
+require('../utils-5ca88bb6.js');
 require('./Avatar.js');
 require('./ImageRenderer.js');
 require('./Icon.js');
@@ -31,6 +31,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+/**
+ * @deprecated  This component is deprecated and will be removed in the next major version.
+ * Use TextFragment instead.
+ */
+
 function Word(props) {
   var word = props.word,
       message = props.message,

package/cjs/ui/Word.js.map

@@ -1 +1 @@
-{"version":3,"file":"Word.js","sources":["../../../src/ui/Word/index.tsx"],"sourcesContent":["import './index.scss';\nimport React from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport { LabelTypography } from '../Label';\nimport LinkLabel from '../LinkLabel';\nimport uuidv4 from '../../utils/uuid';\nimport { convertWordToStringObj, StringObjType, StringObj } from '../../utils';\nimport MentionLabel from '../MentionLabel';\n\ninterface WordProps {\n  word: string;\n  message: UserMessage;\n  isByMe?: boolean;\n  mentionTemplate?: string;\n  renderString?: (stringObj: StringObj) => JSX.Element;\n}\n\n// Word and StringObj will include types: normal, mention, url\nexport default function Word(props: WordProps): JSX.Element {\n  const {\n    word,\n    message,\n    isByMe = false,\n    mentionTemplate = '@',\n    renderString = null,\n  } = props;\n  if (word === '') {\n    return null;\n  }\n  return (\n    <span className=\"sendbird-word\">\n      {\n        convertWordToStringObj(word, message?.mentionedUsers).map((stringObj) => {\n          const type = stringObj?.type || '';\n          const value = stringObj?.value || '';\n          const userId = stringObj?.userId || '';\n          if (renderString && typeof renderString === 'function') {\n            return renderString(stringObj);\n          }\n          if (type === StringObjType.mention) {\n            return (\n              <MentionLabel\n                mentionTemplate={mentionTemplate}\n                mentionedUserId={userId}\n                mentionedUserNickname={value}\n                key={uuidv4()}\n                isByMe={isByMe}\n              />\n            );\n          } else if (type === StringObjType.url) {\n            const urlRegex = new RegExp(\"([a-zA-Z0-9]+://)?([a-zA-Z0-9_]+:[a-zA-Z0-9_]+@)?([a-zA-Z0-9.-]+\\\\.[A-Za-z]{2,4})(:[0-9]+)?(/.*)?\");\n            const targetUrl = urlRegex.exec(value)?.[0];\n            const stringUrl = { front: '', url: '', back: '' };\n            if (targetUrl) {\n              const targetUrlIndex = value.indexOf(targetUrl);\n              if (targetUrlIndex > 0) {\n                stringUrl.front = value.slice(0, targetUrlIndex);\n              }\n              stringUrl.url = value.slice(targetUrlIndex, targetUrlIndex + targetUrl.length);\n              if (targetUrlIndex + targetUrl.length < value.length) {\n                stringUrl.back = value.slice(targetUrlIndex + targetUrl.length);\n              }\n            }\n            if (targetUrl) {\n              return [\n                stringUrl.front ? stringUrl.front : '',\n                stringUrl.url ? (\n                  <LinkLabel\n                    className=\"sendbird-word__url\"\n                    key={uuidv4()}\n                    src={stringUrl.url}\n                    type={LabelTypography.BODY_1}\n                  >\n                    {stringUrl.url}\n                  </LinkLabel>\n                ) : null,\n                stringUrl.back ? stringUrl.back : '',\n              ];\n            }\n            return (\n              <LinkLabel\n                className=\"sendbird-word__url\"\n                key={uuidv4()}\n                src={word}\n                type={LabelTypography.BODY_1}\n              >\n                {value}\n              </LinkLabel>\n            );\n          } else {\n            return value\n          }\n        })\n      }\n    </span>\n  );\n}\n"],"names":["Word","props","word","message","_a","isByMe","_b","mentionTemplate","_c","renderString","React","convertWordToStringObj","mentionedUsers","map","stringObj","type","value","userId","StringObjType","mention","MentionLabel","uuidv4","url","urlRegex","RegExp","targetUrl","exec","stringUrl","front","back","targetUrlIndex","indexOf","slice","length","LinkLabel","LabelTypography","BODY_1"],"mappings":"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"}
+{"version":3,"file":"Word.js","sources":["../../../src/ui/Word/index.tsx"],"sourcesContent":["/**\n * @deprecated  This component is deprecated and will be removed in the next major version.\n * Use TextFragment instead.\n */\nimport './index.scss';\nimport React from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport { LabelTypography } from '../Label';\nimport LinkLabel from '../LinkLabel';\nimport uuidv4 from '../../utils/uuid';\nimport { convertWordToStringObj, StringObjType, StringObj } from '../../utils';\nimport MentionLabel from '../MentionLabel';\n\ninterface WordProps {\n  word: string;\n  message: UserMessage;\n  isByMe?: boolean;\n  mentionTemplate?: string;\n  renderString?: (stringObj: StringObj) => JSX.Element;\n}\n\n// Word and StringObj will include types: normal, mention, url\nexport default function Word(props: WordProps): JSX.Element {\n  const {\n    word,\n    message,\n    isByMe = false,\n    mentionTemplate = '@',\n    renderString = null,\n  } = props;\n  if (word === '') {\n    return null;\n  }\n  return (\n    <span className=\"sendbird-word\">\n      {\n        convertWordToStringObj(word, message?.mentionedUsers).map((stringObj) => {\n          const type = stringObj?.type || '';\n          const value = stringObj?.value || '';\n          const userId = stringObj?.userId || '';\n          if (renderString && typeof renderString === 'function') {\n            return renderString(stringObj);\n          }\n          if (type === StringObjType.mention) {\n            return (\n              <MentionLabel\n                mentionTemplate={mentionTemplate}\n                mentionedUserId={userId}\n                mentionedUserNickname={value}\n                key={uuidv4()}\n                isByMe={isByMe}\n              />\n            );\n          } else if (type === StringObjType.url) {\n            const urlRegex = new RegExp(\"([a-zA-Z0-9]+://)?([a-zA-Z0-9_]+:[a-zA-Z0-9_]+@)?([a-zA-Z0-9.-]+\\\\.[A-Za-z]{2,4})(:[0-9]+)?(/.*)?\");\n            const targetUrl = urlRegex.exec(value)?.[0];\n            const stringUrl = { front: '', url: '', back: '' };\n            if (targetUrl) {\n              const targetUrlIndex = value.indexOf(targetUrl);\n              if (targetUrlIndex > 0) {\n                stringUrl.front = value.slice(0, targetUrlIndex);\n              }\n              stringUrl.url = value.slice(targetUrlIndex, targetUrlIndex + targetUrl.length);\n              if (targetUrlIndex + targetUrl.length < value.length) {\n                stringUrl.back = value.slice(targetUrlIndex + targetUrl.length);\n              }\n            }\n            if (targetUrl) {\n              return [\n                stringUrl.front ? stringUrl.front : '',\n                stringUrl.url ? (\n                  <LinkLabel\n                    className=\"sendbird-word__url\"\n                    key={uuidv4()}\n                    src={stringUrl.url}\n                    type={LabelTypography.BODY_1}\n                  >\n                    {stringUrl.url}\n                  </LinkLabel>\n                ) : null,\n                stringUrl.back ? stringUrl.back : '',\n              ];\n            }\n            return (\n              <LinkLabel\n                className=\"sendbird-word__url\"\n                key={uuidv4()}\n                src={word}\n                type={LabelTypography.BODY_1}\n              >\n                {value}\n              </LinkLabel>\n            );\n          } else {\n            return value\n          }\n        })\n      }\n    </span>\n  );\n}\n"],"names":["Word","props","word","message","_a","isByMe","_b","mentionTemplate","_c","renderString","React","convertWordToStringObj","mentionedUsers","map","stringObj","type","value","userId","StringObjType","mention","MentionLabel","uuidv4","url","urlRegex","RegExp","targetUrl","exec","stringUrl","front","back","targetUrlIndex","indexOf","slice","length","LinkLabel","LabelTypography","BODY_1"],"mappings":"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"}

package/cjs/{useLongPress-839c53cb.js → useLongPress-3e3b1188.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-46c08a06.js');
+var tslib_es6 = require('./tslib.es6-ee1122c5.js');
 var React = require('react');
-var MediaQueryContext = require('./MediaQueryContext-b83880cc.js');
+var MediaQueryContext = require('./MediaQueryContext-4978c777.js');
 
 var DEFAULT_DURATION = 300;
 
@@ -115,4 +115,4 @@ function useLongPress(_a, _b) {
 }
 
 exports.useLongPress = useLongPress;
-//# sourceMappingURL=useLongPress-839c53cb.js.map
+//# sourceMappingURL=useLongPress-3e3b1188.js.map

package/cjs/{useLongPress-839c53cb.js.map → useLongPress-3e3b1188.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useLongPress-839c53cb.js","sources":["../../src/hooks/useLongPress.tsx"],"sourcesContent":["// thanks to: https://stackoverflow.com/questions/48048957/react-long-press-event\n/* example:\n  const Component = ({ onClick }) => {\n    const onLongPress = useLongPress({\n      onClick: onClick,\n      onLongPress: () => {\n        alert('longpress');\n      }\n    }, {\n      delay: 500,\n      shouldPreventDefault: true,\n    });\n    return (\n      <button {...onLongPress}>\n        hello\n      </button>\n    )\n  }\n*/\nimport React, {\n  useState,\n  useRef,\n  useCallback,\n} from 'react';\nimport {\n  useMediaQueryContext,\n} from '../lib/MediaQueryContext';\n\nconst DEFAULT_DURATION = 300;\n\nfunction preventDefault(e: Event) {\n  if (!isTouchEvent(e)) {\n    return\n  }\n\n  if (e.touches.length < 2 && e.preventDefault) {\n    e.preventDefault();\n  }\n}\n\nexport function isTouchEvent(e: Event): e is TouchEvent {\n  return e && 'touches' in e;\n}\n\ninterface PressHandlers<T> {\n  onLongPress: (e: React.MouseEvent<T> | React.TouchEvent<T>) => void;\n  onClick?: (e: React.MouseEvent<T> | React.TouchEvent<T>) => void;\n}\n\ninterface Options {\n  delay?: number;\n  shouldPreventDefault?: boolean;\n}\n\ninterface UseLongPressType<T> {\n  onTouchMove: (e: React.TouchEvent<T>) => void;\n  onMouseDown: (e: React.MouseEvent<T>) => void;\n  onTouchStart: (e: React.TouchEvent<T>) => void;\n  onMouseUp: (e: React.MouseEvent<T>) => void;\n  onMouseLeave: (e: React.MouseEvent<T>) => void;\n  onTouchEnd: (e: React.TouchEvent<T>) => void;\n}\n\nexport default function useLongPress<T> ({\n  onLongPress,\n  onClick,\n}: PressHandlers<T>, {\n  delay = DEFAULT_DURATION,\n  shouldPreventDefault = true,\n}: Options = {}): UseLongPressType<T> {\n  const { isMobile } = useMediaQueryContext();\n  const [longPressTriggered, setLongPressTriggered] = useState(false);\n  const [dragTriggered, setDragTriggered] = useState(false);\n  // https://www.typescriptlang.org/docs/handbook/utility-types.html#returntypetype\n  const timeout = useRef<ReturnType<typeof setTimeout>>();\n  const target = useRef<EventTarget>();\n\n  const start = useCallback((e: React.MouseEvent<T> | React.TouchEvent<T>) => {\n    e.persist();\n    const clonedEvent = {\n      ...e,\n    };\n    setDragTriggered(false);\n    if (shouldPreventDefault && e.target) {\n      e.target.addEventListener(\n        'touchend',\n        preventDefault, {\n          passive: false,\n        },\n      );\n      target.current = e.target;\n    }\n\n    timeout.current = setTimeout(() => {\n      onLongPress(clonedEvent);\n      setLongPressTriggered(true);\n    }, delay);\n  }, [onLongPress, delay, shouldPreventDefault, isMobile]);\n\n  const clear = useCallback((\n    e: React.MouseEvent<T> | React.TouchEvent<T>,\n    shouldTriggerClick = true,\n    onDrag = false,\n  ) => {\n    if (onDrag) {\n      setDragTriggered(true);\n    } else {\n      setDragTriggered(false);\n    }\n    if (timeout?.current) {\n      clearTimeout(timeout.current);\n    }\n    if (shouldTriggerClick && !longPressTriggered && !dragTriggered) {\n      onClick?.(e);\n    }\n    setLongPressTriggered(false);\n    if (shouldPreventDefault && target.current) {\n      target.current.removeEventListener('touchend', preventDefault);\n    }\n  },[shouldPreventDefault, onClick, longPressTriggered, dragTriggered]);\n\n  return {\n    onMouseDown: (e: React.MouseEvent<T>) => start(e),\n    onMouseUp: (e: React.MouseEvent<T>) => clear(e),\n    onMouseLeave: (e: React.MouseEvent<T>) => clear(e, false),\n    onTouchStart: (e: React.TouchEvent<T>) => start(e),\n    // setDragTriggered as true on touchmove, so that next onTouchEnd is ignored\n    // if we dont do it, onClick?.(e) will be triggred, see inside clear()\n    onTouchMove: (e: React.TouchEvent<T>) => clear(e, false, true),\n    onTouchEnd: (e: React.TouchEvent<T>) => clear(e),\n  };\n}\n"],"names":["DEFAULT_DURATION","preventDefault","e","isTouchEvent","touches","length","useLongPress","_a","_b","onLongPress","onClick","_c","_d","delay","_e","shouldPreventDefault","isMobile","useMediaQueryContext","_f","useState","longPressTriggered","setLongPressTriggered","_g","dragTriggered","setDragTriggered","timeout","useRef","target","start","useCallback","persist","clonedEvent","__assign","addEventListener","passive","current","setTimeout","clear","shouldTriggerClick","onDrag","clearTimeout","removeEventListener","onMouseDown","onMouseUp","onMouseLeave","onTouchStart","onTouchMove","onTouchEnd"],"mappings":"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"}
+{"version":3,"file":"useLongPress-3e3b1188.js","sources":["../../src/hooks/useLongPress.tsx"],"sourcesContent":["// thanks to: https://stackoverflow.com/questions/48048957/react-long-press-event\n/* example:\n  const Component = ({ onClick }) => {\n    const onLongPress = useLongPress({\n      onClick: onClick,\n      onLongPress: () => {\n        alert('longpress');\n      }\n    }, {\n      delay: 500,\n      shouldPreventDefault: true,\n    });\n    return (\n      <button {...onLongPress}>\n        hello\n      </button>\n    )\n  }\n*/\nimport React, {\n  useState,\n  useRef,\n  useCallback,\n} from 'react';\nimport {\n  useMediaQueryContext,\n} from '../lib/MediaQueryContext';\n\nconst DEFAULT_DURATION = 300;\n\nfunction preventDefault(e: Event) {\n  if (!isTouchEvent(e)) {\n    return\n  }\n\n  if (e.touches.length < 2 && e.preventDefault) {\n    e.preventDefault();\n  }\n}\n\nexport function isTouchEvent(e: Event): e is TouchEvent {\n  return e && 'touches' in e;\n}\n\ninterface PressHandlers<T> {\n  onLongPress: (e: React.MouseEvent<T> | React.TouchEvent<T>) => void;\n  onClick?: (e: React.MouseEvent<T> | React.TouchEvent<T>) => void;\n}\n\ninterface Options {\n  delay?: number;\n  shouldPreventDefault?: boolean;\n}\n\ninterface UseLongPressType<T> {\n  onTouchMove: (e: React.TouchEvent<T>) => void;\n  onMouseDown: (e: React.MouseEvent<T>) => void;\n  onTouchStart: (e: React.TouchEvent<T>) => void;\n  onMouseUp: (e: React.MouseEvent<T>) => void;\n  onMouseLeave: (e: React.MouseEvent<T>) => void;\n  onTouchEnd: (e: React.TouchEvent<T>) => void;\n}\n\nexport default function useLongPress<T> ({\n  onLongPress,\n  onClick,\n}: PressHandlers<T>, {\n  delay = DEFAULT_DURATION,\n  shouldPreventDefault = true,\n}: Options = {}): UseLongPressType<T> {\n  const { isMobile } = useMediaQueryContext();\n  const [longPressTriggered, setLongPressTriggered] = useState(false);\n  const [dragTriggered, setDragTriggered] = useState(false);\n  // https://www.typescriptlang.org/docs/handbook/utility-types.html#returntypetype\n  const timeout = useRef<ReturnType<typeof setTimeout>>();\n  const target = useRef<EventTarget>();\n\n  const start = useCallback((e: React.MouseEvent<T> | React.TouchEvent<T>) => {\n    e.persist();\n    const clonedEvent = {\n      ...e,\n    };\n    setDragTriggered(false);\n    if (shouldPreventDefault && e.target) {\n      e.target.addEventListener(\n        'touchend',\n        preventDefault, {\n          passive: false,\n        },\n      );\n      target.current = e.target;\n    }\n\n    timeout.current = setTimeout(() => {\n      onLongPress(clonedEvent);\n      setLongPressTriggered(true);\n    }, delay);\n  }, [onLongPress, delay, shouldPreventDefault, isMobile]);\n\n  const clear = useCallback((\n    e: React.MouseEvent<T> | React.TouchEvent<T>,\n    shouldTriggerClick = true,\n    onDrag = false,\n  ) => {\n    if (onDrag) {\n      setDragTriggered(true);\n    } else {\n      setDragTriggered(false);\n    }\n    if (timeout?.current) {\n      clearTimeout(timeout.current);\n    }\n    if (shouldTriggerClick && !longPressTriggered && !dragTriggered) {\n      onClick?.(e);\n    }\n    setLongPressTriggered(false);\n    if (shouldPreventDefault && target.current) {\n      target.current.removeEventListener('touchend', preventDefault);\n    }\n  },[shouldPreventDefault, onClick, longPressTriggered, dragTriggered]);\n\n  return {\n    onMouseDown: (e: React.MouseEvent<T>) => start(e),\n    onMouseUp: (e: React.MouseEvent<T>) => clear(e),\n    onMouseLeave: (e: React.MouseEvent<T>) => clear(e, false),\n    onTouchStart: (e: React.TouchEvent<T>) => start(e),\n    // setDragTriggered as true on touchmove, so that next onTouchEnd is ignored\n    // if we dont do it, onClick?.(e) will be triggred, see inside clear()\n    onTouchMove: (e: React.TouchEvent<T>) => clear(e, false, true),\n    onTouchEnd: (e: React.TouchEvent<T>) => clear(e),\n  };\n}\n"],"names":["DEFAULT_DURATION","preventDefault","e","isTouchEvent","touches","length","useLongPress","_a","_b","onLongPress","onClick","_c","_d","delay","_e","shouldPreventDefault","isMobile","useMediaQueryContext","_f","useState","longPressTriggered","setLongPressTriggered","_g","dragTriggered","setDragTriggered","timeout","useRef","target","start","useCallback","persist","clonedEvent","__assign","addEventListener","passive","current","setTimeout","clear","shouldTriggerClick","onDrag","clearTimeout","removeEventListener","onMouseDown","onMouseUp","onMouseLeave","onTouchStart","onTouchMove","onTouchEnd"],"mappings":"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"}