@sendbird/uikit-react 3.3.7 → 3.4.0-rc.0

package/CreateChannel/components/SelectChannelType.js

@@ -1,24 +1,24 @@
 import React__default, { useContext } from 'react';
 import { getSdk } from '../../sendbirdSelectors.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import { u as useCreateChannelContext, a as CHANNEL_TYPE } from '../../CreateChannelProvider-ed2e3cb4.js';
-import { a as LocalizationContext } from '../../LocalizationContext-4c2faa9a.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e2994193.js';
+import { u as useCreateChannelContext, a as CHANNEL_TYPE } from '../../CreateChannelProvider-946fb371.js';
+import { a as LocalizationContext } from '../../LocalizationContext-539093a9.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-4a977e7d.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Modal from '../../ui/Modal.js';
-import '../../topics-0ba43ee8.js';
-import '../../utils-87dce5dd.js';
+import '../../topics-1ec669f0.js';
+import '../../utils-c1d219fa.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-b45d3824.js';
-import '../../stringSet-c2443946.js';
-import '../../index-a53d78b6.js';
+import '../../_rollupPluginBabelHelpers-09618dc3.js';
+import '../../stringSet-f9763488.js';
+import '../../index-999fdb64.js';
 import 'prop-types';
 import 'react-dom';
-import '../../index-fd5a03a3.js';
+import '../../index-b8e990b4.js';
 import '../../ui/Button.js';
-import '../../tslib.es6-13412863.js';
+import '../../tslib.es6-fc4a2658.js';
 import '../../ui/IconButton.js';
