@sendbird/uikit-react 3.3.1 → 3.3.2-rc.0

package/cjs/ui/EmojiReactions.js

@@ -8,17 +8,17 @@ 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-a0186f0c.js');
-var LocalizationContext = require('../LocalizationContext-aceff142.js');
-require('../tslib.es6-dcbdfa23.js');
-require('../index-b1236a45.js');
+var index = require('../index-1239773e.js');
+var LocalizationContext = require('../LocalizationContext-1655a716.js');
+require('../tslib.es6-e3c88eb7.js');
+require('../index-a65b2d33.js');
 require('prop-types');
-require('../stringSet-5be1fe6f.js');
+require('../stringSet-ff624701.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../uuid-41344041.js');
+require('../uuid-bd85e729.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index-05ae57d2.js');
+require('../index-dd8ad6c7.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-b1236a45.js');
+var ui_Label = require('../index-a65b2d33.js');
 var ui_Icon = require('./Icon.js');
 var ui_TextButton = require('./TextButton.js');
-var index = require('../index-a0186f0c.js');
-var color = require('../color-cd73928c.js');
-var MediaQueryContext = require('../MediaQueryContext-4e0e5fa0.js');
+var index = require('../index-1239773e.js');
+var color = require('../color-c4b0c2fb.js');
+var MediaQueryContext = require('../MediaQueryContext-f7ffb064.js');
 require('prop-types');
