@sendbird/uikit-react 3.4.0 → 3.4.1

package/cjs/Channel/components/UnreadCount.js

@@ -1,34 +1,31 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-a60a75a7.js');
-var ui_Label = require('../../index-e97ad39a.js');
+var LocalizationContext = require('../../LocalizationContext-2b7cabce.js');
+var ui_Label = require('../../index-8ebb9a4f.js');
 var ui_Icon = require('../../ui/Icon.js');
-require('../../stringSet-4ee01b87.js');
-require('../../index-987764bd.js');
+require('../../stringSet-b5fd0b8e.js');
+require('../../index-fed2e7d2.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var UnreadCount = function (props) {
-  var _a, _b;
+var UnreadCount = function (_a) {
+  var _b, _c;
 
-  var count = props.count,
-      _c = props.time,
-      time = _c === void 0 ? '' : _c,
-      onClick = props.onClick;
+  var _d = _a.className,
+      className = _d === void 0 ? '' : _d,
+      count = _a.count,
+      _e = _a.time,
+      time = _e === void 0 ? '' : _e,
+      onClick = _a.onClick;
   var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-  var timeArray = ((_b = (_a = time === null || time === void 0 ? void 0 : time.toString) === null || _a === void 0 ? void 0 : _a.call(time)) === null || _b === void 0 ? void 0 : _b.split(' ')) || [];
+  var timeArray = ((_c = (_b = time === null || time === void 0 ? void 0 : time.toString) === null || _b === void 0 ? void 0 : _b.call(time)) === null || _c === void 0 ? void 0 : _c.split(' ')) || [];
   timeArray === null || timeArray === void 0 ? void 0 : timeArray.splice(-2, 0, stringSet.CHANNEL__MESSAGE_LIST__NOTIFICATION__ON);
-
-  if (count < 1) {
-    return;
-  }
-
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-notification",
+    className: "sendbird-notification".concat(count < 1 ? '--hide' : '', " ").concat(className),
     onClick: onClick
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-notification__text",

package/cjs/Channel/components/UnreadCount.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnreadCount.js","sources":["../../../../src/smart-components/Channel/components/UnreadCount/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport './unread-count.scss';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\n\nexport interface UnreadCountProps {\n  count: number;\n  time: string;\n  onClick(): void;\n}\n\nconst UnreadCount: React.FC<UnreadCountProps> = (props: UnreadCountProps) => {\n  const {\n    count,\n    time = '',\n    onClick,\n  } = props;\n\n  const { stringSet } = useContext(LocalizationContext);\n  const timeArray = time?.toString?.()?.split(' ') || [];\n  timeArray?.splice(-2, 0, stringSet.CHANNEL__MESSAGE_LIST__NOTIFICATION__ON);\n\n  if (count < 1) {\n    return;\n  }\n\n  return (\n    <div className=\"sendbird-notification\" onClick={onClick}>\n      <Label className=\"sendbird-notification__text\" color={LabelColors.ONCONTENT_1} type={LabelTypography.CAPTION_2}>\n        {`${count} `}\n        {stringSet.CHANNEL__MESSAGE_LIST__NOTIFICATION__NEW_MESSAGE}\n        {` ${timeArray.join(' ')}`}\n      </Label>\n      <Icon\n        width=\"24px\"\n        height=\"24px\"\n        type={IconTypes.CHEVRON_DOWN}\n        fillColor={IconColors.CONTENT}\n      />\n    </div>\n  );\n}\n\nexport default UnreadCount;\n"],"names":["UnreadCount","props","count","_c","time","onClick","stringSet","useContext","LocalizationContext","timeArray","_b","toString","_a","call","split","splice","CHANNEL__MESSAGE_LIST__NOTIFICATION__ON","React","Label","LabelColors","ONCONTENT_1","LabelTypography","CAPTION_2","concat","CHANNEL__MESSAGE_LIST__NOTIFICATION__NEW_MESSAGE","join","Icon","IconTypes","CHEVRON_DOWN","IconColors","CONTENT"],"mappings":";;;;;;;;;;;;;;AAaA,IAAMA,WAAW,GAA+B,UAACC,KAAD,EAAwB;;;AAEpE,EAAA,IAAAC,KAAK,GAGHD,KAAK,MAHP;AAAA,MACAE,EAAA,GAEEF,KAAK,CAFEG,IADT;MACAA,IAAI,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAKA,EADT;AAAA,MAEAE,OAAO,GACLJ,KAAK,QAHP,CAAA;AAKM,EAAA,IAAAK,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd,CAAA;EACR,IAAMC,SAAS,GAAG,CAAA,CAAAC,EAAA,GAAA,MAAAN,IAAI,KAAA,IAAJ,IAAAA,IAAI,KAAJ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,IAAI,CAAEO,QAAN,MAAc,IAAd,IAAcC,EAAA,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAcA,EAAA,CAAAC,IAAA,CAAAT,IAAA,CAAd,UAAA,iBAAA,SAAA,MAAoBU,MAAM,IAA1B,KAAkC,EAApD,CAAA;EACAL,SAAS,SAAT,IAAAA,SAAS,KAAA,KAAA,CAAT,GAAS,KAAA,CAAT,GAAAA,SAAS,CAAEM,MAAX,CAAkB,CAAC,CAAnB,EAAsB,CAAtB,EAAyBT,SAAS,CAACU,uCAAnC,CAAA,CAAA;;EAEA,IAAId,KAAK,GAAG,CAAZ,EAAe;AACb,IAAA,OAAA;AACD,GAAA;;EAED,oBACEe,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,uBAAf;AAAuC,IAAA,OAAO,EAAEZ,OAAAA;AAAhD,GAAA,eACEY,wCAACC,cAAD,EAAA;AAAO,IAAA,SAAS,EAAC,6BAAjB;IAA+C,KAAK,EAAEC,oBAAW,CAACC,WAAlE;IAA+E,IAAI,EAAEC,wBAAe,CAACC,SAAAA;GAClG,EAAA,EAAA,CAAAC,MAAA,CAAGrB,KAAH,EAAQ,GAAR,CADH,EAEGI,SAAS,CAACkB,gDAFb,EAGG,IAAAD,MAAA,CAAId,SAAS,CAACgB,IAAV,CAAe,GAAf,CAAJ,CAHH,CADF,eAMER,yBAAA,CAAA,aAAA,CAACS,kBAAD,EAAA;AACE,IAAA,KAAK,EAAC,MADR;AAEE,IAAA,MAAM,EAAC,MAFT;IAGE,IAAI,EAAEC,iBAAS,CAACC,YAHlB;IAIE,SAAS,EAAEC,kBAAU,CAACC,OAAAA;AAJxB,GAAA,CANF,CADF,CAAA;AAeD;;;;"}
+{"version":3,"file":"UnreadCount.js","sources":["../../../../src/smart-components/Channel/components/UnreadCount/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport './unread-count.scss';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\n\nexport interface UnreadCountProps {\n  className?: string;\n  count: number;\n  time: string;\n  onClick(): void;\n}\n\nconst UnreadCount: React.FC<UnreadCountProps> = ({\n  className = '',\n  count,\n  time = '',\n  onClick,\n}: UnreadCountProps) => {\n  const { stringSet } = useContext(LocalizationContext);\n  const timeArray = time?.toString?.()?.split(' ') || [];\n  timeArray?.splice(-2, 0, stringSet.CHANNEL__MESSAGE_LIST__NOTIFICATION__ON);\n\n  return (\n    <div\n      className={`sendbird-notification${count < 1 ? '--hide' : ''} ${className}`}\n      onClick={onClick}\n    >\n      <Label className=\"sendbird-notification__text\" color={LabelColors.ONCONTENT_1} type={LabelTypography.CAPTION_2}>\n        {`${count} `}\n        {stringSet.CHANNEL__MESSAGE_LIST__NOTIFICATION__NEW_MESSAGE}\n        {` ${timeArray.join(' ')}`}\n      </Label>\n      <Icon\n        width=\"24px\"\n        height=\"24px\"\n        type={IconTypes.CHEVRON_DOWN}\n        fillColor={IconColors.CONTENT}\n      />\n    </div>\n  );\n}\n\nexport default UnreadCount;\n"],"names":["UnreadCount","_a","_d","className","count","_e","time","onClick","stringSet","useContext","LocalizationContext","timeArray","_c","toString","_b","call","split","splice","CHANNEL__MESSAGE_LIST__NOTIFICATION__ON","React","concat","Label","LabelColors","ONCONTENT_1","LabelTypography","CAPTION_2","CHANNEL__MESSAGE_LIST__NOTIFICATION__NEW_MESSAGE","join","Icon","IconTypes","CHEVRON_DOWN","IconColors","CONTENT"],"mappings":";;;;;;;;;;;;;;AAcA,IAAMA,WAAW,GAA+B,UAACC,EAAD,EAK7B;;;AAJjB,EAAA,IAAAC,EAAA,GAAAD,EAAA,CAAAE,SAAA;MAAAA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAKA,EAAd;AAAA,MACAE,KAAK,GAAAH,EAAA,CAAAG,KADL;AAAA,MAEAC,EAAA,GAAAJ,EAAA,CAAAK,IAFA;MAEAA,IAAI,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAKA,EAFT;AAAA,MAGAE,OAAO,GAAAN,EAAA,CAAAM,OAHP,CAAA;AAKQ,EAAA,IAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd,CAAA;EACR,IAAMC,SAAS,GAAG,CAAA,CAAAC,EAAA,GAAA,MAAAN,IAAI,KAAA,IAAJ,IAAAA,IAAI,KAAJ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,IAAI,CAAEO,QAAN,MAAc,IAAd,IAAcC,EAAA,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAcA,EAAA,CAAAC,IAAA,CAAAT,IAAA,CAAd,UAAA,iBAAA,SAAA,MAAoBU,MAAM,IAA1B,KAAkC,EAApD,CAAA;EACAL,SAAS,SAAT,IAAAA,SAAS,KAAA,KAAA,CAAT,GAAS,KAAA,CAAT,GAAAA,SAAS,CAAEM,MAAX,CAAkB,CAAC,CAAnB,EAAsB,CAAtB,EAAyBT,SAAS,CAACU,uCAAnC,CAAA,CAAA;EAEA,oBACEC,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAE,uBAAAC,CAAAA,MAAA,CAAwBhB,KAAK,GAAG,CAAR,GAAY,QAAZ,GAAuB,EAA/C,EAAiD,GAAjD,EAAiDgB,MAAjD,CAAqDjB,SAArD,CADb;AAEE,IAAA,OAAO,EAAEI,OAAAA;AAFX,GAAA,eAIEY,wCAACE,cAAD,EAAA;AAAO,IAAA,SAAS,EAAC,6BAAjB;IAA+C,KAAK,EAAEC,oBAAW,CAACC,WAAlE;IAA+E,IAAI,EAAEC,wBAAe,CAACC,SAAAA;GAClG,EAAA,EAAA,CAAAL,MAAA,CAAGhB,KAAH,EAAQ,GAAR,CADH,EAEGI,SAAS,CAACkB,gDAFb,EAGG,IAAAN,MAAA,CAAIT,SAAS,CAACgB,IAAV,CAAe,GAAf,CAAJ,CAHH,CAJF,eASER,yBAAA,CAAA,aAAA,CAACS,kBAAD,EAAA;AACE,IAAA,KAAK,EAAC,MADR;AAEE,IAAA,MAAM,EAAC,MAFT;IAGE,IAAI,EAAEC,iBAAS,CAACC,YAHlB;IAIE,SAAS,EAAEC,kBAAU,CAACC,OAAAA;AAJxB,GAAA,CATF,CADF,CAAA;AAkBD;;;;"}

package/cjs/Channel/context.js

@@ -3,32 +3,32 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-require('../UserProfileContext-2ec6891e.js');
+require('../UserProfileContext-eb29f213.js');
 require('../useSendbirdStateContext.js');
-var Channel_context = require('../ChannelProvider-d207316d.js');
+var Channel_context = require('../ChannelProvider-439bf142.js');
 require('prop-types');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-24f49f41.js');
-require('../index-7f8189a8.js');
-require('../index-987764bd.js');
-require('../topics-022da857.js');
-require('../index-c65779c7.js');
-require('../tslib.es6-e6498d62.js');
+require('../_rollupPluginBabelHelpers-1fe24c6a.js');
+require('../index-bd9302c1.js');
+require('../index-fed2e7d2.js');
+require('../topics-96919a2d.js');
+require('../index-7ee909f2.js');
+require('../tslib.es6-c82f2d66.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../compareIds-b3e3cffc.js');
-require('../const-d6a997ec.js');
+require('../compareIds-3a5e98ac.js');
+require('../const-61e48909.js');
 require('@sendbird/chat/groupChannel');
-require('../uuid-74ed3d6f.js');
+require('../uuid-761f81d7.js');
 require('@sendbird/chat/message');
 require('../ui/ContextMenu.js');
 require('react-dom');
 require('../ui/SortByRow.js');
-require('../index-e97ad39a.js');
-require('../stringSet-4ee01b87.js');
+require('../index-8ebb9a4f.js');
+require('../stringSet-b5fd0b8e.js');
 require('../ui/ReactionButton.js');
 require('../ui/ImageRenderer.js');
 require('../ui/Icon.js');
-require('../consts-47e4d487.js');
+require('../consts-588c44a5.js');
 
 
 

package/cjs/Channel.js

@@ -1,55 +1,54 @@
 'use strict';
 
 var React = require('react');
-var Channel_context = require('./ChannelProvider-d207316d.js');
+var Channel_context = require('./ChannelProvider-439bf142.js');
 var Channel_components_ChannelUI = require('./Channel/components/ChannelUI.js');
-require('./UserProfileContext-2ec6891e.js');
+require('./UserProfileContext-eb29f213.js');
 require('prop-types');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-24f49f41.js');
-require('./index-7f8189a8.js');
-require('./index-987764bd.js');
-require('./topics-022da857.js');
-require('./index-c65779c7.js');
-require('./tslib.es6-e6498d62.js');
+require('./_rollupPluginBabelHelpers-1fe24c6a.js');
+require('./index-bd9302c1.js');
+require('./index-fed2e7d2.js');
+require('./topics-96919a2d.js');
+require('./index-7ee909f2.js');
+require('./tslib.es6-c82f2d66.js');
 require('./utils/message/getOutgoingMessageState.js');
-require('./compareIds-b3e3cffc.js');
-require('./const-d6a997ec.js');
+require('./compareIds-3a5e98ac.js');
+require('./const-61e48909.js');
 require('@sendbird/chat/groupChannel');
-require('./uuid-74ed3d6f.js');
+require('./uuid-761f81d7.js');
 require('@sendbird/chat/message');
 require('./ui/ContextMenu.js');
 require('react-dom');
 require('./ui/SortByRow.js');
-require('./index-e97ad39a.js');
-require('./stringSet-4ee01b87.js');
+require('./index-8ebb9a4f.js');
+require('./stringSet-b5fd0b8e.js');
 require('./ui/ReactionButton.js');
 require('./ui/ImageRenderer.js');
 require('./ui/Icon.js');
-require('./consts-47e4d487.js');
-require('./index-dbe73222.js');
-require('./LocalizationContext-a60a75a7.js');
+require('./consts-588c44a5.js');
+require('./index-6704cf0a.js');
+require('./LocalizationContext-2b7cabce.js');
 require('./ui/Loader.js');
 require('./ui/ConnectionStatus.js');
 require('./Channel/components/ChannelHeader.js');
-require('./utils-642928b9.js');
+require('./utils-45a3202f.js');
 require('./ui/IconButton.js');
 require('./ui/ChannelAvatar.js');
 require('./ui/Avatar.js');
-require('./utils-37fca8a6.js');
-require('./MediaQueryContext-5d0a1ebc.js');
-require('./utils-c95c0536.js');
+require('./utils-4aee7d6b.js');
+require('./MediaQueryContext-6aaaad96.js');
+require('./utils-bdefdab4.js');
 require('./Channel/components/MessageList.js');
-require('./index-c77b4d21.js');
 require('./Channel/components/Message.js');
 require('./Channel/components/SuggestedMentionList.js');
-require('./const-21424d05.js');
-require('./ThreadProvider-66fcc519.js');
+require('./const-5debbfef.js');
+require('./ThreadProvider-4e2f082a.js');
 require('./Thread/context/types.js');
 require('@sendbird/chat');
 require('./ui/DateSeparator.js');
-require('./color-7144c59e.js');
+require('./color-6a2b057a.js');
 require('./ui/MessageInput.js');
 require('react-dom/server');
 require('./ui/Button.js');
@@ -57,10 +56,11 @@ require('./ui/MentionUserLabel.js');
 require('./ui/MessageContent.js');
 require('./ui/UserProfile.js');
 require('./sendbirdSelectors.js');
-require('./index-a1b754e9.js');
-require('./index-a3f2fc1e.js');
+require('./index-da2fb7d0.js');
+require('./index-619bfacc.js');
+require('./index-8a000ef2.js');
 require('./ui/MessageItemMenu.js');
-require('./types-aeca242a.js');
+require('./types-52f1dee2.js');
 require('./ui/MessageItemReactionMenu.js');
 require('./ui/EmojiReactions.js');
 require('./ui/Tooltip.js');
@@ -77,28 +77,28 @@ require('./ui/ThumbnailMessageItemBody.js');
 require('./ui/OGMessageItemBody.js');
 require('./ui/UnknownMessageItemBody.js');
 require('./ui/QuoteMessage.js');
-require('./useLongPress-322218d9.js');
+require('./useLongPress-9d9e9ecd.js');
 require('./ui/BottomSheet.js');
-require('./index-4678a454.js');
+require('./index-4806f5ef.js');
 require('./ui/ThreadReplies.js');
 require('./ui/VoiceMessageItemBody.js');
 require('./ui/ProgressBar.js');
 require('./VoicePlayer/useVoicePlayer.js');
-require('./index-4c8c854d.js');
+require('./index-d5c4102b.js');
 require('./VoiceRecorder/context.js');
 require('./lame.all.js');
 require('./ui/PlaybackTime.js');
 require('./Channel/components/FileViewer.js');
 require('./Channel/components/RemoveMessageModal.js');
 require('./ui/Modal.js');
-require('./Channel/components/TypingIndicator.js');
-require('./Channel/components/FrozenNotification.js');
 require('./Channel/components/UnreadCount.js');
+require('./Channel/components/FrozenNotification.js');
+require('./Channel/components/TypingIndicator.js');
 require('./Channel/components/MessageInput.js');
 require('./ui/QuoteMessageInput.js');
-require('./VoiceMessageInputWrapper-289e18f6.js');
+require('./VoiceMessageInputWrapper-3a1375a3.js');
 require('./VoiceRecorder/useVoiceRecorder.js');
-require('./index-31f28d2f.js');
+require('./index-61486923.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ChannelList/components/AddChannel.js

@@ -7,39 +7,39 @@ var ui_IconButton = require('../../ui/IconButton.js');
 var ui_Icon = require('../../ui/Icon.js');
 var CreateChannel = require('../../CreateChannel.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var ChannelList_context = require('../../ChannelListProvider-c2da1fdd.js');
-require('../../tslib.es6-e6498d62.js');
+var ChannelList_context = require('../../ChannelListProvider-d1db4776.js');
+require('../../tslib.es6-c82f2d66.js');
 require('prop-types');
 require('../../CreateChannel/components/CreateChannelUI.js');
-require('../../CreateChannelProvider-02349744.js');
+require('../../CreateChannelProvider-3a94aa9f.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-022da857.js');
-require('../../utils-c95c0536.js');
+require('../../topics-96919a2d.js');
+require('../../utils-bdefdab4.js');
 require('../../CreateChannel/components/InviteUsers.js');
-require('../../LocalizationContext-a60a75a7.js');
-require('../../stringSet-4ee01b87.js');
-require('../../index-987764bd.js');
+require('../../LocalizationContext-2b7cabce.js');
+require('../../stringSet-b5fd0b8e.js');
+require('../../index-fed2e7d2.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-4678a454.js');
+require('../../index-4806f5ef.js');
 require('../../ui/Button.js');
-require('../../index-e97ad39a.js');
-require('../../MediaQueryContext-5d0a1ebc.js');
+require('../../index-8ebb9a4f.js');
+require('../../MediaQueryContext-6aaaad96.js');
 require('../../ui/UserListItem.js');
-require('../../UserProfileContext-2ec6891e.js');
+require('../../UserProfileContext-eb29f213.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-74ed3d6f.js');
+require('../../uuid-761f81d7.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
-require('../../index-c65779c7.js');
+require('../../index-7ee909f2.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../CreateChannel/components/SelectChannelType.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-24f49f41.js');
+require('../../_rollupPluginBabelHelpers-1fe24c6a.js');
 require('@sendbird/chat/groupChannel');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -56,7 +56,11 @@ var AddChannel = function () {
   var state = useSendbirdStateContext();
   var isOnline = (_a = state === null || state === void 0 ? void 0 : state.config) === null || _a === void 0 ? void 0 : _a.isOnline;
   var disabled = !isOnline;
-  var overrideInviteUser = ChannelList_context.useChannelListContext().overrideInviteUser;
+
+  var _c = ChannelList_context.useChannelListContext(),
+      overrideInviteUser = _c.overrideInviteUser,
+      onBeforeCreateChannel = _c.onBeforeCreateChannel;
+
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
     height: "32px",
     width: "32px",
@@ -76,7 +80,8 @@ var AddChannel = function () {
     overrideInviteUser: overrideInviteUser,
     onCreateChannel: function () {
       setShowModal(false);
-    }
+    },
+    onBeforeCreateChannel: onBeforeCreateChannel
   }));
 };
 

package/cjs/ChannelList/components/AddChannel.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddChannel.js","sources":["../../../../src/smart-components/ChannelList/components/AddChannel/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\n\nimport CreateChannel from '../../../CreateChannel';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\n\nexport const AddChannel: React.VoidFunctionComponent = () => {\n  const [showModal, setShowModal] = useState(false);\n  const state = useSendbirdStateContext();\n  const isOnline = state?.config?.isOnline;\n  const disabled = !isOnline;\n  const { overrideInviteUser } = useChannelListContext();\n\n  return (\n    <>\n      <IconButton\n        height=\"32px\"\n        width=\"32px\"\n        onClick={() => {\n          setShowModal(true);\n        }}\n        disabled={disabled}\n      >\n        <Icon\n          type={IconTypes.CREATE}\n          fillColor={IconColors.PRIMARY}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </IconButton>\n      {\n        showModal && (\n          <CreateChannel\n            onCancel={() => {\n              setShowModal(false);\n            }}\n            overrideInviteUser={overrideInviteUser}\n            onCreateChannel={() => {\n              setShowModal(false);\n            }}\n          />\n        )\n      }\n    </>\n  );\n}\n\nexport default AddChannel;\n"],"names":["AddChannel","_b","useState","showModal","setShowModal","state","useSendbirdStateContext","isOnline","_a","config","disabled","overrideInviteUser","useChannelListContext","React","IconButton","Icon","IconTypes","CREATE","IconColors","PRIMARY"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,IAAMA,UAAU,GAAgC,YAAA;;;AAC/C,EAAA,IAAAC,EAAA,GAA4BC,cAAQ,CAAC,KAAD,CAApC;AAAA,MAACC,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAV;AAAA,MAAYG,YAAY,GAAAH,EAAA,CAAA,CAAA,CAAxB,CAAA;;EACN,IAAMI,KAAK,GAAGC,uBAAuB,EAArC,CAAA;AACA,EAAA,IAAMC,QAAQ,GAAG,CAAAC,EAAA,GAAAH,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEI,MAAP,MAAe,IAAf,IAAeD,EAAA,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAeA,EAAA,CAAAD,QAAhC,CAAA;EACA,IAAMG,QAAQ,GAAG,CAACH,QAAlB,CAAA;AACQ,EAAA,IAAAI,kBAAkB,GAAKC,yCAAqB,EAAA,mBAA5C,CAAA;EAER,oBACEC,yBAAA,CAAA,aAAA,CAAAA,yBAAA,CAAA,QAAA,EAAA,IAAA,eACEA,wCAACC,aAAD,EAAA;AACE,IAAA,MAAM,EAAC,MADT;AAEE,IAAA,KAAK,EAAC,MAFR;AAGE,IAAA,OAAO,EAAE,YAAA;MACPV,YAAY,CAAC,IAAD,CAAZ,CAAA;KAJJ;AAME,IAAA,QAAQ,EAAEM,QAAAA;AANZ,GAAA,eAQEG,wCAACE,kBAAD,EAAA;IACE,IAAI,EAAEC,iBAAS,CAACC,MADlB;IAEE,SAAS,EAAEC,kBAAU,CAACC,OAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC,MAAA;AAJT,GAAA,CARF,CADF,EAiBIhB,SAAS,iBACPU,wCAAC,aAAD,EAAA;AACE,IAAA,QAAQ,EAAE,YAAA;MACRT,YAAY,CAAC,KAAD,CAAZ,CAAA;KAFJ;AAIE,IAAA,kBAAkB,EAAEO,kBAJtB;AAKE,IAAA,eAAe,EAAE,YAAA;MACfP,YAAY,CAAC,KAAD,CAAZ,CAAA;AACD,KAAA;AAPH,GAAA,CAlBN,CADF,CAAA;AAgCD;;;;;"}
+{"version":3,"file":"AddChannel.js","sources":["../../../../src/smart-components/ChannelList/components/AddChannel/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\n\nimport CreateChannel from '../../../CreateChannel';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelListContext } from '../../context/ChannelListProvider';\n\nexport const AddChannel: React.VoidFunctionComponent = () => {\n  const [showModal, setShowModal] = useState(false);\n  const state = useSendbirdStateContext();\n  const isOnline = state?.config?.isOnline;\n  const disabled = !isOnline;\n  const {\n    overrideInviteUser,\n    onBeforeCreateChannel,\n  } = useChannelListContext();\n\n  return (\n    <>\n      <IconButton\n        height=\"32px\"\n        width=\"32px\"\n        onClick={() => {\n          setShowModal(true);\n        }}\n        disabled={disabled}\n      >\n        <Icon\n          type={IconTypes.CREATE}\n          fillColor={IconColors.PRIMARY}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </IconButton>\n      {\n        showModal && (\n          <CreateChannel\n            onCancel={() => {\n              setShowModal(false);\n            }}\n            overrideInviteUser={overrideInviteUser}\n            onCreateChannel={() => {\n              setShowModal(false);\n            }}\n            onBeforeCreateChannel={onBeforeCreateChannel}\n          />\n        )\n      }\n    </>\n  );\n}\n\nexport default AddChannel;\n"],"names":["AddChannel","_b","useState","showModal","setShowModal","state","useSendbirdStateContext","isOnline","_a","config","disabled","_c","useChannelListContext","overrideInviteUser","onBeforeCreateChannel","React","IconButton","Icon","IconTypes","CREATE","IconColors","PRIMARY"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,IAAMA,UAAU,GAAgC,YAAA;;;AAC/C,EAAA,IAAAC,EAAA,GAA4BC,cAAQ,CAAC,KAAD,CAApC;AAAA,MAACC,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAV;AAAA,MAAYG,YAAY,GAAAH,EAAA,CAAA,CAAA,CAAxB,CAAA;;EACN,IAAMI,KAAK,GAAGC,uBAAuB,EAArC,CAAA;AACA,EAAA,IAAMC,QAAQ,GAAG,CAAAC,EAAA,GAAAH,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEI,MAAP,MAAe,IAAf,IAAeD,EAAA,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAeA,EAAA,CAAAD,QAAhC,CAAA;EACA,IAAMG,QAAQ,GAAG,CAACH,QAAlB,CAAA;;EACM,IAAAI,EAAA,GAGFC,yCAAqB,EAHnB;AAAA,MACJC,kBAAkB,GAAAF,EAAA,CAAAE,kBADd;AAAA,MAEJC,qBAAqB,GAAAH,EAAA,CAAAG,qBAFjB,CAAA;;EAKN,oBACEC,yBAAA,CAAA,aAAA,CAAAA,yBAAA,CAAA,QAAA,EAAA,IAAA,eACEA,wCAACC,aAAD,EAAA;AACE,IAAA,MAAM,EAAC,MADT;AAEE,IAAA,KAAK,EAAC,MAFR;AAGE,IAAA,OAAO,EAAE,YAAA;MACPZ,YAAY,CAAC,IAAD,CAAZ,CAAA;KAJJ;AAME,IAAA,QAAQ,EAAEM,QAAAA;AANZ,GAAA,eAQEK,wCAACE,kBAAD,EAAA;IACE,IAAI,EAAEC,iBAAS,CAACC,MADlB;IAEE,SAAS,EAAEC,kBAAU,CAACC,OAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC,MAAA;AAJT,GAAA,CARF,CADF,EAiBIlB,SAAS,iBACPY,wCAAC,aAAD,EAAA;AACE,IAAA,QAAQ,EAAE,YAAA;MACRX,YAAY,CAAC,KAAD,CAAZ,CAAA;KAFJ;AAIE,IAAA,kBAAkB,EAAES,kBAJtB;AAKE,IAAA,eAAe,EAAE,YAAA;MACfT,YAAY,CAAC,KAAD,CAAZ,CAAA;KANJ;AAQE,IAAA,qBAAqB,EAAEU,qBAAAA;AARzB,GAAA,CAlBN,CADF,CAAA;AAiCD;;;;;"}

package/cjs/ChannelList/components/ChannelListHeader.js

@@ -1,19 +1,19 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-a60a75a7.js');
+var LocalizationContext = require('../../LocalizationContext-2b7cabce.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var ui_Label = require('../../index-e97ad39a.js');
+var ui_Label = require('../../index-8ebb9a4f.js');
 var ui_Avatar = require('../../ui/Avatar.js');
-require('../../stringSet-4ee01b87.js');
-require('../../index-987764bd.js');
+require('../../stringSet-b5fd0b8e.js');
+require('../../index-fed2e7d2.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-24f49f41.js');
+require('../../_rollupPluginBabelHelpers-1fe24c6a.js');
 require('prop-types');
-require('../../tslib.es6-e6498d62.js');
+require('../../tslib.es6-c82f2d66.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
-require('../../uuid-74ed3d6f.js');
+require('../../uuid-761f81d7.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ChannelList/components/ChannelListUI.js

@@ -5,68 +5,68 @@ var ChannelList_components_ChannelListHeader = require('./ChannelListHeader.js')
 var ChannelList_components_AddChannel = require('./AddChannel.js');
 var ChannelList_components_ChannelPreview = require('./ChannelPreview.js');
 var ChannelList_components_ChannelPreviewAction = require('./ChannelPreviewAction.js');
-var ChannelList_context = require('../../ChannelListProvider-c2da1fdd.js');
+var ChannelList_context = require('../../ChannelListProvider-d1db4776.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var EditUserProfile = require('../../EditUserProfile.js');
-var ui_PlaceHolder = require('../../index-dbe73222.js');
-require('../../LocalizationContext-a60a75a7.js');
-require('../../stringSet-4ee01b87.js');
-require('../../index-987764bd.js');
-require('../../index-e97ad39a.js');
+var ui_PlaceHolder = require('../../index-6704cf0a.js');
+require('../../LocalizationContext-2b7cabce.js');
+require('../../stringSet-b5fd0b8e.js');
+require('../../index-fed2e7d2.js');
+require('../../index-8ebb9a4f.js');
 require('prop-types');
 require('../../ui/Avatar.js');
-require('../../tslib.es6-e6498d62.js');
+require('../../tslib.es6-c82f2d66.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
-require('../../uuid-74ed3d6f.js');
+require('../../uuid-761f81d7.js');
 require('../../ui/IconButton.js');
 require('../../CreateChannel.js');
 require('../../CreateChannel/components/CreateChannelUI.js');
-require('../../CreateChannelProvider-02349744.js');
+require('../../CreateChannelProvider-3a94aa9f.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-022da857.js');
-require('../../utils-c95c0536.js');
+require('../../topics-96919a2d.js');
+require('../../utils-bdefdab4.js');
 require('../../CreateChannel/components/InviteUsers.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-4678a454.js');
+require('../../index-4806f5ef.js');
 require('../../ui/Button.js');
-require('../../MediaQueryContext-5d0a1ebc.js');
+require('../../MediaQueryContext-6aaaad96.js');
 require('../../ui/UserListItem.js');
-require('../../UserProfileContext-2ec6891e.js');
+require('../../UserProfileContext-eb29f213.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
-require('../../index-c65779c7.js');
+require('../../index-7ee909f2.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../CreateChannel/components/SelectChannelType.js');
-require('../../_rollupPluginBabelHelpers-24f49f41.js');
+require('../../_rollupPluginBabelHelpers-1fe24c6a.js');
 require('../../ui/ChannelAvatar.js');
-require('../../utils-37fca8a6.js');
+require('../../utils-4aee7d6b.js');
 require('../../ui/Badge.js');
-require('../../index-a1b754e9.js');
-require('../../index-7f8189a8.js');
+require('../../index-da2fb7d0.js');
+require('../../index-bd9302c1.js');
 require('../../ui/Loader.js');
-require('../../index-a3f2fc1e.js');
-require('../../index-c77b4d21.js');
+require('../../index-619bfacc.js');
+require('../../index-8a000ef2.js');
 require('../../ui/MentionUserLabel.js');
 require('../../ui/TextButton.js');
-require('../../color-7144c59e.js');
+require('../../color-6a2b057a.js');
 require('../../Channel/components/TypingIndicator.js');
 require('@sendbird/chat/groupChannel');
-require('../../ChannelProvider-d207316d.js');
-require('../../compareIds-b3e3cffc.js');
-require('../../const-d6a997ec.js');
+require('../../ChannelProvider-439bf142.js');
+require('../../compareIds-3a5e98ac.js');
+require('../../const-61e48909.js');
 require('@sendbird/chat/message');
 require('../../ui/ReactionButton.js');
-require('../../consts-47e4d487.js');
-require('../../useLongPress-322218d9.js');
+require('../../consts-588c44a5.js');
+require('../../useLongPress-9d9e9ecd.js');
 require('../../withSendbird.js');
-require('../../index-8ea5c90b.js');
+require('../../index-6f20bc9e.js');
 require('../../ui/Input.js');
-require('../../actionTypes-31463602.js');
+require('../../actionTypes-a0f9b112.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ChannelList/components/ChannelPreview.js

@@ -1,53 +1,53 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-24f49f41.js');
-var tslib_es6 = require('../../tslib.es6-e6498d62.js');
+var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-1fe24c6a.js');
+var tslib_es6 = require('../../tslib.es6-c82f2d66.js');
 var React = require('react');
 var ui_ChannelAvatar = require('../../ui/ChannelAvatar.js');
 var ui_Badge = require('../../ui/Badge.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_Label = require('../../index-e97ad39a.js');
-var ui_MessageStatus = require('../../index-a1b754e9.js');
+var ui_Label = require('../../index-8ebb9a4f.js');
+var ui_MessageStatus = require('../../index-da2fb7d0.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var LocalizationContext = require('../../LocalizationContext-a60a75a7.js');
+var LocalizationContext = require('../../LocalizationContext-2b7cabce.js');
 var ui_MentionUserLabel = require('../../ui/MentionUserLabel.js');
 var ui_Modal = require('../../ui/Modal.js');
 var ui_TextButton = require('../../ui/TextButton.js');
-var ChannelList_context = require('../../ChannelListProvider-c2da1fdd.js');
+var ChannelList_context = require('../../ChannelListProvider-d1db4776.js');
 var Channel_components_TypingIndicator = require('../../Channel/components/TypingIndicator.js');
-var index = require('../../index-c65779c7.js');
-var MediaQueryContext = require('../../MediaQueryContext-5d0a1ebc.js');
-var useLongPress = require('../../useLongPress-322218d9.js');
+var index = require('../../index-7ee909f2.js');
+var MediaQueryContext = require('../../MediaQueryContext-6aaaad96.js');
+var useLongPress = require('../../useLongPress-9d9e9ecd.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-74ed3d6f.js');
-require('../../utils-37fca8a6.js');
+require('../../uuid-761f81d7.js');
+require('../../utils-4aee7d6b.js');
 require('prop-types');
-require('../../stringSet-4ee01b87.js');
-require('../../index-7f8189a8.js');
-require('../../index-987764bd.js');
+require('../../stringSet-b5fd0b8e.js');
+require('../../index-bd9302c1.js');
+require('../../index-fed2e7d2.js');
 require('../../ui/Loader.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../index-a3f2fc1e.js');
-require('../../index-c77b4d21.js');
+require('../../index-619bfacc.js');
+require('../../index-8a000ef2.js');
 require('../../withSendbird.js');
 require('react-dom');
-require('../../index-4678a454.js');
+require('../../index-4806f5ef.js');
 require('../../ui/Button.js');
 require('../../ui/IconButton.js');
-require('../../color-7144c59e.js');
+require('../../color-6a2b057a.js');
 require('@sendbird/chat/groupChannel');
-require('../../topics-022da857.js');
-require('../../utils-c95c0536.js');
-require('../../UserProfileContext-2ec6891e.js');
-require('../../ChannelProvider-d207316d.js');
-require('../../compareIds-b3e3cffc.js');
-require('../../const-d6a997ec.js');
+require('../../topics-96919a2d.js');
+require('../../utils-bdefdab4.js');
+require('../../UserProfileContext-eb29f213.js');
+require('../../ChannelProvider-439bf142.js');
+require('../../compareIds-3a5e98ac.js');
+require('../../const-61e48909.js');
 require('@sendbird/chat/message');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
 require('../../ui/ReactionButton.js');
-require('../../consts-47e4d487.js');
+require('../../consts-588c44a5.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -142,12 +142,12 @@ var ChannelPreview = function (_a) {
     fillColor: ui_Icon.IconColors.PRIMARY,
     height: 12,
     width: 12
-  }))), isMessageStatusEnabled ? /*#__PURE__*/React__default["default"].createElement(ui_MessageStatus.MessageStatus, {
+  }))), !(channel === null || channel === void 0 ? void 0 : channel.isEphemeral) && isMessageStatusEnabled && /*#__PURE__*/React__default["default"].createElement(ui_MessageStatus.MessageStatus, {
     className: "sendbird-channel-preview__content__upper__last-message-at",
     channel: channel,
     message: channel === null || channel === void 0 ? void 0 : channel.lastMessage,
     isDateSeparatorConsidered: false
-  }) : /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+  }), !(channel === null || channel === void 0 ? void 0 : channel.isEphemeral) && !isMessageStatusEnabled && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-channel-preview__content__upper__last-message-at",
     type: ui_Label.LabelTypography.CAPTION_3,
     color: ui_Label.LabelColors.ONBACKGROUND_2
@@ -163,7 +163,7 @@ var ChannelPreview = function (_a) {
     color: ui_Label.LabelColors.ONBACKGROUND_3
   }, isChannelTyping && /*#__PURE__*/React__default["default"].createElement(Channel_components_TypingIndicator.TypingIndicatorText, {
     members: channel === null || channel === void 0 ? void 0 : channel.getTypingUsers()
-  }), !isChannelTyping && !index.isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && ui_MessageStatus.getLastMessage(channel) + (index.isEditedMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) ? " ".concat(stringSet.MESSAGE_EDITED) : ''), !isChannelTyping && index.isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && stringSet.VOICE_MESSAGE), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), !isChannelTyping && !index.isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && ui_MessageStatus.getLastMessage(channel) + (index.isEditedMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) ? " ".concat(stringSet.MESSAGE_EDITED) : ''), !isChannelTyping && index.isVoiceMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage) && stringSet.VOICE_MESSAGE), !(channel === null || channel === void 0 ? void 0 : channel.isEphemeral) && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-channel-preview__content__lower__unread-message-count"
   }, isMentionEnabled && (channel === null || channel === void 0 ? void 0 : channel.unreadMentionCount) > 0 ? /*#__PURE__*/React__default["default"].createElement(ui_MentionUserLabel, {
     className: "sendbird-channel-preview__content__lower__unread-message-count__mention",