-import '../../MediaQueryContext-97a21b7e.js';
+import '../../MediaQueryContext-79c8ad08.js';
 
 var isBroadcastChannelEnabled = function (sdk) {
   var _a;

package/CreateChannel/context.js

@@ -1,9 +1,9 @@
 import 'react';
 import '../sendbirdSelectors.js';
 import '../useSendbirdStateContext.js';
-export { C as CreateChannelProvider, u as useCreateChannelContext } from '../CreateChannelProvider-ed2e3cb4.js';
-import '../topics-0ba43ee8.js';
-import '../utils-87dce5dd.js';
+export { C as CreateChannelProvider, u as useCreateChannelContext } from '../CreateChannelProvider-946fb371.js';
+import '../topics-1ec669f0.js';
+import '../utils-c1d219fa.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-b45d3824.js';
+import '../_rollupPluginBabelHelpers-09618dc3.js';
 //# sourceMappingURL=context.js.map

package/CreateChannel.js

@@ -1,37 +1,37 @@
 import React__default from 'react';
 import CreateChannel$1 from './CreateChannel/components/CreateChannelUI.js';
-import { C as CreateChannelProvider } from './CreateChannelProvider-ed2e3cb4.js';
+import { C as CreateChannelProvider } from './CreateChannelProvider-946fb371.js';
 import './CreateChannel/components/InviteUsers.js';
-import './tslib.es6-13412863.js';
-import './LocalizationContext-4c2faa9a.js';
-import './stringSet-c2443946.js';
-import './index-a53d78b6.js';
+import './tslib.es6-fc4a2658.js';
+import './LocalizationContext-539093a9.js';
+import './stringSet-f9763488.js';
+import './index-999fdb64.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-b45d3824.js';
+import './_rollupPluginBabelHelpers-09618dc3.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-fd5a03a3.js';
+import './index-b8e990b4.js';
 import './ui/Button.js';
-import './index-e2994193.js';
+import './index-4a977e7d.js';
 import 'prop-types';
 import './ui/Icon.js';
 import './ui/IconButton.js';
-import './MediaQueryContext-97a21b7e.js';
+import './MediaQueryContext-79c8ad08.js';
 import './ui/UserListItem.js';
-import './UserProfileContext-e5d90f15.js';
+import './UserProfileContext-bd8525b7.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-7a5e68ed.js';
+import './uuid-6ca64623.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './topics-0ba43ee8.js';
-import './utils-87dce5dd.js';
+import './topics-1ec669f0.js';
+import './utils-c1d219fa.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
-import './index-425e5f17.js';
+import './index-bbab31f0.js';
 import './utils/message/getOutgoingMessageState.js';
 import './CreateChannel/components/SelectChannelType.js';
 

package/{CreateChannelProvider-ed2e3cb4.js → CreateChannelProvider-946fb371.js}

@@ -52,4 +52,4 @@ var useCreateChannelContext = function () {
 };
 
 export { CreateChannelProvider as C, CHANNEL_TYPE as a, useCreateChannelContext as u };
-//# sourceMappingURL=CreateChannelProvider-ed2e3cb4.js.map
+//# sourceMappingURL=CreateChannelProvider-946fb371.js.map

package/{CreateChannelProvider-ed2e3cb4.js.map → CreateChannelProvider-946fb371.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CreateChannelProvider-ed2e3cb4.js","sources":["../src/smart-components/CreateChannel/types.ts","../src/smart-components/CreateChannel/context/CreateChannelProvider.tsx"],"sourcesContent":["export enum CHANNEL_TYPE {\n  GROUP = 'group',\n  SUPERGROUP = 'supergroup',\n  BROADCAST = 'broadcast',\n}\n","import React, { useState } from 'react';\nimport { User } from '@sendbird/chat';\nimport type {\n  GroupChannel,\n  GroupChannelCreateParams,\n  SendbirdGroupChat,\n} from '@sendbird/chat/groupChannel';\n\nimport { getCreateGroupChannel } from '../../../lib/selectors';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\nimport { CHANNEL_TYPE } from '../types';\n\nconst CreateChannelContext = React.createContext(undefined);\n\nexport interface UserListQuery {\n  hasNext?: boolean;\n  next(): Promise<Array<User>>;\n}\n\ntype OverrideInviteUserType = {\n  users: Array<string>;\n  onClose: () => void;\n  channelType: CHANNEL_TYPE;\n};\n\nexport interface CreateChannelProviderProps {\n  children?: React.ReactElement;\n  onCreateChannel(channel: GroupChannel): void;\n  overrideInviteUser?(params: OverrideInviteUserType): void;\n  onBeforeCreateChannel?(users: Array<string>): GroupChannelCreateParams;\n  userListQuery?(): UserListQuery;\n}\n\ntype CreateChannel = (channelParams: GroupChannelCreateParams) => Promise<GroupChannel>;\n\nexport interface CreateChannelContextInterface {\n  onBeforeCreateChannel?(users: Array<string>): GroupChannelCreateParams;\n  createChannel: CreateChannel;\n  sdk: SendbirdGroupChat;\n  userListQuery?(): UserListQuery;\n  overrideInviteUser?(params: OverrideInviteUserType): void;\n  onCreateChannel?(channel: GroupChannel): void;\n  step: number,\n  setStep: React.Dispatch<React.SetStateAction<number>>,\n  type: CHANNEL_TYPE,\n  setType: React.Dispatch<React.SetStateAction<CHANNEL_TYPE>>,\n}\n\nconst CreateChannelProvider: React.FC<CreateChannelProviderProps> = (props: CreateChannelProviderProps) => {\n  const {\n    children,\n    onCreateChannel,\n    onBeforeCreateChannel,\n    overrideInviteUser,\n    userListQuery,\n  } = props;\n\n  const store = useSendbirdStateContext();\n  const userListQuery_ = store?.config?.userListQuery;\n  const createChannel: (channelParams: GroupChannelCreateParams)\n    => Promise<GroupChannel> = getCreateGroupChannel(store);\n\n  const [step, setStep] = useState(0);\n  const [type, setType] = useState(CHANNEL_TYPE.GROUP);\n\n  return (\n    <CreateChannelContext.Provider value={{\n      onBeforeCreateChannel,\n      createChannel,\n      onCreateChannel,\n      overrideInviteUser,\n      userListQuery: userListQuery || userListQuery_,\n      step,\n      setStep,\n      type,\n      setType,\n    }}>\n      {children}\n    </CreateChannelContext.Provider>\n  );\n}\n\nconst useCreateChannelContext = (): CreateChannelContextInterface => (\n  React.useContext(CreateChannelContext)\n);\n\nexport {\n  CreateChannelProvider,\n  useCreateChannelContext,\n};\n"],"names":["CHANNEL_TYPE","CreateChannelContext","React","createContext","undefined","CreateChannelProvider","props","children","onCreateChannel","onBeforeCreateChannel","overrideInviteUser","userListQuery","store","useSendbirdStateContext","userListQuery_","_a","config","createChannel","getCreateGroupChannel","_b","useState","step","setStep","_c","GROUP","type","setType","useCreateChannelContext","useContext"],"mappings":";;;;IAAYA,aAAZ;;AAAA,CAAA,UAAYA,YAAZ,EAAwB;AACtBA,EAAAA,YAAA,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AACAA,EAAAA,YAAA,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;AACAA,EAAAA,YAAA,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;AACD,CAJD,EAAYA,YAAY,KAAZA,YAAY,GAIvB,EAJuB,CAAxB,CAAA;;ACYA,IAAMC,oBAAoB,gBAAGC,cAAK,CAACC,aAAN,CAAoBC,SAApB,CAA7B,CAAA;;AAoCA,IAAMC,qBAAqB,GAAyC,UAACC,KAAD,EAAkC;;;AAElG,EAAA,IAAAC,QAAQ,GAKND,KAAK,CALCC,QAAR;AAAA,MACAC,eAAe,GAIbF,KAAK,CAJQE,eADf;AAAA,MAEAC,qBAAqB,GAGnBH,KAAK,CAHcG,qBAFrB;AAAA,MAGAC,kBAAkB,GAEhBJ,KAAK,CAAAI,kBALP;AAAA,MAIAC,aAAa,GACXL,KAAK,CAAAK,aALP,CAAA;EAOF,IAAMC,KAAK,GAAGC,uBAAuB,EAArC,CAAA;AACA,EAAA,IAAMC,cAAc,GAAG,CAAAC,EAAA,GAAAH,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEI,MAAP,MAAe,IAAf,IAAeD,EAAA,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAeA,EAAA,CAAAJ,aAAtC,CAAA;AACA,EAAA,IAAMM,aAAa,GACUC,qBAAqB,CAACN,KAAD,CADlD,CAAA;;AAGM,EAAA,IAAAO,EAAA,GAAkBC,QAAQ,CAAC,CAAD,CAA1B;AAAA,MAACC,IAAI,GAAAF,EAAA,CAAA,CAAA,CAAL;AAAA,MAAOG,OAAO,GAAAH,EAAA,CAAA,CAAA,CAAd,CAAA;;AACA,EAAA,IAAAI,EAAkB,GAAAH,QAAQ,CAACpB,YAAY,CAACwB,KAAd,CAA1B;AAAA,MAACC,IAAI,GAAAF,EAAA,CAAA,CAAA,CAAL;AAAA,MAAOG,OAAO,QAAd,CAAA;;EAEN,oBACExB,cAAA,CAAA,aAAA,CAAC,oBAAD,CAAsB,QAAtB,EAAA;AAA+B,IAAA,KAAK,EAAE;AACpCO,MAAAA,qBAAqB,EAAAA,qBADe;AAEpCQ,MAAAA,aAAa,EAAAA,aAFuB;AAGpCT,MAAAA,eAAe,EAAAA,eAHqB;AAIpCE,MAAAA,kBAAkB,EAAAA,kBAJkB;MAKpCC,aAAa,EAAEA,aAAa,IAAIG,cALI;AAMpCO,MAAAA,IAAI,EAAAA,IANgC;AAOpCC,MAAAA,OAAO,EAAAA,OAP6B;AAQpCG,MAAAA,IAAI,EAAAA,IARgC;AASpCC,MAAAA,OAAO,EAAAA,OAAAA;AAT6B,KAAA;AAAtC,GAAA,EAWGnB,QAXH,CADF,CAAA;AAeD,EAhCD;;AAkCMoB,IAAAA,uBAAuB,GAAG,YAAqC;AAAA,EAAA,OACnEzB,cAAK,CAAC0B,UAAN,CAAiB3B,oBAAjB,CADmE,CAAA;AAEpE;;;;"}
+{"version":3,"file":"CreateChannelProvider-946fb371.js","sources":["../src/smart-components/CreateChannel/types.ts","../src/smart-components/CreateChannel/context/CreateChannelProvider.tsx"],"sourcesContent":["export enum CHANNEL_TYPE {\n  GROUP = 'group',\n  SUPERGROUP = 'supergroup',\n  BROADCAST = 'broadcast',\n}\n","import React, { useState } from 'react';\nimport { User } from '@sendbird/chat';\nimport type {\n  GroupChannel,\n  GroupChannelCreateParams,\n  SendbirdGroupChat,\n} from '@sendbird/chat/groupChannel';\n\nimport { getCreateGroupChannel } from '../../../lib/selectors';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\nimport { CHANNEL_TYPE } from '../types';\n\nconst CreateChannelContext = React.createContext(undefined);\n\nexport interface UserListQuery {\n  hasNext?: boolean;\n  next(): Promise<Array<User>>;\n}\n\ntype OverrideInviteUserType = {\n  users: Array<string>;\n  onClose: () => void;\n  channelType: CHANNEL_TYPE;\n};\n\nexport interface CreateChannelProviderProps {\n  children?: React.ReactElement;\n  onCreateChannel(channel: GroupChannel): void;\n  overrideInviteUser?(params: OverrideInviteUserType): void;\n  onBeforeCreateChannel?(users: Array<string>): GroupChannelCreateParams;\n  userListQuery?(): UserListQuery;\n}\n\ntype CreateChannel = (channelParams: GroupChannelCreateParams) => Promise<GroupChannel>;\n\nexport interface CreateChannelContextInterface {\n  onBeforeCreateChannel?(users: Array<string>): GroupChannelCreateParams;\n  createChannel: CreateChannel;\n  sdk: SendbirdGroupChat;\n  userListQuery?(): UserListQuery;\n  overrideInviteUser?(params: OverrideInviteUserType): void;\n  onCreateChannel?(channel: GroupChannel): void;\n  step: number,\n  setStep: React.Dispatch<React.SetStateAction<number>>,\n  type: CHANNEL_TYPE,\n  setType: React.Dispatch<React.SetStateAction<CHANNEL_TYPE>>,\n}\n\nconst CreateChannelProvider: React.FC<CreateChannelProviderProps> = (props: CreateChannelProviderProps) => {\n  const {\n    children,\n    onCreateChannel,\n    onBeforeCreateChannel,\n    overrideInviteUser,\n    userListQuery,\n  } = props;\n\n  const store = useSendbirdStateContext();\n  const userListQuery_ = store?.config?.userListQuery;\n  const createChannel: (channelParams: GroupChannelCreateParams)\n    => Promise<GroupChannel> = getCreateGroupChannel(store);\n\n  const [step, setStep] = useState(0);\n  const [type, setType] = useState(CHANNEL_TYPE.GROUP);\n\n  return (\n    <CreateChannelContext.Provider value={{\n      onBeforeCreateChannel,\n      createChannel,\n      onCreateChannel,\n      overrideInviteUser,\n      userListQuery: userListQuery || userListQuery_,\n      step,\n      setStep,\n      type,\n      setType,\n    }}>\n      {children}\n    </CreateChannelContext.Provider>\n  );\n}\n\nconst useCreateChannelContext = (): CreateChannelContextInterface => (\n  React.useContext(CreateChannelContext)\n);\n\nexport {\n  CreateChannelProvider,\n  useCreateChannelContext,\n};\n"],"names":["CHANNEL_TYPE","CreateChannelContext","React","createContext","undefined","CreateChannelProvider","props","children","onCreateChannel","onBeforeCreateChannel","overrideInviteUser","userListQuery","store","useSendbirdStateContext","userListQuery_","_a","config","createChannel","getCreateGroupChannel","_b","useState","step","setStep","_c","GROUP","type","setType","useCreateChannelContext","useContext"],"mappings":";;;;IAAYA,aAAZ;;AAAA,CAAA,UAAYA,YAAZ,EAAwB;AACtBA,EAAAA,YAAA,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AACAA,EAAAA,YAAA,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;AACAA,EAAAA,YAAA,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;AACD,CAJD,EAAYA,YAAY,KAAZA,YAAY,GAIvB,EAJuB,CAAxB,CAAA;;ACYA,IAAMC,oBAAoB,gBAAGC,cAAK,CAACC,aAAN,CAAoBC,SAApB,CAA7B,CAAA;;AAoCA,IAAMC,qBAAqB,GAAyC,UAACC,KAAD,EAAkC;;;AAElG,EAAA,IAAAC,QAAQ,GAKND,KAAK,CALCC,QAAR;AAAA,MACAC,eAAe,GAIbF,KAAK,CAJQE,eADf;AAAA,MAEAC,qBAAqB,GAGnBH,KAAK,CAHcG,qBAFrB;AAAA,MAGAC,kBAAkB,GAEhBJ,KAAK,CAAAI,kBALP;AAAA,MAIAC,aAAa,GACXL,KAAK,CAAAK,aALP,CAAA;EAOF,IAAMC,KAAK,GAAGC,uBAAuB,EAArC,CAAA;AACA,EAAA,IAAMC,cAAc,GAAG,CAAAC,EAAA,GAAAH,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEI,MAAP,MAAe,IAAf,IAAeD,EAAA,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAeA,EAAA,CAAAJ,aAAtC,CAAA;AACA,EAAA,IAAMM,aAAa,GACUC,qBAAqB,CAACN,KAAD,CADlD,CAAA;;AAGM,EAAA,IAAAO,EAAA,GAAkBC,QAAQ,CAAC,CAAD,CAA1B;AAAA,MAACC,IAAI,GAAAF,EAAA,CAAA,CAAA,CAAL;AAAA,MAAOG,OAAO,GAAAH,EAAA,CAAA,CAAA,CAAd,CAAA;;AACA,EAAA,IAAAI,EAAkB,GAAAH,QAAQ,CAACpB,YAAY,CAACwB,KAAd,CAA1B;AAAA,MAACC,IAAI,GAAAF,EAAA,CAAA,CAAA,CAAL;AAAA,MAAOG,OAAO,QAAd,CAAA;;EAEN,oBACExB,cAAA,CAAA,aAAA,CAAC,oBAAD,CAAsB,QAAtB,EAAA;AAA+B,IAAA,KAAK,EAAE;AACpCO,MAAAA,qBAAqB,EAAAA,qBADe;AAEpCQ,MAAAA,aAAa,EAAAA,aAFuB;AAGpCT,MAAAA,eAAe,EAAAA,eAHqB;AAIpCE,MAAAA,kBAAkB,EAAAA,kBAJkB;MAKpCC,aAAa,EAAEA,aAAa,IAAIG,cALI;AAMpCO,MAAAA,IAAI,EAAAA,IANgC;AAOpCC,MAAAA,OAAO,EAAAA,OAP6B;AAQpCG,MAAAA,IAAI,EAAAA,IARgC;AASpCC,MAAAA,OAAO,EAAAA,OAAAA;AAT6B,KAAA;AAAtC,GAAA,EAWGnB,QAXH,CADF,CAAA;AAeD,EAhCD;;AAkCMoB,IAAAA,uBAAuB,GAAG,YAAqC;AAAA,EAAA,OACnEzB,cAAK,CAAC0B,UAAN,CAAiB3B,oBAAjB,CADmE,CAAA;AAEpE;;;;"}

package/CreateOpenChannel/components/CreateOpenChannelUI.js

@@ -1,27 +1,27 @@
 import React__default, { useState, useRef, useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-4c2faa9a.js';
+import { a as LocalizationContext } from '../../LocalizationContext-539093a9.js';
 import Avatar from '../../ui/Avatar.js';
 import { ButtonTypes } from '../../ui/Button.js';
 import Modal from '../../ui/Modal.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Input, { InputLabel } from '../../ui/Input.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e2994193.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-4a977e7d.js';
 import TextButton from '../../ui/TextButton.js';
 import { useCreateOpenChannelContext } from '../context.js';
-import '../../stringSet-c2443946.js';
-import '../../index-a53d78b6.js';
-import '../../tslib.es6-13412863.js';
+import '../../stringSet-f9763488.js';
+import '../../index-999fdb64.js';
+import '../../tslib.es6-fc4a2658.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-7a5e68ed.js';
+import '../../uuid-6ca64623.js';
 import 'prop-types';
 import 'react-dom';
-import '../../index-fd5a03a3.js';
+import '../../index-b8e990b4.js';
 import '../../ui/IconButton.js';
-import '../../MediaQueryContext-97a21b7e.js';
-import '../../color-1b42e49d.js';
+import '../../MediaQueryContext-79c8ad08.js';
+import '../../color-f2370c85.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-b45d3824.js';
+import '../../_rollupPluginBabelHelpers-09618dc3.js';
 
 function CreateOpenChannelUI(_a) {
   var closeModal = _a.closeModal,

package/CreateOpenChannel/context.js

@@ -1,7 +1,7 @@
 import React__default, { useCallback } from 'react';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-b45d3824.js';
+import '../_rollupPluginBabelHelpers-09618dc3.js';
 
 var CreateOpenChannelContext = /*#__PURE__*/React__default.createContext({
   sdk: null,

package/CreateOpenChannel.js

@@ -1,28 +1,28 @@
 import React__default from 'react';
 import CreateOpenChannelUI from './CreateOpenChannel/components/CreateOpenChannelUI.js';
 import { CreateOpenChannelProvider } from './CreateOpenChannel/context.js';
-import './LocalizationContext-4c2faa9a.js';
-import './stringSet-c2443946.js';
-import './index-a53d78b6.js';
+import './LocalizationContext-539093a9.js';
+import './stringSet-f9763488.js';
+import './index-999fdb64.js';
 import './ui/Avatar.js';
-import './tslib.es6-13412863.js';
+import './tslib.es6-fc4a2658.js';
 import './ui/ImageRenderer.js';
 import './ui/Icon.js';
 import 'prop-types';
-import './uuid-7a5e68ed.js';
+import './uuid-6ca64623.js';
 import './ui/Button.js';
-import './index-e2994193.js';
+import './index-4a977e7d.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-fd5a03a3.js';
+import './index-b8e990b4.js';
 import './ui/IconButton.js';
-import './MediaQueryContext-97a21b7e.js';
+import './MediaQueryContext-79c8ad08.js';
 import './ui/Input.js';
 import './ui/TextButton.js';
-import './color-1b42e49d.js';
+import './color-f2370c85.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-b45d3824.js';
+import './_rollupPluginBabelHelpers-09618dc3.js';
 
 function CreateOpenChannel(_a) {
   var className = _a.className,

package/EditUserProfile/components/EditUserProfileUI.js

@@ -1,27 +1,27 @@
 import 'react';
-export { a as default } from '../../index-6491c190.js';
+export { a as default } from '../../index-4b51e7af.js';
 import '../../ui/Modal.js';
-import '../../LocalizationContext-4c2faa9a.js';
+import '../../LocalizationContext-539093a9.js';
 import '../../useSendbirdStateContext.js';
 import '../../ui/Input.js';
 import '../../ui/Avatar.js';
 import '../../ui/Icon.js';
 import '../../ui/Button.js';
-import '../../index-e2994193.js';
+import '../../index-4a977e7d.js';
 import '../../ui/TextButton.js';
-import '../../utils-87dce5dd.js';
-import '../../actionTypes-c69daac1.js';
+import '../../utils-c1d219fa.js';
+import '../../actionTypes-0dd0c34b.js';
 import 'react-dom';
-import '../../index-fd5a03a3.js';
+import '../../index-b8e990b4.js';
 import '../../ui/IconButton.js';
-import '../../tslib.es6-13412863.js';
-import '../../MediaQueryContext-97a21b7e.js';
-import '../../stringSet-c2443946.js';
-import '../../index-a53d78b6.js';
+import '../../tslib.es6-fc4a2658.js';
+import '../../MediaQueryContext-79c8ad08.js';
+import '../../stringSet-f9763488.js';
+import '../../index-999fdb64.js';
 import 'prop-types';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-b45d3824.js';
+import '../../_rollupPluginBabelHelpers-09618dc3.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-7a5e68ed.js';
-import '../../color-1b42e49d.js';
+import '../../uuid-6ca64623.js';
+import '../../color-f2370c85.js';
 //# sourceMappingURL=EditUserProfileUI.js.map

package/EditUserProfile.js

@@ -1,29 +1,29 @@
 import React__default from 'react';
-import { E as EditUserProfileProvider, a as EditUserProfile } from './index-6491c190.js';
+import { E as EditUserProfileProvider, a as EditUserProfile } from './index-4b51e7af.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-fd5a03a3.js';
-import './LocalizationContext-4c2faa9a.js';
-import './stringSet-c2443946.js';
-import './index-a53d78b6.js';
+import './index-b8e990b4.js';
+import './LocalizationContext-539093a9.js';
+import './stringSet-f9763488.js';
+import './index-999fdb64.js';
 import './ui/Button.js';
-import './tslib.es6-13412863.js';
-import './index-e2994193.js';
+import './tslib.es6-fc4a2658.js';
+import './index-4a977e7d.js';
 import 'prop-types';
 import './ui/Icon.js';
 import './ui/IconButton.js';
-import './MediaQueryContext-97a21b7e.js';
+import './MediaQueryContext-79c8ad08.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-b45d3824.js';
+import './_rollupPluginBabelHelpers-09618dc3.js';
 import './ui/Input.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-7a5e68ed.js';
+import './uuid-6ca64623.js';
 import './ui/TextButton.js';
-import './color-1b42e49d.js';
-import './utils-87dce5dd.js';
-import './actionTypes-c69daac1.js';
+import './color-f2370c85.js';
+import './utils-c1d219fa.js';
+import './actionTypes-0dd0c34b.js';
 
 var EditProfile = function (props) {
   var onEditProfile = props.onEditProfile,

package/{LocalizationContext-4c2faa9a.js → LocalizationContext-539093a9.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { g as getStringSet } from './stringSet-c2443946.js';
-import { d as defaultLocale } from './index-a53d78b6.js';
+import { g as getStringSet } from './stringSet-f9763488.js';
+import { d as defaultLocale } from './index-999fdb64.js';
 
 var LocalizationContext = /*#__PURE__*/React__default.createContext({
   stringSet: getStringSet('en'),
@@ -19,4 +19,4 @@ var useLocalization = function () {
 };
 
 export { LocalizationProvider as L, LocalizationContext as a, useLocalization as u };
-//# sourceMappingURL=LocalizationContext-4c2faa9a.js.map
+//# sourceMappingURL=LocalizationContext-539093a9.js.map

package/{LocalizationContext-4c2faa9a.js.map → LocalizationContext-539093a9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LocalizationContext-4c2faa9a.js","sources":["../src/lib/LocalizationContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport getStringSet from '../ui/Label/stringSet';\nimport type { Locale } from 'date-fns';\nimport en from 'date-fns/locale/en-US';\n\nconst LocalizationContext = React.createContext({\n  stringSet: getStringSet('en'),\n  dateLocale: en,\n});\n\ninterface LocalizationProviderProps {\n  stringSet: Record<string, string>;\n  dateLocale: Locale;\n  children: React.ReactElement;\n}\n\nconst LocalizationProvider = (props: LocalizationProviderProps): React.ReactElement => {\n  const { children } = props;\n  return (\n    <LocalizationContext.Provider value={props}>\n      {children}\n    </LocalizationContext.Provider>\n  );\n};\n\nexport type UseLocalizationType = () => {\n  stringSet: Record<string, string>;\n  dateLocale: globalThis.Locale;\n};\n\nconst useLocalization: UseLocalizationType = () => React.useContext(LocalizationContext);\n\nexport { LocalizationContext, LocalizationProvider, useLocalization };\n"],"names":["LocalizationContext","React","createContext","stringSet","getStringSet","dateLocale","en","LocalizationProvider","props","children","useLocalization","useContext"],"mappings":";;;;AAMA,IAAMA,mBAAmB,gBAAGC,cAAK,CAACC,aAAN,CAAoB;AAC9CC,EAAAA,SAAS,EAAEC,YAAY,CAAC,IAAD,CADuB;AAE9CC,EAAAA,UAAU,EAAEC,aAAAA;AAFkC,CAApB,EAA5B;;AAWA,IAAMC,oBAAoB,GAAG,UAACC,KAAD,EAAiC;AACpD,EAAA,IAAAC,QAAQ,GAAKD,KAAK,CAAAC,QAAlB,CAAA;EACR,oBACER,cAAA,CAAA,aAAA,CAAC,mBAAD,CAAqB,QAArB,EAAA;AAA8B,IAAA,KAAK,EAAEO,KAAAA;AAArC,GAAA,EACGC,QADH,CADF,CAAA;AAKD,EAPD;;AAcMC,IAAAA,eAAe,GAAwB,YAAM;AAAA,EAAA,OAAAT,cAAK,CAACU,UAAN,CAAiBX,mBAAjB,CAAA,CAAA;AAAqC;;;;"}
+{"version":3,"file":"LocalizationContext-539093a9.js","sources":["../src/lib/LocalizationContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport getStringSet from '../ui/Label/stringSet';\nimport type { Locale } from 'date-fns';\nimport en from 'date-fns/locale/en-US';\n\nconst LocalizationContext = React.createContext({\n  stringSet: getStringSet('en'),\n  dateLocale: en,\n});\n\ninterface LocalizationProviderProps {\n  stringSet: Record<string, string>;\n  dateLocale: Locale;\n  children: React.ReactElement;\n}\n\nconst LocalizationProvider = (props: LocalizationProviderProps): React.ReactElement => {\n  const { children } = props;\n  return (\n    <LocalizationContext.Provider value={props}>\n      {children}\n    </LocalizationContext.Provider>\n  );\n};\n\nexport type UseLocalizationType = () => {\n  stringSet: Record<string, string>;\n  dateLocale: globalThis.Locale;\n};\n\nconst useLocalization: UseLocalizationType = () => React.useContext(LocalizationContext);\n\nexport { LocalizationContext, LocalizationProvider, useLocalization };\n"],"names":["LocalizationContext","React","createContext","stringSet","getStringSet","dateLocale","en","LocalizationProvider","props","children","useLocalization","useContext"],"mappings":";;;;AAMA,IAAMA,mBAAmB,gBAAGC,cAAK,CAACC,aAAN,CAAoB;AAC9CC,EAAAA,SAAS,EAAEC,YAAY,CAAC,IAAD,CADuB;AAE9CC,EAAAA,UAAU,EAAEC,aAAAA;AAFkC,CAApB,EAA5B;;AAWA,IAAMC,oBAAoB,GAAG,UAACC,KAAD,EAAiC;AACpD,EAAA,IAAAC,QAAQ,GAAKD,KAAK,CAAAC,QAAlB,CAAA;EACR,oBACER,cAAA,CAAA,aAAA,CAAC,mBAAD,CAAqB,QAArB,EAAA;AAA8B,IAAA,KAAK,EAAEO,KAAAA;AAArC,GAAA,EACGC,QADH,CADF,CAAA;AAKD,EAPD;;AAcMC,IAAAA,eAAe,GAAwB,YAAM;AAAA,EAAA,OAAAT,cAAK,CAACU,UAAN,CAAiBX,mBAAjB,CAAA,CAAA;AAAqC;;;;"}

package/{MediaQueryContext-97a21b7e.js → MediaQueryContext-79c8ad08.js}

@@ -87,4 +87,4 @@ var useMediaQueryContext = function () {
 };
 
 export { MediaQueryProvider as M, useMediaQueryContext as u };
-//# sourceMappingURL=MediaQueryContext-97a21b7e.js.map
+//# sourceMappingURL=MediaQueryContext-79c8ad08.js.map

package/{MediaQueryContext-97a21b7e.js.map → MediaQueryContext-79c8ad08.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MediaQueryContext-97a21b7e.js","sources":["../src/lib/MediaQueryContext.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport type { Logger } from './SendbirdState';\n\nconst DEFAULT_MOBILE = '0px';\nconst MOBILE_CLASSNAME = 'sendbird--mobile-mode';\n\nconst MediaQueryContext = React.createContext({\n  mediaQueryBreakPoint: DEFAULT_MOBILE,\n  isMobile: false,\n});\n\nexport interface MediaQueryProviderProps {\n  children: React.ReactElement;\n  mediaQueryBreakPoint?: string | boolean;\n  logger?: Logger;\n}\n\nconst addClassNameToBody = () => {\n  try {\n    const body = document.querySelector('body');\n    body.classList.add(MOBILE_CLASSNAME);\n  } catch {\n    // noop\n  }\n};\n\nconst removeClassNameFromBody = () => {\n  try {\n    const body = document.querySelector('body');\n    body.classList.remove(MOBILE_CLASSNAME);\n  } catch {\n    // noop\n  }\n};\n\nconst MediaQueryProvider = (props: MediaQueryProviderProps): React.ReactElement => {\n  const {\n    children,\n    logger,\n  } = props;\n  const mediaQueryBreakPoint = props?.mediaQueryBreakPoint || DEFAULT_MOBILE;\n  const [isMobile, setIsMobile] = useState(false);\n  useEffect(() => {\n    const updateSize = () => {\n      if (typeof mediaQueryBreakPoint === 'boolean') {\n        setIsMobile(mediaQueryBreakPoint);\n        if (mediaQueryBreakPoint) {\n          logger?.info?.(`MediaQueryProvider: isMobile: true`);\n          addClassNameToBody();\n        } else {\n          logger?.info?.(`MediaQueryProvider: isMobile: false`);\n          removeClassNameFromBody();\n        }\n      } else {\n        const mq = window.matchMedia(`(max-width: ${mediaQueryBreakPoint})`);\n        logger?.info?.(`MediaQueryProvider: Screensize updated to ${mediaQueryBreakPoint}`);\n        if (mq.matches) {\n          setIsMobile(true);\n          addClassNameToBody();\n          logger?.info?.(`MediaQueryProvider: isMobile: true`);\n        } else {\n          setIsMobile(false);\n          removeClassNameFromBody();\n          logger?.info?.(`MediaQueryProvider: isMobile: false`);\n        }\n      }\n    }\n    updateSize();\n    window.addEventListener('resize', updateSize);\n    logger?.info?.(`MediaQueryProvider: addEventListener`, updateSize);\n    return () => {\n      window.removeEventListener('resize', updateSize);\n      logger?.info?.(`MediaQueryProvider: removeEventListener`, updateSize);\n    }\n  }, [mediaQueryBreakPoint]);\n  return (\n    <MediaQueryContext.Provider value={{ mediaQueryBreakPoint, isMobile }}>\n      {children}\n    </MediaQueryContext.Provider>\n  );\n};\n\nexport type useMediaQueryContextType = () => ({\n  mediaQueryBreakPoint: string | boolean;\n  isMobile: boolean;\n});\n\nconst useMediaQueryContext: useMediaQueryContextType = () => React.useContext(MediaQueryContext);\n\nexport { MediaQueryProvider, useMediaQueryContext };\n"],"names":["DEFAULT_MOBILE","MOBILE_CLASSNAME","MediaQueryContext","React","createContext","mediaQueryBreakPoint","isMobile","addClassNameToBody","body","document","querySelector","classList","add","_a","removeClassNameFromBody","remove","MediaQueryProvider","props","children","logger","useState","setIsMobile","useEffect","updateSize","info","call","_b","mq","window","matchMedia","concat","_c","matches","_d","_e","addEventListener","removeEventListener","useMediaQueryContext","useContext"],"mappings":"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"}
+{"version":3,"file":"MediaQueryContext-79c8ad08.js","sources":["../src/lib/MediaQueryContext.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport type { Logger } from './SendbirdState';\n\nconst DEFAULT_MOBILE = '0px';\nconst MOBILE_CLASSNAME = 'sendbird--mobile-mode';\n\nconst MediaQueryContext = React.createContext({\n  mediaQueryBreakPoint: DEFAULT_MOBILE,\n  isMobile: false,\n});\n\nexport interface MediaQueryProviderProps {\n  children: React.ReactElement;\n  mediaQueryBreakPoint?: string | boolean;\n  logger?: Logger;\n}\n\nconst addClassNameToBody = () => {\n  try {\n    const body = document.querySelector('body');\n    body.classList.add(MOBILE_CLASSNAME);\n  } catch {\n    // noop\n  }\n};\n\nconst removeClassNameFromBody = () => {\n  try {\n    const body = document.querySelector('body');\n    body.classList.remove(MOBILE_CLASSNAME);\n  } catch {\n    // noop\n  }\n};\n\nconst MediaQueryProvider = (props: MediaQueryProviderProps): React.ReactElement => {\n  const {\n    children,\n    logger,\n  } = props;\n  const mediaQueryBreakPoint = props?.mediaQueryBreakPoint || DEFAULT_MOBILE;\n  const [isMobile, setIsMobile] = useState(false);\n  useEffect(() => {\n    const updateSize = () => {\n      if (typeof mediaQueryBreakPoint === 'boolean') {\n        setIsMobile(mediaQueryBreakPoint);\n        if (mediaQueryBreakPoint) {\n          logger?.info?.(`MediaQueryProvider: isMobile: true`);\n          addClassNameToBody();\n        } else {\n          logger?.info?.(`MediaQueryProvider: isMobile: false`);\n          removeClassNameFromBody();\n        }\n      } else {\n        const mq = window.matchMedia(`(max-width: ${mediaQueryBreakPoint})`);\n        logger?.info?.(`MediaQueryProvider: Screensize updated to ${mediaQueryBreakPoint}`);\n        if (mq.matches) {\n          setIsMobile(true);\n          addClassNameToBody();\n          logger?.info?.(`MediaQueryProvider: isMobile: true`);\n        } else {\n          setIsMobile(false);\n          removeClassNameFromBody();\n          logger?.info?.(`MediaQueryProvider: isMobile: false`);\n        }\n      }\n    }\n    updateSize();\n    window.addEventListener('resize', updateSize);\n    logger?.info?.(`MediaQueryProvider: addEventListener`, updateSize);\n    return () => {\n      window.removeEventListener('resize', updateSize);\n      logger?.info?.(`MediaQueryProvider: removeEventListener`, updateSize);\n    }\n  }, [mediaQueryBreakPoint]);\n  return (\n    <MediaQueryContext.Provider value={{ mediaQueryBreakPoint, isMobile }}>\n      {children}\n    </MediaQueryContext.Provider>\n  );\n};\n\nexport type useMediaQueryContextType = () => ({\n  mediaQueryBreakPoint: string | boolean;\n  isMobile: boolean;\n});\n\nconst useMediaQueryContext: useMediaQueryContextType = () => React.useContext(MediaQueryContext);\n\nexport { MediaQueryProvider, useMediaQueryContext };\n"],"names":["DEFAULT_MOBILE","MOBILE_CLASSNAME","MediaQueryContext","React","createContext","mediaQueryBreakPoint","isMobile","addClassNameToBody","body","document","querySelector","classList","add","_a","removeClassNameFromBody","remove","MediaQueryProvider","props","children","logger","useState","setIsMobile","useEffect","updateSize","info","call","_b","mq","window","matchMedia","concat","_c","matches","_d","_e","addEventListener","removeEventListener","useMediaQueryContext","useContext"],"mappings":"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"}

package/{MemberList-6483a7db.js → MemberList-1350e670.js}

@@ -4,14 +4,14 @@ import IconButton from './ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from './ui/Icon.js';
 import ContextMenu, { MenuItems, MenuItem } from './ui/ContextMenu.js';
 import UserListItem$1 from './ChannelSettings/components/UserListItem.js';
-import { a as __spreadArray, _ as __assign } from './tslib.es6-13412863.js';
+import { a as __spreadArray, _ as __assign } from './tslib.es6-fc4a2658.js';
 import Modal from './ui/Modal.js';
 import UserListItem from './ui/UserListItem.js';
-import { n as noop } from './utils-87dce5dd.js';
+import { n as noop } from './utils-c1d219fa.js';
 import { useChannelSettingsContext } from './ChannelSettings/context.js';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
-import { a as LocalizationContext, u as useLocalization } from './LocalizationContext-4c2faa9a.js';
-import { u as uuidv4 } from './uuid-7a5e68ed.js';
+import { a as LocalizationContext, u as useLocalization } from './LocalizationContext-539093a9.js';
+import { u as uuidv4 } from './uuid-6ca64623.js';
 
 function MembersModal(_a) {
   var _b;
@@ -196,11 +196,14 @@ function InviteUsers(_a) {
 
   var _h = useChannelSettingsContext(),
       channel = _h.channel,
-      overrideInviteUser = _h.overrideInviteUser;
+      overrideInviteUser = _h.overrideInviteUser,
+      queries = _h.queries;
+
+  var userFilledQuery = __assign({}, queries === null || queries === void 0 ? void 0 : queries.applicationUserListQuery);
 
   var stringSet = useLocalization().stringSet;
   useEffect(function () {
-    var userListQuery = globalUserListQuery ? globalUserListQuery() : sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery();
+    var userListQuery = globalUserListQuery ? globalUserListQuery() : sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery(userFilledQuery);
 
     if (userListQuery === null || userListQuery === void 0 ? void 0 : userListQuery.next) {
       userListQuery.next().then(function (members) {
@@ -439,4 +442,4 @@ var MemberList = function () {
 };
 
 export { MemberList as M };
-//# sourceMappingURL=MemberList-6483a7db.js.map
+//# sourceMappingURL=MemberList-1350e670.js.map

package/MemberList-1350e670.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemberList-1350e670.js","sources":["../src/smart-components/ChannelSettings/components/ModerationPanel/MembersModal.tsx","../src/smart-components/ChannelSettings/components/ModerationPanel/InviteUsersModal.tsx","../src/smart-components/ChannelSettings/components/ModerationPanel/MemberList.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useContext,\n  useEffect,\n  useState,\n} from 'react'\n\nimport Modal from '../../../../ui/Modal';\nimport UserListItem from '../../../../ui/UserListItem';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\nimport { noop } from '../../../../utils/utils';\n\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { Member } from '@sendbird/chat/groupChannel';\n\ninterface Props {\n  onCancel(): void;\n}\n\nexport default function MembersModal({ onCancel }: Props): ReactElement {\n  const [members, setMembers] = useState([]);\n  const [memberQuery, setMemberQuery] = useState(null);\n\n  const { channel } = useChannelSettingsContext();\n  const state = useSendbirdStateContext();\n  const currentUser = state?.config?.userId;\n  const { stringSet } = useContext(LocalizationContext);\n\n  useEffect(() => {\n    const memberListQuery = channel?.createMemberListQuery({\n      limit: 20,\n    });\n    memberListQuery.next().then((members) => {\n      setMembers(members);\n    });\n    setMemberQuery(memberListQuery);\n  }, [])\n  return (\n    <div>\n      <Modal\n        isFullScreenOnMobile\n        hideFooter\n        onCancel={() => onCancel()}\n        onSubmit={noop}\n        titleText={stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS}\n      >\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = memberQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = (\n              target.clientHeight + target.scrollTop === target.scrollHeight\n            );\n\n            if (hasNext && fetchMore) {\n              memberQuery.next().then((o) => {\n                setMembers([\n                  ...members,\n                  ...o,\n                ])\n              });\n            }\n          }}\n        >\n          {\n            members.map((member: Member) => (\n              <UserListItem\n                user={member}\n                key={member.userId}\n                currentUser={currentUser}\n                action={({ parentRef, actionRef }) => (\n                  <>\n                    {channel?.myRole === 'operator' && (\n                      <ContextMenu\n                        menuTrigger={(toggleDropdown) => (\n                          <IconButton\n                            className=\"sendbird-user-message__more__menu\"\n                            width=\"32px\"\n                            height=\"32px\"\n                            onClick={toggleDropdown}\n                          >\n                            <Icon\n                              width=\"24px\"\n                              height=\"24px\"\n                              type={IconTypes.MORE}\n                              fillColor={IconColors.CONTENT_INVERSE}\n                            />\n                          </IconButton>\n                        )}\n                        menuItems={(closeDropdown) => (\n                          <MenuItems\n                            parentContainRef={parentRef}\n                            parentRef={actionRef} // for catching location(x, y) of MenuItems\n                            closeDropdown={closeDropdown}\n                            openLeft\n                          >\n                            <MenuItem\n                              disable={currentUser === member.userId}\n                              onClick={() => {\n                                if ((member.role !== 'operator')) {\n                                  channel?.addOperators([member.userId]).then(() => {\n                                    setMembers(members.map(m => {\n                                      if (m.userId === member.userId) {\n                                        return {\n                                          ...member,\n                                          role: 'operator',\n                                        };\n                                      }\n                                      return m;\n                                    }));\n                                    closeDropdown();\n                                  });\n                                } else {\n                                  channel?.removeOperators([member.userId]).then(() => {\n                                    setMembers(members.map(m => {\n                                      if (m.userId === member.userId) {\n                                        return {\n                                          ...member,\n                                          role: '',\n                                        };\n                                      }\n                                      return m;\n                                    }));\n                                    closeDropdown();\n                                  });\n                                }\n                              }}\n                            >\n                              {\n                                member.role !== 'operator'\n                                  ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n                                  : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n                              }\n                            </MenuItem>\n                            {\n                              // No muted members in broadcast channel\n                              !channel?.isBroadcast && (\n                                <MenuItem\n                                  onClick={() => {\n                                    if (member.isMuted) {\n                                      channel?.unmuteUser(member).then(() => {\n                                        setMembers(members.map(m => {\n                                          if (m.userId === member.userId) {\n                                            return {\n                                              ...member,\n                                              isMuted: false,\n                                            };\n                                          }\n                                          return m;\n                                        }));\n                                        closeDropdown();\n                                      })\n                                    } else {\n                                      channel?.muteUser(member).then(() => {\n                                        setMembers(members.map(m => {\n                                          if (m.userId === member.userId) {\n                                            return {\n                                              ...member,\n                                              isMuted: true,\n                                            };\n                                          }\n                                          return m;\n                                        }));\n                                        closeDropdown();\n                                      });\n                                    }\n                                  }}\n                                >\n                                  {\n                                    member.isMuted\n                                      ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE\n                                      : stringSet.CHANNEL_SETTING__MODERATION__MUTE\n                                  }\n                                </MenuItem>\n                              )\n                            }\n                            <MenuItem\n                              onClick={() => {\n                                channel?.banUser(member, -1, '').then(() => {\n                                  setMembers(members.filter(({ userId }) => {\n                                    return userId !== member.userId;\n                                  }));\n                                });\n                              }}\n                            >\n                              {stringSet.CHANNEL_SETTING__MODERATION__BAN}\n                            </MenuItem>\n                          </MenuItems>\n                        )}\n                      />\n                    )}\n                  </>\n                )}\n              />\n            ))\n          }\n        </div>\n      </Modal>\n    </div>\n  );\n}\n","import React, { ReactElement, useEffect, useState } from 'react'\n\nimport Modal from '../../../../ui/Modal';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport UserListItem from '../../../../ui/UserListItem';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\n\ninterface Props {\n  onCancel(): void;\n  onSubmit(members: Array<string>): void;\n}\n\nconst isAboutSame = (a, b, px) => (Math.abs(a - b) <= px);\n\nexport default function InviteUsers({\n  onCancel,\n  onSubmit,\n}: Props): ReactElement {\n  const [members, setMembers] = useState([]);\n  const [selectedMembers, setSelectedMembers] = useState({});\n  const [userQuery, setUserQuery] = useState(null);\n\n  const state = useSendbirdStateContext();\n  const sdk = state?.stores?.sdkStore?.sdk;\n  const globalUserListQuery = state?.config?.userListQuery;\n\n  const { channel, overrideInviteUser, queries } = useChannelSettingsContext();\n  const userFilledQuery =  {\n    ...queries?.applicationUserListQuery,\n  };\n  const { stringSet } = useLocalization();\n\n  useEffect(() => {\n    const userListQuery = globalUserListQuery\n      ? globalUserListQuery()\n      : sdk?.createApplicationUserListQuery(userFilledQuery);\n    if (userListQuery?.next) {\n      userListQuery.next().then((members) => {\n        setMembers(members);\n      });\n      setUserQuery(userListQuery);\n    }\n  }, [sdk]);\n  return (\n    <div>\n      <Modal\n        isFullScreenOnMobile\n        disabled={Object.keys(selectedMembers).length === 0}\n        submitText={stringSet.BUTTON__INVITE}\n        type={ButtonTypes.PRIMARY}\n        onCancel={() => onCancel()}\n        onSubmit={() => {\n          const members = Object.keys(selectedMembers).filter((m) => selectedMembers[m]);\n          if (typeof overrideInviteUser === 'function') {\n            overrideInviteUser({\n              users: members,\n              onClose: onCancel,\n              channel,\n            });\n            return;\n          }\n          channel?.inviteWithUserIds(members).then(() => {\n            onSubmit(members);\n          });\n        }}\n        titleText={stringSet.CHANNEL_SETTING__MEMBERS__SELECT_TITLE}\n      >\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = userQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 20);\n            if (hasNext && fetchMore) {\n              userQuery.next().then((users) => {\n                setMembers([\n                  ...members,\n                  ...users,\n                ])\n              });\n            }\n          }}\n        >\n          <div className=\"sendbird-more-members__popup-scroll__inner\">\n            {members.map((member) => {\n              const isJoinedMember = channel?.members?.some(({ userId }) => userId === member?.userId);\n              return (\n                <UserListItem\n                  checkBox\n                  checked={isJoinedMember || selectedMembers[member.userId]}\n                  disabled={isJoinedMember}\n                  onChange={\n                    (event) => {\n                      const modifiedSelectedMembers = {\n                        ...selectedMembers,\n                        [event.target.id]: event.target.checked,\n                      };\n                      if (!event.target.checked) {\n                        delete modifiedSelectedMembers[event.target.id];\n                      }\n                      setSelectedMembers(modifiedSelectedMembers);\n                    }\n                  }\n                  user={member}\n                  key={member.userId}\n                />\n              );\n            })}\n          </div>\n        </div>\n      </Modal>\n    </div>\n  );\n}\n","import React, {\n  ReactElement,\n  useEffect,\n  useState,\n  useCallback,\n  useContext,\n} from 'react';\n\nimport Button, { ButtonTypes, ButtonSizes } from '../../../../ui/Button';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\n\nimport UserListItem from '../UserListItem';\nimport MembersModal from './MembersModal';\nimport InviteUsers from './InviteUsersModal';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport uuidv4 from '../../../../utils/uuid';\n\nexport const MemberList = (): ReactElement => {\n  const [members, setMembers] = useState([]);\n  const [hasNext, setHasNext] = useState(false);\n  const [showAllMembers, setShowAllMembers] = useState(false);\n  const [showInviteUsers, setShowInviteUsers] = useState(false);\n\n  const state = useSendbirdStateContext();\n  const {\n    channel,\n    setChannelUpdateId,\n  } = useChannelSettingsContext();\n  const { stringSet } = useContext(LocalizationContext);\n\n  const sdk = state?.stores?.sdkStore?.sdk;\n  const userId = state?.config?.userId;\n\n  useEffect(() => {\n    if (!channel) {\n      setMembers([]);\n      return;\n    }\n\n    const memberUserListQuery = channel?.createMemberListQuery({ limit: 10 });\n    memberUserListQuery.next().then((members) => {\n      setMembers(members);\n      setHasNext(memberUserListQuery.hasNext);\n    });\n  }, [channel]);\n\n  const refreshList = useCallback(() => {\n    if (!channel) {\n      setMembers([]);\n      return;\n    }\n    const memberUserListQuery = channel?.createMemberListQuery({ limit: 10 });\n    memberUserListQuery.next().then((members) => {\n      setMembers(members);\n      setHasNext(memberUserListQuery.hasNext);\n      setChannelUpdateId(uuidv4());\n    });\n  }, [channel]);\n\n  return (\n    <div className=\"sendbird-channel-settings-member-list sendbird-accordion\">\n      {\n        members.map((member) => (\n          <UserListItem\n            key={member.userId}\n            user={member}\n            currentUser={sdk.currentUser.userId}\n            action={\n              (channel?.myRole === 'operator' && userId !== member.userId)\n                ? ({ actionRef, parentRef }) => (\n                  <ContextMenu\n                    menuTrigger={(toggleDropdown) => (\n                      <IconButton\n                        className=\"sendbird-user-message__more__menu\"\n                        width=\"32px\"\n                        height=\"32px\"\n                        onClick={toggleDropdown}\n                      >\n                        <Icon\n                          width=\"24px\"\n                          height=\"24px\"\n                          type={IconTypes.MORE}\n                          fillColor={IconColors.CONTENT_INVERSE}\n                        />\n                      </IconButton>\n                    )}\n                    menuItems={(closeDropdown) => (\n                      <MenuItems\n                        parentContainRef={parentRef}\n                        parentRef={actionRef} // for catching location(x, y) of MenuItems\n                        closeDropdown={closeDropdown}\n                        openLeft\n                      >\n                        <MenuItem\n                          onClick={() => {\n                            if ((member.role !== 'operator')) {\n                              channel?.addOperators([member.userId]).then(() => {\n                                refreshList();\n                                closeDropdown();\n                              });\n                            } else {\n                              channel?.removeOperators([member.userId]).then(() => {\n                                refreshList();\n                                closeDropdown();\n                              });\n                            }\n                          }}\n                        >\n                          {\n                            member.role !== 'operator'\n                              ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n                              : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n                          }\n                        </MenuItem>\n                        {\n                          // No muted members in broadcast channel\n                          !channel?.isBroadcast && (\n                            <MenuItem\n                              onClick={() => {\n                                if (member.isMuted) {\n                                  channel?.unmuteUser(member).then(() => {\n                                    refreshList();\n                                    closeDropdown();\n                                  })\n                                } else {\n                                  channel?.muteUser(member).then(() => {\n                                    refreshList();\n                                    closeDropdown();\n                                  });\n                                }\n                              }}\n                            >\n                              {\n                                member.isMuted\n                                  ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE\n                                  : stringSet.CHANNEL_SETTING__MODERATION__MUTE\n                              }\n                            </MenuItem>\n                          )\n                        }\n                        <MenuItem\n                          onClick={() => {\n                            channel?.banUser(member, -1, '').then(() => {\n                              refreshList();\n                              closeDropdown();\n                            });\n                          }}\n                        >\n                          {stringSet.CHANNEL_SETTING__MODERATION__BAN}\n                        </MenuItem>\n                      </MenuItems>\n                    )}\n                  />\n                )\n                : null\n            }\n          />\n        ))\n      }\n      <div\n        className=\"sendbird-channel-settings-accordion__footer\"\n      >\n        {\n          hasNext && (\n            <Button\n              type={ButtonTypes.SECONDARY}\n              size={ButtonSizes.SMALL}\n              onClick={() => setShowAllMembers(true)}\n            >\n              {stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS}\n            </Button>\n          )\n        }\n        <Button\n          type={ButtonTypes.SECONDARY}\n          size={ButtonSizes.SMALL}\n          onClick={() => setShowInviteUsers(true)}\n        >\n          {stringSet.CHANNEL_SETTING__MEMBERS__INVITE_MEMBER}\n        </Button>\n      </div>\n      {\n        showAllMembers && (\n          <MembersModal\n            onCancel={() => {\n              setShowAllMembers(false);\n              refreshList();\n            }}\n          />\n        )\n      }\n      {\n        showInviteUsers && (\n          <InviteUsers\n            onSubmit={() => {\n              setShowInviteUsers(false);\n              refreshList();\n            }}\n            onCancel={() => setShowInviteUsers(false)}\n          />\n        )\n      }\n    </div>\n  );\n}\n\nexport default MemberList;\n"],"names":["MembersModal","_a","onCancel","_c","useState","members","setMembers","_d","memberQuery","setMemberQuery","channel","useChannelSettingsContext","state","useSendbirdStateContext","currentUser","_b","config","userId","stringSet","useContext","LocalizationContext","useEffect","memberListQuery","createMemberListQuery","limit","next","then","React","noop","CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS","e","hasNext","target","fetchMore","clientHeight","scrollTop","scrollHeight","o","__spreadArray","map","member","parentRef","actionRef","myRole","toggleDropdown","IconTypes","MORE","IconColors","CONTENT_INVERSE","closeDropdown","role","addOperators","m","__assign","removeOperators","CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR","CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR","isBroadcast","isMuted","unmuteUser","muteUser","CHANNEL_SETTING__MODERATION__UNMUTE","CHANNEL_SETTING__MODERATION__MUTE","banUser","filter","CHANNEL_SETTING__MODERATION__BAN","isAboutSame","a","b","px","Math","abs","InviteUsers","onSubmit","_e","_f","selectedMembers","setSelectedMembers","_g","userQuery","setUserQuery","sdk","stores","sdkStore","globalUserListQuery","userListQuery","_h","overrideInviteUser","queries","userFilledQuery","applicationUserListQuery","useLocalization","createApplicationUserListQuery","Object","keys","length","BUTTON__INVITE","ButtonTypes","PRIMARY","users","onClose","inviteWithUserIds","CHANNEL_SETTING__MEMBERS__SELECT_TITLE","isJoinedMember","some","event","modifiedSelectedMembers","id","checked","MemberList","setHasNext","showAllMembers","setShowAllMembers","showInviteUsers","setShowInviteUsers","setChannelUpdateId","memberUserListQuery","refreshList","useCallback","uuidv4","UserListItem","SECONDARY","ButtonSizes","SMALL","CHANNEL_SETTING__MEMBERS__INVITE_MEMBER"],"mappings":";;;;;;;;;;;;;;;AAuBwB,SAAAA,YAAA,CAAaC,EAAb,EAAgC;;;AAAjB,EAAA,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAR,CAAA;;AAC/B,EAAA,IAAAC,EAAA,GAAwBC,QAAQ,CAAC,EAAD,CAAhC;AAAA,MAACC,OAAO,GAAAF,EAAA,CAAA,CAAA,CAAR;AAAA,MAAUG,UAAU,GAAAH,EAAA,CAAA,CAAA,CAApB,CAAA;;AACA,EAAA,IAAAI,EAAA,GAAgCH,QAAQ,CAAC,IAAD,CAAxC;AAAA,MAACI,WAAW,GAAAD,EAAA,CAAA,CAAA,CAAZ;AAAA,MAAcE,cAAc,GAAAF,EAAA,CAAA,CAAA,CAA5B,CAAA;;AAEE,EAAA,IAAAG,OAAO,GAAKC,yBAAyB,EAAA,QAArC,CAAA;EACR,IAAMC,KAAK,GAAGC,uBAAuB,EAArC,CAAA;AACA,EAAA,IAAMC,WAAW,GAAG,CAAAC,EAAA,GAAAH,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEI,MAAP,MAAe,IAAf,IAAeD,EAAA,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAeA,EAAA,CAAAE,MAAnC,CAAA;AACQ,EAAA,IAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd,CAAA;AAERC,EAAAA,SAAS,CAAC,YAAA;AACR,IAAA,IAAMC,eAAe,GAAGZ,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEa,qBAAT,CAA+B;AACrDC,MAAAA,KAAK,EAAE,EAAA;AAD8C,KAA/B,CAAxB,CAAA;AAGAF,IAAAA,eAAe,CAACG,IAAhB,EAAA,CAAuBC,IAAvB,CAA4B,UAACrB,OAAD,EAAQ;MAClCC,UAAU,CAACD,OAAD,CAAV,CAAA;KADF,CAAA,CAAA;IAGAI,cAAc,CAACa,eAAD,CAAd,CAAA;GAPO,EAQN,EARM,CAAT,CAAA;EASA,oBACEK,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,eACEA,6BAAC,KAAD,EAAA;AACE,IAAA,oBAAoB,EADtB,IAAA;AAEE,IAAA,UAAU,EAFZ,IAAA;AAGE,IAAA,QAAQ,EAAE,YAAA;AAAM,MAAA,OAAAzB,QAAQ,EAAR,CAAA;KAHlB;AAIE,IAAA,QAAQ,EAAE0B,IAJZ;IAKE,SAAS,EAAEV,SAAS,CAACW,yCAAAA;GAErB,eAAAF,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAC,qCADZ;IAEE,QAAQ,EAAE,UAACG,CAAD,EAAE;AACF,MAAA,IAAAC,OAAO,GAAKvB,WAAW,CAAAuB,OAAvB,CAAA;AACR,MAAA,IAAMC,MAAM,GAAGF,CAAC,CAACE,MAAjB,CAAA;AACA,MAAA,IAAMC,SAAS,GACbD,MAAM,CAACE,YAAP,GAAsBF,MAAM,CAACG,SAA7B,KAA2CH,MAAM,CAACI,YADpD,CAAA;;MAIA,IAAIL,OAAO,IAAIE,SAAf,EAA0B;AACxBzB,QAAAA,WAAW,CAACiB,IAAZ,EAAA,CAAmBC,IAAnB,CAAwB,UAACW,CAAD,EAAE;AACxB/B,UAAAA,UAAU,CACLgC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAAjC,OAAA,EACA,IADA,CAAA,EACAgC,CADA,MAAA,CADK,CAAV,CAAA;SADF,CAAA,CAAA;AAMD,OAAA;AACF,KAAA;AAjBH,GAAA,EAoBIhC,OAAO,CAACkC,GAAR,CAAY,UAACC,MAAD,EAAoB;AAAA,IAAA,oBAC9Bb,6BAAC,YAAD,EAAA;AACE,MAAA,IAAI,EAAEa,MADR;MAEE,GAAG,EAAEA,MAAM,CAACvB,MAFd;AAGE,MAAA,WAAW,EAAEH,WAHf;MAIE,MAAM,EAAE,UAACb,EAAD,EAAyB;YAAtBwC,SAAS,GAAAxC,EAAA,CAAAwC;YAAEC,SAAS,GAAAzC,EAAA,CAAAyC;QAAO,oBACpCf,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EACG,CAAAjB,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEiC,MAAT,MAAoB,UAApB,iBACChB,cAAA,CAAA,aAAA,CAAC,WAAD,EAAA;UACE,WAAW,EAAE,UAACiB,cAAD,EAAe;AAAK,YAAA,oBAC/BjB,6BAAC,UAAD,EAAA;AACE,cAAA,SAAS,EAAC,mCADZ;AAEE,cAAA,KAAK,EAAC,MAFR;AAGE,cAAA,MAAM,EAAC,MAHT;AAIE,cAAA,OAAO,EAAEiB,cAAAA;AAJX,aAAA,eAMEjB,6BAAC,IAAD,EAAA;AACE,cAAA,KAAK,EAAC,MADR;AAEE,cAAA,MAAM,EAAC,MAFT;cAGE,IAAI,EAAEkB,SAAS,CAACC,IAHlB;cAIE,SAAS,EAAEC,UAAU,CAACC,eAAAA;AAJxB,aAAA,CANF,CAD+B,CAAA;WADnC;UAgBE,SAAS,EAAE,UAACC,aAAD;AAAmB,YAAA,oBAC5BtB,6BAAC,SAAD,EAAA;AACE,cAAA,gBAAgB,EAAEc,SADpB;cAEE,SAAS,EAAEC,SAFb;AAAA;AAGE,cAAA,aAAa,EAAEO,aAHjB;cAIE,QAAQ,EAAA,IAAA;AAJV,aAAA,eAMEtB,6BAAC,QAAD,EAAA;AACE,cAAA,OAAO,EAAEb,WAAW,KAAK0B,MAAM,CAACvB,MADlC;AAEE,cAAA,OAAO,EAAE,YAAA;AACP,gBAAA,IAAKuB,MAAM,CAACU,IAAP,KAAgB,UAArB,EAAkC;kBAChCxC,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEyC,YAAT,CAAsB,CAACX,MAAM,CAACvB,MAAR,CAAtB,CAAA,CAAuCS,IAAvC,CAA4C,YAAA;AAC1CpB,oBAAAA,UAAU,CAACD,OAAO,CAACkC,GAAR,CAAY,UAAAa,CAAA,EAAC;AACtB,sBAAA,IAAIA,CAAC,CAACnC,MAAF,KAAauB,MAAM,CAACvB,MAAxB,EAAgC;wBAC9B,OAAAoC,QAAA,CAAAA,QAAA,CAAA,EAAA,EACKb,MADL,CAAA,EACW;AACTU,0BAAAA,IAAI,EAAE,UAAA;AADG,yBADX,CAAA,CAAA;AAID,uBAAA;;AACD,sBAAA,OAAOE,CAAP,CAAA;AACD,qBARU,CAAD,CAAV,CAAA;oBASAH,aAAa,EAAA,CAAA;AACd,mBAXD,CAAA,CAAA;AAYD,iBAbD,MAaO;kBACLvC,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE4C,eAAT,CAAyB,CAACd,MAAM,CAACvB,MAAR,CAAzB,CAAA,CAA0CS,IAA1C,CAA+C,YAAA;AAC7CpB,oBAAAA,UAAU,CAACD,OAAO,CAACkC,GAAR,CAAY,UAAAa,CAAA,EAAC;AACtB,sBAAA,IAAIA,CAAC,CAACnC,MAAF,KAAauB,MAAM,CAACvB,MAAxB,EAAgC;wBAC9B,OAAAoC,QAAA,CAAAA,QAAA,CAAA,EAAA,EACKb,MADL,CAAA,EACW;AACTU,0BAAAA,IAAI,EAAE,EAAA;AADG,yBADX,CAAA,CAAA;AAID,uBAAA;;AACD,sBAAA,OAAOE,CAAP,CAAA;AACD,qBARU,CAAD,CAAV,CAAA;oBASAH,aAAa,EAAA,CAAA;AACd,mBAXD,CAAA,CAAA;AAYD,iBAAA;AACF,eAAA;AA9BH,aAAA,EAiCIT,MAAM,CAACU,IAAP,KAAgB,UAAhB,GACIhC,SAAS,CAACqC,iDADd,GAEIrC,SAAS,CAACsC,gDAnClB,CANF;AA8CI,YAAA,EAAC9C,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAE+C,WAAV,CAAA,iBACE9B,6BAAC,QAAD,EAAA;AACE,cAAA,OAAO,EAAE,YAAA;gBACP,IAAIa,MAAM,CAACkB,OAAX,EAAoB;AAClBhD,kBAAAA,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEiD,UAAT,CAAoBnB,MAApB,CAA4Bd,CAAAA,IAA5B,CAAiC,YAAA;AAC/BpB,oBAAAA,UAAU,CAACD,OAAO,CAACkC,GAAR,CAAY,UAAAa,CAAA,EAAC;AACtB,sBAAA,IAAIA,CAAC,CAACnC,MAAF,KAAauB,MAAM,CAACvB,MAAxB,EAAgC;wBAC9B,OAAAoC,QAAA,CAAAA,QAAA,CAAA,EAAA,EACKb,MADL,CAAA,EACW;AACTkB,0BAAAA,OAAO,EAAE,KAAA;AADA,yBADX,CAAA,CAAA;AAID,uBAAA;;AACD,sBAAA,OAAON,CAAP,CAAA;AACD,qBARU,CAAD,CAAV,CAAA;oBASAH,aAAa,EAAA,CAAA;AACd,mBAXD,CAAA,CAAA;AAYD,iBAbD,MAaO;AACLvC,kBAAAA,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEkD,QAAT,CAAkBpB,MAAlB,CAA0Bd,CAAAA,IAA1B,CAA+B,YAAA;AAC7BpB,oBAAAA,UAAU,CAACD,OAAO,CAACkC,GAAR,CAAY,UAAAa,CAAA,EAAC;AACtB,sBAAA,IAAIA,CAAC,CAACnC,MAAF,KAAauB,MAAM,CAACvB,MAAxB,EAAgC;wBAC9B,OAAAoC,QAAA,CAAAA,QAAA,CAAA,EAAA,EACKb,MADL,CAAA,EACW;AACTkB,0BAAAA,OAAO,EAAE,IAAA;AADA,yBADX,CAAA,CAAA;AAID,uBAAA;;AACD,sBAAA,OAAON,CAAP,CAAA;AACD,qBARU,CAAD,CAAV,CAAA;oBASAH,aAAa,EAAA,CAAA;AACd,mBAXD,CAAA,CAAA;AAYD,iBAAA;AACF,eAAA;AA7BH,aAAA,EAgCIT,MAAM,CAACkB,OAAP,GACIxC,SAAS,CAAC2C,mCADd,GAEI3C,SAAS,CAAC4C,iCAlClB,CA/CN,eAsFEnC,6BAAC,QAAD,EAAA;AACE,cAAA,OAAO,EAAE,YAAA;gBACPjB,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEqD,OAAT,CAAiBvB,MAAjB,EAAyB,CAAC,CAA1B,EAA6B,EAA7B,CAAA,CAAiCd,IAAjC,CAAsC,YAAA;AACpCpB,kBAAAA,UAAU,CAACD,OAAO,CAAC2D,MAAR,CAAe,UAAC/D,EAAD,EAAW;AAAR,oBAAA,IAAAgB,MAAM,GAAAhB,EAAA,CAAAgB,MAAN,CAAA;AAC3B,oBAAA,OAAOA,MAAM,KAAKuB,MAAM,CAACvB,MAAzB,CAAA;AACD,mBAFU,CAAD,CAAV,CAAA;AAGD,iBAJD,CAAA,CAAA;AAKD,eAAA;AAPH,aAAA,EASGC,SAAS,CAAC+C,gCATb,CAtFF,CAD4B,CAAA;AAmG7B,WAAA;AAnHH,SAAA,CAFJ,CADoC,CAAA;AA0HrC,OAAA;KA/H2B,CAAA,CAAA;GAAhC,CApBJ,CAPF,CADF,CADF,CAAA;AAoKD;;AC/LD,IAAMC,WAAW,GAAG,UAACC,CAAD,EAAIC,CAAJ,EAAOC,EAAP,EAAc;EAAA,OAACC,IAAI,CAACC,GAAL,CAASJ,CAAC,GAAGC,CAAb,KAAmBC,EAApB,CAAA;AAAuB,CAAzD,CAAA;;AAEwB,SAAAG,WAAA,CAAYvE,EAAZ,EAGhB;;;MAFNC,QAAQ,GAAAD,EAAA,CAAAC;MACRuE,QAAQ,GAAAxE,EAAA,CAAAwE;;AAEF,EAAA,IAAAC,EAAA,GAAwBtE,QAAQ,CAAC,EAAD,CAAhC;AAAA,MAACC,OAAO,GAAAqE,EAAA,CAAA,CAAA,CAAR;AAAA,MAAUpE,UAAU,GAAAoE,EAAA,CAAA,CAAA,CAApB,CAAA;;AACA,EAAA,IAAAC,EAAA,GAAwCvE,QAAQ,CAAC,EAAD,CAAhD;AAAA,MAACwE,eAAe,GAAAD,EAAA,CAAA,CAAA,CAAhB;AAAA,MAAkBE,kBAAkB,GAAAF,EAAA,CAAA,CAAA,CAApC,CAAA;;AACA,EAAA,IAAAG,EAAA,GAA4B1E,QAAQ,CAAC,IAAD,CAApC;AAAA,MAAC2E,SAAS,GAAAD,EAAA,CAAA,CAAA,CAAV;AAAA,MAAYE,YAAY,GAAAF,EAAA,CAAA,CAAA,CAAxB,CAAA;;EAEN,IAAMlE,KAAK,GAAGC,uBAAuB,EAArC,CAAA;EACA,IAAMoE,GAAG,GAAG,CAAA9E,EAAA,GAAA,CAAAY,EAAA,GAAAH,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEsE,MAAP,MAAa,IAAb,IAAanE,EAAA,KAAA,KAAA,CAAb,GAAa,KAAA,CAAb,GAAaA,EAAA,CAAEoE,QAAf,MAAuB,IAAvB,IAAuBhF,EAAA,KAAA,KAAA,CAAvB,GAAuB,KAAA,CAAvB,GAAuBA,EAAA,CAAE8E,GAArC,CAAA;AACA,EAAA,IAAMG,mBAAmB,GAAG,CAAA7E,EAAA,GAAAK,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEI,MAAP,MAAe,IAAf,IAAeT,EAAA,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAeA,EAAA,CAAA8E,aAA3C,CAAA;;EAEM,IAAAC,EAA2C,GAAA3E,yBAAyB,EAApE;AAAA,MAAED,OAAO,GAAA4E,EAAA,CAAA5E,OAAT;AAAA,MAAW6E,kBAAkB,GAAAD,EAAA,CAAAC,kBAA7B;AAAA,MAA+BC,OAAO,GAAAF,EAAA,CAAAE,OAAtC,CAAA;;EACN,IAAMC,eAAe,GAChBpC,QAAA,CAAA,EAAA,EAAAmC,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEE,wBAAT,CADL,CAAA;;AAGQ,EAAA,IAAAxE,SAAS,GAAKyE,eAAe,EAAA,UAA7B,CAAA;AAERtE,EAAAA,SAAS,CAAC,YAAA;IACR,IAAMgE,aAAa,GAAGD,mBAAmB,GACrCA,mBAAmB,EADkB,GAErCH,GAAG,KAAA,IAAH,IAAAA,GAAG,KAAA,KAAA,CAAH,GAAG,KAAA,CAAH,GAAAA,GAAG,CAAEW,8BAAL,CAAoCH,eAApC,CAFJ,CAAA;;AAGA,IAAA,IAAIJ,aAAa,KAAb,IAAA,IAAAA,aAAa,WAAb,SAAA,GAAAA,aAAa,CAAE5D,IAAnB,EAAyB;AACvB4D,MAAAA,aAAa,CAAC5D,IAAd,EAAA,CAAqBC,IAArB,CAA0B,UAACrB,OAAD,EAAQ;QAChCC,UAAU,CAACD,OAAD,CAAV,CAAA;OADF,CAAA,CAAA;MAGA2E,YAAY,CAACK,aAAD,CAAZ,CAAA;AACD,KAAA;AACF,GAVQ,EAUN,CAACJ,GAAD,CAVM,CAAT,CAAA;EAWA,oBACEtD,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,eACEA,6BAAC,KAAD,EAAA;AACE,IAAA,oBAAoB,EADtB,IAAA;IAEE,QAAQ,EAAEkE,MAAM,CAACC,IAAP,CAAYlB,eAAZ,CAAA,CAA6BmB,MAA7B,KAAwC,CAFpD;IAGE,UAAU,EAAE7E,SAAS,CAAC8E,cAHxB;IAIE,IAAI,EAAEC,WAAW,CAACC,OAJpB;AAKE,IAAA,QAAQ,EAAE,YAAM;AAAA,MAAA,OAAAhG,QAAQ,EAAR,CAAA;KALlB;AAME,IAAA,QAAQ,EAAE,YAAA;AACR,MAAA,IAAMG,OAAO,GAAGwF,MAAM,CAACC,IAAP,CAAYlB,eAAZ,CAAA,CAA6BZ,MAA7B,CAAoC,UAACZ,CAAD,EAAE;QAAK,OAAAwB,eAAe,CAACxB,CAAD,CAAf,CAAA;AAAkB,OAA7D,CAAhB,CAAA;;AACA,MAAA,IAAI,OAAOmC,kBAAP,KAA8B,UAAlC,EAA8C;AAC5CA,QAAAA,kBAAkB,CAAC;AACjBY,UAAAA,KAAK,EAAE9F,OADU;AAEjB+F,UAAAA,OAAO,EAAElG,QAFQ;AAGjBQ,UAAAA,OAAO,EAAAA,OAAAA;AAHU,SAAD,CAAlB,CAAA;AAKA,QAAA,OAAA;AACD,OAAA;;AACDA,MAAAA,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAE2F,iBAAT,CAA2BhG,OAA3B,CAAoCqB,CAAAA,IAApC,CAAyC,YAAA;QACvC+C,QAAQ,CAACpE,OAAD,CAAR,CAAA;AACD,OAFD,CAAA,CAAA;KAhBJ;IAoBE,SAAS,EAAEa,SAAS,CAACoF,sCAAAA;GAErB,eAAA3E,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAC,qCADZ;IAEE,QAAQ,EAAE,UAACG,CAAD,EAAE;AACF,MAAA,IAAAC,OAAO,GAAKgD,SAAS,CAAAhD,OAArB,CAAA;AACR,MAAA,IAAMC,MAAM,GAAGF,CAAC,CAACE,MAAjB,CAAA;AACA,MAAA,IAAMC,SAAS,GAAGiC,WAAW,CAAClC,MAAM,CAACE,YAAP,GAAsBF,MAAM,CAACG,SAA9B,EAAyCH,MAAM,CAACI,YAAhD,EAA8D,EAA9D,CAA7B,CAAA;;MACA,IAAIL,OAAO,IAAIE,SAAf,EAA0B;AACxB8C,QAAAA,SAAS,CAACtD,IAAV,EAAA,CAAiBC,IAAjB,CAAsB,UAACyE,KAAD,EAAM;AAC1B7F,UAAAA,UAAU,CACLgC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAAjC,OAAA,EACA,IADA,CAAA,EACA8F,KADA,MAAA,CADK,CAAV,CAAA;SADF,CAAA,CAAA;AAMD,OAAA;AACF,KAAA;GAED,eAAAxE,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,4CAAA;AAAf,GAAA,EACGtB,OAAO,CAACkC,GAAR,CAAY,UAACC,MAAD,EAAO;;;AAClB,IAAA,IAAM+D,cAAc,GAAG,CAAAtG,EAAA,GAAAS,OAAO,SAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEL,OAAT,MAAgB,IAAhB,IAAgBJ,EAAA,KAAA,KAAA,CAAhB,GAAgB,KAAA,CAAhB,GAAgBA,EAAA,CAAEuG,IAAF,CAAO,UAACvG,EAAD,EAAW;AAAR,MAAA,IAAAgB,MAAM,GAAAhB,EAAA,CAAAgB,MAAN,CAAA;AAAa,MAAA,OAAAA,MAAM,MAAKuB,MAAM,KAAA,IAAN,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEvB,MAAb,CAAN,CAAA;AAAyB,KAAhD,CAAvC,CAAA;AACA,IAAA,oBACEU,6BAAC,YAAD,EAAA;AACE,MAAA,QAAQ,EADV,IAAA;MAEE,OAAO,EAAE4E,cAAc,IAAI3B,eAAe,CAACpC,MAAM,CAACvB,MAAR,CAF5C;AAGE,MAAA,QAAQ,EAAEsF,cAHZ;MAIE,QAAQ,EACN,UAACE,KAAD,EAAM;;;AACJ,QAAA,IAAMC,uBAAuB,GACxBrD,QAAA,CAAAA,QAAA,CAAA,EAAA,EAAAuB,eAAA,CAAA,GACF3E,EAAA,GAAA,EAAA,EAAAA,EAAA,CAAAwG,KAAK,CAACzE,MAAN,CAAa2E,EAAb,CAAA,GAAkBF,KAAK,CAACzE,MAAN,CAAa4E,OAA/B,IADE,EADL,CAAA;;AAIA,QAAA,IAAI,CAACH,KAAK,CAACzE,MAAN,CAAa4E,OAAlB,EAA2B;AACzB,UAAA,OAAOF,uBAAuB,CAACD,KAAK,CAACzE,MAAN,CAAa2E,EAAd,CAA9B,CAAA;AACD,SAAA;;QACD9B,kBAAkB,CAAC6B,uBAAD,CAAlB,CAAA;OAbN;AAgBE,MAAA,IAAI,EAAElE,MAhBR;MAiBE,GAAG,EAAEA,MAAM,CAACvB,MAAAA;KAlBhB,CAAA,CAAA;AAqBD,GAvBA,CADH,CAhBF,CAtBF,CADF,CADF,CAAA;AAsED;;AC9FM,IAAM4F,UAAU,GAAG,YAAA;;;AAClB,EAAA,IAAAtG,EAAA,GAAwBH,QAAQ,CAAC,EAAD,CAAhC;AAAA,MAACC,OAAO,GAAAE,EAAA,CAAA,CAAA,CAAR;AAAA,MAAUD,UAAU,GAAAC,EAAA,CAAA,CAAA,CAApB,CAAA;;AACA,EAAA,IAAAmE,EAAA,GAAwBtE,QAAQ,CAAC,KAAD,CAAhC;AAAA,MAAC2B,OAAO,GAAA2C,EAAA,CAAA,CAAA,CAAR;AAAA,MAAUoC,UAAU,GAAApC,EAAA,CAAA,CAAA,CAApB,CAAA;;AACA,EAAA,IAAAC,EAAA,GAAsCvE,QAAQ,CAAC,KAAD,CAA9C;AAAA,MAAC2G,cAAc,GAAApC,EAAA,CAAA,CAAA,CAAf;AAAA,MAAiBqC,iBAAiB,GAAArC,EAAA,CAAA,CAAA,CAAlC,CAAA;;AACA,EAAA,IAAAG,EAAA,GAAwC1E,QAAQ,CAAC,KAAD,CAAhD;AAAA,MAAC6G,eAAe,GAAAnC,EAAA,CAAA,CAAA,CAAhB;AAAA,MAAkBoC,kBAAkB,GAAApC,EAAA,CAAA,CAAA,CAApC,CAAA;;EAEN,IAAMlE,KAAK,GAAGC,uBAAuB,EAArC,CAAA;;EACM,IAAAyE,EAAA,GAGF3E,yBAAyB,EAHvB;AAAA,MACJD,OAAO,GAAA4E,EAAA,CAAA5E,OADH;AAAA,MAEJyG,kBAAkB,GAAA7B,EAAA,CAAA6B,kBAFd,CAAA;;AAIE,EAAA,IAAAjG,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd,CAAA;EAER,IAAM6D,GAAG,GAAG,CAAAlE,EAAA,GAAA,CAAAd,EAAA,GAAAW,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEsE,MAAP,MAAa,IAAb,IAAajF,EAAA,KAAA,KAAA,CAAb,GAAa,KAAA,CAAb,GAAaA,EAAA,CAAEkF,QAAf,MAAuB,IAAvB,IAAuBpE,EAAA,KAAA,KAAA,CAAvB,GAAuB,KAAA,CAAvB,GAAuBA,EAAA,CAAEkE,GAArC,CAAA;AACA,EAAA,IAAMhE,MAAM,GAAG,CAAAd,EAAA,GAAAS,KAAK,KAAL,IAAA,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEI,MAAP,MAAe,IAAf,IAAeb,EAAA,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAeA,EAAA,CAAAc,MAA9B,CAAA;AAEAI,EAAAA,SAAS,CAAC,YAAA;IACR,IAAI,CAACX,OAAL,EAAc;MACZJ,UAAU,CAAC,EAAD,CAAV,CAAA;AACA,MAAA,OAAA;AACD,KAAA;;AAED,IAAA,IAAM8G,mBAAmB,GAAG1G,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEa,qBAAT,CAA+B;AAAEC,MAAAA,KAAK,EAAE,EAAA;AAAT,KAA/B,CAA5B,CAAA;AACA4F,IAAAA,mBAAmB,CAAC3F,IAApB,EAAA,CAA2BC,IAA3B,CAAgC,UAACrB,OAAD,EAAQ;MACtCC,UAAU,CAACD,OAAD,CAAV,CAAA;AACAyG,MAAAA,UAAU,CAACM,mBAAmB,CAACrF,OAArB,CAAV,CAAA;KAFF,CAAA,CAAA;AAID,GAXQ,EAWN,CAACrB,OAAD,CAXM,CAAT,CAAA;AAaA,EAAA,IAAM2G,WAAW,GAAGC,WAAW,CAAC,YAAA;IAC9B,IAAI,CAAC5G,OAAL,EAAc;MACZJ,UAAU,CAAC,EAAD,CAAV,CAAA;AACA,MAAA,OAAA;AACD,KAAA;;AACD,IAAA,IAAM8G,mBAAmB,GAAG1G,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEa,qBAAT,CAA+B;AAAEC,MAAAA,KAAK,EAAE,EAAA;AAAT,KAA/B,CAA5B,CAAA;AACA4F,IAAAA,mBAAmB,CAAC3F,IAApB,EAAA,CAA2BC,IAA3B,CAAgC,UAACrB,OAAD,EAAQ;MACtCC,UAAU,CAACD,OAAD,CAAV,CAAA;AACAyG,MAAAA,UAAU,CAACM,mBAAmB,CAACrF,OAArB,CAAV,CAAA;MACAoF,kBAAkB,CAACI,MAAM,EAAP,CAAlB,CAAA;KAHF,CAAA,CAAA;AAKD,GAX8B,EAW5B,CAAC7G,OAAD,CAX4B,CAA/B,CAAA;EAaA,oBACEiB,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,0DAAA;AAAf,GAAA,EAEItB,OAAO,CAACkC,GAAR,CAAY,UAACC,MAAD,EAAO;AAAK,IAAA,oBACtBb,6BAAC6F,cAAD,EAAA;MACE,GAAG,EAAEhF,MAAM,CAACvB,MADd;AAEE,MAAA,IAAI,EAAEuB,MAFR;AAGE,MAAA,WAAW,EAAEyC,GAAG,CAACnE,WAAJ,CAAgBG,MAH/B;AAIE,MAAA,MAAM,EACH,CAAAP,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEiC,MAAT,MAAoB,UAApB,IAAkC1B,MAAM,KAAKuB,MAAM,CAACvB,MAArD,GACI,UAAChB,EAAD,EAAyB;YAAtByC,SAAS,GAAAzC,EAAA,CAAAyC;YAAED,SAAS,GAAAxC,EAAA,CAAAwC;AAAO,QAAA,oBAC9Bd,6BAAC,WAAD,EAAA;UACE,WAAW,EAAE,UAACiB,cAAD,EAAoB;AAAA,YAAA,oBAC/BjB,6BAAC,UAAD,EAAA;AACE,cAAA,SAAS,EAAC,mCADZ;AAEE,cAAA,KAAK,EAAC,MAFR;AAGE,cAAA,MAAM,EAAC,MAHT;AAIE,cAAA,OAAO,EAAEiB,cAAAA;AAJX,aAAA,eAMEjB,6BAAC,IAAD,EAAA;AACE,cAAA,KAAK,EAAC,MADR;AAEE,cAAA,MAAM,EAAC,MAFT;cAGE,IAAI,EAAEkB,SAAS,CAACC,IAHlB;cAIE,SAAS,EAAEC,UAAU,CAACC,eAAAA;AAJxB,aAAA,CANF,CAD+B,CAAA;WADnC;UAgBE,SAAS,EAAE,UAACC,aAAD;AAAmB,YAAA,oBAC5BtB,6BAAC,SAAD,EAAA;AACE,cAAA,gBAAgB,EAAEc,SADpB;cAEE,SAAS,EAAEC,SAFb;AAAA;AAGE,cAAA,aAAa,EAAEO,aAHjB;cAIE,QAAQ,EAAA,IAAA;AAJV,aAAA,eAMEtB,6BAAC,QAAD,EAAA;AACE,cAAA,OAAO,EAAE,YAAA;AACP,gBAAA,IAAKa,MAAM,CAACU,IAAP,KAAgB,UAArB,EAAkC;kBAChCxC,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEyC,YAAT,CAAsB,CAACX,MAAM,CAACvB,MAAR,CAAtB,CAAA,CAAuCS,IAAvC,CAA4C,YAAA;oBAC1C2F,WAAW,EAAA,CAAA;oBACXpE,aAAa,EAAA,CAAA;AACd,mBAHD,CAAA,CAAA;AAID,iBALD,MAKO;kBACLvC,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE4C,eAAT,CAAyB,CAACd,MAAM,CAACvB,MAAR,CAAzB,CAAA,CAA0CS,IAA1C,CAA+C,YAAA;oBAC7C2F,WAAW,EAAA,CAAA;oBACXpE,aAAa,EAAA,CAAA;AACd,mBAHD,CAAA,CAAA;AAID,iBAAA;AACF,eAAA;AAbH,aAAA,EAgBIT,MAAM,CAACU,IAAP,KAAgB,UAAhB,GACIhC,SAAS,CAACqC,iDADd,GAEIrC,SAAS,CAACsC,gDAlBlB,CANF;AA6BI,YAAA,EAAC9C,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAE+C,WAAV,CAAA,iBACE9B,6BAAC,QAAD,EAAA;AACE,cAAA,OAAO,EAAE,YAAA;gBACP,IAAIa,MAAM,CAACkB,OAAX,EAAoB;AAClBhD,kBAAAA,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEiD,UAAT,CAAoBnB,MAApB,CAA4Bd,CAAAA,IAA5B,CAAiC,YAAA;oBAC/B2F,WAAW,EAAA,CAAA;oBACXpE,aAAa,EAAA,CAAA;AACd,mBAHD,CAAA,CAAA;AAID,iBALD,MAKO;AACLvC,kBAAAA,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEkD,QAAT,CAAkBpB,MAAlB,CAA0Bd,CAAAA,IAA1B,CAA+B,YAAA;oBAC7B2F,WAAW,EAAA,CAAA;oBACXpE,aAAa,EAAA,CAAA;AACd,mBAHD,CAAA,CAAA;AAID,iBAAA;AACF,eAAA;AAbH,aAAA,EAgBIT,MAAM,CAACkB,OAAP,GACIxC,SAAS,CAAC2C,mCADd,GAEI3C,SAAS,CAAC4C,iCAlBlB,CA9BN,eAqDEnC,6BAAC,QAAD,EAAA;AACE,cAAA,OAAO,EAAE,YAAA;gBACPjB,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEqD,OAAT,CAAiBvB,MAAjB,EAAyB,CAAC,CAA1B,EAA6B,EAA7B,CAAA,CAAiCd,IAAjC,CAAsC,YAAA;kBACpC2F,WAAW,EAAA,CAAA;kBACXpE,aAAa,EAAA,CAAA;AACd,iBAHD,CAAA,CAAA;AAID,eAAA;AANH,aAAA,EAQG/B,SAAS,CAAC+C,gCARb,CArDF,CAD4B,CAAA;AAiE7B,WAAA;SAlF2B,CAAA,CAAA;AAoF/B,OArFH,GAsFI,IAAA;KA5Fc,CAAA,CAAA;AA+FvB,GA/FD,CAFJ,eAmGEtC,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAC,6CAAA;GAGRI,EAAAA,OAAO,iBACLJ,cAAA,CAAA,aAAA,CAAC,MAAD,EAAA;IACE,IAAI,EAAEsE,WAAW,CAACwB,SADpB;IAEE,IAAI,EAAEC,WAAW,CAACC,KAFpB;AAGE,IAAA,OAAO,EAAE,YAAA;MAAM,OAAAX,iBAAiB,CAAC,IAAD,CAAjB,CAAA;AAAuB,KAAA;AAHxC,GAAA,EAKG9F,SAAS,CAACW,yCALb,CALN,eAcEF,6BAAC,MAAD,EAAA;IACE,IAAI,EAAEsE,WAAW,CAACwB,SADpB;IAEE,IAAI,EAAEC,WAAW,CAACC,KAFpB;AAGE,IAAA,OAAO,EAAE,YAAM;MAAA,OAAAT,kBAAkB,CAAC,IAAD,CAAlB,CAAA;AAAwB,KAAA;GAEtChG,EAAAA,SAAS,CAAC0G,uCALb,CAdF,CAnGF,EA0HIb,cAAc,iBACZpF,cAAA,CAAA,aAAA,CAAC,YAAD,EAAA;AACE,IAAA,QAAQ,EAAE,YAAA;MACRqF,iBAAiB,CAAC,KAAD,CAAjB,CAAA;MACAK,WAAW,EAAA,CAAA;AACZ,KAAA;AAJH,GAAA,CA3HN,EAoIIJ,eAAe,iBACbtF,cAAA,CAAA,aAAA,CAAC,WAAD,EAAA;AACE,IAAA,QAAQ,EAAE,YAAA;MACRuF,kBAAkB,CAAC,KAAD,CAAlB,CAAA;MACAG,WAAW,EAAA,CAAA;KAHf;AAKE,IAAA,QAAQ,EAAE;MAAM,OAAAH,kBAAkB,CAAC,KAAD,CAAlB,CAAA;AAAyB,KAAA;AAL3C,GAAA,CArIN,CADF,CAAA;AAiJD;;;;"}

package/MessageSearch/components/MessageSearchUI.js

@@ -1,25 +1,27 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-4c2faa9a.js';
+import { a as LocalizationContext } from '../../LocalizationContext-539093a9.js';
 import { useMessageSearchContext } from '../context.js';
 import MessageSearchItem from '../../ui/MessageSearchItem.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-aecdd02c.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-eefaf935.js';
 import MessageSearchFileItem from '../../ui/MessageSearchFileItem.js';
-import '../../stringSet-c2443946.js';
-import '../../index-a53d78b6.js';
+import '../../stringSet-f9763488.js';
+import '../../index-999fdb64.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-b45d3824.js';
-import '../../tslib.es6-13412863.js';
-import '../../index-8c38f9d0.js';
-import '../../index-6d541758.js';
-import '../../index-30726ee1.js';
+import '../../_rollupPluginBabelHelpers-09618dc3.js';
+import '../../tslib.es6-fc4a2658.js';
+import '../../index-620331eb.js';
+import '../../index-ed1f765b.js';
+import '../../index-4c6a2064.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
 import 'prop-types';
-import '../../uuid-7a5e68ed.js';
-import '../../index-e2994193.js';
+import '../../uuid-6ca64623.js';
+import '../../index-4a977e7d.js';
 import '../../ui/Loader.js';
+import '../../index-bbab31f0.js';
+import '../../utils/message/getOutgoingMessageState.js';
 
 var COMPONENT_CLASS_NAME = 'sendbird-message-search';
 var MessageSearchUI = function (_a) {