-require('../stringSet-5be1fe6f.js');
-require('../tslib.es6-dcbdfa23.js');
+require('../stringSet-ff624701.js');
+require('../tslib.es6-e3c88eb7.js');
 require('../utils/message/getOutgoingMessageState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/FileViewer.js

@@ -4,18 +4,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var reactDom = require('react-dom');
-var LocalizationContext = require('../LocalizationContext-aceff142.js');
-var index = require('../index-016638d4.js');
-var index$1 = require('../index-a0186f0c.js');
+var LocalizationContext = require('../LocalizationContext-1655a716.js');
+var index = require('../index-ba6b5a5d.js');
+var index$1 = require('../index-1239773e.js');
 var ui_Avatar = require('./Avatar.js');
-var ui_Label = require('../index-b1236a45.js');
+var ui_Label = require('../index-a65b2d33.js');
 var ui_Icon = require('./Icon.js');
-require('../stringSet-5be1fe6f.js');
-require('../index-05ae57d2.js');
-require('../tslib.es6-dcbdfa23.js');
+require('../stringSet-ff624701.js');
+require('../index-dd8ad6c7.js');
+require('../tslib.es6-e3c88eb7.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('./ImageRenderer.js');
-require('../uuid-41344041.js');
+require('../uuid-bd85e729.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/IconButton.js

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

package/cjs/ui/ImageRenderer.js

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

package/cjs/ui/Input.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_Label = require('../index-b1236a45.js');
+var ui_Label = require('../index-a65b2d33.js');
 require('prop-types');
-require('../stringSet-5be1fe6f.js');
+require('../stringSet-ff624701.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/Label.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('prop-types');
-var ui_Label = require('../index-b1236a45.js');
-require('../stringSet-5be1fe6f.js');
+var ui_Label = require('../index-a65b2d33.js');
+require('../stringSet-ff624701.js');
 
 
 

package/cjs/ui/LinkLabel.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var PropTypes = require('prop-types');
-var ui_Label = require('../index-b1236a45.js');
-require('../stringSet-5be1fe6f.js');
+var ui_Label = require('../index-a65b2d33.js');
+require('../stringSet-ff624701.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 tslib_es6 = require('../tslib.es6-dcbdfa23.js');
+var tslib_es6 = require('../tslib.es6-e3c88eb7.js');
 var React = require('react');
 var ui_Icon = require('./Icon.js');
 require('prop-types');

package/cjs/ui/MentionLabel.js

@@ -2,29 +2,29 @@
 
 var React = require('react');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../index-b1236a45.js');
+var ui_Label = require('../index-a65b2d33.js');
 var ui_UserProfile = require('./UserProfile.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../tslib.es6-dcbdfa23.js');
+require('../tslib.es6-e3c88eb7.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../uuid-41344041.js');
-require('../index-a0186f0c.js');
+require('../uuid-bd85e729.js');
+require('../index-1239773e.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('prop-types');
-require('../stringSet-5be1fe6f.js');
-require('../LocalizationContext-aceff142.js');
-require('../index-05ae57d2.js');
-require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-35f4fb95.js');
-require('../UserProfileContext-d3796c43.js');
+require('../stringSet-ff624701.js');
+require('../LocalizationContext-1655a716.js');
+require('../index-dd8ad6c7.js');
+require('../UserProfileContext-a96da78b.js');
 require('../sendbirdSelectors.js');
-require('../topics-2e4c3ced.js');
-require('../utils-c9257c48.js');
+require('../topics-e4d4db3c.js');
+require('../utils-ce3a9e75.js');
 require('./Avatar.js');
 require('./ImageRenderer.js');
 require('./Icon.js');
 require('./Button.js');
+require('../withSendbird.js');
+require('../_rollupPluginBabelHelpers-af248340.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/MessageContent.js

@@ -1,16 +1,16 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-35f4fb95.js');
-var tslib_es6 = require('../tslib.es6-dcbdfa23.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-af248340.js');
+var tslib_es6 = require('../tslib.es6-e3c88eb7.js');
 var React = require('react');
-var index$1 = require('../index-ee3dea46.js');
+var index$1 = require('../index-eba0d9f2.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-b1236a45.js');
+var ui_Label = require('../index-a65b2d33.js');
 var ui_EmojiReactions = require('./EmojiReactions.js');
 var ui_AdminMessage = require('./AdminMessage.js');
 var ui_TextMessageItemBody = require('./TextMessageItemBody.js');
@@ -19,27 +19,26 @@ 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-a0186f0c.js');
-var UserProfileContext = require('../UserProfileContext-d3796c43.js');
-var LocalizationContext = require('../LocalizationContext-aceff142.js');
+var index = require('../index-1239773e.js');
+var UserProfileContext = require('../UserProfileContext-a96da78b.js');
+var LocalizationContext = require('../LocalizationContext-1655a716.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var useLongPress = require('../useLongPress-65a7820f.js');
+var useLongPress = require('../useLongPress-baac96a0.js');
 var ui_Icon = require('./Icon.js');
 var ui_BottomSheet = require('./BottomSheet.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_ReactionButton = require('./ReactionButton.js');
-var MediaQueryContext = require('../MediaQueryContext-4e0e5fa0.js');
+var MediaQueryContext = require('../MediaQueryContext-f7ffb064.js');
 var ui_ThreadReplies = require('./ThreadReplies.js');
-var _const = require('../const-3fa61e98.js');
-require('../index-05ae57d2.js');
-require('../uuid-41344041.js');
+var _const = require('../const-c45dcade.js');
+require('../index-dd8ad6c7.js');
+require('../uuid-bd85e729.js');
 require('prop-types');
-require('../withSendbird.js');
 require('../sendbirdSelectors.js');
-require('../topics-2e4c3ced.js');
-require('../utils-c9257c48.js');
+require('../topics-e4d4db3c.js');
+require('../utils-ce3a9e75.js');
 require('./Button.js');
-require('../stringSet-5be1fe6f.js');
+require('../stringSet-ff624701.js');
 require('./Loader.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('./IconButton.js');
@@ -52,8 +51,9 @@ require('./Word.js');
 require('./LinkLabel.js');
 require('./MentionLabel.js');
 require('./TextButton.js');
-require('../color-cd73928c.js');
-require('../index-016638d4.js');
+require('../color-c4b0c2fb.js');
+require('../withSendbird.js');
+require('../index-ba6b5a5d.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/MessageInput.js

@@ -1,21 +1,21 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-35f4fb95.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-af248340.js');
 var React = require('react');
 var server = require('react-dom/server');
 var PropTypes = require('prop-types');
-var _const$1 = require('../const-8d6360d6.js');
-var _const = require('../const-3fa61e98.js');
+var _const$1 = require('../const-1e64d58f.js');
+var _const = require('../const-c45dcade.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_Button = require('./Button.js');
 var ui_MentionUserLabel = require('./MentionUserLabel.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-b1236a45.js');
-var LocalizationContext = require('../LocalizationContext-aceff142.js');
-var index = require('../index-a0186f0c.js');
-require('../tslib.es6-dcbdfa23.js');
-require('../stringSet-5be1fe6f.js');
-require('../index-05ae57d2.js');
+var ui_Label = require('../index-a65b2d33.js');
+var LocalizationContext = require('../LocalizationContext-1655a716.js');
+var index = require('../index-1239773e.js');
+require('../tslib.es6-e3c88eb7.js');
+require('../stringSet-ff624701.js');
+require('../index-dd8ad6c7.js');
 require('../utils/message/getOutgoingMessageState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/MessageItemMenu.js

@@ -4,17 +4,17 @@ var React = require('react');
 var ui_ContextMenu = require('./ContextMenu.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var index = require('../index-a0186f0c.js');
-var LocalizationContext = require('../LocalizationContext-aceff142.js');
-require('../tslib.es6-dcbdfa23.js');
+var index = require('../index-1239773e.js');
+var LocalizationContext = require('../LocalizationContext-1655a716.js');
+require('../tslib.es6-e3c88eb7.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../uuid-41344041.js');
-require('../index-b1236a45.js');
+require('../uuid-bd85e729.js');
+require('../index-a65b2d33.js');
 require('prop-types');
-require('../stringSet-5be1fe6f.js');
+require('../stringSet-ff624701.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index-05ae57d2.js');
+require('../index-dd8ad6c7.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/MessageItemReactionMenu.js

@@ -6,14 +6,14 @@ var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_ReactionButton = require('./ReactionButton.js');
-var index = require('../index-a0186f0c.js');
-require('../tslib.es6-dcbdfa23.js');
+var index = require('../index-1239773e.js');
+require('../tslib.es6-e3c88eb7.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../uuid-41344041.js');
-require('../index-b1236a45.js');
+require('../uuid-bd85e729.js');
+require('../index-a65b2d33.js');
 require('prop-types');
-require('../stringSet-5be1fe6f.js');
+require('../stringSet-ff624701.js');
 require('../utils/message/getOutgoingMessageState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/MessageSearchFileItem.js

@@ -1,19 +1,19 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-dcbdfa23.js');
+var tslib_es6 = require('../tslib.es6-e3c88eb7.js');
 var React = require('react');
 var ui_Avatar = require('./Avatar.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-b1236a45.js');
-var LocalizationContext = require('../LocalizationContext-aceff142.js');
-var index$1 = require('../index-ee3dea46.js');
-var index = require('../index-bec99c28.js');
+var ui_Label = require('../index-a65b2d33.js');
+var LocalizationContext = require('../LocalizationContext-1655a716.js');
+var index$1 = require('../index-eba0d9f2.js');
+var index = require('../index-6bc23f6d.js');
 require('./ImageRenderer.js');
-require('../uuid-41344041.js');
+require('../uuid-bd85e729.js');
 require('prop-types');
-require('../stringSet-5be1fe6f.js');
-require('../index-05ae57d2.js');
-require('../index-7fbe9731.js');
+require('../stringSet-ff624701.js');
+require('../index-dd8ad6c7.js');
+require('../index-5e4396d3.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/MessageSearchItem.js

@@ -1,19 +1,19 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-dcbdfa23.js');
+var tslib_es6 = require('../tslib.es6-e3c88eb7.js');
 var React = require('react');
-var index$1 = require('../index-ee3dea46.js');
-var index = require('../index-bec99c28.js');
+var index$1 = require('../index-eba0d9f2.js');
+var index = require('../index-6bc23f6d.js');
 var ui_Avatar = require('./Avatar.js');
-var ui_Label = require('../index-b1236a45.js');
-var LocalizationContext = require('../LocalizationContext-aceff142.js');
-require('../index-05ae57d2.js');
-require('../index-7fbe9731.js');
+var ui_Label = require('../index-a65b2d33.js');
+var LocalizationContext = require('../LocalizationContext-1655a716.js');
+require('../index-dd8ad6c7.js');
+require('../index-5e4396d3.js');
 require('./ImageRenderer.js');
 require('./Icon.js');
 require('prop-types');
-require('../uuid-41344041.js');
-require('../stringSet-5be1fe6f.js');
+require('../uuid-bd85e729.js');
+require('../stringSet-ff624701.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/MessageStatus.js

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-dcbdfa23.js');
+var tslib_es6 = require('../tslib.es6-e3c88eb7.js');
 var React = require('react');
-var index$1 = require('../index-ee3dea46.js');
+var index$1 = require('../index-eba0d9f2.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-b1236a45.js');
+var ui_Label = require('../index-a65b2d33.js');
 var ui_Loader = require('./Loader.js');
-var index = require('../index-a0186f0c.js');
+var index = require('../index-1239773e.js');
 var utils_message_getOutgoingMessageState = require('../utils/message/getOutgoingMessageState.js');
-var LocalizationContext = require('../LocalizationContext-aceff142.js');
-require('../index-05ae57d2.js');
+var LocalizationContext = require('../LocalizationContext-1655a716.js');
+require('../index-dd8ad6c7.js');
 require('prop-types');
-require('../stringSet-5be1fe6f.js');
+require('../stringSet-ff624701.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -29,9 +29,7 @@ function MessageStatus(_a) {
       message = _a.message,
       channel = _a.channel;
   var dateLocale = LocalizationContext.useLocalization().dateLocale;
-  var status = React.useMemo(function () {
-    return utils_message_getOutgoingMessageState.getOutgoingMessageState(channel, message);
-  }, [channel, message]);
+  var status = utils_message_getOutgoingMessageState.getOutgoingMessageState(channel, message);
   var hideMessageStatusIcon = ((_d = channel === null || channel === void 0 ? void 0 : channel.isGroupChannel) === null || _d === void 0 ? void 0 : _d.call(channel)) && (channel.isSuper || channel.isPublic || channel.isBroadcast) && !(status === utils_message_getOutgoingMessageState.OutgoingMessageStates.PENDING || status === utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED);
   var iconType = (_b = {}, _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.SENT] = ui_Icon.IconTypes.DONE, _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.DELIVERED] = ui_Icon.IconTypes.DONE_ALL, _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.READ] = ui_Icon.IconTypes.DONE_ALL, _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED] = ui_Icon.IconTypes.ERROR, _b);
   var iconColor = (_c = {}, _c[utils_message_getOutgoingMessageState.OutgoingMessageStates.SENT] = ui_Icon.IconColors.SENT, _c[utils_message_getOutgoingMessageState.OutgoingMessageStates.DELIVERED] = ui_Icon.IconColors.SENT, _c[utils_message_getOutgoingMessageState.OutgoingMessageStates.READ] = ui_Icon.IconColors.READ, _c[utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED] = ui_Icon.IconColors.ERROR, _c);

package/cjs/ui/MessageStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageStatus.js","sources":["../../../src/ui/MessageStatus/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { useMemo } from 'react';\nimport format from 'date-fns/format';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Loader from '../Loader';\n\nimport { isSentStatus } from '../../utils';\nimport {\n  getOutgoingMessageState,\n  OutgoingMessageStates,\n} from '../../utils/exports/getOutgoingMessageState';\nimport { useLocalization } from '../../lib/LocalizationContext';\n\nexport const MessageStatusTypes = OutgoingMessageStates;\n\ninterface MessageStatusProps {\n  className?: string;\n  message: UserMessage | FileMessage;\n  channel: GroupChannel;\n}\n\nexport default function MessageStatus({\n  className,\n  message,\n  channel,\n}: MessageStatusProps): React.ReactElement {\n  const { dateLocale } = useLocalization();\n  const status = useMemo(() => (\n    getOutgoingMessageState(channel, message)\n  ), [channel, message]);\n  const hideMessageStatusIcon = channel?.isGroupChannel?.() && (\n    (channel.isSuper || channel.isPublic || channel.isBroadcast)\n    && !(status === OutgoingMessageStates.PENDING || status === OutgoingMessageStates.FAILED)\n  );\n  const iconType = {\n    [OutgoingMessageStates.SENT]: IconTypes.DONE,\n    [OutgoingMessageStates.DELIVERED]: IconTypes.DONE_ALL,\n    [OutgoingMessageStates.READ]: IconTypes.DONE_ALL,\n    [OutgoingMessageStates.FAILED]: IconTypes.ERROR,\n  };\n  const iconColor = {\n    [OutgoingMessageStates.SENT]: IconColors.SENT,\n    [OutgoingMessageStates.DELIVERED]: IconColors.SENT,\n    [OutgoingMessageStates.READ]: IconColors.READ,\n    [OutgoingMessageStates.FAILED]: IconColors.ERROR,\n  };\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-message-status',\n      ].join(' ')}\n    >\n      {(status === OutgoingMessageStates.PENDING) ? (\n        <Loader\n          className=\"sendbird-message-status__icon\"\n          width=\"16px\"\n          height=\"16px\"\n        >\n          <Icon\n            type={IconTypes.SPINNER}\n            fillColor={IconColors.PRIMARY}\n            width=\"16px\"\n            height=\"16px\"\n          />\n        </Loader>\n      ) : (\n        <Icon\n          className={`sendbird-message-status__icon ${hideMessageStatusIcon ? 'hide-icon' : ''} ${\n            status === OutgoingMessageStates.FAILED ? '' : 'sendbird-message-status--sent'\n          }`}\n          type={iconType[status] || IconTypes.ERROR}\n          fillColor={iconColor[status]}\n          width=\"16px\"\n          height=\"16px\"\n        />\n      )}\n      {isSentStatus(status) && (\n        <Label\n          className=\"sendbird-message-status__text\"\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  );\n}\n"],"names":["MessageStatusTypes","OutgoingMessageStates","MessageStatus","_a","className","message","channel","dateLocale","useLocalization","status","useMemo","getOutgoingMessageState","hideMessageStatusIcon","_d","isGroupChannel","call","isSuper","isPublic","isBroadcast","PENDING","FAILED","iconType","_b","SENT","IconTypes","DONE","DELIVERED","DONE_ALL","READ","ERROR","iconColor","_c","IconColors","React","__spreadArray","Array","isArray","join","Loader","Icon","SPINNER","PRIMARY","concat","isSentStatus","Label","LabelTypography","CAPTION_3","LabelColors","ONBACKGROUND_2","format","createdAt","locale"],"mappings":"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"}
+{"version":3,"file":"MessageStatus.js","sources":["../../../src/ui/MessageStatus/index.tsx"],"sourcesContent":["import './index.scss';\nimport React from 'react';\nimport format from 'date-fns/format';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Loader from '../Loader';\n\nimport { isSentStatus } from '../../utils';\nimport {\n  getOutgoingMessageState,\n  OutgoingMessageStates,\n} from '../../utils/exports/getOutgoingMessageState';\nimport { useLocalization } from '../../lib/LocalizationContext';\n\nexport const MessageStatusTypes = OutgoingMessageStates;\n\ninterface MessageStatusProps {\n  className?: string;\n  message: UserMessage | FileMessage;\n  channel: GroupChannel;\n}\n\nexport default function MessageStatus({\n  className,\n  message,\n  channel,\n}: MessageStatusProps): React.ReactElement {\n  const { dateLocale } = useLocalization();\n  const status = getOutgoingMessageState(channel, message);\n  const hideMessageStatusIcon = channel?.isGroupChannel?.() && (\n    (channel.isSuper || channel.isPublic || channel.isBroadcast)\n    && !(status === OutgoingMessageStates.PENDING || status === OutgoingMessageStates.FAILED)\n  );\n  const iconType = {\n    [OutgoingMessageStates.SENT]: IconTypes.DONE,\n    [OutgoingMessageStates.DELIVERED]: IconTypes.DONE_ALL,\n    [OutgoingMessageStates.READ]: IconTypes.DONE_ALL,\n    [OutgoingMessageStates.FAILED]: IconTypes.ERROR,\n  };\n  const iconColor = {\n    [OutgoingMessageStates.SENT]: IconColors.SENT,\n    [OutgoingMessageStates.DELIVERED]: IconColors.SENT,\n    [OutgoingMessageStates.READ]: IconColors.READ,\n    [OutgoingMessageStates.FAILED]: IconColors.ERROR,\n  };\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-message-status',\n      ].join(' ')}\n    >\n      {(status === OutgoingMessageStates.PENDING) ? (\n        <Loader\n          className=\"sendbird-message-status__icon\"\n          width=\"16px\"\n          height=\"16px\"\n        >\n          <Icon\n            type={IconTypes.SPINNER}\n            fillColor={IconColors.PRIMARY}\n            width=\"16px\"\n            height=\"16px\"\n          />\n        </Loader>\n      ) : (\n        <Icon\n          className={`sendbird-message-status__icon ${hideMessageStatusIcon ? 'hide-icon' : ''} ${\n            status === OutgoingMessageStates.FAILED ? '' : 'sendbird-message-status--sent'\n          }`}\n          type={iconType[status] || IconTypes.ERROR}\n          fillColor={iconColor[status]}\n          width=\"16px\"\n          height=\"16px\"\n        />\n      )}\n      {isSentStatus(status) && (\n        <Label\n          className=\"sendbird-message-status__text\"\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  );\n}\n"],"names":["MessageStatusTypes","OutgoingMessageStates","MessageStatus","_a","className","message","channel","dateLocale","useLocalization","status","getOutgoingMessageState","hideMessageStatusIcon","_d","isGroupChannel","call","isSuper","isPublic","isBroadcast","PENDING","FAILED","iconType","_b","SENT","IconTypes","DONE","DELIVERED","DONE_ALL","READ","ERROR","iconColor","_c","IconColors","React","__spreadArray","Array","isArray","join","Loader","Icon","SPINNER","PRIMARY","concat","isSentStatus","Label","LabelTypography","CAPTION_3","LabelColors","ONBACKGROUND_2","format","createdAt","locale"],"mappings":"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"}

package/cjs/ui/Modal.js

@@ -4,16 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var reactDom = require('react-dom');
-var index = require('../index-016638d4.js');
-var LocalizationContext = require('../LocalizationContext-aceff142.js');
+var index = require('../index-ba6b5a5d.js');
+var LocalizationContext = require('../LocalizationContext-1655a716.js');
 var ui_Button = require('./Button.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var ui_Label = require('../index-b1236a45.js');
-var MediaQueryContext = require('../MediaQueryContext-4e0e5fa0.js');
-require('../stringSet-5be1fe6f.js');
-require('../index-05ae57d2.js');
-require('../tslib.es6-dcbdfa23.js');
+var ui_Label = require('../index-a65b2d33.js');
+var MediaQueryContext = require('../MediaQueryContext-f7ffb064.js');
+require('../stringSet-ff624701.js');
+require('../index-dd8ad6c7.js');
+require('../tslib.es6-e3c88eb7.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/OGMessageItemBody.js

@@ -4,30 +4,30 @@ var React = require('react');
 var ui_Word = require('./Word.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-b1236a45.js');
-var uuid = require('../uuid-41344041.js');
-var index = require('../index-a0186f0c.js');
-var LocalizationContext = require('../LocalizationContext-aceff142.js');
+var ui_Label = require('../index-a65b2d33.js');
+var uuid = require('../uuid-bd85e729.js');
+var index = require('../index-1239773e.js');
+var LocalizationContext = require('../LocalizationContext-1655a716.js');
 require('./LinkLabel.js');
 require('prop-types');
 require('./MentionLabel.js');
 require('./ContextMenu.js');
-require('../tslib.es6-dcbdfa23.js');
+require('../tslib.es6-e3c88eb7.js');
 require('react-dom');
 require('./SortByRow.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../stringSet-5be1fe6f.js');
+require('../stringSet-ff624701.js');
 require('./UserProfile.js');
-require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-35f4fb95.js');
-require('../UserProfileContext-d3796c43.js');
+require('../UserProfileContext-a96da78b.js');
 require('../sendbirdSelectors.js');
-require('../topics-2e4c3ced.js');
-require('../utils-c9257c48.js');
+require('../topics-e4d4db3c.js');
+require('../utils-ce3a9e75.js');
 require('./Avatar.js');
 require('./Button.js');
-require('../index-05ae57d2.js');
 require('../useSendbirdStateContext.js');
+require('../withSendbird.js');
+require('../_rollupPluginBabelHelpers-af248340.js');
+require('../index-dd8ad6c7.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/OpenChannelAdminMessage.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-dcbdfa23.js');
+var tslib_es6 = require('../tslib.es6-e3c88eb7.js');
 var React = require('react');
-var ui_Label = require('../index-b1236a45.js');
+var ui_Label = require('../index-a65b2d33.js');
 require('prop-types');
-require('../stringSet-5be1fe6f.js');
+require('../stringSet-ff624701.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/OpenChannelAvatar.js

@@ -2,15 +2,15 @@
 
 var React = require('react');
 var ui_Avatar = require('./Avatar.js');
-var LocalizationContext = require('../LocalizationContext-aceff142.js');
-var utils = require('../utils-caddd0b9.js');
-require('../tslib.es6-dcbdfa23.js');
+var LocalizationContext = require('../LocalizationContext-1655a716.js');
+var utils = require('../utils-771a7cfd.js');
+require('../tslib.es6-e3c88eb7.js');
 require('./ImageRenderer.js');
 require('./Icon.js');
 require('prop-types');
-require('../uuid-41344041.js');
-require('../stringSet-5be1fe6f.js');
-require('../index-05ae57d2.js');
+require('../uuid-bd85e729.js');
+require('../stringSet-ff624701.js');
+require('../index-dd8ad6c7.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/OpenchannelConversationHeader.js

@@ -4,14 +4,14 @@ var React = require('react');
 var ui_Avatar = require('./Avatar.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var ui_Label = require('../index-b1236a45.js');
-var LocalizationContext = require('../LocalizationContext-aceff142.js');
-require('../tslib.es6-dcbdfa23.js');
+var ui_Label = require('../index-a65b2d33.js');
+var LocalizationContext = require('../LocalizationContext-1655a716.js');
+require('../tslib.es6-e3c88eb7.js');
 require('./ImageRenderer.js');
-require('../uuid-41344041.js');
+require('../uuid-bd85e729.js');
 require('prop-types');
-require('../stringSet-5be1fe6f.js');
-require('../index-05ae57d2.js');
+require('../stringSet-ff624701.js');
+require('../index-dd8ad6c7.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }