@sendbird/uikit-react 3.1.1 → 3.1.2-rc.0

package/CreateChannel/components/SelectChannelType.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectChannelType.js","sources":["../../../src/smart-components/CreateChannel/utils.ts","../../../src/smart-components/CreateChannel/components/SelectChannelType.tsx"],"sourcesContent":["import type { SendbirdGroupChat } from \"@sendbird/chat/groupChannel\";\n\nexport const isBroadcastChannelEnabled = (sdk: SendbirdGroupChat): boolean => {\n  const ALLOW_BROADCAST_CHANNEL = 'allow_broadcast_channel';\n  const applicationAttributes = sdk?.appInfo?.applicationAttributes;\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_BROADCAST_CHANNEL);\n  }\n\n  return false;\n};\n\nexport const isSuperGroupChannelEnabled = (sdk: SendbirdGroupChat): boolean => {\n  const ALLOW_SUPER_GROUP_CHANNEL = 'allow_super_group_channel';\n  const applicationAttributes = sdk?.appInfo?.applicationAttributes;\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_SUPER_GROUP_CHANNEL);\n  }\n\n  return false;\n};\n","import React, { useContext } from 'react';\nimport type { SendbirdGroupChat } from '@sendbird/chat/groupChannel';\n\nimport * as sendbirdSelectors from '../../../lib/selectors';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\n\nimport { useCreateChannelContext } from '../context/CreateChannelProvider';\n\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport Label, { LabelColors, LabelTypography } from '../../../ui/Label';\nimport Icon, { IconTypes, IconColors } from '../../../ui/Icon';\n\nimport Modal from '../../../ui/Modal';\n\nimport {\n  isBroadcastChannelEnabled,\n  isSuperGroupChannelEnabled,\n} from '../utils';\nimport { CHANNEL_TYPE } from '../types';\n\nexport interface SelectChannelTypeProps {\n  onCancel?(): void;\n}\n\nconst SelectChannelType: React.FC<SelectChannelTypeProps> = (props: SelectChannelTypeProps) => {\n  const { onCancel } = props;\n  const store = useSendbirdStateContext();\n\n  const sdk = sendbirdSelectors.getSdk(store) as SendbirdGroupChat;\n\n  const createChannelProps = useCreateChannelContext();\n  const {\n    setStep,\n    setType,\n  } = createChannelProps;\n\n  const { stringSet } = useContext(LocalizationContext);\n\n  const isBroadcastAvailable = isBroadcastChannelEnabled(sdk);\n  const isSupergroupAvailable = isSuperGroupChannelEnabled(sdk);\n\n  return (\n    <Modal\n      titleText={stringSet?.MODAL__CREATE_CHANNEL__TITLE}\n      hideFooter\n      onCancel={() => { onCancel(); }}\n    >\n      <div className=\"sendbird-add-channel__rectangle-wrap\">\n        <div\n          className=\"sendbird-add-channel__rectangle\"\n          onClick={() => {\n            setType(CHANNEL_TYPE.GROUP);\n            setStep(1);\n          }}\n          role=\"button\"\n          tabIndex={0}\n          onKeyDown={() => {\n            setType(CHANNEL_TYPE.GROUP);\n            setStep(1);\n          }}\n        >\n          <Icon\n            className=\"sendbird-add-channel__rectangle__chat-icon\"\n            type={IconTypes.CHAT}\n            fillColor={IconColors.PRIMARY}\n            width=\"28px\"\n            height=\"28px\"\n          />\n          <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n            {stringSet.MODAL__CREATE_CHANNEL__GROUP}\n          </Label>\n        </div>\n        {\n          isSupergroupAvailable && (\n            <div\n              className=\"sendbird-add-channel__rectangle\"\n              onClick={() => {\n                setType(CHANNEL_TYPE.SUPERGROUP);\n                setStep(1);\n              }}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={() => {\n                setType(CHANNEL_TYPE.SUPERGROUP);\n                setStep(1);\n              }}\n            >\n              <Icon\n                className=\"sendbird-add-channel__rectangle__supergroup-icon\"\n                type={IconTypes.SUPERGROUP}\n                fillColor={IconColors.PRIMARY}\n                width=\"28px\"\n                height=\"28px\"\n              />\n              <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n                {stringSet.MODAL__CREATE_CHANNEL__SUPER}\n              </Label>\n            </div>\n          )\n        }\n        {\n          isBroadcastAvailable && (\n            <div\n              className=\"sendbird-add-channel__rectangle\"\n              onClick={() => {\n                setType(CHANNEL_TYPE.BROADCAST);\n                setStep(1);\n              }}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={() => {\n                setType(CHANNEL_TYPE.BROADCAST);\n                setStep(1);\n              }}\n            >\n              <Icon\n                className=\"sendbird-add-channel__rectangle__broadcast-icon\"\n                type={IconTypes.BROADCAST}\n                fillColor={IconColors.PRIMARY}\n                width=\"28px\"\n                height=\"28px\"\n              />\n              <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n                {stringSet.MODAL__CREATE_CHANNEL__BROADCAST}\n              </Label>\n            </div>\n          )\n        }\n      </div>\n    </Modal>\n  );\n}\n\nexport default SelectChannelType;\n"],"names":["isBroadcastChannelEnabled","sdk","ALLOW_BROADCAST_CHANNEL","applicationAttributes","appInfo","Array","isArray","includes","isSuperGroupChannelEnabled","ALLOW_SUPER_GROUP_CHANNEL","SelectChannelType","props","onCancel","store","useSendbirdStateContext","sendbirdSelectors","createChannelProps","useCreateChannelContext","setStep","setType","stringSet","useContext","LocalizationContext","isBroadcastAvailable","isSupergroupAvailable","React","MODAL__CREATE_CHANNEL__TITLE","CHANNEL_TYPE","GROUP","IconTypes","CHAT","IconColors","PRIMARY","LabelTypography","SUBTITLE_1","LabelColors","ONBACKGROUND_1","MODAL__CREATE_CHANNEL__GROUP","SUPERGROUP","MODAL__CREATE_CHANNEL__SUPER","BROADCAST","MODAL__CREATE_CHANNEL__BROADCAST"],"mappings":"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"}
+{"version":3,"file":"SelectChannelType.js","sources":["../../../src/smart-components/CreateChannel/utils.ts","../../../src/smart-components/CreateChannel/components/SelectChannelType.tsx"],"sourcesContent":["import type { SendbirdGroupChat } from \"@sendbird/chat/groupChannel\";\n\nexport const isBroadcastChannelEnabled = (sdk: SendbirdGroupChat): boolean => {\n  const ALLOW_BROADCAST_CHANNEL = 'allow_broadcast_channel';\n  const applicationAttributes = sdk?.appInfo?.applicationAttributes;\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_BROADCAST_CHANNEL);\n  }\n\n  return false;\n};\n\nexport const isSuperGroupChannelEnabled = (sdk: SendbirdGroupChat): boolean => {\n  const ALLOW_SUPER_GROUP_CHANNEL = 'allow_super_group_channel';\n  const applicationAttributes = sdk?.appInfo?.applicationAttributes;\n\n  if (Array.isArray(applicationAttributes)) {\n    return applicationAttributes.includes(ALLOW_SUPER_GROUP_CHANNEL);\n  }\n\n  return false;\n};\n","import React, { useContext } from 'react';\nimport type { SendbirdGroupChat } from '@sendbird/chat/groupChannel';\n\nimport * as sendbirdSelectors from '../../../lib/selectors';\nimport useSendbirdStateContext from '../../../hooks/useSendbirdStateContext';\n\nimport { useCreateChannelContext } from '../context/CreateChannelProvider';\n\nimport { LocalizationContext } from '../../../lib/LocalizationContext';\nimport Label, { LabelColors, LabelTypography } from '../../../ui/Label';\nimport Icon, { IconTypes, IconColors } from '../../../ui/Icon';\n\nimport Modal from '../../../ui/Modal';\n\nimport {\n  isBroadcastChannelEnabled,\n  isSuperGroupChannelEnabled,\n} from '../utils';\nimport { CHANNEL_TYPE } from '../types';\n\nexport interface SelectChannelTypeProps {\n  onCancel?(): void;\n}\n\nconst SelectChannelType: React.FC<SelectChannelTypeProps> = (props: SelectChannelTypeProps) => {\n  const { onCancel } = props;\n  const store = useSendbirdStateContext();\n\n  const sdk = sendbirdSelectors.getSdk(store) as SendbirdGroupChat;\n\n  const createChannelProps = useCreateChannelContext();\n  const {\n    setStep,\n    setType,\n  } = createChannelProps;\n\n  const { stringSet } = useContext(LocalizationContext);\n\n  const isBroadcastAvailable = isBroadcastChannelEnabled(sdk);\n  const isSupergroupAvailable = isSuperGroupChannelEnabled(sdk);\n\n  return (\n    <Modal\n      titleText={stringSet?.MODAL__CREATE_CHANNEL__TITLE}\n      hideFooter\n      onCancel={() => { onCancel(); }}\n    >\n      <div className=\"sendbird-add-channel__rectangle-wrap\">\n        <div\n          className=\"sendbird-add-channel__rectangle\"\n          onClick={() => {\n            setType(CHANNEL_TYPE.GROUP);\n            setStep(1);\n          }}\n          role=\"button\"\n          tabIndex={0}\n          onKeyDown={() => {\n            setType(CHANNEL_TYPE.GROUP);\n            setStep(1);\n          }}\n        >\n          <Icon\n            className=\"sendbird-add-channel__rectangle__chat-icon\"\n            type={IconTypes.CHAT}\n            fillColor={IconColors.PRIMARY}\n            width=\"28px\"\n            height=\"28px\"\n          />\n          <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n            {stringSet.MODAL__CREATE_CHANNEL__GROUP}\n          </Label>\n        </div>\n        {\n          isSupergroupAvailable && (\n            <div\n              className=\"sendbird-add-channel__rectangle\"\n              onClick={() => {\n                setType(CHANNEL_TYPE.SUPERGROUP);\n                setStep(1);\n              }}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={() => {\n                setType(CHANNEL_TYPE.SUPERGROUP);\n                setStep(1);\n              }}\n            >\n              <Icon\n                className=\"sendbird-add-channel__rectangle__supergroup-icon\"\n                type={IconTypes.SUPERGROUP}\n                fillColor={IconColors.PRIMARY}\n                width=\"28px\"\n                height=\"28px\"\n              />\n              <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n                {stringSet.MODAL__CREATE_CHANNEL__SUPER}\n              </Label>\n            </div>\n          )\n        }\n        {\n          isBroadcastAvailable && (\n            <div\n              className=\"sendbird-add-channel__rectangle\"\n              onClick={() => {\n                setType(CHANNEL_TYPE.BROADCAST);\n                setStep(1);\n              }}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={() => {\n                setType(CHANNEL_TYPE.BROADCAST);\n                setStep(1);\n              }}\n            >\n              <Icon\n                className=\"sendbird-add-channel__rectangle__broadcast-icon\"\n                type={IconTypes.BROADCAST}\n                fillColor={IconColors.PRIMARY}\n                width=\"28px\"\n                height=\"28px\"\n              />\n              <Label type={LabelTypography.SUBTITLE_1} color={LabelColors.ONBACKGROUND_1}>\n                {stringSet.MODAL__CREATE_CHANNEL__BROADCAST}\n              </Label>\n            </div>\n          )\n        }\n      </div>\n    </Modal>\n  );\n}\n\nexport default SelectChannelType;\n"],"names":["isBroadcastChannelEnabled","sdk","ALLOW_BROADCAST_CHANNEL","applicationAttributes","appInfo","Array","isArray","includes","isSuperGroupChannelEnabled","ALLOW_SUPER_GROUP_CHANNEL","SelectChannelType","props","onCancel","store","useSendbirdStateContext","sendbirdSelectors","createChannelProps","useCreateChannelContext","setStep","setType","stringSet","useContext","LocalizationContext","isBroadcastAvailable","isSupergroupAvailable","React","MODAL__CREATE_CHANNEL__TITLE","CHANNEL_TYPE","GROUP","IconTypes","CHAT","IconColors","PRIMARY","LabelTypography","SUBTITLE_1","LabelColors","ONBACKGROUND_1","MODAL__CREATE_CHANNEL__GROUP","SUPERGROUP","MODAL__CREATE_CHANNEL__SUPER","BROADCAST","MODAL__CREATE_CHANNEL__BROADCAST"],"mappings":"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"}

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-1cf4ef27.js';
-import '../topics-71b67878.js';
-import '../utils-b69f7583.js';
+export { C as CreateChannelProvider, u as useCreateChannelContext } from '../CreateChannelProvider-1d4c08d8.js';
+import '../topics-3dbd69e2.js';
+import '../utils-e0115d03.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-30d122aa.js';
+import '../_rollupPluginBabelHelpers-4e546dea.js';
 //# sourceMappingURL=context.js.map

package/CreateChannel.js

@@ -1,36 +1,36 @@
 import React__default from 'react';
 import CreateChannel$1 from './CreateChannel/components/CreateChannelUI.js';
-import { C as CreateChannelProvider } from './CreateChannelProvider-1cf4ef27.js';
+import { C as CreateChannelProvider } from './CreateChannelProvider-1d4c08d8.js';
 import './CreateChannel/components/InviteUsers.js';
-import './tslib.es6-c793443a.js';
-import './LocalizationContext-61a4a931.js';
-import './stringSet-92f53c6e.js';
-import './index-191d1d43.js';
+import './tslib.es6-5c8a20bb.js';
+import './LocalizationContext-7d740b0a.js';
+import './stringSet-53204a58.js';
+import './index-3d519005.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
-import './_rollupPluginBabelHelpers-30d122aa.js';
+import './_rollupPluginBabelHelpers-4e546dea.js';
 import './ui/Modal.js';
-import 'prop-types';
 import 'react-dom';
-import './index-42b2527f.js';
-import './ui/IconButton.js';
+import './index-7965b338.js';
+import './index-9ba00bc1.js';
+import './index-5efc096b.js';
+import 'prop-types';
 import './ui/Icon.js';
-import './index-d3358aa9.js';
-import './index-07cd4778.js';
-import './utils-b69f7583.js';
+import './ui/IconButton.js';
 import './ui/UserListItem.js';
-import './UserProfileContext-3524e64c.js';
+import './UserProfileContext-9b7b1d4f.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-7c3f59a3.js';
+import './uuid-8d849862.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/Checkbox.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './topics-71b67878.js';
+import './topics-3dbd69e2.js';
+import './utils-e0115d03.js';
 import './ui/ContextMenu.js';
-import './index-65007eeb.js';
 import './ui/SortByRow.js';
+import './index-f37bc955.js';
 import './CreateChannel/components/SelectChannelType.js';
 
 var CreateChannel = function CreateChannel(props) {

package/{CreateChannelProvider-1cf4ef27.js → CreateChannelProvider-1d4c08d8.js}

@@ -50,4 +50,4 @@ var useCreateChannelContext = function useCreateChannelContext() {
 };
 
 export { CreateChannelProvider as C, CHANNEL_TYPE as a, useCreateChannelContext as u };
-//# sourceMappingURL=CreateChannelProvider-1cf4ef27.js.map
+//# sourceMappingURL=CreateChannelProvider-1d4c08d8.js.map

package/CreateChannelProvider-1d4c08d8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateChannelProvider-1d4c08d8.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\nexport interface CreateChannelProviderProps {\n  children?: React.ReactElement;\n  onCreateChannel(channel: GroupChannel): 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  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    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      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","userListQuery","store","useSendbirdStateContext","userListQuery_","config","createChannel","getCreateGroupChannel","_b","useState","step","setStep","_c","GROUP","type","setType","useCreateChannelContext","useContext"],"mappings":";;;;IAAYA;;AAAZ,WAAYA;AACVA,EAAAA,qBAAA,UAAA;AACAA,EAAAA,0BAAA,eAAA;AACAA,EAAAA,yBAAA,cAAA;AACD,CAJD,EAAYA,YAAY,KAAZA,YAAY,KAAA,CAAxB;;ACYA,IAAMC,oBAAoB,gBAAGC,cAAK,CAACC,aAAN,CAAoBC,SAApB,CAA7B;;IA4BMC,qBAAqB,GAAyC,SAA9DA,qBAA8D,CAACC,KAAD;;;AAEhE,MAAAC,QAAQ,GAIND,KAAK,SAJP;AAAA,MACAE,eAAe,GAGbF,KAAK,gBAJP;AAAA,MAEAG,qBAAqB,GAEnBH,KAAK,sBAJP;AAAA,MAGAI,aAAa,GACXJ,KAAK,cAJP;AAMF,MAAMK,KAAK,GAAGC,uBAAuB,EAArC;AACA,MAAMC,cAAc,GAAG,MAAAF,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,MAAP,UAAA,iBAAA,SAAA,MAAeJ,aAAtC;AACA,MAAMK,aAAa,GACUC,qBAAqB,CAACL,KAAD,CADlD;;AAGM,MAAAM,KAAkBC,QAAQ,CAAC,CAAD,CAA1B;AAAA,MAACC,IAAI,QAAL;AAAA,MAAOC,OAAO,QAAd;;AACA,MAAAC,KAAkBH,QAAQ,CAAClB,YAAY,CAACsB,KAAd,CAA1B;AAAA,MAACC,IAAI,QAAL;AAAA,MAAOC,OAAO,QAAd;;AAEN,sBACEtB,6BAAC,oBAAD,CAAsB,QAAtB;AAA+B,IAAA,KAAK,EAAE;AACpCO,MAAAA,qBAAqB,uBADe;AAEpCM,MAAAA,aAAa,eAFuB;AAGpCP,MAAAA,eAAe,iBAHqB;AAIpCE,MAAAA,aAAa,EAAEA,aAAa,IAAIG,cAJI;AAKpCM,MAAAA,IAAI,MALgC;AAMpCC,MAAAA,OAAO,SAN6B;AAOpCG,MAAAA,IAAI,MAPgC;AAQpCC,MAAAA,OAAO;AAR6B;AAAtC,KAUGjB,QAVH,CADF;AAcD;;IAEKkB,uBAAuB,GAAG,SAA1BA,uBAA0B;AAAqC,SACnEvB,cAAK,CAACwB,UAAN,CAAiBzB,oBAAjB,CADmE;AAEpE;;;;"}

package/EditUserProfile/components/EditUserProfileUI.js

@@ -1,26 +1,26 @@
 import 'react';
-export { a as default } from '../../index-17024830.js';
+export { a as default } from '../../index-cdcfdf8f.js';
 import '../../ui/Modal.js';
-import '../../LocalizationContext-61a4a931.js';
+import '../../LocalizationContext-7d740b0a.js';
 import '../../useSendbirdStateContext.js';
 import '../../ui/Input.js';
 import '../../ui/Avatar.js';
 import '../../ui/Icon.js';
-import '../../index-d3358aa9.js';
-import '../../index-07cd4778.js';
+import '../../index-9ba00bc1.js';
+import '../../index-5efc096b.js';
 import '../../ui/TextButton.js';
-import '../../utils-b69f7583.js';
-import '../../actionTypes-d5d5ac7b.js';
-import 'prop-types';
+import '../../utils-e0115d03.js';
+import '../../actionTypes-f1946e3f.js';
 import 'react-dom';
-import '../../index-42b2527f.js';
+import '../../index-7965b338.js';
 import '../../ui/IconButton.js';
-import '../../_rollupPluginBabelHelpers-30d122aa.js';
-import '../../stringSet-92f53c6e.js';
-import '../../index-191d1d43.js';
+import '../../tslib.es6-5c8a20bb.js';
+import '../../stringSet-53204a58.js';
+import '../../index-3d519005.js';
+import '../../_rollupPluginBabelHelpers-4e546dea.js';
+import 'prop-types';
 import '../../withSendbird.js';
-import '../../tslib.es6-c793443a.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-7c3f59a3.js';
-import '../../color-f6548425.js';
+import '../../uuid-8d849862.js';
+import '../../color-7a9e9046.js';
 //# sourceMappingURL=EditUserProfileUI.js.map

package/EditUserProfile/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../src/smart-components/EditUserProfile/context/EditUserProfileProvider.tsx"],"sourcesContent":["import type { User } from '@sendbird/chat';\nimport React, { useMemo } from 'react';\n\nconst EditUserProfileProviderContext = React.createContext(undefined);\n\nexport interface EditUserProfileProps {\n  children?: React.ReactNode;\n  onCancel?(): void;\n  onThemeChange?(theme: string): void;\n  onEditProfile?(updatedUser: User): void;\n}\n\nexport interface EditUserProfileProviderInterface {\n  onCancel?(): void;\n  onThemeChange?(theme: string): void;\n  onEditProfile?(updatedUser: User): void;\n}\n\nconst EditUserProfileProvider: React.FC<EditUserProfileProps> = (props: EditUserProfileProps) => {\n  const {\n    children,\n    onEditProfile,\n    onCancel,\n    onThemeChange,\n  } = props;\n\n  const value = useMemo(() => {\n    return {\n      onEditProfile,\n      onCancel,\n      onThemeChange,\n    };\n  }, []);\n\n  return (\n    <EditUserProfileProviderContext.Provider value={value}>\n      {children}\n    </EditUserProfileProviderContext.Provider>\n  );\n}\n\nconst useEditUserProfileContext = (): EditUserProfileProviderInterface => (\n  React.useContext(EditUserProfileProviderContext)\n);\n\nexport {\n  EditUserProfileProvider,\n  useEditUserProfileContext,\n};\n"],"names":["EditUserProfileProviderContext","React","createContext","undefined","EditUserProfileProvider","props","children","onEditProfile","onCancel","onThemeChange","value","useMemo","useEditUserProfileContext","useContext"],"mappings":";;AAGA,IAAMA,8BAA8B,gBAAGC,cAAK,CAACC,aAAN,CAAoBC,SAApB,CAAvC;;IAeMC,uBAAuD,GAAG,SAA1DA,uBAA0D,CAACC,KAAD,EAAiC;AAC/F,MACEC,QADF,GAKID,KALJ,CACEC,QADF;AAAA,MAEEC,aAFF,GAKIF,KALJ,CAEEE,aAFF;AAAA,MAGEC,QAHF,GAKIH,KALJ,CAGEG,QAHF;AAAA,MAIEC,aAJF,GAKIJ,KALJ,CAIEI,aAJF;AAOA,MAAMC,KAAK,GAAGC,OAAO,CAAC,YAAM;AAC1B,WAAO;AACLJ,MAAAA,aAAa,EAAbA,aADK;AAELC,MAAAA,QAAQ,EAARA,QAFK;AAGLC,MAAAA,aAAa,EAAbA;AAHK,KAAP;AAKD,GANoB,EAMlB,EANkB,CAArB;AAQA,sBACER,6BAAC,8BAAD,CAAgC,QAAhC;AAAyC,IAAA,KAAK,EAAES;AAAhD,KACGJ,QADH,CADF;AAKD;;IAEKM,yBAAyB,GAAG,SAA5BA,yBAA4B;AAAA,SAChCX,cAAK,CAACY,UAAN,CAAiBb,8BAAjB,CADgC;AAAA;;;;"}
+{"version":3,"file":"context.js","sources":["../../src/smart-components/EditUserProfile/context/EditUserProfileProvider.tsx"],"sourcesContent":["import type { User } from '@sendbird/chat';\nimport React, { useMemo } from 'react';\n\nconst EditUserProfileProviderContext = React.createContext(undefined);\n\nexport interface EditUserProfileProps {\n  children?: React.ReactElement;\n  onCancel?(): void;\n  onThemeChange?(theme: string): void;\n  onEditProfile?(updatedUser: User): void;\n}\n\nexport interface EditUserProfileProviderInterface {\n  onCancel?(): void;\n  onThemeChange?(theme: string): void;\n  onEditProfile?(updatedUser: User): void;\n}\n\nconst EditUserProfileProvider: React.FC<EditUserProfileProps> = (props: EditUserProfileProps) => {\n  const {\n    children,\n    onEditProfile,\n    onCancel,\n    onThemeChange,\n  } = props;\n\n  const value = useMemo(() => {\n    return {\n      onEditProfile,\n      onCancel,\n      onThemeChange,\n    };\n  }, []);\n\n  return (\n    <EditUserProfileProviderContext.Provider value={value}>\n      {children}\n    </EditUserProfileProviderContext.Provider>\n  );\n}\n\nconst useEditUserProfileContext = (): EditUserProfileProviderInterface => (\n  React.useContext(EditUserProfileProviderContext)\n);\n\nexport {\n  EditUserProfileProvider,\n  useEditUserProfileContext,\n};\n"],"names":["EditUserProfileProviderContext","React","createContext","undefined","EditUserProfileProvider","props","children","onEditProfile","onCancel","onThemeChange","value","useMemo","useEditUserProfileContext","useContext"],"mappings":";;AAGA,IAAMA,8BAA8B,gBAAGC,cAAK,CAACC,aAAN,CAAoBC,SAApB,CAAvC;;IAeMC,uBAAuD,GAAG,SAA1DA,uBAA0D,CAACC,KAAD,EAAiC;AAC/F,MACEC,QADF,GAKID,KALJ,CACEC,QADF;AAAA,MAEEC,aAFF,GAKIF,KALJ,CAEEE,aAFF;AAAA,MAGEC,QAHF,GAKIH,KALJ,CAGEG,QAHF;AAAA,MAIEC,aAJF,GAKIJ,KALJ,CAIEI,aAJF;AAOA,MAAMC,KAAK,GAAGC,OAAO,CAAC,YAAM;AAC1B,WAAO;AACLJ,MAAAA,aAAa,EAAbA,aADK;AAELC,MAAAA,QAAQ,EAARA,QAFK;AAGLC,MAAAA,aAAa,EAAbA;AAHK,KAAP;AAKD,GANoB,EAMlB,EANkB,CAArB;AAQA,sBACER,6BAAC,8BAAD,CAAgC,QAAhC;AAAyC,IAAA,KAAK,EAAES;AAAhD,KACGJ,QADH,CADF;AAKD;;IAEKM,yBAAyB,GAAG,SAA5BA,yBAA4B;AAAA,SAChCX,cAAK,CAACY,UAAN,CAAiBb,8BAAjB,CADgC;AAAA;;;;"}

package/EditUserProfile.js

@@ -1,28 +1,28 @@
 import React__default from 'react';
-import { E as EditUserProfileProvider, a as EditUserProfile } from './index-17024830.js';
+import { E as EditUserProfileProvider, a as EditUserProfile } from './index-cdcfdf8f.js';
 import './ui/Modal.js';
-import 'prop-types';
 import 'react-dom';
-import './LocalizationContext-61a4a931.js';
-import './stringSet-92f53c6e.js';
-import './index-191d1d43.js';
-import './index-42b2527f.js';
-import './ui/IconButton.js';
-import './_rollupPluginBabelHelpers-30d122aa.js';
+import './index-7965b338.js';
+import './LocalizationContext-7d740b0a.js';
+import './stringSet-53204a58.js';
+import './index-3d519005.js';
+import './index-9ba00bc1.js';
+import './tslib.es6-5c8a20bb.js';
+import './index-5efc096b.js';
+import './_rollupPluginBabelHelpers-4e546dea.js';
+import 'prop-types';
 import './ui/Icon.js';
-import './index-d3358aa9.js';
-import './index-07cd4778.js';
-import './utils-b69f7583.js';
+import './ui/IconButton.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
 import './ui/Input.js';
 import './ui/Avatar.js';
-import './tslib.es6-c793443a.js';
 import './ui/ImageRenderer.js';
-import './uuid-7c3f59a3.js';
+import './uuid-8d849862.js';
 import './ui/TextButton.js';
-import './color-f6548425.js';
-import './actionTypes-d5d5ac7b.js';
+import './color-7a9e9046.js';
+import './utils-e0115d03.js';
+import './actionTypes-f1946e3f.js';
 
 var EditProfile = function EditProfile(props) {
   var onEditProfile = props.onEditProfile,

package/{LocalizationContext-61a4a931.js → LocalizationContext-7d740b0a.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { g as getStringSet } from './stringSet-92f53c6e.js';
-import { d as defaultLocale } from './index-191d1d43.js';
+import { g as getStringSet } from './stringSet-53204a58.js';
+import { d as defaultLocale } from './index-3d519005.js';
 
 var LocalizationContext = /*#__PURE__*/React__default.createContext({
   stringSet: getStringSet('en'),
@@ -19,4 +19,4 @@ var useLocalization = function useLocalization() {
 };
 
 export { LocalizationProvider as L, LocalizationContext as a, useLocalization as u };
-//# sourceMappingURL=LocalizationContext-61a4a931.js.map
+//# sourceMappingURL=LocalizationContext-7d740b0a.js.map

package/LocalizationContext-7d740b0a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalizationContext-7d740b0a.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":";;;;IAMMA,mBAAmB,gBAAGC,cAAK,CAACC,aAAN,CAAoB;AAC9CC,EAAAA,SAAS,EAAEC,YAAY,CAAC,IAAD,CADuB;AAE9CC,EAAAA,UAAU,EAAEC;AAFkC,CAApB;;IAWtBC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD;AACnB,MAAAC,QAAQ,GAAKD,KAAK,SAAlB;AACR,sBACEP,6BAAC,mBAAD,CAAqB,QAArB;AAA8B,IAAA,KAAK,EAAEO;AAArC,KACGC,QADH,CADF;AAKD;;IAOKC,eAAe,GAAwB,SAAvCA,eAAuC;AAAM,SAAAT,cAAK,CAACU,UAAN,CAAiBX,mBAAjB,CAAA;AAAqC;;;;"}

package/{MemberList-24ad6b63.js → MemberList-8bc3c1e1.js}

@@ -1,17 +1,17 @@
 import React__default, { useState, useContext, useEffect, useCallback } from 'react';
-import { T as Type, B as Button, a as ButtonTypes, b as ButtonSizes } from './index-d3358aa9.js';
+import { T as Type, B as Button, a as ButtonTypes, b as ButtonSizes } from './index-9ba00bc1.js';
 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-c793443a.js';
+import { a as __spreadArray, _ as __assign } from './tslib.es6-5c8a20bb.js';
 import Modal from './ui/Modal.js';
 import UserListItem from './ui/UserListItem.js';
-import { n as noop } from './utils-b69f7583.js';
+import { n as noop } from './utils-e0115d03.js';
 import { useChannelSettingsContext } from './ChannelSettings/context.js';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
-import { a as LocalizationContext } from './LocalizationContext-61a4a931.js';
-import { u as uuidv4 } from './uuid-7c3f59a3.js';
+import { a as LocalizationContext } from './LocalizationContext-7d740b0a.js';
+import { u as uuidv4 } from './uuid-8d849862.js';
 
 function MembersModal(_a) {
   var _b;
@@ -408,4 +408,4 @@ var MemberList = function MemberList() {
 };
 
 export { MemberList as M };
-//# sourceMappingURL=MemberList-24ad6b63.js.map
+//# sourceMappingURL=MemberList-8bc3c1e1.js.map

package/{MemberList-24ad6b63.js.map → MemberList-8bc3c1e1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MemberList-24ad6b63.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';\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        hideFooter\n        onCancel={() => onCancel()}\n        onSubmit={noop}\n        titleText=\"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) => (\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                              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 { Type as ButtonType } from '../../../../ui/Button/type';\nimport UserListItem from '../../../../ui/UserListItem';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\ninterface Props {\n  onCancel(): void;\n  onSubmit(members: Array<string>): void;\n}\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 } = useChannelSettingsContext();\n\n  useEffect(() => {\n    const userListQuery = globalUserListQuery ? globalUserListQuery() : sdk?.createApplicationUserListQuery();\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        disabled={Object.keys(selectedMembers).length === 0}\n        submitText=\"Invite\"\n        type={ButtonType.PRIMARY}\n        onCancel={() => onCancel()}\n        onSubmit={() => {\n          const members = Object.keys(selectedMembers).filter((m) => selectedMembers[m]);\n          channel?.inviteWithUserIds(members).then(() => {\n            onSubmit(members);\n          });\n        }}\n        titleText=\"Select members\"\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 = (\n              target.clientHeight + target.scrollTop === target.scrollHeight\n            );\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              <UserListItem\n                checkBox\n                checked={selectedMembers[member.userId]}\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          </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    <>\n      {\n        members.map((member) => (\n          <UserListItem\n            key={member.userId}\n            user={member}\n            currentUser={sdk.currentUser.userId}\n            action={\n              (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    </>\n  );\n}\n\nexport default MemberList;\n"],"names":["MembersModal","_a","onCancel","_c","useState","members","setMembers","_d","memberQuery","setMemberQuery","channel","useChannelSettingsContext","state","useSendbirdStateContext","currentUser","config","userId","stringSet","useContext","LocalizationContext","useEffect","memberListQuery","createMemberListQuery","limit","next","then","React","noop","e","hasNext","target","fetchMore","clientHeight","scrollTop","scrollHeight","o","map","member","parentRef","actionRef","myRole","toggleDropdown","IconTypes","MORE","IconColors","CONTENT_INVERSE","closeDropdown","role","addOperators","m","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","InviteUsers","onSubmit","_e","_f","selectedMembers","setSelectedMembers","_g","userQuery","setUserQuery","sdk","stores","sdkStore","globalUserListQuery","userListQuery","createApplicationUserListQuery","Object","keys","length","ButtonType","PRIMARY","inviteWithUserIds","users","event","modifiedSelectedMembers","id","checked","MemberList","setHasNext","showAllMembers","setShowAllMembers","showInviteUsers","setShowInviteUsers","_h","setChannelUpdateId","memberUserListQuery","refreshList","useCallback","uuidv4","UserListItem","ButtonTypes","SECONDARY","ButtonSizes","SMALL","CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS","CHANNEL_SETTING__MEMBERS__INVITE_MEMBER"],"mappings":"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"}
+{"version":3,"file":"MemberList-8bc3c1e1.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';\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        hideFooter\n        onCancel={() => onCancel()}\n        onSubmit={noop}\n        titleText=\"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) => (\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                              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 { Type as ButtonType } from '../../../../ui/Button/type';\nimport UserListItem from '../../../../ui/UserListItem';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\ninterface Props {\n  onCancel(): void;\n  onSubmit(members: Array<string>): void;\n}\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 } = useChannelSettingsContext();\n\n  useEffect(() => {\n    const userListQuery = globalUserListQuery ? globalUserListQuery() : sdk?.createApplicationUserListQuery();\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        disabled={Object.keys(selectedMembers).length === 0}\n        submitText=\"Invite\"\n        type={ButtonType.PRIMARY}\n        onCancel={() => onCancel()}\n        onSubmit={() => {\n          const members = Object.keys(selectedMembers).filter((m) => selectedMembers[m]);\n          channel?.inviteWithUserIds(members).then(() => {\n            onSubmit(members);\n          });\n        }}\n        titleText=\"Select members\"\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 = (\n              target.clientHeight + target.scrollTop === target.scrollHeight\n            );\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              <UserListItem\n                checkBox\n                checked={selectedMembers[member.userId]}\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          </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    <>\n      {\n        members.map((member) => (\n          <UserListItem\n            key={member.userId}\n            user={member}\n            currentUser={sdk.currentUser.userId}\n            action={\n              (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    </>\n  );\n}\n\nexport default MemberList;\n"],"names":["MembersModal","_a","onCancel","_c","useState","members","setMembers","_d","memberQuery","setMemberQuery","channel","useChannelSettingsContext","state","useSendbirdStateContext","currentUser","config","userId","stringSet","useContext","LocalizationContext","useEffect","memberListQuery","createMemberListQuery","limit","next","then","React","noop","e","hasNext","target","fetchMore","clientHeight","scrollTop","scrollHeight","o","map","member","parentRef","actionRef","myRole","toggleDropdown","IconTypes","MORE","IconColors","CONTENT_INVERSE","closeDropdown","role","addOperators","m","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","InviteUsers","onSubmit","_e","_f","selectedMembers","setSelectedMembers","_g","userQuery","setUserQuery","sdk","stores","sdkStore","globalUserListQuery","userListQuery","createApplicationUserListQuery","Object","keys","length","ButtonType","PRIMARY","inviteWithUserIds","users","event","modifiedSelectedMembers","id","checked","MemberList","setHasNext","showAllMembers","setShowAllMembers","showInviteUsers","setShowInviteUsers","_h","setChannelUpdateId","memberUserListQuery","refreshList","useCallback","uuidv4","UserListItem","ButtonTypes","SECONDARY","ButtonSizes","SMALL","CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS","CHANNEL_SETTING__MEMBERS__INVITE_MEMBER"],"mappings":"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"}

package/MessageSearch/components/MessageSearchUI.js

@@ -1,24 +1,25 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-61a4a931.js';
+import { a as LocalizationContext } from '../../LocalizationContext-7d740b0a.js';
 import { useMessageSearchContext } from '../context.js';
 import MessageSearchItem from '../../ui/MessageSearchItem.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-2034978f.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-00ac1d60.js';
 import MessageSearchFileItem from '../../ui/MessageSearchFileItem.js';
-import '../../stringSet-92f53c6e.js';
-import '../../index-191d1d43.js';
+import '../../stringSet-53204a58.js';
+import '../../index-3d519005.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-30d122aa.js';
-import '../../tslib.es6-c793443a.js';
-import '../../index-aa2d32cc.js';
-import '../../index-b1f9e3f9.js';
-import '../../index-5428ab4f.js';
+import '../../_rollupPluginBabelHelpers-4e546dea.js';
+import '../../tslib.es6-5c8a20bb.js';
+import '@sendbird/chat/lib/__definition';
+import '../../index-d4e18807.js';
+import '../../index-62f1a209.js';
+import '../../index-47b8d0ce.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import 'prop-types';
 import '../../ui/Icon.js';
-import '../../uuid-7c3f59a3.js';
-import '../../index-07cd4778.js';
+import 'prop-types';
+import '../../uuid-8d849862.js';
+import '../../index-5efc096b.js';
 import '../../ui/Loader.js';
 
 var COMPONENT_CLASS_NAME = 'sendbird-message-search';

package/MessageSearch/components/MessageSearchUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageSearchUI.js","sources":["../../../src/smart-components/MessageSearch/components/MessageSearchUI/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport './index.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useMessageSearchContext } from '../../context/MessageSearchProvider';\n\nimport MessageSearchItem from '../../../../ui/MessageSearchItem';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport MessageSearchFileItem from '../../../../ui/MessageSearchFileItem';\nimport { ClientSentMessages } from '../../../../types';\n\n\nconst COMPONENT_CLASS_NAME = 'sendbird-message-search';\n\nexport interface MessageSearchUIProps {\n  renderPlaceHolderError?: (props: void) => React.ReactNode;\n  renderPlaceHolderLoading?: (props: void) => React.ReactNode;\n  renderPlaceHolderNoString?: (props: void) => React.ReactNode;\n  renderPlaceHolderEmptyList?: (props: void) => React.ReactNode;\n  renderSearchItem?(\n    {\n      message,\n      onResultClick,\n    }: {\n      message: ClientSentMessages,\n      onResultClick?: (message: ClientSentMessages) => void,\n    }\n  ): JSX.Element;\n}\n\nexport const MessageSearchUI: React.FC<MessageSearchUIProps> = ({\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n  renderPlaceHolderNoString,\n  renderPlaceHolderEmptyList,\n  renderSearchItem,\n}: MessageSearchUIProps) => {\n  const {\n    isInvalid,\n    searchString,\n    requestString,\n    currentChannel,\n    retryCount,\n    setRetryCount,\n    loading,\n    scrollRef,\n    hasMoreResult,\n    onScroll,\n    allMessages,\n    onResultClick,\n    selectedMessageId,\n    setSelectedMessageId,\n  } = useMessageSearchContext();\n\n  const { stringSet } = useContext(LocalizationContext);\n\n  const handleRetryToConnect = () => {\n    setRetryCount(retryCount + 1);\n  };\n\n  const handleOnScroll = (e) => {\n    const scrollElement = e.target;\n    const {\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    } = scrollElement;\n\n    if (!hasMoreResult) {\n      return;\n    }\n    if (scrollTop + clientHeight >= scrollHeight - 1) {\n      onScroll(() => {\n        // after load more searched messages\n      });\n    }\n  };\n\n  const getChannelName = () => {\n    if (currentChannel && currentChannel?.name && currentChannel?.name !== 'Group Channel') {\n      return currentChannel?.name;\n    }\n    if (currentChannel && (currentChannel?.name === 'Group Channel' || !currentChannel?.name)) {\n      return currentChannel.members.map((member) => member.nickname || stringSet.NO_NAME).join(', ');\n    }\n    return stringSet.NO_TITLE;\n  };\n\n  if (isInvalid && searchString && requestString) {\n    return renderPlaceHolderError?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder\n          type={PlaceHolderTypes.WRONG}\n          retryToConnect={handleRetryToConnect}\n        />\n      </div>\n    );\n  }\n\n  if (loading && searchString && requestString) {\n    return renderPlaceHolderLoading?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder type={PlaceHolderTypes.SEARCHING} />\n      </div>\n    );\n  }\n\n  if (!searchString) {\n    return renderPlaceHolderNoString?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder\n          type={PlaceHolderTypes.SEARCH_IN}\n          searchInString={getChannelName()}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={COMPONENT_CLASS_NAME}\n      onScroll={handleOnScroll}\n      ref={scrollRef}\n    >\n      {\n        (allMessages.length > 0)\n          ? (\n            allMessages.map((message) => {\n              if (renderSearchItem) {\n                return renderSearchItem({ message, onResultClick });\n              }\n              if (message.messageType === 'file') {\n                return (\n                  <MessageSearchFileItem\n                    className={`${COMPONENT_CLASS_NAME}__message-search-item`}\n                    message={message as FileMessage}\n                    key={message.messageId}\n                    selected={(selectedMessageId === message.messageId)}\n                    onClick={() => {\n                      onResultClick(message);\n                      setSelectedMessageId(message.messageId);\n                    }}\n                  />\n                );\n              }\n              return (\n                <MessageSearchItem\n                  className={`${COMPONENT_CLASS_NAME}__message-search-item`}\n                  message={message as UserMessage}\n                  key={message.messageId}\n                  selected={(selectedMessageId === message.messageId)}\n                  onClick={() => {\n                    onResultClick(message);\n                    setSelectedMessageId(message.messageId);\n                  }}\n                />\n              );\n            })\n          )\n          : renderPlaceHolderEmptyList?.() || (\n            <PlaceHolder type={PlaceHolderTypes.NO_RESULTS} />\n          )\n      }\n    </div>\n  );\n};\n\nexport default MessageSearchUI;\n"],"names":["COMPONENT_CLASS_NAME","MessageSearchUI","_a","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderNoString","renderPlaceHolderEmptyList","renderSearchItem","_b","useMessageSearchContext","isInvalid","searchString","requestString","currentChannel","retryCount","setRetryCount","loading","scrollRef","hasMoreResult","onScroll","allMessages","onResultClick","selectedMessageId","setSelectedMessageId","stringSet","useContext","LocalizationContext","handleRetryToConnect","handleOnScroll","e","scrollElement","target","scrollTop","scrollHeight","clientHeight","getChannelName","name","members","map","member","nickname","NO_NAME","join","NO_TITLE","React","PlaceHolderTypes","WRONG","SEARCHING","SEARCH_IN","length","message","messageType","messageId","NO_RESULTS"],"mappings":"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"}
+{"version":3,"file":"MessageSearchUI.js","sources":["../../../src/smart-components/MessageSearch/components/MessageSearchUI/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport './index.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useMessageSearchContext } from '../../context/MessageSearchProvider';\n\nimport MessageSearchItem from '../../../../ui/MessageSearchItem';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport MessageSearchFileItem from '../../../../ui/MessageSearchFileItem';\nimport { ClientSentMessages } from '../../../../types';\n\n\nconst COMPONENT_CLASS_NAME = 'sendbird-message-search';\n\nexport interface MessageSearchUIProps {\n  renderPlaceHolderError?: (props: void) => React.ReactElement;\n  renderPlaceHolderLoading?: (props: void) => React.ReactElement;\n  renderPlaceHolderNoString?: (props: void) => React.ReactElement;\n  renderPlaceHolderEmptyList?: (props: void) => React.ReactElement;\n  renderSearchItem?(\n    {\n      message,\n      onResultClick,\n    }: {\n      message: ClientSentMessages,\n      onResultClick?: (message: ClientSentMessages) => void,\n    }\n  ): JSX.Element;\n}\n\nexport const MessageSearchUI: React.FC<MessageSearchUIProps> = ({\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n  renderPlaceHolderNoString,\n  renderPlaceHolderEmptyList,\n  renderSearchItem,\n}: MessageSearchUIProps) => {\n  const {\n    isInvalid,\n    searchString,\n    requestString,\n    currentChannel,\n    retryCount,\n    setRetryCount,\n    loading,\n    scrollRef,\n    hasMoreResult,\n    onScroll,\n    allMessages,\n    onResultClick,\n    selectedMessageId,\n    setSelectedMessageId,\n  } = useMessageSearchContext();\n\n  const { stringSet } = useContext(LocalizationContext);\n\n  const handleRetryToConnect = () => {\n    setRetryCount(retryCount + 1);\n  };\n\n  const handleOnScroll = (e) => {\n    const scrollElement = e.target;\n    const {\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    } = scrollElement;\n\n    if (!hasMoreResult) {\n      return;\n    }\n    if (scrollTop + clientHeight >= scrollHeight - 1) {\n      onScroll(() => {\n        // after load more searched messages\n      });\n    }\n  };\n\n  const getChannelName = () => {\n    if (currentChannel && currentChannel?.name && currentChannel?.name !== 'Group Channel') {\n      return currentChannel?.name;\n    }\n    if (currentChannel && (currentChannel?.name === 'Group Channel' || !currentChannel?.name)) {\n      return currentChannel.members.map((member) => member.nickname || stringSet.NO_NAME).join(', ');\n    }\n    return stringSet.NO_TITLE;\n  };\n\n  if (isInvalid && searchString && requestString) {\n    return renderPlaceHolderError?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder\n          type={PlaceHolderTypes.WRONG}\n          retryToConnect={handleRetryToConnect}\n        />\n      </div>\n    );\n  }\n\n  if (loading && searchString && requestString) {\n    return renderPlaceHolderLoading?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder type={PlaceHolderTypes.SEARCHING} />\n      </div>\n    );\n  }\n\n  if (!searchString) {\n    return renderPlaceHolderNoString?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder\n          type={PlaceHolderTypes.SEARCH_IN}\n          searchInString={getChannelName()}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={COMPONENT_CLASS_NAME}\n      onScroll={handleOnScroll}\n      ref={scrollRef}\n    >\n      {\n        (allMessages.length > 0)\n          ? (\n            allMessages.map((message) => {\n              if (renderSearchItem) {\n                return renderSearchItem({ message, onResultClick });\n              }\n              if (message.messageType === 'file') {\n                return (\n                  <MessageSearchFileItem\n                    className={`${COMPONENT_CLASS_NAME}__message-search-item`}\n                    message={message as FileMessage}\n                    key={message.messageId}\n                    selected={(selectedMessageId === message.messageId)}\n                    onClick={() => {\n                      onResultClick(message);\n                      setSelectedMessageId(message.messageId);\n                    }}\n                  />\n                );\n              }\n              return (\n                <MessageSearchItem\n                  className={`${COMPONENT_CLASS_NAME}__message-search-item`}\n                  message={message as UserMessage}\n                  key={message.messageId}\n                  selected={(selectedMessageId === message.messageId)}\n                  onClick={() => {\n                    onResultClick(message);\n                    setSelectedMessageId(message.messageId);\n                  }}\n                />\n              );\n            })\n          )\n          : renderPlaceHolderEmptyList?.() || (\n            <PlaceHolder type={PlaceHolderTypes.NO_RESULTS} />\n          )\n      }\n    </div>\n  );\n};\n\nexport default MessageSearchUI;\n"],"names":["COMPONENT_CLASS_NAME","MessageSearchUI","_a","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderNoString","renderPlaceHolderEmptyList","renderSearchItem","_b","useMessageSearchContext","isInvalid","searchString","requestString","currentChannel","retryCount","setRetryCount","loading","scrollRef","hasMoreResult","onScroll","allMessages","onResultClick","selectedMessageId","setSelectedMessageId","stringSet","useContext","LocalizationContext","handleRetryToConnect","handleOnScroll","e","scrollElement","target","scrollTop","scrollHeight","clientHeight","getChannelName","name","members","map","member","nickname","NO_NAME","join","NO_TITLE","React","PlaceHolderTypes","WRONG","SEARCHING","SEARCH_IN","length","message","messageType","messageId","NO_RESULTS"],"mappings":"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"}

package/MessageSearch/context.js

@@ -1,8 +1,9 @@
 import React__default, { useEffect, useCallback, useState, useReducer, useRef } from 'react';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { _ as __assign, a as __spreadArray } from '../tslib.es6-c793443a.js';
+import { _ as __assign, a as __spreadArray } from '../tslib.es6-5c8a20bb.js';
+import { MessageSearchOrder } from '@sendbird/chat/lib/__definition';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-30d122aa.js';
+import '../_rollupPluginBabelHelpers-4e546dea.js';
 
 var GET_SEARCHED_MESSAGES = 'GET_SEARCHED_MESSAGES';
 var GET_NEXT_SEARCHED_MESSAGES = 'GET_NEXT_SEARCHED_MESSAGES';
@@ -150,7 +151,7 @@ function useGetSearchedMessages(_a, _b) {
     if (sdk && channelUrl && sdk.createMessageSearchQuery && currentChannel) {
       if (requestString) {
         var inputSearchMessageQueryObject = __assign(__assign({}, messageSearchQuery), {
-          order: 'ts',
+          order: MessageSearchOrder.TIMESTAMP,
           channelUrl: channelUrl,
           messageTimestampFrom: currentChannel.invitedAt,
           keyword: requestString