@sendbird/uikit-react 3.0.0-rc.2 → 3.0.2-beta.0

package/ui/LinkLabel.js

@@ -1,8 +1,8 @@
-import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-8ba74698.js';
+import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-9a08c8bf.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { a as LabelTypography, b as LabelColors, d as changeColorToClassName, L as Label } from '../index-d1179659.js';
-import '../stringSet-3a2b916e.js';
+import { a as LabelTypography, b as LabelColors, d as changeColorToClassName, L as Label } from '../index-0d4dcc94.js';
+import '../stringSet-efeb1ad3.js';
 
 var http = /https?:\/\//;
 function LinkLabel(_ref) {

package/ui/Loader.js

@@ -1,4 +1,4 @@
-import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-8ba74698.js';
+import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-9a08c8bf.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import Icon, { IconTypes } from './Icon.js';

package/ui/MentionLabel.js

@@ -1,26 +1,26 @@
 import React__default, { useRef, useState, useCallback } from 'react';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-d1179659.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0d4dcc94.js';
 import ConnectedUserProfile from './UserProfile.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import '../_rollupPluginBabelHelpers-8ba74698.js';
+import '../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
-import '../index-4c5351e9.js';
-import '../tslib.es6-9548150b.js';
+import '../index-afd61eff.js';
+import '../tslib.es6-91aa0158.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../stringSet-3a2b916e.js';
-import '../LocalizationContext-3dbcc9d8.js';
-import '../index-21a0df21.js';
+import '../stringSet-efeb1ad3.js';
+import '../LocalizationContext-08cebf79.js';
+import '../index-623fd405.js';
 import '../withSendbird.js';
 import '../sendbirdSelectors.js';
-import '../topics-19b96cc7.js';
-import '../utils-83135175.js';
+import '../topics-7181983e.js';
+import '../utils-0db9b91e.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';
-import '../uuid-c5e7a9dd.js';
-import '../index-905615b2.js';
+import '../uuid-902e6498.js';
+import '../index-cdd2789a.js';
 
 function MentionLabel(props) {
   var _a, _b, _c;
@@ -40,11 +40,12 @@ function MentionLabel(props) {
       setUser = _d[1];
 
   var fetchUser = useCallback(function (toggleDropdown) {
-    if (user) {
+    if (user || !(sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery)) {
       toggleDropdown();
+      return;
     }
 
-    var query = sdk.createApplicationUserListQuery({
+    var query = sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery({
       userIdsFilter: [mentionedUserId]
     });
     query.next().then(function (members) {

package/ui/MentionLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"MentionLabel.js","sources":["../../src/ui/MentionLabel/index.tsx"],"sourcesContent":["import './index.scss';\n\nimport React, {\n  ReactElement,\n  useRef,\n  useState,\n  useCallback,\n} from 'react';\nimport type { User } from '@sendbird/chat';\n\nimport ContextMenu, { MenuItems } from '../ContextMenu';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport UserProfile from '../UserProfile';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\n\ninterface MentionLabelProps {\n  mentionTemplate: string;\n  mentionedUserId: string;\n  mentionedUserNickname: string;\n  isByMe: boolean;\n}\n\nexport default function MentionLabel(props: MentionLabelProps): JSX.Element {\n  const {\n    mentionTemplate,\n    mentionedUserId,\n    mentionedUserNickname,\n    isByMe,\n  } = props;\n\n  const mentionRef = useRef();\n\n  const sendbirdState = useSendbirdStateContext();\n  const userId = sendbirdState?.config?.userId;\n  const sdk = sendbirdState?.stores?.sdkStore?.sdk;\n  const amIBeingMentioned = userId === mentionedUserId;\n  const [user, setUser] = useState<User| null>();\n  const fetchUser = useCallback(\n    (toggleDropdown) => {\n      if (user) {\n        toggleDropdown();\n      }\n      const query = sdk.createApplicationUserListQuery({\n        userIdsFilter: [mentionedUserId],\n      });\n      query.next().then((members) => {\n        if (members?.length > 0) {\n          setUser(members[0]);\n        }\n        toggleDropdown();\n      })\n    },\n    [sdk, mentionedUserId],\n  );\n  return (\n    <ContextMenu\n      menuTrigger={(toggleDropdown: () => void): ReactElement => (\n        <a\n          className={`\n            sendbird-word__mention\n            ${amIBeingMentioned ? 'sendbird-word__mention--me' : ''}\n          `}\n          onClick={() => fetchUser(toggleDropdown)}\n          ref={mentionRef}\n        >\n          <Label\n            type={LabelTypography.CAPTION_1}\n            color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n          >\n            {`${mentionTemplate}${mentionedUserNickname}`}\n          </Label>\n        </a>\n      )}\n      menuItems={(closeDropdown: () => void): ReactElement => (\n        <MenuItems\n          /**\n          * parentRef: For catching location(x, y) of MenuItems\n          * parentContainRef: For toggling more options(menus & reactions)\n          */\n          parentRef={mentionRef}\n          parentContainRef={mentionRef}\n          closeDropdown={closeDropdown}\n          style={{ paddingTop: 0, paddingBottom: 0 }}\n        >\n          <UserProfile user={user} onSuccess={closeDropdown} />\n        </MenuItems>\n      )}\n    />\n  )\n}\n"],"names":["MentionLabel","props","mentionTemplate","mentionedUserId","mentionedUserNickname","isByMe","mentionRef","useRef","sendbirdState","useSendbirdStateContext","userId","config","sdk","stores","sdkStore","amIBeingMentioned","_d","useState","user","setUser","fetchUser","useCallback","toggleDropdown","query","createApplicationUserListQuery","userIdsFilter","next","then","members","length","React","LabelTypography","CAPTION_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","closeDropdown","paddingTop","paddingBottom","UserProfile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;SAsBwBA,aAAaC;;;AAEjC,MAAAC,eAAe,GAIbD,KAAK,gBAJP;AAAA,MACAE,eAAe,GAGbF,KAAK,gBAJP;AAAA,MAEAG,qBAAqB,GAEnBH,KAAK,sBAJP;AAAA,MAGAI,MAAM,GACJJ,KAAK,OAJP;AAMF,MAAMK,UAAU,GAAGC,MAAM,EAAzB;AAEA,MAAMC,aAAa,GAAGC,uBAAuB,EAA7C;AACA,MAAMC,MAAM,GAAG,MAAAF,aAAa,SAAb,IAAAA,aAAa,WAAb,SAAA,GAAAA,aAAa,CAAEG,MAAf,UAAA,iBAAA,SAAA,MAAuBD,MAAtC;AACA,MAAME,GAAG,GAAG,MAAA,MAAAJ,aAAa,SAAb,IAAAA,aAAa,WAAb,SAAA,GAAAA,aAAa,CAAEK,MAAf,UAAA,iBAAA,SAAA,MAAuBC,QAAvB,UAAA,iBAAA,SAAA,MAAiCF,GAA7C;AACA,MAAMG,iBAAiB,GAAGL,MAAM,KAAKP,eAArC;;AACM,MAAAa,KAAkBC,QAAQ,EAA1B;AAAA,MAACC,IAAI,QAAL;AAAA,MAAOC,OAAO,QAAd;;AACN,MAAMC,SAAS,GAAGC,WAAW,CAC3B,UAACC,cAAD;AACE,QAAIJ,IAAJ,EAAU;AACRI,MAAAA,cAAc;AACf;;AACD,QAAMC,KAAK,GAAGX,GAAG,CAACY,8BAAJ,CAAmC;AAC/CC,MAAAA,aAAa,EAAE,CAACtB,eAAD;AADgC,KAAnC,CAAd;AAGAoB,IAAAA,KAAK,CAACG,IAAN,GAAaC,IAAb,CAAkB,UAACC,OAAD;AAChB,UAAI,CAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEC,MAAT,IAAkB,CAAtB,EAAyB;AACvBV,QAAAA,OAAO,CAACS,OAAO,CAAC,CAAD,CAAR,CAAP;AACD;;AACDN,MAAAA,cAAc;AACf,KALD;AAMD,GAd0B,EAe3B,CAACV,GAAD,EAAMT,eAAN,CAf2B,CAA7B;AAiBA,sBACE2B,6BAAC,WAAD;AACE,IAAA,WAAW,EAAE,qBAACR,cAAD;AAA8C,0BACzDQ;AACE,QAAA,SAAS,EAAE,2DAAA,CAEPf,iBAAiB,GAAG,4BAAH,GAAkC,EAF5C,gBAAA,CADb;AAKE,QAAA,OAAO,EAAE;AAAM,iBAAAK,SAAS,CAACE,cAAD,CAAT;AAAyB,SAL1C;AAME,QAAA,GAAG,EAAEhB;AANP,sBAQEwB,6BAAC,KAAD;AACE,QAAA,IAAI,EAAEC,eAAe,CAACC,SADxB;AAEE,QAAA,KAAK,EAAE3B,MAAM,GAAG4B,WAAW,CAACC,WAAf,GAA6BD,WAAW,CAACE;AAFxD,SAIG,SAAA,CAAGjC,eAAH,QAAA,CAAqBE,qBAArB,CAJH,CARF,CADyD;AAgB1D,KAjBH;AAkBE,IAAA,SAAS,EAAE,mBAACgC,aAAD;AAA6C,0BACtDN,6BAAC;AACC;;;;AADF;AAKE,QAAA,SAAS,EAAExB,UALb;AAME,QAAA,gBAAgB,EAAEA,UANpB;AAOE,QAAA,aAAa,EAAE8B,aAPjB;AAQE,QAAA,KAAK,EAAE;AAAEC,UAAAA,UAAU,EAAE,CAAd;AAAiBC,UAAAA,aAAa,EAAE;AAAhC;AART,sBAUER,6BAACS,oBAAD;AAAa,QAAA,IAAI,EAAErB,IAAnB;AAAyB,QAAA,SAAS,EAAEkB;AAApC,QAVF,CADsD;AAavD;AA/BH,IADF;AAmCD;;;;"}
+{"version":3,"file":"MentionLabel.js","sources":["../../src/ui/MentionLabel/index.tsx"],"sourcesContent":["import './index.scss';\n\nimport React, {\n  ReactElement,\n  useRef,\n  useState,\n  useCallback,\n} from 'react';\nimport type { User } from '@sendbird/chat';\n\nimport ContextMenu, { MenuItems } from '../ContextMenu';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport UserProfile from '../UserProfile';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\n\ninterface MentionLabelProps {\n  mentionTemplate: string;\n  mentionedUserId: string;\n  mentionedUserNickname: string;\n  isByMe: boolean;\n}\n\nexport default function MentionLabel(props: MentionLabelProps): JSX.Element {\n  const {\n    mentionTemplate,\n    mentionedUserId,\n    mentionedUserNickname,\n    isByMe,\n  } = props;\n\n  const mentionRef = useRef();\n\n  const sendbirdState = useSendbirdStateContext();\n  const userId = sendbirdState?.config?.userId;\n  const sdk = sendbirdState?.stores?.sdkStore?.sdk;\n  const amIBeingMentioned = userId === mentionedUserId;\n  const [user, setUser] = useState<User| null>();\n  const fetchUser = useCallback(\n    (toggleDropdown) => {\n      if (user || !sdk?.createApplicationUserListQuery) {\n        toggleDropdown();\n        return;\n      }\n      const query = sdk?.createApplicationUserListQuery({\n        userIdsFilter: [mentionedUserId],\n      });\n      query.next().then((members) => {\n        if (members?.length > 0) {\n          setUser(members[0]);\n        }\n        toggleDropdown();\n      });\n    },\n    [sdk, mentionedUserId],\n  );\n  return (\n    <ContextMenu\n      menuTrigger={(toggleDropdown: () => void): ReactElement => (\n        <a\n          className={`\n            sendbird-word__mention\n            ${amIBeingMentioned ? 'sendbird-word__mention--me' : ''}\n          `}\n          onClick={() => fetchUser(toggleDropdown)}\n          ref={mentionRef}\n        >\n          <Label\n            type={LabelTypography.CAPTION_1}\n            color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n          >\n            {`${mentionTemplate}${mentionedUserNickname}`}\n          </Label>\n        </a>\n      )}\n      menuItems={(closeDropdown: () => void): ReactElement => (\n        <MenuItems\n          /**\n          * parentRef: For catching location(x, y) of MenuItems\n          * parentContainRef: For toggling more options(menus & reactions)\n          */\n          parentRef={mentionRef}\n          parentContainRef={mentionRef}\n          closeDropdown={closeDropdown}\n          style={{ paddingTop: 0, paddingBottom: 0 }}\n        >\n          <UserProfile user={user} onSuccess={closeDropdown} />\n        </MenuItems>\n      )}\n    />\n  )\n}\n"],"names":["MentionLabel","props","mentionTemplate","mentionedUserId","mentionedUserNickname","isByMe","mentionRef","useRef","sendbirdState","useSendbirdStateContext","userId","config","sdk","stores","sdkStore","amIBeingMentioned","_d","useState","user","setUser","fetchUser","useCallback","toggleDropdown","createApplicationUserListQuery","query","userIdsFilter","next","then","members","length","React","LabelTypography","CAPTION_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","closeDropdown","paddingTop","paddingBottom","UserProfile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;SAsBwBA,aAAaC;;;AAEjC,MAAAC,eAAe,GAIbD,KAAK,gBAJP;AAAA,MACAE,eAAe,GAGbF,KAAK,gBAJP;AAAA,MAEAG,qBAAqB,GAEnBH,KAAK,sBAJP;AAAA,MAGAI,MAAM,GACJJ,KAAK,OAJP;AAMF,MAAMK,UAAU,GAAGC,MAAM,EAAzB;AAEA,MAAMC,aAAa,GAAGC,uBAAuB,EAA7C;AACA,MAAMC,MAAM,GAAG,MAAAF,aAAa,SAAb,IAAAA,aAAa,WAAb,SAAA,GAAAA,aAAa,CAAEG,MAAf,UAAA,iBAAA,SAAA,MAAuBD,MAAtC;AACA,MAAME,GAAG,GAAG,MAAA,MAAAJ,aAAa,SAAb,IAAAA,aAAa,WAAb,SAAA,GAAAA,aAAa,CAAEK,MAAf,UAAA,iBAAA,SAAA,MAAuBC,QAAvB,UAAA,iBAAA,SAAA,MAAiCF,GAA7C;AACA,MAAMG,iBAAiB,GAAGL,MAAM,KAAKP,eAArC;;AACM,MAAAa,KAAkBC,QAAQ,EAA1B;AAAA,MAACC,IAAI,QAAL;AAAA,MAAOC,OAAO,QAAd;;AACN,MAAMC,SAAS,GAAGC,WAAW,CAC3B,UAACC,cAAD;AACE,QAAIJ,IAAI,IAAI,EAACN,GAAG,SAAH,IAAAA,GAAG,WAAH,SAAA,GAAAA,GAAG,CAAEW,8BAAN,CAAZ,EAAkD;AAChDD,MAAAA,cAAc;AACd;AACD;;AACD,QAAME,KAAK,GAAGZ,GAAG,SAAH,IAAAA,GAAG,WAAH,SAAA,GAAAA,GAAG,CAAEW,8BAAL,CAAoC;AAChDE,MAAAA,aAAa,EAAE,CAACtB,eAAD;AADiC,KAApC,CAAd;AAGAqB,IAAAA,KAAK,CAACE,IAAN,GAAaC,IAAb,CAAkB,UAACC,OAAD;AAChB,UAAI,CAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEC,MAAT,IAAkB,CAAtB,EAAyB;AACvBV,QAAAA,OAAO,CAACS,OAAO,CAAC,CAAD,CAAR,CAAP;AACD;;AACDN,MAAAA,cAAc;AACf,KALD;AAMD,GAf0B,EAgB3B,CAACV,GAAD,EAAMT,eAAN,CAhB2B,CAA7B;AAkBA,sBACE2B,6BAAC,WAAD;AACE,IAAA,WAAW,EAAE,qBAACR,cAAD;AAA8C,0BACzDQ;AACE,QAAA,SAAS,EAAE,2DAAA,CAEPf,iBAAiB,GAAG,4BAAH,GAAkC,EAF5C,gBAAA,CADb;AAKE,QAAA,OAAO,EAAE;AAAM,iBAAAK,SAAS,CAACE,cAAD,CAAT;AAAyB,SAL1C;AAME,QAAA,GAAG,EAAEhB;AANP,sBAQEwB,6BAAC,KAAD;AACE,QAAA,IAAI,EAAEC,eAAe,CAACC,SADxB;AAEE,QAAA,KAAK,EAAE3B,MAAM,GAAG4B,WAAW,CAACC,WAAf,GAA6BD,WAAW,CAACE;AAFxD,SAIG,SAAA,CAAGjC,eAAH,QAAA,CAAqBE,qBAArB,CAJH,CARF,CADyD;AAgB1D,KAjBH;AAkBE,IAAA,SAAS,EAAE,mBAACgC,aAAD;AAA6C,0BACtDN,6BAAC;AACC;;;;AADF;AAKE,QAAA,SAAS,EAAExB,UALb;AAME,QAAA,gBAAgB,EAAEA,UANpB;AAOE,QAAA,aAAa,EAAE8B,aAPjB;AAQE,QAAA,KAAK,EAAE;AAAEC,UAAAA,UAAU,EAAE,CAAd;AAAiBC,UAAAA,aAAa,EAAE;AAAhC;AART,sBAUER,6BAACS,oBAAD;AAAa,QAAA,IAAI,EAAErB,IAAnB;AAAyB,QAAA,SAAS,EAAEkB;AAApC,QAVF,CADsD;AAavD;AA/BH,IADF;AAmCD;;;;"}

package/ui/MessageContent.js

@@ -1,12 +1,12 @@
 import React__default, { useContext, useRef, useState } from 'react';
-import { f as format } from '../index-5ba00ba3.js';
+import { f as format } from '../index-f222d022.js';
 import Avatar from './Avatar.js';
 import ConnectedUserProfile from './UserProfile.js';
 import MessageStatus from './MessageStatus.js';
 import MessageItemMenu from './MessageItemMenu.js';
 import MessageItemReactionMenu from './MessageItemReactionMenu.js';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-d1179659.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0d4dcc94.js';
 import EmojiReactions from './EmojiReactions.js';
 import AdminMessage from './AdminMessage.js';
 import TextMessageItemBody from './TextMessageItemBody.js';
@@ -15,24 +15,24 @@ import ThumbnailMessageItemBody from './ThumbnailMessageItemBody.js';
 import OGMessageItemBody from './OGMessageItemBody.js';
 import UnknownMessageItemBody from './UnknownMessageItemBody.js';
 import QuoteMessage from './QuoteMessage.js';
-import { v as getUIKitMessageTypes, k as getClassName, w as getSenderName, x as isTextMessage, y as isOGMessage, z as getUIKitMessageType, p as isThumbnailMessage } from '../index-4c5351e9.js';
-import { a as UserProfileContext } from '../UserProfileContext-f0ef00c0.js';
-import { u as useLocalization } from '../LocalizationContext-3dbcc9d8.js';
+import { v as getUIKitMessageTypes, k as getClassName, w as getSenderName, x as isTextMessage, y as isOGMessage, z as getUIKitMessageType, p as isThumbnailMessage } from '../index-afd61eff.js';
+import { a as UserProfileContext } from '../UserProfileContext-97bec8f7.js';
+import { u as useLocalization } from '../LocalizationContext-08cebf79.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import '../index-21a0df21.js';
-import '../tslib.es6-9548150b.js';
+import '../index-623fd405.js';
+import '../tslib.es6-91aa0158.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-8ba74698.js';
+import '../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
 import './Icon.js';
-import '../uuid-c5e7a9dd.js';
+import '../uuid-902e6498.js';
 import '../withSendbird.js';
 import '../sendbirdSelectors.js';
-import '../topics-19b96cc7.js';
-import '../utils-83135175.js';
-import '../index-905615b2.js';
+import '../topics-7181983e.js';
+import '../utils-0db9b91e.js';
+import '../index-cdd2789a.js';
 import './Loader.js';
-import '../stringSet-3a2b916e.js';
+import '../stringSet-efeb1ad3.js';
 import './IconButton.js';
 import './ReactionButton.js';
 import 'react-dom';
@@ -44,7 +44,7 @@ import './Word.js';
 import './LinkLabel.js';
 import './MentionLabel.js';
 import './TextButton.js';
-import '../color-b580a421.js';
+import '../color-aef1bef8.js';
 
 function MessageContent(_a) {
   var _b, _c, _d, _e, _f;

package/ui/MessageInput.js

@@ -1,18 +1,18 @@
-import { a as _slicedToArray, _ as _objectSpread2, b as _toConsumableArray } from '../_rollupPluginBabelHelpers-8ba74698.js';
+import { a as _slicedToArray, _ as _objectSpread2, b as _toConsumableArray } from '../_rollupPluginBabelHelpers-9a08c8bf.js';
 import React__default, { useContext, useRef, useState, useMemo, useEffect, useCallback } from 'react';
 import PropTypes from 'prop-types';
-import { N as NodeTypes, M as MessageInputKeys, a as NodeNames } from '../const-b72fa505.js';
-import { U as USER_MENTION_TEMP_CHAR } from '../const-a11ccf78.js';
+import { N as NodeTypes, M as MessageInputKeys, a as NodeNames } from '../const-b1f038b0.js';
+import { U as USER_MENTION_TEMP_CHAR } from '../const-a6734af7.js';
 import IconButton from './IconButton.js';
-import { B as Button, a as ButtonTypes, b as ButtonSizes } from '../index-905615b2.js';
+import { B as Button, a as ButtonTypes, b as ButtonSizes } from '../index-cdd2789a.js';
 import MentionUserLabel from './MentionUserLabel.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-d1179659.js';
-import { a as LocalizationContext } from '../LocalizationContext-3dbcc9d8.js';
-import { l as convertWordToStringObj, S as StringObjType, m as arrayEqual, k as getClassName } from '../index-4c5351e9.js';
-import '../stringSet-3a2b916e.js';
-import '../index-21a0df21.js';
-import '../tslib.es6-9548150b.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0d4dcc94.js';
+import { a as LocalizationContext } from '../LocalizationContext-08cebf79.js';
+import { l as convertWordToStringObj, S as StringObjType, m as arrayEqual, k as getClassName } from '../index-afd61eff.js';
+import '../stringSet-efeb1ad3.js';
+import '../index-623fd405.js';
+import '../tslib.es6-91aa0158.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 

package/ui/MessageItemMenu.js

@@ -2,16 +2,16 @@ import React__default, { useContext, useRef } from 'react';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { u as isUserMessage, D as isSentMessage, E as isFailedMessage, F as isPendingMessage, k as getClassName, G as copyToClipboard } from '../index-4c5351e9.js';
-import { a as LocalizationContext } from '../LocalizationContext-3dbcc9d8.js';
-import '../_rollupPluginBabelHelpers-8ba74698.js';
+import { u as isUserMessage, D as isSentMessage, E as isFailedMessage, F as isPendingMessage, k as getClassName, G as copyToClipboard } from '../index-afd61eff.js';
+import { a as LocalizationContext } from '../LocalizationContext-08cebf79.js';
+import '../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
-import '../index-d1179659.js';
-import '../stringSet-3a2b916e.js';
+import '../index-0d4dcc94.js';
+import '../stringSet-efeb1ad3.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../tslib.es6-9548150b.js';
-import '../index-21a0df21.js';
+import '../tslib.es6-91aa0158.js';
+import '../index-623fd405.js';
 
 function MessageItemMenu(_a) {
   var className = _a.className,

package/ui/MessageItemReactionMenu.js

@@ -4,14 +4,14 @@ import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import ReactionButton from './ReactionButton.js';
-import { F as isPendingMessage, E as isFailedMessage, k as getClassName, H as getEmojiListAll } from '../index-4c5351e9.js';
-import '../_rollupPluginBabelHelpers-8ba74698.js';
+import { F as isPendingMessage, E as isFailedMessage, k as getClassName, H as getEmojiListAll } from '../index-afd61eff.js';
+import '../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
-import '../index-d1179659.js';
-import '../stringSet-3a2b916e.js';
+import '../index-0d4dcc94.js';
+import '../stringSet-efeb1ad3.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../tslib.es6-9548150b.js';
+import '../tslib.es6-91aa0158.js';
 
 function MessageItemReactionMenu(_a) {
   var className = _a.className,

package/ui/MessageSearchFileItem.js

@@ -1,18 +1,18 @@
-import { a as __spreadArray } from '../tslib.es6-9548150b.js';
+import { a as __spreadArray } from '../tslib.es6-91aa0158.js';
 import React__default from 'react';
 import Avatar from './Avatar.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-d1179659.js';
-import { u as useLocalization } from '../LocalizationContext-3dbcc9d8.js';
-import { f as format } from '../index-5ba00ba3.js';
-import { i as isToday, a as isYesterday, f as formatRelative } from '../index-eebcc3d0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0d4dcc94.js';
+import { u as useLocalization } from '../LocalizationContext-08cebf79.js';
+import { f as format } from '../index-f222d022.js';
+import { i as isToday, a as isYesterday, f as formatRelative } from '../index-cc9419b6.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-8ba74698.js';
+import '../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
-import '../uuid-c5e7a9dd.js';
-import '../stringSet-3a2b916e.js';
-import '../index-21a0df21.js';
-import '../index-93e3dce0.js';
+import '../uuid-902e6498.js';
+import '../stringSet-efeb1ad3.js';
+import '../index-623fd405.js';
+import '../index-13e3837f.js';
 
 function getCreatedAt(createdAt, locale) {
   var optionalParam = locale ? {

package/ui/MessageSearchItem.js

@@ -1,18 +1,18 @@
-import { a as __spreadArray } from '../tslib.es6-9548150b.js';
+import { a as __spreadArray } from '../tslib.es6-91aa0158.js';
 import React__default from 'react';
-import { f as format } from '../index-5ba00ba3.js';
-import { i as isToday, a as isYesterday, f as formatRelative } from '../index-eebcc3d0.js';
+import { f as format } from '../index-f222d022.js';
+import { i as isToday, a as isYesterday, f as formatRelative } from '../index-cc9419b6.js';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-d1179659.js';
-import { u as useLocalization } from '../LocalizationContext-3dbcc9d8.js';
-import '../index-21a0df21.js';
-import '../index-93e3dce0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0d4dcc94.js';
+import { u as useLocalization } from '../LocalizationContext-08cebf79.js';
+import '../index-623fd405.js';
+import '../index-13e3837f.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-8ba74698.js';
+import '../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
 import './Icon.js';
-import '../uuid-c5e7a9dd.js';
-import '../stringSet-3a2b916e.js';
+import '../uuid-902e6498.js';
+import '../stringSet-efeb1ad3.js';
 
 function getCreatedAt (createdAt, locale) {
   var optionalParam = locale ? {

package/ui/MessageStatus.js

@@ -1,15 +1,15 @@
-import { a as __spreadArray } from '../tslib.es6-9548150b.js';
+import { a as __spreadArray } from '../tslib.es6-91aa0158.js';
 import React__default, { useMemo } from 'react';
-import { f as format } from '../index-5ba00ba3.js';
+import { f as format } from '../index-f222d022.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-d1179659.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0d4dcc94.js';
 import Loader from './Loader.js';
-import { a as getOutgoingMessageStates, h as getOutgoingMessageState, j as isSentStatus } from '../index-4c5351e9.js';
-import { u as useLocalization } from '../LocalizationContext-3dbcc9d8.js';
-import '../index-21a0df21.js';
-import '../_rollupPluginBabelHelpers-8ba74698.js';
+import { a as getOutgoingMessageStates, h as getOutgoingMessageState, j as isSentStatus } from '../index-afd61eff.js';
+import { u as useLocalization } from '../LocalizationContext-08cebf79.js';
+import '../index-623fd405.js';
+import '../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
-import '../stringSet-3a2b916e.js';
+import '../stringSet-efeb1ad3.js';
 
 var MessageStatusTypes = getOutgoingMessageStates();
 function MessageStatus(_a) {

package/ui/Modal.js

@@ -1,16 +1,16 @@
 import React__default, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { createPortal } from 'react-dom';
-import { a as LocalizationContext } from '../LocalizationContext-3dbcc9d8.js';
-import { M as MODAL_ROOT } from '../index-3ea848a1.js';
+import { a as LocalizationContext } from '../LocalizationContext-08cebf79.js';
+import { M as MODAL_ROOT } from '../index-8528dcd1.js';
 import IconButton from './IconButton.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { B as Button, a as ButtonTypes } from '../index-905615b2.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-d1179659.js';
-import { n as noop } from '../utils-83135175.js';
-import '../stringSet-3a2b916e.js';
-import '../index-21a0df21.js';
-import '../_rollupPluginBabelHelpers-8ba74698.js';
+import { B as Button, a as ButtonTypes } from '../index-cdd2789a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0d4dcc94.js';
+import { n as noop } from '../utils-0db9b91e.js';
+import '../stringSet-efeb1ad3.js';
+import '../index-623fd405.js';
+import '../_rollupPluginBabelHelpers-9a08c8bf.js';
 
 var ModalHeader = function ModalHeader(_ref) {
   var titleText = _ref.titleText;

package/ui/MutedAvatarOverlay.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import '../_rollupPluginBabelHelpers-8ba74698.js';
+import '../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
 
 function MutedAvatarOverlay(props) {

package/ui/OGMessageItemBody.js

@@ -2,27 +2,27 @@ import React__default, { useContext } from 'react';
 import Word from './Word.js';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-d1179659.js';
-import { u as uuidv4 } from '../uuid-c5e7a9dd.js';
-import { k as getClassName, e as isEditedMessage } from '../index-4c5351e9.js';
-import { a as LocalizationContext } from '../LocalizationContext-3dbcc9d8.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0d4dcc94.js';
+import { u as uuidv4 } from '../uuid-902e6498.js';
+import { k as getClassName, e as isEditedMessage } from '../index-afd61eff.js';
+import { a as LocalizationContext } from '../LocalizationContext-08cebf79.js';
 import './LinkLabel.js';
-import '../_rollupPluginBabelHelpers-8ba74698.js';
+import '../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
 import './MentionLabel.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../stringSet-3a2b916e.js';
-import '../tslib.es6-9548150b.js';
+import '../stringSet-efeb1ad3.js';
+import '../tslib.es6-91aa0158.js';
 import './UserProfile.js';
 import '../withSendbird.js';
 import '../sendbirdSelectors.js';
-import '../topics-19b96cc7.js';
-import '../utils-83135175.js';
+import '../topics-7181983e.js';
+import '../utils-0db9b91e.js';
 import './Avatar.js';
-import '../index-905615b2.js';
-import '../index-21a0df21.js';
+import '../index-cdd2789a.js';
+import '../index-623fd405.js';
 import '../useSendbirdStateContext.js';
 
 function OGMessageItemBody(_a) {

package/ui/OpenChannelAdminMessage.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../tslib.es6-9548150b.js';
+import { a as __spreadArray } from '../tslib.es6-91aa0158.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-d1179659.js';
-import '../_rollupPluginBabelHelpers-8ba74698.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0d4dcc94.js';
+import '../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
-import '../stringSet-3a2b916e.js';
+import '../stringSet-efeb1ad3.js';
 
 function OpenChannelAdminMessage(_a) {
   var className = _a.className,

package/ui/OpenChannelAvatar.js

@@ -1,15 +1,15 @@
 import React__default, { useContext, useMemo } from 'react';
 import Avatar from './Avatar.js';
-import { a as LocalizationContext } from '../LocalizationContext-3dbcc9d8.js';
-import { b as getOpenChannelAvatar } from '../utils-29691dff.js';
-import '../tslib.es6-9548150b.js';
+import { a as LocalizationContext } from '../LocalizationContext-08cebf79.js';
+import { b as getOpenChannelAvatar } from '../utils-7b9c4aab.js';
+import '../tslib.es6-91aa0158.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-8ba74698.js';
+import '../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
 import './Icon.js';
-import '../uuid-c5e7a9dd.js';
-import '../stringSet-3a2b916e.js';
-import '../index-21a0df21.js';
+import '../uuid-902e6498.js';
+import '../stringSet-efeb1ad3.js';
+import '../index-623fd405.js';
 
 function ChannelAvatar(_a) {
   var channel = _a.channel,

package/ui/OpenchannelConversationHeader.js

@@ -2,15 +2,15 @@ import React__default, { useContext } from 'react';
 import Avatar from './Avatar.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-d1179659.js';
-import { a as LocalizationContext } from '../LocalizationContext-3dbcc9d8.js';
-import '../tslib.es6-9548150b.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0d4dcc94.js';
+import { a as LocalizationContext } from '../LocalizationContext-08cebf79.js';
+import '../tslib.es6-91aa0158.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-8ba74698.js';
+import '../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
-import '../uuid-c5e7a9dd.js';
-import '../stringSet-3a2b916e.js';
-import '../index-21a0df21.js';
+import '../uuid-902e6498.js';
+import '../stringSet-efeb1ad3.js';
+import '../index-623fd405.js';
 
 function OpenchannelConversationHeader(_a) {
   var coverImage = _a.coverImage,

package/ui/OpenchannelFileMessage.js

@@ -1,32 +1,32 @@
-import { a as __spreadArray } from '../tslib.es6-9548150b.js';
+import { a as __spreadArray } from '../tslib.es6-91aa0158.js';
 import React__default, { useRef, useContext } from 'react';
-import { f as format } from '../index-5ba00ba3.js';
+import { f as format } from '../index-f222d022.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-d1179659.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0d4dcc94.js';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import TextButton from './TextButton.js';
 import ConnectedUserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-f0ef00c0.js';
-import { u as useLocalization } from '../LocalizationContext-3dbcc9d8.js';
-import { c as checkIsByMe, g as getSenderFromMessage, s as showMenuTrigger, b as isFineResend, d as isFineDelete, e as checkIsPending, f as checkIsFailed } from '../openChannelUtils-a232a39f.js';
-import '../index-21a0df21.js';
+import { a as UserProfileContext } from '../UserProfileContext-97bec8f7.js';
+import { u as useLocalization } from '../LocalizationContext-08cebf79.js';
+import { c as checkIsByMe, g as getSenderFromMessage, s as showMenuTrigger, b as isFineResend, d as isFineDelete, e as checkIsPending, f as checkIsFailed } from '../openChannelUtils-3ababdd1.js';
+import '../index-623fd405.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-8ba74698.js';
+import '../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
-import '../uuid-c5e7a9dd.js';
-import '../index-4c5351e9.js';
+import '../uuid-902e6498.js';
+import '../index-afd61eff.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../stringSet-3a2b916e.js';
-import '../color-b580a421.js';
+import '../stringSet-efeb1ad3.js';
+import '../color-aef1bef8.js';
 import '../withSendbird.js';
 import '../sendbirdSelectors.js';
-import '../topics-19b96cc7.js';
-import '../utils-83135175.js';
-import '../index-905615b2.js';
+import '../topics-7181983e.js';
+import '../utils-0db9b91e.js';
+import '../index-cdd2789a.js';
 
 var checkFileType = function checkFileType(fileUrl) {
   var audioFile = /(\.mp3)$/i;

package/ui/OpenchannelOGMessage.js

@@ -1,32 +1,32 @@
-import { a as __spreadArray } from '../tslib.es6-9548150b.js';
+import { a as __spreadArray } from '../tslib.es6-91aa0158.js';
 import React__default, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../index-5ba00ba3.js';
+import { f as format } from '../index-f222d022.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import LinkLabel from './LinkLabel.js';
-import { a as LabelTypography, b as LabelColors, L as Label } from '../index-d1179659.js';
+import { a as LabelTypography, b as LabelColors, L as Label } from '../index-0d4dcc94.js';
 import Loader from './Loader.js';
 import ConnectedUserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-f0ef00c0.js';
-import { u as uuidv4 } from '../uuid-c5e7a9dd.js';
-import { c as copyToClipboard } from '../utils-8222d5cb.js';
-import { u as useLocalization } from '../LocalizationContext-3dbcc9d8.js';
-import { c as checkIsByMe, g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, d as isFineDelete, e as checkIsPending, f as checkIsFailed } from '../openChannelUtils-a232a39f.js';
-import '../index-21a0df21.js';
-import '../_rollupPluginBabelHelpers-8ba74698.js';
+import { a as UserProfileContext } from '../UserProfileContext-97bec8f7.js';
+import { u as uuidv4 } from '../uuid-902e6498.js';
+import { c as copyToClipboard } from '../utils-6ed4fbb8.js';
+import { u as useLocalization } from '../LocalizationContext-08cebf79.js';
+import { c as checkIsByMe, g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, d as isFineDelete, e as checkIsPending, f as checkIsFailed } from '../openChannelUtils-3ababdd1.js';
+import '../index-623fd405.js';
+import '../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
-import '../index-4c5351e9.js';
+import '../index-afd61eff.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../stringSet-3a2b916e.js';
+import '../stringSet-efeb1ad3.js';
 import '../withSendbird.js';
 import '../sendbirdSelectors.js';
-import '../topics-19b96cc7.js';
-import '../utils-83135175.js';
-import '../index-905615b2.js';
+import '../topics-7181983e.js';
+import '../utils-0db9b91e.js';
+import '../index-cdd2789a.js';
 
 var URL_REG = /[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
 var createUrlTester = function createUrlTester(regexp) {

package/ui/OpenchannelThumbnailMessage.js

@@ -1,30 +1,30 @@
-import { a as __spreadArray } from '../tslib.es6-9548150b.js';
+import { a as __spreadArray } from '../tslib.es6-91aa0158.js';
 import React__default, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../index-5ba00ba3.js';
-import { u as useLocalization } from '../LocalizationContext-3dbcc9d8.js';
+import { f as format } from '../index-f222d022.js';
+import { u as useLocalization } from '../LocalizationContext-08cebf79.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconColors, IconTypes } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-d1179659.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0d4dcc94.js';
 import Loader from './Loader.js';
 import ConnectedUserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-f0ef00c0.js';
-import { c as checkIsByMe, g as getSenderFromMessage, s as showMenuTrigger, b as isFineResend, d as isFineDelete, h as checkIsSent, e as checkIsPending, f as checkIsFailed } from '../openChannelUtils-a232a39f.js';
-import '../index-21a0df21.js';
-import '../stringSet-3a2b916e.js';
-import '../uuid-c5e7a9dd.js';
-import '../_rollupPluginBabelHelpers-8ba74698.js';
+import { a as UserProfileContext } from '../UserProfileContext-97bec8f7.js';
+import { c as checkIsByMe, g as getSenderFromMessage, s as showMenuTrigger, b as isFineResend, d as isFineDelete, h as checkIsSent, e as checkIsPending, f as checkIsFailed } from '../openChannelUtils-3ababdd1.js';
+import '../index-623fd405.js';
+import '../stringSet-efeb1ad3.js';
+import '../uuid-902e6498.js';
+import '../_rollupPluginBabelHelpers-9a08c8bf.js';
 import 'prop-types';
-import '../index-4c5351e9.js';
+import '../index-afd61eff.js';
 import 'react-dom';
 import './SortByRow.js';
 import '../withSendbird.js';
 import '../sendbirdSelectors.js';
-import '../topics-19b96cc7.js';
-import '../utils-83135175.js';
-import '../index-905615b2.js';
+import '../topics-7181983e.js';
+import '../utils-0db9b91e.js';
+import '../index-cdd2789a.js';
 
 var SUPPORTING_TYPES = {
   IMAGE: 'IMAGE',