@sendbird/uikit-react 3.1.3 → 3.2.0-rc.1

package/cjs/ui/UserListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserListItem.js","sources":["../../../src/ui/UserListItem/index.tsx"],"sourcesContent":["import React, { ChangeEvent, MutableRefObject, ReactElement, useContext } from 'react';\nimport { User } from '@sendbird/chat';\nimport { Member } from '@sendbird/chat/groupChannel';\nimport './index.scss';\n\nimport { UserProfileContext } from '../../lib/UserProfileContext';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport Avatar from '../Avatar/index';\nimport MutedAvatarOverlay from '../Avatar/MutedAvatarOverlay';\nimport Checkbox from '../Checkbox';\nimport UserProfile from '../UserProfile';\nimport ContextMenu, { MenuItems } from '../ContextMenu';\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface UserListItemProps {\n  user: User;\n  className?: string;\n  checked?: boolean;\n  checkBox?: boolean;\n  isOperator?: boolean;\n  disabled?: boolean;\n  disableMessaging?: boolean;\n  currentUser?: string;\n  action?({ actionRef, parentRef }: {\n    actionRef: MutableRefObject<any>,\n    parentRef?: MutableRefObject<any>,\n  }): ReactElement;\n  onChange?(e: ChangeEvent<HTMLInputElement>): void;\n}\n\nexport default function UserListItem({\n  user,\n  className,\n  checked,\n  checkBox,\n  isOperator,\n  disabled,\n  disableMessaging,\n  currentUser,\n  action,\n  onChange,\n}: UserListItemProps): ReactElement {\n  const uniqueKey = user.userId;\n  const actionRef = React.useRef(null);\n  const parentRef = React.useRef(null);\n  const avatarRef = React.useRef(null);\n  const {\n    disableUserProfile,\n    renderUserProfile,\n  } = useContext(UserProfileContext);\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-user-list-item',\n      ].join(' ')}\n      ref={parentRef}\n    >\n      {\n        (user as Member)?.isMuted && (\n          <MutedAvatarOverlay height={40} width={40} />\n        )\n      }\n      <ContextMenu\n        menuTrigger={(toggleDropdown) => (\n          <Avatar\n            className=\"sendbird-user-list-item__avatar\"\n            ref={avatarRef}\n            src={user.profileUrl}\n            width=\"40px\"\n            height=\"40px\"\n            onClick={() => {\n              if (!disableUserProfile) {\n                toggleDropdown();\n              }\n            }}\n          />\n        )}\n        menuItems={(closeDropdown) => (\n          <MenuItems\n            openLeft\n            parentRef={avatarRef}\n            // for catching location(x, y) of MenuItems\n            parentContainRef={avatarRef}\n            // for toggling more options(menus & reactions)\n            closeDropdown={closeDropdown}\n            style={{ paddingTop: 0, paddingBottom: 0 }}\n          >\n            {\n              renderUserProfile\n                ? renderUserProfile({\n                  user,\n                  currentUserId: currentUser,\n                  close: closeDropdown,\n                })\n                : (\n                  <UserProfile\n                    disableMessaging={disableMessaging}\n                    user={user}\n                    currentUserId={currentUser}\n                    onSuccess={closeDropdown}\n                  />\n                )\n            }\n          </MenuItems>\n        )}\n      />\n      <Label\n        className=\"sendbird-user-list-item__title\"\n        type={LabelTypography.SUBTITLE_1}\n        color={LabelColors.ONBACKGROUND_1}\n      >\n        {user.nickname || stringSet.NO_NAME}\n        {\n          (currentUser === user.userId) && (\n            ' (You)'\n          )\n        }\n      </Label>\n      { // if there is now nickname, display userId\n        !user.nickname && (\n          <Label\n            className=\"sendbird-user-list-item__subtitle\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {user.userId}\n          </Label>\n        )\n      }\n      {\n        checkBox && (\n          <label\n            className=\"sendbird-user-list-item__checkbox\"\n            htmlFor={uniqueKey}\n          >\n            <Checkbox\n              id={uniqueKey}\n              checked={checked}\n              disabled={disabled}\n              onChange={(event) => onChange(event)}\n            />\n          </label>\n        )\n      }\n      {\n        isOperator && (\n          <Label\n            className={[\n              \"sendbird-user-list-item__operator\",\n              checkBox ? \"checkbox\" : \"\",\n            ].join(' ')}\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            Operator\n          </Label>\n        )\n      }\n      {\n        action && (\n          <div\n            className=\"sendbird-user-list-item__action\"\n            ref={actionRef}\n          >\n            { action({ actionRef, parentRef })}\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["UserListItem","_a","user","className","checked","checkBox","isOperator","disabled","disableMessaging","currentUser","action","onChange","uniqueKey","userId","actionRef","React","useRef","parentRef","avatarRef","_b","useContext","UserProfileContext","disableUserProfile","renderUserProfile","stringSet","LocalizationContext","__spreadArray","Array","isArray","join","isMuted","MutedAvatarOverlay","ContextMenu","toggleDropdown","Avatar","profileUrl","closeDropdown","MenuItems","paddingTop","paddingBottom","currentUserId","close","UserProfile","Label","LabelTypography","SUBTITLE_1","LabelColors","ONBACKGROUND_1","nickname","NO_NAME","CAPTION_3","ONBACKGROUND_2","Checkbox","event","SUBTITLE_2"],"mappings":"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"}
+{"version":3,"file":"UserListItem.js","sources":["../../../src/ui/UserListItem/index.tsx"],"sourcesContent":["import React, { ChangeEvent, MutableRefObject, ReactElement, useContext } from 'react';\nimport { User } from '@sendbird/chat';\nimport { Member } from '@sendbird/chat/groupChannel';\nimport './index.scss';\n\nimport { UserProfileContext } from '../../lib/UserProfileContext';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport Avatar from '../Avatar/index';\nimport MutedAvatarOverlay from '../Avatar/MutedAvatarOverlay';\nimport Checkbox from '../Checkbox';\nimport UserProfile from '../UserProfile';\nimport ContextMenu, { MenuItems } from '../ContextMenu';\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface UserListItemProps {\n  user: User;\n  className?: string;\n  checked?: boolean;\n  checkBox?: boolean;\n  isOperator?: boolean;\n  disabled?: boolean;\n  disableMessaging?: boolean;\n  currentUser?: string;\n  action?({ actionRef, parentRef }: {\n    actionRef: MutableRefObject<any>,\n    parentRef?: MutableRefObject<any>,\n  }): ReactElement;\n  onChange?(e: ChangeEvent<HTMLInputElement>): void;\n}\n\nexport default function UserListItem({\n  user,\n  className,\n  checked,\n  checkBox,\n  isOperator,\n  disabled,\n  disableMessaging,\n  currentUser,\n  action,\n  onChange,\n}: UserListItemProps): ReactElement {\n  const uniqueKey = user.userId;\n  const actionRef = React.useRef(null);\n  const parentRef = React.useRef(null);\n  const avatarRef = React.useRef(null);\n  const {\n    disableUserProfile,\n    renderUserProfile,\n  } = useContext(UserProfileContext);\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-user-list-item',\n      ].join(' ')}\n      ref={parentRef}\n    >\n      {\n        (user as Member)?.isMuted && (\n          <MutedAvatarOverlay height={40} width={40} />\n        )\n      }\n      <ContextMenu\n        menuTrigger={(toggleDropdown) => (\n          <Avatar\n            className=\"sendbird-user-list-item__avatar\"\n            ref={avatarRef}\n            src={user.profileUrl}\n            width=\"40px\"\n            height=\"40px\"\n            onClick={() => {\n              if (!disableUserProfile) {\n                toggleDropdown();\n              }\n            }}\n          />\n        )}\n        menuItems={(closeDropdown) => (\n          <MenuItems\n            openLeft\n            parentRef={avatarRef}\n            // for catching location(x, y) of MenuItems\n            parentContainRef={avatarRef}\n            // for toggling more options(menus & reactions)\n            closeDropdown={closeDropdown}\n            style={{ paddingTop: 0, paddingBottom: 0 }}\n          >\n            {\n              renderUserProfile\n                ? renderUserProfile({\n                  user,\n                  currentUserId: currentUser,\n                  close: closeDropdown,\n                })\n                : (\n                  <UserProfile\n                    disableMessaging={disableMessaging}\n                    user={user}\n                    currentUserId={currentUser}\n                    onSuccess={closeDropdown}\n                  />\n                )\n            }\n          </MenuItems>\n        )}\n      />\n      <Label\n        className=\"sendbird-user-list-item__title\"\n        type={LabelTypography.SUBTITLE_1}\n        color={LabelColors.ONBACKGROUND_1}\n      >\n        {user.nickname || stringSet.NO_NAME}\n        {\n          (currentUser === user.userId) && (\n            ' (You)'\n          )\n        }\n      </Label>\n      { // if there is now nickname, display userId\n        !user.nickname && (\n          <Label\n            className=\"sendbird-user-list-item__subtitle\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {user.userId}\n          </Label>\n        )\n      }\n      {\n        checkBox && (\n          <label\n            className=\"sendbird-user-list-item__checkbox\"\n            htmlFor={uniqueKey}\n          >\n            <Checkbox\n              id={uniqueKey}\n              checked={checked}\n              disabled={disabled}\n              onChange={(event) => onChange(event)}\n            />\n          </label>\n        )\n      }\n      {\n        isOperator && (\n          <Label\n            className={[\n              \"sendbird-user-list-item__operator\",\n              checkBox ? \"checkbox\" : \"\",\n            ].join(' ')}\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            Operator\n          </Label>\n        )\n      }\n      {\n        action && (\n          <div\n            className=\"sendbird-user-list-item__action\"\n            ref={actionRef}\n          >\n            { action({ actionRef, parentRef })}\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["UserListItem","_a","user","className","checked","checkBox","isOperator","disabled","disableMessaging","currentUser","action","onChange","uniqueKey","userId","actionRef","React","useRef","parentRef","avatarRef","_b","useContext","UserProfileContext","disableUserProfile","renderUserProfile","stringSet","LocalizationContext","__spreadArray","Array","isArray","join","isMuted","MutedAvatarOverlay","ContextMenu","toggleDropdown","Avatar","profileUrl","closeDropdown","MenuItems","paddingTop","paddingBottom","currentUserId","close","UserProfile","Label","LabelTypography","SUBTITLE_1","LabelColors","ONBACKGROUND_1","nickname","NO_NAME","CAPTION_3","ONBACKGROUND_2","Checkbox","event","SUBTITLE_2"],"mappings":"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"}

package/cjs/ui/UserProfile.js

@@ -1,22 +1,22 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../LocalizationContext-c13ae9d5.js');
+var LocalizationContext = require('../LocalizationContext-b051aa28.js');
 var withSendbird = require('../withSendbird.js');
 var sendbirdSelectors = require('../sendbirdSelectors.js');
 var ui_Avatar = require('./Avatar.js');
-var ui_Label = require('../index-dad73aff.js');
-var ui_Button = require('../index-d889bc81.js');
-require('../stringSet-bd0c293d.js');
-require('../index-63b56a0e.js');
-require('../_rollupPluginBabelHelpers-09706ebf.js');
-require('../topics-f3fe3bf3.js');
-require('../utils-760ac018.js');
-require('../tslib.es6-f57d0c81.js');
+var ui_Label = require('../index-62c9ad2d.js');
+var ui_Button = require('./Button.js');
+require('../stringSet-9d251780.js');
+require('../index-53015903.js');
+require('../_rollupPluginBabelHelpers-c7da8657.js');
+require('../topics-ac8d2b51.js');
+require('../utils-8e6fef1c.js');
+require('../tslib.es6-9b1c82d5.js');
 require('./ImageRenderer.js');
 require('./Icon.js');
 require('prop-types');
-require('../uuid-1942f440.js');
+require('../uuid-c32d01d6.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -46,9 +46,9 @@ function UserProfile(_a) {
     color: ui_Label.LabelColors.ONBACKGROUND_1
   }, (user === null || user === void 0 ? void 0 : user.nickname) || stringSet.NO_NAME)), (user === null || user === void 0 ? void 0 : user.userId) !== currentUserId && !disableMessaging && /*#__PURE__*/React__default["default"].createElement("section", {
     className: "sendbird__user-profile-message"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Button.Button, {
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Button["default"], {
     type: ui_Button.ButtonTypes.SECONDARY,
-    onClick: function onClick() {
+    onClick: function () {
       var params = {
         isDistinct: true,
         invitedUserIds: [user === null || user === void 0 ? void 0 : user.userId]
@@ -73,7 +73,7 @@ function UserProfile(_a) {
   }, user === null || user === void 0 ? void 0 : user.userId)));
 }
 
-var mapStoreToProps = function mapStoreToProps(store) {
+var mapStoreToProps = function (store) {
   return {
     sdk: sendbirdSelectors.getSdk(store),
     createChannel: sendbirdSelectors.getCreateGroupChannel(store),

package/cjs/ui/UserProfile.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserProfile.js","sources":["../../../src/ui/UserProfile/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext } from 'react';\nimport type { GroupChannel, GroupChannelCreateParams } from '@sendbird/chat/groupChannel';\nimport type { User } from '@sendbird/chat';\n\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport withSendbirdContext from '../../lib/SendbirdSdkContext';\nimport { getSdk, getCreateGroupChannel } from '../../lib/selectors';\nimport Avatar from '../Avatar/index';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Button, { ButtonTypes } from '../Button';\n\ninterface Logger {\n  info?(message: string, channel: GroupChannel): void;\n}\n\ninterface Props {\n  user: User;\n  currentUserId?: string;\n  logger?: Logger;\n  disableMessaging?: boolean;\n  createChannel?(params: GroupChannelCreateParams): Promise<GroupChannel>;\n  onSuccess?(): void;\n}\n\nfunction UserProfile({\n  user,\n  currentUserId,\n  logger,\n  disableMessaging = false,\n  createChannel,\n  onSuccess,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird__user-profile\">\n      <section className=\"sendbird__user-profile-avatar\">\n        <Avatar\n          height=\"80px\"\n          width=\"80px\"\n          src={user?.profileUrl}\n        />\n      </section>\n      <section className=\"sendbird__user-profile-name\">\n        <Label\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {user?.nickname || stringSet.NO_NAME}\n        </Label>\n      </section>\n      {\n        (user?.userId !== currentUserId) && !disableMessaging && (\n          <section className=\"sendbird__user-profile-message\">\n            <Button\n              type={ButtonTypes.SECONDARY}\n              onClick={() => {\n                const params: GroupChannelCreateParams = {\n                  isDistinct: true,\n                  invitedUserIds: [user?.userId],\n                };\n                onSuccess();\n                createChannel(params)\n                  .then((groupChannel) => {\n                    logger.info('UserProfile, channel create', groupChannel);\n                  });\n              }}\n            >\n              {stringSet.USER_PROFILE__MESSAGE}\n            </Button>\n          </section>\n        )\n      }\n      <div className=\"sendbird__user-profile-separator\" />\n      <section className=\"sendbird__user-profile-userId\">\n        <Label\n          className=\"sendbird__user-profile-userId--label\"\n          type={LabelTypography.CAPTION_2}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {stringSet.USER_PROFILE__USER_ID}\n        </Label>\n        <Label\n          className=\"sendbird__user-profile-userId--value\"\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {user?.userId}\n        </Label>\n      </section>\n    </div>\n  );\n}\n\nconst mapStoreToProps = (store) => ({\n  sdk: getSdk(store),\n  createChannel: getCreateGroupChannel(store),\n  logger: store.config.logger,\n  pubsub: store.config.pubSub,\n});\n\nconst ConnectedUserProfile = withSendbirdContext(UserProfile, mapStoreToProps);\n\nexport default ConnectedUserProfile;\n"],"names":["UserProfile","_a","user","currentUserId","logger","_b","disableMessaging","createChannel","onSuccess","stringSet","useContext","LocalizationContext","React","Avatar","profileUrl","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","nickname","NO_NAME","userId","Button","ButtonTypes","SECONDARY","params","isDistinct","invitedUserIds","then","groupChannel","info","USER_PROFILE__MESSAGE","CAPTION_2","ONBACKGROUND_2","USER_PROFILE__USER_ID","BODY_1","mapStoreToProps","store","sdk","getSdk","getCreateGroupChannel","config","pubsub","pubSub","ConnectedUserProfile","withSendbirdContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyBA,SAASA,WAAT,CAAqBC,EAArB;MACEC,IAAI;MACJC,aAAa;MACbC,MAAM;MACNC;MAAAC,gBAAgB,mBAAG;MACnBC,aAAa;MACbC,SAAS;AAED,MAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd;AACR,sBACEC;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAS,IAAA,SAAS,EAAC;AAAnB,kBACEA,wCAACC,oBAAD;AACE,IAAA,MAAM,EAAC,MADT;AAEE,IAAA,KAAK,EAAC,MAFR;AAGE,IAAA,GAAG,EAAEX,IAAI,SAAJ,IAAAA,IAAI,WAAJ,SAAA,GAAAA,IAAI,CAAEY;AAHb,IADF,CADF,eAQEF;AAAS,IAAA,SAAS,EAAC;AAAnB,kBACEA,wCAACG,cAAD;AACE,IAAA,IAAI,EAAEC,wBAAe,CAACC,GADxB;AAEE,IAAA,KAAK,EAAEC,oBAAW,CAACC;AAFrB,KAIG,CAAAjB,IAAI,SAAJ,IAAAA,IAAI,WAAJ,SAAA,GAAAA,IAAI,CAAEkB,QAAN,KAAkBX,SAAS,CAACY,OAJ/B,CADF,CARF,EAiBK,CAAAnB,IAAI,SAAJ,IAAAA,IAAI,WAAJ,SAAA,GAAAA,IAAI,CAAEoB,MAAN,MAAiBnB,aAAlB,IAAoC,CAACG,gBAArC,iBACEM;AAAS,IAAA,SAAS,EAAC;AAAnB,kBACEA,wCAACW,gBAAD;AACE,IAAA,IAAI,EAAEC,qBAAW,CAACC,SADpB;AAEE,IAAA,OAAO,EAAE;AACP,UAAMC,MAAM,GAA6B;AACvCC,QAAAA,UAAU,EAAE,IAD2B;AAEvCC,QAAAA,cAAc,EAAE,CAAC1B,IAAI,SAAJ,IAAAA,IAAI,WAAJ,SAAA,GAAAA,IAAI,CAAEoB,MAAP;AAFuB,OAAzC;AAIAd,MAAAA,SAAS;AACTD,MAAAA,aAAa,CAACmB,MAAD,CAAb,CACGG,IADH,CACQ,UAACC,YAAD;AACJ1B,QAAAA,MAAM,CAAC2B,IAAP,CAAY,6BAAZ,EAA2CD,YAA3C;AACD,OAHH;AAID;AAZH,KAcGrB,SAAS,CAACuB,qBAdb,CADF,CAlBN,eAsCEpB;AAAK,IAAA,SAAS,EAAC;AAAf,IAtCF,eAuCEA;AAAS,IAAA,SAAS,EAAC;AAAnB,kBACEA,wCAACG,cAAD;AACE,IAAA,SAAS,EAAC,sCADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACiB,SAFxB;AAGE,IAAA,KAAK,EAAEf,oBAAW,CAACgB;AAHrB,KAKGzB,SAAS,CAAC0B,qBALb,CADF,eAQEvB,wCAACG,cAAD;AACE,IAAA,SAAS,EAAC,sCADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACoB,MAFxB;AAGE,IAAA,KAAK,EAAElB,oBAAW,CAACC;AAHrB,KAKGjB,IAAI,SAAJ,IAAAA,IAAI,WAAJ,SAAA,GAAAA,IAAI,CAAEoB,MALT,CARF,CAvCF,CADF;AA0DD;;AAED,IAAMe,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD;AAAW,SAAC;AAClCC,IAAAA,GAAG,EAAEC,wBAAM,CAACF,KAAD,CADuB;AAElC/B,IAAAA,aAAa,EAAEkC,uCAAqB,CAACH,KAAD,CAFF;AAGlClC,IAAAA,MAAM,EAAEkC,KAAK,CAACI,MAAN,CAAatC,MAHa;AAIlCuC,IAAAA,MAAM,EAAEL,KAAK,CAACI,MAAN,CAAaE;AAJa,GAAD;AAKjC,CALF;;IAOMC,oBAAoB,GAAGC,uBAAmB,CAAC9C,WAAD,EAAcqC,eAAd;;;;"}
+{"version":3,"file":"UserProfile.js","sources":["../../../src/ui/UserProfile/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext } from 'react';\nimport type { GroupChannel, GroupChannelCreateParams } from '@sendbird/chat/groupChannel';\nimport type { User } from '@sendbird/chat';\n\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport withSendbirdContext from '../../lib/SendbirdSdkContext';\nimport { getSdk, getCreateGroupChannel } from '../../lib/selectors';\nimport Avatar from '../Avatar/index';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Button, { ButtonTypes } from '../Button';\n\ninterface Logger {\n  info?(message: string, channel: GroupChannel): void;\n}\n\ninterface Props {\n  user: User;\n  currentUserId?: string;\n  logger?: Logger;\n  disableMessaging?: boolean;\n  createChannel?(params: GroupChannelCreateParams): Promise<GroupChannel>;\n  onSuccess?(): void;\n}\n\nfunction UserProfile({\n  user,\n  currentUserId,\n  logger,\n  disableMessaging = false,\n  createChannel,\n  onSuccess,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird__user-profile\">\n      <section className=\"sendbird__user-profile-avatar\">\n        <Avatar\n          height=\"80px\"\n          width=\"80px\"\n          src={user?.profileUrl}\n        />\n      </section>\n      <section className=\"sendbird__user-profile-name\">\n        <Label\n          type={LabelTypography.H_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {user?.nickname || stringSet.NO_NAME}\n        </Label>\n      </section>\n      {\n        (user?.userId !== currentUserId) && !disableMessaging && (\n          <section className=\"sendbird__user-profile-message\">\n            <Button\n              type={ButtonTypes.SECONDARY}\n              onClick={() => {\n                const params: GroupChannelCreateParams = {\n                  isDistinct: true,\n                  invitedUserIds: [user?.userId],\n                };\n                onSuccess();\n                createChannel(params)\n                  .then((groupChannel) => {\n                    logger.info('UserProfile, channel create', groupChannel);\n                  });\n              }}\n            >\n              {stringSet.USER_PROFILE__MESSAGE}\n            </Button>\n          </section>\n        )\n      }\n      <div className=\"sendbird__user-profile-separator\" />\n      <section className=\"sendbird__user-profile-userId\">\n        <Label\n          className=\"sendbird__user-profile-userId--label\"\n          type={LabelTypography.CAPTION_2}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {stringSet.USER_PROFILE__USER_ID}\n        </Label>\n        <Label\n          className=\"sendbird__user-profile-userId--value\"\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {user?.userId}\n        </Label>\n      </section>\n    </div>\n  );\n}\n\nconst mapStoreToProps = (store) => ({\n  sdk: getSdk(store),\n  createChannel: getCreateGroupChannel(store),\n  logger: store.config.logger,\n  pubsub: store.config.pubSub,\n});\n\nconst ConnectedUserProfile = withSendbirdContext(UserProfile, mapStoreToProps);\n\nexport default ConnectedUserProfile;\n"],"names":["UserProfile","_a","user","currentUserId","logger","_b","disableMessaging","createChannel","onSuccess","stringSet","useContext","LocalizationContext","React","Avatar","profileUrl","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","nickname","NO_NAME","userId","Button","ButtonTypes","SECONDARY","params","isDistinct","invitedUserIds","then","groupChannel","info","USER_PROFILE__MESSAGE","CAPTION_2","ONBACKGROUND_2","USER_PROFILE__USER_ID","BODY_1","mapStoreToProps","store","sdk","getSdk","getCreateGroupChannel","config","pubsub","pubSub","ConnectedUserProfile","withSendbirdContext"],"mappings":"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"}

package/cjs/ui/Word.js

@@ -1,29 +1,29 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-dad73aff.js');
+var ui_Label = require('../index-62c9ad2d.js');
 var ui_LinkLabel = require('./LinkLabel.js');
-var uuid = require('../uuid-1942f440.js');
-var index = require('../index-c8f7702f.js');
+var uuid = require('../uuid-c32d01d6.js');
+var index = require('../index-907bf834.js');
 var ui_MentionLabel = require('./MentionLabel.js');
-require('../_rollupPluginBabelHelpers-09706ebf.js');
 require('prop-types');
-require('../stringSet-bd0c293d.js');
-require('../tslib.es6-f57d0c81.js');
+require('../stringSet-9d251780.js');
+require('../tslib.es6-9b1c82d5.js');
 require('./ContextMenu.js');
 require('react-dom');
 require('./SortByRow.js');
 require('./UserProfile.js');
-require('../LocalizationContext-c13ae9d5.js');
-require('../index-63b56a0e.js');
+require('../LocalizationContext-b051aa28.js');
+require('../index-53015903.js');
 require('../withSendbird.js');
+require('../_rollupPluginBabelHelpers-c7da8657.js');
 require('../sendbirdSelectors.js');
-require('../topics-f3fe3bf3.js');
-require('../utils-760ac018.js');
+require('../topics-ac8d2b51.js');
+require('../utils-8e6fef1c.js');
 require('./Avatar.js');
 require('./ImageRenderer.js');
 require('./Icon.js');
-require('../index-d889bc81.js');
+require('./Button.js');
 require('../useSendbirdStateContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -39,6 +39,11 @@ function Word(props) {
       mentionTemplate = _b === void 0 ? '@' : _b,
       _c = props.renderString,
       renderString = _c === void 0 ? null : _c;
+
+  if (word === '') {
+    return null;
+  }
+
   return /*#__PURE__*/React__default["default"].createElement("span", {
     className: "sendbird-word"
   }, index.convertWordToStringObj(word, message === null || message === void 0 ? void 0 : message.mentionedUsers).map(function (stringObj) {
@@ -88,8 +93,7 @@ function Word(props) {
           className: "sendbird-word__url",
           key: uuid.uuidv4(),
           src: stringUrl.url,
-          type: ui_Label.LabelTypography.BODY_1,
-          color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1
+          type: ui_Label.LabelTypography.BODY_1
         }, stringUrl.url) : null, stringUrl.back ? stringUrl.back : ''];
       }
 
@@ -97,8 +101,7 @@ function Word(props) {
         className: "sendbird-word__url",
         key: uuid.uuidv4(),
         src: word,
-        type: ui_Label.LabelTypography.BODY_1,
-        color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1
+        type: ui_Label.LabelTypography.BODY_1
       }, value);
     } else {
       return value;

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, LabelColors } 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  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                    color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_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                color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_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","LabelColors","ONCONTENT_1","ONBACKGROUND_1"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAmBwBA,KAAKC;AAEzB,MAAAC,IAAI,GAKFD,KAAK,KALP;AAAA,MACAE,OAAO,GAILF,KAAK,QALP;AAAA,MAEAG,KAGEH,KAAK,OALP;AAAA,MAEAI,MAAM,mBAAG,UAFT;AAAA,MAGAC,KAEEL,KAAK,gBALP;AAAA,MAGAM,eAAe,mBAAG,QAHlB;AAAA,MAIAC,KACEP,KAAK,aALP;AAAA,MAIAQ,YAAY,mBAAG,SAJf;AAMF,sBACEC;AAAM,IAAA,SAAS,EAAC;AAAhB,KAEIC,4BAAsB,CAACT,IAAD,EAAOC,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAES,cAAhB,CAAtB,CAAsDC,GAAtD,CAA0D,UAACC,SAAD;;;AACxD,QAAMC,IAAI,GAAG,CAAAD,SAAS,SAAT,IAAAA,SAAS,WAAT,SAAA,GAAAA,SAAS,CAAEC,IAAX,KAAmB,EAAhC;AACA,QAAMC,KAAK,GAAG,CAAAF,SAAS,SAAT,IAAAA,SAAS,WAAT,SAAA,GAAAA,SAAS,CAAEE,KAAX,KAAoB,EAAlC;AACA,QAAMC,MAAM,GAAG,CAAAH,SAAS,SAAT,IAAAA,SAAS,WAAT,SAAA,GAAAA,SAAS,CAAEG,MAAX,KAAqB,EAApC;;AACA,QAAIR,YAAY,IAAI,OAAOA,YAAP,KAAwB,UAA5C,EAAwD;AACtD,aAAOA,YAAY,CAACK,SAAD,CAAnB;AACD;;AACD,QAAIC,IAAI,KAAKG,mBAAa,CAACC,OAA3B,EAAoC;AAClC,0BACET,wCAACU,eAAD;AACE,QAAA,eAAe,EAAEb,eADnB;AAEE,QAAA,eAAe,EAAEU,MAFnB;AAGE,QAAA,qBAAqB,EAAED,KAHzB;AAIE,QAAA,GAAG,EAAEK,WAAM,EAJb;AAKE,QAAA,MAAM,EAAEhB;AALV,QADF;AASD,KAVD,MAUO,IAAIU,IAAI,KAAKG,mBAAa,CAACI,GAA3B,EAAgC;AACrC,UAAMC,QAAQ,GAAG,IAAIC,MAAJ,CAAW,mGAAX,CAAjB;AACA,UAAMC,SAAS,GAAG,MAAAF,QAAQ,CAACG,IAAT,CAAcV,KAAd,CAAA,UAAA,iBAAA,SAAA,MAAuB,EAAzC;AACA,UAAMW,SAAS,GAAG;AAAEC,QAAAA,KAAK,EAAE,EAAT;AAAaN,QAAAA,GAAG,EAAE,EAAlB;AAAsBO,QAAAA,IAAI,EAAE;AAA5B,OAAlB;;AACA,UAAIJ,SAAJ,EAAe;AACb,YAAMK,cAAc,GAAGd,KAAK,CAACe,OAAN,CAAcN,SAAd,CAAvB;;AACA,YAAIK,cAAc,GAAG,CAArB,EAAwB;AACtBH,UAAAA,SAAS,CAACC,KAAV,GAAkBZ,KAAK,CAACgB,KAAN,CAAY,CAAZ,EAAeF,cAAf,CAAlB;AACD;;AACDH,QAAAA,SAAS,CAACL,GAAV,GAAgBN,KAAK,CAACgB,KAAN,CAAYF,cAAZ,EAA4BA,cAAc,GAAGL,SAAS,CAACQ,MAAvD,CAAhB;;AACA,YAAIH,cAAc,GAAGL,SAAS,CAACQ,MAA3B,GAAoCjB,KAAK,CAACiB,MAA9C,EAAsD;AACpDN,UAAAA,SAAS,CAACE,IAAV,GAAiBb,KAAK,CAACgB,KAAN,CAAYF,cAAc,GAAGL,SAAS,CAACQ,MAAvC,CAAjB;AACD;AACF;;AACD,UAAIR,SAAJ,EAAe;AACb,eAAO,CACLE,SAAS,CAACC,KAAV,GAAkBD,SAAS,CAACC,KAA5B,GAAoC,EAD/B,EAELD,SAAS,CAACL,GAAV,gBACEZ,wCAACwB,uBAAD;AACE,UAAA,SAAS,EAAC,oBADZ;AAEE,UAAA,GAAG,EAAEb,WAAM,EAFb;AAGE,UAAA,GAAG,EAAEM,SAAS,CAACL,GAHjB;AAIE,UAAA,IAAI,EAAEa,wBAAe,CAACC,MAJxB;AAKE,UAAA,KAAK,EAAE/B,MAAM,GAAGgC,oBAAW,CAACC,WAAf,GAA6BD,oBAAW,CAACE;AALxD,WAOGZ,SAAS,CAACL,GAPb,CADF,GAUI,IAZC,EAaLK,SAAS,CAACE,IAAV,GAAiBF,SAAS,CAACE,IAA3B,GAAkC,EAb7B,CAAP;AAeD;;AACD,0BACEnB,wCAACwB,uBAAD;AACE,QAAA,SAAS,EAAC,oBADZ;AAEE,QAAA,GAAG,EAAEb,WAAM,EAFb;AAGE,QAAA,GAAG,EAAEnB,IAHP;AAIE,QAAA,IAAI,EAAEiC,wBAAe,CAACC,MAJxB;AAKE,QAAA,KAAK,EAAE/B,MAAM,GAAGgC,oBAAW,CAACC,WAAf,GAA6BD,oBAAW,CAACE;AALxD,SAOGvB,KAPH,CADF;AAWD,KA1CM,MA0CA;AACL,aAAOA,KAAP;AACD;AACF,GA9DD,CAFJ,CADF;AAqED;;;;"}
+{"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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"}

package/cjs/useSendbirdStateContext.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var withSendbird = require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-09706ebf.js');
+require('./_rollupPluginBabelHelpers-c7da8657.js');
 
 /**
  * Example:

package/cjs/useSendbirdStateContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSendbirdStateContext.js","sources":["../../src/hooks/useSendbirdStateContext.tsx"],"sourcesContent":["/**\n * Example:\n * const MyComponent = () => {\n *  const context = useSendbirdStateContext();\n *  const sdk = sendbirdSelectors.getSdk(context);\n *  return (<div>...</div>);\n * }\n */\nimport { useContext } from 'react';\n\nimport { SendbirdSdkContext } from '../lib/SendbirdSdkContext';\nimport { SendBirdState } from '../lib/types';\n\nfunction useSendbirdStateContext (): SendBirdState {\n  const context: SendBirdState = useContext(SendbirdSdkContext);\n  return context;\n}\n\nexport default useSendbirdStateContext;\n"],"names":["useSendbirdStateContext","context","useContext","SendbirdSdkContext"],"mappings":";;;;;;AAAA;;;;;;;;;AAaA,SAASA,uBAAT;AACE,MAAMC,OAAO,GAAkBC,gBAAU,CAACC,+BAAD,CAAzC;AACA,SAAOF,OAAP;AACD;;;;"}
+{"version":3,"file":"useSendbirdStateContext.js","sources":["../../src/hooks/useSendbirdStateContext.tsx"],"sourcesContent":["/**\n * Example:\n * const MyComponent = () => {\n *  const context = useSendbirdStateContext();\n *  const sdk = sendbirdSelectors.getSdk(context);\n *  return (<div>...</div>);\n * }\n */\nimport { useContext } from 'react';\n\nimport { SendbirdSdkContext } from '../lib/SendbirdSdkContext';\nimport { SendBirdState } from '../lib/types';\n\nfunction useSendbirdStateContext (): SendBirdState {\n  const context: SendBirdState = useContext(SendbirdSdkContext);\n  return context;\n}\n\nexport default useSendbirdStateContext;\n"],"names":["useSendbirdStateContext","context","useContext","SendbirdSdkContext"],"mappings":";;;;;;AAAA;;;;;;;AAOG;;AAMH,SAASA,uBAAT,GAAgC;AAC9B,EAAA,IAAMC,OAAO,GAAkBC,gBAAU,CAACC,+BAAD,CAAzC,CAAA;AACA,EAAA,OAAOF,OAAP,CAAA;AACD;;;;"}

package/cjs/{utils-438c14b6.js → utils-655acd99.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var DEFAULT_URL_PREFIX = 'https://static.sendbird.com/sample/cover/cover_';
-var getOpenChannelAvatar = function getOpenChannelAvatar(channel) {
+var getOpenChannelAvatar = function (channel) {
   if (channel === null || channel === void 0 ? void 0 : channel.coverUrl) {
     return channel.coverUrl;
   }
 };
-var getChannelAvatarSource = function getChannelAvatarSource(channel, currentUserId) {
+var getChannelAvatarSource = function (channel, currentUserId) {
   if (channel === null || channel === void 0 ? void 0 : channel.coverUrl) {
     if (!new RegExp("^".concat(DEFAULT_URL_PREFIX)).test(channel.coverUrl)) {
       return channel.coverUrl;
@@ -20,7 +20,7 @@ var getChannelAvatarSource = function getChannelAvatarSource(channel, currentUse
     return profileUrl;
   });
 };
-var generateDefaultAvatar = function generateDefaultAvatar(channel) {
+var generateDefaultAvatar = function (channel) {
   if (channel === null || channel === void 0 ? void 0 : channel.coverUrl) {
     if (new RegExp("^".concat(DEFAULT_URL_PREFIX)).test(channel.coverUrl)) {
       return true;
@@ -35,4 +35,4 @@ var generateDefaultAvatar = function generateDefaultAvatar(channel) {
 exports.generateDefaultAvatar = generateDefaultAvatar;
 exports.getChannelAvatarSource = getChannelAvatarSource;
 exports.getOpenChannelAvatar = getOpenChannelAvatar;
-//# sourceMappingURL=utils-438c14b6.js.map
+//# sourceMappingURL=utils-655acd99.js.map

package/cjs/utils-655acd99.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-655acd99.js","sources":["../../src/ui/ChannelAvatar/utils.ts"],"sourcesContent":["import type { GroupChannel } from \"@sendbird/chat/groupChannel\";\nimport type { OpenChannel } from \"@sendbird/chat/openChannel\";\n\nexport const DEFAULT_URL_PREFIX = 'https://static.sendbird.com/sample/cover/cover_';\n\nexport const getOpenChannelAvatar = (channel: OpenChannel): string => {\n  if (channel?.coverUrl) {\n    return channel.coverUrl;\n  }\n};\n\nexport const getChannelAvatarSource = (channel: GroupChannel, currentUserId: string): string | Array<string> => {\n  if (channel?.coverUrl) {\n    if (!(new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl))) {\n      return channel.coverUrl;\n    }\n  }\n  return (channel?.members || [])\n    .filter((member) => member.userId !== currentUserId)\n    .map(({ profileUrl }) => profileUrl);\n};\n\nexport const generateDefaultAvatar = (channel: GroupChannel): boolean => {\n  if (channel?.coverUrl) {\n    if (new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl)) {\n      return true;\n    }\n    return false;\n  }\n  return true;\n}\n"],"names":["DEFAULT_URL_PREFIX","getOpenChannelAvatar","channel","coverUrl","getChannelAvatarSource","currentUserId","RegExp","test","members","filter","member","userId","map","_a","profileUrl","generateDefaultAvatar","concat"],"mappings":";;AAGO,IAAMA,kBAAkB,GAAG,iDAA3B,CAAA;AAEMC,IAAAA,oBAAoB,GAAG,UAACC,OAAD,EAAqB;AACvD,EAAA,IAAIA,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEC,QAAb,EAAuB;IACrB,OAAOD,OAAO,CAACC,QAAf,CAAA;AACD,GAAA;AACF,EAJM;IAMMC,sBAAsB,GAAG,UAACF,OAAD,EAAwBG,aAAxB,EAA6C;AACjF,EAAA,IAAIH,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEC,QAAb,EAAuB;AACrB,IAAA,IAAI,CAAE,IAAIG,MAAJ,CAAW,GAAA,OAAA,CAAIN,kBAAJ,CAAX,CAAA,CAAqCO,IAArC,CAA0CL,OAAO,CAACC,QAAlD,CAAN,EAAoE;MAClE,OAAOD,OAAO,CAACC,QAAf,CAAA;AACD,KAAA;AACF,GAAA;;EACD,OAAO,CAAC,CAAAD,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEM,OAAT,KAAoB,EAArB,EACJC,MADI,CACG,UAACC,MAAD,EAAO;AAAK,IAAA,OAAAA,MAAM,CAACC,MAAP,KAAkBN,aAAlB,CAAA;AAA+B,GAD9C,CAEJO,CAAAA,GAFI,CAEA,UAACC,EAAD,EAAe;AAAZ,IAAA,IAAAC,UAAU,GAAAD,EAAA,CAAAC,UAAV,CAAA;AAAiB,IAAA,OAAAA,UAAA,CAAA;AAAU,GAF9B,CAAP,CAAA;AAGD,EATM;AAWMC,IAAAA,qBAAqB,GAAG,UAACb,OAAD,EAAsB;AACzD,EAAA,IAAIA,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEC,QAAb,EAAuB;AACrB,IAAA,IAAI,IAAIG,MAAJ,CAAW,GAAA,CAAAU,MAAA,CAAIhB,kBAAJ,CAAX,CAAA,CAAqCO,IAArC,CAA0CL,OAAO,CAACC,QAAlD,CAAJ,EAAiE;AAC/D,MAAA,OAAO,IAAP,CAAA;AACD,KAAA;;AACD,IAAA,OAAO,KAAP,CAAA;AACD,GAAA;;AACD,EAAA,OAAO,IAAP,CAAA;AACD;;;;;;"}

package/cjs/{utils-959685f6.js → utils-8c634fd2.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var copyToClipboard = function copyToClipboard(text) {
+var copyToClipboard = function (text) {
   // @ts-ignore: Unreachable code error
   if (window.clipboardData && window.clipboardData.setData) {
     // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.
@@ -29,4 +29,4 @@ var copyToClipboard = function copyToClipboard(text) {
 };
 
 exports.copyToClipboard = copyToClipboard;
-//# sourceMappingURL=utils-959685f6.js.map
+//# sourceMappingURL=utils-8c634fd2.js.map

package/cjs/{utils-959685f6.js.map → utils-8c634fd2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"utils-959685f6.js","sources":["../../src/ui/OpenchannelUserMessage/utils.ts"],"sourcesContent":["export const copyToClipboard = (text: string): boolean => {\n  // @ts-ignore: Unreachable code error\n  if (window.clipboardData && window.clipboardData.setData) {\n    // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.\n    // @ts-ignore: Unreachable code error\n    return window.clipboardData.setData('Text', text);\n  }\n  if (document.queryCommandSupported && document.queryCommandSupported('copy')) {\n    const textarea = document.createElement('textarea');\n    textarea.textContent = text;\n    textarea.style.position = 'fixed'; // Prevent scrolling to bottom of page in Microsoft Edge.\n    document.body.appendChild(textarea);\n    textarea.select();\n    try {\n      return document.execCommand('copy'); // Security exception may be thrown by some browsers.\n    } catch (ex) {\n      return false;\n    } finally {\n      document.body.removeChild(textarea);\n    }\n  }\n  return false;\n};\n\nexport default { copyToClipboard };\n"],"names":["copyToClipboard","text","window","clipboardData","setData","document","queryCommandSupported","textarea","createElement","textContent","style","position","body","appendChild","select","execCommand","ex","removeChild"],"mappings":";;IAAaA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,IAAD;AAC7B;AACA,MAAIC,MAAM,CAACC,aAAP,IAAwBD,MAAM,CAACC,aAAP,CAAqBC,OAAjD,EAA0D;AACxD;AACA;AACA,WAAOF,MAAM,CAACC,aAAP,CAAqBC,OAArB,CAA6B,MAA7B,EAAqCH,IAArC,CAAP;AACD;;AACD,MAAII,QAAQ,CAACC,qBAAT,IAAkCD,QAAQ,CAACC,qBAAT,CAA+B,MAA/B,CAAtC,EAA8E;AAC5E,QAAMC,QAAQ,GAAGF,QAAQ,CAACG,aAAT,CAAuB,UAAvB,CAAjB;AACAD,IAAAA,QAAQ,CAACE,WAAT,GAAuBR,IAAvB;AACAM,IAAAA,QAAQ,CAACG,KAAT,CAAeC,QAAf,GAA0B,OAA1B,CAH4E;;AAI5EN,IAAAA,QAAQ,CAACO,IAAT,CAAcC,WAAd,CAA0BN,QAA1B;AACAA,IAAAA,QAAQ,CAACO,MAAT;;AACA,QAAI;AACF,aAAOT,QAAQ,CAACU,WAAT,CAAqB,MAArB,CAAP,CADE;AAEH,KAFD,CAEE,OAAOC,EAAP,EAAW;AACX,aAAO,KAAP;AACD,KAJD,SAIU;AACRX,MAAAA,QAAQ,CAACO,IAAT,CAAcK,WAAd,CAA0BV,QAA1B;AACD;AACF;;AACD,SAAO,KAAP;AACD;;;;"}
+{"version":3,"file":"utils-8c634fd2.js","sources":["../../src/ui/OpenchannelUserMessage/utils.ts"],"sourcesContent":["export const copyToClipboard = (text: string): boolean => {\n  // @ts-ignore: Unreachable code error\n  if (window.clipboardData && window.clipboardData.setData) {\n    // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.\n    // @ts-ignore: Unreachable code error\n    return window.clipboardData.setData('Text', text);\n  }\n  if (document.queryCommandSupported && document.queryCommandSupported('copy')) {\n    const textarea = document.createElement('textarea');\n    textarea.textContent = text;\n    textarea.style.position = 'fixed'; // Prevent scrolling to bottom of page in Microsoft Edge.\n    document.body.appendChild(textarea);\n    textarea.select();\n    try {\n      return document.execCommand('copy'); // Security exception may be thrown by some browsers.\n    } catch (ex) {\n      return false;\n    } finally {\n      document.body.removeChild(textarea);\n    }\n  }\n  return false;\n};\n\nexport default { copyToClipboard };\n"],"names":["copyToClipboard","text","window","clipboardData","setData","document","queryCommandSupported","textarea","createElement","textContent","style","position","body","appendChild","select","execCommand","ex","removeChild"],"mappings":";;AAAaA,IAAAA,eAAe,GAAG,UAACC,IAAD,EAAa;AAC1C;EACA,IAAIC,MAAM,CAACC,aAAP,IAAwBD,MAAM,CAACC,aAAP,CAAqBC,OAAjD,EAA0D;AACxD;AACA;IACA,OAAOF,MAAM,CAACC,aAAP,CAAqBC,OAArB,CAA6B,MAA7B,EAAqCH,IAArC,CAAP,CAAA;AACD,GAAA;;EACD,IAAII,QAAQ,CAACC,qBAAT,IAAkCD,QAAQ,CAACC,qBAAT,CAA+B,MAA/B,CAAtC,EAA8E;AAC5E,IAAA,IAAMC,QAAQ,GAAGF,QAAQ,CAACG,aAAT,CAAuB,UAAvB,CAAjB,CAAA;IACAD,QAAQ,CAACE,WAAT,GAAuBR,IAAvB,CAAA;AACAM,IAAAA,QAAQ,CAACG,KAAT,CAAeC,QAAf,GAA0B,OAA1B,CAH4E;;AAI5EN,IAAAA,QAAQ,CAACO,IAAT,CAAcC,WAAd,CAA0BN,QAA1B,CAAA,CAAA;AACAA,IAAAA,QAAQ,CAACO,MAAT,EAAA,CAAA;;IACA,IAAI;AACF,MAAA,OAAOT,QAAQ,CAACU,WAAT,CAAqB,MAArB,CAAP,CADE;KAAJ,CAEE,OAAOC,EAAP,EAAW;AACX,MAAA,OAAO,KAAP,CAAA;AACD,KAJD,SAIU;AACRX,MAAAA,QAAQ,CAACO,IAAT,CAAcK,WAAd,CAA0BV,QAA1B,CAAA,CAAA;AACD,KAAA;AACF,GAAA;;AACD,EAAA,OAAO,KAAP,CAAA;AACD;;;;"}

package/cjs/utils-8e6fef1c.js

@@ -0,0 +1,6 @@
+'use strict';
+
+const noop = () => {};
+
+exports.noop = noop;
+//# sourceMappingURL=utils-8e6fef1c.js.map

package/cjs/{utils-760ac018.js.map → utils-8e6fef1c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"utils-760ac018.js","sources":["../../src/utils/utils.js"],"sourcesContent":["export const noop = () => {};\n\nexport const getSenderName = (message) => (\n  message.sender && (\n    message.sender.friendName\n    || message.sender.nickname\n    || message.sender.userId\n  )\n);\n\nexport const getSenderProfileUrl = (message) => message.sender && message.sender.profileUrl;\n\nexport default {\n  getSenderName,\n  getSenderProfileUrl,\n};\n"],"names":["noop"],"mappings":";;IAAaA,IAAI,GAAG,SAAPA,IAAO,GAAM;;;;"}
+{"version":3,"file":"utils-8e6fef1c.js","sources":["../../src/utils/utils.js"],"sourcesContent":["export const noop = () => {};\n\nexport const getSenderName = (message) => (\n  message.sender && (\n    message.sender.friendName\n    || message.sender.nickname\n    || message.sender.userId\n  )\n);\n\nexport const getSenderProfileUrl = (message) => message.sender && message.sender.profileUrl;\n\nexport default {\n  getSenderName,\n  getSenderProfileUrl,\n};\n"],"names":["noop"],"mappings":";;AAAaA,MAAAA,IAAI,GAAG,MAAM;;;;"}

package/cjs/{uuid-1942f440.js → uuid-c32d01d6.js}

@@ -7,7 +7,7 @@
 /* eslint-disable no-mixed-operators */
 // https://stackoverflow.com/a/2117523
 // used mainly for dom key generation
-var uuidv4 = function uuidv4() {
+var uuidv4 = function () {
   return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
     var r = Math.random() * 16 | 0;
     var v = c === 'x' ? r : r & 0x3 | 0x8;
@@ -16,4 +16,4 @@ var uuidv4 = function uuidv4() {
 };
 
 exports.uuidv4 = uuidv4;
-//# sourceMappingURL=uuid-1942f440.js.map
+//# sourceMappingURL=uuid-c32d01d6.js.map

package/cjs/{uuid-1942f440.js.map → uuid-c32d01d6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"uuid-1942f440.js","sources":["../../src/utils/uuid.ts"],"sourcesContent":["/* eslint-disable no-bitwise */\n/* eslint-disable eqeqeq */\n/* eslint-disable no-mixed-operators */\n// https://stackoverflow.com/a/2117523\n// used mainly for dom key generation\nexport const uuidv4 = (): string => 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n  const r = Math.random() * 16 | 0;\n  const v = c === 'x' ? r : (r & 0x3 | 0x8);\n  return v.toString(16);\n});\n\nexport default uuidv4;\n"],"names":["uuidv4","replace","c","r","Math","random","v","toString"],"mappings":";;AAAA;;AACA;;AACA;AACA;AACA;IACaA,MAAM,GAAG,SAATA,MAAS;AAAc,SAAA,uCAAuCC,OAAvC,CAA+C,OAA/C,EAAwD,UAACC,CAAD;AAC1F,QAAMC,CAAC,GAAGC,IAAI,CAACC,MAAL,KAAgB,EAAhB,GAAqB,CAA/B;AACA,QAAMC,CAAC,GAAGJ,CAAC,KAAK,GAAN,GAAYC,CAAZ,GAAiBA,CAAC,GAAG,GAAJ,GAAU,GAArC;AACA,WAAOG,CAAC,CAACC,QAAF,CAAW,EAAX,CAAP;AACD,GAJmC,CAAA;AAIlC;;;;"}
+{"version":3,"file":"uuid-c32d01d6.js","sources":["../../src/utils/uuid.ts"],"sourcesContent":["/* eslint-disable no-bitwise */\n/* eslint-disable eqeqeq */\n/* eslint-disable no-mixed-operators */\n// https://stackoverflow.com/a/2117523\n// used mainly for dom key generation\nexport const uuidv4 = (): string => 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n  const r = Math.random() * 16 | 0;\n  const v = c === 'x' ? r : (r & 0x3 | 0x8);\n  return v.toString(16);\n});\n\nexport default uuidv4;\n"],"names":["uuidv4","replace","c","r","Math","random","v","toString"],"mappings":";;AAAA;;AACA;;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG,YAAc;AAAA,EAAA,OAAA,uCAAuCC,OAAvC,CAA+C,OAA/C,EAAwD,UAACC,CAAD,EAAE;IAC5F,IAAMC,CAAC,GAAGC,IAAI,CAACC,MAAL,EAAgB,GAAA,EAAhB,GAAqB,CAA/B,CAAA;AACA,IAAA,IAAMC,CAAC,GAAGJ,CAAC,KAAK,GAAN,GAAYC,CAAZ,GAAiBA,CAAC,GAAG,GAAJ,GAAU,GAArC,CAAA;AACA,IAAA,OAAOG,CAAC,CAACC,QAAF,CAAW,EAAX,CAAP,CAAA;AACD,GAJmC,CAAA,CAAA;AAIlC;;;;"}

package/cjs/withSendbird.js

@@ -2,31 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-09706ebf.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c7da8657.js');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var SendbirdSdkContext = /*#__PURE__*/React__default["default"].createContext();
+const SendbirdSdkContext = /*#__PURE__*/React__default["default"].createContext();
 
-var withSendbirdContext = function withSendbirdContext(OriginalComponent, mapStoreToProps) {
-  var ContextAwareComponent = function ContextAwareComponent(props) {
-    return /*#__PURE__*/React__default["default"].createElement(SendbirdSdkContext.Consumer, null, function (context) {
-      if (mapStoreToProps && typeof mapStoreToProps !== 'function') {
-        // eslint-disable-next-line no-console
-        console.warn('Second parameter to withSendbirdContext must be a pure function');
-      }
+const withSendbirdContext = (OriginalComponent, mapStoreToProps) => {
+  const ContextAwareComponent = props => /*#__PURE__*/React__default["default"].createElement(SendbirdSdkContext.Consumer, null, context => {
+    if (mapStoreToProps && typeof mapStoreToProps !== 'function') {
+      // eslint-disable-next-line no-console
+      console.warn('Second parameter to withSendbirdContext must be a pure function');
+    }
 
-      var mergedProps = mapStoreToProps && typeof mapStoreToProps === 'function' ? _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, mapStoreToProps(context)), props) : _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, context), props); // eslint-disable-next-line react/jsx-props-no-spreading
+    const mergedProps = mapStoreToProps && typeof mapStoreToProps === 'function' ? _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, mapStoreToProps(context)), props) : _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, context), props); // eslint-disable-next-line react/jsx-props-no-spreading
 
-      return /*#__PURE__*/React__default["default"].createElement(OriginalComponent, mergedProps);
-    });
-  };
+    return /*#__PURE__*/React__default["default"].createElement(OriginalComponent, mergedProps);
+  });
 
-  var componentName = OriginalComponent.displayName || OriginalComponent.name || 'Component';
-  ContextAwareComponent.displayName = "SendbirdAware".concat(componentName);
+  const componentName = OriginalComponent.displayName || OriginalComponent.name || 'Component';
+  ContextAwareComponent.displayName = `SendbirdAware${componentName}`;
   return ContextAwareComponent;
 };
 

package/cjs/withSendbird.js.map

@@ -1 +1 @@
-{"version":3,"file":"withSendbird.js","sources":["../../src/lib/SendbirdSdkContext.jsx"],"sourcesContent":["import React from 'react';\n\nexport const SendbirdSdkContext = React.createContext();\n\nconst withSendbirdContext = (OriginalComponent, mapStoreToProps) => {\n  const ContextAwareComponent = (props) => (\n    <SendbirdSdkContext.Consumer>\n      {(context) => {\n        if (mapStoreToProps && typeof mapStoreToProps !== 'function') {\n          // eslint-disable-next-line no-console\n          console.warn('Second parameter to withSendbirdContext must be a pure function');\n        }\n        const mergedProps = (mapStoreToProps && typeof mapStoreToProps === 'function')\n          ? { ...mapStoreToProps(context), ...props }\n          : { ...context, ...props };\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        return <OriginalComponent {...mergedProps} />;\n      }}\n    </SendbirdSdkContext.Consumer>\n  );\n\n  const componentName = OriginalComponent.displayName || OriginalComponent.name || 'Component';\n  ContextAwareComponent.displayName = `SendbirdAware${componentName}`;\n\n  return ContextAwareComponent;\n};\n\nexport default withSendbirdContext;\n"],"names":["SendbirdSdkContext","React","createContext","withSendbirdContext","OriginalComponent","mapStoreToProps","ContextAwareComponent","props","context","console","warn","mergedProps","componentName","displayName","name"],"mappings":";;;;;;;;;;;IAEaA,kBAAkB,gBAAGC,yBAAK,CAACC,aAAN;;IAE5BC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,iBAAD,EAAoBC,eAApB,EAAwC;AAClE,MAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,KAAD;AAAA,wBAC5BN,wCAAC,kBAAD,CAAoB,QAApB,QACG,UAACO,OAAD,EAAa;AACZ,UAAIH,eAAe,IAAI,OAAOA,eAAP,KAA2B,UAAlD,EAA8D;AAC5D;AACAI,QAAAA,OAAO,CAACC,IAAR,CAAa,iEAAb;AACD;;AACD,UAAMC,WAAW,GAAIN,eAAe,IAAI,OAAOA,eAAP,KAA2B,UAA/C,yFACXA,eAAe,CAACG,OAAD,CADJ,GACkBD,KADlB,0FAEXC,OAFW,GAECD,KAFD,CAApB,CALY;;AASZ,0BAAON,wCAAC,iBAAD,EAAuBU,WAAvB,CAAP;AACD,KAXH,CAD4B;AAAA,GAA9B;;AAgBA,MAAMC,aAAa,GAAGR,iBAAiB,CAACS,WAAlB,IAAiCT,iBAAiB,CAACU,IAAnD,IAA2D,WAAjF;AACAR,EAAAA,qBAAqB,CAACO,WAAtB,0BAAoDD,aAApD;AAEA,SAAON,qBAAP;AACD;;;;;"}
+{"version":3,"file":"withSendbird.js","sources":["../../src/lib/SendbirdSdkContext.jsx"],"sourcesContent":["import React from 'react';\n\nexport const SendbirdSdkContext = React.createContext();\n\nconst withSendbirdContext = (OriginalComponent, mapStoreToProps) => {\n  const ContextAwareComponent = (props) => (\n    <SendbirdSdkContext.Consumer>\n      {(context) => {\n        if (mapStoreToProps && typeof mapStoreToProps !== 'function') {\n          // eslint-disable-next-line no-console\n          console.warn('Second parameter to withSendbirdContext must be a pure function');\n        }\n        const mergedProps = (mapStoreToProps && typeof mapStoreToProps === 'function')\n          ? { ...mapStoreToProps(context), ...props }\n          : { ...context, ...props };\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        return <OriginalComponent {...mergedProps} />;\n      }}\n    </SendbirdSdkContext.Consumer>\n  );\n\n  const componentName = OriginalComponent.displayName || OriginalComponent.name || 'Component';\n  ContextAwareComponent.displayName = `SendbirdAware${componentName}`;\n\n  return ContextAwareComponent;\n};\n\nexport default withSendbirdContext;\n"],"names":["SendbirdSdkContext","React","createContext","withSendbirdContext","OriginalComponent","mapStoreToProps","ContextAwareComponent","props","context","console","warn","mergedProps","_objectSpread","componentName","displayName","name"],"mappings":";;;;;;;;;;;MAEaA,kBAAkB,gBAAGC,yBAAK,CAACC,aAAN,GAA3B;;AAEP,MAAMC,mBAAmB,GAAG,CAACC,iBAAD,EAAoBC,eAApB,KAAwC;EAClE,MAAMC,qBAAqB,GAAIC,KAAD,iBAC5BN,yBAAA,CAAA,aAAA,CAAC,kBAAD,CAAoB,QAApB,EACIO,IAAAA,EAAAA,OAAD,IAAa;AACZ,IAAA,IAAIH,eAAe,IAAI,OAAOA,eAAP,KAA2B,UAAlD,EAA8D;AAC5D;MACAI,OAAO,CAACC,IAAR,CAAa,iEAAb,CAAA,CAAA;AACD,KAAA;;IACD,MAAMC,WAAW,GAAIN,eAAe,IAAI,OAAOA,eAAP,KAA2B,UAA/C,GACXA,wCAAAA,CAAAA,wCAAAA,CAAAA,EAAAA,EAAAA,eAAe,CAACG,OAAD,CADJ,GACkBD,KADlB,CAAA,GAAAK,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EAEXJ,OAFW,CAECD,EAAAA,KAFD,CAApB,CALY;;AASZ,IAAA,oBAAON,yBAAC,CAAA,aAAA,CAAA,iBAAD,EAAuBU,WAAvB,CAAP,CAAA;AACD,GAXH,CADF,CAAA;;EAgBA,MAAME,aAAa,GAAGT,iBAAiB,CAACU,WAAlB,IAAiCV,iBAAiB,CAACW,IAAnD,IAA2D,WAAjF,CAAA;AACAT,EAAAA,qBAAqB,CAACQ,WAAtB,GAAqC,CAAA,aAAA,EAAeD,aAAc,CAAlE,CAAA,CAAA;AAEA,EAAA,OAAOP,qBAAP,CAAA;AACD;;;;;"}

package/{color-83cfc07a.js → color-fff21001.js}

@@ -1,17 +1,17 @@
 var Colors;
 
 (function (Colors) {
-  Colors[Colors["ONBACKGROUND_1"] = 0] = "ONBACKGROUND_1";
-  Colors[Colors["ONBACKGROUND_2"] = 1] = "ONBACKGROUND_2";
-  Colors[Colors["ONBACKGROUND_3"] = 2] = "ONBACKGROUND_3";
-  Colors[Colors["ONBACKGROUND_4"] = 3] = "ONBACKGROUND_4";
-  Colors[Colors["ONCONTENT_1"] = 4] = "ONCONTENT_1";
-  Colors[Colors["ONCONTENT_2"] = 5] = "ONCONTENT_2";
-  Colors[Colors["PRIMARY"] = 6] = "PRIMARY";
-  Colors[Colors["ERROR"] = 7] = "ERROR";
+  Colors["ONBACKGROUND_1"] = "ONBACKGROUND_1";
+  Colors["ONBACKGROUND_2"] = "ONBACKGROUND_2";
+  Colors["ONBACKGROUND_3"] = "ONBACKGROUND_3";
+  Colors["ONBACKGROUND_4"] = "ONBACKGROUND_4";
+  Colors["ONCONTENT_1"] = "ONCONTENT_1";
+  Colors["ONCONTENT_2"] = "ONCONTENT_2";
+  Colors["PRIMARY"] = "PRIMARY";
+  Colors["ERROR"] = "ERROR";
 })(Colors || (Colors = {}));
 
-var changeColorToClassName = function changeColorToClassName(color) {
+var changeColorToClassName = function (color) {
   switch (color) {
     case Colors.ONBACKGROUND_1:
       return 'sendbird-color--onbackground-1';
@@ -40,4 +40,4 @@ var changeColorToClassName = function changeColorToClassName(color) {
 };
 
 export { Colors as C, changeColorToClassName as c };
-//# sourceMappingURL=color-83cfc07a.js.map
+//# sourceMappingURL=color-fff21001.js.map

package/color-fff21001.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-fff21001.js","sources":["../src/utils/color.ts"],"sourcesContent":["import './color.scss';\n\nexport enum Colors {\n  ONBACKGROUND_1 = 'ONBACKGROUND_1',\n  ONBACKGROUND_2 = 'ONBACKGROUND_2',\n  ONBACKGROUND_3 = 'ONBACKGROUND_3',\n  ONBACKGROUND_4 = 'ONBACKGROUND_4',\n  ONCONTENT_1 = 'ONCONTENT_1',\n  ONCONTENT_2 = 'ONCONTENT_2',\n  PRIMARY = 'PRIMARY',\n  ERROR = 'ERROR',\n}\n\nexport const changeColorToClassName = (color: Colors): string => {\n  switch (color) {\n    case Colors.ONBACKGROUND_1: return 'sendbird-color--onbackground-1';\n    case Colors.ONBACKGROUND_2: return 'sendbird-color--onbackground-2';\n    case Colors.ONBACKGROUND_3: return 'sendbird-color--onbackground-3';\n    case Colors.ONBACKGROUND_4: return 'sendbird-color--onbackground-4';\n    case Colors.ONCONTENT_1: return 'sendbird-color--oncontent-1';\n    case Colors.PRIMARY: return 'sendbird-color--primary';\n    case Colors.ERROR: return 'sendbird-color--error';\n    default: return null;\n  }\n};\n"],"names":["Colors","changeColorToClassName","color","ONBACKGROUND_1","ONBACKGROUND_2","ONBACKGROUND_3","ONBACKGROUND_4","ONCONTENT_1","PRIMARY","ERROR"],"mappings":"IAEYA,OAAZ;;AAAA,CAAA,UAAYA,MAAZ,EAAkB;AAChBA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AACD,CATD,EAAYA,MAAM,KAANA,MAAM,GASjB,EATiB,CAAlB,CAAA,CAAA;;AAWaC,IAAAA,sBAAsB,GAAG,UAACC,KAAD,EAAc;AAClD,EAAA,QAAQA,KAAR;IACE,KAAKF,MAAM,CAACG,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKH,MAAM,CAACI,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKJ,MAAM,CAACK,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKL,MAAM,CAACM,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKN,MAAM,CAACO,WAAZ;AAAyB,MAAA,OAAO,6BAAP,CAAA;;IACzB,KAAKP,MAAM,CAACQ,OAAZ;AAAqB,MAAA,OAAO,yBAAP,CAAA;;IACrB,KAAKR,MAAM,CAACS,KAAZ;AAAmB,MAAA,OAAO,uBAAP,CAAA;;AACnB,IAAA;AAAS,MAAA,OAAO,IAAP,CAAA;AARX,GAAA;AAUD;;;;"}

package/compareIds-332d261c.js

@@ -0,0 +1,16 @@
+const isEmpty = val => val === null || val === undefined; // Some Ids return string and number inconsistently
+// only use to comapre IDs
+
+
+function compareIds (a, b) {
+  if (isEmpty(a) || isEmpty(b)) {
+    return false;
+  }
+
+  const aString = a.toString();
+  const bString = b.toString();
+  return aString === bString;
+}
+
+export { compareIds as c };
+//# sourceMappingURL=compareIds-332d261c.js.map

package/compareIds-332d261c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compareIds-332d261c.js","sources":["../src/utils/compareIds.js"],"sourcesContent":["const isEmpty = (val) => (val === null || val === undefined);\n\n// Some Ids return string and number inconsistently\n// only use to comapre IDs\nexport default function (a, b) {\n  if (isEmpty(a) || isEmpty(b)) {\n    return false;\n  }\n  const aString = a.toString();\n  const bString = b.toString();\n  return aString === bString;\n}\n"],"names":["isEmpty","val","undefined","a","b","aString","toString","bString"],"mappings":"AAAA,MAAMA,OAAO,GAAIC,GAAD,IAAUA,GAAG,KAAK,IAAR,IAAgBA,GAAG,KAAKC,SAAlD;AAGA;;;AACe,mBAAUC,EAAAA,CAAV,EAAaC,CAAb,EAAgB;EAC7B,IAAIJ,OAAO,CAACG,CAAD,CAAP,IAAcH,OAAO,CAACI,CAAD,CAAzB,EAA8B;AAC5B,IAAA,OAAO,KAAP,CAAA;AACD,GAAA;;AACD,EAAA,MAAMC,OAAO,GAAGF,CAAC,CAACG,QAAF,EAAhB,CAAA;AACA,EAAA,MAAMC,OAAO,GAAGH,CAAC,CAACE,QAAF,EAAhB,CAAA;EACA,OAAOD,OAAO,KAAKE,OAAnB,CAAA;AACD;;;;"}

package/{const-71ceda85.js → const-03293011.js}

@@ -15,4 +15,4 @@ var NodeNames = {
 };
 
 export { MessageInputKeys as M, NodeTypes as N, NodeNames as a };
-//# sourceMappingURL=const-71ceda85.js.map
+//# sourceMappingURL=const-03293011.js.map

package/const-03293011.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const-03293011.js","sources":["../src/ui/MessageInput/const.ts"],"sourcesContent":["export const MessageInputKeys = {\n  Enter: 'Enter',\n  ArrowUp: 'ArrowUp',\n  ArrowDown: 'ArrowDown',\n  Backspace: 'Backspace',\n};\n\nexport const NodeTypes = {\n  ElementNode: 1,\n  TextNode: 3,\n};\n\nexport const NodeNames = {\n  Span: 'SPAN',\n  Br: 'BR',\n  Div: 'DIV',\n};\n"],"names":["MessageInputKeys","Enter","ArrowUp","ArrowDown","Backspace","NodeTypes","ElementNode","TextNode","NodeNames","Span","Br","Div"],"mappings":"AAAO,IAAMA,gBAAgB,GAAG;AAC9BC,EAAAA,KAAK,EAAE,OADuB;AAE9BC,EAAAA,OAAO,EAAE,SAFqB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,SAAS,EAAE,WAAA;AAJmB,EAAzB;AAOA,IAAMC,SAAS,GAAG;AACvBC,EAAAA,WAAW,EAAE,CADU;AAEvBC,EAAAA,QAAQ,EAAE,CAAA;AAFa,EAAlB;AAKA,IAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MADiB;AAEvBC,EAAAA,EAAE,EAAE,IAFmB;AAGvBC,EAAAA,GAAG,EAAE,KAAA;AAHkB;;;;"}

package/{const-7867ac6a.js → const-78e336dd.js}

@@ -5,4 +5,4 @@ var MAX_USER_SUGGESTION_COUNT = 15;
 var USER_MENTION_TEMP_CHAR = '@';
 
 export { MAX_USER_MENTION_COUNT as M, NEXT_RESULT_SIZE as N, PREV_RESULT_SIZE as P, USER_MENTION_TEMP_CHAR as U, MAX_USER_SUGGESTION_COUNT as a };
-//# sourceMappingURL=const-7867ac6a.js.map
+//# sourceMappingURL=const-78e336dd.js.map

package/{const-7867ac6a.js.map → const-78e336dd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"const-7867ac6a.js","sources":["../src/smart-components/Channel/context/const.ts"],"sourcesContent":["export const PREV_RESULT_SIZE = 30;\nexport const NEXT_RESULT_SIZE = 15;\n\nexport const MAX_USER_MENTION_COUNT = 10;\nexport const MAX_USER_SUGGESTION_COUNT = 15;\nexport const USER_MENTION_TEMP_CHAR = '@';\n"],"names":["PREV_RESULT_SIZE","NEXT_RESULT_SIZE","MAX_USER_MENTION_COUNT","MAX_USER_SUGGESTION_COUNT","USER_MENTION_TEMP_CHAR"],"mappings":"IAAaA,gBAAgB,GAAG;IACnBC,gBAAgB,GAAG;IAEnBC,sBAAsB,GAAG;IACzBC,yBAAyB,GAAG;IAC5BC,sBAAsB,GAAG;;;;"}
+{"version":3,"file":"const-78e336dd.js","sources":["../src/smart-components/Channel/context/const.ts"],"sourcesContent":["export const PREV_RESULT_SIZE = 30;\nexport const NEXT_RESULT_SIZE = 15;\n\nexport const MAX_USER_MENTION_COUNT = 10;\nexport const MAX_USER_SUGGESTION_COUNT = 15;\nexport const USER_MENTION_TEMP_CHAR = '@';\n"],"names":["PREV_RESULT_SIZE","NEXT_RESULT_SIZE","MAX_USER_MENTION_COUNT","MAX_USER_SUGGESTION_COUNT","USER_MENTION_TEMP_CHAR"],"mappings":"AAAO,IAAMA,gBAAgB,GAAG,GAAzB;AACA,IAAMC,gBAAgB,GAAG,GAAzB;AAEA,IAAMC,sBAAsB,GAAG,GAA/B;AACA,IAAMC,yBAAyB,GAAG,GAAlC;AACA,IAAMC,sBAAsB,GAAG;;;;"}

package/{context-2f6f1c17.js → context-44e184de.js}

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { n as noop } from './utils-2c4d166e.js';
+import { n as noop } from './utils-32938255.js';
 
 var Context = /*#__PURE__*/React__default.createContext({
   opened: '',
@@ -9,4 +9,4 @@ var Consumer = Context.Consumer;
 var Provider = Context.Provider;
 
 export { Consumer as C, Provider as P };
-//# sourceMappingURL=context-2f6f1c17.js.map
+//# sourceMappingURL=context-44e184de.js.map

package/{context-2f6f1c17.js.map → context-44e184de.js.map}

@@ -1 +1 @@
-{"version":3,"file":"context-2f6f1c17.js","sources":["../src/ui/Accordion/context.ts"],"sourcesContent":["import React from 'react';\n\nimport { noop } from '../../utils/utils';\n\ninterface ContextValue {\n  setOpened(accordion: string): void;\n  opened: string;\n}\n\nconst Context = React.createContext<ContextValue>({\n  opened: '', // mock default value\n  setOpened: noop,\n});\n\nexport const Consumer = Context.Consumer;\nexport const Provider = Context.Provider;\n"],"names":["Context","React","createContext","opened","setOpened","noop","Consumer","Provider"],"mappings":";;;AASA,IAAMA,OAAO,gBAAGC,cAAK,CAACC,aAAN,CAAkC;AAChDC,EAAAA,MAAM,EAAE,EADwC;AAEhDC,EAAAA,SAAS,EAAEC;AAFqC,CAAlC,CAAhB;IAKaC,QAAQ,GAAGN,OAAO,CAACM;IACnBC,QAAQ,GAAGP,OAAO,CAACO;;;;"}
+{"version":3,"file":"context-44e184de.js","sources":["../src/ui/Accordion/context.ts"],"sourcesContent":["import React from 'react';\n\nimport { noop } from '../../utils/utils';\n\ninterface ContextValue {\n  setOpened(accordion: string): void;\n  opened: string;\n}\n\nconst Context = React.createContext<ContextValue>({\n  opened: '', // mock default value\n  setOpened: noop,\n});\n\nexport const Consumer = Context.Consumer;\nexport const Provider = Context.Provider;\n"],"names":["Context","React","createContext","opened","setOpened","noop","Consumer","Provider"],"mappings":";;;AASA,IAAMA,OAAO,gBAAGC,cAAK,CAACC,aAAN,CAAkC;AAChDC,EAAAA,MAAM,EAAE,EADwC;AAEhDC,EAAAA,SAAS,EAAEC,IAAAA;AAFqC,CAAlC,CAAhB,CAAA;AAKaC,IAAAA,QAAQ,GAAGN,OAAO,CAACM,SAAzB;AACMC,IAAAA,QAAQ,GAAGP,OAAO,CAACO;;;;"}